@budibase/frontend-core 3.13.7 → 3.13.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@budibase/frontend-core",
-  "version": "3.13.7",
+  "version": "3.13.9",
   "description": "Budibase frontend core libraries used in builder and client",
   "author": "Budibase",
   "license": "MPL-2.0",
@@ -17,5 +17,5 @@
     "shortid": "2.2.15",
     "socket.io-client": "^4.7.5"
   },
-  "gitHead": "b355225dbd910bcf4fd937e8b0aeff63e4d90478"
+  "gitHead": "30a44240184250ea133efd48416ad2a33ee16d60"
 }

package/src/api/tables.ts

@@ -38,6 +38,7 @@ export interface TableEndpoints {
   getTable: (tableId: string) => Promise<FindTableResponse>
   saveTable: (table: SaveTableRequest) => Promise<SaveTableResponse>
   deleteTable: (id: string, rev: string) => Promise<DeleteTableResponse>
+  duplicateTable: (tableId: string) => Promise<SaveTableResponse>
   validateNewTableImport: (
     rows: Row[],
     schema: TableSchema
@@ -189,4 +190,14 @@ export const buildTableEndpoints = (API: BaseAPIClient): TableEndpoints => ({
       },
     })
   },
+
+  /**
+   * Duplicates a table without its data.
+   * @param tableId the ID of the table to duplicate
+   */
+  duplicateTable: async tableId => {
+    return await API.post({
+      url: `/api/tables/${tableId}/duplicate`,
+    })
+  },
 })

package/src/components/grid/cells/HeaderCell.svelte

@@ -405,7 +405,7 @@
           Move right
         </MenuItem>
         <MenuItem
-          disabled={column.primaryDisplay}
+          disabled={column.primaryDisplay || !$config.canHideColumns}
           icon="eye-slash"
           on:click={hideColumn}
         >
@@ -448,8 +448,12 @@
   }
 
   /* Search icon */
+  .column-icon {
+    width: 18px;
+  }
   .search-icon {
     display: none;
+    width: 18px;
   }
   .header-cell.searchable:not(.open):hover .search-icon,
   .header-cell.searchable.searching .search-icon {

package/src/components/grid/layout/Grid.svelte

@@ -48,6 +48,7 @@
   export let darkMode = false
   export let isCloud = null
   export let aiEnabled = false
+  export let canHideColumns = true
 
   // Unique identifier for DOM nodes inside this instance
   const gridID = `grid-${Math.random().toString().slice(2)}`
@@ -104,6 +105,7 @@
     darkMode,
     isCloud,
     aiEnabled,
+    canHideColumns,
   })
 
   // Derive min height and make available in context
@@ -216,7 +218,7 @@
     /* Variables */
     --accent-color: var(--primaryColor, var(--spectrum-global-color-blue-400));
     --grid-background: var(--spectrum-global-color-gray-50);
-    --grid-background-alt: var(--spectrum-global-color-gray-100);
+    --grid-background-alt: var(--background);
     --header-cell-background: var(
       --custom-header-cell-background,
       var(--spectrum-global-color-gray-100)
@@ -228,7 +230,7 @@
     --cell-spacing: 4px;
     --cell-border: 1px solid var(--spectrum-global-color-gray-200);
     --cell-font-size: 14px;
-    --cell-font-color: var(--spectrum-global-color-gray-800);
+    --cell-font-color: var(--spectrum-global-color-gray-900);
     flex: 1 1 auto;
     display: flex;
     flex-direction: column;
@@ -238,6 +240,7 @@
     overflow: hidden;
     background: var(--grid-background);
     min-height: var(--min-height);
+    font-weight: 500;
   }
   .grid,
   .grid :global(*) {

package/src/components/grid/stores/index.ts

@@ -75,6 +75,7 @@ export interface BaseStoreProps {
   canExpandRows?: boolean
   canSaveSchema?: boolean
   minHeight?: number
+  canHideColumns?: boolean
 }
 
 export interface BaseStore {