@commercetools-uikit/async-creatable-select-input 19.22.2 → 19.22.4

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

@@ -227,7 +227,9 @@ AsyncCreatableSelectInput.isTouched = touched => Boolean(touched);
 // custom
 AsyncCreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 AsyncCreatableSelectInput.Control = reactSelect.components.Control;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 AsyncCreatableSelectInput.CrossIcon = reactSelect.components.CrossIcon;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 AsyncCreatableSelectInput.DownChevron = reactSelect.components.DownChevron;
 // custom
 AsyncCreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
@@ -241,6 +243,7 @@ AsyncCreatableSelectInput.LoadingIndicator = customizedComponents.LoadingIndicat
 AsyncCreatableSelectInput.LoadingMessage = reactSelect.components.LoadingMessage;
 AsyncCreatableSelectInput.Menu = reactSelect.components.Menu;
 AsyncCreatableSelectInput.MenuList = reactSelect.components.MenuList;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 AsyncCreatableSelectInput.MenuPortal = reactSelect.components.MenuPortal;
 AsyncCreatableSelectInput.MultiValue = reactSelect.components.MultiValue;
 AsyncCreatableSelectInput.MultiValueContainer = reactSelect.components.MultiValueContainer;
@@ -256,7 +259,7 @@ AsyncCreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer
 var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.22.2";
+var version = "19.22.4";
 
 exports["default"] = AsyncCreatableSelectInput$1;
 exports.version = version;

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

@@ -209,7 +209,9 @@ AsyncCreatableSelectInput.isTouched = touched => Boolean(touched);
 // custom
 AsyncCreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 AsyncCreatableSelectInput.Control = reactSelect.components.Control;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 AsyncCreatableSelectInput.CrossIcon = reactSelect.components.CrossIcon;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 AsyncCreatableSelectInput.DownChevron = reactSelect.components.DownChevron;
 // custom
 AsyncCreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
@@ -223,6 +225,7 @@ AsyncCreatableSelectInput.LoadingIndicator = customizedComponents.LoadingIndicat
 AsyncCreatableSelectInput.LoadingMessage = reactSelect.components.LoadingMessage;
 AsyncCreatableSelectInput.Menu = reactSelect.components.Menu;
 AsyncCreatableSelectInput.MenuList = reactSelect.components.MenuList;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 AsyncCreatableSelectInput.MenuPortal = reactSelect.components.MenuPortal;
 AsyncCreatableSelectInput.MultiValue = reactSelect.components.MultiValue;
 AsyncCreatableSelectInput.MultiValueContainer = reactSelect.components.MultiValueContainer;
@@ -238,7 +241,7 @@ AsyncCreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer
 var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.22.2";
+var version = "19.22.4";
 
 exports["default"] = AsyncCreatableSelectInput$1;
 exports.version = version;

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

@@ -206,7 +206,9 @@ AsyncCreatableSelectInput.isTouched = touched => Boolean(touched);
 // custom
 AsyncCreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 AsyncCreatableSelectInput.Control = components.Control;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 AsyncCreatableSelectInput.CrossIcon = components.CrossIcon;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 AsyncCreatableSelectInput.DownChevron = components.DownChevron;
 // custom
 AsyncCreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
@@ -220,6 +222,7 @@ AsyncCreatableSelectInput.LoadingIndicator = customizedComponents.LoadingIndicat
 AsyncCreatableSelectInput.LoadingMessage = components.LoadingMessage;
 AsyncCreatableSelectInput.Menu = components.Menu;
 AsyncCreatableSelectInput.MenuList = components.MenuList;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 AsyncCreatableSelectInput.MenuPortal = components.MenuPortal;
 AsyncCreatableSelectInput.MultiValue = components.MultiValue;
 AsyncCreatableSelectInput.MultiValueContainer = components.MultiValueContainer;
@@ -235,6 +238,6 @@ AsyncCreatableSelectInput.ValueContainer = components.ValueContainer;
 var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.22.2";
+var version = "19.22.4";
 
 export { AsyncCreatableSelectInput$1 as default, version };

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

@@ -1,5 +1,5 @@
 import type { ComponentType, ReactNode } from 'react';
-import { type ClearIndicatorProps, type ContainerProps, type ControlProps, type DropdownIndicatorProps, type GroupHeadingProps, type GroupProps, type IndicatorsContainerProps, type InputProps, type MenuListProps, type MultiValueGenericProps, type MultiValueProps, type MultiValueRemoveProps, type NoticeProps, type OptionProps, type PlaceholderProps, type SingleValueProps, type ValueContainerProps, type ActionMeta, type GroupBase, type LoadingIndicatorProps, type MenuProps, type CommonPropsAndClassName, type MenuPlacement, type MenuPosition } from 'react-select';
+import { type ActionMeta, type CommonPropsAndClassName, type GroupBase, type MenuPlacement, type MenuPosition } from 'react-select';
 import { type AsyncCreatableProps } from 'react-select/async-creatable';
 type TCustomEvent = {
     target: {
@@ -281,25 +281,38 @@ declare const AsyncCreatableSelectInput: {
     /**
      * Expose react-select components for customization purposes.
      */
-    ClearIndicator: ComponentType<ClearIndicatorProps<{}, false, GroupBase<{}>>>;
-    Control: ComponentType<ControlProps<{}, false, GroupBase<{}>>>;
+    ClearIndicator: {
+        (props: import("@commercetools-uikit/select-utils").TClearIndicatorProps): 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" /**
+     * Remove the currently focused option when the user presses backspace
+     * <br>
+     * [Props from React select was used](https://react-select.com/props)
+     */).jsx.JSX.Element;
     CrossIcon: ComponentType<import("react").SVGProps<SVGSVGElement> & {
         size?: number;
     }>;
     DownChevron: ComponentType<import("react").SVGProps<SVGSVGElement> & {
         size?: number;
     }>;
-    DropdownIndicator: ComponentType<DropdownIndicatorProps<{}, false, GroupBase<{}>>>;
-    Group: ComponentType<GroupProps<{}, false, GroupBase<{}>>>;
-    GroupHeading: ComponentType<GroupHeadingProps<{}, false, GroupBase<{}>>>;
-    IndicatorSeparator: ComponentType<LoadingIndicatorProps<{}, false, GroupBase<{}>>>;
-    IndicatorsContainer: ComponentType<IndicatorsContainerProps<{}, false, GroupBase<{}>>>;
-    Input: ComponentType<InputProps<{}, false, GroupBase<{}>>>;
-    LoadingIndicator: ComponentType<LoadingIndicatorProps<{}, false, GroupBase<{}>>>;
-    LoadingMessage: ComponentType<NoticeProps<{}, false, GroupBase<{}>>>;
-    Menu: ComponentType<MenuProps<{}, false, GroupBase<{}>>>;
-    MenuList: ComponentType<MenuListProps<{}, false, GroupBase<{}>>>;
-    MenuPortal: ComponentType<CommonPropsAndClassName<{}, false, GroupBase<{}>> & {
+    DropdownIndicator: {
+        (props: import("react-select").DropdownIndicatorProps): 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_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ children, innerProps, ...restProps }: import("react-select").NoticeProps<Option_12, IsMulti_12, Group_12>) => import("@emotion/react").jsx.JSX.Element;
+    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: ComponentType<CommonPropsAndClassName<unknown, false, GroupBase<unknown>> & {
         appendTo: HTMLElement | undefined;
         children: ReactNode;
         controlElement: HTMLDivElement | null;
@@ -307,15 +320,18 @@ declare const AsyncCreatableSelectInput: {
         menuPlacement: MenuPlacement;
         menuPosition: MenuPosition;
     }>;
-    MultiValue: ComponentType<MultiValueProps<{}, false, GroupBase<{}>>>;
-    MultiValueContainer: ComponentType<MultiValueGenericProps<{}, false, GroupBase<{}>>>;
-    MultiValueLabel: ComponentType<MultiValueGenericProps<{}, false, GroupBase<{}>>>;
-    MultiValueRemove: ComponentType<MultiValueRemoveProps<{}, false, GroupBase<{}>>>;
-    NoOptionsMessage: ComponentType<NoticeProps<{}, false, GroupBase<{}>>>;
-    Option: ComponentType<OptionProps<{}, false, GroupBase<{}>>>;
-    Placeholder: ComponentType<PlaceholderProps<{}, false, GroupBase<{}>>>;
-    SelectContainer: ComponentType<ContainerProps<{}, false, GroupBase<{}>>>;
-    SingleValue: ComponentType<SingleValueProps<{}, false, GroupBase<{}>>>;
-    ValueContainer: ComponentType<ValueContainerProps<{}, false, GroupBase<{}>>>;
+    MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: import("react-select").MultiValueProps<Option_14, IsMulti_14, Group_14>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueLabel: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => import("@emotion/react").jsx.JSX.Element;
+    MultiValueRemove: {
+        (props: import("@commercetools-uikit/select-utils").TTagRemoveProps): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>({ children, innerProps, ...restProps }: import("react-select").NoticeProps<Option_13, IsMulti_13, Group_13>) => import("@emotion/react").jsx.JSX.Element;
+    Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: import("react-select").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
+    Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: import("react-select").PlaceholderProps<Option_17, IsMulti_17, Group_17>) => import("@emotion/react").jsx.JSX.Element;
+    SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: import("react-select").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
+    SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: import("react-select").SingleValueProps<Option_19, IsMulti_19, Group_19>) => import("@emotion/react").jsx.JSX.Element;
+    ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: import("react-select").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => 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": "19.22.2",
+  "version": "19.22.4",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,14 +21,14 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/constraints": "19.22.2",
-    "@commercetools-uikit/design-system": "19.22.2",
-    "@commercetools-uikit/icons": "19.22.2",
-    "@commercetools-uikit/loading-spinner": "19.22.2",
-    "@commercetools-uikit/select-utils": "19.22.2",
-    "@commercetools-uikit/spacings": "19.22.2",
-    "@commercetools-uikit/text": "19.22.2",
-    "@commercetools-uikit/utils": "19.22.2",
+    "@commercetools-uikit/constraints": "19.22.4",
+    "@commercetools-uikit/design-system": "19.22.4",
+    "@commercetools-uikit/icons": "19.22.4",
+    "@commercetools-uikit/loading-spinner": "19.22.4",
+    "@commercetools-uikit/select-utils": "19.22.4",
+    "@commercetools-uikit/spacings": "19.22.4",
+    "@commercetools-uikit/text": "19.22.4",
+    "@commercetools-uikit/utils": "19.22.4",
     "@emotion/is-prop-valid": "1.3.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",