@workday/canvas-kit-react/dist/commonjs/select/lib/Select.d.ts

The parent module that contains all Workday Canvas Kit React components

import { Combobox } from '@workday/canvas-kit-react/combobox';
import { ExtractProps } from '@workday/canvas-kit-react/common';
export interface SelectProps extends ExtractProps<typeof Combobox> {
}
/**
 * Use `Select` to allow users to choose an option from a list or type characters to select a matching option.
 *
 * **Note: `Select` must wrap `FormField` and `FormField` must wrap all `Select` children to ensure proper accessibility. **
 *
 * ```tsx
 * <Select items={options}>
 *  <FormField label="Your Label">
 *    <Select.Input onChange={e => handleChange(e)} id="contact-select" />
 *    <Select.Popper>
 *      <Select.Card>
 *        <Select.List>
 *          {item => <Select.Item>{item.id}</Select.Item>}
 *        </Select.List>
 *      </Select.Card>
 *      </Select.Popper>
 *    </FormField>
 * </Select>
 * ```
 */
export declare const Select: import("@workday/canvas-kit-react/common").ComponentM<SelectProps & 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[]; /**
     * `Select.List` renders a {@link ComboboxMenuList Combobox.Menu.List}. You have access to all `ListBox` props.
     *
     * ```tsx
     * <Select items={options}>
     *  <FormField label="Your Label">
     *    <Select.Input onChange={(event) => handleChange(event)}>
     *    <Select.Popper>
     *      <Select.Card>
     *        <Select.List>
     *          {(item) => <Select.Item>{item}</Select.Item>}
     *        </Select.List
     *      </Select.Card>
     *    </Select.Popper>
     *  </FormField>
     * </Select>
     * ```
     */
    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";