@homebound/beam 2.209.0 → 2.209.1

package/dist/components/Table/GridTable.d.ts

@@ -104,6 +104,11 @@ export interface GridTableProps<R extends Kinded, X> {
      * Expected format is `${row.kind}_${row.id}_${column.id}`.
      */
     activeCellId?: string;
+    /**
+     * Defines the session storage key for which columns are visible. If not provided, a default storage key will be used based on column order and/or `GridColumn.id`
+     * This is beneficial when looking at the same table, but of a different subject (i.e. Project A's PreCon Schedule vs Project A's Construction schedule)
+     */
+    visibleColumnsStorageKey?: string;
 }
 /**
  * Renders data in our table layout.

package/dist/components/Table/GridTable.js

@@ -79,7 +79,7 @@ exports.setGridTableDefaults = setGridTableDefaults;
  */
 function GridTable(props) {
     var _a, _b, _c;
-    const { id = "gridTable", as = "div", columns: _columns, rows, style: maybeStyle = defaults.style, rowStyles, stickyHeader = defaults.stickyHeader, stickyOffset = 0, xss, filter, filterMaxRows, fallbackMessage = "No rows found.", infoMessage, setRowCount, persistCollapse, resizeTarget, activeRowId, activeCellId, } = props;
+    const { id = "gridTable", as = "div", columns: _columns, rows, style: maybeStyle = defaults.style, rowStyles, stickyHeader = defaults.stickyHeader, stickyOffset = 0, xss, filter, filterMaxRows, fallbackMessage = "No rows found.", infoMessage, setRowCount, persistCollapse, resizeTarget, activeRowId, activeCellId, visibleColumnsStorageKey, } = props;
     const columnsWithIds = (0, react_1.useMemo)(() => (0, columns_1.assignDefaultColumnIds)(_columns), [_columns]);
     // We only use this in as=virtual mode, but keep this here for rowLookup to use
     const virtuosoRef = (0, react_1.useRef)(null);
@@ -96,7 +96,7 @@ function GridTable(props) {
     const style = (0, TableStyles_1.resolveStyles)(maybeStyle);
     const { tableState } = api;
     tableState.setRows(rows);
-    tableState.setColumns(columnsWithIds);
+    tableState.setColumns(columnsWithIds, visibleColumnsStorageKey);
     const columns = (0, hooks_1.useComputed)(() => tableState.columns
         .filter((c) => tableState.visibleColumnIds.includes(c.id))
         .flatMap((c) => c.expandColumns && tableState.expandedColumnIds.includes(c.id) ? [c, ...c.expandColumns] : [c]), [tableState]);

package/dist/components/Table/utils/TableState.d.ts

@@ -34,7 +34,7 @@ export declare class TableState {
     columns: GridColumnWithId<any>[];
     private expandedColumns;
     visibleColumns: ObservableSet<string>;
-    private visibleColumnStorageKey;
+    private visibleColumnsStorageKey;
     /**
      * Creates the `RowState` for a given `GridTable`.
      */
@@ -45,7 +45,7 @@ export declare class TableState {
     setSortKey(clickedColumnId: string): void;
     get sortState(): SortState | undefined;
     setRows(rows: GridDataRow<any>[]): void;
-    setColumns(columns: GridColumnWithId<any>[]): void;
+    setColumns(columns: GridColumnWithId<any>[], visibleColumnsStorageKey: string | undefined): void;
     setVisibleColumns(ids: string[]): void;
     get visibleColumnIds(): string[];
     get expandedColumnIds(): string[];

package/dist/components/Table/utils/TableState.js

@@ -48,7 +48,7 @@ class TableState {
         this.expandedColumns = new mobx_1.ObservableSet();
         // An observable set of column ids to keep track of which columns are visible
         this.visibleColumns = new mobx_1.ObservableSet();
-        this.visibleColumnStorageKey = "";
+        this.visibleColumnsStorageKey = "";
         // Make ourselves an observable so that mobx will do caching of .collapseIds so
         // that it'll be a stable identity for GridTable to useMemo against.
         (0, mobx_1.makeAutoObservable)(this, {
@@ -176,17 +176,17 @@ class TableState {
         // Finally replace our existing list of rows
         this.rows = rows;
     }
-    setColumns(columns) {
+    setColumns(columns, visibleColumnsStorageKey) {
         if (columns !== this.columns) {
             this.columns = columns;
-            this.visibleColumnStorageKey = (0, change_case_1.camelCase)(columns.map((c) => c.id).join());
-            this.visibleColumns.replace(readOrSetLocalVisibleColumnState(columns, this.visibleColumnStorageKey));
+            this.visibleColumnsStorageKey = visibleColumnsStorageKey !== null && visibleColumnsStorageKey !== void 0 ? visibleColumnsStorageKey : (0, change_case_1.camelCase)(columns.map((c) => c.id).join());
+            this.visibleColumns.replace(readOrSetLocalVisibleColumnState(columns, this.visibleColumnsStorageKey));
             const expandedColumnIds = columns.filter((c) => c.initExpanded).map((c) => c.id);
             this.expandedColumns.replace(expandedColumnIds);
         }
     }
     setVisibleColumns(ids) {
-        sessionStorage.setItem(this.visibleColumnStorageKey, JSON.stringify(ids));
+        sessionStorage.setItem(this.visibleColumnsStorageKey, JSON.stringify(ids));
         this.visibleColumns.replace(ids);
     }
     get visibleColumnIds() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.209.0",
+  "version": "2.209.1",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",