@commercetools-uikit/async-creatable-select-field 13.0.0 → 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(
|
|
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.
|
|
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.
|
|
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(
|
|
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.
|
|
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.
|
|
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.
|
|
25
|
-
"@commercetools-uikit/constraints": "13.0.
|
|
24
|
+
"@commercetools-uikit/async-creatable-select-input": "13.0.4",
|
|
25
|
+
"@commercetools-uikit/constraints": "13.0.2",
|
|
26
26
|
"@commercetools-uikit/design-system": "13.0.0",
|
|
27
|
-
"@commercetools-uikit/field-errors": "13.0.
|
|
28
|
-
"@commercetools-uikit/field-label": "13.0.
|
|
29
|
-
"@commercetools-uikit/spacings": "13.0.
|
|
30
|
-
"@commercetools-uikit/utils": "
|
|
27
|
+
"@commercetools-uikit/field-errors": "13.0.4",
|
|
28
|
+
"@commercetools-uikit/field-label": "13.0.4",
|
|
29
|
+
"@commercetools-uikit/spacings": "13.0.2",
|
|
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-
|
|
34
|
+
"react-intl": "^5.24.6"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"react": "17.0.2"
|