@salt-ds/lab 1.0.0-alpha.7 → 1.0.0-alpha.71

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

@@ -0,0 +1,338 @@
+import { useId, useControlled, useIsFocusVisible, useForkRef, usePrevious, useIsomorphicLayoutEffect } from '@salt-ds/core';
+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/ListItemContext.js';
+import '../../list-deprecated/ListStateContext.js';
+import { useList } from '../../list-deprecated/useList.js';
+import '../../tokenized-input/TokenizedInput.js';
+import '../../tokenized-input/TokenizedInputBase.js';
+import { useTokenizedInput } from '../../tokenized-input/useTokenizedInput.js';
+import { defaultItemToString } from '../../tokenized-input/internal/defaultItemToString.js';
+import { getDefaultFilter, getDefaultFilterRegex } from '../filterHelpers.js';
+import { usePopperStatus, isToggleList } from './usePopperStatus.js';
+
+const REQUIRE_PREV_HIGHLIGHT = ["ArrowUp", "ArrowDown", "PageUp", "PageDown"];
+const useMultiSelectComboBox = (props) => {
+  var _a;
+  const {
+    allowFreeText,
+    displayedItemCount,
+    virtualized,
+    disabled,
+    expandButtonRef,
+    onBlur,
+    onFocus,
+    onChange,
+    onSelect,
+    onInputChange,
+    onInputFocus,
+    onInputBlur,
+    onInputSelect,
+    id: idProp,
+    source: sourceProp,
+    selectedItem: selectedItemProp,
+    inputValue: inputValueProp,
+    initialOpen,
+    initialSelectedItem: initialSelectedItems,
+    "aria-labelledby": ariaLabelledBy,
+    getFilterRegex = getDefaultFilterRegex,
+    itemToString = defaultItemToString,
+    stringToItem: stringToItemProp = (_, value) => value.trim(),
+    InputProps = {
+      onBlur,
+      onFocus,
+      onInputBlur,
+      onInputFocus,
+      onInputChange,
+      onInputSelect
+    },
+    ListProps = {},
+    ...restProps
+  } = props;
+  const id = useId(idProp);
+  const inputId = `${id}-input`;
+  const listId = `${id}-list`;
+  const [inputValue, setInputValue] = useControlled({
+    controlled: inputValueProp,
+    default: "",
+    name: "MultiSelectComboBox",
+    state: "inputValue"
+  });
+  const { isOpen: isListOpen, notifyPopper } = usePopperStatus({
+    initialOpen,
+    isMultiSelect: true
+  });
+  const [selectionChanged, setSelectionChanged] = useState(false);
+  const inputBlurTimeout = useRef(null);
+  const [allowAnnouncement, setAllowAnnouncement] = useState(false);
+  const labels = useMemo(
+    () => sourceProp.map(itemToString),
+    [sourceProp, itemToString]
+  );
+  const source = useMemo(() => {
+    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 == null ? void 0 : inputValue.trim().length) ? getFilterRegex(inputValue) : void 0,
+    [inputValue, getFilterRegex]
+  );
+  const {
+    focusedRef,
+    listProps,
+    state: listState,
+    helpers: listHelpers
+  } = useList({
+    ...ListProps,
+    source,
+    disabled,
+    virtualized,
+    itemToString,
+    displayedItemCount,
+    onChange,
+    onSelect,
+    id: listId,
+    disableFocus: true,
+    disableMouseDown: true,
+    selectionVariant: "multiple",
+    initialSelectedItem: initialSelectedItems,
+    selectedItem: selectedItemProp,
+    "aria-labelledby": ariaLabelledBy
+  });
+  const { "aria-activedescendant": ariaActiveDescendant, ...restListProps } = listProps;
+  const { selectedItem } = listState;
+  const [quickSelection, setQuickSelection] = useState(false);
+  const {
+    isFocusVisibleRef,
+    onFocus: handleFocusVisible,
+    onBlur: handleBlurVisible,
+    ref: focusVisibleRef
+  } = useIsFocusVisible();
+  const selectedItems = selectedItem;
+  const {
+    setSelectedItem: setSelectedItems,
+    setHighlightedIndex: setHighlightedListIndex
+  } = listHelpers;
+  const handleInputFocus = (event) => {
+    handleFocusVisible(event);
+    if (isFocusVisibleRef.current) {
+      listHelpers.setFocusVisible(true);
+    }
+    if (InputProps.onInputFocus) {
+      InputProps.onInputFocus(event);
+    }
+    notifyPopper(event);
+  };
+  const handleInputBlur = (event) => {
+    handleBlurVisible();
+    setAllowAnnouncement(false);
+    setInputValue("");
+    if (restListProps.onBlur) {
+      restListProps.onBlur(event);
+    }
+    if (InputProps.onInputBlur) {
+      InputProps.onInputBlur(event);
+    }
+    notifyPopper(event);
+  };
+  const handleInputChange = (event) => {
+    setInputValue(event.target.value);
+    setQuickSelection(event.target.value.length > 0 && !allowFreeText);
+    if (InputProps.onInputChange) {
+      InputProps.onInputChange(event);
+    }
+  };
+  const handleItemsChange = (newItems) => {
+    const uniqueItems = Array.from(new Set(newItems));
+    setSelectedItems(uniqueItems);
+    onChange == null ? void 0 : onChange(null, uniqueItems);
+  };
+  const handleInputSelect = (event) => {
+    event.persist();
+    setSelectionChanged(true);
+    if (InputProps.onInputSelect) {
+      InputProps.onInputSelect(event);
+    }
+  };
+  const handleClear = () => {
+    setSelectedItems([]);
+  };
+  const stringToItem = (selected, value) => {
+    const trimmed = value.trim();
+    const item = stringToItemProp(selected, trimmed);
+    const isSelected = selected.map(itemToString).indexOf(trimmed) !== -1;
+    return !isSelected && (allowFreeText || labels.indexOf(trimmed) !== -1) ? item : null;
+  };
+  const {
+    inputRef,
+    inputProps,
+    state: inputState,
+    helpers: inputHelpers
+  } = useTokenizedInput({
+    ...restProps,
+    ...InputProps,
+    disabled,
+    itemToString,
+    stringToItem,
+    selectedItems,
+    initialSelectedItems,
+    onInputFocus: handleInputFocus,
+    onInputBlur: handleInputBlur,
+    onInputChange: handleInputChange,
+    onInputSelect: handleInputSelect,
+    onChange: handleItemsChange,
+    onClear: handleClear,
+    onKeyDown: InputProps.onKeyDown
+  });
+  const handleFocusVisibleRef = useForkRef(focusVisibleRef, focusedRef);
+  const handleInputRef = useForkRef(inputRef, handleFocusVisibleRef);
+  const { setHighlightedIndex: setHighlightedPillIndex } = inputHelpers;
+  useEffect(() => {
+    if (!isListOpen) {
+      setHighlightedListIndex(void 0);
+      setQuickSelection(false);
+    }
+  }, [isListOpen, setHighlightedListIndex]);
+  const previousSelectedItems = usePrevious(selectedItems);
+  useIsomorphicLayoutEffect(() => {
+    if (selectedItems.some(
+      (item) => !(previousSelectedItems || []).includes(item)
+    )) {
+      setInputValue("");
+    }
+    if (!selectedItems.length) {
+      setHighlightedListIndex(void 0);
+    }
+  }, [selectedItems, previousSelectedItems, setHighlightedListIndex]);
+  useEffect(() => {
+    if (inputState.highlightedIndex != null && inputState.highlightedIndex >= 0) {
+      setHighlightedListIndex(void 0);
+      setQuickSelection(false);
+    }
+  }, [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);
+  }, [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 == null ? void 0 : onSelect(event, newItem);
+      onChange == null ? void 0 : onChange(event, newSelectedItems);
+    }
+  };
+  const handleListOpenKeyDown = (event) => {
+    if ("Escape" === event.key && inputProps.expanded) {
+      setTimeout(() => {
+        if (expandButtonRef.current) {
+          expandButtonRef.current.focus();
+        }
+      }, 250);
+    }
+    handleFirstItemSelection(event);
+    if ("Home" !== event.key && "End" !== event.key && !(" " === event.key && !event.ctrlKey)) {
+      if (restListProps.onKeyDown) {
+        restListProps.onKeyDown(event);
+      }
+      setSelectionChanged(false);
+    }
+  };
+  const handleInputKeyDown = (event) => {
+    if ("Escape" === event.key) {
+      setInputValue("");
+      setHighlightedListIndex(void 0);
+    }
+    if (" " === event.key && !event.ctrlKey) {
+      setHighlightedPillIndex(void 0);
+    } else {
+      if (inputProps.onKeyDown) {
+        inputProps.onKeyDown(
+          event
+        );
+      }
+    }
+    if (!isToggleList(event) && listState.highlightedIndex == null && REQUIRE_PREV_HIGHLIGHT.indexOf(event.key) !== -1) {
+      event.preventDefault();
+      setHighlightedListIndex(
+        Math.min(quickSelection ? 1 : 0, source.length - 1)
+      );
+      setQuickSelection(false);
+      setSelectionChanged(false);
+    } else if (isListOpen) {
+      handleListOpenKeyDown(event);
+    }
+    setAllowAnnouncement("Backspace" !== event.key);
+    notifyPopper(event);
+  };
+  const handleListClick = (event) => {
+    clearTimeout(
+      inputBlurTimeout.current == null ? void 0 : inputBlurTimeout.current
+    );
+    const inputEl = inputRef && inputRef.current;
+    if (inputEl) {
+      inputEl.focus();
+    }
+    if (restListProps.onClick) {
+      restListProps.onClick(event);
+    }
+  };
+  const mergedInputProps = {
+    ...inputProps.InputProps,
+    inputProps: {
+      ...(_a = inputProps.InputProps) == null ? void 0 : _a.inputProps,
+      role: "textbox",
+      "aria-roledescription": "MultiSelect Combobox"
+    }
+  };
+  if (ariaActiveDescendant && !selectionChanged) {
+    mergedInputProps.inputProps["aria-activedescendant"] = ariaActiveDescendant;
+  }
+  const expandButtonProps = {
+    accessibleText: void 0,
+    role: "button",
+    "aria-roledescription": "Expand combobox button",
+    "aria-labelledby": [ariaLabelledBy, `${inputId}-input`].filter(Boolean).join(" ")
+  };
+  return {
+    inputHelpers,
+    inputRef: handleInputRef,
+    listContext: {
+      state: listState,
+      helpers: listHelpers
+    },
+    inputProps: {
+      ...inputProps,
+      selectedItems,
+      allowAnnouncement,
+      id: inputId,
+      value: inputValue,
+      ExpandButtonProps: expandButtonProps,
+      InputProps: mergedInputProps,
+      onKeyDown: handleInputKeyDown
+    },
+    listProps: {
+      ...restListProps,
+      source,
+      itemToString,
+      itemTextHighlightPattern,
+      onClick: handleListClick,
+      isListOpen: isListOpen && Boolean(source.length)
+    }
+  };
+};
+
+export { useMultiSelectComboBox };
+//# sourceMappingURL=useMultiSelectComboBox.js.map

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

@@ -0,0 +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 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 = (_: 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?.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(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]);\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    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?.(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

@@ -0,0 +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,YAAe,GAAA,CAAC,KAC3B,KAAA,KAAA,CAAM,MAAU,IAAA,CAAC,SAAW,EAAA,WAAW,CAAE,CAAA,OAAA,CAAQ,KAAM,CAAA,GAAG,CAAM,KAAA;AAErD,MAAA,eAAA,GAAkB,CAAC,KAI1B,KAAA;AACJ,EAAA,MAAM,EAAE,WAAA,EAAa,aAAgB,GAAA,KAAA,EAAO,SAAY,GAAA,KAAA;AACxD,EAAA,MAAM,CAAC,MAAQ,EAAA,OAAO,CAAI,GAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA;AAEvD,EAAM,MAAA,eAAA,GAAkB,CAAC,KAA0B,KAAA;AACjD,IAAA,OAAA,CAAQ,KAAK,CAAA;AAEb,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AACf,GACF;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;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;AAAA,UACF,EACN,EAAA;AACA,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,KACH,MAAA,IAAA,MAAA,IAAU,KAAM,CAAA,GAAA,KAAQ,QAAU,EAAA;AAC3C,MAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,eACZ,MAAU,IAAA,CAAC,aAAiB,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AAC5D,MAAA,eAAA,CAAgB,KAAK,CAAA;AAAA;AACvB,GACF;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,KAA0B,KAAA;AAC9C,IAAA,QAAQ,MAAM,IAAM;AAAA,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,KAAM,CAAA,CAAA,iCAAA,EAAoC,KAAM,CAAA,IAAI,CAAE,CAAA,CAAA;AAAA;AAChE,GACF;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist-es/common-hooks/calcPreferredHeight.js

@@ -0,0 +1,25 @@
+const calcPreferredHeight = (props = {}) => {
+  const {
+    borderless,
+    displayedItemCount = 0,
+    itemCount = 0,
+    itemHeight = 0,
+    getItemHeight,
+    gapSize = 1
+  } = props;
+  let preferredHeight = borderless ? 0 : 2;
+  const preferredItemCount = itemCount === 0 ? displayedItemCount : Math.min(displayedItemCount, itemCount);
+  if (typeof getItemHeight === "function") {
+    preferredHeight += Array.from({ length: preferredItemCount }).reduce(
+      (total, _, index) => total + Number(getItemHeight(index)) + gapSize,
+      0
+    ) - // We don't want gap after the last item
+    gapSize;
+  } else {
+    preferredHeight += preferredItemCount * Number(itemHeight) + (preferredItemCount - 1) * gapSize;
+  }
+  return Number.isNaN(preferredHeight) ? void 0 : preferredHeight;
+};
+
+export { calcPreferredHeight };
+//# sourceMappingURL=calcPreferredHeight.js.map

package/dist-es/common-hooks/calcPreferredHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calcPreferredHeight.js","sources":["../src/common-hooks/calcPreferredHeight.js"],"sourcesContent":["// TODO refactor this into hook. See useListHeight hook. This code was originally used by List and Tree. List has been refactored,\n// Tree hasn't yet. When Tree is finalised, probably want to share the useListHeight hook, and rename it to make it more generic.\nexport const calcPreferredHeight = (props = {}) => {\n  const {\n    borderless,\n    displayedItemCount = 0,\n    itemCount = 0,\n    itemHeight = 0,\n    getItemHeight,\n    gapSize = 1,\n  } = props;\n\n  let preferredHeight = borderless ? 0 : 2;\n\n  // if there is no item we render with the preferred count\n  const preferredItemCount =\n    itemCount === 0\n      ? displayedItemCount\n      : Math.min(displayedItemCount, itemCount);\n\n  if (typeof getItemHeight === \"function\") {\n    preferredHeight +=\n      Array.from({ length: preferredItemCount }).reduce(\n        (total, _, index) => total + Number(getItemHeight(index)) + gapSize,\n        0,\n      ) -\n      // We don't want gap after the last item\n      gapSize;\n  } else {\n    preferredHeight +=\n      preferredItemCount * Number(itemHeight) +\n      (preferredItemCount - 1) * gapSize;\n  }\n\n  // list height will be undefined if the item height can not be\n  // converted to a number, for example rem or a percentage string\n  return Number.isNaN(preferredHeight) ? undefined : preferredHeight;\n};\n"],"names":[],"mappings":"AAEO,MAAM,mBAAsB,GAAA,CAAC,KAAQ,GAAA,EAAO,KAAA;AACjD,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,kBAAqB,GAAA,CAAA;AAAA,IACrB,SAAY,GAAA,CAAA;AAAA,IACZ,UAAa,GAAA,CAAA;AAAA,IACb,aAAA;AAAA,IACA,OAAU,GAAA;AAAA,GACR,GAAA,KAAA;AAEJ,EAAI,IAAA,eAAA,GAAkB,aAAa,CAAI,GAAA,CAAA;AAGvC,EAAA,MAAM,qBACJ,SAAc,KAAA,CAAA,GACV,qBACA,IAAK,CAAA,GAAA,CAAI,oBAAoB,SAAS,CAAA;AAE5C,EAAI,IAAA,OAAO,kBAAkB,UAAY,EAAA;AACvC,IAAA,eAAA,IACE,MAAM,IAAK,CAAA,EAAE,MAAQ,EAAA,kBAAA,EAAoB,CAAE,CAAA,MAAA;AAAA,MACzC,CAAC,OAAO,CAAG,EAAA,KAAA,KAAU,QAAQ,MAAO,CAAA,aAAA,CAAc,KAAK,CAAC,CAAI,GAAA,OAAA;AAAA,MAC5D;AAAA,KACF;AAAA,IAEA,OAAA;AAAA,GACG,MAAA;AACL,IAAA,eAAA,IACE,kBAAqB,GAAA,MAAA,CAAO,UAAU,CAAA,GAAA,CACrC,qBAAqB,CAAK,IAAA,OAAA;AAAA;AAK/B,EAAA,OAAO,MAAO,CAAA,KAAA,CAAM,eAAe,CAAA,GAAI,MAAY,GAAA,eAAA;AACrD;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"collectionProvider.js","sources":["../src/common-hooks/collectionProvider.tsx"],"sourcesContent":["import {\n  type ReactElement,\n  cloneElement,\n  createContext,\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":";;;AAYa,MAAA,iBAAA,GAAoB,cAE/B,MAAS;AAOJ,SAAS,kBAAyB,CAAA;AAAA,EACvC,QAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAG;AACL,CAA+B,EAAA;AAC7B,EAAA,2BACG,iBAAkB,CAAA,QAAA,EAAlB,EAA2B,KAAA,EAAO,gBAChC,QAAO,EAAA,MAAA,CAAA,IAAA,CAAK,KAAK,CAAA,CAAE,SAAS,CAAI,GAAA,YAAA,CAAa,QAAU,EAAA,KAAK,IAAI,QACnE,EAAA,CAAA;AAEJ;AAEO,SAAS,aAA8D,GAAA;AAC5E,EAAM,MAAA,UAAA,GAAa,WAAW,iBAAiB,CAAA;AAC/C,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,OAAA,UAAA;AAAA;AAEX;;;;"}

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

@@ -0,0 +1,22 @@
+const isPlainObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
+function itemToString(item) {
+  if (typeof item === "string") {
+    return item;
+  }
+  if (!isPlainObject(item)) {
+    return String(item);
+  }
+  if (Object.prototype.hasOwnProperty.call(item, "label")) {
+    return String(item.label);
+  }
+  console.warn(
+    [
+      "itemToString: you've likely forgotten to set the label prop on the item object.",
+      "You can also provide your own `itemToString` implementation."
+    ].join("\n")
+  );
+  return "";
+}
+
+export { itemToString };
+//# sourceMappingURL=itemToString.js.map

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

@@ -0,0 +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 (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":"AAEA,MAAM,aAAA,GAAgB,CAAC,GACrB,KAAA,MAAA,CAAO,UAAU,QAAS,CAAA,IAAA,CAAK,GAAG,CAAM,KAAA,iBAAA;AAEnC,SAAS,aAAa,IAAuB,EAAA;AAClD,EAAI,IAAA,OAAO,SAAS,QAAU,EAAA;AAC5B,IAAO,OAAA,IAAA;AAAA;AAET,EAAI,IAAA,CAAC,aAAc,CAAA,IAAI,CAAG,EAAA;AACxB,IAAA,OAAO,OAAO,IAAI,CAAA;AAAA;AAGpB,EAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,EAAM,OAAO,CAAG,EAAA;AACvD,IAAO,OAAA,MAAA,CAAQ,KAA4B,KAAK,CAAA;AAAA;AAGlD,EAAQ,OAAA,CAAA,IAAA;AAAA,IACN;AAAA,MACE,iFAAA;AAAA,MACA;AAAA,KACF,CAAE,KAAK,IAAI;AAAA,GACb;AAEA,EAAO,OAAA,EAAA;AACT;;;;"}

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

@@ -0,0 +1,63 @@
+function union(set1, ...sets) {
+  const result = new Set(set1);
+  for (const set of sets) {
+    for (const element of set) {
+      result.add(element);
+    }
+  }
+  return result;
+}
+const ArrowUp = "ArrowUp";
+const ArrowDown = "ArrowDown";
+const ArrowLeft = "ArrowLeft";
+const ArrowRight = "ArrowRight";
+const Enter = "Enter";
+const Home = "Home";
+const End = "End";
+const PageUp = "PageUp";
+const PageDown = "PageDown";
+const Space = " ";
+const actionKeys = /* @__PURE__ */ new Set(["Enter", "Delete", " "]);
+const focusKeys = /* @__PURE__ */ new Set(["Tab"]);
+const arrowLeftRightKeys = /* @__PURE__ */ new Set(["ArrowRight", "ArrowLeft"]);
+const navigationKeys = /* @__PURE__ */ new Set([
+  Home,
+  End,
+  PageUp,
+  PageDown,
+  ArrowDown,
+  ArrowUp
+]);
+const functionKeys = /* @__PURE__ */ new Set([
+  "F1",
+  "F2",
+  "F3",
+  "F4",
+  "F5",
+  "F6",
+  "F7",
+  "F8",
+  "F9",
+  "F10",
+  "F11",
+  "F12"
+]);
+const specialKeys = union(
+  actionKeys,
+  navigationKeys,
+  arrowLeftRightKeys,
+  functionKeys,
+  focusKeys
+);
+const isCharacterKey = (evt) => {
+  if (specialKeys.has(evt.key)) {
+    return false;
+  }
+  return evt.key.length === 1 && !evt.ctrlKey && !evt.metaKey && !evt.altKey;
+};
+const isNavigationKey = ({ key }) => {
+  return navigationKeys.has(key);
+};
+
+export { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, End, Enter, Home, PageDown, PageUp, Space, isCharacterKey, isNavigationKey };
+//# sourceMappingURL=keyUtils.js.map

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

@@ -0,0 +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,IAAgB,EAAA;AACjD,EAAM,MAAA,MAAA,GAAS,IAAI,GAAA,CAAI,IAAI,CAAA;AAC3B,EAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,IAAA,KAAA,MAAW,WAAW,GAAK,EAAA;AACzB,MAAA,MAAA,CAAO,IAAI,OAAO,CAAA;AAAA;AACpB;AAEF,EAAO,OAAA,MAAA;AACT;AAEO,MAAM,OAAU,GAAA;AAChB,MAAM,SAAY,GAAA;AAClB,MAAM,SAAY,GAAA;AAClB,MAAM,UAAa,GAAA;AACnB,MAAM,KAAQ,GAAA;AAEd,MAAM,IAAO,GAAA;AACb,MAAM,GAAM,GAAA;AACZ,MAAM,MAAS,GAAA;AACf,MAAM,QAAW,GAAA;AACjB,MAAM,KAAQ,GAAA;AAGrB,MAAM,6BAAiB,IAAA,GAAA,CAAI,CAAC,OAAS,EAAA,QAAA,EAAU,GAAG,CAAC,CAAA;AACnD,MAAM,SAAY,mBAAA,IAAI,GAAI,CAAA,CAAC,KAAK,CAAC,CAAA;AACjC,MAAM,qCAAyB,IAAA,GAAA,CAAI,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA;AAC9D,MAAM,cAAA,uBAAqB,GAAI,CAAA;AAAA,EAC7B,IAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAC,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;AACF,CAAC,CAAA;AACD,MAAM,WAAc,GAAA,KAAA;AAAA,EAClB,UAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA;AACa,MAAA,cAAA,GAAiB,CAAC,GAAgC,KAAA;AAC7D,EAAA,IAAI,WAAY,CAAA,GAAA,CAAI,GAAI,CAAA,GAAG,CAAG,EAAA;AAC5B,IAAO,OAAA,KAAA;AAAA;AAET,EAAO,OAAA,GAAA,CAAI,GAAI,CAAA,MAAA,KAAW,CAAK,IAAA,CAAC,GAAI,CAAA,OAAA,IAAW,CAAC,GAAA,CAAI,OAAW,IAAA,CAAC,GAAI,CAAA,MAAA;AACtE;AAEO,MAAM,eAAkB,GAAA,CAAC,EAAE,GAAA,EAAkC,KAAA;AAClE,EAAO,OAAA,cAAA,CAAe,IAAI,GAAG,CAAA;AAC/B;;;;"}

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

@@ -0,0 +1,17 @@
+function listItemIndex(listItemEl) {
+  if (listItemEl) {
+    let idx = listItemEl.dataset.idx;
+    if (idx) {
+      return Number.parseInt(idx, 10);
+    }
+    if (idx = listItemEl.ariaPosInSet) {
+      return Number.parseInt(idx, 10) - 1;
+    }
+  }
+  return -1;
+}
+const closestListItem = (el) => el.closest("[data-idx],[aria-posinset]");
+const closestListItemIndex = (el) => listItemIndex(closestListItem(el));
+
+export { closestListItem, closestListItemIndex, listItemIndex };
+//# sourceMappingURL=list-dom-utils.js.map

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

@@ -0,0 +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,UAA0B,EAAA;AACtD,EAAA,IAAI,UAAY,EAAA;AACd,IAAI,IAAA,GAAA,GAAiC,WAAW,OAAQ,CAAA,GAAA;AACxD,IAAA,IAAI,GAAK,EAAA;AACP,MAAO,OAAA,MAAA,CAAO,QAAS,CAAA,GAAA,EAAK,EAAE,CAAA;AAAA;AAEhC,IAAK,IAAA,GAAA,GAAM,WAAW,YAAe,EAAA;AACnC,MAAA,OAAO,MAAO,CAAA,QAAA,CAAS,GAAK,EAAA,EAAE,CAAI,GAAA,CAAA;AAAA;AACpC;AAEF,EAAO,OAAA,EAAA;AACT;AAIO,MAAM,eAAkB,GAAA,CAAC,EAC9B,KAAA,EAAA,CAAG,QAAQ,4BAA4B;AAKlC,MAAM,uBAAuB,CAAC,EAAA,KACnC,aAAc,CAAA,eAAA,CAAgB,EAAE,CAAC;;;;"}

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

@@ -0,0 +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":"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,MAAA;AACxC;AAEa,MAAA,oBAAA,GAAuB,CAClC,QACgB,KAAA;AAChB,EAAA,OAAO,MAAM,OAAQ,CAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,CAAC,CAAI,GAAA,QAAA;AACjD;;;;"}

package/dist-es/common-hooks/useAutoSizer.js

@@ -0,0 +1,40 @@
+import { useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useState, useCallback } from 'react';
+
+function useAutoSizer(props) {
+  const { containerRef: ref, responsive, width, height } = props;
+  const [size, setSize] = useState({ width, height });
+  const handleResize = useCallback(function handleResize2(contentRect) {
+    if (contentRect.width > 0 && contentRect.height > 0) {
+      setSize({
+        width: contentRect.width,
+        height: contentRect.height
+      });
+    }
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    setSize({ width, height });
+  }, [width, height]);
+  useIsomorphicLayoutEffect(() => {
+    if (responsive) {
+      let observer;
+      if (ref.current) {
+        handleResize(ref.current.getBoundingClientRect());
+        observer = new ResizeObserver(
+          ([{ contentRect }]) => {
+          }
+        );
+        observer.observe(ref.current);
+      }
+      return () => {
+        if (observer) {
+          observer.disconnect();
+        }
+      };
+    }
+  }, [handleResize, responsive, ref]);
+  return size;
+}
+
+export { useAutoSizer };
+//# sourceMappingURL=useAutoSizer.js.map

package/dist-es/common-hooks/useAutoSizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoSizer.js","sources":["../src/common-hooks/useAutoSizer.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type RefObject, useCallback, useState } from \"react\";\n\nexport interface ListAutosizerProps {\n  containerRef: RefObject<Element>;\n  responsive: boolean;\n  height?: number | string;\n  width?: number | string;\n}\n\ninterface size {\n  height?: number | string;\n  width?: number | string;\n}\n\nexport function useAutoSizer<Element extends HTMLElement>(\n  props: ListAutosizerProps,\n): size {\n  const { containerRef: ref, responsive, width, height } = props;\n  const [size, setSize] = useState({ width, height });\n\n  const handleResize = useCallback(function handleResize(contentRect: DOMRect) {\n    if (contentRect.width > 0 && contentRect.height > 0) {\n      setSize({\n        width: contentRect.width,\n        height: contentRect.height,\n      });\n    }\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    setSize({ width, height });\n  }, [width, height]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (responsive) {\n      let observer: ResizeObserver;\n      if (ref.current) {\n        handleResize(ref.current.getBoundingClientRect());\n        observer = new ResizeObserver(\n          ([{ contentRect }]: ResizeObserverEntry[]) => {\n            // TODO (currently firing because of scrollbar)\n            // handleResize(contentRect);\n          },\n        );\n        observer.observe(ref.current);\n      }\n      return () => {\n        if (observer) {\n          observer.disconnect();\n        }\n      };\n    }\n  }, [handleResize, responsive, ref]);\n\n  return size;\n}\n"],"names":["handleResize"],"mappings":";;;AAeO,SAAS,aACd,KACM,EAAA;AACN,EAAA,MAAM,EAAE,YAAc,EAAA,GAAA,EAAK,UAAY,EAAA,KAAA,EAAO,QAAW,GAAA,KAAA;AACzD,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,SAAS,EAAE,KAAA,EAAO,QAAQ,CAAA;AAElD,EAAA,MAAM,YAAe,GAAA,WAAA,CAAY,SAASA,aAAAA,CAAa,WAAsB,EAAA;AAC3E,IAAA,IAAI,WAAY,CAAA,KAAA,GAAQ,CAAK,IAAA,WAAA,CAAY,SAAS,CAAG,EAAA;AACnD,MAAQ,OAAA,CAAA;AAAA,QACN,OAAO,WAAY,CAAA,KAAA;AAAA,QACnB,QAAQ,WAAY,CAAA;AAAA,OACrB,CAAA;AAAA;AACH,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAQ,OAAA,CAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA;AAAA,GACxB,EAAA,CAAC,KAAO,EAAA,MAAM,CAAC,CAAA;AAElB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAY,EAAA;AACd,MAAI,IAAA,QAAA;AACJ,MAAA,IAAI,IAAI,OAAS,EAAA;AACf,QAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,CAAA;AAChD,QAAA,QAAA,GAAW,IAAI,cAAA;AAAA,UACb,CAAC,CAAC,EAAE,WAAA,EAAa,CAA6B,KAAA;AAAA;AAG9C,SACF;AACA,QAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA;AAAA;AAE9B,MAAA,OAAO,MAAM;AACX,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,UAAW,EAAA;AAAA;AACtB,OACF;AAAA;AACF,GACC,EAAA,CAAC,YAAc,EAAA,UAAA,EAAY,GAAG,CAAC,CAAA;AAElC,EAAO,OAAA,IAAA;AACT;;;;"}