@commercetools-uikit/multiline-text-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.
Files changed (4) hide show
  1. package/dist/commercetools-uikit-multiline-text-field.cjs.dev.js +10 -5
  2. package/dist/commercetools-uikit-multiline-text-field.cjs.prod.js +8 -3
  3. package/dist/commercetools-uikit-multiline-text-field.esm.js +10 -5
  4. package/package.json +5 -5
package/dist/commercetools-uikit-multiline-text-field.cjs.dev.js CHANGED
@@ -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('multiline-text-field-');
62
+ var sequentialErrorsId = utils.createSequentialId('multiline-text-field-error-')();
62
63
 
63
64
  var hasErrors = function hasErrors(errors) {
64
65
  var _context;
@@ -97,11 +98,11 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
97
98
  var hasError = this.props.touched && hasErrors(this.props.errors);
98
99
 
99
100
  if (!this.props.isReadOnly) {
100
- process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.onChange === 'function', 'MultilineInput: "onChange" is required when is not read only.') : void 0;
101
+ process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.onChange === 'function', 'MultilineField: "onChange" is required when is not read only.') : void 0;
101
102
  }
102
103
 
103
104
  if (this.props.hint) {
104
- process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.hint === 'string' || /*#__PURE__*/react.isValidElement(this.props.hint), 'MultilineInput: "hint" should be string or ReactNode if `hintIcon` is present') : void 0;
105
+ process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.hint === 'string' || /*#__PURE__*/react.isValidElement(this.props.hint), 'MultilineField: "hint" should be string or ReactNode if `hintIcon` is present') : void 0;
105
106
  }
106
107
 
107
108
  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
@@ -117,7 +118,7 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
117
118
  badge: this.props.badge,
118
119
  hasRequiredIndicator: this.props.isRequired,
119
120
  htmlFor: this.state.id
120
- }), jsxRuntime.jsx(MultilineTextInput__default["default"], _objectSpread({
121
+ }), jsxRuntime.jsx(MultilineTextInput__default["default"], _objectSpread(_objectSpread({
121
122
  id: this.state.id,
122
123
  name: this.props.name,
123
124
  autoComplete: this.props.autoComplete,
@@ -132,7 +133,11 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
132
133
  hasError: hasError,
133
134
  placeholder: this.props.placeholder,
134
135
  horizontalConstraint: "scale"
135
- }, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
136
+ }, utils.filterDataAttributes(this.props)), {}, {
137
+ "aria-invalid": hasError,
138
+ "aria-errormessage": sequentialErrorsId
139
+ })), jsxRuntime.jsx(FieldErrors__default["default"], {
140
+ id: sequentialErrorsId,
136
141
  errors: this.props.errors,
137
142
  isVisible: hasError,
138
143
  renderError: this.props.renderError
@@ -184,7 +189,7 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
184
189
  var MultilineTextField$1 = MultilineTextField;
185
190
 
186
191
  // NOTE: This string will be replaced on build time with the package version.
187
- var version = "13.0.2";
192
+ var version = "13.0.4";
188
193
 
189
194
  exports["default"] = MultilineTextField$1;
190
195
  exports.version = version;
package/dist/commercetools-uikit-multiline-text-field.cjs.prod.js CHANGED
@@ -58,6 +58,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
58
58
 
59
59
  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; } }
60
60
  var sequentialId = utils.createSequentialId('multiline-text-field-');
61
+ var sequentialErrorsId = utils.createSequentialId('multiline-text-field-error-')();
61
62
 
62
63
  var hasErrors = function hasErrors(errors) {
63
64
  var _context;
@@ -112,7 +113,7 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
112
113
  badge: this.props.badge,
113
114
  hasRequiredIndicator: this.props.isRequired,
114
115
  htmlFor: this.state.id
115
- }), jsxRuntime.jsx(MultilineTextInput__default["default"], _objectSpread({
116
+ }), jsxRuntime.jsx(MultilineTextInput__default["default"], _objectSpread(_objectSpread({
116
117
  id: this.state.id,
117
118
  name: this.props.name,
118
119
  autoComplete: this.props.autoComplete,
@@ -127,7 +128,11 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
127
128
  hasError: hasError,
128
129
  placeholder: this.props.placeholder,
129
130
  horizontalConstraint: "scale"
130
- }, utils.filterDataAttributes(this.props))), jsxRuntime.jsx(FieldErrors__default["default"], {
131
+ }, utils.filterDataAttributes(this.props)), {}, {
132
+ "aria-invalid": hasError,
133
+ "aria-errormessage": sequentialErrorsId
134
+ })), jsxRuntime.jsx(FieldErrors__default["default"], {
135
+ id: sequentialErrorsId,
131
136
  errors: this.props.errors,
132
137
  isVisible: hasError,
133
138
  renderError: this.props.renderError
@@ -155,7 +160,7 @@ MultilineTextField.propTypes = {};
155
160
  var MultilineTextField$1 = MultilineTextField;
156
161
 
157
162
  // NOTE: This string will be replaced on build time with the package version.
158
- var version = "13.0.2";
163
+ var version = "13.0.4";
159
164
 
160
165
  exports["default"] = MultilineTextField$1;
161
166
  exports.version = version;
package/dist/commercetools-uikit-multiline-text-field.esm.js CHANGED
@@ -34,6 +34,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
34
34
 
35
35
  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; } }
36
36
  var sequentialId = createSequentialId('multiline-text-field-');
37
+ var sequentialErrorsId = createSequentialId('multiline-text-field-error-')();
37
38
 
38
39
  var hasErrors = function hasErrors(errors) {
39
40
  var _context;
@@ -72,11 +73,11 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
72
73
  var hasError = this.props.touched && hasErrors(this.props.errors);
73
74
 
74
75
  if (!this.props.isReadOnly) {
75
- process.env.NODE_ENV !== "production" ? warning(typeof this.props.onChange === 'function', 'MultilineInput: "onChange" is required when is not read only.') : void 0;
76
+ process.env.NODE_ENV !== "production" ? warning(typeof this.props.onChange === 'function', 'MultilineField: "onChange" is required when is not read only.') : void 0;
76
77
  }
77
78
 
78
79
  if (this.props.hint) {
79
- process.env.NODE_ENV !== "production" ? warning(typeof this.props.hint === 'string' || /*#__PURE__*/isValidElement(this.props.hint), 'MultilineInput: "hint" should be string or ReactNode if `hintIcon` is present') : void 0;
80
+ process.env.NODE_ENV !== "production" ? warning(typeof this.props.hint === 'string' || /*#__PURE__*/isValidElement(this.props.hint), 'MultilineField: "hint" should be string or ReactNode if `hintIcon` is present') : void 0;
80
81
  }
81
82
 
82
83
  return jsx(Constraints.Horizontal, {
@@ -92,7 +93,7 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
92
93
  badge: this.props.badge,
93
94
  hasRequiredIndicator: this.props.isRequired,
94
95
  htmlFor: this.state.id
95
- }), jsx(MultilineTextInput, _objectSpread({
96
+ }), jsx(MultilineTextInput, _objectSpread(_objectSpread({
96
97
  id: this.state.id,
97
98
  name: this.props.name,
98
99
  autoComplete: this.props.autoComplete,
@@ -107,7 +108,11 @@ var MultilineTextField = /*#__PURE__*/function (_Component) {
107
108
  hasError: hasError,
108
109
  placeholder: this.props.placeholder,
109
110
  horizontalConstraint: "scale"
110
- }, filterDataAttributes(this.props))), jsx(FieldErrors, {
111
+ }, filterDataAttributes(this.props)), {}, {
112
+ "aria-invalid": hasError,
113
+ "aria-errormessage": sequentialErrorsId
114
+ })), jsx(FieldErrors, {
115
+ id: sequentialErrorsId,
111
116
  errors: this.props.errors,
112
117
  isVisible: hasError,
113
118
  renderError: this.props.renderError
@@ -159,6 +164,6 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
159
164
  var MultilineTextField$1 = MultilineTextField;
160
165
 
161
166
  // NOTE: This string will be replaced on build time with the package version.
162
- var version = "13.0.2";
167
+ var version = "13.0.4";
163
168
 
164
169
  export { MultilineTextField$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/multiline-text-field",
3
3
  "description": "A controlled text input component for multi-line strings with validation states and a label.",
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",
@@ -23,15 +23,15 @@
23
23
  "@babel/runtime-corejs3": "7.17.2",
24
24
  "@commercetools-uikit/constraints": "13.0.2",
25
25
  "@commercetools-uikit/design-system": "13.0.0",
26
- "@commercetools-uikit/field-errors": "13.0.2",
27
- "@commercetools-uikit/field-label": "13.0.2",
28
- "@commercetools-uikit/multiline-text-input": "13.0.2",
26
+ "@commercetools-uikit/field-errors": "13.0.4",
27
+ "@commercetools-uikit/field-label": "13.0.4",
28
+ "@commercetools-uikit/multiline-text-input": "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"