amis-ui 6.13.0-beta.21 → 6.13.0-beta.22

package/lib/components/DropDownSelection.d.ts

@@ -26,11 +26,11 @@ declare class DropDownSelection extends BaseSelection<DropDownSelectionProps, Dr
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-        clearable?: boolean | undefined;
+    new (props: Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
         multiple?: boolean | undefined;
         placeholder?: string | undefined;
         itemHeight?: number | undefined;
+        clearable?: boolean | undefined;
         virtualThreshold?: number | undefined;
         itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
     } & {} & {
@@ -42,11 +42,11 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -54,11 +54,11 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        readonly props: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -70,11 +70,11 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -83,22 +83,22 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -107,44 +107,44 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -155,11 +155,11 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        new (props: Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -171,11 +171,11 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
@@ -183,11 +183,11 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            readonly props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
@@ -199,11 +199,11 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
@@ -212,22 +212,22 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
@@ -236,44 +236,44 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
@@ -288,11 +288,11 @@ declare const _default: {
         ComposedComponent: typeof DropDownSelection;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-        clearable?: boolean | undefined;
+    new (props: Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
         multiple?: boolean | undefined;
         placeholder?: string | undefined;
         itemHeight?: number | undefined;
+        clearable?: boolean | undefined;
         virtualThreshold?: number | undefined;
         itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
     } & {} & {
@@ -304,11 +304,11 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -316,11 +316,11 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        readonly props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -332,11 +332,11 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -345,22 +345,22 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -369,44 +369,44 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -421,11 +421,11 @@ declare const _default: {
     ComposedComponent: typeof DropDownSelection;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-            clearable?: boolean | undefined;
+        new (props: Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
             multiple?: boolean | undefined;
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
+            clearable?: boolean | undefined;
             virtualThreshold?: number | undefined;
             itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
         } & {} & {
@@ -437,11 +437,11 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
@@ -449,11 +449,11 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            readonly props: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
@@ -465,11 +465,11 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
@@ -478,22 +478,22 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
@@ -502,44 +502,44 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "onChange" | "className" | "style" | "value" | "options" | "onClick" | "classPrefix" | "classnames" | "theme" | "mobileUI" | "disabled" | "testIdBuilder" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
-                clearable?: boolean | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<DropDownSelectionProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "disabled" | "options" | "onClick" | "testIdBuilder" | "value" | "onChange" | "inline" | "mode" | "loadingConfig" | "itemClassName" | "labelClassName" | "labelField" | "valueField" | "popOverContainer" | "searchable" | "checkAll" | "checkAllLabel" | "deferField" | "onDeferLoad" | "onLeftDeferLoad" | "option2value" | "virtualListHeight" | "placeholderRender"> & {
                 multiple?: boolean | undefined;
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
+                clearable?: boolean | undefined;
                 virtualThreshold?: number | undefined;
                 itemRender?: ((option: Option, states: import("./Selection").ItemRenderStates) => JSX.Element) | undefined;
             } & {} & {