@commercetools-uikit/select-input 19.22.1 → 19.22.3

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

@@ -264,10 +264,14 @@ SelectInput.isTouched = touched => Boolean(touched);
  * Expose react-select components for customization purposes.
  */
 
+// 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;
 SelectInput.Group = Select.components.Group;
 SelectInput.GroupHeading = Select.components.GroupHeading;
@@ -278,10 +282,12 @@ 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;
 SelectInput.MultiValueLabel = Select.components.MultiValueLabel;
+// custom
 SelectInput.MultiValueRemove = customizedComponents.MultiValueRemove;
 SelectInput.NoOptionsMessage = Select.components.NoOptionsMessage;
 SelectInput.Option = Select.components.Option;
@@ -292,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.1";
+var version = "19.22.3";
 
 exports["default"] = SelectInput$1;
 exports.version = version;

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

@@ -235,10 +235,14 @@ SelectInput.isTouched = touched => Boolean(touched);
  * Expose react-select components for customization purposes.
  */
 
+// 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;
 SelectInput.Group = Select.components.Group;
 SelectInput.GroupHeading = Select.components.GroupHeading;
@@ -249,10 +253,12 @@ 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;
 SelectInput.MultiValueLabel = Select.components.MultiValueLabel;
+// custom
 SelectInput.MultiValueRemove = customizedComponents.MultiValueRemove;
 SelectInput.NoOptionsMessage = Select.components.NoOptionsMessage;
 SelectInput.Option = Select.components.Option;
@@ -263,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.1";
+var version = "19.22.3";
 
 exports["default"] = SelectInput$1;
 exports.version = version;

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

@@ -241,10 +241,14 @@ SelectInput.isTouched = touched => Boolean(touched);
  * Expose react-select components for customization purposes.
  */
 
+// 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;
 SelectInput.Group = components.Group;
 SelectInput.GroupHeading = components.GroupHeading;
@@ -255,10 +259,12 @@ 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;
 SelectInput.MultiValueLabel = components.MultiValueLabel;
+// custom
 SelectInput.MultiValueRemove = customizedComponents.MultiValueRemove;
 SelectInput.NoOptionsMessage = components.NoOptionsMessage;
 SelectInput.Option = components.Option;
@@ -269,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.1";
+var version = "19.22.3";
 
 export { SelectInput$1 as default, version };

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

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import { type Props as ReactSelectProps } from 'react-select';
+import type { ComponentType, ReactNode } from 'react';
+import { type Props as ReactSelectProps, type GroupBase, type CommonPropsAndClassName, type MenuPlacement, type MenuPosition } from 'react-select';
 export type TOption = {
     value: string;
     label?: ReactNode;
@@ -282,41 +282,64 @@ declare const SelectInput: {
         (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 import("react-select").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").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;
     };
-    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").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;
-    MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends import("react-select").GroupBase<Option_14>>(props: import("react-select").MultiValueProps<Option_14, IsMulti_14, Group_14>) => import(
+    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(
     /**
-     * Is the select disabled
+     * 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;
-    MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends import("react-select").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 import("react-select").GroupBase<Option_15>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => 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;
+        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;
     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 import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").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 import("react-select").GroupBase<Option_20>>(props: import("react-select").ValueContainerProps<Option_20, IsMulti_20, Group_20>) => import("@emotion/react").jsx.JSX.Element;
+    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.1",
+  "version": "19.22.3",
   "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.1",
-    "@commercetools-uikit/design-system": "19.22.1",
-    "@commercetools-uikit/icons": "19.22.1",
-    "@commercetools-uikit/select-utils": "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/select-utils": "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",