@commercetools-uikit/async-creatable-select-input 15.14.2 → 15.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -83,7 +83,7 @@ export default Example;
83
83
  | `isSearchable` | `AsyncCreatableProps['isSearchable']` | | `true` | Whether to enable search functionality&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
84
84
  | `maxMenuHeight` | `AsyncCreatableProps['maxMenuHeight']` | | | Maximum height of the menu before scrolling&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
85
85
  | `menuPortalTarget` | `AsyncCreatableProps['menuPortalTarget']` | | | Dom element to portal the select menu to&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
86
- | `menuPortalZIndex` | `number` | | `1` | z-index value for the menu portal |
86
+ | `menuPortalZIndex` | `number` | | `1` | z-index value for the menu portal&#xA;<br>&#xA;Use in conjunction with `menuPortalTarget` |
87
87
  | `menuShouldBlockScroll` | `AsyncCreatableProps['menuShouldBlockScroll']` | | | whether the menu should block scroll while open&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
88
88
  | `closeMenuOnSelect` | `AsyncCreatableProps['closeMenuOnSelect']` | | | Whether the menu should close after a value is selected. Defaults to `true`.&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
89
89
  | `name` | `AsyncCreatableProps['name']` | | | Name of the HTML Input (optional - without this, no input will be rendered)&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
@@ -82,6 +82,11 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
82
82
  process.env.NODE_ENV !== "production" ? utils.warning(_Array$isArray__default["default"](props.value), 'AsyncCreatableSelectInput: `value` is expected to be an array when isMulti is true') : void 0;
83
83
  }
84
84
 
85
+ selectUtils.warnIfMenuPortalPropsAreMissing({
86
+ menuPortalZIndex: props.menuPortalZIndex,
87
+ menuPortalTarget: props.menuPortalTarget,
88
+ componentName: 'AsyncCreatableSelectInput'
89
+ });
85
90
  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
86
91
  max: props.horizontalConstraint,
87
92
  children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
@@ -263,7 +268,7 @@ AsyncCreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer
263
268
  var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
264
269
 
265
270
  // NOTE: This string will be replaced on build time with the package version.
266
- var version = "15.14.2";
271
+ var version = "15.15.0";
267
272
 
268
273
  exports["default"] = AsyncCreatableSelectInput$1;
269
274
  exports.version = version;
@@ -76,6 +76,11 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
76
76
 
77
77
  if (props.isMulti) ;
78
78
 
79
+ selectUtils.warnIfMenuPortalPropsAreMissing({
80
+ menuPortalZIndex: props.menuPortalZIndex,
81
+ menuPortalTarget: props.menuPortalTarget,
82
+ componentName: 'AsyncCreatableSelectInput'
83
+ });
79
84
  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
80
85
  max: props.horizontalConstraint,
81
86
  children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
@@ -246,7 +251,7 @@ AsyncCreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer
246
251
  var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
247
252
 
248
253
  // NOTE: This string will be replaced on build time with the package version.
249
- var version = "15.14.2";
254
+ var version = "15.15.0";
250
255
 
251
256
  exports["default"] = AsyncCreatableSelectInput$1;
252
257
  exports.version = version;
@@ -15,7 +15,7 @@ import { components } from 'react-select';
15
15
  import AsyncCreatableSelect from 'react-select/async-creatable';
16
16
  import Constraints from '@commercetools-uikit/constraints';
17
17
  import LoadingSpinner from '@commercetools-uikit/loading-spinner';
18
- import { messages, customComponentsWithIcons, createSelectStyles, DropdownIndicator, ClearIndicator, TagRemove } from '@commercetools-uikit/select-utils';
18
+ import { messages, warnIfMenuPortalPropsAreMissing, customComponentsWithIcons, createSelectStyles, DropdownIndicator, ClearIndicator, TagRemove } from '@commercetools-uikit/select-utils';
19
19
  import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
20
20
  import { useTheme } from '@commercetools-uikit/design-system';
21
21
  import { jsx } from '@emotion/react/jsx-runtime';
@@ -61,6 +61,11 @@ var AsyncCreatableSelectInput = function AsyncCreatableSelectInput(props) {
61
61
  process.env.NODE_ENV !== "production" ? warning(_Array$isArray(props.value), 'AsyncCreatableSelectInput: `value` is expected to be an array when isMulti is true') : void 0;
62
62
  }
63
63
 
64
+ warnIfMenuPortalPropsAreMissing({
65
+ menuPortalZIndex: props.menuPortalZIndex,
66
+ menuPortalTarget: props.menuPortalTarget,
67
+ componentName: 'AsyncCreatableSelectInput'
68
+ });
64
69
  return jsx(Constraints.Horizontal, {
65
70
  max: props.horizontalConstraint,
66
71
  children: jsx("div", _objectSpread(_objectSpread({}, filterDataAttributes(props)), {}, {
@@ -242,6 +247,6 @@ AsyncCreatableSelectInput.ValueContainer = components.ValueContainer;
242
247
  var AsyncCreatableSelectInput$1 = AsyncCreatableSelectInput;
243
248
 
244
249
  // NOTE: This string will be replaced on build time with the package version.
245
- var version = "15.14.2";
250
+ var version = "15.15.0";
246
251
 
247
252
  export { AsyncCreatableSelectInput$1 as default, version };
@@ -64,7 +64,7 @@ declare const AsyncCreatableSelectInput: {
64
64
  defaultProps: Pick<TAsyncCreatableSelectInputProps, "value" | "isSearchable" | "menuPortalZIndex">;
65
65
  isTouched(touched: unknown): boolean;
66
66
  ClearIndicator: {
67
- (props: import("@commercetools-uikit/select-utils/src/clear-indicator/clear-indicator").TClearIndicator): import("@emotion/react/jsx-runtime").JSX.Element;
67
+ (props: import("@commercetools-uikit/select-utils").TClearIndicatorProps): import("@emotion/react/jsx-runtime").JSX.Element;
68
68
  displayName: string;
69
69
  };
70
70
  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;
@@ -96,7 +96,7 @@ declare const AsyncCreatableSelectInput: {
96
96
  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;
97
97
  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;
98
98
  MultiValueRemove: {
99
- (props: import("@commercetools-uikit/select-utils/src/tag-remove/tag-remove").TTagRemoveProps): import("@emotion/react/jsx-runtime").JSX.Element;
99
+ (props: import("@commercetools-uikit/select-utils").TTagRemoveProps): import("@emotion/react/jsx-runtime").JSX.Element;
100
100
  displayName: string;
101
101
  };
102
102
  NoOptionsMessage: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/async-creatable-select-input",
3
3
  "description": "An input component getting a selection from an asynchronously loaded list from the user, and where options can be created by the user.",
4
- "version": "15.14.2",
4
+ "version": "15.15.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,14 +21,14 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/constraints": "15.14.2",
25
- "@commercetools-uikit/design-system": "15.14.2",
26
- "@commercetools-uikit/icons": "15.14.2",
27
- "@commercetools-uikit/loading-spinner": "15.14.2",
28
- "@commercetools-uikit/select-utils": "15.14.2",
29
- "@commercetools-uikit/spacings": "15.14.2",
30
- "@commercetools-uikit/text": "15.14.2",
31
- "@commercetools-uikit/utils": "15.14.2",
24
+ "@commercetools-uikit/constraints": "15.15.0",
25
+ "@commercetools-uikit/design-system": "15.15.0",
26
+ "@commercetools-uikit/icons": "15.15.0",
27
+ "@commercetools-uikit/loading-spinner": "15.15.0",
28
+ "@commercetools-uikit/select-utils": "15.15.0",
29
+ "@commercetools-uikit/spacings": "15.15.0",
30
+ "@commercetools-uikit/text": "15.15.0",
31
+ "@commercetools-uikit/utils": "15.15.0",
32
32
  "@emotion/is-prop-valid": "1.2.0",
33
33
  "@emotion/react": "^11.10.5",
34
34
  "@emotion/styled": "^11.10.5",