@commercetools-uikit/select-utils 12.2.3 → 12.2.7
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.
|
@@ -55,9 +55,9 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
55
55
|
|
|
56
56
|
var _excluded$1 = ["ref"];
|
|
57
57
|
|
|
58
|
-
function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
58
|
+
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; }
|
|
59
59
|
|
|
60
|
-
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[
|
|
60
|
+
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; }
|
|
61
61
|
|
|
62
62
|
var ClearIndicator = function ClearIndicator(props) {
|
|
63
63
|
var intl = reactIntl.useIntl();
|
|
@@ -82,22 +82,22 @@ var ClearIndicator = function ClearIndicator(props) {
|
|
|
82
82
|
|
|
83
83
|
ClearIndicator.displayName = 'ClearIndicator';
|
|
84
84
|
ClearIndicator.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
85
|
-
innerProps: PropTypes__default[
|
|
86
|
-
getStyles: PropTypes__default[
|
|
85
|
+
innerProps: PropTypes__default["default"].object,
|
|
86
|
+
getStyles: PropTypes__default["default"].func.isRequired
|
|
87
87
|
} : {};
|
|
88
88
|
var ClearIndicator$1 = ClearIndicator;
|
|
89
89
|
|
|
90
|
-
function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
90
|
+
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; }
|
|
91
91
|
|
|
92
|
-
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[
|
|
92
|
+
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; }
|
|
93
93
|
var removeProps = ['onClick', 'onTouchEnd', 'onMouseDown'];
|
|
94
94
|
|
|
95
95
|
var TagRemove = function TagRemove(props) {
|
|
96
96
|
var isDisabled = Boolean(props.selectProps.isDisabled || props.selectProps.isReadOnly); // when the select input is disabled,
|
|
97
97
|
// we don't want to spread the removeProp event handlers
|
|
98
98
|
|
|
99
|
-
var innerProps = isDisabled ? omit__default[
|
|
100
|
-
return jsxRuntime.jsx(AccessibleButton__default[
|
|
99
|
+
var innerProps = isDisabled ? omit__default["default"](props.innerProps, removeProps) : props.innerProps;
|
|
100
|
+
return jsxRuntime.jsx(AccessibleButton__default["default"], _objectSpread$5(_objectSpread$5({
|
|
101
101
|
label: "Remove"
|
|
102
102
|
}, innerProps), {}, {
|
|
103
103
|
children: jsxRuntime.jsx(icons.CloseBoldIcon, {
|
|
@@ -109,17 +109,17 @@ var TagRemove = function TagRemove(props) {
|
|
|
109
109
|
|
|
110
110
|
TagRemove.displayName = 'TagRemove';
|
|
111
111
|
TagRemove.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
112
|
-
selectProps: PropTypes__default[
|
|
113
|
-
isDisabled: PropTypes__default[
|
|
114
|
-
isReadOnly: PropTypes__default[
|
|
112
|
+
selectProps: PropTypes__default["default"].shape({
|
|
113
|
+
isDisabled: PropTypes__default["default"].bool.isRequired,
|
|
114
|
+
isReadOnly: PropTypes__default["default"].bool
|
|
115
115
|
}).isRequired,
|
|
116
|
-
innerProps: PropTypes__default[
|
|
116
|
+
innerProps: PropTypes__default["default"].object
|
|
117
117
|
} : {};
|
|
118
118
|
var TagRemove$1 = TagRemove;
|
|
119
119
|
|
|
120
|
-
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
120
|
+
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; }
|
|
121
121
|
|
|
122
|
-
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[
|
|
122
|
+
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; }
|
|
123
123
|
|
|
124
124
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
125
125
|
return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
@@ -132,13 +132,13 @@ var DropdownIndicator = function DropdownIndicator(props) {
|
|
|
132
132
|
|
|
133
133
|
DropdownIndicator.displayName = 'DropdownIndicator';
|
|
134
134
|
DropdownIndicator.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
135
|
-
isDisabled: PropTypes__default[
|
|
135
|
+
isDisabled: PropTypes__default["default"].bool
|
|
136
136
|
} : {};
|
|
137
137
|
var DropdownIndicator$1 = DropdownIndicator;
|
|
138
138
|
|
|
139
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
139
|
+
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; }
|
|
140
140
|
|
|
141
|
-
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[
|
|
141
|
+
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; }
|
|
142
142
|
|
|
143
143
|
var SearchIconDropdownIndicator = function SearchIconDropdownIndicator(props) {
|
|
144
144
|
return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$3(_objectSpread$3({}, props), {}, {
|
|
@@ -154,9 +154,9 @@ var SearchIconDropdownIndicator$1 = SearchIconDropdownIndicator;
|
|
|
154
154
|
|
|
155
155
|
var _excluded = ["children"];
|
|
156
156
|
|
|
157
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
157
|
+
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; }
|
|
158
158
|
|
|
159
|
-
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[
|
|
159
|
+
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; }
|
|
160
160
|
|
|
161
161
|
var getDefaultComponent = function getDefaultComponent(type) {
|
|
162
162
|
if (type === 'singleValue') return reactSelect.components.SingleValue;
|
|
@@ -185,10 +185,10 @@ var WrapperWithIcon = function WrapperWithIcon(_ref) {
|
|
|
185
185
|
};
|
|
186
186
|
|
|
187
187
|
WrapperWithIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
188
|
-
children: PropTypes__default[
|
|
189
|
-
type: PropTypes__default[
|
|
190
|
-
selectProps: PropTypes__default[
|
|
191
|
-
iconLeft: PropTypes__default[
|
|
188
|
+
children: PropTypes__default["default"].node,
|
|
189
|
+
type: PropTypes__default["default"].oneOf(['singleValue', 'placeholder']),
|
|
190
|
+
selectProps: PropTypes__default["default"].shape({
|
|
191
|
+
iconLeft: PropTypes__default["default"].node
|
|
192
192
|
})
|
|
193
193
|
} : {};
|
|
194
194
|
WrapperWithIcon.displayName = 'WrapperWithIcon';
|
|
@@ -215,21 +215,21 @@ var SELECT_DROPDOWN_OPTION_TYPES = {
|
|
|
215
215
|
MULTIPLE_PROPERTIES: 'multiple-properties'
|
|
216
216
|
};
|
|
217
217
|
|
|
218
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
218
|
+
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; }
|
|
219
219
|
|
|
220
|
-
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[
|
|
220
|
+
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; }
|
|
221
221
|
var MultiplePropertiesSelectInputOption = function MultiplePropertiesSelectInputOption(props) {
|
|
222
222
|
var data = props.data;
|
|
223
223
|
var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
224
224
|
return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props), {}, {
|
|
225
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
225
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
226
226
|
scale: "xs",
|
|
227
|
-
children: [jsxRuntime.jsx(Text__default[
|
|
227
|
+
children: [jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
228
228
|
isBold: true,
|
|
229
229
|
children: data.label || noValueFallback
|
|
230
|
-
}), jsxRuntime.jsxs(Text__default[
|
|
230
|
+
}), jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
231
231
|
children: ["Key: ", data.key || noValueFallback]
|
|
232
|
-
}), jsxRuntime.jsxs(Text__default[
|
|
232
|
+
}), jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
233
233
|
children: ["ID: ", data.id || noValueFallback]
|
|
234
234
|
})]
|
|
235
235
|
})
|
|
@@ -237,23 +237,23 @@ var MultiplePropertiesSelectInputOption = function MultiplePropertiesSelectInput
|
|
|
237
237
|
};
|
|
238
238
|
MultiplePropertiesSelectInputOption.displayName = 'MultiplePropertiesSelectInputOption';
|
|
239
239
|
MultiplePropertiesSelectInputOption.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
240
|
-
data: PropTypes__default[
|
|
241
|
-
label: PropTypes__default[
|
|
242
|
-
key: PropTypes__default[
|
|
243
|
-
id: PropTypes__default[
|
|
240
|
+
data: PropTypes__default["default"].shape({
|
|
241
|
+
label: PropTypes__default["default"].string,
|
|
242
|
+
key: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
|
|
243
|
+
id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
|
|
244
244
|
}),
|
|
245
|
-
noValueFallback: PropTypes__default[
|
|
245
|
+
noValueFallback: PropTypes__default["default"].string
|
|
246
246
|
} : {};
|
|
247
247
|
var DoublePropertySelectInputOption = function DoublePropertySelectInputOption(props) {
|
|
248
248
|
var data = props.data;
|
|
249
249
|
var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
250
250
|
return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props), {}, {
|
|
251
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
251
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
252
252
|
scale: "xs",
|
|
253
|
-
children: [jsxRuntime.jsx(Text__default[
|
|
253
|
+
children: [jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
254
254
|
isBold: true,
|
|
255
255
|
children: data.label || noValueFallback
|
|
256
|
-
}), jsxRuntime.jsxs(Text__default[
|
|
256
|
+
}), jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
257
257
|
children: ["Key: ", data.key || noValueFallback]
|
|
258
258
|
})]
|
|
259
259
|
})
|
|
@@ -261,11 +261,11 @@ var DoublePropertySelectInputOption = function DoublePropertySelectInputOption(p
|
|
|
261
261
|
};
|
|
262
262
|
DoublePropertySelectInputOption.displayName = 'DoublePropertySelectInputOption';
|
|
263
263
|
DoublePropertySelectInputOption.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
264
|
-
data: PropTypes__default[
|
|
265
|
-
label: PropTypes__default[
|
|
266
|
-
key: PropTypes__default[
|
|
264
|
+
data: PropTypes__default["default"].shape({
|
|
265
|
+
label: PropTypes__default["default"].string,
|
|
266
|
+
key: PropTypes__default["default"].string
|
|
267
267
|
}),
|
|
268
|
-
noValueFallback: PropTypes__default[
|
|
268
|
+
noValueFallback: PropTypes__default["default"].string
|
|
269
269
|
} : {};
|
|
270
270
|
var CustomSelectInputOption = function CustomSelectInputOption(props) {
|
|
271
271
|
var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
@@ -283,7 +283,7 @@ var CustomSelectInputOption = function CustomSelectInputOption(props) {
|
|
|
283
283
|
|
|
284
284
|
default:
|
|
285
285
|
return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props.optionInnerProps), {}, {
|
|
286
|
-
children: jsxRuntime.jsx(Text__default[
|
|
286
|
+
children: jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
287
287
|
children: props.optionInnerProps.data.label || noValueFallback
|
|
288
288
|
})
|
|
289
289
|
}));
|
|
@@ -291,13 +291,13 @@ var CustomSelectInputOption = function CustomSelectInputOption(props) {
|
|
|
291
291
|
};
|
|
292
292
|
CustomSelectInputOption.displayName = 'CustomSelectInputOption';
|
|
293
293
|
CustomSelectInputOption.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
294
|
-
optionType: PropTypes__default[
|
|
295
|
-
noValueFallback: PropTypes__default[
|
|
296
|
-
optionInnerProps: PropTypes__default[
|
|
297
|
-
data: PropTypes__default[
|
|
298
|
-
label: PropTypes__default[
|
|
299
|
-
key: PropTypes__default[
|
|
300
|
-
id: PropTypes__default[
|
|
294
|
+
optionType: PropTypes__default["default"].oneOf(_Object$values__default["default"](SELECT_DROPDOWN_OPTION_TYPES)),
|
|
295
|
+
noValueFallback: PropTypes__default["default"].string,
|
|
296
|
+
optionInnerProps: PropTypes__default["default"].shape({
|
|
297
|
+
data: PropTypes__default["default"].shape({
|
|
298
|
+
label: PropTypes__default["default"].string,
|
|
299
|
+
key: PropTypes__default["default"].string,
|
|
300
|
+
id: PropTypes__default["default"].string
|
|
301
301
|
})
|
|
302
302
|
}).isRequired
|
|
303
303
|
} : {};
|
|
@@ -330,9 +330,9 @@ var messages = reactIntl.defineMessages({
|
|
|
330
330
|
}
|
|
331
331
|
});
|
|
332
332
|
|
|
333
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
333
|
+
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; }
|
|
334
334
|
|
|
335
|
-
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[
|
|
335
|
+
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; }
|
|
336
336
|
|
|
337
337
|
var controlStyles = function controlStyles(props, theme) {
|
|
338
338
|
return function (base, state) {
|
|
@@ -359,7 +359,7 @@ var controlStyles = function controlStyles(props, theme) {
|
|
|
359
359
|
return 'pointer';
|
|
360
360
|
}(),
|
|
361
361
|
padding: "0 ".concat(overwrittenVars.spacingS),
|
|
362
|
-
transition: _concatInstanceProperty__default[
|
|
362
|
+
transition: _concatInstanceProperty__default["default"](_context = "border-color ".concat(overwrittenVars.transitionStandard, ",\n box-shadow ")).call(_context, overwrittenVars.transitionStandard),
|
|
363
363
|
outline: 0,
|
|
364
364
|
boxShadow: 'none',
|
|
365
365
|
'&:focus-within': {
|
|
@@ -460,7 +460,7 @@ var optionStyles = function optionStyles(props, theme) {
|
|
|
460
460
|
var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
|
|
461
461
|
|
|
462
462
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
463
|
-
transition: _concatInstanceProperty__default[
|
|
463
|
+
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),
|
|
464
464
|
paddingLeft: overwrittenVars.spacingS,
|
|
465
465
|
paddingRight: overwrittenVars.spacingS,
|
|
466
466
|
color: function () {
|
|
@@ -557,7 +557,7 @@ var groupHeadingStyles = function groupHeadingStyles(props, theme) {
|
|
|
557
557
|
textTransform: 'none',
|
|
558
558
|
fontWeight: 'bold',
|
|
559
559
|
margin: "0 ".concat(overwrittenVars.spacingXs),
|
|
560
|
-
padding: _concatInstanceProperty__default[
|
|
560
|
+
padding: _concatInstanceProperty__default["default"](_context4 = "".concat(overwrittenVars.spacingS, " ")).call(_context4, overwrittenVars.spacingXs),
|
|
561
561
|
'&:empty': {
|
|
562
562
|
padding: 0
|
|
563
563
|
}
|
|
@@ -622,8 +622,8 @@ var multiValueLabelStyles = function multiValueLabelStyles(props, theme) {
|
|
|
622
622
|
if (props.isReadOnly) return overwrittenVars[designSystem.designTokens.fontColorForInputWhenReadonly];
|
|
623
623
|
return base.color;
|
|
624
624
|
}(),
|
|
625
|
-
padding: _concatInstanceProperty__default[
|
|
626
|
-
borderRadius: _concatInstanceProperty__default[
|
|
625
|
+
padding: _concatInstanceProperty__default["default"](_context5 = "".concat(overwrittenVars.spacingXs, " ")).call(_context5, overwrittenVars.spacingS),
|
|
626
|
+
borderRadius: _concatInstanceProperty__default["default"](_context6 = "".concat(overwrittenVars.borderRadiusForTag, " 0 0 ")).call(_context6, overwrittenVars.borderRadiusForTag),
|
|
627
627
|
border: "1px ".concat(overwrittenVars[designSystem.designTokens.borderColorForTag], " solid"),
|
|
628
628
|
borderWidth: '1px 0 1px 1px',
|
|
629
629
|
'&:last-child': {
|
|
@@ -643,7 +643,7 @@ var multiValueRemoveStyles = function multiValueRemoveStyles(props, theme) {
|
|
|
643
643
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
644
644
|
borderColor: overwrittenVars[designSystem.designTokens.borderColorForTag],
|
|
645
645
|
padding: "0 ".concat(overwrittenVars.spacingXs),
|
|
646
|
-
borderRadius: _concatInstanceProperty__default[
|
|
646
|
+
borderRadius: _concatInstanceProperty__default["default"](_context7 = "0 ".concat(overwrittenVars[designSystem.designTokens.borderRadiusForTag], " ")).call(_context7, overwrittenVars[designSystem.designTokens.borderRadiusForTag], " 0"),
|
|
647
647
|
borderStyle: 'solid',
|
|
648
648
|
borderWidth: '1px',
|
|
649
649
|
pointerEvents: state.isDisabled || props.isReadOnly ? 'none' : base.pointerEvents,
|
|
@@ -685,8 +685,8 @@ function createSelectStyles(props, theme) {
|
|
|
685
685
|
};
|
|
686
686
|
}
|
|
687
687
|
|
|
688
|
-
// NOTE: This string will be replaced
|
|
689
|
-
var version =
|
|
688
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
689
|
+
var version = "12.2.7";
|
|
690
690
|
|
|
691
691
|
exports.ClearIndicator = ClearIndicator$1;
|
|
692
692
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -53,9 +53,9 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
53
53
|
|
|
54
54
|
var _excluded$1 = ["ref"];
|
|
55
55
|
|
|
56
|
-
function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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
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[
|
|
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; }
|
|
59
59
|
|
|
60
60
|
var ClearIndicator = function ClearIndicator(props) {
|
|
61
61
|
var intl = reactIntl.useIntl();
|
|
@@ -82,17 +82,17 @@ ClearIndicator.displayName = 'ClearIndicator';
|
|
|
82
82
|
ClearIndicator.propTypes = {};
|
|
83
83
|
var ClearIndicator$1 = ClearIndicator;
|
|
84
84
|
|
|
85
|
-
function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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; }
|
|
86
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[
|
|
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; }
|
|
88
88
|
var removeProps = ['onClick', 'onTouchEnd', 'onMouseDown'];
|
|
89
89
|
|
|
90
90
|
var TagRemove = function TagRemove(props) {
|
|
91
91
|
var isDisabled = Boolean(props.selectProps.isDisabled || props.selectProps.isReadOnly); // when the select input is disabled,
|
|
92
92
|
// we don't want to spread the removeProp event handlers
|
|
93
93
|
|
|
94
|
-
var innerProps = isDisabled ? omit__default[
|
|
95
|
-
return jsxRuntime.jsx(AccessibleButton__default[
|
|
94
|
+
var innerProps = isDisabled ? omit__default["default"](props.innerProps, removeProps) : props.innerProps;
|
|
95
|
+
return jsxRuntime.jsx(AccessibleButton__default["default"], _objectSpread$5(_objectSpread$5({
|
|
96
96
|
label: "Remove"
|
|
97
97
|
}, innerProps), {}, {
|
|
98
98
|
children: jsxRuntime.jsx(icons.CloseBoldIcon, {
|
|
@@ -106,9 +106,9 @@ TagRemove.displayName = 'TagRemove';
|
|
|
106
106
|
TagRemove.propTypes = {};
|
|
107
107
|
var TagRemove$1 = TagRemove;
|
|
108
108
|
|
|
109
|
-
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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
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[
|
|
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; }
|
|
112
112
|
|
|
113
113
|
var DropdownIndicator = function DropdownIndicator(props) {
|
|
114
114
|
return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
@@ -123,9 +123,9 @@ DropdownIndicator.displayName = 'DropdownIndicator';
|
|
|
123
123
|
DropdownIndicator.propTypes = {};
|
|
124
124
|
var DropdownIndicator$1 = DropdownIndicator;
|
|
125
125
|
|
|
126
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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
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[
|
|
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; }
|
|
129
129
|
|
|
130
130
|
var SearchIconDropdownIndicator = function SearchIconDropdownIndicator(props) {
|
|
131
131
|
return jsxRuntime.jsx(reactSelect.components.DropdownIndicator, _objectSpread$3(_objectSpread$3({}, props), {}, {
|
|
@@ -141,9 +141,9 @@ var SearchIconDropdownIndicator$1 = SearchIconDropdownIndicator;
|
|
|
141
141
|
|
|
142
142
|
var _excluded = ["children"];
|
|
143
143
|
|
|
144
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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
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[
|
|
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; }
|
|
147
147
|
|
|
148
148
|
var getDefaultComponent = function getDefaultComponent(type) {
|
|
149
149
|
if (type === 'singleValue') return reactSelect.components.SingleValue;
|
|
@@ -196,21 +196,21 @@ var SELECT_DROPDOWN_OPTION_TYPES = {
|
|
|
196
196
|
MULTIPLE_PROPERTIES: 'multiple-properties'
|
|
197
197
|
};
|
|
198
198
|
|
|
199
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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
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[
|
|
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; }
|
|
202
202
|
var MultiplePropertiesSelectInputOption = function MultiplePropertiesSelectInputOption(props) {
|
|
203
203
|
var data = props.data;
|
|
204
204
|
var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
205
205
|
return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props), {}, {
|
|
206
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
206
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
207
207
|
scale: "xs",
|
|
208
|
-
children: [jsxRuntime.jsx(Text__default[
|
|
208
|
+
children: [jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
209
209
|
isBold: true,
|
|
210
210
|
children: data.label || noValueFallback
|
|
211
|
-
}), jsxRuntime.jsxs(Text__default[
|
|
211
|
+
}), jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
212
212
|
children: ["Key: ", data.key || noValueFallback]
|
|
213
|
-
}), jsxRuntime.jsxs(Text__default[
|
|
213
|
+
}), jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
214
214
|
children: ["ID: ", data.id || noValueFallback]
|
|
215
215
|
})]
|
|
216
216
|
})
|
|
@@ -222,12 +222,12 @@ var DoublePropertySelectInputOption = function DoublePropertySelectInputOption(p
|
|
|
222
222
|
var data = props.data;
|
|
223
223
|
var noValueFallback = props.noValueFallback || NO_VALUE_FALLBACK;
|
|
224
224
|
return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props), {}, {
|
|
225
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
225
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
226
226
|
scale: "xs",
|
|
227
|
-
children: [jsxRuntime.jsx(Text__default[
|
|
227
|
+
children: [jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
228
228
|
isBold: true,
|
|
229
229
|
children: data.label || noValueFallback
|
|
230
|
-
}), jsxRuntime.jsxs(Text__default[
|
|
230
|
+
}), jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
231
231
|
children: ["Key: ", data.key || noValueFallback]
|
|
232
232
|
})]
|
|
233
233
|
})
|
|
@@ -251,7 +251,7 @@ var CustomSelectInputOption = function CustomSelectInputOption(props) {
|
|
|
251
251
|
|
|
252
252
|
default:
|
|
253
253
|
return jsxRuntime.jsx(reactSelect.components.Option, _objectSpread$1(_objectSpread$1({}, props.optionInnerProps), {}, {
|
|
254
|
-
children: jsxRuntime.jsx(Text__default[
|
|
254
|
+
children: jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
255
255
|
children: props.optionInnerProps.data.label || noValueFallback
|
|
256
256
|
})
|
|
257
257
|
}));
|
|
@@ -288,9 +288,9 @@ var messages = reactIntl.defineMessages({
|
|
|
288
288
|
}
|
|
289
289
|
});
|
|
290
290
|
|
|
291
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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; }
|
|
292
292
|
|
|
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[
|
|
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; }
|
|
294
294
|
|
|
295
295
|
var controlStyles = function controlStyles(props, theme) {
|
|
296
296
|
return function (base, state) {
|
|
@@ -317,7 +317,7 @@ var controlStyles = function controlStyles(props, theme) {
|
|
|
317
317
|
return 'pointer';
|
|
318
318
|
}(),
|
|
319
319
|
padding: "0 ".concat(overwrittenVars.spacingS),
|
|
320
|
-
transition: _concatInstanceProperty__default[
|
|
320
|
+
transition: _concatInstanceProperty__default["default"](_context = "border-color ".concat(overwrittenVars.transitionStandard, ",\n box-shadow ")).call(_context, overwrittenVars.transitionStandard),
|
|
321
321
|
outline: 0,
|
|
322
322
|
boxShadow: 'none',
|
|
323
323
|
'&:focus-within': {
|
|
@@ -418,7 +418,7 @@ var optionStyles = function optionStyles(props, theme) {
|
|
|
418
418
|
var overwrittenVars = _objectSpread(_objectSpread({}, designSystem.customProperties), theme);
|
|
419
419
|
|
|
420
420
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
421
|
-
transition: _concatInstanceProperty__default[
|
|
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),
|
|
422
422
|
paddingLeft: overwrittenVars.spacingS,
|
|
423
423
|
paddingRight: overwrittenVars.spacingS,
|
|
424
424
|
color: function () {
|
|
@@ -515,7 +515,7 @@ var groupHeadingStyles = function groupHeadingStyles(props, theme) {
|
|
|
515
515
|
textTransform: 'none',
|
|
516
516
|
fontWeight: 'bold',
|
|
517
517
|
margin: "0 ".concat(overwrittenVars.spacingXs),
|
|
518
|
-
padding: _concatInstanceProperty__default[
|
|
518
|
+
padding: _concatInstanceProperty__default["default"](_context4 = "".concat(overwrittenVars.spacingS, " ")).call(_context4, overwrittenVars.spacingXs),
|
|
519
519
|
'&:empty': {
|
|
520
520
|
padding: 0
|
|
521
521
|
}
|
|
@@ -580,8 +580,8 @@ var multiValueLabelStyles = function multiValueLabelStyles(props, theme) {
|
|
|
580
580
|
if (props.isReadOnly) return overwrittenVars[designSystem.designTokens.fontColorForInputWhenReadonly];
|
|
581
581
|
return base.color;
|
|
582
582
|
}(),
|
|
583
|
-
padding: _concatInstanceProperty__default[
|
|
584
|
-
borderRadius: _concatInstanceProperty__default[
|
|
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),
|
|
585
585
|
border: "1px ".concat(overwrittenVars[designSystem.designTokens.borderColorForTag], " solid"),
|
|
586
586
|
borderWidth: '1px 0 1px 1px',
|
|
587
587
|
'&:last-child': {
|
|
@@ -601,7 +601,7 @@ var multiValueRemoveStyles = function multiValueRemoveStyles(props, theme) {
|
|
|
601
601
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
602
602
|
borderColor: overwrittenVars[designSystem.designTokens.borderColorForTag],
|
|
603
603
|
padding: "0 ".concat(overwrittenVars.spacingXs),
|
|
604
|
-
borderRadius: _concatInstanceProperty__default[
|
|
604
|
+
borderRadius: _concatInstanceProperty__default["default"](_context7 = "0 ".concat(overwrittenVars[designSystem.designTokens.borderRadiusForTag], " ")).call(_context7, overwrittenVars[designSystem.designTokens.borderRadiusForTag], " 0"),
|
|
605
605
|
borderStyle: 'solid',
|
|
606
606
|
borderWidth: '1px',
|
|
607
607
|
pointerEvents: state.isDisabled || props.isReadOnly ? 'none' : base.pointerEvents,
|
|
@@ -643,8 +643,8 @@ function createSelectStyles(props, theme) {
|
|
|
643
643
|
};
|
|
644
644
|
}
|
|
645
645
|
|
|
646
|
-
// NOTE: This string will be replaced
|
|
647
|
-
var version =
|
|
646
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
647
|
+
var version = "12.2.7";
|
|
648
648
|
|
|
649
649
|
exports.ClearIndicator = ClearIndicator$1;
|
|
650
650
|
exports.CustomSelectInputOption = CustomSelectInputOption;
|
|
@@ -663,7 +663,7 @@ function createSelectStyles(props, theme) {
|
|
|
663
663
|
};
|
|
664
664
|
}
|
|
665
665
|
|
|
666
|
-
// NOTE: This string will be replaced
|
|
667
|
-
var version =
|
|
666
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
667
|
+
var version = "12.2.7";
|
|
668
668
|
|
|
669
669
|
export { ClearIndicator$1 as ClearIndicator, CustomSelectInputOption, DoublePropertySelectInputOption, DropdownIndicator$1 as DropdownIndicator, MultiplePropertiesSelectInputOption, SELECT_DROPDOWN_OPTION_TYPES, SearchIconDropdownIndicator$1 as SearchIconDropdownIndicator, TagRemove$1 as TagRemove, WrapperWithIcon$1 as ValueWrapperWithIcon, createSelectStyles, customComponents as customComponentsWithIcons, messages, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/select-utils",
|
|
3
3
|
"description": "Utilities for working with select components.",
|
|
4
|
-
"version": "12.2.
|
|
4
|
+
"version": "12.2.7",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,18 +18,15 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-select-utils.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-select-utils.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/accessible-button": "12.2.
|
|
29
|
-
"@commercetools-uikit/design-system": "12.2.
|
|
30
|
-
"@commercetools-uikit/icons": "12.2.
|
|
31
|
-
"@commercetools-uikit/spacings": "12.2.
|
|
32
|
-
"@commercetools-uikit/text": "12.2.
|
|
33
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.16.3",
|
|
23
|
+
"@babel/runtime-corejs3": "7.16.3",
|
|
24
|
+
"@commercetools-uikit/accessible-button": "12.2.5",
|
|
25
|
+
"@commercetools-uikit/design-system": "12.2.5",
|
|
26
|
+
"@commercetools-uikit/icons": "12.2.7",
|
|
27
|
+
"@commercetools-uikit/spacings": "12.2.5",
|
|
28
|
+
"@commercetools-uikit/text": "12.2.5",
|
|
29
|
+
"@commercetools-uikit/utils": "12.2.5",
|
|
34
30
|
"@emotion/react": "^11.4.0",
|
|
35
31
|
"@emotion/styled": "^11.3.0",
|
|
36
32
|
"lodash": "4.17.21",
|
|
@@ -39,7 +35,7 @@
|
|
|
39
35
|
},
|
|
40
36
|
"devDependencies": {
|
|
41
37
|
"react": "17.0.2",
|
|
42
|
-
"react-intl": "5.
|
|
38
|
+
"react-intl": "5.21.2"
|
|
43
39
|
},
|
|
44
40
|
"peerDependencies": {
|
|
45
41
|
"react": "17.x",
|