@commercetools-uikit/radio-field 19.12.1 → 19.14.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('radio-field-');
59
- const sequentialErrorsId = utils.createSequentialId('radio-field-error-')();
60
- const sequentialWarningsId = utils.createSequentialId('radio-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 RadioField = /*#__PURE__*/function (_Component) {
93
91
  if (this.props.hintIcon) {
94
92
  process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.hint === 'string' || /*#__PURE__*/react.isValidElement(this.props.hint), 'RadioField: `hint` is required to 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(Stack__default["default"], {
@@ -123,14 +123,15 @@ let RadioField = /*#__PURE__*/function (_Component) {
123
123
  }, utils.filterDataAttributes(this.props)), {}, {
124
124
  /* ARIA */
125
125
  "aria-invalid": hasError,
126
- "aria-errormessage": sequentialErrorsId,
126
+ "aria-errormessage": errorsContainerId,
127
127
  children: this.props.children
128
128
  })), jsxRuntime.jsx(FieldErrors__default["default"], {
129
+ id: errorsContainerId,
129
130
  errors: this.props.errors,
130
131
  isVisible: hasError,
131
132
  renderError: this.props.renderError
132
133
  }), jsxRuntime.jsx(FieldWarnings__default["default"], {
133
- id: sequentialWarningsId,
134
+ id: warningsContainerId,
134
135
  warnings: this.props.warnings,
135
136
  isVisible: hasWarning,
136
137
  renderWarning: this.props.renderWarning
@@ -187,7 +188,7 @@ RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
187
188
  var RadioField$1 = RadioField;
188
189
 
189
190
  // NOTE: This string will be replaced on build time with the package version.
190
- var version = "19.12.1";
191
+ var version = "19.14.0";
191
192
 
192
193
  exports["default"] = RadioField$1;
193
194
  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('radio-field-');
58
- const sequentialErrorsId = utils.createSequentialId('radio-field-error-')();
59
- const sequentialWarningsId = utils.createSequentialId('radio-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 RadioField = /*#__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.hintIcon) ;
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(Stack__default["default"], {
@@ -118,14 +118,15 @@ let RadioField = /*#__PURE__*/function (_Component) {
118
118
  }, utils.filterDataAttributes(this.props)), {}, {
119
119
  /* ARIA */
120
120
  "aria-invalid": hasError,
121
- "aria-errormessage": sequentialErrorsId,
121
+ "aria-errormessage": errorsContainerId,
122
122
  children: this.props.children
123
123
  })), jsxRuntime.jsx(FieldErrors__default["default"], {
124
+ id: errorsContainerId,
124
125
  errors: this.props.errors,
125
126
  isVisible: hasError,
126
127
  renderError: this.props.renderError
127
128
  }), jsxRuntime.jsx(FieldWarnings__default["default"], {
128
- id: sequentialWarningsId,
129
+ id: warningsContainerId,
129
130
  warnings: this.props.warnings,
130
131
  isVisible: hasWarning,
131
132
  renderWarning: this.props.renderWarning
@@ -157,7 +158,7 @@ RadioField.propTypes = {};
157
158
  var RadioField$1 = RadioField;
158
159
 
159
160
  // NOTE: This string will be replaced on build time with the package version.
160
- var version = "19.12.1";
161
+ var version = "19.14.0";
161
162
 
162
163
  exports["default"] = RadioField$1;
163
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('radio-field-');
34
- const sequentialErrorsId = createSequentialId('radio-field-error-')();
35
- const sequentialWarningsId = createSequentialId('radio-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 RadioField = /*#__PURE__*/function (_Component) {
68
66
  if (this.props.hintIcon) {
69
67
  process.env.NODE_ENV !== "production" ? warning(typeof this.props.hint === 'string' || /*#__PURE__*/isValidElement(this.props.hint), 'RadioField: `hint` is required to 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(Stack, {
@@ -98,14 +98,15 @@ let RadioField = /*#__PURE__*/function (_Component) {
98
98
  }, filterDataAttributes(this.props)), {}, {
99
99
  /* ARIA */
100
100
  "aria-invalid": hasError,
101
- "aria-errormessage": sequentialErrorsId,
101
+ "aria-errormessage": errorsContainerId,
102
102
  children: this.props.children
103
103
  })), jsx(FieldErrors, {
104
+ id: errorsContainerId,
104
105
  errors: this.props.errors,
105
106
  isVisible: hasError,
106
107
  renderError: this.props.renderError
107
108
  }), jsx(FieldWarnings, {
108
- id: sequentialWarningsId,
109
+ id: warningsContainerId,
109
110
  warnings: this.props.warnings,
110
111
  isVisible: hasWarning,
111
112
  renderWarning: this.props.renderWarning
@@ -162,6 +163,6 @@ RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
162
163
  var RadioField$1 = RadioField;
163
164
 
164
165
  // NOTE: This string will be replaced on build time with the package version.
165
- var version = "19.12.1";
166
+ var version = "19.14.0";
166
167
 
167
168
  export { RadioField$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/radio-field",
3
3
  "description": "A controlled radio input component with validation states and a label.",
4
- "version": "19.12.1",
4
+ "version": "19.14.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/radio-input": "19.12.1",
30
- "@commercetools-uikit/spacings-stack": "19.12.1",
31
- "@commercetools-uikit/utils": "19.12.1",
24
+ "@commercetools-uikit/constraints": "19.14.0",
25
+ "@commercetools-uikit/design-system": "19.14.0",
26
+ "@commercetools-uikit/field-errors": "19.14.0",
27
+ "@commercetools-uikit/field-label": "19.14.0",
28
+ "@commercetools-uikit/field-warnings": "19.14.0",
29
+ "@commercetools-uikit/radio-input": "19.14.0",
30
+ "@commercetools-uikit/spacings-stack": "19.14.0",
31
+ "@commercetools-uikit/utils": "19.14.0",
32
32
  "@emotion/react": "^11.10.5",
33
33
  "@emotion/styled": "^11.10.5",
34
34
  "prop-types": "15.8.1",