@dmsi/wedgekit-react 0.0.276 → 0.0.278

package/dist/{chunk-ANDTMNGV.js → chunk-ARQBSR3I.js}

@@ -1,12 +1,12 @@
 import {
   Menu
-} from "./chunk-PGSDEGBP.js";
+} from "./chunk-W32JB47H.js";
 import {
   useSubMenuSystem
-} from "./chunk-CCOQOO23.js";
+} from "./chunk-WPEDVM56.js";
 import {
   MenuOption
-} from "./chunk-FLVYV4T4.js";
+} from "./chunk-OXSBIBGT.js";
 import {
   Search
 } from "./chunk-6GAYJCFE.js";

package/dist/{chunk-OAIAELMQ.js → chunk-CG6XF4JH.js}

@@ -12,17 +12,17 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-ANDTMNGV.js";
+} from "./chunk-ARQBSR3I.js";
 import {
   Menu
-} from "./chunk-PGSDEGBP.js";
+} from "./chunk-W32JB47H.js";
 import {
   MenuOption
-} from "./chunk-FLVYV4T4.js";
+} from "./chunk-OXSBIBGT.js";
 import {
   useInfiniteScroll,
   useTableLayout
-} from "./chunk-HIVPC3T4.js";
+} from "./chunk-JUJBS4ZV.js";
 import {
   formatDate
 } from "./chunk-TYTD4FLW.js";
@@ -61,7 +61,13 @@ import {
 } from "./chunk-ORMEWXMH.js";
 
 // src/components/DataGrid/index.tsx
-import React3, { useCallback, useEffect, useId, useState as useState3 } from "react";
+import React3, {
+  useCallback,
+  useEffect,
+  useId,
+  useImperativeHandle,
+  useState as useState3
+} from "react";
 import {
   flexRender as flexRender3,
   getCoreRowModel,
@@ -671,13 +677,23 @@ function DataGrid({
   enableColumnSelector,
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
-  useMenuDefaultMinWidth
+  useMenuDefaultMinWidth,
+  ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
+  useImperativeHandle(ref, () => ({
+    getSavedLayout: () => {
+      return getSavedLayout();
+    }
+  }));
   const [localSorting, setLocalSorting] = useState3([]);
   const [localColumnFilters, setLocalColumnFilters] = useState3([]);
   const [localRowSelection, setLocalRowSelection] = useState3({});
-  const { columns: tableColumns, setColumns: setTableColumns } = useTableLayout(columns, id != null ? id : testid);
+  const {
+    columns: tableColumns,
+    setColumns: setTableColumns,
+    getSavedLayout
+  } = useTableLayout(columns, id != null ? id : testid);
   const [columnOrder, setColumnOrder] = useState3(
     tableColumns.map((c) => c.id)
   );

package/dist/{chunk-HIVPC3T4.js → chunk-JUJBS4ZV.js}

@@ -82,6 +82,8 @@ import {
   useCallback,
   useRef
 } from "react";
+var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
+var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = useState2(initialColumns);
   const [isReady, setIsReady] = useState2(false);
@@ -93,7 +95,10 @@ function useTableLayout(initialColumns, key) {
         const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
         if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
           return prevColumns;
-        localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
+        localStorage.setItem(
+          getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+          JSON.stringify(newColumns)
+        );
         return newColumns;
       });
     },
@@ -109,7 +114,9 @@ function useTableLayout(initialColumns, key) {
       );
     }
     renderCountRef.current += 1;
-    const savedLayout = localStorage.getItem(`${key}-tableLayout`);
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
     if (savedLayout) {
       handleSaveLayout(
         mergeObjectArrays(
@@ -125,7 +132,15 @@ function useTableLayout(initialColumns, key) {
       renderCountRef.current = 0;
     };
   }, [handleSaveLayout, initialColumns, key]);
-  return { columns, setColumns: handleSaveLayout, isReady };
+  const getSavedLayout = useCallback(() => {
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
+    if (savedLayout) {
+      return JSON.parse(savedLayout);
+    }
+  }, [key]);
+  return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
 }
 
 export {

package/dist/{chunk-FLVYV4T4.js → chunk-OXSBIBGT.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-HIVPC3T4.js";
+} from "./chunk-JUJBS4ZV.js";
 import {
   Label
 } from "./chunk-7CS736EF.js";

package/dist/{chunk-FQRSSPFV.js → chunk-RLLQRVM7.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-ZFOANBWG.js";
 import {
   useMatchesMobile
-} from "./chunk-HIVPC3T4.js";
+} from "./chunk-JUJBS4ZV.js";
 import {
   findDocumentRoot
 } from "./chunk-VXWSAIB5.js";

package/dist/{chunk-PGSDEGBP.js → chunk-W32JB47H.js}

@@ -1,9 +1,9 @@
 import {
   useMenuPosition
-} from "./chunk-CCOQOO23.js";
+} from "./chunk-WPEDVM56.js";
 import {
   useMatchesMobile
-} from "./chunk-HIVPC3T4.js";
+} from "./chunk-JUJBS4ZV.js";
 import {
   findDocumentRoot
 } from "./chunk-VXWSAIB5.js";

package/dist/{chunk-CCOQOO23.js → chunk-WPEDVM56.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-HIVPC3T4.js";
+} from "./chunk-JUJBS4ZV.js";
 import {
   __spreadValues
 } from "./chunk-ORMEWXMH.js";

package/dist/{chunk-PEB3BNN6.js → chunk-ZA5E7ZYM.js}

@@ -1,9 +1,9 @@
 import {
   Menu
-} from "./chunk-PGSDEGBP.js";
+} from "./chunk-W32JB47H.js";
 import {
   MenuOption
-} from "./chunk-FLVYV4T4.js";
+} from "./chunk-OXSBIBGT.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/components/CalendarRange.cjs

@@ -554,6 +554,8 @@ function findDocumentRoot(element) {
 
 // src/hooks/useTableLayout.ts
 var import_react5 = require("react");
+var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
+var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
   const [isReady, setIsReady] = (0, import_react5.useState)(false);
@@ -565,7 +567,10 @@ function useTableLayout(initialColumns, key) {
         const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
         if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
           return prevColumns;
-        localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
+        localStorage.setItem(
+          getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+          JSON.stringify(newColumns)
+        );
         return newColumns;
       });
     },
@@ -581,7 +586,9 @@ function useTableLayout(initialColumns, key) {
       );
     }
     renderCountRef.current += 1;
-    const savedLayout = localStorage.getItem(`${key}-tableLayout`);
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
     if (savedLayout) {
       handleSaveLayout(
         mergeObjectArrays(
@@ -597,7 +604,15 @@ function useTableLayout(initialColumns, key) {
       renderCountRef.current = 0;
     };
   }, [handleSaveLayout, initialColumns, key]);
-  return { columns, setColumns: handleSaveLayout, isReady };
+  const getSavedLayout = (0, import_react5.useCallback)(() => {
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
+    if (savedLayout) {
+      return JSON.parse(savedLayout);
+    }
+  }, [key]);
+  return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
 }
 
 // src/components/MenuOption.tsx
@@ -2930,13 +2945,23 @@ function DataGrid({
   enableColumnSelector,
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
-  useMenuDefaultMinWidth
+  useMenuDefaultMinWidth,
+  ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
+  (0, import_react16.useImperativeHandle)(ref, () => ({
+    getSavedLayout: () => {
+      return getSavedLayout();
+    }
+  }));
   const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
   const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
   const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
-  const { columns: tableColumns, setColumns: setTableColumns } = useTableLayout(columns, id != null ? id : testid);
+  const {
+    columns: tableColumns,
+    setColumns: setTableColumns,
+    getSavedLayout
+  } = useTableLayout(columns, id != null ? id : testid);
   const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
     tableColumns.map((c) => c.id)
   );

package/dist/components/CalendarRange.js

@@ -2,16 +2,16 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-PEB3BNN6.js";
-import "../chunk-OAIAELMQ.js";
+} from "../chunk-ZA5E7ZYM.js";
+import "../chunk-CG6XF4JH.js";
 import "../chunk-QQ5G773N.js";
 import "../chunk-I3WFZOFY.js";
 import "../chunk-NO5BIKWS.js";
-import "../chunk-ANDTMNGV.js";
-import "../chunk-PGSDEGBP.js";
-import "../chunk-CCOQOO23.js";
-import "../chunk-FLVYV4T4.js";
-import "../chunk-HIVPC3T4.js";
+import "../chunk-ARQBSR3I.js";
+import "../chunk-W32JB47H.js";
+import "../chunk-WPEDVM56.js";
+import "../chunk-OXSBIBGT.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-6GAYJCFE.js";

package/dist/components/DataGridCell.js

@@ -4,11 +4,11 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-ANDTMNGV.js";
-import "../chunk-PGSDEGBP.js";
-import "../chunk-CCOQOO23.js";
-import "../chunk-FLVYV4T4.js";
-import "../chunk-HIVPC3T4.js";
+} from "../chunk-ARQBSR3I.js";
+import "../chunk-W32JB47H.js";
+import "../chunk-WPEDVM56.js";
+import "../chunk-OXSBIBGT.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-6GAYJCFE.js";

package/dist/components/DateInput.cjs

@@ -1031,6 +1031,8 @@ function findDocumentRoot(element) {
 
 // src/hooks/useTableLayout.ts
 var import_react6 = require("react");
+var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
+var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
   const [isReady, setIsReady] = (0, import_react6.useState)(false);
@@ -1042,7 +1044,10 @@ function useTableLayout(initialColumns, key) {
         const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
         if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
           return prevColumns;
-        localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
+        localStorage.setItem(
+          getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+          JSON.stringify(newColumns)
+        );
         return newColumns;
       });
     },
@@ -1058,7 +1063,9 @@ function useTableLayout(initialColumns, key) {
       );
     }
     renderCountRef.current += 1;
-    const savedLayout = localStorage.getItem(`${key}-tableLayout`);
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
     if (savedLayout) {
       handleSaveLayout(
         mergeObjectArrays(
@@ -1074,7 +1081,15 @@ function useTableLayout(initialColumns, key) {
       renderCountRef.current = 0;
     };
   }, [handleSaveLayout, initialColumns, key]);
-  return { columns, setColumns: handleSaveLayout, isReady };
+  const getSavedLayout = (0, import_react6.useCallback)(() => {
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
+    if (savedLayout) {
+      return JSON.parse(savedLayout);
+    }
+  }, [key]);
+  return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
 }
 
 // src/components/MenuOption.tsx
@@ -3000,13 +3015,23 @@ function DataGrid({
   enableColumnSelector,
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
-  useMenuDefaultMinWidth
+  useMenuDefaultMinWidth,
+  ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
+  (0, import_react16.useImperativeHandle)(ref, () => ({
+    getSavedLayout: () => {
+      return getSavedLayout();
+    }
+  }));
   const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
   const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
   const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
-  const { columns: tableColumns, setColumns: setTableColumns } = useTableLayout(columns, id != null ? id : testid);
+  const {
+    columns: tableColumns,
+    setColumns: setTableColumns,
+    getSavedLayout
+  } = useTableLayout(columns, id != null ? id : testid);
   const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
     tableColumns.map((c) => c.id)
   );

package/dist/components/DateInput.js

@@ -1,15 +1,15 @@
 import {
   CalendarRange
-} from "../chunk-PEB3BNN6.js";
-import "../chunk-OAIAELMQ.js";
+} from "../chunk-ZA5E7ZYM.js";
+import "../chunk-CG6XF4JH.js";
 import "../chunk-QQ5G773N.js";
 import "../chunk-I3WFZOFY.js";
 import "../chunk-NO5BIKWS.js";
-import "../chunk-ANDTMNGV.js";
-import "../chunk-PGSDEGBP.js";
-import "../chunk-CCOQOO23.js";
-import "../chunk-FLVYV4T4.js";
-import "../chunk-HIVPC3T4.js";
+import "../chunk-ARQBSR3I.js";
+import "../chunk-W32JB47H.js";
+import "../chunk-WPEDVM56.js";
+import "../chunk-OXSBIBGT.js";
+import "../chunk-JUJBS4ZV.js";
 import {
   findDocumentRoot
 } from "../chunk-VXWSAIB5.js";

package/dist/components/DateRangeInput.cjs

@@ -1039,6 +1039,8 @@ function findDocumentRoot(element) {
 
 // src/hooks/useTableLayout.ts
 var import_react6 = require("react");
+var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
+var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
   const [isReady, setIsReady] = (0, import_react6.useState)(false);
@@ -1050,7 +1052,10 @@ function useTableLayout(initialColumns, key) {
         const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
         if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
           return prevColumns;
-        localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
+        localStorage.setItem(
+          getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+          JSON.stringify(newColumns)
+        );
         return newColumns;
       });
     },
@@ -1066,7 +1071,9 @@ function useTableLayout(initialColumns, key) {
       );
     }
     renderCountRef.current += 1;
-    const savedLayout = localStorage.getItem(`${key}-tableLayout`);
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
     if (savedLayout) {
       handleSaveLayout(
         mergeObjectArrays(
@@ -1082,7 +1089,15 @@ function useTableLayout(initialColumns, key) {
       renderCountRef.current = 0;
     };
   }, [handleSaveLayout, initialColumns, key]);
-  return { columns, setColumns: handleSaveLayout, isReady };
+  const getSavedLayout = (0, import_react6.useCallback)(() => {
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
+    if (savedLayout) {
+      return JSON.parse(savedLayout);
+    }
+  }, [key]);
+  return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
 }
 
 // src/components/MenuOption.tsx
@@ -3008,13 +3023,23 @@ function DataGrid({
   enableColumnSelector,
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
-  useMenuDefaultMinWidth
+  useMenuDefaultMinWidth,
+  ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
+  (0, import_react16.useImperativeHandle)(ref, () => ({
+    getSavedLayout: () => {
+      return getSavedLayout();
+    }
+  }));
   const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
   const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
   const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
-  const { columns: tableColumns, setColumns: setTableColumns } = useTableLayout(columns, id != null ? id : testid);
+  const {
+    columns: tableColumns,
+    setColumns: setTableColumns,
+    getSavedLayout
+  } = useTableLayout(columns, id != null ? id : testid);
   const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
     tableColumns.map((c) => c.id)
   );

package/dist/components/DateRangeInput.js

@@ -1,15 +1,15 @@
 import {
   CalendarRange
-} from "../chunk-PEB3BNN6.js";
-import "../chunk-OAIAELMQ.js";
+} from "../chunk-ZA5E7ZYM.js";
+import "../chunk-CG6XF4JH.js";
 import "../chunk-QQ5G773N.js";
 import "../chunk-I3WFZOFY.js";
 import "../chunk-NO5BIKWS.js";
-import "../chunk-ANDTMNGV.js";
-import "../chunk-PGSDEGBP.js";
-import "../chunk-CCOQOO23.js";
-import "../chunk-FLVYV4T4.js";
-import "../chunk-HIVPC3T4.js";
+import "../chunk-ARQBSR3I.js";
+import "../chunk-W32JB47H.js";
+import "../chunk-WPEDVM56.js";
+import "../chunk-OXSBIBGT.js";
+import "../chunk-JUJBS4ZV.js";
 import {
   findDocumentRoot
 } from "../chunk-VXWSAIB5.js";

package/dist/components/Menu.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Menu
-} from "../chunk-PGSDEGBP.js";
-import "../chunk-CCOQOO23.js";
-import "../chunk-HIVPC3T4.js";
+} from "../chunk-W32JB47H.js";
+import "../chunk-WPEDVM56.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/MenuOption.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-FLVYV4T4.js";
-import "../chunk-HIVPC3T4.js";
+} from "../chunk-OXSBIBGT.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/Modal.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   Modal
-} from "../chunk-FQRSSPFV.js";
+} from "../chunk-RLLQRVM7.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-XM7IQHBU.js";
 import "../chunk-FRHPFACM.js";
 import "../chunk-6CPGOW6J.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-EU73QPW7.js";
-import "../chunk-HIVPC3T4.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/NestedMenu.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-FLVYV4T4.js";
+} from "../chunk-OXSBIBGT.js";
 import {
   useKeydown
-} from "../chunk-HIVPC3T4.js";
+} from "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/PDFViewer.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal
-} from "../chunk-FQRSSPFV.js";
+} from "../chunk-RLLQRVM7.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-XM7IQHBU.js";
 import "../chunk-FRHPFACM.js";
@@ -13,7 +13,7 @@ import {
 import {
   Heading3
 } from "../chunk-EU73QPW7.js";
-import "../chunk-HIVPC3T4.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/ProjectBar.js

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "../chunk-HIVPC3T4.js";
+} from "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/index.cjs

@@ -565,6 +565,8 @@ function findDocumentRoot(element) {
 
 // src/hooks/useTableLayout.ts
 var import_react5 = require("react");
+var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
+var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
   const [isReady, setIsReady] = (0, import_react5.useState)(false);
@@ -576,7 +578,10 @@ function useTableLayout(initialColumns, key) {
         const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
         if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
           return prevColumns;
-        localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
+        localStorage.setItem(
+          getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+          JSON.stringify(newColumns)
+        );
         return newColumns;
       });
     },
@@ -592,7 +597,9 @@ function useTableLayout(initialColumns, key) {
       );
     }
     renderCountRef.current += 1;
-    const savedLayout = localStorage.getItem(`${key}-tableLayout`);
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
     if (savedLayout) {
       handleSaveLayout(
         mergeObjectArrays(
@@ -608,7 +615,15 @@ function useTableLayout(initialColumns, key) {
       renderCountRef.current = 0;
     };
   }, [handleSaveLayout, initialColumns, key]);
-  return { columns, setColumns: handleSaveLayout, isReady };
+  const getSavedLayout = (0, import_react5.useCallback)(() => {
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
+    if (savedLayout) {
+      return JSON.parse(savedLayout);
+    }
+  }, [key]);
+  return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
 }
 
 // src/components/MenuOption.tsx
@@ -2941,13 +2956,23 @@ function DataGrid({
   enableColumnSelector,
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
-  useMenuDefaultMinWidth
+  useMenuDefaultMinWidth,
+  ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
+  (0, import_react16.useImperativeHandle)(ref, () => ({
+    getSavedLayout: () => {
+      return getSavedLayout();
+    }
+  }));
   const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
   const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
   const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
-  const { columns: tableColumns, setColumns: setTableColumns } = useTableLayout(columns, id != null ? id : testid);
+  const {
+    columns: tableColumns,
+    setColumns: setTableColumns,
+    getSavedLayout
+  } = useTableLayout(columns, id != null ? id : testid);
   const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
     tableColumns.map((c) => c.id)
   );

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import {
   DataGrid
-} from "../chunk-OAIAELMQ.js";
+} from "../chunk-CG6XF4JH.js";
 import {
   Tooltip
 } from "../chunk-QQ5G773N.js";
@@ -15,15 +15,15 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-ANDTMNGV.js";
+} from "../chunk-ARQBSR3I.js";
 import {
   Menu
-} from "../chunk-PGSDEGBP.js";
-import "../chunk-CCOQOO23.js";
+} from "../chunk-W32JB47H.js";
+import "../chunk-WPEDVM56.js";
 import {
   MenuOption
-} from "../chunk-FLVYV4T4.js";
-import "../chunk-HIVPC3T4.js";
+} from "../chunk-OXSBIBGT.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import {

package/dist/components/useMenuSystem.js

@@ -2,8 +2,8 @@
 import {
   useMenuPosition,
   useSubMenuSystem
-} from "../chunk-CCOQOO23.js";
-import "../chunk-HIVPC3T4.js";
+} from "../chunk-WPEDVM56.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";

package/dist/hooks/index.cjs

@@ -126,6 +126,8 @@ function mergeObjectArrays(arr1, arr2) {
 
 // src/hooks/useTableLayout.ts
 var import_react4 = require("react");
+var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
+var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = (0, import_react4.useState)(initialColumns);
   const [isReady, setIsReady] = (0, import_react4.useState)(false);
@@ -137,7 +139,10 @@ function useTableLayout(initialColumns, key) {
         const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
         if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
           return prevColumns;
-        localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
+        localStorage.setItem(
+          getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+          JSON.stringify(newColumns)
+        );
         return newColumns;
       });
     },
@@ -153,7 +158,9 @@ function useTableLayout(initialColumns, key) {
       );
     }
     renderCountRef.current += 1;
-    const savedLayout = localStorage.getItem(`${key}-tableLayout`);
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
     if (savedLayout) {
       handleSaveLayout(
         mergeObjectArrays(
@@ -169,7 +176,15 @@ function useTableLayout(initialColumns, key) {
       renderCountRef.current = 0;
     };
   }, [handleSaveLayout, initialColumns, key]);
-  return { columns, setColumns: handleSaveLayout, isReady };
+  const getSavedLayout = (0, import_react4.useCallback)(() => {
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
+    );
+    if (savedLayout) {
+      return JSON.parse(savedLayout);
+    }
+  }, [key]);
+  return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/hooks/index.js

@@ -4,7 +4,7 @@ import {
   useMatchesMedia,
   useMatchesMobile,
   useTableLayout
-} from "../chunk-HIVPC3T4.js";
+} from "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.276",
+  "version": "0.0.278",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/DataGrid/index.tsx

@@ -15,7 +15,13 @@ import {
   Select,
   Subheader,
 } from "..";
-import React, { useCallback, useEffect, useId, useState } from "react";
+import React, {
+  useCallback,
+  useEffect,
+  useId,
+  useImperativeHandle,
+  useState,
+} from "react";
 import {
   ColumnFiltersState,
   flexRender,
@@ -81,15 +87,24 @@ export function DataGrid<T extends Record<string, unknown>>({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  ref,
 }: DataGridProps<T>) {
+  useImperativeHandle(ref, () => ({
+    getSavedLayout: () => {
+      return getSavedLayout();
+    },
+  }));
   const [localSorting, setLocalSorting] = useState<SortingState>([]);
   const [localColumnFilters, setLocalColumnFilters] =
     useState<ColumnFiltersState>([]);
   const [localRowSelection, setLocalRowSelection] = useState<
     Record<string, boolean>
   >({});
-  const { columns: tableColumns, setColumns: setTableColumns } =
-    useTableLayout<T>(columns, id ?? testid);
+  const {
+    columns: tableColumns,
+    setColumns: setTableColumns,
+    getSavedLayout,
+  } = useTableLayout<T>(columns, id ?? testid);
   const [columnOrder, setColumnOrder] = useState<string[]>(
     tableColumns.map((c) => c.id!),
   );

package/src/components/DataGrid/types.ts

@@ -52,6 +52,7 @@ export interface DataGridProps<T extends Record<string, unknown>> {
   predeterminedLeftPins?: string[];
   predeterminedRightPins?: string[];
   useMenuDefaultMinWidth?: boolean;
+  ref?: React.Ref<{ getSavedLayout: () => ColumnDef<T>[] | undefined }>;
 }
 
 declare module "@tanstack/react-table" {

package/src/hooks/useTableLayout.ts

@@ -13,8 +13,14 @@ export type PersistedTableLayout<T> = {
   columns: ColumnDef<T>[];
   setColumns: (setter: SetStateAction<ColumnDef<T>[]>) => void;
   isReady: boolean;
+  getSavedLayout: () => ColumnDef<T>[] | undefined;
 };
 
+const LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
+
+const getLocalStorageKeyWithPrefix = (key: string) =>
+  `${LocalStoragePrefix}__${key}`;
+
 /**
  *  Custom hook to manage table layout persistence.
  * @template T The type of the objects in the arrays.
@@ -44,7 +50,10 @@ export function useTableLayout<T>(
           !_internal
         )
           return prevColumns;
-        localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
+        localStorage.setItem(
+          getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+          JSON.stringify(newColumns),
+        );
         return newColumns;
       });
     },
@@ -61,7 +70,9 @@ export function useTableLayout<T>(
       );
     }
     renderCountRef.current += 1;
-    const savedLayout = localStorage.getItem(`${key}-tableLayout`);
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+    );
     if (savedLayout) {
       handleSaveLayout(
         mergeObjectArrays<ColumnDef<T>>(
@@ -80,5 +91,14 @@ export function useTableLayout<T>(
     // Load the layout from local storage on init
   }, [handleSaveLayout, initialColumns, key]);
 
-  return { columns, setColumns: handleSaveLayout, isReady };
+  const getSavedLayout = useCallback(() => {
+    const savedLayout = localStorage.getItem(
+      getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+    );
+    if (savedLayout) {
+      return JSON.parse(savedLayout) as ColumnDef<T>[];
+    }
+  }, [key]);
+
+  return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
 }