add structured output support in configuration models

hyperglass/ui/components/Table/TableBody.js

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { Box } from "@chakra-ui/core";
-import css from "@styled-system/css";
+/** @jsx jsx */
+import { jsx } from "@emotion/core";
+import { Box, css } from "@chakra-ui/core";
 
 const TableBody = ({ children, ...props }) => {
   return (
@@ -9,7 +9,7 @@ const TableBody = ({ children, ...props }) => {
       overflowY="scroll"
       css={css({
         "&::-webkit-scrollbar": { display: "none" },
-        "&": { "-ms-overflow-style": "none" }
+        "&": { msOverflowStyle: "none" }
       })}
       overflowX="hidden"
       {...props}

hyperglass/ui/components/Table/index.js

@@ -77,12 +77,6 @@ const Table = ({
     usePagination
   );
 
-  // tableColumns.map(col => {
-  //   if (col.hidden === true) {
-  //     setHiddenColumns(old => [...old, col.id]);
-  //   }
-  // });
-
   return (
     <CardBody>
       {!!tableHeading && <CardHeader>{tableHeading}</CardHeader>}

hyperglass/ui/pages/structured.js

@@ -324,7 +324,7 @@ const Structured = () => {
 
   return (
     <Layout>
-      <Flex my={8} w="80%">
+      <Flex my={8} maxW={["100%", "100%", "75%", "50%"]} w="100%">
         <Table
           columns={columns}
           data={data.routes}