@commercetools-uikit/select-input 19.0.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
|
@@ -73,6 +73,7 @@ export default Example;
|
|
|
73
73
|
| `isAutofocussed` | `boolean` | | | Focus the control when it is mounted |
|
|
74
74
|
| `backspaceRemovesValue` | `ReactSelectProps['backspaceRemovesValue']` | | | Remove the currently focused option when the user presses backspace
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
75
75
|
| `components` | `ReactSelectProps['components']` | | | Map of components to overwrite the default ones, see what components you can override
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
76
|
+
| `isCondensed` | `boolean` | | | Whether the input and options are rendered with condensed paddings |
|
|
76
77
|
| `controlShouldRenderValue` | `ReactSelectProps['controlShouldRenderValue']` | | | Control whether the selected values should be rendered in the control
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
77
78
|
| `filterOption` | `ReactSelectProps['filterOption']` | | | Custom method to filter whether an option should be displayed in the menu
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
78
79
|
| `id` | `ReactSelectProps['inputId']` | | | Used as HTML id property. An id is generated automatically when not provided.
This forwarded as react-select's "inputId"
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
@@ -108,6 +108,7 @@ const SelectInput = props => {
|
|
|
108
108
|
appearance: props.appearance,
|
|
109
109
|
isDisabled: props.isDisabled,
|
|
110
110
|
isReadOnly: props.isReadOnly,
|
|
111
|
+
isCondensed: props.isCondensed,
|
|
111
112
|
iconLeft: props.iconLeft,
|
|
112
113
|
isMulti: props.isMulti,
|
|
113
114
|
hasValue: !isEmpty__default["default"](selectedOptions),
|
|
@@ -133,6 +134,7 @@ const SelectInput = props => {
|
|
|
133
134
|
isReadOnly: props.isReadOnly,
|
|
134
135
|
isMulti: props.isMulti,
|
|
135
136
|
isSearchable: props.isSearchable,
|
|
137
|
+
isCondensed: props.isCondensed,
|
|
136
138
|
maxMenuHeight: props.maxMenuHeight,
|
|
137
139
|
menuPortalTarget: props.menuPortalTarget,
|
|
138
140
|
menuShouldBlockScroll: props.menuShouldBlockScroll,
|
|
@@ -206,6 +208,7 @@ SelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
206
208
|
hasWarning: _pt__default["default"].bool,
|
|
207
209
|
iconLeft: _pt__default["default"].node,
|
|
208
210
|
isAutofocussed: _pt__default["default"].bool,
|
|
211
|
+
isCondensed: _pt__default["default"].bool,
|
|
209
212
|
menuPortalZIndex: _pt__default["default"].number,
|
|
210
213
|
onBlur: _pt__default["default"].func,
|
|
211
214
|
onChange: _pt__default["default"].func,
|
|
@@ -264,7 +267,7 @@ SelectInput.ValueContainer = Select.components.ValueContainer;
|
|
|
264
267
|
var SelectInput$1 = SelectInput;
|
|
265
268
|
|
|
266
269
|
// NOTE: This string will be replaced on build time with the package version.
|
|
267
|
-
var version = "19.
|
|
270
|
+
var version = "19.2.0";
|
|
268
271
|
|
|
269
272
|
exports["default"] = SelectInput$1;
|
|
270
273
|
exports.version = version;
|
|
@@ -107,6 +107,7 @@ const SelectInput = props => {
|
|
|
107
107
|
appearance: props.appearance,
|
|
108
108
|
isDisabled: props.isDisabled,
|
|
109
109
|
isReadOnly: props.isReadOnly,
|
|
110
|
+
isCondensed: props.isCondensed,
|
|
110
111
|
iconLeft: props.iconLeft,
|
|
111
112
|
isMulti: props.isMulti,
|
|
112
113
|
hasValue: !isEmpty__default["default"](selectedOptions),
|
|
@@ -132,6 +133,7 @@ const SelectInput = props => {
|
|
|
132
133
|
isReadOnly: props.isReadOnly,
|
|
133
134
|
isMulti: props.isMulti,
|
|
134
135
|
isSearchable: props.isSearchable,
|
|
136
|
+
isCondensed: props.isCondensed,
|
|
135
137
|
maxMenuHeight: props.maxMenuHeight,
|
|
136
138
|
menuPortalTarget: props.menuPortalTarget,
|
|
137
139
|
menuShouldBlockScroll: props.menuShouldBlockScroll,
|
|
@@ -240,7 +242,7 @@ SelectInput.ValueContainer = Select.components.ValueContainer;
|
|
|
240
242
|
var SelectInput$1 = SelectInput;
|
|
241
243
|
|
|
242
244
|
// NOTE: This string will be replaced on build time with the package version.
|
|
243
|
-
var version = "19.
|
|
245
|
+
var version = "19.2.0";
|
|
244
246
|
|
|
245
247
|
exports["default"] = SelectInput$1;
|
|
246
248
|
exports.version = version;
|
|
@@ -85,6 +85,7 @@ const SelectInput = props => {
|
|
|
85
85
|
appearance: props.appearance,
|
|
86
86
|
isDisabled: props.isDisabled,
|
|
87
87
|
isReadOnly: props.isReadOnly,
|
|
88
|
+
isCondensed: props.isCondensed,
|
|
88
89
|
iconLeft: props.iconLeft,
|
|
89
90
|
isMulti: props.isMulti,
|
|
90
91
|
hasValue: !isEmpty(selectedOptions),
|
|
@@ -110,6 +111,7 @@ const SelectInput = props => {
|
|
|
110
111
|
isReadOnly: props.isReadOnly,
|
|
111
112
|
isMulti: props.isMulti,
|
|
112
113
|
isSearchable: props.isSearchable,
|
|
114
|
+
isCondensed: props.isCondensed,
|
|
113
115
|
maxMenuHeight: props.maxMenuHeight,
|
|
114
116
|
menuPortalTarget: props.menuPortalTarget,
|
|
115
117
|
menuShouldBlockScroll: props.menuShouldBlockScroll,
|
|
@@ -183,6 +185,7 @@ SelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
183
185
|
hasWarning: _pt.bool,
|
|
184
186
|
iconLeft: _pt.node,
|
|
185
187
|
isAutofocussed: _pt.bool,
|
|
188
|
+
isCondensed: _pt.bool,
|
|
186
189
|
menuPortalZIndex: _pt.number,
|
|
187
190
|
onBlur: _pt.func,
|
|
188
191
|
onChange: _pt.func,
|
|
@@ -241,6 +244,6 @@ SelectInput.ValueContainer = components.ValueContainer;
|
|
|
241
244
|
var SelectInput$1 = SelectInput;
|
|
242
245
|
|
|
243
246
|
// NOTE: This string will be replaced on build time with the package version.
|
|
244
|
-
var version = "19.
|
|
247
|
+
var version = "19.2.0";
|
|
245
248
|
|
|
246
249
|
export { SelectInput$1 as default, version };
|
|
@@ -30,6 +30,7 @@ export type TSelectInputProps = {
|
|
|
30
30
|
isAutofocussed?: boolean;
|
|
31
31
|
backspaceRemovesValue?: ReactSelectProps['backspaceRemovesValue'];
|
|
32
32
|
components?: ReactSelectProps['components'];
|
|
33
|
+
isCondensed?: boolean;
|
|
33
34
|
controlShouldRenderValue?: ReactSelectProps['controlShouldRenderValue'];
|
|
34
35
|
filterOption?: ReactSelectProps['filterOption'];
|
|
35
36
|
id?: ReactSelectProps['inputId'];
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/select-input",
|
|
3
3
|
"description": "An input component getting a selection from the user.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.2.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,11 +21,11 @@
|
|
|
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/select-utils": "19.
|
|
28
|
-
"@commercetools-uikit/utils": "19.
|
|
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/select-utils": "19.2.0",
|
|
28
|
+
"@commercetools-uikit/utils": "19.2.0",
|
|
29
29
|
"@emotion/is-prop-valid": "1.2.1",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"@emotion/styled": "^11.10.5",
|