UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

1,124 lines • 86.3 kB
/** * `SelectModel` extends the {@link ComboboxModel}. Selecting items from * the menu will dispatch an * [input](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event) event on the * input which should work with form libraries, automation and autofill. * * ```tsx * const model = useSelectModel({items: ['Mobile', 'Phone', 'E-Mail']}) * * <Select model={model}> * ... * </Select> * ``` */ export declare const useSelectModel: (<TT_Special_Generic>(config?: (Partial<{ shouldVirtualize: boolean; mode: "multiple" | "single"; returnFocusRef: import("react").RefObject<any> | undefined; initialFocusRef: import("react").RefObject<any> | undefined; id: string; initialVisibility: import("../../..").Visibility; initialSelectedIds: import("../../..").SelectedIds; initialUnselectedIds: string[]; selection: import("../../..").SelectionManager; initialCursorId: string | string[]; columnCount: number; navigation: import("../../..").NavigationManager; pageSize: number; getId: (item: any) => string; getTextValue: (item: any) => string; nonInteractiveIds: string[]; orientation: import("../../..").Orientation; defaultItemHeight: number; items: any[]; UNSTABLE_parentModel: { state: { selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; id: string; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; }; events: { select(data: { id: string; }): void; selectAll(): void; unselectAll(): void; setSelectedIds(ids: string[] | "all"): void; remove(data: { id: string; nextId?: string | undefined; event?: Event | import("react").SyntheticEvent<Element, Event> | undefined; }): void; goTo(data: { id: string; }): void; goToNext(): void; goToPrevious(): void; goToPreviousRow(): void; goToNextRow(): void; goToFirst(): void; goToLast(): void; goToFirstOfRow(): void; goToLastOfRow(): void; goToNextPage(): void; goToPreviousPage(): void; registerItem(data: { id: string; textValue: string; }): void; unregisterItem(data: { id: string; }): void; updateItemHeight(data: { value: number; }): void; }; selection: import("../../..").SelectionManager; navigation: import("../../..").NavigationManager; getId: (item: any) => string; getTextValue: (item: any) => string; } | undefined; value: string | undefined; onFilterChange(event: import("react").ChangeEvent<HTMLInputElement>): void; onChange(event: import("react").ChangeEvent<HTMLInputElement>): void; }> & { onSetWidth?: ((data: number, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onUpdatePlacement?: ((data: { placement: import("@popperjs/core").Placement; }, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onShow?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onHide?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onSelect?: ((data: { id: string; }, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onSelectAll?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onUnselectAll?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onSetSelectedIds?: ((data: string[] | "all", prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onRemove?: ((data: { id: string; nextId?: string | undefined; event?: Event | import("react").SyntheticEvent<Element, Event> | undefined; }, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoTo?: ((data: { id: string; }, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToNext?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToPrevious?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToPreviousRow?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToNextRow?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToFirst?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToLast?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToFirstOfRow?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToLastOfRow?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToNextPage?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onGoToPreviousPage?: ((data: undefined, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onRegisterItem?: ((data: { id: string; textValue: string; }, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onUnregisterItem?: ((data: { id: string; }, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; onUpdateItemHeight?: ((data: { value: number; }, prevState: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => void) | undefined; } & { shouldSetWidth?: ((data: number, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldUpdatePlacement?: ((data: { placement: import("@popperjs/core").Placement; }, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldShow?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldHide?: ((data: Event | import("react").SyntheticEvent<Element, Event> | undefined, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldSelect?: ((data: { id: string; }, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldSelectAll?: ((data: undefined, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldUnselectAll?: ((data: undefined, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldSetSelectedIds?: ((data: string[] | "all", state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldRemove?: ((data: { id: string; nextId?: string | undefined; event?: Event | import("react").SyntheticEvent<Element, Event> | undefined; }, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldGoTo?: ((data: { id: string; }, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldGoToNext?: ((data: undefined, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; cursorId: string | string[]; columnCount: number; pageSizeRef: import("react").MutableRefObject<number>; cursorIndexRef: { readonly current: number; }; UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>; UNSTABLE_defaultItemHeight: number; containerRef: import("react").RefObject<HTMLDivElement>; orientation: "horizontal" | "vertical"; indexRef: import("react").MutableRefObject<number>; nonInteractiveIds: string[]; isVirtualized: boolean; items: import("../../..").Item<any>[]; mode: "multiple" | "single"; value: string | undefined; inputRef: import("react").RefObject<HTMLInputElement>; width: number; }) => boolean) | undefined; shouldGoToPrevious?: ((data: undefined, state: { stackRef: import("react").RefObject<HTMLDivElement>; targetRef: import("react").RefObject<HTMLButtonElement>; initialFocusRef: import("react").RefObject<any> | undefined; returnFocusRef: import("react").RefObject<any> | undefined; placement: import("@popperjs/core").Placement; id: string; visibility: "hidden" | "visible"; selectedIds: string[] | "all"; unselectedIds: string[]; curs