@dmsi/wedgekit-react 0.0.275 → 0.0.277

package/dist/components/MenuOption.js

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

package/dist/components/MobileDataGrid.js

@@ -4,6 +4,9 @@ import {
 import {
   Heading3
 } from "../chunk-EU73QPW7.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import {
   Stack
 } from "../chunk-NQXZBWDZ.js";
@@ -13,9 +16,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 

package/dist/components/Modal.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   Modal
-} from "../chunk-FQRSSPFV.js";
+} from "../chunk-Q7JYDOFB.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-XM7IQHBU.js";
+import "../chunk-5OPI4GTJ.js";
 import "../chunk-FRHPFACM.js";
-import "../chunk-6CPGOW6J.js";
+import "../chunk-3C2U4FKR.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-EU73QPW7.js";
-import "../chunk-HIVPC3T4.js";
+import "../chunk-WWAPK5PH.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalButtons.js

@@ -1,8 +1,8 @@
 import {
   ModalButtons
-} from "../chunk-XM7IQHBU.js";
-import "../chunk-NKUETCDA.js";
+} from "../chunk-5OPI4GTJ.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalHeader.js

@@ -1,9 +1,9 @@
 import {
   ModalHeader
-} from "../chunk-6CPGOW6J.js";
+} from "../chunk-3C2U4FKR.js";
 import "../chunk-EU73QPW7.js";
-import "../chunk-NKUETCDA.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/NavigationTab.js

@@ -1,8 +1,8 @@
 import {
   NavigationTab
-} from "../chunk-FHQL42YP.js";
-import "../chunk-NKUETCDA.js";
+} from "../chunk-YUBQJQ75.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/NavigationTabs.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   NavigationTab
-} from "../chunk-FHQL42YP.js";
-import "../chunk-NKUETCDA.js";
+} from "../chunk-YUBQJQ75.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";

package/dist/components/NestedMenu.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-FLVYV4T4.js";
+} from "../chunk-CKQNJNU3.js";
+import "../chunk-7CS736EF.js";
 import {
   useKeydown
-} from "../chunk-HIVPC3T4.js";
+} from "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-7CS736EF.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-OGIFIPKH.js";

package/dist/components/Notification.js

@@ -2,6 +2,9 @@
 import {
   Heading3
 } from "../chunk-EU73QPW7.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import {
   Stack
 } from "../chunk-NQXZBWDZ.js";
@@ -11,9 +14,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,

package/dist/components/OptionPill.js

@@ -1,9 +1,9 @@
 import {
   OptionPill
-} from "../chunk-KKESN5SF.js";
+} from "../chunk-4XTTJOQA.js";
 import "../chunk-7CS736EF.js";
-import "../chunk-NKUETCDA.js";
 import "../chunk-WWAPK5PH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/PDFViewer.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Modal
-} from "../chunk-FQRSSPFV.js";
+} from "../chunk-Q7JYDOFB.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-XM7IQHBU.js";
+import "../chunk-5OPI4GTJ.js";
 import "../chunk-FRHPFACM.js";
-import "../chunk-6CPGOW6J.js";
+import "../chunk-3C2U4FKR.js";
 import "../chunk-ZFOANBWG.js";
 import {
   Spinner
@@ -13,7 +13,10 @@ import {
 import {
   Heading3
 } from "../chunk-EU73QPW7.js";
-import "../chunk-HIVPC3T4.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
+import "../chunk-JUJBS4ZV.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
@@ -26,9 +29,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.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/Stepper.js

@@ -3,13 +3,13 @@ import {
   InputBase
 } from "../chunk-ZL5X7KP6.js";
 import "../chunk-7CS736EF.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";

package/dist/components/Time.js

@@ -1,10 +1,10 @@
-import {
-  findDocumentRoot
-} from "../chunk-VXWSAIB5.js";
 import {
   InputBase
 } from "../chunk-ZL5X7KP6.js";
 import "../chunk-7CS736EF.js";
+import {
+  findDocumentRoot
+} from "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
 import {

package/dist/components/Toast.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-EU73QPW7.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import {
   Paragraph
 } from "../chunk-OGIFIPKH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import {
   componentGap,
   componentPadding,

package/dist/components/Upload.js

@@ -1,6 +1,9 @@
 import {
   Spinner
 } from "../chunk-PLMGI5K5.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
 import {
   Stack
 } from "../chunk-NQXZBWDZ.js";
@@ -10,9 +13,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.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,30 +1,25 @@
 import {
   DataGrid
-} from "../chunk-6YLAEWTZ.js";
+} from "../chunk-MIX7MTLR.js";
 import {
   Tooltip
 } from "../chunk-QQ5G773N.js";
 import {
   Select
 } from "../chunk-J5V2JRIK.js";
-import {
-  Checkbox
-} from "../chunk-NO5BIKWS.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-AB4ZBO5P.js";
-import {
-  MenuOption
-} from "../chunk-FLVYV4T4.js";
+} from "../chunk-YCKRVNJ3.js";
 import {
   Menu
-} from "../chunk-PGSDEGBP.js";
-import "../chunk-CCOQOO23.js";
-import "../chunk-HIVPC3T4.js";
-import "../chunk-VXWSAIB5.js";
+} from "../chunk-W32JB47H.js";
+import "../chunk-WPEDVM56.js";
+import {
+  MenuOption
+} from "../chunk-CKQNJNU3.js";
 import "../chunk-WVUIIBRR.js";
 import {
   Search
@@ -35,6 +30,14 @@ import {
 import {
   Label
 } from "../chunk-7CS736EF.js";
+import {
+  Checkbox
+} from "../chunk-NO5BIKWS.js";
+import {
+  Button
+} from "../chunk-WWAPK5PH.js";
+import "../chunk-JUJBS4ZV.js";
+import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
 import {
@@ -53,9 +56,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

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.275",
+  "version": "0.0.277",
   "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/components/DateRangeInput.tsx

@@ -605,7 +605,7 @@ export const DateRangeInput = ({
             ref={(el) => {
               popoverRef.current = el;
             }}
-            className="absolute z-40 bg-white"
+            className="absolute z-40"
             style={{
               top: `${calendarPosition.top + 4}px`,
               left: `${calendarPosition.left}px`,

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 };
 }

package/dist/{chunk-6CPGOW6J.js → chunk-3C2U4FKR.js}

@@ -1,12 +1,12 @@
 import {
   Heading2
 } from "./chunk-EU73QPW7.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-WWAPK5PH.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-KKESN5SF.js → chunk-4XTTJOQA.js}

@@ -1,12 +1,12 @@
 import {
   Label
 } from "./chunk-7CS736EF.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-WWAPK5PH.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   baseTransition,
   componentGap,

package/dist/{chunk-XM7IQHBU.js → chunk-5OPI4GTJ.js}

@@ -1,9 +1,9 @@
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-WWAPK5PH.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-FHQL42YP.js → chunk-YUBQJQ75.js}

@@ -1,9 +1,9 @@
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-WWAPK5PH.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   __objRest,
   __spreadProps,