@commercetools-uikit/select-utils 12.2.1 → 12.2.5

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 (4) hide show
  1. package/dist/commercetools-uikit-select-utils.cjs.dev.js +153 -97
  2. package/dist/commercetools-uikit-select-utils.cjs.prod.js +126 -70
  3. package/dist/commercetools-uikit-select-utils.esm.js +114 -57
  4. package/package.json +19 -16
package/dist/commercetools-uikit-select-utils.cjs.prod.js CHANGED
@@ -14,15 +14,15 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
14
14
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
15
15
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
16
16
  var designSystem = require('@commercetools-uikit/design-system');
17
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
18
17
  var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
19
- var React = require('react');
20
18
  require('prop-types');
21
19
  var react = require('@emotion/react');
22
20
  var icons = require('@commercetools-uikit/icons');
21
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
23
22
  var omit = require('lodash/omit');
24
23
  var AccessibleButton = require('@commercetools-uikit/accessible-button');
25
24
  var reactSelect = require('react-select');
25
+ var react$1 = require('react');
26
26
  require('@babel/runtime-corejs3/core-js-stable/object/values');
27
27
  var Spacings = require('@commercetools-uikit/spacings');
28
28
  var Text = require('@commercetools-uikit/text');
@@ -38,13 +38,12 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
38
38
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
39
39
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
40
40
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
41
- var React__default = /*#__PURE__*/_interopDefault(React);
42
41
  var omit__default = /*#__PURE__*/_interopDefault(omit);
43
42
  var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
44
43
  var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
45
44
  var Text__default = /*#__PURE__*/_interopDefault(Text);
46
45
 
47
- var messages = reactIntl.defineMessages({
46
+ var messages$1 = reactIntl.defineMessages({
48
47
  clearButtonLabel: {
49
48
  id: 'UIKit.ClearButton.clearButtonLabel',
50
49
  description: 'Label for the clear button',
@@ -52,7 +51,11 @@ var messages = reactIntl.defineMessages({
52
51
  }
53
52
  });
54
53
 
55
- var _excluded = ["ref"];
54
+ var _excluded$1 = ["ref"];
55
+
56
+ function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
57
+
58
+ function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
56
59
 
57
60
  var ClearIndicator = function ClearIndicator(props) {
58
61
  var intl = reactIntl.useIntl();
@@ -60,95 +63,127 @@ var ClearIndicator = function ClearIndicator(props) {
60
63
  var getStyles = props.getStyles,
61
64
  _props$innerProps = props.innerProps,
62
65
  ref = _props$innerProps.ref,
63
- restInnerProps = _objectWithoutProperties(_props$innerProps, _excluded);
66
+ restInnerProps = _objectWithoutProperties(_props$innerProps, _excluded$1);
64
67
 
65
- return react.jsx("button", _extends({}, restInnerProps, {
68
+ return jsxRuntime.jsx("button", _objectSpread$6(_objectSpread$6({}, restInnerProps), {}, {
66
69
  ref: ref,
67
- css: /*#__PURE__*/react.css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;:hover svg *{fill:", designSystem.customProperties.colorWarning, ";}" + ("" )),
70
+ css: /*#__PURE__*/react.css("border:none;cursor:pointer;background:none;box-sizing:border-box;text-decoration:none;:hover svg *{fill:", designSystem.customProperties.colorWarning, ";}" + ("" ), "" ),
68
71
  style: getStyles('clearIndicator', props),
69
- title: intl.formatMessage(messages.clearButtonLabel),
70
- "aria-label": intl.formatMessage(messages.clearButtonLabel)
71
- }), react.jsx(icons.CloseIcon, {
72
- color: "solid",
73
- size: "medium"
72
+ title: intl.formatMessage(messages$1.clearButtonLabel),
73
+ "aria-label": intl.formatMessage(messages$1.clearButtonLabel),
74
+ children: jsxRuntime.jsx(icons.CloseIcon, {
75
+ color: "solid",
76
+ size: "medium"
77
+ })
74
78
  }));
75
79
  };
76
80
 
77
81
  ClearIndicator.displayName = 'ClearIndicator';
78
82
  ClearIndicator.propTypes = {};
83
+ var ClearIndicator$1 = ClearIndicator;
84
+
85
+ function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
79
86
 
87
+ function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
80
88
  var removeProps = ['onClick', 'onTouchEnd', 'onMouseDown'];
81
89
 
82
90
  var TagRemove = function TagRemove(props) {
83
91
  var isDisabled = Boolean(props.selectProps.isDisabled || props.selectProps.isReadOnly); // when the select input is disabled,
84
92
  // we don't want to spread the removeProp event handlers
85
93
 
86
- var innerProps = isDisabled ? omit__default['default'](props.innerProps, removeProps) : props.innerProps;
87
- return react.jsx(AccessibleButton__default['default'], _extends({
94
+ var innerProps = isDisabled ? omit__default["default"](props.innerProps, removeProps) : props.innerProps;
95
+ return jsxRuntime.jsx(AccessibleButton__default["default"], _objectSpread$5(_objectSpread$5({
88
96
  label: "Remove"
89
- }, innerProps), react.jsx(icons.CloseBoldIcon, {
90
- color: isDisabled ? 'neutral60' : 'solid',
91
- size: "medium"
97
+ }, innerProps), {}, {
98
+ children: jsxRuntime.jsx(icons.CloseBoldIcon, {
99
+ color: isDisabled ? 'neutral60' : 'solid',
100
+ size: "medium"
101
+ })
92
102
  }));
93
103
  };
94
104
 
95
105
  TagRemove.displayName = 'TagRemove';
96
106
  TagRemove.propTypes = {};
107
+ var TagRemove$1 = TagRemove;
108
+
109
+ function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
110
+
111
+ function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
97
112
 
98
113
  var DropdownIndicator = function DropdownIndicator(props) {
99
- return react.jsx(reactSelect.components.DropdownIndicator, props, react.jsx(icons.CaretDownIcon, {
100
- color: props.isDisabled ? 'neutral60' : undefined,
101
- size: "small"
114
+ return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$4(_objectSpread$4({}, props), {}, {
115
+ children: jsxRuntime.jsx(icons.CaretDownIcon, {
116
+ color: props.isDisabled ? 'neutral60' : undefined,
117
+ size: "small"
118
+ })
102
119
  }));
103
120
  };
104
121
 
105
122
  DropdownIndicator.displayName = 'DropdownIndicator';
106
123
  DropdownIndicator.propTypes = {};
124
+ var DropdownIndicator$1 = DropdownIndicator;
125
+
126
+ function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
127
+
128
+ function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
107
129
 
108
130
  var SearchIconDropdownIndicator = function SearchIconDropdownIndicator(props) {
109
- return react.jsx(reactSelect.components.DropdownIndicator, props, react.jsx(icons.SearchIcon, {
110
- color: 'neutral60',
111
- size: "big"
131
+ return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$3(_objectSpread$3({}, props), {}, {
132
+ children: jsxRuntime.jsx(icons.SearchIcon, {
133
+ color: 'neutral60',
134
+ size: "big"
135
+ })
112
136
  }));
113
137
  };
114
138
 
115
139
  SearchIconDropdownIndicator.displayName = 'SearchIconDropdownIndicator';
140
+ var SearchIconDropdownIndicator$1 = SearchIconDropdownIndicator;
116
141
 
117
- var _excluded$1 = ["children"];
142
+ var _excluded = ["children"];
143
+
144
+ function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
145
+
146
+ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
118
147
 
119
148
  var getDefaultComponent = function getDefaultComponent(type) {
120
149
  if (type === 'singleValue') return reactSelect.components.SingleValue;
121
150
  if (type === 'placeholder') return reactSelect.components.Placeholder;
122
- return React__default['default'].Fragment;
151
+ return react$1.Fragment;
123
152
  };
124
153
 
125
154
  var WrapperWithIcon = function WrapperWithIcon(_ref) {
126
155
  var children = _ref.children,
127
- props = _objectWithoutProperties(_ref, _excluded$1);
156
+ props = _objectWithoutProperties(_ref, _excluded);
128
157
 
129
158
  var Component = getDefaultComponent(props.type);
130
- return react.jsx(React__default['default'].Fragment, null, props.selectProps.iconLeft && /*#__PURE__*/React__default['default'].cloneElement(props.selectProps.iconLeft, {
131
- size: 'big'
132
- }), react.jsx("span", {
133
- // react-select uses absolute positioning for the SingleValue/Placeholder
134
- // the icon has a fixed size of 24px (== SpacingsXl), therefore we can use a fixed margin
135
- // spacingsXs is the margin between the icon and value
136
- css: /*#__PURE__*/react.css("margin-left:", designSystem.customProperties.spacingXl + designSystem.customProperties.spacingXs, ";" + ("" ))
137
- }, react.jsx(Component, props, children)));
159
+ return jsxRuntime.jsxs(jsxRuntime.Fragment, {
160
+ children: [props.selectProps.iconLeft && /*#__PURE__*/react$1.cloneElement(props.selectProps.iconLeft, {
161
+ size: 'big'
162
+ }), jsxRuntime.jsx("span", {
163
+ // react-select uses absolute positioning for the SingleValue/Placeholder
164
+ // the icon has a fixed size of 24px (== SpacingsXl), therefore we can use a fixed margin
165
+ // spacingsXs is the margin between the icon and value
166
+ css: /*#__PURE__*/react.css("margin-left:", designSystem.customProperties.spacingXl + designSystem.customProperties.spacingXs, ";" + ("" ), "" ),
167
+ children: jsxRuntime.jsx(Component, _objectSpread$2(_objectSpread$2({}, props), {}, {
168
+ children: children
169
+ }))
170
+ })]
171
+ });
138
172
  };
139
173
 
140
174
  WrapperWithIcon.propTypes = {};
141
175
  WrapperWithIcon.displayName = 'WrapperWithIcon';
176
+ var WrapperWithIcon$1 = WrapperWithIcon;
142
177
  /* eslint-disable react/display-name */
143
178
 
144
179
  var customComponents = {
145
180
  SingleValue: function SingleValue(props) {
146
- return react.jsx(WrapperWithIcon, _extends({}, props, {
181
+ return jsxRuntime.jsx(WrapperWithIcon, _objectSpread$2(_objectSpread$2({}, props), {}, {
147
182
  type: "singleValue"
148
183
  }));
149
184
  },
150
185
  Placeholder: function Placeholder(props) {
151
- return react.jsx(WrapperWithIcon, _extends({}, props, {
186
+ return jsxRuntime.jsx(WrapperWithIcon, _objectSpread$2(_objectSpread$2({}, props), {}, {
152
187
  type: "placeholder"
153
188
  }));
154
189
  }
@@ -161,25 +196,42 @@ var SELECT_DROPDOWN_OPTION_TYPES = {
161
196
  MULTIPLE_PROPERTIES: 'multiple-properties'
162
197
  };
163
198
 
199
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
200
+
201
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
164
202
  var MultiplePropertiesSelectInputOption = function MultiplePropertiesSelectInputOption(props) {
165
203
  var data = props.data;
166
204
  var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
167
- return react.jsx(reactSelect.components.Option, props, react.jsx(Spacings__default['default'].Stack, {
168
- scale: "xs"
169
- }, react.jsx(Text__default['default'].Detail, {
170
- isBold: true
171
- }, data.label || noValueFallback), react.jsx(Text__default['default'].Detail, null, "Key: ", data.key || noValueFallback), react.jsx(Text__default['default'].Detail, null, "ID: ", data.id || noValueFallback)));
205
+ return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props), {}, {
206
+ children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
207
+ scale: "xs",
208
+ children: [jsxRuntime.jsx(Text__default["default"].Detail, {
209
+ isBold: true,
210
+ children: data.label || noValueFallback
211
+ }), jsxRuntime.jsxs(Text__default["default"].Detail, {
212
+ children: ["Key: ", data.key || noValueFallback]
213
+ }), jsxRuntime.jsxs(Text__default["default"].Detail, {
214
+ children: ["ID: ", data.id || noValueFallback]
215
+ })]
216
+ })
217
+ }));
172
218
  };
173
219
  MultiplePropertiesSelectInputOption.displayName = 'MultiplePropertiesSelectInputOption';
174
220
  MultiplePropertiesSelectInputOption.propTypes = {};
175
221
  var DoublePropertySelectInputOption = function DoublePropertySelectInputOption(props) {
176
222
  var data = props.data;
177
223
  var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
178
- return react.jsx(reactSelect.components.Option, props, react.jsx(Spacings__default['default'].Stack, {
179
- scale: "xs"
180
- }, react.jsx(Text__default['default'].Detail, {
181
- isBold: true
182
- }, data.label || noValueFallback), react.jsx(Text__default['default'].Detail, null, "Key: ", data.key || noValueFallback)));
224
+ return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props), {}, {
225
+ children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
226
+ scale: "xs",
227
+ children: [jsxRuntime.jsx(Text__default["default"].Detail, {
228
+ isBold: true,
229
+ children: data.label || noValueFallback
230
+ }), jsxRuntime.jsxs(Text__default["default"].Detail, {
231
+ children: ["Key: ", data.key || noValueFallback]
232
+ })]
233
+ })
234
+ }));
183
235
  };
184
236
  DoublePropertySelectInputOption.displayName = 'DoublePropertySelectInputOption';
185
237
  DoublePropertySelectInputOption.propTypes = {};
@@ -188,23 +240,27 @@ var CustomSelectInputOption = function CustomSelectInputOption(props) {
188
240
 
189
241
  switch (props.optionType) {
190
242
  case SELECT_DROPDOWN_OPTION_TYPES.MULTIPLE_PROPERTIES:
191
- return react.jsx(MultiplePropertiesSelectInputOption, _extends({}, props.optionInnerProps, {
243
+ return jsxRuntime.jsx(MultiplePropertiesSelectInputOption, _objectSpread$1(_objectSpread$1({}, props.optionInnerProps), {}, {
192
244
  noValueFallback: noValueFallback
193
245
  }));
194
246
 
195
247
  case SELECT_DROPDOWN_OPTION_TYPES.DOUBLE_PROPERTY:
196
- return react.jsx(DoublePropertySelectInputOption, _extends({}, props.optionInnerProps, {
248
+ return jsxRuntime.jsx(DoublePropertySelectInputOption, _objectSpread$1(_objectSpread$1({}, props.optionInnerProps), {}, {
197
249
  noValueFallback: noValueFallback
198
250
  }));
199
251
 
200
252
  default:
201
- return react.jsx(reactSelect.components.Option, props.optionInnerProps, react.jsx(Text__default['default'].Detail, null, props.optionInnerProps.data.label || noValueFallback));
253
+ return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props.optionInnerProps), {}, {
254
+ children: jsxRuntime.jsx(Text__default["default"].Detail, {
255
+ children: props.optionInnerProps.data.label || noValueFallback
256
+ })
257
+ }));
202
258
  }
203
259
  };
204
260
  CustomSelectInputOption.displayName = 'CustomSelectInputOption';
205
261
  CustomSelectInputOption.propTypes = {};
206
262
 
207
- var messages$1 = reactIntl.defineMessages({
263
+ var messages = reactIntl.defineMessages({
208
264
  createLabel: {
209
265
  id: 'UIKit.CreatableSelectInput.createLabel',
210
266
  description: 'Text of dropdown when creating option',
@@ -232,9 +288,9 @@ var messages$1 = reactIntl.defineMessages({
232
288
  }
233
289
  });
234
290
 
235
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
291
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
236
292
 
237
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context8; _forEachInstanceProperty__default['default'](_context8 = ownKeys(Object(source), true)).call(_context8, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context9; _forEachInstanceProperty__default['default'](_context9 = ownKeys(Object(source))).call(_context9, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
293
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context8; _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source), true)).call(_context8, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context9; _forEachInstanceProperty__default["default"](_context9 = ownKeys(Object(source))).call(_context9, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
238
294
 
239
295
  var controlStyles = function controlStyles(props, theme) {
240
296
  return function (base, state) {
@@ -261,7 +317,7 @@ var controlStyles = function controlStyles(props, theme) {
261
317
  return 'pointer';
262
318
  }(),
263
319
  padding: "0 ".concat(overwrittenVars.spacingS),
264
- transition: _concatInstanceProperty__default['default'](_context = "border-color ".concat(overwrittenVars.transitionStandard, ",\n box-shadow ")).call(_context, overwrittenVars.transitionStandard),
320
+ transition: _concatInstanceProperty__default["default"](_context = "border-color ".concat(overwrittenVars.transitionStandard, ",\n box-shadow ")).call(_context, overwrittenVars.transitionStandard),
265
321
  outline: 0,
266
322
  boxShadow: 'none',
267
323
  '&:focus-within': {
@@ -362,7 +418,7 @@ var optionStyles = function optionStyles(props, theme) {
362
418
  var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
363
419
 
364
420
  return _objectSpread(_objectSpread({}, base), {}, {
365
- transition: _concatInstanceProperty__default['default'](_context2 = _concatInstanceProperty__default['default'](_context3 = "border-color ".concat(overwrittenVars.transitionStandard, ",\n background-color ")).call(_context3, overwrittenVars.transitionStandard, ",\n color ")).call(_context2, overwrittenVars.transitionStandard),
421
+ transition: _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "border-color ".concat(overwrittenVars.transitionStandard, ",\n background-color ")).call(_context3, overwrittenVars.transitionStandard, ",\n color ")).call(_context2, overwrittenVars.transitionStandard),
366
422
  paddingLeft: overwrittenVars.spacingS,
367
423
  paddingRight: overwrittenVars.spacingS,
368
424
  color: function () {
@@ -459,7 +515,7 @@ var groupHeadingStyles = function groupHeadingStyles(props, theme) {
459
515
  textTransform: 'none',
460
516
  fontWeight: 'bold',
461
517
  margin: "0 ".concat(overwrittenVars.spacingXs),
462
- padding: _concatInstanceProperty__default['default'](_context4 = "".concat(overwrittenVars.spacingS, " ")).call(_context4, overwrittenVars.spacingXs),
518
+ padding: _concatInstanceProperty__default["default"](_context4 = "".concat(overwrittenVars.spacingS, " ")).call(_context4, overwrittenVars.spacingXs),
463
519
  '&:empty': {
464
520
  padding: 0
465
521
  }
@@ -524,8 +580,8 @@ var multiValueLabelStyles = function multiValueLabelStyles(props, theme) {
524
580
  if (props.isReadOnly) return overwrittenVars[designSystem.designTokens.fontColorForInputWhenReadonly];
525
581
  return base.color;
526
582
  }(),
527
- padding: _concatInstanceProperty__default['default'](_context5 = "".concat(overwrittenVars.spacingXs, " ")).call(_context5, overwrittenVars.spacingS),
528
- borderRadius: _concatInstanceProperty__default['default'](_context6 = "".concat(overwrittenVars.borderRadiusForTag, " 0 0 ")).call(_context6, overwrittenVars.borderRadiusForTag),
583
+ padding: _concatInstanceProperty__default["default"](_context5 = "".concat(overwrittenVars.spacingXs, " ")).call(_context5, overwrittenVars.spacingS),
584
+ borderRadius: _concatInstanceProperty__default["default"](_context6 = "".concat(overwrittenVars.borderRadiusForTag, " 0 0 ")).call(_context6, overwrittenVars.borderRadiusForTag),
529
585
  border: "1px ".concat(overwrittenVars[designSystem.designTokens.borderColorForTag], " solid"),
530
586
  borderWidth: '1px 0 1px 1px',
531
587
  '&:last-child': {
@@ -545,7 +601,7 @@ var multiValueRemoveStyles = function multiValueRemoveStyles(props, theme) {
545
601
  return _objectSpread(_objectSpread({}, base), {}, {
546
602
  borderColor: overwrittenVars[designSystem.designTokens.borderColorForTag],
547
603
  padding: "0 ".concat(overwrittenVars.spacingXs),
548
- borderRadius: _concatInstanceProperty__default['default'](_context7 = "0 ".concat(overwrittenVars[designSystem.designTokens.borderRadiusForTag], " ")).call(_context7, overwrittenVars[designSystem.designTokens.borderRadiusForTag], " 0"),
604
+ borderRadius: _concatInstanceProperty__default["default"](_context7 = "0 ".concat(overwrittenVars[designSystem.designTokens.borderRadiusForTag], " ")).call(_context7, overwrittenVars[designSystem.designTokens.borderRadiusForTag], " 0"),
549
605
  borderStyle: 'solid',
550
606
  borderWidth: '1px',
551
607
  pointerEvents: state.isDisabled || props.isReadOnly ? 'none' : base.pointerEvents,
@@ -570,13 +626,13 @@ function createSelectStyles(props, theme) {
570
626
  menu: menuStyles(props, theme),
571
627
  indicatorSeparator: indicatorSeparatorStyles(props, theme),
572
628
  dropdownIndicator: dropdownIndicatorStyles(props, theme),
573
- clearIndicator: clearIndicatorStyles(),
629
+ clearIndicator: clearIndicatorStyles(props, theme),
574
630
  menuList: menuListStyles(props, theme),
575
- menuPortal: menuPortalStyles(props),
631
+ menuPortal: menuPortalStyles(props, theme),
576
632
  multiValue: multiValueStyles(props, theme),
577
633
  multiValueLabel: multiValueLabelStyles(props, theme),
578
634
  multiValueRemove: multiValueRemoveStyles(props, theme),
579
- indicatorsContainer: indicatorsContainerStyles(),
635
+ indicatorsContainer: indicatorsContainerStyles(props, theme),
580
636
  option: optionStyles(props, theme),
581
637
  placeholder: placeholderStyles(props, theme),
582
638
  valueContainer: valueContainerStyles(props, theme),
@@ -587,19 +643,19 @@ function createSelectStyles(props, theme) {
587
643
  };
588
644
  }
589
645
 
590
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
591
- var version = '12.2.1';
646
+ // NOTE: This string will be replaced on build time with the package version.
647
+ var version = "12.2.5";
592
648
 
593
- exports.ClearIndicator = ClearIndicator;
649
+ exports.ClearIndicator = ClearIndicator$1;
594
650
  exports.CustomSelectInputOption = CustomSelectInputOption;
595
651
  exports.DoublePropertySelectInputOption = DoublePropertySelectInputOption;
596
- exports.DropdownIndicator = DropdownIndicator;
652
+ exports.DropdownIndicator = DropdownIndicator$1;
597
653
  exports.MultiplePropertiesSelectInputOption = MultiplePropertiesSelectInputOption;
598
654
  exports.SELECT_DROPDOWN_OPTION_TYPES = SELECT_DROPDOWN_OPTION_TYPES;
599
- exports.SearchIconDropdownIndicator = SearchIconDropdownIndicator;
600
- exports.TagRemove = TagRemove;
601
- exports.ValueWrapperWithIcon = WrapperWithIcon;
655
+ exports.SearchIconDropdownIndicator = SearchIconDropdownIndicator$1;
656
+ exports.TagRemove = TagRemove$1;
657
+ exports.ValueWrapperWithIcon = WrapperWithIcon$1;
602
658
  exports.createSelectStyles = createSelectStyles;
603
659
  exports.customComponentsWithIcons = customComponents;
604
- exports.messages = messages$1;
660
+ exports.messages = messages;
605
661
  exports.version = version;