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

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

@@ -21,6 +21,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
 var selectUtils = require('@commercetools-uikit/select-utils');
 var utils = require('@commercetools-uikit/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 }; }
@@ -67,6 +68,10 @@ var defaultProps = {
 
 var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
   var intl = reactIntl.useIntl();
+
+  var _useTheme = designSystem.useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
   var placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder);
 
   if (!props.isReadOnly) {
@@ -104,7 +109,8 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(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)
@@ -257,7 +263,7 @@ AsyncCreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer
 var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
 
 // 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"] = AsyncCreatableSelectInput$1;
 exports.version = version;

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

@@ -21,6 +21,7 @@ var Constraints = require('@commercetools-uikit/constraints');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
 var selectUtils = require('@commercetools-uikit/select-utils');
 var utils = require('@commercetools-uikit/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 }; }
@@ -65,6 +66,10 @@ var defaultProps = {
 
 var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
   var intl = reactIntl.useIntl();
+
+  var _useTheme = designSystem.useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
   var placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder);
 
   if (!props.isReadOnly) ;
@@ -98,7 +103,8 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(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)
@@ -240,7 +246,7 @@ AsyncCreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer
 var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
 
 // 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"] = AsyncCreatableSelectInput$1;
 exports.version = version;

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

@@ -17,6 +17,7 @@ import Constraints from '@commercetools-uikit/constraints';
 import LoadingSpinner from '@commercetools-uikit/loading-spinner';
 import { messages, customComponentsWithIcons, createSelectStyles, DropdownIndicator, ClearIndicator, TagRemove } from '@commercetools-uikit/select-utils';
 import { warning, filterDataAttributes } from '@commercetools-uikit/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; }
@@ -46,6 +47,10 @@ var defaultProps = {
 
 var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
   var intl = useIntl();
+
+  var _useTheme = useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
   var placeholder = props.placeholder || intl.formatMessage(messages.placeholder);
 
   if (!props.isReadOnly) {
@@ -83,7 +88,8 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(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)
@@ -236,6 +242,6 @@ AsyncCreatableSelectInput.ValueContainer = components.ValueContainer;
 var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.9.0";
+var version = "15.11.0";
 
 export { AsyncCreatableSelectInput$1 as default, version };

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import { type ActionMeta, type GroupBase } from 'react-select';
 import { type AsyncCreatableProps } from 'react-select/async-creatable';
-declare type TCustomEvent = {
+type TCustomEvent = {
     target: {
         id?: string;
         name?: string;
@@ -9,8 +9,8 @@ declare type TCustomEvent = {
     };
     persist: () => void;
 };
-declare type ReactSelectAsyncCreatableProps = AsyncCreatableProps<unknown, boolean, GroupBase<unknown>>;
-declare type TAsyncCreatableSelectInputProps = {
+type ReactSelectAsyncCreatableProps = AsyncCreatableProps<unknown, boolean, GroupBase<unknown>>;
+type TAsyncCreatableSelectInputProps = {
     horizontalConstraint?: 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
     hasError?: boolean;
     hasWarning?: boolean;
@@ -95,7 +95,7 @@ declare const AsyncCreatableSelectInput: {
     };
     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/async-creatable-select-input",
   "description": "An input component getting a selection from an asynchronously loaded list from the user, and where options can 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,20 +21,20 @@
   "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/loading-spinner": "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/loading-spinner": "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/is-prop-valid": "1.2.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",