@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.100

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

@@ -1 +1 @@
-{"version":3,"file":"CascadingMenuItem.js","sources":["../src/cascading-menu/CascadingMenuItem.tsx"],"sourcesContent":["import { makePrefixer, Tooltip } from \"@salt-ds/core\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListItem, ListItemProps } from \"../list-deprecated\";\nimport { MenuDescriptor } from \"./CascadingMenuProps\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\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  } else {\n    return null;\n  }\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  function (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\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              <ChevronRightIcon\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","useRef","useState","useEffect","Tooltip","jsxs","ListItem","ChevronRightIcon"],"mappings":"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"}
+{"version":3,"file":"CascadingMenuItem.js","sources":["../src/cascading-menu/CascadingMenuItem.tsx"],"sourcesContent":["import { makePrefixer, Tooltip, useIcon } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListItem, type ListItemProps } from \"../list-deprecated\";\nimport cascadingMenuItemCss from \"./CascadingMenuItem.css\";\nimport type { MenuDescriptor } from \"./CascadingMenuProps\";\n\nconst noop = () => undefined;\nconst withBaseName = makePrefixer(\"saltCascadingMenuItem\");\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 && menuText != null) {\n        setHasTooltip(element.offsetWidth < element.scrollWidth);\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          {/** biome-ignore lint/a11y/useAriaPropsForRole: Separator is not focusable, so it doesn't need aria-valuenow. */}\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,40 +1,37 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var clsx = require('clsx');
-var React = require('react');
-var Portal = require('../portal/Portal.js');
+var react = require('react');
 var List = require('../list-deprecated/List.js');
 require('../list-deprecated/ListBase.js');
-require('../list-deprecated/ListItemBase.js');
 require('../list-deprecated/ListItem.js');
+require('../list-deprecated/ListItemBase.js');
 require('../list-deprecated/ListItemContext.js');
 require('../list-deprecated/ListStateContext.js');
-require('../utils/useFloatingUI.js');
+var Portal = require('../portal/Portal.js');
+require('../window/ElectronWindow.js');
+var WindowContext = require('../window/WindowContext.js');
 var CascadingMenuItem = require('./CascadingMenuItem.js');
+var CascadingMenuList$1 = require('./CascadingMenuList.css.js');
 var CascadingMenuAction = require('./internal/CascadingMenuAction.js');
 var keydownHandlers = require('./internal/keydownHandlers.js');
 var menuPositioning = require('./internal/menuPositioning.js');
 var stateUtils = require('./internal/stateUtils.js');
 var useMouseHandlers = require('./internal/useMouseHandlers.js');
 var stateChangeTypes = require('./stateChangeTypes.js');
-var WindowContext = require('../window/WindowContext.js');
-require('../window/ElectronWindow.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var CascadingMenuList$1 = require('./CascadingMenuList.css.js');
 
-const CascadingMenuList = React.forwardRef(function CascadingMenuList2(props, ref) {
+const CascadingMenuList = react.forwardRef(function CascadingMenuList2(props, ref) {
   const {
     className,
     maxWidth,
     minWidth,
     itemToString,
     onItemClick,
-    refsManager: refsManager2,
+    refsManager,
     dispatch,
     rowHeight: rowHeightProp,
     isNavigatingWithKeyboard,
@@ -59,22 +56,21 @@ const CascadingMenuList = React.forwardRef(function CascadingMenuList2(props, re
     window: targetWindow
   });
   const baseClass = "saltCascadingMenuList";
-  const [menuRef, setInternalMenuRef] = React.useState(null);
-  const setMenuRef = React.useCallback(
+  const [menuRef, setInternalMenuRef] = react.useState(null);
+  const setMenuRef = react.useCallback(
     (node) => {
-      refsManager2.set(menuId, node);
+      refsManager.set(menuId, node);
     },
-    [refsManager2, menuId]
+    [refsManager, menuId]
   );
-  const sizeStackable = 36;
-  const defaultRowHeight = sizeStackable;
+  const defaultRowHeight = 36;
   const spacing = 8;
-  const isMenuActiveState = React.useState(true);
+  const isMenuActiveState = react.useState(true);
   const [isMenuActive, setIsMenuActive] = isMenuActiveState;
   const listRef = core.useForkRef(ref, setInternalMenuRef);
   const handleRef = core.useForkRef(setMenuRef, listRef);
-  React.useEffect(() => {
-    if (menuRef && menuRef.focus) {
+  react.useEffect(() => {
+    if (menuRef == null ? void 0 : menuRef.focus) {
       const id = setTimeout(() => {
         menuRef.focus();
       });
@@ -84,7 +80,7 @@ const CascadingMenuList = React.forwardRef(function CascadingMenuList2(props, re
     }
   }, [menuRef, rootPlacementOffset]);
   const handleKeyDown = keydownHandlers.getKeyDownHandlers(props, setIsMenuActive);
-  const onFocusHandler = React.useCallback(() => {
+  const onFocusHandler = react.useCallback(() => {
     setIsMenuActive(true);
     if (isNavigatingWithKeyboard) {
       if (!highlightedItemIndex) {
@@ -108,11 +104,11 @@ const CascadingMenuList = React.forwardRef(function CascadingMenuList2(props, re
     isMenuActiveState,
     menuRef
   );
-  const hasEndAdornment = React.useMemo(
+  const hasEndAdornment = react.useMemo(
     () => data.menuItems.some(stateUtils.hasSubMenu),
     [data]
   );
-  const hasStartAdornment = React.useMemo(() => data.menuItems.some(stateUtils.hasIcon), [data]);
+  const hasStartAdornment = react.useMemo(() => data.menuItems.some(stateUtils.hasIcon), [data]);
   const rowHeight = rowHeightProp != null ? rowHeightProp : defaultRowHeight;
   const maxHeight = menuPositioning.getMaxHeight(heightProp, spacing, getScreenBounds);
   const calculatedMenuHeight = rowHeight * data.menuItems.length;
@@ -135,53 +131,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
-          }, idx);
-        })
-      }, 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  useFloatingUI,\n  UseFloatingUIProps,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Portal } from \"../portal\";\nimport { List, ListProps } from \"../list-deprecated\";\n\nimport { DefaultMenuItem, MenuItemProps } from \"./CascadingMenuItem\";\nimport { CascadingMenuAction } from \"./internal/CascadingMenuAction\";\nimport { getKeyDownHandlers } from \"./internal/keydownHandlers\";\nimport {\n  getHeight,\n  getMaxHeight,\n  screenBounds,\n} from \"./internal/menuPositioning\";\nimport { hasIcon, hasSubMenu, menuState } from \"./internal/stateUtils\";\nimport { useMouseHandlers } from \"./internal/useMouseHandlers\";\nimport { refsManager } from \"./internal/useRefsManager\";\nimport { stateChangeTypes } from \"./stateChangeTypes\";\nimport { useWindow as usePortalWindow } from \"../window\";\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 && 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={idx}\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","refsManager","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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type Dispatch,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { List, type ListProps } from \"../list-deprecated\";\nimport { Portal } from \"../portal\";\nimport { useWindow as usePortalWindow } from \"../window\";\nimport { DefaultMenuItem, type MenuItemProps } from \"./CascadingMenuItem\";\nimport cascadingMenuListCss from \"./CascadingMenuList.css\";\nimport {\n  CascadingMenuAction,\n  type menuAction,\n} 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\nexport interface CascadingMenuListProps {\n  className?: string;\n  data: menuState;\n  delay?: number;\n  disableMouseOutInteractions?: boolean;\n  // TODO any\n  dispatch: Dispatch<menuAction>;\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: HTMLDivElement) => {\n      refsManager.set(menuId, node);\n    },\n    [refsManager, menuId],\n  );\n\n  // TODO removed useCharacteristic here\n  const defaultRowHeight = 36;\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<HTMLDivElement>(ref, setInternalMenuRef);\n  const handleRef = useForkRef<HTMLDivElement>(setMenuRef, listRef);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: We want to run this if rootPlacementOffset changes.\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 { 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,mBAAA,GAAsD;AAAA,EACjE,2BAAA,EAA6B,0BAAA;AAAA,EAC7B,UAAA,EAAY,WAAA;AAAA,EACZ,SAAA,EAAW,UAAA;AAAA,EACX,UAAA,EAAY,WAAA;AAAA,EACZ,oBAAA,EAAsB,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');
@@ -41,7 +39,7 @@ function getKeyDownHandlers(props, setIsMenuActive) {
           cause: stateChangeTypes.stateChangeTypes.ITEM_KEYDOWN_ENTER,
           targetId: menuId
         });
-        if (menuTriggerRef && menuTriggerRef.focus) {
+        if (menuTriggerRef == null ? void 0 : menuTriggerRef.focus) {
           menuTriggerRef.focus();
         }
       } else if (stateUtils.hasSubMenu(selectedItem)) {
@@ -105,7 +103,7 @@ function getKeyDownHandlers(props, setIsMenuActive) {
         cause: stateChangeTypes.stateChangeTypes.ITEM_KEYDOWN_TAB,
         targetId: menuId
       });
-      if (menuTriggerRef && menuTriggerRef.focus) {
+      if (menuTriggerRef == null ? void 0 : menuTriggerRef.focus) {
         menuTriggerRef.focus();
       }
     },

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 { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { hasSubMenu, isMenuItem } from \"./stateUtils\";\nimport { CascadingMenuListProps } from \"../CascadingMenuList\";\nimport { Dispatch, SetStateAction, KeyboardEvent } from \"react\";\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 && 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 && 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":";;;;;;;;AAUgB,SAAA,kBAAA,CACd,OACA,eACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,uBAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,IACA,2BAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAA;AAAA,IACA,oBAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,QAAA,GAAW,KAAK,SAAU,CAAA,MAAA,CAAA;AAChC,EAAA,MAAM,kBAAkB,MAAG;AA7B7B,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA8BI,IAAA,OAAA,oBAAA,GAAA,CACI,EAAK,GAAA,CAAA,EAAA,GAAA,IAAA,CAAA,SAAA,KAAL,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,KAAjB,mBAAwC,QACxC,GAAA,KAAA,CAAA;AAAA,GAAA,CAAA;AAEN,EAAA,MAAM,QACJ,GAAA;AAAA,IACE,MAAM,KAAmC,EAAA;AACvC,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAEhC,MAAI,IAAA,oBAAA,KAAyB,IAAQ,IAAA,eAAA,EAAmB,EAAA;AACtD,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,MAAA,YAAA,GAAe,KAAK,SAAU,CAAA,oBAAA,CAAA,CAAA;AACpC,MAAM,MAAA,SAAA,GAAY,KAAK,UAAW,CAAA,oBAAA,CAAA,CAAA;AAClC,MAAI,IAAAA,qBAAA,CAAW,YAAY,CAAG,EAAA;AAC5B,QAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAc,YAAc,EAAA,KAAA,CAAA,CAAA;AAE5B,QAAS,QAAA,CAAA;AAAA,UACP,MAAMC,uCAAoB,CAAA,oBAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,kBAAA;AAAA,UACxB,QAAU,EAAA,MAAA;AAAA,SACX,CAAA,CAAA;AACD,QAAI,IAAA,cAAA,IAAkB,eAAe,KAAO,EAAA;AAC1C,UAAA,cAAA,CAAe,KAAM,EAAA,CAAA;AAAA,SACvB;AAAA,OACF,MAAA,IAAWC,qBAAW,CAAA,YAAY,CAAG,EAAA;AACnC,QAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AACrB,QAAS,QAAA,CAAA;AAAA,UACP,MAAMF,uCAAoB,CAAA,SAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,kBAAA;AAAA,UACxB,QAAU,EAAA,SAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,IACA,WAAW,KAAmC,EAAA;AAC5C,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAGhC,MAAI,IAAA,oBAAA,KAAyB,IAAQ,IAAA,CAAC,wBAA0B,EAAA;AAE9D,QAAS,QAAA,CAAA;AAAA,UACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,wBAAA;AAAA,UACxB,QAAU,EAAA,MAAA;AAAA,UACV,oBAAsB,EAAA,CAAA;AAAA,SACvB,CAAA,CAAA;AACD,QAAA,OAAA;AAAA,OACF;AAEA,MAAI,IAAA,oBAAA,KAAyB,IAAQ,IAAA,eAAA,EAAmB,EAAA;AACtD,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,MAAA,YAAA,GAAe,KAAK,SAAU,CAAA,oBAAA,CAAA,CAAA;AACpC,MAAM,MAAA,SAAA,GAAY,KAAK,UAAW,CAAA,oBAAA,CAAA,CAAA;AAClC,MAAI,IAAAC,qBAAA,CAAW,YAAY,CAAG,EAAA;AAC5B,QAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AACrB,QAAS,QAAA,CAAA;AAAA,UACP,MAAMF,uCAAoB,CAAA,SAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,wBAAA;AAAA,UACxB,QAAU,EAAA,SAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,IACA,GAAA,EAAK,CAAC,KAAsC,KAAA;AAC1C,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAEhC,MAAI,IAAA,oBAAA,KAAyB,IAAQ,IAAA,eAAA,EAAmB,EAAA;AACtD,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,MAAA,YAAA,GAAe,KAAK,SAAU,CAAA,oBAAA,CAAA,CAAA;AACpC,MAAM,MAAA,SAAA,GAAY,KAAK,UAAW,CAAA,oBAAA,CAAA,CAAA;AAClC,MAAI,IAAAF,qBAAA,CAAW,YAAY,CAAG,EAAA;AAC5B,QAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAc,YAAc,EAAA,KAAA,CAAA,CAAA;AAAA,OAC9B,MAAA,IAAWG,qBAAW,CAAA,YAAY,CAAG,EAAA;AACnC,QAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AACrB,QAAS,QAAA,CAAA;AAAA,UACP,MAAMF,uCAAoB,CAAA,SAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,qBAAA;AAAA,UACxB,QAAU,EAAA,SAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,IACA,GAAM,GAAA;AAGJ,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,oBAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,gBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,OACX,CAAA,CAAA;AACD,MAAI,IAAA,cAAA,IAAkB,eAAe,KAAO,EAAA;AAC1C,QAAA,cAAA,CAAe,KAAM,EAAA,CAAA;AAAA,OACvB;AAAA,KACF;AAAA,IACA,UAAU,KAAmC,EAAA;AAC3C,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,MAAI,IAAA,aAAA,IAAiB,CAAC,MAAQ,EAAA;AAC5B,QAAA,aAAA,CAAc,KAAM,EAAA,CAAA;AACpB,QAAS,QAAA,CAAA;AAAA,UACP,MAAMD,uCAAoB,CAAA,UAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,uBAAA;AAAA,UACxB,QAAU,EAAA,MAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,IACA,OAAO,KAAmC,EAAA;AACxC,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,UAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,mBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,OACX,CAAA,CAAA;AAED,MAAA,IAAI,aAAe,EAAA;AACjB,QAAA,aAAA,CAAc,KAAM,EAAA,CAAA;AAAA,OACtB;AAAA,KACF;AAAA,IACA,UAAU,KAAmC,EAAA;AAC3C,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,MAAA,IAAI,kBACF,GAAA,oBAAA,KAAyB,IAAO,GAAA,CAAA,GAAI,oBAAuB,GAAA,CAAA,CAAA;AAC7D,MACE,kBAAA,GAAA,kBAAA,GAAqB,QAAW,GAAA,CAAA,GAAI,CAAI,GAAA,kBAAA,CAAA;AAG1C,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,uBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,QACV,oBAAsB,EAAA,kBAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH;AAAA,IACA,QAAQ,KAAmC,EAAA;AACzC,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,MAAA,IAAI,kBACF,GAAA,oBAAA,KAAyB,IACrB,GAAA,QAAA,GAAW,IACX,oBAAuB,GAAA,CAAA,CAAA;AAC7B,MACE,kBAAA,GAAA,kBAAA,GAAqB,CAAI,GAAA,QAAA,GAAW,CAAI,GAAA,kBAAA,CAAA;AAG1C,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,qBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,QACV,oBAAsB,EAAA,kBAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH;AAAA,IACA,KAAK,KAAmC,EAAA;AACtC,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,MAAA,IAAI,yBAAyB,CAAG,EAAA;AAC9B,QAAA,OAAA;AAAA,OACF;AAGA,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,iBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,QACV,oBAAsB,EAAA,CAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH;AAAA,IAEA,IAAI,KAAmC,EAAA;AACrC,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,MAAI,IAAA,oBAAA,KAAyB,WAAW,CAAG,EAAA;AACzC,QAAA,OAAA;AAAA,OACF;AAGA,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,mBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,QACV,sBAAsB,QAAW,GAAA,CAAA;AAAA,OAClC,CAAA,CAAA;AAAA,KACH;AAAA,IACA,GAAG,uBAAA;AAAA,GACL,CAAA;AAEF,EAAM,MAAA,aAAA,GAAgB,CAAC,KAAsC,KAAA;AAhO/D,IAAA,IAAA,EAAA,CAAA;AAiOI,IAAS,CAAA,EAAA,GAAA,QAAA,CAAA,KAAA,CAAM,SAAf,IAAsB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAAA,GACxB,CAAA;AAEA,EAAO,OAAA,aAAA,CAAA;AACT;;;;"}
+{"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":";;;;;;AAUO,SAAS,kBAAA,CACd,OACA,eAAA,EACA;AACA,EAAA,MAAM;AAAA,IACJ,uBAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,IACA,2BAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAA;AAAA,IACA,oBAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,QAAA,GAAW,KAAK,SAAA,CAAU,MAAA;AAChC,EAAA,MAAM,kBAAkB,MAAG;AA7B7B,IAAA,IAAA,EAAA,EAAA,EAAA;AA8BI,IAAA,OAAA,oBAAA,GAAA,CACI,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,CAAK,SAAA,KAAL,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiB,oBAAA,CAAA,KAAjB,mBAAwC,QAAA,GACxC,KAAA;AAAA,EAAA,CAAA;AAEN,EAAA,MAAM,QAAA,GACJ;AAAA,IACE,MAAM,KAAA,EAAmC;AACvC,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAEhC,MAAA,IAAI,oBAAA,KAAyB,IAAA,IAAQ,eAAA,EAAgB,EAAG;AACtD,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,YAAA,GAAe,IAAA,CAAK,SAAA,CAAU,oBAAoB,CAAA;AACxD,MAAA,MAAM,SAAA,GAAY,IAAA,CAAK,UAAA,CAAW,oBAAoB,CAAA;AACtD,MAAA,IAAIA,qBAAA,CAAW,YAAY,CAAA,EAAG;AAC5B,QAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAc,YAAA,EAAc,KAAA,CAAA;AAE5B,QAAA,QAAA,CAAS;AAAA,UACP,MAAMC,uCAAA,CAAoB,oBAAA;AAAA,UAC1B,OAAOC,iCAAA,CAAiB,kBAAA;AAAA,UACxB,QAAA,EAAU;AAAA,SACX,CAAA;AACD,QAAA,IAAI,iDAAgB,KAAA,EAAO;AACzB,UAAA,cAAA,CAAe,KAAA,EAAM;AAAA,QACvB;AAAA,MACF,CAAA,MAAA,IAAWC,qBAAA,CAAW,YAAY,CAAA,EAAG;AACnC,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAA,QAAA,CAAS;AAAA,UACP,MAAMF,uCAAA,CAAoB,SAAA;AAAA,UAC1B,OAAOC,iCAAA,CAAiB,kBAAA;AAAA,UACxB,QAAA,EAAU;AAAA,SACX,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,WAAW,KAAA,EAAmC;AAC5C,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAGhC,MAAA,IAAI,oBAAA,KAAyB,IAAA,IAAQ,CAAC,wBAAA,EAA0B;AAE9D,QAAA,QAAA,CAAS;AAAA,UACP,MAAMD,uCAAA,CAAoB,2BAAA;AAAA,UAC1B,OAAOC,iCAAA,CAAiB,wBAAA;AAAA,UACxB,QAAA,EAAU,MAAA;AAAA,UACV,oBAAA,EAAsB;AAAA,SACvB,CAAA;AACD,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,oBAAA,KAAyB,IAAA,IAAQ,eAAA,EAAgB,EAAG;AACtD,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,YAAA,GAAe,IAAA,CAAK,SAAA,CAAU,oBAAoB,CAAA;AACxD,MAAA,MAAM,SAAA,GAAY,IAAA,CAAK,UAAA,CAAW,oBAAoB,CAAA;AACtD,MAAA,IAAIC,qBAAA,CAAW,YAAY,CAAA,EAAG;AAC5B,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAA,QAAA,CAAS;AAAA,UACP,MAAMF,uCAAA,CAAoB,SAAA;AAAA,UAC1B,OAAOC,iCAAA,CAAiB,wBAAA;AAAA,UACxB,QAAA,EAAU;AAAA,SACX,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,GAAA,EAAK,CAAC,KAAA,KAAsC;AAC1C,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAEhC,MAAA,IAAI,oBAAA,KAAyB,IAAA,IAAQ,eAAA,EAAgB,EAAG;AACtD,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,YAAA,GAAe,IAAA,CAAK,SAAA,CAAU,oBAAoB,CAAA;AACxD,MAAA,MAAM,SAAA,GAAY,IAAA,CAAK,UAAA,CAAW,oBAAoB,CAAA;AACtD,MAAA,IAAIF,qBAAA,CAAW,YAAY,CAAA,EAAG;AAC5B,QAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAc,YAAA,EAAc,KAAA,CAAA;AAAA,MAC9B,CAAA,MAAA,IAAWG,qBAAA,CAAW,YAAY,CAAA,EAAG;AACnC,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAA,QAAA,CAAS;AAAA,UACP,MAAMF,uCAAA,CAAoB,SAAA;AAAA,UAC1B,OAAOC,iCAAA,CAAiB,qBAAA;AAAA,UACxB,QAAA,EAAU;AAAA,SACX,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,GAAA,GAAM;AAGJ,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,QAAA,CAAS;AAAA,QACP,MAAMD,uCAAA,CAAoB,oBAAA;AAAA,QAC1B,OAAOC,iCAAA,CAAiB,gBAAA;AAAA,QACxB,QAAA,EAAU;AAAA,OACX,CAAA;AACD,MAAA,IAAI,iDAAgB,KAAA,EAAO;AACzB,QAAA,cAAA,CAAe,KAAA,EAAM;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,IACA,UAAU,KAAA,EAAmC;AAC3C,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,IAAI,aAAA,IAAiB,CAAC,MAAA,EAAQ;AAC5B,QAAA,aAAA,CAAc,KAAA,EAAM;AACpB,QAAA,QAAA,CAAS;AAAA,UACP,MAAMD,uCAAA,CAAoB,UAAA;AAAA,UAC1B,OAAOC,iCAAA,CAAiB,uBAAA;AAAA,UACxB,QAAA,EAAU;AAAA,SACX,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,OAAO,KAAA,EAAmC;AACxC,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,QAAA,CAAS;AAAA,QACP,MAAMD,uCAAA,CAAoB,UAAA;AAAA,QAC1B,OAAOC,iCAAA,CAAiB,mBAAA;AAAA,QACxB,QAAA,EAAU;AAAA,OACX,CAAA;AAED,MAAA,IAAI,aAAA,EAAe;AACjB,QAAA,aAAA,CAAc,KAAA,EAAM;AAAA,MACtB;AAAA,IACF,CAAA;AAAA,IACA,UAAU,KAAA,EAAmC;AAC3C,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,IAAI,kBAAA,GACF,oBAAA,KAAyB,IAAA,GAAO,CAAA,GAAI,oBAAA,GAAuB,CAAA;AAC7D,MAAA,kBAAA,GACE,kBAAA,GAAqB,QAAA,GAAW,CAAA,GAAI,CAAA,GAAI,kBAAA;AAG1C,MAAA,QAAA,CAAS;AAAA,QACP,MAAMD,uCAAA,CAAoB,2BAAA;AAAA,QAC1B,OAAOC,iCAAA,CAAiB,uBAAA;AAAA,QACxB,QAAA,EAAU,MAAA;AAAA,QACV,oBAAA,EAAsB;AAAA,OACvB,CAAA;AAAA,IACH,CAAA;AAAA,IACA,QAAQ,KAAA,EAAmC;AACzC,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,IAAI,kBAAA,GACF,oBAAA,KAAyB,IAAA,GACrB,QAAA,GAAW,IACX,oBAAA,GAAuB,CAAA;AAC7B,MAAA,kBAAA,GACE,kBAAA,GAAqB,CAAA,GAAI,QAAA,GAAW,CAAA,GAAI,kBAAA;AAG1C,MAAA,QAAA,CAAS;AAAA,QACP,MAAMD,uCAAA,CAAoB,2BAAA;AAAA,QAC1B,OAAOC,iCAAA,CAAiB,qBAAA;AAAA,QACxB,QAAA,EAAU,MAAA;AAAA,QACV,oBAAA,EAAsB;AAAA,OACvB,CAAA;AAAA,IACH,CAAA;AAAA,IACA,KAAK,KAAA,EAAmC;AACtC,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,IAAI,yBAAyB,CAAA,EAAG;AAC9B,QAAA;AAAA,MACF;AAGA,MAAA,QAAA,CAAS;AAAA,QACP,MAAMD,uCAAA,CAAoB,2BAAA;AAAA,QAC1B,OAAOC,iCAAA,CAAiB,iBAAA;AAAA,QACxB,QAAA,EAAU,MAAA;AAAA,QACV,oBAAA,EAAsB;AAAA,OACvB,CAAA;AAAA,IACH,CAAA;AAAA,IAEA,IAAI,KAAA,EAAmC;AACrC,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,IAAI,oBAAA,KAAyB,WAAW,CAAA,EAAG;AACzC,QAAA;AAAA,MACF;AAGA,MAAA,QAAA,CAAS;AAAA,QACP,MAAMD,uCAAA,CAAoB,2BAAA;AAAA,QAC1B,OAAOC,iCAAA,CAAiB,mBAAA;AAAA,QACxB,QAAA,EAAU,MAAA;AAAA,QACV,sBAAsB,QAAA,GAAW;AAAA,OAClC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,GAAG;AAAA,GACL;AAEF,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAsC;AAhO/D,IAAA,IAAA,EAAA;AAiOI,IAAA,CAAA,EAAA,GAAA,QAAA,CAAS,KAAA,CAAM,SAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAsB,KAAA,CAAA;AAAA,EACxB,CAAA;AAEA,EAAA,OAAO,aAAA;AACT;;;;"}

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,YAAA,CACd,UAAA,EACA,UAAA,GAAiC,CAAA,EACjC,kBAAsC,sBAAA,EACtC;AACA,EAAA,MAAM,EAAE,YAAA,EAAa,GAAI,eAAA,EAAgB;AAEzC,EAAA,IAAI,kBAAkB,YAAA,GAAe,UAAA;AACrC,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,eAAA,GAAkB,IAAA,CAAK,GAAA,CAAI,UAAA,EAAY,YAAY,CAAA,GAAI,UAAA;AAAA,EACzD;AAEA,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,eAAA,EAAiB,CAAC,CAAA;AACpC;AAEO,SAAS,SAAA,CACd,UAAA,EACA,oBAAA,EACA,SAAA,EACQ;AACR,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,IAAA,CAAK,GAAA,CAAI,UAAA,EAAY,oBAAA,EAAsB,SAAS,CAAA;AAAA,EAC7D;AAEA,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,oBAAA,EAAsB,SAAS,CAAA;AACjD;AAEO,MAAM,yBAAyB,MAAoB;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAY,GAAI,QAAA,CAAS,eAAA;AAC/C,EAAA,OAAO,EAAE,cAAc,WAAA,EAAY;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;
@@ -17,10 +15,10 @@ function deriveFlatStateFromTree(tree, parentId = null, level = 0, generatedId =
           generatedChildId
         );
         return { ...menuStructure, ...innerState };
-      } else {
-        return menuStructure;
       }
+      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 { 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        return { ...menuStructure, ...innerState };\n      } else {\n        return menuStructure;\n      }\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;AACA,QAAA,OAAO,EAAE,GAAG,aAAe,EAAA,GAAG,UAAW,EAAA,CAAA;AAAA,OACpC,MAAA;AACL,QAAO,OAAA,aAAA,CAAA;AAAA,OACT;AAAA,KACF;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,YAAA,GAAe,GAAA;AAkBd,SAAS,wBACd,IAAA,EACA,QAAA,GAA0B,MAC1B,KAAA,GAAQ,CAAA,EACR,cAAc,qBAAA,EACM;AACpB,EAAA,MAAM,EAAE,EAAA,GAAK,WAAA,EAAa,SAAA,GAAY,IAAG,GAAI,IAAA;AAC7C,EAAA,OAAO,SAAA,CAAU,MAAA;AAAA,IACf,CAAC,aAAA,EAAe,QAAA,EAAU,KAAA,KAAU;AAClC,MAAA,IAAI,UAAA,CAAW,QAAQ,CAAA,EAAG;AACxB,QAAA,MAAM,mBAAmB,CAAC,WAAA,EAAa,KAAK,CAAA,CAAE,KAAK,YAAY,CAAA;AAC/D,QAAA,aAAA,CAAc,EAAE,CAAA,CAAE,UAAA,CAAW,KAAK,CAAA,GAAI,SAAS,EAAA,IAAM,gBAAA;AAErD,QAAA,MAAM,UAAA,GAAa,uBAAA;AAAA,UACjB,QAAA;AAAA,UACA,EAAA;AAAA,UACA,KAAA,GAAQ,CAAA;AAAA,UACR;AAAA,SACF;AAEA,QAAA,OAAO,EAAE,GAAG,aAAA,EAAe,GAAG,UAAA,EAAW;AAAA,MAC3C;AACA,MAAA,OAAO,aAAA;AAAA,IACT,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,CAAC,EAAE,GAAG;AAAA,QACJ,EAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAY,EAAC;AAAA,QACb,WAAW,IAAA,CAAK,SAAA;AAAA,QAChB;AAAA;AACF;AACF,GACF;AACF;AAEO,SAAS,WAAW,IAAA,EAAsB;AAC/C,EAAA,OAAO,IAAA,IAAQ,QAAQ,CAAC,CAAC,KAAK,SAAA,IAAa,IAAA,CAAK,UAAU,MAAA,GAAS,CAAA;AACrE;AAEO,SAAS,WAAW,IAAA,EAAsB;AAC/C,EAAA,OAAO,IAAA,IAAQ,IAAA,IAAQ,CAAC,IAAA,CAAK,SAAA;AAC/B;AAEO,SAAS,QAAQ,IAAA,EAAsB;AAC5C,EAAA,OAAO,IAAA,IAAQ,IAAA,IAAQ,CAAC,CAAC,IAAA,CAAK,IAAA;AAChC;;;;;;;"}

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

@@ -1,10 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
+var react = require('react');
 var useEventCallback = require('../../utils/useEventCallback.js');
-require('../../utils/useFloatingUI.js');
 require('@salt-ds/core');
 var useMountedRef = require('./useMountedRef.js');
 
@@ -16,6 +13,7 @@ function eventComingFromNodes(nodes, event) {
 const useClickAway = (nodes, containingDocument, onClickAway, onClick = () => void 0, mouseEvent = "mouseup") => {
   const mountedRef = useMountedRef.useMountedRef();
   const handleClickAway = useEventCallback.useEventCallback((event) => {
+    var _a;
     if (event.defaultPrevented) {
       return;
     }
@@ -29,14 +27,17 @@ 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 && ownerDocumentNode.ownerDocument;
-    if (doc.documentElement && doc.documentElement.contains(event.target) && !isEventComingFromNodes) {
+    const doc = containingDocument || (ownerDocumentNode == null ? void 0 : ownerDocumentNode.ownerDocument);
+    if (((_a = doc.documentElement) == null ? void 0 : _a.contains(event.target)) && !isEventComingFromNodes) {
       onClickAway(event);
     }
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     var _a;
     if (containingDocument) {
       containingDocument.addEventListener(

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 =\n      containingDocument ||\n      (ownerDocumentNode && ownerDocumentNode.ownerDocument);\n\n    if (\n      doc.documentElement &&\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;AAE9D,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,GACJ,kBACC,IAAA,iBAAA,IAAqB,iBAAkB,CAAA,aAAA,CAAA;AAE1C,IACE,IAAA,GAAA,CAAI,mBACJ,GAAI,CAAA,eAAA,CAAgB,SAAS,KAAM,CAAA,MAAqB,CACxD,IAAA,CAAC,sBACD,EAAA;AACA,MAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,KACnB;AAAA,GACD,CAAA,CAAA;AAED,EAAAC,eAAA,CAAU,MAAM;AApElB,IAAA,IAAA,EAAA,CAAA;AAqEI,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;AA5EjB,MAAAC,IAAAA,GAAAA,CAAAA;AA6EM,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,KAAA,EAAmB;AACrE,EAAA,OAAO,KAAA,CAAM,IAAA;AAAA,IACX,CAAC,IAAA,KACC,IAAA,IAAQ,IAAA,KACP,IAAA,KAAS,MAAM,MAAA,IAAU,IAAA,CAAK,QAAA,CAAS,KAAA,CAAM,MAAqB,CAAA;AAAA,GACvE;AACF;AAUO,MAAM,YAAA,GAA8B,CACzC,KAAA,EACA,kBAAA,EACA,aACA,OAAA,GAAU,MAAM,MAAA,EAChB,UAAA,GAAa,SAAA,KACV;AAEH,EAAA,MAAM,aAAaA,2BAAA,EAAc;AAEjC,EAAA,MAAM,eAAA,GAAkBC,iCAAA,CAAiB,CAAC,KAAA,KAAsB;AA/BlE,IAAA,IAAA,EAAA;AAiCI,IAAA,IAAI,MAAM,gBAAA,EAAkB;AAC1B,MAAA;AAAA,IACF;AAGA,IAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AACvB,MAAA;AAAA,IACF;AAEA,IAAA,OAAA,CAAQ,KAAK,CAAA;AAEb,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,aAAA,GAAgB,OAAO,KAAA,KAAU,UAAA,GAAa,OAAM,GAAI,KAAA;AAC9D,IAAA,MAAM,sBAAA,GAAyB,oBAAA,CAAqB,aAAA,EAAe,KAAK,CAAA;AAExE,IAAA,MAAM,oBAAoB,aAAA,CAAc,IAAA;AAAA,MAAK,CAAC,IAAA;AAAA;AAAA,QAE5C,IAAA,GAAO,KAAK,aAAA,GAAgB;AAAA;AAAA,KAC9B;AACA,IAAA,MAAM,GAAA,GAAM,uBAAsB,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAmB,aAAA,CAAA;AAErD,IAAA,IAAA,CAAA,CACE,SAAI,eAAA,KAAJ,IAAA,GAAA,MAAA,GAAA,EAAA,CAAqB,SAAS,KAAA,CAAM,MAAA,CAAA,KACpC,CAAC,sBAAA,EACD;AACA,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,IACnB;AAAA,EACF,CAAC,CAAA;AAED,EAAAC,eAAA,CAAU,MAAM;AAjElB,IAAA,IAAA,EAAA;AAkEI,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,kBAAA,CAAmB,gBAAA;AAAA,QACjB,UAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,CAAA,EAAA,GAAA,kBAAA,CAAmB,WAAA,KAAnB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAgC,gBAAA,CAAiB,MAAA,EAAQ,WAAA,CAAA;AAAA,IAC3D;AACA,IAAA,OAAO,MAAM;AAzEjB,MAAA,IAAAC,GAAAA;AA0EM,MAAA,IAAI,kBAAA,EAAoB;AACtB,QAAA,kBAAA,CAAmB,mBAAA;AAAA,UACjB,UAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,CAAAA,GAAAA,GAAA,kBAAA,CAAmB,WAAA,KAAnB,IAAA,GAAA,MAAA,GAAAA,GAAAA,CAAgC,mBAAA;AAAA,UAC9B,MAAA;AAAA,UACA;AAAA,SAAA;AAAA,MAEJ;AAAA,IACF,CAAA;AAAA,EACF,GAAG,CAAC,eAAA,EAAiB,UAAA,EAAY,kBAAA,EAAoB,WAAW,CAAC,CAAA;AACnE;;;;"}