@commercetools-uikit/async-creatable-select-field 13.0.2 → 13.0.4

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.
@@ -61,6 +61,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
61
61
 
62
62
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
63
63
  var sequentialId = utils.createSequentialId('async-creatable-select-field-');
64
+ var sequentialErrorsId = utils.createSequentialId('async-creatable-select-field-error-')();
64
65
 
65
66
  var hasErrors = function hasErrors(errors) {
66
67
  var _context;
@@ -99,7 +100,7 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
99
100
  var hasError = AsyncCreatableSelectInput__default["default"].isTouched(this.props.touched) && hasErrors(this.props.errors);
100
101
 
101
102
  if (this.props.hintIcon) {
102
- process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.hint === 'string' || /*#__PURE__*/react.isValidElement(this.props.hint), 'TextField: `hint` is required to be string or ReactNode if hintIcon is present') : void 0;
103
+ process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.hint === 'string' || /*#__PURE__*/react.isValidElement(this.props.hint), 'AsyncCreatableSelectField: `hint` is required to be string or ReactNode if hintIcon is present') : void 0;
103
104
  }
104
105
 
105
106
  if (this.props.isMulti) {
@@ -125,6 +126,8 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
125
126
  hasError: hasError,
126
127
  "aria-label": this.props['aria-label'],
127
128
  "aria-labelledby": this.props['aria-labelledby'],
129
+ "aria-invalid": hasError,
130
+ "aria-errormessage": sequentialErrorsId,
128
131
  isAutofocussed: this.props.isAutofocussed,
129
132
  backspaceRemovesValue: this.props.backspaceRemovesValue,
130
133
  components: this.props.components,
@@ -166,6 +169,7 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
166
169
  showOptionGroupDivider: this.props.showOptionGroupDivider,
167
170
  iconLeft: this.props.iconLeft
168
171
  }, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
172
+ id: sequentialErrorsId,
169
173
  errors: this.props.errors,
170
174
  isVisible: hasError,
171
175
  renderError: this.props.renderError
@@ -211,7 +215,7 @@ AsyncCreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
211
215
  } : {};
212
216
 
213
217
  // NOTE: This string will be replaced on build time with the package version.
214
- var version = "13.0.2";
218
+ var version = "13.0.4";
215
219
 
216
220
  exports["default"] = AsyncCreatableSelectField;
217
221
  exports.version = version;
@@ -59,6 +59,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
59
59
 
60
60
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
61
61
  var sequentialId = utils.createSequentialId('async-creatable-select-field-');
62
+ var sequentialErrorsId = utils.createSequentialId('async-creatable-select-field-error-')();
62
63
 
63
64
  var hasErrors = function hasErrors(errors) {
64
65
  var _context;
@@ -118,6 +119,8 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
118
119
  hasError: hasError,
119
120
  "aria-label": this.props['aria-label'],
120
121
  "aria-labelledby": this.props['aria-labelledby'],
122
+ "aria-invalid": hasError,
123
+ "aria-errormessage": sequentialErrorsId,
121
124
  isAutofocussed: this.props.isAutofocussed,
122
125
  backspaceRemovesValue: this.props.backspaceRemovesValue,
123
126
  components: this.props.components,
@@ -159,6 +162,7 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
159
162
  showOptionGroupDivider: this.props.showOptionGroupDivider,
160
163
  iconLeft: this.props.iconLeft
161
164
  }, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
165
+ id: sequentialErrorsId,
162
166
  errors: this.props.errors,
163
167
  isVisible: hasError,
164
168
  renderError: this.props.renderError
@@ -184,7 +188,7 @@ AsyncCreatableSelectField.getDerivedStateFromProps = function (props, state) {
184
188
  AsyncCreatableSelectField.propTypes = {};
185
189
 
186
190
  // NOTE: This string will be replaced on build time with the package version.
187
- var version = "13.0.2";
191
+ var version = "13.0.4";
188
192
 
189
193
  exports["default"] = AsyncCreatableSelectField;
190
194
  exports.version = version;
@@ -35,6 +35,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
35
35
 
36
36
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
37
37
  var sequentialId = createSequentialId('async-creatable-select-field-');
38
+ var sequentialErrorsId = createSequentialId('async-creatable-select-field-error-')();
38
39
 
39
40
  var hasErrors = function hasErrors(errors) {
40
41
  var _context;
@@ -73,7 +74,7 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
73
74
  var hasError = AsyncCreatableSelectInput.isTouched(this.props.touched) && hasErrors(this.props.errors);
74
75
 
75
76
  if (this.props.hintIcon) {
76
- process.env.NODE_ENV !== "production" ? warning(typeof this.props.hint === 'string' || /*#__PURE__*/isValidElement(this.props.hint), 'TextField: `hint` is required to be string or ReactNode if hintIcon is present') : void 0;
77
+ process.env.NODE_ENV !== "production" ? warning(typeof this.props.hint === 'string' || /*#__PURE__*/isValidElement(this.props.hint), 'AsyncCreatableSelectField: `hint` is required to be string or ReactNode if hintIcon is present') : void 0;
77
78
  }
78
79
 
79
80
  if (this.props.isMulti) {
@@ -99,6 +100,8 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
99
100
  hasError: hasError,
100
101
  "aria-label": this.props['aria-label'],
101
102
  "aria-labelledby": this.props['aria-labelledby'],
103
+ "aria-invalid": hasError,
104
+ "aria-errormessage": sequentialErrorsId,
102
105
  isAutofocussed: this.props.isAutofocussed,
103
106
  backspaceRemovesValue: this.props.backspaceRemovesValue,
104
107
  components: this.props.components,
@@ -140,6 +143,7 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
140
143
  showOptionGroupDivider: this.props.showOptionGroupDivider,
141
144
  iconLeft: this.props.iconLeft
142
145
  }, filterDataAttributes(this.props))), jsx(FieldErrors, {
146
+ id: sequentialErrorsId,
143
147
  errors: this.props.errors,
144
148
  isVisible: hasError,
145
149
  renderError: this.props.renderError
@@ -185,6 +189,6 @@ AsyncCreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
185
189
  } : {};
186
190
 
187
191
  // NOTE: This string will be replaced on build time with the package version.
188
- var version = "13.0.2";
192
+ var version = "13.0.4";
189
193
 
190
194
  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": "13.0.2",
4
+ "version": "13.0.4",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,17 +21,17 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "7.17.2",
23
23
  "@babel/runtime-corejs3": "7.17.2",
24
- "@commercetools-uikit/async-creatable-select-input": "13.0.2",
24
+ "@commercetools-uikit/async-creatable-select-input": "13.0.4",
25
25
  "@commercetools-uikit/constraints": "13.0.2",
26
26
  "@commercetools-uikit/design-system": "13.0.0",
27
- "@commercetools-uikit/field-errors": "13.0.2",
28
- "@commercetools-uikit/field-label": "13.0.2",
27
+ "@commercetools-uikit/field-errors": "13.0.4",
28
+ "@commercetools-uikit/field-label": "13.0.4",
29
29
  "@commercetools-uikit/spacings": "13.0.2",
30
30
  "@commercetools-uikit/utils": "13.0.2",
31
31
  "@emotion/react": "^11.4.0",
32
32
  "@emotion/styled": "^11.3.0",
33
33
  "prop-types": "15.8.1",
34
- "react-required-if": "1.0.3"
34
+ "react-intl": "^5.24.6"
35
35
  },
36
36
  "devDependencies": {
37
37
  "react": "17.0.2"