@commercetools-uikit/creatable-select-field 19.2.0 → 19.3.1
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-creatable-select-field.cjs.dev.js +4 -2
- package/dist/commercetools-uikit-creatable-select-field.cjs.prod.js +3 -2
- package/dist/commercetools-uikit-creatable-select-field.esm.js +4 -2
- package/dist/declarations/src/creatable-select-field.d.ts +1 -0
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -85,6 +85,7 @@ export default Example;
|
|
|
85
85
|
| `onInputChange` | `CreatableProps['onInputChange']` | | | Handle change events on the input
<br>
[Props from React select was used](https://react-select.com/props#creatable-props) |
|
|
86
86
|
| `options` | `union`<br/>Possible values:<br/>`TValue[] , { options: TValue[] }[]` | | | Array of options that populate the select menu |
|
|
87
87
|
| `placeholder` | `CreatableProps['placeholder']` | | | Placeholder text for the select value
<br>
[Props from React select was used](https://react-select.com/props#creatable-props) |
|
|
88
|
+
| `isCondensed` | `boolean` | | | Use this property to reduce the paddings of the component for a ui compact variant |
|
|
88
89
|
| `tabIndex` | `CreatableProps['tabIndex']` | | | Sets the tabIndex attribute on the input
<br>
[Props from React select was used](https://react-select.com/props#creatable-props) |
|
|
89
90
|
| `tabSelectsValue` | `CreatableProps['tabSelectsValue']` | | | Select the currently focused option when the user presses tab
<br>
[Props from React select was used](https://react-select.com/props#creatable-props) |
|
|
90
91
|
| `value` | `CreatableProps['value']` | | | The value of the select; reflected by the selected option
<br>
[Props from React select was used](https://react-select.com/props#creatable-props) |
|
|
@@ -155,7 +155,8 @@ let CreatableSelectField = /*#__PURE__*/function (_Component) {
|
|
|
155
155
|
onCreateOption: this.props.onCreateOption,
|
|
156
156
|
createOptionPosition: this.props.createOptionPosition,
|
|
157
157
|
showOptionGroupDivider: this.props.showOptionGroupDivider,
|
|
158
|
-
iconLeft: this.props.iconLeft
|
|
158
|
+
iconLeft: this.props.iconLeft,
|
|
159
|
+
isCondensed: this.props.isCondensed
|
|
159
160
|
}, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
|
|
160
161
|
id: sequentialErrorsId,
|
|
161
162
|
errors: this.props.errors,
|
|
@@ -214,6 +215,7 @@ CreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
214
215
|
label: _pt__default["default"].node
|
|
215
216
|
})).isRequired
|
|
216
217
|
}))]),
|
|
218
|
+
isCondensed: _pt__default["default"].bool,
|
|
217
219
|
showOptionGroupDivider: _pt__default["default"].bool,
|
|
218
220
|
title: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]).isRequired,
|
|
219
221
|
hint: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]),
|
|
@@ -225,7 +227,7 @@ CreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
225
227
|
} : {};
|
|
226
228
|
|
|
227
229
|
// NOTE: This string will be replaced on build time with the package version.
|
|
228
|
-
var version = "19.
|
|
230
|
+
var version = "19.3.1";
|
|
229
231
|
|
|
230
232
|
exports["default"] = CreatableSelectField;
|
|
231
233
|
exports.version = version;
|
|
@@ -146,7 +146,8 @@ let CreatableSelectField = /*#__PURE__*/function (_Component) {
|
|
|
146
146
|
onCreateOption: this.props.onCreateOption,
|
|
147
147
|
createOptionPosition: this.props.createOptionPosition,
|
|
148
148
|
showOptionGroupDivider: this.props.showOptionGroupDivider,
|
|
149
|
-
iconLeft: this.props.iconLeft
|
|
149
|
+
iconLeft: this.props.iconLeft,
|
|
150
|
+
isCondensed: this.props.isCondensed
|
|
150
151
|
}, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
|
|
151
152
|
id: sequentialErrorsId,
|
|
152
153
|
errors: this.props.errors,
|
|
@@ -185,7 +186,7 @@ CreatableSelectField.getDerivedStateFromProps = (props, state) => ({
|
|
|
185
186
|
CreatableSelectField.propTypes = {};
|
|
186
187
|
|
|
187
188
|
// NOTE: This string will be replaced on build time with the package version.
|
|
188
|
-
var version = "19.
|
|
189
|
+
var version = "19.3.1";
|
|
189
190
|
|
|
190
191
|
exports["default"] = CreatableSelectField;
|
|
191
192
|
exports.version = version;
|
|
@@ -129,7 +129,8 @@ let CreatableSelectField = /*#__PURE__*/function (_Component) {
|
|
|
129
129
|
onCreateOption: this.props.onCreateOption,
|
|
130
130
|
createOptionPosition: this.props.createOptionPosition,
|
|
131
131
|
showOptionGroupDivider: this.props.showOptionGroupDivider,
|
|
132
|
-
iconLeft: this.props.iconLeft
|
|
132
|
+
iconLeft: this.props.iconLeft,
|
|
133
|
+
isCondensed: this.props.isCondensed
|
|
133
134
|
}, filterDataAttributes(this.props))), jsx(FieldErrors, {
|
|
134
135
|
id: sequentialErrorsId,
|
|
135
136
|
errors: this.props.errors,
|
|
@@ -188,6 +189,7 @@ CreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
188
189
|
label: _pt.node
|
|
189
190
|
})).isRequired
|
|
190
191
|
}))]),
|
|
192
|
+
isCondensed: _pt.bool,
|
|
191
193
|
showOptionGroupDivider: _pt.bool,
|
|
192
194
|
title: _pt.oneOfType([_pt.string, _pt.node]).isRequired,
|
|
193
195
|
hint: _pt.oneOfType([_pt.string, _pt.node]),
|
|
@@ -199,6 +201,6 @@ CreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
199
201
|
} : {};
|
|
200
202
|
|
|
201
203
|
// NOTE: This string will be replaced on build time with the package version.
|
|
202
|
-
var version = "19.
|
|
204
|
+
var version = "19.3.1";
|
|
203
205
|
|
|
204
206
|
export { CreatableSelectField as default, version };
|
|
@@ -58,6 +58,7 @@ export type TCreatableSelectFieldProps = {
|
|
|
58
58
|
onInputChange?: ReactSelectCreatableProps['onInputChange'];
|
|
59
59
|
options?: TOptions;
|
|
60
60
|
placeholder?: ReactSelectCreatableProps['placeholder'];
|
|
61
|
+
isCondensed?: boolean;
|
|
61
62
|
tabIndex?: ReactSelectCreatableProps['tabIndex'];
|
|
62
63
|
tabSelectsValue?: ReactSelectCreatableProps['tabSelectsValue'];
|
|
63
64
|
value?: ReactSelectCreatableProps['value'];
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/creatable-select-field",
|
|
3
3
|
"description": "A controlled input component with validation states and a label getting a selection from the user, and where options can also be created by the user.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.3.1",
|
|
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/creatable-select-input": "19.
|
|
26
|
-
"@commercetools-uikit/design-system": "19.
|
|
27
|
-
"@commercetools-uikit/field-errors": "19.
|
|
28
|
-
"@commercetools-uikit/field-label": "19.
|
|
29
|
-
"@commercetools-uikit/field-warnings": "19.
|
|
30
|
-
"@commercetools-uikit/spacings": "19.
|
|
31
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.3.1",
|
|
25
|
+
"@commercetools-uikit/creatable-select-input": "19.3.1",
|
|
26
|
+
"@commercetools-uikit/design-system": "19.3.1",
|
|
27
|
+
"@commercetools-uikit/field-errors": "19.3.1",
|
|
28
|
+
"@commercetools-uikit/field-label": "19.3.1",
|
|
29
|
+
"@commercetools-uikit/field-warnings": "19.3.1",
|
|
30
|
+
"@commercetools-uikit/spacings": "19.3.1",
|
|
31
|
+
"@commercetools-uikit/utils": "19.3.1",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"prop-types": "15.8.1",
|