@commercetools-uikit/select-input 19.22.2 → 19.22.4

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import type { ComponentType, ReactNode } from 'react';
-import { type Props as ReactSelectProps, 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 GroupBase, type LoadingIndicatorProps, type MenuProps, type CommonPropsAndClassName, type MenuPlacement, type MenuPosition } from 'react-select';
+import { type Props as ReactSelectProps, type GroupBase, type CommonPropsAndClassName, type MenuPlacement, type MenuPosition } from 'react-select';
 export type TOption = {
     value: string;
     label?: ReactNode;
@@ -278,25 +278,43 @@ declare const SelectInput: {
     /**
      * 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(
+    /**
+     * Custom method to filter whether an option should be displayed in the menu
+     * <br>
+     * [Props from React select was used](https://react-select.com/props)
+     */
+    "@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(
+    /**
+     * Custom method to determine whether selected options should be displayed in the menu
+     * <br>
+     * [Props from React select was used](https://react-select.com/props)
+     */
+    "@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;
@@ -304,15 +322,24 @@ declare const SelectInput: {
         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(
+    /**
+     * Dom element to portal the select menu to
+     * <br>
+     * [Props from React select was used](https://react-select.com/props)
+     */
+    "@emotion/react").jsx.JSX.Element;
 };
 export default SelectInput;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/select-input",
   "description": "An input component getting a selection from the user.",
-  "version": "19.22.2",
+  "version": "19.22.4",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,11 +21,11 @@
   "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/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/select-utils": "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",