@commercetools-uikit/creatable-select-input 15.9.0 → 15.11.0

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

@@ -19,6 +19,7 @@ var CreatableSelect = require('react-select/creatable');
 var Constraints = require('@commercetools-uikit/constraints');
 var utils = require('@commercetools-uikit/utils');
 var selectUtils = require('@commercetools-uikit/select-utils');
+var designSystem = require('@commercetools-uikit/design-system');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -61,6 +62,9 @@ var defaultProps = {
 var CreatableSelectInput = function CreatableSelectInput(props) {
   var intl = reactIntl.useIntl();
 
+  var _useTheme = designSystem.useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
   if (!props.isReadOnly) {
     process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'CreatableSelectInput: `onChange` is required when input is not read only.') : void 0;
   }
@@ -93,7 +97,8 @@ var CreatableSelectInput = function CreatableSelectInput(props) {
           isReadOnly: props.isReadOnly,
           iconLeft: props.iconLeft,
           isMulti: props.isMulti,
-          hasValue: !isEmpty__default["default"](props.value)
+          hasValue: !isEmpty__default["default"](props.value),
+          isNewTheme: isNewTheme
         }),
         filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
         // but we use "id" (for the input) and "containerId" (for the container)
@@ -249,7 +254,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 = "15.9.0";
+var version = "15.11.0";
 
 exports["default"] = CreatableSelectInput$1;
 exports.version = version;

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

@@ -19,6 +19,7 @@ var CreatableSelect = require('react-select/creatable');
 var Constraints = require('@commercetools-uikit/constraints');
 var utils = require('@commercetools-uikit/utils');
 var selectUtils = require('@commercetools-uikit/select-utils');
+var designSystem = require('@commercetools-uikit/design-system');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -60,6 +61,9 @@ var defaultProps = {
 var CreatableSelectInput = function CreatableSelectInput(props) {
   var intl = reactIntl.useIntl();
 
+  var _useTheme = designSystem.useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
   if (!props.isReadOnly) ;
 
   var placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder);
@@ -90,7 +94,8 @@ var CreatableSelectInput = function CreatableSelectInput(props) {
           isReadOnly: props.isReadOnly,
           iconLeft: props.iconLeft,
           isMulti: props.isMulti,
-          hasValue: !isEmpty__default["default"](props.value)
+          hasValue: !isEmpty__default["default"](props.value),
+          isNewTheme: isNewTheme
         }),
         filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
         // but we use "id" (for the input) and "containerId" (for the container)
@@ -226,7 +231,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 = "15.9.0";
+var version = "15.11.0";
 
 exports["default"] = CreatableSelectInput$1;
 exports.version = version;

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

@@ -15,6 +15,7 @@ import CreatableSelect from 'react-select/creatable';
 import Constraints from '@commercetools-uikit/constraints';
 import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
 import { messages, customComponentsWithIcons, createSelectStyles, DropdownIndicator, ClearIndicator, TagRemove } from '@commercetools-uikit/select-utils';
+import { useTheme } from '@commercetools-uikit/design-system';
 import { jsx } from '@emotion/react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -42,6 +43,9 @@ var defaultProps = {
 var CreatableSelectInput = function CreatableSelectInput(props) {
   var intl = useIntl();
 
+  var _useTheme = useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
   if (!props.isReadOnly) {
     process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'CreatableSelectInput: `onChange` is required when input is not read only.') : void 0;
   }
@@ -74,7 +78,8 @@ var CreatableSelectInput = function CreatableSelectInput(props) {
           isReadOnly: props.isReadOnly,
           iconLeft: props.iconLeft,
           isMulti: props.isMulti,
-          hasValue: !isEmpty(props.value)
+          hasValue: !isEmpty(props.value),
+          isNewTheme: isNewTheme
         }),
         filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
         // but we use "id" (for the input) and "containerId" (for the container)
@@ -230,6 +235,6 @@ CreatableSelectInput.ValueContainer = components.ValueContainer;
 var CreatableSelectInput$1 = CreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.9.0";
+var version = "15.11.0";
 
 export { CreatableSelectInput$1 as default, version };

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

@@ -1,14 +1,14 @@
 import type { ReactNode } from 'react';
 import { type GroupBase, type ActionMeta } from 'react-select';
 import { type CreatableProps } from 'react-select/creatable';
-declare type TValue = {
+type TValue = {
     value: string;
     label?: ReactNode;
 };
-declare type TOptions = TValue[] | {
+type TOptions = TValue[] | {
     options: TValue[];
 }[];
-declare type TCustomEvent = {
+type TCustomEvent = {
     target: {
         id?: string;
         name?: string;
@@ -16,8 +16,8 @@ declare type TCustomEvent = {
     };
     persist?: () => void;
 };
-declare type ReactSelectCreatableProps = CreatableProps<unknown, boolean, GroupBase<unknown>>;
-declare type TCreatableSelectInputProps = {
+type ReactSelectCreatableProps = CreatableProps<unknown, boolean, GroupBase<unknown>>;
+type TCreatableSelectInputProps = {
     horizontalConstraint?: 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
     hasError?: boolean;
     hasWarning?: boolean;
@@ -102,7 +102,7 @@ declare const CreatableSelectInput: {
     };
     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: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>({ appendTo, children, className, controlElement, cx, innerProps, menuPlacement, menuPosition, getStyles, }: import("react-select/dist/declarations/src/components/Menu").MenuPortalProps<Option_11, IsMulti_11, Group_11>) => import("@emotion/react").jsx.JSX.Element | null;
+    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends 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 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_1, IsMulti_15_1 extends boolean, Group_15_1 extends GroupBase<Option_15_1>>({ children, innerProps, }: import("react-select").MultiValueGenericProps<Option_15_1, IsMulti_15_1, Group_15_1>) => import("@emotion/react").jsx.JSX.Element;

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": "15.9.0",
+  "version": "15.11.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,18 +21,18 @@
   "dependencies": {
     "@babel/runtime": "^7.19.0",
     "@babel/runtime-corejs3": "^7.19.1",
-    "@commercetools-uikit/constraints": "15.9.0",
-    "@commercetools-uikit/design-system": "15.9.0",
-    "@commercetools-uikit/icons": "15.9.0",
-    "@commercetools-uikit/select-utils": "15.9.0",
-    "@commercetools-uikit/spacings": "15.9.0",
-    "@commercetools-uikit/text": "15.9.0",
-    "@commercetools-uikit/utils": "15.9.0",
+    "@commercetools-uikit/constraints": "15.11.0",
+    "@commercetools-uikit/design-system": "15.11.0",
+    "@commercetools-uikit/icons": "15.11.0",
+    "@commercetools-uikit/select-utils": "15.11.0",
+    "@commercetools-uikit/spacings": "15.11.0",
+    "@commercetools-uikit/text": "15.11.0",
+    "@commercetools-uikit/utils": "15.11.0",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "lodash": "4.17.21",
     "prop-types": "15.8.1",
-    "react-select": "5.5.2"
+    "react-select": "5.7.0"
   },
   "devDependencies": {
     "react": "17.0.2",