@ringcentral/juno 1.12.4-beta.5873-31100a7c → 1.12.5-beta.5896-ded29c04

package/components/Downshift/utils/useDownshift.d.ts

@@ -3,8 +3,7 @@ import { ChangeEvent, HTMLAttributes } from 'react';
 import { RcIconButtonProps } from '../../Buttons/IconButton';
 import { RcDownshiftProps } from '../Downshift';
 import { RcDownshiftSelectedItem } from './SelectItem';
-import { RcDownshiftGetItemPropsOptions, RcDownshiftGetSelectedItemProps, RcDownshiftHighlightChangeReason } from './useDownshift.interface';
-declare type UseDownshiftParams = {
+declare type UseDownshiftParams<T extends RcDownshiftSelectedItem = RcDownshiftSelectedItem> = {
     /** that input ref you binding event */
     inputRef: React.RefObject<HTMLInputElement>;
     /** wrapper container ref, if you have `tag` or use in `popper`, that will be needed */
@@ -16,12 +15,11 @@ declare type UseDownshiftParams = {
      * set that will auto add item into options
      */
     addNoOptionItem?: 'first' | 'last';
-} & Pick<RcDownshiftProps<RcDownshiftSelectedItem>, 'open' | 'onOpen' | 'onClose' | 'multiple' | 'onChange' | 'value' | 'getOptionLabel' | 'filterOptions' | 'options' | 'freeSolo' | 'maxFreeSolo' | 'onMaxFreeSolo' | 'disableCloseOnSelect' | 'initialIsOpen' | 'keyToTags' | 'inputValue' | 'autoSelect' | 'onInputChange' | 'onKeyDown' | 'disabled' | 'openOnFocus' | 'onClear' | 'renderNoOptions' | 'autoHighlight' | 'getOptionDisabled' | 'required' | 'label' | 'disabledItemsHighlightable' | 'variant' | 'groupBy' | 'getExpandIconProps' | 'groupExpanded' | 'groupDefaultExpanded' | 'onGroupExpanded' | 'groupVariant' | 'focused'>;
-export declare const useDownshift: ({ multiple: multipleProp, variant, label: labelProp, inputValue: inputValueProp, getOptionLabel, keyToTags, filterOptions, disabledItemsHighlightable, options, freeSolo, onInputChange: onInputChangeProp, maxFreeSolo, onMaxFreeSolo, openOnFocus, disableCloseOnSelect, initialIsOpen, autoSelect, inputContainerRef, inputRef, wrapperRef, onKeyDown: onKeyDownProp, onChange: onSelectChange, value: selectedItemsProp, disabled, renderNoOptions, onClear, autoHighlight, getOptionDisabled, addNoOptionItem, groupBy, onGroupExpanded, groupVariant, groupExpanded, groupDefaultExpanded, getExpandIconProps, required, open: openProp, onOpen, onClose, focused: focusedProp, }: UseDownshiftParams) => {
+} & Pick<RcDownshiftProps<T>, 'open' | 'onOpen' | 'onClose' | 'multiple' | 'onChange' | 'value' | 'getOptionLabel' | 'filterOptions' | 'options' | 'freeSolo' | 'maxFreeSolo' | 'onMaxFreeSolo' | 'disableCloseOnSelect' | 'initialIsOpen' | 'keyToTags' | 'inputValue' | 'autoSelect' | 'onInputChange' | 'onKeyDown' | 'disabled' | 'openOnFocus' | 'onClear' | 'renderNoOptions' | 'autoHighlight' | 'getOptionDisabled' | 'required' | 'label' | 'disabledItemsHighlightable' | 'variant' | 'groupBy' | 'getExpandIconProps' | 'groupExpanded' | 'groupDefaultExpanded' | 'onGroupExpanded' | 'groupVariant' | 'focused'>;
+export declare const useDownshift: <T extends RcDownshiftSelectedItem = RcDownshiftSelectedItem>({ multiple: multipleProp, variant, label: labelProp, inputValue: inputValueProp, getOptionLabel, keyToTags, filterOptions: filterOptionsProp, disabledItemsHighlightable, options, freeSolo, onInputChange: onInputChangeProp, maxFreeSolo, onMaxFreeSolo, openOnFocus, disableCloseOnSelect, initialIsOpen, autoSelect, inputContainerRef, inputRef, wrapperRef, onKeyDown: onKeyDownProp, onChange: onSelectChange, value: selectedItemsProp, disabled, renderNoOptions, onClear, autoHighlight, getOptionDisabled, addNoOptionItem, groupBy, onGroupExpanded, groupVariant, groupExpanded, groupDefaultExpanded, getExpandIconProps, required, open: openProp, onOpen, onClose, focused, }: UseDownshiftParams<T>) => {
     focusInput: () => void | undefined;
-    setIsTagsFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     readOnly: boolean | undefined;
-    getTagProps: ({ index, selectedItem, ...restTagProps }: RcDownshiftGetSelectedItemProps<RcDownshiftSelectedItem>) => {
+    getTagProps: ({ index, selectedItem, ...restTagProps }: import("./useDownshift.interface").RcDownshiftGetSelectedItemProps<T>) => {
         [arbitrary: string]: any;
         className?: string | undefined;
         color?: string | undefined;
@@ -280,11 +278,9 @@ export declare const useDownshift: ({ multiple: multipleProp, variant, label: la
         is?: string | undefined;
     };
     getClearButtonProps: (props?: RcIconButtonProps | undefined) => RcIconButtonProps;
-    removeSelectedItem: (selectedItem: RcDownshiftSelectedItem) => void;
     activeIndex: number;
     setActiveIndex: (tagToFocus: number, focus?: any) => void;
     isOpen: boolean;
-    isTagsFocus: boolean;
     getToggleButtonProps: (props?: RcIconButtonProps | undefined) => RcIconButtonProps;
     getPopperProps: (restPopperProps?: HTMLAttributes<HTMLElement> | undefined) => HTMLAttributes<HTMLElement>;
     getLabelProps: (props?: Partial<import("@material-ui/core").InputLabelProps> | undefined) => Partial<import("@material-ui/core").InputLabelProps>;
@@ -295,264 +291,8 @@ export declare const useDownshift: ({ multiple: multipleProp, variant, label: la
         'aria-label': string | undefined;
         'aria-required': boolean;
         'aria-disabled': boolean;
-    } | {
-        className?: string | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        role?: "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "gridcell" | "group" | "heading" | "img" | "link" | "list" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | (string & {}) | undefined;
-        tabIndex?: number | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: boolean | "true" | "false" | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-        'aria-busy'?: boolean | "true" | "false" | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled': boolean | "true" | "false";
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: boolean | "true" | "false" | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: boolean | "true" | "false" | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
-        'aria-hidden'?: boolean | "true" | "false" | undefined;
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label': string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: boolean | "true" | "false" | undefined;
-        'aria-multiline'?: boolean | "true" | "false" | undefined;
-        'aria-multiselectable'?: boolean | "true" | "false" | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-readonly'?: boolean | "true" | "false" | undefined;
-        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        'aria-required': boolean | "true" | "false";
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: boolean | "true" | "false" | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        children?: import("react").ReactNode;
-        dangerouslySetInnerHTML?: {
-            __html: string;
-        } | undefined;
-        onCopy?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-        onCopyCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-        onCut?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-        onCutCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-        onPaste?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-        onPasteCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
-        onCompositionEnd?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-        onCompositionEndCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-        onCompositionStart?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-        onCompositionStartCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-        onCompositionUpdate?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-        onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
-        onFocus?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
-        onFocusCapture?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
-        onBlur?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
-        onBlurCapture?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
-        onChange?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onChangeCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onBeforeInput?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onBeforeInputCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onInput?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onInputCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onReset?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onResetCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onSubmit?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onSubmitCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onInvalid?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onInvalidCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
-        onLoad?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onLoadCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onError?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onErrorCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onKeyDown?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-        onKeyDownCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-        onKeyPress?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-        onKeyPressCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-        onKeyUp?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-        onKeyUpCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
-        onAbort?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onAbortCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onCanPlay?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onCanPlayCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onCanPlayThrough?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onCanPlayThroughCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onDurationChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onDurationChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onEmptied?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onEmptiedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onEncrypted?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onEncryptedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onEnded?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onEndedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onLoadedData?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onLoadedDataCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onLoadedMetadata?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onLoadedMetadataCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onLoadStart?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onLoadStartCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onPause?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onPauseCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onPlay?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onPlayCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onPlaying?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onPlayingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onProgress?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onProgressCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onRateChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onRateChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onSeeked?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onSeekedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onSeeking?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onSeekingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onStalled?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onStalledCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onSuspend?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onSuspendCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onTimeUpdate?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onTimeUpdateCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onVolumeChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onVolumeChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onWaiting?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onWaitingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onAuxClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onAuxClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onContextMenu?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onContextMenuCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onDoubleClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onDoubleClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onDrag?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragEnd?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragEndCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragEnter?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragEnterCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragExit?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragExitCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragLeave?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragLeaveCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragOver?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragOverCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragStart?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDragStartCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDrop?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onDropCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
-        onMouseDown?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseDownCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseEnter?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseLeave?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseMove?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseMoveCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseOut?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseOutCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseOver?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseOverCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onMouseUpCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        onSelect?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onSelectCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        onTouchCancel?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-        onTouchCancelCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-        onTouchEnd?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-        onTouchEndCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-        onTouchMove?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-        onTouchMoveCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-        onTouchStart?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-        onTouchStartCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
-        onPointerDown?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerDownCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerMove?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerMoveCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerUp?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerUpCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerCancel?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerCancelCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerEnter?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerEnterCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerLeave?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerLeaveCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerOver?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerOverCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerOut?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onPointerOutCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onGotPointerCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onGotPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onLostPointerCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onLostPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
-        onScroll?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
-        onScrollCapture?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
-        onWheel?: ((event: import("react").WheelEvent<HTMLElement>) => void) | undefined;
-        onWheelCapture?: ((event: import("react").WheelEvent<HTMLElement>) => void) | undefined;
-        onAnimationStart?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-        onAnimationStartCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-        onAnimationEnd?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-        onAnimationEndCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-        onAnimationIteration?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-        onAnimationIterationCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
-        onTransitionEnd?: ((event: import("react").TransitionEvent<HTMLElement>) => void) | undefined;
-        onTransitionEndCapture?: ((event: import("react").TransitionEvent<HTMLElement>) => void) | undefined;
-        slot?: string | undefined;
-        title?: string | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        contentEditable?: boolean | "inherit" | "true" | "false" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: boolean | "true" | "false" | undefined;
-        hidden?: boolean | undefined;
-        placeholder?: string | undefined;
-        spellCheck?: boolean | "true" | "false" | undefined;
-        translate?: "no" | "yes" | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        resource?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
     };
-    getItemProps: ({ item, index, ...itemRest }: RcDownshiftGetItemPropsOptions<RcDownshiftSelectedItem>) => {
+    getItemProps: ({ item, index, ...itemRest }: import("./useDownshift.interface").RcDownshiftGetItemPropsOptions<T>) => {
         isSelected?: boolean | undefined;
         disabled?: boolean | undefined;
         ref?: import("react").RefObject<any> | undefined;
@@ -814,25 +554,26 @@ export declare const useDownshift: ({ multiple: multipleProp, variant, label: la
         onTransitionEndCapture?: ((event: import("react").TransitionEvent<HTMLElement>) => void) | undefined;
     };
     getNoOptionsProps: (additionProps: HTMLAttributes<HTMLElement>) => HTMLAttributes<HTMLElement>;
-    noOptionItem: RcDownshiftSelectedItem | undefined;
+    noOptionItem: T | null;
     highlightedIndex: number;
-    selectedItems: RcDownshiftSelectedItem[];
-    optionItems: RcDownshiftSelectedItem[];
+    tags: T[];
+    optionItems: T[];
     inputValue: string;
     onInputChange: (newValue: string, open?: boolean, e?: ChangeEvent<{}> | undefined) => boolean;
     keepHighlightedIndex: () => void;
     isKeepHighlightedIndex: boolean;
     setHighlightedIndex: (index: number, { reRender, reason, }: {
         reRender?: boolean | undefined;
-        reason?: RcDownshiftHighlightChangeReason;
+        reason?: import("./useDownshift.interface").RcDownshiftHighlightChangeReason;
     }) => void;
-    changeHighlightedIndexReason: RcDownshiftHighlightChangeReason;
+    changeHighlightedIndexReason: import("./useDownshift.interface").RcDownshiftHighlightChangeReason;
     closeMenu: (e?: ChangeEvent<{}> | undefined, reason?: "toggleInput" | "escape" | "select-option" | "blur" | undefined) => void;
     openMenu: (e?: ChangeEvent<{}> | undefined) => void;
     reset: (isFocus?: boolean | undefined) => void;
     forceUpdate: () => void;
-    optionsGroupList: import("./SelectItem").RcDownshiftGroupedOption<RcDownshiftSelectedItem>[];
-    isFocused: boolean;
+    optionsGroupList: import("./SelectItem").RcDownshiftGroupedOption<T>[];
+    /** that state of current downshift focused, both tag or input focused */
+    focused: boolean | undefined;
     id: string;
     inputChanged: boolean;
 };