@salt-ds/lab 1.0.0-alpha.8 → 1.0.0-alpha.81

package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenu.js

@@ -1,233 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-var useEventCallback = require('../utils/useEventCallback.js');
-require('../utils/useFloatingUI.js');
-var CascadingMenuList = require('./CascadingMenuList.js');
-var CascadingMenuAction = require('./internal/CascadingMenuAction.js');
-var menuPositioning = require('./internal/menuPositioning.js');
-var stateUtils = require('./internal/stateUtils.js');
-var useClickAway = require('./internal/useClickAway.js');
-var useMenuTriggerHandlers = require('./internal/useMenuTriggerHandlers.js');
-var useRefsManager = require('./internal/useRefsManager.js');
-var useStateReducer = require('./internal/useStateReducer.js');
-var stateChangeTypes = require('./stateChangeTypes.js');
-
-const defaultItemToString = (item) => (item == null ? void 0 : item.title) || String(item);
-const noop = () => void 0;
-const CascadingMenu = React.forwardRef(
-  function CascadingMenu2(props, ref) {
-    const {
-      children,
-      className,
-      initialSource: initialSourceProp,
-      itemToString = defaultItemToString,
-      onClose,
-      onItemClick,
-      onOpen,
-      maxWidth = 544,
-      minWidth = 200,
-      delay = 300,
-      rowHeight,
-      tooltipEnterDelay = 1500,
-      tooltipLeaveDelay = 0,
-      height,
-      rootPlacement,
-      rootPlacementOffset,
-      menuTriggerRef: anchorRefProp,
-      open: openProp,
-      getScreenBounds = menuPositioning.defaultGetScreenBounds,
-      disableMouseOutInteractions,
-      disableClickAway,
-      containingDocument = globalThis.document,
-      source: sourceProp
-    } = props;
-    const density = core.useDensity();
-    const refsManager = useRefsManager.useRefsManager();
-    const childrenRef = React.useRef(null);
-    const getMenuTriggerRef = React.useCallback(
-      () => anchorRefProp || childrenRef.current,
-      [anchorRefProp]
-    );
-    const [menuSource] = core.useControlled({
-      controlled: sourceProp,
-      default: initialSourceProp,
-      name: "CascadingMenu",
-      state: "source"
-    });
-    const [isNavigatingWithKeyboard, setIsNavigatingWithKeyboard] = React.useState(false);
-    const menusDataById = React.useMemo(
-      () => menuSource ? stateUtils.deriveFlatStateFromTree(menuSource) : {},
-      [menuSource]
-    );
-    const rootMenuId = React.useMemo(
-      () => Object.keys(menusDataById).find((id) => menusDataById[id].level === 0),
-      [menusDataById]
-    );
-    const stateReducer = useStateReducer.useStateReducer(
-      menusDataById,
-      isNavigatingWithKeyboard
-    );
-    const [state, dispatch] = React.useReducer(stateReducer, []);
-    const rootMenuState = state[0];
-    const prevState = core.usePrevious(state, void 0, []);
-    const prevRootMenuState = prevState == null ? void 0 : prevState[0];
-    React.useEffect(() => {
-      if (!!rootMenuState !== !!prevRootMenuState) {
-        if (!rootMenuState) {
-          onClose == null ? void 0 : onClose();
-        } else if (rootMenuState) {
-          onOpen == null ? void 0 : onOpen();
-        }
-      }
-    });
-    const openCloseMenu = React.useCallback(
-      (open) => dispatch({
-        type: open ? CascadingMenuAction.CascadingMenuAction.OPEN_MENU : CascadingMenuAction.CascadingMenuAction.CLOSE_CASCADING_MENU,
-        cause: stateChangeTypes.stateChangeTypes.MOUSE_TOGGLE,
-        targetId: rootMenuId
-      }),
-      [rootMenuId]
-    );
-    React.useEffect(() => {
-      if (openProp !== void 0 && openProp !== !!rootMenuState) {
-        openCloseMenu(openProp);
-      }
-    });
-    const clickAwayNodes = disableClickAway ? null : () => [getMenuTriggerRef(), ...refsManager.values()].filter(
-      (node) => node !== null
-    );
-    useClickAway.useClickAway(
-      clickAwayNodes,
-      containingDocument,
-      () => {
-        dispatch({
-          type: CascadingMenuAction.CascadingMenuAction.CLOSE_CASCADING_MENU,
-          cause: stateChangeTypes.stateChangeTypes.CLICKED_AWAY,
-          targetId: rootMenuId
-        });
-      },
-      () => {
-        setIsNavigatingWithKeyboard(false);
-      }
-    );
-    const handleResize = useEventCallback.useEventCallback(() => {
-      if (rootMenuState) {
-        dispatch({
-          type: CascadingMenuAction.CascadingMenuAction.CLOSE_CASCADING_MENU,
-          cause: stateChangeTypes.stateChangeTypes.ON_RESIZE,
-          targetId: rootMenuId
-        });
-      }
-    });
-    React.useEffect(() => {
-      const win = core.ownerWindow(getMenuTriggerRef());
-      win.addEventListener("resize", handleResize);
-      return () => {
-        win.removeEventListener("resize", handleResize);
-      };
-    }, [getMenuTriggerRef, handleResize]);
-    const onItemClickCallback = React.useCallback(
-      (sourceItem, event) => {
-        onItemClick == null ? void 0 : onItemClick(sourceItem, event);
-        if (!isNavigatingWithKeyboard) {
-          dispatch({
-            type: CascadingMenuAction.CascadingMenuAction.CLOSE_CASCADING_MENU,
-            cause: stateChangeTypes.stateChangeTypes.ITEM_CLICKED,
-            targetId: rootMenuId
-          });
-        }
-      },
-      [isNavigatingWithKeyboard, onItemClick, rootMenuId]
-    );
-    const setMenuTriggerRef = React.useCallback((node) => {
-      childrenRef.current = node;
-    }, []);
-    const handleRef = core.useForkRef(
-      React.isValidElement(children) ? children.ref : noop,
-      setMenuTriggerRef
-    );
-    const [onMenuTriggerClick, onMenuTriggerKeydown] = useMenuTriggerHandlers.useMenuTriggerHandlers({
-      dispatch,
-      children,
-      setIsNavigatingWithKeyboard,
-      openCloseMenu,
-      rootMenuState,
-      rootMenuId,
-      menusDataById
-    });
-    const cloneMenuChildren = (cloneChildren) => {
-      if (React.isValidElement(cloneChildren)) {
-        const childrenProps = {
-          ...cloneChildren.props
-        };
-        if (openProp === void 0) {
-          childrenProps.onClick = onMenuTriggerClick;
-          childrenProps.onKeyDown = onMenuTriggerKeydown;
-        }
-        return React.cloneElement(cloneChildren, {
-          ref: handleRef,
-          ...childrenProps
-        });
-      }
-      return null;
-    };
-    const clonedChildren = cloneMenuChildren(children);
-    const commonMenuProps = {
-      className,
-      delay,
-      itemToString,
-      maxWidth,
-      minWidth,
-      onItemClick: onItemClickCallback,
-      dispatch,
-      isNavigatingWithKeyboard,
-      setIsNavigatingWithKeyboard,
-      menusDataById,
-      tooltipEnterDelay,
-      tooltipLeaveDelay,
-      rootPlacement,
-      rootPlacementOffset,
-      getScreenBounds,
-      disableMouseOutInteractions
-    };
-    React.useEffect(() => {
-      if (!openProp) {
-        setIsNavigatingWithKeyboard(false);
-      }
-    }, [openProp, rootPlacementOffset]);
-    return Object.keys(menusDataById).length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [
-        clonedChildren || null,
-        Object.values(state).map((menuState) => {
-          const data = menusDataById[menuState.id];
-          const isRoot = data.level === 0;
-          const parentElement = isRoot ? getMenuTriggerRef() : refsManager.get(data.parentId);
-          const isChildMenuOpen = !!state[data.level + 1];
-          return /* @__PURE__ */ React.createElement(CascadingMenuList.CascadingMenuList, {
-            ...commonMenuProps,
-            data,
-            height,
-            highlightedItemIndex: menuState.highlightedItemIndex,
-            isChildMenuOpen,
-            isRoot,
-            key: `${density}${menuState.id}`,
-            menuId: menuState.id,
-            menuTriggerRef: getMenuTriggerRef(),
-            parentElement,
-            ref: isRoot ? ref : null,
-            refsManager,
-            rowHeight
-          });
-        })
-      ]
-    }) : null;
-  }
-);
-
-exports.CascadingMenu = CascadingMenu;
-//# sourceMappingURL=CascadingMenu.js.map

package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CascadingMenu.js","sources":["../src/cascading-menu/CascadingMenu.tsx"],"sourcesContent":["import {\n  useControlled,\n  useDensity,\n  useForkRef,\n  ownerWindow,\n} from \"@salt-ds/core\";\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n  MouseEvent,\n  KeyboardEvent,\n} from \"react\";\nimport { useEventCallback } from \"../utils\";\nimport { usePrevious } from \"@salt-ds/core\";\nimport { CascadingMenuProps, MenuDescriptor } from \"./CascadingMenuProps\";\n\nimport { CascadingMenuList } from \"./CascadingMenuList\";\nimport { CascadingMenuAction } from \"./internal/CascadingMenuAction\";\nimport { defaultGetScreenBounds } from \"./internal/menuPositioning\";\nimport { deriveFlatStateFromTree } from \"./internal/stateUtils\";\nimport { useClickAway } from \"./internal/useClickAway\";\nimport { useMenuTriggerHandlers } from \"./internal/useMenuTriggerHandlers\";\nimport { useRefsManager } from \"./internal/useRefsManager\";\nimport { useStateReducer } from \"./internal/useStateReducer\";\nimport { stateChangeTypes } from \"./stateChangeTypes\";\n\nconst defaultItemToString = (item: any) => item?.title || String(item);\n\nconst noop = () => undefined;\n\nexport const CascadingMenu = forwardRef<HTMLDivElement, CascadingMenuProps>(\n  function CascadingMenu(props, ref) {\n    const {\n      children,\n      className,\n      initialSource: initialSourceProp,\n      itemToString = defaultItemToString,\n      onClose,\n      onItemClick,\n      onOpen,\n      maxWidth = 544,\n      minWidth = 200,\n      delay = 300,\n      rowHeight,\n      tooltipEnterDelay = 1500,\n      tooltipLeaveDelay = 0,\n      height,\n      rootPlacement,\n      // Add this to offset x, y on popper open\n      rootPlacementOffset,\n      menuTriggerRef: anchorRefProp,\n      open: openProp,\n      getScreenBounds = defaultGetScreenBounds,\n      disableMouseOutInteractions,\n      disableClickAway,\n      containingDocument = globalThis.document,\n      source: sourceProp,\n    } = props;\n    const density = useDensity();\n\n    const refsManager = useRefsManager();\n    const childrenRef = useRef<HTMLElement | null>(null);\n    const getMenuTriggerRef = useCallback(\n      (): HTMLElement | null => anchorRefProp || childrenRef.current,\n      [anchorRefProp]\n    );\n\n    const [menuSource] = useControlled({\n      controlled: sourceProp,\n      default: initialSourceProp,\n      name: \"CascadingMenu\",\n      state: \"source\",\n    });\n\n    const [isNavigatingWithKeyboard, setIsNavigatingWithKeyboard] =\n      useState(false);\n\n    const menusDataById = useMemo(\n      () => (menuSource ? deriveFlatStateFromTree(menuSource) : {}),\n      [menuSource]\n    );\n\n    const rootMenuId = useMemo(\n      () =>\n        Object.keys(menusDataById).find((id) => menusDataById[id].level === 0),\n      [menusDataById]\n    );\n\n    const stateReducer = useStateReducer(\n      menusDataById,\n      isNavigatingWithKeyboard\n    );\n    const [state, dispatch] = useReducer(stateReducer, []);\n    const rootMenuState = state[0];\n\n    // Call open and close callbacks after rendering as we know for sure whether the cascading menu is open or closed\n    const prevState = usePrevious(state, undefined, []);\n    const prevRootMenuState = prevState?.[0];\n    useEffect(() => {\n      if (!!rootMenuState !== !!prevRootMenuState) {\n        if (!rootMenuState) {\n          onClose?.();\n        } else if (rootMenuState) {\n          onOpen?.();\n        }\n      }\n    });\n\n    // Controlled opening/closing of the menu\n    const openCloseMenu = useCallback(\n      (open: boolean) =>\n        dispatch({\n          type: open\n            ? CascadingMenuAction.OPEN_MENU\n            : CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.MOUSE_TOGGLE,\n          targetId: rootMenuId!,\n        }),\n      [rootMenuId]\n    );\n    // do not re-render every time if prop does not change\n    useEffect(() => {\n      if (openProp !== undefined && openProp !== !!rootMenuState) {\n        openCloseMenu(openProp);\n      }\n    });\n\n    const clickAwayNodes = disableClickAway\n      ? null\n      : () =>\n          [getMenuTriggerRef(), ...refsManager.values()].filter(\n            (node) => node !== null\n          ) as HTMLElement[];\n    useClickAway(\n      clickAwayNodes,\n      containingDocument,\n      () => {\n        dispatch({\n          type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.CLICKED_AWAY,\n          targetId: rootMenuId!,\n        });\n      },\n      () => {\n        setIsNavigatingWithKeyboard(false);\n      }\n    );\n\n    const handleResize = useEventCallback(() => {\n      if (rootMenuState) {\n        dispatch({\n          type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.ON_RESIZE,\n          targetId: rootMenuId!,\n        });\n      }\n    });\n\n    useEffect(() => {\n      const win = ownerWindow(getMenuTriggerRef());\n\n      win.addEventListener(\"resize\", handleResize);\n      return () => {\n        win.removeEventListener(\"resize\", handleResize);\n      };\n    }, [getMenuTriggerRef, handleResize]);\n\n    // close the menu on item click via mouse\n    const onItemClickCallback = useCallback(\n      (sourceItem: MenuDescriptor, event: KeyboardEvent | MouseEvent) => {\n        onItemClick?.(sourceItem, event);\n\n        if (!isNavigatingWithKeyboard) {\n          dispatch({\n            type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n            cause: stateChangeTypes.ITEM_CLICKED,\n            targetId: rootMenuId!,\n          });\n        }\n      },\n      [isNavigatingWithKeyboard, onItemClick, rootMenuId]\n    );\n\n    // Set up event handlers on menu trigger if passed\n    const setMenuTriggerRef = useCallback((node: HTMLElement) => {\n      childrenRef.current = node;\n    }, []);\n    const handleRef = useForkRef(\n      //TODO get to bottom of this\n      // @ts-ignore\n      isValidElement(children) ? children.ref : noop,\n      setMenuTriggerRef\n    );\n\n    const [onMenuTriggerClick, onMenuTriggerKeydown] = useMenuTriggerHandlers({\n      dispatch,\n      children,\n      setIsNavigatingWithKeyboard,\n      openCloseMenu,\n      rootMenuState,\n      rootMenuId,\n      menusDataById,\n    });\n\n    const cloneMenuChildren = (cloneChildren: ReactNode) => {\n      if (isValidElement(cloneChildren)) {\n        const childrenProps = {\n          ...cloneChildren.props,\n        };\n\n        if (openProp === undefined) {\n          childrenProps.onClick = onMenuTriggerClick;\n          childrenProps.onKeyDown = onMenuTriggerKeydown;\n        }\n\n        return cloneElement(cloneChildren, {\n          ref: handleRef,\n          ...childrenProps,\n        });\n      }\n      return null;\n    };\n\n    const clonedChildren = cloneMenuChildren(children);\n\n    const commonMenuProps = {\n      className,\n      delay,\n      itemToString,\n      maxWidth,\n      minWidth,\n      onItemClick: onItemClickCallback,\n      dispatch,\n      isNavigatingWithKeyboard,\n      setIsNavigatingWithKeyboard,\n      menusDataById,\n      tooltipEnterDelay,\n      tooltipLeaveDelay,\n      rootPlacement,\n      rootPlacementOffset,\n      getScreenBounds,\n      disableMouseOutInteractions,\n    };\n\n    useEffect(() => {\n      if (!openProp) {\n        setIsNavigatingWithKeyboard(false);\n      }\n    }, [openProp, rootPlacementOffset]);\n\n    return Object.keys(menusDataById).length > 0 ? (\n      <>\n        {clonedChildren || null}\n        {Object.values(state).map((menuState) => {\n          const data = menusDataById[menuState.id];\n\n          const isRoot = data.level === 0;\n          const parentElement = isRoot\n            ? getMenuTriggerRef()\n            : refsManager.get(data.parentId!);\n\n          const isChildMenuOpen = !!state[data.level + 1];\n          return (\n            <CascadingMenuList\n              {...commonMenuProps}\n              data={data}\n              height={height}\n              highlightedItemIndex={menuState.highlightedItemIndex}\n              isChildMenuOpen={isChildMenuOpen}\n              isRoot={isRoot}\n              key={`${density}${menuState.id}`}\n              menuId={menuState.id}\n              menuTriggerRef={getMenuTriggerRef()}\n              parentElement={parentElement}\n              ref={isRoot ? ref : null}\n              refsManager={refsManager}\n              rowHeight={rowHeight}\n            />\n          );\n        })}\n      </>\n    ) : null;\n  }\n);\n"],"names":["forwardRef","CascadingMenu","defaultGetScreenBounds","useDensity","useRefsManager","useRef","useCallback","useControlled","useState","useMemo","deriveFlatStateFromTree","useStateReducer","useReducer","usePrevious","useEffect","CascadingMenuAction","stateChangeTypes","useClickAway","useEventCallback","ownerWindow","useForkRef","isValidElement","useMenuTriggerHandlers","cloneElement","jsxs","Fragment","createElement","CascadingMenuList"],"mappings":"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"}

package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuItem.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltMenuItem {\n  background: var(--salt-selectable-background);\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  right: 0;\n  cursor: pointer;\n  overflow: hidden;\n  text-align: left;\n  user-select: none;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.saltMenuItem-menuItemText {\n  flex-grow: 2;\n  white-space: nowrap;\n}\n\n.saltMenuItem-menuItemEndAdornment {\n  margin-left: 8px; /* density */\n}\n\n.saltMenuItem-menuItemStartAdornmentContainer {\n  margin-right: var(--salt-size-unit);\n  width: 12px;\n}\n\n.saltMenuItem-menuItemAdornmentHidden {\n  visibility: hidden;\n}\n\n.saltMenuItem.saltMenuItem-menuItemDivider {\n  border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-secondary-borderColor);\n}\n\n.saltMenuItem-menuItemHover:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n/* extra specificity requred to override ListItem selected */\n.saltMenuItem.saltMenuItem-menuItemBlurSelected {\n  background: var(--salt-selectable-background-blurSelected) !important;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=CascadingMenuItem.css.js.map

package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuItem.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CascadingMenuItem.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuItem.js

@@ -1,138 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var icons = require('@salt-ds/icons');
-var clsx = require('clsx');
-var React = require('react');
-require('../list-deprecated/List.js');
-require('../list-deprecated/ListBase.js');
-require('../list-deprecated/ListItemBase.js');
-var ListItem = require('../list-deprecated/ListItem.js');
-require('../list-deprecated/ListItemContext.js');
-require('../list-deprecated/ListStateContext.js');
-require('../utils/useFloatingUI.js');
-require('./CascadingMenuItem.css.js');
-
-const noop = () => void 0;
-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
-      })
-    });
-  } else {
-    return null;
-  }
-};
-const DefaultMenuItem = React.forwardRef(
-  function(props, ref) {
-    const {
-      blurSelected,
-      className,
-      hasEndAdornment,
-      hasScrollbar,
-      hasStartAdornment,
-      onItemClick,
-      itemToString,
-      isInteracted,
-      isNavigatingWithKeyboard,
-      isChildMenuOpen,
-      hasSubMenu,
-      sourceItem,
-      tooltipEnterDelay,
-      tooltipLeaveDelay,
-      ...restProps
-    } = props;
-    const menuTextRef = React.useRef(null);
-    const [hasTooltip, setHasTooltip] = React.useState(false);
-    const menuText = itemToString(sourceItem);
-    React.useEffect(() => {
-      const element = menuTextRef.current;
-      if (element) {
-        if (element.offsetWidth < element.scrollWidth) {
-          setHasTooltip(true);
-        }
-      }
-    }, [menuText]);
-    const isDisabled = sourceItem.disabled;
-    const divider = sourceItem.divider;
-    const onClick = isDisabled || hasSubMenu ? noop : onItemClick;
-    const handleOnClick = (event) => {
-      if (!isDisabled && !hasSubMenu) {
-        onClick == null ? void 0 : onClick(sourceItem, event);
-      }
-    };
-    const interactionClasses = isNavigatingWithKeyboard ? {
-      [withBaseName(`menuItemKeyboardActive`)]: !isDisabled && isInteracted && !blurSelected,
-      [withBaseName(`menuItemKeyboardDisabled`)]: isDisabled && isInteracted
-    } : {
-      [withBaseName(`menuItemHover`)]: !isDisabled && !blurSelected
-    };
-    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(),
-          {
-            [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(icons.ChevronRightIcon, {
-              className: clsx.clsx(withBaseName("menuItemEndAdornment"), {
-                [withBaseName("menuItemDisabled")]: isDisabled
-              })
-            })
-          }),
-          divider && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            role: "separator"
-          })
-        ]
-      })
-    });
-  }
-);
-
-exports.DefaultMenuItem = DefaultMenuItem;
-//# sourceMappingURL=CascadingMenuItem.js.map

package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuItem.js.map

@@ -1 +0,0 @@
-{"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 \"./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 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","useRef","useState","useEffect","Tooltip","jsxs","ListItem","ChevronRightIcon"],"mappings":"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"}

package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuList.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltCascadingMenuList-popper {\n  background: var(--salt-container-primary-background);\n}\n\n.saltCascadingMenuList-popper {\n  --list-box-content: content-box;\n  --list-boxShadow: var(--salt-overlayable-shadow-popout);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=CascadingMenuList.css.js.map

package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuList.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CascadingMenuList.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuList.js

@@ -1,180 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-var Portal = require('../portal/Portal.js');
-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/ListItemContext.js');
-require('../list-deprecated/ListStateContext.js');
-require('../utils/useFloatingUI.js');
-var CascadingMenuItem = require('./CascadingMenuItem.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');
-require('./CascadingMenuList.css.js');
-
-const CascadingMenuList = React.forwardRef(function CascadingMenuList2(props, ref) {
-  const {
-    className,
-    maxWidth,
-    minWidth,
-    itemToString,
-    onItemClick,
-    refsManager: refsManager2,
-    dispatch,
-    rowHeight: rowHeightProp,
-    isNavigatingWithKeyboard,
-    data,
-    tooltipEnterDelay,
-    tooltipLeaveDelay,
-    height: heightProp,
-    isChildMenuOpen,
-    isRoot,
-    highlightedItemIndex,
-    menuId,
-    parentElement = null,
-    getScreenBounds,
-    disableMouseOutInteractions,
-    rootPlacementOffset,
-    rootPlacement = "bottom-start"
-  } = props;
-  const baseClass = "saltCascadingMenuList";
-  const [menuRef, setInternalMenuRef] = React.useState(null);
-  const setMenuRef = React.useCallback(
-    (node) => {
-      refsManager2.set(menuId, node);
-    },
-    [refsManager2, menuId]
-  );
-  const sizeStackable = 36;
-  const defaultRowHeight = sizeStackable;
-  const spacing = 8;
-  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) {
-      const id = setTimeout(() => {
-        menuRef.focus();
-      });
-      return () => {
-        clearTimeout(id);
-      };
-    }
-  }, [menuRef, rootPlacementOffset]);
-  const handleKeyDown = keydownHandlers.getKeyDownHandlers(props, setIsMenuActive);
-  const onFocusHandler = React.useCallback(() => {
-    setIsMenuActive(true);
-    if (isNavigatingWithKeyboard) {
-      if (!highlightedItemIndex) {
-        dispatch({
-          type: CascadingMenuAction.CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
-          cause: stateChangeTypes.stateChangeTypes.KEYBOARD_NAV_AUTO_FOCUS,
-          targetId: menuId,
-          highlightedItemIndex: 0
-        });
-      }
-    }
-  }, [
-    setIsMenuActive,
-    isNavigatingWithKeyboard,
-    highlightedItemIndex,
-    dispatch,
-    menuId
-  ]);
-  const [handleMouseMove, handleMouseOut] = useMouseHandlers.useMouseHandlers(
-    props,
-    isMenuActiveState,
-    menuRef
-  );
-  const hasEndAdornment = React.useMemo(
-    () => data.menuItems.some(stateUtils.hasSubMenu),
-    [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;
-  const menuHeight = menuPositioning.getHeight(heightProp, calculatedMenuHeight, maxHeight);
-  const hasScrollbar = menuHeight >= maxHeight;
-  const menuContainerHeight = menuHeight + 2;
-  const Window = WindowContext.useWindow();
-  const { reference, floating, x, y, strategy } = core.useFloatingUI({
-    placement: isRoot ? rootPlacement : "right-start"
-  });
-  core.useIsomorphicLayoutEffect(() => {
-    if (parentElement) {
-      reference(
-        isRoot ? parentElement : parentElement.querySelector(
-          `#${parentElement.getAttribute("aria-activedescendant")}`
-        )
-      );
-    }
-  }, [reference, isRoot, parentElement]);
-  if (parentElement === null) {
-    return null;
-  }
-  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,
-        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)
-    })
-  });
-});
-
-exports.CascadingMenuList = CascadingMenuList;
-//# sourceMappingURL=CascadingMenuList.js.map