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

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

@@ -1,10 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
+var react = require('react');
 var useEventCallback = require('../../utils/useEventCallback.js');
-require('../../utils/useFloatingUI.js');
 require('@salt-ds/core');
 var stateChangeTypes = require('../stateChangeTypes.js');
 var CascadingMenuAction = require('./CascadingMenuAction.js');
@@ -23,7 +20,7 @@ function useMenuTriggerHandlers({
     const { type } = event;
     setIsNavigatingWithKeyboard(false);
     if (type === "click") {
-      if (React.isValidElement(children)) {
+      if (react.isValidElement(children)) {
         const childrenProps = children.props;
         (_a = childrenProps.onClick) == null ? void 0 : _a.call(childrenProps, event);
       }
@@ -41,6 +38,9 @@ function useMenuTriggerHandlers({
           event.stopPropagation();
           event.preventDefault();
           setIsNavigatingWithKeyboard(true);
+          if (!rootMenuId) {
+            break;
+          }
           dispatch({
             type: rootMenuState ? CascadingMenuAction.CascadingMenuAction.CLOSE_MENU : CascadingMenuAction.CascadingMenuAction.OPEN_MENU,
             cause: stateChangeTypes.stateChangeTypes.KEYBOARD_TOGGLE,
@@ -51,7 +51,7 @@ function useMenuTriggerHandlers({
           event.stopPropagation();
           event.preventDefault();
           setIsNavigatingWithKeyboard(true);
-          if (rootMenuState) {
+          if (rootMenuState || !rootMenuId) {
             break;
           }
           dispatch({
@@ -80,7 +80,7 @@ function useMenuTriggerHandlers({
           });
           break;
       }
-      if (React.isValidElement(children)) {
+      if (react.isValidElement(children)) {
         const childrenProps = children.props;
         (_a = childrenProps.onKeyDown) == null ? void 0 : _a.call(childrenProps, event);
       }

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

@@ -1 +1 @@
-{"version":3,"file":"useMenuTriggerHandlers.js","sources":["../src/cascading-menu/internal/useMenuTriggerHandlers.ts"],"sourcesContent":["import { useEventCallback } from \"../../utils\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { CascadingMenuProps } from \"../CascadingMenuProps\";\nimport { menuState } from \"./stateUtils\";\nimport { stateItem } from \"./useStateReducer\";\nimport {\n  HTMLAttributes,\n  isValidElement,\n  MouseEvent,\n  KeyboardEvent,\n} from \"react\";\n\ninterface useMenuTriggerHandlersProps {\n  dispatch: (action: any) => void;\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          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) {\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":["useEventCallback","isValidElement","CascadingMenuAction","stateChangeTypes"],"mappings":";;;;;;;;;;;AAuBO,SAAS,sBAAuB,CAAA;AAAA,EACrC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,2BAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAgB,EAAC;AACnB,CAAgC,EAAA;AAC9B,EAAM,MAAA,aAAA,GAAgBA,iCAAiB,CAAA,CAAC,KAAmC,KAAA;AAhC7E,IAAA,IAAA,EAAA,CAAA;AAiCI,IAAM,MAAA,EAAE,MAAS,GAAA,KAAA,CAAA;AAEjB,IAAA,2BAAA,CAA4B,KAAK,CAAA,CAAA;AACjC,IAAA,IAAI,SAAS,OAAS,EAAA;AACpB,MAAI,IAAAC,oBAAA,CAAe,QAAQ,CAAG,EAAA;AAC5B,QAAA,MAAM,gBAAgB,QAAS,CAAA,KAAA,CAAA;AAC/B,QAAA,CAAA,EAAA,GAAA,aAAA,CAAc,YAAd,IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,aAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OAC1B;AACA,MAAA,aAAA,CAAc,CAAC,aAAa,CAAA,CAAA;AAAA,KAC9B;AAAA,GACD,CAAA,CAAA;AAED,EAAA,MAAM,eAAkB,GAAAD,iCAAA;AAAA,IACtB,CAAC,KAAsC,KAAA;AA9C3C,MAAA,IAAA,EAAA,CAAA;AA+CM,MAAM,MAAA,EAAE,KAAQ,GAAA,KAAA,CAAA;AAEhB,MAAQ,QAAA,GAAA;AAAA,QACD,KAAA,UAAA,CAAA;AAAA,QACA,KAAA,GAAA,CAAA;AAAA,QACA,KAAA,OAAA;AACH,UAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,UAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,UAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,UAAS,QAAA,CAAA;AAAA,YACP,IAAM,EAAA,aAAA,GACFE,uCAAoB,CAAA,UAAA,GACpBA,uCAAoB,CAAA,SAAA;AAAA,YACxB,OAAOC,iCAAiB,CAAA,eAAA;AAAA,YACxB,QAAU,EAAA,UAAA;AAAA,WACX,CAAA,CAAA;AACD,UAAA,MAAA;AAAA,QACG,KAAA,WAAA;AACH,UAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,UAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,UAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,UAAA,IAAI,aAAe,EAAA;AACjB,YAAA,MAAA;AAAA,WACF;AACA,UAAS,QAAA,CAAA;AAAA,YACP,MAAMD,uCAAoB,CAAA,SAAA;AAAA,YAC1B,OAAOC,iCAAiB,CAAA,eAAA;AAAA,YACxB,QAAU,EAAA,UAAA;AAAA,WACX,CAAA,CAAA;AACD,UAAA,MAAA;AAAA,QACG,KAAA,SAAA;AACH,UAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,UAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,UAAA,2BAAA,CAA4B,IAAI,CAAA,CAAA;AAChC,UAAI,IAAA,aAAA,IAAiB,CAAC,UAAY,EAAA;AAChC,YAAA,MAAA;AAAA,WACF;AACA,UAAS,QAAA,CAAA;AAAA,YACP,MAAMD,uCAAoB,CAAA,SAAA;AAAA,YAC1B,OAAOC,iCAAiB,CAAA,eAAA;AAAA,YACxB,QAAU,EAAA,UAAA;AAAA,WACX,CAAA,CAAA;AACD,UAAS,QAAA,CAAA;AAAA,YACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,YAC1B,OAAOC,iCAAiB,CAAA,qBAAA;AAAA,YACxB,QAAU,EAAA,UAAA;AAAA,YACV,oBACE,EAAA,aAAA,CAAc,UAAY,CAAA,CAAA,SAAA,CAAU,MAAS,GAAA,CAAA;AAAA,WAChD,CAAA,CAAA;AACD,UAAA,MAAA;AAEA,OAAA;AAGJ,MAAI,IAAAF,oBAAA,CAAe,QAAQ,CAAG,EAAA;AAC5B,QAAA,MAAM,gBAAgB,QAAS,CAAA,KAAA,CAAA;AAC/B,QAAA,CAAA,EAAA,GAAA,aAAA,CAAc,cAAd,IAA0B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,aAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OAC5B;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAO,OAAA,CAAC,eAAe,eAAe,CAAA,CAAA;AACxC;;;;"}
+{"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":["useEventCallback","isValidElement","CascadingMenuAction","stateChangeTypes"],"mappings":"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"}

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

@@ -1,12 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
+var react = require('react');
 
 function useMountedRef() {
-  const mountedRef = React.useRef(false);
-  React.useEffect(() => {
+  const mountedRef = react.useRef(false);
+  react.useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;

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

@@ -1 +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":["useRef","useEffect"],"mappings":";;;;;;AAIO,SAAS,aAAgB,GAAA;AAC9B,EAAM,MAAA,UAAA,GAAaA,aAAO,KAAK,CAAA,CAAA;AAC/B,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,OAAU,GAAA,IAAA,CAAA;AACrB,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAU,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}
+{"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":["useRef","useEffect"],"mappings":";;;;AAIO,SAAS,aAAA,GAAgB;AAC9B,EAAA,MAAM,UAAA,GAAaA,aAAO,KAAK,CAAA;AAC/B,EAAAC,eAAA,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-cjs/cascading-menu/internal/useMouseHandlers.js

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var CascadingMenuAction = require('./CascadingMenuAction.js');
+var react = require('react');
 var stateChangeTypes = require('../stateChangeTypes.js');
+var CascadingMenuAction = require('./CascadingMenuAction.js');
 
 function isOrContainsNode(parent, child) {
   var _a;
@@ -23,17 +21,17 @@ function useMouseHandlers(props, isMenuActiveState, menuRef) {
     menuId,
     parentElement
   } = props;
-  const scheduledHighlightedIndexChange = React.useRef(null);
-  const mouseEnterTimer = React.useRef();
-  const mouseOutTimer = React.useRef();
-  React.useEffect(
+  const scheduledHighlightedIndexChange = react.useRef(null);
+  const mouseEnterTimer = react.useRef();
+  const mouseOutTimer = react.useRef();
+  react.useEffect(
     () => function cleanUpTimeouts() {
       clearTimeout(mouseEnterTimer.current);
       clearTimeout(mouseOutTimer.current);
     },
     []
   );
-  const handleMouseMove = React.useCallback(
+  const handleMouseMove = react.useCallback(
     (highlightedIndex) => {
       if (isNavigatingWithKeyboard) {
         setIsNavigatingWithKeyboard(false);
@@ -65,21 +63,20 @@ function useMouseHandlers(props, isMenuActiveState, menuRef) {
       menuId
     ]
   );
-  const handleMouseOut = React.useCallback(
+  const handleMouseOut = react.useCallback(
     (event) => {
-      var _a;
       if (isNavigatingWithKeyboard) {
         setIsNavigatingWithKeyboard(false);
       }
       clearTimeout(mouseOutTimer.current);
       const { relatedTarget } = event;
-      const subMenuElement = typeof highlightedItemIndex === "number" ? (_a = refsManager.get(data.childMenus[highlightedItemIndex])) != null ? _a : null : null;
+      const subMenuElement = typeof highlightedItemIndex === "number" ? refsManager.get(data.childMenus[highlightedItemIndex]) ?? null : null;
       const mouseMovedToSameMenu = isOrContainsNode(
         menuRef,
         relatedTarget
       );
       const mouseMovedToParentMenu = isOrContainsNode(
-        parentElement != null ? parentElement : null,
+        parentElement ?? null,
         relatedTarget
       );
       if (mouseMovedToParentMenu) {
@@ -87,7 +84,7 @@ function useMouseHandlers(props, isMenuActiveState, menuRef) {
           type: CascadingMenuAction.CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
           cause: stateChangeTypes.stateChangeTypes.ITEM_MOUSE_MOVE_TO_PARENT,
           targetId: menuId,
-          highlightedItemIndex: null
+          highlightedItemIndex: -1
         });
       }
       const didMouseMoveOutOfMenu = !(mouseMovedToParentMenu || mouseMovedToSameMenu || isOrContainsNode(subMenuElement, relatedTarget));

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

@@ -1 +1 @@
-{"version":3,"file":"useMouseHandlers.js","sources":["../src/cascading-menu/internal/useMouseHandlers.ts"],"sourcesContent":["import {\n  useCallback,\n  useRef,\n  useEffect,\n  Dispatch,\n  SetStateAction,\n  MouseEvent,\n} from \"react\";\n\nimport { CascadingMenuListProps } from \"../CascadingMenuList\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\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: null,\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":["useRef","useEffect","useCallback","CascadingMenuAction","stateChangeTypes"],"mappings":"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"}
+{"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":["useRef","useEffect","useCallback","CascadingMenuAction","stateChangeTypes"],"mappings":"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"}

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

@@ -1,23 +1,23 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
+var react = require('react');
 
 function useRefsManager() {
-  const refs = React.useRef(/* @__PURE__ */ new Map());
-  const [, forceUpdate] = React.useReducer((x) => !x, false);
-  const get = React.useCallback((key) => refs.current.get(key), []);
-  const set = React.useCallback((key, value) => {
+  const refs = react.useRef(/* @__PURE__ */ new Map());
+  const [, forceUpdate] = react.useReducer((x) => !x, false);
+  const get = react.useCallback((key) => refs.current.get(key), []);
+  const set = react.useCallback((key, value) => {
     refs.current.set(key, value);
     forceUpdate();
   }, []);
-  const values = React.useCallback(() => {
+  const values = react.useCallback(() => {
     const vals = [];
-    refs.current.forEach((value) => vals.push(value));
+    for (const value of refs.current.values()) {
+      vals.push(value);
+    }
     return vals;
   }, []);
-  return React.useMemo(() => ({ get, set, values }), [get, set, values]);
+  return react.useMemo(() => ({ get, set, values }), [get, set, values]);
 }
 
 exports.useRefsManager = useRefsManager;

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

@@ -1 +1 @@
-{"version":3,"file":"useRefsManager.js","sources":["../src/cascading-menu/internal/useRefsManager.ts"],"sourcesContent":["import { useReducer, useRef, useCallback, useMemo } 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    refs.current.forEach((value) => vals.push(value));\n    return vals;\n  }, []);\n\n  return useMemo(() => ({ get, set, values }), [get, set, values]);\n}\n"],"names":["useRef","useReducer","useCallback","useMemo"],"mappings":";;;;;;AAQO,SAAS,cAA8B,GAAA;AAC5C,EAAA,MAAM,IAAO,GAAAA,YAAA,iBAAW,IAAA,GAAA,EAA0B,CAAA,CAAA;AAClD,EAAM,MAAA,GAAG,WAAW,CAAA,GAAIC,iBAAW,CAAC,CAAA,KAAM,CAAC,CAAA,EAAG,KAAK,CAAA,CAAA;AAEnD,EAAM,MAAA,GAAA,GAAMC,iBAAY,CAAA,CAAC,GAAgB,KAAA,IAAA,CAAK,QAAQ,GAAI,CAAA,GAAG,CAAG,EAAA,EAAE,CAAA,CAAA;AAElE,EAAA,MAAM,GAAM,GAAAA,iBAAA,CAAY,CAAC,GAAA,EAAa,KAAuB,KAAA;AAC3D,IAAK,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,GAAA,EAAK,KAAK,CAAA,CAAA;AAC3B,IAAY,WAAA,EAAA,CAAA;AAAA,GACd,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,MAAA,GAASA,kBAAY,MAAM;AAC/B,IAAA,MAAM,OAAsB,EAAC,CAAA;AAC7B,IAAA,IAAA,CAAK,QAAQ,OAAQ,CAAA,CAAC,UAAU,IAAK,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA;AAChD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAAC,aAAA,CAAQ,OAAO,EAAE,GAAK,EAAA,GAAA,EAAK,MAAO,EAAA,CAAA,EAAI,CAAC,GAAA,EAAK,GAAK,EAAA,MAAM,CAAC,CAAA,CAAA;AACjE;;;;"}
+{"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":["useRef","useReducer","useCallback","useMemo"],"mappings":";;;;AAQO,SAAS,cAAA,GAA8B;AAC5C,EAAA,MAAM,IAAA,GAAOA,YAAA,iBAAO,IAAI,GAAA,EAA0B,CAAA;AAClD,EAAA,MAAM,GAAG,WAAW,CAAA,GAAIC,iBAAW,CAAC,CAAA,KAAM,CAAC,CAAA,EAAG,KAAK,CAAA;AAEnD,EAAA,MAAM,GAAA,GAAMC,iBAAA,CAAY,CAAC,GAAA,KAAgB,IAAA,CAAK,QAAQ,GAAA,CAAI,GAAG,CAAA,EAAG,EAAE,CAAA;AAElE,EAAA,MAAM,GAAA,GAAMA,iBAAA,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,GAASA,kBAAY,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,OAAOC,aAAA,CAAQ,OAAO,EAAE,GAAA,EAAK,GAAA,EAAK,MAAA,EAAO,CAAA,EAAI,CAAC,GAAA,EAAK,GAAA,EAAK,MAAM,CAAC,CAAA;AACjE;;;;"}

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

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
+var react = require('react');
 var CascadingMenuAction = require('./CascadingMenuAction.js');
 
 function getDefaultMenuState(id) {
@@ -28,8 +26,8 @@ function menuPositionReducer(state, action, level) {
       return state;
   }
 }
-function useStateReducer(menusDataById = {}, isNavigatingWithKeyboard) {
-  return React.useCallback(
+function useStateReducer(menusDataById, isNavigatingWithKeyboard) {
+  return react.useCallback(
     (state, action) => {
       let newState = [...state];
       const { type, targetId, highlightedItemIndex = null } = action;

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

@@ -1 +1 @@
-{"version":3,"file":"useStateReducer.js","sources":["../src/cascading-menu/internal/useStateReducer.ts"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport { flattenedMenuState, menuState } from \"./stateUtils\";\nimport { CascadingMenuAction, menuAction } from \"./CascadingMenuAction\";\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":["CascadingMenuAction","useCallback"],"mappings":"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"}
+{"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":["CascadingMenuAction","useCallback"],"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,KAAKA,uCAAA,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,OAAOC,iBAAA;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,KAAKD,uCAAA,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,KAAKA,uCAAA,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,KAAKA,uCAAA,CAAoB,SAAA;AACvB,UAAA,QAAA,CAAS,KAAK,CAAA,GAAI,mBAAA,CAAoB,QAAQ,CAAA;AAC9C,UAAA;AAAA,QACF,KAAKA,uCAAA,CAAoB,UAAA;AACvB,UAAA,QAAA,GAAW,+BAAA,CAAgC,OAAO,QAAQ,CAAA;AAC1D,UAAA;AAAA,QACF,KAAKA,uCAAA,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-cjs/cascading-menu/stateChangeTypes.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const stateChangeTypes = {
   KEYBOARD_TOGGLE: "keyboardToggle",
   MOUSE_TOGGLE: "mouseToggle",
@@ -17,7 +15,6 @@ const stateChangeTypes = {
   ITEM_KEYDOWN_TAB: "itemKeydownTab",
   ITEM_KEYDOWN_ESCAPE: "itemKeydownEscape",
   ITEM_KEYDOWN_HOME: "itemKeydownHome",
-  ITEM_KEYDOWN_END: "itemKeydownEnd",
   ITEM_MOUSE_ENTER: "itemMouseEnter",
   ITEM_MOUSE_MOVE_TO_PARENT: "itemMouseMoveToParent",
   MOUSE_OUT_OF_MENUS: "mouseOutOfMenus",

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

@@ -1 +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,gBAAwD,GAAA;AAAA,EACnE,eAAiB,EAAA,gBAAA;AAAA,EACjB,YAAc,EAAA,aAAA;AAAA,EACd,YAAc,EAAA,aAAA;AAAA,EACd,SAAW,EAAA,UAAA;AAAA,EACX,YAAc,EAAA,aAAA;AAAA,EACd,kBAAoB,EAAA,kBAAA;AAAA,EACpB,wBAA0B,EAAA,uBAAA;AAAA,EAC1B,uBAAyB,EAAA,sBAAA;AAAA,EACzB,uBAAyB,EAAA,sBAAA;AAAA,EACzB,qBAAuB,EAAA,oBAAA;AAAA,EACvB,qBAAuB,EAAA,qBAAA;AAAA,EACvB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,mBAAqB,EAAA,mBAAA;AAAA,EACrB,iBAAmB,EAAA,iBAAA;AAAA,EACnB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,yBAA2B,EAAA,uBAAA;AAAA,EAC3B,kBAAoB,EAAA,iBAAA;AAAA,EACpB,uBAAyB,EAAA,sBAAA;AAC3B;;;;"}
+{"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-cjs/color-chooser/AlphaInputField.js

@@ -1,15 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var React = require('react');
 var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var react = require('react');
 var InputLegacy = require('../input-legacy/InputLegacy.js');
 require('../input-legacy/StaticInputAdornment.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
 var RGBAInput = require('./RGBAInput.css.js');
 
 const withBaseName = core.makePrefixer("saltColorChooser");
@@ -24,20 +22,20 @@ const AlphaInput = ({
     css: RGBAInput,
     window: targetWindow
   });
-  const [alphaInputValue, setAlphaInputValue] = React.useState(
-    !isNaN(alphaValue) ? alphaValue.toString() : ""
+  const [alphaInputValue, setAlphaInputValue] = react.useState(
+    !Number.isNaN(alphaValue) ? alphaValue.toString() : ""
   );
-  React.useEffect(() => {
-    setAlphaInputValue(!isNaN(alphaValue) ? alphaValue.toString() : "");
+  react.useEffect(() => {
+    setAlphaInputValue(!Number.isNaN(alphaValue) ? alphaValue.toString() : "");
   }, [alphaValue]);
-  const handleAlphaInputChange = (event, value) => {
-    value = value.replace("%", "");
+  const handleAlphaInputChange = (event, newValue) => {
+    const value = newValue.replace("%", "");
     let alpha = value;
     if (value.trim() === "" || Number.isNaN(value)) {
       alpha = "";
     }
     if (showAsOpacity && Number.parseFloat(value)) {
-      alpha = (parseFloat(value) / 100).toString();
+      alpha = (Number.parseFloat(value) / 100).toString();
     }
     if (value.charAt(1) === "." || value.charAt(0) === ".") {
       alpha = value;
@@ -46,31 +44,35 @@ const AlphaInput = ({
   };
   const handleKeyDownAlpha = (e) => {
     if (e.key === "Enter") {
-      const alpha = alphaInputValue.trim().replace("%", "") !== "" ? parseFloat(alphaInputValue) : 0;
+      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() !== "" ? parseFloat(alphaInputValue) : 0;
+    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__ */ jsxRuntime.jsx(InputLegacy.InputLegacy, {
-    inputProps: {
-      "data-testid": "a-input"
-    },
-    className: clsx.clsx({
-      [withBaseName("rgbaInput")]: !showAsOpacity,
-      [withBaseName("opacityInput")]: showAsOpacity
-    }),
-    value: showAsOpacity ? alphaInputValue ? (parseFloat(alphaInputValue) * 100).toString() + "%" : "%" : alphaInputValue,
-    onChange: handleAlphaInputChange,
-    onBlur: handleOnBlurAlpha,
-    onKeyDown: handleKeyDownAlpha
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    InputLegacy.InputLegacy,
+    {
+      inputProps: {
+        // @ts-expect-error
+        "data-testid": "a-input"
+      },
+      className: clsx.clsx({
+        [withBaseName("rgbaInput")]: !showAsOpacity,
+        [withBaseName("opacityInput")]: showAsOpacity
+      }),
+      value: showAsOpacity ? alphaInputValue ? `${(Number.parseFloat(alphaInputValue) * 100).toString()}%` : "%" : alphaInputValue,
+      onChange: handleAlphaInputChange,
+      onBlur: handleOnBlurAlpha,
+      onKeyDown: handleKeyDownAlpha
+    }
+  );
 };
 
 exports.AlphaInput = AlphaInput;

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

@@ -1 +1 @@
-{"version":3,"file":"AlphaInputField.js","sources":["../src/color-chooser/AlphaInputField.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useEffect, useState } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { InputLegacy as Input } from \"../input-legacy\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\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?: React.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    !isNaN(alphaValue) ? alphaValue.toString() : \"\"\n  );\n\n  useEffect(() => {\n    setAlphaInputValue(!isNaN(alphaValue) ? alphaValue.toString() : \"\");\n  }, [alphaValue]);\n\n  const handleAlphaInputChange = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ): void => {\n    value = value.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 = (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 = (\n    e: React.KeyboardEvent<HTMLInputElement>\n  ): void => {\n    if (e.key === \"Enter\") {\n      const alpha =\n        alphaInputValue.trim().replace(\"%\", \"\") !== \"\"\n          ? 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: React.FocusEvent<HTMLInputElement>): void => {\n    // Guard against parseFloat('') becoming NaN\n    const alpha =\n      alphaInputValue.trim() !== \"\" ? 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-ignore\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            ? (parseFloat(alphaInputValue) * 100).toString() + \"%\"\n            : \"%\"\n          : alphaInputValue\n      }\n      onChange={handleAlphaInputChange}\n      onBlur={handleOnBlurAlpha}\n      onKeyDown={handleKeyDownAlpha}\n    />\n  );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","rgbaInputCss","useState","useEffect","jsx","Input","clsx"],"mappings":"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"}
+{"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":["makePrefixer","useWindow","useComponentCssInjection","rgbaInputCss","useState","useEffect","jsx","Input","clsx"],"mappings":"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"}

package/dist-cjs/color-chooser/Color.js

@@ -1,17 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var tinycolor = require('tinycolor2');
 var ColorHelpers = require('./ColorHelpers.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var tinycolor__default = /*#__PURE__*/_interopDefaultLegacy(tinycolor);
-
 class Color {
   constructor() {
-    this.color = tinycolor__default["default"]();
+    this.color = tinycolor();
   }
   get hex() {
     return this.color.getAlpha() === 1 ? this.color.toHexString() : this.color.toHex8String();
@@ -24,6 +18,7 @@ class Color {
       a: this.color.toRgb().a
     };
   }
+  /** E.g. Orange800 */
   get colorName() {
     return ColorHelpers.getColorNameByHexValue(
       this.color.toHex8String(),
@@ -34,16 +29,15 @@ class Color {
   }
   static makeColorFromHex(hexValue) {
     const colorObj = new Color();
-    colorObj.color = tinycolor__default["default"](hexValue);
+    colorObj.color = tinycolor(hexValue);
     if (colorObj.color.isValid()) {
       return colorObj;
-    } else {
-      return void 0;
     }
+    return void 0;
   }
   static makeColorFromRGB(r, g, b, a) {
     const colorObj = new Color();
-    colorObj.color = tinycolor__default["default"]({ r, g, b, a });
+    colorObj.color = tinycolor({ r, g, b, a });
     return colorObj;
   }
   setAlpha(alpha) {

package/dist-cjs/color-chooser/Color.js.map

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sources":["../src/color-chooser/Color.ts"],"sourcesContent":["import tinycolor from \"tinycolor2\";\nimport { getColorNameByHexValue } from \"./ColorHelpers\";\n\nexport type RGBAValue = {\n  r: number;\n  b: number;\n  g: number;\n  a: number;\n};\n\nexport class Color {\n  private color: tinycolor.Instance = tinycolor();\n\n  public get hex(): string {\n    return this.color.getAlpha() === 1\n      ? this.color.toHexString()\n      : this.color.toHex8String();\n  }\n\n  public get rgba(): RGBAValue {\n    return {\n      r: this.color.toRgb().r,\n      g: this.color.toRgb().g,\n      b: this.color.toRgb().b,\n      a: this.color.toRgb().a,\n    };\n  }\n\n  /** E.g. Orange800 */\n  public get colorName(): string | undefined {\n    return getColorNameByHexValue(\n      this.color.toHex8String(),\n      false,\n      undefined,\n      true\n    );\n  }\n\n  static makeColorFromHex(hexValue: string | undefined): Color | undefined {\n    const colorObj = new Color();\n    colorObj.color = tinycolor(hexValue);\n\n    if (colorObj.color.isValid()) {\n      return colorObj;\n    } else {\n      return undefined;\n    }\n  }\n\n  static makeColorFromRGB(r: number, g: number, b: number, a?: number): Color {\n    const colorObj = new Color();\n    colorObj.color = tinycolor({ r: r, g: g, b: b, a: a });\n    return colorObj;\n  }\n\n  setAlpha(alpha: number): Color {\n    const colorObj = new Color();\n    colorObj.color = this.color.setAlpha(alpha);\n    return colorObj;\n  }\n}\n"],"names":["tinycolor","getColorNameByHexValue"],"mappings":";;;;;;;;;;;AAUO,MAAM,KAAM,CAAA;AAAA,EAAZ,WAAA,GAAA;AACL,IAAA,IAAA,CAAQ,QAA4BA,6BAAU,EAAA,CAAA;AAAA,GAAA;AAAA,EAE9C,IAAW,GAAc,GAAA;AACvB,IAAO,OAAA,IAAA,CAAK,KAAM,CAAA,QAAA,EAAe,KAAA,CAAA,GAC7B,IAAK,CAAA,KAAA,CAAM,WAAY,EAAA,GACvB,IAAK,CAAA,KAAA,CAAM,YAAa,EAAA,CAAA;AAAA,GAC9B;AAAA,EAEA,IAAW,IAAkB,GAAA;AAC3B,IAAO,OAAA;AAAA,MACL,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,MACtB,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,MACtB,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,MACtB,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,KACxB,CAAA;AAAA,GACF;AAAA,EAGA,IAAW,SAAgC,GAAA;AACzC,IAAO,OAAAC,mCAAA;AAAA,MACL,IAAA,CAAK,MAAM,YAAa,EAAA;AAAA,MACxB,KAAA;AAAA,MACA,KAAA,CAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AAAA,GACF;AAAA,EAEA,OAAO,iBAAiB,QAAiD,EAAA;AACvE,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA,CAAA;AAC3B,IAAS,QAAA,CAAA,KAAA,GAAQD,8BAAU,QAAQ,CAAA,CAAA;AAEnC,IAAI,IAAA,QAAA,CAAS,KAAM,CAAA,OAAA,EAAW,EAAA;AAC5B,MAAO,OAAA,QAAA,CAAA;AAAA,KACF,MAAA;AACL,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAAA,GACF;AAAA,EAEA,OAAO,gBAAA,CAAiB,CAAW,EAAA,CAAA,EAAW,GAAW,CAAmB,EAAA;AAC1E,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA,CAAA;AAC3B,IAAA,QAAA,CAAS,QAAQA,6BAAU,CAAA,EAAE,GAAM,CAAM,EAAA,CAAA,EAAM,GAAM,CAAA,CAAA;AACrD,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAAA,EAEA,SAAS,KAAsB,EAAA;AAC7B,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA,CAAA;AAC3B,IAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAC1C,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AACF;;;;"}
+{"version":3,"file":"Color.js","sources":["../src/color-chooser/Color.ts"],"sourcesContent":["import tinycolor from \"tinycolor2\";\nimport { getColorNameByHexValue } from \"./ColorHelpers\";\n\nexport type RGBAValue = {\n  r: number;\n  b: number;\n  g: number;\n  a: number;\n};\n\nexport class Color {\n  private color: tinycolor.Instance = tinycolor();\n\n  public get hex(): string {\n    return this.color.getAlpha() === 1\n      ? this.color.toHexString()\n      : this.color.toHex8String();\n  }\n\n  public get rgba(): RGBAValue {\n    return {\n      r: this.color.toRgb().r,\n      g: this.color.toRgb().g,\n      b: this.color.toRgb().b,\n      a: this.color.toRgb().a,\n    };\n  }\n\n  /** E.g. Orange800 */\n  public get colorName(): string | undefined {\n    return getColorNameByHexValue(\n      this.color.toHex8String(),\n      false,\n      undefined,\n      true,\n    );\n  }\n\n  static makeColorFromHex(hexValue: string | undefined): Color | undefined {\n    const colorObj = new Color();\n    colorObj.color = tinycolor(hexValue);\n\n    if (colorObj.color.isValid()) {\n      return colorObj;\n    }\n    return undefined;\n  }\n\n  static makeColorFromRGB(r: number, g: number, b: number, a?: number): Color {\n    const colorObj = new Color();\n    colorObj.color = tinycolor({ r: r, g: g, b: b, a: a });\n    return colorObj;\n  }\n\n  setAlpha(alpha: number): Color {\n    const colorObj = new Color();\n    colorObj.color = this.color.setAlpha(alpha);\n    return colorObj;\n  }\n}\n"],"names":["getColorNameByHexValue"],"mappings":";;;;;AAUO,MAAM,KAAA,CAAM;AAAA,EAAZ,WAAA,GAAA;AACL,IAAA,IAAA,CAAQ,QAA4B,SAAA,EAAU;AAAA,EAAA;AAAA,EAE9C,IAAW,GAAA,GAAc;AACvB,IAAA,OAAO,IAAA,CAAK,KAAA,CAAM,QAAA,EAAS,KAAM,CAAA,GAC7B,IAAA,CAAK,KAAA,CAAM,WAAA,EAAY,GACvB,IAAA,CAAK,KAAA,CAAM,YAAA,EAAa;AAAA,EAC9B;AAAA,EAEA,IAAW,IAAA,GAAkB;AAC3B,IAAA,OAAO;AAAA,MACL,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAA,EAAM,CAAE,CAAA;AAAA,MACtB,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAA,EAAM,CAAE,CAAA;AAAA,MACtB,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAA,EAAM,CAAE,CAAA;AAAA,MACtB,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAA,EAAM,CAAE;AAAA,KACxB;AAAA,EACF;AAAA;AAAA,EAGA,IAAW,SAAA,GAAgC;AACzC,IAAA,OAAOA,mCAAA;AAAA,MACL,IAAA,CAAK,MAAM,YAAA,EAAa;AAAA,MACxB,KAAA;AAAA,MACA,MAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AAAA,EAEA,OAAO,iBAAiB,QAAA,EAAiD;AACvE,IAAA,MAAM,QAAA,GAAW,IAAI,KAAA,EAAM;AAC3B,IAAA,QAAA,CAAS,KAAA,GAAQ,UAAU,QAAQ,CAAA;AAEnC,IAAA,IAAI,QAAA,CAAS,KAAA,CAAM,OAAA,EAAQ,EAAG;AAC5B,MAAA,OAAO,QAAA;AAAA,IACT;AACA,IAAA,OAAO,MAAA;AAAA,EACT;AAAA,EAEA,OAAO,gBAAA,CAAiB,CAAA,EAAW,CAAA,EAAW,GAAW,CAAA,EAAmB;AAC1E,IAAA,MAAM,QAAA,GAAW,IAAI,KAAA,EAAM;AAC3B,IAAA,QAAA,CAAS,QAAQ,SAAA,CAAU,EAAE,GAAM,CAAA,EAAM,CAAA,EAAM,GAAM,CAAA;AACrD,IAAA,OAAO,QAAA;AAAA,EACT;AAAA,EAEA,SAAS,KAAA,EAAsB;AAC7B,IAAA,MAAM,QAAA,GAAW,IAAI,KAAA,EAAM;AAC3B,IAAA,QAAA,CAAS,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,QAAA,CAAS,KAAK,CAAA;AAC1C,IAAA,OAAO,QAAA;AAAA,EACT;AACF;;;;"}

package/dist-cjs/color-chooser/ColorChooser.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltColorChooser-overlayButtonSwatch {\n  margin-right: 10px;\n  height: calc(2 * var(--salt-size-unit));\n  width: calc(2 * var(--salt-size-unit));\n}\n\n.saltColorChooser-overlayButtonSwatchWithBorder {\n  border: 0.2px solid var(--salt-editable-borderColor);\n}\n\n.saltColorChooser-overlayButtonSwatchTransparent {\n  height: calc(var(--salt-size-container-spacing) - 2px) !important;\n  width: calc(var(--salt-size-container-spacing) - 2px) !important;\n  border: 1px solid var(--salt-status-negative-foreground);\n  /* RGBA using red-700 */\n  background: linear-gradient(\n    to top left,\n    rgba(166, 21, 11, 0) 0%,\n    rgba(166, 21, 11, 0) calc(50% - 0.8px),\n    rgba(166, 21, 11, 1) 50%,\n    rgba(166, 21, 11, 0) calc(50% + 0.8px),\n    rgba(166, 21, 11, 0) 100%\n  );\n}\n\n.saltColorChooser-overlayButtonText {\n  font-weight: var(--salt-text-fontWeight);\n  font-family: var(--saltButton-fontFamily, var(--salt-text-fontFamily));\n  font-size: var(--salt-text-fontSize);\n  letter-spacing: normal;\n}\n\n.saltColorChooser-overlayButton {\n  background: transparent;\n  text-transform: none;\n  justify-content: flex-start;\n}\n\n.saltColorChooser-overlayButtonHiddenLabel {\n  width: var(--salt-size-container-spacing);\n  display: contents;\n}\n\n.saltColorChooser-overlayButtonClose {\n  margin: 5px;\n}\n\n.saltColorChooser-defaultButton {\n  float: right;\n  background: transparent;\n  padding: 6px 2px 6px 2px;\n  height: var(--salt-size-stackable);\n}\n\n.saltColorChooser-defaultButton {\n  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-editable-borderColor);\n}\n\n.saltColorChooser-overlayContent {\n  max-width: 100%;\n}\n\n.saltColorChooser-refreshIcon {\n  padding-right: 5px;\n}\n";
+var css_248z = ".saltColorChooser-overlayButtonSwatch {\n  margin-right: 10px;\n  height: calc(2 * var(--salt-size-unit));\n  width: calc(2 * var(--salt-size-unit));\n}\n\n.saltColorChooser-overlayButtonSwatchWithBorder {\n  border: 0.2px solid var(--salt-editable-borderColor);\n}\n\n.saltColorChooser-overlayButtonSwatchTransparent {\n  height: calc(var(--salt-size-container-spacing) - 2px) !important;\n  width: calc(var(--salt-size-container-spacing) - 2px) !important;\n  border: 1px solid var(--salt-sentiment-negative-foreground-decorative);\n  /* RGBA using red-700 */\n  background: linear-gradient(to top left, rgba(166, 21, 11, 0) 0%, rgba(166, 21, 11, 0) calc(50% - 0.8px), rgba(166, 21, 11, 1) 50%, rgba(166, 21, 11, 0) calc(50% + 0.8px), rgba(166, 21, 11, 0) 100%);\n}\n\n.saltColorChooser-overlayButtonText {\n  font-weight: var(--salt-text-fontWeight);\n  font-family: var(--saltButton-fontFamily, var(--salt-text-fontFamily));\n  font-size: var(--salt-text-fontSize);\n  letter-spacing: normal;\n}\n\n.saltColorChooser-overlayButton {\n  background: transparent;\n  text-transform: none;\n  justify-content: flex-start;\n}\n\n.saltColorChooser-overlayButtonHiddenLabel {\n  width: var(--salt-size-container-spacing);\n  display: contents;\n}\n\n.saltColorChooser-defaultButton {\n  float: right;\n  background: transparent;\n  padding: 6px 2px 6px 2px;\n  height: var(--salt-size-stackable);\n}\n\n.saltColorChooser-defaultButton {\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);\n}\n\n.saltColorChooser-overlayContent {\n  max-width: 100%;\n}\n\n.saltColorChooser-refreshIcon {\n  padding-right: 5px;\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=ColorChooser.css.js.map