@commercetools-uikit/search-select-input 19.2.0 → 19.3.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 +1 -0
- package/dist/commercetools-uikit-search-select-input.cjs.dev.js +4 -2
- package/dist/commercetools-uikit-search-select-input.cjs.prod.js +2 -1
- package/dist/commercetools-uikit-search-select-input.esm.js +4 -2
- package/dist/declarations/src/search-select-input.d.ts +1 -0
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -81,6 +81,7 @@ export default Example;
|
|
|
81
81
|
| `isReadOnly` | `boolean` | | | Is the select read-only |
|
|
82
82
|
| `isDisabled` | `boolean` | | | Is the select disabled |
|
|
83
83
|
| `isClearable` | `boolean` | | | Is the select value clearable |
|
|
84
|
+
| `isCondensed` | `boolean` | | | Whether the input and options are rendered with condensed paddings |
|
|
84
85
|
| `isOptionDisabled` | `AsyncProps['isOptionDisabled']` | | | Override the built-in logic to detect whether an option is disabled
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
85
86
|
| `isMulti` | `AsyncProps['isMulti']` | | | Support multiple selected options
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
86
87
|
| `isAutofocussed` | `boolean` | | | Focus the control when it is mounted. Renamed autoFocus of react-select |
|
|
@@ -63,7 +63,7 @@ const SearchSelectInputWrapper = /*#__PURE__*/_styled__default["default"]("div",
|
|
|
63
63
|
})(props => {
|
|
64
64
|
var _context;
|
|
65
65
|
return !props.isDisabled && !props.isReadOnly ? _concatInstanceProperty__default["default"](_context = "div[class$='control'] {\n &:hover {\n cursor: text;\n }\n div[class$='indicatorContainer' i] {\n cursor: pointer;\n svg * {\n fill: ".concat(designSystem.designTokens.colorNeutral60, ";\n }\n :hover svg * {\n fill: ")).call(_context, designSystem.designTokens.colorPrimary, ";\n }\n }\n }") : '';
|
|
66
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
66
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9DIiwiZmlsZSI6InNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydCAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWFyY2hTZWxlY3RJbnB1dFByb3BzIH0gZnJvbSAnLi9zZWFyY2gtc2VsZWN0LWlucHV0JztcblxuY29uc3QgU2VhcmNoU2VsZWN0SW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgUGljazxUU2VhcmNoU2VsZWN0SW5wdXRQcm9wcywgJ2lzRGlzYWJsZWQnIHwgJ2lzUmVhZE9ubHknIHwgJ2lzQ29uZGVuc2VkJz5cbj5gXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc0Rpc2FibGVkICYmICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGBkaXZbY2xhc3MkPSdjb250cm9sJ10ge1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IHRleHQ7XG4gICAgICAgIH1cbiAgICAgICAgZGl2W2NsYXNzJD0naW5kaWNhdG9yQ29udGFpbmVyJyBpXSB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgOmhvdmVyIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9YFxuICAgICAgOiAnJ31cbmA7XG5cbmV4cG9ydCB7IFNlYXJjaFNlbGVjdElucHV0V3JhcHBlciB9O1xuIl19 */"));
|
|
67
67
|
|
|
68
68
|
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; }
|
|
69
69
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
@@ -98,6 +98,7 @@ const SearchSelectInput = props => {
|
|
|
98
98
|
return jsxRuntime.jsx(SearchSelectInputWrapper, {
|
|
99
99
|
isDisabled: props.isDisabled,
|
|
100
100
|
isReadOnly: props.isReadOnly,
|
|
101
|
+
isCondensed: props.isCondensed,
|
|
101
102
|
children: jsxRuntime.jsx(AsyncSelectInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
|
|
102
103
|
components: components,
|
|
103
104
|
placeholder: placeholder,
|
|
@@ -116,6 +117,7 @@ SearchSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
116
117
|
isReadOnly: _pt__default["default"].bool,
|
|
117
118
|
isDisabled: _pt__default["default"].bool,
|
|
118
119
|
isClearable: _pt__default["default"].bool,
|
|
120
|
+
isCondensed: _pt__default["default"].bool,
|
|
119
121
|
isAutofocussed: _pt__default["default"].bool,
|
|
120
122
|
menuPortalZIndex: _pt__default["default"].number.isRequired,
|
|
121
123
|
showOptionGroupDivider: _pt__default["default"].bool,
|
|
@@ -130,7 +132,7 @@ SearchSelectInput.displayName = 'SearchSelectInput';
|
|
|
130
132
|
var SearchSelectInput$1 = SearchSelectInput;
|
|
131
133
|
|
|
132
134
|
// NOTE: This string will be replaced on build time with the package version.
|
|
133
|
-
var version = "19.
|
|
135
|
+
var version = "19.3.0";
|
|
134
136
|
|
|
135
137
|
exports["default"] = SearchSelectInput$1;
|
|
136
138
|
exports.version = version;
|
|
@@ -92,6 +92,7 @@ const SearchSelectInput = props => {
|
|
|
92
92
|
return jsxRuntime.jsx(SearchSelectInputWrapper, {
|
|
93
93
|
isDisabled: props.isDisabled,
|
|
94
94
|
isReadOnly: props.isReadOnly,
|
|
95
|
+
isCondensed: props.isCondensed,
|
|
95
96
|
children: jsxRuntime.jsx(AsyncSelectInput__default["default"], _objectSpread(_objectSpread({}, props), {}, {
|
|
96
97
|
components: components,
|
|
97
98
|
placeholder: placeholder,
|
|
@@ -109,7 +110,7 @@ SearchSelectInput.displayName = 'SearchSelectInput';
|
|
|
109
110
|
var SearchSelectInput$1 = SearchSelectInput;
|
|
110
111
|
|
|
111
112
|
// NOTE: This string will be replaced on build time with the package version.
|
|
112
|
-
var version = "19.
|
|
113
|
+
var version = "19.3.0";
|
|
113
114
|
|
|
114
115
|
exports["default"] = SearchSelectInput$1;
|
|
115
116
|
exports.version = version;
|
|
@@ -44,7 +44,7 @@ const SearchSelectInputWrapper = /*#__PURE__*/_styled("div", process.env.NODE_EN
|
|
|
44
44
|
})(props => {
|
|
45
45
|
var _context;
|
|
46
46
|
return !props.isDisabled && !props.isReadOnly ? _concatInstanceProperty(_context = "div[class$='control'] {\n &:hover {\n cursor: text;\n }\n div[class$='indicatorContainer' i] {\n cursor: pointer;\n svg * {\n fill: ".concat(designTokens.colorNeutral60, ";\n }\n :hover svg * {\n fill: ")).call(_context, designTokens.colorPrimary, ";\n }\n }\n }") : '';
|
|
47
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
47
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9DIiwiZmlsZSI6InNlYXJjaC1zZWxlY3QtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydCAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTZWFyY2hTZWxlY3RJbnB1dFByb3BzIH0gZnJvbSAnLi9zZWFyY2gtc2VsZWN0LWlucHV0JztcblxuY29uc3QgU2VhcmNoU2VsZWN0SW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxcbiAgUGljazxUU2VhcmNoU2VsZWN0SW5wdXRQcm9wcywgJ2lzRGlzYWJsZWQnIHwgJ2lzUmVhZE9ubHknIHwgJ2lzQ29uZGVuc2VkJz5cbj5gXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc0Rpc2FibGVkICYmICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGBkaXZbY2xhc3MkPSdjb250cm9sJ10ge1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IHRleHQ7XG4gICAgICAgIH1cbiAgICAgICAgZGl2W2NsYXNzJD0naW5kaWNhdG9yQ29udGFpbmVyJyBpXSB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgOmhvdmVyIHN2ZyAqIHtcbiAgICAgICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeX07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9YFxuICAgICAgOiAnJ31cbmA7XG5cbmV4cG9ydCB7IFNlYXJjaFNlbGVjdElucHV0V3JhcHBlciB9O1xuIl19 */"));
|
|
48
48
|
|
|
49
49
|
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; }
|
|
50
50
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -79,6 +79,7 @@ const SearchSelectInput = props => {
|
|
|
79
79
|
return jsx(SearchSelectInputWrapper, {
|
|
80
80
|
isDisabled: props.isDisabled,
|
|
81
81
|
isReadOnly: props.isReadOnly,
|
|
82
|
+
isCondensed: props.isCondensed,
|
|
82
83
|
children: jsx(AsyncSelectInput, _objectSpread(_objectSpread({}, props), {}, {
|
|
83
84
|
components: components,
|
|
84
85
|
placeholder: placeholder,
|
|
@@ -97,6 +98,7 @@ SearchSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
97
98
|
isReadOnly: _pt.bool,
|
|
98
99
|
isDisabled: _pt.bool,
|
|
99
100
|
isClearable: _pt.bool,
|
|
101
|
+
isCondensed: _pt.bool,
|
|
100
102
|
isAutofocussed: _pt.bool,
|
|
101
103
|
menuPortalZIndex: _pt.number.isRequired,
|
|
102
104
|
showOptionGroupDivider: _pt.bool,
|
|
@@ -111,6 +113,6 @@ SearchSelectInput.displayName = 'SearchSelectInput';
|
|
|
111
113
|
var SearchSelectInput$1 = SearchSelectInput;
|
|
112
114
|
|
|
113
115
|
// NOTE: This string will be replaced on build time with the package version.
|
|
114
|
-
var version = "19.
|
|
116
|
+
var version = "19.3.0";
|
|
115
117
|
|
|
116
118
|
export { SearchSelectInput$1 as default, version };
|
|
@@ -30,6 +30,7 @@ export type TSearchSelectInputProps = {
|
|
|
30
30
|
isReadOnly?: boolean;
|
|
31
31
|
isDisabled?: boolean;
|
|
32
32
|
isClearable?: boolean;
|
|
33
|
+
isCondensed?: boolean;
|
|
33
34
|
isOptionDisabled?: ReactSelectAsyncProps['isOptionDisabled'];
|
|
34
35
|
isMulti?: ReactSelectAsyncProps['isMulti'];
|
|
35
36
|
isAutofocussed?: boolean;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/search-select-input",
|
|
3
3
|
"description": "A search select input component built on top of `@commercetools-uikit/async-select-input` to asynchronously load results (options) using the keyword that the user has entered.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.3.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/async-select-input": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/select-utils": "19.
|
|
27
|
-
"@commercetools-uikit/spacings": "19.
|
|
28
|
-
"@commercetools-uikit/text": "19.
|
|
29
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/async-select-input": "19.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.3.0",
|
|
26
|
+
"@commercetools-uikit/select-utils": "19.3.0",
|
|
27
|
+
"@commercetools-uikit/spacings": "19.3.0",
|
|
28
|
+
"@commercetools-uikit/text": "19.3.0",
|
|
29
|
+
"@commercetools-uikit/utils": "19.3.0",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"@emotion/styled": "^11.10.5",
|
|
32
32
|
"prop-types": "15.8.1"
|