@dmsi/wedgekit-react 0.0.185 → 0.0.186

package/dist/components/MenuOption.cjs

@@ -370,7 +370,8 @@ var MenuOption = ({
   activeMenu,
   mobilePositionTo,
   highlightMatchingText = false,
-  menuValue
+  menuValue,
+  onMouseMove
 }) => {
   const uniqueId = (0, import_react4.useId)();
   const internalRef = (0, import_react4.useRef)(null);
@@ -387,6 +388,11 @@ var MenuOption = ({
       onSubMenuLeave(subMenuLevel);
     }
   };
+  const handleMouseMove = () => {
+    if (subMenu && onMouseMove && !disabled) {
+      onMouseMove();
+    }
+  };
   const handleSubMenuEnter = () => {
     if (onSubMenuEnter) {
       onSubMenuEnter();
@@ -445,7 +451,8 @@ var MenuOption = ({
           }
         },
         onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave
+        onMouseLeave: handleMouseLeave,
+        onMouseMove: handleMouseMove
       }, additionalAttributes), {
         tabIndex: -1,
         role: "menuitem",

package/dist/components/MenuOption.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-FFU6FB3K.js";
-import "../chunk-WNQ53SVY.js";
+} from "../chunk-4BGVBVKV.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-HVI3CL7Y.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/MobileDataGrid.js

@@ -4,15 +4,15 @@ import {
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Modal.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   Modal
-} from "../chunk-F6YFWBVV.js";
+} from "../chunk-RYBHJC4G.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
 import "../chunk-MJKBQSNI.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-AZ7LVLOK.js";
-import "../chunk-WNQ53SVY.js";
 import "../chunk-6LN6QT6M.js";
 import "../chunk-FKMKHLQH.js";
+import "../chunk-WNQ53SVY.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/NestedMenu.cjs

@@ -399,7 +399,8 @@ var MenuOption = ({
   activeMenu,
   mobilePositionTo,
   highlightMatchingText = false,
-  menuValue
+  menuValue,
+  onMouseMove
 }) => {
   const uniqueId = (0, import_react4.useId)();
   const internalRef = (0, import_react4.useRef)(null);
@@ -416,6 +417,11 @@ var MenuOption = ({
       onSubMenuLeave(subMenuLevel);
     }
   };
+  const handleMouseMove = () => {
+    if (subMenu && onMouseMove && !disabled) {
+      onMouseMove();
+    }
+  };
   const handleSubMenuEnter = () => {
     if (onSubMenuEnter) {
       onSubMenuEnter();
@@ -474,7 +480,8 @@ var MenuOption = ({
           }
         },
         onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave
+        onMouseLeave: handleMouseLeave,
+        onMouseMove: handleMouseMove
       }, additionalAttributes), {
         tabIndex: -1,
         role: "menuitem",

package/dist/components/NestedMenu.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-FFU6FB3K.js";
+} from "../chunk-4BGVBVKV.js";
+import "../chunk-JWCT72WR.js";
 import {
   useKeydown
 } from "../chunk-WNQ53SVY.js";
-import "../chunk-JWCT72WR.js";
 import "../chunk-HVI3CL7Y.js";
 import {
   Icon

package/dist/components/Notification.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/PDFViewer.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal
-} from "../chunk-F6YFWBVV.js";
+} from "../chunk-RYBHJC4G.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
@@ -13,20 +13,20 @@ import {
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
+import "../chunk-6LN6QT6M.js";
 import {
   Caption
 } from "../chunk-E7D24OHM.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-6LN6QT6M.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Password.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   InputBase
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Search.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Search
-} from "../chunk-PMBEIP24.js";
-import "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-IDSFWKOR.js";
+import "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Select.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Select
-} from "../chunk-XH65MD2C.js";
-import "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-KADNOKNW.js";
+import "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Stepper.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   InputBase
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
 import {
   Button
 } from "../chunk-FKMKHLQH.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Time.js

@@ -3,9 +3,9 @@ import {
 } from "../chunk-6LN6QT6M.js";
 import {
   InputBase
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import "../chunk-JWCT72WR.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";

package/dist/components/Toast.js

@@ -2,12 +2,12 @@
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
-import {
-  Paragraph
-} from "../chunk-HVI3CL7Y.js";
 import {
   Button
 } from "../chunk-FKMKHLQH.js";
+import {
+  Paragraph
+} from "../chunk-HVI3CL7Y.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Upload.js

@@ -1,9 +1,9 @@
-import {
-  Paragraph
-} from "../chunk-HVI3CL7Y.js";
 import {
   Button
 } from "../chunk-FKMKHLQH.js";
+import {
+  Paragraph
+} from "../chunk-HVI3CL7Y.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/index.cjs

@@ -949,6 +949,10 @@ function useSubMenuSystem(mobilePositionTo) {
   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 isMobile = useMatchesMobile();
   const toggleMenu = (menuId, level) => {
     if (closeTimeoutRef.current) {
@@ -988,36 +992,67 @@ function useSubMenuSystem(mobilePositionTo) {
       return newActiveMenus;
     });
   };
+  const executePendingActions = (0, import_react7.useCallback)(() => {
+    if (pendingCloseActionRef.current) {
+      pendingCloseActionRef.current();
+      pendingCloseActionRef.current = null;
+    }
+    if (pendingOpenActionRef.current) {
+      pendingOpenActionRef.current();
+      pendingOpenActionRef.current = null;
+    }
+  }, []);
   const openMenuWithDelay = (menuId, level, delay = 150) => {
     if (isMobile) {
       return;
     }
-    if (hoverTimeoutRef.current) {
-      clearTimeout(hoverTimeoutRef.current);
+    pendingOpenActionRef.current = () => {
+      if (hoverTimeoutRef.current) {
+        clearTimeout(hoverTimeoutRef.current);
+      }
+      hoverTimeoutRef.current = setTimeout(() => {
+        openMenu(menuId, level);
+      }, delay);
+    };
+    if (!isMouseMovingRef.current) {
+      executePendingActions();
     }
-    hoverTimeoutRef.current = setTimeout(() => {
-      openMenu(menuId, level);
-    }, delay);
   };
   const closeMenuWithDelay = (level, delay = 500) => {
     if (isMobile) {
       return;
     }
-    if (hoverTimeoutRef.current) {
-      clearTimeout(hoverTimeoutRef.current);
-      hoverTimeoutRef.current = null;
+    pendingCloseActionRef.current = () => {
+      if (hoverTimeoutRef.current) {
+        clearTimeout(hoverTimeoutRef.current);
+        hoverTimeoutRef.current = null;
+      }
+      closeTimeoutRef.current = setTimeout(() => {
+        closeSubMenuLevel(level);
+      }, delay);
+    };
+    if (!isMouseMovingRef.current) {
+      executePendingActions();
     }
-    closeTimeoutRef.current = setTimeout(() => {
-      closeSubMenuLevel(level);
-    }, delay);
+  };
+  const handleMouseMove = () => {
+    isMouseMovingRef.current = true;
+    if (mouseStopTimeoutRef.current) {
+      clearTimeout(mouseStopTimeoutRef.current);
+    }
+    mouseStopTimeoutRef.current = setTimeout(() => {
+      isMouseMovingRef.current = false;
+      executePendingActions();
+    }, 200);
   };
   const cancelCloseTimeout = () => {
     if (isMobile) {
       return;
     }
-    if (closeTimeoutRef.current) {
-      clearTimeout(closeTimeoutRef.current);
-      closeTimeoutRef.current = null;
+    if (mouseStopTimeoutRef.current) {
+      clearTimeout(mouseStopTimeoutRef.current);
+      mouseStopTimeoutRef.current = null;
+      isMouseMovingRef.current = false;
     }
   };
   const closeSubMenuLevel = (level) => {
@@ -1133,6 +1168,7 @@ function useSubMenuSystem(mobilePositionTo) {
       onSubMenuHover: openMenuWithDelay,
       onSubMenuLeave: closeMenuWithDelay,
       onSubMenuEnter: cancelCloseTimeout,
+      onMouseMove: handleMouseMove,
       toggleMenu,
       mobilePositionTo,
       activeMenu,
@@ -1147,9 +1183,9 @@ function useMenuPosition(elementRef, position = "bottom", options) {
     left: 0,
     minWidth: 0
   });
-  const isMobile = useMatchesMobile();
+  const isMobile = options == null ? void 0 : options.isMobile;
   const updatePosition = (0, import_react7.useCallback)(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    var _a, _b, _c;
     if (!(elementRef == null ? void 0 : elementRef.current)) return;
     const triggerRect = elementRef.current.getBoundingClientRect();
     const menuRect = (_b = (_a = options == null ? void 0 : options.menuRef) == null ? void 0 : _a.current) == null ? void 0 : _b.getBoundingClientRect();
@@ -1168,15 +1204,27 @@ function useMenuPosition(elementRef, position = "bottom", options) {
     } else if (position === "bottom-right") {
       left = triggerRect.right + window.scrollX - menuWidth;
     } else if (position === "right") {
-      left = triggerRect.right + window.scrollX;
+      if (isMobile) {
+        left = triggerRect.left + window.scrollX;
+      } else {
+        left = triggerRect.right + window.scrollX;
+      }
+    }
+    const overflowsRightViewport = left + menuWidth > viewportWidth;
+    if (overflowsRightViewport) {
+      const newLeft = triggerRect.left - menuWidth;
+      const overflowsLeftViewport = newLeft < 0;
+      if (overflowsLeftViewport) {
+        left = (viewportWidth - menuWidth) / 2;
+      } else {
+        left = newLeft;
+      }
     }
-    const overflowsLeftViewport = left + menuWidth > viewportWidth;
-    if (overflowsLeftViewport) {
-      left = triggerRect.left - menuWidth;
+    if (isMobile && position === "right") {
+      top = triggerRect.top + triggerRect.height + topOffset;
     }
-    if (isMobile) {
-      left = triggerRect.left + menuWidth > viewportWidth ? Math.max(viewportWidth - menuWidth, 0) - 8 : triggerRect.left;
-      top = ((_f = (_e = (_d = elementRef.current.parentElement) == null ? void 0 : _d.getBoundingClientRect()) == null ? void 0 : _e.top) != null ? _f : 0) + ((_i = (_h = (_g = elementRef.current.parentElement) == null ? void 0 : _g.getBoundingClientRect()) == null ? void 0 : _h.height) != null ? _i : 0) + topOffset;
+    if (isMobile && menuWidth > viewportWidth) {
+      left = 0;
     }
     setMenuPosition({
       top,
@@ -1303,7 +1351,8 @@ var Menu = (_a) => {
       isOpen: show,
       setIsOpen: setShow,
       menuRef: internalRef,
-      topOffset
+      topOffset,
+      isMobile: !!(isMobile && mobilePositionTo)
     }
   );
   (0, import_react8.useEffect)(() => {
@@ -1376,6 +1425,7 @@ var Menu = (_a) => {
           "shadow-4 rounded-base bg-background-grouped-primary-normal overflow-x-hidden overflow-y-auto flex flex-col outline-0",
           "fixed",
           "z-50",
+          "max-w-screen",
           mobileHide && "opacity-0 pointer-events-none",
           className
         )
@@ -1582,7 +1632,8 @@ var MenuOption = ({
   activeMenu,
   mobilePositionTo,
   highlightMatchingText = false,
-  menuValue
+  menuValue,
+  onMouseMove
 }) => {
   const uniqueId = (0, import_react9.useId)();
   const internalRef = (0, import_react9.useRef)(null);
@@ -1599,6 +1650,11 @@ var MenuOption = ({
       onSubMenuLeave(subMenuLevel);
     }
   };
+  const handleMouseMove = () => {
+    if (subMenu && onMouseMove && !disabled) {
+      onMouseMove();
+    }
+  };
   const handleSubMenuEnter = () => {
     if (onSubMenuEnter) {
       onSubMenuEnter();
@@ -1657,7 +1713,8 @@ var MenuOption = ({
           }
         },
         onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave
+        onMouseLeave: handleMouseLeave,
+        onMouseMove: handleMouseMove
       }, additionalAttributes), {
         tabIndex: -1,
         role: "menuitem",

package/dist/components/index.js

@@ -3,38 +3,41 @@ import {
 } from "../chunk-3WNXMCZV.js";
 import {
   Select
-} from "../chunk-XH65MD2C.js";
-import {
-  Checkbox
-} from "../chunk-WFQEE2OO.js";
+} from "../chunk-KADNOKNW.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-Z2KZO4J3.js";
+} from "../chunk-GKYKZGS7.js";
 import {
   Menu
-} from "../chunk-UBU6IJML.js";
-import "../chunk-5GUW4DUY.js";
+} from "../chunk-M4LOHASV.js";
+import "../chunk-AEDQLVKH.js";
 import {
   MenuOption
-} from "../chunk-FFU6FB3K.js";
-import {
-  useInfiniteScroll
-} from "../chunk-WNQ53SVY.js";
+} from "../chunk-4BGVBVKV.js";
+import "../chunk-WVUIIBRR.js";
 import "../chunk-6LN6QT6M.js";
 import {
   Search
-} from "../chunk-PMBEIP24.js";
+} from "../chunk-IDSFWKOR.js";
 import {
   Input
-} from "../chunk-4T3DRGLF.js";
-import "../chunk-5UH6QUFB.js";
+} from "../chunk-MVGOAMTP.js";
 import {
   Label
 } from "../chunk-JWCT72WR.js";
-import "../chunk-WVUIIBRR.js";
+import {
+  Checkbox
+} from "../chunk-WFQEE2OO.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
+import {
+  useInfiniteScroll
+} from "../chunk-WNQ53SVY.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Subheader
 } from "../chunk-CYZL57LH.js";
@@ -48,9 +51,6 @@ import {
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";