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

package/dist-es/combo-box/useCombobox.js

@@ -1,16 +1,15 @@
 import { useControlled } from '@salt-ds/core';
 import { useRef, useCallback, useState, useEffect } from 'react';
-import '../list/Highlighter.js';
-import '../list/ListItem.js';
-import '../list/List.js';
-import { useList } from '../list/useList.js';
-import '../list/VirtualizedList.js';
 import '../common-hooks/collectionProvider.js';
 import { itemToString } from '../common-hooks/itemToString.js';
 import '../common-hooks/keyUtils.js';
-import '../utils/useFloatingUI.js';
 import 'react/jsx-runtime';
 import '../responsive/useResizeObserver.js';
+import '../list/Highlighter.js';
+import '../list/List.js';
+import '../list/ListItem.js';
+import { useList } from '../list/useList.js';
+import '../list/VirtualizedList.js';
 
 const NULL_REF = { current: null };
 const EnterOnly = ["Enter"];
@@ -20,7 +19,6 @@ const useCombobox = ({
   collectionHook,
   defaultIsOpen,
   defaultValue,
-  disabled,
   onBlur,
   onFocus,
   onChange,
@@ -40,10 +38,9 @@ const useCombobox = ({
     onSelect
   }
 }) => {
-  var _a;
   const isMultiSelect = selectionStrategy === "multiple" || selectionStrategy === "extended";
   const selectedValue = collectionHook.stringToCollectionItem(
-    (_a = valueProp != null ? valueProp : defaultValue) != null ? _a : null
+    valueProp ?? defaultValue ?? null
   );
   const {
     data: indexPositions,
@@ -57,12 +54,12 @@ const useCombobox = ({
   const selectedRef = useRef(selectedValue);
   const [isOpen, setIsOpen] = useControlled({
     controlled: isOpenProp,
-    default: defaultIsOpen != null ? defaultIsOpen : false,
+    default: defaultIsOpen ?? false,
     name: "useDropdownList"
   });
   const [value, setValue] = useControlled({
     controlled: valueProp,
-    default: defaultValue != null ? defaultValue : "",
+    default: defaultValue ?? "",
     name: "ComboBox",
     state: "value"
   });
@@ -70,11 +67,11 @@ const useCombobox = ({
     (sel) => {
       if (Array.isArray(sel)) {
         return sel.map((i) => i.value);
-      } else if (sel) {
+      }
+      if (sel) {
         return sel.value;
-      } else {
-        return sel;
       }
+      return sel;
     },
     []
   );
@@ -82,11 +79,11 @@ const useCombobox = ({
   const [quickSelection, setQuickSelection] = useState(false);
   const highlightSelectedItem = useCallback(
     (selected2 = selectedRef.current) => {
-      var _a2, _b;
+      var _a, _b;
       if (Array.isArray(selected2)) {
         console.log("TODO multi selection");
       } else if (selected2 == null) {
-        (_a2 = setHighlightedIndexRef.current) == null ? void 0 : _a2.call(setHighlightedIndexRef, -1);
+        (_a = setHighlightedIndexRef.current) == null ? void 0 : _a.call(setHighlightedIndexRef, -1);
       } else {
         const indexOfSelectedItem = indexPositions.indexOf(selected2);
         (_b = setHighlightedIndexRef.current) == null ? void 0 : _b.call(setHighlightedIndexRef, indexOfSelectedItem);
@@ -99,11 +96,11 @@ const useCombobox = ({
       setValue(value2);
       setFilterPattern(value2 === "" ? void 0 : value2);
     },
-    [setFilterPattern, setValue]
+    [setFilterPattern]
   );
   const reconcileInput = useCallback(
     (selected2 = selectedRef.current) => {
-      var _a2;
+      var _a;
       let value2 = "";
       if (Array.isArray(selected2)) {
         console.log("TODO multi selection");
@@ -112,7 +109,7 @@ const useCombobox = ({
       }
       setTextValue(value2);
       if (value2 === "") {
-        (_a2 = setHighlightedIndexRef.current) == null ? void 0 : _a2.call(setHighlightedIndexRef, -1);
+        (_a = setHighlightedIndexRef.current) == null ? void 0 : _a.call(setHighlightedIndexRef, -1);
       } else {
         highlightSelectedItem(selected2);
       }
@@ -126,15 +123,9 @@ const useCombobox = ({
       }
       selectedRef.current = selected2;
       reconcileInput(selected2);
-      onSelectionChange == null ? void 0 : onSelectionChange(evt, collectionItemsToItem(selected2 != null ? selected2 : null));
+      onSelectionChange == null ? void 0 : onSelectionChange(evt, collectionItemsToItem(selected2 ?? null));
     },
-    [
-      collectionItemsToItem,
-      isMultiSelect,
-      onSelectionChange,
-      reconcileInput,
-      setIsOpen
-    ]
+    [collectionItemsToItem, isMultiSelect, onSelectionChange, reconcileInput]
   );
   const handleSelectionChange = useCallback(
     (evt, selected2) => {
@@ -154,6 +145,13 @@ const useCombobox = ({
     },
     [allowFreeText, applySelection, indexPositions, quickSelection]
   );
+  const {
+    onKeyDown: inputOnKeyDown,
+    onFocus: inputOnFocus,
+    onChange: inputOnChange,
+    onBlur: inputOnBlur,
+    onSelect: inputOnSelect
+  } = inputProps;
   const handleInputKeyDown = useCallback(
     (evt) => {
       if ("Escape" === evt.key) {
@@ -168,8 +166,15 @@ const useCombobox = ({
         }
       }
       handleFirstItemSelection(evt);
+      inputOnKeyDown == null ? void 0 : inputOnKeyDown(evt);
     },
-    [allowFreeText, handleFirstItemSelection, reconcileInput, setTextValue]
+    [
+      allowFreeText,
+      handleFirstItemSelection,
+      inputOnKeyDown,
+      reconcileInput,
+      setTextValue
+    ]
   );
   const handleKeyboardNavigation = useCallback(() => {
     setDisableAriaActiveDescendant(false);
@@ -192,6 +197,7 @@ const useCombobox = ({
     onKeyDown: handleInputKeyDown,
     onSelectionChange: handleSelectionChange,
     containerRef: NULL_REF,
+    // we are controlling selection from a ref value - is this right ?
     selected: selectedRef.current,
     selectionKeys: EnterOnly,
     selectionStrategy,
@@ -207,13 +213,13 @@ const useCombobox = ({
       }
       onOpenChange == null ? void 0 : onOpenChange(open);
     },
-    [onOpenChange, setIsOpen]
+    [onOpenChange]
   );
   const { onClick: listHandlersOnClick } = listHookListHandlers;
   const handleListClick = useCallback(
     (evt) => {
-      var _a2;
-      (_a2 = document.getElementById(`${id}-input`)) == null ? void 0 : _a2.focus();
+      var _a;
+      (_a = document.getElementById(`${id}-input`)) == null ? void 0 : _a.focus();
       console.log("handle list click");
       listHandlersOnClick == null ? void 0 : listHandlersOnClick(evt);
     },
@@ -223,22 +229,24 @@ const useCombobox = ({
     (evt) => {
       const newValue = evt.target.value;
       setValue(newValue);
-      if (newValue && newValue.trim().length) {
+      if (newValue == null ? void 0 : newValue.trim().length) {
         setFilterPattern(newValue);
       } else {
         setFilterPattern(void 0);
+        if (selectedRef.current !== null) {
+          onSelectionChange == null ? void 0 : onSelectionChange(
+            evt,
+            null
+          );
+        }
         selectedRef.current = null;
-        onSelectionChange == null ? void 0 : onSelectionChange(
-          evt,
-          null
-        );
       }
       setIsOpen(true);
       setQuickSelection(newValue.length > 0 && !allowFreeText);
+      inputOnChange == null ? void 0 : inputOnChange(evt, newValue);
     },
-    [allowFreeText, onSelectionChange, setFilterPattern, setIsOpen, setValue]
+    [allowFreeText, inputOnChange, setFilterPattern, onSelectionChange]
   );
-  const { onFocus: inputOnFocus } = inputProps;
   const { onFocus: listOnFocus } = listControlProps;
   const handleInputFocus = useCallback(
     (evt) => {
@@ -257,7 +265,7 @@ const useCombobox = ({
   );
   const selectInputValue = useCallback(
     (evt) => {
-      var _a2;
+      var _a;
       const text = value.trim();
       if (text) {
         const selectedCollectionItem = stringToCollectionItem(
@@ -265,7 +273,7 @@ const useCombobox = ({
         );
         if (selectedCollectionItem) {
           if (Array.isArray(selectedCollectionItem)) ; else if (selectedCollectionItem !== selected) {
-            (_a2 = setSelectedRef.current) == null ? void 0 : _a2.call(setSelectedRef, selectedCollectionItem);
+            (_a = setSelectedRef.current) == null ? void 0 : _a.call(setSelectedRef, selectedCollectionItem);
             onSelectionChange == null ? void 0 : onSelectionChange(
               evt,
               selectedCollectionItem.value
@@ -281,7 +289,6 @@ const useCombobox = ({
     },
     [onSelectionChange, selected, stringToItem, stringToCollectionItem, value]
   );
-  const { onBlur: inputOnBlur } = inputProps;
   const { onBlur: listOnBlur } = listControlProps;
   const handleInputBlur = useCallback(
     (evt) => {
@@ -306,7 +313,6 @@ const useCombobox = ({
       selectInputValue
     ]
   );
-  const { onSelect: inputOnSelect } = inputProps;
   const handleInputSelect = useCallback(
     (event) => {
       if (ignoreSelectOnFocus.current) {
@@ -323,9 +329,10 @@ const useCombobox = ({
     if (indexPositions.length === 0) {
       setIsOpen(false);
     }
-  }, [highlightSelectedItem, indexPositions.length, setIsOpen]);
+  }, [highlightSelectedItem, indexPositions.length]);
   const mergedInputProps = {
     ...inputProps.inputProps,
+    // "aria-owns": listId,
     "aria-label": ariaLabel
   };
   return {
@@ -335,6 +342,7 @@ const useCombobox = ({
     onOpenChange: handleOpenChange,
     inputProps: {
       ...inputProps,
+      // "aria-activedescendant": activeDescendant,
       id: `${id}-input`,
       inputProps: mergedInputProps,
       onChange: handleInputChange,
@@ -342,6 +350,7 @@ const useCombobox = ({
       role: "combobox",
       value
     },
+    // listControlProps,
     listControlProps: {
       ...listControlProps,
       onBlur: handleInputBlur,

package/dist-es/combo-box/useCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.js","sources":["../src/combo-box/useCombobox.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListHookProps, ListHookResult, useList } from \"../list\";\nimport { DropdownHookResult, DropdownHookProps } from \"../dropdown\";\nimport {\n  CollectionItem,\n  itemToString as defaultItemToString,\n  SelectionChangeHandler,\n  SelectionStrategy,\n  SingleSelectionStrategy,\n} from \"../common-hooks\";\nimport { InputLegacyProps as InputProps } from \"../input-legacy\";\n\nconst NULL_REF = { current: null };\nconst EnterOnly = [\"Enter\"];\n\nexport interface ComboboxHookProps<Item, Strategy extends SelectionStrategy>\n  extends Partial<Omit<DropdownHookProps, \"id\" | \"onKeyDown\">>,\n    Pick<InputProps, \"onBlur\" | \"onChange\" | \"onFocus\" | \"onSelect\">,\n    Omit<\n      ListHookProps<Item, Strategy>,\n      \"containerRef\" | \"defaultSelected\" | \"selected\" | \"onSelect\"\n    > {\n  InputProps?: InputProps;\n  allowFreeText?: boolean;\n  ariaLabel?: string;\n  defaultValue?: string;\n  id: string;\n  itemToString?: (item: Item) => string;\n  stringToItem?: (value?: string) => Item | null | undefined;\n  value?: string;\n}\n\nexport interface ComboboxHookResult<Item, Selection extends SelectionStrategy>\n  extends Pick<\n      ListHookResult<Item, Selection>,\n      | \"focusVisible\"\n      | \"highlightedIndex\"\n      | \"listControlProps\"\n      | \"listHandlers\"\n      | \"selected\"\n    >,\n    Partial<DropdownHookResult> {\n  inputProps: InputProps;\n  onOpenChange: (isOpen: boolean) => void;\n}\n\nexport const useCombobox = <\n  Item,\n  Selection extends SelectionStrategy = \"default\"\n>({\n  allowFreeText,\n  ariaLabel,\n  collectionHook,\n  defaultIsOpen,\n  defaultValue,\n  disabled,\n  onBlur,\n  onFocus,\n  onChange,\n  onSelect,\n  id,\n  isOpen: isOpenProp,\n  itemToString = defaultItemToString as (item: Item) => string,\n  onOpenChange,\n  onSelectionChange,\n  selectionStrategy,\n  stringToItem,\n  value: valueProp,\n  InputProps: inputProps = {\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n  },\n}: ComboboxHookProps<Item, Selection>): ComboboxHookResult<Item, Selection> => {\n  type selectedCollectionType = Selection extends SingleSelectionStrategy\n    ? CollectionItem<Item> | null\n    : CollectionItem<Item>[];\n  const isMultiSelect =\n    selectionStrategy === \"multiple\" || selectionStrategy === \"extended\";\n\n  const selectedValue = collectionHook.stringToCollectionItem<Selection>(\n    valueProp ?? defaultValue ?? null\n  );\n\n  const {\n    data: indexPositions,\n    itemToCollectionItem,\n    setFilterPattern,\n    stringToCollectionItem,\n  } = collectionHook;\n  const setHighlightedIndexRef = useRef<null | ((i: number) => void)>(null);\n  const setSelectedRef = useRef<\n    null | ListHookResult<Item, Selection>[\"setSelected\"]\n  >(null);\n  // Input select events are used to identify user navigation within the input text.\n  // The initial select event fired on focus is an exception that we ignore.\n  const ignoreSelectOnFocus = useRef(true);\n  const selectedRef = useRef<selectedCollectionType>(selectedValue);\n\n  const [isOpen, setIsOpen] = useControlled<boolean>({\n    controlled: isOpenProp,\n    default: defaultIsOpen ?? false,\n    name: \"useDropdownList\",\n  });\n\n  const [value, setValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValue ?? \"\",\n    name: \"ComboBox\",\n    state: \"value\",\n  });\n\n  // TODO repeated in ComboboxNext, move to utils\n  const collectionItemsToItem = useCallback(\n    (\n      sel: CollectionItem<Item> | null | CollectionItem<Item>[]\n    ): Selection extends SingleSelectionStrategy ? Item | null : Item[] => {\n      type returnType = Selection extends SingleSelectionStrategy\n        ? Item | null\n        : Item[];\n      if (Array.isArray(sel)) {\n        return sel.map((i) => i.value) as returnType;\n      } else if (sel) {\n        return sel.value as returnType;\n      } else {\n        return sel as returnType;\n      }\n    },\n    []\n  );\n\n  const [disableAriaActiveDescendant, setDisableAriaActiveDescendant] =\n    useState(true);\n  const [quickSelection, setQuickSelection] = useState(false);\n\n  const highlightSelectedItem = useCallback(\n    (selected: selectedCollectionType = selectedRef.current) => {\n      if (Array.isArray(selected)) {\n        console.log(\"TODO multi selection\");\n      } else if (selected == null) {\n        setHighlightedIndexRef.current?.(-1);\n      } else {\n        const indexOfSelectedItem = indexPositions.indexOf(selected);\n        setHighlightedIndexRef.current?.(indexOfSelectedItem);\n      }\n    },\n    [indexPositions]\n  );\n\n  const setTextValue = useCallback(\n    (value: string) => {\n      setValue(value);\n      setFilterPattern(value === \"\" ? undefined : value);\n    },\n    [setFilterPattern, setValue]\n  );\n\n  const reconcileInput = useCallback(\n    (selected: selectedCollectionType = selectedRef.current) => {\n      let value = \"\";\n      if (Array.isArray(selected)) {\n        console.log(\"TODO multi selection\");\n      } else if (selected != null && selected.value !== null) {\n        value = itemToString(selected.value);\n      }\n      setTextValue(value);\n      if (value === \"\") {\n        setHighlightedIndexRef.current?.(-1);\n      } else {\n        highlightSelectedItem(selected);\n      }\n    },\n    [highlightSelectedItem, itemToString, setTextValue]\n  );\n\n  const applySelection = useCallback(\n    (evt: any, selected: selectedCollectionType) => {\n      if (!isMultiSelect) {\n        setIsOpen(false);\n      }\n      selectedRef.current = selected;\n      reconcileInput(selected);\n      onSelectionChange?.(evt, collectionItemsToItem(selected ?? null));\n    },\n    [\n      collectionItemsToItem,\n      isMultiSelect,\n      onSelectionChange,\n      reconcileInput,\n      setIsOpen,\n    ]\n  );\n\n  const handleSelectionChange = useCallback<\n    SelectionChangeHandler<Item, Selection>\n  >(\n    (evt, selected) => {\n      if (!isMultiSelect) {\n        const selectedCollectionItem = itemToCollectionItem<\n          Selection,\n          typeof selected\n        >(selected);\n        applySelection(evt, selectedCollectionItem);\n      }\n    },\n    [applySelection, isMultiSelect, itemToCollectionItem]\n  );\n\n  const handleFirstItemSelection = useCallback(\n    (evt: KeyboardEvent | ChangeEvent) => {\n      if (\n        !allowFreeText &&\n        (evt as KeyboardEvent).key === \"Enter\" &&\n        quickSelection\n      ) {\n        const [firstItem] = indexPositions;\n        applySelection(evt, firstItem as selectedCollectionType);\n      }\n    },\n    [allowFreeText, applySelection, indexPositions, quickSelection]\n  );\n\n  const handleInputKeyDown = useCallback(\n    (evt: KeyboardEvent) => {\n      if (\"Escape\" === evt.key) {\n        if (allowFreeText) {\n          setTextValue(\"\");\n        } else {\n          reconcileInput();\n        }\n      } else if (\"Tab\" === evt.key) {\n        if (!allowFreeText) {\n          reconcileInput();\n        }\n      }\n\n      handleFirstItemSelection(evt);\n\n      // if (inputProps.onKeyDown) {\n      //   inputProps.onKeyDown(event as KeyboardEvent<HTMLInputElement>);\n      // }\n    },\n    [allowFreeText, handleFirstItemSelection, reconcileInput, setTextValue]\n  );\n\n  const handleKeyboardNavigation = useCallback(() => {\n    setDisableAriaActiveDescendant(false);\n  }, []);\n\n  const {\n    focusVisible,\n    setHighlightedIndex,\n    highlightedIndex,\n    listControlProps,\n    listHandlers: listHookListHandlers,\n    selected,\n    setSelected,\n  } = useList<Item, Selection>({\n    collectionHook,\n    defaultHighlightedIndex: -1,\n    disableAriaActiveDescendant,\n    disableHighlightOnFocus: true,\n    disableTypeToSelect: true,\n    onKeyboardNavigation: handleKeyboardNavigation,\n    onKeyDown: handleInputKeyDown,\n    onSelectionChange: handleSelectionChange,\n    containerRef: NULL_REF,\n    // we are controlling selection from a ref value - is this right ?\n    selected: selectedRef.current,\n    selectionKeys: EnterOnly,\n    selectionStrategy,\n    tabToSelect: !isMultiSelect,\n  });\n\n  setHighlightedIndexRef.current = setHighlightedIndex;\n  setSelectedRef.current = setSelected;\n  // selectedRef.current = selected;\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      setIsOpen(open);\n      if (!open) {\n        setQuickSelection(false);\n      }\n      onOpenChange?.(open);\n    },\n    [onOpenChange, setIsOpen]\n  );\n\n  const { onClick: listHandlersOnClick } = listHookListHandlers;\n  const handleListClick = useCallback(\n    (evt: MouseEvent) => {\n      //TODO use ref\n      document.getElementById(`${id}-input`)?.focus();\n      // const inputEl = inputRef.current;\n      console.log(\"handle list click\");\n      listHandlersOnClick?.(evt);\n      // if (inputEl != null) {\n      //   inputEl.focus();\n      // }\n\n      // if (restListProps.onClick) {\n      //   restListProps.onClick(event as MouseEvent<HTMLDivElement>);\n      // }\n\n      // notifyPopper(event);\n    },\n    [id, listHandlersOnClick]\n  );\n\n  const handleInputChange = useCallback(\n    (evt: ChangeEvent<HTMLInputElement>) => {\n      const newValue = evt.target.value;\n      setValue(newValue);\n\n      if (newValue && newValue.trim().length) {\n        setFilterPattern(newValue);\n      } else {\n        setFilterPattern(undefined);\n        selectedRef.current = null as selectedCollectionType;\n        onSelectionChange?.(\n          evt,\n          null as Selection extends SingleSelectionStrategy\n            ? Item | null\n            : Item[]\n        );\n      }\n\n      setIsOpen(true);\n\n      setQuickSelection(newValue.length > 0 && !allowFreeText);\n\n      // if (inputProps.onChange) {\n      //   inputProps.onChange(event, \"\");\n      // }\n    },\n    [allowFreeText, onSelectionChange, setFilterPattern, setIsOpen, setValue]\n  );\n\n  const { onFocus: inputOnFocus } = inputProps;\n  const { onFocus: listOnFocus } = listControlProps;\n  const handleInputFocus = useCallback(\n    (evt: FocusEvent<HTMLInputElement>) => {\n      setDisableAriaActiveDescendant(false);\n      listOnFocus?.(evt);\n      inputOnFocus?.(evt);\n    },\n    [inputOnFocus, listOnFocus]\n  );\n\n  const listFocused = useCallback(\n    (evt: FocusEvent) => {\n      const element = evt.relatedTarget as HTMLElement;\n      return element?.id === `${id}-list`;\n      return true;\n    },\n    [id]\n  );\n\n  // When focus leaves a free text combo, check to see if the entered text is\n  // a valid selection, if so fire a change event\n  const selectInputValue = useCallback(\n    (evt: ChangeEvent) => {\n      const text = value.trim();\n      if (text) {\n        const selectedCollectionItem = stringToCollectionItem<\"default\">(\n          text\n        ) as selectedCollectionType;\n        if (selectedCollectionItem) {\n          if (Array.isArray(selectedCollectionItem)) {\n            // TODO multi select\n          } else if (selectedCollectionItem !== selected) {\n            setSelectedRef.current?.(selectedCollectionItem);\n            onSelectionChange?.(\n              evt,\n              selectedCollectionItem.value as Selection extends SingleSelectionStrategy\n                ? Item | null\n                : Item[]\n            );\n          }\n        } else if (stringToItem) {\n          const item = stringToItem(text);\n          if (item) {\n            console.log(\"we have a new item\");\n          }\n        }\n        // Hoiw do we check if string is Item\n      }\n    },\n    [onSelectionChange, selected, stringToItem, stringToCollectionItem, value]\n  );\n\n  const { onBlur: inputOnBlur } = inputProps;\n  const { onBlur: listOnBlur } = listControlProps;\n  const handleInputBlur = useCallback(\n    (evt: FocusEvent<HTMLInputElement>) => {\n      if (listFocused(evt)) {\n        // nothing doing\n      } else {\n        listOnBlur?.(evt);\n        inputOnBlur?.(evt);\n        if (allowFreeText) {\n          selectInputValue(evt as ChangeEvent);\n        } else {\n          reconcileInput();\n        }\n        setDisableAriaActiveDescendant(true);\n        ignoreSelectOnFocus.current = true;\n      }\n    },\n    [\n      allowFreeText,\n      listFocused,\n      inputOnBlur,\n      listOnBlur,\n      reconcileInput,\n      selectInputValue,\n    ]\n  );\n\n  const { onSelect: inputOnSelect } = inputProps;\n  const handleInputSelect = useCallback(\n    (event: SyntheticEvent<HTMLDivElement>) => {\n      if (ignoreSelectOnFocus.current) {\n        ignoreSelectOnFocus.current = false;\n      } else {\n        setDisableAriaActiveDescendant(true);\n      }\n      inputOnSelect?.(event);\n    },\n    [inputOnSelect]\n  );\n\n  // If we have selected item(s) and we filter down the list by typing,\n  // the position of selected items within the list may be changing.\n  // Relocate highlighted index to the selection whenever this happens,\n  // so if we resume keyboard navigation, navigation begins from the selected\n  // item.\n  useEffect(() => {\n    highlightSelectedItem();\n    // TODO may need to scrollIntoView\n    if (indexPositions.length === 0) {\n      setIsOpen(false);\n    }\n  }, [highlightSelectedItem, indexPositions.length, setIsOpen]);\n\n  // const activeDescendant: string | undefined = selectionChanged\n  //   ? \"\"\n  //   : undefined;\n\n  const mergedInputProps = {\n    ...inputProps.inputProps,\n    // \"aria-owns\": listId,\n    \"aria-label\": ariaLabel,\n  };\n\n  return {\n    focusVisible,\n    highlightedIndex,\n    isOpen,\n    onOpenChange: handleOpenChange,\n    inputProps: {\n      ...inputProps,\n      // \"aria-activedescendant\": activeDescendant,\n      id: `${id}-input`,\n      inputProps: mergedInputProps,\n      onChange: handleInputChange,\n      onSelect: handleInputSelect,\n      role: \"combobox\",\n      value,\n    },\n    // listControlProps,\n    listControlProps: {\n      ...listControlProps,\n      onBlur: handleInputBlur,\n      onFocus: handleInputFocus,\n    },\n    listHandlers: {\n      ...listHookListHandlers,\n      onClick: handleListClick,\n    },\n    selected,\n  };\n};\n"],"names":["itemToString","defaultItemToString","selected","_a","value"],"mappings":"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"}
+{"version":3,"file":"useCombobox.js","sources":["../src/combo-box/useCombobox.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport {\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  type CollectionItem,\n  itemToString as defaultItemToString,\n  type SelectionChangeHandler,\n  type SelectionStrategy,\n  type SingleSelectionStrategy,\n} from \"../common-hooks\";\nimport type { DropdownHookProps, DropdownHookResult } from \"../dropdown\";\nimport type { InputLegacyProps as InputProps } from \"../input-legacy\";\nimport { type ListHookProps, type ListHookResult, useList } from \"../list\";\n\nconst NULL_REF = { current: null };\nconst EnterOnly = [\"Enter\"];\n\nexport interface ComboboxHookProps<Item, Strategy extends SelectionStrategy>\n  extends Partial<Omit<DropdownHookProps, \"id\" | \"onKeyDown\">>,\n    Pick<InputProps, \"onBlur\" | \"onChange\" | \"onFocus\" | \"onSelect\">,\n    Omit<\n      ListHookProps<Item, Strategy>,\n      \"containerRef\" | \"defaultSelected\" | \"selected\" | \"onSelect\"\n    > {\n  InputProps?: InputProps;\n  allowFreeText?: boolean;\n  ariaLabel?: string;\n  defaultValue?: string;\n  id: string;\n  itemToString?: (item: Item) => string;\n  stringToItem?: (value?: string) => Item | null | undefined;\n  value?: string;\n}\n\nexport interface ComboboxHookResult<Item, Selection extends SelectionStrategy>\n  extends Pick<\n      ListHookResult<Item, Selection>,\n      | \"focusVisible\"\n      | \"highlightedIndex\"\n      | \"listControlProps\"\n      | \"listHandlers\"\n      | \"selected\"\n    >,\n    Partial<DropdownHookResult> {\n  inputProps: InputProps;\n  onOpenChange: (isOpen: boolean) => void;\n}\n\nexport const useCombobox = <\n  Item,\n  Selection extends SelectionStrategy = \"default\",\n>({\n  allowFreeText,\n  ariaLabel,\n  collectionHook,\n  defaultIsOpen,\n  defaultValue,\n  onBlur,\n  onFocus,\n  onChange,\n  onSelect,\n  id,\n  isOpen: isOpenProp,\n  itemToString = defaultItemToString as (item: Item) => string,\n  onOpenChange,\n  onSelectionChange,\n  selectionStrategy,\n  stringToItem,\n  value: valueProp,\n  InputProps: inputProps = {\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n  },\n}: ComboboxHookProps<Item, Selection>): ComboboxHookResult<Item, Selection> => {\n  type selectedCollectionType = Selection extends SingleSelectionStrategy\n    ? CollectionItem<Item> | null\n    : CollectionItem<Item>[];\n  const isMultiSelect =\n    selectionStrategy === \"multiple\" || selectionStrategy === \"extended\";\n\n  const selectedValue = collectionHook.stringToCollectionItem<Selection>(\n    valueProp ?? defaultValue ?? null,\n  );\n\n  const {\n    data: indexPositions,\n    itemToCollectionItem,\n    setFilterPattern,\n    stringToCollectionItem,\n  } = collectionHook;\n  const setHighlightedIndexRef = useRef<null | ((i: number) => void)>(null);\n  const setSelectedRef = useRef<\n    null | ListHookResult<Item, Selection>[\"setSelected\"]\n  >(null);\n  // Input select events are used to identify user navigation within the input text.\n  // The initial select event fired on focus is an exception that we ignore.\n  const ignoreSelectOnFocus = useRef(true);\n  const selectedRef = useRef<selectedCollectionType>(selectedValue);\n\n  const [isOpen, setIsOpen] = useControlled<boolean>({\n    controlled: isOpenProp,\n    default: defaultIsOpen ?? false,\n    name: \"useDropdownList\",\n  });\n\n  const [value, setValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValue ?? \"\",\n    name: \"ComboBox\",\n    state: \"value\",\n  });\n\n  const collectionItemsToItem = useCallback(\n    (\n      sel: CollectionItem<Item> | null | CollectionItem<Item>[],\n    ): Selection extends SingleSelectionStrategy ? Item | null : Item[] => {\n      type returnType = Selection extends SingleSelectionStrategy\n        ? Item | null\n        : Item[];\n      if (Array.isArray(sel)) {\n        return sel.map((i) => i.value) as returnType;\n      }\n      if (sel) {\n        return sel.value as returnType;\n      }\n      return sel as returnType;\n    },\n    [],\n  );\n\n  const [disableAriaActiveDescendant, setDisableAriaActiveDescendant] =\n    useState(true);\n  const [quickSelection, setQuickSelection] = useState(false);\n\n  const highlightSelectedItem = useCallback(\n    (selected: selectedCollectionType = selectedRef.current) => {\n      if (Array.isArray(selected)) {\n        console.log(\"TODO multi selection\");\n      } else if (selected == null) {\n        setHighlightedIndexRef.current?.(-1);\n      } else {\n        const indexOfSelectedItem = indexPositions.indexOf(selected);\n        setHighlightedIndexRef.current?.(indexOfSelectedItem);\n      }\n    },\n    [indexPositions],\n  );\n\n  const setTextValue = useCallback(\n    (value: string) => {\n      setValue(value);\n      setFilterPattern(value === \"\" ? undefined : value);\n    },\n    [setFilterPattern],\n  );\n\n  const reconcileInput = useCallback(\n    (selected: selectedCollectionType = selectedRef.current) => {\n      let value = \"\";\n      if (Array.isArray(selected)) {\n        console.log(\"TODO multi selection\");\n      } else if (selected != null && selected.value !== null) {\n        value = itemToString(selected.value);\n      }\n      setTextValue(value);\n      if (value === \"\") {\n        setHighlightedIndexRef.current?.(-1);\n      } else {\n        highlightSelectedItem(selected);\n      }\n    },\n    [highlightSelectedItem, itemToString, setTextValue],\n  );\n\n  const applySelection = useCallback(\n    (evt: SyntheticEvent, selected: selectedCollectionType) => {\n      if (!isMultiSelect) {\n        setIsOpen(false);\n      }\n      selectedRef.current = selected;\n      reconcileInput(selected);\n      onSelectionChange?.(evt, collectionItemsToItem(selected ?? null));\n    },\n    [collectionItemsToItem, isMultiSelect, onSelectionChange, reconcileInput],\n  );\n\n  const handleSelectionChange = useCallback<\n    SelectionChangeHandler<Item, Selection>\n  >(\n    (evt, selected) => {\n      if (!isMultiSelect) {\n        const selectedCollectionItem = itemToCollectionItem<\n          Selection,\n          typeof selected\n        >(selected);\n        applySelection(evt, selectedCollectionItem);\n      }\n    },\n    [applySelection, isMultiSelect, itemToCollectionItem],\n  );\n\n  const handleFirstItemSelection = useCallback(\n    (evt: KeyboardEvent | ChangeEvent) => {\n      if (\n        !allowFreeText &&\n        (evt as KeyboardEvent).key === \"Enter\" &&\n        quickSelection\n      ) {\n        const [firstItem] = indexPositions;\n        applySelection(evt, firstItem as selectedCollectionType);\n      }\n    },\n    [allowFreeText, applySelection, indexPositions, quickSelection],\n  );\n\n  const {\n    onKeyDown: inputOnKeyDown,\n    onFocus: inputOnFocus,\n    onChange: inputOnChange,\n    onBlur: inputOnBlur,\n    onSelect: inputOnSelect,\n  } = inputProps;\n\n  const handleInputKeyDown = useCallback(\n    (evt: KeyboardEvent) => {\n      if (\"Escape\" === evt.key) {\n        if (allowFreeText) {\n          setTextValue(\"\");\n        } else {\n          reconcileInput();\n        }\n      } else if (\"Tab\" === evt.key) {\n        if (!allowFreeText) {\n          reconcileInput();\n        }\n      }\n\n      handleFirstItemSelection(evt);\n\n      inputOnKeyDown?.(evt as KeyboardEvent<HTMLInputElement>);\n    },\n    [\n      allowFreeText,\n      handleFirstItemSelection,\n      inputOnKeyDown,\n      reconcileInput,\n      setTextValue,\n    ],\n  );\n\n  const handleKeyboardNavigation = useCallback(() => {\n    setDisableAriaActiveDescendant(false);\n  }, []);\n\n  const {\n    focusVisible,\n    setHighlightedIndex,\n    highlightedIndex,\n    listControlProps,\n    listHandlers: listHookListHandlers,\n    selected,\n    setSelected,\n  } = useList<Item, Selection>({\n    collectionHook,\n    defaultHighlightedIndex: -1,\n    disableAriaActiveDescendant,\n    disableHighlightOnFocus: true,\n    disableTypeToSelect: true,\n    onKeyboardNavigation: handleKeyboardNavigation,\n    onKeyDown: handleInputKeyDown,\n    onSelectionChange: handleSelectionChange,\n    containerRef: NULL_REF,\n    // we are controlling selection from a ref value - is this right ?\n    selected: selectedRef.current,\n    selectionKeys: EnterOnly,\n    selectionStrategy,\n    tabToSelect: !isMultiSelect,\n  });\n\n  setHighlightedIndexRef.current = setHighlightedIndex;\n  setSelectedRef.current = setSelected;\n  // selectedRef.current = selected;\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      setIsOpen(open);\n      if (!open) {\n        setQuickSelection(false);\n      }\n      onOpenChange?.(open);\n    },\n    [onOpenChange],\n  );\n\n  const { onClick: listHandlersOnClick } = listHookListHandlers;\n  const handleListClick = useCallback(\n    (evt: MouseEvent<HTMLElement>) => {\n      //TODO use ref\n      document.getElementById(`${id}-input`)?.focus();\n      // const inputEl = inputRef.current;\n      console.log(\"handle list click\");\n      listHandlersOnClick?.(evt);\n      // if (inputEl != null) {\n      //   inputEl.focus();\n      // }\n\n      // if (restListProps.onClick) {\n      //   restListProps.onClick(event as MouseEvent<HTMLDivElement>);\n      // }\n\n      // notifyPopper(event);\n    },\n    [id, listHandlersOnClick],\n  );\n\n  const handleInputChange = useCallback(\n    (evt: ChangeEvent<HTMLInputElement>) => {\n      const newValue = evt.target.value;\n      setValue(newValue);\n\n      if (newValue?.trim().length) {\n        setFilterPattern(newValue);\n      } else {\n        setFilterPattern(undefined);\n        if (selectedRef.current !== null) {\n          onSelectionChange?.(\n            evt,\n            null as Selection extends SingleSelectionStrategy\n              ? Item | null\n              : Item[],\n          );\n        }\n        selectedRef.current = null as selectedCollectionType;\n      }\n\n      setIsOpen(true);\n\n      setQuickSelection(newValue.length > 0 && !allowFreeText);\n\n      inputOnChange?.(evt, newValue);\n    },\n    [allowFreeText, inputOnChange, setFilterPattern, onSelectionChange],\n  );\n\n  const { onFocus: listOnFocus } = listControlProps;\n  const handleInputFocus = useCallback(\n    (evt: FocusEvent<HTMLInputElement>) => {\n      setDisableAriaActiveDescendant(false);\n      listOnFocus?.(evt);\n      inputOnFocus?.(evt);\n    },\n    [inputOnFocus, listOnFocus],\n  );\n\n  const listFocused = useCallback(\n    (evt: FocusEvent) => {\n      const element = evt.relatedTarget as HTMLElement;\n      return element?.id === `${id}-list`;\n    },\n    [id],\n  );\n\n  // When focus leaves a free text combo, check to see if the entered text is\n  // a valid selection, if so fire a change event\n  const selectInputValue = useCallback(\n    (evt: ChangeEvent) => {\n      const text = value.trim();\n      if (text) {\n        const selectedCollectionItem = stringToCollectionItem<\"default\">(\n          text,\n        ) as selectedCollectionType;\n        if (selectedCollectionItem) {\n          if (Array.isArray(selectedCollectionItem)) {\n            // TODO multi select\n          } else if (selectedCollectionItem !== selected) {\n            setSelectedRef.current?.(selectedCollectionItem);\n            onSelectionChange?.(\n              evt,\n              selectedCollectionItem.value as Selection extends SingleSelectionStrategy\n                ? Item | null\n                : Item[],\n            );\n          }\n        } else if (stringToItem) {\n          const item = stringToItem(text);\n          if (item) {\n            console.log(\"we have a new item\");\n          }\n        }\n        // How do we check if string is Item\n      }\n    },\n    [onSelectionChange, selected, stringToItem, stringToCollectionItem, value],\n  );\n\n  const { onBlur: listOnBlur } = listControlProps;\n  const handleInputBlur = useCallback(\n    (evt: FocusEvent<HTMLInputElement>) => {\n      if (listFocused(evt)) {\n        // nothing doing\n      } else {\n        listOnBlur?.(evt);\n        inputOnBlur?.(evt);\n        if (allowFreeText) {\n          selectInputValue(evt as ChangeEvent);\n        } else {\n          reconcileInput();\n        }\n        setDisableAriaActiveDescendant(true);\n        ignoreSelectOnFocus.current = true;\n      }\n    },\n    [\n      allowFreeText,\n      listFocused,\n      inputOnBlur,\n      listOnBlur,\n      reconcileInput,\n      selectInputValue,\n    ],\n  );\n\n  const handleInputSelect = useCallback(\n    (event: SyntheticEvent<HTMLDivElement>) => {\n      if (ignoreSelectOnFocus.current) {\n        ignoreSelectOnFocus.current = false;\n      } else {\n        setDisableAriaActiveDescendant(true);\n      }\n      inputOnSelect?.(event);\n    },\n    [inputOnSelect],\n  );\n\n  // If we have selected item(s) and we filter down the list by typing,\n  // the position of selected items within the list may be changing.\n  // Relocate highlighted index to the selection whenever this happens,\n  // so if we resume keyboard navigation, navigation begins from the selected\n  // item.\n  useEffect(() => {\n    highlightSelectedItem();\n    // TODO may need to scrollIntoView\n    if (indexPositions.length === 0) {\n      setIsOpen(false);\n    }\n  }, [highlightSelectedItem, indexPositions.length]);\n\n  // const activeDescendant: string | undefined = selectionChanged\n  //   ? \"\"\n  //   : undefined;\n\n  const mergedInputProps = {\n    ...inputProps.inputProps,\n    // \"aria-owns\": listId,\n    \"aria-label\": ariaLabel,\n  };\n\n  return {\n    focusVisible,\n    highlightedIndex,\n    isOpen,\n    onOpenChange: handleOpenChange,\n    inputProps: {\n      ...inputProps,\n      // \"aria-activedescendant\": activeDescendant,\n      id: `${id}-input`,\n      inputProps: mergedInputProps,\n      onChange: handleInputChange,\n      onSelect: handleInputSelect,\n      role: \"combobox\",\n      value,\n    },\n    // listControlProps,\n    listControlProps: {\n      ...listControlProps,\n      onBlur: handleInputBlur,\n      onFocus: handleInputFocus,\n    },\n    listHandlers: {\n      ...listHookListHandlers,\n      onClick: handleListClick,\n    },\n    selected,\n  };\n};\n"],"names":["itemToString","defaultItemToString","selected","value"],"mappings":"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"}

package/dist-es/combo-box-deprecated/ComboBox.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltComboBox {\n  width: 100%;\n}\n\n.saltComboBox-field {\n}\n\n.saltComboBox-disabled {\n}\n\n.saltComboBox-listWindowRoot {\n  z-index: calc(var(--salt-zIndex-flyover) - 1);\n}\n";
+var css_248z = ".saltComboBox {\n  width: 100%;\n}\n\n.saltComboBox-listWindowRoot {\n  z-index: calc(var(--salt-zIndex-flyover) - 1);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=ComboBox.css.js.map

package/dist-es/combo-box-deprecated/ComboBoxDeprecated.js

@@ -1,15 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { makePrefixer, useId, useForkRef } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
 import { forwardRef, useRef } from 'react';
-import { DefaultComboBox } from './internal/DefaultComboBox.js';
-import { MultiSelectComboBox } from './internal/MultiSelectComboBox.js';
-import { useWidth } from '../list-deprecated/internal/useWidth.js';
 import '../form-field-context-legacy/FormFieldLegacyContext.js';
 import { useFormFieldLegacyProps } from '../form-field-context-legacy/useFormFieldLegacyProps.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWidth } from '../list-deprecated/internal/useWidth.js';
 import css_248z from './ComboBox.css.js';
+import { DefaultComboBox } from './internal/DefaultComboBox.js';
+import { MultiSelectComboBox } from './internal/MultiSelectComboBox.js';
 
 const withBaseName = makePrefixer("saltComboBox");
 function getMultiSelect({
@@ -52,7 +52,7 @@ const ComboBoxDeprecated = forwardRef(function ComboBox(props, ref) {
     className,
     disabled = formFieldDisabled,
     source = [],
-    multiSelect,
+    multiSelect: _multiSelect,
     initialSelectedItem,
     selectedItem,
     width,
@@ -66,37 +66,43 @@ const ComboBoxDeprecated = forwardRef(function ComboBox(props, ref) {
     width == null && listWidth == null
   );
   const ComboBoxComponent = isMultiSelect ? MultiSelectComboBox : DefaultComboBox;
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: disabled,
-        [withBaseName(`field`)]: inFormField
-      },
-      className
-    ),
-    id,
-    ref: useForkRef(ref, rootRef),
-    style: { width },
-    children: /* @__PURE__ */ jsx(ComboBoxComponent, {
-      ...{
-        ...restProps,
-        id,
-        source,
-        disabled,
-        rootRef,
-        rootWidth,
-        inputRef,
-        listRef,
-        listWidth,
-        initialSelectedItem,
-        selectedItem,
-        "aria-label": clsx(ariaLabel),
-        "aria-labelledby": ariaLabelledBy,
-        "aria-required": ariaRequired
-      }
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        withBaseName(),
+        {
+          [withBaseName("disabled")]: disabled,
+          [withBaseName("field")]: inFormField
+        },
+        className
+      ),
+      id,
+      ref: useForkRef(ref, rootRef),
+      style: { width },
+      children: /* @__PURE__ */ jsx(
+        ComboBoxComponent,
+        {
+          ...{
+            ...restProps,
+            id,
+            source,
+            disabled,
+            rootRef,
+            rootWidth,
+            inputRef,
+            listRef,
+            listWidth,
+            initialSelectedItem,
+            selectedItem,
+            "aria-label": clsx(ariaLabel),
+            "aria-labelledby": ariaLabelledBy,
+            "aria-required": ariaRequired
+          }
+        }
+      )
+    }
+  );
 });
 
 export { ComboBoxDeprecated };

package/dist-es/combo-box-deprecated/ComboBoxDeprecated.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxDeprecated.js","sources":["../src/combo-box-deprecated/ComboBoxDeprecated.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { ComponentType, forwardRef, Ref, useRef } from \"react\";\n\nimport {\n  DefaultComboBox,\n  DefaultComboBoxProps,\n} from \"./internal/DefaultComboBox\";\nimport {\n  MultiSelectComboBox,\n  MultiSelectComboBoxProps,\n} from \"./internal/MultiSelectComboBox\";\nimport { useWidth } from \"../list-deprecated/internal/useWidth\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport comboBoxCss from \"./ComboBox.css\";\n\nconst withBaseName = makePrefixer(\"saltComboBox\");\n\nfunction getMultiSelect<Item>({\n  multiSelect,\n  initialSelectedItem,\n  selectedItem,\n}: {\n  multiSelect?: boolean;\n  initialSelectedItem?: Item | Item[];\n  selectedItem?: Item | Item[];\n}) {\n  return (\n    multiSelect ||\n    Array.isArray(initialSelectedItem) ||\n    Array.isArray(selectedItem)\n  );\n}\n\nconst validateProps = ({\n  isMultiSelect,\n  delimiter,\n}: {\n  isMultiSelect: boolean;\n  delimiter?: string | string[];\n}) => {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!isMultiSelect && delimiter) {\n      console.warn(\"Delimiter can only be used for a multi-select combo-box.\");\n    }\n  }\n};\n\nexport type ComboBoxDeprecatedProps = Omit<\n  DefaultComboBoxProps<any> | MultiSelectComboBoxProps<any>,\n  \"rootRef\"\n> & {\n  rootRef?: Ref<HTMLElement>;\n  delimiter?: string | string[];\n};\n\nexport const ComboBoxDeprecated = forwardRef<\n  HTMLDivElement,\n  ComboBoxDeprecatedProps\n>(function ComboBox(props, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-combo-box-deprecated\",\n    css: comboBoxCss,\n    window: targetWindow,\n  });\n\n  const {\n    inFormField,\n    a11yProps: {\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-required\": ariaRequired,\n      disabled: formFieldDisabled,\n    } = {},\n  } = useFormFieldLegacyProps();\n\n  const { current: isMultiSelect } = useRef(getMultiSelect(props));\n  validateProps({ isMultiSelect, ...props });\n\n  const {\n    inputRef,\n    listRef,\n    className,\n    disabled = formFieldDisabled,\n    source = [],\n    multiSelect,\n    initialSelectedItem,\n    selectedItem,\n    width,\n    listWidth,\n    id: idProp,\n    \"aria-label\": ariaLabel,\n    ...restProps\n  } = props;\n\n  const id = useId(idProp);\n  const [rootRef, rootWidth] = useWidth<HTMLDivElement>(\n    width == null && listWidth == null\n  );\n\n  const ComboBoxComponent = (\n    isMultiSelect ? MultiSelectComboBox : DefaultComboBox\n  ) as ComponentType<ComboBoxDeprecatedProps>;\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(`field`)]: inFormField,\n        },\n        className\n      )}\n      id={id}\n      ref={useForkRef(ref, rootRef)}\n      style={{ width }}\n    >\n      <ComboBoxComponent\n        {...{\n          ...restProps,\n          id,\n          source,\n          disabled,\n          rootRef,\n          rootWidth,\n          inputRef,\n          listRef,\n          listWidth,\n          initialSelectedItem,\n          selectedItem,\n          \"aria-label\": clsx(ariaLabel),\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-required\": ariaRequired,\n        }}\n      />\n    </div>\n  );\n});\n"],"names":["comboBoxCss"],"mappings":"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"}
+{"version":3,"file":"ComboBoxDeprecated.js","sources":["../src/combo-box-deprecated/ComboBoxDeprecated.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentType, forwardRef, type Ref, useRef } from \"react\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\nimport { useWidth } from \"../list-deprecated/internal/useWidth\";\nimport comboBoxCss from \"./ComboBox.css\";\nimport {\n  DefaultComboBox,\n  type DefaultComboBoxProps,\n} from \"./internal/DefaultComboBox\";\nimport {\n  MultiSelectComboBox,\n  type MultiSelectComboBoxProps,\n} from \"./internal/MultiSelectComboBox\";\n\nconst withBaseName = makePrefixer(\"saltComboBox\");\n\nfunction getMultiSelect<Item>({\n  multiSelect,\n  initialSelectedItem,\n  selectedItem,\n}: {\n  multiSelect?: boolean;\n  initialSelectedItem?: Item | Item[];\n  selectedItem?: Item | Item[];\n}) {\n  return (\n    multiSelect ||\n    Array.isArray(initialSelectedItem) ||\n    Array.isArray(selectedItem)\n  );\n}\n\nconst validateProps = ({\n  isMultiSelect,\n  delimiter,\n}: {\n  isMultiSelect: boolean;\n  delimiter?: string | string[];\n}) => {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!isMultiSelect && delimiter) {\n      console.warn(\"Delimiter can only be used for a multi-select combo-box.\");\n    }\n  }\n};\n\nexport type ComboBoxDeprecatedProps = Omit<\n  DefaultComboBoxProps<any> | MultiSelectComboBoxProps<any>,\n  \"rootRef\"\n> & {\n  rootRef?: Ref<HTMLElement>;\n  delimiter?: string | string[];\n};\n\nexport const ComboBoxDeprecated = forwardRef<\n  HTMLDivElement,\n  ComboBoxDeprecatedProps\n>(function ComboBox(props, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-combo-box-deprecated\",\n    css: comboBoxCss,\n    window: targetWindow,\n  });\n\n  const {\n    inFormField,\n    a11yProps: {\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-required\": ariaRequired,\n      disabled: formFieldDisabled,\n    } = {},\n  } = useFormFieldLegacyProps();\n\n  const { current: isMultiSelect } = useRef(getMultiSelect(props));\n  validateProps({ isMultiSelect, ...props });\n\n  const {\n    inputRef,\n    listRef,\n    className,\n    disabled = formFieldDisabled,\n    source = [],\n    multiSelect: _multiSelect,\n    initialSelectedItem,\n    selectedItem,\n    width,\n    listWidth,\n    id: idProp,\n    \"aria-label\": ariaLabel,\n    ...restProps\n  } = props;\n\n  const id = useId(idProp);\n  const [rootRef, rootWidth] = useWidth<HTMLDivElement>(\n    width == null && listWidth == null,\n  );\n\n  const ComboBoxComponent = (\n    isMultiSelect ? MultiSelectComboBox : DefaultComboBox\n  ) as ComponentType<ComboBoxDeprecatedProps>;\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"field\")]: inFormField,\n        },\n        className,\n      )}\n      id={id}\n      ref={useForkRef(ref, rootRef)}\n      style={{ width }}\n    >\n      <ComboBoxComponent\n        {...{\n          ...restProps,\n          id,\n          source,\n          disabled,\n          rootRef,\n          rootWidth,\n          inputRef,\n          listRef,\n          listWidth,\n          initialSelectedItem,\n          selectedItem,\n          \"aria-label\": clsx(ariaLabel),\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-required\": ariaRequired,\n        }}\n      />\n    </div>\n  );\n});\n"],"names":["comboBoxCss"],"mappings":"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"}

package/dist-es/combo-box-deprecated/filterHelpers.js

@@ -1,7 +1,6 @@
 import { escapeRegExp } from '../utils/escapeRegExp.js';
 import 'react';
 import '@salt-ds/core';
-import '../utils/useFloatingUI.js';
 
 const leftTrim = (value) => value ? value.replace(/^\s+/g, "") : value;
 const getDefaultFilterRegex = (value) => new RegExp(`(${escapeRegExp(leftTrim(value))})`, "gi");

package/dist-es/combo-box-deprecated/filterHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterHelpers.js","sources":["../src/combo-box-deprecated/filterHelpers.ts"],"sourcesContent":["import { escapeRegExp } from \"../utils\";\n\nexport type GetFilterRegex = (inputValue: string) => RegExp;\n\nconst leftTrim = (value: string) =>\n  value ? value.replace(/^\\s+/g, \"\") : value;\n\nexport const getDefaultFilterRegex: GetFilterRegex = (value) =>\n  new RegExp(`(${escapeRegExp(leftTrim(value))})`, \"gi\");\n\nexport const getDefaultFilter =\n  (inputValue = \"\", getFilterRegex: GetFilterRegex = getDefaultFilterRegex) =>\n  (itemValue = \"\"): boolean =>\n    Boolean(itemValue.length) &&\n    Boolean(inputValue.length) &&\n    itemValue.match(getFilterRegex(inputValue)) !== null;\n"],"names":[],"mappings":";;;;;AAIA,MAAM,QAAA,GAAW,CAAC,KAChB,KAAA,KAAA,GAAQ,MAAM,OAAQ,CAAA,OAAA,EAAS,EAAE,CAAI,GAAA,KAAA,CAAA;AAE1B,MAAA,qBAAA,GAAwC,CAAC,KAAA,KACpD,IAAI,MAAA,CAAO,CAAI,CAAA,EAAA,YAAA,CAAa,QAAS,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,EAAM,IAAI,EAAA;AAE1C,MAAA,gBAAA,GACX,CAAC,UAAa,GAAA,EAAA,EAAI,iBAAiC,qBACnD,KAAA,CAAC,SAAY,GAAA,EAAA,KACX,OAAQ,CAAA,SAAA,CAAU,MAAM,CACxB,IAAA,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,KAAM,CAAA,cAAA,CAAe,UAAU,CAAC,CAAM,KAAA;;;;"}
+{"version":3,"file":"filterHelpers.js","sources":["../src/combo-box-deprecated/filterHelpers.ts"],"sourcesContent":["import { escapeRegExp } from \"../utils\";\n\nexport type GetFilterRegex = (inputValue: string) => RegExp;\n\nconst leftTrim = (value: string) =>\n  value ? value.replace(/^\\s+/g, \"\") : value;\n\nexport const getDefaultFilterRegex: GetFilterRegex = (value) =>\n  new RegExp(`(${escapeRegExp(leftTrim(value))})`, \"gi\");\n\nexport const getDefaultFilter =\n  (inputValue = \"\", getFilterRegex: GetFilterRegex = getDefaultFilterRegex) =>\n  (itemValue = \"\"): boolean =>\n    Boolean(itemValue.length) &&\n    Boolean(inputValue.length) &&\n    itemValue.match(getFilterRegex(inputValue)) !== null;\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChB,KAAA,GAAQ,MAAM,OAAA,CAAQ,OAAA,EAAS,EAAE,CAAA,GAAI,KAAA;AAEhC,MAAM,qBAAA,GAAwC,CAAC,KAAA,KACpD,IAAI,MAAA,CAAO,CAAA,CAAA,EAAI,YAAA,CAAa,QAAA,CAAS,KAAK,CAAC,CAAC,CAAA,CAAA,CAAA,EAAK,IAAI;AAEhD,MAAM,gBAAA,GACX,CAAC,UAAA,GAAa,EAAA,EAAI,iBAAiC,qBAAA,KACnD,CAAC,SAAA,GAAY,EAAA,KACX,OAAA,CAAQ,SAAA,CAAU,MAAM,CAAA,IACxB,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,KAAA,CAAM,cAAA,CAAe,UAAU,CAAC,CAAA,KAAM;;;;"}