@dmsi/wedgekit-react 0.0.643 → 0.0.645

package/dist/components/DataGrid/utils.js

@@ -1,21 +1,21 @@
 import {
   getSortIcon
-} from "../../chunk-SJ3SULQB.js";
-import "../../chunk-XX5GVIPZ.js";
+} from "../../chunk-FJXWYGB7.js";
+import "../../chunk-3MV3KMQH.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-ARWHCWG7.js";
-import "../../chunk-MQB6BSRX.js";
+import "../../chunk-XT4BQXSX.js";
+import "../../chunk-FCGPQNS2.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
-import "../../chunk-FIOXWZWU.js";
-import "../../chunk-LGX34HML.js";
+import "../../chunk-ECYXZZWC.js";
+import "../../chunk-Q4AANHJY.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
-import "../../chunk-UB3GEENN.js";
+import "../../chunk-OZEKRO4L.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-UF5XGCSF.js";
@@ -24,7 +24,7 @@ import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-AS57Y2D3.js";
-import "../../chunk-V7GPM6Z3.js";
+import "../../chunk-3PBA2EZ5.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
@@ -35,19 +35,19 @@ import "../../chunk-UAMI54FE.js";
 import "../../chunk-SJZNVG4N.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-RQMOWYB7.js";
-import "../../chunk-5JHKFK73.js";
-import "../../chunk-IATOG76G.js";
-import "../../chunk-PS7MBNUT.js";
+import "../../chunk-EXCAOI2L.js";
+import "../../chunk-HIGNJAQA.js";
+import "../../chunk-ISRG77J6.js";
+import "../../chunk-REC2XOPI.js";
 import "../../chunk-FHXCCVOG.js";
 import "../../chunk-7T5RGDCN.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-M7WHWZ2J.js";
-import "../../chunk-3R3AY5MT.js";
-import "../../chunk-YR4ZO2XL.js";
+import "../../chunk-B3T7KBDA.js";
+import "../../chunk-ZSRTAMSW.js";
 import "../../chunk-VXWSAIB5.js";
-import "../../chunk-QJZ3XHNH.js";
+import "../../chunk-HCHKYUNQ.js";
 import "../../chunk-5UH6QUFB.js";
 import "../../chunk-XJF4S3RB.js";
 import "../../chunk-ZCJWOHFN.js";

package/dist/components/DataGridCell.cjs

@@ -118,7 +118,7 @@ var CSS = /* @__PURE__ */ Object.freeze({
 
 // src/components/DataGridCell.tsx
 var import_clsx9 = __toESM(require("clsx"), 1);
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/classNames.ts
 var import_clsx = __toESM(require("clsx"), 1);
@@ -262,7 +262,7 @@ var gapUsingContainerPadding = (0, import_clsx.default)(
 
 // src/components/MenuOption.tsx
 var import_clsx6 = __toESM(require("clsx"), 1);
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/components/Label.tsx
 var import_clsx2 = __toESM(require("clsx"), 1);
@@ -480,6 +480,9 @@ function findDocumentRoot(element) {
 var import_react5 = require("react");
 var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 
+// src/hooks/useEditCell.tsx
+var import_react6 = require("react");
+
 // src/components/Caption.tsx
 var import_clsx5 = __toESM(require("clsx"), 1);
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -631,12 +634,12 @@ var MenuOption = ({
   onMouseMove,
   small = false
 }) => {
-  const uniqueId = (0, import_react6.useId)();
-  const internalRef = (0, import_react6.useRef)(null);
+  const uniqueId = (0, import_react7.useId)();
+  const internalRef = (0, import_react7.useRef)(null);
   const actualRef = ref || internalRef;
-  const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
+  const menuId = (0, import_react7.useRef)(`menu-${uniqueId}`);
   const isMobile = useMatchesMobile();
-  const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
+  const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react7.useState)(false);
   const handleMouseEnter = () => {
     if (subMenu && onSubMenuHover && !disabled) {
       onSubMenuHover(menuId.current, subMenuLevel);
@@ -796,27 +799,27 @@ function highlightMatch(text, searchValue) {
 
 // src/components/Menu.tsx
 var import_clsx7 = __toESM(require("clsx"), 1);
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/components/useMenuSystem.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 function useSubMenuSystem(mobilePositionTo) {
-  const [activeMenus, setActiveMenus] = (0, import_react7.useState)(
+  const [activeMenus, setActiveMenus] = (0, import_react8.useState)(
     {}
   );
-  const [activeMenu, setActiveMenu] = (0, import_react7.useState)("");
-  const [currentSubMenuLevel, setCurrentSubMenuLevel] = (0, import_react7.useState)(
+  const [activeMenu, setActiveMenu] = (0, import_react8.useState)("");
+  const [currentSubMenuLevel, setCurrentSubMenuLevel] = (0, import_react8.useState)(
     null
   );
-  const menuRootRef = (0, import_react7.useRef)(null);
-  const subMenuRefs = (0, import_react7.useRef)({});
-  const hoverTimeoutRef = (0, import_react7.useRef)(null);
-  const closeTimeoutRef = (0, import_react7.useRef)(null);
-  const mouseStopTimeoutRef = (0, import_react7.useRef)(null);
-  const isMouseMovingRef = (0, import_react7.useRef)(false);
-  const pendingOpenActionRef = (0, import_react7.useRef)(null);
-  const pendingCloseActionRef = (0, import_react7.useRef)(null);
+  const menuRootRef = (0, import_react8.useRef)(null);
+  const subMenuRefs = (0, import_react8.useRef)({});
+  const hoverTimeoutRef = (0, import_react8.useRef)(null);
+  const closeTimeoutRef = (0, import_react8.useRef)(null);
+  const mouseStopTimeoutRef = (0, import_react8.useRef)(null);
+  const isMouseMovingRef = (0, import_react8.useRef)(false);
+  const pendingOpenActionRef = (0, import_react8.useRef)(null);
+  const pendingCloseActionRef = (0, import_react8.useRef)(null);
   const isMobile = useMatchesMobile();
   const toggleMenu = (menuId, level) => {
     if (closeTimeoutRef.current) {
@@ -856,7 +859,7 @@ function useSubMenuSystem(mobilePositionTo) {
       return newActiveMenus;
     });
   };
-  const executePendingActions = (0, import_react7.useCallback)(() => {
+  const executePendingActions = (0, import_react8.useCallback)(() => {
     if (pendingCloseActionRef.current) {
       pendingCloseActionRef.current();
       pendingCloseActionRef.current = null;
@@ -945,7 +948,7 @@ function useSubMenuSystem(mobilePositionTo) {
   const isMenuActive = (menuId, level) => {
     return activeMenus[level] === menuId;
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const handleClickOutside = (event) => {
       var _a;
       if (Object.keys(activeMenus).length === 0) return;
@@ -964,7 +967,7 @@ function useSubMenuSystem(mobilePositionTo) {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [activeMenus]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     return () => {
       if (hoverTimeoutRef.current) {
         clearTimeout(hoverTimeoutRef.current);
@@ -1042,13 +1045,13 @@ function useSubMenuSystem(mobilePositionTo) {
   };
 }
 function useMenuPosition(elementRef, position = "bottom", options) {
-  const [menuPosition, setMenuPosition] = (0, import_react7.useState)({
+  const [menuPosition, setMenuPosition] = (0, import_react8.useState)({
     top: 0,
     left: 0,
     minWidth: 0
   });
   const isMobile = options == null ? void 0 : options.isMobile;
-  const updatePosition = (0, import_react7.useCallback)(() => {
+  const updatePosition = (0, import_react8.useCallback)(() => {
     var _a, _b, _c;
     if (!(elementRef == null ? void 0 : elementRef.current)) return;
     const triggerRect = elementRef.current.getBoundingClientRect();
@@ -1096,7 +1099,7 @@ function useMenuPosition(elementRef, position = "bottom", options) {
       minWidth: triggerRect.width
     });
   }, [elementRef, position, options == null ? void 0 : options.menuRef, options == null ? void 0 : options.topOffset, isMobile]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!(options == null ? void 0 : options.isOpen) || !(options == null ? void 0 : options.setIsOpen)) return;
     const handleClickOutside = (event) => {
       var _a, _b, _c, _d, _e;
@@ -1122,7 +1125,7 @@ function useMenuPosition(elementRef, position = "bottom", options) {
     options == null ? void 0 : options.menuRef,
     options == null ? void 0 : options.additionalRefs
   ]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     updatePosition();
     const resizeObserver = new ResizeObserver(updatePosition);
     if (elementRef == null ? void 0 : elementRef.current) {
@@ -1203,9 +1206,9 @@ var Menu = (_a) => {
     "menuName",
     "calculateMinMaxHeight"
   ]);
-  const internalRef = (0, import_react8.useRef)(null);
+  const internalRef = (0, import_react9.useRef)(null);
   const actualRef = ref || internalRef;
-  const [maxHeight, setMaxHeight] = (0, import_react8.useState)("180px");
+  const [maxHeight, setMaxHeight] = (0, import_react9.useState)("180px");
   const isMobile = useMatchesMobile();
   const { menuPosition, updatePosition } = useMenuPosition(
     isMobile && mobilePositionTo ? mobilePositionTo : positionTo,
@@ -1218,7 +1221,7 @@ var Menu = (_a) => {
       isMobile: !!(isMobile && mobilePositionTo)
     }
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (calculateMinMaxHeight) {
       return;
     }
@@ -1242,7 +1245,7 @@ var Menu = (_a) => {
       cancelAnimationFrame(raf);
     };
   }, [actualRef.current, customMaxHeight, calculateMinMaxHeight]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!calculateMinMaxHeight) {
       return;
     }
@@ -1253,14 +1256,14 @@ var Menu = (_a) => {
       setMaxHeight(`${calculatedMaxHeight}px`);
     }
   }, [actualRef.current, positionTo == null ? void 0 : positionTo.current, calculateMinMaxHeight]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!show) {
       return;
     }
     initializeMenuFocus();
     updatePosition();
   }, [show, updatePosition]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!show || !setShow) {
       return;
     }
@@ -1414,10 +1417,10 @@ var Menu = (_a) => {
 Menu.displayName = "Menu";
 
 // src/components/Search.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/components/Input.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_clsx8 = __toESM(require("clsx"), 1);
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var InputBase = (_a) => {
@@ -1474,9 +1477,9 @@ var InputBase = (_a) => {
     "data-error": error && !focus || null,
     "data-focus": focus || null
   };
-  const inputRef = (0, import_react9.useRef)(null);
+  const inputRef = (0, import_react10.useRef)(null);
   const inputId = id ? `${id}-input` : void 0;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     var _a2;
     const input = inputRef.current;
     const focusHandler = () => {
@@ -1635,15 +1638,15 @@ var Input = (_a) => {
     "testid",
     "rightAdornment"
   ]);
-  const [internalValue, setInternalValue] = (0, import_react9.useState)("");
-  const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
-  (0, import_react9.useEffect)(() => {
+  const [internalValue, setInternalValue] = (0, import_react10.useState)("");
+  const [displayValue, setDisplayValue] = (0, import_react10.useState)("");
+  (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
     setInternalValue(stringValue);
     setDisplayValue(stringValue);
   }, [propValue]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     var _a2;
     if (variant !== "currency") {
       return;
@@ -1904,14 +1907,14 @@ var Search = (_a) => {
     "removeRoundness",
     "autocompletePadding"
   ]);
-  const inputRef = (0, import_react10.useRef)(null);
-  const inputContainerRef = (0, import_react10.useRef)(null);
-  const preventFocusOnInitialRender = (0, import_react10.useRef)(true);
-  const [show, setShow] = (0, import_react10.useState)(false);
-  const [clearing, setClearing] = (0, import_react10.useState)(false);
-  const uniqueId = (0, import_react10.useId)();
+  const inputRef = (0, import_react11.useRef)(null);
+  const inputContainerRef = (0, import_react11.useRef)(null);
+  const preventFocusOnInitialRender = (0, import_react11.useRef)(true);
+  const [show, setShow] = (0, import_react11.useState)(false);
+  const [clearing, setClearing] = (0, import_react11.useState)(false);
+  const uniqueId = (0, import_react11.useId)();
   const searchMenuName = `search-menu-${uniqueId}`;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     var _a2;
     if (preventFocusOnInitialRender.current) {
       preventFocusOnInitialRender.current = false;
@@ -1995,7 +1998,7 @@ Search.displayName = "Search";
 
 // src/components/DataGridCell.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var DataGridCell = (0, import_react11.memo)(
+var DataGridCell = (0, import_react12.memo)(
   (_a) => {
     var _b = _a, {
       id,
@@ -2037,10 +2040,10 @@ var DataGridCell = (0, import_react11.memo)(
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
-    const timerRef = (0, import_react11.useRef)(null);
-    const [isGrabbing, setIsGrabbing] = (0, import_react11.useState)(false);
-    const [isPointerPressed, setIsPointerPressed] = (0, import_react11.useState)(false);
-    (0, import_react11.useEffect)(() => {
+    const timerRef = (0, import_react12.useRef)(null);
+    const [isGrabbing, setIsGrabbing] = (0, import_react12.useState)(false);
+    const [isPointerPressed, setIsPointerPressed] = (0, import_react12.useState)(false);
+    (0, import_react12.useEffect)(() => {
       return () => {
         if (timerRef.current) {
           clearTimeout(timerRef.current);
@@ -2150,12 +2153,12 @@ function DataCellHeader(_a) {
     "useMenuDefaultMinWidth"
   ]);
   var _a2;
-  const [showMenu, setShowMenu] = (0, import_react11.useState)(false);
-  const [filter, setFilter] = (0, import_react11.useState)(
+  const [showMenu, setShowMenu] = (0, import_react12.useState)(false);
+  const [filter, setFilter] = (0, import_react12.useState)(
     (_a2 = header.column.getFilterValue()) != null ? _a2 : ""
   );
-  const ref = (0, import_react11.useRef)(null);
-  const predeterminedPinned = (0, import_react11.useRef)(false);
+  const ref = (0, import_react12.useRef)(null);
+  const predeterminedPinned = (0, import_react12.useRef)(false);
   const { column, getContext } = header;
   const { id: columnId, setFilterValue } = column;
   const {
@@ -2165,14 +2168,14 @@ function DataCellHeader(_a) {
     listeners: subMenuListeners,
     mobileHide
   } = useSubMenuSystem(node ? node : ref);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     var _a3, _b2, _c;
     const columnPinning = (_a3 = getContext().table.options.initialState) == null ? void 0 : _a3.columnPinning;
     const left = (_b2 = columnPinning == null ? void 0 : columnPinning.left) != null ? _b2 : [];
     const right = (_c = columnPinning == null ? void 0 : columnPinning.right) != null ? _c : [];
     predeterminedPinned.current = [...left, ...right].includes(columnId);
   }, [columnId, getContext]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handler = setTimeout(() => {
       setFilterValue(filter);
     }, 500);

package/dist/components/DataGridCell.js

@@ -4,17 +4,17 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-RQMOWYB7.js";
-import "../chunk-5JHKFK73.js";
-import "../chunk-IATOG76G.js";
-import "../chunk-PS7MBNUT.js";
+} from "../chunk-EXCAOI2L.js";
+import "../chunk-HIGNJAQA.js";
+import "../chunk-ISRG77J6.js";
+import "../chunk-REC2XOPI.js";
 import "../chunk-FHXCCVOG.js";
 import "../chunk-7T5RGDCN.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-YR4ZO2XL.js";
+import "../chunk-ZSRTAMSW.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-QJZ3XHNH.js";
+import "../chunk-HCHKYUNQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-PS6UJZVH.js";
 import "../chunk-WMPWWFUJ.js";