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

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

@@ -214,7 +214,9 @@ CreatableSelectInput.isTouched = touched => Boolean(touched);
 // custom
 CreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 CreatableSelectInput.Control = reactSelect.components.Control;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 CreatableSelectInput.CrossIcon = reactSelect.components.CrossIcon;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 CreatableSelectInput.DownChevron = reactSelect.components.DownChevron;
 // custom
 CreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
@@ -223,11 +225,11 @@ CreatableSelectInput.GroupHeading = reactSelect.components.GroupHeading;
 CreatableSelectInput.IndicatorSeparator = reactSelect.components.IndicatorSeparator;
 CreatableSelectInput.IndicatorsContainer = reactSelect.components.IndicatorsContainer;
 CreatableSelectInput.Input = reactSelect.components.Input;
-// custom
 CreatableSelectInput.LoadingIndicator = reactSelect.components.LoadingIndicator;
 CreatableSelectInput.LoadingMessage = reactSelect.components.LoadingMessage;
 CreatableSelectInput.Menu = reactSelect.components.Menu;
 CreatableSelectInput.MenuList = reactSelect.components.MenuList;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 CreatableSelectInput.MenuPortal = reactSelect.components.MenuPortal;
 CreatableSelectInput.MultiValue = reactSelect.components.MultiValue;
 CreatableSelectInput.MultiValueContainer = reactSelect.components.MultiValueContainer;
@@ -243,7 +245,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
 var CreatableSelectInput$1 = CreatableSelectInput;
 
 // 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"] = CreatableSelectInput$1;
 exports.version = version;

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

@@ -190,7 +190,9 @@ CreatableSelectInput.isTouched = touched => Boolean(touched);
 // custom
 CreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 CreatableSelectInput.Control = reactSelect.components.Control;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 CreatableSelectInput.CrossIcon = reactSelect.components.CrossIcon;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 CreatableSelectInput.DownChevron = reactSelect.components.DownChevron;
 // custom
 CreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
@@ -199,11 +201,11 @@ CreatableSelectInput.GroupHeading = reactSelect.components.GroupHeading;
 CreatableSelectInput.IndicatorSeparator = reactSelect.components.IndicatorSeparator;
 CreatableSelectInput.IndicatorsContainer = reactSelect.components.IndicatorsContainer;
 CreatableSelectInput.Input = reactSelect.components.Input;
-// custom
 CreatableSelectInput.LoadingIndicator = reactSelect.components.LoadingIndicator;
 CreatableSelectInput.LoadingMessage = reactSelect.components.LoadingMessage;
 CreatableSelectInput.Menu = reactSelect.components.Menu;
 CreatableSelectInput.MenuList = reactSelect.components.MenuList;
+//https://github.com/commercetools/ui-kit/pull/3054/files#r1943026570
 CreatableSelectInput.MenuPortal = reactSelect.components.MenuPortal;
 CreatableSelectInput.MultiValue = reactSelect.components.MultiValue;
 CreatableSelectInput.MultiValueContainer = reactSelect.components.MultiValueContainer;
@@ -219,7 +221,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
 var CreatableSelectInput$1 = CreatableSelectInput;
 
 // 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"] = CreatableSelectInput$1;
 exports.version = version;

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

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

package/dist/declarations/src/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 GroupBase, type CommonPropsAndClassName, type MenuPlacement, type MenuPosition } from 'react-select';
 import { type CreatableProps } from 'react-select/creatable';
 type TValue = {
     value: string;
@@ -274,25 +274,31 @@ declare const CreatableSelectInput: {
     /**
      * 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: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>({ innerProps, isRtl, size, ...restProps }: import("react-select").LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => import("@emotion/react").jsx.JSX.Element;
+    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 +306,20 @@ declare const CreatableSelectInput: {
         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" /**
+     * Called with a fake event when value changes. The event's `target.name` will be the `name` supplied in props. The event's `target.value` will hold the value. The value will be the selected option, or an array of options in case `isMulti` is `true`.
+     */).jsx.JSX.Element;
 };
 export default CreatableSelectInput;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/creatable-select-input",
   "description": "An input component getting a selection from the user, and where options can also be created by the user.",
-  "version": "19.22.2",
+  "version": "19.22.3",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,13 +21,13 @@
   "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/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/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",