@commercetools-uikit/radio-field 12.2.1 → 12.2.5

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 (5) hide show
  1. package/README.md +0 -1
  2. package/dist/commercetools-uikit-radio-field.cjs.dev.js +92 -68
  3. package/dist/commercetools-uikit-radio-field.cjs.prod.js +69 -45
  4. package/dist/commercetools-uikit-radio-field.esm.js +57 -41
  5. package/package.json +19 -16
package/README.md CHANGED
@@ -30,7 +30,6 @@ npm --save install react
30
30
  ## Usage
31
31
 
32
32
  ```jsx
33
- import React from 'react';
34
33
  import RadioField from '@commercetools-uikit/radio-field';
35
34
  import RadioInput from '@commercetools-uikit/radio-input';
36
35
 
package/dist/commercetools-uikit-radio-field.cjs.dev.js CHANGED
@@ -3,7 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
6
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
6
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
9
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
10
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
11
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
12
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
7
15
  var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
8
16
  var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
9
17
  var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
@@ -12,7 +20,7 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
12
20
  var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
13
21
  var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
14
22
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
15
- var React = require('react');
23
+ var react = require('react');
16
24
  var PropTypes = require('prop-types');
17
25
  var requiredIf = require('react-required-if');
18
26
  var utils = require('@commercetools-uikit/utils');
@@ -21,15 +29,22 @@ var Stack = require('@commercetools-uikit/spacings-stack');
21
29
  var FieldLabel = require('@commercetools-uikit/field-label');
22
30
  var FieldErrors = require('@commercetools-uikit/field-errors');
23
31
  var RadioInput = require('@commercetools-uikit/radio-input');
24
- var react = require('@emotion/react');
32
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
25
33
 
26
34
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
27
35
 
28
36
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
37
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
38
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
39
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
40
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
41
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
42
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
43
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
44
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
29
45
  var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
30
46
  var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
31
47
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
32
- var React__default = /*#__PURE__*/_interopDefault(React);
33
48
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
34
49
  var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
35
50
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
@@ -38,19 +53,23 @@ var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
38
53
  var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
39
54
  var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
40
55
 
41
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default['default'](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
56
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
42
57
 
43
- 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 { Date.prototype.toString.call(_Reflect$construct__default['default'](Date, [], function () {})); return true; } catch (e) { return false; } }
58
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
59
+
60
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
61
+
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; } }
44
63
  var sequentialId = utils.createSequentialId('radio-field-');
45
64
 
46
65
  var hasErrors = function hasErrors(errors) {
47
66
  var _context;
48
67
 
49
- return errors && _someInstanceProperty__default['default'](_context = _Object$values__default['default'](errors)).call(_context, Boolean);
68
+ return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
50
69
  };
51
70
 
52
- var RadioField = /*#__PURE__*/function (_React$Component) {
53
- _inherits(RadioField, _React$Component);
71
+ var RadioField = /*#__PURE__*/function (_Component) {
72
+ _inherits(RadioField, _Component);
54
73
 
55
74
  var _super = _createSuper(RadioField);
56
75
 
@@ -65,7 +84,7 @@ var RadioField = /*#__PURE__*/function (_React$Component) {
65
84
  args[_key] = arguments[_key];
66
85
  }
67
86
 
68
- _this = _super.call.apply(_super, _concatInstanceProperty__default['default'](_context2 = [this]).call(_context2, args));
87
+ _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context2 = [this]).call(_context2, args));
69
88
  _this.state = {
70
89
  // We generate an id in case no id is provided by the parent to attach the
71
90
  // label to the input component.
@@ -78,42 +97,46 @@ var RadioField = /*#__PURE__*/function (_React$Component) {
78
97
  key: "render",
79
98
  value: function render() {
80
99
  var hasError = this.props.touched && hasErrors(this.props.errors);
81
- return react.jsx(Constraints__default['default'].Horizontal, {
82
- max: this.props.horizontalConstraint
83
- }, react.jsx(Stack__default['default'], {
84
- scale: "xs"
85
- }, react.jsx(FieldLabel__default['default'], {
86
- title: this.props.title,
87
- hint: this.props.hint,
88
- description: this.props.description,
89
- onInfoButtonClick: this.props.onInfoButtonClick,
90
- hintIcon: this.props.hintIcon,
91
- badge: this.props.badge,
92
- hasRequiredIndicator: this.props.isRequired,
93
- id: this.state.id
94
- }), react.jsx(RadioInput__default['default'].Group, _extends({
95
- id: this.state.id,
96
- name: this.props.name,
97
- value: this.props.value,
98
- onChange: this.props.onChange,
99
- onBlur: this.props.onBlur,
100
- onFocus: this.props.onFocus,
101
- isDisabled: this.props.isDisabled,
102
- isReadOnly: this.props.isReadOnly,
103
- hasError: hasError,
104
- horizontalConstraint: this.props.horizontalConstraint,
105
- direction: this.props.direction,
106
- directionProps: this.props.directionProps
107
- }, utils.filterDataAttributes(this.props)), this.props.children), react.jsx(FieldErrors__default['default'], {
108
- errors: this.props.errors,
109
- isVisible: hasError,
110
- renderError: this.props.renderError
111
- })));
100
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
101
+ max: this.props.horizontalConstraint,
102
+ children: jsxRuntime.jsxs(Stack__default["default"], {
103
+ scale: "xs",
104
+ children: [jsxRuntime.jsx(FieldLabel__default["default"], {
105
+ title: this.props.title,
106
+ hint: this.props.hint,
107
+ description: this.props.description,
108
+ onInfoButtonClick: this.props.onInfoButtonClick,
109
+ hintIcon: this.props.hintIcon,
110
+ badge: this.props.badge,
111
+ hasRequiredIndicator: this.props.isRequired,
112
+ id: this.state.id
113
+ }), jsxRuntime.jsx(RadioInput__default["default"].Group, _objectSpread(_objectSpread({
114
+ id: this.state.id,
115
+ name: this.props.name,
116
+ value: this.props.value,
117
+ onChange: this.props.onChange,
118
+ onBlur: this.props.onBlur,
119
+ onFocus: this.props.onFocus,
120
+ isDisabled: this.props.isDisabled,
121
+ isReadOnly: this.props.isReadOnly,
122
+ hasError: hasError,
123
+ horizontalConstraint: this.props.horizontalConstraint,
124
+ direction: this.props.direction,
125
+ directionProps: this.props.directionProps
126
+ }, utils.filterDataAttributes(this.props)), {}, {
127
+ children: this.props.children
128
+ })), jsxRuntime.jsx(FieldErrors__default["default"], {
129
+ errors: this.props.errors,
130
+ isVisible: hasError,
131
+ renderError: this.props.renderError
132
+ })]
133
+ })
134
+ });
112
135
  }
113
136
  }]);
114
137
 
115
138
  return RadioField;
116
- }(React__default['default'].Component);
139
+ }(react.Component);
117
140
 
118
141
  RadioField.displayName = 'RadioField';
119
142
  RadioField.defaultProps = {
@@ -132,18 +155,18 @@ RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
132
155
  /**
133
156
  * Used as HTML id property. An id is auto-generated when it is not specified.
134
157
  */
135
- id: PropTypes__default['default'].string,
158
+ id: PropTypes__default["default"].string,
136
159
 
137
160
  /**
138
161
  * Horizontal size limit of the input fields.
139
162
  */
140
- horizontalConstraint: PropTypes__default['default'].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
163
+ horizontalConstraint: PropTypes__default["default"].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
141
164
 
142
165
  /**
143
166
  * A map of errors. Error messages for known errors are rendered automatically. Unknown errors will be forwarded to `renderError`.
144
167
  */
145
- errors: PropTypes__default['default'].shape({
146
- missing: PropTypes__default['default'].bool
168
+ errors: PropTypes__default["default"].shape({
169
+ missing: PropTypes__default["default"].bool
147
170
  }),
148
171
 
149
172
  /**
@@ -153,35 +176,35 @@ RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
153
176
  * <br/>
154
177
  * Signature: `(key, error) => React.node`
155
178
  */
156
- renderError: PropTypes__default['default'].func,
179
+ renderError: PropTypes__default["default"].func,
157
180
 
158
181
  /**
159
182
  * Indicates if the value is required. Shows an the "required asterisk" if so.
160
183
  */
161
- isRequired: PropTypes__default['default'].bool,
184
+ isRequired: PropTypes__default["default"].bool,
162
185
 
163
186
  /**
164
187
  * Indicates whether the field was touched. Errors will only be shown when the field was touched.
165
188
  */
166
- touched: PropTypes__default['default'].bool,
189
+ touched: PropTypes__default["default"].bool,
167
190
  // RadioInput
168
191
 
169
192
  /**
170
193
  * Used as HTML name of the input component.
171
194
  */
172
- name: PropTypes__default['default'].string,
195
+ name: PropTypes__default["default"].string,
173
196
 
174
197
  /**
175
198
  * Value of the input component.
176
199
  */
177
- value: PropTypes__default['default'].string.isRequired,
200
+ value: PropTypes__default["default"].string.isRequired,
178
201
 
179
202
  /**
180
203
  * Called with an event containing the new value. Required when input is not read only. Parent should pass it back as value.
181
204
  * <br />
182
205
  * Signature: `(event) => void`
183
206
  */
184
- onChange: requiredIf__default['default'](PropTypes__default['default'].func, function (props) {
207
+ onChange: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
185
208
  return !props.isReadOnly;
186
209
  }),
187
210
 
@@ -190,59 +213,59 @@ RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
190
213
  * <br />
191
214
  * Signature: `(event) => void`
192
215
  */
193
- onBlur: PropTypes__default['default'].func,
216
+ onBlur: PropTypes__default["default"].func,
194
217
 
195
218
  /**
196
219
  * Called when input is focused
197
220
  * <br />
198
221
  * Signature: `(event) => void`
199
222
  */
200
- onFocus: PropTypes__default['default'].func,
223
+ onFocus: PropTypes__default["default"].func,
201
224
 
202
225
  /**
203
226
  * Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).
204
227
  */
205
- isDisabled: PropTypes__default['default'].bool,
228
+ isDisabled: PropTypes__default["default"].bool,
206
229
 
207
230
  /**
208
231
  * Indicates that the field is displaying read-only content
209
232
  */
210
- isReadOnly: PropTypes__default['default'].bool,
233
+ isReadOnly: PropTypes__default["default"].bool,
211
234
 
212
235
  /**
213
236
  * Rendering direction of the radio `RadioInput.Option`s
214
237
  */
215
- direction: PropTypes__default['default'].oneOf(['stack', 'inline']),
238
+ direction: PropTypes__default["default"].oneOf(['stack', 'inline']),
216
239
 
217
240
  /**
218
241
  * Passes props of the `Spacings.Stack` or `Spacings.Inline`, dependeing on the chosen direction
219
242
  */
220
- directionProps: PropTypes__default['default'].object,
243
+ directionProps: PropTypes__default["default"].object,
221
244
 
222
245
  /**
223
246
  * At least one `RadioInput.Option` component or another node (mixed children are allowed)
224
247
  */
225
- children: PropTypes__default['default'].node.isRequired,
248
+ children: PropTypes__default["default"].node.isRequired,
226
249
  // LabelField
227
250
 
228
251
  /**
229
252
  * Title of the label
230
253
  */
231
- title: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired,
254
+ title: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired,
232
255
 
233
256
  /**
234
257
  * Hint for the label. Provides a supplementary but important information regarding the behaviour of the input (e.g warn about uniqueness of a field, when it can only be set once), whereas description can describe it in more depth.
235
258
  * <br />
236
259
  * Can also receive a `hintIcon`.
237
260
  */
238
- hint: requiredIf__default['default'](PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]), function (props) {
261
+ hint: requiredIf__default["default"](PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]), function (props) {
239
262
  return props.hintIcon;
240
263
  }),
241
264
 
242
265
  /**
243
266
  * Provides a description for the title.
244
267
  */
245
- description: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]),
268
+ description: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]),
246
269
 
247
270
  /**
248
271
  * Function called when info button is pressed.
@@ -251,25 +274,26 @@ RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
251
274
  * <br />
252
275
  * Signature: `(event) => void`
253
276
  */
254
- onInfoButtonClick: PropTypes__default['default'].func,
277
+ onInfoButtonClick: PropTypes__default["default"].func,
255
278
 
256
279
  /**
257
280
  * Icon to be displayed beside the hint text.
258
281
  * <br />
259
282
  * Will only get rendered when `hint` is passed as well.
260
283
  */
261
- hintIcon: PropTypes__default['default'].node,
284
+ hintIcon: PropTypes__default["default"].node,
262
285
 
263
286
  /**
264
287
  * Badge to be displayed beside the label.
265
288
  * <br />
266
289
  * Might be used to display additional information about the content of the field (E.g verified email)
267
290
  */
268
- badge: PropTypes__default['default'].node
291
+ badge: PropTypes__default["default"].node
269
292
  } : {};
293
+ var RadioField$1 = RadioField;
270
294
 
271
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
272
- var version = '12.2.1';
295
+ // NOTE: This string will be replaced on build time with the package version.
296
+ var version = "12.2.5";
273
297
 
274
- exports.default = RadioField;
298
+ exports["default"] = RadioField$1;
275
299
  exports.version = version;
package/dist/commercetools-uikit-radio-field.cjs.prod.js CHANGED
@@ -3,7 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
6
- var _extends = require('@babel/runtime-corejs3/helpers/extends');
6
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
9
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
10
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
11
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
12
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
7
15
  var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
8
16
  var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
9
17
  var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
@@ -12,7 +20,7 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
12
20
  var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
13
21
  var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
14
22
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
15
- var React = require('react');
23
+ var react = require('react');
16
24
  require('prop-types');
17
25
  require('react-required-if');
18
26
  var utils = require('@commercetools-uikit/utils');
@@ -21,34 +29,45 @@ var Stack = require('@commercetools-uikit/spacings-stack');
21
29
  var FieldLabel = require('@commercetools-uikit/field-label');
22
30
  var FieldErrors = require('@commercetools-uikit/field-errors');
23
31
  var RadioInput = require('@commercetools-uikit/radio-input');
24
- var react = require('@emotion/react');
32
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
25
33
 
26
34
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
27
35
 
28
36
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
37
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
38
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
39
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
40
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
41
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
42
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
43
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
44
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
29
45
  var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
30
46
  var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
31
47
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
32
- var React__default = /*#__PURE__*/_interopDefault(React);
33
48
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
34
49
  var Stack__default = /*#__PURE__*/_interopDefault(Stack);
35
50
  var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
36
51
  var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
37
52
  var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
38
53
 
39
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default['default'](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
54
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
40
55
 
41
- 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 { Date.prototype.toString.call(_Reflect$construct__default['default'](Date, [], function () {})); return true; } catch (e) { return false; } }
56
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
57
+
58
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
59
+
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; } }
42
61
  var sequentialId = utils.createSequentialId('radio-field-');
43
62
 
44
63
  var hasErrors = function hasErrors(errors) {
45
64
  var _context;
46
65
 
47
- return errors && _someInstanceProperty__default['default'](_context = _Object$values__default['default'](errors)).call(_context, Boolean);
66
+ return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
48
67
  };
49
68
 
50
- var RadioField = /*#__PURE__*/function (_React$Component) {
51
- _inherits(RadioField, _React$Component);
69
+ var RadioField = /*#__PURE__*/function (_Component) {
70
+ _inherits(RadioField, _Component);
52
71
 
53
72
  var _super = _createSuper(RadioField);
54
73
 
@@ -63,7 +82,7 @@ var RadioField = /*#__PURE__*/function (_React$Component) {
63
82
  args[_key] = arguments[_key];
64
83
  }
65
84
 
66
- _this = _super.call.apply(_super, _concatInstanceProperty__default['default'](_context2 = [this]).call(_context2, args));
85
+ _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context2 = [this]).call(_context2, args));
67
86
  _this.state = {
68
87
  // We generate an id in case no id is provided by the parent to attach the
69
88
  // label to the input component.
@@ -76,42 +95,46 @@ var RadioField = /*#__PURE__*/function (_React$Component) {
76
95
  key: "render",
77
96
  value: function render() {
78
97
  var hasError = this.props.touched && hasErrors(this.props.errors);
79
- return react.jsx(Constraints__default['default'].Horizontal, {
80
- max: this.props.horizontalConstraint
81
- }, react.jsx(Stack__default['default'], {
82
- scale: "xs"
83
- }, react.jsx(FieldLabel__default['default'], {
84
- title: this.props.title,
85
- hint: this.props.hint,
86
- description: this.props.description,
87
- onInfoButtonClick: this.props.onInfoButtonClick,
88
- hintIcon: this.props.hintIcon,
89
- badge: this.props.badge,
90
- hasRequiredIndicator: this.props.isRequired,
91
- id: this.state.id
92
- }), react.jsx(RadioInput__default['default'].Group, _extends({
93
- id: this.state.id,
94
- name: this.props.name,
95
- value: this.props.value,
96
- onChange: this.props.onChange,
97
- onBlur: this.props.onBlur,
98
- onFocus: this.props.onFocus,
99
- isDisabled: this.props.isDisabled,
100
- isReadOnly: this.props.isReadOnly,
101
- hasError: hasError,
102
- horizontalConstraint: this.props.horizontalConstraint,
103
- direction: this.props.direction,
104
- directionProps: this.props.directionProps
105
- }, utils.filterDataAttributes(this.props)), this.props.children), react.jsx(FieldErrors__default['default'], {
106
- errors: this.props.errors,
107
- isVisible: hasError,
108
- renderError: this.props.renderError
109
- })));
98
+ return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
99
+ max: this.props.horizontalConstraint,
100
+ children: jsxRuntime.jsxs(Stack__default["default"], {
101
+ scale: "xs",
102
+ children: [jsxRuntime.jsx(FieldLabel__default["default"], {
103
+ title: this.props.title,
104
+ hint: this.props.hint,
105
+ description: this.props.description,
106
+ onInfoButtonClick: this.props.onInfoButtonClick,
107
+ hintIcon: this.props.hintIcon,
108
+ badge: this.props.badge,
109
+ hasRequiredIndicator: this.props.isRequired,
110
+ id: this.state.id
111
+ }), jsxRuntime.jsx(RadioInput__default["default"].Group, _objectSpread(_objectSpread({
112
+ id: this.state.id,
113
+ name: this.props.name,
114
+ value: this.props.value,
115
+ onChange: this.props.onChange,
116
+ onBlur: this.props.onBlur,
117
+ onFocus: this.props.onFocus,
118
+ isDisabled: this.props.isDisabled,
119
+ isReadOnly: this.props.isReadOnly,
120
+ hasError: hasError,
121
+ horizontalConstraint: this.props.horizontalConstraint,
122
+ direction: this.props.direction,
123
+ directionProps: this.props.directionProps
124
+ }, utils.filterDataAttributes(this.props)), {}, {
125
+ children: this.props.children
126
+ })), jsxRuntime.jsx(FieldErrors__default["default"], {
127
+ errors: this.props.errors,
128
+ isVisible: hasError,
129
+ renderError: this.props.renderError
130
+ })]
131
+ })
132
+ });
110
133
  }
111
134
  }]);
112
135
 
113
136
  return RadioField;
114
- }(React__default['default'].Component);
137
+ }(react.Component);
115
138
 
116
139
  RadioField.displayName = 'RadioField';
117
140
  RadioField.defaultProps = {
@@ -125,9 +148,10 @@ RadioField.getDerivedStateFromProps = function (props, state) {
125
148
  };
126
149
 
127
150
  RadioField.propTypes = {};
151
+ var RadioField$1 = RadioField;
128
152
 
129
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
130
- var version = '12.2.1';
153
+ // NOTE: This string will be replaced on build time with the package version.
154
+ var version = "12.2.5";
131
155
 
132
- exports.default = RadioField;
156
+ exports["default"] = RadioField$1;
133
157
  exports.version = version;
package/dist/commercetools-uikit-radio-field.esm.js CHANGED
@@ -1,5 +1,13 @@
1
1
  import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
2
- import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
3
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
4
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
5
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
6
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
7
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
8
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
9
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
10
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
3
11
  import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
4
12
  import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
5
13
  import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
@@ -8,7 +16,7 @@ import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
8
16
  import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
9
17
  import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
10
18
  import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
11
- import React from 'react';
19
+ import { Component } from 'react';
12
20
  import PropTypes from 'prop-types';
13
21
  import requiredIf from 'react-required-if';
14
22
  import { createSequentialId, filterDataAttributes, getFieldId } from '@commercetools-uikit/utils';
@@ -17,11 +25,15 @@ import Stack from '@commercetools-uikit/spacings-stack';
17
25
  import FieldLabel from '@commercetools-uikit/field-label';
18
26
  import FieldErrors from '@commercetools-uikit/field-errors';
19
27
  import RadioInput from '@commercetools-uikit/radio-input';
20
- import { jsx } from '@emotion/react';
28
+ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
29
+
30
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
31
+
32
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
21
33
 
22
34
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
23
35
 
24
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(_Reflect$construct(Date, [], function () {})); return true; } catch (e) { return false; } }
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; } }
25
37
  var sequentialId = createSequentialId('radio-field-');
26
38
 
27
39
  var hasErrors = function hasErrors(errors) {
@@ -30,8 +42,8 @@ var hasErrors = function hasErrors(errors) {
30
42
  return errors && _someInstanceProperty(_context = _Object$values(errors)).call(_context, Boolean);
31
43
  };
32
44
 
33
- var RadioField = /*#__PURE__*/function (_React$Component) {
34
- _inherits(RadioField, _React$Component);
45
+ var RadioField = /*#__PURE__*/function (_Component) {
46
+ _inherits(RadioField, _Component);
35
47
 
36
48
  var _super = _createSuper(RadioField);
37
49
 
@@ -60,41 +72,45 @@ var RadioField = /*#__PURE__*/function (_React$Component) {
60
72
  value: function render() {
61
73
  var hasError = this.props.touched && hasErrors(this.props.errors);
62
74
  return jsx(Constraints.Horizontal, {
63
- max: this.props.horizontalConstraint
64
- }, jsx(Stack, {
65
- scale: "xs"
66
- }, jsx(FieldLabel, {
67
- title: this.props.title,
68
- hint: this.props.hint,
69
- description: this.props.description,
70
- onInfoButtonClick: this.props.onInfoButtonClick,
71
- hintIcon: this.props.hintIcon,
72
- badge: this.props.badge,
73
- hasRequiredIndicator: this.props.isRequired,
74
- id: this.state.id
75
- }), jsx(RadioInput.Group, _extends({
76
- id: this.state.id,
77
- name: this.props.name,
78
- value: this.props.value,
79
- onChange: this.props.onChange,
80
- onBlur: this.props.onBlur,
81
- onFocus: this.props.onFocus,
82
- isDisabled: this.props.isDisabled,
83
- isReadOnly: this.props.isReadOnly,
84
- hasError: hasError,
85
- horizontalConstraint: this.props.horizontalConstraint,
86
- direction: this.props.direction,
87
- directionProps: this.props.directionProps
88
- }, filterDataAttributes(this.props)), this.props.children), jsx(FieldErrors, {
89
- errors: this.props.errors,
90
- isVisible: hasError,
91
- renderError: this.props.renderError
92
- })));
75
+ max: this.props.horizontalConstraint,
76
+ children: jsxs(Stack, {
77
+ scale: "xs",
78
+ children: [jsx(FieldLabel, {
79
+ title: this.props.title,
80
+ hint: this.props.hint,
81
+ description: this.props.description,
82
+ onInfoButtonClick: this.props.onInfoButtonClick,
83
+ hintIcon: this.props.hintIcon,
84
+ badge: this.props.badge,
85
+ hasRequiredIndicator: this.props.isRequired,
86
+ id: this.state.id
87
+ }), jsx(RadioInput.Group, _objectSpread(_objectSpread({
88
+ id: this.state.id,
89
+ name: this.props.name,
90
+ value: this.props.value,
91
+ onChange: this.props.onChange,
92
+ onBlur: this.props.onBlur,
93
+ onFocus: this.props.onFocus,
94
+ isDisabled: this.props.isDisabled,
95
+ isReadOnly: this.props.isReadOnly,
96
+ hasError: hasError,
97
+ horizontalConstraint: this.props.horizontalConstraint,
98
+ direction: this.props.direction,
99
+ directionProps: this.props.directionProps
100
+ }, filterDataAttributes(this.props)), {}, {
101
+ children: this.props.children
102
+ })), jsx(FieldErrors, {
103
+ errors: this.props.errors,
104
+ isVisible: hasError,
105
+ renderError: this.props.renderError
106
+ })]
107
+ })
108
+ });
93
109
  }
94
110
  }]);
95
111
 
96
112
  return RadioField;
97
- }(React.Component);
113
+ }(Component);
98
114
 
99
115
  RadioField.displayName = 'RadioField';
100
116
  RadioField.defaultProps = {
@@ -248,9 +264,9 @@ RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
248
264
  */
249
265
  badge: PropTypes.node
250
266
  } : {};
267
+ var RadioField$1 = RadioField;
251
268
 
252
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
253
- var version = '12.2.1';
269
+ // NOTE: This string will be replaced on build time with the package version.
270
+ var version = "12.2.5";
254
271
 
255
- export default RadioField;
256
- export { version };
272
+ 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": "12.2.1",
4
+ "version": "12.2.5",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -9,29 +9,32 @@
9
9
  "directory": "packages/components/fields/radio-field"
10
10
  },
11
11
  "homepage": "https://uikit.commercetools.com",
12
- "keywords": ["javascript", "design system", "react", "uikit"],
12
+ "keywords": [
13
+ "javascript",
14
+ "design system",
15
+ "react",
16
+ "uikit"
17
+ ],
13
18
  "license": "MIT",
14
- "private": false,
15
19
  "publishConfig": {
16
20
  "access": "public"
17
21
  },
18
22
  "sideEffects": false,
19
23
  "main": "dist/commercetools-uikit-radio-field.cjs.js",
20
24
  "module": "dist/commercetools-uikit-radio-field.esm.js",
21
- "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../../scripts/version.js replace"
24
- },
25
+ "files": [
26
+ "dist"
27
+ ],
25
28
  "dependencies": {
26
- "@babel/runtime": "7.14.6",
27
- "@babel/runtime-corejs3": "7.14.7",
28
- "@commercetools-uikit/constraints": "12.2.0",
29
- "@commercetools-uikit/design-system": "12.1.0",
30
- "@commercetools-uikit/field-errors": "12.2.0",
31
- "@commercetools-uikit/field-label": "12.2.1",
32
- "@commercetools-uikit/radio-input": "12.2.1",
33
- "@commercetools-uikit/spacings-stack": "12.2.0",
34
- "@commercetools-uikit/utils": "12.2.0",
29
+ "@babel/runtime": "7.16.3",
30
+ "@babel/runtime-corejs3": "7.16.3",
31
+ "@commercetools-uikit/constraints": "12.2.5",
32
+ "@commercetools-uikit/design-system": "12.2.5",
33
+ "@commercetools-uikit/field-errors": "12.2.5",
34
+ "@commercetools-uikit/field-label": "12.2.5",
35
+ "@commercetools-uikit/radio-input": "12.2.5",
36
+ "@commercetools-uikit/spacings-stack": "12.2.5",
37
+ "@commercetools-uikit/utils": "12.2.5",
35
38
  "@emotion/react": "^11.4.0",
36
39
  "@emotion/styled": "^11.3.0",
37
40
  "prop-types": "15.7.2",