@commercetools-uikit/creatable-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 CHANGED
@@ -61,6 +61,8 @@ export default Example;
61
61
  | `iconLeft` | `ReactNode` | | | Icon to display on the left of the placeholder text and selected value. Has no effect when `isMulti` is enabled. |
62
62
  | `aria-label` | `CreatableProps['aria-label']` | | | Aria label (for assistive tech)&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props#creatable-props) |
63
63
  | `aria-labelledby` | `CreatableProps['aria-labelledby']` | | | HTML ID of an element that should be used as the label (for assistive tech)&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props#creatable-props) |
64
+ | `aria-invalid` | `CreatableProps['aria-invalid']` | | | Indicate if the value entered in the input is invalid.&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
65
+ | `aria-errormessage` | `CreatableProps['aria-errormessage']` | | | HTML ID of an element containing an error message related to the input.&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props) |
64
66
  | `isAutofocussed` | `boolean` | | | Focus the control when it is mounted |
65
67
  | `backspaceRemovesValue` | `CreatableProps['backspaceRemovesValue']` | | | Remove the currently focused option when the user presses backspace&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props#creatable-props) |
66
68
  | `components` | `CreatableProps['components']` | | | Map of components to overwrite the default ones, see [what components you can override](https://react-select.com/components)&#xA;<br>&#xA;[Props from React select was used](https://react-select.com/props#creatable-props) |
@@ -69,6 +69,8 @@ var CreatableSelectInput = function CreatableSelectInput(props) {
69
69
  children: jsxRuntime.jsx(CreatableSelect__default["default"], {
70
70
  "aria-label": props['aria-label'],
71
71
  "aria-labelledby": props['aria-labelledby'],
72
+ "aria-invalid": props['aria-invalid'],
73
+ "aria-errormessage": props['aria-errormessage'],
72
74
  autoFocus: props.isAutofocussed,
73
75
  backspaceRemovesValue: props.isReadOnly ? false : props.backspaceRemovesValue,
74
76
  components: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, customizedComponents), props.components), props.iconLeft && !props.isMulti ? selectUtils.customComponentsWithIcons : {}), props.isReadOnly ? {
@@ -205,7 +207,7 @@ utils.addStaticFields(CreatableSelectInput, _objectSpread(_objectSpread(_objectS
205
207
  var CreatableSelectInput$1 = CreatableSelectInput;
206
208
 
207
209
  // NOTE: This string will be replaced on build time with the package version.
208
- var version = "13.0.1";
210
+ var version = "14.0.0";
209
211
 
210
212
  exports["default"] = CreatableSelectInput$1;
211
213
  exports.version = version;
@@ -68,6 +68,8 @@ var CreatableSelectInput = function CreatableSelectInput(props) {
68
68
  children: jsxRuntime.jsx(CreatableSelect__default["default"], {
69
69
  "aria-label": props['aria-label'],
70
70
  "aria-labelledby": props['aria-labelledby'],
71
+ "aria-invalid": props['aria-invalid'],
72
+ "aria-errormessage": props['aria-errormessage'],
71
73
  autoFocus: props.isAutofocussed,
72
74
  backspaceRemovesValue: props.isReadOnly ? false : props.backspaceRemovesValue,
73
75
  components: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, customizedComponents), props.components), props.iconLeft && !props.isMulti ? selectUtils.customComponentsWithIcons : {}), props.isReadOnly ? {
@@ -186,7 +188,7 @@ utils.addStaticFields(CreatableSelectInput, _objectSpread(_objectSpread(_objectS
186
188
  var CreatableSelectInput$1 = CreatableSelectInput;
187
189
 
188
190
  // NOTE: This string will be replaced on build time with the package version.
189
- var version = "13.0.1";
191
+ var version = "14.0.0";
190
192
 
191
193
  exports["default"] = CreatableSelectInput$1;
192
194
  exports.version = version;
@@ -50,6 +50,8 @@ var CreatableSelectInput = function CreatableSelectInput(props) {
50
50
  children: jsx(CreatableSelect, {
51
51
  "aria-label": props['aria-label'],
52
52
  "aria-labelledby": props['aria-labelledby'],
53
+ "aria-invalid": props['aria-invalid'],
54
+ "aria-errormessage": props['aria-errormessage'],
53
55
  autoFocus: props.isAutofocussed,
54
56
  backspaceRemovesValue: props.isReadOnly ? false : props.backspaceRemovesValue,
55
57
  components: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, customizedComponents), props.components), props.iconLeft && !props.isMulti ? customComponentsWithIcons : {}), props.isReadOnly ? {
@@ -186,6 +188,6 @@ addStaticFields(CreatableSelectInput, _objectSpread(_objectSpread(_objectSpread(
186
188
  var CreatableSelectInput$1 = CreatableSelectInput;
187
189
 
188
190
  // NOTE: This string will be replaced on build time with the package version.
189
- var version = "13.0.1";
191
+ var version = "14.0.0";
190
192
 
191
193
  export { CreatableSelectInput$1 as default, version };
@@ -23,6 +23,8 @@ declare type TCreatableSelectInputProps = {
23
23
  iconLeft?: ReactNode;
24
24
  'aria-label'?: ReactSelectCreatableProps['aria-label'];
25
25
  'aria-labelledby'?: ReactSelectCreatableProps['aria-labelledby'];
26
+ 'aria-invalid'?: ReactSelectCreatableProps['aria-invalid'];
27
+ 'aria-errormessage'?: ReactSelectCreatableProps['aria-errormessage'];
26
28
  isAutofocussed?: boolean;
27
29
  backspaceRemovesValue?: ReactSelectCreatableProps['backspaceRemovesValue'];
28
30
  components?: ReactSelectCreatableProps['components'];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/creatable-select-input",
3
3
  "description": "An input component getting a selection from the user, and where options can also be created by the user.",
4
- "version": "13.0.1",
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/creatable-select-input"
10
10
  },
11
11
  "homepage": "https://uikit.commercetools.com",
12
- "keywords": ["javascript", "design system", "react", "uikit"],
12
+ "keywords": ["javascript", "typescript", "design-system", "react", "uikit"],
13
13
  "license": "MIT",
14
14
  "publishConfig": {
15
15
  "access": "public"
@@ -19,15 +19,15 @@
19
19
  "module": "dist/commercetools-uikit-creatable-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": "13.0.0",
25
- "@commercetools-uikit/design-system": "13.0.0",
26
- "@commercetools-uikit/icons": "13.0.0",
27
- "@commercetools-uikit/select-utils": "13.0.1",
28
- "@commercetools-uikit/spacings": "13.0.1",
29
- "@commercetools-uikit/text": "13.0.0",
30
- "@commercetools-uikit/utils": "12.2.9",
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/select-utils": "14.0.0",
28
+ "@commercetools-uikit/spacings": "14.0.0",
29
+ "@commercetools-uikit/text": "14.0.0",
30
+ "@commercetools-uikit/utils": "14.0.0",
31
31
  "@emotion/react": "^11.4.0",
32
32
  "@emotion/styled": "^11.3.0",
33
33
  "lodash": "4.17.21",
@@ -37,7 +37,7 @@
37
37
  "devDependencies": {
38
38
  "react": "17.0.2",
39
39
  "react-dom": "17.0.2",
40
- "react-intl": "5.24.6"
40
+ "react-intl": "^5.24.6"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "17.x",