@solid2-aria/stately 0.0.0-stage → 0.0.1

package/dist/combobox/create-combo-box-state.js

@@ -0,0 +1,450 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/combobox/useComboBoxState.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createControlledSignal } from "../utils/create-controlled-signal.js";
+import { getLegacyDefaultSelectedKey, getLegacySelectedKey, notifyLegacySelectionChange } from "../utils/legacy-props.js";
+import { createFormValidationState } from "../form/create-form-validation-state.js";
+import { getChildNodes } from "../collections/get-child-nodes.js";
+import { ListCollection } from "../list/list-collection.js";
+import { createListState } from "../list/create-list-state.js";
+import { createOverlayTriggerState } from "../overlays/create-overlay-trigger-state.js";
+import { createMemo, createRenderEffect, createSignal, merge, untrack } from "solid-js";
+// src/combobox/create-combo-box-state.ts
+/**
+* Provides state management for a combo box component. Handles building a collection of items from
+* props and manages the option selection state of the combo box. In addition, it tracks the input
+* value, focus state, and other properties of the combo box.
+*/
+function createComboBoxState(props) {
+	const defaultFilter = createMemo(() => props.defaultFilter);
+	const menuTrigger = createMemo(() => props.menuTrigger ?? "input");
+	const allowsEmptyCollection = createMemo(() => props.allowsEmptyCollection ?? false);
+	const allowsCustomValue = createMemo(() => props.allowsCustomValue);
+	const shouldCloseOnBlur = createMemo(() => props.shouldCloseOnBlur ?? true);
+	const selectionMode = createMemo(() => props.selectionMode ?? "single");
+	const [showAllItems, setShowAllItems] = createSignal(false, { ownedWrite: true });
+	const [isFocused, setFocusedState] = createSignal(false, { ownedWrite: true });
+	const [focusStrategy, setFocusStrategy] = createSignal(null, { ownedWrite: true });
+	let closedDueToEmpty = false;
+	const defaultValue = createMemo(() => {
+		const currentSelectionMode = selectionMode();
+		return props.defaultValue ?? (currentSelectionMode === "single" ? getLegacyDefaultSelectedKey(props) ?? null : []);
+	});
+	const value = createMemo(() => {
+		const currentSelectionMode = selectionMode();
+		return props.value ?? (currentSelectionMode === "single" ? getLegacySelectedKey(props) : void 0);
+	});
+	const [controlledValue, setControlledValue] = createControlledSignal(() => value(), untrack(() => defaultValue()), (localValue) => {
+		const change = isKeyArray(localValue) ? [...localValue] : localValue;
+		props.onChange?.(change);
+	});
+	const displayValue = createMemo(() => {
+		const currentSelectionMode = selectionMode();
+		const currentControlledValue = controlledValue();
+		return currentSelectionMode === "single" && isKeyArray(currentControlledValue) ? currentControlledValue[0] ?? null : currentControlledValue;
+	});
+	const setValue = (localValue) => {
+		const currentSelectionMode = selectionMode();
+		const currentDisplayValue = displayValue();
+		if (currentSelectionMode === "single") {
+			const key = isKeyArray(localValue) ? localValue[0] ?? null : localValue;
+			setControlledValue(key);
+			if (key !== currentDisplayValue) notifyLegacySelectionChange(props, key);
+		} else {
+			let keys = [];
+			if (isKeyArray(localValue)) keys = [...localValue];
+			else if (localValue !== null && localValue !== void 0) keys = [localValue];
+			setControlledValue(keys);
+		}
+	};
+	const derivedProperty0 = createMemo(() => {
+		return convertValue(displayValue());
+	});
+	const listState = createListState(merge(props, {
+		get allowDuplicateSelectionEvents() {
+			return true;
+		},
+		get disallowEmptySelection() {
+			return selectionMode() === "single";
+		},
+		get items() {
+			return props.items ?? props.defaultItems;
+		},
+		get onSelectionChange() {
+			return (keys) => {
+				const currentSelectionMode = selectionMode();
+				const currentDisplayValue = displayValue();
+				if (keys === "all") return;
+				if (currentSelectionMode === "single") {
+					const key = keys.values().next().value ?? null;
+					if (key === currentDisplayValue) {
+						notifyLegacySelectionChange(props, key);
+						resetInputValue();
+						closeMenu();
+					} else setValue(key);
+				} else setValue([...keys]);
+			};
+		},
+		get selectedKeys() {
+			return derivedProperty0();
+		},
+		get selectionMode() {
+			return selectionMode();
+		}
+	}));
+	const collection = createMemo(() => listState.collection);
+	const selectionManager = createMemo(() => listState.selectionManager);
+	const disabledKeys = createMemo(() => listState.disabledKeys);
+	const selectedKey = createMemo(() => {
+		const currentSelectionMode = selectionMode();
+		const currentSelectionManager = selectionManager();
+		return currentSelectionMode === "single" ? currentSelectionManager.firstSelectedKey : null;
+	});
+	const selectedItems = createMemo(() => {
+		return [...selectionManager().selectedKeys].flatMap((key) => {
+			const item = collection().getItem(key);
+			return item === null || item === void 0 ? [] : [item];
+		});
+	});
+	const [inputValue, setInputValue] = createControlledSignal(() => props.inputValue, untrack(() => {
+		const currentSelectedKey = selectedKey();
+		const currentCollection = collection();
+		return getDefaultInputValue(props.defaultInputValue, currentSelectedKey, currentCollection) ?? "";
+	}), (localValue) => {
+		props.onInputChange?.(localValue);
+	});
+	const initialValue = untrack(() => displayValue());
+	const initialInputValue = untrack(() => inputValue());
+	const originalCollection = createMemo(() => collection());
+	const filteredCollection = createMemo(() => {
+		const currentDefaultFilter = defaultFilter();
+		const currentCollection = collection();
+		const currentInputValue = inputValue();
+		return props.items !== null && props.items !== void 0 || !currentDefaultFilter ? currentCollection : filterCollection(currentCollection, currentInputValue, currentDefaultFilter);
+	});
+	const [lastCollection, setLastCollection] = createSignal(untrack(() => filteredCollection()), { ownedWrite: true });
+	let menuOpenTrigger = "focus";
+	const onOpenChange = (open) => {
+		const currentSelectionManager = selectionManager();
+		if (props.onOpenChange) props.onOpenChange(open, open ? menuOpenTrigger : void 0);
+		currentSelectionManager.setFocused(open);
+		if (!open) currentSelectionManager.setFocusedKey(null);
+	};
+	const triggerState = createOverlayTriggerState(merge(props, {
+		defaultOpen: void 0,
+		isOpen: void 0,
+		onOpenChange
+	}));
+	const open = (localFocusStrategy = null, trigger) => {
+		const currentMenuTrigger = menuTrigger();
+		const currentAllowsEmptyCollection = allowsEmptyCollection();
+		const currentFilteredCollection = filteredCollection();
+		const currentOriginalCollection = originalCollection();
+		const displayAllItems = trigger === "manual" || trigger === "focus" && currentMenuTrigger === "focus";
+		if (currentAllowsEmptyCollection || currentFilteredCollection.size > 0 || displayAllItems && currentOriginalCollection.size > 0 || props.items) {
+			if (displayAllItems && !triggerState.isOpen && props.items === void 0) setShowAllItems(true);
+			menuOpenTrigger = trigger;
+			setFocusStrategy(localFocusStrategy);
+			triggerState.open();
+		}
+	};
+	const toggle = (localFocusStrategy = null, trigger) => {
+		const currentMenuTrigger = menuTrigger();
+		const currentAllowsEmptyCollection = allowsEmptyCollection();
+		const currentFilteredCollection = filteredCollection();
+		const currentOriginalCollection = originalCollection();
+		const displayAllItems = trigger === "manual" || trigger === "focus" && currentMenuTrigger === "focus";
+		if (!currentAllowsEmptyCollection && !(currentFilteredCollection.size > 0) && (!displayAllItems || !(currentOriginalCollection.size > 0)) && !props.items && !triggerState.isOpen) return;
+		if (displayAllItems && !triggerState.isOpen && props.items === void 0) setShowAllItems(true);
+		if (!triggerState.isOpen) menuOpenTrigger = trigger;
+		toggleMenu(localFocusStrategy);
+	};
+	const updateLastCollection = () => {
+		const currentShowAllItems = showAllItems();
+		const currentOriginalCollection = originalCollection();
+		const currentFilteredCollection = filteredCollection();
+		setLastCollection(currentShowAllItems ? currentOriginalCollection : currentFilteredCollection);
+	};
+	function toggleMenu(localFocusStrategy = null) {
+		if (triggerState.isOpen) updateLastCollection();
+		setFocusStrategy(localFocusStrategy);
+		triggerState.toggle();
+	}
+	function closeMenu() {
+		if (triggerState.isOpen) {
+			updateLastCollection();
+			triggerState.close();
+		}
+	}
+	const [lastValue, setLastValue] = createSignal(untrack(() => inputValue()), { ownedWrite: true });
+	function resetInputValue() {
+		const currentSelectedKey = selectedKey();
+		const currentCollection = collection();
+		const itemText = currentSelectedKey === null || currentSelectedKey === void 0 ? "" : currentCollection.getItem(currentSelectedKey)?.textValue ?? "";
+		setLastValue(itemText);
+		setInputValue(itemText);
+	}
+	let previousValue = untrack(() => displayValue());
+	let lastSelectedKeyText = untrack(() => {
+		const currentSelectedKey = selectedKey();
+		const currentCollection = collection();
+		return currentSelectedKey === null || currentSelectedKey === void 0 ? "" : currentCollection.getItem(currentSelectedKey)?.textValue ?? "";
+	});
+	createRenderEffect(() => {
+		const currentSelectedKey = selectedKey();
+		const currentCollection = collection();
+		return {
+			currentAllowsEmptyCollection: allowsEmptyCollection(),
+			currentDisplayValue: displayValue(),
+			currentFilteredCollection: filteredCollection(),
+			currentInputValue: inputValue(),
+			currentIsFocused: isFocused(),
+			currentIsOpen: triggerState.isOpen,
+			currentLastValue: lastValue(),
+			currentMenuTrigger: menuTrigger(),
+			currentSelectedKey,
+			currentSelectedText: currentSelectedKey === null ? "" : currentCollection.getItem(currentSelectedKey)?.textValue ?? "",
+			currentSelectionManager: selectionManager(),
+			currentSelectionMode: selectionMode(),
+			currentShowAllItems: showAllItems(),
+			currentValue: value(),
+			inputIsControlled: props.inputValue !== void 0
+		};
+	}, ({ currentIsFocused, currentFilteredCollection, currentAllowsEmptyCollection, currentInputValue, currentLastValue, currentMenuTrigger, currentShowAllItems, currentDisplayValue, currentSelectionMode, currentSelectionManager, currentValue, currentSelectedKey, currentSelectedText, currentIsOpen, inputIsControlled }) => {
+		function synchronizeMenu() {
+			if (currentIsFocused && (currentFilteredCollection.size > 0 || currentAllowsEmptyCollection) && !currentIsOpen && currentInputValue !== currentLastValue && currentMenuTrigger !== "manual") open(null, "input");
+			if (!currentShowAllItems && !currentAllowsEmptyCollection && currentIsOpen && currentFilteredCollection.size === 0) {
+				closedDueToEmpty = true;
+				closeMenu();
+			}
+			if (currentIsFocused && closedDueToEmpty && currentFilteredCollection.size > 0 && !currentIsOpen && currentMenuTrigger !== "manual") {
+				closedDueToEmpty = false;
+				open(null, "input");
+			}
+		}
+		function synchronizeSelection() {
+			if (currentDisplayValue !== null && currentDisplayValue !== void 0 && currentDisplayValue !== previousValue && currentSelectionMode === "single") closeMenu();
+			if (currentInputValue !== currentLastValue) {
+				currentSelectionManager.setFocusedKey(null);
+				setShowAllItems(false);
+				if (currentSelectionMode === "single" && currentInputValue === "" && (!inputIsControlled || currentValue === void 0)) setValue(null);
+			}
+			if (currentDisplayValue !== previousValue && (!inputIsControlled || currentValue === void 0)) resetInputValue();
+			else if (currentLastValue !== currentInputValue) setLastValue(currentInputValue);
+		}
+		function synchronizeSelectedText() {
+			const selectedItemText = currentSelectedText;
+			if (!currentIsFocused && currentSelectedKey !== null && currentSelectedKey !== void 0 && !inputIsControlled && currentSelectedKey === previousValue && lastSelectedKeyText !== selectedItemText) {
+				setLastValue(selectedItemText);
+				setInputValue(selectedItemText);
+			}
+			return selectedItemText;
+		}
+		untrack(() => {
+			synchronizeMenu();
+			synchronizeSelection();
+			const selectedItemText = synchronizeSelectedText();
+			previousValue = currentDisplayValue;
+			lastSelectedKeyText = selectedItemText;
+		});
+	});
+	const derivedProperty1 = createMemo(() => {
+		const currentDisplayValue = displayValue();
+		const currentInputValue = inputValue();
+		const currentSelectedKey = selectedKey();
+		return isKeyArray(currentDisplayValue) && currentDisplayValue.length === 0 ? null : {
+			inputValue: currentInputValue,
+			selectedKey: currentSelectedKey,
+			value: isKeyArray(currentDisplayValue) ? [...currentDisplayValue] : currentDisplayValue
+		};
+	});
+	const validation = createFormValidationState(merge(props, { get value() {
+		return derivedProperty1();
+	} }));
+	const revert = () => {
+		const currentAllowsCustomValue = allowsCustomValue();
+		const currentSelectedKey = selectedKey();
+		closedDueToEmpty = false;
+		if (currentAllowsCustomValue === true && (currentSelectedKey === null || currentSelectedKey === void 0)) commitCustomValue();
+		else commitSelection();
+	};
+	function commitCustomValue() {
+		const currentSelectionMode = selectionMode();
+		const currentInputValue = inputValue();
+		if (currentSelectionMode === "multiple") {
+			setLastValue(currentInputValue);
+			closeMenu();
+			return;
+		}
+		const localValue = null;
+		previousValue = localValue;
+		setValue(localValue);
+		closeMenu();
+	}
+	function commitSelection(shouldForceSelectionChange = false) {
+		const currentValue = value();
+		const currentSelectedKey = selectedKey();
+		const currentCollection = collection();
+		const currentSelectionMode = selectionMode();
+		const currentInputValue = inputValue();
+		const currentDisplayValue = displayValue();
+		if (currentValue !== void 0 && props.inputValue !== void 0) {
+			const itemText = currentSelectedKey === null || currentSelectedKey === void 0 ? "" : currentCollection.getItem(currentSelectedKey)?.textValue ?? "";
+			if (shouldForceSelectionChange || currentSelectionMode === "multiple" || currentInputValue !== itemText) {
+				notifyLegacySelectionChange(props, currentSelectedKey);
+				const change = isKeyArray(currentDisplayValue) ? [...currentDisplayValue] : currentDisplayValue;
+				props.onChange?.(change);
+			}
+			setLastValue(itemText);
+		} else resetInputValue();
+		closeMenu();
+	}
+	const commitValue = () => {
+		const currentAllowsCustomValue = allowsCustomValue();
+		const currentSelectedKey = selectedKey();
+		const currentCollection = collection();
+		const currentInputValue = inputValue();
+		closedDueToEmpty = false;
+		if (currentAllowsCustomValue === true) {
+			if (currentInputValue === (currentSelectedKey === null || currentSelectedKey === void 0 ? "" : currentCollection.getItem(currentSelectedKey)?.textValue ?? "")) commitSelection();
+			else commitCustomValue();
+		} else commitSelection();
+	};
+	const commit = () => {
+		const currentSelectionManager = selectionManager();
+		const currentSelectionMode = selectionMode();
+		if (triggerState.isOpen && currentSelectionManager.focusedKey !== null && currentSelectionManager.focusedKey !== void 0) {
+			if (currentSelectionManager.isSelected(currentSelectionManager.focusedKey) && currentSelectionMode === "single") commitSelection(true);
+			else currentSelectionManager.select(currentSelectionManager.focusedKey);
+		} else commitValue();
+	};
+	let valueOnFocus = untrack(() => {
+		return [inputValue(), displayValue()];
+	});
+	const setFocused = (localIsFocused) => {
+		const currentInputValue = inputValue();
+		const currentDisplayValue = displayValue();
+		const currentMenuTrigger = menuTrigger();
+		const currentShouldCloseOnBlur = shouldCloseOnBlur();
+		if (localIsFocused) {
+			valueOnFocus = [currentInputValue, currentDisplayValue];
+			if (currentMenuTrigger === "focus" && !(props.isReadOnly === true)) open(null, "focus");
+		} else {
+			if (currentShouldCloseOnBlur) commitValue();
+			if (currentInputValue !== valueOnFocus[0] || currentDisplayValue !== valueOnFocus[1]) validation.commitValidation();
+		}
+		setFocusedState(localIsFocused);
+	};
+	const displayedCollection = createMemo(() => {
+		const currentShowAllItems = showAllItems();
+		const currentOriginalCollection = originalCollection();
+		const currentFilteredCollection = filteredCollection();
+		const currentLastCollection = lastCollection();
+		if (triggerState.isOpen) {
+			if (currentShowAllItems) return currentOriginalCollection;
+			return currentFilteredCollection;
+		}
+		return currentLastCollection;
+	});
+	const defaultSelectedKey = createMemo(() => {
+		const currentSelectionMode = selectionMode();
+		const currentInitialValue = initialValue;
+		return getLegacyDefaultSelectedKey(props) ?? (currentSelectionMode === "single" && (typeof currentInitialValue === "string" || typeof currentInitialValue === "number") ? currentInitialValue : null);
+	});
+	return merge(validation, triggerState, {
+		get close() {
+			return commitValue;
+		},
+		get collection() {
+			return displayedCollection();
+		},
+		commit,
+		get defaultInputValue() {
+			return getDefaultInputValue(props.defaultInputValue, defaultSelectedKey(), collection()) ?? initialInputValue;
+		},
+		get defaultSelectedKey() {
+			return defaultSelectedKey();
+		},
+		get defaultValue() {
+			return defaultValue() ?? initialValue;
+		},
+		get disabledKeys() {
+			return disabledKeys();
+		},
+		get focusStrategy() {
+			return focusStrategy();
+		},
+		get inputValue() {
+			return inputValue();
+		},
+		get isFocused() {
+			return isFocused();
+		},
+		open,
+		revert,
+		get selectedItem() {
+			return selectedItems()[0] ?? null;
+		},
+		get selectedItems() {
+			return selectedItems();
+		},
+		get selectedKey() {
+			return selectedKey();
+		},
+		get selectionManager() {
+			return selectionManager();
+		},
+		setFocused,
+		setInputValue,
+		get setSelectedKey() {
+			return setValue;
+		},
+		setValue,
+		toggle,
+		get value() {
+			return displayValue();
+		}
+	});
+}
+function filterCollection(collection, inputValue, filter) {
+	return new ListCollection(filterNodes(collection, collection, inputValue, filter));
+}
+function filterNodes(collection, nodes, inputValue, filter) {
+	const filteredNode = [];
+	for (const node of nodes) if (node.type === "section" && node.hasChildNodes) {
+		const filtered = filterNodes(collection, getChildNodes(node, collection), inputValue, filter);
+		if ([...filtered].some((localNode) => localNode.type === "item")) filteredNode.push({
+			...node,
+			childNodes: filtered
+		});
+	} else if (node.type !== "item" || filter(node.textValue, inputValue)) filteredNode.push({ ...node });
+	return filteredNode;
+}
+function getDefaultInputValue(defaultInputValue, selectedKey, collection) {
+	if ((defaultInputValue === null || defaultInputValue === void 0) && selectedKey !== null && selectedKey !== void 0) return collection.getItem(selectedKey)?.textValue ?? "";
+	return defaultInputValue;
+}
+function convertValue(value) {
+	if (value === void 0) return value;
+	if (value === null) return [];
+	return isKeyArray(value) ? value : [value];
+}
+function isKeyArray(value) {
+	return Array.isArray(value);
+}
+export { createComboBoxState };
+
+//# sourceMappingURL=create-combo-box-state.js.map

package/dist/combobox/create-combo-box-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-combo-box-state.js","names":[],"sources":["../../src/combobox/create-combo-box-state.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/combobox/useComboBoxState.ts.\n * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type {\n  Collection,\n  CollectionBase,\n  CollectionStateBase,\n  FocusableProps,\n  FocusStrategy,\n  HelpTextProps,\n  InputBase,\n  Key,\n  LabelableProps,\n  Node,\n  Selection,\n  TextInputBase,\n  Validation,\n  ValueBase,\n} from \"@solid2-aria/types-shared\";\nimport {\n  createMemo,\n  createSignal,\n  createRenderEffect,\n  untrack,\n  merge,\n} from \"solid-js\";\n\nimport { getChildNodes } from \"../collections/get-child-nodes\";\nimport { createFormValidationState } from \"../form/create-form-validation-state\";\nimport type { FormValidationState } from \"../form/create-form-validation-state\";\nimport { createListState } from \"../list/create-list-state\";\nimport type { ListState } from \"../list/create-list-state\";\nimport { ListCollection } from \"../list/list-collection\";\nimport { createOverlayTriggerState } from \"../overlays/create-overlay-trigger-state\";\nimport type { OverlayTriggerState } from \"../overlays/create-overlay-trigger-state\";\nimport { createControlledSignal } from \"../utils/create-controlled-signal\";\nimport {\n  getLegacyDefaultSelectedKey,\n  getLegacySelectedKey,\n  notifyLegacySelectionChange,\n} from \"../utils/legacy-props\";\n\nexport type MenuTriggerAction = \"focus\" | \"input\" | \"manual\";\n\nexport type SelectionMode = \"single\" | \"multiple\";\n\nexport type ValueType<M extends SelectionMode> = M extends \"single\"\n  ? Key | null\n  : readonly Key[];\n\nexport type ChangeValueType<M extends SelectionMode> = M extends \"single\"\n  ? Key | null\n  : Key[];\n\ntype ValidationType<M extends SelectionMode> = M extends \"single\"\n  ? Key | null\n  : Key[];\n\nexport interface ComboBoxValidationValue<M extends SelectionMode = \"single\"> {\n  /**\n   * The selected key in the ComboBox.\n   *\n   * @deprecated\n   */\n  selectedKey: Key | null;\n  /** The keys of the currently selected items. */\n  value: ValidationType<M>;\n  /** The value of the ComboBox input. */\n  inputValue: string;\n}\n\nexport interface ComboBoxProps<T, M extends SelectionMode = \"single\">\n  extends\n    CollectionBase<T>,\n    InputBase,\n    ValueBase<ValueType<M>, ChangeValueType<M>>,\n    TextInputBase,\n    Validation<ComboBoxValidationValue<M>>,\n    FocusableProps<HTMLInputElement>,\n    LabelableProps,\n    HelpTextProps {\n  /** The list of ComboBox items (uncontrolled). */\n  defaultItems?: Iterable<T>;\n  /** The list of ComboBox items (controlled). */\n  items?: Iterable<T>;\n  /**\n   * Method that is called when the open state of the menu changes. Returns the new open state and\n   * the action that caused the opening of the menu.\n   */\n  onOpenChange?: (isOpen: boolean, menuTrigger?: MenuTriggerAction) => void;\n  /**\n   * Whether single or multiple selection is enabled.\n   *\n   * @default 'single'\n   */\n  selectionMode?: M;\n  /**\n   * The currently selected key in the collection (controlled).\n   *\n   * @deprecated\n   */\n  selectedKey?: Key | null;\n  /**\n   * The initial selected key in the collection (uncontrolled).\n   *\n   * @deprecated\n   */\n  defaultSelectedKey?: Key | null;\n  /**\n   * Handler that is called when the selection changes.\n   *\n   * @deprecated\n   */\n  onSelectionChange?: (key: Key | null) => void;\n  /** The value of the ComboBox input (controlled). */\n  inputValue?: string;\n  /** The default value of the ComboBox input (uncontrolled). */\n  defaultInputValue?: string;\n  /** Handler that is called when the ComboBox input value changes. */\n  onInputChange?: (value: string) => void;\n  /** Whether the ComboBox allows a non-item matching input value to be set. */\n  allowsCustomValue?: boolean;\n  // /**\n  //  * Whether the Combobox should only suggest matching options or autocomplete the field with the nearest matching option.\n  //  * @default 'suggest'\n  //  */\n  // completionMode?: 'suggest' | 'complete',\n  /**\n   * The interaction required to display the ComboBox menu.\n   *\n   * @default 'input'\n   */\n  menuTrigger?: MenuTriggerAction;\n}\n\nexport interface ComboBoxState<T, M extends SelectionMode = \"single\">\n  extends ListState<T>, OverlayTriggerState, FormValidationState {\n  /**\n   * The key for the first selected item.\n   *\n   * @deprecated\n   */\n  readonly selectedKey: Key | null;\n  /**\n   * The default selected key.\n   *\n   * @deprecated\n   */\n  readonly defaultSelectedKey: Key | null;\n  /**\n   * Sets the selected key.\n   *\n   * @deprecated\n   */\n  setSelectedKey: (key: Key | null) => void;\n  /** The current combobox value. */\n  readonly value: ValueType<M>;\n  /** The default combobox value. */\n  readonly defaultValue: ValueType<M>;\n  /** Sets the combobox value. */\n  setValue: (value: Key | readonly Key[] | null) => void;\n  /**\n   * The value of the first selected item.\n   *\n   * @deprecated\n   */\n  readonly selectedItem: Node<T> | null;\n  /** The value of the selected items. */\n  readonly selectedItems: Node<T>[];\n  /** The current value of the combo box input. */\n  inputValue: string;\n  /** The default value of the combo box input. */\n  defaultInputValue: string;\n  /** Sets the value of the combo box input. */\n  setInputValue: (value: string) => void;\n  /** Selects the currently focused item and updates the input value. */\n  commit: () => void;\n  /** Controls which item will be auto focused when the menu opens. */\n  readonly focusStrategy: FocusStrategy | null;\n  /** Whether the select is currently focused. */\n  readonly isFocused: boolean;\n  /** Sets whether the select is focused. */\n  setFocused: (isFocused: boolean) => void;\n  /** Opens the menu. */\n  open: (\n    focusStrategy?: FocusStrategy | null,\n    trigger?: MenuTriggerAction\n  ) => void;\n  /** Toggles the menu. */\n  toggle: (\n    focusStrategy?: FocusStrategy | null,\n    trigger?: MenuTriggerAction\n  ) => void;\n  /** Resets the input value to the previously selected item's text if any and closes the menu. */\n  revert: () => void;\n}\n\ntype FilterFn = (textValue: string, inputValue: string) => boolean;\n\nexport interface ComboBoxStateOptions<T, M extends SelectionMode = \"single\">\n  extends Omit<ComboBoxProps<T, M>, \"children\">, CollectionStateBase<T> {\n  /** The filter function used to determine if a option should be included in the combo box list. */\n  defaultFilter?: FilterFn;\n  /** Whether the combo box allows the menu to be open when the collection is empty. */\n  allowsEmptyCollection?: boolean;\n  /** Whether the combo box menu should close on blur. */\n  shouldCloseOnBlur?: boolean;\n}\n\n/**\n * Provides state management for a combo box component. Handles building a collection of items from\n * props and manages the option selection state of the combo box. In addition, it tracks the input\n * value, focus state, and other properties of the combo box.\n */\nexport function createComboBoxState<\n  T extends object,\n  M extends SelectionMode = \"single\",\n>(props: ComboBoxStateOptions<T, M>): ComboBoxState<T, M> {\n  const defaultFilter = createMemo(() => props.defaultFilter);\n  const menuTrigger = createMemo(() => props.menuTrigger ?? \"input\");\n\n  const allowsEmptyCollection = createMemo(\n    () => props.allowsEmptyCollection ?? false\n  );\n\n  const allowsCustomValue = createMemo(() => props.allowsCustomValue);\n  const shouldCloseOnBlur = createMemo(() => props.shouldCloseOnBlur ?? true);\n\n  const selectionMode = createMemo(() => props.selectionMode ?? \"single\");\n\n  const [showAllItems, setShowAllItems] = createSignal(false, {\n    ownedWrite: true,\n  });\n\n  const [isFocused, setFocusedState] = createSignal(false, {\n    ownedWrite: true,\n  });\n\n  const [focusStrategy, setFocusStrategy] = createSignal<FocusStrategy | null>(\n    null,\n    { ownedWrite: true }\n  );\n\n  let closedDueToEmpty = false;\n\n  const defaultValue = createMemo(() => {\n    const currentSelectionMode = selectionMode();\n\n    return (\n      props.defaultValue ??\n      (currentSelectionMode === \"single\"\n        ? (getLegacyDefaultSelectedKey(props) ?? null)\n        : [])\n    );\n  });\n\n  const value = createMemo(() => {\n    const currentSelectionMode = selectionMode();\n\n    return (\n      props.value ??\n      (currentSelectionMode === \"single\"\n        ? getLegacySelectedKey(props)\n        : undefined)\n    );\n  });\n\n  const [controlledValue, setControlledValue] = createControlledSignal<\n    Key | readonly Key[] | null\n  >(\n    () => value(),\n    untrack(() => defaultValue()),\n    (localValue) => {\n      const change = isKeyArray(localValue) ? [...localValue] : localValue;\n      // SAFETY: setValue normalizes changes to the active selection mode.\n      // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n      props.onChange?.(change as ChangeValueType<M>);\n    }\n  );\n\n  // Only display the first selected item if in single selection mode but the value is an array.\n  const displayValue = createMemo(() => {\n    const currentSelectionMode = selectionMode();\n    const currentControlledValue = controlledValue();\n\n    return currentSelectionMode === \"single\" &&\n      isKeyArray(currentControlledValue)\n      ? (currentControlledValue[0] ?? null)\n      : currentControlledValue;\n  });\n\n  const setValue = (localValue: Key | readonly Key[] | null) => {\n    const currentSelectionMode = selectionMode();\n    const currentDisplayValue = displayValue();\n\n    if (currentSelectionMode === \"single\") {\n      const key = isKeyArray(localValue) ? (localValue[0] ?? null) : localValue;\n      setControlledValue(key);\n\n      if (key !== currentDisplayValue) {\n        notifyLegacySelectionChange(props, key);\n      }\n    } else {\n      let keys: Key[] = [];\n\n      if (isKeyArray(localValue)) {\n        keys = [...localValue];\n      } else if (localValue !== null && localValue !== undefined) {\n        keys = [localValue];\n      }\n\n      setControlledValue(keys);\n    }\n  };\n\n  const derivedProperty0 = createMemo(() => {\n    const currentDisplayValue = displayValue();\n\n    return convertValue(currentDisplayValue);\n  });\n\n  const listState = createListState(\n    merge(props, {\n      get allowDuplicateSelectionEvents() {\n        return true;\n      },\n      get disallowEmptySelection() {\n        return selectionMode() === \"single\";\n      },\n      get items() {\n        return props.items ?? props.defaultItems;\n      },\n      get onSelectionChange() {\n        return (keys: Selection) => {\n          const currentSelectionMode = selectionMode();\n          const currentDisplayValue = displayValue();\n\n          // impossible, but TS doesn't know that\n          if (keys === \"all\") {\n            return;\n          }\n\n          if (currentSelectionMode === \"single\") {\n            const key = keys.values().next().value ?? null;\n\n            if (key === currentDisplayValue) {\n              notifyLegacySelectionChange(props, key);\n              // If key is the same, reset the inputValue and close the menu\n              // (scenario: user clicks on already selected option)\n              resetInputValue();\n              closeMenu();\n            } else {\n              setValue(key);\n            }\n          } else {\n            setValue([...keys]);\n          }\n        };\n      },\n      get selectedKeys() {\n        return derivedProperty0();\n      },\n      get selectionMode() {\n        return selectionMode();\n      },\n    })\n  );\n\n  const collection = createMemo(() => listState.collection);\n  const selectionManager = createMemo(() => listState.selectionManager);\n  const disabledKeys = createMemo(() => listState.disabledKeys);\n\n  const selectedKey = createMemo(() => {\n    const currentSelectionMode = selectionMode();\n    const currentSelectionManager = selectionManager();\n\n    return currentSelectionMode === \"single\"\n      ? currentSelectionManager.firstSelectedKey\n      : null;\n  });\n\n  const selectedItems = createMemo(() => {\n    const currentSelectionManager = selectionManager();\n\n    return [...currentSelectionManager.selectedKeys].flatMap((key) => {\n      const item = collection().getItem(key);\n\n      return item === null || item === undefined ? [] : [item];\n    });\n  });\n\n  const [inputValue, setInputValue] = createControlledSignal(\n    () => props.inputValue,\n    untrack(() => {\n      const currentSelectedKey = selectedKey();\n      const currentCollection = collection();\n\n      return (\n        getDefaultInputValue(\n          props.defaultInputValue,\n          currentSelectedKey,\n          currentCollection\n        ) ?? \"\"\n      );\n    }),\n    (localValue) => {\n      props.onInputChange?.(localValue);\n    }\n  );\n\n  const initialValue = untrack(() => displayValue());\n  const initialInputValue = untrack(() => inputValue());\n  // Preserve original collection so we can show all items on demand\n  const originalCollection = createMemo(() => collection());\n\n  const filteredCollection = createMemo(() => {\n    const currentDefaultFilter = defaultFilter();\n    const currentCollection = collection();\n    const currentInputValue = inputValue();\n\n    return (\n      // No default filter if items are controlled.\n      (props.items !== null && props.items !== undefined) ||\n        !currentDefaultFilter\n        ? currentCollection\n        : filterCollection(\n            currentCollection,\n            currentInputValue,\n            currentDefaultFilter\n          )\n    );\n  });\n\n  const [lastCollection, setLastCollection] = createSignal(\n    untrack(() => filteredCollection()),\n    { ownedWrite: true }\n  );\n  // Track what action is attempting to open the menu\n\n  let menuOpenTrigger: MenuTriggerAction | undefined = \"focus\";\n\n  const onOpenChange = (open: boolean) => {\n    const currentSelectionManager = selectionManager();\n\n    if (props.onOpenChange) {\n      props.onOpenChange(open, open ? menuOpenTrigger : undefined);\n    }\n\n    currentSelectionManager.setFocused(open);\n\n    if (!open) {\n      currentSelectionManager.setFocusedKey(null);\n    }\n  };\n\n  const triggerState = createOverlayTriggerState(\n    merge(props, {\n      defaultOpen: undefined,\n      isOpen: undefined,\n      onOpenChange,\n    })\n  );\n\n  const open = (\n    localFocusStrategy: FocusStrategy | null = null,\n    trigger?: MenuTriggerAction\n  ) => {\n    const currentMenuTrigger = menuTrigger();\n    const currentAllowsEmptyCollection = allowsEmptyCollection();\n    const currentFilteredCollection = filteredCollection();\n    const currentOriginalCollection = originalCollection();\n\n    const displayAllItems =\n      trigger === \"manual\" ||\n      (trigger === \"focus\" && currentMenuTrigger === \"focus\");\n\n    // Prevent open operations from triggering if there is nothing to display\n    // Also prevent open operations from triggering if items are uncontrolled but defaultItems is empty, even if displayAllItems is true.\n    // This is to prevent comboboxes with empty defaultItems from opening but allow controlled items comboboxes to open even if the inital list is empty (assumption is user will provide swap the empty list with a base list via onOpenChange returning `menuTrigger` manual)\n    if (\n      currentAllowsEmptyCollection ||\n      currentFilteredCollection.size > 0 ||\n      (displayAllItems && currentOriginalCollection.size > 0) ||\n      props.items\n    ) {\n      if (\n        displayAllItems &&\n        !triggerState.isOpen &&\n        props.items === undefined\n      ) {\n        // Show all items if menu is manually opened. Only care about this if items are undefined\n        setShowAllItems(true);\n      }\n\n      menuOpenTrigger = trigger;\n      setFocusStrategy(localFocusStrategy);\n      triggerState.open();\n    }\n  };\n\n  const toggle = (\n    localFocusStrategy: FocusStrategy | null = null,\n    trigger?: MenuTriggerAction\n  ) => {\n    const currentMenuTrigger = menuTrigger();\n    const currentAllowsEmptyCollection = allowsEmptyCollection();\n    const currentFilteredCollection = filteredCollection();\n    const currentOriginalCollection = originalCollection();\n\n    const displayAllItems =\n      trigger === \"manual\" ||\n      (trigger === \"focus\" && currentMenuTrigger === \"focus\");\n\n    // If the menu is closed and there is nothing to display, early return so toggle isn't called to prevent extraneous onOpenChange\n    if (\n      !currentAllowsEmptyCollection &&\n      !(currentFilteredCollection.size > 0) &&\n      (!displayAllItems || !(currentOriginalCollection.size > 0)) &&\n      !props.items &&\n      !triggerState.isOpen\n    ) {\n      return;\n    }\n\n    if (displayAllItems && !triggerState.isOpen && props.items === undefined) {\n      // Show all items if menu is toggled open. Only care about this if items are undefined\n      setShowAllItems(true);\n    }\n\n    // Only update the menuOpenTrigger if menu is currently closed\n    if (!triggerState.isOpen) {\n      menuOpenTrigger = trigger;\n    }\n\n    toggleMenu(localFocusStrategy);\n  };\n\n  const updateLastCollection = () => {\n    const currentShowAllItems = showAllItems();\n    const currentOriginalCollection = originalCollection();\n    const currentFilteredCollection = filteredCollection();\n    setLastCollection(\n      currentShowAllItems\n        ? currentOriginalCollection\n        : currentFilteredCollection\n    );\n  };\n\n  // If menu is going to close, save the current collection so we can freeze the displayed collection when the\n  // user clicks outside the popover to close the menu. Prevents the menu contents from updating as the menu closes.\n  function toggleMenu(localFocusStrategy: FocusStrategy | null = null) {\n    if (triggerState.isOpen) {\n      updateLastCollection();\n    }\n\n    setFocusStrategy(localFocusStrategy);\n    triggerState.toggle();\n  }\n\n  function closeMenu() {\n    if (triggerState.isOpen) {\n      updateLastCollection();\n      triggerState.close();\n    }\n  }\n\n  const [lastValue, setLastValue] = createSignal(\n    untrack(() => inputValue()),\n    { ownedWrite: true }\n  );\n\n  function resetInputValue() {\n    const currentSelectedKey = selectedKey();\n    const currentCollection = collection();\n\n    const itemText =\n      currentSelectedKey === null || currentSelectedKey === undefined\n        ? \"\"\n        : (currentCollection.getItem(currentSelectedKey)?.textValue ?? \"\");\n\n    setLastValue(itemText);\n    setInputValue(itemText);\n  }\n\n  let previousValue: Key | readonly Key[] | null | undefined = untrack(() =>\n    displayValue()\n  );\n\n  let lastSelectedKeyText = untrack(() => {\n    const currentSelectedKey = selectedKey();\n    const currentCollection = collection();\n\n    return currentSelectedKey === null || currentSelectedKey === undefined\n      ? \"\"\n      : (currentCollection.getItem(currentSelectedKey)?.textValue ?? \"\");\n  });\n\n  createRenderEffect(\n    () => {\n      const currentSelectedKey = selectedKey();\n      const currentCollection = collection();\n\n      return {\n        currentAllowsEmptyCollection: allowsEmptyCollection(),\n        currentDisplayValue: displayValue(),\n        currentFilteredCollection: filteredCollection(),\n        currentInputValue: inputValue(),\n        currentIsFocused: isFocused(),\n        currentIsOpen: triggerState.isOpen,\n        currentLastValue: lastValue(),\n        currentMenuTrigger: menuTrigger(),\n        currentSelectedKey,\n        currentSelectedText:\n          currentSelectedKey === null\n            ? \"\"\n            : (currentCollection.getItem(currentSelectedKey)?.textValue ?? \"\"),\n        currentSelectionManager: selectionManager(),\n        currentSelectionMode: selectionMode(),\n        currentShowAllItems: showAllItems(),\n        currentValue: value(),\n        inputIsControlled: props.inputValue !== undefined,\n      };\n    },\n    ({\n      currentIsFocused,\n      currentFilteredCollection,\n      currentAllowsEmptyCollection,\n      currentInputValue,\n      currentLastValue,\n      currentMenuTrigger,\n      currentShowAllItems,\n      currentDisplayValue,\n      currentSelectionMode,\n      currentSelectionManager,\n      currentValue,\n      currentSelectedKey,\n      currentSelectedText,\n      currentIsOpen,\n      inputIsControlled,\n    }) => {\n      function synchronizeMenu() {\n        // Open and close menu automatically when the input value changes if the input is focused,\n        // and there are items in the collection or allowEmptyCollection is true.\n        if (\n          currentIsFocused &&\n          (currentFilteredCollection.size > 0 ||\n            currentAllowsEmptyCollection) &&\n          !currentIsOpen &&\n          currentInputValue !== currentLastValue &&\n          currentMenuTrigger !== \"manual\"\n        ) {\n          open(null, \"input\");\n        }\n\n        // Close the menu if the collection is empty. Don't close menu if filtered collection size is 0\n        // but we are currently showing all items via button press\n        if (\n          !currentShowAllItems &&\n          !currentAllowsEmptyCollection &&\n          currentIsOpen &&\n          currentFilteredCollection.size === 0\n        ) {\n          closedDueToEmpty = true;\n          closeMenu();\n        }\n\n        // Re-open the menu when items become non-empty after being auto-closed due to\n        // an empty collection (e.g. async load completed with results after a previous empty response).\n        // This works for both controlled items on ComboBox and Collection patterns\n        // (where items are provided on the ListBox rather than the ComboBox).\n        if (\n          currentIsFocused &&\n          closedDueToEmpty &&\n          currentFilteredCollection.size > 0 &&\n          !currentIsOpen &&\n          currentMenuTrigger !== \"manual\"\n        ) {\n          closedDueToEmpty = false;\n          open(null, \"input\");\n        }\n      }\n\n      function synchronizeSelection() {\n        // Close when an item is selected.\n        if (\n          currentDisplayValue !== null &&\n          currentDisplayValue !== undefined &&\n          currentDisplayValue !== previousValue &&\n          currentSelectionMode === \"single\"\n        ) {\n          closeMenu();\n        }\n\n        // Clear focused key when input value changes and display filtered collection again.\n        if (currentInputValue !== currentLastValue) {\n          currentSelectionManager.setFocusedKey(null);\n          setShowAllItems(false);\n\n          // Set value to null when the user clears the input.\n          // If controlled, this is the application developer's responsibility.\n          if (\n            currentSelectionMode === \"single\" &&\n            currentInputValue === \"\" &&\n            (!inputIsControlled || currentValue === undefined)\n          ) {\n            setValue(null);\n          }\n        }\n\n        // If the value changed, update the input value.\n        // Do nothing if both inputValue and value are controlled.\n        // In this case, it's the user's responsibility to update inputValue in onSelectionChange.\n        if (\n          currentDisplayValue !== previousValue &&\n          (!inputIsControlled || currentValue === undefined)\n        ) {\n          resetInputValue();\n        } else if (currentLastValue !== currentInputValue) {\n          setLastValue(currentInputValue);\n        }\n      }\n\n      function synchronizeSelectedText() {\n        // Update the inputValue if the selected item's text changes from its last tracked value.\n        // This is to handle cases where a selectedKey is specified but the items aren't available (async loading) or the selected item's text value updates.\n        // Only reset if the user isn't currently within the field so we don't erroneously modify user input.\n        // If inputValue is controlled, it is the user's responsibility to update the inputValue when items change.\n        const selectedItemText = currentSelectedText;\n\n        if (\n          !currentIsFocused &&\n          currentSelectedKey !== null &&\n          currentSelectedKey !== undefined &&\n          !inputIsControlled &&\n          currentSelectedKey === previousValue &&\n          lastSelectedKeyText !== selectedItemText\n        ) {\n          setLastValue(selectedItemText);\n          setInputValue(selectedItemText);\n        }\n\n        return selectedItemText;\n      }\n\n      untrack(() => {\n        synchronizeMenu();\n        synchronizeSelection();\n        const selectedItemText = synchronizeSelectedText();\n        previousValue = currentDisplayValue;\n        lastSelectedKeyText = selectedItemText;\n      });\n    }\n  );\n\n  const derivedProperty1 = createMemo(() => {\n    const currentDisplayValue = displayValue();\n    const currentInputValue = inputValue();\n    const currentSelectedKey = selectedKey();\n\n    return isKeyArray(currentDisplayValue) && currentDisplayValue.length === 0\n      ? null\n      : {\n          inputValue: currentInputValue,\n          selectedKey: currentSelectedKey,\n          // SAFETY: The active selection mode determines the value shape; readonly input arrays are copied for mutable callback values.\n          // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n          value: (isKeyArray(currentDisplayValue)\n            ? [...currentDisplayValue]\n            : currentDisplayValue) as ComboBoxValidationValue<M>[\"value\"],\n        };\n  });\n\n  const validation = createFormValidationState(\n    merge(props, {\n      get value() {\n        return derivedProperty1();\n      },\n    })\n  );\n\n  // Revert input value and close menu\n  const revert = () => {\n    const currentAllowsCustomValue = allowsCustomValue();\n    const currentSelectedKey = selectedKey();\n    closedDueToEmpty = false;\n\n    if (\n      currentAllowsCustomValue === true &&\n      (currentSelectedKey === null || currentSelectedKey === undefined)\n    ) {\n      commitCustomValue();\n    } else {\n      commitSelection();\n    }\n  };\n\n  function commitCustomValue() {\n    const currentSelectionMode = selectionMode();\n    const currentInputValue = inputValue();\n\n    if (currentSelectionMode === \"multiple\") {\n      // In multi-select mode, the input's custom text is independent from the selected items.\n      // Closing or committing the field should not clear the existing selection.\n      setLastValue(currentInputValue);\n      closeMenu();\n\n      return;\n    }\n\n    const localValue = null;\n    previousValue = localValue;\n    setValue(localValue);\n    closeMenu();\n  }\n\n  function commitSelection(shouldForceSelectionChange = false) {\n    const currentValue = value();\n    const currentSelectedKey = selectedKey();\n    const currentCollection = collection();\n    const currentSelectionMode = selectionMode();\n    const currentInputValue = inputValue();\n    const currentDisplayValue = displayValue();\n\n    // If multiple things are controlled, call onSelectionChange only when selecting the focused item,\n    // or when inputValue needs to be synced back to the selected item on commit/blur.\n    if (currentValue !== undefined && props.inputValue !== undefined) {\n      const itemText =\n        currentSelectedKey === null || currentSelectedKey === undefined\n          ? \"\"\n          : (currentCollection.getItem(currentSelectedKey)?.textValue ?? \"\");\n\n      if (\n        shouldForceSelectionChange ||\n        currentSelectionMode === \"multiple\" ||\n        currentInputValue !== itemText\n      ) {\n        notifyLegacySelectionChange(props, currentSelectedKey);\n\n        const change = isKeyArray(currentDisplayValue)\n          ? [...currentDisplayValue]\n          : currentDisplayValue;\n\n        // SAFETY: the committed value has the active mode's shape and arrays are copied for callbacks.\n        // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n        props.onChange?.(change as ChangeValueType<M>);\n      }\n\n      // Keep the committed input value from reopening the menu.\n      setLastValue(itemText);\n    } else {\n      // If only a single aspect of combobox is controlled, reset input value and close menu for the user\n      resetInputValue();\n    }\n\n    closeMenu();\n  }\n\n  const commitValue = () => {\n    const currentAllowsCustomValue = allowsCustomValue();\n    const currentSelectedKey = selectedKey();\n    const currentCollection = collection();\n    const currentInputValue = inputValue();\n    closedDueToEmpty = false;\n\n    if (currentAllowsCustomValue === true) {\n      const itemText =\n        currentSelectedKey === null || currentSelectedKey === undefined\n          ? \"\"\n          : (currentCollection.getItem(currentSelectedKey)?.textValue ?? \"\");\n\n      if (currentInputValue === itemText) {\n        commitSelection();\n      } else {\n        commitCustomValue();\n      }\n    } else {\n      // Reset inputValue and close menu\n      commitSelection();\n    }\n  };\n\n  const commit = () => {\n    const currentSelectionManager = selectionManager();\n    const currentSelectionMode = selectionMode();\n\n    if (\n      triggerState.isOpen &&\n      currentSelectionManager.focusedKey !== null &&\n      currentSelectionManager.focusedKey !== undefined\n    ) {\n      // Reset inputValue and close menu here if the selected key is already the focused key. Otherwise\n      // fire onSelectionChange to allow the application to control the closing.\n      if (\n        currentSelectionManager.isSelected(\n          currentSelectionManager.focusedKey\n        ) &&\n        currentSelectionMode === \"single\"\n      ) {\n        commitSelection(true);\n      } else {\n        currentSelectionManager.select(currentSelectionManager.focusedKey);\n      }\n    } else {\n      commitValue();\n    }\n  };\n\n  let valueOnFocus = untrack(() => {\n    const currentInputValue = inputValue();\n    const currentDisplayValue = displayValue();\n\n    return [currentInputValue, currentDisplayValue];\n  });\n\n  const setFocused = (localIsFocused: boolean) => {\n    const currentInputValue = inputValue();\n    const currentDisplayValue = displayValue();\n    const currentMenuTrigger = menuTrigger();\n    const currentShouldCloseOnBlur = shouldCloseOnBlur();\n\n    if (localIsFocused) {\n      valueOnFocus = [currentInputValue, currentDisplayValue];\n\n      if (currentMenuTrigger === \"focus\" && !(props.isReadOnly === true)) {\n        open(null, \"focus\");\n      }\n    } else {\n      if (currentShouldCloseOnBlur) {\n        commitValue();\n      }\n\n      // Commit validation if the input value or selected items changed.\n      if (\n        currentInputValue !== valueOnFocus[0] ||\n        currentDisplayValue !== valueOnFocus[1]\n      ) {\n        validation.commitValidation();\n      }\n    }\n\n    setFocusedState(localIsFocused);\n  };\n\n  const displayedCollection = createMemo(() => {\n    const currentShowAllItems = showAllItems();\n    const currentOriginalCollection = originalCollection();\n    const currentFilteredCollection = filteredCollection();\n    const currentLastCollection = lastCollection();\n\n    if (triggerState.isOpen) {\n      if (currentShowAllItems) {\n        return currentOriginalCollection;\n      }\n\n      return currentFilteredCollection;\n    }\n\n    return currentLastCollection;\n  });\n\n  const defaultSelectedKey = createMemo(() => {\n    const currentSelectionMode = selectionMode();\n    const currentInitialValue = initialValue;\n\n    return (\n      getLegacyDefaultSelectedKey(props) ??\n      (currentSelectionMode === \"single\" &&\n      (typeof currentInitialValue === \"string\" ||\n        typeof currentInitialValue === \"number\")\n        ? currentInitialValue\n        : null)\n    );\n  });\n\n  return merge(validation, triggerState, {\n    get close() {\n      return commitValue;\n    },\n    get collection() {\n      return displayedCollection();\n    },\n    commit,\n    get defaultInputValue() {\n      return (\n        getDefaultInputValue(\n          props.defaultInputValue,\n          defaultSelectedKey(),\n          collection()\n        ) ?? initialInputValue\n      );\n    },\n    // oxlint-disable-next-line typescript/no-deprecated -- Expose the legacy output alias for existing consumers; internal state uses its modern replacement.\n    get defaultSelectedKey() {\n      return defaultSelectedKey();\n    },\n    get defaultValue() {\n      // SAFETY: the default is constructed with the same selection mode as this state.\n      // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n      return (defaultValue() ?? initialValue) as ValueType<M>;\n    },\n    get disabledKeys() {\n      return disabledKeys();\n    },\n    get focusStrategy() {\n      return focusStrategy();\n    },\n    get inputValue() {\n      return inputValue();\n    },\n    get isFocused() {\n      return isFocused();\n    },\n    open,\n    revert,\n    // oxlint-disable-next-line typescript/no-deprecated -- Expose the legacy output alias for existing consumers; internal state uses its modern replacement.\n    get selectedItem() {\n      return selectedItems()[0] ?? null;\n    },\n    get selectedItems() {\n      return selectedItems();\n    },\n    // oxlint-disable-next-line typescript/no-deprecated -- Expose the legacy output alias for existing consumers; internal state uses its modern replacement.\n    get selectedKey() {\n      return selectedKey();\n    },\n    get selectionManager() {\n      return selectionManager();\n    },\n    setFocused,\n    setInputValue,\n    // oxlint-disable-next-line typescript/no-deprecated -- Expose the legacy output alias for existing consumers; internal state uses its modern replacement.\n    get setSelectedKey() {\n      return setValue;\n    },\n    setValue,\n    toggle,\n    get value() {\n      // SAFETY: displayValue normalizes single mode to a key and multiple mode to an array.\n      // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n      return displayValue() as ValueType<M>;\n    },\n  } satisfies Partial<ComboBoxState<T, M>>);\n}\n\nfunction filterCollection<T>(\n  collection: Collection<Node<T>>,\n  inputValue: string,\n  filter: FilterFn\n): Collection<Node<T>> {\n  return new ListCollection(\n    filterNodes(collection, collection, inputValue, filter)\n  );\n}\n\nfunction filterNodes<T>(\n  collection: Collection<Node<T>>,\n  nodes: Iterable<Node<T>>,\n  inputValue: string,\n  filter: FilterFn\n): Iterable<Node<T>> {\n  const filteredNode: Node<T>[] = [];\n\n  for (const node of nodes) {\n    if (node.type === \"section\" && node.hasChildNodes) {\n      const filtered = filterNodes(\n        collection,\n        getChildNodes(node, collection),\n        inputValue,\n        filter\n      );\n\n      if ([...filtered].some((localNode) => localNode.type === \"item\")) {\n        // oxlint-disable-next-line typescript/no-deprecated -- Node-backed collection construction must populate the upstream childNodes output contract.\n        filteredNode.push({ ...node, childNodes: filtered });\n      }\n    } else if (node.type !== \"item\" || filter(node.textValue, inputValue)) {\n      filteredNode.push({ ...node });\n    }\n  }\n\n  return filteredNode;\n}\n\nfunction getDefaultInputValue(\n  defaultInputValue: string | null | undefined,\n  selectedKey: Key | null,\n  collection: Collection<Node<unknown>>\n) {\n  if (\n    (defaultInputValue === null || defaultInputValue === undefined) &&\n    selectedKey !== null &&\n    selectedKey !== undefined\n  ) {\n    return collection.getItem(selectedKey)?.textValue ?? \"\";\n  }\n\n  return defaultInputValue;\n}\n\nfunction convertValue(value: Key | readonly Key[] | null | undefined) {\n  if (value === undefined) {\n    return value;\n  }\n\n  if (value === null) {\n    return [];\n  }\n\n  return isKeyArray(value) ? value : [value];\n}\n\nfunction isKeyArray(\n  value: Key | readonly Key[] | null | undefined\n): value is readonly Key[] {\n  return Array.isArray(value);\n}\n"],"mappings":"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"}

package/dist/data/create-async-list.d.ts

@@ -0,0 +1,88 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/data/useAsyncList.ts.
+ * Modified for Solid Aria: adapted reactive state, getters, imports, and APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ListData } from "./create-list-data.js";
+import { Key, LoadingState, Selection, SortDescriptor } from "@solid2-aria/types-shared";
+export interface AsyncListOptions<T, C> {
+  /** The keys for the initially selected items. */
+  initialSelectedKeys?: Iterable<Key>;
+  /** The initial sort descriptor. */
+  initialSortDescriptor?: SortDescriptor;
+  /** The initial filter text. */
+  initialFilterText?: string;
+  /** A function that returns a unique key for an item object. */
+  getKey?: (item: T) => Key;
+  /** A function that loads the data for the items in the list. */
+  load: AsyncListLoadFunction<T, C>;
+  /**
+   * An optional function that performs sorting. If not provided,
+   * then `sortDescriptor` is passed to the `load` function.
+   */
+  sort?: AsyncListLoadFunction<T, C, AsyncListLoadOptions<T, C> & {
+    sortDescriptor: SortDescriptor;
+  }>;
+}
+export type AsyncListLoadFunction<T, C, S extends AsyncListLoadOptions<T, C> = AsyncListLoadOptions<T, C>> = (state: S) => AsyncListStateUpdate<T, C> | Promise<AsyncListStateUpdate<T, C>>;
+export interface AsyncListLoadOptions<T, C> {
+  /** The items currently in the list. */
+  items: T[];
+  /** The keys of the currently selected items in the list. */
+  selectedKeys: Selection;
+  /** The current sort descriptor for the list. */
+  sortDescriptor?: SortDescriptor;
+  /** An abort signal used to notify the load function that the request has been aborted. */
+  signal: AbortSignal;
+  /** The pagination cursor returned from the last page load. */
+  cursor?: C;
+  /** The current filter text used to perform server side filtering. */
+  filterText?: string;
+  /** The current loading state of the list. */
+  loadingState?: LoadingState;
+}
+export interface AsyncListStateUpdate<T, C> {
+  /** The new items to append to the list. */
+  items: Iterable<T>;
+  /** The keys to add to the selection. */
+  selectedKeys?: Iterable<Key>;
+  /** The sort descriptor to set. */
+  sortDescriptor?: SortDescriptor;
+  /** The pagination cursor to be used for the next page load. */
+  cursor?: C;
+  /** The updated filter text for the list. */
+  filterText?: string;
+}
+export interface AsyncListData<T> extends ListData<T> {
+  /** Whether data is currently being loaded. */
+  isLoading: boolean;
+  /** If loading data failed, then this contains the error that occurred. */
+  error?: Error;
+  /** The current sort descriptor for the list. */
+  sortDescriptor?: SortDescriptor;
+  /** Reloads the data in the list. */
+  reload: () => void;
+  /** Loads the next page of data in the list. */
+  loadMore: () => void;
+  /** Triggers sorting for the list. */
+  sort: (descriptor: SortDescriptor) => void;
+  /** The current loading state for the list. */
+  loadingState: LoadingState;
+}
+/**
+ * Manages state for an immutable async loaded list data structure, and provides convenience methods
+ * to update the data over time. Manages loading and error states, pagination, and sorting.
+ */
+export declare function createAsyncList<T, C = string>(options: AsyncListOptions<T, C>): AsyncListData<T>;
+//# sourceMappingURL=create-async-list.d.ts.map