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

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

@@ -0,0 +1,42 @@
+const ID_SEPARATOR = "-";
+function deriveFlatStateFromTree(tree, parentId = null, level = 0, generatedId = "salt-cascading-menu") {
+  const { id = generatedId, menuItems = [] } = tree;
+  return menuItems.reduce(
+    (menuStructure, menuItem, index) => {
+      if (hasSubMenu(menuItem)) {
+        const generatedChildId = [generatedId, index].join(ID_SEPARATOR);
+        menuStructure[id].childMenus[index] = menuItem.id || generatedChildId;
+        const innerState = deriveFlatStateFromTree(
+          menuItem,
+          id,
+          level + 1,
+          generatedChildId
+        );
+        return { ...menuStructure, ...innerState };
+      }
+      return menuStructure;
+    },
+    // Initialize the structure with the root menu
+    {
+      [id]: {
+        id,
+        parentId,
+        childMenus: {},
+        menuItems: tree.menuItems,
+        level
+      }
+    }
+  );
+}
+function hasSubMenu(item) {
+  return item != null && !!item.menuItems && item.menuItems.length > 0;
+}
+function isMenuItem(item) {
+  return item != null && !item.menuItems;
+}
+function hasIcon(item) {
+  return item != null && !!item.icon;
+}
+
+export { deriveFlatStateFromTree, hasIcon, hasSubMenu, isMenuItem };
+//# sourceMappingURL=stateUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stateUtils.js","sources":["../src/cascading-menu/internal/stateUtils.ts"],"sourcesContent":["import type { MenuDescriptor } from \"../CascadingMenuProps\";\n\nconst ID_SEPARATOR = \"-\";\n\nexport type menuState = {\n  id: string;\n  flipped?: boolean;\n  highlightedItemIndex?: number;\n  level: number;\n  parentId: string | null;\n  childMenus: {\n    [key: number]: string;\n  };\n  menuItems: MenuDescriptor[];\n};\n\nexport type flattenedMenuState = {\n  [key: string]: menuState;\n};\n\nexport function deriveFlatStateFromTree(\n  tree: MenuDescriptor,\n  parentId: string | null = null,\n  level = 0,\n  generatedId = \"salt-cascading-menu\",\n): flattenedMenuState {\n  const { id = generatedId, menuItems = [] } = tree;\n  return menuItems.reduce(\n    (menuStructure, menuItem, index) => {\n      if (hasSubMenu(menuItem)) {\n        const generatedChildId = [generatedId, index].join(ID_SEPARATOR);\n        menuStructure[id].childMenus[index] = menuItem.id || generatedChildId;\n\n        const innerState = deriveFlatStateFromTree(\n          menuItem,\n          id,\n          level + 1,\n          generatedChildId,\n        );\n        // biome-ignore lint/performance/noAccumulatingSpread: reduce on object\n        return { ...menuStructure, ...innerState };\n      }\n      return menuStructure;\n    },\n    // Initialize the structure with the root menu\n    {\n      [id]: {\n        id,\n        parentId,\n        childMenus: {},\n        menuItems: tree.menuItems,\n        level,\n      },\n    } as flattenedMenuState,\n  );\n}\n\nexport function hasSubMenu(item: MenuDescriptor) {\n  return item != null && !!item.menuItems && item.menuItems.length > 0;\n}\n\nexport function isMenuItem(item: MenuDescriptor) {\n  return item != null && !item.menuItems;\n}\n\nexport function hasIcon(item: MenuDescriptor) {\n  return item != null && !!item.icon;\n}\n"],"names":[],"mappings":"AAEA,MAAM,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-es/cascading-menu/internal/useClickAway.js

@@ -0,0 +1,64 @@
+import { useEffect } from 'react';
+import { useEventCallback } from '../../utils/useEventCallback.js';
+import '@salt-ds/core';
+import { useMountedRef } from './useMountedRef.js';
+
+function eventComingFromNodes(nodes, event) {
+  return nodes.some(
+    (node) => node != null && (node === event.target || node.contains(event.target))
+  );
+}
+const useClickAway = (nodes, containingDocument, onClickAway, onClick = () => void 0, mouseEvent = "mouseup") => {
+  const mountedRef = useMountedRef();
+  const handleClickAway = useEventCallback((event) => {
+    var _a;
+    if (event.defaultPrevented) {
+      return;
+    }
+    if (!mountedRef.current) {
+      return;
+    }
+    onClick(event);
+    if (!nodes) {
+      return;
+    }
+    const resolvedNodes = typeof nodes === "function" ? nodes() : nodes;
+    const isEventComingFromNodes = eventComingFromNodes(resolvedNodes, event);
+    const ownerDocumentNode = resolvedNodes.find(
+      (node) => (
+        // node could be null, e.g. left click on surrounding area of context menu examples
+        node ? node.ownerDocument : false
+      )
+    );
+    const doc = containingDocument || (ownerDocumentNode == null ? void 0 : ownerDocumentNode.ownerDocument);
+    if (((_a = doc.documentElement) == null ? void 0 : _a.contains(event.target)) && !isEventComingFromNodes) {
+      onClickAway(event);
+    }
+  });
+  useEffect(() => {
+    var _a;
+    if (containingDocument) {
+      containingDocument.addEventListener(
+        mouseEvent,
+        handleClickAway
+      );
+      (_a = containingDocument.defaultView) == null ? void 0 : _a.addEventListener("blur", onClickAway);
+    }
+    return () => {
+      var _a2;
+      if (containingDocument) {
+        containingDocument.removeEventListener(
+          mouseEvent,
+          handleClickAway
+        );
+        (_a2 = containingDocument.defaultView) == null ? void 0 : _a2.removeEventListener(
+          "blur",
+          onClickAway
+        );
+      }
+    };
+  }, [handleClickAway, mouseEvent, containingDocument, onClickAway]);
+};
+
+export { useClickAway };
+//# sourceMappingURL=useClickAway.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClickAway.js","sources":["../src/cascading-menu/internal/useClickAway.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEventCallback } from \"../../utils\";\n\nimport { useMountedRef } from \"./useMountedRef\";\n\nfunction eventComingFromNodes(nodes: HTMLElement[], event: MouseEvent) {\n  return nodes.some(\n    (node) =>\n      node != null &&\n      (node === event.target || node.contains(event.target as HTMLElement)),\n  );\n}\n\ntype clickAwayHook = (\n  nodes: HTMLElement[] | (() => HTMLElement[]) | null,\n  containingDocument: Document,\n  onClickAway: (event: FocusEvent) => void,\n  onClick: (event: MouseEvent) => void,\n  mouseEvent?: keyof DocumentEventMap,\n) => void;\n\nexport const useClickAway: clickAwayHook = (\n  nodes,\n  containingDocument,\n  onClickAway,\n  onClick = () => undefined,\n  mouseEvent = \"mouseup\",\n) => {\n  //TODO can we get rid of this if it's just for IE11 ?\n  const mountedRef = useMountedRef();\n\n  const handleClickAway = useEventCallback((event: MouseEvent) => {\n    // Ignore events that have been `event.preventDefault()` marked.\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    // IE 11 support, which trigger the handleClickAway even after the unbind\n    if (!mountedRef.current) {\n      return;\n    }\n\n    onClick(event);\n\n    if (!nodes) {\n      return;\n    }\n\n    const resolvedNodes = typeof nodes === \"function\" ? nodes() : nodes;\n    const isEventComingFromNodes = eventComingFromNodes(resolvedNodes, event);\n\n    const ownerDocumentNode = resolvedNodes.find((node) =>\n      // node could be null, e.g. left click on surrounding area of context menu examples\n      node ? node.ownerDocument : false,\n    );\n    const doc = containingDocument || ownerDocumentNode?.ownerDocument;\n\n    if (\n      doc.documentElement?.contains(event.target as HTMLElement) &&\n      !isEventComingFromNodes\n    ) {\n      onClickAway(event);\n    }\n  });\n\n  useEffect(() => {\n    if (containingDocument) {\n      containingDocument.addEventListener(\n        mouseEvent,\n        handleClickAway as EventListener,\n      );\n      containingDocument.defaultView?.addEventListener(\"blur\", onClickAway);\n    }\n    return () => {\n      if (containingDocument) {\n        containingDocument.removeEventListener(\n          mouseEvent,\n          handleClickAway as EventListener,\n        );\n        containingDocument.defaultView?.removeEventListener(\n          \"blur\",\n          onClickAway,\n        );\n      }\n    };\n  }, [handleClickAway, mouseEvent, containingDocument, onClickAway]);\n};\n"],"names":["_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,aAAa,aAAA,EAAc;AAEjC,EAAA,MAAM,eAAA,GAAkB,gBAAA,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,EAAA,SAAA,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,IAAAA,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;;;;"}

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

@@ -0,0 +1,91 @@
+import { isValidElement } from 'react';
+import { useEventCallback } from '../../utils/useEventCallback.js';
+import '@salt-ds/core';
+import { stateChangeTypes } from '../stateChangeTypes.js';
+import { CascadingMenuAction } from './CascadingMenuAction.js';
+
+function useMenuTriggerHandlers({
+  dispatch,
+  children,
+  setIsNavigatingWithKeyboard,
+  openCloseMenu,
+  rootMenuState,
+  rootMenuId,
+  menusDataById = {}
+}) {
+  const handleOnClick = useEventCallback((event) => {
+    var _a;
+    const { type } = event;
+    setIsNavigatingWithKeyboard(false);
+    if (type === "click") {
+      if (isValidElement(children)) {
+        const childrenProps = children.props;
+        (_a = childrenProps.onClick) == null ? void 0 : _a.call(childrenProps, event);
+      }
+      openCloseMenu(!rootMenuState);
+    }
+  });
+  const handleOnKeydown = useEventCallback(
+    (event) => {
+      var _a;
+      const { key } = event;
+      switch (key) {
+        case "Spacebar":
+        case " ":
+        case "Enter":
+          event.stopPropagation();
+          event.preventDefault();
+          setIsNavigatingWithKeyboard(true);
+          if (!rootMenuId) {
+            break;
+          }
+          dispatch({
+            type: rootMenuState ? CascadingMenuAction.CLOSE_MENU : CascadingMenuAction.OPEN_MENU,
+            cause: stateChangeTypes.KEYBOARD_TOGGLE,
+            targetId: rootMenuId
+          });
+          break;
+        case "ArrowDown":
+          event.stopPropagation();
+          event.preventDefault();
+          setIsNavigatingWithKeyboard(true);
+          if (rootMenuState || !rootMenuId) {
+            break;
+          }
+          dispatch({
+            type: CascadingMenuAction.OPEN_MENU,
+            cause: stateChangeTypes.KEYBOARD_TOGGLE,
+            targetId: rootMenuId
+          });
+          break;
+        case "ArrowUp":
+          event.stopPropagation();
+          event.preventDefault();
+          setIsNavigatingWithKeyboard(true);
+          if (rootMenuState || !rootMenuId) {
+            break;
+          }
+          dispatch({
+            type: CascadingMenuAction.OPEN_MENU,
+            cause: stateChangeTypes.KEYBOARD_TOGGLE,
+            targetId: rootMenuId
+          });
+          dispatch({
+            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
+            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,
+            targetId: rootMenuId,
+            highlightedItemIndex: menusDataById[rootMenuId].menuItems.length - 1
+          });
+          break;
+      }
+      if (isValidElement(children)) {
+        const childrenProps = children.props;
+        (_a = childrenProps.onKeyDown) == null ? void 0 : _a.call(childrenProps, event);
+      }
+    }
+  );
+  return [handleOnClick, handleOnKeydown];
+}
+
+export { useMenuTriggerHandlers };
+//# sourceMappingURL=useMenuTriggerHandlers.js.map

package/dist-es/cascading-menu/internal/useMenuTriggerHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuTriggerHandlers.js","sources":["../src/cascading-menu/internal/useMenuTriggerHandlers.ts"],"sourcesContent":["import {\n  type Dispatch,\n  type HTMLAttributes,\n  isValidElement,\n  type KeyboardEvent,\n  type MouseEvent,\n} from \"react\";\nimport { useEventCallback } from \"../../utils\";\nimport type { CascadingMenuProps } from \"../CascadingMenuProps\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction, type menuAction } from \"./CascadingMenuAction\";\nimport type { menuState } from \"./stateUtils\";\nimport type { stateItem } from \"./useStateReducer\";\n\ninterface useMenuTriggerHandlersProps {\n  dispatch: Dispatch<menuAction>;\n  children: CascadingMenuProps[\"children\"];\n  setIsNavigatingWithKeyboard: (value: boolean) => void;\n  openCloseMenu: (open: boolean) => void;\n  rootMenuState: stateItem;\n  rootMenuId: string | undefined;\n  menusDataById: Record<string, menuState>;\n}\n\nexport function useMenuTriggerHandlers({\n  dispatch,\n  children,\n  setIsNavigatingWithKeyboard,\n  openCloseMenu,\n  rootMenuState,\n  rootMenuId,\n  menusDataById = {},\n}: useMenuTriggerHandlersProps) {\n  const handleOnClick = useEventCallback((event: MouseEvent<HTMLElement>) => {\n    const { type } = event;\n\n    setIsNavigatingWithKeyboard(false);\n    if (type === \"click\") {\n      if (isValidElement(children)) {\n        const childrenProps = children.props as HTMLAttributes<HTMLElement>;\n        childrenProps.onClick?.(event);\n      }\n      openCloseMenu(!rootMenuState);\n    }\n  });\n\n  const handleOnKeydown = useEventCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      const { key } = event;\n\n      switch (key) {\n        case \"Spacebar\":\n        case \" \":\n        case \"Enter\":\n          event.stopPropagation();\n          event.preventDefault();\n          setIsNavigatingWithKeyboard(true);\n          if (!rootMenuId) {\n            break;\n          }\n          dispatch({\n            type: rootMenuState\n              ? CascadingMenuAction.CLOSE_MENU\n              : CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.KEYBOARD_TOGGLE,\n            targetId: rootMenuId,\n          });\n          break;\n        case \"ArrowDown\":\n          event.stopPropagation();\n          event.preventDefault();\n          setIsNavigatingWithKeyboard(true);\n          if (rootMenuState || !rootMenuId) {\n            break;\n          }\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.KEYBOARD_TOGGLE,\n            targetId: rootMenuId,\n          });\n          break;\n        case \"ArrowUp\":\n          event.stopPropagation();\n          event.preventDefault();\n          setIsNavigatingWithKeyboard(true);\n          if (rootMenuState || !rootMenuId) {\n            break;\n          }\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.KEYBOARD_TOGGLE,\n            targetId: rootMenuId,\n          });\n          dispatch({\n            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,\n            targetId: rootMenuId,\n            highlightedItemIndex:\n              menusDataById[rootMenuId].menuItems.length - 1,\n          });\n          break;\n        default:\n          break;\n      }\n\n      if (isValidElement(children)) {\n        const childrenProps = children.props as HTMLAttributes<HTMLElement>;\n        childrenProps.onKeyDown?.(event);\n      }\n    },\n  );\n\n  return [handleOnClick, handleOnKeydown] as const;\n}\n"],"names":[],"mappings":"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"}

package/dist-es/cascading-menu/internal/useMountedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMountedRef.js","sources":["../src/cascading-menu/internal/useMountedRef.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n/**\n * Used to know if the component is mounted or not\n */\nexport function useMountedRef() {\n  const mountedRef = useRef(false);\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  return mountedRef;\n}\n"],"names":[],"mappings":";;AAIO,SAAS,aAAA,GAAgB;AAC9B,EAAA,MAAM,UAAA,GAAa,OAAO,KAAK,CAAA;AAC/B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAA,GAAU,KAAA;AAAA,IACvB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,UAAA;AACT;;;;"}

package/dist-es/cascading-menu/internal/useMouseHandlers.js

@@ -0,0 +1,125 @@
+import { useRef, useEffect, useCallback } from 'react';
+import { stateChangeTypes } from '../stateChangeTypes.js';
+import { CascadingMenuAction } from './CascadingMenuAction.js';
+
+function isOrContainsNode(parent, child) {
+  var _a;
+  return parent === child || !!((_a = parent == null ? void 0 : parent.contains) == null ? void 0 : _a.call(parent, child));
+}
+function useMouseHandlers(props, isMenuActiveState, menuRef) {
+  const [isMenuActive, setIsMenuActive] = isMenuActiveState;
+  const {
+    delay,
+    refsManager,
+    dispatch,
+    isNavigatingWithKeyboard,
+    setIsNavigatingWithKeyboard,
+    data,
+    highlightedItemIndex,
+    menuId,
+    parentElement
+  } = props;
+  const scheduledHighlightedIndexChange = useRef(null);
+  const mouseEnterTimer = useRef();
+  const mouseOutTimer = useRef();
+  useEffect(
+    () => function cleanUpTimeouts() {
+      clearTimeout(mouseEnterTimer.current);
+      clearTimeout(mouseOutTimer.current);
+    },
+    []
+  );
+  const handleMouseMove = useCallback(
+    (highlightedIndex) => {
+      if (isNavigatingWithKeyboard) {
+        setIsNavigatingWithKeyboard(false);
+      }
+      if (!isMenuActive) {
+        setIsMenuActive(true);
+      }
+      if (scheduledHighlightedIndexChange.current !== highlightedIndex) {
+        scheduledHighlightedIndexChange.current = highlightedIndex;
+        clearTimeout(mouseEnterTimer.current);
+        clearTimeout(mouseOutTimer.current);
+        mouseEnterTimer.current = window.setTimeout(() => {
+          dispatch({
+            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
+            cause: stateChangeTypes.ITEM_MOUSE_ENTER,
+            targetId: menuId,
+            highlightedItemIndex: highlightedIndex
+          });
+        }, delay);
+      }
+    },
+    [
+      isNavigatingWithKeyboard,
+      isMenuActive,
+      setIsNavigatingWithKeyboard,
+      setIsMenuActive,
+      delay,
+      dispatch,
+      menuId
+    ]
+  );
+  const handleMouseOut = useCallback(
+    (event) => {
+      if (isNavigatingWithKeyboard) {
+        setIsNavigatingWithKeyboard(false);
+      }
+      clearTimeout(mouseOutTimer.current);
+      const { relatedTarget } = event;
+      const subMenuElement = typeof highlightedItemIndex === "number" ? refsManager.get(data.childMenus[highlightedItemIndex]) ?? null : null;
+      const mouseMovedToSameMenu = isOrContainsNode(
+        menuRef,
+        relatedTarget
+      );
+      const mouseMovedToParentMenu = isOrContainsNode(
+        parentElement ?? null,
+        relatedTarget
+      );
+      if (mouseMovedToParentMenu) {
+        dispatch({
+          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
+          cause: stateChangeTypes.ITEM_MOUSE_MOVE_TO_PARENT,
+          targetId: menuId,
+          highlightedItemIndex: -1
+        });
+      }
+      const didMouseMoveOutOfMenu = !(mouseMovedToParentMenu || mouseMovedToSameMenu || isOrContainsNode(subMenuElement, relatedTarget));
+      if (didMouseMoveOutOfMenu) {
+        scheduledHighlightedIndexChange.current = null;
+        if (!isMenuActive) {
+          setIsMenuActive(true);
+          clearInterval(mouseEnterTimer.current);
+          mouseOutTimer.current = window.setTimeout(() => {
+            dispatch({
+              type: CascadingMenuAction.RESET_MENU,
+              cause: stateChangeTypes.MOUSE_OUT_OF_MENUS,
+              targetId: menuId
+            });
+          }, delay);
+        }
+      } else if (!mouseMovedToSameMenu) {
+        setIsMenuActive(false);
+      }
+    },
+    [
+      isNavigatingWithKeyboard,
+      refsManager,
+      data.childMenus,
+      highlightedItemIndex,
+      menuRef,
+      parentElement,
+      setIsNavigatingWithKeyboard,
+      dispatch,
+      menuId,
+      isMenuActive,
+      delay,
+      setIsMenuActive
+    ]
+  );
+  return [handleMouseMove, handleMouseOut];
+}
+
+export { useMouseHandlers };
+//# sourceMappingURL=useMouseHandlers.js.map

package/dist-es/cascading-menu/internal/useMouseHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseHandlers.js","sources":["../src/cascading-menu/internal/useMouseHandlers.ts"],"sourcesContent":["import {\n  type Dispatch,\n  type MouseEvent,\n  type SetStateAction,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\n\nimport type { CascadingMenuListProps } from \"../CascadingMenuList\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\n\nfunction isOrContainsNode(parent: HTMLElement | null, child: HTMLElement) {\n  return parent === child || !!parent?.contains?.(child);\n}\n\nexport function useMouseHandlers(\n  props: CascadingMenuListProps,\n  isMenuActiveState: [boolean, Dispatch<SetStateAction<boolean>>],\n  menuRef: HTMLElement | null,\n) {\n  const [isMenuActive, setIsMenuActive] = isMenuActiveState;\n  const {\n    delay,\n    refsManager,\n    dispatch,\n    isNavigatingWithKeyboard,\n    setIsNavigatingWithKeyboard,\n    data,\n    highlightedItemIndex,\n    menuId,\n    parentElement,\n  } = props;\n  const scheduledHighlightedIndexChange = useRef<number | null>(null);\n  const mouseEnterTimer = useRef<number>();\n  const mouseOutTimer = useRef<number>();\n\n  useEffect(\n    () =>\n      function cleanUpTimeouts() {\n        clearTimeout(mouseEnterTimer.current);\n        clearTimeout(mouseOutTimer.current);\n      },\n    [],\n  );\n\n  const handleMouseMove = useCallback(\n    (highlightedIndex: number) => {\n      if (isNavigatingWithKeyboard) {\n        setIsNavigatingWithKeyboard(false);\n      }\n\n      if (!isMenuActive) {\n        setIsMenuActive(true);\n      }\n      if (scheduledHighlightedIndexChange.current !== highlightedIndex) {\n        scheduledHighlightedIndexChange.current = highlightedIndex;\n        clearTimeout(mouseEnterTimer.current);\n        clearTimeout(mouseOutTimer.current);\n        mouseEnterTimer.current = window.setTimeout(() => {\n          dispatch({\n            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n            cause: stateChangeTypes.ITEM_MOUSE_ENTER,\n            targetId: menuId,\n            highlightedItemIndex: highlightedIndex,\n          });\n        }, delay);\n      }\n    },\n    [\n      isNavigatingWithKeyboard,\n      isMenuActive,\n      setIsNavigatingWithKeyboard,\n      setIsMenuActive,\n      delay,\n      dispatch,\n      menuId,\n    ],\n  );\n  const handleMouseOut = useCallback(\n    (event: MouseEvent<HTMLElement>) => {\n      if (isNavigatingWithKeyboard) {\n        setIsNavigatingWithKeyboard(false);\n      }\n      clearTimeout(mouseOutTimer.current);\n      // If mouse leaves from parent menu into other element other than submenu -> close submenu\n      const { relatedTarget } = event;\n      const subMenuElement =\n        typeof highlightedItemIndex === \"number\"\n          ? (refsManager.get(data.childMenus[highlightedItemIndex]) ?? null)\n          : null;\n\n      const mouseMovedToSameMenu = isOrContainsNode(\n        menuRef,\n        relatedTarget as HTMLElement,\n      );\n      const mouseMovedToParentMenu = isOrContainsNode(\n        parentElement ?? null,\n        relatedTarget as HTMLElement,\n      );\n\n      if (mouseMovedToParentMenu) {\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_MOUSE_MOVE_TO_PARENT,\n          targetId: menuId,\n          highlightedItemIndex: -1,\n        });\n      }\n      const didMouseMoveOutOfMenu = !(\n        mouseMovedToParentMenu ||\n        mouseMovedToSameMenu ||\n        isOrContainsNode(subMenuElement, relatedTarget as HTMLElement)\n      );\n\n      if (didMouseMoveOutOfMenu) {\n        scheduledHighlightedIndexChange.current = null;\n        if (!isMenuActive) {\n          setIsMenuActive(true);\n          clearInterval(mouseEnterTimer.current);\n          mouseOutTimer.current = window.setTimeout(() => {\n            dispatch({\n              type: CascadingMenuAction.RESET_MENU,\n              cause: stateChangeTypes.MOUSE_OUT_OF_MENUS,\n              targetId: menuId,\n            });\n          }, delay);\n        }\n      } else if (!mouseMovedToSameMenu) {\n        setIsMenuActive(false);\n      }\n    },\n    [\n      isNavigatingWithKeyboard,\n      refsManager,\n      data.childMenus,\n      highlightedItemIndex,\n      menuRef,\n      parentElement,\n      setIsNavigatingWithKeyboard,\n      dispatch,\n      menuId,\n      isMenuActive,\n      delay,\n      setIsMenuActive,\n    ],\n  );\n  return [handleMouseMove, handleMouseOut] as const;\n}\n"],"names":[],"mappings":"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"}

package/dist-es/cascading-menu/internal/useRefsManager.js

@@ -0,0 +1,22 @@
+import { useRef, useReducer, useCallback, useMemo } from 'react';
+
+function useRefsManager() {
+  const refs = useRef(/* @__PURE__ */ new Map());
+  const [, forceUpdate] = useReducer((x) => !x, false);
+  const get = useCallback((key) => refs.current.get(key), []);
+  const set = useCallback((key, value) => {
+    refs.current.set(key, value);
+    forceUpdate();
+  }, []);
+  const values = useCallback(() => {
+    const vals = [];
+    for (const value of refs.current.values()) {
+      vals.push(value);
+    }
+    return vals;
+  }, []);
+  return useMemo(() => ({ get, set, values }), [get, set, values]);
+}
+
+export { useRefsManager };
+//# sourceMappingURL=useRefsManager.js.map

package/dist-es/cascading-menu/internal/useRefsManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefsManager.js","sources":["../src/cascading-menu/internal/useRefsManager.ts"],"sourcesContent":["import { useCallback, useMemo, useReducer, useRef } from \"react\";\n\nexport type refsManager = {\n  get: (key: string) => HTMLElement | undefined;\n  set: (key: string, ref: HTMLElement) => void;\n  values: () => HTMLElement[];\n};\n\nexport function useRefsManager(): refsManager {\n  const refs = useRef(new Map<string, HTMLElement>());\n  const [, forceUpdate] = useReducer((x) => !x, false);\n\n  const get = useCallback((key: string) => refs.current.get(key), []);\n\n  const set = useCallback((key: string, value: HTMLElement) => {\n    refs.current.set(key, value);\n    forceUpdate();\n  }, []);\n\n  const values = useCallback(() => {\n    const vals: HTMLElement[] = [];\n    for (const value of refs.current.values()) {\n      vals.push(value);\n    }\n    return vals;\n  }, []);\n\n  return useMemo(() => ({ get, set, values }), [get, set, values]);\n}\n"],"names":[],"mappings":";;AAQO,SAAS,cAAA,GAA8B;AAC5C,EAAA,MAAM,IAAA,GAAO,MAAA,iBAAO,IAAI,GAAA,EAA0B,CAAA;AAClD,EAAA,MAAM,GAAG,WAAW,CAAA,GAAI,WAAW,CAAC,CAAA,KAAM,CAAC,CAAA,EAAG,KAAK,CAAA;AAEnD,EAAA,MAAM,GAAA,GAAM,WAAA,CAAY,CAAC,GAAA,KAAgB,IAAA,CAAK,QAAQ,GAAA,CAAI,GAAG,CAAA,EAAG,EAAE,CAAA;AAElE,EAAA,MAAM,GAAA,GAAM,WAAA,CAAY,CAAC,GAAA,EAAa,KAAA,KAAuB;AAC3D,IAAA,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,GAAA,EAAK,KAAK,CAAA;AAC3B,IAAA,WAAA,EAAY;AAAA,EACd,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,MAAM,OAAsB,EAAC;AAC7B,IAAA,KAAA,MAAW,KAAA,IAAS,IAAA,CAAK,OAAA,CAAQ,MAAA,EAAO,EAAG;AACzC,MAAA,IAAA,CAAK,KAAK,KAAK,CAAA;AAAA,IACjB;AACA,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,OAAA,CAAQ,OAAO,EAAE,GAAA,EAAK,GAAA,EAAK,MAAA,EAAO,CAAA,EAAI,CAAC,GAAA,EAAK,GAAA,EAAK,MAAM,CAAC,CAAA;AACjE;;;;"}

package/dist-es/cascading-menu/internal/useStateReducer.js

@@ -0,0 +1,73 @@
+import { useCallback } from 'react';
+import { CascadingMenuAction } from './CascadingMenuAction.js';
+
+function getDefaultMenuState(id) {
+  return {
+    id,
+    highlightedItemIndex: null
+  };
+}
+function deleteAllMenusStartingFromLevel(level, menus) {
+  const newState = [...menus];
+  newState.splice(level);
+  return newState;
+}
+function menuPositionReducer(state, action, level) {
+  const { type } = action;
+  switch (type) {
+    case CascadingMenuAction.SET_FLIPPED:
+      state[level] = {
+        ...state[level]
+      };
+      return state;
+    default:
+      return state;
+  }
+}
+function useStateReducer(menusDataById, isNavigatingWithKeyboard) {
+  return useCallback(
+    (state, action) => {
+      let newState = [...state];
+      const { type, targetId, highlightedItemIndex = null } = action;
+      const { level, childMenus = [] } = Object(
+        menusDataById[targetId]
+      );
+      const childId = typeof highlightedItemIndex === "number" ? childMenus[highlightedItemIndex] : null;
+      const childMenuData = childId ? menusDataById[childId] : void 0;
+      newState = menuPositionReducer(newState, action, level);
+      switch (type) {
+        case CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM:
+          newState[level] = {
+            ...newState[level],
+            highlightedItemIndex
+          };
+          newState = deleteAllMenusStartingFromLevel(level + 1, newState);
+          if (childId && childMenuData && !isNavigatingWithKeyboard) {
+            newState[childMenuData.level] = getDefaultMenuState(childId);
+          }
+          break;
+        case CascadingMenuAction.RESET_MENU:
+          newState[level] = {
+            ...newState[level],
+            highlightedItemIndex: null
+          };
+          newState = deleteAllMenusStartingFromLevel(level + 1, newState);
+          break;
+        case CascadingMenuAction.OPEN_MENU:
+          newState[level] = getDefaultMenuState(targetId);
+          break;
+        case CascadingMenuAction.CLOSE_MENU:
+          newState = deleteAllMenusStartingFromLevel(level, newState);
+          break;
+        case CascadingMenuAction.CLOSE_CASCADING_MENU:
+          newState = [];
+          break;
+      }
+      return newState;
+    },
+    [isNavigatingWithKeyboard, menusDataById]
+  );
+}
+
+export { useStateReducer };
+//# sourceMappingURL=useStateReducer.js.map

package/dist-es/cascading-menu/internal/useStateReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateReducer.js","sources":["../src/cascading-menu/internal/useStateReducer.ts"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport { CascadingMenuAction, type menuAction } from \"./CascadingMenuAction\";\nimport type { flattenedMenuState, menuState } from \"./stateUtils\";\n\nexport type stateItem = {\n  id: string;\n  highlightedItemIndex: number | null;\n};\n\ntype state = stateItem[];\n\nfunction getDefaultMenuState(id: string): stateItem {\n  return {\n    id,\n    highlightedItemIndex: null,\n  };\n}\n\nfunction deleteAllMenusStartingFromLevel(level: number, menus: stateItem[]) {\n  const newState = [...menus];\n  newState.splice(level);\n  return newState;\n}\n\nfunction menuPositionReducer(state: state, action: menuAction, level: number) {\n  const { type } = action;\n  switch (type) {\n    case CascadingMenuAction.SET_FLIPPED:\n      state[level] = {\n        ...state[level],\n      };\n      return state;\n    default:\n      return state;\n  }\n}\n\nexport function useStateReducer(\n  menusDataById: flattenedMenuState,\n  isNavigatingWithKeyboard: boolean,\n) {\n  return useCallback(\n    (state: state, action: menuAction): state => {\n      let newState = [...state];\n      const { type, targetId, highlightedItemIndex = null } = action;\n      const { level, childMenus = [] } = Object(\n        menusDataById[targetId],\n      ) as menuState;\n      const childId =\n        typeof highlightedItemIndex === \"number\"\n          ? childMenus[highlightedItemIndex]\n          : null;\n      const childMenuData = childId ? menusDataById[childId] : undefined;\n\n      newState = menuPositionReducer(newState, action, level);\n      switch (type) {\n        case CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM:\n          newState[level] = {\n            ...newState[level],\n            highlightedItemIndex,\n          };\n          newState = deleteAllMenusStartingFromLevel(level + 1, newState);\n          if (childId && childMenuData && !isNavigatingWithKeyboard) {\n            newState[childMenuData.level] = getDefaultMenuState(childId);\n          }\n          break;\n        case CascadingMenuAction.RESET_MENU:\n          newState[level] = {\n            ...newState[level],\n            highlightedItemIndex: null,\n          };\n          newState = deleteAllMenusStartingFromLevel(level + 1, newState);\n          break;\n        case CascadingMenuAction.OPEN_MENU:\n          newState[level] = getDefaultMenuState(targetId);\n          break;\n        case CascadingMenuAction.CLOSE_MENU:\n          newState = deleteAllMenusStartingFromLevel(level, newState);\n          break;\n        case CascadingMenuAction.CLOSE_CASCADING_MENU:\n          newState = [];\n          break;\n        default:\n          break;\n      }\n      return newState;\n    },\n    [isNavigatingWithKeyboard, menusDataById],\n  );\n}\n"],"names":[],"mappings":";;;AAYA,SAAS,oBAAoB,EAAA,EAAuB;AAClD,EAAA,OAAO;AAAA,IACL,EAAA;AAAA,IACA,oBAAA,EAAsB;AAAA,GACxB;AACF;AAEA,SAAS,+BAAA,CAAgC,OAAe,KAAA,EAAoB;AAC1E,EAAA,MAAM,QAAA,GAAW,CAAC,GAAG,KAAK,CAAA;AAC1B,EAAA,QAAA,CAAS,OAAO,KAAK,CAAA;AACrB,EAAA,OAAO,QAAA;AACT;AAEA,SAAS,mBAAA,CAAoB,KAAA,EAAc,MAAA,EAAoB,KAAA,EAAe;AAC5E,EAAA,MAAM,EAAE,MAAK,GAAI,MAAA;AACjB,EAAA,QAAQ,IAAA;AAAM,IACZ,KAAK,mBAAA,CAAoB,WAAA;AACvB,MAAA,KAAA,CAAM,KAAK,CAAA,GAAI;AAAA,QACb,GAAG,MAAM,KAAK;AAAA,OAChB;AACA,MAAA,OAAO,KAAA;AAAA,IACT;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;AAEO,SAAS,eAAA,CACd,eACA,wBAAA,EACA;AACA,EAAA,OAAO,WAAA;AAAA,IACL,CAAC,OAAc,MAAA,KAA8B;AAC3C,MAAA,IAAI,QAAA,GAAW,CAAC,GAAG,KAAK,CAAA;AACxB,MAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,oBAAA,GAAuB,MAAK,GAAI,MAAA;AACxD,MAAA,MAAM,EAAE,KAAA,EAAO,UAAA,GAAa,IAAG,GAAI,MAAA;AAAA,QACjC,cAAc,QAAQ;AAAA,OACxB;AACA,MAAA,MAAM,UACJ,OAAO,oBAAA,KAAyB,QAAA,GAC5B,UAAA,CAAW,oBAAoB,CAAA,GAC/B,IAAA;AACN,MAAA,MAAM,aAAA,GAAgB,OAAA,GAAU,aAAA,CAAc,OAAO,CAAA,GAAI,MAAA;AAEzD,MAAA,QAAA,GAAW,mBAAA,CAAoB,QAAA,EAAU,MAAA,EAAQ,KAAK,CAAA;AACtD,MAAA,QAAQ,IAAA;AAAM,QACZ,KAAK,mBAAA,CAAoB,2BAAA;AACvB,UAAA,QAAA,CAAS,KAAK,CAAA,GAAI;AAAA,YAChB,GAAG,SAAS,KAAK,CAAA;AAAA,YACjB;AAAA,WACF;AACA,UAAA,QAAA,GAAW,+BAAA,CAAgC,KAAA,GAAQ,CAAA,EAAG,QAAQ,CAAA;AAC9D,UAAA,IAAI,OAAA,IAAW,aAAA,IAAiB,CAAC,wBAAA,EAA0B;AACzD,YAAA,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA,GAAI,mBAAA,CAAoB,OAAO,CAAA;AAAA,UAC7D;AACA,UAAA;AAAA,QACF,KAAK,mBAAA,CAAoB,UAAA;AACvB,UAAA,QAAA,CAAS,KAAK,CAAA,GAAI;AAAA,YAChB,GAAG,SAAS,KAAK,CAAA;AAAA,YACjB,oBAAA,EAAsB;AAAA,WACxB;AACA,UAAA,QAAA,GAAW,+BAAA,CAAgC,KAAA,GAAQ,CAAA,EAAG,QAAQ,CAAA;AAC9D,UAAA;AAAA,QACF,KAAK,mBAAA,CAAoB,SAAA;AACvB,UAAA,QAAA,CAAS,KAAK,CAAA,GAAI,mBAAA,CAAoB,QAAQ,CAAA;AAC9C,UAAA;AAAA,QACF,KAAK,mBAAA,CAAoB,UAAA;AACvB,UAAA,QAAA,GAAW,+BAAA,CAAgC,OAAO,QAAQ,CAAA;AAC1D,UAAA;AAAA,QACF,KAAK,mBAAA,CAAoB,oBAAA;AACvB,UAAA,QAAA,GAAW,EAAC;AACZ,UAAA;AAEA;AAEJ,MAAA,OAAO,QAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,0BAA0B,aAAa;AAAA,GAC1C;AACF;;;;"}

package/dist-es/cascading-menu/stateChangeTypes.js

@@ -0,0 +1,23 @@
+const stateChangeTypes = {
+  KEYBOARD_TOGGLE: "keyboardToggle",
+  MOUSE_TOGGLE: "mouseToggle",
+  CLICKED_AWAY: "clickedAway",
+  ON_RESIZE: "onResize",
+  ITEM_CLICKED: "itemClicked",
+  ITEM_KEYDOWN_ENTER: "itemKeydownEnter",
+  ITEM_KEYDOWN_ARROW_RIGHT: "itemKeydownArrowRight",
+  ITEM_KEYDOWN_ARROW_LEFT: "itemKeydownArrowLeft",
+  ITEM_KEYDOWN_ARROW_DOWN: "itemKeydownArrowDown",
+  ITEM_KEYDOWN_ARROW_UP: "itemKeydownArrowUp",
+  ITEM_KEYDOWN_SPACEBAR: "itemKeydownSpacebar",
+  ITEM_KEYDOWN_TAB: "itemKeydownTab",
+  ITEM_KEYDOWN_ESCAPE: "itemKeydownEscape",
+  ITEM_KEYDOWN_HOME: "itemKeydownHome",
+  ITEM_MOUSE_ENTER: "itemMouseEnter",
+  ITEM_MOUSE_MOVE_TO_PARENT: "itemMouseMoveToParent",
+  MOUSE_OUT_OF_MENUS: "mouseOutOfMenus",
+  KEYBOARD_NAV_AUTO_FOCUS: "keyboardNavAutoFocus"
+};
+
+export { stateChangeTypes };
+//# sourceMappingURL=stateChangeTypes.js.map

package/dist-es/cascading-menu/stateChangeTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateChangeTypes.js","sources":["../src/cascading-menu/stateChangeTypes.ts"],"sourcesContent":["export type stateChangeCause =\n  | \"keyboardToggle\"\n  | \"mouseToggle\"\n  | \"clickedAway\"\n  | \"onResize\"\n  | \"itemClicked\"\n  | \"itemKeydownEnter\"\n  | \"itemKeydownArrowRight\"\n  | \"itemKeydownArrowLeft\"\n  | \"itemKeydownArrowDown\"\n  | \"itemKeydownArrowUp\"\n  | \"itemKeydownSpacebar\"\n  | \"itemKeydownTab\"\n  | \"itemKeydownEscape\"\n  | \"itemKeydownHome\"\n  | \"itemKeydownEnd\"\n  | \"itemMouseEnter\"\n  | \"itemMouseMoveToParent\"\n  | \"mouseOutOfMenus\"\n  | \"keyboardNavAutoFocus\";\n\nexport const stateChangeTypes: { [key: string]: stateChangeCause } = {\n  KEYBOARD_TOGGLE: \"keyboardToggle\",\n  MOUSE_TOGGLE: \"mouseToggle\",\n  CLICKED_AWAY: \"clickedAway\",\n  ON_RESIZE: \"onResize\",\n  ITEM_CLICKED: \"itemClicked\",\n  ITEM_KEYDOWN_ENTER: \"itemKeydownEnter\",\n  ITEM_KEYDOWN_ARROW_RIGHT: \"itemKeydownArrowRight\",\n  ITEM_KEYDOWN_ARROW_LEFT: \"itemKeydownArrowLeft\",\n  ITEM_KEYDOWN_ARROW_DOWN: \"itemKeydownArrowDown\",\n  ITEM_KEYDOWN_ARROW_UP: \"itemKeydownArrowUp\",\n  ITEM_KEYDOWN_SPACEBAR: \"itemKeydownSpacebar\",\n  ITEM_KEYDOWN_TAB: \"itemKeydownTab\",\n  ITEM_KEYDOWN_ESCAPE: \"itemKeydownEscape\",\n  ITEM_KEYDOWN_HOME: \"itemKeydownHome\",\n  ITEM_KEYDOWN_END: \"itemKeydownEnd\",\n  ITEM_MOUSE_ENTER: \"itemMouseEnter\",\n  ITEM_MOUSE_MOVE_TO_PARENT: \"itemMouseMoveToParent\",\n  MOUSE_OUT_OF_MENUS: \"mouseOutOfMenus\",\n  KEYBOARD_NAV_AUTO_FOCUS: \"keyboardNavAutoFocus\",\n};\n"],"names":[],"mappings":"AAqBO,MAAM,gBAAA,GAAwD;AAAA,EACnE,eAAA,EAAiB,gBAAA;AAAA,EACjB,YAAA,EAAc,aAAA;AAAA,EACd,YAAA,EAAc,aAAA;AAAA,EACd,SAAA,EAAW,UAAA;AAAA,EACX,YAAA,EAAc,aAAA;AAAA,EACd,kBAAA,EAAoB,kBAAA;AAAA,EACpB,wBAAA,EAA0B,uBAAA;AAAA,EAC1B,uBAAA,EAAyB,sBAAA;AAAA,EACzB,uBAAA,EAAyB,sBAAA;AAAA,EACzB,qBAAA,EAAuB,oBAAA;AAAA,EACvB,qBAAA,EAAuB,qBAAA;AAAA,EACvB,gBAAA,EAAkB,gBAAA;AAAA,EAClB,mBAAA,EAAqB,mBAAA;AAAA,EACrB,iBAAA,EAAmB,iBAAA;AAAA,EAEnB,gBAAA,EAAkB,gBAAA;AAAA,EAClB,yBAAA,EAA2B,uBAAA;AAAA,EAC3B,kBAAA,EAAoB,iBAAA;AAAA,EACpB,uBAAA,EAAyB;AAC3B;;;;"}

package/dist-es/color-chooser/AlphaInputField.js

@@ -0,0 +1,77 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { useState, useEffect } from 'react';
+import { InputLegacy } from '../input-legacy/InputLegacy.js';
+import '../input-legacy/StaticInputAdornment.js';
+import css_248z from './RGBAInput.css.js';
+
+const withBaseName = makePrefixer("saltColorChooser");
+const AlphaInput = ({
+  alphaValue,
+  onSubmit,
+  showAsOpacity = false
+}) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-rgba-input",
+    css: css_248z,
+    window: targetWindow
+  });
+  const [alphaInputValue, setAlphaInputValue] = useState(
+    !Number.isNaN(alphaValue) ? alphaValue.toString() : ""
+  );
+  useEffect(() => {
+    setAlphaInputValue(!Number.isNaN(alphaValue) ? alphaValue.toString() : "");
+  }, [alphaValue]);
+  const handleAlphaInputChange = (event, newValue) => {
+    const value = newValue.replace("%", "");
+    let alpha = value;
+    if (value.trim() === "" || Number.isNaN(value)) {
+      alpha = "";
+    }
+    if (showAsOpacity && Number.parseFloat(value)) {
+      alpha = (Number.parseFloat(value) / 100).toString();
+    }
+    if (value.charAt(1) === "." || value.charAt(0) === ".") {
+      alpha = value;
+    }
+    setAlphaInputValue(alpha);
+  };
+  const handleKeyDownAlpha = (e) => {
+    if (e.key === "Enter") {
+      const alpha = alphaInputValue.trim().replace("%", "") !== "" ? Number.parseFloat(alphaInputValue) : 0;
+      const validatedAlpha = Math.max(0, Math.min(alpha, 1));
+      setAlphaInputValue(validatedAlpha.toString());
+      onSubmit(validatedAlpha);
+    }
+  };
+  const handleOnBlurAlpha = (e) => {
+    const alpha = alphaInputValue.trim() !== "" ? Number.parseFloat(alphaInputValue) : 0;
+    const validatedAlpha = Math.max(0, Math.min(alpha, 1));
+    setAlphaInputValue(validatedAlpha.toString());
+    onSubmit(validatedAlpha, e);
+  };
+  return /* @__PURE__ */ jsx(
+    InputLegacy,
+    {
+      inputProps: {
+        // @ts-expect-error
+        "data-testid": "a-input"
+      },
+      className: clsx({
+        [withBaseName("rgbaInput")]: !showAsOpacity,
+        [withBaseName("opacityInput")]: showAsOpacity
+      }),
+      value: showAsOpacity ? alphaInputValue ? `${(Number.parseFloat(alphaInputValue) * 100).toString()}%` : "%" : alphaInputValue,
+      onChange: handleAlphaInputChange,
+      onBlur: handleOnBlurAlpha,
+      onKeyDown: handleKeyDownAlpha
+    }
+  );
+};
+
+export { AlphaInput };
+//# sourceMappingURL=AlphaInputField.js.map

package/dist-es/color-chooser/AlphaInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlphaInputField.js","sources":["../src/color-chooser/AlphaInputField.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  useEffect,\n  useState,\n} from \"react\";\nimport { InputLegacy as Input } from \"../input-legacy\";\n\nimport rgbaInputCss from \"./RGBAInput.css\";\n\nconst withBaseName = makePrefixer(\"saltColorChooser\");\n\ninterface AlphaInputProps {\n  alphaValue: number;\n  showAsOpacity?: boolean;\n  onSubmit: (alpha: number, e?: ChangeEvent) => void;\n}\n\nexport const AlphaInput = ({\n  alphaValue,\n  onSubmit,\n  showAsOpacity = false,\n}: AlphaInputProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-rgba-input\",\n    css: rgbaInputCss,\n    window: targetWindow,\n  });\n\n  const [alphaInputValue, setAlphaInputValue] = useState<string>(\n    !Number.isNaN(alphaValue) ? alphaValue.toString() : \"\",\n  );\n\n  useEffect(() => {\n    setAlphaInputValue(!Number.isNaN(alphaValue) ? alphaValue.toString() : \"\");\n  }, [alphaValue]);\n\n  const handleAlphaInputChange = (\n    event: ChangeEvent<HTMLInputElement>,\n    newValue: string,\n  ): void => {\n    const value = newValue.replace(\"%\", \"\");\n    let alpha: string = value;\n\n    if (value.trim() === \"\" || Number.isNaN(value)) {\n      alpha = \"\";\n    }\n\n    if (showAsOpacity && Number.parseFloat(value)) {\n      alpha = (Number.parseFloat(value) / 100).toString();\n    }\n\n    if (value.charAt(1) === \".\" || value.charAt(0) === \".\") {\n      alpha = value;\n    }\n\n    setAlphaInputValue(alpha);\n  };\n\n  const handleKeyDownAlpha = (e: KeyboardEvent<HTMLInputElement>): void => {\n    if (e.key === \"Enter\") {\n      const alpha =\n        alphaInputValue.trim().replace(\"%\", \"\") !== \"\"\n          ? Number.parseFloat(alphaInputValue)\n          : 0;\n      const validatedAlpha = Math.max(0, Math.min(alpha, 1));\n      setAlphaInputValue(validatedAlpha.toString());\n      onSubmit(validatedAlpha);\n    }\n  };\n\n  const handleOnBlurAlpha = (e: FocusEvent<HTMLInputElement>): void => {\n    // Guard against parseFloat('') becoming NaN\n    const alpha =\n      alphaInputValue.trim() !== \"\" ? Number.parseFloat(alphaInputValue) : 0;\n\n    const validatedAlpha = Math.max(0, Math.min(alpha, 1));\n    setAlphaInputValue(validatedAlpha.toString());\n    onSubmit(validatedAlpha, e);\n  };\n\n  return (\n    <Input\n      inputProps={{\n        // @ts-expect-error\n        \"data-testid\": \"a-input\",\n      }}\n      className={clsx({\n        [withBaseName(\"rgbaInput\")]: !showAsOpacity,\n        [withBaseName(\"opacityInput\")]: showAsOpacity,\n      })}\n      value={\n        showAsOpacity\n          ? alphaInputValue\n            ? `${(Number.parseFloat(alphaInputValue) * 100).toString()}%`\n            : \"%\"\n          : alphaInputValue\n      }\n      onChange={handleAlphaInputChange}\n      onBlur={handleOnBlurAlpha}\n      onKeyDown={handleKeyDownAlpha}\n    />\n  );\n};\n"],"names":["rgbaInputCss","Input"],"mappings":"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"}