@dmsi/wedgekit-react 0.0.207 → 0.0.209

package/dist/{chunk-WNQ53SVY.js → chunk-E6Y7ZHQX.js}

@@ -1,3 +1,7 @@
+import {
+  mergeObjectArrays
+} from "./chunk-T3F37S6Z.js";
+
 // src/hooks/useKeydown.ts
 import { useEffect } from "react";
 function useKeydown(keys, isActive) {
@@ -71,9 +75,49 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/hooks/useTableLayout.ts
+import { useState as useState2, useEffect as useEffect3, useCallback } from "react";
+function useTableLayout(initialColumns, key) {
+  const [columns, setColumns] = useState2(initialColumns);
+  const [isReady, setIsReady] = useState2(false);
+  const [layoutSignal, setLayoutSignal] = useState2(0);
+  useEffect3(() => {
+    if (!key) return setIsReady(true);
+    const savedLayout = localStorage.getItem(`${key}-tableLayout`);
+    if (savedLayout) {
+      setColumns(
+        mergeObjectArrays(
+          initialColumns,
+          JSON.parse(savedLayout)
+        )
+      );
+    }
+    if (!savedLayout) handleSaveLayout(initialColumns, true);
+    setLayoutSignal((prev) => prev + 1);
+    setIsReady(true);
+  }, []);
+  const handleSaveLayout = useCallback(
+    (setter, _internal) => {
+      if (!isReady && !_internal) return null;
+      const newColumns = typeof setter === "function" ? setter(columns) : setter;
+      if (JSON.stringify(newColumns) === JSON.stringify(columns) && !_internal)
+        return null;
+      if (key) {
+        localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
+      }
+      setColumns(newColumns);
+      setLayoutSignal((prev) => prev + 1);
+      return newColumns;
+    },
+    [columns, isReady, key]
+  );
+  return { columns, setColumns: handleSaveLayout, layoutSignal, isReady };
+}
+
 export {
   useKeydown,
   useInfiniteScroll,
   useMatchesMedia,
-  useMatchesMobile
+  useMatchesMobile,
+  useTableLayout
 };

package/dist/{chunk-WXHRJSDG.js → chunk-ERW3AMED.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
+} from "./chunk-E6Y7ZHQX.js";
 import {
   Label
 } from "./chunk-CJVTFYI4.js";

package/dist/{chunk-2JRZCC2K.js → chunk-JITZWSPR.js}

@@ -1,12 +1,12 @@
 import {
   useMenuPosition
-} from "./chunk-WE55TGZZ.js";
+} from "./chunk-NIHZMIOL.js";
 import {
   useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
+} from "./chunk-E6Y7ZHQX.js";
 import {
   findDocumentRoot
-} from "./chunk-6LN6QT6M.js";
+} from "./chunk-VXWSAIB5.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-WE55TGZZ.js → chunk-NIHZMIOL.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
+} from "./chunk-E6Y7ZHQX.js";
 import {
   __spreadValues
 } from "./chunk-BBZEL7EG.js";

package/dist/{chunk-RXPS5GVE.js → chunk-Q3TNALWH.js}

@@ -1,12 +1,12 @@
 import {
   Menu
-} from "./chunk-2JRZCC2K.js";
+} from "./chunk-JITZWSPR.js";
 import {
   useSubMenuSystem
-} from "./chunk-WE55TGZZ.js";
+} from "./chunk-NIHZMIOL.js";
 import {
   MenuOption
-} from "./chunk-WXHRJSDG.js";
+} from "./chunk-ERW3AMED.js";
 import {
   Search
 } from "./chunk-2WRRRPEB.js";
@@ -30,10 +30,10 @@ import {
 import { useSortable } from "@dnd-kit/sortable";
 import clsx from "clsx";
 import {
-  memo,
   useEffect,
   useRef,
-  useState
+  useState,
+  memo
 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var DataGridCell = memo(
@@ -54,6 +54,7 @@ var DataGridCell = memo(
       warning,
       center,
       width,
+      minWidth,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -71,6 +72,7 @@ var DataGridCell = memo(
       "warning",
       "center",
       "width",
+      "minWidth",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -144,7 +146,7 @@ var DataGridCell = memo(
         id,
         "data-testid": testid,
         className: clsx("flex h-10", !width && "flex-1"),
-        style: { width }
+        style: { width, minWidth }
       }, props), {
         "data-theme": type === "header" && !locked ? "brand" : void 0,
         children: /* @__PURE__ */ jsx(
@@ -185,7 +187,7 @@ function DataCellHeader(_a) {
     "testid",
     "useMenuDefaultMinWidth"
   ]);
-  var _a2, _b2, _c;
+  var _a2;
   const [showMenu, setShowMenu] = useState(false);
   const [filter, setFilter] = useState(
     (_a2 = header.column.getFilterValue()) != null ? _a2 : ""
@@ -219,7 +221,7 @@ function DataCellHeader(_a) {
   const style = __spreadValues({
     position: "relative",
     whiteSpace: "nowrap",
-    width: (_c = (_b2 = header.column.columnDef.meta) == null ? void 0 : _b2.headerWidth) != null ? _c : header.column.getSize(),
+    minWidth: header.column.getSize(),
     "--color-text-primary-normal": "var(--color-text-brand-primary-normal)",
     "--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
     "--background-action-secondary-normal": "var(--color-text-brand-primary-normal)"
@@ -233,6 +235,7 @@ function DataCellHeader(_a) {
       type: "header",
       component: "header",
       style,
+      minWidth: `${header.column.getSize()}px`,
       onClick: header.column.getToggleSortingHandler(),
       onRightClick: () => setShowMenu(!showMenu)
     }, props), {
@@ -256,8 +259,8 @@ function DataCellHeader(_a) {
                   id: id ? `${id}-filter-option` : void 0,
                   testid: testid ? `${testid}-filter-option` : void 0
                 }, subMenuListeners), {
-                  subMenu: (_d) => {
-                    var _e = _d, { menuId, subMenuLevel } = _e, props2 = __objRest(_e, ["menuId", "subMenuLevel"]);
+                  subMenu: (_b2) => {
+                    var _c = _b2, { menuId, subMenuLevel } = _c, props2 = __objRest(_c, ["menuId", "subMenuLevel"]);
                     return /* @__PURE__ */ jsxs(
                       Menu,
                       __spreadProps(__spreadValues({
@@ -330,8 +333,8 @@ function DataCellHeader(_a) {
                     setShowMenu(!showMenu);
                   }
                 }, subMenuListeners), {
-                  subMenu: (_f) => {
-                    var _g = _f, { menuId, subMenuLevel } = _g, props2 = __objRest(_g, ["menuId", "subMenuLevel"]);
+                  subMenu: (_d) => {
+                    var _e = _d, { menuId, subMenuLevel } = _e, props2 = __objRest(_e, ["menuId", "subMenuLevel"]);
                     return /* @__PURE__ */ jsxs(
                       Menu,
                       __spreadProps(__spreadValues({}, props2), {
@@ -419,7 +422,6 @@ function DraggableCellHeader(_a) {
     "header",
     "children"
   ]);
-  var _a2, _b2;
   const { attributes, isDragging, listeners, setNodeRef, transform, node } = useSortable({
     id: header.column.id
   });
@@ -430,7 +432,6 @@ function DraggableCellHeader(_a) {
     transition: "width transform 0.2s ease-in-out",
     whiteSpace: "nowrap",
     zIndex: isDragging ? 1 : 0,
-    width: (_b2 = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.headerWidth) != null ? _b2 : header.column.getSize(),
     "--color-text-primary-normal": "var(--color-action-000)",
     "--color-icon-on-action-primary-normal": "var(--color-action-000)",
     userSelect: "none"
@@ -456,7 +457,6 @@ function DragAlongCell(_a) {
     "cell",
     "children"
   ]);
-  var _a2, _b2, _c, _d;
   const { isDragging, setNodeRef, transform } = useSortable({
     id: cell.column.id
   });
@@ -465,19 +465,10 @@ function DragAlongCell(_a) {
     position: "relative",
     transform: CSS.Translate.toString(transform),
     transition: "width transform 0.2s ease-in-out",
-    width: (_b2 = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.headerWidth) != null ? _b2 : cell.column.getSize(),
+    minWidth: cell.column.getSize(),
     zIndex: isDragging ? 1 : 0
   };
-  return /* @__PURE__ */ jsx(
-    DataGridCell,
-    __spreadProps(__spreadValues({
-      style,
-      ref: setNodeRef,
-      width: (_d = (_c = cell.column.columnDef.meta) == null ? void 0 : _c.headerWidth) != null ? _d : `${cell.column.getSize()}px`
-    }, props), {
-      children
-    })
-  );
+  return /* @__PURE__ */ jsx(DataGridCell, __spreadProps(__spreadValues({ style, ref: setNodeRef }, props), { children }));
 }
 DragAlongCell.displayName = "DragAlongCell";
 

package/dist/{chunk-M3433XEJ.js → chunk-T3F37S6Z.js}

@@ -1,3 +1,7 @@
+import {
+  __spreadValues
+} from "./chunk-BBZEL7EG.js";
+
 // src/utils/date.ts
 function parseInputDate(input) {
   const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
@@ -124,6 +128,15 @@ function isValidDateRangeOrder(fromDate, toDate) {
   return to >= from;
 }
 
+// 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] || {})
+  );
+}
+
 export {
   parseInputDate,
   isValidDate,
@@ -137,5 +150,6 @@ export {
   isValidDateRange,
   formatDatePartsToDisplay,
   formatDate,
-  isValidDateRangeOrder
+  isValidDateRangeOrder,
+  mergeObjectArrays
 };

package/dist/{chunk-2B5T4NCT.js → chunk-UKSJPFN2.js}

@@ -15,10 +15,10 @@ import {
 } from "./chunk-ZFOANBWG.js";
 import {
   useMatchesMobile
-} from "./chunk-WNQ53SVY.js";
+} from "./chunk-E6Y7ZHQX.js";
 import {
   findDocumentRoot
-} from "./chunk-6LN6QT6M.js";
+} from "./chunk-VXWSAIB5.js";
 
 // src/components/Modal.tsx
 import clsx from "clsx";