@commercetools-uikit/radio-input 19.20.1 → 19.22.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.
Files changed (7) hide show
  1. package/dist/commercetools-uikit-radio-input.cjs.dev.js +37 -26
  2. package/dist/commercetools-uikit-radio-input.cjs.prod.js +31 -20
  3. package/dist/commercetools-uikit-radio-input.esm.js +37 -26
  4. package/dist/declarations/src/index.d.ts +2 -6
  5. package/dist/declarations/src/radio-group.d.ts +4 -5
  6. package/dist/declarations/src/radio-option.d.ts +1 -4
  7. package/package.json +9 -9
package/dist/commercetools-uikit-radio-input.cjs.dev.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
+ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
6
7
  var _pt = require('prop-types');
7
8
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
8
9
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -177,19 +178,23 @@ const RadioOptionLabel = /*#__PURE__*/_styled__default["default"]("label", proce
177
178
  width: fit-content;
178
179
  }` : '', " ", props => getHoverStyles(props), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUptRCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTdHlsZXNQcm9wcyB9IGZyb20gJy4vcmFkaW8tb3B0aW9uJztcblxuY29uc3QgTGFiZWxUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8VFN0eWxlc1Byb3BzPmBcbiAgZ3JpZC1hcmVhOiBsYWJlbDtcbiAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBBZGRpdGlvbmFsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRTdHlsZXNQcm9wcz5gXG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbmA7XG5cbmNvbnN0IFJhZGlvSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1hcmVhczpcbiAgICAncmFkaW8gbGFiZWwnXG4gICAgJy4gY29udGVudCc7XG5gO1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgICB9XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbn07XG5cbmNvbnN0IGdldEtub2JDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuXG5jb25zdCBnZXRMYWJlbENvbG9yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuICdkZWZhdWx0JztcbiAgfVxuICByZXR1cm4gJ3BvaW50ZXInO1xufTtcblxuY29uc3QgUmFkaW9PcHRpb25Lbm9iID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRLbm9iQ29sb3IocHJvcHMpfTtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQm9yZGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMThweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDJ9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQ29udGFpbmVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBncmlkLWFyZWE6IHJhZGlvO1xuICB3aWR0aDogMjZweDtcbiAgaGVpZ2h0OiAyNnB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAke1JhZGlvT3B0aW9uQm9yZGVyfSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+XG4gICAgICBwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0SG92ZXJTdHlsZXMgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBjb25zdCBob3ZlclN0eWxlcyA9IGNzc2BcbiAgICAke1JhZGlvT3B0aW9uQ29udGFpbmVyfSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1fTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIFtcbiAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICAgIC8qIHByZXR0aWVyLWlnbm9yZSAqL1xuICAgICAgY3NzYFxuICAgICAgICAmOmhvdmVyICR7aG92ZXJTdHlsZXN9O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc0hvdmVyZWQgJiYgaG92ZXJTdHlsZXMsXG4gIF07XG59O1xuXG5jb25zdCBSYWRpb09wdGlvbkxhYmVsID0gc3R5bGVkLmxhYmVsPFRTdHlsZXNQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiBnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGA6Zm9jdXMtd2l0aGluOmhhcyg6Zm9jdXMtdmlzaWJsZSkgJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgICBvdXRsaW5lOiBhdXRvIDJweCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB9YFxuICAgICAgOiAnJ31cblxuICAkeyhwcm9wcykgPT4gZ2V0SG92ZXJTdHlsZXMocHJvcHMpfVxuYDtcblxuZXhwb3J0IHtcbiAgTGFiZWxUZXh0V3JhcHBlcixcbiAgUmFkaW9JbnB1dFdyYXBwZXIsXG4gIEFkZGl0aW9uYWxUZXh0V3JhcHBlcixcbiAgUmFkaW9PcHRpb25Lbm9iLFxuICBSYWRpb09wdGlvbkJvcmRlcixcbiAgUmFkaW9PcHRpb25MYWJlbCxcbiAgUmFkaW9PcHRpb25Db250YWluZXIsXG59O1xuIl19 */"));
179
180
 
181
+ const _excluded$1 = ["components"];
180
182
  function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
181
183
  function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
182
- const Option = props => {
184
+ const Option = _ref => {
185
+ let _ref$components = _ref.components,
186
+ components = _ref$components === void 0 ? {} : _ref$components,
187
+ props = _objectWithoutProperties(_ref, _excluded$1);
183
188
  const labelProps = props.id ? {
184
189
  htmlFor: props.id
185
190
  } : {};
186
191
  if (!props.isReadOnly) {
187
192
  process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'RadioOption: `onChange` is required when input is not read only.') : void 0;
188
193
  }
189
- if (props.components?.wrapper) {
190
- process.env.NODE_ENV !== "production" ? utils.warning(typeof props.components?.wrapper === 'function', `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function`) : void 0;
191
- process.env.NODE_ENV !== "production" ? utils.warning(props.components?.wrapper.length === 1, `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument`) : void 0;
192
- process.env.NODE_ENV !== "production" ? utils.warning( /*#__PURE__*/react$1.isValidElement(props.components?.wrapper(jsxRuntime.jsx(jsxRuntime.Fragment, {}))), `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element`) : void 0;
194
+ if (components.wrapper) {
195
+ process.env.NODE_ENV !== "production" ? utils.warning(typeof components.wrapper === 'function', `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function`) : void 0;
196
+ process.env.NODE_ENV !== "production" ? utils.warning(components.wrapper.length === 1, `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument`) : void 0;
197
+ process.env.NODE_ENV !== "production" ? utils.warning( /*#__PURE__*/react$1.isValidElement(components.wrapper(jsxRuntime.jsx(jsxRuntime.Fragment, {}))), `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element`) : void 0;
193
198
  }
194
199
  const stylesProps = {
195
200
  isDisabled: props.isDisabled,
@@ -253,21 +258,21 @@ Option.propTypes = process.env.NODE_ENV !== "production" ? {
253
258
  isHovered: _pt__default["default"].bool
254
259
  } : {};
255
260
  Option.displayName = 'RadioOption';
256
- Option.defaultProps = {
257
- components: {}
258
- };
259
261
  var Option$1 = Option;
260
262
 
263
+ const _excluded = ["horizontalConstraint", "direction", "directionProps"];
261
264
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
262
265
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
263
- const defaultProps = {
264
- horizontalConstraint: 'scale',
265
- direction: 'stack',
266
- directionProps: {
267
- scale: 'm'
268
- }
269
- };
270
- const Group = props => {
266
+ const Group = _ref => {
267
+ let _ref$horizontalConstr = _ref.horizontalConstraint,
268
+ horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
269
+ _ref$direction = _ref.direction,
270
+ direction = _ref$direction === void 0 ? 'stack' : _ref$direction,
271
+ _ref$directionProps = _ref.directionProps,
272
+ directionProps = _ref$directionProps === void 0 ? {
273
+ scale: 'm'
274
+ } : _ref$directionProps,
275
+ props = _objectWithoutProperties(_ref, _excluded);
271
276
  react$1.useEffect(() => {
272
277
  // NOTE: We allow mixed children rendered as (e.g. spacers)
273
278
  // as a result we need to filter out children of the correct type.
@@ -290,17 +295,21 @@ const Group = props => {
290
295
  onFocus: props.onFocus,
291
296
  onBlur: props.onBlur
292
297
  });
293
- const wrapper = child.props.components.wrapper;
298
+ const _ref2 = child.props.components || {},
299
+ wrapper = _ref2.wrapper;
294
300
  return wrapper ? wrapper(clonedChild) : clonedChild;
295
301
  }
296
302
  return child;
297
303
  });
298
- if (props.direction === 'inline') {
304
+ if (direction === 'inline') {
299
305
  return jsxRuntime.jsx("div", {
300
306
  "aria-labelledby": props.id,
301
307
  "aria-invalid": props['aria-invalid'],
302
308
  "aria-errormessage": props['aria-errormessage'],
303
- children: jsxRuntime.jsx(Inline__default["default"], _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), utils.filterDataAttributes(props)), {}, {
309
+ children: jsxRuntime.jsx(Inline__default["default"], _objectSpread(_objectSpread(_objectSpread({}, directionProps), utils.filterDataAttributes(_objectSpread({
310
+ horizontalConstraint,
311
+ direction
312
+ }, props))), {}, {
304
313
  children: optionElements
305
314
  }))
306
315
  });
@@ -310,8 +319,11 @@ const Group = props => {
310
319
  "aria-invalid": props['aria-invalid'],
311
320
  "aria-errormessage": props['aria-errormessage'],
312
321
  children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
313
- max: props.horizontalConstraint,
314
- children: jsxRuntime.jsx(Stack__default["default"], _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), utils.filterDataAttributes(props)), {}, {
322
+ max: horizontalConstraint,
323
+ children: jsxRuntime.jsx(Stack__default["default"], _objectSpread(_objectSpread(_objectSpread({}, directionProps), utils.filterDataAttributes(_objectSpread({
324
+ horizontalConstraint,
325
+ direction
326
+ }, props))), {}, {
315
327
  children: optionElements
316
328
  }))
317
329
  })
@@ -328,19 +340,18 @@ Group.propTypes = process.env.NODE_ENV !== "production" ? {
328
340
  isReadOnly: _pt__default["default"].bool,
329
341
  hasError: _pt__default["default"].bool,
330
342
  hasWarning: _pt__default["default"].bool,
331
- horizontalConstraint: _pt__default["default"].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']).isRequired,
332
- direction: _pt__default["default"].oneOf(['stack', 'inline']).isRequired,
333
- directionProps: _pt__default["default"].shape({}).isRequired,
343
+ horizontalConstraint: _pt__default["default"].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
344
+ direction: _pt__default["default"].oneOf(['stack', 'inline']),
345
+ directionProps: _pt__default["default"].shape({}),
334
346
  children: _pt__default["default"].node.isRequired,
335
347
  'aria-invalid': _pt__default["default"].bool,
336
348
  'aria-errormessage': _pt__default["default"].string
337
349
  } : {};
338
350
  Group.displayName = 'RadioGroup';
339
- Group.defaultProps = defaultProps;
340
351
  var Group$1 = Group;
341
352
 
342
353
  // NOTE: This string will be replaced on build time with the package version.
343
- var version = "19.20.1";
354
+ var version = "19.22.0";
344
355
 
345
356
  const RadioInput = {
346
357
  Group: Group$1,
package/dist/commercetools-uikit-radio-input.cjs.prod.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
+ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
6
7
  require('prop-types');
7
8
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
8
9
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -144,14 +145,18 @@ const RadioOptionLabel = /*#__PURE__*/_styled__default["default"]("label", {
144
145
  width: fit-content;
145
146
  }` : '', " ", props => getHoverStyles(props), ";" + ("" ));
146
147
 
148
+ const _excluded$1 = ["components"];
147
149
  function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
148
150
  function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
149
- const Option = props => {
151
+ const Option = _ref => {
152
+ let _ref$components = _ref.components,
153
+ components = _ref$components === void 0 ? {} : _ref$components,
154
+ props = _objectWithoutProperties(_ref, _excluded$1);
150
155
  const labelProps = props.id ? {
151
156
  htmlFor: props.id
152
157
  } : {};
153
158
  if (!props.isReadOnly) ;
154
- if (props.components?.wrapper) ;
159
+ if (components.wrapper) ;
155
160
  const stylesProps = {
156
161
  isDisabled: props.isDisabled,
157
162
  hasError: props.hasError,
@@ -196,21 +201,21 @@ const Option = props => {
196
201
  };
197
202
  Option.propTypes = {};
198
203
  Option.displayName = 'RadioOption';
199
- Option.defaultProps = {
200
- components: {}
201
- };
202
204
  var Option$1 = Option;
203
205
 
206
+ const _excluded = ["horizontalConstraint", "direction", "directionProps"];
204
207
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
205
208
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
206
- const defaultProps = {
207
- horizontalConstraint: 'scale',
208
- direction: 'stack',
209
- directionProps: {
210
- scale: 'm'
211
- }
212
- };
213
- const Group = props => {
209
+ const Group = _ref => {
210
+ let _ref$horizontalConstr = _ref.horizontalConstraint,
211
+ horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
212
+ _ref$direction = _ref.direction,
213
+ direction = _ref$direction === void 0 ? 'stack' : _ref$direction,
214
+ _ref$directionProps = _ref.directionProps,
215
+ directionProps = _ref$directionProps === void 0 ? {
216
+ scale: 'm'
217
+ } : _ref$directionProps,
218
+ props = _objectWithoutProperties(_ref, _excluded);
214
219
  react$1.useEffect(() => {
215
220
  // NOTE: We allow mixed children rendered as (e.g. spacers)
216
221
  // as a result we need to filter out children of the correct type.
@@ -232,17 +237,21 @@ const Group = props => {
232
237
  onFocus: props.onFocus,
233
238
  onBlur: props.onBlur
234
239
  });
235
- const wrapper = child.props.components.wrapper;
240
+ const _ref2 = child.props.components || {},
241
+ wrapper = _ref2.wrapper;
236
242
  return wrapper ? wrapper(clonedChild) : clonedChild;
237
243
  }
238
244
  return child;
239
245
  });
240
- if (props.direction === 'inline') {
246
+ if (direction === 'inline') {
241
247
  return jsxRuntime.jsx("div", {
242
248
  "aria-labelledby": props.id,
243
249
  "aria-invalid": props['aria-invalid'],
244
250
  "aria-errormessage": props['aria-errormessage'],
245
- children: jsxRuntime.jsx(Inline__default["default"], _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), utils.filterDataAttributes(props)), {}, {
251
+ children: jsxRuntime.jsx(Inline__default["default"], _objectSpread(_objectSpread(_objectSpread({}, directionProps), utils.filterDataAttributes(_objectSpread({
252
+ horizontalConstraint,
253
+ direction
254
+ }, props))), {}, {
246
255
  children: optionElements
247
256
  }))
248
257
  });
@@ -252,8 +261,11 @@ const Group = props => {
252
261
  "aria-invalid": props['aria-invalid'],
253
262
  "aria-errormessage": props['aria-errormessage'],
254
263
  children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
255
- max: props.horizontalConstraint,
256
- children: jsxRuntime.jsx(Stack__default["default"], _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), utils.filterDataAttributes(props)), {}, {
264
+ max: horizontalConstraint,
265
+ children: jsxRuntime.jsx(Stack__default["default"], _objectSpread(_objectSpread(_objectSpread({}, directionProps), utils.filterDataAttributes(_objectSpread({
266
+ horizontalConstraint,
267
+ direction
268
+ }, props))), {}, {
257
269
  children: optionElements
258
270
  }))
259
271
  })
@@ -261,11 +273,10 @@ const Group = props => {
261
273
  };
262
274
  Group.propTypes = {};
263
275
  Group.displayName = 'RadioGroup';
264
- Group.defaultProps = defaultProps;
265
276
  var Group$1 = Group;
266
277
 
267
278
  // NOTE: This string will be replaced on build time with the package version.
268
- var version = "19.20.1";
279
+ var version = "19.22.0";
269
280
 
270
281
  const RadioInput = {
271
282
  Group: Group$1,
package/dist/commercetools-uikit-radio-input.esm.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
2
+ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
2
3
  import _pt from 'prop-types';
3
4
  import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
4
5
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
@@ -155,19 +156,23 @@ const RadioOptionLabel = /*#__PURE__*/_styled("label", process.env.NODE_ENV ===
155
156
  width: fit-content;
156
157
  }` : '', " ", props => getHoverStyles(props), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUptRCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTdHlsZXNQcm9wcyB9IGZyb20gJy4vcmFkaW8tb3B0aW9uJztcblxuY29uc3QgTGFiZWxUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8VFN0eWxlc1Byb3BzPmBcbiAgZ3JpZC1hcmVhOiBsYWJlbDtcbiAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBBZGRpdGlvbmFsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRTdHlsZXNQcm9wcz5gXG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbmA7XG5cbmNvbnN0IFJhZGlvSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1hcmVhczpcbiAgICAncmFkaW8gbGFiZWwnXG4gICAgJy4gY29udGVudCc7XG5gO1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgICB9XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbn07XG5cbmNvbnN0IGdldEtub2JDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuXG5jb25zdCBnZXRMYWJlbENvbG9yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuICdkZWZhdWx0JztcbiAgfVxuICByZXR1cm4gJ3BvaW50ZXInO1xufTtcblxuY29uc3QgUmFkaW9PcHRpb25Lbm9iID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRLbm9iQ29sb3IocHJvcHMpfTtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQm9yZGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMThweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDJ9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQ29udGFpbmVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBncmlkLWFyZWE6IHJhZGlvO1xuICB3aWR0aDogMjZweDtcbiAgaGVpZ2h0OiAyNnB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAke1JhZGlvT3B0aW9uQm9yZGVyfSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+XG4gICAgICBwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0SG92ZXJTdHlsZXMgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBjb25zdCBob3ZlclN0eWxlcyA9IGNzc2BcbiAgICAke1JhZGlvT3B0aW9uQ29udGFpbmVyfSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1fTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIFtcbiAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICAgIC8qIHByZXR0aWVyLWlnbm9yZSAqL1xuICAgICAgY3NzYFxuICAgICAgICAmOmhvdmVyICR7aG92ZXJTdHlsZXN9O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc0hvdmVyZWQgJiYgaG92ZXJTdHlsZXMsXG4gIF07XG59O1xuXG5jb25zdCBSYWRpb09wdGlvbkxhYmVsID0gc3R5bGVkLmxhYmVsPFRTdHlsZXNQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiBnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGA6Zm9jdXMtd2l0aGluOmhhcyg6Zm9jdXMtdmlzaWJsZSkgJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgICBvdXRsaW5lOiBhdXRvIDJweCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB9YFxuICAgICAgOiAnJ31cblxuICAkeyhwcm9wcykgPT4gZ2V0SG92ZXJTdHlsZXMocHJvcHMpfVxuYDtcblxuZXhwb3J0IHtcbiAgTGFiZWxUZXh0V3JhcHBlcixcbiAgUmFkaW9JbnB1dFdyYXBwZXIsXG4gIEFkZGl0aW9uYWxUZXh0V3JhcHBlcixcbiAgUmFkaW9PcHRpb25Lbm9iLFxuICBSYWRpb09wdGlvbkJvcmRlcixcbiAgUmFkaW9PcHRpb25MYWJlbCxcbiAgUmFkaW9PcHRpb25Db250YWluZXIsXG59O1xuIl19 */"));
157
158
 
159
+ const _excluded$1 = ["components"];
158
160
  function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
159
161
  function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
160
- const Option = props => {
162
+ const Option = _ref => {
163
+ let _ref$components = _ref.components,
164
+ components = _ref$components === void 0 ? {} : _ref$components,
165
+ props = _objectWithoutProperties(_ref, _excluded$1);
161
166
  const labelProps = props.id ? {
162
167
  htmlFor: props.id
163
168
  } : {};
164
169
  if (!props.isReadOnly) {
165
170
  process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'RadioOption: `onChange` is required when input is not read only.') : void 0;
166
171
  }
167
- if (props.components?.wrapper) {
168
- process.env.NODE_ENV !== "production" ? warning(typeof props.components?.wrapper === 'function', `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function`) : void 0;
169
- process.env.NODE_ENV !== "production" ? warning(props.components?.wrapper.length === 1, `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument`) : void 0;
170
- process.env.NODE_ENV !== "production" ? warning( /*#__PURE__*/isValidElement(props.components?.wrapper(jsx(Fragment, {}))), `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element`) : void 0;
172
+ if (components.wrapper) {
173
+ process.env.NODE_ENV !== "production" ? warning(typeof components.wrapper === 'function', `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function`) : void 0;
174
+ process.env.NODE_ENV !== "production" ? warning(components.wrapper.length === 1, `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument`) : void 0;
175
+ process.env.NODE_ENV !== "production" ? warning( /*#__PURE__*/isValidElement(components.wrapper(jsx(Fragment, {}))), `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element`) : void 0;
171
176
  }
172
177
  const stylesProps = {
173
178
  isDisabled: props.isDisabled,
@@ -231,21 +236,21 @@ Option.propTypes = process.env.NODE_ENV !== "production" ? {
231
236
  isHovered: _pt.bool
232
237
  } : {};
233
238
  Option.displayName = 'RadioOption';
234
- Option.defaultProps = {
235
- components: {}
236
- };
237
239
  var Option$1 = Option;
238
240
 
241
+ const _excluded = ["horizontalConstraint", "direction", "directionProps"];
239
242
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
240
243
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
241
- const defaultProps = {
242
- horizontalConstraint: 'scale',
243
- direction: 'stack',
244
- directionProps: {
245
- scale: 'm'
246
- }
247
- };
248
- const Group = props => {
244
+ const Group = _ref => {
245
+ let _ref$horizontalConstr = _ref.horizontalConstraint,
246
+ horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
247
+ _ref$direction = _ref.direction,
248
+ direction = _ref$direction === void 0 ? 'stack' : _ref$direction,
249
+ _ref$directionProps = _ref.directionProps,
250
+ directionProps = _ref$directionProps === void 0 ? {
251
+ scale: 'm'
252
+ } : _ref$directionProps,
253
+ props = _objectWithoutProperties(_ref, _excluded);
249
254
  useEffect(() => {
250
255
  // NOTE: We allow mixed children rendered as (e.g. spacers)
251
256
  // as a result we need to filter out children of the correct type.
@@ -268,17 +273,21 @@ const Group = props => {
268
273
  onFocus: props.onFocus,
269
274
  onBlur: props.onBlur
270
275
  });
271
- const wrapper = child.props.components.wrapper;
276
+ const _ref2 = child.props.components || {},
277
+ wrapper = _ref2.wrapper;
272
278
  return wrapper ? wrapper(clonedChild) : clonedChild;
273
279
  }
274
280
  return child;
275
281
  });
276
- if (props.direction === 'inline') {
282
+ if (direction === 'inline') {
277
283
  return jsx("div", {
278
284
  "aria-labelledby": props.id,
279
285
  "aria-invalid": props['aria-invalid'],
280
286
  "aria-errormessage": props['aria-errormessage'],
281
- children: jsx(Inline, _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), filterDataAttributes(props)), {}, {
287
+ children: jsx(Inline, _objectSpread(_objectSpread(_objectSpread({}, directionProps), filterDataAttributes(_objectSpread({
288
+ horizontalConstraint,
289
+ direction
290
+ }, props))), {}, {
282
291
  children: optionElements
283
292
  }))
284
293
  });
@@ -288,8 +297,11 @@ const Group = props => {
288
297
  "aria-invalid": props['aria-invalid'],
289
298
  "aria-errormessage": props['aria-errormessage'],
290
299
  children: jsx(Constraints.Horizontal, {
291
- max: props.horizontalConstraint,
292
- children: jsx(Stack, _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), filterDataAttributes(props)), {}, {
300
+ max: horizontalConstraint,
301
+ children: jsx(Stack, _objectSpread(_objectSpread(_objectSpread({}, directionProps), filterDataAttributes(_objectSpread({
302
+ horizontalConstraint,
303
+ direction
304
+ }, props))), {}, {
293
305
  children: optionElements
294
306
  }))
295
307
  })
@@ -306,19 +318,18 @@ Group.propTypes = process.env.NODE_ENV !== "production" ? {
306
318
  isReadOnly: _pt.bool,
307
319
  hasError: _pt.bool,
308
320
  hasWarning: _pt.bool,
309
- horizontalConstraint: _pt.oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']).isRequired,
310
- direction: _pt.oneOf(['stack', 'inline']).isRequired,
311
- directionProps: _pt.shape({}).isRequired,
321
+ horizontalConstraint: _pt.oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
322
+ direction: _pt.oneOf(['stack', 'inline']),
323
+ directionProps: _pt.shape({}),
312
324
  children: _pt.node.isRequired,
313
325
  'aria-invalid': _pt.bool,
314
326
  'aria-errormessage': _pt.string
315
327
  } : {};
316
328
  Group.displayName = 'RadioGroup';
317
- Group.defaultProps = defaultProps;
318
329
  var Group$1 = Group;
319
330
 
320
331
  // NOTE: This string will be replaced on build time with the package version.
321
- var version = "19.20.1";
332
+ var version = "19.22.0";
322
333
 
323
334
  const RadioInput = {
324
335
  Group: Group$1,
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,15 +1,11 @@
1
1
  declare const RadioInput: {
2
2
  Group: {
3
- (props: import("./radio-group.js").TGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
3
+ ({ horizontalConstraint, direction, directionProps, ...props }: import("./radio-group.js").TGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
4
4
  displayName: string;
5
- defaultProps: Pick<import("./radio-group.js").TGroupProps, "direction" | "horizontalConstraint" | "directionProps">;
6
5
  };
7
6
  Option: {
8
- (props: import("./radio-option.js").TOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
7
+ ({ components, ...props }: import("./radio-option.js").TOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
9
8
  displayName: string;
10
- defaultProps: {
11
- components: {};
12
- };
13
9
  };
14
10
  };
15
11
  export default RadioInput;
package/dist/declarations/src/radio-group.d.ts CHANGED
@@ -11,12 +11,12 @@ export type TGroupProps = {
11
11
  isReadOnly?: boolean;
12
12
  hasError?: boolean;
13
13
  hasWarning?: boolean;
14
- horizontalConstraint: 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
14
+ horizontalConstraint?: 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
15
15
  /** Pick the desired layout. Possible values are `stack` or `inline`, (= Radio.Option items will be
16
16
  * wrapped with the `Spacing.Stack` or `Spacing.Inline` component)*/
17
- direction: 'stack' | 'inline';
17
+ direction?: 'stack' | 'inline';
18
18
  /** Props uesed to configue the selected layout component that was picked via the `direction` property */
19
- directionProps: {
19
+ directionProps?: {
20
20
  scale?: TInlineProps['scale'];
21
21
  alignItems?: TInlineProps['alignItems'];
22
22
  justifyContent?: TInlineProps['justifyContent'];
@@ -32,8 +32,7 @@ export type TGroupProps = {
32
32
  'aria-errormessage'?: string;
33
33
  };
34
34
  declare const Group: {
35
- (props: TGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
35
+ ({ horizontalConstraint, direction, directionProps, ...props }: TGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
36
36
  displayName: string;
37
- defaultProps: Pick<TGroupProps, "direction" | "horizontalConstraint" | "directionProps">;
38
37
  };
39
38
  export default Group;
package/dist/declarations/src/radio-option.d.ts CHANGED
@@ -21,10 +21,7 @@ export type TOptionProps = {
21
21
  };
22
22
  export type TStylesProps = Pick<TOptionProps, 'isDisabled' | 'hasError' | 'hasWarning' | 'isHovered' | 'isReadOnly' | 'isChecked'>;
23
23
  declare const Option: {
24
- (props: TOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
24
+ ({ components, ...props }: TOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
25
25
  displayName: string;
26
- defaultProps: {
27
- components: {};
28
- };
29
26
  };
30
27
  export default Option;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/radio-input",
3
3
  "description": "A RadioInput represents a group of options where only one option can be selected at a time.",
4
- "version": "19.20.1",
4
+ "version": "19.22.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.20.1",
25
- "@commercetools-uikit/design-system": "19.20.1",
26
- "@commercetools-uikit/icons": "19.20.1",
27
- "@commercetools-uikit/input-utils": "19.20.1",
28
- "@commercetools-uikit/spacings-inline": "19.20.1",
29
- "@commercetools-uikit/spacings-inset": "19.20.1",
30
- "@commercetools-uikit/spacings-stack": "19.20.1",
31
- "@commercetools-uikit/utils": "19.20.1",
24
+ "@commercetools-uikit/constraints": "19.22.0",
25
+ "@commercetools-uikit/design-system": "19.22.0",
26
+ "@commercetools-uikit/icons": "19.22.0",
27
+ "@commercetools-uikit/input-utils": "19.22.0",
28
+ "@commercetools-uikit/spacings-inline": "19.22.0",
29
+ "@commercetools-uikit/spacings-inset": "19.22.0",
30
+ "@commercetools-uikit/spacings-stack": "19.22.0",
31
+ "@commercetools-uikit/utils": "19.22.0",
32
32
  "@emotion/react": "^11.10.5",
33
33
  "@emotion/styled": "^11.10.5",
34
34
  "prop-types": "15.8.1",