@dmsi/wedgekit-react 0.0.643 → 0.0.645

package/dist/{chunk-XX5GVIPZ.js → chunk-3MV3KMQH.js}

@@ -1,12 +1,12 @@
 import {
   ModalContent
-} from "./chunk-ARWHCWG7.js";
+} from "./chunk-XT4BQXSX.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
 import {
   Modal
-} from "./chunk-V7GPM6Z3.js";
+} from "./chunk-3PBA2EZ5.js";
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";

package/dist/{chunk-V7GPM6Z3.js → chunk-3PBA2EZ5.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-AG43RS4Q.js";
 import {
   useMatchesMobile
-} from "./chunk-YR4ZO2XL.js";
+} from "./chunk-ZSRTAMSW.js";
 import {
   findDocumentRoot
 } from "./chunk-VXWSAIB5.js";

package/dist/{chunk-3R3AY5MT.js → chunk-B3T7KBDA.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-YR4ZO2XL.js";
+} from "./chunk-ZSRTAMSW.js";
 import {
   Stack
 } from "./chunk-MTGNBARV.js";

package/dist/{chunk-FIOXWZWU.js → chunk-ECYXZZWC.js}

@@ -1,6 +1,6 @@
 import {
   MobileDataGridCard
-} from "./chunk-LGX34HML.js";
+} from "./chunk-Q4AANHJY.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";

package/dist/{chunk-RQMOWYB7.js → chunk-EXCAOI2L.js}

@@ -1,12 +1,12 @@
 import {
   Menu
-} from "./chunk-5JHKFK73.js";
+} from "./chunk-HIGNJAQA.js";
 import {
   useSubMenuSystem
-} from "./chunk-IATOG76G.js";
+} from "./chunk-ISRG77J6.js";
 import {
   MenuOption
-} from "./chunk-PS7MBNUT.js";
+} from "./chunk-REC2XOPI.js";
 import {
   Search
 } from "./chunk-FHXCCVOG.js";

package/dist/{chunk-MQB6BSRX.js → chunk-FCGPQNS2.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-BWPNXY7T.js";
 import {
   useMatchesMobile
-} from "./chunk-YR4ZO2XL.js";
+} from "./chunk-ZSRTAMSW.js";
 import {
   Stack
 } from "./chunk-MTGNBARV.js";

package/dist/{chunk-SJ3SULQB.js → chunk-FJXWYGB7.js}

@@ -1,13 +1,13 @@
 import {
   RowDetailModalProvider
-} from "./chunk-XX5GVIPZ.js";
+} from "./chunk-3MV3KMQH.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";
 import {
   ColumnList,
   no_results_image_default
-} from "./chunk-FIOXWZWU.js";
+} from "./chunk-ECYXZZWC.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
@@ -25,13 +25,13 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-RQMOWYB7.js";
+} from "./chunk-EXCAOI2L.js";
 import {
   Menu
-} from "./chunk-5JHKFK73.js";
+} from "./chunk-HIGNJAQA.js";
 import {
   MenuOption
-} from "./chunk-PS7MBNUT.js";
+} from "./chunk-REC2XOPI.js";
 import {
   Search
 } from "./chunk-FHXCCVOG.js";
@@ -48,7 +48,7 @@ import {
 import {
   useInfiniteScroll,
   useTableLayout
-} from "./chunk-YR4ZO2XL.js";
+} from "./chunk-ZSRTAMSW.js";
 import {
   findDocumentRoot
 } from "./chunk-VXWSAIB5.js";
@@ -58,7 +58,7 @@ import {
   formatInputValue,
   isValidDate,
   parseInputDate
-} from "./chunk-QJZ3XHNH.js";
+} from "./chunk-HCHKYUNQ.js";
 import {
   formatCurrencyDisplay
 } from "./chunk-5UH6QUFB.js";

package/dist/{chunk-QJZ3XHNH.js → chunk-HCHKYUNQ.js}

@@ -1,4 +1,5 @@
 import {
+  __spreadProps,
   __spreadValues
 } from "./chunk-ORMEWXMH.js";
 
@@ -130,11 +131,24 @@ function isValidDateRangeOrder(fromDate, toDate) {
 
 // src/utils/mergeObjectArrays.ts
 function mergeObjectArrays(arr1, arr2) {
-  const maxLength = Math.max(arr1.length, arr2.length);
-  return Array.from(
-    { length: maxLength },
-    (_, i) => __spreadValues(__spreadValues({}, arr1[i] || {}), arr2[i] || {})
-  );
+  const arr2Map = /* @__PURE__ */ new Map();
+  for (const item of arr2) {
+    const id = item.id;
+    if (id !== void 0) {
+      arr2Map.set(id, item);
+    }
+  }
+  return arr1.map((item1) => {
+    const id = item1.id;
+    if (id !== void 0 && arr2Map.has(id)) {
+      const item2 = arr2Map.get(id);
+      const meta1 = item1.meta;
+      const meta2 = item2.meta;
+      const mergedMeta = meta1 && meta2 && typeof meta1 === "object" && typeof meta2 === "object" ? __spreadValues(__spreadValues({}, meta1), meta2) : meta2 != null ? meta2 : meta1;
+      return __spreadProps(__spreadValues(__spreadValues({}, item1), item2), { meta: mergedMeta });
+    }
+    return item1;
+  });
 }
 
 // src/utils/index.ts

package/dist/{chunk-5JHKFK73.js → chunk-HIGNJAQA.js}

@@ -1,9 +1,9 @@
 import {
   useMenuPosition
-} from "./chunk-IATOG76G.js";
+} from "./chunk-ISRG77J6.js";
 import {
   useMatchesMobile
-} from "./chunk-YR4ZO2XL.js";
+} from "./chunk-ZSRTAMSW.js";
 import {
   findDocumentRoot
 } from "./chunk-VXWSAIB5.js";

package/dist/{chunk-IATOG76G.js → chunk-ISRG77J6.js}

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

package/dist/{chunk-UB3GEENN.js → chunk-OZEKRO4L.js}

@@ -1,6 +1,6 @@
 import {
   formatDate
-} from "./chunk-QJZ3XHNH.js";
+} from "./chunk-HCHKYUNQ.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";

package/dist/{chunk-LGX34HML.js → chunk-Q4AANHJY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   MobileDataGridColumn
-} from "./chunk-UB3GEENN.js";
+} from "./chunk-OZEKRO4L.js";
 import {
   Checkbox
 } from "./chunk-M7WHWZ2J.js";

package/dist/{chunk-PS7MBNUT.js → chunk-REC2XOPI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HXGJVYGQ.js";
 import {
   useMatchesMobile
-} from "./chunk-YR4ZO2XL.js";
+} from "./chunk-ZSRTAMSW.js";
 import {
   Caption
 } from "./chunk-PS6UJZVH.js";

package/dist/{chunk-ARWHCWG7.js → chunk-XT4BQXSX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   MobileDataGridColumn
-} from "./chunk-UB3GEENN.js";
+} from "./chunk-OZEKRO4L.js";
 import {
   Stack
 } from "./chunk-MTGNBARV.js";

package/dist/{chunk-YR4ZO2XL.js → chunk-ZSRTAMSW.js}

@@ -1,7 +1,7 @@
 import {
   LocalStoragePrefixVersion,
   mergeObjectArrays
-} from "./chunk-QJZ3XHNH.js";
+} from "./chunk-HCHKYUNQ.js";
 
 // src/hooks/useKeydown.ts
 import { useEffect } from "react";
@@ -88,52 +88,58 @@ var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key, autosync = true) {
   const [columns, setColumns] = useState2(initialColumns);
   const [isReady, setIsReady] = useState2(false);
-  const renderCountRef = useRef(0);
+  const isReadyRef = useRef(false);
+  const keyRef = useRef(key);
+  useEffect3(() => {
+    isReadyRef.current = isReady;
+    keyRef.current = key;
+  }, [isReady, key]);
   const handleSaveLayout = useCallback(
     (setter, _internal) => {
-      if (!isReady && !_internal || !key) return;
+      if (!isReadyRef.current && !_internal || !keyRef.current) return;
       setColumns((prevColumns) => {
         const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
-        if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
+        if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal) {
           return prevColumns;
+        }
         localStorage.setItem(
-          getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+          getLocalStorageKeyWithPrefix(`${keyRef.current}-tableLayout`),
           JSON.stringify(newColumns)
         );
         return newColumns;
       });
     },
-    [isReady, key]
+    []
   );
   useEffect3(() => {
     if (!autosync) return;
-    if (!key) return setIsReady(true);
-    if (renderCountRef.current > 1) {
-      throw new Error(
-        `useTableLayout should only be called once per component render cycle.
-        ${renderCountRef.current} Renders detected.
-        Check dependency stability`
-      );
+    if (!key) {
+      setIsReady(true);
+      return;
     }
-    renderCountRef.current += 1;
     const savedLayout = localStorage.getItem(
       getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
     );
     if (savedLayout) {
-      handleSaveLayout(
+      setColumns(
         mergeObjectArrays(
           initialColumns,
           JSON.parse(savedLayout)
-        ),
-        true
+        )
       );
+    } else {
+      localStorage.setItem(
+        getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
+        JSON.stringify(initialColumns)
+      );
+      setColumns((prev) => {
+        if (JSON.stringify(initialColumns) === JSON.stringify(prev))
+          return prev;
+        return initialColumns;
+      });
     }
-    if (!savedLayout) handleSaveLayout(initialColumns, true);
     setIsReady(true);
-    return () => {
-      renderCountRef.current = 0;
-    };
-  }, [handleSaveLayout, initialColumns, key, autosync]);
+  }, [initialColumns, key, autosync]);
   const getSavedLayout = useCallback(() => {
     const savedLayout = localStorage.getItem(
       getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
@@ -145,10 +151,37 @@ function useTableLayout(initialColumns, key, autosync = true) {
   return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
 }
 
+// src/hooks/useEditCell.tsx
+import { useRef as useRef2, useState as useState3 } from "react";
+function useEditCell(initialValue) {
+  const [value, setValue] = useState3(initialValue);
+  const [isEdit, setIsEdit] = useState3(false);
+  const inputRef = useRef2(null);
+  function changeToEditMode() {
+    setIsEdit(true);
+    requestAnimationFrame(() => {
+      var _a;
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
+    });
+  }
+  function changeToViewMode() {
+    setIsEdit(false);
+  }
+  return {
+    value,
+    setValue,
+    isEdit,
+    inputRef,
+    changeToEditMode,
+    changeToViewMode
+  };
+}
+
 export {
   useKeydown,
   useInfiniteScroll,
   useMatchesMedia,
   useMatchesMobile,
-  useTableLayout
+  useTableLayout,
+  useEditCell
 };