@commercetools-uikit/localized-multiline-text-field 19.12.1 → 19.13.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.
@@ -56,8 +56,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
56
56
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
57
57
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
58
58
  const sequentialId = utils.createSequentialId('localized-multiline-text-field-');
59
- const sequentialErrorsId = utils.createSequentialId('localized-multiline-text-field-error-')();
60
- const sequentialWarningsId = utils.createSequentialId('localized-multiline-text-field-warning-')();
61
59
  const hasErrors = errors => {
62
60
  var _context;
63
61
  return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
@@ -93,6 +91,8 @@ let LocalizedMultilineTextField = /*#__PURE__*/function (_Component) {
93
91
  }
94
92
  const hasError = this.props.touched && hasErrors(this.props.errors);
95
93
  const hasWarning = this.props.touched && hasWarnings(this.props.warnings);
94
+ const errorsContainerId = `${this.state.id}-errors`;
95
+ const warningsContainerId = `${this.state.id}-warnings`;
96
96
  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
97
97
  max: this.props.horizontalConstraint,
98
98
  children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
@@ -131,15 +131,15 @@ let LocalizedMultilineTextField = /*#__PURE__*/function (_Component) {
131
131
  }, utils.filterDataAttributes(this.props)), {}, {
132
132
  /* ARIA */
133
133
  "aria-invalid": hasError,
134
- "aria-errormessage": sequentialErrorsId,
134
+ "aria-errormessage": errorsContainerId,
135
135
  additionalInfo: this.props.additionalInfo && this.props.additionalInfo
136
136
  })), jsxRuntime.jsx(FieldErrors__default["default"], {
137
- id: sequentialErrorsId,
137
+ id: errorsContainerId,
138
138
  errors: this.props.errors,
139
139
  isVisible: hasError,
140
140
  renderError: this.props.renderError
141
141
  }), jsxRuntime.jsx(FieldWarnings__default["default"], {
142
- id: sequentialWarningsId,
142
+ id: warningsContainerId,
143
143
  warnings: this.props.warnings,
144
144
  isVisible: hasWarning,
145
145
  renderWarning: this.props.renderWarning
@@ -200,7 +200,7 @@ LocalizedMultilineTextField.propTypes = process.env.NODE_ENV !== "production" ?
200
200
  var LocalizedMultilineTextField$1 = LocalizedMultilineTextField;
201
201
 
202
202
  // NOTE: This string will be replaced on build time with the package version.
203
- var version = "19.12.1";
203
+ var version = "19.13.0";
204
204
 
205
205
  exports["default"] = LocalizedMultilineTextField$1;
206
206
  exports.version = version;
@@ -55,8 +55,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
55
55
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
56
56
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
57
57
  const sequentialId = utils.createSequentialId('localized-multiline-text-field-');
58
- const sequentialErrorsId = utils.createSequentialId('localized-multiline-text-field-error-')();
59
- const sequentialWarningsId = utils.createSequentialId('localized-multiline-text-field-warning-')();
60
58
  const hasErrors = errors => {
61
59
  var _context;
62
60
  return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
@@ -88,6 +86,8 @@ let LocalizedMultilineTextField = /*#__PURE__*/function (_Component) {
88
86
  if (this.props.hintIcon) ;
89
87
  const hasError = this.props.touched && hasErrors(this.props.errors);
90
88
  const hasWarning = this.props.touched && hasWarnings(this.props.warnings);
89
+ const errorsContainerId = `${this.state.id}-errors`;
90
+ const warningsContainerId = `${this.state.id}-warnings`;
91
91
  return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
92
92
  max: this.props.horizontalConstraint,
93
93
  children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
@@ -126,15 +126,15 @@ let LocalizedMultilineTextField = /*#__PURE__*/function (_Component) {
126
126
  }, utils.filterDataAttributes(this.props)), {}, {
127
127
  /* ARIA */
128
128
  "aria-invalid": hasError,
129
- "aria-errormessage": sequentialErrorsId,
129
+ "aria-errormessage": errorsContainerId,
130
130
  additionalInfo: this.props.additionalInfo && this.props.additionalInfo
131
131
  })), jsxRuntime.jsx(FieldErrors__default["default"], {
132
- id: sequentialErrorsId,
132
+ id: errorsContainerId,
133
133
  errors: this.props.errors,
134
134
  isVisible: hasError,
135
135
  renderError: this.props.renderError
136
136
  }), jsxRuntime.jsx(FieldWarnings__default["default"], {
137
- id: sequentialWarningsId,
137
+ id: warningsContainerId,
138
138
  warnings: this.props.warnings,
139
139
  isVisible: hasWarning,
140
140
  renderWarning: this.props.renderWarning
@@ -167,7 +167,7 @@ LocalizedMultilineTextField.propTypes = {};
167
167
  var LocalizedMultilineTextField$1 = LocalizedMultilineTextField;
168
168
 
169
169
  // NOTE: This string will be replaced on build time with the package version.
170
- var version = "19.12.1";
170
+ var version = "19.13.0";
171
171
 
172
172
  exports["default"] = LocalizedMultilineTextField$1;
173
173
  exports.version = version;
@@ -31,8 +31,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
31
31
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
32
32
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
33
33
  const sequentialId = createSequentialId('localized-multiline-text-field-');
34
- const sequentialErrorsId = createSequentialId('localized-multiline-text-field-error-')();
35
- const sequentialWarningsId = createSequentialId('localized-multiline-text-field-warning-')();
36
34
  const hasErrors = errors => {
37
35
  var _context;
38
36
  return errors && _someInstanceProperty(_context = _Object$values(errors)).call(_context, Boolean);
@@ -68,6 +66,8 @@ let LocalizedMultilineTextField = /*#__PURE__*/function (_Component) {
68
66
  }
69
67
  const hasError = this.props.touched && hasErrors(this.props.errors);
70
68
  const hasWarning = this.props.touched && hasWarnings(this.props.warnings);
69
+ const errorsContainerId = `${this.state.id}-errors`;
70
+ const warningsContainerId = `${this.state.id}-warnings`;
71
71
  return jsx(Constraints.Horizontal, {
72
72
  max: this.props.horizontalConstraint,
73
73
  children: jsxs(Spacings.Stack, {
@@ -106,15 +106,15 @@ let LocalizedMultilineTextField = /*#__PURE__*/function (_Component) {
106
106
  }, filterDataAttributes(this.props)), {}, {
107
107
  /* ARIA */
108
108
  "aria-invalid": hasError,
109
- "aria-errormessage": sequentialErrorsId,
109
+ "aria-errormessage": errorsContainerId,
110
110
  additionalInfo: this.props.additionalInfo && this.props.additionalInfo
111
111
  })), jsx(FieldErrors, {
112
- id: sequentialErrorsId,
112
+ id: errorsContainerId,
113
113
  errors: this.props.errors,
114
114
  isVisible: hasError,
115
115
  renderError: this.props.renderError
116
116
  }), jsx(FieldWarnings, {
117
- id: sequentialWarningsId,
117
+ id: warningsContainerId,
118
118
  warnings: this.props.warnings,
119
119
  isVisible: hasWarning,
120
120
  renderWarning: this.props.renderWarning
@@ -175,6 +175,6 @@ LocalizedMultilineTextField.propTypes = process.env.NODE_ENV !== "production" ?
175
175
  var LocalizedMultilineTextField$1 = LocalizedMultilineTextField;
176
176
 
177
177
  // NOTE: This string will be replaced on build time with the package version.
178
- var version = "19.12.1";
178
+ var version = "19.13.0";
179
179
 
180
180
  export { LocalizedMultilineTextField$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/localized-multiline-text-field",
3
3
  "description": "A controlled text input component for localized multi-line strings with validation states.",
4
- "version": "19.12.1",
4
+ "version": "19.13.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,14 +21,14 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/constraints": "19.12.1",
25
- "@commercetools-uikit/design-system": "19.12.1",
26
- "@commercetools-uikit/field-errors": "19.12.1",
27
- "@commercetools-uikit/field-label": "19.12.1",
28
- "@commercetools-uikit/field-warnings": "19.12.1",
29
- "@commercetools-uikit/localized-multiline-text-input": "19.12.1",
30
- "@commercetools-uikit/spacings": "19.12.1",
31
- "@commercetools-uikit/utils": "19.12.1",
24
+ "@commercetools-uikit/constraints": "19.13.0",
25
+ "@commercetools-uikit/design-system": "19.13.0",
26
+ "@commercetools-uikit/field-errors": "19.13.0",
27
+ "@commercetools-uikit/field-label": "19.13.0",
28
+ "@commercetools-uikit/field-warnings": "19.13.0",
29
+ "@commercetools-uikit/localized-multiline-text-input": "19.13.0",
30
+ "@commercetools-uikit/spacings": "19.13.0",
31
+ "@commercetools-uikit/utils": "19.13.0",
32
32
  "@emotion/react": "^11.10.5",
33
33
  "@emotion/styled": "^11.10.5",
34
34
  "prop-types": "15.8.1",