@commercetools-uikit/radio-input 19.11.0 → 19.12.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.
|
@@ -6,7 +6,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
6
6
|
var _pt = require('prop-types');
|
|
7
7
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
8
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
9
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
10
9
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
11
10
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
12
11
|
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
@@ -31,7 +30,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
31
30
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
32
31
|
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
33
32
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
34
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
35
33
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
36
34
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
37
35
|
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
@@ -173,26 +171,25 @@ const RadioOptionLabel = /*#__PURE__*/_styled__default["default"]("label", proce
|
|
|
173
171
|
} : {
|
|
174
172
|
target: "e1x57rfz0",
|
|
175
173
|
label: "RadioOptionLabel"
|
|
176
|
-
})("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
174
|
+
})("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => !props.isReadOnly ? `:focus-within:has(:focus-visible) ${LabelTextWrapper} {
|
|
175
|
+
outline: auto 2px ${designSystem.designTokens.borderColorForInputWhenFocused};
|
|
176
|
+
outline-offset: 2px;
|
|
177
|
+
width: fit-content;
|
|
178
|
+
}` : '', " ", props => getHoverStyles(props), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUptRCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTdHlsZXNQcm9wcyB9IGZyb20gJy4vcmFkaW8tb3B0aW9uJztcblxuY29uc3QgTGFiZWxUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8VFN0eWxlc1Byb3BzPmBcbiAgZ3JpZC1hcmVhOiBsYWJlbDtcbiAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBBZGRpdGlvbmFsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRTdHlsZXNQcm9wcz5gXG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbmA7XG5cbmNvbnN0IFJhZGlvSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1hcmVhczpcbiAgICAncmFkaW8gbGFiZWwnXG4gICAgJy4gY29udGVudCc7XG5gO1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgICB9XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbn07XG5cbmNvbnN0IGdldEtub2JDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuXG5jb25zdCBnZXRMYWJlbENvbG9yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuICdkZWZhdWx0JztcbiAgfVxuICByZXR1cm4gJ3BvaW50ZXInO1xufTtcblxuY29uc3QgUmFkaW9PcHRpb25Lbm9iID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRLbm9iQ29sb3IocHJvcHMpfTtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQm9yZGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMThweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDJ9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQ29udGFpbmVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBncmlkLWFyZWE6IHJhZGlvO1xuICB3aWR0aDogMjZweDtcbiAgaGVpZ2h0OiAyNnB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAke1JhZGlvT3B0aW9uQm9yZGVyfSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+XG4gICAgICBwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0SG92ZXJTdHlsZXMgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBjb25zdCBob3ZlclN0eWxlcyA9IGNzc2BcbiAgICAke1JhZGlvT3B0aW9uQ29udGFpbmVyfSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1fTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIFtcbiAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICAgIC8qIHByZXR0aWVyLWlnbm9yZSAqL1xuICAgICAgY3NzYFxuICAgICAgICAmOmhvdmVyICR7aG92ZXJTdHlsZXN9O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc0hvdmVyZWQgJiYgaG92ZXJTdHlsZXMsXG4gIF07XG59O1xuXG5jb25zdCBSYWRpb09wdGlvbkxhYmVsID0gc3R5bGVkLmxhYmVsPFRTdHlsZXNQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiBnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGA6Zm9jdXMtd2l0aGluOmhhcyg6Zm9jdXMtdmlzaWJsZSkgJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgICBvdXRsaW5lOiBhdXRvIDJweCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB9YFxuICAgICAgOiAnJ31cblxuICAkeyhwcm9wcykgPT4gZ2V0SG92ZXJTdHlsZXMocHJvcHMpfVxuYDtcblxuZXhwb3J0IHtcbiAgTGFiZWxUZXh0V3JhcHBlcixcbiAgUmFkaW9JbnB1dFdyYXBwZXIsXG4gIEFkZGl0aW9uYWxUZXh0V3JhcHBlcixcbiAgUmFkaW9PcHRpb25Lbm9iLFxuICBSYWRpb09wdGlvbkJvcmRlcixcbiAgUmFkaW9PcHRpb25MYWJlbCxcbiAgUmFkaW9PcHRpb25Db250YWluZXIsXG59O1xuIl19 */"));
|
|
180
179
|
|
|
181
180
|
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; }
|
|
182
181
|
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; }
|
|
183
182
|
const Option = props => {
|
|
184
|
-
var _props$components;
|
|
185
183
|
const labelProps = props.id ? {
|
|
186
184
|
htmlFor: props.id
|
|
187
185
|
} : {};
|
|
188
186
|
if (!props.isReadOnly) {
|
|
189
187
|
process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'RadioOption: `onChange` is required when input is not read only.') : void 0;
|
|
190
188
|
}
|
|
191
|
-
if (
|
|
192
|
-
|
|
193
|
-
process.env.NODE_ENV !== "production" ? utils.warning(
|
|
194
|
-
process.env.NODE_ENV !== "production" ? utils.warning((
|
|
195
|
-
process.env.NODE_ENV !== "production" ? utils.warning( /*#__PURE__*/react$1.isValidElement((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.wrapper(jsxRuntime.jsx(jsxRuntime.Fragment, {}))), "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element") : void 0;
|
|
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;
|
|
196
193
|
}
|
|
197
194
|
const stylesProps = {
|
|
198
195
|
isDisabled: props.isDisabled,
|
|
@@ -262,7 +259,7 @@ Option.defaultProps = {
|
|
|
262
259
|
var Option$1 = Option;
|
|
263
260
|
|
|
264
261
|
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; }
|
|
265
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
262
|
+
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; }
|
|
266
263
|
const defaultProps = {
|
|
267
264
|
horizontalConstraint: 'scale',
|
|
268
265
|
direction: 'stack',
|
|
@@ -281,9 +278,8 @@ const Group = props => {
|
|
|
281
278
|
const optionElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
|
|
282
279
|
// NOTE: Allowing to intersperse other elements than `Option`.
|
|
283
280
|
if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Option$1.displayName) {
|
|
284
|
-
var _context;
|
|
285
281
|
const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
|
|
286
|
-
id: props.id &&
|
|
282
|
+
id: props.id && `${props.id}-${index}`,
|
|
287
283
|
name: props.name,
|
|
288
284
|
isChecked: props.value === child.props.value,
|
|
289
285
|
isDisabled: child.props.isDisabled || props.isDisabled,
|
|
@@ -6,7 +6,6 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
|
6
6
|
require('prop-types');
|
|
7
7
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
8
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
9
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
10
9
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
11
10
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
12
11
|
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
@@ -30,7 +29,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
30
29
|
|
|
31
30
|
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
32
31
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
33
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
34
32
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
35
33
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
36
34
|
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
@@ -140,20 +138,20 @@ const getHoverStyles = props => {
|
|
|
140
138
|
};
|
|
141
139
|
const RadioOptionLabel = /*#__PURE__*/_styled__default["default"]("label", {
|
|
142
140
|
target: "e1x57rfz0"
|
|
143
|
-
} )("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => {
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
141
|
+
} )("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => !props.isReadOnly ? `:focus-within:has(:focus-visible) ${LabelTextWrapper} {
|
|
142
|
+
outline: auto 2px ${designSystem.designTokens.borderColorForInputWhenFocused};
|
|
143
|
+
outline-offset: 2px;
|
|
144
|
+
width: fit-content;
|
|
145
|
+
}` : '', " ", props => getHoverStyles(props), ";" + ("" ));
|
|
147
146
|
|
|
148
147
|
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; }
|
|
149
148
|
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; }
|
|
150
149
|
const Option = props => {
|
|
151
|
-
var _props$components;
|
|
152
150
|
const labelProps = props.id ? {
|
|
153
151
|
htmlFor: props.id
|
|
154
152
|
} : {};
|
|
155
153
|
if (!props.isReadOnly) ;
|
|
156
|
-
if (
|
|
154
|
+
if (props.components?.wrapper) ;
|
|
157
155
|
const stylesProps = {
|
|
158
156
|
isDisabled: props.isDisabled,
|
|
159
157
|
hasError: props.hasError,
|
|
@@ -204,7 +202,7 @@ Option.defaultProps = {
|
|
|
204
202
|
var Option$1 = Option;
|
|
205
203
|
|
|
206
204
|
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; }
|
|
207
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
205
|
+
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; }
|
|
208
206
|
const defaultProps = {
|
|
209
207
|
horizontalConstraint: 'scale',
|
|
210
208
|
direction: 'stack',
|
|
@@ -222,9 +220,8 @@ const Group = props => {
|
|
|
222
220
|
const optionElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
|
|
223
221
|
// NOTE: Allowing to intersperse other elements than `Option`.
|
|
224
222
|
if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Option$1.displayName) {
|
|
225
|
-
var _context;
|
|
226
223
|
const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
|
|
227
|
-
id: props.id &&
|
|
224
|
+
id: props.id && `${props.id}-${index}`,
|
|
228
225
|
name: props.name,
|
|
229
226
|
isChecked: props.value === child.props.value,
|
|
230
227
|
isDisabled: child.props.isDisabled || props.isDisabled,
|
|
@@ -2,7 +2,6 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
|
2
2
|
import _pt from 'prop-types';
|
|
3
3
|
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
4
4
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
5
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
6
5
|
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
7
6
|
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
8
7
|
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
@@ -150,26 +149,25 @@ const RadioOptionLabel = /*#__PURE__*/_styled("label", process.env.NODE_ENV ===
|
|
|
150
149
|
} : {
|
|
151
150
|
target: "e1x57rfz0",
|
|
152
151
|
label: "RadioOptionLabel"
|
|
153
|
-
})("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => {
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
152
|
+
})("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => !props.isReadOnly ? `:focus-within:has(:focus-visible) ${LabelTextWrapper} {
|
|
153
|
+
outline: auto 2px ${designTokens.borderColorForInputWhenFocused};
|
|
154
|
+
outline-offset: 2px;
|
|
155
|
+
width: fit-content;
|
|
156
|
+
}` : '', " ", 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
157
|
|
|
158
158
|
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
159
|
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
160
|
const Option = props => {
|
|
161
|
-
var _props$components;
|
|
162
161
|
const labelProps = props.id ? {
|
|
163
162
|
htmlFor: props.id
|
|
164
163
|
} : {};
|
|
165
164
|
if (!props.isReadOnly) {
|
|
166
165
|
process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'RadioOption: `onChange` is required when input is not read only.') : void 0;
|
|
167
166
|
}
|
|
168
|
-
if (
|
|
169
|
-
|
|
170
|
-
process.env.NODE_ENV !== "production" ? warning(
|
|
171
|
-
process.env.NODE_ENV !== "production" ? warning((
|
|
172
|
-
process.env.NODE_ENV !== "production" ? warning( /*#__PURE__*/isValidElement((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.wrapper(jsx(Fragment, {}))), "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element") : void 0;
|
|
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;
|
|
173
171
|
}
|
|
174
172
|
const stylesProps = {
|
|
175
173
|
isDisabled: props.isDisabled,
|
|
@@ -239,7 +237,7 @@ Option.defaultProps = {
|
|
|
239
237
|
var Option$1 = Option;
|
|
240
238
|
|
|
241
239
|
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; }
|
|
242
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
240
|
+
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; }
|
|
243
241
|
const defaultProps = {
|
|
244
242
|
horizontalConstraint: 'scale',
|
|
245
243
|
direction: 'stack',
|
|
@@ -258,9 +256,8 @@ const Group = props => {
|
|
|
258
256
|
const optionElements = _mapInstanceProperty(Children).call(Children, props.children, (child, index) => {
|
|
259
257
|
// NOTE: Allowing to intersperse other elements than `Option`.
|
|
260
258
|
if (child && /*#__PURE__*/isValidElement(child) && child.type.displayName === Option$1.displayName) {
|
|
261
|
-
var _context;
|
|
262
259
|
const clonedChild = /*#__PURE__*/cloneElement(child, {
|
|
263
|
-
id: props.id &&
|
|
260
|
+
id: props.id && `${props.id}-${index}`,
|
|
264
261
|
name: props.name,
|
|
265
262
|
isChecked: props.value === child.props.value,
|
|
266
263
|
isDisabled: child.props.isDisabled || props.isDisabled,
|
|
@@ -12,7 +12,10 @@ export type TGroupProps = {
|
|
|
12
12
|
hasError?: boolean;
|
|
13
13
|
hasWarning?: boolean;
|
|
14
14
|
horizontalConstraint: 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
15
|
+
/** Pick the desired layout. Possible values are `stack` or `inline`, (= Radio.Option items will be
|
|
16
|
+
* wrapped with the `Spacing.Stack` or `Spacing.Inline` component)*/
|
|
15
17
|
direction: 'stack' | 'inline';
|
|
18
|
+
/** Props uesed to configue the selected layout component that was picked via the `direction` property */
|
|
16
19
|
directionProps: {
|
|
17
20
|
scale?: TInlineProps['scale'];
|
|
18
21
|
alignItems?: TInlineProps['alignItems'];
|
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.
|
|
4
|
+
"version": "19.12.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.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/icons": "19.
|
|
27
|
-
"@commercetools-uikit/input-utils": "19.
|
|
28
|
-
"@commercetools-uikit/spacings-inline": "19.
|
|
29
|
-
"@commercetools-uikit/spacings-inset": "19.
|
|
30
|
-
"@commercetools-uikit/spacings-stack": "19.
|
|
31
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/constraints": "19.12.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.12.0",
|
|
26
|
+
"@commercetools-uikit/icons": "19.12.0",
|
|
27
|
+
"@commercetools-uikit/input-utils": "19.12.0",
|
|
28
|
+
"@commercetools-uikit/spacings-inline": "19.12.0",
|
|
29
|
+
"@commercetools-uikit/spacings-inset": "19.12.0",
|
|
30
|
+
"@commercetools-uikit/spacings-stack": "19.12.0",
|
|
31
|
+
"@commercetools-uikit/utils": "19.12.0",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"prop-types": "15.8.1",
|