@commercetools-uikit/select-utils 12.2.7 → 13.0.2
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/dist/commercetools-uikit-select-utils.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-select-utils.cjs.dev.js +55 -96
- package/dist/commercetools-uikit-select-utils.cjs.prod.js +48 -53
- package/dist/commercetools-uikit-select-utils.esm.js +54 -94
- package/dist/declarations/src/clear-indicator/clear-indicator.d.ts +13 -0
- package/dist/declarations/src/clear-indicator/index.d.ts +1 -0
- package/dist/declarations/src/clear-indicator/messages.d.ts +8 -0
- package/dist/declarations/src/create-select-styles.d.ts +294 -0
- package/dist/declarations/src/custom-styled-select-options/constants.d.ts +6 -0
- package/dist/declarations/src/custom-styled-select-options/custom-styled-select-options.d.ts +29 -0
- package/dist/declarations/src/custom-styled-select-options/index.d.ts +2 -0
- package/dist/declarations/src/dropdown-indicator/dropdown-indicator.d.ts +6 -0
- package/dist/declarations/src/dropdown-indicator/index.d.ts +1 -0
- package/dist/declarations/src/index.d.ts +10 -0
- package/dist/declarations/src/messages.d.ts +28 -0
- package/dist/declarations/src/search-icon-dropdown-indicator/index.d.ts +1 -0
- package/dist/declarations/src/search-icon-dropdown-indicator/search-icon-dropdown-indicator.d.ts +6 -0
- package/dist/declarations/src/tag-remove/index.d.ts +1 -0
- package/dist/declarations/src/tag-remove/tag-remove.d.ts +12 -0
- package/dist/declarations/src/version.d.ts +2 -0
- package/dist/declarations/src/wrapper-with-icon/index.d.ts +1 -0
- package/dist/declarations/src/wrapper-with-icon/wrapper-with-icon.d.ts +19 -0
- package/package.json +12 -12
|
@@ -15,15 +15,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
17
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
18
|
-
require('prop-types');
|
|
19
18
|
var react = require('@emotion/react');
|
|
20
19
|
var icons = require('@commercetools-uikit/icons');
|
|
21
20
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
22
21
|
var omit = require('lodash/omit');
|
|
23
22
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
24
23
|
var reactSelect = require('react-select');
|
|
24
|
+
require('prop-types');
|
|
25
25
|
var react$1 = require('react');
|
|
26
|
-
require('@babel/runtime-corejs3/core-js-stable/object/values');
|
|
27
26
|
var Spacings = require('@commercetools-uikit/spacings');
|
|
28
27
|
var Text = require('@commercetools-uikit/text');
|
|
29
28
|
|
|
@@ -51,11 +50,11 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
51
50
|
}
|
|
52
51
|
});
|
|
53
52
|
|
|
54
|
-
var _excluded
|
|
53
|
+
var _excluded = ["ref"];
|
|
55
54
|
|
|
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);
|
|
55
|
+
function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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
56
|
|
|
58
|
-
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
57
|
+
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
59
58
|
|
|
60
59
|
var ClearIndicator = function ClearIndicator(props) {
|
|
61
60
|
var intl = reactIntl.useIntl();
|
|
@@ -63,7 +62,7 @@ var ClearIndicator = function ClearIndicator(props) {
|
|
|
63
62
|
var getStyles = props.getStyles,
|
|
64
63
|
_props$innerProps = props.innerProps,
|
|
65
64
|
ref = _props$innerProps.ref,
|
|
66
|
-
restInnerProps = _objectWithoutProperties(_props$innerProps, _excluded
|
|
65
|
+
restInnerProps = _objectWithoutProperties(_props$innerProps, _excluded);
|
|
67
66
|
|
|
68
67
|
return jsxRuntime.jsx("button", _objectSpread$6(_objectSpread$6({}, restInnerProps), {}, {
|
|
69
68
|
ref: ref,
|
|
@@ -79,12 +78,12 @@ var ClearIndicator = function ClearIndicator(props) {
|
|
|
79
78
|
};
|
|
80
79
|
|
|
81
80
|
ClearIndicator.displayName = 'ClearIndicator';
|
|
82
|
-
ClearIndicator.propTypes = {};
|
|
83
81
|
var ClearIndicator$1 = ClearIndicator;
|
|
84
82
|
|
|
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);
|
|
83
|
+
function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
86
84
|
|
|
87
|
-
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
85
|
+
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
86
|
+
// see https://github.com/JedWatson/react-select/blob/44e9fb29b230e49a754a2f0d6f30c2250aa45009/src/components/MultiValue.js
|
|
88
87
|
var removeProps = ['onClick', 'onTouchEnd', 'onMouseDown'];
|
|
89
88
|
|
|
90
89
|
var TagRemove = function TagRemove(props) {
|
|
@@ -103,12 +102,11 @@ var TagRemove = function TagRemove(props) {
|
|
|
103
102
|
};
|
|
104
103
|
|
|
105
104
|
TagRemove.displayName = 'TagRemove';
|
|
106
|
-
TagRemove.propTypes = {};
|
|
107
105
|
var TagRemove$1 = TagRemove;
|
|
108
106
|
|
|
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);
|
|
107
|
+
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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
108
|
|
|
111
|
-
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
109
|
+
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
112
110
|
|
|
113
111
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
114
112
|
return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
@@ -120,12 +118,11 @@ var DropdownIndicator = function DropdownIndicator(props) {
|
|
|
120
118
|
};
|
|
121
119
|
|
|
122
120
|
DropdownIndicator.displayName = 'DropdownIndicator';
|
|
123
|
-
DropdownIndicator.propTypes = {};
|
|
124
121
|
var DropdownIndicator$1 = DropdownIndicator;
|
|
125
122
|
|
|
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);
|
|
123
|
+
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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
124
|
|
|
128
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
125
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
129
126
|
|
|
130
127
|
var SearchIconDropdownIndicator = function SearchIconDropdownIndicator(props) {
|
|
131
128
|
return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$3(_objectSpread$3({}, props), {}, {
|
|
@@ -139,11 +136,9 @@ var SearchIconDropdownIndicator = function SearchIconDropdownIndicator(props) {
|
|
|
139
136
|
SearchIconDropdownIndicator.displayName = 'SearchIconDropdownIndicator';
|
|
140
137
|
var SearchIconDropdownIndicator$1 = SearchIconDropdownIndicator;
|
|
141
138
|
|
|
142
|
-
var
|
|
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; }
|
|
139
|
+
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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
140
|
|
|
146
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
141
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
147
142
|
|
|
148
143
|
var getDefaultComponent = function getDefaultComponent(type) {
|
|
149
144
|
if (type === 'singleValue') return reactSelect.components.SingleValue;
|
|
@@ -151,10 +146,7 @@ var getDefaultComponent = function getDefaultComponent(type) {
|
|
|
151
146
|
return react$1.Fragment;
|
|
152
147
|
};
|
|
153
148
|
|
|
154
|
-
var WrapperWithIcon = function WrapperWithIcon(
|
|
155
|
-
var children = _ref.children,
|
|
156
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
157
|
-
|
|
149
|
+
var WrapperWithIcon = function WrapperWithIcon(props) {
|
|
158
150
|
var Component = getDefaultComponent(props.type);
|
|
159
151
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
160
152
|
children: [props.selectProps.iconLeft && /*#__PURE__*/react$1.cloneElement(props.selectProps.iconLeft, {
|
|
@@ -165,7 +157,7 @@ var WrapperWithIcon = function WrapperWithIcon(_ref) {
|
|
|
165
157
|
// spacingsXs is the margin between the icon and value
|
|
166
158
|
css: /*#__PURE__*/react.css("margin-left:", designSystem.customProperties.spacingXl + designSystem.customProperties.spacingXs, ";" + ("" ), "" ),
|
|
167
159
|
children: jsxRuntime.jsx(Component, _objectSpread$2(_objectSpread$2({}, props), {}, {
|
|
168
|
-
children: children
|
|
160
|
+
children: props.children
|
|
169
161
|
}))
|
|
170
162
|
})]
|
|
171
163
|
});
|
|
@@ -196,9 +188,9 @@ var SELECT_DROPDOWN_OPTION_TYPES = {
|
|
|
196
188
|
MULTIPLE_PROPERTIES: 'multiple-properties'
|
|
197
189
|
};
|
|
198
190
|
|
|
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);
|
|
191
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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
192
|
|
|
201
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
193
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
202
194
|
var MultiplePropertiesSelectInputOption = function MultiplePropertiesSelectInputOption(props) {
|
|
203
195
|
var data = props.data;
|
|
204
196
|
var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
@@ -207,17 +199,16 @@ var MultiplePropertiesSelectInputOption = function MultiplePropertiesSelectInput
|
|
|
207
199
|
scale: "xs",
|
|
208
200
|
children: [jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
209
201
|
isBold: true,
|
|
210
|
-
children: data.label || noValueFallback
|
|
202
|
+
children: (data === null || data === void 0 ? void 0 : data.label) || noValueFallback
|
|
211
203
|
}), jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
212
|
-
children: ["Key: ", data.key || noValueFallback]
|
|
204
|
+
children: ["Key: ", (data === null || data === void 0 ? void 0 : data.key) || noValueFallback]
|
|
213
205
|
}), jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
214
|
-
children: ["ID: ", data.id || noValueFallback]
|
|
206
|
+
children: ["ID: ", (data === null || data === void 0 ? void 0 : data.id) || noValueFallback]
|
|
215
207
|
})]
|
|
216
208
|
})
|
|
217
209
|
}));
|
|
218
210
|
};
|
|
219
211
|
MultiplePropertiesSelectInputOption.displayName = 'MultiplePropertiesSelectInputOption';
|
|
220
|
-
MultiplePropertiesSelectInputOption.propTypes = {};
|
|
221
212
|
var DoublePropertySelectInputOption = function DoublePropertySelectInputOption(props) {
|
|
222
213
|
var data = props.data;
|
|
223
214
|
var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
@@ -226,16 +217,17 @@ var DoublePropertySelectInputOption = function DoublePropertySelectInputOption(p
|
|
|
226
217
|
scale: "xs",
|
|
227
218
|
children: [jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
228
219
|
isBold: true,
|
|
229
|
-
children: data.label || noValueFallback
|
|
220
|
+
children: (data === null || data === void 0 ? void 0 : data.label) || noValueFallback
|
|
230
221
|
}), jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
231
|
-
children: ["Key: ", data.key || noValueFallback]
|
|
222
|
+
children: ["Key: ", (data === null || data === void 0 ? void 0 : data.key) || noValueFallback]
|
|
232
223
|
})]
|
|
233
224
|
})
|
|
234
225
|
}));
|
|
235
226
|
};
|
|
236
227
|
DoublePropertySelectInputOption.displayName = 'DoublePropertySelectInputOption';
|
|
237
|
-
DoublePropertySelectInputOption.propTypes = {};
|
|
238
228
|
var CustomSelectInputOption = function CustomSelectInputOption(props) {
|
|
229
|
+
var _props$optionInnerPro;
|
|
230
|
+
|
|
239
231
|
var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
240
232
|
|
|
241
233
|
switch (props.optionType) {
|
|
@@ -252,13 +244,12 @@ var CustomSelectInputOption = function CustomSelectInputOption(props) {
|
|
|
252
244
|
default:
|
|
253
245
|
return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props.optionInnerProps), {}, {
|
|
254
246
|
children: jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
255
|
-
children: props.optionInnerProps.data.label || noValueFallback
|
|
247
|
+
children: ((_props$optionInnerPro = props.optionInnerProps.data) === null || _props$optionInnerPro === void 0 ? void 0 : _props$optionInnerPro.label) || noValueFallback
|
|
256
248
|
})
|
|
257
249
|
}));
|
|
258
250
|
}
|
|
259
251
|
};
|
|
260
252
|
CustomSelectInputOption.displayName = 'CustomSelectInputOption';
|
|
261
|
-
CustomSelectInputOption.propTypes = {};
|
|
262
253
|
|
|
263
254
|
var messages = reactIntl.defineMessages({
|
|
264
255
|
createLabel: {
|
|
@@ -288,9 +279,9 @@ var messages = reactIntl.defineMessages({
|
|
|
288
279
|
}
|
|
289
280
|
});
|
|
290
281
|
|
|
291
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
282
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
292
283
|
|
|
293
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
284
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context8, _context9; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source), !0)).call(_context8, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
294
285
|
|
|
295
286
|
var controlStyles = function controlStyles(props, theme) {
|
|
296
287
|
return function (base, state) {
|
|
@@ -363,7 +354,7 @@ var menuStyles = function menuStyles(props, theme) {
|
|
|
363
354
|
};
|
|
364
355
|
};
|
|
365
356
|
|
|
366
|
-
var indicatorSeparatorStyles = function indicatorSeparatorStyles(
|
|
357
|
+
var indicatorSeparatorStyles = function indicatorSeparatorStyles(theme) {
|
|
367
358
|
return function (base) {
|
|
368
359
|
var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
|
|
369
360
|
|
|
@@ -399,7 +390,7 @@ var clearIndicatorStyles = function clearIndicatorStyles() {
|
|
|
399
390
|
};
|
|
400
391
|
};
|
|
401
392
|
|
|
402
|
-
var menuListStyles = function menuListStyles(
|
|
393
|
+
var menuListStyles = function menuListStyles(theme) {
|
|
403
394
|
return function (base) {
|
|
404
395
|
var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
|
|
405
396
|
|
|
@@ -411,7 +402,7 @@ var menuListStyles = function menuListStyles(props, theme) {
|
|
|
411
402
|
};
|
|
412
403
|
};
|
|
413
404
|
|
|
414
|
-
var optionStyles = function optionStyles(
|
|
405
|
+
var optionStyles = function optionStyles(theme) {
|
|
415
406
|
return function (base, state) {
|
|
416
407
|
var _context2, _context3;
|
|
417
408
|
|
|
@@ -465,6 +456,10 @@ var valueContainerStyles = function valueContainerStyles(props, theme) {
|
|
|
465
456
|
padding: '0',
|
|
466
457
|
backgroundColor: 'none',
|
|
467
458
|
overflow: 'hidden',
|
|
459
|
+
// Display property should be grid when isMulti and has no value so the Placeholder component is positioned correctly with the Input
|
|
460
|
+
// Display property should be Flex when there is an iconLeft, also when the input has some values when isMulti.
|
|
461
|
+
// See PR from react select for more insight https://github.com/JedWatson/react-select/pull/4833
|
|
462
|
+
display: props.iconLeft && !props.isMulti || props.isMulti && props.hasValue ? 'flex' : 'grid',
|
|
468
463
|
fill: props.isDisabled || props.isReadOnly ? overwrittenVars[designSystem.designTokens.fontColorForInputWhenDisabled] : base.fontColorForInput
|
|
469
464
|
});
|
|
470
465
|
};
|
|
@@ -503,7 +498,7 @@ var groupStyles = function groupStyles(props, theme) {
|
|
|
503
498
|
};
|
|
504
499
|
};
|
|
505
500
|
|
|
506
|
-
var groupHeadingStyles = function groupHeadingStyles(
|
|
501
|
+
var groupHeadingStyles = function groupHeadingStyles(theme) {
|
|
507
502
|
return function (base) {
|
|
508
503
|
var _context4;
|
|
509
504
|
|
|
@@ -523,7 +518,7 @@ var groupHeadingStyles = function groupHeadingStyles(props, theme) {
|
|
|
523
518
|
};
|
|
524
519
|
};
|
|
525
520
|
|
|
526
|
-
var containerStyles = function containerStyles(
|
|
521
|
+
var containerStyles = function containerStyles(theme) {
|
|
527
522
|
return function (base, state) {
|
|
528
523
|
var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
|
|
529
524
|
|
|
@@ -555,7 +550,7 @@ var menuPortalStyles = function menuPortalStyles(props) {
|
|
|
555
550
|
};
|
|
556
551
|
};
|
|
557
552
|
|
|
558
|
-
var multiValueStyles = function multiValueStyles(
|
|
553
|
+
var multiValueStyles = function multiValueStyles(theme) {
|
|
559
554
|
return function (base) {
|
|
560
555
|
var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
|
|
561
556
|
|
|
@@ -624,27 +619,27 @@ function createSelectStyles(props, theme) {
|
|
|
624
619
|
return {
|
|
625
620
|
control: controlStyles(props, theme),
|
|
626
621
|
menu: menuStyles(props, theme),
|
|
627
|
-
indicatorSeparator: indicatorSeparatorStyles(
|
|
622
|
+
indicatorSeparator: indicatorSeparatorStyles(theme),
|
|
628
623
|
dropdownIndicator: dropdownIndicatorStyles(props, theme),
|
|
629
|
-
clearIndicator: clearIndicatorStyles(
|
|
630
|
-
menuList: menuListStyles(
|
|
631
|
-
menuPortal: menuPortalStyles(props
|
|
632
|
-
multiValue: multiValueStyles(
|
|
624
|
+
clearIndicator: clearIndicatorStyles(),
|
|
625
|
+
menuList: menuListStyles(theme),
|
|
626
|
+
menuPortal: menuPortalStyles(props),
|
|
627
|
+
multiValue: multiValueStyles(theme),
|
|
633
628
|
multiValueLabel: multiValueLabelStyles(props, theme),
|
|
634
629
|
multiValueRemove: multiValueRemoveStyles(props, theme),
|
|
635
|
-
indicatorsContainer: indicatorsContainerStyles(
|
|
636
|
-
option: optionStyles(
|
|
630
|
+
indicatorsContainer: indicatorsContainerStyles(),
|
|
631
|
+
option: optionStyles(theme),
|
|
637
632
|
placeholder: placeholderStyles(props, theme),
|
|
638
633
|
valueContainer: valueContainerStyles(props, theme),
|
|
639
634
|
singleValue: singleValueStyles(props, theme),
|
|
640
635
|
group: groupStyles(props, theme),
|
|
641
|
-
groupHeading: groupHeadingStyles(
|
|
642
|
-
container: containerStyles(
|
|
636
|
+
groupHeading: groupHeadingStyles(theme),
|
|
637
|
+
container: containerStyles(theme)
|
|
643
638
|
};
|
|
644
639
|
}
|
|
645
640
|
|
|
646
641
|
// NOTE: This string will be replaced on build time with the package version.
|
|
647
|
-
var version = "
|
|
642
|
+
var version = "13.0.2";
|
|
648
643
|
|
|
649
644
|
exports.ClearIndicator = ClearIndicator$1;
|
|
650
645
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|