@commercetools-uikit/async-select-input 19.22.2 → 19.22.3

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import type { ReactNode, ComponentType } from 'react';
-import { type ActionMeta, type GroupBase, type OptionsOrGroups, 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 LoadingIndicatorProps, type MenuProps, type CommonPropsAndClassName, type MenuPlacement, type MenuPosition } from 'react-select';
+import { type ActionMeta, type GroupBase, type OptionsOrGroups, type CommonPropsAndClassName, type MenuPlacement, type MenuPosition } from 'react-select';
 import { type AsyncProps } from 'react-select/async';
 type TCustomEvent = {
     target: {
@@ -274,25 +274,34 @@ declare const AsyncSelectInput: {
     /**
      * 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").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;
@@ -300,15 +309,18 @@ declare const AsyncSelectInput: {
         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 AsyncSelectInput;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/async-select-input",
   "description": "An input component getting a selection from an asynchronously loaded list from the user.",
-  "version": "19.22.2",
+  "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.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.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/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",