@ringcentral/juno 1.12.3-beta.5791-ea7a35ca → 1.12.3

package/components/Downshift/styles/StyledTextField.d.ts

@@ -4,7 +4,7 @@ import { RcDownshiftProps } from '../Downshift';
 declare type StyledTextFieldProps = {
     hasTags: boolean;
 } & RcTextFieldProps & Pick<RcDownshiftProps, 'renderInput'>;
-export declare const StyledTextField: import("styled-components").StyledComponentClass<Pick<StyledTextFieldProps, "key" | "className" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "variant" | "innerRef" | "disabled" | "focused" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "rows" | "maxRows" | "minRows" | "align" | "gutterBottom" | "onClear" | "clearBtn" | "clearButtonProps" | "clearLabel" | "textVariant" | "autoSelect" | "focusOnMount" | "selectOnMount" | "autoFocusDelay" | "clearAriaLabel" | "validate" | "renderInput" | "hasTags"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<StyledTextFieldProps, "key" | "className" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "variant" | "innerRef" | "disabled" | "focused" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "rows" | "maxRows" | "minRows" | "align" | "gutterBottom" | "onClear" | "clearBtn" | "clearButtonProps" | "clearLabel" | "textVariant" | "autoSelect" | "focusOnMount" | "selectOnMount" | "autoFocusDelay" | "clearAriaLabel" | "validate" | "renderInput" | "hasTags"> & React.RefAttributes<any>, "ref" | "key" | "className" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "variant" | "innerRef" | "disabled" | "focused" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "rows" | "maxRows" | "minRows" | "align" | "gutterBottom" | "onClear" | "clearBtn" | "clearButtonProps" | "clearLabel" | "textVariant" | "autoSelect" | "focusOnMount" | "selectOnMount" | "autoFocusDelay" | "clearAriaLabel" | "validate" | "renderInput" | "hasTags"> & {
+export declare const StyledTextField: import("styled-components").StyledComponentClass<Pick<StyledTextFieldProps, "key" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "variant" | "innerRef" | "disabled" | "focused" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "rows" | "maxRows" | "minRows" | "align" | "gutterBottom" | "onClear" | "clearBtn" | "clearButtonProps" | "clearLabel" | "textVariant" | "autoSelect" | "focusOnMount" | "selectOnMount" | "autoFocusDelay" | "clearAriaLabel" | "validate" | "renderInput" | "hasTags"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<StyledTextFieldProps, "key" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "variant" | "innerRef" | "disabled" | "focused" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "rows" | "maxRows" | "minRows" | "align" | "gutterBottom" | "onClear" | "clearBtn" | "clearButtonProps" | "clearLabel" | "textVariant" | "autoSelect" | "focusOnMount" | "selectOnMount" | "autoFocusDelay" | "clearAriaLabel" | "validate" | "renderInput" | "hasTags"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "variant" | "innerRef" | "disabled" | "focused" | "autoFocus" | "fullWidth" | "error" | "inputProps" | "inputRef" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "rows" | "maxRows" | "minRows" | "align" | "gutterBottom" | "onClear" | "clearBtn" | "clearButtonProps" | "clearLabel" | "textVariant" | "autoSelect" | "focusOnMount" | "selectOnMount" | "autoFocusDelay" | "clearAriaLabel" | "validate" | "renderInput" | "hasTags"> & {
     theme?: import("../../../foundation").RcTheme | undefined;
 }>;
 export {};

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

@@ -6,4 +6,16 @@ export declare const DEFAULT_KEY_TO_CHIPS: string[];
 export declare const DEFAULT_LIMIT_CHIPS = 20;
 export declare const DEFAULT_GET_OPTION_LABEL: (item: RcDownshiftSelectedItem) => string;
 export declare const RcDownshiftDefaultRenderNoOptions: RcDownshiftProps['renderNoOptions'];
+/**
+ * default downshift filter options method, use with `variant="tags"`
+ *
+ * - filter options by input value and selected items
+ */
 export declare const RcDownshiftDefaultFilterOptions: RcDownshiftProps['filterOptions'];
+/**
+ * default downshift filter options method, use with `variant="autocomplete"`
+ *
+ * - when open menu and not change value, that will return whole options
+ * - only filter options by input value when have input value changed
+ */
+export declare const RcAutocompleteDefaultFilterOptions: RcDownshiftProps['filterOptions'];

package/components/Downshift/utils/DownshiftUtils.js

@@ -11,14 +11,32 @@ exports.isItemCanSelected = function (item) {
 exports.DEFAULT_KEY_TO_CHIPS = [';', ',', '\\n'];
 exports.DEFAULT_LIMIT_CHIPS = 20;
 exports.DEFAULT_GET_OPTION_LABEL = function (item) {
-    return item.label || '';
+    return (item === null || item === void 0 ? void 0 : item.label) || '';
 };
 exports.RcDownshiftDefaultRenderNoOptions = function (getNoOptionsProps) {
     return (react_1.default.createElement(MenuItem_1.RcMenuItem, tslib_1.__assign({ component: "div" }, getNoOptionsProps()), "No Options"));
 };
+/**
+ * default downshift filter options method, use with `variant="tags"`
+ *
+ * - filter options by input value and selected items
+ */
 exports.RcDownshiftDefaultFilterOptions = function (options, _a) {
     var inputValue = _a.inputValue, getOptionLabel = _a.getOptionLabel, selectedItems = _a.selectedItems;
     return options.filter(function (item) {
         return selectedItems.indexOf(item) < 0 && (getOptionLabel === null || getOptionLabel === void 0 ? void 0 : getOptionLabel(item).toLowerCase().startsWith((inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase()) || ''));
     });
 };
+/**
+ * default downshift filter options method, use with `variant="autocomplete"`
+ *
+ * - when open menu and not change value, that will return whole options
+ * - only filter options by input value when have input value changed
+ */
+exports.RcAutocompleteDefaultFilterOptions = function (options, _a) {
+    var inputValue = _a.inputValue, getOptionLabel = _a.getOptionLabel, inputChanged = _a.inputChanged;
+    if (!inputChanged) {
+        return options;
+    }
+    return options.filter(function (item) { return getOptionLabel === null || getOptionLabel === void 0 ? void 0 : getOptionLabel(item).toLowerCase().startsWith((inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase()) || ''); });
+};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RcIconButtonProps } from '../../Buttons/IconButton';
 export declare type RcDownshiftSelectedItem = {
     /** children item id */
@@ -28,6 +29,24 @@ export declare type RcDownshiftSelectedItem = {
     /** @deprecated is that item error, should use `error` to replace that */
     isError?: boolean;
 };
+export declare type RcDownshiftSelectedItemAdditionProps = {
+    /** that key of item */
+    key?: string;
+    /** role of that item */
+    role?: string;
+    /** when that item is group, that will get class with `classes.groupTitle` */
+    className?: string;
+    /** current position of set */
+    'aria-posinset'?: number;
+    /** number of all options */
+    'aria-setsize'?: number;
+    /** binding event when click item */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /** stop propagation */
+    onMouseDown?: React.MouseEventHandler<HTMLElement>;
+    /** binding mouse over event */
+    onMouseOver?: React.MouseEventHandler<HTMLElement>;
+};
 export interface RcDownshiftGroupedOption<T = RcDownshiftSelectedItem> {
     /** group key */
     key: number;

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

@@ -16,8 +16,8 @@ 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' | 'onGroupExpanded' | 'groupVariant'>;
-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, getExpandIconProps, required, open: openProp, onOpen, onClose, }: UseDownshiftParams) => {
+} & 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) => {
     focusInput: () => void | undefined;
     setIsTagsFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     readOnly: boolean | undefined;
@@ -832,5 +832,8 @@ export declare const useDownshift: ({ multiple: multipleProp, variant, label: la
     reset: (isFocus?: boolean | undefined) => void;
     forceUpdate: () => void;
     optionsGroupList: import("./SelectItem").RcDownshiftGroupedOption<RcDownshiftSelectedItem>[];
+    isFocused: boolean;
+    id: string;
+    inputChanged: boolean;
 };
 export {};

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

@@ -12,8 +12,13 @@ export declare type RcDownshiftGetSelectedItemProps<T> = {
     [arbitrary: string]: any;
 } & Omit<React.HTMLAttributes<HTMLElement>, 'children'>;
 export declare type RcDownshiftFilterOptions<T> = (options: T[], state: {
+    /** current input value */
     inputValue?: string;
+    /** is that input value have been changed or not */
+    inputChanged?: boolean;
+    /** get option label */
     getOptionLabel: (option: T) => string;
+    /** current be selected item array  */
     selectedItems: T[];
 }) => T[];
 export declare type RcDownshiftHighlightChangeReason = 'keyboard' | 'mouse' | 'auto' | undefined;

package/components/Downshift/utils/useDownshift.js

@@ -17,32 +17,38 @@ function stringArrToRegExp(keyToTags) {
 }
 var componentName = 'RcDownshift';
 exports.useDownshift = function (_a) {
-    var multipleProp = _a.multiple, variant = _a.variant, labelProp = _a.label, inputValueProp = _a.inputValue, _b = _a.getOptionLabel, getOptionLabel = _b === void 0 ? DownshiftUtils_1.DEFAULT_GET_OPTION_LABEL : _b, _c = _a.keyToTags, keyToTags = _c === void 0 ? DownshiftUtils_1.DEFAULT_KEY_TO_CHIPS : _c, filterOptions = _a.filterOptions, disabledItemsHighlightable = _a.disabledItemsHighlightable, options = _a.options, freeSolo = _a.freeSolo, onInputChangeProp = _a.onInputChange, maxFreeSolo = _a.maxFreeSolo, onMaxFreeSolo = _a.onMaxFreeSolo, openOnFocus = _a.openOnFocus, disableCloseOnSelect = _a.disableCloseOnSelect, initialIsOpen = _a.initialIsOpen, autoSelect = _a.autoSelect, inputContainerRef = _a.inputContainerRef, inputRef = _a.inputRef, wrapperRef = _a.wrapperRef, onKeyDownProp = _a.onKeyDown, onSelectChange = _a.onChange, _d = _a.value, selectedItemsProp = _d === void 0 ? [] : _d, disabled = _a.disabled, renderNoOptions = _a.renderNoOptions, onClear = _a.onClear, autoHighlight = _a.autoHighlight, getOptionDisabled = _a.getOptionDisabled, addNoOptionItem = _a.addNoOptionItem, groupBy = _a.groupBy, onGroupExpanded = _a.onGroupExpanded, groupVariant = _a.groupVariant, groupExpanded = _a.groupExpanded, getExpandIconProps = _a.getExpandIconProps, required = _a.required, openProp = _a.open, onOpen = _a.onOpen, onClose = _a.onClose;
+    var multipleProp = _a.multiple, variant = _a.variant, labelProp = _a.label, inputValueProp = _a.inputValue, _b = _a.getOptionLabel, getOptionLabel = _b === void 0 ? DownshiftUtils_1.DEFAULT_GET_OPTION_LABEL : _b, _c = _a.keyToTags, keyToTags = _c === void 0 ? DownshiftUtils_1.DEFAULT_KEY_TO_CHIPS : _c, filterOptions = _a.filterOptions, disabledItemsHighlightable = _a.disabledItemsHighlightable, options = _a.options, freeSolo = _a.freeSolo, onInputChangeProp = _a.onInputChange, maxFreeSolo = _a.maxFreeSolo, onMaxFreeSolo = _a.onMaxFreeSolo, openOnFocus = _a.openOnFocus, disableCloseOnSelect = _a.disableCloseOnSelect, initialIsOpen = _a.initialIsOpen, autoSelect = _a.autoSelect, inputContainerRef = _a.inputContainerRef, inputRef = _a.inputRef, wrapperRef = _a.wrapperRef, onKeyDownProp = _a.onKeyDown, onSelectChange = _a.onChange, _d = _a.value, selectedItemsProp = _d === void 0 ? [] : _d, disabled = _a.disabled, renderNoOptions = _a.renderNoOptions, onClear = _a.onClear, autoHighlight = _a.autoHighlight, getOptionDisabled = _a.getOptionDisabled, addNoOptionItem = _a.addNoOptionItem, groupBy = _a.groupBy, onGroupExpanded = _a.onGroupExpanded, groupVariant = _a.groupVariant, groupExpanded = _a.groupExpanded, groupDefaultExpanded = _a.groupDefaultExpanded, getExpandIconProps = _a.getExpandIconProps, required = _a.required, openProp = _a.open, onOpen = _a.onOpen, onClose = _a.onClose, focusedProp = _a.focused;
     var isAutocomplete = variant === 'autocomplete';
     // * when that is autocomplete, that will never be multiple
     var multiple = isAutocomplete ? false : multipleProp;
     var isSelectedFromAutocompleteRef = react_1.useRef(false);
+    var isInputValueChangedRef = react_1.useRef(false);
     var _e = tslib_1.__read(utils_1.useControlled({
+        controlled: focusedProp,
+        default: false,
+        name: componentName,
+    }), 2), isFocused = _e[0], setIsFocused = _e[1];
+    var _f = tslib_1.__read(utils_1.useControlled({
         controlled: openProp,
         default: initialIsOpen || false,
         name: componentName,
-    }), 2), isOpen = _e[0], setIsOpen = _e[1];
-    var _f = tslib_1.__read(react_1.useState(false), 2), isTagsFocus = _f[0], setIsTagsFocus = _f[1];
-    var _g = tslib_1.__read(react_1.useState(0), 2), activeIndex = _g[0], setActiveIndex = _g[1];
-    var _h = tslib_1.__read(utils_1.useControlled({
+    }), 2), isOpen = _f[0], setIsOpen = _f[1];
+    var _g = tslib_1.__read(react_1.useState(false), 2), isTagsFocus = _g[0], setIsTagsFocus = _g[1];
+    var _h = tslib_1.__read(react_1.useState(0), 2), activeIndex = _h[0], setActiveIndex = _h[1];
+    var _j = tslib_1.__read(utils_1.useControlled({
         controlled: inputValueProp,
         default: '',
         name: componentName,
-    }), 2), inputValue = _h[0], setInputValue = _h[1];
+    }), 2), inputValue = _j[0], setInputValue = _j[1];
     var updateInputValue = function (newValue) {
         onInputChangeProp === null || onInputChangeProp === void 0 ? void 0 : onInputChangeProp(newValue);
         setInputValue(newValue);
     };
-    var _j = tslib_1.__read(utils_1.useControlled({
+    var _k = tslib_1.__read(utils_1.useControlled({
         controlled: selectedItemsProp,
         default: [],
         name: componentName,
-    }), 2), selectedItems = _j[0], setSelectedItems = _j[1];
+    }), 2), selectedItems = _k[0], setSelectedItems = _k[1];
     var focusInput = function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); };
     var downshiftId = foundation_1.useResultRef(function () { return uniqueId_1.default("downshift-"); }).current;
     // * use -2 for us know that is init state, for recalculate defaultHighlightedIndex
@@ -57,7 +63,7 @@ exports.useDownshift = function (_a) {
         ? true
         : undefined;
     var forceUpdate = foundation_1.useForceUpdate();
-    var _k = foundation_1.useSleep(), sleep = _k.sleep, getSleeping = _k.getSleeping;
+    var _l = foundation_1.useSleep(), sleep = _l.sleep, getSleeping = _l.getSleeping;
     var filteredResult = react_1.useMemo(function () {
         var getInputValueAsItem = function () {
             var label = inputValue.trim() || '';
@@ -76,6 +82,7 @@ exports.useDownshift = function (_a) {
             if (filterOptions) {
                 return filterOptions(items, {
                     inputValue: inputValue,
+                    inputChanged: isInputValueChangedRef.current,
                     getOptionLabel: getOptionLabel,
                     selectedItems: selectedItems,
                 });
@@ -119,16 +126,19 @@ exports.useDownshift = function (_a) {
         renderNoOptions,
         selectedItems,
     ]);
-    var _l = useDownshiftGroup_1.useDownshiftGroup({
+    var _m = useDownshiftGroup_1.useDownshiftGroup({
         groupBy: groupBy,
         options: options,
         filteredResult: filteredResult,
         getExpandIconProps: getExpandIconProps,
         groupExpanded: groupExpanded,
+        groupDefaultExpanded: groupDefaultExpanded,
         onGroupExpanded: onGroupExpanded,
+        // TODO: single release for that breaking change
+        // getOptionDisabled,
         groupVariant: groupVariant,
         id: downshiftId,
-    }), groupedResult = _l.groupedResult, handleGroupExpandedChange = _l.handleGroupExpandedChange, optionsGroupList = _l.optionsGroupList;
+    }), groupedResult = _m.groupedResult, handleGroupExpandedChange = _m.handleGroupExpandedChange, optionsGroupList = _m.optionsGroupList;
     var optionItems = groupBy ? groupedResult : filteredResult;
     var freeSoloCount = react_1.useMemo(function () { return selectedItems.filter(function (x) { return x.freeSolo; }).length; }, [selectedItems]);
     var handleSelectedItems = function (_selectedItems) {
@@ -170,6 +180,7 @@ exports.useDownshift = function (_a) {
     });
     var closeMenu = function (e, reason) {
         keepHighlightedIndexRef.current = false;
+        isInputValueChangedRef.current = false;
         // * set to default highlighted
         setHighlightedIndex(DEFAULT_HIGHLIGHTED_INDEX, { reason: 'auto' });
         if (isOpen) {
@@ -320,6 +331,7 @@ exports.useDownshift = function (_a) {
             updateInputValue('');
         }
         isSelectedFromAutocompleteRef.current = false;
+        isInputValueChangedRef.current = false;
         setActiveIndex(-1);
         if (!disableCloseOnSelect) {
             closeMenu(e, 'select-option');
@@ -344,7 +356,7 @@ exports.useDownshift = function (_a) {
             event === null || event === void 0 ? void 0 : event.preventDefault();
         },
     }).onKeyFocusedIndexHandle;
-    var _m = foundation_1.useKeyboardMoveFocus({
+    var _o = foundation_1.useKeyboardMoveFocus({
         options: optionItems,
         focusedIndexRef: highlightedIndexRef,
         infinite: true,
@@ -357,7 +369,7 @@ exports.useDownshift = function (_a) {
             : function (child) {
                 return !getIsItemCanSelected(child);
             },
-    }), onKeyFocusedIndexHandle = _m.onKeyFocusedIndexHandle, getNextFocusableOption = _m.getNextFocusableOption;
+    }), onKeyFocusedIndexHandle = _o.onKeyFocusedIndexHandle, getNextFocusableOption = _o.getNextFocusableOption;
     var keepHighlightedIndex = function () {
         keepHighlightedIndexRef.current = true;
     };
@@ -532,9 +544,11 @@ exports.useDownshift = function (_a) {
                     handleSelectedItems([]);
                 }
                 fromPasteString.current = '';
+                isInputValueChangedRef.current = true;
             },
             onFocus: function (e) {
                 var _a;
+                setIsFocused(true);
                 if (openOnFocus)
                     openMenu(e);
                 // * when autocomplete mode, always select all text when focus
@@ -548,6 +562,7 @@ exports.useDownshift = function (_a) {
                 }
             },
             onBlur: function (e) {
+                setIsFocused(false);
                 if (autoSelect && !stopAutoSelectRef.current) {
                     if (!freeSolo)
                         selectItemFn(optionItems[highlightedIndexRef.current], e);
@@ -798,6 +813,9 @@ exports.useDownshift = function (_a) {
         reset: reset,
         forceUpdate: forceUpdate,
         optionsGroupList: optionsGroupList,
+        isFocused: isFocused,
+        id: downshiftId,
+        inputChanged: isInputValueChangedRef.current,
     };
     changeHighlightedIndexReason.current = undefined;
     return resultObj;

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

@@ -1,13 +1,13 @@
 import { RcDownshiftProps } from '../Downshift';
 import { RcDownshiftGroupedOption, RcDownshiftSelectedItem } from './SelectItem';
-declare type UseDownshiftGroup = {
-    filteredResult: RcDownshiftSelectedItem[];
+declare type UseDownshiftGroup<T extends RcDownshiftSelectedItem = RcDownshiftSelectedItem> = {
+    filteredResult: T[];
     id: string;
-} & Pick<RcDownshiftProps, 'options' | 'groupBy' | 'getExpandIconProps' | 'onGroupExpanded' | 'groupExpanded' | 'groupVariant'>;
-export declare const useDownshiftGroup: ({ groupBy, options, filteredResult, getExpandIconProps, groupExpanded, onGroupExpanded, groupVariant, id, }: UseDownshiftGroup) => {
-    optionsGroupList: RcDownshiftGroupedOption<RcDownshiftSelectedItem>[];
-    groupedResult: RcDownshiftSelectedItem[];
+} & Pick<RcDownshiftProps<T>, 'options' | 'groupBy' | 'getExpandIconProps' | 'onGroupExpanded' | 'groupExpanded' | 'groupDefaultExpanded' | 'groupVariant' | 'getOptionDisabled'>;
+export declare const useDownshiftGroup: <T extends RcDownshiftSelectedItem = RcDownshiftSelectedItem>({ groupBy, options, filteredResult, getExpandIconProps, groupExpanded, groupDefaultExpanded, onGroupExpanded, groupVariant, getOptionDisabled, id, }: UseDownshiftGroup<T>) => {
+    optionsGroupList: RcDownshiftGroupedOption<T>[];
+    groupedResult: T[];
     groupExpandedMap: Record<string, boolean>;
-    handleGroupExpandedChange: (key: string) => void;
+    handleGroupExpandedChange: (groupName: string) => void;
 };
 export {};

package/components/Downshift/utils/useDownshiftGroup.js

@@ -4,32 +4,27 @@ var tslib_1 = require("tslib");
 var react_1 = require("react");
 var foundation_1 = require("../../../foundation");
 exports.useDownshiftGroup = function (_a) {
-    var groupBy = _a.groupBy, options = _a.options, filteredResult = _a.filteredResult, getExpandIconProps = _a.getExpandIconProps, groupExpanded = _a.groupExpanded, onGroupExpanded = _a.onGroupExpanded, groupVariant = _a.groupVariant, id = _a.id;
+    var groupBy = _a.groupBy, options = _a.options, filteredResult = _a.filteredResult, getExpandIconProps = _a.getExpandIconProps, groupExpanded = _a.groupExpanded, groupDefaultExpanded = _a.groupDefaultExpanded, onGroupExpanded = _a.onGroupExpanded, groupVariant = _a.groupVariant, getOptionDisabled = _a.getOptionDisabled, id = _a.id;
     var _b = tslib_1.__read(foundation_1.useRefState({}), 2), groupExpandedMapRef = _b[0], setGroupExpandedMap = _b[1];
     var isTitleGroup = groupVariant === 'normal';
-    foundation_1.useChange(function () {
-        if (typeof groupExpanded === 'object') {
-            setGroupExpandedMap(groupExpanded, false);
-        }
-    }, function () { return groupExpanded; });
-    var handleGroupExpandedChange = function (key) {
+    var handleGroupExpandedChange = function (groupName) {
         var _a;
         var groupExpandedMap = groupExpandedMapRef.current;
         if (typeof groupExpanded === 'boolean') {
             return;
         }
-        var toExpandedState = !groupExpandedMap[key];
-        var newExpandedMap = tslib_1.__assign(tslib_1.__assign({}, groupExpandedMap), (_a = {}, _a[key] = toExpandedState, _a));
+        var toExpandedState = !groupExpandedMap[groupName];
+        var newExpandedMap = tslib_1.__assign(tslib_1.__assign({}, groupExpandedMap), (_a = {}, _a[groupName] = toExpandedState, _a));
         setGroupExpandedMap(newExpandedMap);
         if (onGroupExpanded) {
-            var group = optionsGroupList.find(function (x) { return x.group === key; });
+            var group = optionsGroupList.find(function (x) { return x.group === groupName; });
             if (group) {
                 onGroupExpanded(tslib_1.__assign(tslib_1.__assign({}, foundation_1.omit(group, ['getExpandIconProps'])), { expanded: toExpandedState }), newExpandedMap);
             }
         }
     };
-    var handleExpandIconClick = foundation_1.useEventCallback(function (e, key) {
-        handleGroupExpandedChange(key);
+    var handleExpandIconClick = foundation_1.useEventCallback(function (e, groupName) {
+        handleGroupExpandedChange(groupName);
         e.preventDefault();
         e.stopPropagation();
     });
@@ -39,7 +34,8 @@ exports.useDownshiftGroup = function (_a) {
             // used to keep track of key and indexes in the result array
             var indexBy_1 = new Map();
             var warn_1 = false;
-            return filteredResult.reduce(function (acc, option, index) {
+            var afterGroupFn_1 = [];
+            var result = filteredResult.reduce(function (acc, option, index) {
                 var group = groupBy(option);
                 if (acc.length > 0 && acc[acc.length - 1].group === group) {
                     acc[acc.length - 1].options.push(tslib_1.__assign(tslib_1.__assign({}, option), { group: acc[acc.length - 1] }));
@@ -78,41 +74,71 @@ exports.useDownshiftGroup = function (_a) {
                     };
                     newGroup_1.options[0].group = newGroup_1;
                     if (isTitleGroup) {
-                        newGroup_1.options.unshift({
+                        var groupTitleOption_1 = {
                             id: id + "-" + group,
                             label: group,
                             disabled: true,
+                            // * here cause by self Type reference
                             group: newGroup_1,
-                        });
+                        };
+                        // push fn to array, do that after all options be add into group
+                        if (getOptionDisabled) {
+                            afterGroupFn_1.push(function () {
+                                groupTitleOption_1.disabled =
+                                    getOptionDisabled(groupTitleOption_1);
+                            });
+                        }
+                        newGroup_1.options.unshift(groupTitleOption_1);
                     }
                     acc.push(newGroup_1);
                 }
                 return acc;
             }, []);
+            afterGroupFn_1.forEach(function (fn) {
+                fn();
+            });
+            return result;
         }
         return [];
     }, [
         filteredResult,
         getExpandIconProps,
+        getOptionDisabled,
         groupBy,
         handleExpandIconClick,
         id,
         isTitleGroup,
         options,
     ]);
+    var initGroupExpandedState = function (expandedState) {
+        if (typeof expandedState === 'object') {
+            setGroupExpandedMap(expandedState, false);
+        }
+        else if (typeof expandedState === 'boolean') {
+            setGroupExpandedMap(optionsGroupList.reduce(function (prev, curr) {
+                prev[curr.group] = expandedState;
+                return prev;
+            }, {}), false);
+        }
+    };
+    foundation_1.useDepsChange(function () {
+        initGroupExpandedState(groupDefaultExpanded);
+    }, []);
+    foundation_1.useDepsChange(function () {
+        initGroupExpandedState(groupExpanded);
+    }, [groupExpanded]);
     var groupExpandedMap = groupExpandedMapRef.current;
     // * speared logic with group, prevent calculate every time.
     var groupedResult = react_1.useMemo(function () {
         var addExpandedResult = Object.entries(groupExpandedMap).reduce(function (prev, _a) {
             var _b = tslib_1.__read(_a, 2), key = _b[0], expended = _b[1];
             var group = prev.find(function (x) { return x.group === key; });
-            if (group) {
+            if (group)
                 group.expanded = expended;
-            }
             return prev;
         }, tslib_1.__spread(optionsGroupList));
         return addExpandedResult.reduce(function (prev, curr) {
-            if (typeof groupExpanded === 'boolean' ? groupExpanded : curr.expanded) {
+            if (curr.expanded) {
                 prev.push.apply(prev, tslib_1.__spread(curr.options));
             }
             else {
@@ -120,7 +146,7 @@ exports.useDownshiftGroup = function (_a) {
             }
             return prev;
         }, []);
-    }, [groupExpandedMap, optionsGroupList, groupExpanded]);
+    }, [groupExpandedMap, optionsGroupList]);
     return {
         optionsGroupList: optionsGroupList,
         groupedResult: groupedResult,

package/components/Forms/Picker/TimePicker/NumberPicker.js

@@ -107,9 +107,7 @@ var _NumberPicker = react_1.forwardRef(function (props, ref) {
         react_1.default.createElement(StyledTimeIconButton_1.StyledTimeIconButton, { tabIndex: -1, size: iconSize, color: "neutral.f04", wrapperSize: size, disabled: increaseDisabled, onClick: function () {
                 onUpdateValue(increaseValue);
             }, symbol: ArrowUp_1.default, "data-test-automation-id": automationId && automationId + "-prev-pagination", "aria-label": "Arrow Up" }),
-        react_1.default.createElement(StyledTimeIconButton_1.StyledTimeIconButton, { wrapperSize: size, tabIndex: -1, onClick: onClick, 
-            // * when both disabled that icon can't click into selection view
-            disabled: increaseDisabled && decreaseDisabled, "data-test-automation-id": automationId && automationId + "-text" },
+        react_1.default.createElement(StyledTimeIconButton_1.StyledTimeIconButton, { wrapperSize: size, tabIndex: -1, onClick: onClick, "data-test-automation-id": automationId && automationId + "-text" },
             react_1.default.createElement(react_1.default.Fragment, null, 
             // TODO: that <></> will fix when `RcIconButton` ready
             showValue)),

package/components/Forms/Picker/TimePicker/utils/TimePickerHelper.js

@@ -74,7 +74,7 @@ var getHourAndMinute = function (times) {
     var hour = (times - minute) / ONE_HOUR;
     return {
         hour: hour,
-        minute: minute / ONE_MINUTE,
+        minute: Math.floor(minute / ONE_MINUTE),
     };
 };
 exports.getHourAndMinute = getHourAndMinute;