@commercetools-uikit/async-select-input 13.0.1 → 14.0.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 +2 -0
- package/dist/commercetools-uikit-async-select-input.cjs.dev.js +3 -1
- package/dist/commercetools-uikit-async-select-input.cjs.prod.js +3 -1
- package/dist/commercetools-uikit-async-select-input.esm.js +3 -1
- package/dist/declarations/src/async-select-input.d.ts +2 -0
- package/package.json +13 -13
package/README.md
CHANGED
|
@@ -66,6 +66,8 @@ export default Example;
|
|
|
66
66
|
| `isReadOnly` | `boolean` | | | Indicates that the field is displaying read-only content |
|
|
67
67
|
| `aria-label` | `AsyncProps['aria-label']` | | | Aria label (for assistive tech)
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
68
68
|
| `aria-labelledby` | `AsyncProps['aria-labelledby']` | | | HTML ID of an element that should be used as the label (for assistive tech)
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
69
|
+
| `aria-invalid` | `AsyncProps['aria-invalid']` | | | Indicate if the value entered in the input is invalid.
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
70
|
+
| `aria-errormessage` | `AsyncProps['aria-errormessage']` | | | HTML ID of an element containing an error message related to the input.
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
69
71
|
| `isAutofocussed` | `boolean` | | | Focus the control when it is mounted |
|
|
70
72
|
| `backspaceRemovesValue` | `AsyncProps['backspaceRemovesValue']` | | | Remove the currently focused option when the user presses backspace
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
71
73
|
| `components` | `AsyncProps['components']` | | | Map of components to overwrite the default ones, see [what components you can override](https://react-select.com/components)
<br>
[Props from React select was used](https://react-select.com/props) |
|
|
@@ -83,6 +83,8 @@ var AsyncSelectInput = function AsyncSelectInput(props) {
|
|
|
83
83
|
children: jsxRuntime.jsx(AsyncSelect__default["default"], {
|
|
84
84
|
"aria-label": props['aria-label'],
|
|
85
85
|
"aria-labelledby": props['aria-labelledby'],
|
|
86
|
+
"aria-invalid": props['aria-invalid'],
|
|
87
|
+
"aria-errormessage": props['aria-errormessage'],
|
|
86
88
|
autoFocus: props.isAutofocussed,
|
|
87
89
|
backspaceRemovesValue: props.isReadOnly ? false : props.backspaceRemovesValue,
|
|
88
90
|
components: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, customizedComponents), props.iconLeft && !props.isMulti ? selectUtils.customComponentsWithIcons : {}), props.isReadOnly ? {
|
|
@@ -209,7 +211,7 @@ utils.addStaticFields(AsyncSelectInput, _objectSpread(_objectSpread(_objectSprea
|
|
|
209
211
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
210
212
|
|
|
211
213
|
// NOTE: This string will be replaced on build time with the package version.
|
|
212
|
-
var version = "
|
|
214
|
+
var version = "14.0.0";
|
|
213
215
|
|
|
214
216
|
exports["default"] = AsyncSelectInput$1;
|
|
215
217
|
exports.version = version;
|
|
@@ -82,6 +82,8 @@ var AsyncSelectInput = function AsyncSelectInput(props) {
|
|
|
82
82
|
children: jsxRuntime.jsx(AsyncSelect__default["default"], {
|
|
83
83
|
"aria-label": props['aria-label'],
|
|
84
84
|
"aria-labelledby": props['aria-labelledby'],
|
|
85
|
+
"aria-invalid": props['aria-invalid'],
|
|
86
|
+
"aria-errormessage": props['aria-errormessage'],
|
|
85
87
|
autoFocus: props.isAutofocussed,
|
|
86
88
|
backspaceRemovesValue: props.isReadOnly ? false : props.backspaceRemovesValue,
|
|
87
89
|
components: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, customizedComponents), props.iconLeft && !props.isMulti ? selectUtils.customComponentsWithIcons : {}), props.isReadOnly ? {
|
|
@@ -195,7 +197,7 @@ utils.addStaticFields(AsyncSelectInput, _objectSpread(_objectSpread(_objectSprea
|
|
|
195
197
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
196
198
|
|
|
197
199
|
// NOTE: This string will be replaced on build time with the package version.
|
|
198
|
-
var version = "
|
|
200
|
+
var version = "14.0.0";
|
|
199
201
|
|
|
200
202
|
exports["default"] = AsyncSelectInput$1;
|
|
201
203
|
exports.version = version;
|
|
@@ -63,6 +63,8 @@ var AsyncSelectInput = function AsyncSelectInput(props) {
|
|
|
63
63
|
children: jsx(AsyncSelect, {
|
|
64
64
|
"aria-label": props['aria-label'],
|
|
65
65
|
"aria-labelledby": props['aria-labelledby'],
|
|
66
|
+
"aria-invalid": props['aria-invalid'],
|
|
67
|
+
"aria-errormessage": props['aria-errormessage'],
|
|
66
68
|
autoFocus: props.isAutofocussed,
|
|
67
69
|
backspaceRemovesValue: props.isReadOnly ? false : props.backspaceRemovesValue,
|
|
68
70
|
components: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, customizedComponents), props.iconLeft && !props.isMulti ? customComponentsWithIcons : {}), props.isReadOnly ? {
|
|
@@ -189,6 +191,6 @@ addStaticFields(AsyncSelectInput, _objectSpread(_objectSpread(_objectSpread({},
|
|
|
189
191
|
var AsyncSelectInput$1 = AsyncSelectInput;
|
|
190
192
|
|
|
191
193
|
// NOTE: This string will be replaced on build time with the package version.
|
|
192
|
-
var version = "
|
|
194
|
+
var version = "14.0.0";
|
|
193
195
|
|
|
194
196
|
export { AsyncSelectInput$1 as default, version };
|
|
@@ -16,6 +16,8 @@ declare type TAsyncSelectInputProps = {
|
|
|
16
16
|
isReadOnly?: boolean;
|
|
17
17
|
'aria-label'?: ReactSelectAsyncProps['aria-label'];
|
|
18
18
|
'aria-labelledby'?: ReactSelectAsyncProps['aria-labelledby'];
|
|
19
|
+
'aria-invalid'?: ReactSelectAsyncProps['aria-invalid'];
|
|
20
|
+
'aria-errormessage'?: ReactSelectAsyncProps['aria-errormessage'];
|
|
19
21
|
isAutofocussed?: boolean;
|
|
20
22
|
backspaceRemovesValue?: ReactSelectAsyncProps['backspaceRemovesValue'];
|
|
21
23
|
components?: ReactSelectAsyncProps['components'];
|
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": "
|
|
4
|
+
"version": "14.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"directory": "packages/components/inputs/async-select-input"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": ["javascript", "design
|
|
12
|
+
"keywords": ["javascript", "typescript", "design-system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"publishConfig": {
|
|
15
15
|
"access": "public"
|
|
@@ -19,16 +19,16 @@
|
|
|
19
19
|
"module": "dist/commercetools-uikit-async-select-input.esm.js",
|
|
20
20
|
"files": ["dist"],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@babel/runtime": "7.17.2",
|
|
23
|
-
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
-
"@commercetools-uikit/constraints": "
|
|
25
|
-
"@commercetools-uikit/design-system": "
|
|
26
|
-
"@commercetools-uikit/icons": "
|
|
27
|
-
"@commercetools-uikit/loading-spinner": "
|
|
28
|
-
"@commercetools-uikit/select-utils": "
|
|
29
|
-
"@commercetools-uikit/spacings": "
|
|
30
|
-
"@commercetools-uikit/text": "
|
|
31
|
-
"@commercetools-uikit/utils": "
|
|
22
|
+
"@babel/runtime": "^7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "^7.17.2",
|
|
24
|
+
"@commercetools-uikit/constraints": "14.0.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "14.0.0",
|
|
26
|
+
"@commercetools-uikit/icons": "14.0.0",
|
|
27
|
+
"@commercetools-uikit/loading-spinner": "14.0.0",
|
|
28
|
+
"@commercetools-uikit/select-utils": "14.0.0",
|
|
29
|
+
"@commercetools-uikit/spacings": "14.0.0",
|
|
30
|
+
"@commercetools-uikit/text": "14.0.0",
|
|
31
|
+
"@commercetools-uikit/utils": "14.0.0",
|
|
32
32
|
"@emotion/react": "^11.4.0",
|
|
33
33
|
"@emotion/styled": "^11.3.0",
|
|
34
34
|
"lodash": "4.17.21",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"react": "17.0.2",
|
|
40
40
|
"react-dom": "17.0.2",
|
|
41
|
-
"react-intl": "5.24.6"
|
|
41
|
+
"react-intl": "^5.24.6"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": "17.x",
|