@commercetools-uikit/async-creatable-select-field 19.22.5 → 19.22.6
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
|
@@ -57,9 +57,9 @@ export default Example;
|
|
|
57
57
|
| `id` | `AsyncCreatableProps['inputId']` | | | Used as HTML id property. An id is auto-generated when it is not specified.
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
58
58
|
| `horizontalConstraint` | `union`<br/>Possible values:<br/>`, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` | | `'scale'` | Horizontal size limit of the input fields. |
|
|
59
59
|
| `errors` | `Record` | | | A map of errors. Error messages for known errors are rendered automatically.
<br />
Unknown errors will be forwarded to `renderError` |
|
|
60
|
-
| `renderError` | `Function`<br/>[See signature.](#signature-
|
|
60
|
+
| `renderError` | `Function`<br/>[See signature.](#signature-rendererror) | | | Called with custom errors. This function can return a message which will be wrapped in an ErrorMessage. It can also return null to show no error. |
|
|
61
61
|
| `warnings` | `Record` | | | A map of warnings. Warning messages for known warnings are rendered automatically.
<br />
Unknown warnings will be forwarded to `renderWarning` |
|
|
62
|
-
| `renderWarning` | `Function`<br/>[See signature.](#signature-
|
|
62
|
+
| `renderWarning` | `Function`<br/>[See signature.](#signature-renderwarning) | | | Called with custom warnings. This function can return a message which will be wrapped in an WarningMessage. It can also return null to show no warning. |
|
|
63
63
|
| `isRequired` | `boolean` | | | Indicates if the value is required. Shows an the "required asterisk" if so. |
|
|
64
64
|
| `touched` | `union`<br/>Possible values:<br/>`boolean[] , boolean` | | | Indicates whether the field was touched. Errors will only be shown when the field was touched. |
|
|
65
65
|
| `aria-label` | `AsyncCreatableProps['aria-label']` | | | Aria label (for assistive tech)
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
@@ -83,8 +83,8 @@ export default Example;
|
|
|
83
83
|
| `menuShouldBlockScroll` | `AsyncCreatableProps['menuShouldBlockScroll']` | | | whether the menu should block scroll while open
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
84
84
|
| `name` | `AsyncCreatableProps['name']` | | | Name of the HTML Input (optional - without this, no input will be rendered)
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
85
85
|
| `noOptionsMessage` | `AsyncCreatableProps['noOptionsMessage']` | | | Can be used to render a custom value when there are no options (either because of no search results, or all options have been used, or there were none in the first place).
<br/>
Gets called with `{ inputValue: String }`. `inputValue` will be an empty string when no search text is present.
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
86
|
-
| `onBlur` | `Function`<br/>[See signature.](#signature-
|
|
87
|
-
| `onChange` | `Function`<br/>[See signature.](#signature-
|
|
86
|
+
| `onBlur` | `Function`<br/>[See signature.](#signature-onblur) | | | Handle blur events on the control |
|
|
87
|
+
| `onChange` | `Function`<br/>[See signature.](#signature-onchange) | | | Called with a fake event when value changes.
<br />
The event's `target.name` will be the name supplied in props. The event's `target.value` will hold the value. The value will be the selected option, or an array of options in case `isMulti` is `true`.
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
88
88
|
| `onFocus` | `AsyncCreatableProps['onFocus']` | | | Handle focus events on the control
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
89
89
|
| `onInputChange` | `AsyncCreatableProps['onInputChange']` | | | Handle change events on the input
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
90
90
|
| `placeholder` | `AsyncCreatableProps['placeholder']` | | | Placeholder text for the select value
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
@@ -104,7 +104,7 @@ export default Example;
|
|
|
104
104
|
| `title` | `union`<br/>Possible values:<br/>`string , ReactNode` | ✅ | | Title of the label |
|
|
105
105
|
| `hint` | `union`<br/>Possible values:<br/>`string , ReactNode` | | | Hint for the label. Provides a supplementary but important information regarding the behaviour of the input (e.g warn about uniqueness of a field, when it can only be set once), whereas `description` can describe it in more depth. Can also receive a `hintIcon`. |
|
|
106
106
|
| `description` | `union`<br/>Possible values:<br/>`string , ReactNode` | | | Provides a description for the title. |
|
|
107
|
-
| `onInfoButtonClick` | `Function`<br/>[See signature.](#signature-
|
|
107
|
+
| `onInfoButtonClick` | `Function`<br/>[See signature.](#signature-oninfobuttonclick) | | | Function called when info button is pressed.
<br />
Info button will only be visible when this prop is passed. |
|
|
108
108
|
| `hintIcon` | `ReactElement` | | | Icon to be displayed beside the hint text.
<br />
Will only get rendered when `hint` is passed as well. |
|
|
109
109
|
| `badge` | `ReactNode` | | | Badge to be displayed beside the label.
<br />
Might be used to display additional information about the content of the field (E.g verified email) |
|
|
110
110
|
| `iconLeft` | `ReactNode` | | | Icon to display on the left of the placeholder text and selected value. Has no effect when isMulti is enabled. |
|
|
@@ -222,7 +222,7 @@ AsyncCreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
222
222
|
} : {};
|
|
223
223
|
|
|
224
224
|
// NOTE: This string will be replaced on build time with the package version.
|
|
225
|
-
var version = "19.22.
|
|
225
|
+
var version = "19.22.6";
|
|
226
226
|
|
|
227
227
|
exports["default"] = AsyncCreatableSelectField;
|
|
228
228
|
exports.version = version;
|
|
@@ -190,7 +190,7 @@ AsyncCreatableSelectField.getDerivedStateFromProps = (props, state) => ({
|
|
|
190
190
|
AsyncCreatableSelectField.propTypes = {};
|
|
191
191
|
|
|
192
192
|
// NOTE: This string will be replaced on build time with the package version.
|
|
193
|
-
var version = "19.22.
|
|
193
|
+
var version = "19.22.6";
|
|
194
194
|
|
|
195
195
|
exports["default"] = AsyncCreatableSelectField;
|
|
196
196
|
exports.version = version;
|
|
@@ -196,6 +196,6 @@ AsyncCreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
196
196
|
} : {};
|
|
197
197
|
|
|
198
198
|
// NOTE: This string will be replaced on build time with the package version.
|
|
199
|
-
var version = "19.22.
|
|
199
|
+
var version = "19.22.6";
|
|
200
200
|
|
|
201
201
|
export { AsyncCreatableSelectField as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/async-creatable-select-field",
|
|
3
3
|
"description": "An input component with validation states and a label getting a selection from an asynchronously loaded list from the user, and where options can be created by the user.",
|
|
4
|
-
"version": "19.22.
|
|
4
|
+
"version": "19.22.6",
|
|
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/async-creatable-select-input": "19.22.
|
|
25
|
-
"@commercetools-uikit/constraints": "19.22.
|
|
26
|
-
"@commercetools-uikit/design-system": "19.22.
|
|
27
|
-
"@commercetools-uikit/field-errors": "19.22.
|
|
28
|
-
"@commercetools-uikit/field-label": "19.22.
|
|
29
|
-
"@commercetools-uikit/field-warnings": "19.22.
|
|
30
|
-
"@commercetools-uikit/spacings": "19.22.
|
|
31
|
-
"@commercetools-uikit/utils": "19.22.
|
|
24
|
+
"@commercetools-uikit/async-creatable-select-input": "19.22.6",
|
|
25
|
+
"@commercetools-uikit/constraints": "19.22.6",
|
|
26
|
+
"@commercetools-uikit/design-system": "19.22.6",
|
|
27
|
+
"@commercetools-uikit/field-errors": "19.22.6",
|
|
28
|
+
"@commercetools-uikit/field-label": "19.22.6",
|
|
29
|
+
"@commercetools-uikit/field-warnings": "19.22.6",
|
|
30
|
+
"@commercetools-uikit/spacings": "19.22.6",
|
|
31
|
+
"@commercetools-uikit/utils": "19.22.6",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"prop-types": "15.8.1",
|