@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
26 lines • 1.38 kB
TypeScript
import { HighlightedOptionHandlers, HighlightedOptionState } from '../internal/components/options-list/utils/use-highlight-option';
import { AutosuggestItem, AutosuggestProps } from './interfaces';
type Options = AutosuggestProps.Options;
export interface UseAutosuggestItemsProps {
options: Options;
filterValue: string;
filterText: string;
filteringType: AutosuggestProps.FilteringType;
enteredTextLabel?: AutosuggestProps.EnteredTextLabel;
hideEnteredTextLabel?: boolean;
onSelectItem: (option: AutosuggestItem) => void;
}
export interface AutosuggestItemsState extends HighlightedOptionState<AutosuggestItem> {
items: readonly AutosuggestItem[];
showAll: boolean;
getItemGroup: (item: AutosuggestItem) => undefined | AutosuggestProps.OptionGroup;
}
export interface AutosuggestItemsHandlers extends HighlightedOptionHandlers<AutosuggestItem> {
setShowAll(value: boolean): void;
selectHighlightedOptionWithKeyboard(): boolean;
highlightVisibleOptionWithMouse(index: number): void;
selectVisibleOptionWithMouse(index: number): void;
}
export declare const useAutosuggestItems: ({ options, filterValue, filterText, filteringType, enteredTextLabel, hideEnteredTextLabel, onSelectItem, }: UseAutosuggestItemsProps) => [AutosuggestItemsState, AutosuggestItemsHandlers];
export {};
//# sourceMappingURL=options-controller.d.ts.map