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

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

@@ -20,6 +20,7 @@ var utils = require('@commercetools-uikit/utils');
 var Constraints = require('@commercetools-uikit/constraints');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
 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 }; }
@@ -66,6 +67,9 @@ var defaultProps = {
 var AsyncSelectInput = function AsyncSelectInput(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', 'AsyncSelectInput: `onChange` is required when input is not read only.') : void 0;
   }
@@ -107,7 +111,8 @@ var AsyncSelectInput = function AsyncSelectInput(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)
@@ -252,7 +257,7 @@ AsyncSelectInput.ValueContainer = reactSelect.components.ValueContainer;
 var AsyncSelectInput$1 = AsyncSelectInput;
 
 // 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"] = AsyncSelectInput$1;
 exports.version = version;

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

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

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

@@ -16,6 +16,7 @@ import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
 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 { 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,9 @@ var defaultProps = {
 var AsyncSelectInput = function AsyncSelectInput(props) {
   var intl = useIntl();
 
+  var _useTheme = useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
   if (!props.isReadOnly) {
     process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'AsyncSelectInput: `onChange` is required when input is not read only.') : void 0;
   }
@@ -87,7 +91,8 @@ var AsyncSelectInput = function AsyncSelectInput(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)
@@ -232,6 +237,6 @@ AsyncSelectInput.ValueContainer = components.ValueContainer;
 var AsyncSelectInput$1 = AsyncSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.9.0";
+var version = "15.11.0";
 
 export { AsyncSelectInput$1 as default, version };

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import { type ActionMeta, type GroupBase, type OptionsOrGroups } from 'react-select';
 import { type AsyncProps } from 'react-select/async';
-declare type TCustomEvent = {
+type TCustomEvent = {
     target: {
         id?: ReactSelectAsyncProps['inputId'];
         name?: ReactSelectAsyncProps['name'];
@@ -9,8 +9,8 @@ declare type TCustomEvent = {
     };
     persist: () => void;
 };
-declare type ReactSelectAsyncProps = AsyncProps<unknown, boolean, GroupBase<unknown>>;
-declare type TAsyncSelectInputProps = {
+type ReactSelectAsyncProps = AsyncProps<unknown, boolean, GroupBase<unknown>>;
+type TAsyncSelectInputProps = {
     horizontalConstraint?: 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
     hasError?: boolean;
     hasWarning?: boolean;
@@ -90,7 +90,7 @@ declare const AsyncSelectInput: {
     };
     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-select-input",
   "description": "An input component getting a selection from an asynchronously loaded list from the user.",
-  "version": "15.9.0",
+  "version": "15.11.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,19 +21,19 @@
   "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/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",