## API Report File for "@atlaskit/select" > Do not edit this file. This report is auto-generated using > [API Extractor](https://api-extractor.com/). > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports) ### Table of contents - [Main Entry Types](#main-entry-types) - [Peer Dependencies](#peer-dependencies) ### Main Entry Types ```ts /// import { ActionMeta as ActionMeta_2 } from 'react-select'; import { AsyncProps } from 'react-select/async'; import BaseSelect from 'react-select/base'; import { ClearIndicatorProps } from 'react-select'; import { components } from 'react-select'; import { ContainerProps } from 'react-select'; import { Context } from 'react'; import { ControlProps as ControlProps_2 } from 'react-select'; import { CreatableProps } from 'react-select/creatable'; import { createFilter } from 'react-select'; import { CrossIconProps } from 'react-select/dist/declarations/src/components/indicators'; import { default as default_2 } from 'react-select/base'; import { DownChevronProps } from 'react-select/dist/declarations/src/components/indicators'; import { DropdownIndicatorProps } from 'react-select'; import { ErrorInfo } from 'react'; import { FC } from 'react'; import { FormatOptionLabelMeta } from 'react-select'; import { GroupHeadingProps } from 'react-select'; import { GroupProps as GroupProps_2 } from 'react-select'; import { GroupBase as GroupType } from 'react-select'; import { IndicatorsContainerProps } from 'react-select'; import { IndicatorSeparatorProps } from 'react-select'; import { InputActionMeta } from 'react-select'; import { InputProps } from 'react-select'; import { jsx } from '@emotion/react'; import { KeyboardEventHandler } from 'react'; import { LoadingIndicatorProps } from 'react-select'; import { MemoizedFn } from 'memoize-one'; import { MenuListProps } from 'react-select'; import { MenuPortal } from 'react-select/dist/declarations/src/components/Menu'; import { MenuProps as MenuProps_2 } from 'react-select'; import { mergeStyles } from 'react-select'; import { MultiValueGenericProps } from 'react-select'; import { MultiValueProps } from 'react-select'; import { MultiValueRemove } from 'react-select/dist/declarations/src/components/MultiValue'; import { MultiValueRemoveProps } from 'react-select'; import { NoticeProps } from 'react-select'; import { OnChangeValue } from 'react-select'; import { OptionProps as OptionProps_2 } from 'react-select'; import { Options } from 'react-select'; import { PlaceholderProps as PlaceholderProps_2 } from 'react-select'; import { PopperProps } from 'react-popper'; import { PortalStyleArgs } from 'react-select/dist/declarations/src/components/Menu'; import { PureComponent } from 'react'; import { default as React_2 } from 'react'; import { ReactInstance } from 'react'; import { ReactNode } from 'react'; import { Props as ReactSelectProps } from 'react-select'; import { SelectComponents } from 'react-select/dist/declarations/src/components'; import { SelectComponentsConfig as SelectComponentsConfig_2 } from 'react-select'; import { SelectInstance } from 'react-select'; import { SingleValueProps } from 'react-select'; import { StylesConfig as StylesConfig_2 } from 'react-select'; import { StylesConfigFunction } from 'react-select/dist/declarations/src/styles'; import { UnbindFn } from 'bind-event-listener'; import { useAsync } from 'react-select/async'; import { useCreatable } from 'react-select/creatable'; import { ValueContainerProps as ValueContainerProps_2 } from 'react-select'; import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next'; // @public (undocumented) export type ActionMeta = ActionMeta_2; // @public (undocumented) export const AsyncCreatableSelect: { new ( props: SelectProps, ): { components: Partial>>; select: default_2> | null; UNSAFE_componentWillReceiveProps(nextProps: SelectProps): void; cacheComponents: ( components: Partial>>, ) => void; focus(): void; blur(): void; onSelectRef: (ref: default_2>) => void; render(): JSX.Element; context: any; setState( state: | (( prevState: Readonly<{}>, props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, ) => Pick<{}, K> | null | {}) | Pick<{}, K> | null | {}, callback?: (() => void) | undefined, ): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps > & Readonly<{ children?: ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: ErrorInfo): void; getSnapshotBeforeUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, ): any; componentDidUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, snapshot?: any, ): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextContext: any, ): void; componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; }; defaultProps: { validationState: string; spacing: string; onClickPreventDefault: boolean; tabSelectsValue: boolean; components: { Input: (props: InputProps>) => JSX.Element; }; styles: {}; }; contextType?: Context | undefined; }; // @public (undocumented) export const AsyncSelect: { new ( props: SelectProps, ): { components: Partial>>; select: default_2> | null; UNSAFE_componentWillReceiveProps(nextProps: SelectProps): void; cacheComponents: ( components: Partial>>, ) => void; focus(): void; blur(): void; onSelectRef: (ref: default_2>) => void; render(): JSX.Element; context: any; setState( state: | (( prevState: Readonly<{}>, props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, ) => Pick<{}, K> | null | {}) | Pick<{}, K> | null | {}, callback?: (() => void) | undefined, ): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps > & Readonly<{ children?: ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: ErrorInfo): void; getSnapshotBeforeUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, ): any; componentDidUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, snapshot?: any, ): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextContext: any, ): void; componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; }; defaultProps: { validationState: string; spacing: string; onClickPreventDefault: boolean; tabSelectsValue: boolean; components: { Input: (props: InputProps>) => JSX.Element; }; styles: {}; }; contextType?: Context | undefined; }; // @public (undocumented) export interface AsyncSelectProps extends AsyncProps>, CustomSelectProps {} // @public (undocumented) export const CheckboxOption: FC>; // @public (undocumented) export const CheckboxSelect: React_2.MemoExoticComponent< ({ components, ...props }: SelectProps) => JSX.Element >; export { ClearIndicatorProps }; export { components }; // @public (undocumented) export type ControlProps = ControlProps_2; // @public (undocumented) type Country = (typeof groupedCountries)[number]['options'][number]; // @public (undocumented) interface Country_2 { // (undocumented) abbr: string; // (undocumented) code: string; // (undocumented) icon: string; // (undocumented) name: string; // (undocumented) suggested?: boolean; } // @public (undocumented) export const CountrySelect: (props: SelectProps) => jsx.JSX.Element; // @public (undocumented) export const CreatableSelect: { new ( props: SelectProps, ): { components: Partial>>; select: default_2> | null; UNSAFE_componentWillReceiveProps(nextProps: SelectProps): void; cacheComponents: ( components: Partial>>, ) => void; focus(): void; blur(): void; onSelectRef: (ref: default_2>) => void; render(): JSX.Element; context: any; setState( state: | (( prevState: Readonly<{}>, props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, ) => Pick<{}, K> | null | {}) | Pick<{}, K> | null | {}, callback?: (() => void) | undefined, ): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps > & Readonly<{ children?: ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: ErrorInfo): void; getSnapshotBeforeUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, ): any; componentDidUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, snapshot?: any, ): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextContext: any, ): void; componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; }; defaultProps: { validationState: string; spacing: string; onClickPreventDefault: boolean; tabSelectsValue: boolean; components: { Input: (props: InputProps>) => JSX.Element; }; styles: {}; }; contextType?: Context | undefined; }; // @public (undocumented) interface CreatableSelectProps extends CreatableProps>, CustomSelectProps {} export { createFilter }; // @public (undocumented) interface CustomSelectProps extends WithAnalyticsEventsProps { appearance?: 'default' | 'none' | 'subtle'; isInvalid?: boolean; spacing?: 'compact' | 'default'; testId?: string; // @deprecated (undocumented) validationState?: ValidationState; } // @public (undocumented) const _default: { new ( props: SelectProps, ): { components: Partial>>; select: default_2> | null; UNSAFE_componentWillReceiveProps(nextProps: SelectProps): void; cacheComponents: ( components: Partial>>, ) => void; focus(): void; blur(): void; onSelectRef: (ref: default_2>) => void; render(): JSX.Element; context: any; setState( state: | (( prevState: Readonly<{}>, props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, ) => Pick<{}, K> | null | {}) | Pick<{}, K> | null | {}, callback?: (() => void) | undefined, ): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps > & Readonly<{ children?: ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: ErrorInfo): void; getSnapshotBeforeUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, ): any; componentDidUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, snapshot?: any, ): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextContext: any, ): void; componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; }; defaultProps: { validationState: string; spacing: string; onClickPreventDefault: boolean; tabSelectsValue: boolean; components: { Input: (props: InputProps>) => JSX.Element; }; styles: {}; }; contextType?: Context | undefined; }; export default _default; // @public (undocumented) const defaultComponents: { Control: FC>; DropdownIndicator: () => jsx.JSX.Element; Menu: ({ children, innerProps }: MenuProps) => jsx.JSX.Element; }; // @public (undocumented) type defaultModifiers = 'offset' | 'preventOverflow'; export { DropdownIndicatorProps }; export { FormatOptionLabelMeta }; // @public (undocumented) const groupedCountries: readonly [ { readonly label: 'Suggested'; readonly options: Country_2[]; }, { readonly label: 'All Countries'; readonly options: Country_2[]; }, ]; // @public (undocumented) export type GroupedOptionsType = ReadonlyArray>; // @public (undocumented) export type GroupProps = GroupProps_2; export { GroupType }; export { IndicatorSeparatorProps }; export { InputActionMeta }; export { InputProps }; export { LoadingIndicatorProps }; // @public (undocumented) export type MenuListComponentProps = MenuListProps< Option, IsMulti >; // @public (undocumented) export type MenuProps = MenuProps_2; export { mergeStyles }; // @public (undocumented) export type ModifierList = | 'applyStyles' | 'arrow' | 'computeStyles' | 'eventListeners' | 'flip' | 'handleFlipStyle' | 'hide' | 'offset' | 'popperOffsets' | 'preventOverflow'; export { MultiValueProps }; export { MultiValueRemoveProps }; export { NoticeProps }; // @public (undocumented) export interface OptionProps< Option = OptionType, IsMulti extends boolean = false, > extends OptionProps_2 { // (undocumented) [key: string]: any; // (undocumented) Icon?: React.ComponentType<{ label: string; size?: 'large' | 'medium' | 'small' | 'xlarge'; onClick?: (e: MouseEvent) => void; primaryColor?: string; secondaryColor?: string; }>; // (undocumented) isDisabled: boolean; // (undocumented) isFocused: boolean; // (undocumented) isSelected: boolean; } // @public (undocumented) export type OptionsType = Options; // @public (undocumented) export interface OptionType { // (undocumented) [key: string]: any; // (undocumented) label: string; // (undocumented) value: number | string; } // @public (undocumented) export type PlaceholderProps = PlaceholderProps_2< Option, IsMulti >; // @public (undocumented) type PopperPropsNoChildren = Omit, 'children'>; // @public (undocumented) export class PopupSelect< Option = OptionType, IsMulti extends boolean = false, Modifiers = ModifierList, > extends PureComponent, State> { close: (options?: { controlOverride?: boolean }) => void; // (undocumented) componentDidMount(): void; // (undocumented) componentDidUpdate(prevProps: PopupSelectProps): void; // (undocumented) componentWillUnmount(): void; // (undocumented) defaultOpenState: boolean | undefined; // (undocumented) static defaultProps: { closeMenuOnSelect: boolean; components: {}; maxMenuHeight: number; maxMenuWidth: number; minMenuWidth: number; popperProps: {}; isSearchable: boolean; searchThreshold: number; styles: {}; options: never[]; }; // (undocumented) defaultStyles: StylesConfig; // (undocumented) static getDerivedStateFromProps( props: PopupSelectProps, state: State, ): Partial> | null; // (undocumented) getItemCount: () => number; // (undocumented) getMaxHeight: () => number | undefined; // (undocumented) getSelectComponents: MemoizedFn< ( mergedComponents: typeof defaultComponents, showSearchControl: boolean | undefined, ) => Partial<{ ClearIndicator: >( props: ClearIndicatorProps, ) => jsx; Control: >( props: ControlProps_2, ) => jsx; DropdownIndicator: >( props: DropdownIndicatorProps, ) => jsx; DownChevron: (props: DownChevronProps) => jsx; CrossIcon: (props: CrossIconProps) => jsx; Group: >( props: GroupProps_2, ) => jsx; GroupHeading: >( props: GroupHeadingProps, ) => jsx; IndicatorsContainer: < Option_5, IsMulti_5 extends boolean, Group_5 extends GroupType, >( props: IndicatorsContainerProps, ) => jsx; IndicatorSeparator: < Option_6, IsMulti_6 extends boolean, Group_6 extends GroupType, >( props: IndicatorSeparatorProps, ) => jsx; Input: >( props: InputProps, ) => jsx; LoadingIndicator: { >( props: LoadingIndicatorProps, ): jsx; defaultProps: { size: number; }; }; Menu: >( props: MenuProps_2, ) => jsx; MenuList: >( props: MenuListProps, ) => jsx; MenuPortal: MenuPortal; LoadingMessage: { >( props: NoticeProps, ): jsx; defaultProps: { children: string; }; }; NoOptionsMessage: { >( props: NoticeProps, ): jsx; defaultProps: { children: string; }; }; MultiValue: >( props: MultiValueProps, ) => jsx; MultiValueContainer: < Option_14, IsMulti_14 extends boolean, Group_14 extends GroupType, >({ children, innerProps, }: MultiValueGenericProps) => jsx; MultiValueLabel: < Option_14_1, IsMulti_14_1 extends boolean, Group_14_1 extends GroupType, >({ children, innerProps, }: MultiValueGenericProps) => jsx; MultiValueRemove: MultiValueRemove; Option: >( props: OptionProps_2, ) => jsx; Placeholder: >( props: PlaceholderProps_2, ) => jsx; SelectContainer: < Option_17, IsMulti_17 extends boolean, Group_17 extends GroupType, >( props: ContainerProps, ) => jsx; SingleValue: >( props: SingleValueProps, ) => jsx; ValueContainer: < Option_19, IsMulti_19 extends boolean, Group_19 extends GroupType, >( props: ValueContainerProps_2, ) => jsx; }> >; // (undocumented) getSelectRef: (ref: BaseSelect) => void; // (undocumented) getSelectStyles: MemoizedFn< ( defaultStyles: StylesConfig, propStyles: StylesConfig | undefined, ) => { clearIndicator?: | StylesConfigFunction>> | undefined; container?: | StylesConfigFunction>> | undefined; control?: | StylesConfigFunction>> | undefined; dropdownIndicator?: | StylesConfigFunction>> | undefined; group?: StylesConfigFunction>> | undefined; groupHeading?: | StylesConfigFunction>> | undefined; indicatorsContainer?: | StylesConfigFunction>> | undefined; indicatorSeparator?: | StylesConfigFunction>> | undefined; input?: StylesConfigFunction>> | undefined; loadingIndicator?: | StylesConfigFunction>> | undefined; loadingMessage?: | StylesConfigFunction>> | undefined; menu?: StylesConfigFunction>> | undefined; menuList?: | StylesConfigFunction>> | undefined; menuPortal?: | StylesConfigFunction | undefined /** @deprecated Use isInvalid instead. The state of validation if used in a form */; multiValue?: | StylesConfigFunction>> | undefined; multiValueLabel?: | StylesConfigFunction>> | undefined; multiValueRemove?: | StylesConfigFunction>> | undefined; noOptionsMessage?: | StylesConfigFunction>> | undefined; option?: StylesConfigFunction>> | undefined; placeholder?: | StylesConfigFunction>> | undefined; singleValue?: | StylesConfigFunction>> | undefined; valueContainer?: | StylesConfigFunction>> | undefined; } >; // (undocumented) handleClick: ({ target }: MouseEvent) => void; // (undocumented) handleFirstPopperUpdate: () => void; // (undocumented) handleKeyDown: (event: KeyboardEvent) => void; // (undocumented) handleSelectChange: (value: ValueType, actionMeta: ActionMeta) => void; // (undocumented) handleTargetKeyDown: (event: React_2.KeyboardEvent) => void; // (undocumented) isOpenControlled: boolean; // (undocumented) menuRef: HTMLElement | null; open: (options?: { controlOverride?: boolean }) => void; // (undocumented) popperWrapperId: string; // (undocumented) render(): JSX.Element; // (undocumented) renderSelect: () => JSX.Element | null; // (undocumented) resolveMenuRef: (popperRef: React_2.Ref) => (ref: HTMLElement) => void; // (undocumented) resolveTargetRef: (popperRef: React_2.Ref) => (ref: HTMLElement) => void; // (undocumented) selectRef: BaseSelect | null; // (undocumented) showSearchControl: () => boolean | undefined; // (undocumented) state: | { focusLockEnabled: boolean; isOpen: boolean; mergedComponents: { Control: React_2.FC>; DropdownIndicator: () => jsx; Menu: ({ children, innerProps }: MenuProps) => jsx; }; mergedPopperProps: PopperPropsNoChildren; } | { isOpen: boolean; mergedComponents: { Control: React_2.FC>; DropdownIndicator: () => jsx; Menu: ({ children, innerProps }: MenuProps) => jsx; }; mergedPopperProps: PopperPropsNoChildren; focusLockEnabled?: undefined; }; // (undocumented) targetRef: HTMLElement | null; // (undocumented) unbindWindowClick: UnbindFn | null; // (undocumented) unbindWindowKeydown: UnbindFn | null; } // @public (undocumented) export interface PopupSelectProps< Option = OptionType, IsMulti extends boolean = false, Modifiers = ModifierList, > extends ReactSelectProps { closeMenuOnSelect?: boolean; // (undocumented) defaultIsOpen?: boolean; footer?: ReactNode; isInvalid?: boolean; // (undocumented) isOpen?: boolean; isSearchable?: boolean; label?: string; maxMenuWidth?: number | string; minMenuWidth?: number | string; popperProps?: PopperPropsNoChildren; searchThreshold?: number; spacing?: string; target?: ( options: PopupSelectTriggerProps & { isOpen: boolean; }, ) => ReactNode; // (undocumented) testId?: string; // @deprecated (undocumented) validationState?: ValidationState; } // @public (undocumented) interface PopupSelectTriggerProps { // (undocumented) 'aria-controls'?: string; // (undocumented) 'aria-expanded': boolean; // (undocumented) 'aria-haspopup': 'true'; // (undocumented) onKeyDown: KeyboardEventHandler; // (undocumented) ref: any; } // @public (undocumented) export const RadioOption: FC; // @public (undocumented) export const RadioSelect: React_2.MemoExoticComponent< ({ components, ...props }: SelectProps) => JSX.Element >; export { ReactSelectProps }; // @public (undocumented) export type SelectComponentsConfig< Option, IsMulti extends boolean = false, > = SelectComponentsConfig_2>; export { SelectInstance }; // @public (undocumented) export interface SelectProps extends ReactSelectProps, CustomSelectProps {} // @public (undocumented) export const SelectWithoutAnalytics: { new ( props: SelectProps, ): { components: Partial>>; select: default_2> | null; UNSAFE_componentWillReceiveProps(nextProps: SelectProps): void; cacheComponents: ( components: Partial>>, ) => void; focus(): void; blur(): void; onSelectRef: (ref: default_2>) => void; render(): JSX.Element; context: any; setState( state: | (( prevState: Readonly<{}>, props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, ) => Pick<{}, K> | null | {}) | Pick<{}, K> | null | {}, callback?: (() => void) | undefined, ): void; forceUpdate(callback?: (() => void) | undefined): void; readonly props: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps > & Readonly<{ children?: ReactNode; }>; state: Readonly<{}>; refs: { [key: string]: ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: ErrorInfo): void; getSnapshotBeforeUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, ): any; componentDidUpdate?( prevProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, prevState: Readonly<{}>, snapshot?: any, ): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextContext: any, ): void; componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< | AsyncSelectProps | CreatableSelectProps | SelectProps >, nextState: Readonly<{}>, nextContext: any, ): void; }; defaultProps: { validationState: string; spacing: string; onClickPreventDefault: boolean; tabSelectsValue: boolean; components: { Input: (props: InputProps>) => JSX.Element; }; styles: {}; }; contextType?: Context | undefined; }; export { SingleValueProps }; // @public (undocumented) interface State { focusLockEnabled?: boolean; // (undocumented) isOpen: boolean; // (undocumented) mergedComponents: Object; // (undocumented) mergedPopperProps: PopperPropsNoChildren; } // @public (undocumented) export type StylesConfig = StylesConfig_2< Option, IsMulti >; export { useAsync }; export { useCreatable }; // @public (undocumented) export type ValidationState = 'default' | 'error' | 'success'; // @public (undocumented) export type ValueContainerProps = ValueContainerProps_2< Option, IsMulti >; // @public (undocumented) export type ValueType = OnChangeValue; // (No @packageDocumentation comment for this package) ``` ### Peer Dependencies ```json { "react": "^16.8.0", "react-dom": "^16.8.0" } ```