@salt-ds/lab 1.0.0-alpha.0

package/dist-cjs/packages/lab/src/carousel/CarouselSlide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselSlide.js","sources":["../src/carousel/CarouselSlide.tsx"],"sourcesContent":["import {\n  ElementType,\n  forwardRef,\n  HTMLAttributes,\n  ReactElement,\n  useRef,\n} from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport cx from \"classnames\";\nimport { ButtonBarProps } from \"../button-bar\";\n\nexport interface CarouselSlideProps extends HTMLAttributes<HTMLDivElement> {\n  ButtonBar?: ElementType<Partial<ButtonBarProps>>;\n  Media: ReactElement;\n  description?: string;\n  title?: string;\n  contentAlignment?: \"center\" | \"left\" | \"right\";\n}\n\nconst withBaseName = makePrefixer(\"saltCarouselSlide\");\n\nexport const CarouselSlide = forwardRef<HTMLDivElement, CarouselSlideProps>(\n  function CarouselSlide(\n    { ButtonBar, Media, description, title, contentAlignment },\n    ref\n  ) {\n    const buttonBarRef = useRef(null);\n\n    return (\n      <div ref={ref}>\n        {Media && <div className={withBaseName(\"mediaContainer\")}>{Media}</div>}\n        <div className={withBaseName(\"fixedContainer\")} ref={buttonBarRef}>\n          <div\n            className={cx({\n              [withBaseName(\"textContainer\")]: contentAlignment === \"center\",\n              [withBaseName(\"textContainerLeft\")]: contentAlignment === \"left\",\n            })}\n          >\n            {title && (\n              <div\n                aria-level={1}\n                className={withBaseName(\"titleContainer\")}\n                role=\"heading\"\n              >\n                {title}\n              </div>\n            )}\n            {description && (\n              <div className={withBaseName(\"descriptionContainer\")}>\n                {description}\n              </div>\n            )}\n          </div>\n          {ButtonBar && (\n            <div\n              className={cx({\n                [withBaseName(\"buttonBarOverride\")]:\n                  contentAlignment === \"center\",\n                [withBaseName(\"buttonBarOverrideLeft\")]:\n                  contentAlignment === \"left\",\n              })}\n            >\n              <ButtonBar\n                className={cx({\n                  [withBaseName(\"buttonBarContainer\")]:\n                    contentAlignment === \"center\",\n                  [withBaseName(\"buttonBarContainerLeft\")]:\n                    contentAlignment === \"left\",\n                })}\n                stackAtBreakpoint={0}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","CarouselSlide","useRef","jsxs","jsx","cx"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA,CAAA;AAE9C,MAAM,aAAgB,GAAAC,gBAAA;AAAA,EAC3B,SAASC,eACP,EAAE,SAAA,EAAW,OAAO,WAAa,EAAA,KAAA,EAAO,gBAAiB,EAAA,EACzD,GACA,EAAA;AACA,IAAM,MAAA,YAAA,GAAeC,aAAO,IAAI,CAAA,CAAA;AAEhC,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MAAI,GAAA;AAAA,MACF,QAAA,EAAA;AAAA,QAAA,KAAA,oBAAUC,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,UAAI,QAAA,EAAA,KAAA;AAAA,SAAM,CAAA;AAAA,wBAChED,eAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,UAAG,GAAK,EAAA,YAAA;AAAA,UACnD,QAAA,EAAA;AAAA,4BAACA,eAAA,CAAA,KAAA,EAAA;AAAA,cACC,WAAWE,sBAAG,CAAA;AAAA,gBACZ,CAAC,YAAA,CAAa,eAAe,CAAA,GAAI,gBAAqB,KAAA,QAAA;AAAA,gBACtD,CAAC,YAAA,CAAa,mBAAmB,CAAA,GAAI,gBAAqB,KAAA,MAAA;AAAA,eAC3D,CAAA;AAAA,cAEA,QAAA,EAAA;AAAA,gBAAA,KAAA,oBACED,cAAA,CAAA,KAAA,EAAA;AAAA,kBACC,YAAY,EAAA,CAAA;AAAA,kBACZ,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,kBACxC,IAAK,EAAA,SAAA;AAAA,kBAEJ,QAAA,EAAA,KAAA;AAAA,iBACH,CAAA;AAAA,gBAED,+BACEA,cAAA,CAAA,KAAA,EAAA;AAAA,kBAAI,SAAA,EAAW,aAAa,sBAAsB,CAAA;AAAA,kBAChD,QAAA,EAAA,WAAA;AAAA,iBACH,CAAA;AAAA,eAAA;AAAA,aAEJ,CAAA;AAAA,YACC,6BACEA,cAAA,CAAA,KAAA,EAAA;AAAA,cACC,WAAWC,sBAAG,CAAA;AAAA,gBACZ,CAAC,YAAA,CAAa,mBAAmB,CAAA,GAC/B,gBAAqB,KAAA,QAAA;AAAA,gBACvB,CAAC,YAAA,CAAa,uBAAuB,CAAA,GACnC,gBAAqB,KAAA,MAAA;AAAA,eACxB,CAAA;AAAA,cAED,QAAC,kBAAAD,cAAA,CAAA,SAAA,EAAA;AAAA,gBACC,WAAWC,sBAAG,CAAA;AAAA,kBACZ,CAAC,YAAA,CAAa,oBAAoB,CAAA,GAChC,gBAAqB,KAAA,QAAA;AAAA,kBACvB,CAAC,YAAA,CAAa,wBAAwB,CAAA,GACpC,gBAAqB,KAAA,MAAA;AAAA,iBACxB,CAAA;AAAA,gBACD,iBAAmB,EAAA,CAAA;AAAA,eACrB,CAAA;AAAA,aACF,CAAA;AAAA,WAAA;AAAA,SAEJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

@@ -0,0 +1,232 @@
+'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');
+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 = 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

@@ -0,0 +1 @@
+{"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 = 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

@@ -0,0 +1,9 @@
+'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: #a4d5f4;\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

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

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

@@ -0,0 +1,159 @@
+'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 cx = require('classnames');
+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');
+var Tooltip = require('../tooltip/Tooltip.js');
+require('../tooltip/TooltipContext.js');
+var useTooltip = require('../tooltip/useTooltip.js');
+require('./CascadingMenuItem.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+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: cx__default["default"](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;
+    const { getTooltipProps, getTriggerProps } = useTooltip.useTooltip({
+      disableFocusListener: true,
+      disableHoverListener: true,
+      enterDelay: tooltipEnterDelay,
+      leaveDelay: tooltipLeaveDelay,
+      placement: "top",
+      disabled: !tooltipTitle || !hasTooltip || isChildMenuOpen
+    });
+    const { ref: triggerRef, ...triggerProps } = getTriggerProps({
+      "aria-expanded": isChildMenuOpen || void 0,
+      className: cx__default["default"](
+        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
+    });
+    const handleRef = core.useForkRef(triggerRef, ref);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+          ...getTooltipProps({
+            title: tooltipTitle
+          })
+        }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ListItem.ListItem, {
+          ...triggerProps,
+          ref: handleRef,
+          children: [
+            hasStartAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
+              className: withBaseName("menuItemStartAdornmentContainer"),
+              children: icon
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", {
+              className: cx__default["default"](withBaseName("menuItemText"), {
+                [withBaseName("menuItemDisabled")]: isDisabled
+              }),
+              ref: menuTextRef,
+              children: menuText
+            }),
+            hasEndAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
+              className: cx__default["default"](
+                withBaseName("menuItemEndAdornmentContainer"),
+                {
+                  [withBaseName("menuItemAdornmentHidden")]: !hasSubMenu
+                }
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightIcon, {
+                className: cx__default["default"](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

@@ -0,0 +1 @@
+{"version":3,"file":"CascadingMenuItem.js","sources":["../src/cascading-menu/CascadingMenuItem.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport classnames from \"classnames\";\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\";\nimport { Tooltip, useTooltip } from \"../tooltip\";\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={classnames(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    const { getTooltipProps, getTriggerProps } = useTooltip({\n      disableFocusListener: true,\n      disableHoverListener: true,\n      enterDelay: tooltipEnterDelay,\n      leaveDelay: tooltipLeaveDelay,\n      placement: \"top\",\n      disabled: !tooltipTitle || !hasTooltip || isChildMenuOpen,\n    });\n\n    const { ref: triggerRef, ...triggerProps } = getTriggerProps<\n      typeof ListItem\n    >({\n      \"aria-expanded\": isChildMenuOpen || undefined,\n      className: classnames(\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\n    const handleRef = useForkRef<HTMLDivElement>(triggerRef, ref);\n\n    return (\n      <>\n        <Tooltip\n          {...getTooltipProps({\n            title: tooltipTitle,\n          })}\n        />\n        <ListItem {...triggerProps} ref={handleRef}>\n          {hasStartAdornment && (\n            <div className={withBaseName(\"menuItemStartAdornmentContainer\")}>\n              {icon}\n            </div>\n          )}\n          <div\n            className={classnames(withBaseName(\"menuItemText\"), {\n              [withBaseName(\"menuItemDisabled\")]: isDisabled,\n            })}\n            ref={menuTextRef}\n          >\n            {menuText}\n          </div>\n          {hasEndAdornment && (\n            <div\n              className={classnames(\n                withBaseName(\"menuItemEndAdornmentContainer\"),\n                {\n                  [withBaseName(\"menuItemAdornmentHidden\")]: !hasSubMenu,\n                }\n              )}\n            >\n              <ChevronRightIcon\n                className={classnames(withBaseName(\"menuItemEndAdornment\"), {\n                  [withBaseName(\"menuItemDisabled\")]: isDisabled,\n                })}\n              />\n            </div>\n          )}\n          {divider && <div role=\"separator\" />}\n        </ListItem>\n      </>\n    );\n  }\n);\n"],"names":["makePrefixer","jsx","classnames","forwardRef","useRef","useState","useEffect","useTooltip","useForkRef","jsxs","Fragment","Tooltip","ListItem","ChevronRightIcon"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+'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

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