@salt-ds/lab 1.0.0-alpha.2 → 1.0.0-alpha.21

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

@@ -1,343 +0,0 @@
-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 '../../utils/useFloatingUI.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 { getDefaultFilterRegex, getDefaultFilter } from '../filterHelpers.js';
-import { usePopperStatus, isToggleList } from './usePopperStatus.js';
-
-const REQUIRE_PREV_HIGHLIGHT = ["ArrowUp", "ArrowDown", "PageUp", "PageDown"];
-const useMultiSelectComboBox = (props) => {
-  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 && 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, 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 && 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, setQuickSelection]);
-  const previousSelectedItems = usePrevious(selectedItems);
-  useIsomorphicLayoutEffect(() => {
-    if (selectedItems.some(
-      (item) => !(previousSelectedItems || []).includes(item)
-    )) {
-      setInputValue("");
-    }
-    if (!selectedItems.length) {
-      setHighlightedListIndex(void 0);
-    }
-  }, [
-    selectedItems,
-    previousSelectedItems,
-    setInputValue,
-    setHighlightedListIndex
-  ]);
-  useEffect(() => {
-    if (inputState.highlightedIndex != null && inputState.highlightedIndex >= 0) {
-      setHighlightedListIndex(void 0);
-      setQuickSelection(false);
-    }
-  }, [inputState.highlightedIndex, setHighlightedListIndex, setQuickSelection]);
-  const highlightedIndex = listState && 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 && onSelect(event, newItem);
-      onChange && 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: {
-      ...(inputProps.InputProps || {}).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/packages/lab/src/combo-box-deprecated/internal/useMultiSelectComboBox.js.map

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

package/dist-es/packages/lab/src/common-hooks/useCollectionItems.js

@@ -1,273 +0,0 @@
-import { useState, useRef, useMemo, useCallback, isValidElement } from 'react';
-import { countChildItems, isDisabled, isFocusable, isHeader, isGroupNode, sourceItems, childItems, isParentPath, replaceCollectionItem } from './utils/collection-item-utils.js';
-import { getDefaultFilter, getDefaultFilterRegex } from './utils/filter-utils.js';
-import { itemToString } from './itemToString.js';
-import { useCollection } from './collectionProvider.js';
-
-const defaultCollectionOptions = {};
-const useCollectionItems = ({
-  children,
-  id: idRoot,
-  label = "",
-  options = defaultCollectionOptions,
-  source
-}) => {
-  var _a;
-  const { getItemId } = options;
-  const [, forceUpdate] = useState(null);
-  const inheritedCollectionHook = useCollection();
-  const dataRef = useRef([]);
-  const flattenedDataRef = useRef([]);
-  const EMPTY_COLLECTION = useMemo(() => [], []);
-  const filterPattern = useRef((_a = options.filterPattern) != null ? _a : "");
-  const {
-    getFilterRegex = getDefaultFilterRegex,
-    noChildrenLabel,
-    itemToString: itemToString$1 = itemToString
-  } = options;
-  const isExpanded = useCallback(
-    (path) => {
-      return options.defaultExpanded || false;
-    },
-    [options.defaultExpanded]
-  );
-  const addMetadataToItems = useCallback(
-    (items, indexer, level = 1, path = "", results = [], flattenedCollection2 = [], flattenedSource2 = []) => {
-      items.forEach((item, i, all) => {
-        var _a2, _b;
-        const isCollapsibleHeader = item.header && options.collapsibleHeaders;
-        const isNonCollapsibleGroupNode = item.childNodes && options.collapsibleHeaders === false;
-        const isLeaf = !item.childNodes || item.childNodes.length === 0;
-        const nonCollapsible = isNonCollapsibleGroupNode || isLeaf && !isCollapsibleHeader;
-        const childPath = path ? `${path}.${i}` : `item-${i}`;
-        const id = (_a2 = item.id) != null ? _a2 : getItemId ? getItemId(i) : `${idRoot}-${childPath}`;
-        const expanded = nonCollapsible ? void 0 : (_b = item.expanded) != null ? _b : isExpanded(id);
-        const normalisedItem = {
-          ...item,
-          childNodes: void 0,
-          count: !isNonCollapsibleGroupNode && expanded === void 0 ? 0 : countChildItems(item, all, i),
-          description: item.description,
-          disabled: isDisabled(item.value),
-          focusable: isFocusable(item.value) ? void 0 : false,
-          id,
-          index: indexer.value,
-          expanded,
-          level
-        };
-        results.push(normalisedItem);
-        flattenedCollection2.push(normalisedItem);
-        flattenedSource2.push(items[i].value);
-        indexer.value += 1;
-        if (item.childNodes) {
-          const [children2] = addMetadataToItems(
-            item.childNodes,
-            indexer,
-            level + 1,
-            childPath,
-            [],
-            flattenedCollection2,
-            flattenedSource2
-          );
-          normalisedItem.childNodes = children2;
-        }
-      });
-      return [results, flattenedSource2, flattenedCollection2];
-    },
-    [options.collapsibleHeaders, getItemId, idRoot, isExpanded]
-  );
-  const getFilter = useCallback(() => {
-    if (filterPattern.current) {
-      return getDefaultFilter(filterPattern.current, getFilterRegex);
-    } else {
-      return null;
-    }
-  }, [getFilterRegex]);
-  const collectVisibleItems = useCallback(
-    (items, filter = getFilter(), results = [], idx = { value: 0 }) => {
-      let skipToNextHeader = false;
-      for (const item of items) {
-        if (!(skipToNextHeader && !isHeader(item))) {
-          if (item.value !== null && (filter === null || filter(itemToString$1(item.value)))) {
-            results[idx.value] = item;
-            idx.value += 1;
-          }
-          skipToNextHeader = false;
-          if (isHeader(item) && item.expanded === false) {
-            skipToNextHeader = true;
-          } else if (isGroupNode(item)) {
-            if (item.expanded !== false && item.childNodes) {
-              collectVisibleItems(item.childNodes, filter, results, idx);
-            }
-          }
-        }
-      }
-      return results;
-    },
-    [getFilter, itemToString$1]
-  );
-  const partialCollectionItems = useMemo(() => {
-    return inheritedCollectionHook ? EMPTY_COLLECTION : sourceItems(source, { itemToString: itemToString$1, noChildrenLabel }) || childItems(children) || [];
-  }, [
-    inheritedCollectionHook,
-    EMPTY_COLLECTION,
-    source,
-    itemToString$1,
-    noChildrenLabel,
-    children
-  ]);
-  const [collectionItems, flattenedSource, flattenedCollection] = useMemo(
-    () => inheritedCollectionHook ? [EMPTY_COLLECTION, EMPTY_COLLECTION, EMPTY_COLLECTION] : addMetadataToItems(partialCollectionItems, { value: 0 }),
-    [
-      EMPTY_COLLECTION,
-      addMetadataToItems,
-      inheritedCollectionHook,
-      partialCollectionItems
-    ]
-  );
-  flattenedDataRef.current = flattenedCollection;
-  useMemo(
-    () => inheritedCollectionHook ? EMPTY_COLLECTION : dataRef.current = collectVisibleItems(collectionItems),
-    [
-      EMPTY_COLLECTION,
-      collectVisibleItems,
-      collectionItems,
-      inheritedCollectionHook
-    ]
-  );
-  const collectionItemsRef = useRef(collectionItems);
-  const setFilterPattern = useCallback(
-    (pattern = "") => {
-      if (typeof pattern === "string") {
-        filterPattern.current = pattern;
-        dataRef.current = collectVisibleItems(collectionItemsRef.current);
-        forceUpdate({});
-      }
-    },
-    [collectVisibleItems]
-  );
-  const itemById = useCallback(
-    (id, target = collectionItems) => {
-      const sourceWithId = target.find(
-        (i) => {
-          var _a2;
-          return i.id === id || ((_a2 = i == null ? void 0 : i.childNodes) == null ? void 0 : _a2.length) && isParentPath(i.id, id);
-        }
-      );
-      if ((sourceWithId == null ? void 0 : sourceWithId.id) === id) {
-        return flattenedSource == null ? void 0 : flattenedSource[sourceWithId.index];
-      } else if (sourceWithId) {
-        return itemById(id, sourceWithId.childNodes);
-      }
-      throw Error(`useCollectionData itemById, id ${id} not found `);
-    },
-    [flattenedSource, collectionItems]
-  );
-  const toCollectionItem = useCallback(
-    (item) => {
-      const collectionItem = flattenedDataRef.current.find(
-        (i) => isValidElement(i.value) ? i.label === item : i.value === item
-      );
-      if (collectionItem) {
-        return collectionItem;
-      }
-      throw Error(`useCollectionData toCollectionItem, item not found `);
-    },
-    []
-  );
-  const itemToCollectionItem = useCallback(
-    (sel) => {
-      if (sel === null) {
-        return null;
-      } else if (Array.isArray(sel)) {
-        const result = [];
-        for (const item of sel) {
-          const collectionItem = toCollectionItem(item);
-          result.push(collectionItem);
-        }
-        return result;
-      } else if (sel !== void 0) {
-        return toCollectionItem(sel);
-      }
-      return void 0;
-    },
-    [toCollectionItem]
-  );
-  const stringToCollectionItem = useCallback(
-    (value) => {
-      const toCollectionItem2 = (item) => {
-        const collectionItem = flattenedDataRef.current.find(
-          (i) => isValidElement(i.value) ? i.label === item : i.value !== null && itemToString$1(i.value) === item
-        );
-        if (collectionItem) {
-          return collectionItem;
-        }
-      };
-      if (value === null) {
-        return null;
-      } else if (Array.isArray(value)) {
-        const result = [];
-        for (const item of value) {
-          const collectionItem = toCollectionItem2(item);
-          if (collectionItem) {
-            result.push(collectionItem);
-          }
-        }
-        return result;
-      } else if (value !== void 0) {
-        return toCollectionItem2(value);
-      }
-      return void 0;
-    },
-    [itemToString$1]
-  );
-  const itemToId = useCallback((item) => {
-    for (const collectionItem of collectionItemsRef.current) {
-      if (item === collectionItem.value) {
-        return collectionItem.id;
-      }
-    }
-    throw Error("useCollectionData itemToId, item not found");
-  }, []);
-  const collapseGroupItem = useCallback(
-    (item) => {
-      collectionItemsRef.current = replaceCollectionItem(
-        collectionItemsRef.current,
-        item.id,
-        {
-          expanded: false
-        }
-      );
-      dataRef.current = collectVisibleItems(collectionItemsRef.current);
-      forceUpdate({});
-    },
-    [collectVisibleItems]
-  );
-  const expandGroupItem = useCallback(
-    (item) => {
-      collectionItemsRef.current = replaceCollectionItem(
-        collectionItemsRef.current,
-        item.id,
-        {
-          expanded: true
-        }
-      );
-      dataRef.current = collectVisibleItems(collectionItemsRef.current);
-      forceUpdate({});
-    },
-    [collectVisibleItems]
-  );
-  return inheritedCollectionHook || {
-    collapseGroupItem,
-    data: dataRef.current,
-    expandGroupItem,
-    setFilterPattern,
-    itemById,
-    itemToId,
-    toCollectionItem,
-    itemToCollectionItem,
-    stringToCollectionItem
-  };
-};
-
-export { useCollectionItems };
-//# sourceMappingURL=useCollectionItems.js.map