@commercetools-uikit/select-input 19.22.1 → 19.22.2

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

@@ -264,16 +264,19 @@ SelectInput.isTouched = touched => Boolean(touched);
  * Expose react-select components for customization purposes.
  */
 
+// custom
 SelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 SelectInput.Control = Select.components.Control;
 SelectInput.CrossIcon = Select.components.CrossIcon;
 SelectInput.DownChevron = Select.components.DownChevron;
+// custom
 SelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
 SelectInput.Group = Select.components.Group;
 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;
@@ -282,6 +285,7 @@ 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 +296,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.2";
 
 exports["default"] = SelectInput$1;
 exports.version = version;

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

@@ -235,16 +235,19 @@ SelectInput.isTouched = touched => Boolean(touched);
  * Expose react-select components for customization purposes.
  */
 
+// custom
 SelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 SelectInput.Control = Select.components.Control;
 SelectInput.CrossIcon = Select.components.CrossIcon;
 SelectInput.DownChevron = Select.components.DownChevron;
+// custom
 SelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
 SelectInput.Group = Select.components.Group;
 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;
@@ -253,6 +256,7 @@ 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 +267,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.2";
 
 exports["default"] = SelectInput$1;
 exports.version = version;

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

@@ -241,16 +241,19 @@ SelectInput.isTouched = touched => Boolean(touched);
  * Expose react-select components for customization purposes.
  */
 
+// custom
 SelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 SelectInput.Control = components.Control;
 SelectInput.CrossIcon = components.CrossIcon;
 SelectInput.DownChevron = components.DownChevron;
+// custom
 SelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
 SelectInput.Group = components.Group;
 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;
@@ -259,6 +262,7 @@ 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 +273,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.2";
 
 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 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';
 export type TOption = {
     value: string;
     label?: ReactNode;
@@ -278,45 +278,41 @@ declare const SelectInput: {
     /**
      * Expose react-select components for customization purposes.
      */
-    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 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;
-    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(
-    /**
-     * Is the select disabled
-     * <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;
-    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;
+    ClearIndicator: ComponentType<ClearIndicatorProps<{}, false, GroupBase<{}>>>;
+    Control: ComponentType<ControlProps<{}, false, GroupBase<{}>>>;
+    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<{}>> & {
+        appendTo: HTMLElement | undefined;
+        children: ReactNode;
+        controlElement: HTMLDivElement | null;
+        innerProps: JSX.IntrinsicElements["div"];
+        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<{}>>>;
 };
 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.2",
   "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.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",
     "@emotion/is-prop-valid": "1.3.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",