@arbor-education/design-system.components 0.6.0 → 0.8.0

package/dist/components/combobox/useComboboxListboxKeyboard.js

@@ -0,0 +1,143 @@
+import { useCallback } from 'react';
+import { nextCircularIndex } from '../../utils/nextCircularIndex';
+import { normaliseComboboxQuery } from './normaliseComboboxQuery';
+export const useComboboxListboxKeyboard = ({ allowCreate, clearChipSelection, exitChipNav, focusDeleteButtonForHighlighted = () => false, listboxOptions, focusedChipIndex, handleCreate, highlightIndex, isOpen, mergedOptions, openPopover, query, removeValue, scrollHighlightedIntoView, selectOption, selectedChipValues, selectedValues, setHighlightIndex, setIsOpen, setQuery, showCreateRow, showListboxLoading, totalItems, }) => useCallback((e) => {
+    const inChipNav = focusedChipIndex !== null;
+    switch (e.key) {
+        case 'ArrowDown': {
+            e.preventDefault();
+            if (inChipNav) {
+                exitChipNav();
+                return;
+            }
+            if (showListboxLoading) {
+                return;
+            }
+            if (e.altKey) {
+                openPopover();
+                return;
+            }
+            if (!isOpen) {
+                openPopover();
+                setHighlightIndex(0);
+                return;
+            }
+            const next = nextCircularIndex(highlightIndex, totalItems, 'next');
+            setHighlightIndex(next);
+            scrollHighlightedIntoView(next);
+            break;
+        }
+        case 'ArrowUp': {
+            e.preventDefault();
+            if (inChipNav) {
+                exitChipNav();
+                return;
+            }
+            if (!isOpen)
+                return;
+            if (showListboxLoading) {
+                return;
+            }
+            const prev = nextCircularIndex(highlightIndex, totalItems, 'previous');
+            setHighlightIndex(prev);
+            scrollHighlightedIntoView(prev);
+            break;
+        }
+        case 'ArrowRight': {
+            if (inChipNav || !isOpen || showListboxLoading)
+                return;
+            if (focusDeleteButtonForHighlighted()) {
+                e.preventDefault();
+            }
+            break;
+        }
+        case 'Tab': {
+            if (e.shiftKey || inChipNav || !isOpen || showListboxLoading)
+                return;
+            if (focusDeleteButtonForHighlighted()) {
+                e.preventDefault();
+            }
+            break;
+        }
+        case 'Enter': {
+            e.preventDefault();
+            if (inChipNav) {
+                exitChipNav();
+                return;
+            }
+            if (!isOpen) {
+                openPopover();
+                return;
+            }
+            if (showListboxLoading) {
+                return;
+            }
+            if (highlightIndex >= 0 && highlightIndex < listboxOptions.length) {
+                const opt = listboxOptions[highlightIndex];
+                if (opt && !opt.disabled)
+                    selectOption(opt.value);
+            }
+            else if (showCreateRow && highlightIndex === listboxOptions.length) {
+                handleCreate();
+            }
+            else if (allowCreate && query.trim().length > 0) {
+                const exactMatch = mergedOptions.find(opt => normaliseComboboxQuery(opt.label) === normaliseComboboxQuery(query));
+                if (exactMatch && !exactMatch.disabled) {
+                    selectOption(exactMatch.value);
+                }
+                else if (showCreateRow) {
+                    handleCreate();
+                }
+            }
+            break;
+        }
+        case 'Escape': {
+            if (selectedChipValues.length > 0) {
+                e.preventDefault();
+                clearChipSelection();
+                return;
+            }
+            if (isOpen) {
+                e.preventDefault();
+                setIsOpen(false);
+            }
+            else if (query) {
+                setQuery('');
+            }
+            break;
+        }
+        case 'Backspace': {
+            if (!query && selectedValues.length > 0) {
+                removeValue(selectedValues[selectedValues.length - 1]);
+            }
+            break;
+        }
+        default:
+            break;
+    }
+}, [
+    allowCreate,
+    clearChipSelection,
+    exitChipNav,
+    focusDeleteButtonForHighlighted,
+    listboxOptions,
+    focusedChipIndex,
+    handleCreate,
+    highlightIndex,
+    isOpen,
+    mergedOptions,
+    openPopover,
+    query,
+    removeValue,
+    scrollHighlightedIntoView,
+    selectOption,
+    selectedChipValues.length,
+    selectedValues,
+    setHighlightIndex,
+    setIsOpen,
+    setQuery,
+    showCreateRow,
+    showListboxLoading,
+    totalItems,
+]);
+//# sourceMappingURL=useComboboxListboxKeyboard.js.map

package/dist/components/combobox/useComboboxListboxKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxListboxKeyboard.js","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxListboxKeyboard.ts"],"names":[],"mappings":"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"}

package/dist/components/combobox/useComboboxListboxKeyboard.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useComboboxListboxKeyboard.test.d.ts.map

package/dist/components/combobox/useComboboxListboxKeyboard.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxListboxKeyboard.test.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxListboxKeyboard.test.tsx"],"names":[],"mappings":""}

package/dist/components/combobox/useComboboxListboxKeyboard.test.js

@@ -0,0 +1,152 @@
+import { renderHook } from '@testing-library/react';
+import { describe, expect, test, vi } from 'vitest';
+import { useComboboxListboxKeyboard } from './useComboboxListboxKeyboard';
+const keyEvent = (key, init = {}) => ({
+    key,
+    preventDefault: vi.fn(),
+    altKey: false,
+    ...init,
+});
+const options = [
+    { value: '1', label: 'One' },
+    { value: '2', label: 'Two' },
+];
+const baseListboxParams = {
+    allowCreate: false,
+    clearChipSelection: vi.fn(),
+    exitChipNav: vi.fn(),
+    listboxOptions: options,
+    focusedChipIndex: null,
+    handleCreate: vi.fn(),
+    highlightIndex: 0,
+    isOpen: true,
+    mergedOptions: options,
+    openPopover: vi.fn(),
+    query: '',
+    removeValue: vi.fn(),
+    scrollHighlightedIntoView: vi.fn(),
+    selectOption: vi.fn(),
+    selectedChipValues: [],
+    selectedValues: [],
+    setHighlightIndex: vi.fn(),
+    setIsOpen: vi.fn(),
+    setQuery: vi.fn(),
+    showCreateRow: false,
+    showListboxLoading: false,
+    totalItems: 2,
+};
+describe('useComboboxListboxKeyboard', () => {
+    test('ArrowDown when closed opens and highlights first', () => {
+        const openPopover = vi.fn();
+        const setHighlightIndex = vi.fn();
+        const { result } = renderHook(() => useComboboxListboxKeyboard({
+            ...baseListboxParams,
+            isOpen: false,
+            openPopover,
+            setHighlightIndex,
+        }));
+        result.current(keyEvent('ArrowDown'));
+        expect(openPopover).toHaveBeenCalled();
+        expect(setHighlightIndex).toHaveBeenCalledWith(0);
+    });
+    test('ArrowDown when loading does nothing beyond preventDefault', () => {
+        const openPopover = vi.fn();
+        const setHighlightIndex = vi.fn();
+        const { result } = renderHook(() => useComboboxListboxKeyboard({
+            ...baseListboxParams,
+            showListboxLoading: true,
+            openPopover,
+            setHighlightIndex,
+        }));
+        result.current(keyEvent('ArrowDown'));
+        expect(openPopover).not.toHaveBeenCalled();
+        expect(setHighlightIndex).not.toHaveBeenCalled();
+    });
+    test('Alt+ArrowDown opens without changing highlight when already open', () => {
+        const openPopover = vi.fn();
+        const setHighlightIndex = vi.fn();
+        const { result } = renderHook(() => useComboboxListboxKeyboard({
+            ...baseListboxParams,
+            isOpen: true,
+            highlightIndex: 1,
+            openPopover,
+            setHighlightIndex,
+        }));
+        result.current(keyEvent('ArrowDown', { altKey: true }));
+        expect(openPopover).toHaveBeenCalled();
+        expect(setHighlightIndex).not.toHaveBeenCalled();
+    });
+    test('ArrowDown advances highlight with wrap', () => {
+        const setHighlightIndex = vi.fn();
+        const scrollHighlightedIntoView = vi.fn();
+        const { result } = renderHook(() => useComboboxListboxKeyboard({
+            ...baseListboxParams,
+            highlightIndex: 1,
+            setHighlightIndex,
+            scrollHighlightedIntoView,
+        }));
+        result.current(keyEvent('ArrowDown'));
+        expect(setHighlightIndex).toHaveBeenCalledWith(0);
+        expect(scrollHighlightedIntoView).toHaveBeenCalledWith(0);
+    });
+    test('ArrowUp when closed is no-op after preventDefault', () => {
+        const setHighlightIndex = vi.fn();
+        const { result } = renderHook(() => useComboboxListboxKeyboard({
+            ...baseListboxParams,
+            isOpen: false,
+            setHighlightIndex,
+        }));
+        result.current(keyEvent('ArrowUp'));
+        expect(setHighlightIndex).not.toHaveBeenCalled();
+    });
+    test('Enter selects highlighted option', () => {
+        const selectOption = vi.fn();
+        const { result } = renderHook(() => useComboboxListboxKeyboard({
+            ...baseListboxParams,
+            highlightIndex: 0,
+            selectOption,
+        }));
+        result.current(keyEvent('Enter'));
+        expect(selectOption).toHaveBeenCalledWith('1');
+    });
+    test('Escape clears chip selection when chips are multi-selected', () => {
+        const clearChipSelection = vi.fn();
+        const setIsOpen = vi.fn();
+        const { result } = renderHook(() => useComboboxListboxKeyboard({
+            ...baseListboxParams,
+            selectedChipValues: ['a', 'b'],
+            clearChipSelection,
+            setIsOpen,
+        }));
+        const e = keyEvent('Escape');
+        result.current(e);
+        expect(clearChipSelection).toHaveBeenCalled();
+        expect(setIsOpen).not.toHaveBeenCalled();
+        expect(e.preventDefault).toHaveBeenCalled();
+    });
+    test('Escape closes popover when open and no chip selection', () => {
+        const setIsOpen = vi.fn();
+        const { result } = renderHook(() => useComboboxListboxKeyboard({
+            ...baseListboxParams,
+            isOpen: true,
+            selectedChipValues: [],
+            setIsOpen,
+        }));
+        const e = keyEvent('Escape');
+        result.current(e);
+        expect(setIsOpen).toHaveBeenCalledWith(false);
+        expect(e.preventDefault).toHaveBeenCalled();
+    });
+    test('Backspace with empty query removes last selected value', () => {
+        const removeValue = vi.fn();
+        const { result } = renderHook(() => useComboboxListboxKeyboard({
+            ...baseListboxParams,
+            query: '',
+            selectedValues: ['a', 'b'],
+            removeValue,
+        }));
+        result.current(keyEvent('Backspace'));
+        expect(removeValue).toHaveBeenCalledWith('b');
+    });
+});
+//# sourceMappingURL=useComboboxListboxKeyboard.test.js.map

package/dist/components/combobox/useComboboxListboxKeyboard.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxListboxKeyboard.test.js","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxListboxKeyboard.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/combobox/useComboboxPopoverBehavior.d.ts

@@ -0,0 +1,38 @@
+import type { DismissableLayerProps } from '@radix-ui/react-dismissable-layer';
+type ComboboxInteractOutsideEvent = Parameters<NonNullable<DismissableLayerProps['onInteractOutside']>>[0];
+type UseComboboxPopoverBehaviorParams = {
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    triggerRef: React.RefObject<HTMLDivElement | null>;
+    listboxRef: React.RefObject<HTMLUListElement | null>;
+    disabled: boolean;
+    dropdownOnFocus: boolean;
+    loading: boolean;
+    onSearch?: (query: string) => void;
+    isAsync: boolean;
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setQuery: React.Dispatch<React.SetStateAction<string>>;
+    setHighlightIndex: React.Dispatch<React.SetStateAction<number>>;
+    openPopover: () => void;
+    totalItems: number;
+    showCreateRow: boolean;
+    filteredOptionsLength: number;
+    highlightIndex: number;
+    clearChipSelection: () => void;
+    exitChipNav: () => void;
+    triggerContainsInput?: boolean;
+};
+export type UseComboboxPopoverBehaviorReturn = {
+    shouldRenderPopoverContent: boolean;
+    shouldShowPopover: boolean;
+    showListboxLoading: boolean;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleTriggerClick: () => void;
+    handleInputFocus: () => void;
+    handleInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleChevronClick: (e: React.MouseEvent) => void;
+    handlePopoverInteractOutside: (e: ComboboxInteractOutsideEvent) => void;
+};
+export declare const useComboboxPopoverBehavior: ({ inputRef, triggerRef, listboxRef, disabled, dropdownOnFocus, loading, onSearch, isAsync, isOpen, setIsOpen, setQuery, setHighlightIndex, openPopover, totalItems, showCreateRow, filteredOptionsLength, highlightIndex, clearChipSelection, exitChipNav, triggerContainsInput, }: UseComboboxPopoverBehaviorParams) => UseComboboxPopoverBehaviorReturn;
+export {};
+//# sourceMappingURL=useComboboxPopoverBehavior.d.ts.map

package/dist/components/combobox/useComboboxPopoverBehavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxPopoverBehavior.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxPopoverBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,KAAK,4BAA4B,GAAG,UAAU,CAC5C,WAAW,CAAC,qBAAqB,CAAC,mBAAmB,CAAC,CAAC,CACxD,CAAC,CAAC,CAAC,CAAC;AAEL,KAAK,gCAAgC,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,0BAA0B,EAAE,OAAO,CAAC;IACpC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,kBAAkB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAClD,4BAA4B,EAAE,CAAC,CAAC,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,oRAqBxC,gCAAgC,KAAG,gCAmHrC,CAAC"}

package/dist/components/combobox/useComboboxPopoverBehavior.js

@@ -0,0 +1,104 @@
+import { useCallback, useEffect } from 'react';
+export const useComboboxPopoverBehavior = ({ inputRef, triggerRef, listboxRef, disabled, dropdownOnFocus, loading, onSearch, isAsync, isOpen, setIsOpen, setQuery, setHighlightIndex, openPopover, totalItems, showCreateRow, filteredOptionsLength, highlightIndex, clearChipSelection, exitChipNav, triggerContainsInput = true, }) => {
+    const shouldRenderPopoverContent = loading || totalItems > 0;
+    const shouldShowPopover = isOpen && shouldRenderPopoverContent;
+    const showListboxLoading = Boolean(loading && shouldShowPopover);
+    const handleInputChange = useCallback((e) => {
+        const val = e.target.value;
+        clearChipSelection();
+        exitChipNav();
+        setQuery(val);
+        setHighlightIndex(-1);
+        if (!dropdownOnFocus && val.trim() === '') {
+            setIsOpen(false);
+        }
+        else if (!isOpen) {
+            openPopover();
+        }
+        if (isAsync)
+            onSearch?.(val);
+    }, [
+        clearChipSelection,
+        dropdownOnFocus,
+        exitChipNav,
+        isOpen,
+        isAsync,
+        onSearch,
+        openPopover,
+        setHighlightIndex,
+        setIsOpen,
+        setQuery,
+    ]);
+    useEffect(() => {
+        if (loading)
+            return;
+        if (isOpen && showCreateRow && highlightIndex === -1) {
+            setHighlightIndex(filteredOptionsLength);
+        }
+    }, [loading, isOpen, showCreateRow, highlightIndex, filteredOptionsLength, setHighlightIndex]);
+    useEffect(() => {
+        if (showListboxLoading) {
+            setHighlightIndex(-1);
+        }
+    }, [showListboxLoading, setHighlightIndex]);
+    const requestOpen = useCallback(() => {
+        if (disabled)
+            return;
+        if (shouldRenderPopoverContent) {
+            openPopover();
+        }
+    }, [disabled, openPopover, shouldRenderPopoverContent]);
+    const handleTriggerClick = useCallback(() => {
+        if (disabled)
+            return;
+        if (triggerContainsInput) {
+            inputRef.current?.focus();
+        }
+        if (dropdownOnFocus) {
+            requestOpen();
+        }
+    }, [disabled, dropdownOnFocus, inputRef, requestOpen, triggerContainsInput]);
+    const handleInputFocus = useCallback(() => {
+        if (!dropdownOnFocus || disabled)
+            return;
+        requestOpen();
+    }, [disabled, dropdownOnFocus, requestOpen]);
+    const handleInputBlur = useCallback((e) => {
+        const relatedTarget = e.relatedTarget;
+        if (relatedTarget && triggerRef.current?.contains(relatedTarget))
+            return;
+        if (relatedTarget && listboxRef.current?.contains(relatedTarget))
+            return;
+        clearChipSelection();
+        exitChipNav();
+    }, [clearChipSelection, exitChipNav, listboxRef, triggerRef]);
+    const handleChevronClick = useCallback((e) => {
+        e.stopPropagation();
+        if (disabled)
+            return;
+        if (triggerContainsInput) {
+            inputRef.current?.focus();
+        }
+        if (shouldRenderPopoverContent) {
+            openPopover();
+        }
+    }, [disabled, inputRef, openPopover, shouldRenderPopoverContent, triggerContainsInput]);
+    const handlePopoverInteractOutside = useCallback((e) => {
+        const target = e.target;
+        if (target && triggerRef.current?.contains(target)) {
+            e.preventDefault();
+        }
+    }, [triggerRef]);
+    return {
+        shouldRenderPopoverContent,
+        shouldShowPopover,
+        showListboxLoading,
+        handleInputChange,
+        handleTriggerClick,
+        handleInputFocus,
+        handleInputBlur,
+        handleChevronClick,
+        handlePopoverInteractOutside,
+    };
+};
+//# sourceMappingURL=useComboboxPopoverBehavior.js.map

package/dist/components/combobox/useComboboxPopoverBehavior.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxPopoverBehavior.js","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxPopoverBehavior.ts"],"names":[],"mappings":"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"}

package/dist/components/combobox/useComboboxState.d.ts

@@ -0,0 +1,27 @@
+import type { ComboboxOption, ComboboxProps } from './types';
+type UseComboboxStateParams = Pick<ComboboxProps, 'options' | 'multiple' | 'value' | 'defaultValue' | 'onValueChange' | 'onSearch' | 'searchType' | 'allowCreate' | 'onCreateNew' | 'onDeleteCreated' | 'disabled'>;
+export type UseComboboxStateReturn = {
+    selectedValues: string[];
+    query: string;
+    setQuery: React.Dispatch<React.SetStateAction<string>>;
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    highlightIndex: number;
+    setHighlightIndex: React.Dispatch<React.SetStateAction<number>>;
+    selectedValuesSet: Set<string>;
+    mergedOptions: ComboboxOption[];
+    filteredOptions: ComboboxOption[];
+    createdValuesSet: Set<string>;
+    showCreateRow: boolean;
+    totalItems: number;
+    selectOption: (optionValue: string) => void;
+    removeValue: (optionValue: string) => void;
+    clearAll: () => void;
+    handleCreate: () => void;
+    deleteCreatedOption: (optionValue: string) => void;
+    openPopover: () => void;
+    isAsync: boolean;
+};
+export declare const useComboboxState: (params: UseComboboxStateParams) => UseComboboxStateReturn;
+export {};
+//# sourceMappingURL=useComboboxState.d.ts.map

package/dist/components/combobox/useComboboxState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxState.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AASnF,KAAK,sBAAsB,GAAG,IAAI,CAChC,aAAa,EACX,SAAS,GACT,UAAU,GACV,OAAO,GACP,cAAc,GACd,eAAe,GACf,UAAU,GACV,YAAY,GACZ,aAAa,GACb,aAAa,GACb,iBAAiB,GACjB,UAAU,CACb,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAEhE,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IAEnB,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,sBAAsB,KAAG,sBAmLjE,CAAC"}

package/dist/components/combobox/useComboboxState.js

@@ -0,0 +1,122 @@
+import { useCallback, useMemo, useState } from 'react';
+import { normaliseComboboxQuery } from './normaliseComboboxQuery';
+const builtInFilters = {
+    prefix: (option, query) => normaliseComboboxQuery(option.label).startsWith(normaliseComboboxQuery(query)),
+    substring: (option, query) => normaliseComboboxQuery(option.label).includes(normaliseComboboxQuery(query)),
+};
+export const useComboboxState = (params) => {
+    const { options, multiple = false, value: controlledValue, defaultValue, onValueChange, onSearch, searchType = 'prefix', allowCreate = false, onCreateNew, onDeleteCreated, disabled = false, } = params;
+    const isControlled = controlledValue !== undefined;
+    const [internalValue, setInternalValue] = useState(defaultValue ?? []);
+    const selectedValues = isControlled ? controlledValue : internalValue;
+    const selectedValuesSet = useMemo(() => new Set(selectedValues), [selectedValues]);
+    const updateValue = useCallback((next) => {
+        if (!isControlled)
+            setInternalValue(next);
+        onValueChange?.(next);
+    }, [isControlled, onValueChange]);
+    const [query, setQuery] = useState('');
+    const [isOpen, setIsOpen] = useState(false);
+    const [highlightIndex, setHighlightIndex] = useState(-1);
+    const [createdOptions, setCreatedOptions] = useState([]);
+    const isAsync = Boolean(onSearch);
+    const filter = useMemo(() => typeof searchType === 'function' ? searchType : builtInFilters[searchType], [searchType]);
+    const mergedOptions = useMemo(() => {
+        if (createdOptions.length === 0)
+            return options;
+        const existingValues = new Set(options.map(opt => opt.value));
+        const extras = createdOptions.filter(opt => !existingValues.has(opt.value));
+        return [...options, ...extras];
+    }, [options, createdOptions]);
+    const filteredOptions = useMemo(() => {
+        if (isAsync || !query)
+            return mergedOptions;
+        return mergedOptions.filter(opt => filter(opt, query));
+    }, [mergedOptions, query, isAsync, filter]);
+    const createdValuesSet = useMemo(() => new Set(createdOptions.map(opt => opt.value)), [createdOptions]);
+    const showCreateRow = useMemo(() => allowCreate
+        && query.trim().length > 0
+        && !filteredOptions.some(o => normaliseComboboxQuery(o.label) === normaliseComboboxQuery(query)), [allowCreate, query, filteredOptions]);
+    const totalItems = filteredOptions.length + (showCreateRow ? 1 : 0);
+    const selectOption = useCallback((optionValue) => {
+        const next = multiple
+            ? selectedValuesSet.has(optionValue)
+                ? selectedValues.filter(v => v !== optionValue)
+                : [...selectedValues, optionValue]
+            : [optionValue];
+        updateValue(next);
+        setQuery('');
+    }, [multiple, selectedValues, selectedValuesSet, updateValue]);
+    const removeValue = useCallback((optionValue) => {
+        updateValue(selectedValues.filter(v => v !== optionValue));
+    }, [selectedValues, updateValue]);
+    const clearAll = useCallback(() => {
+        updateValue([]);
+        setQuery('');
+    }, [updateValue]);
+    const openPopover = useCallback(() => {
+        if (!disabled)
+            setIsOpen(true);
+    }, [disabled]);
+    const ensureCreatedOption = useCallback((result, inputValue) => {
+        const fallback = {
+            value: inputValue.toLowerCase().replace(/\s+/g, '-'),
+            label: inputValue,
+        };
+        const created = typeof result === 'string'
+            ? { value: result, label: inputValue }
+            : (result ?? fallback);
+        const existingByValue = mergedOptions.find(opt => opt.value === created.value);
+        if (!existingByValue) {
+            setCreatedOptions((prev) => {
+                if (prev.some(opt => opt.value === created.value))
+                    return prev;
+                return [...prev, created];
+            });
+        }
+        return existingByValue?.value ?? created.value;
+    }, [mergedOptions]);
+    const handleCreate = useCallback(() => {
+        const trimmed = query.trim();
+        if (!trimmed)
+            return;
+        const existing = mergedOptions.find(opt => normaliseComboboxQuery(opt.label) === normaliseComboboxQuery(trimmed));
+        if (existing) {
+            selectOption(existing.value);
+            return;
+        }
+        const createResult = onCreateNew?.(trimmed);
+        const createdValue = ensureCreatedOption(createResult, trimmed);
+        selectOption(createdValue);
+    }, [query, mergedOptions, onCreateNew, ensureCreatedOption, selectOption]);
+    const deleteCreatedOption = useCallback((optionValue) => {
+        setCreatedOptions(prev => prev.filter(opt => opt.value !== optionValue));
+        if (selectedValues.includes(optionValue)) {
+            updateValue(selectedValues.filter(v => v !== optionValue));
+        }
+        onDeleteCreated?.(optionValue);
+    }, [selectedValues, updateValue, onDeleteCreated]);
+    return {
+        selectedValues,
+        selectedValuesSet,
+        query,
+        setQuery,
+        isOpen,
+        setIsOpen,
+        highlightIndex,
+        setHighlightIndex,
+        mergedOptions,
+        filteredOptions,
+        createdValuesSet,
+        showCreateRow,
+        totalItems,
+        selectOption,
+        removeValue,
+        clearAll,
+        handleCreate,
+        deleteCreatedOption,
+        openPopover,
+        isAsync,
+    };
+};
+//# sourceMappingURL=useComboboxState.js.map

package/dist/components/combobox/useComboboxState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxState.js","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxState.ts"],"names":[],"mappings":"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"}

package/dist/components/combobox/useElementWidth.d.ts

@@ -0,0 +1,2 @@
+export declare const useElementWidth: (ref: React.RefObject<HTMLElement | null>, watchKey: string) => number;
+//# sourceMappingURL=useElementWidth.d.ts.map

package/dist/components/combobox/useElementWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementWidth.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useElementWidth.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAC1B,KAAK,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,UAAU,MAAM,KACf,MAkCF,CAAC"}