@luciodale/react-searchable-dropdown/dist/hooks/useKeyboardNavigation.d.ts

A reusable React searchable dropdown component.

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>;
    searchQueryinputRef: React.RefObject<HTMLInputElement>;
    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;
};