@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
134 lines • 6.21 kB
TypeScript
import React from 'react';
/**
* `useSelectInput` extends {@link useComboboxInput useComboboxInput} and {@link useComboboxKeyboardTypeAhead useComboboxKeyboardTypeAhead} and adds type ahead functionality and Select-specific [keyboard support](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/).
*/
export declare const useSelectInput: import("@workday/canvas-kit-react/common").BehaviorHook<{
state: {
stackRef: React.RefObject<HTMLDivElement>;
targetRef: React.RefObject<HTMLButtonElement>;
initialFocusRef: React.RefObject<any> | undefined;
returnFocusRef: React.RefObject<any> | undefined;
placement: import("@popperjs/core").Placement;
id: string;
visibility: "hidden" | "visible";
selectedIds: string[] | "all";
unselectedIds: string[];
cursorId: string;
columnCount: number;
pageSizeRef: React.MutableRefObject<number>;
cursorIndexRef: {
readonly current: number;
};
UNSTABLE_virtual: {
virtualItems: import("../../..").VirtualItem[];
totalSize: number;
scrollToOffset: (index: number, options?: import("../../..").ScrollToOffsetOptions | undefined) => void;
scrollToIndex: (index: number, options?: import("../../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
measure: () => void;
};
UNSTABLE_defaultItemHeight: number;
containerRef: React.RefObject<HTMLDivElement>;
orientation: "horizontal" | "vertical";
indexRef: React.MutableRefObject<number>;
nonInteractiveIds: string[];
isVirtualized: boolean;
items: import("../../..").Item<any>[];
mode: "multiple" | "single";
value: string | undefined;
inputRef: React.RefObject<HTMLInputElement>;
width: number;
};
events: {
setWidth(width: number): void;
updatePlacement(data: {
placement: import("@popperjs/core").Placement;
}): void;
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
select(data: {
id: string;
}): void;
selectAll(): void;
unselectAll(): void;
setSelectedIds(ids: string[] | "all"): void;
remove(data: {
id: string;
nextId?: string | undefined;
event?: Event | 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;
};
onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
selection: import("../../..").SelectionManager;
navigation: import("../../..").NavigationManager;
getId: (item: any) => string;
}, import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
readonly onKeyDown: (event: React.KeyboardEvent) => void;
readonly autoComplete: "off";
readonly keySoFar: null;
readonly ref: (instance: HTMLInputElement | null) => void;
}, import("@workday/canvas-kit-react/common").MergeProps<{
readonly onKeyDown: (event: React.KeyboardEvent<Element>) => void;
readonly keySoFar: string;
}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{
readonly ref: (instance: HTMLInputElement | null) => void;
readonly form: "";
readonly value: null;
readonly onChange: (event: React.ChangeEvent<HTMLInputElement>) => null;
readonly name: null;
readonly disabled: boolean | undefined;
readonly formInputProps: {
readonly disabled: boolean | undefined;
readonly tabIndex: -1;
readonly 'aria-hidden': true;
readonly ref: (instance: HTMLInputElement | null) => void;
readonly onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
readonly name: string | undefined;
};
}, import("@workday/canvas-kit-react/common").MergeProps<import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
readonly onKeyDown: (event: React.KeyboardEvent<Element>) => void;
readonly onBlur: (event: React.FocusEvent<Element, Element>) => void;
readonly onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
readonly value: string | undefined;
readonly role: "combobox";
readonly 'aria-haspopup': "listbox";
readonly 'aria-expanded': boolean;
readonly 'aria-autocomplete': "list";
readonly 'aria-controls': `${string}-list`;
readonly 'aria-activedescendant': null | undefined;
readonly id: string;
readonly ref: (instance: unknown) => void;
}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{
readonly onKeyDown: (event: React.KeyboardEvent<Element>) => void;
}, import("@workday/canvas-kit-react/common").MergeProps<{
readonly 'aria-activedescendant': string | undefined;
}, import("@workday/canvas-kit-react/common").MergeProps<{
readonly onKeyDown: (event: React.KeyboardEvent<Element>) => void;
}, import("@workday/canvas-kit-react/common").MergeProps<{
readonly ref: (instance: unknown) => void;
readonly onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
}, {}>>>>>>>, {}>>>>>>>>;
//# sourceMappingURL=useSelectInput.d.ts.map