@commercetools-uikit/search-select-field 19.1.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-field.cjs.dev.js +4 -3
- package/dist/commercetools-uikit-search-select-field.cjs.prod.js +2 -1
- package/dist/commercetools-uikit-search-select-field.esm.js +4 -3
- package/dist/declarations/src/search-select-field.d.ts +1 -0
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -102,6 +102,7 @@ export default Example;
|
|
|
102
102
|
| `isReadOnly` | `boolean` | | | Is the select read-only |
|
|
103
103
|
| `isDisabled` | `boolean` | | | Is the select disabled |
|
|
104
104
|
| `isClearable` | `boolean` | | | Is the select value clearable |
|
|
105
|
+
| `isCondensed` | `boolean` | | | Whether the input and its options are rendered with condensed paddings |
|
|
105
106
|
| `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) |
|
|
106
107
|
| `isMulti` | `AsyncProps['isMulti']` | | | Support multiple selected options
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
107
108
|
| `isAutofocussed` | `boolean` | | | Focus the control when it is mounted. Renamed autoFocus of react-select |
|
|
@@ -104,6 +104,7 @@ const SearchSelectField = props => {
|
|
|
104
104
|
id: id,
|
|
105
105
|
containerId: props.containerId,
|
|
106
106
|
isClearable: props.isClearable,
|
|
107
|
+
isCondensed: props.isCondensed,
|
|
107
108
|
isDisabled: props.isDisabled,
|
|
108
109
|
isReadOnly: props.isReadOnly,
|
|
109
110
|
isOptionDisabled: props.isOptionDisabled,
|
|
@@ -153,6 +154,7 @@ SearchSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
153
154
|
isReadOnly: _pt__default["default"].bool,
|
|
154
155
|
isDisabled: _pt__default["default"].bool,
|
|
155
156
|
isClearable: _pt__default["default"].bool,
|
|
157
|
+
isCondensed: _pt__default["default"].bool,
|
|
156
158
|
isAutofocussed: _pt__default["default"].bool,
|
|
157
159
|
menuPortalZIndex: _pt__default["default"].number,
|
|
158
160
|
menuShouldBlockScroll: _pt__default["default"].bool,
|
|
@@ -170,8 +172,7 @@ SearchSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
170
172
|
title: _pt__default["default"].node.isRequired,
|
|
171
173
|
hint: _pt__default["default"].node,
|
|
172
174
|
description: _pt__default["default"].node,
|
|
173
|
-
onInfoButtonClick: _pt__default["default"].func
|
|
174
|
-
hintIcon: _pt__default["default"].element
|
|
175
|
+
onInfoButtonClick: _pt__default["default"].func
|
|
175
176
|
} : {};
|
|
176
177
|
SearchSelectField.defaultProps = defaultProps;
|
|
177
178
|
SearchSelectField.displayName = 'SearchSelectField';
|
|
@@ -186,7 +187,7 @@ SearchSelectField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
186
187
|
var SearchSelectField$1 = SearchSelectField;
|
|
187
188
|
|
|
188
189
|
// NOTE: This string will be replaced on build time with the package version.
|
|
189
|
-
var version = "19.
|
|
190
|
+
var version = "19.3.0";
|
|
190
191
|
|
|
191
192
|
exports["default"] = SearchSelectField$1;
|
|
192
193
|
exports.version = version;
|
|
@@ -95,6 +95,7 @@ const SearchSelectField = props => {
|
|
|
95
95
|
id: id,
|
|
96
96
|
containerId: props.containerId,
|
|
97
97
|
isClearable: props.isClearable,
|
|
98
|
+
isCondensed: props.isCondensed,
|
|
98
99
|
isDisabled: props.isDisabled,
|
|
99
100
|
isReadOnly: props.isReadOnly,
|
|
100
101
|
isOptionDisabled: props.isOptionDisabled,
|
|
@@ -151,7 +152,7 @@ SearchSelectField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
151
152
|
var SearchSelectField$1 = SearchSelectField;
|
|
152
153
|
|
|
153
154
|
// NOTE: This string will be replaced on build time with the package version.
|
|
154
|
-
var version = "19.
|
|
155
|
+
var version = "19.3.0";
|
|
155
156
|
|
|
156
157
|
exports["default"] = SearchSelectField$1;
|
|
157
158
|
exports.version = version;
|
|
@@ -79,6 +79,7 @@ const SearchSelectField = props => {
|
|
|
79
79
|
id: id,
|
|
80
80
|
containerId: props.containerId,
|
|
81
81
|
isClearable: props.isClearable,
|
|
82
|
+
isCondensed: props.isCondensed,
|
|
82
83
|
isDisabled: props.isDisabled,
|
|
83
84
|
isReadOnly: props.isReadOnly,
|
|
84
85
|
isOptionDisabled: props.isOptionDisabled,
|
|
@@ -128,6 +129,7 @@ SearchSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
128
129
|
isReadOnly: _pt.bool,
|
|
129
130
|
isDisabled: _pt.bool,
|
|
130
131
|
isClearable: _pt.bool,
|
|
132
|
+
isCondensed: _pt.bool,
|
|
131
133
|
isAutofocussed: _pt.bool,
|
|
132
134
|
menuPortalZIndex: _pt.number,
|
|
133
135
|
menuShouldBlockScroll: _pt.bool,
|
|
@@ -145,8 +147,7 @@ SearchSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
145
147
|
title: _pt.node.isRequired,
|
|
146
148
|
hint: _pt.node,
|
|
147
149
|
description: _pt.node,
|
|
148
|
-
onInfoButtonClick: _pt.func
|
|
149
|
-
hintIcon: _pt.element
|
|
150
|
+
onInfoButtonClick: _pt.func
|
|
150
151
|
} : {};
|
|
151
152
|
SearchSelectField.defaultProps = defaultProps;
|
|
152
153
|
SearchSelectField.displayName = 'SearchSelectField';
|
|
@@ -161,6 +162,6 @@ SearchSelectField.toFieldErrors = function toFieldErrors(errors) {
|
|
|
161
162
|
var SearchSelectField$1 = SearchSelectField;
|
|
162
163
|
|
|
163
164
|
// NOTE: This string will be replaced on build time with the package version.
|
|
164
|
-
var version = "19.
|
|
165
|
+
var version = "19.3.0";
|
|
165
166
|
|
|
166
167
|
export { SearchSelectField$1 as default, version };
|
|
@@ -34,6 +34,7 @@ export type TSearchSelectFieldProps = {
|
|
|
34
34
|
isReadOnly?: boolean;
|
|
35
35
|
isDisabled?: boolean;
|
|
36
36
|
isClearable?: boolean;
|
|
37
|
+
isCondensed?: boolean;
|
|
37
38
|
isOptionDisabled?: ReactSelectAsyncProps['isOptionDisabled'];
|
|
38
39
|
isMulti?: ReactSelectAsyncProps['isMulti'];
|
|
39
40
|
isAutofocussed?: boolean;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/search-select-field",
|
|
3
3
|
"description": "A search select field built on top of search select input, allowing users to asynchronously search for options",
|
|
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,15 +21,15 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/field-errors": "19.
|
|
27
|
-
"@commercetools-uikit/field-label": "19.
|
|
28
|
-
"@commercetools-uikit/field-warnings": "19.
|
|
29
|
-
"@commercetools-uikit/hooks": "19.
|
|
30
|
-
"@commercetools-uikit/search-select-input": "19.
|
|
31
|
-
"@commercetools-uikit/spacings": "19.
|
|
32
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.3.0",
|
|
26
|
+
"@commercetools-uikit/field-errors": "19.3.0",
|
|
27
|
+
"@commercetools-uikit/field-label": "19.3.0",
|
|
28
|
+
"@commercetools-uikit/field-warnings": "19.3.0",
|
|
29
|
+
"@commercetools-uikit/hooks": "19.3.0",
|
|
30
|
+
"@commercetools-uikit/search-select-input": "19.3.0",
|
|
31
|
+
"@commercetools-uikit/spacings": "19.3.0",
|
|
32
|
+
"@commercetools-uikit/utils": "19.3.0",
|
|
33
33
|
"@emotion/react": "^11.10.5",
|
|
34
34
|
"@emotion/styled": "^11.10.5",
|
|
35
35
|
"prop-types": "15.8.1",
|