Merge branch 'develop' of github.com:Budibase/budibase into feature/BUDI-7052

.eslintrc.json

@@ -5,7 +5,7 @@
     "jest": true,
     "node": true
   },
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "parserOptions": {
     "ecmaVersion": 2019,
     "sourceType": "module",
@@ -18,17 +18,23 @@
     "*.spec.js",
     "bundle.js"
   ],
-  "plugins": ["svelte3"],
   "extends": ["eslint:recommended"],
   "overrides": [
     {
-      "files": ["*.svelte"],
+      "files": ["**/*.svelte"],
-      "processor": "svelte3/svelte3"
+      "extends": "plugin:svelte/recommended",
+      "parser": "svelte-eslint-parser",
+      "parserOptions": {
+        "parser": "@babel/eslint-parser",
+        "ecmaVersion": 2019,
+        "sourceType": "module",
+        "allowImportExportEverywhere": true
+      }
+
     },
     {
       "files": ["**/*.ts"],
       "parser": "@typescript-eslint/parser",
-      "plugins": [],
       "extends": ["eslint:recommended"],
       "rules": {
         "no-unused-vars": "off",
@@ -41,7 +47,8 @@
     }
   ],
   "rules": {
-    "no-self-assign": "off"
+    "no-self-assign": "off",
+    "no-unused-vars": ["error", { "varsIgnorePattern": "^_", "argsIgnorePattern": "^_", "destructuredArrayIgnorePattern": "^_" }]
   },
   "globals": {
     "GeolocationPositionError": true

.github/workflows/release-master.yml

@@ -34,7 +34,6 @@ jobs:
             exit 1
           fi
 
-
       - uses: actions/setup-node@v1
         with:
           node-version: 14.x
@@ -58,9 +57,12 @@ jobs:
           echo //registry.npmjs.org/:_authToken=${NPM_TOKEN} >> .npmrc
           yarn release
 
-      - name: "Get Previous tag"
+      - name: "Get Current tag"
-        id: previoustag
+        id: currenttag
-        uses: "WyriHaximus/github-action-get-previous-tag@v1"
+        run: |
+          version=v$(./scripts/getCurrentVersion.sh)
+          echo 'Using tag $version'
+          echo "::set-output name=tag::$resversionult"
 
       - name: Build/release Docker images
         run: |
@@ -69,7 +71,7 @@ jobs:
         env:
           DOCKER_USER: ${{ secrets.DOCKER_USERNAME }}
           DOCKER_PASSWORD: ${{ secrets.DOCKER_API_KEY }}
-          BUDIBASE_RELEASE_VERSION: ${{ steps.previoustag.outputs.tag }}
+          BUDIBASE_RELEASE_VERSION: ${{ steps.currenttag.outputs.tag }}
 
   release-helm-chart:
     needs: [release-images]

babel.config.json

@@ -0,0 +1,3 @@
+{
+  "presets": [["@babel/preset-env", { "targets": { "node": "current" } }]]
+}

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.8.2-alpha.1",
+  "version": "2.8.2-alpha.5",
   "npmClient": "yarn",
   "packages": [
     "packages/*"

package.json

@@ -6,12 +6,10 @@
     "@nx/js": "16.2.1",
     "@rollup/plugin-json": "^4.0.2",
     "@typescript-eslint/parser": "5.45.0",
-    "babel-eslint": "^10.0.3",
     "esbuild": "^0.17.18",
     "esbuild-node-externals": "^1.7.0",
-    "eslint": "^7.28.0",
+    "eslint": "^8.44.0",
     "eslint-plugin-cypress": "^2.11.3",
-    "eslint-plugin-svelte3": "^3.2.0",
     "husky": "^8.0.3",
     "js-yaml": "^4.1.0",
     "kill-port": "^1.6.1",
@@ -23,7 +21,12 @@
     "rimraf": "^3.0.2",
     "rollup-plugin-replace": "^2.2.0",
     "svelte": "^3.38.2",
-    "typescript": "4.7.3"
+    "typescript": "4.7.3",
+    "@babel/core": "^7.22.5",
+    "@babel/eslint-parser": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
+    "eslint-plugin-svelte": "^2.32.2",
+    "svelte-eslint-parser": "^0.32.0"
   },
   "scripts": {
     "preinstall": "node scripts/syncProPackage.js",
@@ -52,10 +55,10 @@
     "dev:built": "yarn run kill-all && cd packages/server && yarn dev:stack:up && cd ../../ && lerna run --stream --parallel dev:built",
     "dev:docker": "yarn build:docker:pre && docker-compose -f hosting/docker-compose.build.yaml -f hosting/docker-compose.dev.yaml --env-file hosting/.env up --build --scale proxy-service=0",
     "test": "lerna run --stream test --stream",
-    "lint:eslint": "eslint packages && eslint qa-core",
+    "lint:eslint": "eslint packages qa-core --max-warnings=0",
     "lint:prettier": "prettier --check \"packages/**/*.{js,ts,svelte}\" && prettier --write \"examples/**/*.{js,ts,svelte}\" && prettier --check \"qa-core/**/*.{js,ts,svelte}\"",
     "lint": "yarn run lint:eslint && yarn run lint:prettier",
-    "lint:fix:eslint": "eslint --fix packages qa-core",
+    "lint:fix:eslint": "eslint --fix --max-warnings=0 packages qa-core",
     "lint:fix:prettier": "prettier --write \"packages/**/*.{js,ts,svelte}\" && prettier --write \"examples/**/*.{js,ts,svelte}\" && prettier --write \"qa-core/**/*.{js,ts,svelte}\"",
     "lint:fix": "yarn run lint:fix:prettier && yarn run lint:fix:eslint",
     "build:specs": "lerna run --stream specs",
@@ -103,5 +106,6 @@
     "@budibase/string-templates": "0.0.0",
     "@budibase/types": "0.0.0"
   },
-  "dependencies": {}
+  "dependencies": {
+  }
 }

packages/bbui/src/FancyForm/FancyButtonRadio.svelte

@@ -15,8 +15,6 @@
 
   const dispatch = createEventDispatcher()
 
-  $: placeholder = !value
-
   const extractProperty = (value, property) => {
     if (value && typeof value === "object") {
       return value[property]

packages/bbui/src/Form/Core/EnvDropdown.svelte

@@ -150,7 +150,7 @@
           </div>
         {:else if variables.length}
           <div style="max-height: 100px">
-            {#each variables as variable, idx}
+            {#each variables as variable}
               <li
                 class="spectrum-Menu-item"
                 role="option"

packages/bbui/src/Form/Core/TextField.svelte

@@ -62,6 +62,13 @@
     }
   }
 
+  const getInputMode = type => {
+    if (type === "bigint") {
+      return "numeric"
+    }
+    return type === "number" ? "decimal" : "text"
+  }
+
   onMount(() => {
     focus = autofocus
     if (focus) field.focus()
@@ -103,7 +110,7 @@
     {type}
     class="spectrum-Textfield-input"
     style={align ? `text-align: ${align};` : ""}
-    inputmode={type === "number" ? "decimal" : "text"}
+    inputmode={getInputMode(type)}
     {autocomplete}
   />
 </div>

packages/bbui/src/Table/CellRenderer.svelte

@@ -29,7 +29,6 @@
   $: type = getType(schema)
   $: customRenderer = customRenderers?.find(x => x.column === schema?.name)
   $: renderer = customRenderer?.component ?? typeMap[type] ?? StringRenderer
-  $: width = schema?.width || "150px"
   $: cellValue = getCellValue(value, schema.template)
 
   const getType = schema => {

packages/bbui/src/Table/Table.svelte

@@ -379,7 +379,7 @@
           </div>
         {/if}
         {#if sortedRows?.length}
-          {#each sortedRows as row, idx}
+          {#each sortedRows as row}
             <div class="spectrum-Table-row" class:clickable={allowClickRows}>
               {#if showEditColumn}
                 <div

packages/builder/src/builderStore/index.js

@@ -135,5 +135,5 @@ export const userSelectedResourceMap = derived(userStore, $userStore => {
 })
 
 export const isOnlyUser = derived(userStore, $userStore => {
-  return $userStore.length === 1
+  return $userStore.length < 2
 })

packages/builder/src/builderStore/store/frontend.js

@@ -1333,7 +1333,7 @@ export const getFrontendStore = () => {
     links: {
       save: async (url, title) => {
         const navigation = get(store).navigation
-        let links = [...navigation?.links]
+        let links = [...(navigation?.links ?? [])]
 
         // Skip if we have an identical link
         if (links.find(link => link.url === url && link.text === title)) {

packages/builder/src/builderStore/store/screenTemplates/utils/commonComponents.js

@@ -4,6 +4,7 @@ import { getSchemaForDatasource } from "../../../dataBinding"
 const fieldTypeToComponentMap = {
   string: "stringfield",
   number: "numberfield",
+  bigint: "bigintfield",
   options: "optionsfield",
   array: "multifieldselect",
   boolean: "booleanfield",

packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte

@@ -168,7 +168,7 @@
     <Layout noPadding gap="XS">
       <Detail size="S">Plugins</Detail>
       <div class="item-list">
-        {#each Object.entries(plugins) as [idx, action]}
+        {#each Object.entries(plugins) as [_, action]}
           <div
             class="item"
             class:selected={selectedAction === action.name}

packages/builder/src/components/automation/AutomationBuilder/FlowChart/AutomationBlockTagline.svelte

@@ -60,6 +60,7 @@
 </script>
 
 <div>
+  <!-- eslint-disable-next-line svelte/no-at-html-tags-->
   {@html html}
 </div>
 

packages/builder/src/components/automation/AutomationPanel/CreateAutomationModal.svelte

@@ -71,7 +71,7 @@
   <Layout noPadding gap="XS">
     <Label size="S">Trigger</Label>
     <div class="item-list">
-      {#each triggers as [idx, trigger]}
+      {#each triggers as [_, trigger]}
         <div
           class="item"
           class:selected={selectedTrigger === trigger.name}

packages/builder/src/components/backend/DataTable/Table.svelte

@@ -3,8 +3,6 @@
   import { goto, params } from "@roxi/routify"
   import { Table, Heading, Layout } from "@budibase/bbui"
   import Spinner from "components/common/Spinner.svelte"
-  import CreateEditRow from "./modals/CreateEditRow.svelte"
-  import CreateEditUser from "./modals/CreateEditUser.svelte"
   import {
     TableNames,
     UNEDITABLE_USER_FIELDS,
@@ -33,7 +31,6 @@
   $: selectedRows, dispatch("selectionUpdated", selectedRows)
   $: isUsersTable = tableId === TableNames.USERS
   $: data && resetSelectedRows()
-  $: editRowComponent = isUsersTable ? CreateEditUser : CreateEditRow
   $: {
     UNSORTABLE_TYPES.forEach(type => {
       Object.values(schema || {}).forEach(col => {

packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte

@@ -57,7 +57,6 @@
 
   let table = $tables.selected
   let confirmDeleteDialog
-  let deletion
   let savingColumn
   let deleteColName
   let jsonSchemaModal
@@ -215,7 +214,6 @@
         notifications.success(`Column ${editableColumn.name} deleted`)
         confirmDeleteDialog.hide()
         hide()
-        deletion = false
         dispatch("updatecolumns")
       }
     } catch (error) {
@@ -266,13 +264,11 @@
 
   function confirmDelete() {
     confirmDeleteDialog.show()
-    deletion = true
   }
 
   function hideDeleteDialog() {
     confirmDeleteDialog.hide()
     deleteColName = ""
-    deletion = false
   }
 
   function getRelationshipOptions(field) {
@@ -330,6 +326,7 @@
         FIELDS.NUMBER,
         FIELDS.BOOLEAN,
         FIELDS.FORMULA,
+        FIELDS.BIGINT,
       ]
       // no-sql or a spreadsheet
       if (!external || table.sql) {

packages/builder/src/components/backend/DatasourceNavigator/DatasourceNavigator.svelte

@@ -169,7 +169,7 @@
       on:click={() => selectTable(TableNames.USERS)}
       selectedBy={$userSelectedResourceMap[TableNames.USERS]}
     />
-    {#each enrichedDataSources as datasource, idx}
+    {#each enrichedDataSources as datasource}
       <NavItem
         border
         text={datasource.name}

packages/builder/src/components/backend/DatasourceNavigator/icons/Budibase.svelte

@@ -31,65 +31,65 @@
   <path
     class="st1"
     d="M-83.19,48h-41.79c-1.76,0-3.19-1.43-3.19-3.19V3.02c0-1.76,1.43-3.19,3.19-3.19h41.79
-	c1.76,0,3.19,1.43,3.19,3.19v41.79C-80,46.57-81.43,48-83.19,48z"
+  c1.76,0,3.19,1.43,3.19,3.19v41.79C-80,46.57-81.43,48-83.19,48z"
   />
   <g>
     <g>
       <path
         class="st0"
         d="M-99.62,12.57v9.94c1.15-1.21,2.59-1.81,4.32-1.81c1.03,0,1.97,0.19,2.82,0.58c0.86,0.39,1.59,0.91,2.19,1.57
-			c0.6,0.66,1.08,1.43,1.42,2.32c0.34,0.89,0.51,1.84,0.51,2.85c0,1.03-0.18,1.99-0.53,2.89c-0.35,0.9-0.84,1.68-1.47,2.35
+      c0.6,0.66,1.08,1.43,1.42,2.32c0.34,0.89,0.51,1.84,0.51,2.85c0,1.03-0.18,1.99-0.53,2.89c-0.35,0.9-0.84,1.68-1.47,2.35
-			c-0.63,0.67-1.37,1.19-2.23,1.58c-0.86,0.39-1.78,0.58-2.77,0.58c-1.8,0-3.22-0.66-4.27-1.97V35h-4.89V12.57H-99.62z
+      c-0.63,0.67-1.37,1.19-2.23,1.58c-0.86,0.39-1.78,0.58-2.77,0.58c-1.8,0-3.22-0.66-4.27-1.97V35h-4.89V12.57H-99.62z
-			 M-93.46,28.11c0-0.43-0.08-0.84-0.24-1.23c-0.16-0.39-0.39-0.72-0.68-1.01c-0.29-0.29-0.62-0.52-1-0.69
+       M-93.46,28.11c0-0.43-0.08-0.84-0.24-1.23c-0.16-0.39-0.39-0.72-0.68-1.01c-0.29-0.29-0.62-0.52-1-0.69
-			c-0.38-0.17-0.79-0.26-1.24-0.26c-0.43,0-0.84,0.08-1.22,0.24c-0.38,0.16-0.71,0.39-0.99,0.68c-0.28,0.29-0.5,0.63-0.68,1.01
+      c-0.38-0.17-0.79-0.26-1.24-0.26c-0.43,0-0.84,0.08-1.22,0.24c-0.38,0.16-0.71,0.39-0.99,0.68c-0.28,0.29-0.5,0.63-0.68,1.01
-			c-0.17,0.39-0.26,0.8-0.26,1.23c0,0.43,0.08,0.84,0.24,1.22c0.16,0.38,0.39,0.71,0.68,0.99c0.29,0.28,0.63,0.5,1.01,0.68
+      c-0.17,0.39-0.26,0.8-0.26,1.23c0,0.43,0.08,0.84,0.24,1.22c0.16,0.38,0.39,0.71,0.68,0.99c0.29,0.28,0.63,0.5,1.01,0.68
-			c0.39,0.17,0.8,0.26,1.23,0.26c0.43,0,0.84-0.08,1.22-0.24c0.38-0.16,0.71-0.39,0.99-0.68c0.28-0.29,0.5-0.62,0.68-1
+      c0.39,0.17,0.8,0.26,1.23,0.26c0.43,0,0.84-0.08,1.22-0.24c0.38-0.16,0.71-0.39,0.99-0.68c0.28-0.29,0.5-0.62,0.68-1
-			C-93.55,28.92-93.46,28.52-93.46,28.11z"
+      C-93.55,28.92-93.46,28.52-93.46,28.11z"
       />
     </g>
     <g>
       <path
         class="st0"
         d="M-114.76,12.57v9.94c1.15-1.21,2.59-1.81,4.32-1.81c1.03,0,1.97,0.19,2.82,0.58
-			c0.86,0.39,1.59,0.91,2.19,1.57c0.6,0.66,1.08,1.43,1.42,2.32c0.34,0.89,0.51,1.84,0.51,2.85c0,1.03-0.18,1.99-0.53,2.89
+      c0.86,0.39,1.59,0.91,2.19,1.57c0.6,0.66,1.08,1.43,1.42,2.32c0.34,0.89,0.51,1.84,0.51,2.85c0,1.03-0.18,1.99-0.53,2.89
-			c-0.35,0.9-0.84,1.68-1.47,2.35c-0.63,0.67-1.37,1.19-2.23,1.58c-0.86,0.39-1.78,0.58-2.77,0.58c-1.8,0-3.22-0.66-4.27-1.97V35
+      c-0.35,0.9-0.84,1.68-1.47,2.35c-0.63,0.67-1.37,1.19-2.23,1.58c-0.86,0.39-1.78,0.58-2.77,0.58c-1.8,0-3.22-0.66-4.27-1.97V35
-			h-4.89V12.57H-114.76z M-108.6,28.11c0-0.43-0.08-0.84-0.24-1.23c-0.16-0.39-0.39-0.72-0.68-1.01c-0.29-0.29-0.62-0.52-1-0.69
+      h-4.89V12.57H-114.76z M-108.6,28.11c0-0.43-0.08-0.84-0.24-1.23c-0.16-0.39-0.39-0.72-0.68-1.01c-0.29-0.29-0.62-0.52-1-0.69
-			c-0.38-0.17-0.79-0.26-1.24-0.26c-0.43,0-0.84,0.08-1.22,0.24c-0.38,0.16-0.71,0.39-0.99,0.68c-0.28,0.29-0.5,0.63-0.68,1.01
+      c-0.38-0.17-0.79-0.26-1.24-0.26c-0.43,0-0.84,0.08-1.22,0.24c-0.38,0.16-0.71,0.39-0.99,0.68c-0.28,0.29-0.5,0.63-0.68,1.01
-			c-0.17,0.39-0.26,0.8-0.26,1.23c0,0.43,0.08,0.84,0.24,1.22c0.16,0.38,0.39,0.71,0.68,0.99c0.29,0.28,0.63,0.5,1.01,0.68
+      c-0.17,0.39-0.26,0.8-0.26,1.23c0,0.43,0.08,0.84,0.24,1.22c0.16,0.38,0.39,0.71,0.68,0.99c0.29,0.28,0.63,0.5,1.01,0.68
-			c0.39,0.17,0.8,0.26,1.23,0.26c0.43,0,0.84-0.08,1.22-0.24c0.38-0.16,0.71-0.39,0.99-0.68c0.28-0.29,0.5-0.62,0.68-1
+      c0.39,0.17,0.8,0.26,1.23,0.26c0.43,0,0.84-0.08,1.22-0.24c0.38-0.16,0.71-0.39,0.99-0.68c0.28-0.29,0.5-0.62,0.68-1
-			C-108.68,28.92-108.6,28.52-108.6,28.11z"
+      C-108.68,28.92-108.6,28.52-108.6,28.11z"
       />
     </g>
   </g>
   <path
     class="st2"
     d="M44.81,159H3.02c-1.76,0-3.19-1.43-3.19-3.19v-41.79c0-1.76,1.43-3.19,3.19-3.19h41.79
-	c1.76,0,3.19,1.43,3.19,3.19v41.79C48,157.57,46.57,159,44.81,159z"
+  c1.76,0,3.19,1.43,3.19,3.19v41.79C48,157.57,46.57,159,44.81,159z"
   />
   <g>
     <g>
       <path
         class="st1"
         d="M28.38,123.57v9.94c1.15-1.21,2.59-1.81,4.32-1.81c1.03,0,1.97,0.19,2.82,0.58c0.86,0.39,1.59,0.91,2.19,1.57
-			c0.6,0.66,1.08,1.43,1.42,2.32c0.34,0.89,0.51,1.84,0.51,2.85c0,1.03-0.18,1.99-0.53,2.89c-0.35,0.9-0.84,1.68-1.47,2.35
+      c0.6,0.66,1.08,1.43,1.42,2.32c0.34,0.89,0.51,1.84,0.51,2.85c0,1.03-0.18,1.99-0.53,2.89c-0.35,0.9-0.84,1.68-1.47,2.35
-			c-0.63,0.67-1.37,1.19-2.23,1.58c-0.86,0.39-1.78,0.58-2.77,0.58c-1.8,0-3.22-0.66-4.27-1.97V146h-4.89v-22.43H28.38z
+      c-0.63,0.67-1.37,1.19-2.23,1.58c-0.86,0.39-1.78,0.58-2.77,0.58c-1.8,0-3.22-0.66-4.27-1.97V146h-4.89v-22.43H28.38z
-			 M34.54,139.11c0-0.43-0.08-0.84-0.24-1.23c-0.16-0.39-0.39-0.72-0.68-1.01c-0.29-0.29-0.62-0.52-1-0.69
+       M34.54,139.11c0-0.43-0.08-0.84-0.24-1.23c-0.16-0.39-0.39-0.72-0.68-1.01c-0.29-0.29-0.62-0.52-1-0.69
-			c-0.38-0.17-0.79-0.26-1.24-0.26c-0.43,0-0.84,0.08-1.22,0.24c-0.38,0.16-0.71,0.39-0.99,0.68c-0.28,0.29-0.5,0.63-0.68,1.01
+      c-0.38-0.17-0.79-0.26-1.24-0.26c-0.43,0-0.84,0.08-1.22,0.24c-0.38,0.16-0.71,0.39-0.99,0.68c-0.28,0.29-0.5,0.63-0.68,1.01
-			c-0.17,0.39-0.26,0.8-0.26,1.23c0,0.43,0.08,0.84,0.24,1.22c0.16,0.38,0.39,0.71,0.68,0.99c0.29,0.28,0.63,0.5,1.01,0.68
+      c-0.17,0.39-0.26,0.8-0.26,1.23c0,0.43,0.08,0.84,0.24,1.22c0.16,0.38,0.39,0.71,0.68,0.99c0.29,0.28,0.63,0.5,1.01,0.68
-			c0.39,0.17,0.8,0.26,1.23,0.26c0.43,0,0.84-0.08,1.22-0.24c0.38-0.16,0.71-0.39,0.99-0.68c0.28-0.29,0.5-0.62,0.68-1
+      c0.39,0.17,0.8,0.26,1.23,0.26c0.43,0,0.84-0.08,1.22-0.24c0.38-0.16,0.71-0.39,0.99-0.68c0.28-0.29,0.5-0.62,0.68-1
-			C34.45,139.92,34.54,139.52,34.54,139.11z"
+      C34.45,139.92,34.54,139.52,34.54,139.11z"
       />
     </g>
     <g>
       <path
         class="st1"
         d="M13.24,123.57v9.94c1.15-1.21,2.59-1.81,4.32-1.81c1.03,0,1.97,0.19,2.82,0.58c0.86,0.39,1.59,0.91,2.19,1.57
-			c0.6,0.66,1.08,1.43,1.42,2.32c0.34,0.89,0.51,1.84,0.51,2.85c0,1.03-0.18,1.99-0.53,2.89c-0.35,0.9-0.84,1.68-1.47,2.35
+      c0.6,0.66,1.08,1.43,1.42,2.32c0.34,0.89,0.51,1.84,0.51,2.85c0,1.03-0.18,1.99-0.53,2.89c-0.35,0.9-0.84,1.68-1.47,2.35
-			c-0.63,0.67-1.37,1.19-2.23,1.58c-0.86,0.39-1.78,0.58-2.77,0.58c-1.8,0-3.22-0.66-4.27-1.97V146H8.35v-22.43H13.24z M19.4,139.11
+      c-0.63,0.67-1.37,1.19-2.23,1.58c-0.86,0.39-1.78,0.58-2.77,0.58c-1.8,0-3.22-0.66-4.27-1.97V146H8.35v-22.43H13.24z M19.4,139.11
-			c0-0.43-0.08-0.84-0.24-1.23c-0.16-0.39-0.39-0.72-0.68-1.01c-0.29-0.29-0.62-0.52-1-0.69c-0.38-0.17-0.79-0.26-1.24-0.26
+      c0-0.43-0.08-0.84-0.24-1.23c-0.16-0.39-0.39-0.72-0.68-1.01c-0.29-0.29-0.62-0.52-1-0.69c-0.38-0.17-0.79-0.26-1.24-0.26
-			c-0.43,0-0.84,0.08-1.22,0.24c-0.38,0.16-0.71,0.39-0.99,0.68c-0.28,0.29-0.5,0.63-0.68,1.01c-0.17,0.39-0.26,0.8-0.26,1.23
+      c-0.43,0-0.84,0.08-1.22,0.24c-0.38,0.16-0.71,0.39-0.99,0.68c-0.28,0.29-0.5,0.63-0.68,1.01c-0.17,0.39-0.26,0.8-0.26,1.23
-			c0,0.43,0.08,0.84,0.24,1.22c0.16,0.38,0.39,0.71,0.68,0.99c0.29,0.28,0.63,0.5,1.01,0.68c0.39,0.17,0.8,0.26,1.23,0.26
+      c0,0.43,0.08,0.84,0.24,1.22c0.16,0.38,0.39,0.71,0.68,0.99c0.29,0.28,0.63,0.5,1.01,0.68c0.39,0.17,0.8,0.26,1.23,0.26
-			c0.43,0,0.84-0.08,1.22-0.24c0.38-0.16,0.71-0.39,0.99-0.68c0.28-0.29,0.5-0.62,0.68-1C19.32,139.92,19.4,139.52,19.4,139.11z"
+      c0.43,0,0.84-0.08,1.22-0.24c0.38-0.16,0.71-0.39,0.99-0.68c0.28-0.29,0.5-0.62,0.68-1C19.32,139.92,19.4,139.52,19.4,139.11z"
       />
     </g>
   </g>
@@ -102,24 +102,24 @@
       <path
         class="st1"
         d="M28.48,12v10.44c1.18-1.27,2.65-1.9,4.42-1.9c1.05,0,2.01,0.2,2.89,0.61c0.87,0.41,1.62,0.96,2.24,1.65
-			c0.62,0.69,1.1,1.5,1.45,2.44c0.35,0.94,0.52,1.93,0.52,2.99c0,1.08-0.18,2.09-0.54,3.04c-0.36,0.95-0.86,1.77-1.51,2.47
+      c0.62,0.69,1.1,1.5,1.45,2.44c0.35,0.94,0.52,1.93,0.52,2.99c0,1.08-0.18,2.09-0.54,3.04c-0.36,0.95-0.86,1.77-1.51,2.47
-			c-0.64,0.7-1.4,1.25-2.28,1.66C34.8,35.8,33.86,36,32.84,36c-1.84,0-3.3-0.69-4.37-2.07v1.62h-5V12H28.48z M34.78,28.31
+      c-0.64,0.7-1.4,1.25-2.28,1.66C34.8,35.8,33.86,36,32.84,36c-1.84,0-3.3-0.69-4.37-2.07v1.62h-5V12H28.48z M34.78,28.31
-			c0-0.45-0.08-0.88-0.25-1.29c-0.17-0.41-0.4-0.76-0.69-1.06c-0.3-0.3-0.64-0.54-1.02-0.72c-0.39-0.18-0.81-0.27-1.27-0.27
+      c0-0.45-0.08-0.88-0.25-1.29c-0.17-0.41-0.4-0.76-0.69-1.06c-0.3-0.3-0.64-0.54-1.02-0.72c-0.39-0.18-0.81-0.27-1.27-0.27
-			c-0.44,0-0.86,0.09-1.24,0.26c-0.39,0.17-0.72,0.41-1.01,0.71c-0.29,0.3-0.52,0.66-0.69,1.06c-0.18,0.41-0.26,0.84-0.26,1.29
+      c-0.44,0-0.86,0.09-1.24,0.26c-0.39,0.17-0.72,0.41-1.01,0.71c-0.29,0.3-0.52,0.66-0.69,1.06c-0.18,0.41-0.26,0.84-0.26,1.29
-			s0.08,0.88,0.25,1.28c0.17,0.4,0.4,0.74,0.69,1.04c0.29,0.29,0.64,0.53,1.04,0.71c0.4,0.18,0.82,0.27,1.26,0.27
+      s0.08,0.88,0.25,1.28c0.17,0.4,0.4,0.74,0.69,1.04c0.29,0.29,0.64,0.53,1.04,0.71c0.4,0.18,0.82,0.27,1.26,0.27
-			c0.44,0,0.86-0.09,1.24-0.26c0.39-0.17,0.72-0.41,1.01-0.71c0.29-0.3,0.52-0.65,0.69-1.05C34.69,29.16,34.78,28.75,34.78,28.31z"
+      c0.44,0,0.86-0.09,1.24-0.26c0.39-0.17,0.72-0.41,1.01-0.71c0.29-0.3,0.52-0.65,0.69-1.05C34.69,29.16,34.78,28.75,34.78,28.31z"
       />
     </g>
     <g>
       <path
         class="st1"
         d="M13,12v10.44c1.18-1.27,2.65-1.9,4.42-1.9c1.05,0,2.01,0.2,2.89,0.61c0.87,0.41,1.62,0.96,2.24,1.65
-			c0.62,0.69,1.1,1.5,1.45,2.44c0.35,0.94,0.52,1.93,0.52,2.99c0,1.08-0.18,2.09-0.54,3.04c-0.36,0.95-0.86,1.77-1.51,2.47
+      c0.62,0.69,1.1,1.5,1.45,2.44c0.35,0.94,0.52,1.93,0.52,2.99c0,1.08-0.18,2.09-0.54,3.04c-0.36,0.95-0.86,1.77-1.51,2.47
-			c-0.64,0.7-1.4,1.25-2.28,1.66C19.32,35.8,18.38,36,17.37,36c-1.84,0-3.3-0.69-4.37-2.07v1.62H8V12H13z M19.3,28.31
+      c-0.64,0.7-1.4,1.25-2.28,1.66C19.32,35.8,18.38,36,17.37,36c-1.84,0-3.3-0.69-4.37-2.07v1.62H8V12H13z M19.3,28.31
-			c0-0.45-0.08-0.88-0.25-1.29c-0.17-0.41-0.4-0.76-0.69-1.06c-0.3-0.3-0.64-0.54-1.02-0.72c-0.39-0.18-0.81-0.27-1.27-0.27
+      c0-0.45-0.08-0.88-0.25-1.29c-0.17-0.41-0.4-0.76-0.69-1.06c-0.3-0.3-0.64-0.54-1.02-0.72c-0.39-0.18-0.81-0.27-1.27-0.27
-			c-0.44,0-0.86,0.09-1.24,0.26c-0.39,0.17-0.72,0.41-1.01,0.71c-0.29,0.3-0.52,0.66-0.69,1.06c-0.18,0.41-0.26,0.84-0.26,1.29
+      c-0.44,0-0.86,0.09-1.24,0.26c-0.39,0.17-0.72,0.41-1.01,0.71c-0.29,0.3-0.52,0.66-0.69,1.06c-0.18,0.41-0.26,0.84-0.26,1.29
-			s0.08,0.88,0.25,1.28c0.17,0.4,0.4,0.74,0.69,1.04c0.29,0.29,0.64,0.53,1.04,0.71c0.4,0.18,0.82,0.27,1.26,0.27
+      s0.08,0.88,0.25,1.28c0.17,0.4,0.4,0.74,0.69,1.04c0.29,0.29,0.64,0.53,1.04,0.71c0.4,0.18,0.82,0.27,1.26,0.27
-			c0.44,0,0.86-0.09,1.24-0.26c0.39-0.17,0.72-0.41,1.01-0.71c0.29-0.3,0.52-0.65,0.69-1.05C19.21,29.16,19.3,28.75,19.3,28.31z"
+      c0.44,0,0.86-0.09,1.24-0.26c0.39-0.17,0.72-0.41,1.01-0.71c0.29-0.3,0.52-0.65,0.69-1.05C19.21,29.16,19.3,28.75,19.3,28.31z"
       />
     </g>
   </g>

packages/builder/src/components/backend/TableNavigator/ExistingTableDataImport.svelte

@@ -6,7 +6,6 @@
 
   let error = null
   let fileName = null
-  let fileType = null
 
   let loading = false
   let updateExistingRows = false
@@ -74,7 +73,6 @@
       const response = await parseFile(e)
       rows = response.rows
       fileName = response.fileName
-      fileType = response.fileType
     } catch (e) {
       loading = false
       error = e

packages/builder/src/components/backend/TableNavigator/TableDataImport.svelte

@@ -7,7 +7,6 @@
   let fileInput
   let error = null
   let fileName = null
-  let fileType = null
 
   let loading = false
   let validation = {}
@@ -60,7 +59,6 @@
       rows = response.rows
       schema = response.schema
       fileName = response.fileName
-      fileType = response.fileType
     } catch (e) {
       loading = false
       error = e

packages/builder/src/components/commandPalette/CommandPalette.svelte

@@ -93,42 +93,42 @@
           `https://github.com/Budibase/budibase/issues/new?assignees=&labels=bug&template=bug_report.md&title=`
         ),
     },
-    ...$datasources?.list.map(datasource => ({
+    ...($datasources?.list?.map(datasource => ({
       type: "Datasource",
       name: `${datasource.name}`,
       icon: "Data",
       action: () => $goto(`./data/datasource/${datasource._id}`),
-    })),
+    })) ?? []),
-    ...$tables?.list.map(table => ({
+    ...($tables?.list?.map(table => ({
       type: "Table",
       name: table.name,
       icon: "Table",
       action: () => $goto(`./data/table/${table._id}`),
-    })),
+    })) ?? []),
-    ...$views?.list.map(view => ({
+    ...($views?.list?.map(view => ({
       type: "View",
       name: view.name,
       icon: "Remove",
       action: () => $goto(`./data/view/${view.name}`),
-    })),
+    })) ?? []),
-    ...$queries?.list.map(query => ({
+    ...($queries?.list?.map(query => ({
       type: "Query",
       name: query.name,
       icon: "SQLQuery",
       action: () => $goto(`./data/query/${query._id}`),
-    })),
+    })) ?? []),
     ...$sortedScreens.map(screen => ({
       type: "Screen",
       name: screen.routing.route,
       icon: "WebPage",
       action: () => $goto(`./design/${screen._id}/components`),
     })),
-    ...$automationStore?.automations.map(automation => ({
+    ...($automationStore?.automations?.map(automation => ({
       type: "Automation",
       name: automation.name,
       icon: "ShareAndroid",
       action: () => $goto(`./automation/${automation._id}`),
-    })),
+    })) ?? []),
     ...Constants.Themes.map(theme => ({
       type: "Change Builder Theme",
       name: theme.name,
@@ -237,11 +237,11 @@
       <Input bind:value={search} quiet placeholder="Search for command" />
     </div>
     <div class="commands">
-      {#each categories as [name, results], catIdx}
+      {#each categories as [name, results]}
         <div class="category">
           <Detail>{name}</Detail>
           <div class="options">
-            {#each results as command, cmdIdx}
+            {#each results as command}
               <div
                 class="command"
                 on:click={() => runAction(command)}

packages/builder/src/components/common/CustomSVG.svelte

@@ -20,4 +20,5 @@
   }
 </script>
 
+<!-- eslint-disable-next-line svelte/no-at-html-tags-->
 {@html substituteSize(svgHtml)}

packages/builder/src/components/common/bindings/BindingPicker.svelte

@@ -88,6 +88,7 @@
         {/if}
         {#if hoverTarget.description}
           <div class="helper__description">
+            <!-- eslint-disable-next-line svelte/no-at-html-tags-->
             {@html hoverTarget.description}
           </div>
         {/if}
@@ -124,7 +125,6 @@
         />
       </span>
 
-      <!-- svelte-ignore a11y-click-events-have-key-events -->
       <span
         class="search-input-icon"
         on:click={() => {
@@ -162,7 +162,6 @@
           </div>
           <ul>
             {#each category.bindings as binding}
-              <!-- svelte-ignore a11y-click-events-have-key-events -->
               <li
                 class="binding"
                 on:mouseenter={e => {

packages/builder/src/components/deploy/AppActions.svelte

@@ -139,7 +139,6 @@
 
 <div class="action-top-nav">
   <div class="action-buttons">
-    <!-- svelte-ignore a11y-click-events-have-key-events -->
     {#if updateAvailable && $isOnlyUser}
       <div class="app-action-button version" on:click={versionModal.show}>
         <div class="app-action">
@@ -181,7 +180,6 @@
       </div>
     </div>
 
-    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div
       class="app-action-button publish app-action-popover"
       on:click={() => {
@@ -221,7 +219,6 @@
       >
         <div class="app-action-popover-content">
           <Layout noPadding gap="M">
-            <!-- svelte-ignore a11y-click-events-have-key-events -->
             <Body size="M">
               <span
                 class="app-link"

packages/builder/src/components/design/settings/componentSettings.js

@@ -52,6 +52,7 @@ const componentMap = {
   "field/sortable": SortableFieldSelect,
   "field/string": FormFieldSelect,
   "field/number": FormFieldSelect,
+  "field/bigint": FormFieldSelect,
   "field/options": FormFieldSelect,
   "field/boolean": FormFieldSelect,
   "field/longform": FormFieldSelect,

packages/builder/src/components/design/settings/controls/ButtonActionEditor/actions/TriggerAutomation.svelte

@@ -42,7 +42,6 @@
       }
     })
 
-  $: hasAutomations = automations && automations.length > 0
   $: selectedAutomation = automations?.find(
     a => a._id === parameters?.automationId
   )
@@ -145,12 +144,6 @@
     padding-bottom: 20px;
   }
 
-  .params {
-    display: flex;
-    flex-wrap: nowrap;
-    gap: 25px;
-  }
-
   .synchronous-info {
     display: flex;
     gap: var(--spacing-s);

packages/builder/src/components/design/settings/controls/FieldConfiguration/FieldConfiguration.svelte

@@ -8,7 +8,6 @@
     getSchemaForDatasource,
   } from "builderStore/dataBinding"
   import { currentAsset } from "builderStore"
-  import { getFields } from "helpers/searchFields"
 
   export let componentInstance
   export let value = []
@@ -31,9 +30,6 @@
   $: options = Object.keys(schema || {})
   $: sanitisedValue = getValidColumns(value, options)
   $: updateBoundValue(sanitisedValue)
-  $: enrichedSchemaFields = getFields(Object.values(schema || {}), {
-    allowLinks: true,
-  })
 
   const getSchema = (asset, datasource) => {
     const schema = getSchemaForDatasource(asset, datasource).schema

packages/builder/src/components/design/settings/controls/FilterEditor/FilterDrawer.svelte

@@ -192,7 +192,7 @@
             <Label>Filters</Label>
           </div>
           <div class="fields">
-            {#each rawFilters as filter, idx}
+            {#each rawFilters as filter}
               <Select
                 bind:value={filter.field}
                 options={fieldOptions}
@@ -228,7 +228,7 @@
                   on:change={event => (filter.value = event.detail)}
                   {fillWidth}
                 />
-              {:else if ["string", "longform", "number", "formula"].includes(filter.type)}
+              {:else if ["string", "longform", "number", "bigint", "formula"].includes(filter.type)}
                 <Input disabled={filter.noValue} bind:value={filter.value} />
               {:else if filter.type === "array" || (filter.type === "options" && filter.operator === "oneOf")}
                 <Multiselect

packages/builder/src/components/design/settings/controls/FlatButtonGroup/FlatButton.svelte

@@ -13,6 +13,7 @@
     <i class={icon} />
   {:else}
     <span>
+      <!-- eslint-disable-next-line svelte/no-at-html-tags -->
       {@html text}
     </span>
   {/if}

packages/builder/src/components/design/settings/controls/PropertyControl.svelte

@@ -27,7 +27,6 @@
   $: nullishValue = value == null || value === ""
   $: allBindings = getAllBindings(bindings, componentBindings, nested)
   $: safeValue = getSafeValue(value, defaultValue, allBindings)
-  $: tempValue = safeValue
   $: replaceBindings = val => readableToRuntimeBinding(allBindings, val)
 
   const getAllBindings = (bindings, componentBindings, nested) => {
@@ -104,6 +103,7 @@
     />
   </div>
   {#if info}
+    <!-- eslint-disable-next-line svelte/no-at-html-tags -->
     <div class="text">{@html info}</div>
   {/if}
 </div>

packages/builder/src/components/portal/page/SideNavItem.svelte

@@ -14,7 +14,6 @@
       {text || ""}
     </a>
   {:else}
-    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div class="text" on:click class:active class:disabled>
       {text || ""}
     </div>

packages/builder/src/constants/backend/index.js

@@ -53,6 +53,10 @@ export const FIELDS = {
       numericality: { greaterThanOrEqualTo: "", lessThanOrEqualTo: "" },
     },
   },
+  BIGINT: {
+    name: "BigInt",
+    type: "bigint",
+  },
   BOOLEAN: {
     name: "Boolean",
     type: "boolean",

packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte

@@ -14,7 +14,6 @@
   import { groups, licensing, apps, users, auth, admin } from "stores/portal"
   import { fetchData } from "@budibase/frontend-core"
   import { API } from "api"
-  import { onMount } from "svelte"
   import GroupIcon from "../../../portal/users/groups/_components/GroupIcon.svelte"
   import RoleSelect from "components/common/RoleSelect.svelte"
   import UpgradeModal from "components/common/users/UpgradeModal.svelte"
@@ -25,7 +24,6 @@
 
   let query = null
   let loaded = false
-  let rendered = false
   let inviting = false
   let searchFocus = false
 
@@ -384,10 +382,6 @@
 
   $: initSidePanel($store.builderSidePanel)
 
-  onMount(() => {
-    rendered = true
-  })
-
   function handleKeyDown(evt) {
     if (evt.key === "Enter" && queryIsEmail && !inviting) {
       onInviteUser()

packages/builder/src/pages/builder/app/[application]/data/datasource/[datasourceId]/_components/EditDatasourceConfigButton.svelte

@@ -49,7 +49,6 @@
       return datasource.config.spreadsheetId
     }
   }
-  $: subtitle = getSubtitle(datasource)
 </script>
 
 <div class="button" on:click>

packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte

@@ -272,6 +272,7 @@
   {:else if error}
     <div class="center error">
       <Layout justifyItems="center" gap="S">
+        <!-- eslint-disable-next-line svelte/no-at-html-tags -->
         {@html ErrorSVG}
         <Heading size="L">App preview failed to load</Heading>
         <Body size="S">{error}</Body>

packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ComponentTree.svelte

@@ -18,8 +18,6 @@
 
   let closedNodes = {}
 
-  $: currentScreen = get(selectedScreen)
-
   $: filteredComponents = components?.filter(component => {
     return (
       !$store.componentToPaste?.isCut ||

packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/new/_components/componentStructure.json

@@ -15,12 +15,7 @@
   {
     "name": "Layout",
     "icon": "ClassicGridView",
-    "children": [
+    "children": ["container", "section", "grid", "sidepanel"]
-      "container",
-      "section",
-      "grid",
-      "sidepanel"
-    ]
   },
   {
     "name": "Data",
@@ -63,6 +58,7 @@
       "fieldgroup",
       "stringfield",
       "numberfield",
+      "bigintfield",
       "passwordfield",
       "optionsfield",
       "booleanfield",
@@ -79,13 +75,6 @@
   {
     "name": "Chart",
     "icon": "GraphBarVertical",
-    "children": [
+    "children": ["bar", "line", "area", "candlestick", "pie", "donut"]
-      "bar",
-      "line",
-      "area",
-      "candlestick",
-      "pie",
-      "donut"
-    ]
   }
 ]

packages/builder/src/pages/builder/apps/index.svelte

@@ -144,7 +144,7 @@
             <Heading>Apps</Heading>
             <div class="group">
               <Layout gap="S" noPadding>
-                {#each userApps as app, idx (app.appId)}
+                {#each userApps as app (app.appId)}
                   <a class="app" target="_blank" href={getUrl(app)}>
                     <div class="preview" use:gradient={{ seed: app.name }} />
                     <div class="app-info">

packages/builder/src/pages/builder/portal/_components/MobileMenu.svelte

@@ -38,7 +38,7 @@
           />
         {/if}
       {/each}
-      {#each $menu as { title, href, subPages }}
+      {#each $menu as { title, subPages }}
         {#if subPages?.length}
           <div class="category">{title}</div>
           {#each subPages as { title, href }}

packages/builder/src/pages/builder/portal/apps/create.svelte

@@ -11,7 +11,6 @@
   let template
   let creationModal = false
   let appLimitModal
-  let creatingApp = false
 
   const initiateAppCreation = () => {
     if ($licensing?.usageMetrics?.apps >= 100) {
@@ -19,13 +18,11 @@
     } else {
       template = null
       creationModal.show()
-      creatingApp = true
     }
   }
 
   const stopAppCreation = () => {
     template = null
-    creatingApp = false
   }
 
   const initiateAppImport = () => {
@@ -34,7 +31,6 @@
     } else {
       template = { fromFile: true }
       creationModal.show()
-      creatingApp = true
     }
   }
 </script>

packages/builder/src/pages/builder/portal/apps/index.svelte

@@ -30,7 +30,6 @@
   let creationModal
   let appLimitModal
   let accountLockedModal
-  let creatingApp = false
   let searchTerm = ""
   let creatingFromTemplate = false
   let automationErrors
@@ -123,14 +122,12 @@
     } else {
       template = null
       creationModal.show()
-      creatingApp = true
     }
   }
 
   const initiateAppImport = () => {
     template = { fromFile: true }
     creationModal.show()
-    creatingApp = true
   }
 
   const autoCreateApp = async () => {
@@ -173,7 +170,6 @@
 
   const stopAppCreation = () => {
     template = null
-    creatingApp = false
   }
 
   function createAppFromTemplateUrl(templateKey) {

packages/builder/src/pages/builder/portal/users/users/_components/DeletionFailureModal.svelte

@@ -5,7 +5,6 @@
   export let deleteUsersResponse
 
   let successCount
-  let failureCount
   let title
   let unsuccessfulUsers
   let message
@@ -37,7 +36,6 @@
 
   onMount(() => {
     successCount = deleteUsersResponse.successful.length
-    failureCount = deleteUsersResponse.unsuccessful.length
     setTitle()
     setMessage()
     setUsers()

packages/builder/src/pages/builder/portal/users/users/index.svelte

@@ -183,7 +183,7 @@
     const currentUserEmails = (await users.fetch())?.map(x => x.email) || []
     const newUsers = []
 
-    for (const user of userData?.users) {
+    for (const user of userData?.users ?? []) {
       const { email } = user
 
       if (

packages/client/manifest.json

@@ -2509,6 +2509,57 @@
       }
     ]
   },
+  "bigintfield": {
+    "name": "BigInt Field",
+    "icon": "TagBold",
+    "styles": ["size"],
+    "requiredAncestors": ["form"],
+    "editable": true,
+    "size": {
+      "width": 400,
+      "height": 50
+    },
+    "settings": [
+      {
+        "type": "field/bigint",
+        "label": "Field",
+        "key": "field",
+        "required": true
+      },
+      {
+        "type": "text",
+        "label": "Label",
+        "key": "label"
+      },
+      {
+        "type": "text",
+        "label": "Placeholder",
+        "key": "placeholder"
+      },
+      {
+        "type": "text",
+        "label": "Default value",
+        "key": "defaultValue"
+      },
+      {
+        "type": "event",
+        "label": "On change",
+        "key": "onChange",
+        "context": [
+          {
+            "label": "Field Value",
+            "key": "value"
+          }
+        ]
+      },
+      {
+        "type": "boolean",
+        "label": "Disabled",
+        "key": "disabled",
+        "defaultValue": false
+      }
+    ]
+  },
   "passwordfield": {
     "name": "Password Field",
     "icon": "LockClosed",

packages/client/src/components/ClientApp.svelte

@@ -142,6 +142,7 @@
                     {#if permissionError}
                       <div class="error">
                         <Layout justifyItems="center" gap="S">
+                          <!-- eslint-disable-next-line svelte/no-at-html-tags -->
                           {@html ErrorSVG}
                           <Heading size="L">
                             You don't have permission to use this app
@@ -154,6 +155,7 @@
                     {:else if !$screenStore.activeLayout}
                       <div class="error">
                         <Layout justifyItems="center" gap="S">
+                          <!-- eslint-disable-next-line svelte/no-at-html-tags -->
                           {@html ErrorSVG}
                           <Heading size="L">
                             Something went wrong rendering your app
@@ -166,6 +168,7 @@
                     {:else if embedNoScreens}
                       <div class="error">
                         <Layout justifyItems="center" gap="S">
+                          <!-- eslint-disable-next-line svelte/no-at-html-tags -->
                           {@html ErrorSVG}
                           <Heading size="L">
                             This Budibase app is not publicly accessible

packages/client/src/components/Component.svelte

@@ -203,7 +203,7 @@
     type: instance._component,
     errorState,
     parent: id,
-    ancestors: [...$component?.ancestors, instance._component],
+    ancestors: [...($component?.ancestors ?? []), instance._component],
   })
 
   const initialise = (instance, force = false) => {

packages/client/src/components/app/Embed.svelte

@@ -10,6 +10,7 @@
 
 {#if embed}
   <div class="embed" use:styleable={$component.styles}>
+    <!-- eslint-disable-next-line svelte/no-at-html-tags -->
     {@html embed}
   </div>
 {:else if $builderStore.inBuilder}

packages/client/src/components/app/Grid.svelte

@@ -42,7 +42,7 @@
 >
   {#if $builderStore.inBuilder}
     <div class="underlay">
-      {#each coords as coord}
+      {#each coords as _}
         <div class="placeholder" />
       {/each}
     </div>

packages/client/src/components/app/blocks/form/InnerFormBlock.svelte

@@ -21,6 +21,7 @@
   const FieldTypeToComponentMap = {
     string: "stringfield",
     number: "numberfield",
+    bigint: "bigintfield",
     options: "optionsfield",
     array: "multifieldselect",
     boolean: "booleanfield",

packages/client/src/components/app/dynamic-filter/FilterModal.svelte

@@ -115,7 +115,7 @@
     </Body>
     {#if filters?.length}
       <div class="fields">
-        {#each filters as filter, idx}
+        {#each filters as filter}
           <Select
             bind:value={filter.field}
             options={fieldOptions}
@@ -133,7 +133,7 @@
             on:change={e => onOperatorChange(filter, e.detail)}
             placeholder={null}
           />
-          {#if ["string", "longform", "number", "formula"].includes(filter.type)}
+          {#if ["string", "longform", "number", "bigint", "formula"].includes(filter.type)}
             <Input disabled={filter.noValue} bind:value={filter.value} />
           {:else if ["options", "array"].includes(filter.type)}
             <Combobox

packages/client/src/components/app/forms/BigIntField.svelte

@@ -0,0 +1,7 @@
+<script>
+  import StringField from "./StringField.svelte"
+
+  export let defaultValue
+</script>
+
+<StringField {...$$props} type="bigint" {defaultValue} />

packages/client/src/components/app/forms/Field.svelte

@@ -33,7 +33,10 @@
     formStep
   )
 
-  $: schemaType = fieldSchema?.type !== "formula" ? fieldSchema?.type : "string"
+  $: schemaType =
+    fieldSchema?.type !== "formula" && fieldSchema?.type !== "bigint"
+      ? fieldSchema?.type
+      : "string"
 
   // Focus label when editing
   let labelNode

packages/client/src/components/app/forms/index.js

@@ -2,6 +2,7 @@ export { default as form } from "./Form.svelte"
 export { default as fieldgroup } from "./FieldGroup.svelte"
 export { default as stringfield } from "./StringField.svelte"
 export { default as numberfield } from "./NumberField.svelte"
+export { default as bigintfield } from "./BigIntField.svelte"
 export { default as optionsfield } from "./OptionsField.svelte"
 export { default as multifieldselect } from "./MultiFieldSelect.svelte"
 export { default as booleanfield } from "./BooleanField.svelte"

packages/client/src/utils/blocks.js

@@ -6,6 +6,7 @@ const schemaComponentMap = {
   string: "stringfield",
   options: "optionsfield",
   number: "numberfield",
+  bigint: "bigintfield",
   datetime: "datetimefield",
   boolean: "booleanfield",
   formula: "stringfield",

packages/frontend-core/src/components/grid/cells/HeaderCell.svelte

@@ -37,8 +37,12 @@
   $: sortedBy = column.name === $sort.column
   $: canMoveLeft = orderable && idx > 0
   $: canMoveRight = orderable && idx < $renderedColumns.length - 1
-  $: ascendingLabel = column.schema?.type === "number" ? "low-high" : "A-Z"
+  $: ascendingLabel = ["number", "bigint"].includes(column.schema?.type)
-  $: descendingLabel = column.schema?.type === "number" ? "high-low" : "Z-A"
+    ? "low-high"
+    : "A-Z"
+  $: descendingLabel = ["number", "bigint"].includes(column.schema?.type)
+    ? "high-low"
+    : "Z-A"
 
   const editColumn = () => {
     dispatch("edit-column", column.schema)

packages/frontend-core/src/components/grid/cells/RelationshipCell.svelte

@@ -258,7 +258,7 @@
       class:wrap={editable || contentLines > 1}
       on:wheel={e => (focused ? e.stopPropagation() : null)}
     >
-      {#each value || [] as relationship, idx}
+      {#each value || [] as relationship}
         {#if relationship.primaryDisplay}
           <div class="badge">
             <span

packages/frontend-core/src/components/grid/lib/utils.js

@@ -18,6 +18,7 @@ const TypeIconMap = {
   link: "DataCorrelated",
   formula: "Calculator",
   json: "Brackets",
+  bigint: "TagBold",
 }
 
 export const getColumnIcon = column => {

packages/frontend-core/src/components/grid/overlays/ResizeOverlay.svelte

@@ -2,16 +2,9 @@
   import { getContext } from "svelte"
   import { GutterWidth } from "../lib/constants"
 
-  const {
+  const { resize, renderedColumns, stickyColumn, isReordering, scrollLeft } =
-    columns,
+    getContext("grid")
-    resize,
-    renderedColumns,
-    stickyColumn,
-    isReordering,
-    scrollLeft,
-  } = getContext("grid")
 
-  $: cutoff = $scrollLeft + GutterWidth + ($columns[0]?.width || 0)
   $: offset = GutterWidth + ($stickyColumn?.width || 0)
   $: activeColumn = $resize.column
 

packages/frontend-core/src/fetch/DataFetch.js

@@ -155,7 +155,7 @@ export default class DataFetch {
     let sortType = "string"
     if (sortColumn) {
       const type = schema?.[sortColumn]?.type
-      sortType = type === "number" ? "number" : "string"
+      sortType = type === "number" || type === "bigint" ? "number" : "string"
     }
     this.options.sortType = sortType
 

packages/server/src/integrations/base/sqlTable.ts

@@ -53,6 +53,9 @@ function generateSchema(
           schema.float(key)
         }
         break
+      case FieldTypes.BIGINT:
+        schema.bigint(key)
+        break
       case FieldTypes.BOOLEAN:
         schema.boolean(key)
         break

packages/server/src/integrations/utils.ts

@@ -48,7 +48,6 @@ const SQL_STRING_TYPE_MAP = {
   blob: FieldTypes.STRING,
   long: FieldTypes.STRING,
   text: FieldTypes.STRING,
-  bigint: FieldTypes.STRING,
 }
 
 const SQL_BOOLEAN_TYPE_MAP = {
@@ -59,6 +58,7 @@ const SQL_BOOLEAN_TYPE_MAP = {
 
 const SQL_MISC_TYPE_MAP = {
   json: FieldTypes.JSON,
+  bigint: FieldTypes.BIGINT,
 }
 
 const SQL_TYPE_MAP = {

packages/shared-core/src/filters.ts

@@ -38,7 +38,7 @@ export const getValidOperatorsForType = (
   }[] = []
   if (type === "string") {
     ops = stringOps
-  } else if (type === "number") {
+  } else if (type === "number" || type === "bigint") {
     ops = numOps
   } else if (type === "options") {
     ops = [Op.Equals, Op.NotEquals, Op.Empty, Op.NotEmpty, Op.In]

packages/types/src/documents/app/row.ts

@@ -15,6 +15,7 @@ export enum FieldType {
   JSON = "json",
   INTERNAL = "internal",
   BARCODEQR = "barcodeqr",
+  BIGINT = "bigint",
 }
 
 export interface RowAttachment {

scripts/getCurrentVersion.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+version=$(cat lerna.json \
+  | grep version \
+  | head -1 \
+  | awk -F: '{gsub(/"/,"",$2);gsub(/[[:space:]]*/,"",$2); print $2}' \
+  | sed 's/[",]//g')
+echo $version

scripts/updateVersions.sh

@@ -1,9 +1,5 @@
 #!/bin/bash
-version=$(cat lerna.json \
+version=$(./scripts/getCurrentVersion.sh)
-  | grep version \
-  | head -1 \
-  | awk -F: '{gsub(/"/,"",$2);gsub(/[[:space:]]*/,"",$2); print $2}' \
-  | sed 's/[",]//g')
 echo "Setting version $version"
 yarn lerna exec "yarn version --no-git-tag-version --new-version=$version"
 echo "Updating dependencies"