@versini/ui-menu 7.1.0 → 7.1.1

package/dist/index.js

@@ -1,14 +1,18 @@
 /*!
-  @versini/ui-menu v7.1.0
+  @versini/ui-menu v7.1.1
   © 2026 gizmette.com
 */
 
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useUniqueId } from "@versini/ui-hooks/use-unique-id";
-import { cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useRef, useState } from "react";
-import clsx_0 , { clsx } from "clsx";
+import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
+import clsx_0, { clsx } from "clsx";
 import { IconNext } from "@versini/ui-icons";
 
+import * as __rspack_external_react from "react";
+
+
+
 
 
 
@@ -30,6 +34,7 @@ const MenuContentContext = createContext({
 }); /* v8 ignore stop */ 
 
 
+
 function getNextEnabledIndex(items, currentIndex, direction) {
     const count = items.length;
     /* v8 ignore start - empty items edge case */ if (count === 0) {
@@ -65,8 +70,8 @@ function getTypeaheadMatchIndex(items, searchString, startIndex) {
         if (items[index].disabled) {
             continue;
         }
-        const text = /* v8 ignore next -- textContent is always a string in DOM */ (items[index].element.textContent ?? "").trim().toLowerCase();
-        if (text.startsWith(matchStr)) {
+        /* v8 ignore start -- textContent is always a string in DOM */ const text = (items[index].element.textContent ?? "").trim().toLowerCase();
+        /* v8 ignore stop */ if (text.startsWith(matchStr)) {
             return index;
         }
     }
@@ -258,6 +263,7 @@ function getLastEnabledIndex(items) {
 
 
 
+
 const getDisplayName = (element)=>{
     if (typeof element === "string") {
         return element;
@@ -419,14 +425,14 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
         isSub: false,
         noBackdrop
     });
-    const [isOpen, setIsOpen] = useState(false);
-    const [activeIndex, setActiveIndex] = useState(-1);
-    const [openSubMenuId, setOpenSubMenuId] = useState(null);
+    const [isOpen, setIsOpen] = (0,__rspack_external_react.useState)(false);
+    const [activeIndex, setActiveIndex] = (0,__rspack_external_react.useState)(-1);
+    const [openSubMenuId, setOpenSubMenuId] = (0,__rspack_external_react.useState)(null);
     const menuId = useUniqueId("av-menu-");
-    const triggerRef = useRef(null);
-    const menuRef = useRef(null);
-    const itemsRef = useRef([]);
-    const isTogglingRef = useRef(false);
+    const triggerRef = (0,__rspack_external_react.useRef)(null);
+    const menuRef = (0,__rspack_external_react.useRef)(null);
+    const itemsRef = (0,__rspack_external_react.useRef)([]);
+    const isTogglingRef = (0,__rspack_external_react.useRef)(false);
     useMenuPosition({
         triggerRef,
         menuRef,
@@ -435,7 +441,7 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
         isOpen
     });
     // Show/hide popover after the menu element is mounted/unmounted
-    /* v8 ignore start - popover API may not be available in test env */ useEffect(()=>{
+    /* v8 ignore start - popover API may not be available in test env */ (0,__rspack_external_react.useEffect)(()=>{
         if (isOpen && menuRef.current && typeof menuRef.current.showPopover === "function") {
             try {
                 menuRef.current.showPopover();
@@ -446,7 +452,7 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
     }, [
         isOpen
     ]);
-    /* v8 ignore stop */ const handleClose = useCallback(()=>{
+    /* v8 ignore stop */ const handleClose = (0,__rspack_external_react.useCallback)(()=>{
         /* v8 ignore start - guard against double-close */ if (!isOpen) {
             return;
         }
@@ -467,7 +473,7 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
         onOpenChange
     ]);
     // Click-outside detection: only active when menu is open
-    /* v8 ignore start - click-outside detection requires full browser env */ useEffect(()=>{
+    /* v8 ignore start - click-outside detection requires full browser env */ (0,__rspack_external_react.useEffect)(()=>{
         if (!isOpen) {
             return;
         }
@@ -493,8 +499,8 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
         isOpen,
         onOpenChange
     ]);
-    /* v8 ignore stop */ const getItems = useCallback(()=>itemsRef.current, []);
-    const registerItem = useCallback((element, disabled)=>{
+    /* v8 ignore stop */ const getItems = (0,__rspack_external_react.useCallback)(()=>itemsRef.current, []);
+    const registerItem = (0,__rspack_external_react.useCallback)((element, disabled)=>{
         // Maintain DOM order by using compareDocumentPosition
         const existing = itemsRef.current.findIndex((item)=>item.element === element);
         /* v8 ignore start - re-registration on re-render */ if (existing >= 0) {
@@ -513,10 +519,10 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
             itemsRef.current.splice(insertIndex, 0, newItem);
         }
     /* v8 ignore stop */ }, []);
-    const unregisterItem = useCallback((element)=>{
+    const unregisterItem = (0,__rspack_external_react.useCallback)((element)=>{
         itemsRef.current = itemsRef.current.filter((item)=>item.element !== element);
     }, []);
-    /* v8 ignore start - sub-menu keyboard nav requires full browser env */ const handleOpenSubMenu = useCallback((element)=>{
+    /* v8 ignore start - sub-menu keyboard nav requires full browser env */ const handleOpenSubMenu = (0,__rspack_external_react.useCallback)((element)=>{
         element.click();
     }, []);
     /* v8 ignore stop */ const { focusItem } = useMenuKeyboard({
@@ -528,7 +534,7 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
         onClose: handleClose,
         onOpenSubMenu: handleOpenSubMenu
     });
-    const handleOpen = useCallback(()=>{
+    const handleOpen = (0,__rspack_external_react.useCallback)(()=>{
         setIsOpen(true);
         onOpenChange?.(true);
         // Focus first enabled item after menu renders
@@ -547,7 +553,7 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
         getItems,
         focusItem
     ]);
-    const handleToggle = useCallback(()=>{
+    const handleToggle = (0,__rspack_external_react.useCallback)(()=>{
         /* v8 ignore start - re-entrant guard for synthetic click dispatch */ if (isTogglingRef.current) {
             return;
         }
@@ -575,7 +581,7 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
         handleClose,
         handleOpen
     ]);
-    /* v8 ignore start - trigger keyboard handler tested via integration */ const handleTriggerKeyDown = useCallback((event)=>{
+    /* v8 ignore start - trigger keyboard handler tested via integration */ const handleTriggerKeyDown = (0,__rspack_external_react.useCallback)((event)=>{
         if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
             event.preventDefault();
             if (!isOpen) {
@@ -592,7 +598,7 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
         noInternalClick,
         mode
     } : {};
-    /* v8 ignore start - trigger is required in practice */ const triggerElement = /*#__PURE__*/ isValidElement(trigger) ? /*#__PURE__*/ cloneElement(trigger, {
+    /* v8 ignore start - trigger is required in practice */ const triggerElement = /*#__PURE__*/ __rspack_external_react.isValidElement(trigger) ? /*#__PURE__*/ __rspack_external_react.cloneElement(trigger, {
         ...uiButtonsExtraProps,
         "aria-label": label,
         "aria-haspopup": "menu",
@@ -639,6 +645,8 @@ Menu.displayName = "Menu";
 
 
 
+
+
 const MenuGroup = ({ children, label, className, icon })=>{
     const groupClass = clsx_0("rounded-md", "p-2", "first:mt-0 mt-1", "bg-surface-dark", "text-copy-light", className);
     const labelContainerClass = clsx_0("pt-2 pb-2", "px-3 sm:px-2", "-mx-1 -mt-1", "flex items-center justify-between", "text-xs text-copy-medium uppercase font-bold", "rounded-t-md");
@@ -672,6 +680,9 @@ MenuGroup.displayName = "MenuGroup";
 
 
 
+
+
+
 const ITEM_CLASS = getMenuItemClasses({
     isSub: false
 });
@@ -804,6 +815,8 @@ MenuItem.displayName = "MenuItem";
 
 
 
+
+
 const MenuLabel = ({ className, icon, children, ...props })=>{
     const groupLabelClass = clsx_0(className, "pt-1 pb-2", "text-xs text-copy-medium uppercase font-bold", "border-b border-border-medium", {
         "flex items-center": icon
@@ -825,6 +838,8 @@ MenuLabel.displayName = "MenuLabel";
 
 
 
+
+
 const MenuSeparator = ({ className, ...props })=>{
     const separatorClass = clsx_0(className, "my-1 border-t border-border-medium");
     return /*#__PURE__*/ jsx("div", {
@@ -844,6 +859,9 @@ MenuSeparator.displayName = "MenuSeparator";
 
 
 
+
+
+
 const SUB_CONTENT_CLASS = getMenuClasses({
     isSub: true
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-menu",
-	"version": "7.1.0",
+	"version": "7.1.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -49,5 +49,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "79557bb87f35d3aa4f9608244ccdd1539eb61d16"
+	"gitHead": "be3a1086ece259e2f81f2c3e5d448a6871041afe"
 }