Improve grid and table rendering of any type of datasource

packages/standard-components/src/DataGrid/Component.svelte

@@ -46,28 +46,20 @@
   onMount(async () => {
     if (datasource != null) {
       data = await fetchData(datasource, $store)
-      let schemaKeys = []
       let schema = {}
 
       // Get schema for datasource
-      if (datasource.type === "view") {
+      // Views with "Calculate" applied provide their own schema.
-        // For views, use the first object as the schema and pretend it's all strings
+      // For everything else, use the tableId property to pull to table schema
-        if (data && data.length) {
+      if (datasource.schema) {
-          schemaKeys = Object.keys(data[0])
+        schema = datasource.schema
-        }
-        schema = {}
-        schemaKeys.forEach(key => {
-          schema[key] = "string"
-        })
       } else {
-        // Fetch the real schema for the table or relationship
         const jsonTable = await _bb.api.get(`/api/tables/${datasource.tableId}`)
         table = await jsonTable.json()
         schema = table.schema
-        schemaKeys = Object.keys(schema)
       }
 
-      columnDefs = schemaKeys.map((key, i) => {
+      columnDefs = Object.keys(schema).map((key, i) => {
         return {
           headerCheckboxSelection: i === 0 && canEdit,
           checkboxSelection: i === 0 && canEdit,

packages/standard-components/src/DataTable.svelte

@@ -40,15 +40,18 @@
 
   onMount(async () => {
     if (!isEmpty(datasource)) {
+      console.log(datasource)
       data = await fetchData(datasource, $store)
-      if (data && data.length) {
+
-        if (datasource.type === "view") {
+      // Get schema for datasource
-          schema = data[0]
+      // Views with "Calculate" applied provide their own schema.
+      // For everything else, use the tableId property to pull to table schema
+      if (datasource.schema) {
+        schema = datasource.schema
         headers = Object.keys(schema).filter(shouldDisplayField)
       } else {
         schema = await fetchTable(datasource.tableId)
-          headers = Object.keys(schema)
+        headers = Object.keys(schema).filter(shouldDisplayField)
-        }
       }
     }
   })