@commercetools-uikit/creatable-select-input 19.20.0 → 19.21.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.
Files changed (5) hide show
  1. package/dist/commercetools-uikit-creatable-select-input.cjs.dev.js +23 -24
  2. package/dist/commercetools-uikit-creatable-select-input.cjs.prod.js +22 -23
  3. package/dist/commercetools-uikit-creatable-select-input.esm.js +23 -24
  4. package/dist/declarations/src/creatable-select-input.d.ts +2 -3
  5. package/package.json +8 -8
package/dist/commercetools-uikit-creatable-select-input.cjs.dev.js CHANGED
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
11
11
  var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
+ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
14
15
  var _pt = require('prop-types');
15
16
  var reactIntl = require('react-intl');
16
17
  var isEmpty = require('lodash/isEmpty');
@@ -36,6 +37,7 @@ var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty);
36
37
  var CreatableSelect__default = /*#__PURE__*/_interopDefault(CreatableSelect);
37
38
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
38
39
 
40
+ const _excluded = ["value", "isSearchable", "menuPortalZIndex"];
39
41
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
40
42
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
41
43
  const customizedComponents = {
@@ -43,20 +45,14 @@ const customizedComponents = {
43
45
  ClearIndicator: selectUtils.ClearIndicator,
44
46
  MultiValueRemove: selectUtils.TagRemove
45
47
  };
46
- const defaultProps = {
47
- // Using "null" will ensure that the currently selected value disappears in
48
- // case "undefined" gets passed as the next value
49
- value: null,
50
- // The input needs to be searchable, otherwise it's not possible to create
51
- // new options.
52
- // We still allow consumers to pass isSearchable={false} so that they can
53
- // use CreatableSelectInput as an alternative to SelectInput, which does
54
- // not do the option/value mapping going on there and therefore provides
55
- // the default API of react-select.
56
- isSearchable: true,
57
- menuPortalZIndex: 1
58
- };
59
- const CreatableSelectInput = props => {
48
+ const CreatableSelectInput = _ref => {
49
+ let _ref$value = _ref.value,
50
+ value = _ref$value === void 0 ? null : _ref$value,
51
+ _ref$isSearchable = _ref.isSearchable,
52
+ isSearchable = _ref$isSearchable === void 0 ? true : _ref$isSearchable,
53
+ _ref$menuPortalZIndex = _ref.menuPortalZIndex,
54
+ menuPortalZIndex = _ref$menuPortalZIndex === void 0 ? 1 : _ref$menuPortalZIndex,
55
+ props = _objectWithoutProperties(_ref, _excluded);
60
56
  const intl = reactIntl.useIntl();
61
57
  if (!props.isReadOnly) {
62
58
  process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'CreatableSelectInput: `onChange` is required when input is not read only.') : void 0;
@@ -64,7 +60,11 @@ const CreatableSelectInput = props => {
64
60
  const placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder);
65
61
  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
66
62
  max: props.horizontalConstraint,
67
- children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
63
+ children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(_objectSpread({
64
+ value,
65
+ isSearchable,
66
+ menuPortalZIndex
67
+ }, props))), {}, {
68
68
  children: jsxRuntime.jsx(CreatableSelect__default["default"], {
69
69
  "aria-label": props['aria-label'],
70
70
  "aria-labelledby": props['aria-labelledby'],
@@ -82,13 +82,13 @@ const CreatableSelectInput = props => {
82
82
  hasWarning: props.hasWarning,
83
83
  hasError: props.hasError,
84
84
  showOptionGroupDivider: props.showOptionGroupDivider,
85
- menuPortalZIndex: props.menuPortalZIndex,
85
+ menuPortalZIndex: menuPortalZIndex,
86
86
  isCondensed: props.isCondensed,
87
87
  isDisabled: props.isDisabled,
88
88
  isReadOnly: props.isReadOnly,
89
89
  iconLeft: props.iconLeft,
90
90
  isMulti: props.isMulti,
91
- hasValue: !isEmpty__default["default"](props.value),
91
+ hasValue: !isEmpty__default["default"](value),
92
92
  horizontalConstraint: props.horizontalConstraint
93
93
  }),
94
94
  filterOption: props.filterOption
@@ -104,14 +104,14 @@ const CreatableSelectInput = props => {
104
104
  isDisabled: props.isDisabled,
105
105
  isOptionDisabled: props.isOptionDisabled,
106
106
  isMulti: props.isMulti,
107
- isSearchable: props.isSearchable,
107
+ isSearchable: isSearchable,
108
108
  maxMenuHeight: props.maxMenuHeight,
109
109
  menuPortalTarget: props.menuPortalTarget,
110
110
  menuShouldBlockScroll: props.menuShouldBlockScroll,
111
111
  closeMenuOnSelect: props.closeMenuOnSelect,
112
112
  name: props.name,
113
- noOptionsMessage: props.noOptionsMessage || (_ref => {
114
- let inputValue = _ref.inputValue;
113
+ noOptionsMessage: props.noOptionsMessage || (_ref2 => {
114
+ let inputValue = _ref2.inputValue;
115
115
  return inputValue === '' ? intl.formatMessage(selectUtils.messages.noOptionsMessageWithoutInputValue) : intl.formatMessage(selectUtils.messages.noOptionsMessageWithInputValue, {
116
116
  inputValue
117
117
  });
@@ -156,7 +156,7 @@ const CreatableSelectInput = props => {
156
156
  placeholder: placeholder,
157
157
  tabIndex: props.tabIndex,
158
158
  tabSelectsValue: props.tabSelectsValue,
159
- value: props.value
159
+ value: value
160
160
  // Creatable props
161
161
  ,
162
162
  allowCreateWhileLoading: props.allowCreateWhileLoading,
@@ -182,7 +182,7 @@ CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
182
182
  isReadOnly: _pt__default["default"].bool,
183
183
  iconLeft: _pt__default["default"].node,
184
184
  isAutofocussed: _pt__default["default"].bool,
185
- menuPortalZIndex: _pt__default["default"].number.isRequired,
185
+ menuPortalZIndex: _pt__default["default"].number,
186
186
  onBlur: _pt__default["default"].func,
187
187
  onChange: _pt__default["default"].func,
188
188
  options: _pt__default["default"].oneOfType([_pt__default["default"].arrayOf(_pt__default["default"].shape({
@@ -198,7 +198,6 @@ CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
198
198
  isCondensed: _pt__default["default"].bool
199
199
  } : {};
200
200
  CreatableSelectInput.displayName = 'CreatableSelectInput';
201
- CreatableSelectInput.defaultProps = defaultProps;
202
201
 
203
202
  /**
204
203
  * Expose static helper methods.
@@ -243,7 +242,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
243
242
  var CreatableSelectInput$1 = CreatableSelectInput;
244
243
 
245
244
  // NOTE: This string will be replaced on build time with the package version.
246
- var version = "19.20.0";
245
+ var version = "19.21.0";
247
246
 
248
247
  exports["default"] = CreatableSelectInput$1;
249
248
  exports.version = version;
package/dist/commercetools-uikit-creatable-select-input.cjs.prod.js CHANGED
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
11
11
  var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
+ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
14
15
  require('prop-types');
15
16
  var reactIntl = require('react-intl');
16
17
  var isEmpty = require('lodash/isEmpty');
@@ -35,6 +36,7 @@ var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty);
35
36
  var CreatableSelect__default = /*#__PURE__*/_interopDefault(CreatableSelect);
36
37
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
37
38
 
39
+ const _excluded = ["value", "isSearchable", "menuPortalZIndex"];
38
40
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
39
41
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
40
42
  const customizedComponents = {
@@ -42,26 +44,24 @@ const customizedComponents = {
42
44
  ClearIndicator: selectUtils.ClearIndicator,
43
45
  MultiValueRemove: selectUtils.TagRemove
44
46
  };
45
- const defaultProps = {
46
- // Using "null" will ensure that the currently selected value disappears in
47
- // case "undefined" gets passed as the next value
48
- value: null,
49
- // The input needs to be searchable, otherwise it's not possible to create
50
- // new options.
51
- // We still allow consumers to pass isSearchable={false} so that they can
52
- // use CreatableSelectInput as an alternative to SelectInput, which does
53
- // not do the option/value mapping going on there and therefore provides
54
- // the default API of react-select.
55
- isSearchable: true,
56
- menuPortalZIndex: 1
57
- };
58
- const CreatableSelectInput = props => {
47
+ const CreatableSelectInput = _ref => {
48
+ let _ref$value = _ref.value,
49
+ value = _ref$value === void 0 ? null : _ref$value,
50
+ _ref$isSearchable = _ref.isSearchable,
51
+ isSearchable = _ref$isSearchable === void 0 ? true : _ref$isSearchable,
52
+ _ref$menuPortalZIndex = _ref.menuPortalZIndex,
53
+ menuPortalZIndex = _ref$menuPortalZIndex === void 0 ? 1 : _ref$menuPortalZIndex,
54
+ props = _objectWithoutProperties(_ref, _excluded);
59
55
  const intl = reactIntl.useIntl();
60
56
  if (!props.isReadOnly) ;
61
57
  const placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder);
62
58
  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
63
59
  max: props.horizontalConstraint,
64
- children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
60
+ children: jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(_objectSpread({
61
+ value,
62
+ isSearchable,
63
+ menuPortalZIndex
64
+ }, props))), {}, {
65
65
  children: jsxRuntime.jsx(CreatableSelect__default["default"], {
66
66
  "aria-label": props['aria-label'],
67
67
  "aria-labelledby": props['aria-labelledby'],
@@ -79,13 +79,13 @@ const CreatableSelectInput = props => {
79
79
  hasWarning: props.hasWarning,
80
80
  hasError: props.hasError,
81
81
  showOptionGroupDivider: props.showOptionGroupDivider,
82
- menuPortalZIndex: props.menuPortalZIndex,
82
+ menuPortalZIndex: menuPortalZIndex,
83
83
  isCondensed: props.isCondensed,
84
84
  isDisabled: props.isDisabled,
85
85
  isReadOnly: props.isReadOnly,
86
86
  iconLeft: props.iconLeft,
87
87
  isMulti: props.isMulti,
88
- hasValue: !isEmpty__default["default"](props.value),
88
+ hasValue: !isEmpty__default["default"](value),
89
89
  horizontalConstraint: props.horizontalConstraint
90
90
  }),
91
91
  filterOption: props.filterOption
@@ -101,14 +101,14 @@ const CreatableSelectInput = props => {
101
101
  isDisabled: props.isDisabled,
102
102
  isOptionDisabled: props.isOptionDisabled,
103
103
  isMulti: props.isMulti,
104
- isSearchable: props.isSearchable,
104
+ isSearchable: isSearchable,
105
105
  maxMenuHeight: props.maxMenuHeight,
106
106
  menuPortalTarget: props.menuPortalTarget,
107
107
  menuShouldBlockScroll: props.menuShouldBlockScroll,
108
108
  closeMenuOnSelect: props.closeMenuOnSelect,
109
109
  name: props.name,
110
- noOptionsMessage: props.noOptionsMessage || (_ref => {
111
- let inputValue = _ref.inputValue;
110
+ noOptionsMessage: props.noOptionsMessage || (_ref2 => {
111
+ let inputValue = _ref2.inputValue;
112
112
  return inputValue === '' ? intl.formatMessage(selectUtils.messages.noOptionsMessageWithoutInputValue) : intl.formatMessage(selectUtils.messages.noOptionsMessageWithInputValue, {
113
113
  inputValue
114
114
  });
@@ -153,7 +153,7 @@ const CreatableSelectInput = props => {
153
153
  placeholder: placeholder,
154
154
  tabIndex: props.tabIndex,
155
155
  tabSelectsValue: props.tabSelectsValue,
156
- value: props.value
156
+ value: value
157
157
  // Creatable props
158
158
  ,
159
159
  allowCreateWhileLoading: props.allowCreateWhileLoading,
@@ -174,7 +174,6 @@ const CreatableSelectInput = props => {
174
174
  };
175
175
  CreatableSelectInput.propTypes = {};
176
176
  CreatableSelectInput.displayName = 'CreatableSelectInput';
177
- CreatableSelectInput.defaultProps = defaultProps;
178
177
 
179
178
  /**
180
179
  * Expose static helper methods.
@@ -219,7 +218,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
219
218
  var CreatableSelectInput$1 = CreatableSelectInput;
220
219
 
221
220
  // NOTE: This string will be replaced on build time with the package version.
222
- var version = "19.20.0";
221
+ var version = "19.21.0";
223
222
 
224
223
  exports["default"] = CreatableSelectInput$1;
225
224
  exports.version = version;
package/dist/commercetools-uikit-creatable-select-input.esm.js CHANGED
@@ -7,6 +7,7 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
7
7
  import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
8
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
+ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
10
11
  import _pt from 'prop-types';
11
12
  import { useIntl } from 'react-intl';
12
13
  import isEmpty from 'lodash/isEmpty';
@@ -17,6 +18,7 @@ import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
17
18
  import { messages, customComponentsWithIcons, createSelectStyles, DropdownIndicator, ClearIndicator, TagRemove } from '@commercetools-uikit/select-utils';
18
19
  import { jsx } from '@emotion/react/jsx-runtime';
19
20
 
21
+ const _excluded = ["value", "isSearchable", "menuPortalZIndex"];
20
22
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
23
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
22
24
  const customizedComponents = {
@@ -24,20 +26,14 @@ const customizedComponents = {
24
26
  ClearIndicator,
25
27
  MultiValueRemove: TagRemove
26
28
  };
27
- const defaultProps = {
28
- // Using "null" will ensure that the currently selected value disappears in
29
- // case "undefined" gets passed as the next value
30
- value: null,
31
- // The input needs to be searchable, otherwise it's not possible to create
32
- // new options.
33
- // We still allow consumers to pass isSearchable={false} so that they can
34
- // use CreatableSelectInput as an alternative to SelectInput, which does
35
- // not do the option/value mapping going on there and therefore provides
36
- // the default API of react-select.
37
- isSearchable: true,
38
- menuPortalZIndex: 1
39
- };
40
- const CreatableSelectInput = props => {
29
+ const CreatableSelectInput = _ref => {
30
+ let _ref$value = _ref.value,
31
+ value = _ref$value === void 0 ? null : _ref$value,
32
+ _ref$isSearchable = _ref.isSearchable,
33
+ isSearchable = _ref$isSearchable === void 0 ? true : _ref$isSearchable,
34
+ _ref$menuPortalZIndex = _ref.menuPortalZIndex,
35
+ menuPortalZIndex = _ref$menuPortalZIndex === void 0 ? 1 : _ref$menuPortalZIndex,
36
+ props = _objectWithoutProperties(_ref, _excluded);
41
37
  const intl = useIntl();
42
38
  if (!props.isReadOnly) {
43
39
  process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'CreatableSelectInput: `onChange` is required when input is not read only.') : void 0;
@@ -45,7 +41,11 @@ const CreatableSelectInput = props => {
45
41
  const placeholder = props.placeholder || intl.formatMessage(messages.placeholder);
46
42
  return jsx(Constraints.Horizontal, {
47
43
  max: props.horizontalConstraint,
48
- children: jsx("div", _objectSpread(_objectSpread({}, filterDataAttributes(props)), {}, {
44
+ children: jsx("div", _objectSpread(_objectSpread({}, filterDataAttributes(_objectSpread({
45
+ value,
46
+ isSearchable,
47
+ menuPortalZIndex
48
+ }, props))), {}, {
49
49
  children: jsx(CreatableSelect, {
50
50
  "aria-label": props['aria-label'],
51
51
  "aria-labelledby": props['aria-labelledby'],
@@ -63,13 +63,13 @@ const CreatableSelectInput = props => {
63
63
  hasWarning: props.hasWarning,
64
64
  hasError: props.hasError,
65
65
  showOptionGroupDivider: props.showOptionGroupDivider,
66
- menuPortalZIndex: props.menuPortalZIndex,
66
+ menuPortalZIndex: menuPortalZIndex,
67
67
  isCondensed: props.isCondensed,
68
68
  isDisabled: props.isDisabled,
69
69
  isReadOnly: props.isReadOnly,
70
70
  iconLeft: props.iconLeft,
71
71
  isMulti: props.isMulti,
72
- hasValue: !isEmpty(props.value),
72
+ hasValue: !isEmpty(value),
73
73
  horizontalConstraint: props.horizontalConstraint
74
74
  }),
75
75
  filterOption: props.filterOption
@@ -85,14 +85,14 @@ const CreatableSelectInput = props => {
85
85
  isDisabled: props.isDisabled,
86
86
  isOptionDisabled: props.isOptionDisabled,
87
87
  isMulti: props.isMulti,
88
- isSearchable: props.isSearchable,
88
+ isSearchable: isSearchable,
89
89
  maxMenuHeight: props.maxMenuHeight,
90
90
  menuPortalTarget: props.menuPortalTarget,
91
91
  menuShouldBlockScroll: props.menuShouldBlockScroll,
92
92
  closeMenuOnSelect: props.closeMenuOnSelect,
93
93
  name: props.name,
94
- noOptionsMessage: props.noOptionsMessage || (_ref => {
95
- let inputValue = _ref.inputValue;
94
+ noOptionsMessage: props.noOptionsMessage || (_ref2 => {
95
+ let inputValue = _ref2.inputValue;
96
96
  return inputValue === '' ? intl.formatMessage(messages.noOptionsMessageWithoutInputValue) : intl.formatMessage(messages.noOptionsMessageWithInputValue, {
97
97
  inputValue
98
98
  });
@@ -137,7 +137,7 @@ const CreatableSelectInput = props => {
137
137
  placeholder: placeholder,
138
138
  tabIndex: props.tabIndex,
139
139
  tabSelectsValue: props.tabSelectsValue,
140
- value: props.value
140
+ value: value
141
141
  // Creatable props
142
142
  ,
143
143
  allowCreateWhileLoading: props.allowCreateWhileLoading,
@@ -163,7 +163,7 @@ CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
163
163
  isReadOnly: _pt.bool,
164
164
  iconLeft: _pt.node,
165
165
  isAutofocussed: _pt.bool,
166
- menuPortalZIndex: _pt.number.isRequired,
166
+ menuPortalZIndex: _pt.number,
167
167
  onBlur: _pt.func,
168
168
  onChange: _pt.func,
169
169
  options: _pt.oneOfType([_pt.arrayOf(_pt.shape({
@@ -179,7 +179,6 @@ CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
179
179
  isCondensed: _pt.bool
180
180
  } : {};
181
181
  CreatableSelectInput.displayName = 'CreatableSelectInput';
182
- CreatableSelectInput.defaultProps = defaultProps;
183
182
 
184
183
  /**
185
184
  * Expose static helper methods.
@@ -224,6 +223,6 @@ CreatableSelectInput.ValueContainer = components.ValueContainer;
224
223
  var CreatableSelectInput$1 = CreatableSelectInput;
225
224
 
226
225
  // NOTE: This string will be replaced on build time with the package version.
227
- var version = "19.20.0";
226
+ var version = "19.21.0";
228
227
 
229
228
  export { CreatableSelectInput$1 as default, version };
package/dist/declarations/src/creatable-select-input.d.ts CHANGED
@@ -149,7 +149,7 @@ export type TCreatableSelectInputProps = {
149
149
  * <br>
150
150
  * Use in conjunction with `menuPortalTarget`
151
151
  */
152
- menuPortalZIndex: number;
152
+ menuPortalZIndex?: number;
153
153
  /**
154
154
  * whether the menu should block scroll while open
155
155
  * <br>
@@ -268,9 +268,8 @@ export type TCreatableSelectInputProps = {
268
268
  createOptionPosition?: ReactSelectCreatableProps['createOptionPosition'];
269
269
  };
270
270
  declare const CreatableSelectInput: {
271
- (props: TCreatableSelectInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
271
+ ({ value, isSearchable, menuPortalZIndex, ...props }: TCreatableSelectInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
272
272
  displayName: string;
273
- defaultProps: Pick<TCreatableSelectInputProps, "value" | "isSearchable" | "menuPortalZIndex">;
274
273
  isTouched(touched: unknown): boolean;
275
274
  /**
276
275
  * Expose react-select components for customization purposes.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/creatable-select-input",
3
3
  "description": "An input component getting a selection from the user, and where options can also be created by the user.",
4
- "version": "19.20.0",
4
+ "version": "19.21.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,13 +21,13 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/constraints": "19.20.0",
25
- "@commercetools-uikit/design-system": "19.20.0",
26
- "@commercetools-uikit/icons": "19.20.0",
27
- "@commercetools-uikit/select-utils": "19.20.0",
28
- "@commercetools-uikit/spacings": "19.20.0",
29
- "@commercetools-uikit/text": "19.20.0",
30
- "@commercetools-uikit/utils": "19.20.0",
24
+ "@commercetools-uikit/constraints": "19.21.0",
25
+ "@commercetools-uikit/design-system": "19.21.0",
26
+ "@commercetools-uikit/icons": "19.21.0",
27
+ "@commercetools-uikit/select-utils": "19.21.0",
28
+ "@commercetools-uikit/spacings": "19.21.0",
29
+ "@commercetools-uikit/text": "19.21.0",
30
+ "@commercetools-uikit/utils": "19.21.0",
31
31
  "@emotion/react": "^11.10.5",
32
32
  "@emotion/styled": "^11.10.5",
33
33
  "lodash": "4.17.21",