npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.54 → 1.0.0-alpha.56 - Mend

@salt-ds/lab 1.0.0-alpha.54 → 1.0.0-alpha.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1289) hide show

package/dist-cjs/cascading-menu/internal/keydownHandlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keydownHandlers.js","sources":["../src/cascading-menu/internal/keydownHandlers.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from \"react\";\nimport type { CascadingMenuListProps } from \"../CascadingMenuList\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { hasSubMenu, isMenuItem } from \"./stateUtils\";\n\ninterface getKeyDownHandlersProps extends CascadingMenuListProps {\n keyDownHandlersOverride?: Record<string, (event: Event) => void>;\n}\n\nexport function getKeyDownHandlers(\n props: getKeyDownHandlersProps,\n setIsMenuActive: Dispatch<SetStateAction<boolean>>,\n) {\n const {\n keyDownHandlersOverride,\n onItemClick,\n dispatch,\n isNavigatingWithKeyboard,\n setIsNavigatingWithKeyboard,\n data,\n menuTriggerRef,\n highlightedItemIndex,\n menuId,\n parentElement,\n isRoot,\n } = props;\n\n const rowCount = data.menuItems.length;\n const isIndexDisabled = () =>\n highlightedItemIndex\n ? data.menuItems?.[highlightedItemIndex]?.disabled\n : false;\n\n const handlers: Record<string, (event: KeyboardEvent<HTMLElement>) => void> =\n {\n Enter(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n\n if (highlightedItemIndex === null \|\| isIndexDisabled()) {\n return;\n }\n // If it is an actionable item -> execute action, close cascading menu and move focus to menu trigger\n const selectedItem = data.menuItems[highlightedItemIndex];\n const subMenuId = data.childMenus[highlightedItemIndex];\n if (isMenuItem(selectedItem)) {\n onItemClick?.(selectedItem, event);\n\n dispatch({\n type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n targetId: menuId,\n });\n if (menuTriggerRef?.focus) {\n menuTriggerRef.focus();\n }\n } else if (hasSubMenu(selectedItem)) {\n setIsMenuActive(false);\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n targetId: subMenuId,\n });\n }\n },\n ArrowRight(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n\n // User is switching from mouse to keyboard interaction\n if (highlightedItemIndex === null && !isNavigatingWithKeyboard) {\n // Move focus to first item in the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n targetId: menuId,\n highlightedItemIndex: 0,\n });\n return;\n }\n\n if (highlightedItemIndex === null \|\| isIndexDisabled()) {\n return;\n }\n\n const selectedItem = data.menuItems[highlightedItemIndex];\n const subMenuId = data.childMenus[highlightedItemIndex];\n if (hasSubMenu(selectedItem)) {\n setIsMenuActive(false);\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n targetId: subMenuId,\n });\n }\n },\n \" \": (event: KeyboardEvent<HTMLElement>) => {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n\n if (highlightedItemIndex === null \|\| isIndexDisabled()) {\n return;\n }\n\n const selectedItem = data.menuItems[highlightedItemIndex];\n const subMenuId = data.childMenus[highlightedItemIndex];\n if (isMenuItem(selectedItem)) {\n onItemClick?.(selectedItem, event);\n } else if (hasSubMenu(selectedItem)) {\n setIsMenuActive(false);\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_SPACEBAR,\n targetId: subMenuId,\n });\n }\n },\n Tab() {\n // On tab close the cascading menu and focus the menu trigger so that focus event bubbling can either select\n // next element in tab order for Tab key or previous one for Tab + Shift key\n setIsNavigatingWithKeyboard(true);\n dispatch({\n type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_TAB,\n targetId: menuId,\n });\n if (menuTriggerRef?.focus) {\n menuTriggerRef.focus();\n }\n },\n ArrowLeft(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (parentElement && !isRoot) {\n parentElement.focus();\n dispatch({\n type: CascadingMenuAction.CLOSE_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_LEFT,\n targetId: menuId,\n });\n }\n },\n Escape(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n dispatch({\n type: CascadingMenuAction.CLOSE_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n targetId: menuId,\n });\n\n if (parentElement) {\n parentElement.focus();\n }\n },\n ArrowDown(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n let indexAfterMovement =\n highlightedItemIndex === null ? 0 : highlightedItemIndex + 1;\n indexAfterMovement =\n indexAfterMovement > rowCount - 1 ? 0 : indexAfterMovement;\n\n // Move to next item or first item if at the end of the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_DOWN,\n targetId: menuId,\n highlightedItemIndex: indexAfterMovement,\n });\n },\n ArrowUp(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n let indexAfterMovement =\n highlightedItemIndex === null\n ? rowCount - 1\n : highlightedItemIndex - 1;\n indexAfterMovement =\n indexAfterMovement < 0 ? rowCount - 1 : indexAfterMovement;\n\n // Move to previous item or last item if at the start of the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,\n targetId: menuId,\n highlightedItemIndex: indexAfterMovement,\n });\n },\n Home(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (highlightedItemIndex === 0) {\n return;\n }\n\n // Move focus to first item in the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_HOME,\n targetId: menuId,\n highlightedItemIndex: 0,\n });\n },\n\n End(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (highlightedItemIndex === rowCount - 1) {\n return;\n }\n\n // Move focus to last item in the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n targetId: menuId,\n highlightedItemIndex: rowCount - 1,\n });\n },\n ...keyDownHandlersOverride,\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n handlers[event.key]?.(event);\n };\n\n return handleKeyDown;\n}\n"],"names":["isMenuItem","CascadingMenuAction","stateChangeTypes","hasSubMenu"],"mappings":"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"}
1	+ {"version":3,"file":"keydownHandlers.js","sources":["../src/cascading-menu/internal/keydownHandlers.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from \"react\";\nimport type { CascadingMenuListProps } from \"../CascadingMenuList\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { hasSubMenu, isMenuItem } from \"./stateUtils\";\n\ninterface getKeyDownHandlersProps extends CascadingMenuListProps {\n keyDownHandlersOverride?: Record<string, (event: Event) => void>;\n}\n\nexport function getKeyDownHandlers(\n props: getKeyDownHandlersProps,\n setIsMenuActive: Dispatch<SetStateAction<boolean>>,\n) {\n const {\n keyDownHandlersOverride,\n onItemClick,\n dispatch,\n isNavigatingWithKeyboard,\n setIsNavigatingWithKeyboard,\n data,\n menuTriggerRef,\n highlightedItemIndex,\n menuId,\n parentElement,\n isRoot,\n } = props;\n\n const rowCount = data.menuItems.length;\n const isIndexDisabled = () =>\n highlightedItemIndex\n ? data.menuItems?.[highlightedItemIndex]?.disabled\n : false;\n\n const handlers: Record<string, (event: KeyboardEvent<HTMLElement>) => void> =\n {\n Enter(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n\n if (highlightedItemIndex === null \|\| isIndexDisabled()) {\n return;\n }\n // If it is an actionable item -> execute action, close cascading menu and move focus to menu trigger\n const selectedItem = data.menuItems[highlightedItemIndex];\n const subMenuId = data.childMenus[highlightedItemIndex];\n if (isMenuItem(selectedItem)) {\n onItemClick?.(selectedItem, event);\n\n dispatch({\n type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n targetId: menuId,\n });\n if (menuTriggerRef?.focus) {\n menuTriggerRef.focus();\n }\n } else if (hasSubMenu(selectedItem)) {\n setIsMenuActive(false);\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n targetId: subMenuId,\n });\n }\n },\n ArrowRight(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n\n // User is switching from mouse to keyboard interaction\n if (highlightedItemIndex === null && !isNavigatingWithKeyboard) {\n // Move focus to first item in the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n targetId: menuId,\n highlightedItemIndex: 0,\n });\n return;\n }\n\n if (highlightedItemIndex === null \|\| isIndexDisabled()) {\n return;\n }\n\n const selectedItem = data.menuItems[highlightedItemIndex];\n const subMenuId = data.childMenus[highlightedItemIndex];\n if (hasSubMenu(selectedItem)) {\n setIsMenuActive(false);\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n targetId: subMenuId,\n });\n }\n },\n \" \": (event: KeyboardEvent<HTMLElement>) => {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n\n if (highlightedItemIndex === null \|\| isIndexDisabled()) {\n return;\n }\n\n const selectedItem = data.menuItems[highlightedItemIndex];\n const subMenuId = data.childMenus[highlightedItemIndex];\n if (isMenuItem(selectedItem)) {\n onItemClick?.(selectedItem, event);\n } else if (hasSubMenu(selectedItem)) {\n setIsMenuActive(false);\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_SPACEBAR,\n targetId: subMenuId,\n });\n }\n },\n Tab() {\n // On tab close the cascading menu and focus the menu trigger so that focus event bubbling can either select\n // next element in tab order for Tab key or previous one for Tab + Shift key\n setIsNavigatingWithKeyboard(true);\n dispatch({\n type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_TAB,\n targetId: menuId,\n });\n if (menuTriggerRef?.focus) {\n menuTriggerRef.focus();\n }\n },\n ArrowLeft(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (parentElement && !isRoot) {\n parentElement.focus();\n dispatch({\n type: CascadingMenuAction.CLOSE_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_LEFT,\n targetId: menuId,\n });\n }\n },\n Escape(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n dispatch({\n type: CascadingMenuAction.CLOSE_MENU,\n cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n targetId: menuId,\n });\n\n if (parentElement) {\n parentElement.focus();\n }\n },\n ArrowDown(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n let indexAfterMovement =\n highlightedItemIndex === null ? 0 : highlightedItemIndex + 1;\n indexAfterMovement =\n indexAfterMovement > rowCount - 1 ? 0 : indexAfterMovement;\n\n // Move to next item or first item if at the end of the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_DOWN,\n targetId: menuId,\n highlightedItemIndex: indexAfterMovement,\n });\n },\n ArrowUp(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n let indexAfterMovement =\n highlightedItemIndex === null\n ? rowCount - 1\n : highlightedItemIndex - 1;\n indexAfterMovement =\n indexAfterMovement < 0 ? rowCount - 1 : indexAfterMovement;\n\n // Move to previous item or last item if at the start of the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,\n targetId: menuId,\n highlightedItemIndex: indexAfterMovement,\n });\n },\n Home(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (highlightedItemIndex === 0) {\n return;\n }\n\n // Move focus to first item in the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_HOME,\n targetId: menuId,\n highlightedItemIndex: 0,\n });\n },\n\n End(event: KeyboardEvent<HTMLElement>) {\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (highlightedItemIndex === rowCount - 1) {\n return;\n }\n\n // Move focus to last item in the list\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n targetId: menuId,\n highlightedItemIndex: rowCount - 1,\n });\n },\n ...keyDownHandlersOverride,\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n handlers[event.key]?.(event);\n };\n\n return handleKeyDown;\n}\n"],"names":["isMenuItem","CascadingMenuAction","stateChangeTypes","hasSubMenu"],"mappings":";;;;;;AAUgB,SAAA,kBAAA,CACd,OACA,eACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,uBAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,IACA,2BAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAA;AAAA,IACA,oBAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,QAAA,GAAW,KAAK,SAAU,CAAA,MAAA;AAChC,EAAA,MAAM,kBAAkB,MAAG;AA7B7B,IAAA,IAAA,EAAA,EAAA,EAAA;AA8BI,IAAA,OAAA,oBAAA,GAAA,CACI,EAAK,GAAA,CAAA,EAAA,GAAA,IAAA,CAAA,SAAA,KAAL,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,KAAjB,mBAAwC,QACxC,GAAA,KAAA;AAAA,GAAA;AAEN,EAAA,MAAM,QACJ,GAAA;AAAA,IACE,MAAM,KAAmC,EAAA;AACvC,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAEhC,MAAI,IAAA,oBAAA,KAAyB,IAAQ,IAAA,eAAA,EAAmB,EAAA;AACtD,QAAA;AAAA;AAGF,MAAM,MAAA,YAAA,GAAe,IAAK,CAAA,SAAA,CAAU,oBAAoB,CAAA;AACxD,MAAM,MAAA,SAAA,GAAY,IAAK,CAAA,UAAA,CAAW,oBAAoB,CAAA;AACtD,MAAI,IAAAA,qBAAA,CAAW,YAAY,CAAG,EAAA;AAC5B,QAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAc,YAAc,EAAA,KAAA,CAAA;AAE5B,QAAS,QAAA,CAAA;AAAA,UACP,MAAMC,uCAAoB,CAAA,oBAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,kBAAA;AAAA,UACxB,QAAU,EAAA;AAAA,SACX,CAAA;AACD,QAAA,IAAI,iDAAgB,KAAO,EAAA;AACzB,UAAA,cAAA,CAAe,KAAM,EAAA;AAAA;AACvB,OACF,MAAA,IAAWC,qBAAW,CAAA,YAAY,CAAG,EAAA;AACnC,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAS,QAAA,CAAA;AAAA,UACP,MAAMF,uCAAoB,CAAA,SAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,kBAAA;AAAA,UACxB,QAAU,EAAA;AAAA,SACX,CAAA;AAAA;AACH,KACF;AAAA,IACA,WAAW,KAAmC,EAAA;AAC5C,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAGhC,MAAI,IAAA,oBAAA,KAAyB,IAAQ,IAAA,CAAC,wBAA0B,EAAA;AAE9D,QAAS,QAAA,CAAA;AAAA,UACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,wBAAA;AAAA,UACxB,QAAU,EAAA,MAAA;AAAA,UACV,oBAAsB,EAAA;AAAA,SACvB,CAAA;AACD,QAAA;AAAA;AAGF,MAAI,IAAA,oBAAA,KAAyB,IAAQ,IAAA,eAAA,EAAmB,EAAA;AACtD,QAAA;AAAA;AAGF,MAAM,MAAA,YAAA,GAAe,IAAK,CAAA,SAAA,CAAU,oBAAoB,CAAA;AACxD,MAAM,MAAA,SAAA,GAAY,IAAK,CAAA,UAAA,CAAW,oBAAoB,CAAA;AACtD,MAAI,IAAAC,qBAAA,CAAW,YAAY,CAAG,EAAA;AAC5B,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAS,QAAA,CAAA;AAAA,UACP,MAAMF,uCAAoB,CAAA,SAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,wBAAA;AAAA,UACxB,QAAU,EAAA;AAAA,SACX,CAAA;AAAA;AACH,KACF;AAAA,IACA,GAAA,EAAK,CAAC,KAAsC,KAAA;AAC1C,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAEhC,MAAI,IAAA,oBAAA,KAAyB,IAAQ,IAAA,eAAA,EAAmB,EAAA;AACtD,QAAA;AAAA;AAGF,MAAM,MAAA,YAAA,GAAe,IAAK,CAAA,SAAA,CAAU,oBAAoB,CAAA;AACxD,MAAM,MAAA,SAAA,GAAY,IAAK,CAAA,UAAA,CAAW,oBAAoB,CAAA;AACtD,MAAI,IAAAF,qBAAA,CAAW,YAAY,CAAG,EAAA;AAC5B,QAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAc,YAAc,EAAA,KAAA,CAAA;AAAA,OAC9B,MAAA,IAAWG,qBAAW,CAAA,YAAY,CAAG,EAAA;AACnC,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAS,QAAA,CAAA;AAAA,UACP,MAAMF,uCAAoB,CAAA,SAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,qBAAA;AAAA,UACxB,QAAU,EAAA;AAAA,SACX,CAAA;AAAA;AACH,KACF;AAAA,IACA,GAAM,GAAA;AAGJ,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,oBAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,gBAAA;AAAA,QACxB,QAAU,EAAA;AAAA,OACX,CAAA;AACD,MAAA,IAAI,iDAAgB,KAAO,EAAA;AACzB,QAAA,cAAA,CAAe,KAAM,EAAA;AAAA;AACvB,KACF;AAAA,IACA,UAAU,KAAmC,EAAA;AAC3C,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAI,IAAA,aAAA,IAAiB,CAAC,MAAQ,EAAA;AAC5B,QAAA,aAAA,CAAc,KAAM,EAAA;AACpB,QAAS,QAAA,CAAA;AAAA,UACP,MAAMD,uCAAoB,CAAA,UAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,uBAAA;AAAA,UACxB,QAAU,EAAA;AAAA,SACX,CAAA;AAAA;AACH,KACF;AAAA,IACA,OAAO,KAAmC,EAAA;AACxC,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,UAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,mBAAA;AAAA,QACxB,QAAU,EAAA;AAAA,OACX,CAAA;AAED,MAAA,IAAI,aAAe,EAAA;AACjB,QAAA,aAAA,CAAc,KAAM,EAAA;AAAA;AACtB,KACF;AAAA,IACA,UAAU,KAAmC,EAAA;AAC3C,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,IAAI,kBACF,GAAA,oBAAA,KAAyB,IAAO,GAAA,CAAA,GAAI,oBAAuB,GAAA,CAAA;AAC7D,MACE,kBAAA,GAAA,kBAAA,GAAqB,QAAW,GAAA,CAAA,GAAI,CAAI,GAAA,kBAAA;AAG1C,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,uBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,QACV,oBAAsB,EAAA;AAAA,OACvB,CAAA;AAAA,KACH;AAAA,IACA,QAAQ,KAAmC,EAAA;AACzC,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,IAAI,kBACF,GAAA,oBAAA,KAAyB,IACrB,GAAA,QAAA,GAAW,IACX,oBAAuB,GAAA,CAAA;AAC7B,MACE,kBAAA,GAAA,kBAAA,GAAqB,CAAI,GAAA,QAAA,GAAW,CAAI,GAAA,kBAAA;AAG1C,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,qBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,QACV,oBAAsB,EAAA;AAAA,OACvB,CAAA;AAAA,KACH;AAAA,IACA,KAAK,KAAmC,EAAA;AACtC,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,IAAI,yBAAyB,CAAG,EAAA;AAC9B,QAAA;AAAA;AAIF,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,iBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,QACV,oBAAsB,EAAA;AAAA,OACvB,CAAA;AAAA,KACH;AAAA,IAEA,IAAI,KAAmC,EAAA;AACrC,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAI,IAAA,oBAAA,KAAyB,WAAW,CAAG,EAAA;AACzC,QAAA;AAAA;AAIF,MAAS,QAAA,CAAA;AAAA,QACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,QAC1B,OAAOC,iCAAiB,CAAA,mBAAA;AAAA,QACxB,QAAU,EAAA,MAAA;AAAA,QACV,sBAAsB,QAAW,GAAA;AAAA,OAClC,CAAA;AAAA,KACH;AAAA,IACA,GAAG;AAAA,GACL;AAEF,EAAM,MAAA,aAAA,GAAgB,CAAC,KAAsC,KAAA;AAhO/D,IAAA,IAAA,EAAA;AAiOI,IAAS,CAAA,EAAA,GAAA,QAAA,CAAA,KAAA,CAAM,SAAf,IAAsB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAA,KAAA,CAAA;AAAA,GACxB;AAEA,EAAO,OAAA,aAAA;AACT;;;;"}

package/dist-cjs/cascading-menu/internal/menuPositioning.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 function getMaxHeight(heightProp, menuMargin = 0, getScreenBounds = defaultGetScreenBounds) {
   const { clientHeight } = getScreenBounds();
   let suggestedHeight = clientHeight - menuMargin;

package/dist-cjs/cascading-menu/internal/menuPositioning.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuPositioning.js","sources":["../src/cascading-menu/internal/menuPositioning.ts"],"sourcesContent":["export type screenBounds = {\n clientHeight: number;\n clientWidth: number;\n};\n\nexport function getMaxHeight(\n heightProp: number \| undefined,\n menuMargin: number \| undefined = 0,\n getScreenBounds: () => screenBounds = defaultGetScreenBounds,\n) {\n const { clientHeight } = getScreenBounds();\n\n let suggestedHeight = clientHeight - menuMargin;\n if (heightProp) {\n suggestedHeight = Math.min(heightProp, clientHeight) - menuMargin;\n }\n\n return Math.max(suggestedHeight, 0);\n}\n\nexport function getHeight(\n heightProp: number \| undefined,\n calculatedMenuHeight: number,\n maxHeight: number,\n): number {\n if (heightProp) {\n return Math.min(heightProp, calculatedMenuHeight, maxHeight);\n }\n\n return Math.min(calculatedMenuHeight, maxHeight);\n}\n\nexport const defaultGetScreenBounds = (): screenBounds => {\n const { clientHeight, clientWidth } = document.documentElement;\n return { clientHeight, clientWidth };\n};\n"],"names":[],"mappings":"~~;;;;~~AAKO,SAAS,YACd,CAAA,UAAA,EACA,UAAiC,GAAA,CAAA,EACjC,kBAAsC,sBACtC,EAAA;AACA,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,eAAgB,EAAA~~,CAAA~~;AAEzC,EAAA,IAAI,kBAAkB,YAAe,GAAA,UAAA~~,CAAA~~;AACrC,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,eAAA,GAAkB,IAAK,CAAA,GAAA,CAAI,UAAY,EAAA,YAAY,CAAI,GAAA,UAAA~~,CAAA~~;AAAA~~,GACzD~~;~~AAEA~~,EAAO,OAAA,IAAA,CAAK,GAAI,CAAA,eAAA,EAAiB,CAAC,CAAA~~,CAAA~~;AACpC~~,CAAA~~;AAEgB,SAAA,SAAA,CACd,UACA,EAAA,oBAAA,EACA,SACQ,EAAA;AACR,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,OAAO,IAAK,CAAA,GAAA,CAAI,UAAY,EAAA,oBAAA,EAAsB,SAAS,CAAA~~,CAAA~~;AAAA~~,GAC7D~~;~~AAEA~~,EAAO,OAAA,IAAA,CAAK,GAAI,CAAA,oBAAA,EAAsB,SAAS,CAAA~~,CAAA~~;AACjD~~,CAAA~~;AAEO,MAAM,yBAAyB,MAAoB;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,WAAY,EAAA,GAAI,QAAS,CAAA,eAAA~~,CAAA~~;AAC/C,EAAO,OAAA,EAAE,cAAc,WAAY,EAAA~~,CAAA~~;AACrC;;;;;;"}
1	+ {"version":3,"file":"menuPositioning.js","sources":["../src/cascading-menu/internal/menuPositioning.ts"],"sourcesContent":["export type screenBounds = {\n clientHeight: number;\n clientWidth: number;\n};\n\nexport function getMaxHeight(\n heightProp: number \| undefined,\n menuMargin: number \| undefined = 0,\n getScreenBounds: () => screenBounds = defaultGetScreenBounds,\n) {\n const { clientHeight } = getScreenBounds();\n\n let suggestedHeight = clientHeight - menuMargin;\n if (heightProp) {\n suggestedHeight = Math.min(heightProp, clientHeight) - menuMargin;\n }\n\n return Math.max(suggestedHeight, 0);\n}\n\nexport function getHeight(\n heightProp: number \| undefined,\n calculatedMenuHeight: number,\n maxHeight: number,\n): number {\n if (heightProp) {\n return Math.min(heightProp, calculatedMenuHeight, maxHeight);\n }\n\n return Math.min(calculatedMenuHeight, maxHeight);\n}\n\nexport const defaultGetScreenBounds = (): screenBounds => {\n const { clientHeight, clientWidth } = document.documentElement;\n return { clientHeight, clientWidth };\n};\n"],"names":[],"mappings":";;AAKO,SAAS,YACd,CAAA,UAAA,EACA,UAAiC,GAAA,CAAA,EACjC,kBAAsC,sBACtC,EAAA;AACA,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,eAAgB,EAAA;AAEzC,EAAA,IAAI,kBAAkB,YAAe,GAAA,UAAA;AACrC,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,eAAA,GAAkB,IAAK,CAAA,GAAA,CAAI,UAAY,EAAA,YAAY,CAAI,GAAA,UAAA;AAAA;AAGzD,EAAO,OAAA,IAAA,CAAK,GAAI,CAAA,eAAA,EAAiB,CAAC,CAAA;AACpC;AAEgB,SAAA,SAAA,CACd,UACA,EAAA,oBAAA,EACA,SACQ,EAAA;AACR,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,OAAO,IAAK,CAAA,GAAA,CAAI,UAAY,EAAA,oBAAA,EAAsB,SAAS,CAAA;AAAA;AAG7D,EAAO,OAAA,IAAA,CAAK,GAAI,CAAA,oBAAA,EAAsB,SAAS,CAAA;AACjD;AAEO,MAAM,yBAAyB,MAAoB;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,WAAY,EAAA,GAAI,QAAS,CAAA,eAAA;AAC/C,EAAO,OAAA,EAAE,cAAc,WAAY,EAAA;AACrC;;;;;;"}

package/dist-cjs/cascading-menu/internal/stateUtils.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 const ID_SEPARATOR = "-";
 function deriveFlatStateFromTree(tree, parentId = null, level = 0, generatedId = "salt-cascading-menu") {
   const { id = generatedId, menuItems = [] } = tree;
@@ -20,6 +18,7 @@ function deriveFlatStateFromTree(tree, parentId = null, level = 0, generatedId =
       }
       return menuStructure;
     },
+    // Initialize the structure with the root menu
     {
       [id]: {
         id,

package/dist-cjs/cascading-menu/internal/stateUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stateUtils.js","sources":["../src/cascading-menu/internal/stateUtils.ts"],"sourcesContent":["import type { MenuDescriptor } from \"../CascadingMenuProps\";\n\nconst ID_SEPARATOR = \"-\";\n\nexport type menuState = {\n id: string;\n flipped?: boolean;\n highlightedItemIndex?: number;\n level: number;\n parentId: string \| null;\n childMenus: {\n [key: number]: string;\n };\n menuItems: MenuDescriptor[];\n};\n\nexport type flattenedMenuState = {\n [key: string]: menuState;\n};\n\nexport function deriveFlatStateFromTree(\n tree: MenuDescriptor,\n parentId: string \| null = null,\n level = 0,\n generatedId = \"salt-cascading-menu\",\n): flattenedMenuState {\n const { id = generatedId, menuItems = [] } = tree;\n return menuItems.reduce(\n (menuStructure, menuItem, index) => {\n if (hasSubMenu(menuItem)) {\n const generatedChildId = [generatedId, index].join(ID_SEPARATOR);\n menuStructure[id].childMenus[index] = menuItem.id \|\| generatedChildId;\n\n const innerState = deriveFlatStateFromTree(\n menuItem,\n id,\n level + 1,\n generatedChildId,\n );\n // biome-ignore lint/performance/noAccumulatingSpread: reduce on object\n return { ...menuStructure, ...innerState };\n }\n return menuStructure;\n },\n // Initialize the structure with the root menu\n {\n [id]: {\n id,\n parentId,\n childMenus: {},\n menuItems: tree.menuItems,\n level,\n },\n } as flattenedMenuState,\n );\n}\n\nexport function hasSubMenu(item: MenuDescriptor) {\n return item != null && !!item.menuItems && item.menuItems.length > 0;\n}\n\nexport function isMenuItem(item: MenuDescriptor) {\n return item != null && !item.menuItems;\n}\n\nexport function hasIcon(item: MenuDescriptor) {\n return item != null && !!item.icon;\n}\n"],"names":[],"mappings":"~~;;;;~~AAEA,MAAM,YAAe,GAAA,GAAA~~,CAAA~~;AAkBd,SAAS,wBACd,IACA,EAAA,QAAA,GAA0B,MAC1B,KAAQ,GAAA,CAAA,EACR,cAAc,qBACM,EAAA;AACpB,EAAA,MAAM,EAAE,EAAK,GAAA,WAAA,EAAa,SAAY,GAAA,IAAO,GAAA,IAAA~~,CAAA~~;AAC7C,EAAA,OAAO,SAAU,CAAA,MAAA;AAAA,IACf,CAAC,aAAe,EAAA,QAAA,EAAU,KAAU,KAAA;AAClC,MAAI,IAAA,UAAA,CAAW,QAAQ,CAAG,EAAA;AACxB,QAAA,MAAM,mBAAmB,CAAC,WAAA,EAAa,KAAK,CAAA,CAAE,KAAK,YAAY,CAAA~~,CAAA~~;AAC/D,QAAA,aAAA,CAAc,~~EAAI~~,~~CAAA~~,CAAA,UAAA,CAAW,~~KAAS~~,CAAA,~~GAAA~~,~~QAAA~~,~~CAAS,~~EAAM,IAAA,gBAAA~~,CAAA~~;AAErD,QAAA,MAAM,UAAa,GAAA,uBAAA;AAAA,UACjB,QAAA;AAAA,UACA,EAAA;AAAA,UACA,KAAQ,GAAA,CAAA;AAAA,UACR~~,gBAAA~~;AAAA,SACF~~,CAAA~~;AAEA,QAAA,OAAO,EAAE,GAAG,aAAe,EAAA,GAAG,UAAW,EAAA~~,CAAA~~;AAAA~~,OAC3C~~;~~AACA~~,MAAO,OAAA,aAAA~~,CAAA~~;AAAA,KACT;AAAA,IAEA;AAAA,MACE,CAAC,~~EAAK~~,~~GAAA~~;AAAA,QACJ,EAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAY,EAAC;AAAA,QACb,WAAW,IAAK,CAAA,SAAA;AAAA,QAChB~~,KAAA~~;AAAA~~,OACF~~;~~AAAA,KACF~~;~~AAAA~~,GACF~~,CAAA~~;AACF~~,CAAA~~;AAEO,SAAS,WAAW,IAAsB,EAAA;AAC/C,EAAO,OAAA,IAAA,IAAQ,QAAQ,CAAC,CAAC,KAAK,SAAa,IAAA,IAAA,CAAK,UAAU,MAAS,GAAA,CAAA~~,CAAA~~;AACrE~~,CAAA~~;AAEO,SAAS,WAAW,IAAsB,EAAA;AAC/C,EAAO,OAAA,IAAA,IAAQ,IAAQ,IAAA,CAAC,IAAK,CAAA,SAAA~~,CAAA~~;AAC/B~~,CAAA~~;AAEO,SAAS,QAAQ,IAAsB,EAAA;AAC5C,EAAA,OAAO,IAAQ,IAAA,IAAA,IAAQ,CAAC,CAAC,IAAK,CAAA,IAAA~~,CAAA~~;AAChC;;;;;;;"}
1	+ {"version":3,"file":"stateUtils.js","sources":["../src/cascading-menu/internal/stateUtils.ts"],"sourcesContent":["import type { MenuDescriptor } from \"../CascadingMenuProps\";\n\nconst ID_SEPARATOR = \"-\";\n\nexport type menuState = {\n id: string;\n flipped?: boolean;\n highlightedItemIndex?: number;\n level: number;\n parentId: string \| null;\n childMenus: {\n [key: number]: string;\n };\n menuItems: MenuDescriptor[];\n};\n\nexport type flattenedMenuState = {\n [key: string]: menuState;\n};\n\nexport function deriveFlatStateFromTree(\n tree: MenuDescriptor,\n parentId: string \| null = null,\n level = 0,\n generatedId = \"salt-cascading-menu\",\n): flattenedMenuState {\n const { id = generatedId, menuItems = [] } = tree;\n return menuItems.reduce(\n (menuStructure, menuItem, index) => {\n if (hasSubMenu(menuItem)) {\n const generatedChildId = [generatedId, index].join(ID_SEPARATOR);\n menuStructure[id].childMenus[index] = menuItem.id \|\| generatedChildId;\n\n const innerState = deriveFlatStateFromTree(\n menuItem,\n id,\n level + 1,\n generatedChildId,\n );\n // biome-ignore lint/performance/noAccumulatingSpread: reduce on object\n return { ...menuStructure, ...innerState };\n }\n return menuStructure;\n },\n // Initialize the structure with the root menu\n {\n [id]: {\n id,\n parentId,\n childMenus: {},\n menuItems: tree.menuItems,\n level,\n },\n } as flattenedMenuState,\n );\n}\n\nexport function hasSubMenu(item: MenuDescriptor) {\n return item != null && !!item.menuItems && item.menuItems.length > 0;\n}\n\nexport function isMenuItem(item: MenuDescriptor) {\n return item != null && !item.menuItems;\n}\n\nexport function hasIcon(item: MenuDescriptor) {\n return item != null && !!item.icon;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,YAAe,GAAA,GAAA;AAkBd,SAAS,wBACd,IACA,EAAA,QAAA,GAA0B,MAC1B,KAAQ,GAAA,CAAA,EACR,cAAc,qBACM,EAAA;AACpB,EAAA,MAAM,EAAE,EAAK,GAAA,WAAA,EAAa,SAAY,GAAA,IAAO,GAAA,IAAA;AAC7C,EAAA,OAAO,SAAU,CAAA,MAAA;AAAA,IACf,CAAC,aAAe,EAAA,QAAA,EAAU,KAAU,KAAA;AAClC,MAAI,IAAA,UAAA,CAAW,QAAQ,CAAG,EAAA;AACxB,QAAA,MAAM,mBAAmB,CAAC,WAAA,EAAa,KAAK,CAAA,CAAE,KAAK,YAAY,CAAA;AAC/D,QAAA,aAAA,CAAc,EAAE,CAAE,CAAA,UAAA,CAAW,KAAK,CAAA,GAAI,SAAS,EAAM,IAAA,gBAAA;AAErD,QAAA,MAAM,UAAa,GAAA,uBAAA;AAAA,UACjB,QAAA;AAAA,UACA,EAAA;AAAA,UACA,KAAQ,GAAA,CAAA;AAAA,UACR;AAAA,SACF;AAEA,QAAA,OAAO,EAAE,GAAG,aAAe,EAAA,GAAG,UAAW,EAAA;AAAA;AAE3C,MAAO,OAAA,aAAA;AAAA,KACT;AAAA;AAAA,IAEA;AAAA,MACE,CAAC,EAAE,GAAG;AAAA,QACJ,EAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAY,EAAC;AAAA,QACb,WAAW,IAAK,CAAA,SAAA;AAAA,QAChB;AAAA;AACF;AACF,GACF;AACF;AAEO,SAAS,WAAW,IAAsB,EAAA;AAC/C,EAAO,OAAA,IAAA,IAAQ,QAAQ,CAAC,CAAC,KAAK,SAAa,IAAA,IAAA,CAAK,UAAU,MAAS,GAAA,CAAA;AACrE;AAEO,SAAS,WAAW,IAAsB,EAAA;AAC/C,EAAO,OAAA,IAAA,IAAQ,IAAQ,IAAA,CAAC,IAAK,CAAA,SAAA;AAC/B;AAEO,SAAS,QAAQ,IAAsB,EAAA;AAC5C,EAAA,OAAO,IAAQ,IAAA,IAAA,IAAQ,CAAC,CAAC,IAAK,CAAA,IAAA;AAChC;;;;;;;"}

package/dist-cjs/cascading-menu/internal/useClickAway.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var useEventCallback = require('../../utils/useEventCallback.js');
 require('@salt-ds/core');
@@ -29,7 +27,10 @@ const useClickAway = (nodes, containingDocument, onClickAway, onClick = () => vo
     const resolvedNodes = typeof nodes === "function" ? nodes() : nodes;
     const isEventComingFromNodes = eventComingFromNodes(resolvedNodes, event);
     const ownerDocumentNode = resolvedNodes.find(
-      (node) => node ? node.ownerDocument : false
+      (node) => (
+        // node could be null, e.g. left click on surrounding area of context menu examples
+        node ? node.ownerDocument : false
+      )
     );
     const doc = containingDocument || (ownerDocumentNode == null ? void 0 : ownerDocumentNode.ownerDocument);
     if (((_a = doc.documentElement) == null ? void 0 : _a.contains(event.target)) && !isEventComingFromNodes) {

package/dist-cjs/cascading-menu/internal/useClickAway.js.map CHANGED Viewed

	@@ -1 +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":["useMountedRef","useEventCallback","useEffect","_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~~,CAAA~~;AAAA,GACvE~~,CAAA~~;AACF~~,CAAA~~;AAUa,MAAA,YAAA,GAA8B,CACzC,KACA,EAAA,kBAAA,EACA,aACA,OAAU,GAAA,MAAM,KAChB,CAAA,EAAA,UAAA,GAAa,SACV,KAAA;AAEH,EAAA,MAAM,aAAaA,2BAAc,EAAA~~,CAAA~~;AAEjC,EAAM,MAAA,eAAA,GAAkBC,iCAAiB,CAAA,CAAC,KAAsB,KAAA;AA/BlE,IAAA,IAAA,EAAA~~,CAAA~~;AAiCI,IAAA,IAAI,MAAM,gBAAkB,EAAA;AAC1B,MAAA~~,OAAA~~;AAAA~~,KACF~~;~~AAGA~~,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA~~,OAAA~~;AAAA~~,KACF~~;~~AAEA~~,IAAA,OAAA,CAAQ,KAAK,CAAA~~,CAAA~~;AAEb,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAA~~,OAAA~~;AAAA~~,KACF~~;~~AAEA~~,IAAA,MAAM,aAAgB,GAAA,OAAO,KAAU,KAAA,UAAA,GAAa,OAAU,GAAA,KAAA~~,CAAA~~;AAC9D,IAAM,MAAA,sBAAA,GAAyB,oBAAqB,CAAA,aAAA,EAAe,KAAK,CAAA~~,CAAA~~;AAExE,IAAA,MAAM,oBAAoB,aAAc,CAAA,IAAA;AAAA,MAAK,CAAC,IAAA,~~KAE5C~~,~~IAAO~~,~~GAAA~~,~~IAAA~~,~~CAAK,~~aAAgB,GAAA~~,KAAA~~;AAAA,KAC9B~~,CAAA~~;AACA,IAAM,MAAA,GAAA,GAAM,uBAAsB,iBAAmB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAA,aAAA,CAAA~~,CAAA~~;AAErD,IAAA,IAAA,CAAA,CACE,SAAI,eAAJ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAqB,SAAS,KAAM,CAAA,MAAA,CAAA,KACpC,CAAC,sBACD,EAAA;AACA,MAAA,WAAA,CAAY,KAAK,CAAA~~,CAAA~~;AAAA~~,KACnB~~;~~AAAA~~,GACD,CAAA~~,CAAA~~;AAED,EAAAC,eAAA,CAAU,MAAM;AAjElB,IAAA,IAAA,EAAA~~,CAAA~~;AAkEI,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAmB,kBAAA,CAAA,gBAAA;AAAA,QACjB,UAAA;AAAA,QACA~~,eAAA~~;AAAA,OACF~~,CAAA~~;AACA,MAAmB,CAAA,EAAA,GAAA,kBAAA,CAAA,WAAA,KAAnB,IAAgC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,gBAAA,CAAiB,MAAQ,EAAA,WAAA,CAAA~~,CAAA~~;AAAA~~,KAC3D~~;~~AACA~~,IAAA,OAAO,MAAM;AAzEjB,MAAAC,IAAAA,GAAAA~~,CAAAA~~;AA0EM,MAAA,IAAI,kBAAoB,EAAA;AACtB,QAAmB,kBAAA,CAAA,mBAAA;AAAA,UACjB,UAAA;AAAA,UACA~~,eAAA~~;AAAA,SACF~~,CAAA~~;AACA,QAAA,CAAAA,GAAA,GAAA,kBAAA,CAAmB,WAAnB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAgC,CAAA,mBAAA;AAAA,UAC9B,MAAA;AAAA,UACA~~,WAAA~~;AAAA,SAAA~~,CAAA~~;AAAA~~,OAEJ~~;~~AAAA~~,KACF~~,CAAA~~;AAAA,KACC,CAAC,eAAA,EAAiB,UAAY,EAAA,kBAAA,EAAoB,WAAW,CAAC,CAAA~~,CAAA~~;AACnE;;;;"}
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":["useMountedRef","useEventCallback","useEffect","_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,KAChB,CAAA,EAAA,UAAA,GAAa,SACV,KAAA;AAEH,EAAA,MAAM,aAAaA,2BAAc,EAAA;AAEjC,EAAM,MAAA,eAAA,GAAkBC,iCAAiB,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,KAAA,CAAA,GAAA,iBAAA,CAAA,aAAA,CAAA;AAErD,IAAA,IAAA,CAAA,CACE,SAAI,eAAJ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAqB,SAAS,KAAM,CAAA,MAAA,CAAA,KACpC,CAAC,sBACD,EAAA;AACA,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA;AACnB,GACD,CAAA;AAED,EAAAC,eAAA,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,KAAA,CAAA,GAAA,EAAA,CAAA,gBAAA,CAAiB,MAAQ,EAAA,WAAA,CAAA;AAAA;AAE3D,IAAA,OAAO,MAAM;AAzEjB,MAAAC,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,KAAA,CAAA,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;;;;"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var useEventCallback = require('../../utils/useEventCallback.js');
 require('@salt-ds/core');

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useMenuTriggerHandlers.js","sources":["../src/cascading-menu/internal/useMenuTriggerHandlers.ts"],"sourcesContent":["import {\n type HTMLAttributes,\n type KeyboardEvent,\n type MouseEvent,\n isValidElement,\n} from \"react\";\nimport { useEventCallback } from \"../../utils\";\nimport type { CascadingMenuProps } from \"../CascadingMenuProps\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport type { menuState } from \"./stateUtils\";\nimport type { stateItem } from \"./useStateReducer\";\n\ninterface useMenuTriggerHandlersProps {\n dispatch: (action: any) => void;\n children: CascadingMenuProps[\"children\"];\n setIsNavigatingWithKeyboard: (value: boolean) => void;\n openCloseMenu: (open: boolean) => void;\n rootMenuState: stateItem;\n rootMenuId: string \| undefined;\n menusDataById: Record<string, menuState>;\n}\n\nexport function useMenuTriggerHandlers({\n dispatch,\n children,\n setIsNavigatingWithKeyboard,\n openCloseMenu,\n rootMenuState,\n rootMenuId,\n menusDataById = {},\n}: useMenuTriggerHandlersProps) {\n const handleOnClick = useEventCallback((event: MouseEvent<HTMLElement>) => {\n const { type } = event;\n\n setIsNavigatingWithKeyboard(false);\n if (type === \"click\") {\n if (isValidElement(children)) {\n const childrenProps = children.props as HTMLAttributes<HTMLElement>;\n childrenProps.onClick?.(event);\n }\n openCloseMenu(!rootMenuState);\n }\n });\n\n const handleOnKeydown = useEventCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n const { key } = event;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case \"Enter\":\n event.stopPropagation();\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n dispatch({\n type: rootMenuState\n ? CascadingMenuAction.CLOSE_MENU\n : CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.KEYBOARD_TOGGLE,\n targetId: rootMenuId,\n });\n break;\n case \"ArrowDown\":\n event.stopPropagation();\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (rootMenuState) {\n break;\n }\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.KEYBOARD_TOGGLE,\n targetId: rootMenuId,\n });\n break;\n case \"ArrowUp\":\n event.stopPropagation();\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (rootMenuState \|\| !rootMenuId) {\n break;\n }\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.KEYBOARD_TOGGLE,\n targetId: rootMenuId,\n });\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,\n targetId: rootMenuId,\n highlightedItemIndex:\n menusDataById[rootMenuId].menuItems.length - 1,\n });\n break;\n default:\n break;\n }\n\n if (isValidElement(children)) {\n const childrenProps = children.props as HTMLAttributes<HTMLElement>;\n childrenProps.onKeyDown?.(event);\n }\n },\n );\n\n return [handleOnClick, handleOnKeydown] as const;\n}\n"],"names":["useEventCallback","isValidElement","CascadingMenuAction","stateChangeTypes"],"mappings":"~~;;;;;;;;;;~~AAuBO,SAAS,sBAAuB,CAAA;AAAA,EACrC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,2BAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAgB~~,EAAC~~;~~AACnB~~,CAAgC,EAAA;AAC9B,EAAM,MAAA,aAAA,GAAgBA,iCAAiB,CAAA,CAAC,KAAmC,KAAA;AAhC7E,IAAA,IAAA,EAAA~~,CAAA~~;AAiCI,IAAM,MAAA,EAAE,MAAS,GAAA,KAAA~~,CAAA~~;AAEjB,IAAA,2BAAA,CAA4B,KAAK,CAAA~~,CAAA~~;AACjC,IAAA,IAAI,SAAS,OAAS,EAAA;AACpB,MAAI,IAAAC,oBAAA,CAAe,QAAQ,CAAG,EAAA;AAC5B,QAAA,MAAM,gBAAgB,QAAS,CAAA,KAAA~~,CAAA~~;AAC/B,QAAA,CAAA,EAAA,GAAA,aAAA,CAAc,YAAd,IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,aAAA,EAAA,KAAA,CAAA~~,CAAA~~;AAAA~~,OAC1B~~;~~AACA~~,MAAA,aAAA,CAAc,CAAC,aAAa,CAAA~~,CAAA~~;AAAA~~,KAC9B~~;~~AAAA~~,GACD,CAAA~~,CAAA~~;AAED,EAAA,MAAM,eAAkB,GAAAD,iCAAA;AAAA,IACtB,CAAC,KAAsC,KAAA;AA9C3C,MAAA,IAAA,EAAA~~,CAAA~~;AA+CM,MAAM,MAAA,EAAE,KAAQ,GAAA,KAAA~~,CAAA~~;AAEhB,~~MAAQ~~,~~QAAA~~,~~GAAA~~;AAAA,~~QACD~~,~~KAAA~~,UAAA~~,CAAA~~;AAAA,~~QACA~~,~~KAAA~~,GAAA~~,CAAA~~;AAAA,~~QACA~~,~~KAAA~~,OAAA;AACH,UAAA,KAAA,CAAM,eAAgB,EAAA~~,CAAA~~;AACtB,UAAA,KAAA,CAAM,cAAe,EAAA~~,CAAA~~;AACrB,UAAA,2BAAA,CAA4B,IAAI,CAAA~~,CAAA~~;AAChC,UAAS,QAAA,CAAA;AAAA,YACP,IAAM,EAAA,aAAA,GACFE,uCAAoB,CAAA,UAAA,GACpBA,uCAAoB,CAAA,SAAA;AAAA,YACxB,OAAOC,iCAAiB,CAAA,eAAA;AAAA,YACxB,QAAU,EAAA~~,UAAA~~;AAAA,WACX,CAAA~~,CAAA~~;AACD,UAAA~~,MAAA~~;AAAA,~~QACG~~,~~KAAA~~,WAAA;AACH,UAAA,KAAA,CAAM,eAAgB,EAAA~~,CAAA~~;AACtB,UAAA,KAAA,CAAM,cAAe,EAAA~~,CAAA~~;AACrB,UAAA,2BAAA,CAA4B,IAAI,CAAA~~,CAAA~~;AAChC,UAAA,IAAI,aAAe,EAAA;AACjB,YAAA~~,MAAA~~;AAAA~~,WACF~~;~~AACA~~,UAAS,QAAA,CAAA;AAAA,YACP,MAAMD,uCAAoB,CAAA,SAAA;AAAA,YAC1B,OAAOC,iCAAiB,CAAA,eAAA;AAAA,YACxB,QAAU,EAAA~~,UAAA~~;AAAA,WACX,CAAA~~,CAAA~~;AACD,UAAA~~,MAAA~~;AAAA,~~QACG~~,~~KAAA~~,SAAA;AACH,UAAA,KAAA,CAAM,eAAgB,EAAA~~,CAAA~~;AACtB,UAAA,KAAA,CAAM,cAAe,EAAA~~,CAAA~~;AACrB,UAAA,2BAAA,CAA4B,IAAI,CAAA~~,CAAA~~;AAChC,UAAI,IAAA,aAAA,IAAiB,CAAC,UAAY,EAAA;AAChC,YAAA~~,MAAA~~;AAAA~~,WACF~~;~~AACA~~,UAAS,QAAA,CAAA;AAAA,YACP,MAAMD,uCAAoB,CAAA,SAAA;AAAA,YAC1B,OAAOC,iCAAiB,CAAA,eAAA;AAAA,YACxB,QAAU,EAAA~~,UAAA~~;AAAA,WACX,CAAA~~,CAAA~~;AACD,UAAS,QAAA,CAAA;AAAA,YACP,MAAMD,uCAAoB,CAAA,2BAAA;AAAA,YAC1B,OAAOC,iCAAiB,CAAA,qBAAA;AAAA,YACxB,QAAU,EAAA,UAAA;AAAA,YACV,oBACE,EAAA,aAAA,CAAc,~~UAAY~~,CAAA,~~CAAA~~,~~SAAA~~,~~CAAU,~~MAAS,GAAA~~,CAAA~~;AAAA,WAChD,CAAA~~,CAAA~~;AACD,UAAA~~,MAAA~~;AAEA~~,OAAA~~;AAGJ,MAAI,IAAAF,oBAAA,CAAe,QAAQ,CAAG,EAAA;AAC5B,QAAA,MAAM,gBAAgB,QAAS,CAAA,KAAA~~,CAAA~~;AAC/B,QAAA,CAAA,EAAA,GAAA,aAAA,CAAc,cAAd,IAA0B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,aAAA,EAAA,KAAA,CAAA~~,CAAA~~;AAAA~~,OAC5B~~;~~AAAA,KACF~~;~~AAAA~~,GACF~~,CAAA~~;AAEA,EAAO,OAAA,CAAC,eAAe,eAAe,CAAA~~,CAAA~~;AACxC;;;;"}
1	+ {"version":3,"file":"useMenuTriggerHandlers.js","sources":["../src/cascading-menu/internal/useMenuTriggerHandlers.ts"],"sourcesContent":["import {\n type HTMLAttributes,\n type KeyboardEvent,\n type MouseEvent,\n isValidElement,\n} from \"react\";\nimport { useEventCallback } from \"../../utils\";\nimport type { CascadingMenuProps } from \"../CascadingMenuProps\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport type { menuState } from \"./stateUtils\";\nimport type { stateItem } from \"./useStateReducer\";\n\ninterface useMenuTriggerHandlersProps {\n dispatch: (action: any) => void;\n children: CascadingMenuProps[\"children\"];\n setIsNavigatingWithKeyboard: (value: boolean) => void;\n openCloseMenu: (open: boolean) => void;\n rootMenuState: stateItem;\n rootMenuId: string \| undefined;\n menusDataById: Record<string, menuState>;\n}\n\nexport function useMenuTriggerHandlers({\n dispatch,\n children,\n setIsNavigatingWithKeyboard,\n openCloseMenu,\n rootMenuState,\n rootMenuId,\n menusDataById = {},\n}: useMenuTriggerHandlersProps) {\n const handleOnClick = useEventCallback((event: MouseEvent<HTMLElement>) => {\n const { type } = event;\n\n setIsNavigatingWithKeyboard(false);\n if (type === \"click\") {\n if (isValidElement(children)) {\n const childrenProps = children.props as HTMLAttributes<HTMLElement>;\n childrenProps.onClick?.(event);\n }\n openCloseMenu(!rootMenuState);\n }\n });\n\n const handleOnKeydown = useEventCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n const { key } = event;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case \"Enter\":\n event.stopPropagation();\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n dispatch({\n type: rootMenuState\n ? CascadingMenuAction.CLOSE_MENU\n : CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.KEYBOARD_TOGGLE,\n targetId: rootMenuId,\n });\n break;\n case \"ArrowDown\":\n event.stopPropagation();\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (rootMenuState) {\n break;\n }\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.KEYBOARD_TOGGLE,\n targetId: rootMenuId,\n });\n break;\n case \"ArrowUp\":\n event.stopPropagation();\n event.preventDefault();\n setIsNavigatingWithKeyboard(true);\n if (rootMenuState \|\| !rootMenuId) {\n break;\n }\n dispatch({\n type: CascadingMenuAction.OPEN_MENU,\n cause: stateChangeTypes.KEYBOARD_TOGGLE,\n targetId: rootMenuId,\n });\n dispatch({\n type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,\n targetId: rootMenuId,\n highlightedItemIndex:\n menusDataById[rootMenuId].menuItems.length - 1,\n });\n break;\n default:\n break;\n }\n\n if (isValidElement(children)) {\n const childrenProps = children.props as HTMLAttributes<HTMLElement>;\n childrenProps.onKeyDown?.(event);\n }\n },\n );\n\n return [handleOnClick, handleOnKeydown] as const;\n}\n"],"names":["useEventCallback","isValidElement","CascadingMenuAction","stateChangeTypes"],"mappings":"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"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 function useMountedRef() {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useMountedRef.js","sources":["../src/cascading-menu/internal/useMountedRef.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n/*\n Used to know if the component is mounted or not\n */\nexport function useMountedRef() {\n const mountedRef = useRef(false);\n useEffect(() => {\n mountedRef.current = true;\n return () => {\n mountedRef.current = false;\n };\n }, []);\n\n return mountedRef;\n}\n"],"names":["useRef","useEffect"],"mappings":"~~;;;;;;~~AAIO,SAAS,aAAgB,GAAA;AAC9B,EAAM,MAAA,UAAA,GAAaA,aAAO,KAAK,CAAA~~,CAAA~~;AAC/B,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,OAAU,GAAA,IAAA~~,CAAA~~;AACrB,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAU,GAAA,KAAA~~,CAAA~~;AAAA,KACvB~~,CAAA~~;AAAA,GACF,EAAG,EAAE,CAAA~~,CAAA~~;AAEL,EAAO,OAAA,UAAA~~,CAAA~~;AACT;;;;"}
1	+ {"version":3,"file":"useMountedRef.js","sources":["../src/cascading-menu/internal/useMountedRef.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n/*\n Used to know if the component is mounted or not\n */\nexport function useMountedRef() {\n const mountedRef = useRef(false);\n useEffect(() => {\n mountedRef.current = true;\n return () => {\n mountedRef.current = false;\n };\n }, []);\n\n return mountedRef;\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;AAIO,SAAS,aAAgB,GAAA;AAC9B,EAAM,MAAA,UAAA,GAAaA,aAAO,KAAK,CAAA;AAC/B,EAAAC,eAAA,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;;;;"}

package/dist-cjs/cascading-menu/internal/useMouseHandlers.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var stateChangeTypes = require('../stateChangeTypes.js');
 var CascadingMenuAction = require('./CascadingMenuAction.js');
@@ -67,19 +65,18 @@ function useMouseHandlers(props, isMenuActiveState, menuRef) {
   );
   const handleMouseOut = react.useCallback(
     (event) => {
-      var _a;
       if (isNavigatingWithKeyboard) {
         setIsNavigatingWithKeyboard(false);
       }
       clearTimeout(mouseOutTimer.current);
       const { relatedTarget } = event;
-      const subMenuElement = typeof highlightedItemIndex === "number" ? (_a = refsManager.get(data.childMenus[highlightedItemIndex])) != null ? _a : null : null;
+      const subMenuElement = typeof highlightedItemIndex === "number" ? refsManager.get(data.childMenus[highlightedItemIndex]) ?? null : null;
       const mouseMovedToSameMenu = isOrContainsNode(
         menuRef,
         relatedTarget
       );
       const mouseMovedToParentMenu = isOrContainsNode(
-        parentElement != null ? parentElement : null,
+        parentElement ?? null,
         relatedTarget
       );
       if (mouseMovedToParentMenu) {

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

	@@ -1 +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: null,\n });\n }\n const didMouseMoveOutOfMenu = !(\n mouseMovedToParentMenu \|\|\n mouseMovedToSameMenu \|\|\n isOrContainsNode(subMenuElement, relatedTarget as HTMLElement)\n );\n\n if (didMouseMoveOutOfMenu) {\n scheduledHighlightedIndexChange.current = null;\n if (!isMenuActive) {\n setIsMenuActive(true);\n clearInterval(mouseEnterTimer.current);\n mouseOutTimer.current = window.setTimeout(() => {\n dispatch({\n type: CascadingMenuAction.RESET_MENU,\n cause: stateChangeTypes.MOUSE_OUT_OF_MENUS,\n targetId: menuId,\n });\n }, delay);\n }\n } else if (!mouseMovedToSameMenu) {\n setIsMenuActive(false);\n }\n },\n [\n isNavigatingWithKeyboard,\n refsManager,\n data.childMenus,\n highlightedItemIndex,\n menuRef,\n parentElement,\n setIsNavigatingWithKeyboard,\n dispatch,\n menuId,\n isMenuActive,\n delay,\n setIsMenuActive,\n ],\n );\n return [handleMouseMove, handleMouseOut] as const;\n}\n"],"names":["useRef","useEffect","useCallback","CascadingMenuAction","stateChangeTypes"],"mappings":"~~;;;;;;;;~~AAaA,SAAS,gBAAA,CAAiB,QAA4B,KAAoB,EAAA;AAb1E,EAAA,IAAA,EAAA~~,CAAA~~;AAcE,EAAA,OAAO,WAAW,KAAS,IAAA,CAAC,EAAC,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,aAAR,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA~~,CAAA~~;AAClD~~,CAAA~~;AAEgB,SAAA,gBAAA,CACd,KACA,EAAA,iBAAA,EACA,OACA,EAAA;AACA,EAAM,MAAA,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,iBAAA~~,CAAA~~;AACxC,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,IACA,2BAAA;AAAA,IACA,IAAA;AAAA,IACA,oBAAA;AAAA,IACA,MAAA;AAAA,IACA~~,aAAA~~;AAAA,GACE,GAAA,KAAA~~,CAAA~~;AACJ,EAAM,MAAA,+BAAA,GAAkCA,aAAsB,IAAI,CAAA~~,CAAA~~;AAClE,EAAA,MAAM,kBAAkBA,YAAe,EAAA~~,CAAA~~;AACvC,EAAA,MAAM,gBAAgBA,YAAe,EAAA~~,CAAA~~;AAErC,EAAAC,eAAA;AAAA,IACE,MACE,SAAS,eAAkB,GAAA;AACzB,MAAA,YAAA,CAAa,gBAAgB,OAAO,CAAA~~,CAAA~~;AACpC,MAAA,YAAA,CAAa,cAAc,OAAO,CAAA~~,CAAA~~;AAAA,KACpC;AAAA,IACF~~,EAAC~~;~~AAAA~~,GACH~~,CAAA~~;AAEA,EAAA,MAAM,eAAkB,GAAAC,iBAAA;AAAA,IACtB,CAAC,gBAA6B,KAAA;AAC5B,MAAA,IAAI,wBAA0B,EAAA;AAC5B,QAAA,2BAAA,CAA4B,KAAK,CAAA~~,CAAA~~;AAAA~~,OACnC~~;~~AAEA~~,MAAA,IAAI,CAAC,YAAc,EAAA;AACjB,QAAA,eAAA,CAAgB,IAAI,CAAA~~,CAAA~~;AAAA~~,OACtB~~;~~AACA~~,MAAI,IAAA,+BAAA,CAAgC,YAAY,gBAAkB,EAAA;AAChE,QAAA,+BAAA,CAAgC,OAAU,GAAA,gBAAA~~,CAAA~~;AAC1C,QAAA,YAAA,CAAa,gBAAgB,OAAO,CAAA~~,CAAA~~;AACpC,QAAA,YAAA,CAAa,cAAc,OAAO,CAAA~~,CAAA~~;AAClC,QAAgB,eAAA,CAAA,OAAA,GAAU,MAAO,CAAA,UAAA,CAAW,MAAM;AAChD,UAAS,QAAA,CAAA;AAAA,YACP,MAAMC,uCAAoB,CAAA,2BAAA;AAAA,YAC1B,OAAOC,iCAAiB,CAAA,gBAAA;AAAA,YACxB,QAAU,EAAA,MAAA;AAAA,YACV,oBAAsB,EAAA~~,gBAAA~~;AAAA,WACvB,CAAA~~,CAAA~~;AAAA,WACA,KAAK,CAAA~~,CAAA~~;AAAA~~,OACV~~;~~AAAA~~,KACF;AAAA,IACA;AAAA,MACE,wBAAA;AAAA,MACA,YAAA;AAAA,MACA,2BAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA~~,MAAA~~;AAAA~~,KACF~~;~~AAAA~~,GACF~~,CAAA~~;AACA,EAAA,MAAM,cAAiB,GAAAF,iBAAA;AAAA,IACrB,CAAC,KAAmC,KAAA;~~AAjFxC~~,MAAA,~~IAAA,EAAA,CAAA;AAkFM,MAAA,~~IAAI,wBAA0B,EAAA;AAC5B,QAAA,2BAAA,CAA4B,KAAK,CAAA~~,CAAA~~;AAAA~~,OACnC~~;~~AACA~~,MAAA,YAAA,CAAa,cAAc,OAAO,CAAA~~,CAAA~~;AAElC,MAAM,MAAA,EAAE,eAAkB,GAAA,KAAA~~,CAAA~~;AAC1B,MAAM,MAAA,cAAA,GACJ,OAAO,oBAAA,KAAyB,QAC3B,GAAA,~~CAAA,EAAA,GAAA,~~WAAA,CAAY,GAAI,CAAA,IAAA,CAAK,UAAW,CAAA,~~oBAAA~~,~~CAAqB~~,~~CAArD~~,~~KAAA~~,~~IAAA,GAAA,EAAA,GAA0D,~~IAC3D,GAAA,IAAA~~,CAAA~~;AAEN,MAAA,MAAM,oBAAuB,GAAA,gBAAA;AAAA,QAC3B,OAAA;AAAA,QACA~~,aAAA~~;AAAA,OACF~~,CAAA~~;AACA,MAAA,MAAM,sBAAyB,GAAA,gBAAA;AAAA,QAC7B,aAAiB,IAAA,IAAA~~,GAAA,aAAA,GAAA,IAAA~~;AAAA,QACjB~~,aAAA~~;AAAA,OACF~~,CAAA~~;AAEA,MAAA,IAAI,sBAAwB,EAAA;AAC1B,QAAS,QAAA,CAAA;AAAA,UACP,MAAMC,uCAAoB,CAAA,2BAAA;AAAA,UAC1B,OAAOC,iCAAiB,CAAA,yBAAA;AAAA,UACxB,QAAU,EAAA,MAAA;AAAA,UACV,oBAAsB,EAAA~~,IAAA~~;AAAA,SACvB,CAAA~~,CAAA~~;AAAA~~,OACH~~;~~AACA~~,MAAA,MAAM,wBAAwB,EAC5B,sBAAA,IACA,oBACA,IAAA,gBAAA,CAAiB,gBAAgB,aAA4B,CAAA,CAAA~~,CAAA~~;AAG/D,MAAA,IAAI,qBAAuB,EAAA;AACzB,QAAA,+BAAA,CAAgC,OAAU,GAAA,IAAA~~,CAAA~~;AAC1C,QAAA,IAAI,CAAC,YAAc,EAAA;AACjB,UAAA,eAAA,CAAgB,IAAI,CAAA~~,CAAA~~;AACpB,UAAA,aAAA,CAAc,gBAAgB,OAAO,CAAA~~,CAAA~~;AACrC,UAAc,aAAA,CAAA,OAAA,GAAU,MAAO,CAAA,UAAA,CAAW,MAAM;AAC9C,YAAS,QAAA,CAAA;AAAA,cACP,MAAMD,uCAAoB,CAAA,UAAA;AAAA,cAC1B,OAAOC,iCAAiB,CAAA,kBAAA;AAAA,cACxB,QAAU,EAAA~~,MAAA~~;AAAA,aACX,CAAA~~,CAAA~~;AAAA,aACA,KAAK,CAAA~~,CAAA~~;AAAA~~,SACV~~;~~AAAA~~,OACF,MAAA,IAAW,CAAC,oBAAsB,EAAA;AAChC,QAAA,eAAA,CAAgB,KAAK,CAAA~~,CAAA~~;AAAA~~,OACvB~~;~~AAAA~~,KACF;AAAA,IACA;AAAA,MACE,wBAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAK,CAAA,UAAA;AAAA,MACL,oBAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,2BAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA;AAAA,MACA~~,eAAA~~;AAAA~~,KACF~~;~~AAAA~~,GACF~~,CAAA~~;AACA,EAAO,OAAA,CAAC,iBAAiB,cAAc,CAAA~~,CAAA~~;AACzC;;;;"}
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: null,\n });\n }\n const didMouseMoveOutOfMenu = !(\n mouseMovedToParentMenu \|\|\n mouseMovedToSameMenu \|\|\n isOrContainsNode(subMenuElement, relatedTarget as HTMLElement)\n );\n\n if (didMouseMoveOutOfMenu) {\n scheduledHighlightedIndexChange.current = null;\n if (!isMenuActive) {\n setIsMenuActive(true);\n clearInterval(mouseEnterTimer.current);\n mouseOutTimer.current = window.setTimeout(() => {\n dispatch({\n type: CascadingMenuAction.RESET_MENU,\n cause: stateChangeTypes.MOUSE_OUT_OF_MENUS,\n targetId: menuId,\n });\n }, delay);\n }\n } else if (!mouseMovedToSameMenu) {\n setIsMenuActive(false);\n }\n },\n [\n isNavigatingWithKeyboard,\n refsManager,\n data.childMenus,\n highlightedItemIndex,\n menuRef,\n parentElement,\n setIsNavigatingWithKeyboard,\n dispatch,\n menuId,\n isMenuActive,\n delay,\n setIsMenuActive,\n ],\n );\n return [handleMouseMove, handleMouseOut] as const;\n}\n"],"names":["useRef","useEffect","useCallback","CascadingMenuAction","stateChangeTypes"],"mappings":"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"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 function useRefsManager() {

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

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

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var CascadingMenuAction = require('./CascadingMenuAction.js');

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

	@@ -1 +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":["CascadingMenuAction","useCallback"],"mappings":"~~;;;;;;;~~AAYA,SAAS,oBAAoB,EAAuB,EAAA;AAClD,EAAO,OAAA;AAAA,IACL,EAAA;AAAA,IACA,oBAAsB,EAAA~~,IAAA~~;AAAA,GACxB~~,CAAA~~;AACF~~,CAAA~~;AAEA,SAAS,+BAAA,CAAgC,OAAe,KAAoB,EAAA;AAC1E,EAAM,MAAA,QAAA,GAAW,CAAC,GAAG,KAAK,CAAA~~,CAAA~~;AAC1B,EAAA,QAAA,CAAS,OAAO,KAAK,CAAA~~,CAAA~~;AACrB,EAAO,OAAA,QAAA~~,CAAA~~;AACT~~,CAAA~~;AAEA,SAAS,mBAAA,CAAoB,KAAc,EAAA,MAAA,EAAoB,KAAe,EAAA;AAC5E,EAAM,MAAA,EAAE,MAAS,GAAA,MAAA~~,CAAA~~;AACjB,~~EAAQ~~,~~QAAA~~,~~IAAA~~;AAAA,~~IAAA~~,~~KACDA~~,uCAAoB,CAAA,WAAA;AACvB,MAAA,KAAA,CAAM,~~KAAS~~,~~CAAA~~,GAAA;AAAA,QACb,GAAG,~~KAAM~~,~~CAAA,KAAA,CAAA~~;AAAA,~~OACX,CAAA~~;AACA,MAAO,OAAA,KAAA~~,CAAA~~;AAAA,~~IAAA~~;~~AAEP~~,MAAO,OAAA,KAAA~~,CAAA~~;AAAA~~,GAAA~~;AAEb~~,CAAA~~;AAEgB,SAAA,eAAA,CACd,eACA,wBACA,EAAA;AACA,EAAO,OAAAC,iBAAA;AAAA,IACL,CAAC,OAAc,MAA8B,KAAA;AAC3C,MAAI,IAAA,QAAA,GAAW,CAAC,GAAG,KAAK,CAAA~~,CAAA~~;AACxB,MAAA,MAAM,EAAE,IAAA,EAAM,QAAU,EAAA,oBAAA,GAAuB,MAAS,GAAA,MAAA~~,CAAA~~;AACxD,MAAA,MAAM,EAAE,KAAA,EAAO,UAAa,GAAA,IAAO,GAAA,MAAA;AAAA,QACjC,~~aAAc~~,~~CAAA,QAAA,CAAA~~;AAAA,~~OAChB,CAAA~~;AACA,MAAA,MAAM,~~OACJ~~,~~GAAA,~~OAAO,~~oBAAyB~~,~~KAAA~~,~~QAAA~~,~~GAC5B~~,~~WAAW~~,~~oBACX~~,~~CAAA~~,GAAA,IAAA~~,CAAA~~;AACN,~~MAAM,~~MAAA,~~aAAA~~,~~GAAgB~~,~~OAAU,~~GAAA,~~aAAA~~,~~CAAc~~,~~OAAW~~,CAAA,GAAA,KAAA,CAAA~~,CAAA~~;AAEzD,MAAW,QAAA,GAAA,mBAAA,CAAoB,QAAU,EAAA,MAAA,EAAQ,KAAK,CAAA~~,CAAA~~;AACtD,~~MAAQ~~,~~QAAA~~,~~IAAA~~;AAAA,~~QAAA~~,~~KACDD~~,uCAAoB,CAAA,2BAAA;AACvB,UAAA,QAAA,CAAS,~~KAAS~~,~~CAAA~~,GAAA;AAAA,YAChB,GAAG,~~QAAS~~,~~CAAA~~,~~KAAA,~~CAAA;AAAA,~~YACZ,oBAAA~~;AAAA,WACF~~,CAAA~~;AACA,UAAW,QAAA,GAAA,+BAAA,CAAgC,KAAQ,GAAA,CAAA,EAAG,QAAQ,CAAA~~,CAAA~~;AAC9D,UAAI,IAAA,OAAA,IAAW,aAAiB,IAAA,CAAC,wBAA0B,EAAA;AACzD,~~YAAS~~,QAAA,~~CAAA~~,~~aAAA~~,~~CAAc~~,~~KAAS~~,~~CAAA~~,GAAA,mBAAA,CAAoB,OAAO,CAAA~~,CAAA~~;AAAA~~,WAC7D~~;~~AACA~~,UAAA~~,MAAA~~;AAAA,~~QAAA~~,~~KACGA~~,uCAAoB,CAAA,UAAA;AACvB,UAAA,QAAA,CAAS,~~KAAS~~,~~CAAA~~,GAAA;AAAA,YAChB,GAAG,~~QAAS~~,~~CAAA~~,~~KAAA,~~CAAA;AAAA,~~YACZ~~,oBAAsB,EAAA~~,IAAA~~;AAAA,WACxB~~,CAAA~~;AACA,UAAW,QAAA,GAAA,+BAAA,CAAgC,KAAQ,GAAA,CAAA,EAAG,QAAQ,CAAA~~,CAAA~~;AAC9D,UAAA~~,MAAA~~;AAAA,~~QAAA~~,~~KACGA~~,uCAAoB,CAAA,SAAA;AACvB,UAAS,QAAA,CAAA,~~KAAA~~,~~CAAA~~,~~GAAS~~,~~oBAAoB~~,QAAQ,CAAA~~,CAAA~~;AAC9C,UAAA~~,MAAA~~;AAAA,~~QAAA~~,~~KACGA~~,uCAAoB,CAAA,UAAA;AACvB,UAAW,QAAA,GAAA,+BAAA,CAAgC,OAAO,QAAQ,CAAA~~,CAAA~~;AAC1D,UAAA~~,MAAA~~;AAAA,~~QAAA~~,~~KACGA~~,uCAAoB,CAAA,oBAAA;AACvB,UAAA,QAAA,GAAW,EAAC~~,CAAA~~;AACZ,UAAA~~,MAAA~~;AAEA~~,OAAA~~;AAEJ,MAAO,OAAA,QAAA~~,CAAA~~;AAAA,KACT;AAAA,IACA,CAAC,0BAA0B,aAAa~~,CAAA~~;AAAA,GAC1C~~,CAAA~~;AACF;;;;"}
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":["CascadingMenuAction","useCallback"],"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,KAAKA,uCAAoB,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,OAAAC,iBAAA;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,KAAA,CAAA;AAEzD,MAAW,QAAA,GAAA,mBAAA,CAAoB,QAAU,EAAA,MAAA,EAAQ,KAAK,CAAA;AACtD,MAAA,QAAQ,IAAM;AAAA,QACZ,KAAKD,uCAAoB,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,KAAKA,uCAAoB,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,KAAKA,uCAAoB,CAAA,SAAA;AACvB,UAAS,QAAA,CAAA,KAAK,CAAI,GAAA,mBAAA,CAAoB,QAAQ,CAAA;AAC9C,UAAA;AAAA,QACF,KAAKA,uCAAoB,CAAA,UAAA;AACvB,UAAW,QAAA,GAAA,+BAAA,CAAgC,OAAO,QAAQ,CAAA;AAC1D,UAAA;AAAA,QACF,KAAKA,uCAAoB,CAAA,oBAAA;AACvB,UAAA,QAAA,GAAW,EAAC;AACZ,UAAA;AAEA;AAEJ,MAAO,OAAA,QAAA;AAAA,KACT;AAAA,IACA,CAAC,0BAA0B,aAAa;AAAA,GAC1C;AACF;;;;"}

package/dist-cjs/cascading-menu/stateChangeTypes.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 const stateChangeTypes = {
   KEYBOARD_TOGGLE: "keyboardToggle",
   MOUSE_TOGGLE: "mouseToggle",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"stateChangeTypes.js","sources":["../src/cascading-menu/stateChangeTypes.ts"],"sourcesContent":["export type stateChangeCause =\n \| \"keyboardToggle\"\n \| \"mouseToggle\"\n \| \"clickedAway\"\n \| \"onResize\"\n \| \"itemClicked\"\n \| \"itemKeydownEnter\"\n \| \"itemKeydownArrowRight\"\n \| \"itemKeydownArrowLeft\"\n \| \"itemKeydownArrowDown\"\n \| \"itemKeydownArrowUp\"\n \| \"itemKeydownSpacebar\"\n \| \"itemKeydownTab\"\n \| \"itemKeydownEscape\"\n \| \"itemKeydownHome\"\n \| \"itemKeydownEnd\"\n \| \"itemMouseEnter\"\n \| \"itemMouseMoveToParent\"\n \| \"mouseOutOfMenus\"\n \| \"keyboardNavAutoFocus\";\n\nexport const stateChangeTypes: { [key: string]: stateChangeCause } = {\n KEYBOARD_TOGGLE: \"keyboardToggle\",\n MOUSE_TOGGLE: \"mouseToggle\",\n CLICKED_AWAY: \"clickedAway\",\n ON_RESIZE: \"onResize\",\n ITEM_CLICKED: \"itemClicked\",\n ITEM_KEYDOWN_ENTER: \"itemKeydownEnter\",\n ITEM_KEYDOWN_ARROW_RIGHT: \"itemKeydownArrowRight\",\n ITEM_KEYDOWN_ARROW_LEFT: \"itemKeydownArrowLeft\",\n ITEM_KEYDOWN_ARROW_DOWN: \"itemKeydownArrowDown\",\n ITEM_KEYDOWN_ARROW_UP: \"itemKeydownArrowUp\",\n ITEM_KEYDOWN_SPACEBAR: \"itemKeydownSpacebar\",\n ITEM_KEYDOWN_TAB: \"itemKeydownTab\",\n ITEM_KEYDOWN_ESCAPE: \"itemKeydownEscape\",\n ITEM_KEYDOWN_HOME: \"itemKeydownHome\",\n ITEM_KEYDOWN_END: \"itemKeydownEnd\",\n ITEM_MOUSE_ENTER: \"itemMouseEnter\",\n ITEM_MOUSE_MOVE_TO_PARENT: \"itemMouseMoveToParent\",\n MOUSE_OUT_OF_MENUS: \"mouseOutOfMenus\",\n KEYBOARD_NAV_AUTO_FOCUS: \"keyboardNavAutoFocus\",\n};\n"],"names":[],"mappings":"~~;;;;~~AAqBO,MAAM,gBAAwD,GAAA;AAAA,EACnE,eAAiB,EAAA,gBAAA;AAAA,EACjB,YAAc,EAAA,aAAA;AAAA,EACd,YAAc,EAAA,aAAA;AAAA,EACd,SAAW,EAAA,UAAA;AAAA,EACX,YAAc,EAAA,aAAA;AAAA,EACd,kBAAoB,EAAA,kBAAA;AAAA,EACpB,wBAA0B,EAAA,uBAAA;AAAA,EAC1B,uBAAyB,EAAA,sBAAA;AAAA,EACzB,uBAAyB,EAAA,sBAAA;AAAA,EACzB,qBAAuB,EAAA,oBAAA;AAAA,EACvB,qBAAuB,EAAA,qBAAA;AAAA,EACvB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,mBAAqB,EAAA,mBAAA;AAAA,EACrB,iBAAmB,EAAA,iBAAA;AAAA,EACnB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,yBAA2B,EAAA,uBAAA;AAAA,EAC3B,kBAAoB,EAAA,iBAAA;AAAA,EACpB,uBAAyB,EAAA~~,sBAAA~~;AAC3B;;;;"}
1	+ {"version":3,"file":"stateChangeTypes.js","sources":["../src/cascading-menu/stateChangeTypes.ts"],"sourcesContent":["export type stateChangeCause =\n \| \"keyboardToggle\"\n \| \"mouseToggle\"\n \| \"clickedAway\"\n \| \"onResize\"\n \| \"itemClicked\"\n \| \"itemKeydownEnter\"\n \| \"itemKeydownArrowRight\"\n \| \"itemKeydownArrowLeft\"\n \| \"itemKeydownArrowDown\"\n \| \"itemKeydownArrowUp\"\n \| \"itemKeydownSpacebar\"\n \| \"itemKeydownTab\"\n \| \"itemKeydownEscape\"\n \| \"itemKeydownHome\"\n \| \"itemKeydownEnd\"\n \| \"itemMouseEnter\"\n \| \"itemMouseMoveToParent\"\n \| \"mouseOutOfMenus\"\n \| \"keyboardNavAutoFocus\";\n\nexport const stateChangeTypes: { [key: string]: stateChangeCause } = {\n KEYBOARD_TOGGLE: \"keyboardToggle\",\n MOUSE_TOGGLE: \"mouseToggle\",\n CLICKED_AWAY: \"clickedAway\",\n ON_RESIZE: \"onResize\",\n ITEM_CLICKED: \"itemClicked\",\n ITEM_KEYDOWN_ENTER: \"itemKeydownEnter\",\n ITEM_KEYDOWN_ARROW_RIGHT: \"itemKeydownArrowRight\",\n ITEM_KEYDOWN_ARROW_LEFT: \"itemKeydownArrowLeft\",\n ITEM_KEYDOWN_ARROW_DOWN: \"itemKeydownArrowDown\",\n ITEM_KEYDOWN_ARROW_UP: \"itemKeydownArrowUp\",\n ITEM_KEYDOWN_SPACEBAR: \"itemKeydownSpacebar\",\n ITEM_KEYDOWN_TAB: \"itemKeydownTab\",\n ITEM_KEYDOWN_ESCAPE: \"itemKeydownEscape\",\n ITEM_KEYDOWN_HOME: \"itemKeydownHome\",\n ITEM_KEYDOWN_END: \"itemKeydownEnd\",\n ITEM_MOUSE_ENTER: \"itemMouseEnter\",\n ITEM_MOUSE_MOVE_TO_PARENT: \"itemMouseMoveToParent\",\n MOUSE_OUT_OF_MENUS: \"mouseOutOfMenus\",\n KEYBOARD_NAV_AUTO_FOCUS: \"keyboardNavAutoFocus\",\n};\n"],"names":[],"mappings":";;AAqBO,MAAM,gBAAwD,GAAA;AAAA,EACnE,eAAiB,EAAA,gBAAA;AAAA,EACjB,YAAc,EAAA,aAAA;AAAA,EACd,YAAc,EAAA,aAAA;AAAA,EACd,SAAW,EAAA,UAAA;AAAA,EACX,YAAc,EAAA,aAAA;AAAA,EACd,kBAAoB,EAAA,kBAAA;AAAA,EACpB,wBAA0B,EAAA,uBAAA;AAAA,EAC1B,uBAAyB,EAAA,sBAAA;AAAA,EACzB,uBAAyB,EAAA,sBAAA;AAAA,EACzB,qBAAuB,EAAA,oBAAA;AAAA,EACvB,qBAAuB,EAAA,qBAAA;AAAA,EACvB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,mBAAqB,EAAA,mBAAA;AAAA,EACrB,iBAAmB,EAAA,iBAAA;AAAA,EACnB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,gBAAkB,EAAA,gBAAA;AAAA,EAClB,yBAA2B,EAAA,uBAAA;AAAA,EAC3B,kBAAoB,EAAA,iBAAA;AAAA,EACpB,uBAAyB,EAAA;AAC3B;;;;"}

package/dist-cjs/color-chooser/AlphaInputField.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
@@ -58,19 +56,23 @@ const AlphaInput = ({
     setAlphaInputValue(validatedAlpha.toString());
     onSubmit(validatedAlpha, e);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(InputLegacy.InputLegacy, {
-    inputProps: {
-      "data-testid": "a-input"
-    },
-    className: clsx.clsx({
-      [withBaseName("rgbaInput")]: !showAsOpacity,
-      [withBaseName("opacityInput")]: showAsOpacity
-    }),
-    value: showAsOpacity ? alphaInputValue ? `${(Number.parseFloat(alphaInputValue) * 100).toString()}%` : "%" : alphaInputValue,
-    onChange: handleAlphaInputChange,
-    onBlur: handleOnBlurAlpha,
-    onKeyDown: handleKeyDownAlpha
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    InputLegacy.InputLegacy,
+    {
+      inputProps: {
+        // @ts-ignore
+        "data-testid": "a-input"
+      },
+      className: clsx.clsx({
+        [withBaseName("rgbaInput")]: !showAsOpacity,
+        [withBaseName("opacityInput")]: showAsOpacity
+      }),
+      value: showAsOpacity ? alphaInputValue ? `${(Number.parseFloat(alphaInputValue) * 100).toString()}%` : "%" : alphaInputValue,
+      onChange: handleAlphaInputChange,
+      onBlur: handleOnBlurAlpha,
+      onKeyDown: handleKeyDownAlpha
+    }
+  );
 };
 exports.AlphaInput = AlphaInput;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AlphaInputField.js","sources":["../src/color-chooser/AlphaInputField.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\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-ignore\n \"data-testid\": \"a-input\",\n }}\n className={clsx({\n [withBaseName(\"rgbaInput\")]: !showAsOpacity,\n [withBaseName(\"opacityInput\")]: showAsOpacity,\n })}\n value={\n showAsOpacity\n ? alphaInputValue\n ? `${(Number.parseFloat(alphaInputValue) * 100).toString()}%`\n : \"%\"\n : alphaInputValue\n }\n onChange={handleAlphaInputChange}\n onBlur={handleOnBlurAlpha}\n onKeyDown={handleKeyDownAlpha}\n />\n );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","rgbaInputCss","useState","useEffect","jsx","Input","clsx"],"mappings":"~~;;;;;;;;;;;;;;~~AAgBA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA~~,CAAA~~;AAQ7C,MAAM,aAAa,CAAC;AAAA,EACzB,UAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAgB,GAAA~~,KAAA~~;AAClB,CAAoC,KAAA;AAClC,EAAA,MAAM,eAAeC,gBAAU,EAAA~~,CAAA~~;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,SAAA;AAAA,IACL,MAAQ,EAAA~~,YAAA~~;AAAA,GACT,CAAA~~,CAAA~~;AAED,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAC,cAAA;AAAA,IAC5C,CAAC,MAAO,CAAA,KAAA,CAAM,UAAU,CAAI,GAAA,UAAA,CAAW,UAAa,GAAA~~,EAAA~~;AAAA,GACtD~~,CAAA~~;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAmB,kBAAA,CAAA,CAAC,OAAO,KAAM,CAAA,UAAU,IAAI,UAAW,CAAA,QAAA,KAAa,EAAE,CAAA~~,CAAA~~;AAAA,GAC3E,EAAG,CAAC,UAAU,CAAC,CAAA~~,CAAA~~;AAEf,EAAM,MAAA,sBAAA,GAAyB,CAC7B,KAAA,EACA,QACS,KAAA;AACT,IAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA~~,CAAA~~;AACtC,IAAA,IAAI,KAAgB,GAAA,KAAA~~,CAAA~~;AAEpB,IAAA,IAAI,MAAM,IAAK,EAAA,KAAM,MAAM,MAAO,CAAA,KAAA,CAAM,KAAK,CAAG,EAAA;AAC9C,MAAQ,KAAA,GAAA,EAAA~~,CAAA~~;AAAA~~,KACV~~;~~AAEA~~,IAAA,IAAI,aAAiB,IAAA,MAAA,CAAO,UAAW,CAAA,KAAK,CAAG,EAAA;AAC7C,MAAA,KAAA,GAAA,CAAS,MAAO,CAAA,UAAA,CAAW,KAAK,CAAA,GAAI,KAAK,QAAS,EAAA~~,CAAA~~;AAAA~~,KACpD~~;~~AAEA~~,IAAI,IAAA,KAAA,CAAM,OAAO,CAAC,CAAA,KAAM,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,GAAK,EAAA;AACtD,MAAQ,KAAA,GAAA,KAAA~~,CAAA~~;AAAA~~,KACV~~;~~AAEA~~,IAAA,kBAAA,CAAmB,KAAK,CAAA~~,CAAA~~;AAAA,GAC1B~~,CAAA~~;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,CAA6C,KAAA;AACvE,IAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,MAAA,MAAM,KACJ,GAAA,eAAA,CAAgB,IAAK,EAAA,CAAE,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA,KAAM,EACxC,GAAA,MAAA,CAAO,UAAW,CAAA,eAAe,CACjC,GAAA,CAAA~~,CAAA~~;AACN,MAAM,MAAA,cAAA,GAAiB,KAAK,GAAI,CAAA,CAAA,EAAG,KAAK,GAAI,CAAA,KAAA,EAAO,CAAC,CAAC,CAAA~~,CAAA~~;AACrD,MAAmB,kBAAA,CAAA,cAAA,CAAe,UAAU,CAAA~~,CAAA~~;AAC5C,MAAA,QAAA,CAAS,cAAc,CAAA~~,CAAA~~;AAAA~~,KACzB~~;~~AAAA~~,GACF~~,CAAA~~;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,CAA0C,KAAA;AAEnE,IAAM,MAAA,KAAA,GACJ,gBAAgB,IAAK,EAAA,KAAM,KAAK,MAAO,CAAA,UAAA,CAAW,eAAe,CAAI,GAAA,CAAA~~,CAAA~~;AAEvE,IAAM,MAAA,cAAA,GAAiB,KAAK,GAAI,CAAA,CAAA,EAAG,KAAK,GAAI,CAAA,KAAA,EAAO,CAAC,CAAC,CAAA~~,CAAA~~;AACrD,IAAmB,kBAAA,CAAA,cAAA,CAAe,UAAU,CAAA~~,CAAA~~;AAC5C,IAAA,QAAA,CAAS,gBAAgB,CAAC,CAAA~~,CAAA~~;AAAA,GAC5B~~,CAAA~~;AAEA,~~EAAA~~,~~uBACGC~~,cAAA,~~CAAAC~~,uBAAA,~~EAAA~~;AAAA,~~IACC~~,UAAY,EAAA;AAAA,~~MAEV~~,aAAe,EAAA~~,SAAA~~;AAAA,~~KACjB~~;AAAA,~~IACA~~,WAAWC,SAAK,CAAA;AAAA,~~MACd~~,CAAC,YAAA,CAAa,WAAW,~~CAAA~~,~~GAAI~~,CAAC,aAAA;AAAA,~~MAC9B~~,CAAC,~~YAAa~~,~~CAAA~~,cAAc,~~CAAI~~,~~GAAA,aAAA~~;AAAA,~~KACjC~~,CAAA;AAAA,~~IACD~~,~~KAAA~~,~~EACE~~,~~aACI~~,GAAA,~~eAAA~~,~~GACE~~,CAAI,~~EAAA~~,CAAA,~~MAAA~~,~~CAAO~~,~~UAAW~~,CAAA,~~eAAe~~,~~CAAI~~,~~GAAA~~,~~GAAA~~,~~EAAK~~,~~QAAS,EAAA,~~CAAA,CAAA,CAAA,~~GACvD~~,GACF,GAAA,eAAA;AAAA,~~IAEN~~,QAAU,EAAA,sBAAA;AAAA,~~IACV~~,MAAQ,EAAA,iBAAA;AAAA,~~IACR~~,SAAW,EAAA~~,kBAAA~~;AAAA,GACb~~,CAAA,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"AlphaInputField.js","sources":["../src/color-chooser/AlphaInputField.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\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-ignore\n \"data-testid\": \"a-input\",\n }}\n className={clsx({\n [withBaseName(\"rgbaInput\")]: !showAsOpacity,\n [withBaseName(\"opacityInput\")]: showAsOpacity,\n })}\n value={\n showAsOpacity\n ? alphaInputValue\n ? `${(Number.parseFloat(alphaInputValue) * 100).toString()}%`\n : \"%\"\n : alphaInputValue\n }\n onChange={handleAlphaInputChange}\n onBlur={handleOnBlurAlpha}\n onKeyDown={handleKeyDownAlpha}\n />\n );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","rgbaInputCss","useState","useEffect","jsx","Input","clsx"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA;AAQ7C,MAAM,aAAa,CAAC;AAAA,EACzB,UAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAgB,GAAA;AAClB,CAAoC,KAAA;AAClC,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,SAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAC,cAAA;AAAA,IAC5C,CAAC,MAAO,CAAA,KAAA,CAAM,UAAU,CAAI,GAAA,UAAA,CAAW,UAAa,GAAA;AAAA,GACtD;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAmB,kBAAA,CAAA,CAAC,OAAO,KAAM,CAAA,UAAU,IAAI,UAAW,CAAA,QAAA,KAAa,EAAE,CAAA;AAAA,GAC3E,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,sBAAA,GAAyB,CAC7B,KAAA,EACA,QACS,KAAA;AACT,IAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA;AACtC,IAAA,IAAI,KAAgB,GAAA,KAAA;AAEpB,IAAA,IAAI,MAAM,IAAK,EAAA,KAAM,MAAM,MAAO,CAAA,KAAA,CAAM,KAAK,CAAG,EAAA;AAC9C,MAAQ,KAAA,GAAA,EAAA;AAAA;AAGV,IAAA,IAAI,aAAiB,IAAA,MAAA,CAAO,UAAW,CAAA,KAAK,CAAG,EAAA;AAC7C,MAAA,KAAA,GAAA,CAAS,MAAO,CAAA,UAAA,CAAW,KAAK,CAAA,GAAI,KAAK,QAAS,EAAA;AAAA;AAGpD,IAAI,IAAA,KAAA,CAAM,OAAO,CAAC,CAAA,KAAM,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,GAAK,EAAA;AACtD,MAAQ,KAAA,GAAA,KAAA;AAAA;AAGV,IAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA,GAC1B;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,CAA6C,KAAA;AACvE,IAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,MAAA,MAAM,KACJ,GAAA,eAAA,CAAgB,IAAK,EAAA,CAAE,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA,KAAM,EACxC,GAAA,MAAA,CAAO,UAAW,CAAA,eAAe,CACjC,GAAA,CAAA;AACN,MAAM,MAAA,cAAA,GAAiB,KAAK,GAAI,CAAA,CAAA,EAAG,KAAK,GAAI,CAAA,KAAA,EAAO,CAAC,CAAC,CAAA;AACrD,MAAmB,kBAAA,CAAA,cAAA,CAAe,UAAU,CAAA;AAC5C,MAAA,QAAA,CAAS,cAAc,CAAA;AAAA;AACzB,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,CAA0C,KAAA;AAEnE,IAAM,MAAA,KAAA,GACJ,gBAAgB,IAAK,EAAA,KAAM,KAAK,MAAO,CAAA,UAAA,CAAW,eAAe,CAAI,GAAA,CAAA;AAEvE,IAAM,MAAA,cAAA,GAAiB,KAAK,GAAI,CAAA,CAAA,EAAG,KAAK,GAAI,CAAA,KAAA,EAAO,CAAC,CAAC,CAAA;AACrD,IAAmB,kBAAA,CAAA,cAAA,CAAe,UAAU,CAAA;AAC5C,IAAA,QAAA,CAAS,gBAAgB,CAAC,CAAA;AAAA,GAC5B;AAEA,EACE,uBAAAC,cAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA;AAAA;AAAA,QAEV,aAAe,EAAA;AAAA,OACjB;AAAA,MACA,WAAWC,SAAK,CAAA;AAAA,QACd,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG,CAAC,aAAA;AAAA,QAC9B,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG;AAAA,OACjC,CAAA;AAAA,MACD,KACE,EAAA,aAAA,GACI,eACE,GAAA,CAAA,EAAA,CAAI,MAAO,CAAA,UAAA,CAAW,eAAe,CAAA,GAAI,GAAK,EAAA,QAAA,EAAU,CAAA,CAAA,CAAA,GACxD,GACF,GAAA,eAAA;AAAA,MAEN,QAAU,EAAA,sBAAA;AAAA,MACV,MAAQ,EAAA,iBAAA;AAAA,MACR,SAAW,EAAA;AAAA;AAAA,GACb;AAEJ;;;;"}

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

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

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

	@@ -1 +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":["~~tinycolor","~~getColorNameByHexValue"],"mappings":"~~;;;;;;;;;;;~~AAUO,MAAM,KAAM,CAAA;AAAA,EAAZ,WAAA,GAAA;AACL,IAAA,IAAA,CAAQ,~~QAA4BA~~,~~6BAAU~~,EAAA~~,CAAA~~;AAAA~~,GAAA~~;AAAA,EAE9C,IAAW,GAAc,GAAA;AACvB,IAAO,OAAA,IAAA,CAAK,KAAM,CAAA,QAAA,EAAe,KAAA,CAAA,GAC7B,IAAK,CAAA,KAAA,CAAM,WAAY,EAAA,GACvB,IAAK,CAAA,KAAA,CAAM,YAAa,EAAA~~,CAAA~~;AAAA~~,GAC9B~~;~~AAAA~~,EAEA,IAAW,IAAkB,GAAA;AAC3B,IAAO,OAAA;AAAA,MACL,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,MACtB,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,MACtB,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,MACtB,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAQ,CAAA~~,CAAA~~;AAAA,KACxB~~,CAAA~~;AAAA~~,GACF~~;AAAA,EAGA,IAAW,SAAgC,GAAA;AACzC,IAAO,~~OAAAC~~,mCAAA;AAAA,MACL,IAAA,CAAK,MAAM,YAAa,EAAA;AAAA,MACxB,KAAA;AAAA,MACA,KAAA,CAAA;AAAA,MACA~~,IAAA~~;AAAA,KACF~~,CAAA~~;AAAA~~,GACF~~;~~AAAA~~,EAEA,OAAO,iBAAiB,QAAiD,EAAA;AACvE,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA~~,CAAA~~;AAC3B,IAAS,QAAA,CAAA,KAAA,~~GAAQD~~,~~8BAAU~~,QAAQ,CAAA~~,CAAA~~;AAEnC,IAAI,IAAA,QAAA,CAAS,KAAM,CAAA,OAAA,EAAW,EAAA;AAC5B,MAAO,OAAA,QAAA~~,CAAA~~;AAAA~~,KACT~~;~~AACA~~,IAAO,OAAA,KAAA,CAAA~~,CAAA~~;AAAA~~,GACT~~;~~AAAA~~,EAEA,OAAO,gBAAA,CAAiB,CAAW,EAAA,CAAA,EAAW,GAAW,CAAmB,EAAA;AAC1E,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA~~,CAAA~~;AAC3B,IAAA,QAAA,CAAS,~~QAAQA~~,~~6BAAU~~,CAAA,EAAE,GAAM,CAAM,EAAA,CAAA,EAAM,GAAM,CAAA~~,CAAA~~;AACrD,IAAO,OAAA,QAAA~~,CAAA~~;AAAA~~,GACT~~;~~AAAA~~,EAEA,SAAS,KAAsB,EAAA;AAC7B,IAAM,MAAA,QAAA,GAAW,IAAI,KAAM,EAAA~~,CAAA~~;AAC3B,IAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,KAAK,CAAA~~,CAAA~~;AAC1C,IAAO,OAAA,QAAA~~,CAAA~~;AAAA~~,GACT~~;~~AACF~~;;;;"}
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":["getColorNameByHexValue"],"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,OAAAA,mCAAA;AAAA,MACL,IAAA,CAAK,MAAM,YAAa,EAAA;AAAA,MACxB,KAAA;AAAA,MACA,KAAA,CAAA;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,KAAA,CAAA;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;;;;"}