@commercetools-uikit/multiline-text-field 19.12.0 → 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('multiline-text-field-');
59
- const sequentialErrorsId = utils.createSequentialId('multiline-text-field-error-')();
60
- const sequentialWarningsId = utils.createSequentialId('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 MultilineTextField = /*#__PURE__*/function (_Component) {
93
91
  if (this.props.hint) {
94
92
  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;
95
93
  }
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, {
@@ -124,14 +124,14 @@ let MultilineTextField = /*#__PURE__*/function (_Component) {
124
124
  horizontalConstraint: "scale"
125
125
  }, utils.filterDataAttributes(this.props)), {}, {
126
126
  "aria-invalid": hasError,
127
- "aria-errormessage": sequentialErrorsId
127
+ "aria-errormessage": errorsContainerId
128
128
  })), jsxRuntime.jsx(FieldErrors__default["default"], {
129
- id: sequentialErrorsId,
129
+ id: errorsContainerId,
130
130
  errors: this.props.errors,
131
131
  isVisible: hasError,
132
132
  renderError: this.props.renderError
133
133
  }), jsxRuntime.jsx(FieldWarnings__default["default"], {
134
- id: sequentialWarningsId,
134
+ id: warningsContainerId,
135
135
  warnings: this.props.warnings,
136
136
  isVisible: hasWarning,
137
137
  renderWarning: this.props.renderWarning
@@ -189,7 +189,7 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
189
189
  var MultilineTextField$1 = MultilineTextField;
190
190
 
191
191
  // NOTE: This string will be replaced on build time with the package version.
192
- var version = "19.11.0";
192
+ var version = "19.13.0";
193
193
 
194
194
  exports["default"] = MultilineTextField$1;
195
195
  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('multiline-text-field-');
58
- const sequentialErrorsId = utils.createSequentialId('multiline-text-field-error-')();
59
- const sequentialWarningsId = utils.createSequentialId('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 MultilineTextField = /*#__PURE__*/function (_Component) {
88
86
  const hasWarning = this.props.touched && hasWarnings(this.props.warnings);
89
87
  if (!this.props.isReadOnly) ;
90
88
  if (this.props.hint) ;
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, {
@@ -119,14 +119,14 @@ let MultilineTextField = /*#__PURE__*/function (_Component) {
119
119
  horizontalConstraint: "scale"
120
120
  }, utils.filterDataAttributes(this.props)), {}, {
121
121
  "aria-invalid": hasError,
122
- "aria-errormessage": sequentialErrorsId
122
+ "aria-errormessage": errorsContainerId
123
123
  })), jsxRuntime.jsx(FieldErrors__default["default"], {
124
- id: sequentialErrorsId,
124
+ id: errorsContainerId,
125
125
  errors: this.props.errors,
126
126
  isVisible: hasError,
127
127
  renderError: this.props.renderError
128
128
  }), jsxRuntime.jsx(FieldWarnings__default["default"], {
129
- id: sequentialWarningsId,
129
+ id: warningsContainerId,
130
130
  warnings: this.props.warnings,
131
131
  isVisible: hasWarning,
132
132
  renderWarning: this.props.renderWarning
@@ -158,7 +158,7 @@ MultilineTextField.propTypes = {};
158
158
  var MultilineTextField$1 = MultilineTextField;
159
159
 
160
160
  // NOTE: This string will be replaced on build time with the package version.
161
- var version = "19.11.0";
161
+ var version = "19.13.0";
162
162
 
163
163
  exports["default"] = MultilineTextField$1;
164
164
  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('multiline-text-field-');
34
- const sequentialErrorsId = createSequentialId('multiline-text-field-error-')();
35
- const sequentialWarningsId = createSequentialId('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 MultilineTextField = /*#__PURE__*/function (_Component) {
68
66
  if (this.props.hint) {
69
67
  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;
70
68
  }
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, {
@@ -99,14 +99,14 @@ let MultilineTextField = /*#__PURE__*/function (_Component) {
99
99
  horizontalConstraint: "scale"
100
100
  }, filterDataAttributes(this.props)), {}, {
101
101
  "aria-invalid": hasError,
102
- "aria-errormessage": sequentialErrorsId
102
+ "aria-errormessage": errorsContainerId
103
103
  })), jsx(FieldErrors, {
104
- id: sequentialErrorsId,
104
+ id: errorsContainerId,
105
105
  errors: this.props.errors,
106
106
  isVisible: hasError,
107
107
  renderError: this.props.renderError
108
108
  }), jsx(FieldWarnings, {
109
- id: sequentialWarningsId,
109
+ id: warningsContainerId,
110
110
  warnings: this.props.warnings,
111
111
  isVisible: hasWarning,
112
112
  renderWarning: this.props.renderWarning
@@ -164,6 +164,6 @@ MultilineTextField.propTypes = process.env.NODE_ENV !== "production" ? {
164
164
  var MultilineTextField$1 = MultilineTextField;
165
165
 
166
166
  // NOTE: This string will be replaced on build time with the package version.
167
- var version = "19.11.0";
167
+ var version = "19.13.0";
168
168
 
169
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": "19.12.0",
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.0",
25
- "@commercetools-uikit/design-system": "19.12.0",
26
- "@commercetools-uikit/field-errors": "19.12.0",
27
- "@commercetools-uikit/field-label": "19.12.0",
28
- "@commercetools-uikit/field-warnings": "19.12.0",
29
- "@commercetools-uikit/multiline-text-input": "19.12.0",
30
- "@commercetools-uikit/spacings": "19.12.0",
31
- "@commercetools-uikit/utils": "19.12.0",
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/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",