@commercetools-uikit/selectable-search-input 17.0.0 → 17.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/commercetools-uikit-selectable-search-input.cjs.d.ts +1 -1
- package/dist/commercetools-uikit-selectable-search-input.cjs.dev.js +8 -8
- package/dist/commercetools-uikit-selectable-search-input.cjs.prod.js +8 -8
- package/dist/commercetools-uikit-selectable-search-input.esm.js +8 -8
- package/package.json +9 -9
- package/dist/commercetools-uikit-selectable-search-input.cjs.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -89,8 +89,8 @@ export default Example;
|
|
|
89
89
|
| `closeMenuOnSelect` | `ReactSelectProps['closeMenuOnSelect']` | | | Whether the menu should close after a value is selected. Defaults to `true`.
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
90
90
|
| `menuHorizontalConstraint` | `union`<br/>Possible values:<br/>`3 , 4 , 5` | | `3` | Horizontal size limit for the dropdown menu. |
|
|
91
91
|
| `showSubmitButton` | `boolean` | | `true` | Show submit button in the input |
|
|
92
|
-
| `selectDataProps` | `Record
|
|
93
|
-
| `inputDataProps` | `Record
|
|
92
|
+
| `selectDataProps` | `Record` | | | used to pass data-\* props to the select component.
eg: selectDataProps={\[{ 'prop-1': 'value-1' }, { 'prop-2': 'value-2' }]} |
|
|
93
|
+
| `inputDataProps` | `Record` | | | used to pass data-\* props to the input element.
eg: inputDataProps={\[{ 'prop-1': 'value-1' }, { 'prop-2': 'value-2' }]} |
|
|
94
94
|
|
|
95
95
|
## Signatures
|
|
96
96
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export * from "./declarations/src/index";
|
|
2
2
|
export { default } from "./declarations/src/index";
|
|
3
|
-
//# sourceMappingURL=
|
|
3
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy11aWtpdC1zZWxlY3RhYmxlLXNlYXJjaC1pbnB1dC5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4vZGVjbGFyYXRpb25zL3NyYy9pbmRleC5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=
|
|
@@ -57,8 +57,8 @@ var SecondaryIconButton__default = /*#__PURE__*/_interopDefault(SecondaryIconBut
|
|
|
57
57
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
58
58
|
var Select__default = /*#__PURE__*/_interopDefault(Select);
|
|
59
59
|
|
|
60
|
-
function ownKeys$2(
|
|
61
|
-
function _objectSpread$2(
|
|
60
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
61
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
62
62
|
const getInputContainerBorderColor = function (props) {
|
|
63
63
|
let defaultColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : designSystem.designTokens.borderColorForInput;
|
|
64
64
|
if (props.isDisabled) {
|
|
@@ -188,8 +188,8 @@ const createSelectableSelectStyles = _ref => {
|
|
|
188
188
|
};
|
|
189
189
|
|
|
190
190
|
const _excluded = ["id", "dataProps"];
|
|
191
|
-
function ownKeys$1(
|
|
192
|
-
function _objectSpread$1(
|
|
191
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
192
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
193
193
|
const SingleValue = _ref => {
|
|
194
194
|
let id = _ref.id,
|
|
195
195
|
dataProps = _ref.dataProps,
|
|
@@ -232,7 +232,7 @@ const SelectableSelect = props => {
|
|
|
232
232
|
}
|
|
233
233
|
});
|
|
234
234
|
}
|
|
235
|
-
(_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0
|
|
235
|
+
(_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 || _textInputRef$current.focus();
|
|
236
236
|
}, [onChange, id, name, textInputRef]);
|
|
237
237
|
return jsxRuntime.jsx(Select__default["default"], {
|
|
238
238
|
inputId: props.id,
|
|
@@ -277,8 +277,8 @@ SelectableSelect.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
277
277
|
} : {};
|
|
278
278
|
var SelectableSelect$1 = SelectableSelect;
|
|
279
279
|
|
|
280
|
-
function ownKeys(
|
|
281
|
-
function _objectSpread(
|
|
280
|
+
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
281
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
282
282
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
283
283
|
const Container = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
284
284
|
target: "encv1cf0"
|
|
@@ -553,7 +553,7 @@ SelectableSearchInput.getDropdownId = getDropdownName;
|
|
|
553
553
|
var SelectableSearchInput$1 = SelectableSearchInput;
|
|
554
554
|
|
|
555
555
|
// NOTE: This string will be replaced on build time with the package version.
|
|
556
|
-
var version = "17.
|
|
556
|
+
var version = "17.1.0";
|
|
557
557
|
|
|
558
558
|
exports["default"] = SelectableSearchInput$1;
|
|
559
559
|
exports.version = version;
|
|
@@ -56,8 +56,8 @@ var SecondaryIconButton__default = /*#__PURE__*/_interopDefault(SecondaryIconBut
|
|
|
56
56
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
57
57
|
var Select__default = /*#__PURE__*/_interopDefault(Select);
|
|
58
58
|
|
|
59
|
-
function ownKeys$2(
|
|
60
|
-
function _objectSpread$2(
|
|
59
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
60
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
61
61
|
const getInputContainerBorderColor = function (props) {
|
|
62
62
|
let defaultColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : designSystem.designTokens.borderColorForInput;
|
|
63
63
|
if (props.isDisabled) {
|
|
@@ -187,8 +187,8 @@ const createSelectableSelectStyles = _ref => {
|
|
|
187
187
|
};
|
|
188
188
|
|
|
189
189
|
const _excluded = ["id", "dataProps"];
|
|
190
|
-
function ownKeys$1(
|
|
191
|
-
function _objectSpread$1(
|
|
190
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
191
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
192
192
|
const SingleValue = _ref => {
|
|
193
193
|
let id = _ref.id,
|
|
194
194
|
dataProps = _ref.dataProps,
|
|
@@ -227,7 +227,7 @@ const SelectableSelect = props => {
|
|
|
227
227
|
}
|
|
228
228
|
});
|
|
229
229
|
}
|
|
230
|
-
(_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0
|
|
230
|
+
(_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 || _textInputRef$current.focus();
|
|
231
231
|
}, [onChange, id, name, textInputRef]);
|
|
232
232
|
return jsxRuntime.jsx(Select__default["default"], {
|
|
233
233
|
inputId: props.id,
|
|
@@ -265,8 +265,8 @@ const SelectableSelect = props => {
|
|
|
265
265
|
SelectableSelect.propTypes = {};
|
|
266
266
|
var SelectableSelect$1 = SelectableSelect;
|
|
267
267
|
|
|
268
|
-
function ownKeys(
|
|
269
|
-
function _objectSpread(
|
|
268
|
+
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
269
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
270
270
|
const Container = /*#__PURE__*/_styled__default["default"]("div", {
|
|
271
271
|
target: "encv1cf0"
|
|
272
272
|
} )({
|
|
@@ -493,7 +493,7 @@ SelectableSearchInput.getDropdownId = getDropdownName;
|
|
|
493
493
|
var SelectableSearchInput$1 = SelectableSearchInput;
|
|
494
494
|
|
|
495
495
|
// NOTE: This string will be replaced on build time with the package version.
|
|
496
|
-
var version = "17.
|
|
496
|
+
var version = "17.1.0";
|
|
497
497
|
|
|
498
498
|
exports["default"] = SelectableSearchInput$1;
|
|
499
499
|
exports.version = version;
|
|
@@ -31,8 +31,8 @@ import Select, { components } from 'react-select';
|
|
|
31
31
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
32
32
|
import { useToggleState, useFieldId } from '@commercetools-uikit/hooks';
|
|
33
33
|
|
|
34
|
-
function ownKeys$2(
|
|
35
|
-
function _objectSpread$2(
|
|
34
|
+
function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
35
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
36
36
|
const getInputContainerBorderColor = function (props) {
|
|
37
37
|
let defaultColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : designTokens.borderColorForInput;
|
|
38
38
|
if (props.isDisabled) {
|
|
@@ -162,8 +162,8 @@ const createSelectableSelectStyles = _ref => {
|
|
|
162
162
|
};
|
|
163
163
|
|
|
164
164
|
const _excluded = ["id", "dataProps"];
|
|
165
|
-
function ownKeys$1(
|
|
166
|
-
function _objectSpread$1(
|
|
165
|
+
function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
166
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
167
167
|
const SingleValue = _ref => {
|
|
168
168
|
let id = _ref.id,
|
|
169
169
|
dataProps = _ref.dataProps,
|
|
@@ -206,7 +206,7 @@ const SelectableSelect = props => {
|
|
|
206
206
|
}
|
|
207
207
|
});
|
|
208
208
|
}
|
|
209
|
-
(_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0
|
|
209
|
+
(_textInputRef$current = textInputRef.current) === null || _textInputRef$current === void 0 || _textInputRef$current.focus();
|
|
210
210
|
}, [onChange, id, name, textInputRef]);
|
|
211
211
|
return jsx(Select, {
|
|
212
212
|
inputId: props.id,
|
|
@@ -251,8 +251,8 @@ SelectableSelect.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
251
251
|
} : {};
|
|
252
252
|
var SelectableSelect$1 = SelectableSelect;
|
|
253
253
|
|
|
254
|
-
function ownKeys(
|
|
255
|
-
function _objectSpread(
|
|
254
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
255
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
256
256
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
257
257
|
const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
258
258
|
target: "encv1cf0"
|
|
@@ -527,6 +527,6 @@ SelectableSearchInput.getDropdownId = getDropdownName;
|
|
|
527
527
|
var SelectableSearchInput$1 = SelectableSearchInput;
|
|
528
528
|
|
|
529
529
|
// NOTE: This string will be replaced on build time with the package version.
|
|
530
|
-
var version = "17.
|
|
530
|
+
var version = "17.1.0";
|
|
531
531
|
|
|
532
532
|
export { SelectableSearchInput$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/selectable-search-input",
|
|
3
3
|
"description": "A controlled selectable search input component for single-line strings with validation states.",
|
|
4
|
-
"version": "17.
|
|
4
|
+
"version": "17.1.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "17.
|
|
25
|
-
"@commercetools-uikit/design-system": "17.
|
|
26
|
-
"@commercetools-uikit/hooks": "17.
|
|
27
|
-
"@commercetools-uikit/icons": "17.
|
|
28
|
-
"@commercetools-uikit/input-utils": "17.
|
|
29
|
-
"@commercetools-uikit/secondary-icon-button": "17.
|
|
30
|
-
"@commercetools-uikit/select-utils": "17.
|
|
31
|
-
"@commercetools-uikit/utils": "17.
|
|
24
|
+
"@commercetools-uikit/constraints": "17.1.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "17.1.0",
|
|
26
|
+
"@commercetools-uikit/hooks": "17.1.0",
|
|
27
|
+
"@commercetools-uikit/icons": "17.1.0",
|
|
28
|
+
"@commercetools-uikit/input-utils": "17.1.0",
|
|
29
|
+
"@commercetools-uikit/secondary-icon-button": "17.1.0",
|
|
30
|
+
"@commercetools-uikit/select-utils": "17.1.0",
|
|
31
|
+
"@commercetools-uikit/utils": "17.1.0",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"lodash": "4.17.21",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"commercetools-uikit-selectable-search-input.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|