@salt-ds/lab 1.0.0-alpha.76 → 1.0.0-alpha.78

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

@@ -1 +1 @@
-{"version":3,"file":"useClickAway.js","sources":["../src/cascading-menu/internal/useClickAway.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEventCallback } from \"../../utils\";\n\nimport { useMountedRef } from \"./useMountedRef\";\n\nfunction eventComingFromNodes(nodes: HTMLElement[], event: MouseEvent) {\n  return nodes.some(\n    (node) =>\n      node != null &&\n      (node === event.target || node.contains(event.target as HTMLElement)),\n  );\n}\n\ntype clickAwayHook = (\n  nodes: HTMLElement[] | (() => HTMLElement[]) | null,\n  containingDocument: Document,\n  onClickAway: (event: FocusEvent) => void,\n  onClick: (event: MouseEvent) => void,\n  mouseEvent?: keyof DocumentEventMap,\n) => void;\n\nexport const useClickAway: clickAwayHook = (\n  nodes,\n  containingDocument,\n  onClickAway,\n  onClick = () => undefined,\n  mouseEvent = \"mouseup\",\n) => {\n  //TODO can we get rid of this if it's just for IE11 ?\n  const mountedRef = useMountedRef();\n\n  const handleClickAway = useEventCallback((event: MouseEvent) => {\n    // Ignore events that have been `event.preventDefault()` marked.\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    // IE 11 support, which trigger the handleClickAway even after the unbind\n    if (!mountedRef.current) {\n      return;\n    }\n\n    onClick(event);\n\n    if (!nodes) {\n      return;\n    }\n\n    const resolvedNodes = typeof nodes === \"function\" ? nodes() : nodes;\n    const isEventComingFromNodes = eventComingFromNodes(resolvedNodes, event);\n\n    const ownerDocumentNode = resolvedNodes.find((node) =>\n      // node could be null, e.g. left click on surrounding area of context menu examples\n      node ? node.ownerDocument : false,\n    );\n    const doc = 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,KAAmB,EAAA;AACrE,EAAA,OAAO,KAAM,CAAA,IAAA;AAAA,IACX,CAAC,IACC,KAAA,IAAA,IAAQ,IACP,KAAA,IAAA,KAAS,MAAM,MAAU,IAAA,IAAA,CAAK,QAAS,CAAA,KAAA,CAAM,MAAqB,CAAA;AAAA,GACvE;AACF;AAUa,MAAA,YAAA,GAA8B,CACzC,KACA,EAAA,kBAAA,EACA,aACA,OAAU,GAAA,MAAM,MAChB,EAAA,UAAA,GAAa,SACV,KAAA;AAEH,EAAA,MAAM,aAAa,aAAc,EAAA;AAEjC,EAAM,MAAA,eAAA,GAAkB,gBAAiB,CAAA,CAAC,KAAsB,KAAA;AA/BlE,IAAA,IAAA,EAAA;AAiCI,IAAA,IAAI,MAAM,gBAAkB,EAAA;AAC1B,MAAA;AAAA;AAIF,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA;AAAA;AAGF,IAAA,OAAA,CAAQ,KAAK,CAAA;AAEb,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAA;AAAA;AAGF,IAAA,MAAM,aAAgB,GAAA,OAAO,KAAU,KAAA,UAAA,GAAa,OAAU,GAAA,KAAA;AAC9D,IAAM,MAAA,sBAAA,GAAyB,oBAAqB,CAAA,aAAA,EAAe,KAAK,CAAA;AAExE,IAAA,MAAM,oBAAoB,aAAc,CAAA,IAAA;AAAA,MAAK,CAAC,IAAA;AAAA;AAAA,QAE5C,IAAA,GAAO,KAAK,aAAgB,GAAA;AAAA;AAAA,KAC9B;AACA,IAAM,MAAA,GAAA,GAAM,uBAAsB,iBAAmB,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAA,aAAA,CAAA;AAErD,IAAA,IAAA,CAAA,CACE,SAAI,eAAJ,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAqB,SAAS,KAAM,CAAA,MAAA,CAAA,KACpC,CAAC,sBACD,EAAA;AACA,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA;AACnB,GACD,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AAjElB,IAAA,IAAA,EAAA;AAkEI,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAmB,kBAAA,CAAA,gBAAA;AAAA,QACjB,UAAA;AAAA,QACA;AAAA,OACF;AACA,MAAmB,CAAA,EAAA,GAAA,kBAAA,CAAA,WAAA,KAAnB,IAAgC,GAAA,MAAA,GAAA,EAAA,CAAA,gBAAA,CAAiB,MAAQ,EAAA,WAAA,CAAA;AAAA;AAE3D,IAAA,OAAO,MAAM;AAzEjB,MAAAA,IAAAA,GAAAA;AA0EM,MAAA,IAAI,kBAAoB,EAAA;AACtB,QAAmB,kBAAA,CAAA,mBAAA;AAAA,UACjB,UAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,CAAAA,GAAA,GAAA,kBAAA,CAAmB,WAAnB,KAAA,IAAA,GAAA,MAAA,GAAAA,GAAgC,CAAA,mBAAA;AAAA,UAC9B,MAAA;AAAA,UACA;AAAA,SAAA;AAAA;AAEJ,KACF;AAAA,KACC,CAAC,eAAA,EAAiB,UAAY,EAAA,kBAAA,EAAoB,WAAW,CAAC,CAAA;AACnE;;;;"}
+{"version":3,"file":"useClickAway.js","sources":["../src/cascading-menu/internal/useClickAway.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEventCallback } from \"../../utils\";\n\nimport { useMountedRef } from \"./useMountedRef\";\n\nfunction eventComingFromNodes(nodes: HTMLElement[], event: MouseEvent) {\n  return nodes.some(\n    (node) =>\n      node != null &&\n      (node === event.target || node.contains(event.target as HTMLElement)),\n  );\n}\n\ntype clickAwayHook = (\n  nodes: HTMLElement[] | (() => HTMLElement[]) | null,\n  containingDocument: Document,\n  onClickAway: (event: FocusEvent) => void,\n  onClick: (event: MouseEvent) => void,\n  mouseEvent?: keyof DocumentEventMap,\n) => void;\n\nexport const useClickAway: clickAwayHook = (\n  nodes,\n  containingDocument,\n  onClickAway,\n  onClick = () => undefined,\n  mouseEvent = \"mouseup\",\n) => {\n  //TODO can we get rid of this if it's just for IE11 ?\n  const mountedRef = useMountedRef();\n\n  const handleClickAway = useEventCallback((event: MouseEvent) => {\n    // Ignore events that have been `event.preventDefault()` marked.\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    // IE 11 support, which trigger the handleClickAway even after the unbind\n    if (!mountedRef.current) {\n      return;\n    }\n\n    onClick(event);\n\n    if (!nodes) {\n      return;\n    }\n\n    const resolvedNodes = typeof nodes === \"function\" ? nodes() : nodes;\n    const isEventComingFromNodes = eventComingFromNodes(resolvedNodes, event);\n\n    const ownerDocumentNode = resolvedNodes.find((node) =>\n      // node could be null, e.g. left click on surrounding area of context menu examples\n      node ? node.ownerDocument : false,\n    );\n    const doc = containingDocument || ownerDocumentNode?.ownerDocument;\n\n    if (\n      doc.documentElement?.contains(event.target as HTMLElement) &&\n      !isEventComingFromNodes\n    ) {\n      onClickAway(event);\n    }\n  });\n\n  useEffect(() => {\n    if (containingDocument) {\n      containingDocument.addEventListener(\n        mouseEvent,\n        handleClickAway as EventListener,\n      );\n      containingDocument.defaultView?.addEventListener(\"blur\", onClickAway);\n    }\n    return () => {\n      if (containingDocument) {\n        containingDocument.removeEventListener(\n          mouseEvent,\n          handleClickAway as EventListener,\n        );\n        containingDocument.defaultView?.removeEventListener(\n          \"blur\",\n          onClickAway,\n        );\n      }\n    };\n  }, [handleClickAway, mouseEvent, containingDocument, onClickAway]);\n};\n"],"names":["_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.map

@@ -1 +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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"}
+{"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

@@ -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":[],"mappings":";;AAIO,SAAS,aAAgB,GAAA;AAC9B,EAAM,MAAA,UAAA,GAAa,OAAO,KAAK,CAAA;AAC/B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,OAAU,GAAA,IAAA;AACrB,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAU,GAAA,KAAA;AAAA,KACvB;AAAA,GACF,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,UAAA;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":[],"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.map

@@ -1 +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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"}
+{"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.map

@@ -1 +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,cAA8B,GAAA;AAC5C,EAAA,MAAM,IAAO,GAAA,MAAA,iBAAW,IAAA,GAAA,EAA0B,CAAA;AAClD,EAAM,MAAA,GAAG,WAAW,CAAA,GAAI,WAAW,CAAC,CAAA,KAAM,CAAC,CAAA,EAAG,KAAK,CAAA;AAEnD,EAAM,MAAA,GAAA,GAAM,WAAY,CAAA,CAAC,GAAgB,KAAA,IAAA,CAAK,QAAQ,GAAI,CAAA,GAAG,CAAG,EAAA,EAAE,CAAA;AAElE,EAAA,MAAM,GAAM,GAAA,WAAA,CAAY,CAAC,GAAA,EAAa,KAAuB,KAAA;AAC3D,IAAK,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,GAAA,EAAK,KAAK,CAAA;AAC3B,IAAY,WAAA,EAAA;AAAA,GACd,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,MAAM,OAAsB,EAAC;AAC7B,IAAA,KAAA,MAAW,KAAS,IAAA,IAAA,CAAK,OAAQ,CAAA,MAAA,EAAU,EAAA;AACzC,MAAA,IAAA,CAAK,KAAK,KAAK,CAAA;AAAA;AAEjB,IAAO,OAAA,IAAA;AAAA,GACT,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,OAAA,CAAQ,OAAO,EAAE,GAAK,EAAA,GAAA,EAAK,MAAO,EAAA,CAAA,EAAI,CAAC,GAAA,EAAK,GAAK,EAAA,MAAM,CAAC,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":[],"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.map

@@ -1 +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,EAAuB,EAAA;AAClD,EAAO,OAAA;AAAA,IACL,EAAA;AAAA,IACA,oBAAsB,EAAA;AAAA,GACxB;AACF;AAEA,SAAS,+BAAA,CAAgC,OAAe,KAAoB,EAAA;AAC1E,EAAM,MAAA,QAAA,GAAW,CAAC,GAAG,KAAK,CAAA;AAC1B,EAAA,QAAA,CAAS,OAAO,KAAK,CAAA;AACrB,EAAO,OAAA,QAAA;AACT;AAEA,SAAS,mBAAA,CAAoB,KAAc,EAAA,MAAA,EAAoB,KAAe,EAAA;AAC5E,EAAM,MAAA,EAAE,MAAS,GAAA,MAAA;AACjB,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,mBAAoB,CAAA,WAAA;AACvB,MAAA,KAAA,CAAM,KAAK,CAAI,GAAA;AAAA,QACb,GAAG,MAAM,KAAK;AAAA,OAChB;AACA,MAAO,OAAA,KAAA;AAAA,IACT;AACE,MAAO,OAAA,KAAA;AAAA;AAEb;AAEgB,SAAA,eAAA,CACd,eACA,wBACA,EAAA;AACA,EAAO,OAAA,WAAA;AAAA,IACL,CAAC,OAAc,MAA8B,KAAA;AAC3C,MAAI,IAAA,QAAA,GAAW,CAAC,GAAG,KAAK,CAAA;AACxB,MAAA,MAAM,EAAE,IAAA,EAAM,QAAU,EAAA,oBAAA,GAAuB,MAAS,GAAA,MAAA;AACxD,MAAA,MAAM,EAAE,KAAA,EAAO,UAAa,GAAA,IAAO,GAAA,MAAA;AAAA,QACjC,cAAc,QAAQ;AAAA,OACxB;AACA,MAAA,MAAM,UACJ,OAAO,oBAAA,KAAyB,QAC5B,GAAA,UAAA,CAAW,oBAAoB,CAC/B,GAAA,IAAA;AACN,MAAA,MAAM,aAAgB,GAAA,OAAA,GAAU,aAAc,CAAA,OAAO,CAAI,GAAA,MAAA;AAEzD,MAAW,QAAA,GAAA,mBAAA,CAAoB,QAAU,EAAA,MAAA,EAAQ,KAAK,CAAA;AACtD,MAAA,QAAQ,IAAM;AAAA,QACZ,KAAK,mBAAoB,CAAA,2BAAA;AACvB,UAAA,QAAA,CAAS,KAAK,CAAI,GAAA;AAAA,YAChB,GAAG,SAAS,KAAK,CAAA;AAAA,YACjB;AAAA,WACF;AACA,UAAW,QAAA,GAAA,+BAAA,CAAgC,KAAQ,GAAA,CAAA,EAAG,QAAQ,CAAA;AAC9D,UAAI,IAAA,OAAA,IAAW,aAAiB,IAAA,CAAC,wBAA0B,EAAA;AACzD,YAAA,QAAA,CAAS,aAAc,CAAA,KAAK,CAAI,GAAA,mBAAA,CAAoB,OAAO,CAAA;AAAA;AAE7D,UAAA;AAAA,QACF,KAAK,mBAAoB,CAAA,UAAA;AACvB,UAAA,QAAA,CAAS,KAAK,CAAI,GAAA;AAAA,YAChB,GAAG,SAAS,KAAK,CAAA;AAAA,YACjB,oBAAsB,EAAA;AAAA,WACxB;AACA,UAAW,QAAA,GAAA,+BAAA,CAAgC,KAAQ,GAAA,CAAA,EAAG,QAAQ,CAAA;AAC9D,UAAA;AAAA,QACF,KAAK,mBAAoB,CAAA,SAAA;AACvB,UAAS,QAAA,CAAA,KAAK,CAAI,GAAA,mBAAA,CAAoB,QAAQ,CAAA;AAC9C,UAAA;AAAA,QACF,KAAK,mBAAoB,CAAA,UAAA;AACvB,UAAW,QAAA,GAAA,+BAAA,CAAgC,OAAO,QAAQ,CAAA;AAC1D,UAAA;AAAA,QACF,KAAK,mBAAoB,CAAA,oBAAA;AACvB,UAAA,QAAA,GAAW,EAAC;AACZ,UAAA;AAEA;AAEJ,MAAO,OAAA,QAAA;AAAA,KACT;AAAA,IACA,CAAC,0BAA0B,aAAa;AAAA,GAC1C;AACF;;;;"}
+{"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.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,EAEnB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,yBAA2B,EAAA,uBAAA;AAAA,EAC3B,kBAAoB,EAAA,iBAAA;AAAA,EACpB,uBAAyB,EAAA;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-es/color-chooser/AlphaInputField.js.map

@@ -1 +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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"}
+{"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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"}

package/dist-es/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    }\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":[],"mappings":";;;AAUO,MAAM,KAAM,CAAA;AAAA,EAAZ,WAAA,GAAA;AACL,IAAA,IAAA,CAAQ,QAA4B,SAAU,EAAA;AAAA;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;AAAA;AAC9B,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;AAAA,KACxB;AAAA;AACF;AAAA,EAGA,IAAW,SAAgC,GAAA;AACzC,IAAO,OAAA,sBAAA;AAAA,MACL,IAAA,CAAK,MAAM,YAAa,EAAA;AAAA,MACxB,KAAA;AAAA,MACA,MAAA;AAAA,MACA;AAAA,KACF;AAAA;AACF,EAEA,OAAO,iBAAiB,QAAiD,EAAA;AACvE,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA;AAC3B,IAAS,QAAA,CAAA,KAAA,GAAQ,UAAU,QAAQ,CAAA;AAEnC,IAAI,IAAA,QAAA,CAAS,KAAM,CAAA,OAAA,EAAW,EAAA;AAC5B,MAAO,OAAA,QAAA;AAAA;AAET,IAAO,OAAA,MAAA;AAAA;AACT,EAEA,OAAO,gBAAA,CAAiB,CAAW,EAAA,CAAA,EAAW,GAAW,CAAmB,EAAA;AAC1E,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA;AAC3B,IAAA,QAAA,CAAS,QAAQ,SAAU,CAAA,EAAE,GAAM,CAAM,EAAA,CAAA,EAAM,GAAM,CAAA;AACrD,IAAO,OAAA,QAAA;AAAA;AACT,EAEA,SAAS,KAAsB,EAAA;AAC7B,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA;AAC3B,IAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,KAAK,CAAA;AAC1C,IAAO,OAAA,QAAA;AAAA;AAEX;;;;"}
+{"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":[],"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,OAAO,sBAAA;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-es/color-chooser/ColorChooser.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorChooser.js","sources":["../src/color-chooser/ColorChooser.tsx"],"sourcesContent":["import {\n  Button,\n  type ButtonProps,\n  makePrefixer,\n  Overlay,\n  OverlayPanel,\n  OverlayPanelCloseButton,\n  OverlayPanelContent,\n  OverlayTrigger,\n} from \"@salt-ds/core\";\nimport { RefreshIcon } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ChangeEvent, useState } from \"react\";\nimport type { Color } from \"./Color\";\nimport colorChooserCss from \"./ColorChooser.css\";\nimport {\n  convertColorMapValueToHex,\n  getColorNameByHexValue,\n  getHexValue,\n  hexValueWithoutAlpha,\n} from \"./ColorHelpers\";\nimport { isTransparent } from \"./color-utils\";\nimport { saltColorMap } from \"./colorMap\";\nimport { createTabsMapping } from \"./createTabsMapping\";\nimport { type ColorChooserTabs, DictTabs } from \"./DictTabs\";\nimport { getColorPalettes } from \"./GetColorPalettes\";\n\nconst withBaseName = makePrefixer(\"saltColorChooser\");\n\nfunction getActiveTab(\n  hexValue: string | undefined,\n  tabs: ColorChooserTabs,\n  saltColorOverrides: Record<string, string> | undefined,\n): number {\n  if (tabs.Swatches && tabs[\"Color Picker\"]) {\n    const hexNoAlpha: string | undefined = hexValueWithoutAlpha(hexValue);\n    const colors = saltColorOverrides ?? saltColorMap;\n    // if hexNoAlpha is a Salt color or null/undefined then set the active tab as Swatches\n    if (\n      hexNoAlpha &&\n      !Object.keys(colors).find(\n        (key: string) =>\n          convertColorMapValueToHex(colors[key])?.toLowerCase() ===\n          hexNoAlpha?.toLowerCase(),\n      )\n    ) {\n      return 1;\n    }\n  }\n  return 0;\n}\n\nexport interface ColorChooserProps {\n  color: Color | undefined;\n  defaultAlpha?: number;\n  disableAlphaChooser?: boolean;\n  displayHexOnly?: boolean;\n  hideLabel?: boolean;\n  onClear: () => void; // called when user clicks \"default\" button\n  onSelect: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    event?: ChangeEvent,\n  ) => void;\n  placeholder?: string;\n  buttonProps?: Partial<ButtonProps>;\n  saltColorOverrides?: Record<string, string>;\n  showSwatches?: boolean;\n  showColorPicker?: boolean;\n  readOnly?: boolean;\n}\n\nexport const ColorChooser = ({\n  onClear,\n  onSelect,\n  color,\n  showSwatches = true,\n  showColorPicker = true,\n  defaultAlpha = 1,\n  disableAlphaChooser = false,\n  hideLabel = false,\n  placeholder,\n  buttonProps,\n  saltColorOverrides,\n  readOnly = false,\n  displayHexOnly = false,\n}: ColorChooserProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-color-chooser\",\n    css: colorChooserCss,\n    window: targetWindow,\n  });\n\n  const [open, setOpen] = useState(false);\n\n  const allColors: string[][] = saltColorOverrides\n    ? getColorPalettes(saltColorOverrides)\n    : getColorPalettes();\n  const displayColorName = displayHexOnly\n    ? getHexValue(color?.hex, disableAlphaChooser)\n    : getColorNameByHexValue(\n        color?.hex,\n        disableAlphaChooser,\n        saltColorOverrides,\n      );\n\n  const handleOpenChange = (open: boolean) => setOpen(open);\n\n  const alphaForTabs = isTransparent(color?.hex)\n    ? defaultAlpha\n    : (color?.rgba?.a ?? defaultAlpha);\n\n  const tabsMapping = createTabsMapping({\n    swatches: showSwatches,\n    colorPicker: showColorPicker,\n    disableAlphaChooser,\n    allColors,\n    color,\n    alpha: alphaForTabs,\n    handleColorChange: onSelect,\n    displayColorName,\n    placeholder,\n    onDialogClosed: () => {\n      setOpen(false);\n    },\n  });\n\n  const [activeTab, setActiveTab] = useState<number>(\n    getActiveTab(color?.hex, tabsMapping, saltColorOverrides),\n  );\n  const onDefaultSelected = (): void => {\n    if (activeTab === 0 && showSwatches) {\n      onClear();\n      handleOpenChange(false);\n    } else {\n      onClear();\n    }\n  };\n\n  const onTabClick = (index: number): void => {\n    setActiveTab(index);\n  };\n\n  const overlayContent = (\n    <div\n      className={clsx(withBaseName(\"overlayContent\"))}\n      data-testid=\"overlay-content\"\n    >\n      <Button\n        data-testid=\"default-button\"\n        variant=\"secondary\"\n        className={clsx(withBaseName(\"defaultButton\"))}\n        onClick={onDefaultSelected}\n      >\n        <RefreshIcon className={clsx(withBaseName(\"refreshIcon\"))} />\n        Default\n      </Button>\n      <DictTabs\n        tabs={tabsMapping}\n        hexValue={color?.hex}\n        onTabClick={onTabClick}\n        activeTab={activeTab}\n      />\n    </div>\n  );\n\n  return (\n    <Overlay placement=\"bottom\" data-testid=\"color-chooser-overlay\">\n      <OverlayTrigger>\n        <Button\n          className={clsx(withBaseName(\"overlayButton\"), {\n            [withBaseName(\"overlayButtonHiddenLabel\")]: hideLabel,\n          })}\n          data-testid=\"color-chooser-overlay-button\"\n          disabled={readOnly}\n          {...buttonProps}\n        >\n          {color && (\n            <div\n              className={clsx(withBaseName(\"overlayButtonSwatch\"), {\n                [withBaseName(\"overlayButtonSwatchWithBorder\")]:\n                  color?.hex.startsWith(\"#ffffff\"),\n                [withBaseName(\"overlayButtonSwatchTransparent\")]: isTransparent(\n                  color?.hex,\n                ),\n              })}\n              style={{\n                backgroundColor: color?.hex,\n              }}\n            />\n          )}\n          {!hideLabel && (\n            <div className={withBaseName(\"overlayButtonText\")}>\n              {displayColorName ?? placeholder ?? \"No color selected\"}\n            </div>\n          )}\n        </Button>\n      </OverlayTrigger>\n      <OverlayPanel>\n        <OverlayPanelCloseButton />\n        <OverlayPanelContent>{overlayContent}</OverlayPanelContent>\n      </OverlayPanel>\n    </Overlay>\n  );\n};\n"],"names":["colorChooserCss","open"],"mappings":"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"}
+{"version":3,"file":"ColorChooser.js","sources":["../src/color-chooser/ColorChooser.tsx"],"sourcesContent":["import {\n  Button,\n  type ButtonProps,\n  makePrefixer,\n  Overlay,\n  OverlayPanel,\n  OverlayPanelCloseButton,\n  OverlayPanelContent,\n  OverlayTrigger,\n} from \"@salt-ds/core\";\nimport { RefreshIcon } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ChangeEvent, useState } from \"react\";\nimport type { Color } from \"./Color\";\nimport colorChooserCss from \"./ColorChooser.css\";\nimport {\n  convertColorMapValueToHex,\n  getColorNameByHexValue,\n  getHexValue,\n  hexValueWithoutAlpha,\n} from \"./ColorHelpers\";\nimport { isTransparent } from \"./color-utils\";\nimport { saltColorMap } from \"./colorMap\";\nimport { createTabsMapping } from \"./createTabsMapping\";\nimport { type ColorChooserTabs, DictTabs } from \"./DictTabs\";\nimport { getColorPalettes } from \"./GetColorPalettes\";\n\nconst withBaseName = makePrefixer(\"saltColorChooser\");\n\nfunction getActiveTab(\n  hexValue: string | undefined,\n  tabs: ColorChooserTabs,\n  saltColorOverrides: Record<string, string> | undefined,\n): number {\n  if (tabs.Swatches && tabs[\"Color Picker\"]) {\n    const hexNoAlpha: string | undefined = hexValueWithoutAlpha(hexValue);\n    const colors = saltColorOverrides ?? saltColorMap;\n    // if hexNoAlpha is a Salt color or null/undefined then set the active tab as Swatches\n    if (\n      hexNoAlpha &&\n      !Object.keys(colors).find(\n        (key: string) =>\n          convertColorMapValueToHex(colors[key])?.toLowerCase() ===\n          hexNoAlpha?.toLowerCase(),\n      )\n    ) {\n      return 1;\n    }\n  }\n  return 0;\n}\n\nexport interface ColorChooserProps {\n  color: Color | undefined;\n  defaultAlpha?: number;\n  disableAlphaChooser?: boolean;\n  displayHexOnly?: boolean;\n  hideLabel?: boolean;\n  onClear: () => void; // called when user clicks \"default\" button\n  onSelect: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    event?: ChangeEvent,\n  ) => void;\n  placeholder?: string;\n  buttonProps?: Partial<ButtonProps>;\n  saltColorOverrides?: Record<string, string>;\n  showSwatches?: boolean;\n  showColorPicker?: boolean;\n  readOnly?: boolean;\n}\n\nexport const ColorChooser = ({\n  onClear,\n  onSelect,\n  color,\n  showSwatches = true,\n  showColorPicker = true,\n  defaultAlpha = 1,\n  disableAlphaChooser = false,\n  hideLabel = false,\n  placeholder,\n  buttonProps,\n  saltColorOverrides,\n  readOnly = false,\n  displayHexOnly = false,\n}: ColorChooserProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-color-chooser\",\n    css: colorChooserCss,\n    window: targetWindow,\n  });\n\n  const [open, setOpen] = useState(false);\n\n  const allColors: string[][] = saltColorOverrides\n    ? getColorPalettes(saltColorOverrides)\n    : getColorPalettes();\n  const displayColorName = displayHexOnly\n    ? getHexValue(color?.hex, disableAlphaChooser)\n    : getColorNameByHexValue(\n        color?.hex,\n        disableAlphaChooser,\n        saltColorOverrides,\n      );\n\n  const handleOpenChange = (open: boolean) => setOpen(open);\n\n  const alphaForTabs = isTransparent(color?.hex)\n    ? defaultAlpha\n    : (color?.rgba?.a ?? defaultAlpha);\n\n  const tabsMapping = createTabsMapping({\n    swatches: showSwatches,\n    colorPicker: showColorPicker,\n    disableAlphaChooser,\n    allColors,\n    color,\n    alpha: alphaForTabs,\n    handleColorChange: onSelect,\n    displayColorName,\n    placeholder,\n    onDialogClosed: () => {\n      setOpen(false);\n    },\n  });\n\n  const [activeTab, setActiveTab] = useState<number>(\n    getActiveTab(color?.hex, tabsMapping, saltColorOverrides),\n  );\n  const onDefaultSelected = (): void => {\n    if (activeTab === 0 && showSwatches) {\n      onClear();\n      handleOpenChange(false);\n    } else {\n      onClear();\n    }\n  };\n\n  const onTabClick = (index: number): void => {\n    setActiveTab(index);\n  };\n\n  const overlayContent = (\n    <div\n      className={clsx(withBaseName(\"overlayContent\"))}\n      data-testid=\"overlay-content\"\n    >\n      <Button\n        data-testid=\"default-button\"\n        variant=\"secondary\"\n        className={clsx(withBaseName(\"defaultButton\"))}\n        onClick={onDefaultSelected}\n      >\n        <RefreshIcon className={clsx(withBaseName(\"refreshIcon\"))} />\n        Default\n      </Button>\n      <DictTabs\n        tabs={tabsMapping}\n        hexValue={color?.hex}\n        onTabClick={onTabClick}\n        activeTab={activeTab}\n      />\n    </div>\n  );\n\n  return (\n    <Overlay placement=\"bottom\" data-testid=\"color-chooser-overlay\">\n      <OverlayTrigger>\n        <Button\n          className={clsx(withBaseName(\"overlayButton\"), {\n            [withBaseName(\"overlayButtonHiddenLabel\")]: hideLabel,\n          })}\n          data-testid=\"color-chooser-overlay-button\"\n          disabled={readOnly}\n          {...buttonProps}\n        >\n          {color && (\n            <div\n              className={clsx(withBaseName(\"overlayButtonSwatch\"), {\n                [withBaseName(\"overlayButtonSwatchWithBorder\")]:\n                  color?.hex.startsWith(\"#ffffff\"),\n                [withBaseName(\"overlayButtonSwatchTransparent\")]: isTransparent(\n                  color?.hex,\n                ),\n              })}\n              style={{\n                backgroundColor: color?.hex,\n              }}\n            />\n          )}\n          {!hideLabel && (\n            <div className={withBaseName(\"overlayButtonText\")}>\n              {displayColorName ?? placeholder ?? \"No color selected\"}\n            </div>\n          )}\n        </Button>\n      </OverlayTrigger>\n      <OverlayPanel>\n        <OverlayPanelCloseButton />\n        <OverlayPanelContent>{overlayContent}</OverlayPanelContent>\n      </OverlayPanel>\n    </Overlay>\n  );\n};\n"],"names":["colorChooserCss","open"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ColorHelpers.js","sources":["../src/color-chooser/ColorHelpers.ts"],"sourcesContent":["import { Color } from \"./Color\";\nimport { isTransparent } from \"./color-utils\";\nimport { saltColorMap } from \"./colorMap\";\n\nexport function getColorNameByHexValue(\n  hexValue: string | undefined,\n  disableAlpha = false,\n  saltColorOverrides?: Record<string, string>,\n  /** When disabled, color names not recognized will be undefined instead of hex values */\n  disableFallBackToHex = false,\n): string | undefined {\n  const hexNoAlpha = hexValueWithoutAlpha(hexValue);\n  const saltColors = saltColorOverrides ?? saltColorMap;\n\n  // Special case\n  if (isTransparent(hexValue)) return \"Transparent\";\n\n  let colorName = Object.keys(saltColors).find((key: string) => {\n    if (saltColors[key]) {\n      const rgbVals = saltColors[key].startsWith(\"rgba\")\n        ? saltColors[key].substring(5, saltColors[key].length - 1)\n        : saltColors[key].substring(4, saltColors[key].length - 1);\n      const [r, g, b] = [...rgbVals.replace(\" \", \"\").split(\",\")];\n      return (\n        Color.makeColorFromRGB(Number(r), Number(g), Number(b)).hex ===\n        hexNoAlpha?.toLowerCase()\n      );\n    }\n    return 0;\n  });\n\n  if (colorName) {\n    colorName = colorName.slice(4);\n    return colorName.charAt(0).toUpperCase() + colorName.slice(1).toLowerCase();\n  }\n\n  if (hexValue === \"WHITE\" || hexValue === \"BLACK\") {\n    return hexValue.charAt(0) + hexValue.slice(1).toLowerCase();\n  }\n\n  return disableFallBackToHex ? undefined : getHexValue(hexValue, disableAlpha);\n}\n\nexport function hexValueWithoutAlpha(\n  hexValue: string | undefined,\n): string | undefined {\n  if (hexValue === undefined) return undefined;\n  return isValidHex(hexValue)\n    ? hexValue.substring(0, 7).toUpperCase()\n    : undefined;\n}\n\nexport function getHexValue(\n  hexValue: string | undefined,\n  disableAlpha: boolean,\n): string | undefined {\n  if (hexValue === undefined) return undefined;\n  return disableAlpha ? hexValueWithoutAlpha(hexValue) : hexValue;\n}\n\nexport const isValidHex = (hex: string | undefined): boolean => {\n  return hex\n    ? /^#[0-9a-fA-F]{8}$/.test(hex) || /#[0-9a-fA-F]{6}$/.test(hex)\n    : false;\n};\n\nexport const convertColorMapValueToHex = (color: string): string => {\n  if (!color.startsWith(\"rgb\")) return color;\n  const rgbVals = color.startsWith(\"rgba\")\n    ? color.substring(5, color.length - 1)\n    : color.substring(4, color.length - 1);\n  const [r, g, b, a] = [...rgbVals.replace(\" \", \"\").split(\",\")];\n  return Color.makeColorFromRGB(\n    Number(r),\n    Number(g),\n    Number(b),\n    a ? Number(a) : 1,\n  ).hex;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ColorHelpers.js","sources":["../src/color-chooser/ColorHelpers.ts"],"sourcesContent":["import { Color } from \"./Color\";\nimport { isTransparent } from \"./color-utils\";\nimport { saltColorMap } from \"./colorMap\";\n\nexport function getColorNameByHexValue(\n  hexValue: string | undefined,\n  disableAlpha = false,\n  saltColorOverrides?: Record<string, string>,\n  /** When disabled, color names not recognized will be undefined instead of hex values */\n  disableFallBackToHex = false,\n): string | undefined {\n  const hexNoAlpha = hexValueWithoutAlpha(hexValue);\n  const saltColors = saltColorOverrides ?? saltColorMap;\n\n  // Special case\n  if (isTransparent(hexValue)) return \"Transparent\";\n\n  let colorName = Object.keys(saltColors).find((key: string) => {\n    if (saltColors[key]) {\n      const rgbVals = saltColors[key].startsWith(\"rgba\")\n        ? saltColors[key].substring(5, saltColors[key].length - 1)\n        : saltColors[key].substring(4, saltColors[key].length - 1);\n      const [r, g, b] = [...rgbVals.replace(\" \", \"\").split(\",\")];\n      return (\n        Color.makeColorFromRGB(Number(r), Number(g), Number(b)).hex ===\n        hexNoAlpha?.toLowerCase()\n      );\n    }\n    return 0;\n  });\n\n  if (colorName) {\n    colorName = colorName.slice(4);\n    return colorName.charAt(0).toUpperCase() + colorName.slice(1).toLowerCase();\n  }\n\n  if (hexValue === \"WHITE\" || hexValue === \"BLACK\") {\n    return hexValue.charAt(0) + hexValue.slice(1).toLowerCase();\n  }\n\n  return disableFallBackToHex ? undefined : getHexValue(hexValue, disableAlpha);\n}\n\nexport function hexValueWithoutAlpha(\n  hexValue: string | undefined,\n): string | undefined {\n  if (hexValue === undefined) return undefined;\n  return isValidHex(hexValue)\n    ? hexValue.substring(0, 7).toUpperCase()\n    : undefined;\n}\n\nexport function getHexValue(\n  hexValue: string | undefined,\n  disableAlpha: boolean,\n): string | undefined {\n  if (hexValue === undefined) return undefined;\n  return disableAlpha ? hexValueWithoutAlpha(hexValue) : hexValue;\n}\n\nexport const isValidHex = (hex: string | undefined): boolean => {\n  return hex\n    ? /^#[0-9a-fA-F]{8}$/.test(hex) || /#[0-9a-fA-F]{6}$/.test(hex)\n    : false;\n};\n\nexport const convertColorMapValueToHex = (color: string): string => {\n  if (!color.startsWith(\"rgb\")) return color;\n  const rgbVals = color.startsWith(\"rgba\")\n    ? color.substring(5, color.length - 1)\n    : color.substring(4, color.length - 1);\n  const [r, g, b, a] = [...rgbVals.replace(\" \", \"\").split(\",\")];\n  return Color.makeColorFromRGB(\n    Number(r),\n    Number(g),\n    Number(b),\n    a ? Number(a) : 1,\n  ).hex;\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../src/color-chooser/ColorPicker.tsx"],"sourcesContent":["import { Button, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport type { ChangeEvent } from \"react\";\nimport { type ColorResult, SketchPicker } from \"react-color\";\nimport { Color, type RGBAValue } from \"./Color\";\nimport { hexValueWithoutAlpha } from \"./ColorHelpers\";\nimport colorPickerCss from \"./ColorPicker.css\";\nimport { HexInput } from \"./HexInput\";\nimport { RGBAInput } from \"./RGBAInput\";\n\nconst withBaseName = makePrefixer(\"saltColorChooserPicker\");\n\nexport interface ColorPickerProps {\n  disableAlphaChooser: boolean;\n  color?: Color;\n  alpha?: number;\n  onChange: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  onDialogClosed: () => void;\n}\n\nexport const ColorPicker = ({\n  alpha = 1,\n  disableAlphaChooser,\n  color,\n  onChange,\n  onDialogClosed,\n}: ColorPickerProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-color-picker\",\n    css: colorPickerCss,\n    window: targetWindow,\n  });\n\n  const rgbaValue: RGBAValue =\n    color?.rgba ?? Color.makeColorFromRGB(0, 0, 0, alpha).rgba;\n  const rgbaText = disableAlphaChooser ? \"RGB\" : \"RGBA\";\n\n  const onSubmitHex = (hexValue?: string, e?: ChangeEvent): void => {\n    const newColor = Color.makeColorFromHex(hexValue);\n    onChange(newColor, false, e);\n  };\n\n  const onSubmitRgb = (rgba: RGBAValue, e?: ChangeEvent): void => {\n    const newColor = Color.makeColorFromRGB(rgba.r, rgba.g, rgba.b, rgba.a);\n    onChange(newColor, false, e);\n  };\n\n  const onSubmitAlpha = (alpha: number, e?: ChangeEvent): void => {\n    const newColor = Color.makeColorFromRGB(\n      rgbaValue.r,\n      rgbaValue.g,\n      rgbaValue.b,\n      Math.max(0, Math.min(alpha, 1)),\n    );\n    onChange(newColor, false, e);\n  };\n\n  const onSketchPickerChange = (\n    colorResult: ColorResult,\n    e: ChangeEvent,\n  ): void => {\n    const newColor = Color.makeColorFromRGB(\n      colorResult.rgb.r,\n      colorResult.rgb.g,\n      colorResult.rgb.b,\n      colorResult.rgb.a ?? alpha,\n    );\n    onChange(newColor, false, e);\n  };\n\n  const onApply = (): void => {\n    onChange(color, true);\n    onDialogClosed();\n  };\n\n  return (\n    <div data-testid=\"color-picker\" className={clsx(withBaseName())}>\n      {/** @ts-ignore react-color has incorrect types **/}\n      <SketchPicker\n        className={clsx(withBaseName(\"swatchPickerStyles\"), {\n          [withBaseName(\"rootDisabledAlpha\")]: disableAlphaChooser,\n          [withBaseName(\"root\")]: !disableAlphaChooser,\n        })}\n        color={rgbaValue}\n        onChange={onSketchPickerChange}\n        presetColors={[]}\n        disableAlpha={disableAlphaChooser}\n      />\n      <div className={clsx(withBaseName(\"inputContainer\"))}>\n        <div className={clsx(withBaseName(\"inputDivs\"))}>\n          <span className={clsx(withBaseName(\"textDivOverrides\"))}>HEX</span>\n          <HexInput\n            hexValue={\n              disableAlphaChooser\n                ? hexValueWithoutAlpha(color?.hex)\n                : color?.hex\n            }\n            disableAlphaChooser={disableAlphaChooser}\n            onSubmit={onSubmitHex}\n          />\n          <RGBAInput\n            disableAlphaChooser={disableAlphaChooser}\n            rgbaText={rgbaText}\n            rgbaValue={rgbaValue}\n            onSubmitAlpha={onSubmitAlpha}\n            onSubmitRgb={onSubmitRgb}\n          />\n        </div>\n        <div className={clsx(withBaseName(\"applyButtonDiv\"))}>\n          <Button data-testid=\"apply-button\" variant=\"cta\" onClick={onApply}>\n            Apply\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["colorPickerCss","alpha"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../src/color-chooser/ColorPicker.tsx"],"sourcesContent":["import { Button, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport type { ChangeEvent } from \"react\";\nimport { type ColorResult, SketchPicker } from \"react-color\";\nimport { Color, type RGBAValue } from \"./Color\";\nimport { hexValueWithoutAlpha } from \"./ColorHelpers\";\nimport colorPickerCss from \"./ColorPicker.css\";\nimport { HexInput } from \"./HexInput\";\nimport { RGBAInput } from \"./RGBAInput\";\n\nconst withBaseName = makePrefixer(\"saltColorChooserPicker\");\n\nexport interface ColorPickerProps {\n  disableAlphaChooser: boolean;\n  color?: Color;\n  alpha?: number;\n  onChange: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  onDialogClosed: () => void;\n}\n\nexport const ColorPicker = ({\n  alpha = 1,\n  disableAlphaChooser,\n  color,\n  onChange,\n  onDialogClosed,\n}: ColorPickerProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-color-picker\",\n    css: colorPickerCss,\n    window: targetWindow,\n  });\n\n  const rgbaValue: RGBAValue =\n    color?.rgba ?? Color.makeColorFromRGB(0, 0, 0, alpha).rgba;\n  const rgbaText = disableAlphaChooser ? \"RGB\" : \"RGBA\";\n\n  const onSubmitHex = (hexValue?: string, e?: ChangeEvent): void => {\n    const newColor = Color.makeColorFromHex(hexValue);\n    onChange(newColor, false, e);\n  };\n\n  const onSubmitRgb = (rgba: RGBAValue, e?: ChangeEvent): void => {\n    const newColor = Color.makeColorFromRGB(rgba.r, rgba.g, rgba.b, rgba.a);\n    onChange(newColor, false, e);\n  };\n\n  const onSubmitAlpha = (alpha: number, e?: ChangeEvent): void => {\n    const newColor = Color.makeColorFromRGB(\n      rgbaValue.r,\n      rgbaValue.g,\n      rgbaValue.b,\n      Math.max(0, Math.min(alpha, 1)),\n    );\n    onChange(newColor, false, e);\n  };\n\n  const onSketchPickerChange = (\n    colorResult: ColorResult,\n    e: ChangeEvent,\n  ): void => {\n    const newColor = Color.makeColorFromRGB(\n      colorResult.rgb.r,\n      colorResult.rgb.g,\n      colorResult.rgb.b,\n      colorResult.rgb.a ?? alpha,\n    );\n    onChange(newColor, false, e);\n  };\n\n  const onApply = (): void => {\n    onChange(color, true);\n    onDialogClosed();\n  };\n\n  return (\n    <div data-testid=\"color-picker\" className={clsx(withBaseName())}>\n      {/** @ts-ignore react-color has incorrect types **/}\n      <SketchPicker\n        className={clsx(withBaseName(\"swatchPickerStyles\"), {\n          [withBaseName(\"rootDisabledAlpha\")]: disableAlphaChooser,\n          [withBaseName(\"root\")]: !disableAlphaChooser,\n        })}\n        color={rgbaValue}\n        onChange={onSketchPickerChange}\n        presetColors={[]}\n        disableAlpha={disableAlphaChooser}\n      />\n      <div className={clsx(withBaseName(\"inputContainer\"))}>\n        <div className={clsx(withBaseName(\"inputDivs\"))}>\n          <span className={clsx(withBaseName(\"textDivOverrides\"))}>HEX</span>\n          <HexInput\n            hexValue={\n              disableAlphaChooser\n                ? hexValueWithoutAlpha(color?.hex)\n                : color?.hex\n            }\n            disableAlphaChooser={disableAlphaChooser}\n            onSubmit={onSubmitHex}\n          />\n          <RGBAInput\n            disableAlphaChooser={disableAlphaChooser}\n            rgbaText={rgbaText}\n            rgbaValue={rgbaValue}\n            onSubmitAlpha={onSubmitAlpha}\n            onSubmitRgb={onSubmitRgb}\n          />\n        </div>\n        <div className={clsx(withBaseName(\"applyButtonDiv\"))}>\n          <Button data-testid=\"apply-button\" variant=\"cta\" onClick={onApply}>\n            Apply\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["colorPickerCss","alpha"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DictTabs.js","sources":["../src/color-chooser/DictTabs.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { Tab, Tabstrip, type TabstripProps } from \"../tabs\";\nimport type { ColorPicker, ColorPickerProps } from \"./ColorPicker\";\nimport type { Swatches, SwatchesTabProps } from \"./Swatches\";\n\nconst withBaseName = makePrefixer(\"saltColorChooserDictTabs\");\n\nexport type ColorChooserTabs = {\n  Swatches?: {\n    Component: typeof Swatches;\n    props: SwatchesTabProps;\n  };\n  \"Color Picker\"?: {\n    Component: typeof ColorPicker;\n    props: ColorPickerProps;\n  };\n};\n\nexport interface DictTabsProps\n  extends Omit<TabstripProps, \"tabs\" | \"renderContent\" | \"classes\"> {\n  hexValue: string | undefined;\n  tabs: ColorChooserTabs;\n  onTabClick: (index: number) => void;\n  activeTab: number;\n}\n\nexport const DictTabs = ({\n  tabs,\n  hexValue,\n  onTabClick,\n  activeTab,\n  ...props\n}: DictTabsProps): JSX.Element => {\n  return (\n    <div>\n      <Tabstrip\n        {...props}\n        data-testid=\"color-chooser-tabstrip\"\n        className={clsx(withBaseName(\"wrapper\"))}\n        activeTabIndex={activeTab}\n        onActiveChange={(tabIndex: number) => onTabClick(tabIndex)}\n      >\n        {[...Object.keys(tabs)].map((label, i) => (\n          <Tab className={clsx(withBaseName(\"text\"))} label={label} key={i} />\n        ))}\n      </Tabstrip>\n      {[...Object.values(tabs)].map((tab, idx) => {\n        if (!tab) {\n          return null;\n        }\n        const TabComponent: typeof Swatches | typeof ColorPicker =\n          tab?.Component;\n\n        return (\n          <div\n            aria-hidden={activeTab !== idx}\n            hidden={activeTab !== idx}\n            key={idx}\n          >\n            {tab?.props ? (\n              // @ts-expect-error\n              <TabComponent {...tab?.props} />\n            ) : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAqBrD,MAAM,WAAW,CAAC;AAAA,EACvB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAkC,KAAA;AAChC,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,aAAY,EAAA,wBAAA;AAAA,QACZ,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,SAAS,CAAC,CAAA;AAAA,QACvC,cAAgB,EAAA,SAAA;AAAA,QAChB,cAAgB,EAAA,CAAC,QAAqB,KAAA,UAAA,CAAW,QAAQ,CAAA;AAAA,QAExD,QAAA,EAAA,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA,CAAE,IAAI,CAAC,KAAA,EAAO,sBACjC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAW,IAAK,CAAA,YAAA,CAAa,MAAM,CAAC,CAAA,EAAG,KAAmB,EAAA,EAAA,CAAG,CACnE;AAAA;AAAA,KACH;AAAA,IACC,CAAC,GAAG,MAAA,CAAO,MAAO,CAAA,IAAI,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,GAAQ,KAAA;AAC1C,MAAA,IAAI,CAAC,GAAK,EAAA;AACR,QAAO,OAAA,IAAA;AAAA;AAET,MAAA,MAAM,eACJ,GAAK,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAA,SAAA;AAEP,MACE,uBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,eAAa,SAAc,KAAA,GAAA;AAAA,UAC3B,QAAQ,SAAc,KAAA,GAAA;AAAA,UAGrB,QAAK,EAAA,CAAA,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAA,KAAA;AAAA;AAAA,4BAEH,GAAA,CAAA,YAAA,EAAA,EAAc,GAAG,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,KAAO,EAAA;AAAA,cAC5B;AAAA,SAAA;AAAA,QALC;AAAA,OAMP;AAAA,KAEH;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DictTabs.js","sources":["../src/color-chooser/DictTabs.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { Tab, Tabstrip, type TabstripProps } from \"../tabs\";\nimport type { ColorPicker, ColorPickerProps } from \"./ColorPicker\";\nimport type { Swatches, SwatchesTabProps } from \"./Swatches\";\n\nconst withBaseName = makePrefixer(\"saltColorChooserDictTabs\");\n\nexport type ColorChooserTabs = {\n  Swatches?: {\n    Component: typeof Swatches;\n    props: SwatchesTabProps;\n  };\n  \"Color Picker\"?: {\n    Component: typeof ColorPicker;\n    props: ColorPickerProps;\n  };\n};\n\nexport interface DictTabsProps\n  extends Omit<TabstripProps, \"tabs\" | \"renderContent\" | \"classes\"> {\n  hexValue: string | undefined;\n  tabs: ColorChooserTabs;\n  onTabClick: (index: number) => void;\n  activeTab: number;\n}\n\nexport const DictTabs = ({\n  tabs,\n  hexValue,\n  onTabClick,\n  activeTab,\n  ...props\n}: DictTabsProps): JSX.Element => {\n  return (\n    <div>\n      <Tabstrip\n        {...props}\n        data-testid=\"color-chooser-tabstrip\"\n        className={clsx(withBaseName(\"wrapper\"))}\n        activeTabIndex={activeTab}\n        onActiveChange={(tabIndex: number) => onTabClick(tabIndex)}\n      >\n        {[...Object.keys(tabs)].map((label, i) => (\n          <Tab className={clsx(withBaseName(\"text\"))} label={label} key={i} />\n        ))}\n      </Tabstrip>\n      {[...Object.values(tabs)].map((tab, idx) => {\n        if (!tab) {\n          return null;\n        }\n        const TabComponent: typeof Swatches | typeof ColorPicker =\n          tab?.Component;\n\n        return (\n          <div\n            aria-hidden={activeTab !== idx}\n            hidden={activeTab !== idx}\n            key={idx}\n          >\n            {tab?.props ? (\n              // @ts-expect-error\n              <TabComponent {...tab?.props} />\n            ) : null}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAqBrD,MAAM,WAAW,CAAC;AAAA,EACvB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAkC;AAChC,EAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,aAAA,EAAY,wBAAA;AAAA,QACZ,SAAA,EAAW,IAAA,CAAK,YAAA,CAAa,SAAS,CAAC,CAAA;AAAA,QACvC,cAAA,EAAgB,SAAA;AAAA,QAChB,cAAA,EAAgB,CAAC,QAAA,KAAqB,UAAA,CAAW,QAAQ,CAAA;AAAA,QAExD,QAAA,EAAA,CAAC,GAAG,MAAA,CAAO,IAAA,CAAK,IAAI,CAAC,CAAA,CAAE,IAAI,CAAC,KAAA,EAAO,sBAClC,GAAA,CAAC,GAAA,EAAA,EAAI,WAAW,IAAA,CAAK,YAAA,CAAa,MAAM,CAAC,CAAA,EAAG,KAAA,EAAA,EAAmB,CAAG,CACnE;AAAA;AAAA,KACH;AAAA,IACC,CAAC,GAAG,MAAA,CAAO,MAAA,CAAO,IAAI,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,GAAA,EAAK,GAAA,KAAQ;AAC1C,MAAA,IAAI,CAAC,GAAA,EAAK;AACR,QAAA,OAAO,IAAA;AAAA,MACT;AACA,MAAA,MAAM,eACJ,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,SAAA;AAEP,MAAA,uBACE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,eAAa,SAAA,KAAc,GAAA;AAAA,UAC3B,QAAQ,SAAA,KAAc,GAAA;AAAA,UAGrB,QAAA,EAAA,CAAA,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,KAAA;AAAA;AAAA,4BAEJ,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,KAAA,EAAO;AAAA,cAC5B;AAAA,SAAA;AAAA,QALC;AAAA,OAMP;AAAA,IAEJ,CAAC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"GetColorPalettes.js","sources":["../src/color-chooser/GetColorPalettes.ts"],"sourcesContent":["import { saltColorMap } from \"./colorMap\";\n\nexport function makePalette(\n  colorScheme: string,\n  saltColorOverrides?: Record<string, string>,\n): string[] {\n  //Doesn't matter which theme you use here as the color names are the same\n  const colorNames = Array.from(\n    Object.keys(saltColorOverrides ?? saltColorMap),\n  );\n\n  const colorArray: string[] = [];\n  for (const colorName of colorNames) {\n    if (colorName.includes(colorScheme) && !(colorName === colorScheme)) {\n      colorArray.push(\n        saltColorOverrides\n          ? saltColorOverrides[colorName]\n          : saltColorMap[colorName],\n      );\n    }\n  }\n  return colorArray;\n}\n\nconst bluePalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"blue\", saltColorOverrides);\nconst greenPalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"green\", saltColorOverrides);\nconst redPalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"red\", saltColorOverrides);\nconst orangePalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"orange\", saltColorOverrides);\nconst tealPalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"teal\", saltColorOverrides);\nconst purplePalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"purple\", saltColorOverrides);\nconst grayPalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"gray\", saltColorOverrides);\n\nexport function getColorPalettes(\n  saltColorOverrides?: Record<string, string>,\n): string[][] {\n  return [\n    bluePalette(saltColorOverrides).slice(0, 7),\n    bluePalette(saltColorOverrides).slice(7, 14),\n    greenPalette(saltColorOverrides).slice(0, 7),\n    greenPalette(saltColorOverrides).slice(7, 14),\n    tealPalette(saltColorOverrides).slice(0, 7),\n    tealPalette(saltColorOverrides).slice(7, 14),\n    orangePalette(saltColorOverrides).slice(0, 7),\n    orangePalette(saltColorOverrides).slice(7, 14),\n    redPalette(saltColorOverrides).slice(0, 7),\n    redPalette(saltColorOverrides).slice(7, 14),\n    purplePalette(saltColorOverrides).slice(0, 7),\n    purplePalette(saltColorOverrides).slice(7, 14),\n    grayPalette(saltColorOverrides).slice(0, 7),\n    grayPalette(saltColorOverrides).slice(7, 14),\n    [\n      saltColorOverrides\n        ? saltColorOverrides.saltwhite\n          ? saltColorOverrides.saltwhite\n          : \"rgb(255, 255, 255)\"\n        : saltColorMap.saltwhite,\n      ...grayPalette(saltColorOverrides).slice(14, 18),\n      saltColorOverrides\n        ? saltColorOverrides.saltblack\n          ? saltColorOverrides.saltblack\n          : \"rgb(0, 0, 0)\"\n        : saltColorMap.saltblack,\n      \"rgba(0, 0, 0, 0)\",\n    ],\n  ];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"GetColorPalettes.js","sources":["../src/color-chooser/GetColorPalettes.ts"],"sourcesContent":["import { saltColorMap } from \"./colorMap\";\n\nexport function makePalette(\n  colorScheme: string,\n  saltColorOverrides?: Record<string, string>,\n): string[] {\n  //Doesn't matter which theme you use here as the color names are the same\n  const colorNames = Array.from(\n    Object.keys(saltColorOverrides ?? saltColorMap),\n  );\n\n  const colorArray: string[] = [];\n  for (const colorName of colorNames) {\n    if (colorName.includes(colorScheme) && !(colorName === colorScheme)) {\n      colorArray.push(\n        saltColorOverrides\n          ? saltColorOverrides[colorName]\n          : saltColorMap[colorName],\n      );\n    }\n  }\n  return colorArray;\n}\n\nconst bluePalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"blue\", saltColorOverrides);\nconst greenPalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"green\", saltColorOverrides);\nconst redPalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"red\", saltColorOverrides);\nconst orangePalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"orange\", saltColorOverrides);\nconst tealPalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"teal\", saltColorOverrides);\nconst purplePalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"purple\", saltColorOverrides);\nconst grayPalette = (saltColorOverrides?: Record<string, string>) =>\n  makePalette(\"gray\", saltColorOverrides);\n\nexport function getColorPalettes(\n  saltColorOverrides?: Record<string, string>,\n): string[][] {\n  return [\n    bluePalette(saltColorOverrides).slice(0, 7),\n    bluePalette(saltColorOverrides).slice(7, 14),\n    greenPalette(saltColorOverrides).slice(0, 7),\n    greenPalette(saltColorOverrides).slice(7, 14),\n    tealPalette(saltColorOverrides).slice(0, 7),\n    tealPalette(saltColorOverrides).slice(7, 14),\n    orangePalette(saltColorOverrides).slice(0, 7),\n    orangePalette(saltColorOverrides).slice(7, 14),\n    redPalette(saltColorOverrides).slice(0, 7),\n    redPalette(saltColorOverrides).slice(7, 14),\n    purplePalette(saltColorOverrides).slice(0, 7),\n    purplePalette(saltColorOverrides).slice(7, 14),\n    grayPalette(saltColorOverrides).slice(0, 7),\n    grayPalette(saltColorOverrides).slice(7, 14),\n    [\n      saltColorOverrides\n        ? saltColorOverrides.saltwhite\n          ? saltColorOverrides.saltwhite\n          : \"rgb(255, 255, 255)\"\n        : saltColorMap.saltwhite,\n      ...grayPalette(saltColorOverrides).slice(14, 18),\n      saltColorOverrides\n        ? saltColorOverrides.saltblack\n          ? saltColorOverrides.saltblack\n          : \"rgb(0, 0, 0)\"\n        : saltColorMap.saltblack,\n      \"rgba(0, 0, 0, 0)\",\n    ],\n  ];\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"HexInput.js","sources":["../src/color-chooser/HexInput.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 type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { InputLegacy as Input } from \"../input-legacy\";\nimport { isValidHex } from \"./ColorHelpers\";\n\nimport hexInputCss from \"./HexInput.css\";\n\nconst withBaseName = makePrefixer(\"saltColorChooserHexInput\");\n\ninterface HexInputProps {\n  hexValue: string | undefined;\n  disableAlphaChooser: boolean;\n  onSubmit: (hex: string | undefined, e?: ChangeEvent) => void;\n}\n\nexport const HexInput = ({\n  hexValue,\n  disableAlphaChooser,\n  onSubmit,\n}: HexInputProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-hex-input\",\n    css: hexInputCss,\n    window: targetWindow,\n  });\n\n  const [hexInputValue, setHexInputValue] = useState<string | undefined>(\n    hexValue,\n  );\n\n  useEffect(() => {\n    setHexInputValue(hexValue);\n  }, [hexValue]);\n\n  const handleHexInputChange = (\n    event: ChangeEvent<HTMLInputElement>,\n    value: string,\n  ): void => {\n    if (disableAlphaChooser && value.length < 7) {\n      setHexInputValue(`#${value}`);\n    }\n    if (!disableAlphaChooser) {\n      setHexInputValue(`#${value}`);\n    }\n  };\n\n  const handleKeyDownHex = (e: KeyboardEvent<HTMLInputElement>): void => {\n    if (e.key === \"Enter\") {\n      isValidHex(hexInputValue) && onSubmit(hexInputValue);\n    }\n  };\n\n  const handleOnBlurHex = (e: FocusEvent<HTMLInputElement>): void => {\n    isValidHex(hexInputValue) && onSubmit(hexInputValue, e);\n  };\n\n  return (\n    <div className={clsx(withBaseName())}>\n      <span className={clsx(withBaseName(\"hashSign\"))}>#</span>\n      <Input\n        data-testid=\"hex-input\"\n        className={clsx(withBaseName(\"input\"))}\n        value={hexInputValue?.toString().replace(\"#\", \"\").toUpperCase() ?? \"\"}\n        onChange={handleHexInputChange}\n        onKeyDown={handleKeyDownHex}\n        onBlur={handleOnBlurHex}\n      />\n    </div>\n  );\n};\n"],"names":["hexInputCss","Input"],"mappings":";;;;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAQrD,MAAM,WAAW,CAAC;AAAA,EACvB,QAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,gBAAA,CAAiB,QAAQ,CAAA;AAAA,GAC3B,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAM,MAAA,oBAAA,GAAuB,CAC3B,KAAA,EACA,KACS,KAAA;AACT,IAAI,IAAA,mBAAA,IAAuB,KAAM,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3C,MAAiB,gBAAA,CAAA,CAAA,CAAA,EAAI,KAAK,CAAE,CAAA,CAAA;AAAA;AAE9B,IAAA,IAAI,CAAC,mBAAqB,EAAA;AACxB,MAAiB,gBAAA,CAAA,CAAA,CAAA,EAAI,KAAK,CAAE,CAAA,CAAA;AAAA;AAC9B,GACF;AAEA,EAAM,MAAA,gBAAA,GAAmB,CAAC,CAA6C,KAAA;AACrE,IAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,MAAW,UAAA,CAAA,aAAa,CAAK,IAAA,QAAA,CAAS,aAAa,CAAA;AAAA;AACrD,GACF;AAEA,EAAM,MAAA,eAAA,GAAkB,CAAC,CAA0C,KAAA;AACjE,IAAA,UAAA,CAAW,aAAa,CAAA,IAAK,QAAS,CAAA,aAAA,EAAe,CAAC,CAAA;AAAA,GACxD;AAEA,EAAA,4BACG,KAAI,EAAA,EAAA,SAAA,EAAW,IAAK,CAAA,YAAA,EAAc,CACjC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,IAAA,CAAK,aAAa,UAAU,CAAC,GAAG,QAAC,EAAA,GAAA,EAAA,CAAA;AAAA,oBAClD,GAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,WAAA;AAAA,QACZ,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,OAAO,CAAC,CAAA;AAAA,QACrC,QAAO,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,QAAA,EAAA,CAAW,OAAQ,CAAA,GAAA,EAAK,IAAI,WAAiB,EAAA,KAAA,EAAA;AAAA,QACnE,QAAU,EAAA,oBAAA;AAAA,QACV,SAAW,EAAA,gBAAA;AAAA,QACX,MAAQ,EAAA;AAAA;AAAA;AACV,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HexInput.js","sources":["../src/color-chooser/HexInput.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 type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { InputLegacy as Input } from \"../input-legacy\";\nimport { isValidHex } from \"./ColorHelpers\";\n\nimport hexInputCss from \"./HexInput.css\";\n\nconst withBaseName = makePrefixer(\"saltColorChooserHexInput\");\n\ninterface HexInputProps {\n  hexValue: string | undefined;\n  disableAlphaChooser: boolean;\n  onSubmit: (hex: string | undefined, e?: ChangeEvent) => void;\n}\n\nexport const HexInput = ({\n  hexValue,\n  disableAlphaChooser,\n  onSubmit,\n}: HexInputProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-hex-input\",\n    css: hexInputCss,\n    window: targetWindow,\n  });\n\n  const [hexInputValue, setHexInputValue] = useState<string | undefined>(\n    hexValue,\n  );\n\n  useEffect(() => {\n    setHexInputValue(hexValue);\n  }, [hexValue]);\n\n  const handleHexInputChange = (\n    event: ChangeEvent<HTMLInputElement>,\n    value: string,\n  ): void => {\n    if (disableAlphaChooser && value.length < 7) {\n      setHexInputValue(`#${value}`);\n    }\n    if (!disableAlphaChooser) {\n      setHexInputValue(`#${value}`);\n    }\n  };\n\n  const handleKeyDownHex = (e: KeyboardEvent<HTMLInputElement>): void => {\n    if (e.key === \"Enter\") {\n      isValidHex(hexInputValue) && onSubmit(hexInputValue);\n    }\n  };\n\n  const handleOnBlurHex = (e: FocusEvent<HTMLInputElement>): void => {\n    isValidHex(hexInputValue) && onSubmit(hexInputValue, e);\n  };\n\n  return (\n    <div className={clsx(withBaseName())}>\n      <span className={clsx(withBaseName(\"hashSign\"))}>#</span>\n      <Input\n        data-testid=\"hex-input\"\n        className={clsx(withBaseName(\"input\"))}\n        value={hexInputValue?.toString().replace(\"#\", \"\").toUpperCase() ?? \"\"}\n        onChange={handleHexInputChange}\n        onKeyDown={handleKeyDownHex}\n        onBlur={handleOnBlurHex}\n      />\n    </div>\n  );\n};\n"],"names":["hexInputCss","Input"],"mappings":";;;;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAQrD,MAAM,WAAW,CAAC;AAAA,EACvB,QAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAA,KAAkC;AAChC,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,gBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACxC;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,gBAAA,CAAiB,QAAQ,CAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,oBAAA,GAAuB,CAC3B,KAAA,EACA,KAAA,KACS;AACT,IAAA,IAAI,mBAAA,IAAuB,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG;AAC3C,MAAA,gBAAA,CAAiB,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAAA;AAAA,IAC9B;AACA,IAAA,IAAI,CAAC,mBAAA,EAAqB;AACxB,MAAA,gBAAA,CAAiB,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAAA;AAAA,IAC9B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,CAAA,KAA6C;AACrE,IAAA,IAAI,CAAA,CAAE,QAAQ,OAAA,EAAS;AACrB,MAAA,UAAA,CAAW,aAAa,CAAA,IAAK,QAAA,CAAS,aAAa,CAAA;AAAA,IACrD;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CAAC,CAAA,KAA0C;AACjE,IAAA,UAAA,CAAW,aAAa,CAAA,IAAK,QAAA,CAAS,aAAA,EAAe,CAAC,CAAA;AAAA,EACxD,CAAA;AAEA,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,YAAA,EAAc,CAAA,EACjC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,IAAA,CAAK,aAAa,UAAU,CAAC,GAAG,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,oBAClD,GAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,WAAA;AAAA,QACZ,SAAA,EAAW,IAAA,CAAK,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,QACrC,QAAO,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAe,QAAA,EAAA,CAAW,OAAA,CAAQ,GAAA,EAAK,IAAI,WAAA,EAAA,KAAiB,EAAA;AAAA,QACnE,QAAA,EAAU,oBAAA;AAAA,QACV,SAAA,EAAW,gBAAA;AAAA,QACX,MAAA,EAAQ;AAAA;AAAA;AACV,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RGBAInput.js","sources":["../src/color-chooser/RGBAInput.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 type { ChangeEvent } from \"react\";\nimport { AlphaInput } from \"./AlphaInputField\";\nimport type { RGBAValue } from \"./Color\";\nimport rgbaInputCss from \"./RGBAInput.css\";\nimport { RGBInput } from \"./RGBAInputField\";\n\nconst withBaseName = makePrefixer(\"saltColorChooser\");\n\ninterface RGBAInputProps {\n  disableAlphaChooser: boolean;\n  rgbaText: string;\n  rgbaValue: RGBAValue;\n  onSubmitRgb: (\n    rgbaValue: RGBAValue,\n    e?: ChangeEvent<Element> | undefined,\n  ) => void;\n  onSubmitAlpha: (alpha: number, e?: ChangeEvent<Element> | undefined) => void;\n}\n\nexport const RGBAInput = ({\n  disableAlphaChooser,\n  rgbaText,\n  rgbaValue,\n  onSubmitAlpha,\n  onSubmitRgb,\n}: RGBAInputProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-rgba-input\",\n    css: rgbaInputCss,\n    window: targetWindow,\n  });\n\n  return (\n    <>\n      <span className={clsx(withBaseName(\"textDivOverrides\"))}>{rgbaText}</span>\n      {[\"r\", \"g\", \"b\"].map((value) => (\n        <div className={withBaseName(\"rgbaInputDiv\")} key={value}>\n          <span className={withBaseName(\"rgbaText\")}>\n            {value.toUpperCase()}\n          </span>\n          <RGBInput\n            rgbaValue={rgbaValue}\n            value={value as \"r\" | \"g\" | \"b\"}\n            onSubmit={onSubmitRgb}\n          />\n        </div>\n      ))}\n      {!disableAlphaChooser ? (\n        <div className={clsx(withBaseName(\"rgbaInputDiv\"))}>\n          <span className={clsx(withBaseName(\"rgbaText\"))}>A</span>\n          <AlphaInput\n            alphaValue={Number.parseFloat(rgbaValue.a.toFixed(2))}\n            onSubmit={onSubmitAlpha}\n          />\n        </div>\n      ) : (\n        <div className={clsx(withBaseName(\"alphaSpacerDiv\"))} />\n      )}\n    </>\n  );\n};\n"],"names":["rgbaInputCss"],"mappings":";;;;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA;AAa7C,MAAM,YAAY,CAAC;AAAA,EACxB,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAmC,KAAA;AACjC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,IAAA,CAAK,aAAa,kBAAkB,CAAC,GAAI,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,IAClE,CAAC,GAAA,EAAK,GAAK,EAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAC,KAAA,qBACnB,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,CAAa,cAAc,CACzC,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,YAAA,CAAa,UAAU,CACrC,EAAA,QAAA,EAAA,KAAA,CAAM,aACT,EAAA,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAU,EAAA;AAAA;AAAA;AACZ,KAAA,EAAA,EARiD,KASnD,CACD,CAAA;AAAA,IACA,CAAC,sCACC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAW,IAAK,CAAA,YAAA,CAAa,cAAc,CAAC,CAC/C,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,IAAA,CAAK,aAAa,UAAU,CAAC,GAAG,QAAC,EAAA,GAAA,EAAA,CAAA;AAAA,sBAClD,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,YAAY,MAAO,CAAA,UAAA,CAAW,UAAU,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,CAAA;AAAA,UACpD,QAAU,EAAA;AAAA;AAAA;AACZ,KACF,EAAA,CAAA,uBAEC,KAAI,EAAA,EAAA,SAAA,EAAW,KAAK,YAAa,CAAA,gBAAgB,CAAC,CAAG,EAAA;AAAA,GAE1D,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RGBAInput.js","sources":["../src/color-chooser/RGBAInput.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 type { ChangeEvent } from \"react\";\nimport { AlphaInput } from \"./AlphaInputField\";\nimport type { RGBAValue } from \"./Color\";\nimport rgbaInputCss from \"./RGBAInput.css\";\nimport { RGBInput } from \"./RGBAInputField\";\n\nconst withBaseName = makePrefixer(\"saltColorChooser\");\n\ninterface RGBAInputProps {\n  disableAlphaChooser: boolean;\n  rgbaText: string;\n  rgbaValue: RGBAValue;\n  onSubmitRgb: (\n    rgbaValue: RGBAValue,\n    e?: ChangeEvent<Element> | undefined,\n  ) => void;\n  onSubmitAlpha: (alpha: number, e?: ChangeEvent<Element> | undefined) => void;\n}\n\nexport const RGBAInput = ({\n  disableAlphaChooser,\n  rgbaText,\n  rgbaValue,\n  onSubmitAlpha,\n  onSubmitRgb,\n}: RGBAInputProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-rgba-input\",\n    css: rgbaInputCss,\n    window: targetWindow,\n  });\n\n  return (\n    <>\n      <span className={clsx(withBaseName(\"textDivOverrides\"))}>{rgbaText}</span>\n      {[\"r\", \"g\", \"b\"].map((value) => (\n        <div className={withBaseName(\"rgbaInputDiv\")} key={value}>\n          <span className={withBaseName(\"rgbaText\")}>\n            {value.toUpperCase()}\n          </span>\n          <RGBInput\n            rgbaValue={rgbaValue}\n            value={value as \"r\" | \"g\" | \"b\"}\n            onSubmit={onSubmitRgb}\n          />\n        </div>\n      ))}\n      {!disableAlphaChooser ? (\n        <div className={clsx(withBaseName(\"rgbaInputDiv\"))}>\n          <span className={clsx(withBaseName(\"rgbaText\"))}>A</span>\n          <AlphaInput\n            alphaValue={Number.parseFloat(rgbaValue.a.toFixed(2))}\n            onSubmit={onSubmitAlpha}\n          />\n        </div>\n      ) : (\n        <div className={clsx(withBaseName(\"alphaSpacerDiv\"))} />\n      )}\n    </>\n  );\n};\n"],"names":["rgbaInputCss"],"mappings":";;;;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA;AAa7C,MAAM,YAAY,CAAC;AAAA,EACxB,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,iBAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,IAAA,CAAK,aAAa,kBAAkB,CAAC,GAAI,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IAClE,CAAC,GAAA,EAAK,GAAA,EAAK,GAAG,CAAA,CAAE,GAAA,CAAI,CAAC,KAAA,qBACpB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,cAAc,CAAA,EACzC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,YAAA,CAAa,UAAU,CAAA,EACrC,QAAA,EAAA,KAAA,CAAM,aAAY,EACrB,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA,EAAU;AAAA;AAAA;AACZ,KAAA,EAAA,EARiD,KASnD,CACD,CAAA;AAAA,IACA,CAAC,sCACA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAW,IAAA,CAAK,YAAA,CAAa,cAAc,CAAC,CAAA,EAC/C,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,IAAA,CAAK,aAAa,UAAU,CAAC,GAAG,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,sBAClD,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,YAAY,MAAA,CAAO,UAAA,CAAW,UAAU,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,CAAA;AAAA,UACpD,QAAA,EAAU;AAAA;AAAA;AACZ,KAAA,EACF,CAAA,uBAEC,KAAA,EAAA,EAAI,SAAA,EAAW,KAAK,YAAA,CAAa,gBAAgB,CAAC,CAAA,EAAG;AAAA,GAAA,EAE1D,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RGBAInputField.js","sources":["../src/color-chooser/RGBAInputField.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  useEffect,\n  useState,\n} from \"react\";\nimport { InputLegacy as Input } from \"../input-legacy\";\nimport type { RGBAValue } from \"./Color\";\nimport rgbaInputCss from \"./RGBAInput.css\";\n\nconst withBaseName = makePrefixer(\"saltColorChooser\");\ninterface RGBInputProps {\n  rgbaValue: RGBAValue;\n  value: \"r\" | \"g\" | \"b\";\n  onSubmit: (rgb: RGBAValue, e?: ChangeEvent) => void;\n}\n\nexport const RGBInput = ({\n  rgbaValue,\n  value,\n  onSubmit,\n}: RGBInputProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-rgba-input\",\n    css: rgbaInputCss,\n    window: targetWindow,\n  });\n\n  const [rgbaInputValue, setRgbaInputValue] = useState<number | string>(\n    rgbaValue ? rgbaValue[value] : \"\",\n  );\n\n  useEffect(() => {\n    setRgbaInputValue(rgbaValue ? rgbaValue[value] : \"\");\n  }, [rgbaValue, value]);\n\n  const handleRGBInputChange = (\n    e: ChangeEvent<HTMLInputElement>,\n    value: string,\n  ): void => {\n    let rgb: string | number;\n\n    rgb = Number.parseInt(value, 10);\n\n    if (value.trim() === \"\" || Number.isNaN(rgb)) {\n      rgb = \"\";\n    }\n\n    setRgbaInputValue(rgb);\n  };\n\n  const handleKeyDownRGB = (e: KeyboardEvent<HTMLInputElement>): void => {\n    if (e.key === \"Enter\") {\n      const newRgb = { ...rgbaValue, [value]: e.currentTarget.value };\n      const validatedRgb = {\n        r: Math.max(0, Math.min(newRgb.r, 255)),\n        g: Math.max(0, Math.min(newRgb.g, 255)),\n        b: Math.max(0, Math.min(newRgb.b, 255)),\n        a: newRgb.a,\n      };\n\n      onSubmit(validatedRgb);\n    }\n  };\n\n  const handleOnBlurRGB = (e: FocusEvent<HTMLInputElement>): void => {\n    const newRgb = { ...rgbaValue, [value]: e.target.value };\n    const validatedRgb = {\n      r: Math.max(0, Math.min(newRgb.r, 255)),\n      g: Math.max(0, Math.min(newRgb.g, 255)),\n      b: Math.max(0, Math.min(newRgb.b, 255)),\n      a: newRgb.a,\n    };\n\n    onSubmit(validatedRgb, e);\n  };\n\n  return (\n    <Input\n      inputProps={{\n        // @ts-expect-error\n        \"data-testid\": `${value}-input`,\n      }}\n      className={withBaseName(\"rgbaInput\")}\n      value={rgbaInputValue.toString()}\n      onChange={handleRGBInputChange}\n      onBlur={handleOnBlurRGB}\n      onKeyDown={handleKeyDownRGB}\n    />\n  );\n};\n"],"names":["rgbaInputCss","value","Input"],"mappings":"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"}
+{"version":3,"file":"RGBAInputField.js","sources":["../src/color-chooser/RGBAInputField.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  useEffect,\n  useState,\n} from \"react\";\nimport { InputLegacy as Input } from \"../input-legacy\";\nimport type { RGBAValue } from \"./Color\";\nimport rgbaInputCss from \"./RGBAInput.css\";\n\nconst withBaseName = makePrefixer(\"saltColorChooser\");\ninterface RGBInputProps {\n  rgbaValue: RGBAValue;\n  value: \"r\" | \"g\" | \"b\";\n  onSubmit: (rgb: RGBAValue, e?: ChangeEvent) => void;\n}\n\nexport const RGBInput = ({\n  rgbaValue,\n  value,\n  onSubmit,\n}: RGBInputProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-rgba-input\",\n    css: rgbaInputCss,\n    window: targetWindow,\n  });\n\n  const [rgbaInputValue, setRgbaInputValue] = useState<number | string>(\n    rgbaValue ? rgbaValue[value] : \"\",\n  );\n\n  useEffect(() => {\n    setRgbaInputValue(rgbaValue ? rgbaValue[value] : \"\");\n  }, [rgbaValue, value]);\n\n  const handleRGBInputChange = (\n    e: ChangeEvent<HTMLInputElement>,\n    value: string,\n  ): void => {\n    let rgb: string | number;\n\n    rgb = Number.parseInt(value, 10);\n\n    if (value.trim() === \"\" || Number.isNaN(rgb)) {\n      rgb = \"\";\n    }\n\n    setRgbaInputValue(rgb);\n  };\n\n  const handleKeyDownRGB = (e: KeyboardEvent<HTMLInputElement>): void => {\n    if (e.key === \"Enter\") {\n      const newRgb = { ...rgbaValue, [value]: e.currentTarget.value };\n      const validatedRgb = {\n        r: Math.max(0, Math.min(newRgb.r, 255)),\n        g: Math.max(0, Math.min(newRgb.g, 255)),\n        b: Math.max(0, Math.min(newRgb.b, 255)),\n        a: newRgb.a,\n      };\n\n      onSubmit(validatedRgb);\n    }\n  };\n\n  const handleOnBlurRGB = (e: FocusEvent<HTMLInputElement>): void => {\n    const newRgb = { ...rgbaValue, [value]: e.target.value };\n    const validatedRgb = {\n      r: Math.max(0, Math.min(newRgb.r, 255)),\n      g: Math.max(0, Math.min(newRgb.g, 255)),\n      b: Math.max(0, Math.min(newRgb.b, 255)),\n      a: newRgb.a,\n    };\n\n    onSubmit(validatedRgb, e);\n  };\n\n  return (\n    <Input\n      inputProps={{\n        // @ts-expect-error\n        \"data-testid\": `${value}-input`,\n      }}\n      className={withBaseName(\"rgbaInput\")}\n      value={rgbaInputValue.toString()}\n      onChange={handleRGBInputChange}\n      onBlur={handleOnBlurRGB}\n      onKeyDown={handleKeyDownRGB}\n    />\n  );\n};\n"],"names":["rgbaInputCss","value","Input"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Swatch.js","sources":["../src/color-chooser/Swatch.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 type { ChangeEvent, KeyboardEvent } from \"react\";\n\nimport { Color } from \"./Color\";\nimport { isTransparent } from \"./color-utils\";\n\nimport swatchCss from \"./Swatch.css\";\n\nconst withBaseName = makePrefixer(\"saltColorChooserSwatch\");\n\ninterface SwatchProps {\n  active: boolean;\n  alpha: number;\n  color: string;\n  onClick: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  onDialogClosed: () => void;\n  transparent?: boolean;\n}\n\nexport const Swatch = ({\n  color,\n  onClick,\n  active,\n  alpha,\n  onDialogClosed,\n  transparent = false,\n}: SwatchProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-swatch\",\n    css: swatchCss,\n    window: targetWindow,\n  });\n\n  const handleClick = () => {\n    const newColor = Color.makeColorFromHex(color);\n    isTransparent(color) ? newColor?.setAlpha(0) : newColor?.setAlpha(alpha);\n\n    onClick(newColor, true);\n    onDialogClosed();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>): void => {\n    const newColor = Color.makeColorFromHex(color)?.setAlpha(alpha);\n    e.key === \"ENTER\" && onClick(newColor, true);\n    onDialogClosed();\n  };\n\n  // If it's black/gray/white\n  const isBlackOrgray = (color: string): boolean => {\n    return (\n      color.toLowerCase() === \"black\" ||\n      color.toUpperCase().startsWith(\"#2F3136\") ||\n      color.toUpperCase().startsWith(\"#2A2C2F\") ||\n      color.toUpperCase().startsWith(\"#242526\") ||\n      color.toUpperCase().startsWith(\"#161616\")\n    );\n  };\n  const isWhite = (color: string): boolean => color === \"white\";\n\n  const getBackgroundColor = () => {\n    const backgroundColor = Color.makeColorFromHex(color);\n    return backgroundColor?.setAlpha(alpha).hex;\n  };\n\n  return (\n    <div\n      data-testid={`swatch-${color}`}\n      style={{\n        background: getBackgroundColor(),\n      }}\n      className={clsx({\n        [withBaseName(\"active\")]: active,\n        [withBaseName(\"transparent\")]: transparent,\n        [withBaseName(\"graySwatch\")]: isBlackOrgray(color),\n        [withBaseName(\"whiteSwatch\")]: isWhite(color),\n        [withBaseName(\"swatch\")]: !isWhite(color) && !isBlackOrgray(color),\n      })}\n      onClick={handleClick}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n    />\n  );\n};\n"],"names":["swatchCss","color"],"mappings":";;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAenD,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAc,GAAA;AAChB,CAAgC,KAAA;AAC9B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,cAAc,MAAM;AACxB,IAAM,MAAA,QAAA,GAAW,KAAM,CAAA,gBAAA,CAAiB,KAAK,CAAA;AAC7C,IAAA,aAAA,CAAc,KAAK,CAAI,GAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,QAAS,CAAA,CAAA,CAAA,GAAK,qCAAU,QAAS,CAAA,KAAA,CAAA;AAElE,IAAA,OAAA,CAAQ,UAAU,IAAI,CAAA;AACtB,IAAe,cAAA,EAAA;AAAA,GACjB;AAEA,EAAM,MAAA,aAAA,GAAgB,CAAC,CAA2C,KAAA;AAjDpE,IAAA,IAAA,EAAA;AAkDI,IAAA,MAAM,YAAW,EAAM,GAAA,KAAA,CAAA,gBAAA,CAAiB,KAAK,CAAA,KAA5B,mBAA+B,QAAS,CAAA,KAAA,CAAA;AACzD,IAAA,CAAA,CAAE,GAAQ,KAAA,OAAA,IAAW,OAAQ,CAAA,QAAA,EAAU,IAAI,CAAA;AAC3C,IAAe,cAAA,EAAA;AAAA,GACjB;AAGA,EAAM,MAAA,aAAA,GAAgB,CAACC,MAA2B,KAAA;AAChD,IACEA,OAAAA,MAAAA,CAAM,WAAY,EAAA,KAAM,OACxBA,IAAAA,MAAAA,CAAM,WAAY,EAAA,CAAE,UAAW,CAAA,SAAS,CACxCA,IAAAA,MAAAA,CAAM,WAAY,EAAA,CAAE,WAAW,SAAS,CAAA,IACxCA,MAAM,CAAA,WAAA,EAAc,CAAA,UAAA,CAAW,SAAS,CAAA,IACxCA,MAAM,CAAA,WAAA,EAAc,CAAA,UAAA,CAAW,SAAS,CAAA;AAAA,GAE5C;AACA,EAAM,MAAA,OAAA,GAAU,CAACA,MAAAA,KAA2BA,MAAU,KAAA,OAAA;AAEtD,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAM,MAAA,eAAA,GAAkB,KAAM,CAAA,gBAAA,CAAiB,KAAK,CAAA;AACpD,IAAO,OAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,SAAS,KAAO,CAAA,CAAA,GAAA;AAAA,GAC1C;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAa,UAAU,KAAK,CAAA,CAAA;AAAA,MAC5B,KAAO,EAAA;AAAA,QACL,YAAY,kBAAmB;AAAA,OACjC;AAAA,MACA,WAAW,IAAK,CAAA;AAAA,QACd,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG,MAAA;AAAA,QAC1B,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,WAAA;AAAA,QAC/B,CAAC,YAAa,CAAA,YAAY,CAAC,GAAG,cAAc,KAAK,CAAA;AAAA,QACjD,CAAC,YAAa,CAAA,aAAa,CAAC,GAAG,QAAQ,KAAK,CAAA;AAAA,QAC5C,CAAC,YAAa,CAAA,QAAQ,CAAC,GAAG,CAAC,OAAA,CAAQ,KAAK,CAAA,IAAK,CAAC,aAAA,CAAc,KAAK;AAAA,OAClE,CAAA;AAAA,MACD,OAAS,EAAA,WAAA;AAAA,MACT,QAAU,EAAA,CAAA;AAAA,MACV,SAAW,EAAA;AAAA;AAAA,GACb;AAEJ;;;;"}
+{"version":3,"file":"Swatch.js","sources":["../src/color-chooser/Swatch.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 type { ChangeEvent, KeyboardEvent } from \"react\";\n\nimport { Color } from \"./Color\";\nimport { isTransparent } from \"./color-utils\";\n\nimport swatchCss from \"./Swatch.css\";\n\nconst withBaseName = makePrefixer(\"saltColorChooserSwatch\");\n\ninterface SwatchProps {\n  active: boolean;\n  alpha: number;\n  color: string;\n  onClick: (\n    color: Color | undefined,\n    finalSelection: boolean,\n    e?: ChangeEvent,\n  ) => void;\n  onDialogClosed: () => void;\n  transparent?: boolean;\n}\n\nexport const Swatch = ({\n  color,\n  onClick,\n  active,\n  alpha,\n  onDialogClosed,\n  transparent = false,\n}: SwatchProps): JSX.Element => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-swatch\",\n    css: swatchCss,\n    window: targetWindow,\n  });\n\n  const handleClick = () => {\n    const newColor = Color.makeColorFromHex(color);\n    isTransparent(color) ? newColor?.setAlpha(0) : newColor?.setAlpha(alpha);\n\n    onClick(newColor, true);\n    onDialogClosed();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>): void => {\n    const newColor = Color.makeColorFromHex(color)?.setAlpha(alpha);\n    e.key === \"ENTER\" && onClick(newColor, true);\n    onDialogClosed();\n  };\n\n  // If it's black/gray/white\n  const isBlackOrgray = (color: string): boolean => {\n    return (\n      color.toLowerCase() === \"black\" ||\n      color.toUpperCase().startsWith(\"#2F3136\") ||\n      color.toUpperCase().startsWith(\"#2A2C2F\") ||\n      color.toUpperCase().startsWith(\"#242526\") ||\n      color.toUpperCase().startsWith(\"#161616\")\n    );\n  };\n  const isWhite = (color: string): boolean => color === \"white\";\n\n  const getBackgroundColor = () => {\n    const backgroundColor = Color.makeColorFromHex(color);\n    return backgroundColor?.setAlpha(alpha).hex;\n  };\n\n  return (\n    <div\n      data-testid={`swatch-${color}`}\n      style={{\n        background: getBackgroundColor(),\n      }}\n      className={clsx({\n        [withBaseName(\"active\")]: active,\n        [withBaseName(\"transparent\")]: transparent,\n        [withBaseName(\"graySwatch\")]: isBlackOrgray(color),\n        [withBaseName(\"whiteSwatch\")]: isWhite(color),\n        [withBaseName(\"swatch\")]: !isWhite(color) && !isBlackOrgray(color),\n      })}\n      onClick={handleClick}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n    />\n  );\n};\n"],"names":["swatchCss","color"],"mappings":"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"}