@commercetools-uikit/async-creatable-select-input 19.22.1 → 19.22.3

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.1";
+var version = "19.22.3";
 
 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.1";
+var version = "19.22.3";
 
 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.1";
+var version = "19.22.3";
 
 export { AsyncCreatableSelectInput$1 as default, version };

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

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import { type ActionMeta, type GroupBase } from 'react-select';
+import type { ComponentType, ReactNode } from 'react';
+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: {
@@ -285,9 +285,17 @@ declare const AsyncCreatableSelectInput: {
         (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").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;
+    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: {
         (props: import("react-select").DropdownIndicatorProps): import("@emotion/react/jsx-runtime").JSX.Element;
         displayName: string;
@@ -296,11 +304,7 @@ declare const AsyncCreatableSelectInput: {
     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" /**
-     * Is the select value clearable
-     * <br>
-     * [Props from React select was used](https://react-select.com/props)
-     */).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;
@@ -308,7 +312,14 @@ declare const AsyncCreatableSelectInput: {
     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: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: import("react-select/dist/declarations/src/components/Menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
+    MenuPortal: ComponentType<CommonPropsAndClassName<unknown, false, GroupBase<unknown>> & {
+        appendTo: HTMLElement | undefined;
+        children: ReactNode;
+        controlElement: HTMLDivElement | null;
+        innerProps: JSX.IntrinsicElements["div"];
+        menuPlacement: MenuPlacement;
+        menuPosition: MenuPosition;
+    }>;
     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;

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.1",
+  "version": "19.22.3",
   "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.1",
-    "@commercetools-uikit/design-system": "19.22.1",
-    "@commercetools-uikit/icons": "19.22.1",
-    "@commercetools-uikit/loading-spinner": "19.22.1",
-    "@commercetools-uikit/select-utils": "19.22.1",
-    "@commercetools-uikit/spacings": "19.22.1",
-    "@commercetools-uikit/text": "19.22.1",
-    "@commercetools-uikit/utils": "19.22.1",
+    "@commercetools-uikit/constraints": "19.22.3",
+    "@commercetools-uikit/design-system": "19.22.3",
+    "@commercetools-uikit/icons": "19.22.3",
+    "@commercetools-uikit/loading-spinner": "19.22.3",
+    "@commercetools-uikit/select-utils": "19.22.3",
+    "@commercetools-uikit/spacings": "19.22.3",
+    "@commercetools-uikit/text": "19.22.3",
+    "@commercetools-uikit/utils": "19.22.3",
     "@emotion/is-prop-valid": "1.3.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",