@salt-ds/lab 1.0.0-alpha.53 → 1.0.0-alpha.55

package/dist-cjs/cascading-menu/CascadingMenuItem.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
@@ -21,11 +19,14 @@ const withBaseName = core.makePrefixer("saltMenuItem");
 const getIcon = (sourceItem, isDisabled = false) => {
   const CustomIcon = sourceItem.icon;
   if (CustomIcon) {
-    return /* @__PURE__ */ jsxRuntime.jsx(CustomIcon, {
-      className: clsx.clsx(withBaseName("menuItemStartAdornment"), {
-        [withBaseName("menuItemDisabled")]: isDisabled
-      })
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CustomIcon,
+      {
+        className: clsx.clsx(withBaseName("menuItemStartAdornment"), {
+          [withBaseName("menuItemDisabled")]: isDisabled
+        })
+      }
+    );
   }
   return null;
 };
@@ -82,61 +83,71 @@ const DefaultMenuItem = react.forwardRef(
     };
     const icon = hasStartAdornment ? getIcon(sourceItem, isDisabled) : null;
     const tooltipTitle = sourceItem.tooltip || menuText;
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, {
-      disableFocusListener: true,
-      disableHoverListener: true,
-      enterDelay: tooltipEnterDelay,
-      leaveDelay: tooltipLeaveDelay,
-      placement: "top",
-      disabled: !tooltipTitle || !hasTooltip || isChildMenuOpen,
-      content: tooltipTitle,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(ListItem.ListItem, {
-        ref,
-        "aria-expanded": isChildMenuOpen || void 0,
-        className: clsx.clsx(
-          withBaseName(),
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      core.Tooltip,
+      {
+        disableFocusListener: true,
+        disableHoverListener: true,
+        enterDelay: tooltipEnterDelay,
+        leaveDelay: tooltipLeaveDelay,
+        placement: "top",
+        disabled: !tooltipTitle || !hasTooltip || isChildMenuOpen,
+        content: tooltipTitle,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ListItem.ListItem,
           {
-            [withBaseName("menuItemDivider")]: divider,
-            [withBaseName("menuItemBlurSelected")]: blurSelected,
-            [withBaseName("menuItemSelected")]: !isDisabled && !hasSubMenu && isInteracted,
-            ...interactionClasses,
-            [withBaseName("menuItemWithScrollbar")]: hasScrollbar
-          },
-          className
-        ),
-        disabled: isDisabled,
-        role: "menuitem",
-        onClick: handleOnClick,
-        item: sourceItem,
-        ...restProps,
-        children: [
-          hasStartAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("menuItemStartAdornmentContainer"),
-            children: icon
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: clsx.clsx(withBaseName("menuItemText"), {
-              [withBaseName("menuItemDisabled")]: isDisabled
-            }),
-            ref: menuTextRef,
-            children: menuText
-          }),
-          hasEndAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: clsx.clsx(withBaseName("menuItemEndAdornmentContainer"), {
-              [withBaseName("menuItemAdornmentHidden")]: !hasSubMenu
-            }),
-            children: /* @__PURE__ */ jsxRuntime.jsx(ExpandGroupIcon, {
-              className: clsx.clsx(withBaseName("menuItemEndAdornment"), {
-                [withBaseName("menuItemDisabled")]: isDisabled
-              })
-            })
-          }),
-          divider && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            role: "separator"
-          })
-        ]
-      })
-    });
+            ref,
+            "aria-expanded": isChildMenuOpen || void 0,
+            className: clsx.clsx(
+              withBaseName(),
+              {
+                [withBaseName("menuItemDivider")]: divider,
+                [withBaseName("menuItemBlurSelected")]: blurSelected,
+                [withBaseName("menuItemSelected")]: !isDisabled && !hasSubMenu && isInteracted,
+                ...interactionClasses,
+                [withBaseName("menuItemWithScrollbar")]: hasScrollbar
+              },
+              className
+            ),
+            disabled: isDisabled,
+            role: "menuitem",
+            onClick: handleOnClick,
+            item: sourceItem,
+            ...restProps,
+            children: [
+              hasStartAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName("menuItemStartAdornmentContainer"), children: icon }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: clsx.clsx(withBaseName("menuItemText"), {
+                    [withBaseName("menuItemDisabled")]: isDisabled
+                  }),
+                  ref: menuTextRef,
+                  children: menuText
+                }
+              ),
+              hasEndAdornment && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: clsx.clsx(withBaseName("menuItemEndAdornmentContainer"), {
+                    [withBaseName("menuItemAdornmentHidden")]: !hasSubMenu
+                  }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    ExpandGroupIcon,
+                    {
+                      className: clsx.clsx(withBaseName("menuItemEndAdornment"), {
+                        [withBaseName("menuItemDisabled")]: isDisabled
+                      })
+                    }
+                  )
+                }
+              ),
+              divider && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "separator" })
+            ]
+          }
+        )
+      }
+    );
   }
 );
 

package/dist-cjs/cascading-menu/CascadingMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CascadingMenuItem.js","sources":["../src/cascading-menu/CascadingMenuItem.tsx"],"sourcesContent":["import { Tooltip, makePrefixer, useIcon } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type KeyboardEvent,\n  type MouseEvent,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListItem, type ListItemProps } from \"../list-deprecated\";\nimport type { MenuDescriptor } from \"./CascadingMenuProps\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cascadingMenuItemCss from \"./CascadingMenuItem.css\";\n\nconst noop = () => undefined;\nconst withBaseName = makePrefixer(\"saltMenuItem\");\n\nconst getIcon = (sourceItem: MenuDescriptor, isDisabled = false) => {\n  const CustomIcon = sourceItem.icon;\n  if (CustomIcon) {\n    return (\n      <CustomIcon\n        className={clsx(withBaseName(\"menuItemStartAdornment\"), {\n          [withBaseName(\"menuItemDisabled\")]: isDisabled,\n        })}\n      />\n    );\n  }\n  return null;\n};\n\nexport interface MenuItemProps extends ListItemProps<MenuDescriptor> {\n  blurSelected: boolean;\n  className?: string;\n  hasEndAdornment: boolean;\n  hasScrollbar: boolean;\n  hasStartAdornment: boolean;\n  hasSubMenu: boolean;\n  isInteracted: boolean;\n  isChildMenuOpen: boolean;\n  isNavigatingWithKeyboard: boolean;\n  itemToString: Required<ListItemProps<MenuDescriptor>>[\"itemToString\"];\n  onItemClick?: (\n    sourceItem: MenuDescriptor,\n    event: MouseEvent | KeyboardEvent,\n  ) => void;\n  sourceItem: MenuDescriptor;\n  tooltipEnterDelay: number;\n  tooltipLeaveDelay: number;\n}\n\nexport const DefaultMenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n  (props, ref) => {\n    const {\n      blurSelected,\n      className,\n      hasEndAdornment,\n      hasScrollbar,\n      hasStartAdornment,\n      onItemClick,\n      itemToString,\n      isInteracted,\n      isNavigatingWithKeyboard,\n      isChildMenuOpen,\n      hasSubMenu,\n      sourceItem,\n      tooltipEnterDelay,\n      tooltipLeaveDelay,\n      ...restProps\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-cascading-menu-item\",\n      css: cascadingMenuItemCss,\n      window: targetWindow,\n    });\n    const { ExpandGroupIcon } = useIcon();\n    const menuTextRef = useRef<HTMLDivElement>(null);\n    const [hasTooltip, setHasTooltip] = useState(false);\n    const menuText = itemToString(sourceItem);\n\n    useEffect(() => {\n      const element = menuTextRef.current;\n      if (element) {\n        if (element.offsetWidth < element.scrollWidth) {\n          setHasTooltip(true);\n        }\n      }\n    }, [menuText]);\n\n    const isDisabled = sourceItem.disabled;\n    const divider = sourceItem.divider;\n\n    const onClick = isDisabled || hasSubMenu ? noop : onItemClick;\n\n    const handleOnClick = (event: MouseEvent) => {\n      if (!isDisabled && !hasSubMenu) {\n        onClick?.(sourceItem, event);\n      }\n    };\n    const interactionClasses = isNavigatingWithKeyboard\n      ? {\n          [withBaseName(\"menuItemKeyboardActive\")]:\n            !isDisabled && isInteracted && !blurSelected,\n          [withBaseName(\"menuItemKeyboardDisabled\")]:\n            isDisabled && isInteracted,\n        }\n      : {\n          [withBaseName(\"menuItemHover\")]: !isDisabled && !blurSelected,\n        };\n\n    const icon = hasStartAdornment ? getIcon(sourceItem, isDisabled) : null;\n    const tooltipTitle = sourceItem.tooltip || menuText;\n\n    return (\n      <Tooltip\n        disableFocusListener\n        disableHoverListener\n        enterDelay={tooltipEnterDelay}\n        leaveDelay={tooltipLeaveDelay}\n        placement=\"top\"\n        disabled={!tooltipTitle || !hasTooltip || isChildMenuOpen}\n        content={tooltipTitle}\n      >\n        <ListItem\n          ref={ref}\n          aria-expanded={isChildMenuOpen || undefined}\n          className={clsx(\n            withBaseName(),\n            {\n              [withBaseName(\"menuItemDivider\")]: divider,\n              [withBaseName(\"menuItemBlurSelected\")]: blurSelected,\n              [withBaseName(\"menuItemSelected\")]:\n                !isDisabled && !hasSubMenu && isInteracted,\n              ...interactionClasses,\n              [withBaseName(\"menuItemWithScrollbar\")]: hasScrollbar,\n            },\n            className,\n          )}\n          disabled={isDisabled}\n          role=\"menuitem\"\n          onClick={handleOnClick}\n          item={sourceItem}\n          // TODO highlightProps - see original code?\n          {...restProps}\n        >\n          {hasStartAdornment && (\n            <div className={withBaseName(\"menuItemStartAdornmentContainer\")}>\n              {icon}\n            </div>\n          )}\n          <div\n            className={clsx(withBaseName(\"menuItemText\"), {\n              [withBaseName(\"menuItemDisabled\")]: isDisabled,\n            })}\n            ref={menuTextRef}\n          >\n            {menuText}\n          </div>\n          {hasEndAdornment && (\n            <div\n              className={clsx(withBaseName(\"menuItemEndAdornmentContainer\"), {\n                [withBaseName(\"menuItemAdornmentHidden\")]: !hasSubMenu,\n              })}\n            >\n              <ExpandGroupIcon\n                className={clsx(withBaseName(\"menuItemEndAdornment\"), {\n                  [withBaseName(\"menuItemDisabled\")]: isDisabled,\n                })}\n              />\n            </div>\n          )}\n          {divider && <div role=\"separator\" />}\n        </ListItem>\n      </Tooltip>\n    );\n  },\n);\n"],"names":["makePrefixer","jsx","clsx","forwardRef","useWindow","useComponentCssInjection","cascadingMenuItemCss","useIcon","useRef","useState","useEffect","Tooltip","jsxs","ListItem"],"mappings":"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"}
+{"version":3,"file":"CascadingMenuItem.js","sources":["../src/cascading-menu/CascadingMenuItem.tsx"],"sourcesContent":["import { Tooltip, makePrefixer, useIcon } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type KeyboardEvent,\n  type MouseEvent,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListItem, type ListItemProps } from \"../list-deprecated\";\nimport type { MenuDescriptor } from \"./CascadingMenuProps\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cascadingMenuItemCss from \"./CascadingMenuItem.css\";\n\nconst noop = () => undefined;\nconst withBaseName = makePrefixer(\"saltMenuItem\");\n\nconst getIcon = (sourceItem: MenuDescriptor, isDisabled = false) => {\n  const CustomIcon = sourceItem.icon;\n  if (CustomIcon) {\n    return (\n      <CustomIcon\n        className={clsx(withBaseName(\"menuItemStartAdornment\"), {\n          [withBaseName(\"menuItemDisabled\")]: isDisabled,\n        })}\n      />\n    );\n  }\n  return null;\n};\n\nexport interface MenuItemProps extends ListItemProps<MenuDescriptor> {\n  blurSelected: boolean;\n  className?: string;\n  hasEndAdornment: boolean;\n  hasScrollbar: boolean;\n  hasStartAdornment: boolean;\n  hasSubMenu: boolean;\n  isInteracted: boolean;\n  isChildMenuOpen: boolean;\n  isNavigatingWithKeyboard: boolean;\n  itemToString: Required<ListItemProps<MenuDescriptor>>[\"itemToString\"];\n  onItemClick?: (\n    sourceItem: MenuDescriptor,\n    event: MouseEvent | KeyboardEvent,\n  ) => void;\n  sourceItem: MenuDescriptor;\n  tooltipEnterDelay: number;\n  tooltipLeaveDelay: number;\n}\n\nexport const DefaultMenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n  (props, ref) => {\n    const {\n      blurSelected,\n      className,\n      hasEndAdornment,\n      hasScrollbar,\n      hasStartAdornment,\n      onItemClick,\n      itemToString,\n      isInteracted,\n      isNavigatingWithKeyboard,\n      isChildMenuOpen,\n      hasSubMenu,\n      sourceItem,\n      tooltipEnterDelay,\n      tooltipLeaveDelay,\n      ...restProps\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-cascading-menu-item\",\n      css: cascadingMenuItemCss,\n      window: targetWindow,\n    });\n    const { ExpandGroupIcon } = useIcon();\n    const menuTextRef = useRef<HTMLDivElement>(null);\n    const [hasTooltip, setHasTooltip] = useState(false);\n    const menuText = itemToString(sourceItem);\n\n    useEffect(() => {\n      const element = menuTextRef.current;\n      if (element) {\n        if (element.offsetWidth < element.scrollWidth) {\n          setHasTooltip(true);\n        }\n      }\n    }, [menuText]);\n\n    const isDisabled = sourceItem.disabled;\n    const divider = sourceItem.divider;\n\n    const onClick = isDisabled || hasSubMenu ? noop : onItemClick;\n\n    const handleOnClick = (event: MouseEvent) => {\n      if (!isDisabled && !hasSubMenu) {\n        onClick?.(sourceItem, event);\n      }\n    };\n    const interactionClasses = isNavigatingWithKeyboard\n      ? {\n          [withBaseName(\"menuItemKeyboardActive\")]:\n            !isDisabled && isInteracted && !blurSelected,\n          [withBaseName(\"menuItemKeyboardDisabled\")]:\n            isDisabled && isInteracted,\n        }\n      : {\n          [withBaseName(\"menuItemHover\")]: !isDisabled && !blurSelected,\n        };\n\n    const icon = hasStartAdornment ? getIcon(sourceItem, isDisabled) : null;\n    const tooltipTitle = sourceItem.tooltip || menuText;\n\n    return (\n      <Tooltip\n        disableFocusListener\n        disableHoverListener\n        enterDelay={tooltipEnterDelay}\n        leaveDelay={tooltipLeaveDelay}\n        placement=\"top\"\n        disabled={!tooltipTitle || !hasTooltip || isChildMenuOpen}\n        content={tooltipTitle}\n      >\n        <ListItem\n          ref={ref}\n          aria-expanded={isChildMenuOpen || undefined}\n          className={clsx(\n            withBaseName(),\n            {\n              [withBaseName(\"menuItemDivider\")]: divider,\n              [withBaseName(\"menuItemBlurSelected\")]: blurSelected,\n              [withBaseName(\"menuItemSelected\")]:\n                !isDisabled && !hasSubMenu && isInteracted,\n              ...interactionClasses,\n              [withBaseName(\"menuItemWithScrollbar\")]: hasScrollbar,\n            },\n            className,\n          )}\n          disabled={isDisabled}\n          role=\"menuitem\"\n          onClick={handleOnClick}\n          item={sourceItem}\n          // TODO highlightProps - see original code?\n          {...restProps}\n        >\n          {hasStartAdornment && (\n            <div className={withBaseName(\"menuItemStartAdornmentContainer\")}>\n              {icon}\n            </div>\n          )}\n          <div\n            className={clsx(withBaseName(\"menuItemText\"), {\n              [withBaseName(\"menuItemDisabled\")]: isDisabled,\n            })}\n            ref={menuTextRef}\n          >\n            {menuText}\n          </div>\n          {hasEndAdornment && (\n            <div\n              className={clsx(withBaseName(\"menuItemEndAdornmentContainer\"), {\n                [withBaseName(\"menuItemAdornmentHidden\")]: !hasSubMenu,\n              })}\n            >\n              <ExpandGroupIcon\n                className={clsx(withBaseName(\"menuItemEndAdornment\"), {\n                  [withBaseName(\"menuItemDisabled\")]: isDisabled,\n                })}\n              />\n            </div>\n          )}\n          {divider && <div role=\"separator\" />}\n        </ListItem>\n      </Tooltip>\n    );\n  },\n);\n"],"names":["makePrefixer","jsx","clsx","forwardRef","useWindow","useComponentCssInjection","cascadingMenuItemCss","useIcon","useRef","useState","useEffect","Tooltip","jsxs","ListItem"],"mappings":"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"}

package/dist-cjs/cascading-menu/CascadingMenuList.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
@@ -134,53 +132,62 @@ const CascadingMenuList = react.forwardRef(function CascadingMenuList2(props, re
   if (parentElement === null) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, {
-    children: /* @__PURE__ */ jsxRuntime.jsx(Window, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    Window,
+    {
       className: `${baseClass}-popper`,
       id: menuId,
       style: {
-        top: y != null ? y : 0,
-        left: x != null ? x : 0,
+        top: y ?? 0,
+        left: x ?? 0,
         position: strategy
       },
       ref: floating,
-      children: /* @__PURE__ */ jsxRuntime.jsx(List.List, {
-        className: clsx.clsx(baseClass, className),
-        height: menuContainerHeight,
-        highlightedIndex: highlightedItemIndex === null ? -1 : highlightedItemIndex,
-        id: menuId,
-        itemHeight: rowHeight,
-        itemToString,
-        listRef: handleRef,
-        maxWidth,
-        minWidth,
-        onFocus: onFocusHandler,
-        onKeyDown: handleKeyDown,
-        onMouseOut: disableMouseOutInteractions ? void 0 : handleMouseOut,
-        role: "menu",
-        width: "auto",
-        children: data.menuItems.map((menuItem, idx) => {
-          const isInteracted = highlightedItemIndex === idx;
-          return /* @__PURE__ */ jsxRuntime.jsx(CascadingMenuItem.DefaultMenuItem, {
-            blurSelected: !isMenuActive && isInteracted,
-            hasEndAdornment,
-            hasScrollbar,
-            hasStartAdornment,
-            hasSubMenu: stateUtils.hasSubMenu(menuItem),
-            isChildMenuOpen,
-            isInteracted,
-            isNavigatingWithKeyboard,
-            itemToString,
-            onItemClick,
-            onMouseMove: () => handleMouseMove(idx),
-            sourceItem: menuItem,
-            tooltipEnterDelay,
-            tooltipLeaveDelay
-          }, menuItem.id);
-        })
-      }, menuId)
-    })
-  });
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        List.List,
+        {
+          className: clsx.clsx(baseClass, className),
+          height: menuContainerHeight,
+          highlightedIndex: highlightedItemIndex === null ? -1 : highlightedItemIndex,
+          id: menuId,
+          itemHeight: rowHeight,
+          itemToString,
+          listRef: handleRef,
+          maxWidth,
+          minWidth,
+          onFocus: onFocusHandler,
+          onKeyDown: handleKeyDown,
+          onMouseOut: disableMouseOutInteractions ? void 0 : handleMouseOut,
+          role: "menu",
+          width: "auto",
+          children: data.menuItems.map((menuItem, idx) => {
+            const isInteracted = highlightedItemIndex === idx;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              CascadingMenuItem.DefaultMenuItem,
+              {
+                blurSelected: !isMenuActive && isInteracted,
+                hasEndAdornment,
+                hasScrollbar,
+                hasStartAdornment,
+                hasSubMenu: stateUtils.hasSubMenu(menuItem),
+                isChildMenuOpen,
+                isInteracted,
+                isNavigatingWithKeyboard,
+                itemToString,
+                onItemClick,
+                onMouseMove: () => handleMouseMove(idx),
+                sourceItem: menuItem,
+                tooltipEnterDelay,
+                tooltipLeaveDelay
+              },
+              menuItem.id
+            );
+          })
+        },
+        menuId
+      )
+    }
+  ) });
 });
 
 exports.CascadingMenuList = CascadingMenuList;

package/dist-cjs/cascading-menu/CascadingMenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CascadingMenuList.js","sources":["../src/cascading-menu/CascadingMenuList.tsx"],"sourcesContent":["import {\n  type UseFloatingUIProps,\n  useFloatingUI,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { List, type ListProps } from \"../list-deprecated\";\nimport { Portal } from \"../portal\";\n\nimport { useWindow as usePortalWindow } from \"../window\";\nimport { DefaultMenuItem, type MenuItemProps } from \"./CascadingMenuItem\";\nimport { CascadingMenuAction } from \"./internal/CascadingMenuAction\";\nimport { getKeyDownHandlers } from \"./internal/keydownHandlers\";\nimport {\n  getHeight,\n  getMaxHeight,\n  type screenBounds,\n} from \"./internal/menuPositioning\";\nimport { hasIcon, hasSubMenu, type menuState } from \"./internal/stateUtils\";\nimport { useMouseHandlers } from \"./internal/useMouseHandlers\";\nimport type { refsManager } from \"./internal/useRefsManager\";\nimport { stateChangeTypes } from \"./stateChangeTypes\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cascadingMenuListCss from \"./CascadingMenuList.css\";\n\nexport interface CascadingMenuListProps {\n  className?: string;\n  data: menuState;\n  delay?: number;\n  disableMouseOutInteractions?: boolean;\n  // TODO any\n  dispatch: (action: any) => void;\n  getBoundingClientRect?: (element: HTMLElement) => DOMRect;\n  getScreenBounds?: () => screenBounds;\n  height?: number;\n  highlightedItemIndex: number | null;\n  isChildMenuOpen: boolean;\n  itemToString: MenuItemProps[\"itemToString\"];\n  isNavigatingWithKeyboard: boolean;\n  isRoot: boolean;\n  maxWidth?: ListProps[\"maxWidth\"];\n  menuId: string;\n  menuTriggerRef: HTMLElement | null;\n  minWidth?: ListProps[\"minWidth\"];\n  onItemClick?: MenuItemProps[\"onItemClick\"];\n  parentElement?: HTMLElement | null;\n  refsManager: refsManager;\n  rootPlacement?: UseFloatingUIProps[\"placement\"];\n  rootPlacementOffset?: string;\n  rowHeight?: number;\n  setIsNavigatingWithKeyboard: (value: boolean) => void;\n  tooltipEnterDelay: number;\n  tooltipLeaveDelay: number;\n}\n\nexport const CascadingMenuList = forwardRef<\n  HTMLDivElement,\n  CascadingMenuListProps\n>(function CascadingMenuList(props, ref) {\n  const {\n    className,\n    maxWidth,\n    minWidth,\n    itemToString,\n    onItemClick,\n    refsManager,\n    dispatch,\n    rowHeight: rowHeightProp,\n    isNavigatingWithKeyboard,\n    data,\n    tooltipEnterDelay,\n    tooltipLeaveDelay,\n    height: heightProp,\n    isChildMenuOpen,\n    isRoot,\n    highlightedItemIndex,\n    menuId,\n    parentElement = null,\n    getScreenBounds,\n    disableMouseOutInteractions,\n    rootPlacementOffset,\n    rootPlacement = \"bottom-start\",\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cascading-menu-list\",\n    css: cascadingMenuListCss,\n    window: targetWindow,\n  });\n\n  const baseClass = \"saltCascadingMenuList\";\n\n  const [menuRef, setInternalMenuRef] = useState<HTMLElement | null>(null);\n  const setMenuRef = useCallback(\n    (node: HTMLElement) => {\n      refsManager.set(menuId, node);\n    },\n    [refsManager, menuId],\n  );\n\n  // TODO removed useCharacteristic here\n  const sizeStackable = 36;\n  const defaultRowHeight = sizeStackable;\n\n  // TODO removed useCharacteristic here\n  const spacing = 8;\n\n  const isMenuActiveState = useState(true);\n  const [isMenuActive, setIsMenuActive] = isMenuActiveState;\n  const listRef = useForkRef<HTMLElement>(ref, setInternalMenuRef);\n  const handleRef = useForkRef(setMenuRef, listRef);\n\n  useEffect(() => {\n    if (menuRef?.focus) {\n      // timeout prevents scrolling issue by waiting a split second\n      // and menu should be correctly positioned by then and\n      // focusing popper content offscreen will not scroll page\n      // it would be better to maybe use popper onUpdate callback\n      // or some kind of polling mechanism to confirm placement is\n      // correct before focus call\n      const id = setTimeout(() => {\n        menuRef.focus();\n      });\n      return () => {\n        clearTimeout(id);\n      };\n    }\n  }, [menuRef, rootPlacementOffset]);\n\n  const handleKeyDown = getKeyDownHandlers(props, setIsMenuActive);\n\n  const onFocusHandler = useCallback(() => {\n    setIsMenuActive(true);\n    // When navigating via keyboard on open highlight first time in the list\n    if (isNavigatingWithKeyboard) {\n      if (!highlightedItemIndex) {\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.KEYBOARD_NAV_AUTO_FOCUS,\n          targetId: menuId,\n          highlightedItemIndex: 0,\n        });\n      }\n    }\n  }, [\n    setIsMenuActive,\n    isNavigatingWithKeyboard,\n    highlightedItemIndex,\n    dispatch,\n    menuId,\n  ]);\n\n  const [handleMouseMove, handleMouseOut] = useMouseHandlers(\n    props,\n    isMenuActiveState,\n    menuRef,\n  );\n\n  const hasEndAdornment = useMemo(\n    () => data.menuItems.some(hasSubMenu),\n    [data],\n  );\n  const hasStartAdornment = useMemo(() => data.menuItems.some(hasIcon), [data]);\n  const rowHeight = rowHeightProp != null ? rowHeightProp : defaultRowHeight;\n  const maxHeight = getMaxHeight(heightProp, spacing, getScreenBounds);\n  const calculatedMenuHeight = rowHeight * data.menuItems.length;\n  const menuHeight = getHeight(heightProp, calculatedMenuHeight, maxHeight);\n  const hasScrollbar = menuHeight >= maxHeight;\n\n  // menu container size is 2px larger than the list to include the border\n  const menuContainerHeight = menuHeight + 2;\n  const Window = usePortalWindow();\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: isRoot ? rootPlacement : \"right-start\",\n  });\n  useIsomorphicLayoutEffect(() => {\n    if (parentElement) {\n      reference(\n        isRoot\n          ? parentElement\n          : parentElement.querySelector(\n              `#${\n                parentElement.getAttribute(\"aria-activedescendant\") as string\n              }`,\n            ),\n      );\n    }\n  }, [reference, isRoot, parentElement]);\n\n  if (parentElement === null) {\n    return null;\n  }\n\n  return (\n    <Portal>\n      <Window\n        className={`${baseClass}-popper`}\n        id={menuId}\n        style={{\n          top: y ?? 0,\n          left: x ?? 0,\n          position: strategy,\n        }}\n        ref={floating}\n      >\n        <List\n          className={clsx(baseClass, className)}\n          height={menuContainerHeight}\n          highlightedIndex={\n            highlightedItemIndex === null ? -1 : highlightedItemIndex\n          }\n          id={menuId}\n          itemHeight={rowHeight}\n          itemToString={itemToString}\n          key={menuId}\n          listRef={handleRef}\n          maxWidth={maxWidth}\n          minWidth={minWidth}\n          onFocus={onFocusHandler}\n          onKeyDown={handleKeyDown}\n          onMouseOut={disableMouseOutInteractions ? undefined : handleMouseOut}\n          role=\"menu\"\n          width=\"auto\"\n        >\n          {data.menuItems.map((menuItem, idx) => {\n            const isInteracted = highlightedItemIndex === idx;\n            return (\n              <DefaultMenuItem\n                blurSelected={!isMenuActive && isInteracted}\n                hasEndAdornment={hasEndAdornment}\n                hasScrollbar={hasScrollbar}\n                hasStartAdornment={hasStartAdornment}\n                hasSubMenu={hasSubMenu(menuItem)}\n                isChildMenuOpen={isChildMenuOpen}\n                isInteracted={isInteracted}\n                isNavigatingWithKeyboard={isNavigatingWithKeyboard}\n                itemToString={itemToString}\n                key={menuItem.id}\n                onItemClick={onItemClick}\n                onMouseMove={() => handleMouseMove(idx)}\n                sourceItem={menuItem}\n                tooltipEnterDelay={tooltipEnterDelay}\n                tooltipLeaveDelay={tooltipLeaveDelay}\n              />\n            );\n          })}\n        </List>\n      </Window>\n    </Portal>\n  );\n});\n"],"names":["forwardRef","CascadingMenuList","useWindow","useComponentCssInjection","cascadingMenuListCss","useState","useCallback","useForkRef","useEffect","getKeyDownHandlers","CascadingMenuAction","stateChangeTypes","useMouseHandlers","useMemo","hasSubMenu","hasIcon","getMaxHeight","getHeight","usePortalWindow","useFloatingUI","useIsomorphicLayoutEffect","jsx","Portal","List","clsx","DefaultMenuItem"],"mappings":"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"}
+{"version":3,"file":"CascadingMenuList.js","sources":["../src/cascading-menu/CascadingMenuList.tsx"],"sourcesContent":["import {\n  type UseFloatingUIProps,\n  useFloatingUI,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { List, type ListProps } from \"../list-deprecated\";\nimport { Portal } from \"../portal\";\n\nimport { useWindow as usePortalWindow } from \"../window\";\nimport { DefaultMenuItem, type MenuItemProps } from \"./CascadingMenuItem\";\nimport { CascadingMenuAction } from \"./internal/CascadingMenuAction\";\nimport { getKeyDownHandlers } from \"./internal/keydownHandlers\";\nimport {\n  getHeight,\n  getMaxHeight,\n  type screenBounds,\n} from \"./internal/menuPositioning\";\nimport { hasIcon, hasSubMenu, type menuState } from \"./internal/stateUtils\";\nimport { useMouseHandlers } from \"./internal/useMouseHandlers\";\nimport type { refsManager } from \"./internal/useRefsManager\";\nimport { stateChangeTypes } from \"./stateChangeTypes\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cascadingMenuListCss from \"./CascadingMenuList.css\";\n\nexport interface CascadingMenuListProps {\n  className?: string;\n  data: menuState;\n  delay?: number;\n  disableMouseOutInteractions?: boolean;\n  // TODO any\n  dispatch: (action: any) => void;\n  getBoundingClientRect?: (element: HTMLElement) => DOMRect;\n  getScreenBounds?: () => screenBounds;\n  height?: number;\n  highlightedItemIndex: number | null;\n  isChildMenuOpen: boolean;\n  itemToString: MenuItemProps[\"itemToString\"];\n  isNavigatingWithKeyboard: boolean;\n  isRoot: boolean;\n  maxWidth?: ListProps[\"maxWidth\"];\n  menuId: string;\n  menuTriggerRef: HTMLElement | null;\n  minWidth?: ListProps[\"minWidth\"];\n  onItemClick?: MenuItemProps[\"onItemClick\"];\n  parentElement?: HTMLElement | null;\n  refsManager: refsManager;\n  rootPlacement?: UseFloatingUIProps[\"placement\"];\n  rootPlacementOffset?: string;\n  rowHeight?: number;\n  setIsNavigatingWithKeyboard: (value: boolean) => void;\n  tooltipEnterDelay: number;\n  tooltipLeaveDelay: number;\n}\n\nexport const CascadingMenuList = forwardRef<\n  HTMLDivElement,\n  CascadingMenuListProps\n>(function CascadingMenuList(props, ref) {\n  const {\n    className,\n    maxWidth,\n    minWidth,\n    itemToString,\n    onItemClick,\n    refsManager,\n    dispatch,\n    rowHeight: rowHeightProp,\n    isNavigatingWithKeyboard,\n    data,\n    tooltipEnterDelay,\n    tooltipLeaveDelay,\n    height: heightProp,\n    isChildMenuOpen,\n    isRoot,\n    highlightedItemIndex,\n    menuId,\n    parentElement = null,\n    getScreenBounds,\n    disableMouseOutInteractions,\n    rootPlacementOffset,\n    rootPlacement = \"bottom-start\",\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cascading-menu-list\",\n    css: cascadingMenuListCss,\n    window: targetWindow,\n  });\n\n  const baseClass = \"saltCascadingMenuList\";\n\n  const [menuRef, setInternalMenuRef] = useState<HTMLElement | null>(null);\n  const setMenuRef = useCallback(\n    (node: HTMLElement) => {\n      refsManager.set(menuId, node);\n    },\n    [refsManager, menuId],\n  );\n\n  // TODO removed useCharacteristic here\n  const sizeStackable = 36;\n  const defaultRowHeight = sizeStackable;\n\n  // TODO removed useCharacteristic here\n  const spacing = 8;\n\n  const isMenuActiveState = useState(true);\n  const [isMenuActive, setIsMenuActive] = isMenuActiveState;\n  const listRef = useForkRef<HTMLElement>(ref, setInternalMenuRef);\n  const handleRef = useForkRef(setMenuRef, listRef);\n\n  useEffect(() => {\n    if (menuRef?.focus) {\n      // timeout prevents scrolling issue by waiting a split second\n      // and menu should be correctly positioned by then and\n      // focusing popper content offscreen will not scroll page\n      // it would be better to maybe use popper onUpdate callback\n      // or some kind of polling mechanism to confirm placement is\n      // correct before focus call\n      const id = setTimeout(() => {\n        menuRef.focus();\n      });\n      return () => {\n        clearTimeout(id);\n      };\n    }\n  }, [menuRef, rootPlacementOffset]);\n\n  const handleKeyDown = getKeyDownHandlers(props, setIsMenuActive);\n\n  const onFocusHandler = useCallback(() => {\n    setIsMenuActive(true);\n    // When navigating via keyboard on open highlight first time in the list\n    if (isNavigatingWithKeyboard) {\n      if (!highlightedItemIndex) {\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.KEYBOARD_NAV_AUTO_FOCUS,\n          targetId: menuId,\n          highlightedItemIndex: 0,\n        });\n      }\n    }\n  }, [\n    setIsMenuActive,\n    isNavigatingWithKeyboard,\n    highlightedItemIndex,\n    dispatch,\n    menuId,\n  ]);\n\n  const [handleMouseMove, handleMouseOut] = useMouseHandlers(\n    props,\n    isMenuActiveState,\n    menuRef,\n  );\n\n  const hasEndAdornment = useMemo(\n    () => data.menuItems.some(hasSubMenu),\n    [data],\n  );\n  const hasStartAdornment = useMemo(() => data.menuItems.some(hasIcon), [data]);\n  const rowHeight = rowHeightProp != null ? rowHeightProp : defaultRowHeight;\n  const maxHeight = getMaxHeight(heightProp, spacing, getScreenBounds);\n  const calculatedMenuHeight = rowHeight * data.menuItems.length;\n  const menuHeight = getHeight(heightProp, calculatedMenuHeight, maxHeight);\n  const hasScrollbar = menuHeight >= maxHeight;\n\n  // menu container size is 2px larger than the list to include the border\n  const menuContainerHeight = menuHeight + 2;\n  const Window = usePortalWindow();\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: isRoot ? rootPlacement : \"right-start\",\n  });\n  useIsomorphicLayoutEffect(() => {\n    if (parentElement) {\n      reference(\n        isRoot\n          ? parentElement\n          : parentElement.querySelector(\n              `#${\n                parentElement.getAttribute(\"aria-activedescendant\") as string\n              }`,\n            ),\n      );\n    }\n  }, [reference, isRoot, parentElement]);\n\n  if (parentElement === null) {\n    return null;\n  }\n\n  return (\n    <Portal>\n      <Window\n        className={`${baseClass}-popper`}\n        id={menuId}\n        style={{\n          top: y ?? 0,\n          left: x ?? 0,\n          position: strategy,\n        }}\n        ref={floating}\n      >\n        <List\n          className={clsx(baseClass, className)}\n          height={menuContainerHeight}\n          highlightedIndex={\n            highlightedItemIndex === null ? -1 : highlightedItemIndex\n          }\n          id={menuId}\n          itemHeight={rowHeight}\n          itemToString={itemToString}\n          key={menuId}\n          listRef={handleRef}\n          maxWidth={maxWidth}\n          minWidth={minWidth}\n          onFocus={onFocusHandler}\n          onKeyDown={handleKeyDown}\n          onMouseOut={disableMouseOutInteractions ? undefined : handleMouseOut}\n          role=\"menu\"\n          width=\"auto\"\n        >\n          {data.menuItems.map((menuItem, idx) => {\n            const isInteracted = highlightedItemIndex === idx;\n            return (\n              <DefaultMenuItem\n                blurSelected={!isMenuActive && isInteracted}\n                hasEndAdornment={hasEndAdornment}\n                hasScrollbar={hasScrollbar}\n                hasStartAdornment={hasStartAdornment}\n                hasSubMenu={hasSubMenu(menuItem)}\n                isChildMenuOpen={isChildMenuOpen}\n                isInteracted={isInteracted}\n                isNavigatingWithKeyboard={isNavigatingWithKeyboard}\n                itemToString={itemToString}\n                key={menuItem.id}\n                onItemClick={onItemClick}\n                onMouseMove={() => handleMouseMove(idx)}\n                sourceItem={menuItem}\n                tooltipEnterDelay={tooltipEnterDelay}\n                tooltipLeaveDelay={tooltipLeaveDelay}\n              />\n            );\n          })}\n        </List>\n      </Window>\n    </Portal>\n  );\n});\n"],"names":["forwardRef","CascadingMenuList","useWindow","useComponentCssInjection","cascadingMenuListCss","useState","useCallback","useForkRef","useEffect","getKeyDownHandlers","CascadingMenuAction","stateChangeTypes","useMouseHandlers","useMemo","hasSubMenu","hasIcon","getMaxHeight","getHeight","usePortalWindow","useFloatingUI","useIsomorphicLayoutEffect","Portal","jsx","List","clsx","DefaultMenuItem"],"mappings":"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"}

package/dist-cjs/cascading-menu/internal/CascadingMenuAction.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const CascadingMenuAction = {
   SET_CURRENT_INTERACTED_ITEM: "setCurrentInteractedItem",
   RESET_MENU: "resetMenu",

package/dist-cjs/cascading-menu/internal/CascadingMenuAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"CascadingMenuAction.js","sources":["../src/cascading-menu/internal/CascadingMenuAction.ts"],"sourcesContent":["import type { stateChangeCause } from \"../stateChangeTypes\";\n\nexport type menuActionType =\n  | \"setCurrentInteractedItem\"\n  | \"resetMenu\"\n  | \"openMenu\"\n  | \"closeMenu\"\n  | \"closeCascadingMenu\"\n  | \"setFlipped\";\n\nexport type menuAction = {\n  type: menuActionType;\n  cause: stateChangeCause;\n  flipped?: boolean;\n  highlightedItemIndex?: number;\n  targetId: string;\n};\n\nexport const CascadingMenuAction: Record<string, menuActionType> = {\n  SET_CURRENT_INTERACTED_ITEM: \"setCurrentInteractedItem\",\n  RESET_MENU: \"resetMenu\",\n  OPEN_MENU: \"openMenu\",\n  CLOSE_MENU: \"closeMenu\",\n  CLOSE_CASCADING_MENU: \"closeCascadingMenu\",\n  SET_FLIPPED: \"setFlipped\",\n};\n"],"names":[],"mappings":";;;;AAkBO,MAAM,mBAAsD,GAAA;AAAA,EACjE,2BAA6B,EAAA,0BAAA;AAAA,EAC7B,UAAY,EAAA,WAAA;AAAA,EACZ,SAAW,EAAA,UAAA;AAAA,EACX,UAAY,EAAA,WAAA;AAAA,EACZ,oBAAsB,EAAA,oBAAA;AAAA,EACtB,WAAa,EAAA,YAAA;AACf;;;;"}
+{"version":3,"file":"CascadingMenuAction.js","sources":["../src/cascading-menu/internal/CascadingMenuAction.ts"],"sourcesContent":["import type { stateChangeCause } from \"../stateChangeTypes\";\n\nexport type menuActionType =\n  | \"setCurrentInteractedItem\"\n  | \"resetMenu\"\n  | \"openMenu\"\n  | \"closeMenu\"\n  | \"closeCascadingMenu\"\n  | \"setFlipped\";\n\nexport type menuAction = {\n  type: menuActionType;\n  cause: stateChangeCause;\n  flipped?: boolean;\n  highlightedItemIndex?: number;\n  targetId: string;\n};\n\nexport const CascadingMenuAction: Record<string, menuActionType> = {\n  SET_CURRENT_INTERACTED_ITEM: \"setCurrentInteractedItem\",\n  RESET_MENU: \"resetMenu\",\n  OPEN_MENU: \"openMenu\",\n  CLOSE_MENU: \"closeMenu\",\n  CLOSE_CASCADING_MENU: \"closeCascadingMenu\",\n  SET_FLIPPED: \"setFlipped\",\n};\n"],"names":[],"mappings":";;AAkBO,MAAM,mBAAsD,GAAA;AAAA,EACjE,2BAA6B,EAAA,0BAAA;AAAA,EAC7B,UAAY,EAAA,WAAA;AAAA,EACZ,SAAW,EAAA,UAAA;AAAA,EACX,UAAY,EAAA,WAAA;AAAA,EACZ,oBAAsB,EAAA,oBAAA;AAAA,EACtB,WAAa,EAAA;AACf;;;;"}

package/dist-cjs/cascading-menu/internal/keydownHandlers.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var stateChangeTypes = require('../stateChangeTypes.js');
 var CascadingMenuAction = require('./CascadingMenuAction.js');
 var stateUtils = require('./stateUtils.js');

package/dist-cjs/cascading-menu/internal/keydownHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"keydownHandlers.js","sources":["../src/cascading-menu/internal/keydownHandlers.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from \"react\";\nimport type { CascadingMenuListProps } from \"../CascadingMenuList\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { hasSubMenu, isMenuItem } from \"./stateUtils\";\n\ninterface getKeyDownHandlersProps extends CascadingMenuListProps {\n  keyDownHandlersOverride?: Record<string, (event: Event) => void>;\n}\n\nexport function getKeyDownHandlers(\n  props: getKeyDownHandlersProps,\n  setIsMenuActive: Dispatch<SetStateAction<boolean>>,\n) {\n  const {\n    keyDownHandlersOverride,\n    onItemClick,\n    dispatch,\n    isNavigatingWithKeyboard,\n    setIsNavigatingWithKeyboard,\n    data,\n    menuTriggerRef,\n    highlightedItemIndex,\n    menuId,\n    parentElement,\n    isRoot,\n  } = props;\n\n  const rowCount = data.menuItems.length;\n  const isIndexDisabled = () =>\n    highlightedItemIndex\n      ? data.menuItems?.[highlightedItemIndex]?.disabled\n      : false;\n\n  const handlers: Record<string, (event: KeyboardEvent<HTMLElement>) => void> =\n    {\n      Enter(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n\n        if (highlightedItemIndex === null || isIndexDisabled()) {\n          return;\n        }\n        // If it is an actionable item -> execute action, close cascading menu and move focus to menu trigger\n        const selectedItem = data.menuItems[highlightedItemIndex];\n        const subMenuId = data.childMenus[highlightedItemIndex];\n        if (isMenuItem(selectedItem)) {\n          onItemClick?.(selectedItem, event);\n\n          dispatch({\n            type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n            targetId: menuId,\n          });\n          if (menuTriggerRef?.focus) {\n            menuTriggerRef.focus();\n          }\n        } else if (hasSubMenu(selectedItem)) {\n          setIsMenuActive(false);\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n            targetId: subMenuId,\n          });\n        }\n      },\n      ArrowRight(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n\n        // User is switching from mouse to keyboard interaction\n        if (highlightedItemIndex === null && !isNavigatingWithKeyboard) {\n          // Move focus to first item in the list\n          dispatch({\n            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n            targetId: menuId,\n            highlightedItemIndex: 0,\n          });\n          return;\n        }\n\n        if (highlightedItemIndex === null || isIndexDisabled()) {\n          return;\n        }\n\n        const selectedItem = data.menuItems[highlightedItemIndex];\n        const subMenuId = data.childMenus[highlightedItemIndex];\n        if (hasSubMenu(selectedItem)) {\n          setIsMenuActive(false);\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n            targetId: subMenuId,\n          });\n        }\n      },\n      \" \": (event: KeyboardEvent<HTMLElement>) => {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n\n        if (highlightedItemIndex === null || isIndexDisabled()) {\n          return;\n        }\n\n        const selectedItem = data.menuItems[highlightedItemIndex];\n        const subMenuId = data.childMenus[highlightedItemIndex];\n        if (isMenuItem(selectedItem)) {\n          onItemClick?.(selectedItem, event);\n        } else if (hasSubMenu(selectedItem)) {\n          setIsMenuActive(false);\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_SPACEBAR,\n            targetId: subMenuId,\n          });\n        }\n      },\n      Tab() {\n        // On tab close the cascading menu and focus the menu trigger so that focus event bubbling can either select\n        // next element in tab order for Tab key or previous one for Tab + Shift key\n        setIsNavigatingWithKeyboard(true);\n        dispatch({\n          type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.ITEM_KEYDOWN_TAB,\n          targetId: menuId,\n        });\n        if (menuTriggerRef?.focus) {\n          menuTriggerRef.focus();\n        }\n      },\n      ArrowLeft(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        if (parentElement && !isRoot) {\n          parentElement.focus();\n          dispatch({\n            type: CascadingMenuAction.CLOSE_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_LEFT,\n            targetId: menuId,\n          });\n        }\n      },\n      Escape(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        dispatch({\n          type: CascadingMenuAction.CLOSE_MENU,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n          targetId: menuId,\n        });\n\n        if (parentElement) {\n          parentElement.focus();\n        }\n      },\n      ArrowDown(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        let indexAfterMovement =\n          highlightedItemIndex === null ? 0 : highlightedItemIndex + 1;\n        indexAfterMovement =\n          indexAfterMovement > rowCount - 1 ? 0 : indexAfterMovement;\n\n        // Move to next item or first item if at the end of the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_DOWN,\n          targetId: menuId,\n          highlightedItemIndex: indexAfterMovement,\n        });\n      },\n      ArrowUp(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        let indexAfterMovement =\n          highlightedItemIndex === null\n            ? rowCount - 1\n            : highlightedItemIndex - 1;\n        indexAfterMovement =\n          indexAfterMovement < 0 ? rowCount - 1 : indexAfterMovement;\n\n        // Move to previous item or last item if at the start of the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,\n          targetId: menuId,\n          highlightedItemIndex: indexAfterMovement,\n        });\n      },\n      Home(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        if (highlightedItemIndex === 0) {\n          return;\n        }\n\n        // Move focus to first item in the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_HOME,\n          targetId: menuId,\n          highlightedItemIndex: 0,\n        });\n      },\n\n      End(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        if (highlightedItemIndex === rowCount - 1) {\n          return;\n        }\n\n        // Move focus to last item in the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n          targetId: menuId,\n          highlightedItemIndex: rowCount - 1,\n        });\n      },\n      ...keyDownHandlersOverride,\n    };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    handlers[event.key]?.(event);\n  };\n\n  return handleKeyDown;\n}\n"],"names":["isMenuItem","CascadingMenuAction","stateChangeTypes","hasSubMenu"],"mappings":"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"}
+{"version":3,"file":"keydownHandlers.js","sources":["../src/cascading-menu/internal/keydownHandlers.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from \"react\";\nimport type { CascadingMenuListProps } from \"../CascadingMenuList\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { hasSubMenu, isMenuItem } from \"./stateUtils\";\n\ninterface getKeyDownHandlersProps extends CascadingMenuListProps {\n  keyDownHandlersOverride?: Record<string, (event: Event) => void>;\n}\n\nexport function getKeyDownHandlers(\n  props: getKeyDownHandlersProps,\n  setIsMenuActive: Dispatch<SetStateAction<boolean>>,\n) {\n  const {\n    keyDownHandlersOverride,\n    onItemClick,\n    dispatch,\n    isNavigatingWithKeyboard,\n    setIsNavigatingWithKeyboard,\n    data,\n    menuTriggerRef,\n    highlightedItemIndex,\n    menuId,\n    parentElement,\n    isRoot,\n  } = props;\n\n  const rowCount = data.menuItems.length;\n  const isIndexDisabled = () =>\n    highlightedItemIndex\n      ? data.menuItems?.[highlightedItemIndex]?.disabled\n      : false;\n\n  const handlers: Record<string, (event: KeyboardEvent<HTMLElement>) => void> =\n    {\n      Enter(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n\n        if (highlightedItemIndex === null || isIndexDisabled()) {\n          return;\n        }\n        // If it is an actionable item -> execute action, close cascading menu and move focus to menu trigger\n        const selectedItem = data.menuItems[highlightedItemIndex];\n        const subMenuId = data.childMenus[highlightedItemIndex];\n        if (isMenuItem(selectedItem)) {\n          onItemClick?.(selectedItem, event);\n\n          dispatch({\n            type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n            targetId: menuId,\n          });\n          if (menuTriggerRef?.focus) {\n            menuTriggerRef.focus();\n          }\n        } else if (hasSubMenu(selectedItem)) {\n          setIsMenuActive(false);\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n            targetId: subMenuId,\n          });\n        }\n      },\n      ArrowRight(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n\n        // User is switching from mouse to keyboard interaction\n        if (highlightedItemIndex === null && !isNavigatingWithKeyboard) {\n          // Move focus to first item in the list\n          dispatch({\n            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n            targetId: menuId,\n            highlightedItemIndex: 0,\n          });\n          return;\n        }\n\n        if (highlightedItemIndex === null || isIndexDisabled()) {\n          return;\n        }\n\n        const selectedItem = data.menuItems[highlightedItemIndex];\n        const subMenuId = data.childMenus[highlightedItemIndex];\n        if (hasSubMenu(selectedItem)) {\n          setIsMenuActive(false);\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n            targetId: subMenuId,\n          });\n        }\n      },\n      \" \": (event: KeyboardEvent<HTMLElement>) => {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n\n        if (highlightedItemIndex === null || isIndexDisabled()) {\n          return;\n        }\n\n        const selectedItem = data.menuItems[highlightedItemIndex];\n        const subMenuId = data.childMenus[highlightedItemIndex];\n        if (isMenuItem(selectedItem)) {\n          onItemClick?.(selectedItem, event);\n        } else if (hasSubMenu(selectedItem)) {\n          setIsMenuActive(false);\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_SPACEBAR,\n            targetId: subMenuId,\n          });\n        }\n      },\n      Tab() {\n        // On tab close the cascading menu and focus the menu trigger so that focus event bubbling can either select\n        // next element in tab order for Tab key or previous one for Tab + Shift key\n        setIsNavigatingWithKeyboard(true);\n        dispatch({\n          type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.ITEM_KEYDOWN_TAB,\n          targetId: menuId,\n        });\n        if (menuTriggerRef?.focus) {\n          menuTriggerRef.focus();\n        }\n      },\n      ArrowLeft(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        if (parentElement && !isRoot) {\n          parentElement.focus();\n          dispatch({\n            type: CascadingMenuAction.CLOSE_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_LEFT,\n            targetId: menuId,\n          });\n        }\n      },\n      Escape(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        dispatch({\n          type: CascadingMenuAction.CLOSE_MENU,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n          targetId: menuId,\n        });\n\n        if (parentElement) {\n          parentElement.focus();\n        }\n      },\n      ArrowDown(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        let indexAfterMovement =\n          highlightedItemIndex === null ? 0 : highlightedItemIndex + 1;\n        indexAfterMovement =\n          indexAfterMovement > rowCount - 1 ? 0 : indexAfterMovement;\n\n        // Move to next item or first item if at the end of the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_DOWN,\n          targetId: menuId,\n          highlightedItemIndex: indexAfterMovement,\n        });\n      },\n      ArrowUp(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        let indexAfterMovement =\n          highlightedItemIndex === null\n            ? rowCount - 1\n            : highlightedItemIndex - 1;\n        indexAfterMovement =\n          indexAfterMovement < 0 ? rowCount - 1 : indexAfterMovement;\n\n        // Move to previous item or last item if at the start of the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,\n          targetId: menuId,\n          highlightedItemIndex: indexAfterMovement,\n        });\n      },\n      Home(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        if (highlightedItemIndex === 0) {\n          return;\n        }\n\n        // Move focus to first item in the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_HOME,\n          targetId: menuId,\n          highlightedItemIndex: 0,\n        });\n      },\n\n      End(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        if (highlightedItemIndex === rowCount - 1) {\n          return;\n        }\n\n        // Move focus to last item in the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n          targetId: menuId,\n          highlightedItemIndex: rowCount - 1,\n        });\n      },\n      ...keyDownHandlersOverride,\n    };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    handlers[event.key]?.(event);\n  };\n\n  return handleKeyDown;\n}\n"],"names":["isMenuItem","CascadingMenuAction","stateChangeTypes","hasSubMenu"],"mappings":"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"}

package/dist-cjs/cascading-menu/internal/menuPositioning.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 function getMaxHeight(heightProp, menuMargin = 0, getScreenBounds = defaultGetScreenBounds) {
   const { clientHeight } = getScreenBounds();
   let suggestedHeight = clientHeight - menuMargin;

package/dist-cjs/cascading-menu/internal/menuPositioning.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuPositioning.js","sources":["../src/cascading-menu/internal/menuPositioning.ts"],"sourcesContent":["export type screenBounds = {\n  clientHeight: number;\n  clientWidth: number;\n};\n\nexport function getMaxHeight(\n  heightProp: number | undefined,\n  menuMargin: number | undefined = 0,\n  getScreenBounds: () => screenBounds = defaultGetScreenBounds,\n) {\n  const { clientHeight } = getScreenBounds();\n\n  let suggestedHeight = clientHeight - menuMargin;\n  if (heightProp) {\n    suggestedHeight = Math.min(heightProp, clientHeight) - menuMargin;\n  }\n\n  return Math.max(suggestedHeight, 0);\n}\n\nexport function getHeight(\n  heightProp: number | undefined,\n  calculatedMenuHeight: number,\n  maxHeight: number,\n): number {\n  if (heightProp) {\n    return Math.min(heightProp, calculatedMenuHeight, maxHeight);\n  }\n\n  return Math.min(calculatedMenuHeight, maxHeight);\n}\n\nexport const defaultGetScreenBounds = (): screenBounds => {\n  const { clientHeight, clientWidth } = document.documentElement;\n  return { clientHeight, clientWidth };\n};\n"],"names":[],"mappings":";;;;AAKO,SAAS,YACd,CAAA,UAAA,EACA,UAAiC,GAAA,CAAA,EACjC,kBAAsC,sBACtC,EAAA;AACA,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,eAAgB,EAAA,CAAA;AAEzC,EAAA,IAAI,kBAAkB,YAAe,GAAA,UAAA,CAAA;AACrC,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,eAAA,GAAkB,IAAK,CAAA,GAAA,CAAI,UAAY,EAAA,YAAY,CAAI,GAAA,UAAA,CAAA;AAAA,GACzD;AAEA,EAAO,OAAA,IAAA,CAAK,GAAI,CAAA,eAAA,EAAiB,CAAC,CAAA,CAAA;AACpC,CAAA;AAEgB,SAAA,SAAA,CACd,UACA,EAAA,oBAAA,EACA,SACQ,EAAA;AACR,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,OAAO,IAAK,CAAA,GAAA,CAAI,UAAY,EAAA,oBAAA,EAAsB,SAAS,CAAA,CAAA;AAAA,GAC7D;AAEA,EAAO,OAAA,IAAA,CAAK,GAAI,CAAA,oBAAA,EAAsB,SAAS,CAAA,CAAA;AACjD,CAAA;AAEO,MAAM,yBAAyB,MAAoB;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,WAAY,EAAA,GAAI,QAAS,CAAA,eAAA,CAAA;AAC/C,EAAO,OAAA,EAAE,cAAc,WAAY,EAAA,CAAA;AACrC;;;;;;"}
+{"version":3,"file":"menuPositioning.js","sources":["../src/cascading-menu/internal/menuPositioning.ts"],"sourcesContent":["export type screenBounds = {\n  clientHeight: number;\n  clientWidth: number;\n};\n\nexport function getMaxHeight(\n  heightProp: number | undefined,\n  menuMargin: number | undefined = 0,\n  getScreenBounds: () => screenBounds = defaultGetScreenBounds,\n) {\n  const { clientHeight } = getScreenBounds();\n\n  let suggestedHeight = clientHeight - menuMargin;\n  if (heightProp) {\n    suggestedHeight = Math.min(heightProp, clientHeight) - menuMargin;\n  }\n\n  return Math.max(suggestedHeight, 0);\n}\n\nexport function getHeight(\n  heightProp: number | undefined,\n  calculatedMenuHeight: number,\n  maxHeight: number,\n): number {\n  if (heightProp) {\n    return Math.min(heightProp, calculatedMenuHeight, maxHeight);\n  }\n\n  return Math.min(calculatedMenuHeight, maxHeight);\n}\n\nexport const defaultGetScreenBounds = (): screenBounds => {\n  const { clientHeight, clientWidth } = document.documentElement;\n  return { clientHeight, clientWidth };\n};\n"],"names":[],"mappings":";;AAKO,SAAS,YACd,CAAA,UAAA,EACA,UAAiC,GAAA,CAAA,EACjC,kBAAsC,sBACtC,EAAA;AACA,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,eAAgB,EAAA;AAEzC,EAAA,IAAI,kBAAkB,YAAe,GAAA,UAAA;AACrC,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,eAAA,GAAkB,IAAK,CAAA,GAAA,CAAI,UAAY,EAAA,YAAY,CAAI,GAAA,UAAA;AAAA;AAGzD,EAAO,OAAA,IAAA,CAAK,GAAI,CAAA,eAAA,EAAiB,CAAC,CAAA;AACpC;AAEgB,SAAA,SAAA,CACd,UACA,EAAA,oBAAA,EACA,SACQ,EAAA;AACR,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,OAAO,IAAK,CAAA,GAAA,CAAI,UAAY,EAAA,oBAAA,EAAsB,SAAS,CAAA;AAAA;AAG7D,EAAO,OAAA,IAAA,CAAK,GAAI,CAAA,oBAAA,EAAsB,SAAS,CAAA;AACjD;AAEO,MAAM,yBAAyB,MAAoB;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,WAAY,EAAA,GAAI,QAAS,CAAA,eAAA;AAC/C,EAAO,OAAA,EAAE,cAAc,WAAY,EAAA;AACrC;;;;;;"}

package/dist-cjs/cascading-menu/internal/stateUtils.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const ID_SEPARATOR = "-";
 function deriveFlatStateFromTree(tree, parentId = null, level = 0, generatedId = "salt-cascading-menu") {
   const { id = generatedId, menuItems = [] } = tree;
@@ -20,6 +18,7 @@ function deriveFlatStateFromTree(tree, parentId = null, level = 0, generatedId =
       }
       return menuStructure;
     },
+    // Initialize the structure with the root menu
     {
       [id]: {
         id,

package/dist-cjs/cascading-menu/internal/stateUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateUtils.js","sources":["../src/cascading-menu/internal/stateUtils.ts"],"sourcesContent":["import type { MenuDescriptor } from \"../CascadingMenuProps\";\n\nconst ID_SEPARATOR = \"-\";\n\nexport type menuState = {\n  id: string;\n  flipped?: boolean;\n  highlightedItemIndex?: number;\n  level: number;\n  parentId: string | null;\n  childMenus: {\n    [key: number]: string;\n  };\n  menuItems: MenuDescriptor[];\n};\n\nexport type flattenedMenuState = {\n  [key: string]: menuState;\n};\n\nexport function deriveFlatStateFromTree(\n  tree: MenuDescriptor,\n  parentId: string | null = null,\n  level = 0,\n  generatedId = \"salt-cascading-menu\",\n): flattenedMenuState {\n  const { id = generatedId, menuItems = [] } = tree;\n  return menuItems.reduce(\n    (menuStructure, menuItem, index) => {\n      if (hasSubMenu(menuItem)) {\n        const generatedChildId = [generatedId, index].join(ID_SEPARATOR);\n        menuStructure[id].childMenus[index] = menuItem.id || generatedChildId;\n\n        const innerState = deriveFlatStateFromTree(\n          menuItem,\n          id,\n          level + 1,\n          generatedChildId,\n        );\n        // biome-ignore lint/performance/noAccumulatingSpread: reduce on object\n        return { ...menuStructure, ...innerState };\n      }\n      return menuStructure;\n    },\n    // Initialize the structure with the root menu\n    {\n      [id]: {\n        id,\n        parentId,\n        childMenus: {},\n        menuItems: tree.menuItems,\n        level,\n      },\n    } as flattenedMenuState,\n  );\n}\n\nexport function hasSubMenu(item: MenuDescriptor) {\n  return item != null && !!item.menuItems && item.menuItems.length > 0;\n}\n\nexport function isMenuItem(item: MenuDescriptor) {\n  return item != null && !item.menuItems;\n}\n\nexport function hasIcon(item: MenuDescriptor) {\n  return item != null && !!item.icon;\n}\n"],"names":[],"mappings":";;;;AAEA,MAAM,YAAe,GAAA,GAAA,CAAA;AAkBd,SAAS,wBACd,IACA,EAAA,QAAA,GAA0B,MAC1B,KAAQ,GAAA,CAAA,EACR,cAAc,qBACM,EAAA;AACpB,EAAA,MAAM,EAAE,EAAK,GAAA,WAAA,EAAa,SAAY,GAAA,IAAO,GAAA,IAAA,CAAA;AAC7C,EAAA,OAAO,SAAU,CAAA,MAAA;AAAA,IACf,CAAC,aAAe,EAAA,QAAA,EAAU,KAAU,KAAA;AAClC,MAAI,IAAA,UAAA,CAAW,QAAQ,CAAG,EAAA;AACxB,QAAA,MAAM,mBAAmB,CAAC,WAAA,EAAa,KAAK,CAAA,CAAE,KAAK,YAAY,CAAA,CAAA;AAC/D,QAAA,aAAA,CAAc,EAAI,CAAA,CAAA,UAAA,CAAW,KAAS,CAAA,GAAA,QAAA,CAAS,EAAM,IAAA,gBAAA,CAAA;AAErD,QAAA,MAAM,UAAa,GAAA,uBAAA;AAAA,UACjB,QAAA;AAAA,UACA,EAAA;AAAA,UACA,KAAQ,GAAA,CAAA;AAAA,UACR,gBAAA;AAAA,SACF,CAAA;AAEA,QAAA,OAAO,EAAE,GAAG,aAAe,EAAA,GAAG,UAAW,EAAA,CAAA;AAAA,OAC3C;AACA,MAAO,OAAA,aAAA,CAAA;AAAA,KACT;AAAA,IAEA;AAAA,MACE,CAAC,EAAK,GAAA;AAAA,QACJ,EAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAY,EAAC;AAAA,QACb,WAAW,IAAK,CAAA,SAAA;AAAA,QAChB,KAAA;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF,CAAA;AAEO,SAAS,WAAW,IAAsB,EAAA;AAC/C,EAAO,OAAA,IAAA,IAAQ,QAAQ,CAAC,CAAC,KAAK,SAAa,IAAA,IAAA,CAAK,UAAU,MAAS,GAAA,CAAA,CAAA;AACrE,CAAA;AAEO,SAAS,WAAW,IAAsB,EAAA;AAC/C,EAAO,OAAA,IAAA,IAAQ,IAAQ,IAAA,CAAC,IAAK,CAAA,SAAA,CAAA;AAC/B,CAAA;AAEO,SAAS,QAAQ,IAAsB,EAAA;AAC5C,EAAA,OAAO,IAAQ,IAAA,IAAA,IAAQ,CAAC,CAAC,IAAK,CAAA,IAAA,CAAA;AAChC;;;;;;;"}
+{"version":3,"file":"stateUtils.js","sources":["../src/cascading-menu/internal/stateUtils.ts"],"sourcesContent":["import type { MenuDescriptor } from \"../CascadingMenuProps\";\n\nconst ID_SEPARATOR = \"-\";\n\nexport type menuState = {\n  id: string;\n  flipped?: boolean;\n  highlightedItemIndex?: number;\n  level: number;\n  parentId: string | null;\n  childMenus: {\n    [key: number]: string;\n  };\n  menuItems: MenuDescriptor[];\n};\n\nexport type flattenedMenuState = {\n  [key: string]: menuState;\n};\n\nexport function deriveFlatStateFromTree(\n  tree: MenuDescriptor,\n  parentId: string | null = null,\n  level = 0,\n  generatedId = \"salt-cascading-menu\",\n): flattenedMenuState {\n  const { id = generatedId, menuItems = [] } = tree;\n  return menuItems.reduce(\n    (menuStructure, menuItem, index) => {\n      if (hasSubMenu(menuItem)) {\n        const generatedChildId = [generatedId, index].join(ID_SEPARATOR);\n        menuStructure[id].childMenus[index] = menuItem.id || generatedChildId;\n\n        const innerState = deriveFlatStateFromTree(\n          menuItem,\n          id,\n          level + 1,\n          generatedChildId,\n        );\n        // biome-ignore lint/performance/noAccumulatingSpread: reduce on object\n        return { ...menuStructure, ...innerState };\n      }\n      return menuStructure;\n    },\n    // Initialize the structure with the root menu\n    {\n      [id]: {\n        id,\n        parentId,\n        childMenus: {},\n        menuItems: tree.menuItems,\n        level,\n      },\n    } as flattenedMenuState,\n  );\n}\n\nexport function hasSubMenu(item: MenuDescriptor) {\n  return item != null && !!item.menuItems && item.menuItems.length > 0;\n}\n\nexport function isMenuItem(item: MenuDescriptor) {\n  return item != null && !item.menuItems;\n}\n\nexport function hasIcon(item: MenuDescriptor) {\n  return item != null && !!item.icon;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,YAAe,GAAA,GAAA;AAkBd,SAAS,wBACd,IACA,EAAA,QAAA,GAA0B,MAC1B,KAAQ,GAAA,CAAA,EACR,cAAc,qBACM,EAAA;AACpB,EAAA,MAAM,EAAE,EAAK,GAAA,WAAA,EAAa,SAAY,GAAA,IAAO,GAAA,IAAA;AAC7C,EAAA,OAAO,SAAU,CAAA,MAAA;AAAA,IACf,CAAC,aAAe,EAAA,QAAA,EAAU,KAAU,KAAA;AAClC,MAAI,IAAA,UAAA,CAAW,QAAQ,CAAG,EAAA;AACxB,QAAA,MAAM,mBAAmB,CAAC,WAAA,EAAa,KAAK,CAAA,CAAE,KAAK,YAAY,CAAA;AAC/D,QAAA,aAAA,CAAc,EAAE,CAAE,CAAA,UAAA,CAAW,KAAK,CAAA,GAAI,SAAS,EAAM,IAAA,gBAAA;AAErD,QAAA,MAAM,UAAa,GAAA,uBAAA;AAAA,UACjB,QAAA;AAAA,UACA,EAAA;AAAA,UACA,KAAQ,GAAA,CAAA;AAAA,UACR;AAAA,SACF;AAEA,QAAA,OAAO,EAAE,GAAG,aAAe,EAAA,GAAG,UAAW,EAAA;AAAA;AAE3C,MAAO,OAAA,aAAA;AAAA,KACT;AAAA;AAAA,IAEA;AAAA,MACE,CAAC,EAAE,GAAG;AAAA,QACJ,EAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAY,EAAC;AAAA,QACb,WAAW,IAAK,CAAA,SAAA;AAAA,QAChB;AAAA;AACF;AACF,GACF;AACF;AAEO,SAAS,WAAW,IAAsB,EAAA;AAC/C,EAAO,OAAA,IAAA,IAAQ,QAAQ,CAAC,CAAC,KAAK,SAAa,IAAA,IAAA,CAAK,UAAU,MAAS,GAAA,CAAA;AACrE;AAEO,SAAS,WAAW,IAAsB,EAAA;AAC/C,EAAO,OAAA,IAAA,IAAQ,IAAQ,IAAA,CAAC,IAAK,CAAA,SAAA;AAC/B;AAEO,SAAS,QAAQ,IAAsB,EAAA;AAC5C,EAAA,OAAO,IAAQ,IAAA,IAAA,IAAQ,CAAC,CAAC,IAAK,CAAA,IAAA;AAChC;;;;;;;"}

package/dist-cjs/cascading-menu/internal/useClickAway.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var react = require('react');
 var useEventCallback = require('../../utils/useEventCallback.js');
 require('@salt-ds/core');
@@ -29,7 +27,10 @@ const useClickAway = (nodes, containingDocument, onClickAway, onClick = () => vo
     const resolvedNodes = typeof nodes === "function" ? nodes() : nodes;
     const isEventComingFromNodes = eventComingFromNodes(resolvedNodes, event);
     const ownerDocumentNode = resolvedNodes.find(
-      (node) => node ? node.ownerDocument : false
+      (node) => (
+        // node could be null, e.g. left click on surrounding area of context menu examples
+        node ? node.ownerDocument : false
+      )
     );
     const doc = containingDocument || (ownerDocumentNode == null ? void 0 : ownerDocumentNode.ownerDocument);
     if (((_a = doc.documentElement) == null ? void 0 : _a.contains(event.target)) && !isEventComingFromNodes) {

package/dist-cjs/cascading-menu/internal/useClickAway.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickAway.js","sources":["../src/cascading-menu/internal/useClickAway.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEventCallback } from \"../../utils\";\n\nimport { useMountedRef } from \"./useMountedRef\";\n\nfunction eventComingFromNodes(nodes: HTMLElement[], event: MouseEvent) {\n  return nodes.some(\n    (node) =>\n      node != null &&\n      (node === event.target || node.contains(event.target as HTMLElement)),\n  );\n}\n\ntype clickAwayHook = (\n  nodes: HTMLElement[] | (() => HTMLElement[]) | null,\n  containingDocument: Document,\n  onClickAway: (event: FocusEvent) => void,\n  onClick: (event: MouseEvent) => void,\n  mouseEvent?: keyof DocumentEventMap,\n) => void;\n\nexport const useClickAway: clickAwayHook = (\n  nodes,\n  containingDocument,\n  onClickAway,\n  onClick = () => undefined,\n  mouseEvent = \"mouseup\",\n) => {\n  //TODO can we get rid of this if it's just for IE11 ?\n  const mountedRef = useMountedRef();\n\n  const handleClickAway = useEventCallback((event: MouseEvent) => {\n    // Ignore events that have been `event.preventDefault()` marked.\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    // IE 11 support, which trigger the handleClickAway even after the unbind\n    if (!mountedRef.current) {\n      return;\n    }\n\n    onClick(event);\n\n    if (!nodes) {\n      return;\n    }\n\n    const resolvedNodes = typeof nodes === \"function\" ? nodes() : nodes;\n    const isEventComingFromNodes = eventComingFromNodes(resolvedNodes, event);\n\n    const ownerDocumentNode = resolvedNodes.find((node) =>\n      // node could be null, e.g. left click on surrounding area of context menu examples\n      node ? node.ownerDocument : false,\n    );\n    const doc = containingDocument || ownerDocumentNode?.ownerDocument;\n\n    if (\n      doc.documentElement?.contains(event.target as HTMLElement) &&\n      !isEventComingFromNodes\n    ) {\n      onClickAway(event);\n    }\n  });\n\n  useEffect(() => {\n    if (containingDocument) {\n      containingDocument.addEventListener(\n        mouseEvent,\n        handleClickAway as EventListener,\n      );\n      containingDocument.defaultView?.addEventListener(\"blur\", onClickAway);\n    }\n    return () => {\n      if (containingDocument) {\n        containingDocument.removeEventListener(\n          mouseEvent,\n          handleClickAway as EventListener,\n        );\n        containingDocument.defaultView?.removeEventListener(\n          \"blur\",\n          onClickAway,\n        );\n      }\n    };\n  }, [handleClickAway, mouseEvent, containingDocument, onClickAway]);\n};\n"],"names":["useMountedRef","useEventCallback","useEffect","_a"],"mappings":";;;;;;;;;AAKA,SAAS,oBAAA,CAAqB,OAAsB,KAAmB,EAAA;AACrE,EAAA,OAAO,KAAM,CAAA,IAAA;AAAA,IACX,CAAC,IACC,KAAA,IAAA,IAAQ,IACP,KAAA,IAAA,KAAS,MAAM,MAAU,IAAA,IAAA,CAAK,QAAS,CAAA,KAAA,CAAM,MAAqB,CAAA,CAAA;AAAA,GACvE,CAAA;AACF,CAAA;AAUa,MAAA,YAAA,GAA8B,CACzC,KACA,EAAA,kBAAA,EACA,aACA,OAAU,GAAA,MAAM,KAChB,CAAA,EAAA,UAAA,GAAa,SACV,KAAA;AAEH,EAAA,MAAM,aAAaA,2BAAc,EAAA,CAAA;AAEjC,EAAM,MAAA,eAAA,GAAkBC,iCAAiB,CAAA,CAAC,KAAsB,KAAA;AA/BlE,IAAA,IAAA,EAAA,CAAA;AAiCI,IAAA,IAAI,MAAM,gBAAkB,EAAA;AAC1B,MAAA,OAAA;AAAA,KACF;AAGA,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAEb,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,MAAM,aAAgB,GAAA,OAAO,KAAU,KAAA,UAAA,GAAa,OAAU,GAAA,KAAA,CAAA;AAC9D,IAAM,MAAA,sBAAA,GAAyB,oBAAqB,CAAA,aAAA,EAAe,KAAK,CAAA,CAAA;AAExE,IAAA,MAAM,oBAAoB,aAAc,CAAA,IAAA;AAAA,MAAK,CAAC,IAAA,KAE5C,IAAO,GAAA,IAAA,CAAK,aAAgB,GAAA,KAAA;AAAA,KAC9B,CAAA;AACA,IAAM,MAAA,GAAA,GAAM,uBAAsB,iBAAmB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAA,aAAA,CAAA,CAAA;AAErD,IAAA,IAAA,CAAA,CACE,SAAI,eAAJ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAqB,SAAS,KAAM,CAAA,MAAA,CAAA,KACpC,CAAC,sBACD,EAAA;AACA,MAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,KACnB;AAAA,GACD,CAAA,CAAA;AAED,EAAAC,eAAA,CAAU,MAAM;AAjElB,IAAA,IAAA,EAAA,CAAA;AAkEI,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAmB,kBAAA,CAAA,gBAAA;AAAA,QACjB,UAAA;AAAA,QACA,eAAA;AAAA,OACF,CAAA;AACA,MAAmB,CAAA,EAAA,GAAA,kBAAA,CAAA,WAAA,KAAnB,IAAgC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,gBAAA,CAAiB,MAAQ,EAAA,WAAA,CAAA,CAAA;AAAA,KAC3D;AACA,IAAA,OAAO,MAAM;AAzEjB,MAAAC,IAAAA,GAAAA,CAAAA;AA0EM,MAAA,IAAI,kBAAoB,EAAA;AACtB,QAAmB,kBAAA,CAAA,mBAAA;AAAA,UACjB,UAAA;AAAA,UACA,eAAA;AAAA,SACF,CAAA;AACA,QAAA,CAAAA,GAAA,GAAA,kBAAA,CAAmB,WAAnB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAgC,CAAA,mBAAA;AAAA,UAC9B,MAAA;AAAA,UACA,WAAA;AAAA,SAAA,CAAA;AAAA,OAEJ;AAAA,KACF,CAAA;AAAA,KACC,CAAC,eAAA,EAAiB,UAAY,EAAA,kBAAA,EAAoB,WAAW,CAAC,CAAA,CAAA;AACnE;;;;"}
+{"version":3,"file":"useClickAway.js","sources":["../src/cascading-menu/internal/useClickAway.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEventCallback } from \"../../utils\";\n\nimport { useMountedRef } from \"./useMountedRef\";\n\nfunction eventComingFromNodes(nodes: HTMLElement[], event: MouseEvent) {\n  return nodes.some(\n    (node) =>\n      node != null &&\n      (node === event.target || node.contains(event.target as HTMLElement)),\n  );\n}\n\ntype clickAwayHook = (\n  nodes: HTMLElement[] | (() => HTMLElement[]) | null,\n  containingDocument: Document,\n  onClickAway: (event: FocusEvent) => void,\n  onClick: (event: MouseEvent) => void,\n  mouseEvent?: keyof DocumentEventMap,\n) => void;\n\nexport const useClickAway: clickAwayHook = (\n  nodes,\n  containingDocument,\n  onClickAway,\n  onClick = () => undefined,\n  mouseEvent = \"mouseup\",\n) => {\n  //TODO can we get rid of this if it's just for IE11 ?\n  const mountedRef = useMountedRef();\n\n  const handleClickAway = useEventCallback((event: MouseEvent) => {\n    // Ignore events that have been `event.preventDefault()` marked.\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    // IE 11 support, which trigger the handleClickAway even after the unbind\n    if (!mountedRef.current) {\n      return;\n    }\n\n    onClick(event);\n\n    if (!nodes) {\n      return;\n    }\n\n    const resolvedNodes = typeof nodes === \"function\" ? nodes() : nodes;\n    const isEventComingFromNodes = eventComingFromNodes(resolvedNodes, event);\n\n    const ownerDocumentNode = resolvedNodes.find((node) =>\n      // node could be null, e.g. left click on surrounding area of context menu examples\n      node ? node.ownerDocument : false,\n    );\n    const doc = containingDocument || ownerDocumentNode?.ownerDocument;\n\n    if (\n      doc.documentElement?.contains(event.target as HTMLElement) &&\n      !isEventComingFromNodes\n    ) {\n      onClickAway(event);\n    }\n  });\n\n  useEffect(() => {\n    if (containingDocument) {\n      containingDocument.addEventListener(\n        mouseEvent,\n        handleClickAway as EventListener,\n      );\n      containingDocument.defaultView?.addEventListener(\"blur\", onClickAway);\n    }\n    return () => {\n      if (containingDocument) {\n        containingDocument.removeEventListener(\n          mouseEvent,\n          handleClickAway as EventListener,\n        );\n        containingDocument.defaultView?.removeEventListener(\n          \"blur\",\n          onClickAway,\n        );\n      }\n    };\n  }, [handleClickAway, mouseEvent, containingDocument, onClickAway]);\n};\n"],"names":["useMountedRef","useEventCallback","useEffect","_a"],"mappings":";;;;;;;AAKA,SAAS,oBAAA,CAAqB,OAAsB,KAAmB,EAAA;AACrE,EAAA,OAAO,KAAM,CAAA,IAAA;AAAA,IACX,CAAC,IACC,KAAA,IAAA,IAAQ,IACP,KAAA,IAAA,KAAS,MAAM,MAAU,IAAA,IAAA,CAAK,QAAS,CAAA,KAAA,CAAM,MAAqB,CAAA;AAAA,GACvE;AACF;AAUa,MAAA,YAAA,GAA8B,CACzC,KACA,EAAA,kBAAA,EACA,aACA,OAAU,GAAA,MAAM,KAChB,CAAA,EAAA,UAAA,GAAa,SACV,KAAA;AAEH,EAAA,MAAM,aAAaA,2BAAc,EAAA;AAEjC,EAAM,MAAA,eAAA,GAAkBC,iCAAiB,CAAA,CAAC,KAAsB,KAAA;AA/BlE,IAAA,IAAA,EAAA;AAiCI,IAAA,IAAI,MAAM,gBAAkB,EAAA;AAC1B,MAAA;AAAA;AAIF,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA;AAAA;AAGF,IAAA,OAAA,CAAQ,KAAK,CAAA;AAEb,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAA;AAAA;AAGF,IAAA,MAAM,aAAgB,GAAA,OAAO,KAAU,KAAA,UAAA,GAAa,OAAU,GAAA,KAAA;AAC9D,IAAM,MAAA,sBAAA,GAAyB,oBAAqB,CAAA,aAAA,EAAe,KAAK,CAAA;AAExE,IAAA,MAAM,oBAAoB,aAAc,CAAA,IAAA;AAAA,MAAK,CAAC,IAAA;AAAA;AAAA,QAE5C,IAAA,GAAO,KAAK,aAAgB,GAAA;AAAA;AAAA,KAC9B;AACA,IAAM,MAAA,GAAA,GAAM,uBAAsB,iBAAmB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAA,aAAA,CAAA;AAErD,IAAA,IAAA,CAAA,CACE,SAAI,eAAJ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAqB,SAAS,KAAM,CAAA,MAAA,CAAA,KACpC,CAAC,sBACD,EAAA;AACA,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA;AACnB,GACD,CAAA;AAED,EAAAC,eAAA,CAAU,MAAM;AAjElB,IAAA,IAAA,EAAA;AAkEI,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAmB,kBAAA,CAAA,gBAAA;AAAA,QACjB,UAAA;AAAA,QACA;AAAA,OACF;AACA,MAAmB,CAAA,EAAA,GAAA,kBAAA,CAAA,WAAA,KAAnB,IAAgC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,gBAAA,CAAiB,MAAQ,EAAA,WAAA,CAAA;AAAA;AAE3D,IAAA,OAAO,MAAM;AAzEjB,MAAAC,IAAAA,GAAAA;AA0EM,MAAA,IAAI,kBAAoB,EAAA;AACtB,QAAmB,kBAAA,CAAA,mBAAA;AAAA,UACjB,UAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,CAAAA,GAAA,GAAA,kBAAA,CAAmB,WAAnB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAgC,CAAA,mBAAA;AAAA,UAC9B,MAAA;AAAA,UACA;AAAA,SAAA;AAAA;AAEJ,KACF;AAAA,KACC,CAAC,eAAA,EAAiB,UAAY,EAAA,kBAAA,EAAoB,WAAW,CAAC,CAAA;AACnE;;;;"}

package/dist-cjs/cascading-menu/internal/useMenuTriggerHandlers.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var react = require('react');
 var useEventCallback = require('../../utils/useEventCallback.js');
 require('@salt-ds/core');