npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.10 → 1.0.0-alpha.101 - Mend

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

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 (2035) hide show

package/dist-es/combo-box-deprecated/internal/useMultiSelectComboBox.js CHANGED Viewed

@@ -2,12 +2,11 @@ import { useId, useControlled, useIsFocusVisible, useForkRef, usePrevious, useIs
 import { useState, useRef, useMemo, useEffect } from 'react';
 import '../../list-deprecated/List.js';
 import '../../list-deprecated/ListBase.js';
-import '../../list-deprecated/ListItemBase.js';
 import '../../list-deprecated/ListItem.js';
+import '../../list-deprecated/ListItemBase.js';
 import '../../list-deprecated/ListItemContext.js';
 import '../../list-deprecated/ListStateContext.js';
 import { useList } from '../../list-deprecated/useList.js';
-import '../../utils/useFloatingUI.js';
 import '../../tokenized-input/TokenizedInput.js';
 import '../../tokenized-input/TokenizedInputBase.js';
 import { useTokenizedInput } from '../../tokenized-input/useTokenizedInput.js';
@@ -17,6 +16,7 @@ import { usePopperStatus, isToggleList } from './usePopperStatus.js';
 const REQUIRE_PREV_HIGHLIGHT = ["ArrowUp", "ArrowDown", "PageUp", "PageDown"];
 const useMultiSelectComboBox = (props) => {
+  var _a;
   const {
     allowFreeText,
     displayedItemCount,
@@ -73,14 +73,14 @@ const useMultiSelectComboBox = (props) => {
     [sourceProp, itemToString]
   );
   const source = useMemo(() => {
-    if (inputValue && inputValue.trim().length) {
+    if (inputValue == null ? void 0 : inputValue.trim().length) {
       const itemFilter = getDefaultFilter(inputValue, getFilterRegex);
       return sourceProp.filter((item) => itemFilter(itemToString(item)));
     }
     return sourceProp;
   }, [inputValue, sourceProp, getFilterRegex, itemToString]);
   const itemTextHighlightPattern = useMemo(
-    () => inputValue && inputValue.trim().length ? getFilterRegex(inputValue) : void 0,
+    () => (inputValue == null ? void 0 : inputValue.trim().length) ? getFilterRegex(inputValue) : void 0,
     [inputValue, getFilterRegex]
   );
   const {
@@ -151,7 +151,7 @@ const useMultiSelectComboBox = (props) => {
   const handleItemsChange = (newItems) => {
     const uniqueItems = Array.from(new Set(newItems));
     setSelectedItems(uniqueItems);
-    onChange && onChange(null, uniqueItems);
+    onChange == null ? void 0 : onChange(null, uniqueItems);
   };
   const handleInputSelect = (event) => {
     event.persist();
@@ -190,7 +190,10 @@ const useMultiSelectComboBox = (props) => {
     onClear: handleClear,
     onKeyDown: InputProps.onKeyDown
   });
-  const handleFocusVisibleRef = useForkRef(focusVisibleRef, focusedRef);
+  const handleFocusVisibleRef = useForkRef(
+    focusVisibleRef,
+    focusedRef
+  );
   const handleInputRef = useForkRef(inputRef, handleFocusVisibleRef);
   const { setHighlightedIndex: setHighlightedPillIndex } = inputHelpers;
   useEffect(() => {
@@ -198,7 +201,7 @@ const useMultiSelectComboBox = (props) => {
       setHighlightedListIndex(void 0);
       setQuickSelection(false);
     }
-  }, [isListOpen, setHighlightedListIndex, setQuickSelection]);
+  }, [isListOpen, setHighlightedListIndex]);
   const previousSelectedItems = usePrevious(selectedItems);
   useIsomorphicLayoutEffect(() => {
     if (selectedItems.some(
@@ -209,34 +212,31 @@ const useMultiSelectComboBox = (props) => {
     if (!selectedItems.length) {
       setHighlightedListIndex(void 0);
     }
-  }, [
-    selectedItems,
-    previousSelectedItems,
-    setInputValue,
-    setHighlightedListIndex
-  ]);
+  }, [selectedItems, previousSelectedItems, setHighlightedListIndex]);
   useEffect(() => {
     if (inputState.highlightedIndex != null && inputState.highlightedIndex >= 0) {
       setHighlightedListIndex(void 0);
       setQuickSelection(false);
     }
-  }, [inputState.highlightedIndex, setHighlightedListIndex, setQuickSelection]);
-  const highlightedIndex = listState && listState.highlightedIndex;
+  }, [inputState.highlightedIndex, setHighlightedListIndex]);
+  const highlightedIndex = listState == null ? void 0 : listState.highlightedIndex;
   useEffect(() => {
     if (highlightedIndex != null && highlightedIndex >= 0) {
       setHighlightedPillIndex(void 0);
     }
   }, [highlightedIndex, setHighlightedPillIndex]);
   useEffect(() => {
-    setHighlightedListIndex(void 0);
+    if (source) {
+      setHighlightedListIndex(void 0);
+    }
   }, [source, setHighlightedListIndex]);
   const handleFirstItemSelection = (event) => {
     if (!allowFreeText && event.key === "Enter" && quickSelection) {
       const newItem = source[0];
       const newSelectedItems = selectedItems.indexOf(newItem) === -1 ? selectedItems.concat(source.slice(0, 1)) : selectedItems.filter((item) => item !== newItem);
       setSelectedItems(newSelectedItems);
-      onSelect && onSelect(event, newItem);
-      onChange && onChange(event, newSelectedItems);
+      onSelect == null ? void 0 : onSelect(event, newItem);
+      onChange == null ? void 0 : onChange(event, newSelectedItems);
     }
   };
   const handleListOpenKeyDown = (event) => {
@@ -297,7 +297,7 @@ const useMultiSelectComboBox = (props) => {
   const mergedInputProps = {
     ...inputProps.InputProps,
     inputProps: {
-      ...(inputProps.InputProps || {}).inputProps,
+      ...(_a = inputProps.InputProps) == null ? void 0 : _a.inputProps,
       role: "textbox",
       "aria-roledescription": "MultiSelect Combobox"
     }

package/dist-es/combo-box-deprecated/internal/useMultiSelectComboBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMultiSelectComboBox.js","sources":["../src/combo-box-deprecated/internal/useMultiSelectComboBox.ts"],"sourcesContent":["import {\n useControlled,\n useForkRef,\n useId,\n useIsFocusVisible,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport {\n ChangeEvent,\n FocusEvent,\n KeyboardEvent,\n KeyboardEventHandler,\n MouseEvent,\n RefObject,\n SyntheticEvent,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useList } from \"../../list-deprecated\";\nimport { ExpandButtonProps, useTokenizedInput } from \"../../tokenized-input\";\nimport { defaultItemToString } from \"../../tokenized-input/internal/defaultItemToString\";\nimport { usePrevious } from \"@salt-ds/core\";\nimport { getDefaultFilter, getDefaultFilterRegex } from \"../filterHelpers\";\nimport { MultiSelectComboBoxProps } from \"./MultiSelectComboBox\";\nimport { isToggleList, usePopperStatus } from \"./usePopperStatus\";\n\nconst REQUIRE_PREV_HIGHLIGHT = [\"ArrowUp\", \"ArrowDown\", \"PageUp\", \"PageDown\"];\n\nexport type UseMultiSelectComboBoxProps<Item> = Omit<\n MultiSelectComboBoxProps<Item>,\n \"inputRef\" \| \"listContext\" \| \"inputHelpers\" \| \"inputProps\" \| \"listProps\"\n> & { expandButtonRef: RefObject<HTMLElement> };\n\nexport const useMultiSelectComboBox = <Item>(\n props: Omit<UseMultiSelectComboBoxProps<Item>, \"rootRef\" \| \"classes\">\n) => {\n // Deconstruct valid props for List, everything else will be passed to `useTokenizedInput` using `restProps`\n const {\n allowFreeText,\n displayedItemCount,\n virtualized,\n disabled,\n expandButtonRef,\n onBlur,\n onFocus,\n onChange,\n onSelect,\n onInputChange,\n onInputFocus,\n onInputBlur,\n onInputSelect,\n id: idProp,\n source: sourceProp,\n selectedItem: selectedItemProp,\n inputValue: inputValueProp,\n initialOpen,\n initialSelectedItem: initialSelectedItems,\n \"aria-labelledby\": ariaLabelledBy,\n getFilterRegex = getDefaultFilterRegex,\n itemToString = defaultItemToString,\n stringToItem: stringToItemProp = (_: any, value: string) => value.trim(),\n InputProps = {\n onBlur,\n onFocus,\n onInputBlur,\n onInputFocus,\n onInputChange,\n onInputSelect,\n },\n ListProps = {},\n ...restProps\n } = props;\n\n const id = useId(idProp);\n const inputId = `${id}-input`;\n const listId = `${id}-list`;\n\n const [inputValue, setInputValue] = useControlled({\n controlled: inputValueProp,\n default: \"\",\n name: \"MultiSelectComboBox\",\n state: \"inputValue\",\n });\n\n const { isOpen: isListOpen, notifyPopper } = usePopperStatus({\n initialOpen,\n isMultiSelect: true,\n });\n\n const [selectionChanged, setSelectionChanged] = useState(false);\n const inputBlurTimeout = useRef<number>(null);\n\n const [allowAnnouncement, setAllowAnnouncement] = useState(false);\n\n const labels = useMemo(\n () => sourceProp.map(itemToString),\n [sourceProp, itemToString]\n );\n\n const source = useMemo(() => {\n if (inputValue && inputValue.trim().length) {\n const itemFilter = getDefaultFilter(inputValue, getFilterRegex);\n return sourceProp.filter((item: Item) => itemFilter(itemToString(item)));\n }\n return sourceProp;\n }, [inputValue, sourceProp, getFilterRegex, itemToString]);\n\n const itemTextHighlightPattern = useMemo(\n () =>\n inputValue && inputValue.trim().length\n ? getFilterRegex(inputValue)\n : undefined,\n [inputValue, getFilterRegex]\n );\n\n const {\n focusedRef,\n listProps,\n state: listState,\n helpers: listHelpers,\n } = useList<Item, \"multiple\">({\n ...ListProps,\n source,\n disabled,\n virtualized,\n itemToString,\n displayedItemCount,\n onChange,\n onSelect,\n id: listId,\n disableFocus: true,\n disableMouseDown: true,\n selectionVariant: \"multiple\",\n initialSelectedItem: initialSelectedItems,\n selectedItem: selectedItemProp,\n \"aria-labelledby\": ariaLabelledBy,\n });\n\n const { \"aria-activedescendant\": ariaActiveDescendant, ...restListProps } =\n listProps;\n const { selectedItem } = listState;\n const [quickSelection, setQuickSelection] = useState(false);\n const {\n isFocusVisibleRef,\n onFocus: handleFocusVisible,\n onBlur: handleBlurVisible,\n ref: focusVisibleRef,\n } = useIsFocusVisible();\n const selectedItems = selectedItem as Item[];\n const {\n setSelectedItem: setSelectedItems,\n setHighlightedIndex: setHighlightedListIndex,\n } = listHelpers;\n\n const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n handleFocusVisible(event);\n if (isFocusVisibleRef.current) {\n listHelpers.setFocusVisible(true);\n }\n\n if (InputProps.onInputFocus) {\n InputProps.onInputFocus(event);\n }\n\n notifyPopper(event);\n };\n\n const handleInputBlur = (\n event: FocusEvent<HTMLDivElement \| HTMLInputElement>\n ) => {\n handleBlurVisible();\n setAllowAnnouncement(false);\n setInputValue(\"\");\n\n if (restListProps.onBlur) {\n restListProps.onBlur(event);\n }\n\n if (InputProps.onInputBlur) {\n InputProps.onInputBlur(event as FocusEvent<HTMLInputElement>);\n }\n\n notifyPopper(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n setInputValue(event.target.value);\n\n setQuickSelection(event.target.value.length > 0 && !allowFreeText);\n\n if (InputProps.onInputChange) {\n InputProps.onInputChange(event);\n }\n };\n\n const handleItemsChange = (newItems: Item[] \| undefined) => {\n const uniqueItems = Array.from(new Set(newItems));\n setSelectedItems(uniqueItems);\n onChange && onChange(null as unknown as ChangeEvent, uniqueItems);\n };\n\n const handleInputSelect = (event: SyntheticEvent<HTMLInputElement>) => {\n event.persist();\n setSelectionChanged(true);\n\n if (InputProps.onInputSelect) {\n InputProps.onInputSelect(event);\n }\n };\n\n const handleClear = () => {\n setSelectedItems([]);\n };\n\n const stringToItem = (selected: Item[], value: string): Item \| null => {\n const trimmed = value.trim();\n const item = stringToItemProp(selected, trimmed);\n const isSelected = selected.map(itemToString).indexOf(trimmed) !== -1;\n\n // Either allow free text item OR the item has to be in the source list\n return !isSelected && (allowFreeText \|\| labels.indexOf(trimmed) !== -1)\n ? (item as Item)\n : null;\n };\n\n // Reuse selectItem from list state for a controlled version of tokenized input\n const {\n inputRef,\n inputProps,\n state: inputState,\n helpers: inputHelpers,\n } = useTokenizedInput({\n ...restProps,\n ...InputProps,\n disabled,\n itemToString,\n stringToItem,\n selectedItems,\n initialSelectedItems,\n onInputFocus: handleInputFocus,\n onInputBlur: handleInputBlur,\n onInputChange: handleInputChange,\n onInputSelect: handleInputSelect,\n onChange: handleItemsChange,\n onClear: handleClear,\n onKeyDown: InputProps.onKeyDown as KeyboardEventHandler<\n HTMLInputElement \| HTMLButtonElement\n >,\n });\n\n const handleFocusVisibleRef = useForkRef(focusVisibleRef, focusedRef);\n const handleInputRef = useForkRef(inputRef, handleFocusVisibleRef);\n\n const { setHighlightedIndex: setHighlightedPillIndex } = inputHelpers;\n\n // Reset highlight when list closes\n useEffect(() => {\n if (!isListOpen) {\n setHighlightedListIndex(undefined);\n setQuickSelection(false);\n }\n }, [isListOpen, setHighlightedListIndex, setQuickSelection]);\n\n const previousSelectedItems = usePrevious(selectedItems);\n\n // Reset list highlight when selectItems change\n useIsomorphicLayoutEffect(() => {\n if (\n selectedItems.some(\n (item) => !(previousSelectedItems \|\| []).includes(item)\n )\n ) {\n setInputValue(\"\");\n }\n\n if (!selectedItems.length) {\n setHighlightedListIndex(undefined);\n }\n }, [\n selectedItems,\n previousSelectedItems,\n setInputValue,\n setHighlightedListIndex,\n ]);\n\n // Remove highlight from list if a pill is highlighted\n useEffect(() => {\n if (\n inputState.highlightedIndex != null &&\n inputState.highlightedIndex >= 0\n ) {\n setHighlightedListIndex(undefined);\n setQuickSelection(false);\n }\n }, [inputState.highlightedIndex, setHighlightedListIndex, setQuickSelection]);\n\n const highlightedIndex = listState && listState.highlightedIndex;\n\n // Remove highlight from pills if a list item is highlighted\n useEffect(() => {\n if (highlightedIndex != null && highlightedIndex >= 0) {\n setHighlightedPillIndex(undefined);\n }\n }, [highlightedIndex, setHighlightedPillIndex]);\n\n // Keep highlighted index in sync with the filtered source\n useEffect(() => {\n setHighlightedListIndex(undefined);\n }, [source, setHighlightedListIndex]);\n\n const handleFirstItemSelection = (event: KeyboardEvent \| ChangeEvent) => {\n if (\n !allowFreeText &&\n (event as KeyboardEvent).key === \"Enter\" &&\n quickSelection\n ) {\n const newItem = source[0];\n const newSelectedItems =\n selectedItems.indexOf(newItem) === -1\n ? selectedItems.concat(source.slice(0, 1))\n : selectedItems.filter((item) => item !== newItem);\n setSelectedItems(newSelectedItems);\n onSelect && onSelect(event, newItem);\n onChange && onChange(event as ChangeEvent, newSelectedItems);\n }\n };\n\n const handleListOpenKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n if (\"Escape\" === event.key && inputProps.expanded) {\n setTimeout(() => {\n if (expandButtonRef.current) {\n expandButtonRef.current.focus();\n }\n }, 250);\n }\n\n handleFirstItemSelection(event);\n\n if (\n \"Home\" !== event.key &&\n \"End\" !== event.key &&\n !(\" \" === event.key && !event.ctrlKey)\n ) {\n if (restListProps.onKeyDown) {\n restListProps.onKeyDown(event);\n }\n setSelectionChanged(false);\n }\n };\n\n const handleInputKeyDown = (\n event: KeyboardEvent<HTMLInputElement \| HTMLButtonElement \| HTMLDivElement>\n ) => {\n if (\"Escape\" === event.key) {\n setInputValue(\"\");\n setHighlightedListIndex(undefined);\n }\n\n // Space key clashes with the remove action of TokenizedInput\n // For combo box, pressing a space key should just add a space\n if (\" \" === event.key && !event.ctrlKey) {\n setHighlightedPillIndex(undefined);\n } else {\n if (inputProps.onKeyDown) {\n inputProps.onKeyDown(\n event as KeyboardEvent<HTMLInputElement \| HTMLButtonElement>\n );\n }\n }\n\n if (\n !isToggleList(event) &&\n listState.highlightedIndex == null &&\n REQUIRE_PREV_HIGHLIGHT.indexOf(event.key) !== -1\n ) {\n event.preventDefault();\n // Initialize list highlight if there's no previous value\n setHighlightedListIndex(\n Math.min(quickSelection ? 1 : 0, source.length - 1)\n );\n setQuickSelection(false);\n setSelectionChanged(false);\n } else if (isListOpen) {\n handleListOpenKeyDown(event as KeyboardEvent<HTMLDivElement>);\n }\n\n // Don't announce for deleting values\n setAllowAnnouncement(\"Backspace\" !== event.key);\n notifyPopper(event);\n };\n\n const handleListClick = (event: MouseEvent<HTMLDivElement>) => {\n clearTimeout(\n inputBlurTimeout.current == null ? undefined : inputBlurTimeout.current\n );\n const inputEl = inputRef && (inputRef as RefObject<HTMLElement>).current;\n if (inputEl) {\n inputEl.focus();\n }\n\n if (restListProps.onClick) {\n restListProps.onClick(event);\n }\n };\n\n const mergedInputProps = {\n ...inputProps.InputProps,\n inputProps: {\n ...(inputProps.InputProps \|\| {}).inputProps,\n role: \"textbox\",\n \"aria-roledescription\": \"MultiSelect Combobox\",\n },\n };\n\n if (ariaActiveDescendant && !selectionChanged) {\n // either null or undefined will prevent tokenized-input from\n // setting active-descendant based on pill selection.\n mergedInputProps.inputProps[\"aria-activedescendant\"] = ariaActiveDescendant;\n }\n\n const expandButtonProps = {\n accessibleText: undefined,\n role: \"button\",\n \"aria-roledescription\": \"Expand combobox button\",\n \"aria-labelledby\": [ariaLabelledBy, `${inputId}-input`]\n .filter(Boolean)\n .join(\" \"),\n } as ExpandButtonProps;\n\n return {\n inputHelpers,\n inputRef: handleInputRef,\n listContext: {\n state: listState,\n helpers: listHelpers,\n },\n inputProps: {\n ...inputProps,\n selectedItems,\n allowAnnouncement,\n id: inputId,\n value: inputValue,\n ExpandButtonProps: expandButtonProps,\n InputProps: mergedInputProps,\n onKeyDown: handleInputKeyDown,\n },\n listProps: {\n ...restListProps,\n source,\n itemToString,\n itemTextHighlightPattern,\n onClick: handleListClick,\n isListOpen: isListOpen && Boolean(source.length),\n },\n };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAM,sBAAyB,GAAA,CAAC,SAAW,EAAA,WAAA,EAAa,UAAU,UAAU,CAAA,CAAA;AAO/D,MAAA,sBAAA,GAAyB,CACpC,KACG,KAAA;AAEH,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,EAAI,EAAA,MAAA;AAAA,IACJ,MAAQ,EAAA,UAAA;AAAA,IACR,YAAc,EAAA,gBAAA;AAAA,IACd,UAAY,EAAA,cAAA;AAAA,IACZ,WAAA;AAAA,IACA,mBAAqB,EAAA,oBAAA;AAAA,IACrB,iBAAmB,EAAA,cAAA;AAAA,IACnB,cAAiB,GAAA,qBAAA;AAAA,IACjB,YAAe,GAAA,mBAAA;AAAA,IACf,cAAc,gBAAmB,GAAA,CAAC,CAAQ,EAAA,KAAA,KAAkB,MAAM,IAAK,EAAA;AAAA,IACvE,UAAa,GAAA;AAAA,MACX,MAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,KACF;AAAA,IACA,YAAY,EAAC;AAAA,IACV,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AACvB,EAAA,MAAM,UAAU,CAAG,EAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AACnB,EAAA,MAAM,SAAS,CAAG,EAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAElB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,aAAc,CAAA;AAAA,IAChD,UAAY,EAAA,cAAA;AAAA,IACZ,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,qBAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,YAAA,KAAiB,eAAgB,CAAA;AAAA,IAC3D,WAAA;AAAA,IACA,aAAe,EAAA,IAAA;AAAA,GAChB,CAAA,CAAA;AAED,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9D,EAAM,MAAA,gBAAA,GAAmB,OAAe,IAAI,CAAA,CAAA;AAE5C,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEhE,EAAA,MAAM,MAAS,GAAA,OAAA;AAAA,IACb,MAAM,UAAW,CAAA,GAAA,CAAI,YAAY,CAAA;AAAA,IACjC,CAAC,YAAY,YAAY,CAAA;AAAA,GAC3B,CAAA;AAEA,EAAM,MAAA,MAAA,GAAS,QAAQ,MAAM;AAC3B,IAAA,IAAI,UAAc,IAAA,UAAA,CAAW,IAAK,EAAA,CAAE,MAAQ,EAAA;AAC1C,MAAM,MAAA,UAAA,GAAa,gBAAiB,CAAA,UAAA,EAAY,cAAc,CAAA,CAAA;AAC9D,MAAO,OAAA,UAAA,CAAW,OAAO,CAAC,IAAA,KAAe,WAAW,YAAa,CAAA,IAAI,CAAC,CAAC,CAAA,CAAA;AAAA,KACzE;AACA,IAAO,OAAA,UAAA,CAAA;AAAA,KACN,CAAC,UAAA,EAAY,UAAY,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA,CAAA;AAEzD,EAAA,MAAM,wBAA2B,GAAA,OAAA;AAAA,IAC/B,MACE,cAAc,UAAW,CAAA,IAAA,GAAO,MAC5B,GAAA,cAAA,CAAe,UAAU,CACzB,GAAA,KAAA,CAAA;AAAA,IACN,CAAC,YAAY,cAAc,CAAA;AAAA,GAC7B,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,MACP,OAA0B,CAAA;AAAA,IAC5B,GAAG,SAAA;AAAA,IACH,MAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,EAAI,EAAA,MAAA;AAAA,IACJ,YAAc,EAAA,IAAA;AAAA,IACd,gBAAkB,EAAA,IAAA;AAAA,IAClB,gBAAkB,EAAA,UAAA;AAAA,IAClB,mBAAqB,EAAA,oBAAA;AAAA,IACrB,YAAc,EAAA,gBAAA;AAAA,IACd,iBAAmB,EAAA,cAAA;AAAA,GACpB,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,uBAAA,EAAyB,oBAAyB,EAAA,GAAA,aAAA,EACxD,GAAA,SAAA,CAAA;AACF,EAAM,MAAA,EAAE,cAAiB,GAAA,SAAA,CAAA;AACzB,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC1D,EAAM,MAAA;AAAA,IACJ,iBAAA;AAAA,IACA,OAAS,EAAA,kBAAA;AAAA,IACT,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,MACH,iBAAkB,EAAA,CAAA;AACtB,EAAA,MAAM,aAAgB,GAAA,YAAA,CAAA;AACtB,EAAM,MAAA;AAAA,IACJ,eAAiB,EAAA,gBAAA;AAAA,IACjB,mBAAqB,EAAA,uBAAA;AAAA,GACnB,GAAA,WAAA,CAAA;AAEJ,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAAwC,KAAA;AAChE,IAAA,kBAAA,CAAmB,KAAK,CAAA,CAAA;AACxB,IAAA,IAAI,kBAAkB,OAAS,EAAA;AAC7B,MAAA,WAAA,CAAY,gBAAgB,IAAI,CAAA,CAAA;AAAA,KAClC;AAEA,IAAA,IAAI,WAAW,YAAc,EAAA;AAC3B,MAAA,UAAA,CAAW,aAAa,KAAK,CAAA,CAAA;AAAA,KAC/B;AAEA,IAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,GACpB,CAAA;AAEA,EAAM,MAAA,eAAA,GAAkB,CACtB,KACG,KAAA;AACH,IAAkB,iBAAA,EAAA,CAAA;AAClB,IAAA,oBAAA,CAAqB,KAAK,CAAA,CAAA;AAC1B,IAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAEhB,IAAA,IAAI,cAAc,MAAQ,EAAA;AACxB,MAAA,aAAA,CAAc,OAAO,KAAK,CAAA,CAAA;AAAA,KAC5B;AAEA,IAAA,IAAI,WAAW,WAAa,EAAA;AAC1B,MAAA,UAAA,CAAW,YAAY,KAAqC,CAAA,CAAA;AAAA,KAC9D;AAEA,IAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,GACpB,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAAyC,KAAA;AAClE,IAAc,aAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAEhC,IAAA,iBAAA,CAAkB,MAAM,MAAO,CAAA,KAAA,CAAM,MAAS,GAAA,CAAA,IAAK,CAAC,aAAa,CAAA,CAAA;AAEjE,IAAA,IAAI,WAAW,aAAe,EAAA;AAC5B,MAAA,UAAA,CAAW,cAAc,KAAK,CAAA,CAAA;AAAA,KAChC;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,QAAiC,KAAA;AAC1D,IAAA,MAAM,cAAc,KAAM,CAAA,IAAA,CAAK,IAAI,GAAA,CAAI,QAAQ,CAAC,CAAA,CAAA;AAChD,IAAA,gBAAA,CAAiB,WAAW,CAAA,CAAA;AAC5B,IAAY,QAAA,IAAA,QAAA,CAAS,MAAgC,WAAW,CAAA,CAAA;AAAA,GAClE,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAA4C,KAAA;AACrE,IAAA,KAAA,CAAM,OAAQ,EAAA,CAAA;AACd,IAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAExB,IAAA,IAAI,WAAW,aAAe,EAAA;AAC5B,MAAA,UAAA,CAAW,cAAc,KAAK,CAAA,CAAA;AAAA,KAChC;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,gBAAA,CAAiB,EAAE,CAAA,CAAA;AAAA,GACrB,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,QAAA,EAAkB,KAA+B,KAAA;AACrE,IAAM,MAAA,OAAA,GAAU,MAAM,IAAK,EAAA,CAAA;AAC3B,IAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,QAAA,EAAU,OAAO,CAAA,CAAA;AAC/C,IAAA,MAAM,aAAa,QAAS,CAAA,GAAA,CAAI,YAAY,CAAE,CAAA,OAAA,CAAQ,OAAO,CAAM,KAAA,CAAA,CAAA,CAAA;AAGnE,IAAO,OAAA,CAAC,eAAe,aAAiB,IAAA,MAAA,CAAO,QAAQ,OAAO,CAAA,KAAM,MAC/D,IACD,GAAA,IAAA,CAAA;AAAA,GACN,CAAA;AAGA,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAO,EAAA,UAAA;AAAA,IACP,OAAS,EAAA,YAAA;AAAA,MACP,iBAAkB,CAAA;AAAA,IACpB,GAAG,SAAA;AAAA,IACH,GAAG,UAAA;AAAA,IACH,QAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,oBAAA;AAAA,IACA,YAAc,EAAA,gBAAA;AAAA,IACd,WAAa,EAAA,eAAA;AAAA,IACb,aAAe,EAAA,iBAAA;AAAA,IACf,aAAe,EAAA,iBAAA;AAAA,IACf,QAAU,EAAA,iBAAA;AAAA,IACV,OAAS,EAAA,WAAA;AAAA,IACT,WAAW,UAAW,CAAA,SAAA;AAAA,GAGvB,CAAA,CAAA;AAED,EAAM,MAAA,qBAAA,GAAwB,UAAW,CAAA,eAAA,EAAiB,UAAU,CAAA,CAAA;AACpE,EAAM,MAAA,cAAA,GAAiB,UAAW,CAAA,QAAA,EAAU,qBAAqB,CAAA,CAAA;AAEjE,EAAM,MAAA,EAAE,mBAAqB,EAAA,uBAAA,EAA4B,GAAA,YAAA,CAAA;AAGzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,uBAAA,CAAwB,KAAS,CAAA,CAAA,CAAA;AACjC,MAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,KACzB;AAAA,GACC,EAAA,CAAC,UAAY,EAAA,uBAAA,EAAyB,iBAAiB,CAAC,CAAA,CAAA;AAE3D,EAAM,MAAA,qBAAA,GAAwB,YAAY,aAAa,CAAA,CAAA;AAGvD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IACE,aAAc,CAAA,IAAA;AAAA,MACZ,CAAC,IAAS,KAAA,CAAA,CAAE,yBAAyB,EAAC,EAAG,SAAS,IAAI,CAAA;AAAA,KAExD,EAAA;AACA,MAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,KAClB;AAEA,IAAI,IAAA,CAAC,cAAc,MAAQ,EAAA;AACzB,MAAA,uBAAA,CAAwB,KAAS,CAAA,CAAA,CAAA;AAAA,KACnC;AAAA,GACC,EAAA;AAAA,IACD,aAAA;AAAA,IACA,qBAAA;AAAA,IACA,aAAA;AAAA,IACA,uBAAA;AAAA,GACD,CAAA,CAAA;AAGD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IACE,UAAW,CAAA,gBAAA,IAAoB,IAC/B,IAAA,UAAA,CAAW,oBAAoB,CAC/B,EAAA;AACA,MAAA,uBAAA,CAAwB,KAAS,CAAA,CAAA,CAAA;AACjC,MAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,KACzB;AAAA,KACC,CAAC,UAAA,CAAW,gBAAkB,EAAA,uBAAA,EAAyB,iBAAiB,CAAC,CAAA,CAAA;AAE5E,EAAM,MAAA,gBAAA,GAAmB,aAAa,SAAU,CAAA,gBAAA,CAAA;AAGhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,gBAAA,IAAoB,IAAQ,IAAA,gBAAA,IAAoB,CAAG,EAAA;AACrD,MAAA,uBAAA,CAAwB,KAAS,CAAA,CAAA,CAAA;AAAA,KACnC;AAAA,GACC,EAAA,CAAC,gBAAkB,EAAA,uBAAuB,CAAC,CAAA,CAAA;AAG9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,uBAAA,CAAwB,KAAS,CAAA,CAAA,CAAA;AAAA,GAChC,EAAA,CAAC,MAAQ,EAAA,uBAAuB,CAAC,CAAA,CAAA;AAEpC,EAAM,MAAA,wBAAA,GAA2B,CAAC,KAAuC,KAAA;AACvE,IAAA,IACE,CAAC,aAAA,IACA,KAAwB,CAAA,GAAA,KAAQ,WACjC,cACA,EAAA;AACA,MAAA,MAAM,UAAU,MAAO,CAAA,CAAA,CAAA,CAAA;AACvB,MAAA,MAAM,mBACJ,aAAc,CAAA,OAAA,CAAQ,OAAO,CAAM,KAAA,CAAA,CAAA,GAC/B,cAAc,MAAO,CAAA,MAAA,CAAO,MAAM,CAAG,EAAA,CAAC,CAAC,CACvC,GAAA,aAAA,CAAc,OAAO,CAAC,IAAA,KAAS,SAAS,OAAO,CAAA,CAAA;AACrD,MAAA,gBAAA,CAAiB,gBAAgB,CAAA,CAAA;AACjC,MAAY,QAAA,IAAA,QAAA,CAAS,OAAO,OAAO,CAAA,CAAA;AACnC,MAAY,QAAA,IAAA,QAAA,CAAS,OAAsB,gBAAgB,CAAA,CAAA;AAAA,KAC7D;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,qBAAA,GAAwB,CAAC,KAAyC,KAAA;AACtE,IAAA,IAAI,QAAa,KAAA,KAAA,CAAM,GAAO,IAAA,UAAA,CAAW,QAAU,EAAA;AACjD,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,IAAI,gBAAgB,OAAS,EAAA;AAC3B,UAAA,eAAA,CAAgB,QAAQ,KAAM,EAAA,CAAA;AAAA,SAChC;AAAA,SACC,GAAG,CAAA,CAAA;AAAA,KACR;AAEA,IAAA,wBAAA,CAAyB,KAAK,CAAA,CAAA;AAE9B,IAAA,IACE,MAAW,KAAA,KAAA,CAAM,GACjB,IAAA,KAAA,KAAU,KAAM,CAAA,GAAA,IAChB,EAAE,GAAA,KAAQ,KAAM,CAAA,GAAA,IAAO,CAAC,KAAA,CAAM,OAC9B,CAAA,EAAA;AACA,MAAA,IAAI,cAAc,SAAW,EAAA;AAC3B,QAAA,aAAA,CAAc,UAAU,KAAK,CAAA,CAAA;AAAA,OAC/B;AACA,MAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,kBAAA,GAAqB,CACzB,KACG,KAAA;AACH,IAAI,IAAA,QAAA,KAAa,MAAM,GAAK,EAAA;AAC1B,MAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAChB,MAAA,uBAAA,CAAwB,KAAS,CAAA,CAAA,CAAA;AAAA,KACnC;AAIA,IAAA,IAAI,GAAQ,KAAA,KAAA,CAAM,GAAO,IAAA,CAAC,MAAM,OAAS,EAAA;AACvC,MAAA,uBAAA,CAAwB,KAAS,CAAA,CAAA,CAAA;AAAA,KAC5B,MAAA;AACL,MAAA,IAAI,WAAW,SAAW,EAAA;AACxB,QAAW,UAAA,CAAA,SAAA;AAAA,UACT,KAAA;AAAA,SACF,CAAA;AAAA,OACF;AAAA,KACF;AAEA,IAAA,IACE,CAAC,YAAA,CAAa,KAAK,CAAA,IACnB,SAAU,CAAA,gBAAA,IAAoB,IAC9B,IAAA,sBAAA,CAAuB,OAAQ,CAAA,KAAA,CAAM,GAAG,CAAA,KAAM,CAC9C,CAAA,EAAA;AACA,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AAErB,MAAA,uBAAA;AAAA,QACE,KAAK,GAAI,CAAA,cAAA,GAAiB,IAAI,CAAG,EAAA,MAAA,CAAO,SAAS,CAAC,CAAA;AAAA,OACpD,CAAA;AACA,MAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AACvB,MAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAAA,eAChB,UAAY,EAAA;AACrB,MAAA,qBAAA,CAAsB,KAAsC,CAAA,CAAA;AAAA,KAC9D;AAGA,IAAqB,oBAAA,CAAA,WAAA,KAAgB,MAAM,GAAG,CAAA,CAAA;AAC9C,IAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,GACpB,CAAA;AAEA,EAAM,MAAA,eAAA,GAAkB,CAAC,KAAsC,KAAA;AAC7D,IAAA,YAAA;AAAA,MACE,gBAAiB,CAAA,OAAA,IAAW,IAAO,GAAA,KAAA,CAAA,GAAY,gBAAiB,CAAA,OAAA;AAAA,KAClE,CAAA;AACA,IAAM,MAAA,OAAA,GAAU,YAAa,QAAoC,CAAA,OAAA,CAAA;AACjE,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAA,CAAQ,KAAM,EAAA,CAAA;AAAA,KAChB;AAEA,IAAA,IAAI,cAAc,OAAS,EAAA;AACzB,MAAA,aAAA,CAAc,QAAQ,KAAK,CAAA,CAAA;AAAA,KAC7B;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,GAAG,UAAW,CAAA,UAAA;AAAA,IACd,UAAY,EAAA;AAAA,MACV,GAAI,CAAA,UAAA,CAAW,UAAc,IAAA,EAAI,EAAA,UAAA;AAAA,MACjC,IAAM,EAAA,SAAA;AAAA,MACN,sBAAwB,EAAA,sBAAA;AAAA,KAC1B;AAAA,GACF,CAAA;AAEA,EAAI,IAAA,oBAAA,IAAwB,CAAC,gBAAkB,EAAA;AAG7C,IAAA,gBAAA,CAAiB,WAAW,uBAA2B,CAAA,GAAA,oBAAA,CAAA;AAAA,GACzD;AAEA,EAAA,MAAM,iBAAoB,GAAA;AAAA,IACxB,cAAgB,EAAA,KAAA,CAAA;AAAA,IAChB,IAAM,EAAA,QAAA;AAAA,IACN,sBAAwB,EAAA,wBAAA;AAAA,IACxB,iBAAA,EAAmB,CAAC,cAAA,EAAgB,CAAG,EAAA,OAAA,CAAA,MAAA,CAAe,EACnD,MAAO,CAAA,OAAO,CACd,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,GACb,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,IACA,QAAU,EAAA,cAAA;AAAA,IACV,WAAa,EAAA;AAAA,MACX,KAAO,EAAA,SAAA;AAAA,MACP,OAAS,EAAA,WAAA;AAAA,KACX;AAAA,IACA,UAAY,EAAA;AAAA,MACV,GAAG,UAAA;AAAA,MACH,aAAA;AAAA,MACA,iBAAA;AAAA,MACA,EAAI,EAAA,OAAA;AAAA,MACJ,KAAO,EAAA,UAAA;AAAA,MACP,iBAAmB,EAAA,iBAAA;AAAA,MACnB,UAAY,EAAA,gBAAA;AAAA,MACZ,SAAW,EAAA,kBAAA;AAAA,KACb;AAAA,IACA,SAAW,EAAA;AAAA,MACT,GAAG,aAAA;AAAA,MACH,MAAA;AAAA,MACA,YAAA;AAAA,MACA,wBAAA;AAAA,MACA,OAAS,EAAA,eAAA;AAAA,MACT,UAAY,EAAA,UAAA,IAAc,OAAQ,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA,KACjD;AAAA,GACF,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"useMultiSelectComboBox.js","sources":["../src/combo-box-deprecated/internal/useMultiSelectComboBox.ts"],"sourcesContent":["import {\n useControlled,\n useForkRef,\n useId,\n useIsFocusVisible,\n useIsomorphicLayoutEffect,\n usePrevious,\n} from \"@salt-ds/core\";\nimport {\n type ChangeEvent,\n type FocusEvent,\n type KeyboardEvent,\n type KeyboardEventHandler,\n type MouseEvent,\n type Ref,\n type RefObject,\n type SyntheticEvent,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useList } from \"../../list-deprecated\";\nimport {\n type ExpandButtonProps,\n useTokenizedInput,\n} from \"../../tokenized-input\";\nimport { defaultItemToString } from \"../../tokenized-input/internal/defaultItemToString\";\n\nimport { getDefaultFilter, getDefaultFilterRegex } from \"../filterHelpers\";\nimport type { MultiSelectComboBoxProps } from \"./MultiSelectComboBox\";\nimport { isToggleList, usePopperStatus } from \"./usePopperStatus\";\n\nconst REQUIRE_PREV_HIGHLIGHT = [\"ArrowUp\", \"ArrowDown\", \"PageUp\", \"PageDown\"];\n\nexport type UseMultiSelectComboBoxProps<Item> = Omit<\n MultiSelectComboBoxProps<Item>,\n \"inputRef\" \| \"listContext\" \| \"inputHelpers\" \| \"inputProps\" \| \"listProps\"\n> & { expandButtonRef: RefObject<HTMLElement> };\n\nexport const useMultiSelectComboBox = <Item>(\n props: Omit<UseMultiSelectComboBoxProps<Item>, \"rootRef\" \| \"classes\">,\n) => {\n // Deconstruct valid props for List, everything else will be passed to `useTokenizedInput` using `restProps`\n const {\n allowFreeText,\n displayedItemCount,\n virtualized,\n disabled,\n expandButtonRef,\n onBlur,\n onFocus,\n onChange,\n onSelect,\n onInputChange,\n onInputFocus,\n onInputBlur,\n onInputSelect,\n id: idProp,\n source: sourceProp,\n selectedItem: selectedItemProp,\n inputValue: inputValueProp,\n initialOpen,\n initialSelectedItem: initialSelectedItems,\n \"aria-labelledby\": ariaLabelledBy,\n getFilterRegex = getDefaultFilterRegex,\n itemToString = defaultItemToString,\n stringToItem: stringToItemProp = (_: Item[], value: string) => value.trim(),\n InputProps = {\n onBlur,\n onFocus,\n onInputBlur,\n onInputFocus,\n onInputChange,\n onInputSelect,\n },\n ListProps = {},\n ...restProps\n } = props;\n\n const id = useId(idProp);\n const inputId = `${id}-input`;\n const listId = `${id}-list`;\n\n const [inputValue, setInputValue] = useControlled({\n controlled: inputValueProp,\n default: \"\",\n name: \"MultiSelectComboBox\",\n state: \"inputValue\",\n });\n\n const { isOpen: isListOpen, notifyPopper } = usePopperStatus({\n initialOpen,\n isMultiSelect: true,\n });\n\n const [selectionChanged, setSelectionChanged] = useState(false);\n const inputBlurTimeout = useRef<number>(null);\n\n const [allowAnnouncement, setAllowAnnouncement] = useState(false);\n\n const labels = useMemo(\n () => sourceProp.map(itemToString),\n [sourceProp, itemToString],\n );\n\n const source = useMemo(() => {\n if (inputValue?.trim().length) {\n const itemFilter = getDefaultFilter(inputValue, getFilterRegex);\n return sourceProp.filter((item: Item) => itemFilter(itemToString(item)));\n }\n return sourceProp;\n }, [inputValue, sourceProp, getFilterRegex, itemToString]);\n\n const itemTextHighlightPattern = useMemo(\n () => (inputValue?.trim().length ? getFilterRegex(inputValue) : undefined),\n [inputValue, getFilterRegex],\n );\n\n const {\n focusedRef,\n listProps,\n state: listState,\n helpers: listHelpers,\n } = useList<Item, \"multiple\">({\n ...ListProps,\n source,\n disabled,\n virtualized,\n itemToString,\n displayedItemCount,\n onChange,\n onSelect,\n id: listId,\n disableFocus: true,\n disableMouseDown: true,\n selectionVariant: \"multiple\",\n initialSelectedItem: initialSelectedItems,\n selectedItem: selectedItemProp,\n \"aria-labelledby\": ariaLabelledBy,\n });\n\n const { \"aria-activedescendant\": ariaActiveDescendant, ...restListProps } =\n listProps;\n const { selectedItem } = listState;\n const [quickSelection, setQuickSelection] = useState(false);\n const {\n isFocusVisibleRef,\n onFocus: handleFocusVisible,\n onBlur: handleBlurVisible,\n ref: focusVisibleRef,\n } = useIsFocusVisible();\n const selectedItems = selectedItem as Item[];\n const {\n setSelectedItem: setSelectedItems,\n setHighlightedIndex: setHighlightedListIndex,\n } = listHelpers;\n\n const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n handleFocusVisible(event);\n if (isFocusVisibleRef.current) {\n listHelpers.setFocusVisible(true);\n }\n\n if (InputProps.onInputFocus) {\n InputProps.onInputFocus(event);\n }\n\n notifyPopper(event);\n };\n\n const handleInputBlur = (\n event: FocusEvent<HTMLDivElement \| HTMLInputElement>,\n ) => {\n handleBlurVisible();\n setAllowAnnouncement(false);\n setInputValue(\"\");\n\n if (restListProps.onBlur) {\n restListProps.onBlur(event);\n }\n\n if (InputProps.onInputBlur) {\n InputProps.onInputBlur(event as FocusEvent<HTMLInputElement>);\n }\n\n notifyPopper(event);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n setInputValue(event.target.value);\n\n setQuickSelection(event.target.value.length > 0 && !allowFreeText);\n\n if (InputProps.onInputChange) {\n InputProps.onInputChange(event);\n }\n };\n\n const handleItemsChange = (newItems: Item[] \| undefined) => {\n const uniqueItems = Array.from(new Set(newItems));\n setSelectedItems(uniqueItems);\n onChange?.(null as unknown as ChangeEvent, uniqueItems);\n };\n\n const handleInputSelect = (event: SyntheticEvent<HTMLInputElement>) => {\n event.persist();\n setSelectionChanged(true);\n\n if (InputProps.onInputSelect) {\n InputProps.onInputSelect(event);\n }\n };\n\n const handleClear = () => {\n setSelectedItems([]);\n };\n\n const stringToItem = (selected: Item[], value: string): Item \| null => {\n const trimmed = value.trim();\n const item = stringToItemProp(selected, trimmed);\n const isSelected = selected.map(itemToString).indexOf(trimmed) !== -1;\n\n // Either allow free text item OR the item has to be in the source list\n return !isSelected && (allowFreeText \|\| labels.indexOf(trimmed) !== -1)\n ? (item as Item)\n : null;\n };\n\n // Reuse selectItem from list state for a controlled version of tokenized input\n const {\n inputRef,\n inputProps,\n state: inputState,\n helpers: inputHelpers,\n } = useTokenizedInput({\n ...restProps,\n ...InputProps,\n disabled,\n itemToString,\n stringToItem,\n selectedItems,\n initialSelectedItems,\n onInputFocus: handleInputFocus,\n onInputBlur: handleInputBlur,\n onInputChange: handleInputChange,\n onInputSelect: handleInputSelect,\n onChange: handleItemsChange,\n onClear: handleClear,\n onKeyDown: InputProps.onKeyDown as KeyboardEventHandler<\n HTMLInputElement \| HTMLButtonElement\n >,\n });\n\n const handleFocusVisibleRef = useForkRef(\n focusVisibleRef,\n focusedRef,\n ) as Ref<HTMLInputElement>;\n const handleInputRef = useForkRef(inputRef, handleFocusVisibleRef);\n\n const { setHighlightedIndex: setHighlightedPillIndex } = inputHelpers;\n\n // Reset highlight when list closes\n useEffect(() => {\n if (!isListOpen) {\n setHighlightedListIndex(undefined);\n setQuickSelection(false);\n }\n }, [isListOpen, setHighlightedListIndex]);\n\n const previousSelectedItems = usePrevious(selectedItems);\n\n // Reset list highlight when selectItems change\n useIsomorphicLayoutEffect(() => {\n if (\n selectedItems.some(\n (item) => !(previousSelectedItems \|\| []).includes(item),\n )\n ) {\n setInputValue(\"\");\n }\n\n if (!selectedItems.length) {\n setHighlightedListIndex(undefined);\n }\n }, [selectedItems, previousSelectedItems, setHighlightedListIndex]);\n\n // Remove highlight from list if a pill is highlighted\n useEffect(() => {\n if (\n inputState.highlightedIndex != null &&\n inputState.highlightedIndex >= 0\n ) {\n setHighlightedListIndex(undefined);\n setQuickSelection(false);\n }\n }, [inputState.highlightedIndex, setHighlightedListIndex]);\n\n const highlightedIndex = listState?.highlightedIndex;\n\n // Remove highlight from pills if a list item is highlighted\n useEffect(() => {\n if (highlightedIndex != null && highlightedIndex >= 0) {\n setHighlightedPillIndex(undefined);\n }\n }, [highlightedIndex, setHighlightedPillIndex]);\n\n // Keep highlighted index in sync with the filtered source\n useEffect(() => {\n if (source) {\n setHighlightedListIndex(undefined);\n }\n }, [source, setHighlightedListIndex]);\n\n const handleFirstItemSelection = (event: KeyboardEvent \| ChangeEvent) => {\n if (\n !allowFreeText &&\n (event as KeyboardEvent).key === \"Enter\" &&\n quickSelection\n ) {\n const newItem = source[0];\n const newSelectedItems =\n selectedItems.indexOf(newItem) === -1\n ? selectedItems.concat(source.slice(0, 1))\n : selectedItems.filter((item) => item !== newItem);\n setSelectedItems(newSelectedItems);\n onSelect?.(event, newItem);\n onChange?.(event as ChangeEvent, newSelectedItems);\n }\n };\n\n const handleListOpenKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n if (\"Escape\" === event.key && inputProps.expanded) {\n setTimeout(() => {\n if (expandButtonRef.current) {\n expandButtonRef.current.focus();\n }\n }, 250);\n }\n\n handleFirstItemSelection(event);\n\n if (\n \"Home\" !== event.key &&\n \"End\" !== event.key &&\n !(\" \" === event.key && !event.ctrlKey)\n ) {\n if (restListProps.onKeyDown) {\n restListProps.onKeyDown(event);\n }\n setSelectionChanged(false);\n }\n };\n\n const handleInputKeyDown = (\n event: KeyboardEvent<HTMLInputElement \| HTMLButtonElement \| HTMLDivElement>,\n ) => {\n if (\"Escape\" === event.key) {\n setInputValue(\"\");\n setHighlightedListIndex(undefined);\n }\n\n // Space key clashes with the remove action of TokenizedInput\n // For combo box, pressing a space key should just add a space\n if (\" \" === event.key && !event.ctrlKey) {\n setHighlightedPillIndex(undefined);\n } else {\n if (inputProps.onKeyDown) {\n inputProps.onKeyDown(\n event as KeyboardEvent<HTMLInputElement \| HTMLButtonElement>,\n );\n }\n }\n\n if (\n !isToggleList(event) &&\n listState.highlightedIndex == null &&\n REQUIRE_PREV_HIGHLIGHT.indexOf(event.key) !== -1\n ) {\n event.preventDefault();\n // Initialize list highlight if there's no previous value\n setHighlightedListIndex(\n Math.min(quickSelection ? 1 : 0, source.length - 1),\n );\n setQuickSelection(false);\n setSelectionChanged(false);\n } else if (isListOpen) {\n handleListOpenKeyDown(event as KeyboardEvent<HTMLDivElement>);\n }\n\n // Don't announce for deleting values\n setAllowAnnouncement(\"Backspace\" !== event.key);\n notifyPopper(event);\n };\n\n const handleListClick = (event: MouseEvent<HTMLDivElement>) => {\n clearTimeout(\n inputBlurTimeout.current == null ? undefined : inputBlurTimeout.current,\n );\n const inputEl = inputRef && (inputRef as RefObject<HTMLElement>).current;\n if (inputEl) {\n inputEl.focus();\n }\n\n if (restListProps.onClick) {\n restListProps.onClick(event);\n }\n };\n\n const mergedInputProps = {\n ...inputProps.InputProps,\n inputProps: {\n ...inputProps.InputProps?.inputProps,\n role: \"textbox\",\n \"aria-roledescription\": \"MultiSelect Combobox\",\n },\n };\n\n if (ariaActiveDescendant && !selectionChanged) {\n // either null or undefined will prevent tokenized-input from\n // setting active-descendant based on pill selection.\n mergedInputProps.inputProps[\"aria-activedescendant\"] = ariaActiveDescendant;\n }\n\n const expandButtonProps = {\n accessibleText: undefined,\n role: \"button\",\n \"aria-roledescription\": \"Expand combobox button\",\n \"aria-labelledby\": [ariaLabelledBy, `${inputId}-input`]\n .filter(Boolean)\n .join(\" \"),\n } as ExpandButtonProps;\n\n return {\n inputHelpers,\n inputRef: handleInputRef,\n listContext: {\n state: listState,\n helpers: listHelpers,\n },\n inputProps: {\n ...inputProps,\n selectedItems,\n allowAnnouncement,\n id: inputId,\n value: inputValue,\n ExpandButtonProps: expandButtonProps,\n InputProps: mergedInputProps,\n onKeyDown: handleInputKeyDown,\n },\n listProps: {\n ...restListProps,\n source,\n itemToString,\n itemTextHighlightPattern,\n onClick: handleListClick,\n isListOpen: isListOpen && Boolean(source.length),\n },\n };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/combo-box-deprecated/internal/usePopperStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePopperStatus.js","sources":["../src/combo-box-deprecated/internal/usePopperStatus.ts"],"sourcesContent":["import { ~~useState~~, SyntheticEvent, ~~KeyboardEvent~~ } from \"react\";\n\n// Alt+Arrow Up/Down toggles list open/close\nexport const isToggleList = (event: KeyboardEvent) =>\n event.altKey && [\"ArrowUp\", \"ArrowDown\"].indexOf(event.key) !== -1;\n\nexport const usePopperStatus = (props: {\n initialOpen?: boolean;\n isMultiSelect?: boolean;\n onClose?: (event: SyntheticEvent) => void;\n}) => {\n const { initialOpen, isMultiSelect = false, onClose } = props;\n const [isOpen, setOpen] = useState(initialOpen === true);\n\n const handleCloseList = (event: SyntheticEvent) => {\n setOpen(false);\n\n if (onClose) {\n onClose(event);\n }\n };\n\n const handleInputKeyDown = (event: KeyboardEvent) => {\n if (isToggleList(event)) {\n setOpen((open) => !open);\n } else if (\n !isOpen &&\n [\"Alt\", \"Tab\", \"Escape\", \"Control\", \"Shift\", \"Meta\"].indexOf(\n event.key\n ) === -1\n ) {\n setOpen(true);\n } else if (isOpen && event.key === \"Escape\") {\n handleCloseList(event);\n } else if (isOpen && !isMultiSelect && event.key === \"Enter\") {\n handleCloseList(event);\n }\n };\n\n const notifyPopper = (event: SyntheticEvent) => {\n switch (event.type) {\n case \"focus\":\n setOpen(true);\n break;\n case \"blur\":\n handleCloseList(event);\n break;\n case \"keydown\":\n handleInputKeyDown(event as KeyboardEvent);\n break;\n case \"click\":\n handleCloseList(event);\n break;\n case \"keyup\":\n // ignore. Tokenized input invokes keyDown listener in response to keyup events\n break;\n default:\n throw Error(`usePopper: unexpected event type ${event.type}`);\n }\n };\n\n return {\n isOpen,\n notifyPopper,\n };\n};\n"],"names":[],"mappings":";;AAGO,MAAM,~~YAAe~~,~~GAAA~~,CAAC,KAC3B,KAAA,~~KAAA,~~CAAM,~~MAAU~~,~~IAAA~~,CAAC,~~SAAW~~,~~EAAA~~,WAAW,CAAE,~~CAAA,~~OAAA,CAAQ,~~KAAM~~,~~CAAA~~,GAAG,~~CAAM,KAAA,~~CAAA,~~EAAA~~;~~AAErD~~,~~MAAA~~,eAAA,GAAkB,CAAC,KAI1B~~,KAAA~~;AACJ,EAAA,MAAM,EAAE,WAAA,EAAa,~~aAAgB~~,~~GAAA~~,KAAA,EAAO,~~SAAY~~,~~GAAA~~,KAAA~~,CAAA~~;AACxD,EAAA,MAAM,CAAC,~~MAAQ~~,~~EAAA~~,OAAO,~~CAAI~~,~~GAAA~~,QAAA,CAAS,gBAAgB,IAAI,CAAA~~,CAAA~~;AAEvD,~~EAAM~~,~~MAAA~~,eAAA,GAAkB,CAAC,KAA0B~~,KAAA~~;AACjD,IAAA,OAAA,CAAQ,KAAK,CAAA~~,CAAA~~;AAEb,IAAA,IAAI,~~OAAS~~,~~EAAA~~;AACX,MAAA,OAAA,CAAQ,KAAK,CAAA~~,CAAA~~;AAAA,~~KACf~~;AAAA,~~GACF~~,CAAA;AAEA,~~EAAM~~,~~MAAA~~,kBAAA,GAAqB,CAAC,KAAyB~~,KAAA~~;AACnD,IAAI,~~IAAA,~~YAAA,CAAa,KAAK,~~CAAG~~,~~EAAA~~;AACvB,~~MAAQ~~,OAAA,~~CAAA~~,CAAC,~~IAAS~~,~~KAAA~~,CAAC,IAAI,CAAA~~,CAAA~~;AAAA,~~KACzB~~,MAAA,IACE,CAAC,MAAA,IACD,CAAC,KAAA,EAAO,OAAO,~~QAAU~~,~~EAAA~~,SAAA,EAAW,~~OAAS~~,~~EAAA~~,MAAM,CAAE,~~CAAA,~~OAAA;AAAA,MACnD,~~KAAM~~,~~CAAA,GAAA~~;AAAA,UACF,~~CACN~~,~~CAAA,EAAA~~;AACA,MAAA,OAAA,CAAQ,IAAI,CAAA~~,CAAA~~;AAAA,~~KACH~~,MAAA,~~IAAA~~,MAAA,IAAU,~~KAAM~~,~~CAAA~~,GAAA,KAAQ,~~QAAU~~,~~EAAA~~;AAC3C,MAAA,eAAA,CAAgB,KAAK,CAAA~~,CAAA~~;AAAA,~~eACZ~~,~~MAAU~~,~~IAAA~~,CAAC,~~aAAiB~~,~~IAAA~~,KAAA,CAAM,QAAQ,~~OAAS~~,~~EAAA~~;AAC5D,MAAA,eAAA,CAAgB,KAAK,CAAA~~,CAAA~~;AAAA,~~KACvB~~;AAAA,~~GACF~~,CAAA;AAEA,~~EAAM~~,~~MAAA~~,YAAA,GAAe,CAAC,KAA0B~~,KAAA~~;AAC9C,IAAA,QAAQ,~~KAAM~~,~~CAAA,~~IAAA;~~AAAA~~,~~MACP~~,~~KAAA~~,OAAA;AACH,QAAA,OAAA,CAAQ,IAAI,CAAA~~,CAAA~~;AACZ,QAAA~~,MAAA~~;AAAA,~~MACG~~,~~KAAA~~,MAAA;AACH,QAAA,eAAA,CAAgB,KAAK,CAAA~~,CAAA~~;AACrB,QAAA~~,MAAA~~;AAAA,~~MACG~~,~~KAAA~~,SAAA;AACH,QAAA,kBAAA,CAAmB,KAAsB,CAAA~~,CAAA~~;AACzC,QAAA~~,MAAA~~;AAAA,~~MACG~~,~~KAAA~~,OAAA;AACH,QAAA,eAAA,CAAgB,KAAK,CAAA~~,CAAA~~;AACrB,QAAA~~,MAAA~~;AAAA,~~MACG~~,~~KAAA~~,OAAA;AAEH,QAAA~~,MAAA~~;AAAA,~~MAAA~~;~~AAEA~~,~~QAAM~~,~~MAAA~~,KAAA,CAAM,~~CAAoC~~,iCAAA,~~EAAA~~,KAAA,CAAM,~~IAAM~~,CAAA,~~CAAA~~,CAAA~~,CAAA~~;AAAA~~,KAAA~~;~~AAAA~~,~~GAElE~~,CAAA;AAEA,~~EAAO~~,~~OAAA~~;AAAA,IACL,MAAA;AAAA,IACA~~,YAAA~~;AAAA,GACF~~,CAAA~~;AACF;;;;"}
1	+ {"version":3,"file":"usePopperStatus.js","sources":["../src/combo-box-deprecated/internal/usePopperStatus.ts"],"sourcesContent":["import { type KeyboardEvent, type SyntheticEvent, useState } from \"react\";\n\n// Alt+Arrow Up/Down toggles list open/close\nexport const isToggleList = (event: KeyboardEvent) =>\n event.altKey && [\"ArrowUp\", \"ArrowDown\"].indexOf(event.key) !== -1;\n\nexport const usePopperStatus = (props: {\n initialOpen?: boolean;\n isMultiSelect?: boolean;\n onClose?: (event: SyntheticEvent) => void;\n}) => {\n const { initialOpen, isMultiSelect = false, onClose } = props;\n const [isOpen, setOpen] = useState(initialOpen === true);\n\n const handleCloseList = (event: SyntheticEvent) => {\n setOpen(false);\n\n if (onClose) {\n onClose(event);\n }\n };\n\n const handleInputKeyDown = (event: KeyboardEvent) => {\n if (isToggleList(event)) {\n setOpen((open) => !open);\n } else if (\n !isOpen &&\n [\"Alt\", \"Tab\", \"Escape\", \"Control\", \"Shift\", \"Meta\"].indexOf(\n event.key,\n ) === -1\n ) {\n setOpen(true);\n } else if (isOpen && event.key === \"Escape\") {\n handleCloseList(event);\n } else if (isOpen && !isMultiSelect && event.key === \"Enter\") {\n handleCloseList(event);\n }\n };\n\n const notifyPopper = (event: SyntheticEvent) => {\n switch (event.type) {\n case \"focus\":\n setOpen(true);\n break;\n case \"blur\":\n handleCloseList(event);\n break;\n case \"keydown\":\n handleInputKeyDown(event as KeyboardEvent);\n break;\n case \"click\":\n handleCloseList(event);\n break;\n case \"keyup\":\n // ignore. Tokenized input invokes keyDown listener in response to keyup events\n break;\n default:\n throw Error(`usePopper: unexpected event type ${event.type}`);\n }\n };\n\n return {\n isOpen,\n notifyPopper,\n };\n};\n"],"names":[],"mappings":";;AAGO,MAAM,YAAA,GAAe,CAAC,KAAA,KAC3B,KAAA,CAAM,MAAA,IAAU,CAAC,SAAA,EAAW,WAAW,CAAA,CAAE,OAAA,CAAQ,KAAA,CAAM,GAAG,CAAA,KAAM;AAE3D,MAAM,eAAA,GAAkB,CAAC,KAAA,KAI1B;AACJ,EAAA,MAAM,EAAE,WAAA,EAAa,aAAA,GAAgB,KAAA,EAAO,SAAQ,GAAI,KAAA;AACxD,EAAA,MAAM,CAAC,MAAA,EAAQ,OAAO,CAAA,GAAI,QAAA,CAAS,gBAAgB,IAAI,CAAA;AAEvD,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAA0B;AACjD,IAAA,OAAA,CAAQ,KAAK,CAAA;AAEb,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,IACf;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAyB;AACnD,IAAA,IAAI,YAAA,CAAa,KAAK,CAAA,EAAG;AACvB,MAAA,OAAA,CAAQ,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,IACzB,CAAA,MAAA,IACE,CAAC,MAAA,IACD,CAAC,KAAA,EAAO,OAAO,QAAA,EAAU,SAAA,EAAW,OAAA,EAAS,MAAM,CAAA,CAAE,OAAA;AAAA,MACnD,KAAA,CAAM;AAAA,UACF,EAAA,EACN;AACA,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,IACd,CAAA,MAAA,IAAW,MAAA,IAAU,KAAA,CAAM,GAAA,KAAQ,QAAA,EAAU;AAC3C,MAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,IACvB,WAAW,MAAA,IAAU,CAAC,aAAA,IAAiB,KAAA,CAAM,QAAQ,OAAA,EAAS;AAC5D,MAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,IACvB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAA0B;AAC9C,IAAA,QAAQ,MAAM,IAAA;AAAM,MAClB,KAAK,OAAA;AACH,QAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAA;AAAA,MACF,KAAK,SAAA;AACH,QAAA,kBAAA,CAAmB,KAAsB,CAAA;AACzC,QAAA;AAAA,MACF,KAAK,OAAA;AACH,QAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,QAAA;AAAA,MACF,KAAK,OAAA;AAEH,QAAA;AAAA,MACF;AACE,QAAA,MAAM,KAAA,CAAM,CAAA,iCAAA,EAAoC,KAAA,CAAM,IAAI,CAAA,CAAE,CAAA;AAAA;AAChE,EACF,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,MAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist-es/common-hooks/collectionProvider.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, cloneElement, useContext } from 'react';
+import { createContext, useContext, cloneElement } from 'react';
 const CollectionContext = createContext(void 0);
 function CollectionProvider({
@@ -7,10 +7,7 @@ function CollectionProvider({
   collectionHook,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(CollectionContext.Provider, {
-    value: collectionHook,
-    children: Object.keys(props).length > 0 ? cloneElement(children, props) : children
-  });
+  return /* @__PURE__ */ jsx(CollectionContext.Provider, { value: collectionHook, children: Object.keys(props).length > 0 ? cloneElement(children, props) : children });
 }
 function useCollection() {
   const collection = useContext(CollectionContext);

package/dist-es/common-hooks/collectionProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"collectionProvider.js","sources":["../src/common-hooks/collectionProvider.tsx"],"sourcesContent":["import { cloneElement, createContext, ReactElement, useContext } from \"react\";\nimport { CollectionHookResult } from \"./collectionTypes\";\n\nexport interface collectionContext<T> {\n collection: CollectionHookResult<T>;\n}\n\nexport const CollectionContext = createContext<\n CollectionHookResult<any> \| undefined\n>(undefined);\n\ninterface ContextProviderProps<Item> {\n children: ReactElement;\n collectionHook: CollectionHookResult<Item>;\n}\n\nexport function CollectionProvider<Item>({\n children,\n collectionHook,\n ...props\n}: ContextProviderProps<Item>) {\n return (\n <CollectionContext.Provider value={collectionHook}>\n {Object.keys(props).length > 0 ? cloneElement(children, props) : children}\n </CollectionContext.Provider>\n );\n}\n\nexport function useCollection<Item>(): CollectionHookResult<Item> \| undefined {\n const collection = useContext(CollectionContext);\n if (collection) {\n return collection as CollectionHookResult<Item>;\n }\n}\n"],"names":[],"mappings":";;;~~AAOa~~,~~MAAA~~,iBAAA,GAAoB,cAE/B,~~KAAS,CAAA,EAAA~~;AAOJ,SAAS,~~kBAAyB~~,~~CAAA~~;AAAA,EACvC,QAAA;AAAA,EACA,cAAA;AAAA,~~EACG~~,~~GAAA,KAAA~~;AACL,~~CAA~~+B~~,EAAA~~;AAC7B,~~EACE~~,~~uBAAA~~,~~GAAA~~,~~CAAC~~,~~kBAAkB~~,~~QAAlB~~,~~EAAA;AAAA~~,~~IAA2B~~,~~KAAO~~,~~EAAA~~,~~cAAA;AAAA,IAChC,~~QAAA,EAAA,MAAA,CAAO,~~KAAK~~,KAAK,CAAA,CAAE,SAAS,~~CAAI~~,~~GAAA~~,YAAA,CAAa,~~QAAU~~,~~EAAA~~,KAAK,~~CAAI~~,~~GAAA,~~QAAA~~;AAAA~~,~~GACnE~~,CAAA~~,CAAA~~;AAEJ~~,CAAA~~;AAEO,SAAS,~~aAA8D~~,~~GAAA~~;AAC5E,~~EAAM~~,~~MAAA~~,UAAA,GAAa,WAAW,iBAAiB,CAAA~~,CAAA~~;AAC/C,EAAA,IAAI,~~UAAY~~,~~EAAA~~;AACd,~~IAAO~~,~~OAAA~~,UAAA~~,CAAA~~;AAAA,~~GACT~~;AACF;;;;"}
1	+ {"version":3,"file":"collectionProvider.js","sources":["../src/common-hooks/collectionProvider.tsx"],"sourcesContent":["import {\n cloneElement,\n createContext,\n type ReactElement,\n useContext,\n} from \"react\";\nimport type { CollectionHookResult } from \"./collectionTypes\";\n\nexport interface collectionContext<T> {\n collection: CollectionHookResult<T>;\n}\n\nexport const CollectionContext = createContext<\n CollectionHookResult<any> \| undefined\n>(undefined);\n\ninterface ContextProviderProps<Item> {\n children: ReactElement;\n collectionHook: CollectionHookResult<Item>;\n}\n\nexport function CollectionProvider<Item>({\n children,\n collectionHook,\n ...props\n}: ContextProviderProps<Item>) {\n return (\n <CollectionContext.Provider value={collectionHook}>\n {Object.keys(props).length > 0 ? cloneElement(children, props) : children}\n </CollectionContext.Provider>\n );\n}\n\nexport function useCollection<Item>(): CollectionHookResult<Item> \| undefined {\n const collection = useContext(CollectionContext);\n if (collection) {\n return collection as CollectionHookResult<Item>;\n }\n}\n"],"names":[],"mappings":";;;AAYO,MAAM,iBAAA,GAAoB,cAE/B,MAAS;AAOJ,SAAS,kBAAA,CAAyB;AAAA,EACvC,QAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA+B;AAC7B,EAAA,2BACG,iBAAA,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAAO,gBAChC,QAAA,EAAA,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA,CAAE,SAAS,CAAA,GAAI,YAAA,CAAa,QAAA,EAAU,KAAK,IAAI,QAAA,EACnE,CAAA;AAEJ;AAEO,SAAS,aAAA,GAA8D;AAC5E,EAAA,MAAM,UAAA,GAAa,WAAW,iBAAiB,CAAA;AAC/C,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,UAAA;AAAA,EACT;AACF;;;;"}

package/dist-es/common-hooks/itemToString.js CHANGED Viewed

@@ -2,10 +2,11 @@ const isPlainObject = (obj) => Object.prototype.toString.call(obj) === "[object
 function itemToString(item) {
   if (typeof item === "string") {
     return item;
-  } else if (!isPlainObject(item)) {
+  }
+  if (!isPlainObject(item)) {
     return String(item);
   }
-  if (Object.prototype.hasOwnProperty.call(item, "label")) {
+  if (item && typeof item === "object" && Object.hasOwn(item, "label")) {
     return String(item.label);
   }
   console.warn(

package/dist-es/common-hooks/itemToString.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"itemToString.js","sources":["../src/common-hooks/itemToString.ts"],"sourcesContent":["// ~~eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport~~ type ItemToStringFunction = (item: any) => string;\n\nconst isPlainObject = (obj: unknown) =>\n Object.prototype.toString.call(obj) === \"[object Object]\";\n\nexport function itemToString(item: unknown): string {\n if (typeof item === \"string\") {\n return item;\n } ~~else~~ if (!isPlainObject(item)) {\n return String(item);\n }\n\n if (Object.~~prototype.hasOwnProperty.call~~(item, \"label\")) {\n return String((item as { label?: string }).label);\n }\n\n console.warn(\n [\n \"itemToString: you've likely forgotten to set the label prop on the item object.\",\n \"You can also provide your own `itemToString` implementation.\",\n ].join(\"\\n\")\n );\n\n return \"\";\n}\n"],"names":[],"mappings":"~~AAGA~~,MAAM,aAAA,GAAgB,CAAC,~~GACrB~~,~~KAAA~~,MAAA,CAAO,UAAU,~~QAAS~~,~~CAAA~~,IAAA,CAAK,GAAG,~~CAAM~~,~~KAAA~~,iBAAA~~,CAAA~~;AAEnC,SAAS,aAAa,~~IAAuB~~,~~EAAA~~;AAClD,~~EAAI~~,~~IAAA~~,OAAO,SAAS,~~QAAU~~,~~EAAA~~;AAC5B,~~IAAO~~,~~OAAA~~,IAAA~~,CAAA~~;AAAA,~~GACE~~,~~MAAA~~,~~IAAA~~,CAAC,~~aAAc~~,~~CAAA~~,IAAI,~~CAAG~~,~~EAAA~~;~~AAC/B~~,IAAA,OAAO,OAAO,IAAI,CAAA~~,CAAA~~;AAAA,~~GACpB~~;AAEA,EAAA,IAAI,OAAO,~~SAAU~~,~~CAAA~~,~~cAAA~~,~~CAAe~~,~~IAAK~~,~~CAAA~~,IAAA,EAAM,OAAO,~~CAAG~~,~~EAAA~~;~~AACvD~~,~~IAAO~~,~~OAAA~~,MAAA,CAAQ,KAA4B,KAAK,CAAA~~,CAAA~~;AAAA,~~GAClD~~;AAEA,~~EAAQ~~,OAAA,~~CAAA~~,IAAA;AAAA,IACN;AAAA,MACE,iFAAA;AAAA,MACA~~,8DAAA~~;AAAA,KACF,CAAE,KAAK,IAAI~~,CAAA~~;AAAA,GACb~~,CAAA~~;AAEA,~~EAAO~~,~~OAAA~~,EAAA~~,CAAA~~;AACT;;;;"}
1	+ {"version":3,"file":"itemToString.js","sources":["../src/common-hooks/itemToString.ts"],"sourcesContent":["export type ItemToStringFunction = (item: any) => string;\n\nconst isPlainObject = (obj: unknown) =>\n Object.prototype.toString.call(obj) === \"[object Object]\";\n\nexport function itemToString(item: unknown): string {\n if (typeof item === \"string\") {\n return item;\n }\n if (!isPlainObject(item)) {\n return String(item);\n }\n\n if (item && typeof item === \"object\" && Object.hasOwn(item, \"label\")) {\n return String((item as { label?: string }).label);\n }\n\n console.warn(\n [\n \"itemToString: you've likely forgotten to set the label prop on the item object.\",\n \"You can also provide your own `itemToString` implementation.\",\n ].join(\"\\n\"),\n );\n\n return \"\";\n}\n"],"names":[],"mappings":"AAEA,MAAM,aAAA,GAAgB,CAAC,GAAA,KACrB,MAAA,CAAO,UAAU,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,KAAM,iBAAA;AAEnC,SAAS,aAAa,IAAA,EAAuB;AAClD,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,IAAI,CAAC,aAAA,CAAc,IAAI,CAAA,EAAG;AACxB,IAAA,OAAO,OAAO,IAAI,CAAA;AAAA,EACpB;AAEA,EAAA,IAAI,IAAA,IAAQ,OAAO,IAAA,KAAS,QAAA,IAAY,OAAO,MAAA,CAAO,IAAA,EAAM,OAAO,CAAA,EAAG;AACpE,IAAA,OAAO,MAAA,CAAQ,KAA4B,KAAK,CAAA;AAAA,EAClD;AAEA,EAAA,OAAA,CAAQ,IAAA;AAAA,IACN;AAAA,MACE,iFAAA;AAAA,MACA;AAAA,KACF,CAAE,KAAK,IAAI;AAAA,GACb;AAEA,EAAA,OAAO,EAAA;AACT;;;;"}

package/dist-es/common-hooks/keyUtils.js CHANGED Viewed

@@ -1,7 +1,7 @@
 function union(set1, ...sets) {
   const result = new Set(set1);
-  for (let set of sets) {
-    for (let element of set) {
+  for (const set of sets) {
+    for (const element of set) {
       result.add(element);
     }
   }

package/dist-es/common-hooks/keyUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keyUtils.js","sources":["../src/common-hooks/keyUtils.ts"],"sourcesContent":["import ~~React~~ from \"react\";\n\nfunction union<T>(set1: Set<T>, ...sets: Set<T>[]) {\n const result = new Set(set1);\n for (~~let~~ set of sets) {\n for (~~let~~ element of set) {\n result.add(element);\n }\n }\n return result;\n}\n\nexport const ArrowUp = \"ArrowUp\";\nexport const ArrowDown = \"ArrowDown\";\nexport const ArrowLeft = \"ArrowLeft\";\nexport const ArrowRight = \"ArrowRight\";\nexport const Enter = \"Enter\";\nexport const Escape = \"Escape\";\nexport const Home = \"Home\";\nexport const End = \"End\";\nexport const PageUp = \"PageUp\";\nexport const PageDown = \"PageDown\";\nexport const Space = \" \";\nexport const Tab = \"Tab\";\n\nconst actionKeys = new Set([\"Enter\", \"Delete\", \" \"]);\nconst focusKeys = new Set([\"Tab\"]);\nconst arrowLeftRightKeys = new Set([\"ArrowRight\", \"ArrowLeft\"]);\nconst navigationKeys = new Set([\n Home,\n End,\n PageUp,\n PageDown,\n ArrowDown,\n ArrowUp,\n]);\nconst functionKeys = new Set([\n \"F1\",\n \"F2\",\n \"F3\",\n \"F4\",\n \"F5\",\n \"F6\",\n \"F7\",\n \"F8\",\n \"F9\",\n \"F10\",\n \"F11\",\n \"F12\",\n]);\nconst specialKeys = union(\n actionKeys,\n navigationKeys,\n arrowLeftRightKeys,\n functionKeys,\n focusKeys\n);\nexport const isCharacterKey = (evt: ~~React.~~KeyboardEvent): boolean => {\n if (specialKeys.has(evt.key)) {\n return false;\n }\n return evt.key.length === 1 && !evt.ctrlKey && !evt.metaKey && !evt.altKey;\n};\n\nexport const isNavigationKey = ({ key }: ~~React.~~KeyboardEvent): boolean => {\n return navigationKeys.has(key);\n};\n"],"names":[],"mappings":"AAEA,SAAS,KAAA,CAAS,SAAiB,~~IAAgB~~,~~EAAA~~;AACjD,~~EAAM~~,~~MAAA~~,MAAA,GAAS,IAAI,GAAA,CAAI,IAAI,CAAA~~,CAAA~~;AAC3B,EAAA,KAAA,~~IAAS~~,OAAO,~~IAAM~~,~~EAAA~~;~~AACpB~~,IAAA,KAAA,~~IAAS~~,WAAW,~~GAAK~~,~~EAAA~~;~~AACvB~~,MAAA,MAAA,CAAO,IAAI,OAAO,CAAA~~,CAAA~~;AAAA,~~KACpB~~;AAAA,~~GACF~~;AACA,~~EAAO~~,~~OAAA~~,MAAA~~,CAAA~~;AACT~~,CAAA~~;AAEO,MAAM,~~OAAU~~,~~GAAA,UAAA~~;AAChB,MAAM,~~SAAY~~,~~GAAA,YAAA~~;AAClB,MAAM,~~SAAY~~,~~GAAA,YAAA~~;AAClB,MAAM,~~UAAa~~,~~GAAA,aAAA~~;AACnB,MAAM,~~KAAQ~~,~~GAAA,QAAA~~;AAEd,MAAM,~~IAAO~~,~~GAAA,OAAA~~;AACb,MAAM,~~GAAM,~~GAAA,~~MAAA~~;AACZ,MAAM,~~MAAS~~,~~GAAA,SAAA~~;AACf,MAAM,~~QAAW~~,~~GAAA,WAAA~~;AACjB,MAAM,~~KAAQ~~,~~GAAA,IAAA~~;AAGrB,MAAM,~~6BAAiB~~,~~IAAA~~,GAAA,CAAI,CAAC,~~OAAS~~,~~EAAA~~,QAAA,EAAU,GAAG,CAAC,CAAA~~,CAAA~~;AACnD,MAAM,~~SAAY~~,~~mBAAA~~,IAAI,~~GAAI~~,~~CAAA~~,CAAC,KAAK,CAAC,CAAA~~,CAAA~~;AACjC,MAAM,~~qCAAyB~~,~~IAAA~~,GAAA,CAAI,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA~~,CAAA~~;AAC9D,MAAM,cAAA,uBAAqB,~~GAAI~~,~~CAAA~~;AAAA,EAC7B,IAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA~~,OAAA~~;AACF,CAAC,CAAA~~,CAAA~~;AACD,MAAM,YAAA,uBAAmB,~~GAAI~~,~~CAAA~~;AAAA,EAC3B,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA~~,KAAA~~;AACF,CAAC,CAAA~~,CAAA~~;AACD,MAAM,~~WAAc~~,~~GAAA~~,KAAA;AAAA,EAClB,UAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA~~,SAAA~~;AACF,CAAA~~,CAAA~~;~~AACa~~,~~MAAA~~,cAAA,GAAiB,CAAC,~~GAAsC~~,~~KAAA~~;~~AACnE~~,EAAA,IAAI,~~WAAY~~,~~CAAA~~,GAAA,CAAI,~~GAAI~~,~~CAAA~~,GAAG,~~CAAG~~,~~EAAA~~;AAC5B,~~IAAO~~,~~OAAA~~,KAAA~~,CAAA~~;AAAA,~~GACT~~;AACA,~~EAAO~~,~~OAAA~~,GAAA,CAAI,~~GAAI~~,~~CAAA~~,MAAA,KAAW,~~CAAK~~,~~IAAA~~,CAAC,~~GAAI~~,~~CAAA~~,OAAA,IAAW,CAAC,GAAA,CAAI,~~OAAW~~,~~IAAA~~,CAAC,~~GAAI~~,~~CAAA~~,MAAA~~,CAAA~~;AACtE~~,EAAA~~;AAEO,MAAM,~~eAAkB~~,~~GAAA~~,CAAC,EAAE,GAAA,~~EAAwC~~,~~KAAA~~;~~AACxE~~,~~EAAO~~,~~OAAA~~,cAAA,CAAe,IAAI,GAAG,CAAA~~,CAAA~~;AAC/B;;;;"}
1	+ {"version":3,"file":"keyUtils.js","sources":["../src/common-hooks/keyUtils.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\n\nfunction union<T>(set1: Set<T>, ...sets: Set<T>[]) {\n const result = new Set(set1);\n for (const set of sets) {\n for (const element of set) {\n result.add(element);\n }\n }\n return result;\n}\n\nexport const ArrowUp = \"ArrowUp\";\nexport const ArrowDown = \"ArrowDown\";\nexport const ArrowLeft = \"ArrowLeft\";\nexport const ArrowRight = \"ArrowRight\";\nexport const Enter = \"Enter\";\nexport const Escape = \"Escape\";\nexport const Home = \"Home\";\nexport const End = \"End\";\nexport const PageUp = \"PageUp\";\nexport const PageDown = \"PageDown\";\nexport const Space = \" \";\nexport const Tab = \"Tab\";\n\nconst actionKeys = new Set([\"Enter\", \"Delete\", \" \"]);\nconst focusKeys = new Set([\"Tab\"]);\nconst arrowLeftRightKeys = new Set([\"ArrowRight\", \"ArrowLeft\"]);\nconst navigationKeys = new Set([\n Home,\n End,\n PageUp,\n PageDown,\n ArrowDown,\n ArrowUp,\n]);\nconst functionKeys = new Set([\n \"F1\",\n \"F2\",\n \"F3\",\n \"F4\",\n \"F5\",\n \"F6\",\n \"F7\",\n \"F8\",\n \"F9\",\n \"F10\",\n \"F11\",\n \"F12\",\n]);\nconst specialKeys = union(\n actionKeys,\n navigationKeys,\n arrowLeftRightKeys,\n functionKeys,\n focusKeys,\n);\nexport const isCharacterKey = (evt: KeyboardEvent): boolean => {\n if (specialKeys.has(evt.key)) {\n return false;\n }\n return evt.key.length === 1 && !evt.ctrlKey && !evt.metaKey && !evt.altKey;\n};\n\nexport const isNavigationKey = ({ key }: KeyboardEvent): boolean => {\n return navigationKeys.has(key);\n};\n"],"names":[],"mappings":"AAEA,SAAS,KAAA,CAAS,SAAiB,IAAA,EAAgB;AACjD,EAAA,MAAM,MAAA,GAAS,IAAI,GAAA,CAAI,IAAI,CAAA;AAC3B,EAAA,KAAA,MAAW,OAAO,IAAA,EAAM;AACtB,IAAA,KAAA,MAAW,WAAW,GAAA,EAAK;AACzB,MAAA,MAAA,CAAO,IAAI,OAAO,CAAA;AAAA,IACpB;AAAA,EACF;AACA,EAAA,OAAO,MAAA;AACT;AAEO,MAAM,OAAA,GAAU;AAChB,MAAM,SAAA,GAAY;AAClB,MAAM,SAAA,GAAY;AAClB,MAAM,UAAA,GAAa;AACnB,MAAM,KAAA,GAAQ;AAEd,MAAM,IAAA,GAAO;AACb,MAAM,GAAA,GAAM;AACZ,MAAM,MAAA,GAAS;AACf,MAAM,QAAA,GAAW;AACjB,MAAM,KAAA,GAAQ;AAGrB,MAAM,6BAAa,IAAI,GAAA,CAAI,CAAC,OAAA,EAAS,QAAA,EAAU,GAAG,CAAC,CAAA;AACnD,MAAM,SAAA,mBAAY,IAAI,GAAA,CAAI,CAAC,KAAK,CAAC,CAAA;AACjC,MAAM,qCAAqB,IAAI,GAAA,CAAI,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA;AAC9D,MAAM,cAAA,uBAAqB,GAAA,CAAI;AAAA,EAC7B,IAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAC,CAAA;AACD,MAAM,YAAA,uBAAmB,GAAA,CAAI;AAAA,EAC3B,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAC,CAAA;AACD,MAAM,WAAA,GAAc,KAAA;AAAA,EAClB,UAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA;AACO,MAAM,cAAA,GAAiB,CAAC,GAAA,KAAgC;AAC7D,EAAA,IAAI,WAAA,CAAY,GAAA,CAAI,GAAA,CAAI,GAAG,CAAA,EAAG;AAC5B,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,GAAA,CAAI,GAAA,CAAI,MAAA,KAAW,CAAA,IAAK,CAAC,GAAA,CAAI,OAAA,IAAW,CAAC,GAAA,CAAI,OAAA,IAAW,CAAC,GAAA,CAAI,MAAA;AACtE;AAEO,MAAM,eAAA,GAAkB,CAAC,EAAE,GAAA,EAAI,KAA8B;AAClE,EAAA,OAAO,cAAA,CAAe,IAAI,GAAG,CAAA;AAC/B;;;;"}

package/dist-es/common-hooks/list-dom-utils.js CHANGED Viewed

@@ -2,9 +2,10 @@ function listItemIndex(listItemEl) {
   if (listItemEl) {
     let idx = listItemEl.dataset.idx;
     if (idx) {
-      return parseInt(idx, 10);
-    } else if (idx = listItemEl.ariaPosInSet) {
-      return parseInt(idx, 10) - 1;
+      return Number.parseInt(idx, 10);
+    }
+    if (idx = listItemEl.ariaPosInSet) {
+      return Number.parseInt(idx, 10) - 1;
     }
   }
   return -1;

package/dist-es/common-hooks/list-dom-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-dom-utils.js","sources":["../src/common-hooks/list-dom-utils.ts"],"sourcesContent":["export const listItemElement = (listEl: HTMLElement, listItemIdx: number) =>\n listEl.querySelector(`:scope > [data-idx=\"${listItemIdx}\"]`);\n\nexport function listItemIndex(listItemEl?: HTMLElement) {\n if (listItemEl) {\n let idx: string \| null \| undefined = listItemEl.dataset.idx;\n if (idx) {\n return parseInt(idx, 10);\n ~~// eslint-disable-next-line no-cond-assign~~\n ~~} else~~ if ((idx = listItemEl.ariaPosInSet)) {\n return parseInt(idx, 10) - 1;\n }\n }\n return -1;\n}\n\nexport const listItemId = (el: HTMLElement \| null) => el?.id;\n\nexport const closestListItem = (el: HTMLElement) =>\n el.closest(\"[data-idx],[aria-posinset]\") as HTMLElement;\n\nexport const closestListItemId = (el: HTMLElement) =>\n listItemId(closestListItem(el));\n\nexport const closestListItemIndex = (el: HTMLElement) =>\n listItemIndex(closestListItem(el));\n"],"names":[],"mappings":"AAGO,SAAS,cAAc,~~UAA0B~~,~~EAAA~~;AACtD,EAAA,IAAI,~~UAAY~~,~~EAAA~~;AACd,IAAI,~~IAAA,~~GAAA,GAAiC,WAAW,~~OAAQ~~,~~CAAA~~,GAAA~~,CAAA~~;AACxD,IAAA,IAAI,~~GAAK~~,~~EAAA~~;AACP,~~MAAO~~,~~OAAA~~,QAAA,CAAS,~~KAAK~~,EAAE,CAAA~~,CAAA~~;AAAA,~~KAEzB~~,~~MAAA~~,~~IAAY~~,~~GAAM,~~GAAA,~~UAAA~~,~~CAAW~~,~~YAAe~~,~~EAAA~~;~~AAC1C~~,~~MAAO~~,~~OAAA~~,QAAA,CAAS,~~GAAK~~,~~EAAA~~,EAAE,~~CAAI~~,~~GAAA~~,CAAA~~,CAAA~~;AAAA,~~KAC7B~~;AAAA,~~GACF~~;AACA,~~EAAO~~,~~OAAA~~,~~CAAA,CAAA,CAAA~~;AACT~~,CAAA~~;AAIO,MAAM,~~eAAkB~~,~~GAAA~~,CAAC,~~EAC9B~~,~~KAAA~~,EAAA,CAAG,QAAQ,4BAA4B~~,EAAA~~;AAKlC,MAAM,uBAAuB,CAAC,EAAA,KACnC,~~aAAc~~,~~CAAA~~,eAAA,CAAgB,EAAE,CAAC;;;;"}
1	+ {"version":3,"file":"list-dom-utils.js","sources":["../src/common-hooks/list-dom-utils.ts"],"sourcesContent":["export const listItemElement = (listEl: HTMLElement, listItemIdx: number) =>\n listEl.querySelector(`:scope > [data-idx=\"${listItemIdx}\"]`);\n\nexport function listItemIndex(listItemEl?: HTMLElement) {\n if (listItemEl) {\n let idx: string \| null \| undefined = listItemEl.dataset.idx;\n if (idx) {\n return Number.parseInt(idx, 10);\n }\n if ((idx = listItemEl.ariaPosInSet)) {\n return Number.parseInt(idx, 10) - 1;\n }\n }\n return -1;\n}\n\nexport const listItemId = (el: HTMLElement \| null) => el?.id;\n\nexport const closestListItem = (el: HTMLElement) =>\n el.closest(\"[data-idx],[aria-posinset]\") as HTMLElement;\n\nexport const closestListItemId = (el: HTMLElement) =>\n listItemId(closestListItem(el));\n\nexport const closestListItemIndex = (el: HTMLElement) =>\n listItemIndex(closestListItem(el));\n"],"names":[],"mappings":"AAGO,SAAS,cAAc,UAAA,EAA0B;AACtD,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,IAAI,GAAA,GAAiC,WAAW,OAAA,CAAQ,GAAA;AACxD,IAAA,IAAI,GAAA,EAAK;AACP,MAAA,OAAO,MAAA,CAAO,QAAA,CAAS,GAAA,EAAK,EAAE,CAAA;AAAA,IAChC;AACA,IAAA,IAAK,GAAA,GAAM,WAAW,YAAA,EAAe;AACnC,MAAA,OAAO,MAAA,CAAO,QAAA,CAAS,GAAA,EAAK,EAAE,CAAA,GAAI,CAAA;AAAA,IACpC;AAAA,EACF;AACA,EAAA,OAAO,EAAA;AACT;AAIO,MAAM,eAAA,GAAkB,CAAC,EAAA,KAC9B,EAAA,CAAG,QAAQ,4BAA4B;AAKlC,MAAM,uBAAuB,CAAC,EAAA,KACnC,aAAA,CAAc,eAAA,CAAgB,EAAE,CAAC;;;;"}

package/dist-es/common-hooks/selectionTypes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selectionTypes.js","sources":["../src/common-hooks/selectionTypes.ts"],"sourcesContent":["import { SyntheticEvent } from \"react\";\nimport { CollectionItem } from \"./collectionTypes\";\n\nexport const SINGLE = \"default\";\nexport const MULTIPLE = \"multiple\";\nexport const EXTENDED = \"extended\";\nexport const DESELECTABLE = \"deselectable\";\n\n// export type SelectionDisallowed = \"none\";\nexport type SingleSelectionStrategy = \"default\" \| \"deselectable\";\nexport type MultiSelectionStrategy =\n \| \"multiple\"\n \| \"extended\"\n \| \"extended-multi-range\";\nexport type SelectionStrategy =\n // \| SelectionDisallowed\n SingleSelectionStrategy \| MultiSelectionStrategy;\n\nexport type selectedType<\n Item,\n Selection extends SelectionStrategy\n> = Selection extends MultiSelectionStrategy ? Item[] : Item \| null;\n\nexport type SelectHandler<Item = string> = (\n event: SyntheticEvent,\n selectedItem: Item\n) => void;\n\nexport type SelectionChangeHandler<\n Item = string,\n Selection extends SelectionStrategy = \"default\"\n> = (\n event: SyntheticEvent,\n selected: Selection extends SingleSelectionStrategy ? Item \| null : Item[]\n) => void;\n\nexport const hasSelection = <Item = unknown>(\n selected: Item \| Item[] \| null\n): boolean => {\n return Array.isArray(selected)\n ? selected.length > 0\n : selected !== null && selected !== undefined;\n};\n\nexport const getFirstSelectedItem = <Item = unknown>(\n selected: Item \| Item[] \| null\n): Item \| null => {\n return Array.isArray(selected) ? selected[0] : selected;\n};\n\nexport interface SelectionProps<\n Item,\n Selection extends SelectionStrategy = \"default\"\n> {\n defaultSelected?: Selection extends SingleSelectionStrategy\n ? Item \| null\n : Item[];\n onSelect?: SelectHandler<Item>;\n onSelectionChange?: SelectionChangeHandler<Item, Selection>;\n selected?: Selection extends SingleSelectionStrategy ? Item \| null : Item[];\n selectionStrategy?: Selection;\n}\n\nexport interface ListHandlers {\n onClick?: (event: ~~React.~~MouseEvent) => void;\n onKeyDown?: (event: ~~React.~~KeyboardEvent) => void;\n onKeyboardNavigation?: (\n event: ~~React.~~KeyboardEvent,\n currentIndex: number\n ) => void;\n onMouseMove?: (event: ~~React.~~MouseEvent) => void;\n}\nexport interface SelectionHookProps<\n Item,\n Selection extends SelectionStrategy = \"default\"\n> extends SelectionProps<CollectionItem<Item>, Selection> {\n disableSelection?: boolean;\n highlightedIdx: number;\n indexPositions: CollectionItem<Item>[];\n label?: string;\n selectionKeys?: string[];\n tabToSelect?: boolean;\n}\n\nexport interface SelectionHookResult<\n Item,\n Selection extends SelectionStrategy = \"default\"\n> {\n listHandlers: ListHandlers;\n selected: Selection extends SingleSelectionStrategy\n ? CollectionItem<Item> \| null\n : CollectionItem<Item>[];\n setSelected: (\n selected: Selection extends SingleSelectionStrategy\n ? CollectionItem<Item> \| null\n : CollectionItem<Item>[]\n ) => void;\n}\n"],"names":[],"mappings":"~~AAoCa~~,~~MAAA~~,YAAA,GAAe,CAC1B,~~QACY~~,~~KAAA~~;AACZ,~~EAAO~~,~~OAAA~~,KAAA,CAAM,QAAQ,QAAQ,CAAA,GACzB,SAAS,~~MAAS~~,~~GAAA~~,CAAA,GAClB,~~QAAa~~,~~KAAA~~,IAAA,IAAQ,~~QAAa~~,~~KAAA~~,~~KAAA,CAAA,CAAA~~;AACxC~~,EAAA~~;~~AAEa~~,~~MAAA~~,oBAAA,GAAuB,CAClC,~~QACgB~~,~~KAAA~~;AAChB,EAAA,OAAO,~~KAAM~~,~~CAAA,~~OAAA,CAAQ,QAAQ,CAAA,GAAI,~~SAAS~~,~~CAAK~~,CAAA,~~GAAA~~,QAAA~~,CAAA~~;AACjD;;;;"}
1	+ {"version":3,"file":"selectionTypes.js","sources":["../src/common-hooks/selectionTypes.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent, SyntheticEvent } from \"react\";\nimport type { CollectionItem } from \"./collectionTypes\";\n\nexport const SINGLE = \"default\";\nexport const MULTIPLE = \"multiple\";\nexport const EXTENDED = \"extended\";\nexport const DESELECTABLE = \"deselectable\";\n\n// export type SelectionDisallowed = \"none\";\nexport type SingleSelectionStrategy = \"default\" \| \"deselectable\";\nexport type MultiSelectionStrategy =\n \| \"multiple\"\n \| \"extended\"\n \| \"extended-multi-range\";\nexport type SelectionStrategy =\n // \| SelectionDisallowed\n SingleSelectionStrategy \| MultiSelectionStrategy;\n\nexport type selectedType<\n Item,\n Selection extends SelectionStrategy,\n> = Selection extends MultiSelectionStrategy ? Item[] : Item \| null;\n\nexport type SelectHandler<Item = string> = (\n event: SyntheticEvent,\n selectedItem: Item,\n) => void;\n\nexport type SelectionChangeHandler<\n Item = string,\n Selection extends SelectionStrategy = \"default\",\n> = (\n event: SyntheticEvent,\n selected: Selection extends SingleSelectionStrategy ? Item \| null : Item[],\n) => void;\n\nexport const hasSelection = <Item = unknown>(\n selected: Item \| Item[] \| null,\n): boolean => {\n return Array.isArray(selected)\n ? selected.length > 0\n : selected !== null && selected !== undefined;\n};\n\nexport const getFirstSelectedItem = <Item = unknown>(\n selected: Item \| Item[] \| null,\n): Item \| null => {\n return Array.isArray(selected) ? selected[0] : selected;\n};\n\nexport interface SelectionProps<\n Item,\n Selection extends SelectionStrategy = \"default\",\n> {\n defaultSelected?: Selection extends SingleSelectionStrategy\n ? Item \| null\n : Item[];\n onSelect?: SelectHandler<Item>;\n onSelectionChange?: SelectionChangeHandler<Item, Selection>;\n selected?: Selection extends SingleSelectionStrategy ? Item \| null : Item[];\n selectionStrategy?: Selection;\n}\n\nexport interface ListHandlers {\n onClick?: (event: MouseEvent<HTMLElement>) => void;\n onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n onKeyboardNavigation?: (\n event: KeyboardEvent<HTMLElement>,\n currentIndex: number,\n ) => void;\n onMouseMove?: (event: MouseEvent<HTMLElement>) => void;\n}\nexport interface SelectionHookProps<\n Item,\n Selection extends SelectionStrategy = \"default\",\n> extends SelectionProps<CollectionItem<Item>, Selection> {\n disableSelection?: boolean;\n highlightedIdx: number;\n indexPositions: CollectionItem<Item>[];\n label?: string;\n selectionKeys?: string[];\n tabToSelect?: boolean;\n}\n\nexport interface SelectionHookResult<\n Item,\n Selection extends SelectionStrategy = \"default\",\n> {\n listHandlers: ListHandlers;\n selected: Selection extends SingleSelectionStrategy\n ? CollectionItem<Item> \| null\n : CollectionItem<Item>[];\n setSelected: (\n selected: Selection extends SingleSelectionStrategy\n ? CollectionItem<Item> \| null\n : CollectionItem<Item>[],\n ) => void;\n}\n"],"names":[],"mappings":"AAoCO,MAAM,YAAA,GAAe,CAC1B,QAAA,KACY;AACZ,EAAA,OAAO,KAAA,CAAM,QAAQ,QAAQ,CAAA,GACzB,SAAS,MAAA,GAAS,CAAA,GAClB,QAAA,KAAa,IAAA,IAAQ,QAAA,KAAa,MAAA;AACxC;AAEO,MAAM,oBAAA,GAAuB,CAClC,QAAA,KACgB;AAChB,EAAA,OAAO,MAAM,OAAA,CAAQ,QAAQ,CAAA,GAAI,QAAA,CAAS,CAAC,CAAA,GAAI,QAAA;AACjD;;;;"}

package/dist-es/common-hooks/useCollapsibleGroups.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { useCallback } from 'react';
+import { useMemo } from 'react';
+import { useEventCallback } from '../utils/useEventCallback.js';
 import { ArrowRight, Enter, ArrowLeft } from './keyUtils.js';
 const NO_HANDLERS = {};
@@ -15,64 +16,51 @@ const useCollapsibleGroups = ({
   highlightedIdx,
   onToggle
 }) => {
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === ArrowRight || e.key === Enter) {
-        const item = collectionHook.data[highlightedIdx];
-        if (item) {
-          if (item.expanded === false && item.value) {
-            e.preventDefault();
-            collectionHook.expandGroupItem(item);
-            onToggle == null ? void 0 : onToggle(item.value);
-          }
-        }
-      }
-      if (e.key === ArrowLeft || e.key === Enter) {
-        const item = collectionHook.data[highlightedIdx];
-        if (item) {
-          if (item.expanded && item.value) {
-            e.preventDefault();
-            collectionHook.collapseGroupItem(item);
-            onToggle == null ? void 0 : onToggle(item.value);
-          }
-        }
-      }
-    },
-    [
-      collectionHook.collapseGroupItem,
-      collectionHook.data,
-      collectionHook.expandGroupItem,
-      highlightedIdx
-    ]
-  );
-  const handleClick = useCallback(
-    (evt) => {
-      console.log(`useCollapsibleGroups idx=${highlightedIdx}`);
+  const handleKeyDown = useEventCallback((e) => {
+    if (e.key === ArrowRight || e.key === Enter) {
       const item = collectionHook.data[highlightedIdx];
-      console.log(evt.target, evt.currentTarget);
-      if (item && canToggleItem(item) && (toggleIconClicked(evt.target))) {
-        evt.stopPropagation();
-        evt.preventDefault();
+      if (item) {
         if (item.expanded === false && item.value) {
+          e.preventDefault();
           collectionHook.expandGroupItem(item);
           onToggle == null ? void 0 : onToggle(item.value);
-        } else if (item.expanded === true && item.value) {
+        }
+      }
+    }
+    if (e.key === ArrowLeft || e.key === Enter) {
+      const item = collectionHook.data[highlightedIdx];
+      if (item) {
+        if (item.expanded && item.value) {
+          e.preventDefault();
           collectionHook.collapseGroupItem(item);
           onToggle == null ? void 0 : onToggle(item.value);
         }
       }
-    },
-    [
-      collectionHook.collapseGroupItem,
-      collectionHook.data,
-      collectionHook.expandGroupItem,
-      highlightedIdx
-    ]
+    }
+  });
+  const handleClick = useEventCallback((evt) => {
+    console.log(`useCollapsibleGroups idx=${highlightedIdx}`);
+    const item = collectionHook.data[highlightedIdx];
+    console.log(evt.target, evt.currentTarget);
+    if (item && canToggleItem(item) && (toggleIconClicked(evt.target))) {
+      evt.stopPropagation();
+      evt.preventDefault();
+      if (item.expanded === false && item.value) {
+        collectionHook.expandGroupItem(item);
+        onToggle == null ? void 0 : onToggle(item.value);
+      } else if (item.expanded === true && item.value) {
+        collectionHook.collapseGroupItem(item);
+        onToggle == null ? void 0 : onToggle(item.value);
+      }
+    }
+  });
+  const listHandlers = useMemo(
+    () => ({
+      onClick: handleClick,
+      onKeyDown: handleKeyDown
+    }),
+    [handleClick, handleKeyDown]
   );
-  const listHandlers = {
-    onClick: handleClick,
-    onKeyDown: handleKeyDown
-  };
   return collapsibleHeaders ? listHandlers : NO_HANDLERS;
 };

package/dist-es/common-hooks/useCollapsibleGroups.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCollapsibleGroups.js","sources":["../src/common-hooks/useCollapsibleGroups.ts"],"sourcesContent":["import { MouseEvent, ~~useCallback~~ } from \"react\";\nimport { ~~ArrowLeft,~~ ~~ArrowRight~~, ~~Enter~~ } from \"./~~keyUtils~~\";\nimport { ~~ListHandlers~~ } from \"./~~selectionTypes~~\";\nimport { ~~CollectionHookResult,~~ ~~CollectionItem~~ } from \"./~~collectionTypes~~\";\n\nconst NO_HANDLERS = {};\nconst canToggleItem = (item: CollectionItem<unknown>) =>\n Array.isArray(item.childNodes);\n// TODO how do we determine this and where does this function belong = in the collectionHook ?\nconst canSelectItem = (~~item: CollectionItem<unknown>~~) => true;\n\nconst toggleIconClicked = (el: HTMLElement) => {\n const closestToggle = el.closest(\n \"[data-toggle],[aria-expanded]\"\n ) as HTMLElement;\n return closestToggle.dataset.toggle === \"true\";\n};\n\ninterface CollapsibleHookProps<Item> {\n collapsibleHeaders?: boolean;\n collectionHook: CollectionHookResult<Item>;\n highlightedIdx: number;\n onToggle?: (node: Item) => void;\n}\n\ninterface CollapsibleHookResult~~<Item>~~ {\n onClick?: ListHandlers[\"onClick\"];\n onKeyDown?: ListHandlers[\"onKeyDown\"];\n}\n\nexport const useCollapsibleGroups = <Item>({\n collapsibleHeaders,\n collectionHook,\n highlightedIdx,\n onToggle,\n}: CollapsibleHookProps<Item>): CollapsibleHookResult~~<Item>~~ => {\n const handleKeyDown = ~~useCallback~~(\n (e: KeyboardEvent) => {\n if (e.key === ArrowRight \|\| e.key === Enter) {\n const item = collectionHook.data[highlightedIdx];\n if (item) {\n if (item.expanded === false && item.value) {\n e.preventDefault();\n collectionHook.expandGroupItem(item);\n onToggle?.(item.value);\n }\n }\n }\n\n if (e.key === ArrowLeft \|\| e.key === Enter) {\n const item = collectionHook.data[highlightedIdx];\n if (item) {\n if (item.expanded && item.value) {\n e.preventDefault();\n collectionHook.collapseGroupItem(item);\n onToggle?.(item.value);\n ~~}\n~~ }\n }\n }~~,\n [~~\n ~~collectionHook.collapseGroupItem,\n collectionHook.data,\n collectionHook.expandGroupItem,\n highlightedIdx,\n ]\n~~ );\n\n const handleClick = ~~useCallback~~(\n (evt: MouseEvent<HTMLElement>) => {\n console.log(`useCollapsibleGroups idx=${highlightedIdx}`);\n const item = collectionHook.data[highlightedIdx];\n console.log(evt.target, evt.currentTarget);\n if (\n item &&\n canToggleItem(item) &&\n (!canSelectItem(~~item~~) \|\| toggleIconClicked(evt.target as HTMLElement))\n ) {\n evt.stopPropagation();\n evt.preventDefault();\n if (item.expanded === false && item.value) {\n collectionHook.expandGroupItem(item);\n onToggle?.(item.value);\n } else if (item.expanded === true && item.value) {\n collectionHook.collapseGroupItem(item);\n onToggle?.(item.value);\n ~~}\n~~ }\n }~~,\n [~~\n ~~collectionHook.collapseGroupItem,\n collectionHook.data,\n collectionHook.expandGroupItem,\n highlightedIdx,\n ]\n~~ );\n\n /*\n These are List handlers, so we will not have reference to the actual node\n * element. We must rely on highlightedIdx to tell us which node is interactive.\n */\n const listHandlers = {\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n };\n\n return collapsibleHeaders ? listHandlers : NO_HANDLERS;\n};\n"],"names":[],"mappings":"~~;;;AAKA~~,MAAM,cAAc,EAAC~~,CAAA~~;AACrB,MAAM,gBAAgB,CAAC,IAAA,KACrB,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,KAAK,UAAU,CAAA~~,CAAA~~;AAI/B,MAAM,iBAAA,GAAoB,CAAC,~~EAAoB~~,~~KAAA~~;AAC7C,EAAA,MAAM,gBAAgB,~~EAAG~~,~~CAAA~~,OAAA;AAAA,IACvB~~,+BAAA~~;AAAA,GACF~~,CAAA~~;AACA,~~EAAO~~,~~OAAA~~,aAAA,CAAc,QAAQ,~~MAAW~~,~~KAAA~~,MAAA~~,CAAA~~;AAC1C,CAAA~~,CAAA~~;AAcO,MAAM,uBAAuB,CAAO;AAAA,EACzC,kBAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA~~,QAAA~~;AACF,~~CAA+D~~,~~KAAA~~;~~AAC7D~~,EAAA,MAAM,~~aAAgB~~,~~GAAA~~,~~WAAA;AAAA~~,~~IACpB~~,CAAC,~~CAAqB~~,~~KAAA~~;~~AACpB~~,~~MAAA~~,IAAI,CAAE,~~CAAA,~~GAAA,KAAQ,~~UAAc~~,~~IAAA~~,CAAA,CAAE,QAAQ,~~KAAO~~,~~EAAA~~;AAC3C,~~QAAM,~~MAAA,IAAA,GAAO,~~eAAe~~,~~IAAK~~,~~CAAA~~,~~cAAA~~,~~CAAA~~,CAAA;~~AACjC~~,~~QAAA~~,IAAI,~~IAAM~~,~~EAAA~~;AACR,~~UAAA~~,IAAI,~~IAAK~~,~~CAAA~~,QAAA,KAAa,~~KAAS~~,~~IAAA~~,IAAA,CAAK,~~KAAO~~,~~EAAA~~;AACzC,~~YAAA~~,CAAA,CAAE,~~cAAe~~,~~EAAA,CAAA~~;AACjB,~~YAAA~~,cAAA,CAAe,gBAAgB,IAAI,CAAA~~,CAAA~~;AACnC,~~YAAA~~,QAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,QAAA,CAAW,~~IAAK~~,~~CAAA~~,KAAA,CAAA~~,CAAA~~;AAAA,~~WAClB~~;AAAA,~~SACF~~;AAAA,~~OACF~~;AAEA,~~MAAA~~,IAAI,CAAE,~~CAAA,~~GAAA,KAAQ,~~SAAa~~,~~IAAA~~,CAAA,CAAE,QAAQ,~~KAAO~~,~~EAAA~~;AAC1C,~~QAAM,~~MAAA,IAAA,GAAO,~~eAAe~~,~~IAAK~~,~~CAAA~~,~~cAAA~~,~~CAAA~~,CAAA;~~AACjC~~,~~QAAA~~,IAAI,~~IAAM~~,~~EAAA~~;AACR,~~UAAI~~,~~IAAA~~,IAAA,CAAK,~~QAAY~~,~~IAAA~~,IAAA,CAAK,~~KAAO~~,~~EAAA~~;AAC/B,~~YAAA~~,CAAA,CAAE,~~cAAe~~,~~EAAA,CAAA~~;AACjB,~~YAAA~~,cAAA,CAAe,kBAAkB,IAAI,CAAA~~,CAAA~~;AACrC,~~YAAA~~,QAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,QAAA,CAAW,~~IAAK~~,~~CAAA~~,KAAA,CAAA~~,CAAA~~;AAAA,~~WAClB~~;AAAA,~~SACF~~;AAAA,~~OACF~~;AAAA,~~KACF;AAAA~~,~~IACA;AAAA~~,~~MACE,cAAe,~~CAAA~~,iBAAA~~;~~AAAA~~,~~MACf,cAAe,CAAA,IAAA;AAAA,MACf,cAAe,CAAA,eAAA;AAAA,MACf,cAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,~~EAAA,MAAM,~~WAAc~~,~~GAAA~~,~~WAAA;AAAA~~,~~IAClB~~,CAAC,~~GAAiC~~,~~KAAA~~;~~AAChC~~,~~MAAQ~~,OAAA,~~CAAA~~,GAAA,CAAI,~~4BAA4B~~,~~cAAgB~~,~~CAAA~~,~~CAAA~~,CAAA,CAAA;AACxD,MAAM,~~MAAA,~~IAAA,GAAO,~~eAAe~~,~~IAAK~~,~~CAAA~~,~~cAAA~~,~~CAAA~~,CAAA;~~AACjC~~,~~MAAA~~,OAAA,CAAQ,~~GAAI~~,~~CAAA~~,GAAA,CAAI,~~MAAQ~~,~~EAAA~~,GAAA,CAAI,aAAa,CAAA~~,CAAA~~;AACzC,~~MACE,~~IAAA,IAAA,IACA,~~aAAc~~,~~CAAA~~,IAAI,~~CACjB~~,~~KAAwB~~,iBAAA,CAAkB,~~GAAI~~,~~CAAA~~,MAAqB,~~CACpE~~,CAAA,~~EAAA~~;AACA,~~QAAA~~,GAAA,CAAI,~~eAAgB~~,~~EAAA,CAAA~~;AACpB,~~QAAA~~,GAAA,CAAI,~~cAAe~~,~~EAAA,CAAA~~;AACnB,~~QAAA~~,IAAI,~~IAAK~~,~~CAAA~~,QAAA,KAAa,~~KAAS~~,~~IAAA~~,IAAA,CAAK,~~KAAO~~,~~EAAA~~;AACzC,~~UAAA~~,cAAA,CAAe,gBAAgB,IAAI,CAAA~~,CAAA~~;AACnC,~~UAAA~~,QAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,QAAA,CAAW,~~IAAK~~,~~CAAA~~,KAAA,CAAA~~,CAAA~~;AAAA,~~SACP~~,MAAA,~~IAAA~~,IAAA,CAAK,~~QAAa~~,~~KAAA~~,IAAA,IAAQ,KAAK,~~KAAO~~,~~EAAA~~;AAC/C,~~UAAA~~,cAAA,CAAe,kBAAkB,IAAI,CAAA~~,CAAA~~;AACrC,~~UAAA~~,QAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,QAAA,CAAW,~~IAAK~~,~~CAAA~~,KAAA,CAAA~~,CAAA~~;AAAA,~~SAClB~~;AAAA,~~OACF~~;AAAA,~~KACF;AAAA~~,~~IACA~~;~~AAAA~~,~~MACE~~,~~cAAe~~,~~CAAA~~,~~iBAAA~~;AAAA,~~MACf~~,~~cAAe,CAAA,IAAA~~;AAAA,~~MACf~~,~~cAAe~~,~~CAAA~~,~~eAAA~~;AAAA,~~MACf~~,~~cAAA;AAAA~~,~~KACF~~;AAAA,~~GACF~~,CAAA;~~AAMA,EAAA,MAAM,YAAe,GAAA;~~AAAA,~~IACnB~~,~~OAAS~~,~~EAAA~~,~~WAAA~~;AAAA,~~IACT,SAAW,EAAA,aAAA~~;~~AAAA,GACb,CAAA;~~AAEA,EAAA,OAAO,qBAAqB,~~YAAe~~,~~GAAA~~,WAAA~~,CAAA~~;AAC7C;;;;"}
1	+ {"version":3,"file":"useCollapsibleGroups.js","sources":["../src/common-hooks/useCollapsibleGroups.ts"],"sourcesContent":["import { type KeyboardEvent, type MouseEvent, useMemo } from \"react\";\nimport { useEventCallback } from \"../utils/useEventCallback\";\nimport type { CollectionHookResult, CollectionItem } from \"./collectionTypes\";\nimport { ArrowLeft, ArrowRight, Enter } from \"./keyUtils\";\nimport type { ListHandlers } from \"./selectionTypes\";\n\nconst NO_HANDLERS = {};\nconst canToggleItem = (item: CollectionItem<unknown>) =>\n Array.isArray(item.childNodes);\n// TODO how do we determine this and where does this function belong = in the collectionHook ?\nconst canSelectItem = () => true;\n\nconst toggleIconClicked = (el: HTMLElement) => {\n const closestToggle = el.closest(\n \"[data-toggle],[aria-expanded]\",\n ) as HTMLElement;\n return closestToggle.dataset.toggle === \"true\";\n};\n\ninterface CollapsibleHookProps<Item> {\n collapsibleHeaders?: boolean;\n collectionHook: CollectionHookResult<Item>;\n highlightedIdx: number;\n onToggle?: (node: Item) => void;\n}\n\ninterface CollapsibleHookResult {\n onClick?: ListHandlers[\"onClick\"];\n onKeyDown?: ListHandlers[\"onKeyDown\"];\n}\n\nexport const useCollapsibleGroups = <Item>({\n collapsibleHeaders,\n collectionHook,\n highlightedIdx,\n onToggle,\n}: CollapsibleHookProps<Item>): CollapsibleHookResult => {\n const handleKeyDown = useEventCallback((e: KeyboardEvent) => {\n if (e.key === ArrowRight \|\| e.key === Enter) {\n const item = collectionHook.data[highlightedIdx];\n if (item) {\n if (item.expanded === false && item.value) {\n e.preventDefault();\n collectionHook.expandGroupItem(item);\n onToggle?.(item.value);\n }\n }\n }\n\n if (e.key === ArrowLeft \|\| e.key === Enter) {\n const item = collectionHook.data[highlightedIdx];\n if (item) {\n if (item.expanded && item.value) {\n e.preventDefault();\n collectionHook.collapseGroupItem(item);\n onToggle?.(item.value);\n }\n }\n }\n });\n\n const handleClick = useEventCallback((evt: MouseEvent<HTMLElement>) => {\n console.log(`useCollapsibleGroups idx=${highlightedIdx}`);\n const item = collectionHook.data[highlightedIdx];\n console.log(evt.target, evt.currentTarget);\n if (\n item &&\n canToggleItem(item) &&\n (!canSelectItem() \|\| toggleIconClicked(evt.target as HTMLElement))\n ) {\n evt.stopPropagation();\n evt.preventDefault();\n if (item.expanded === false && item.value) {\n collectionHook.expandGroupItem(item);\n onToggle?.(item.value);\n } else if (item.expanded === true && item.value) {\n collectionHook.collapseGroupItem(item);\n onToggle?.(item.value);\n }\n }\n });\n\n /*\n These are List handlers, so we will not have reference to the actual node\n * element. We must rely on highlightedIdx to tell us which node is interactive.\n */\n const listHandlers = useMemo(\n () => ({\n onClick: handleClick,\n onKeyDown: handleKeyDown,\n }),\n [handleClick, handleKeyDown],\n );\n\n return collapsibleHeaders ? listHandlers : NO_HANDLERS;\n};\n"],"names":[],"mappings":"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"}