@commercetools-uikit/async-select-input 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-async-select-input.cjs.dev.js +4 -1
- package/dist/commercetools-uikit-async-select-input.cjs.prod.js +3 -1
- package/dist/commercetools-uikit-async-select-input.esm.js +4 -1
- package/dist/declarations/src/async-select-input.d.ts +1 -0
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -68,6 +68,7 @@ export default Example;
|
|
|
68
68
|
| `inputValue` | `AsyncProps['inputValue']` | | | The value of the search input
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
69
69
|
| `containerId` | `AsyncProps['id']` | | | The id to set on the SelectContainer component
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
70
70
|
| `isClearable` | `AsyncProps['isClearable']` | | | Is the select value clearable
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
71
|
+
| `isCondensed` | `boolean` | | | Use this property to reduce the paddings of the component for a ui compact variant |
|
|
71
72
|
| `isDisabled` | `AsyncProps['isDisabled']` | | | Is the select disabled
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
72
73
|
| `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) |
|
|
73
74
|
| `isMulti` | `AsyncProps['isMulti']` | | | Support multiple selected options
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
@@ -96,6 +96,7 @@ const AsyncSelectInput = props => {
|
|
|
96
96
|
hasError: props.hasError,
|
|
97
97
|
showOptionGroupDivider: props.showOptionGroupDivider,
|
|
98
98
|
menuPortalZIndex: props.menuPortalZIndex,
|
|
99
|
+
isCondensed: props.isCondensed,
|
|
99
100
|
isDisabled: props.isDisabled,
|
|
100
101
|
isReadOnly: props.isReadOnly,
|
|
101
102
|
iconLeft: props.iconLeft,
|
|
@@ -177,6 +178,7 @@ const AsyncSelectInput = props => {
|
|
|
177
178
|
// Extra props
|
|
178
179
|
// @ts-ignore: passed to the react-select components via `selectProps`.
|
|
179
180
|
,
|
|
181
|
+
isCondensed: props.isCondensed,
|
|
180
182
|
iconLeft: props.iconLeft,
|
|
181
183
|
controlShouldRenderValue: props.controlShouldRenderValue
|
|
182
184
|
})
|
|
@@ -189,6 +191,7 @@ AsyncSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
189
191
|
hasWarning: _pt__default["default"].bool,
|
|
190
192
|
isReadOnly: _pt__default["default"].bool,
|
|
191
193
|
isAutofocussed: _pt__default["default"].bool,
|
|
194
|
+
isCondensed: _pt__default["default"].bool,
|
|
192
195
|
menuPortalZIndex: _pt__default["default"].number.isRequired,
|
|
193
196
|
onBlur: _pt__default["default"].func,
|
|
194
197
|
onChange: _pt__default["default"].func,
|
|
@@ -246,7 +249,7 @@ AsyncSelectInput.ValueContainer = reactSelect.components.ValueContainer;
|
|
|
246
249
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
247
250
|
|
|
248
251
|
// NOTE: This string will be replaced on build time with the package version.
|
|
249
|
-
var version = "19.
|
|
252
|
+
var version = "19.3.0";
|
|
250
253
|
|
|
251
254
|
exports["default"] = AsyncSelectInput$1;
|
|
252
255
|
exports.version = version;
|
|
@@ -93,6 +93,7 @@ const AsyncSelectInput = props => {
|
|
|
93
93
|
hasError: props.hasError,
|
|
94
94
|
showOptionGroupDivider: props.showOptionGroupDivider,
|
|
95
95
|
menuPortalZIndex: props.menuPortalZIndex,
|
|
96
|
+
isCondensed: props.isCondensed,
|
|
96
97
|
isDisabled: props.isDisabled,
|
|
97
98
|
isReadOnly: props.isReadOnly,
|
|
98
99
|
iconLeft: props.iconLeft,
|
|
@@ -174,6 +175,7 @@ const AsyncSelectInput = props => {
|
|
|
174
175
|
// Extra props
|
|
175
176
|
// @ts-ignore: passed to the react-select components via `selectProps`.
|
|
176
177
|
,
|
|
178
|
+
isCondensed: props.isCondensed,
|
|
177
179
|
iconLeft: props.iconLeft,
|
|
178
180
|
controlShouldRenderValue: props.controlShouldRenderValue
|
|
179
181
|
})
|
|
@@ -230,7 +232,7 @@ AsyncSelectInput.ValueContainer = reactSelect.components.ValueContainer;
|
|
|
230
232
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
231
233
|
|
|
232
234
|
// NOTE: This string will be replaced on build time with the package version.
|
|
233
|
-
var version = "19.
|
|
235
|
+
var version = "19.3.0";
|
|
234
236
|
|
|
235
237
|
exports["default"] = AsyncSelectInput$1;
|
|
236
238
|
exports.version = version;
|
|
@@ -76,6 +76,7 @@ const AsyncSelectInput = props => {
|
|
|
76
76
|
hasError: props.hasError,
|
|
77
77
|
showOptionGroupDivider: props.showOptionGroupDivider,
|
|
78
78
|
menuPortalZIndex: props.menuPortalZIndex,
|
|
79
|
+
isCondensed: props.isCondensed,
|
|
79
80
|
isDisabled: props.isDisabled,
|
|
80
81
|
isReadOnly: props.isReadOnly,
|
|
81
82
|
iconLeft: props.iconLeft,
|
|
@@ -157,6 +158,7 @@ const AsyncSelectInput = props => {
|
|
|
157
158
|
// Extra props
|
|
158
159
|
// @ts-ignore: passed to the react-select components via `selectProps`.
|
|
159
160
|
,
|
|
161
|
+
isCondensed: props.isCondensed,
|
|
160
162
|
iconLeft: props.iconLeft,
|
|
161
163
|
controlShouldRenderValue: props.controlShouldRenderValue
|
|
162
164
|
})
|
|
@@ -169,6 +171,7 @@ AsyncSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
169
171
|
hasWarning: _pt.bool,
|
|
170
172
|
isReadOnly: _pt.bool,
|
|
171
173
|
isAutofocussed: _pt.bool,
|
|
174
|
+
isCondensed: _pt.bool,
|
|
172
175
|
menuPortalZIndex: _pt.number.isRequired,
|
|
173
176
|
onBlur: _pt.func,
|
|
174
177
|
onChange: _pt.func,
|
|
@@ -226,6 +229,6 @@ AsyncSelectInput.ValueContainer = components.ValueContainer;
|
|
|
226
229
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
227
230
|
|
|
228
231
|
// NOTE: This string will be replaced on build time with the package version.
|
|
229
|
-
var version = "19.
|
|
232
|
+
var version = "19.3.0";
|
|
230
233
|
|
|
231
234
|
export { AsyncSelectInput$1 as default, version };
|
|
@@ -28,6 +28,7 @@ export type TAsyncSelectInputProps = {
|
|
|
28
28
|
inputValue?: ReactSelectAsyncProps['inputValue'];
|
|
29
29
|
containerId?: ReactSelectAsyncProps['id'];
|
|
30
30
|
isClearable?: ReactSelectAsyncProps['isClearable'];
|
|
31
|
+
isCondensed?: boolean;
|
|
31
32
|
isDisabled?: ReactSelectAsyncProps['isDisabled'];
|
|
32
33
|
isOptionDisabled?: ReactSelectAsyncProps['isOptionDisabled'];
|
|
33
34
|
isMulti?: ReactSelectAsyncProps['isMulti'];
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/async-select-input",
|
|
3
3
|
"description": "An input component getting a selection from an asynchronously loaded list from the user.",
|
|
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,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": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/icons": "19.
|
|
27
|
-
"@commercetools-uikit/loading-spinner": "19.
|
|
28
|
-
"@commercetools-uikit/select-utils": "19.
|
|
29
|
-
"@commercetools-uikit/spacings": "19.
|
|
30
|
-
"@commercetools-uikit/text": "19.
|
|
31
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.3.0",
|
|
26
|
+
"@commercetools-uikit/icons": "19.3.0",
|
|
27
|
+
"@commercetools-uikit/loading-spinner": "19.3.0",
|
|
28
|
+
"@commercetools-uikit/select-utils": "19.3.0",
|
|
29
|
+
"@commercetools-uikit/spacings": "19.3.0",
|
|
30
|
+
"@commercetools-uikit/text": "19.3.0",
|
|
31
|
+
"@commercetools-uikit/utils": "19.3.0",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"lodash": "4.17.21",
|