props. * @returns props that should be spread on the input element */ getInputProps: () => React.InputHTMLAttributes & { ref: React.Ref; }; /** * Resolver for the input label element's props. * @returns props that should be spread on the input label element */ getInputLabelProps: () => Omit, 'color'>; /** * Resolver for the `clear` button element's props. * @returns props that should be spread on the *clear* button element */ getClearProps: () => React.HTMLAttributes; /** * Resolver for the popup icon's props. * @returns props that should be spread on the popup icon */ getPopupIndicatorProps: () => React.HTMLAttributes; /** * A tag props getter. */ getTagProps: AutocompleteGetTagProps; /** * Resolver for the listbox component's props. * @returns props that should be spread on the listbox component */ getListboxProps: () => React.HTMLAttributes; /** * Resolver for the rendered option element's props. * @param renderedOption option rendered on the Autocomplete * @returns props that should be spread on the li element */ getOptionProps: ( renderedOption: UseAutocompleteRenderedOption, ) => React.HTMLAttributes; /** * Id for the Autocomplete. */ id: string; /** * The input value. */ inputValue: string; /** * The value of the autocomplete. */ value: AutocompleteValue; /** * If `true`, the component input has some values. */ dirty: boolean; /** * If `true`, the listbox is being displayed. */ expanded: boolean; /** * If `true`, the popup is open on the component. */ popupOpen: boolean; /** * If `true`, the component is focused. */ focused: boolean; /** * An HTML element that is used to set the position of the component. */ anchorEl: null | HTMLElement; /** * Setter for the component `anchorEl`. * @returns function for setting `anchorEl` */ setAnchorEl: () => void; /** * Index of the focused tag for the component. */ focusedTag: number; /** * The options to render. It's either `Value[]` or `AutocompleteGroupedOption[]` if the groupBy prop is provided. */ groupedOptions: Value[] | Array>; }