Merge branch 'master' of github.com:Budibase/budibase into feat/linked-records-data-source

packages/builder/src/builderStore/index.js

@@ -9,7 +9,7 @@ export const automationStore = getAutomationStore()
 
 export const initialise = async () => {
   try {
-    analytics.activate()
+    await analytics.activate()
     analytics.captureEvent("Builder Started")
   } catch (err) {
     console.log(err)

packages/builder/src/builderStore/store/screenTemplates/recordListScreen.js

@@ -86,7 +86,7 @@ const createScreen = model => ({
       },
       {
         _id: "",
-        _component: "@budibase/standard-components/datatable",
+        _component: "@budibase/standard-components/datagrid",
         _styles: {
           normal: {},
           hover: {},
@@ -100,10 +100,6 @@ const createScreen = model => ({
           modelId: model._id,
           isModel: true,
         },
-        stripeColor: "",
-        borderColor: "",
-        backgroundColor: "",
-        color: "",
         _instanceName: `${model.name} Table`,
         _children: [],
       },

packages/builder/src/components/userInterface/temporaryPanelStructure.js

@@ -346,6 +346,18 @@ export default {
                 ],
                 placeholder: "alpine",
               },
+              {
+                label: "Height",
+                key: "height",
+                defaultValue: "500",
+                control: Input,
+              },
+              {
+                label: "Pagination",
+                key: "pagination",
+                valueKey: "checked",
+                control: Checkbox,
+              },
             ],
           },
           children: [],

packages/server/src/utilities/appDirectoryTemplate/pages/main/page.json

@@ -54,34 +54,6 @@
             "_instanceId": "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394",
             "_instanceName": "Home Link",
             "_children": []
-          },
-          {
-            "_id": "d3325634-0945-4387-8bb3-d9d9be186c1c",
-            "_component": "@budibase/standard-components/link",
-            "_styles": {
-              "normal": {
-                "font-family": "Inter",
-                "font-weight": "400",
-                "color": "#000000",
-                "text-decoration-line": "none",
-                "font-size": "16px"
-              },
-              "hover": {},
-              "active": {},
-              "selected": {}
-            },
-            "_code": "",
-            "url": "/screen1",
-            "openInNewTab": false,
-            "text": "Screen 1",
-            "color": "",
-            "hoverColor": "",
-            "underline": false,
-            "fontSize": "",
-            "fontFamily": "initial",
-            "_instanceId": "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394",
-            "_instanceName": "Screen 1 Link",
-            "_children": []
           }
         ]
       },

packages/standard-components/components.json

@@ -237,7 +237,9 @@
 					"balham-dark",
 					"material"
 				]
-			}
+			},
+			"height": "number",
+			"pagination": "bool"
 		}
 	},
 	"dataform": {

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

@@ -18,6 +18,8 @@
   export let datasource = {}
   export let editable
   export let theme = "alpine"
+  export let height
+  export let pagination
 
   let dataLoaded = false
   let data
@@ -32,6 +34,8 @@
     },
     rowSelection: editable ? "multiple" : false,
     suppressRowClickSelection: !editable,
+    paginationAutoPageSize: true,
+    pagination,
   }
   let store = _bb.store
 
@@ -111,7 +115,7 @@
     href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" />
 </svelte:head>
 
-<div class="container">
+<div class="container" style="--grid-height: {height}px">
   {#if dataLoaded}
     {#if editable}
       <div class="controls">