@commercetools-uikit/async-select-input 19.1.0 → 19.2.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 CHANGED
@@ -68,6 +68,7 @@ export default Example;
68
68
  | `inputValue` | `AsyncProps['inputValue']` | | | The value of the search input&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
69
69
  | `containerId` | `AsyncProps['id']` | | | The id to set on the SelectContainer component&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
70
70
  | `isClearable` | `AsyncProps['isClearable']` | | | Is the select value clearable&#xA;<br>&#xA;[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&#xA;<br>&#xA;[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&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
73
74
  | `isMulti` | `AsyncProps['isMulti']` | | | Support multiple selected options&#xA;<br>&#xA;[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.1.0";
252
+ var version = "19.2.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.1.0";
235
+ var version = "19.2.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.1.0";
232
+ var version = "19.2.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.1.0",
4
+ "version": "19.2.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.1.0",
25
- "@commercetools-uikit/design-system": "19.1.0",
26
- "@commercetools-uikit/icons": "19.1.0",
27
- "@commercetools-uikit/loading-spinner": "19.1.0",
28
- "@commercetools-uikit/select-utils": "19.1.0",
29
- "@commercetools-uikit/spacings": "19.1.0",
30
- "@commercetools-uikit/text": "19.1.0",
31
- "@commercetools-uikit/utils": "19.1.0",
24
+ "@commercetools-uikit/constraints": "19.2.0",
25
+ "@commercetools-uikit/design-system": "19.2.0",
26
+ "@commercetools-uikit/icons": "19.2.0",
27
+ "@commercetools-uikit/loading-spinner": "19.2.0",
28
+ "@commercetools-uikit/select-utils": "19.2.0",
29
+ "@commercetools-uikit/spacings": "19.2.0",
30
+ "@commercetools-uikit/text": "19.2.0",
31
+ "@commercetools-uikit/utils": "19.2.0",
32
32
  "@emotion/react": "^11.10.5",
33
33
  "@emotion/styled": "^11.10.5",
34
34
  "lodash": "4.17.21",