@luciodale/react-searchable-dropdown
Version:
A reusable React searchable dropdown component.
24 lines (23 loc) • 1.39 kB
TypeScript
import { KeyboardEvent } from 'react';
import { VirtuosoHandle } from 'react-virtuoso';
import { TDropdownOption } from '../types';
export declare function useKeyboardNavigation<T extends TDropdownOption>({ virtuosoRef, searchQueryinputRef, matchingOptions, showDropdownOptions, setShowDropdownOptions, dropdownOptionNavigationIndex, setDropdownOptionNavigationIndex, handleOnSelectDropdownOption, setSuppressMouseEnterOptionListener, onLeaveCallback, isMultiSelect, values, setValues, deleteLastChipOnBackspace, onClearOption, }: {
virtuosoRef: React.RefObject<VirtuosoHandle | null>;
searchQueryinputRef: React.RefObject<HTMLInputElement | null>;
matchingOptions: T[];
showDropdownOptions: boolean;
setShowDropdownOptions: (show: boolean) => void;
dropdownOptionNavigationIndex: number;
setDropdownOptionNavigationIndex: (index: number) => void;
handleOnSelectDropdownOption: (option: TDropdownOption) => void;
setSuppressMouseEnterOptionListener: (suppress: boolean) => void;
onLeaveCallback: () => void;
isMultiSelect?: boolean;
values?: TDropdownOption[];
setValues?: (options: TDropdownOption[]) => void;
deleteLastChipOnBackspace?: boolean;
onClearOption?: (option: TDropdownOption) => void;
}): {
handleKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;
};
//# sourceMappingURL=useKeyboardNavigation.d.ts.map