@commercetools-uikit/async-creatable-select-input 13.0.2 → 14.0.1

package/README.md

@@ -67,6 +67,8 @@ export default Example;
 | `iconLeft`                | `ReactNode`                                                                                           |          |         | Icon to display on the left of the placeholder text and selected value. Has no effect when isMulti is enabled.                                                                                                                                                                                                                                                              |
 | `aria-label`              | `AsyncCreatableProps['aria-label']`                                                                   |          |         | Aria label (for assistive tech)&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props)                                                                                                                                                                                                                                                             |
 | `aria-labelledby`         | `AsyncCreatableProps['aria-labelledby']`                                                              |          |         | HTML ID of an element that should be used as the label (for assistive tech)&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props)                                                                                                                                                                                                                 |
+| `aria-invalid`            | `AsyncCreatableProps['aria-invalid']`                                                                 |          |         | Indicate if the value entered in the input is invalid.&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props)                                                                                                                                                                                                                                      |
+| `aria-errormessage`       | `AsyncCreatableProps['aria-errormessage']`                                                            |          |         | HTML ID of an element containing an error message related to the input.&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props)                                                                                                                                                                                                                     |
 | `isAutofocussed`          | `boolean`                                                                                             |          |         | Focus the control when it is mounted                                                                                                                                                                                                                                                                                                                                        |
 | `backspaceRemovesValue`   | `AsyncCreatableProps['backspaceRemovesValue']`                                                        |          |         | Remove the currently focused option when the user presses backspace&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props)                                                                                                                                                                                                                         |
 | `components`              | `AsyncCreatableProps['components']`                                                                   |          |         | Map of components to overwrite the default ones, see [what components you can override](https://react-select.com/components)&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props)                                                                                                                                                                |
@@ -128,36 +130,35 @@ In case you need one of the currently excluded props, feel free to open a PR add
 
 #### `isTouched(touched)`
 
-Expects to be called with an array or boolean.
-Returns `true` when truthy.
+Returns truthy value for the Formik `touched` value of this input field.
 
-#### Components
+## Components
 
-It is possible to customize `SelectInput` by passing the `components` property.
-`SelectInput` exports the default underlying components as static exports.
+It is possible to customize `AsyncCreatableSelectInput` by passing the `components` property.
+`AsyncCreatableSelectInput` exports the default underlying components as static exports.
 
 Components available as static exports are:
 
 - `ClearIndicator`
 - `Control`
-- `DropdownIndicator`
-- `DownChevron`
 - `CrossIcon`
+- `DownChevron`
+- `DropdownIndicator`
 - `Group`
 - `GroupHeading`
 - `IndicatorsContainer`
 - `IndicatorSeparator`
 - `Input`
 - `LoadingIndicator`
+- `LoadingMessage`
 - `Menu`
 - `MenuList`
 - `MenuPortal`
-- `LoadingMessage`
-- `NoOptionsMessage`
 - `MultiValue`
 - `MultiValueContainer`
 - `MultiValueLabel`
 - `MultiValueRemove`
+- `NoOptionsMessage`
 - `Option`
 - `Placeholder`
 - `SelectContainer`

package/dist/commercetools-uikit-async-creatable-select-input.cjs.dev.js

@@ -81,6 +81,8 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
       children: jsxRuntime.jsx(AsyncCreatableSelect__default["default"], {
         "aria-label": props['aria-label'],
         "aria-labelledby": props['aria-labelledby'],
+        "aria-invalid": props['aria-invalid'],
+        "aria-errormessage": props['aria-errormessage'],
         autoFocus: props.isAutofocussed,
         backspaceRemovesValue: props.isReadOnly ? false : props.backspaceRemovesValue,
         components: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, customizedComponents), props.iconLeft && !props.isMulti ? selectUtils.customComponentsWithIcons : {}), props.isReadOnly ? {
@@ -185,11 +187,7 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
       })
     }))
   });
-}; // Formik will set the field to an array on submission, so we always have to
-// deal with an array. The touched state ends up being an empty array in case
-// values were removed only. So we have to treat any array we receive as
-// a signal of the field having been touched.
-
+};
 
 AsyncCreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
   horizontalConstraint: _pt__default["default"].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
@@ -203,20 +201,57 @@ AsyncCreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _pt__default["default"].func.isRequired,
   showOptionGroupDivider: _pt__default["default"].bool
 } : {};
+AsyncCreatableSelectInput.displayName = 'AsyncCreatableSelectInput';
+AsyncCreatableSelectInput.defaultProps = defaultProps;
+/**
+ * Expose static helper methods.
+ */
+// Formik will set the field to an array on submission, so we always have to
+// deal with an array. The touched state ends up being an empty array in case
+// values were removed only. So we have to treat any array we receive as
+// a signal of the field having been touched.
 
 AsyncCreatableSelectInput.isTouched = function (touched) {
   return Boolean(touched);
 };
+/**
+ * Expose react-select components for customization purposes.
+ */
+// custom
 
-AsyncCreatableSelectInput.displayName = 'AsyncCreatableSelectInput';
-AsyncCreatableSelectInput.defaultProps = defaultProps;
-utils.addStaticFields(AsyncCreatableSelectInput, _objectSpread(_objectSpread(_objectSpread({}, reactSelect.components), customizedComponents), {}, {
-  isTouched: AsyncCreatableSelectInput.isTouched
-}));
+
+AsyncCreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
+AsyncCreatableSelectInput.Control = reactSelect.components.Control;
+AsyncCreatableSelectInput.CrossIcon = reactSelect.components.CrossIcon;
+AsyncCreatableSelectInput.DownChevron = reactSelect.components.DownChevron; // custom
+
+AsyncCreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
+AsyncCreatableSelectInput.Group = reactSelect.components.Group;
+AsyncCreatableSelectInput.GroupHeading = reactSelect.components.GroupHeading;
+AsyncCreatableSelectInput.IndicatorSeparator = reactSelect.components.IndicatorSeparator;
+AsyncCreatableSelectInput.IndicatorsContainer = reactSelect.components.IndicatorsContainer;
+AsyncCreatableSelectInput.Input = reactSelect.components.Input; // custom
+
+AsyncCreatableSelectInput.LoadingIndicator = customizedComponents.LoadingIndicator;
+AsyncCreatableSelectInput.LoadingMessage = reactSelect.components.LoadingMessage;
+AsyncCreatableSelectInput.Menu = reactSelect.components.Menu;
+AsyncCreatableSelectInput.MenuList = reactSelect.components.MenuList;
+AsyncCreatableSelectInput.MenuPortal = reactSelect.components.MenuPortal;
+AsyncCreatableSelectInput.MultiValue = reactSelect.components.MultiValue;
+AsyncCreatableSelectInput.MultiValueContainer = reactSelect.components.MultiValueContainer;
+AsyncCreatableSelectInput.MultiValueLabel = reactSelect.components.MultiValueLabel; // custom
+
+AsyncCreatableSelectInput.MultiValueRemove = customizedComponents.MultiValueRemove;
+AsyncCreatableSelectInput.NoOptionsMessage = reactSelect.components.NoOptionsMessage;
+AsyncCreatableSelectInput.Option = reactSelect.components.Option;
+AsyncCreatableSelectInput.Placeholder = reactSelect.components.Placeholder;
+AsyncCreatableSelectInput.SelectContainer = reactSelect.components.SelectContainer;
+AsyncCreatableSelectInput.SingleValue = reactSelect.components.SingleValue;
+AsyncCreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
 var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "13.0.2";
+var version = "14.0.1";
 
 exports["default"] = AsyncCreatableSelectInput$1;
 exports.version = version;

package/dist/commercetools-uikit-async-creatable-select-input.cjs.prod.js

@@ -77,6 +77,8 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
       children: jsxRuntime.jsx(AsyncCreatableSelect__default["default"], {
         "aria-label": props['aria-label'],
         "aria-labelledby": props['aria-labelledby'],
+        "aria-invalid": props['aria-invalid'],
+        "aria-errormessage": props['aria-errormessage'],
         autoFocus: props.isAutofocussed,
         backspaceRemovesValue: props.isReadOnly ? false : props.backspaceRemovesValue,
         components: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, customizedComponents), props.iconLeft && !props.isMulti ? selectUtils.customComponentsWithIcons : {}), props.isReadOnly ? {
@@ -181,27 +183,60 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
       })
     }))
   });
-}; // Formik will set the field to an array on submission, so we always have to
+};
+
+AsyncCreatableSelectInput.propTypes = {};
+AsyncCreatableSelectInput.displayName = 'AsyncCreatableSelectInput';
+AsyncCreatableSelectInput.defaultProps = defaultProps;
+/**
+ * Expose static helper methods.
+ */
+// Formik will set the field to an array on submission, so we always have to
 // deal with an array. The touched state ends up being an empty array in case
 // values were removed only. So we have to treat any array we receive as
 // a signal of the field having been touched.
 
-
-AsyncCreatableSelectInput.propTypes = {};
-
 AsyncCreatableSelectInput.isTouched = function (touched) {
   return Boolean(touched);
 };
-
-AsyncCreatableSelectInput.displayName = 'AsyncCreatableSelectInput';
-AsyncCreatableSelectInput.defaultProps = defaultProps;
-utils.addStaticFields(AsyncCreatableSelectInput, _objectSpread(_objectSpread(_objectSpread({}, reactSelect.components), customizedComponents), {}, {
-  isTouched: AsyncCreatableSelectInput.isTouched
-}));
+/**
+ * Expose react-select components for customization purposes.
+ */
+// custom
+
+
+AsyncCreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
+AsyncCreatableSelectInput.Control = reactSelect.components.Control;
+AsyncCreatableSelectInput.CrossIcon = reactSelect.components.CrossIcon;
+AsyncCreatableSelectInput.DownChevron = reactSelect.components.DownChevron; // custom
+
+AsyncCreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
+AsyncCreatableSelectInput.Group = reactSelect.components.Group;
+AsyncCreatableSelectInput.GroupHeading = reactSelect.components.GroupHeading;
+AsyncCreatableSelectInput.IndicatorSeparator = reactSelect.components.IndicatorSeparator;
+AsyncCreatableSelectInput.IndicatorsContainer = reactSelect.components.IndicatorsContainer;
+AsyncCreatableSelectInput.Input = reactSelect.components.Input; // custom
+
+AsyncCreatableSelectInput.LoadingIndicator = customizedComponents.LoadingIndicator;
+AsyncCreatableSelectInput.LoadingMessage = reactSelect.components.LoadingMessage;
+AsyncCreatableSelectInput.Menu = reactSelect.components.Menu;
+AsyncCreatableSelectInput.MenuList = reactSelect.components.MenuList;
+AsyncCreatableSelectInput.MenuPortal = reactSelect.components.MenuPortal;
+AsyncCreatableSelectInput.MultiValue = reactSelect.components.MultiValue;
+AsyncCreatableSelectInput.MultiValueContainer = reactSelect.components.MultiValueContainer;
+AsyncCreatableSelectInput.MultiValueLabel = reactSelect.components.MultiValueLabel; // custom
+
+AsyncCreatableSelectInput.MultiValueRemove = customizedComponents.MultiValueRemove;
+AsyncCreatableSelectInput.NoOptionsMessage = reactSelect.components.NoOptionsMessage;
+AsyncCreatableSelectInput.Option = reactSelect.components.Option;
+AsyncCreatableSelectInput.Placeholder = reactSelect.components.Placeholder;
+AsyncCreatableSelectInput.SelectContainer = reactSelect.components.SelectContainer;
+AsyncCreatableSelectInput.SingleValue = reactSelect.components.SingleValue;
+AsyncCreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
 var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "13.0.2";
+var version = "14.0.1";
 
 exports["default"] = AsyncCreatableSelectInput$1;
 exports.version = version;

package/dist/commercetools-uikit-async-creatable-select-input.esm.js

@@ -17,7 +17,7 @@ import AsyncCreatableSelect from 'react-select/async-creatable';
 import Constraints from '@commercetools-uikit/constraints';
 import LoadingSpinner from '@commercetools-uikit/loading-spinner';
 import { messages, customComponentsWithIcons, createSelectStyles, DropdownIndicator, ClearIndicator, TagRemove } from '@commercetools-uikit/select-utils';
-import { warning, filterDataAttributes, addStaticFields } from '@commercetools-uikit/utils';
+import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
 import { jsx } from '@emotion/react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -60,6 +60,8 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
       children: jsx(AsyncCreatableSelect, {
         "aria-label": props['aria-label'],
         "aria-labelledby": props['aria-labelledby'],
+        "aria-invalid": props['aria-invalid'],
+        "aria-errormessage": props['aria-errormessage'],
         autoFocus: props.isAutofocussed,
         backspaceRemovesValue: props.isReadOnly ? false : props.backspaceRemovesValue,
         components: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, customizedComponents), props.iconLeft && !props.isMulti ? customComponentsWithIcons : {}), props.isReadOnly ? {
@@ -164,11 +166,7 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
       })
     }))
   });
-}; // Formik will set the field to an array on submission, so we always have to
-// deal with an array. The touched state ends up being an empty array in case
-// values were removed only. So we have to treat any array we receive as
-// a signal of the field having been touched.
-
+};
 
 AsyncCreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
   horizontalConstraint: _pt.oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
@@ -182,19 +180,56 @@ AsyncCreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _pt.func.isRequired,
   showOptionGroupDivider: _pt.bool
 } : {};
+AsyncCreatableSelectInput.displayName = 'AsyncCreatableSelectInput';
+AsyncCreatableSelectInput.defaultProps = defaultProps;
+/**
+ * Expose static helper methods.
+ */
+// Formik will set the field to an array on submission, so we always have to
+// deal with an array. The touched state ends up being an empty array in case
+// values were removed only. So we have to treat any array we receive as
+// a signal of the field having been touched.
 
 AsyncCreatableSelectInput.isTouched = function (touched) {
   return Boolean(touched);
 };
-
-AsyncCreatableSelectInput.displayName = 'AsyncCreatableSelectInput';
-AsyncCreatableSelectInput.defaultProps = defaultProps;
-addStaticFields(AsyncCreatableSelectInput, _objectSpread(_objectSpread(_objectSpread({}, components), customizedComponents), {}, {
-  isTouched: AsyncCreatableSelectInput.isTouched
-}));
+/**
+ * Expose react-select components for customization purposes.
+ */
+// custom
+
+
+AsyncCreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
+AsyncCreatableSelectInput.Control = components.Control;
+AsyncCreatableSelectInput.CrossIcon = components.CrossIcon;
+AsyncCreatableSelectInput.DownChevron = components.DownChevron; // custom
+
+AsyncCreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
+AsyncCreatableSelectInput.Group = components.Group;
+AsyncCreatableSelectInput.GroupHeading = components.GroupHeading;
+AsyncCreatableSelectInput.IndicatorSeparator = components.IndicatorSeparator;
+AsyncCreatableSelectInput.IndicatorsContainer = components.IndicatorsContainer;
+AsyncCreatableSelectInput.Input = components.Input; // custom
+
+AsyncCreatableSelectInput.LoadingIndicator = customizedComponents.LoadingIndicator;
+AsyncCreatableSelectInput.LoadingMessage = components.LoadingMessage;
+AsyncCreatableSelectInput.Menu = components.Menu;
+AsyncCreatableSelectInput.MenuList = components.MenuList;
+AsyncCreatableSelectInput.MenuPortal = components.MenuPortal;
+AsyncCreatableSelectInput.MultiValue = components.MultiValue;
+AsyncCreatableSelectInput.MultiValueContainer = components.MultiValueContainer;
+AsyncCreatableSelectInput.MultiValueLabel = components.MultiValueLabel; // custom
+
+AsyncCreatableSelectInput.MultiValueRemove = customizedComponents.MultiValueRemove;
+AsyncCreatableSelectInput.NoOptionsMessage = components.NoOptionsMessage;
+AsyncCreatableSelectInput.Option = components.Option;
+AsyncCreatableSelectInput.Placeholder = components.Placeholder;
+AsyncCreatableSelectInput.SelectContainer = components.SelectContainer;
+AsyncCreatableSelectInput.SingleValue = components.SingleValue;
+AsyncCreatableSelectInput.ValueContainer = components.ValueContainer;
 var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "13.0.2";
+var version = "14.0.1";
 
 export { AsyncCreatableSelectInput$1 as default, version };

package/dist/declarations/src/async-creatable-select-input.d.ts

@@ -17,6 +17,8 @@ declare type TAsyncCreatableSelectInputProps = {
     iconLeft?: ReactNode;
     'aria-label'?: ReactSelectAsyncCreatableProps['aria-label'];
     'aria-labelledby'?: ReactSelectAsyncCreatableProps['aria-labelledby'];
+    'aria-invalid'?: ReactSelectAsyncCreatableProps['aria-invalid'];
+    'aria-errormessage'?: ReactSelectAsyncCreatableProps['aria-errormessage'];
     isAutofocussed?: boolean;
     backspaceRemovesValue?: ReactSelectAsyncCreatableProps['backspaceRemovesValue'];
     components?: ReactSelectAsyncCreatableProps['components'];
@@ -57,8 +59,63 @@ declare type TAsyncCreatableSelectInputProps = {
 };
 declare const AsyncCreatableSelectInput: {
     (props: TAsyncCreatableSelectInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    isTouched(touched: unknown): boolean;
     displayName: string;
     defaultProps: Pick<TAsyncCreatableSelectInputProps, "value" | "isSearchable" | "menuPortalZIndex">;
+    isTouched(touched: unknown): boolean;
+    ClearIndicator: {
+        (props: {
+            innerProps: {
+                ref: import("react").LegacyRef<HTMLButtonElement>;
+            } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>;
+        } & import("react-select").ClearIndicatorProps<unknown, boolean, GroupBase<unknown>>): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: import("react-select").ControlProps<Option_1, IsMulti_1, Group_1>) => import("@emotion/react").jsx.JSX.Element;
+    CrossIcon: (props: import("react-select/dist/declarations/src/components/indicators").CrossIconProps) => import("@emotion/react").jsx.JSX.Element;
+    DownChevron: (props: import("react-select/dist/declarations/src/components/indicators").DownChevronProps) => import("@emotion/react").jsx.JSX.Element;
+    DropdownIndicator: {
+        (props: import("react-select").DropdownIndicatorProps<unknown, boolean, GroupBase<unknown>>): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: import("react-select").GroupProps<Option_3, IsMulti_3, Group_3>) => import("@emotion/react").jsx.JSX.Element;
+    GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: import("react-select").GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => import("@emotion/react").jsx.JSX.Element;
+    IndicatorSeparator: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: import("react-select").IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => import("@emotion/react").jsx.JSX.Element;
+    IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: import("react-select").IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => import("@emotion/react").jsx.JSX.Element;
+    Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: import("react-select").InputProps<Option_7, IsMulti_7, Group_7>) => import("@emotion/react").jsx.JSX.Element;
+    LoadingIndicator: {
+        (): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    LoadingMessage: {
+        <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("react-select").NoticeProps<Option_11, IsMulti_11, Group_11>): import("@emotion/react").jsx.JSX.Element;
+        defaultProps: {
+            children: string;
+        };
+    };
+    Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: import("react-select").MenuProps<Option_9, IsMulti_9, Group_9>) => import("@emotion/react").jsx.JSX.Element;
+    MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: import("react-select").MenuListProps<Option_10, IsMulti_10, Group_10>) => import("@emotion/react").jsx.JSX.Element;
+    MenuPortal: typeof import("react-select/dist/declarations/src/components/Menu").MenuPortal;
+    MultiValue: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>(props: import("react-select").MultiValueProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueContainer: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueLabel: <Option_14_1, IsMulti_14_1 extends boolean, Group_14_1 extends GroupBase<Option_14_1>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_14_1, IsMulti_14_1, Group_14_1>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueRemove: {
+        (props: {
+            selectProps: {
+                isReadOnly: boolean;
+            } & import("react-select/dist/declarations/src/Select").Props<unknown, boolean, GroupBase<unknown>>;
+        } & import("react-select").MultiValueGenericProps<unknown, boolean, GroupBase<unknown>>): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    NoOptionsMessage: {
+        <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>(props: import("react-select").NoticeProps<Option_12, IsMulti_12, Group_12>): import("@emotion/react").jsx.JSX.Element;
+        defaultProps: {
+            children: string;
+        };
+    };
+    Option: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>(props: import("react-select").OptionProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
+    Placeholder: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: import("react-select").PlaceholderProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
+    SelectContainer: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import("react-select").ContainerProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
+    SingleValue: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import("react-select").SingleValueProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
+    ValueContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import("react-select").ValueContainerProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
 };
 export default AsyncCreatableSelectInput;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/async-creatable-select-input",
   "description": "An input component getting a selection from an asynchronously loaded list from the user, and where options can be created by the user.",
-  "version": "13.0.2",
+  "version": "14.0.1",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -9,7 +9,7 @@
     "directory": "packages/components/inputs/async-creatable-select-input"
   },
   "homepage": "https://uikit.commercetools.com",
-  "keywords": ["javascript", "design system", "react", "uikit"],
+  "keywords": ["javascript", "typescript", "design-system", "react", "uikit"],
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -19,16 +19,16 @@
   "module": "dist/commercetools-uikit-async-creatable-select-input.esm.js",
   "files": ["dist"],
   "dependencies": {
-    "@babel/runtime": "7.17.2",
-    "@babel/runtime-corejs3": "7.17.2",
-    "@commercetools-uikit/constraints": "13.0.2",
-    "@commercetools-uikit/design-system": "13.0.0",
-    "@commercetools-uikit/icons": "13.0.2",
-    "@commercetools-uikit/loading-spinner": "13.0.2",
-    "@commercetools-uikit/select-utils": "13.0.2",
-    "@commercetools-uikit/spacings": "13.0.2",
-    "@commercetools-uikit/text": "13.0.2",
-    "@commercetools-uikit/utils": "13.0.2",
+    "@babel/runtime": "^7.17.2",
+    "@babel/runtime-corejs3": "^7.17.2",
+    "@commercetools-uikit/constraints": "14.0.1",
+    "@commercetools-uikit/design-system": "14.0.0",
+    "@commercetools-uikit/icons": "14.0.1",
+    "@commercetools-uikit/loading-spinner": "14.0.1",
+    "@commercetools-uikit/select-utils": "14.0.1",
+    "@commercetools-uikit/spacings": "14.0.1",
+    "@commercetools-uikit/text": "14.0.1",
+    "@commercetools-uikit/utils": "14.0.1",
     "@emotion/is-prop-valid": "1.1.2",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
@@ -39,7 +39,7 @@
   "devDependencies": {
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-intl": "5.24.6"
+    "react-intl": "^5.24.6"
   },
   "peerDependencies": {
     "react": "17.x",