@commercetools-uikit/radio-field 15.15.0 → 16.0.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.
- package/dist/commercetools-uikit-radio-field.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-radio-field.cjs.d.ts.map +1 -0
- package/dist/commercetools-uikit-radio-field.cjs.dev.js +23 -29
- package/dist/commercetools-uikit-radio-field.cjs.prod.js +22 -28
- package/dist/commercetools-uikit-radio-field.esm.js +20 -25
- package/package.json +9 -9
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commercetools-uikit-radio-field.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|
|
@@ -2,15 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
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
5
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
15
6
|
var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
|
|
16
7
|
var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
|
|
@@ -20,7 +11,15 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
|
20
11
|
var _pt = require('prop-types');
|
|
21
12
|
var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
|
|
22
13
|
var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
|
|
23
|
-
var
|
|
14
|
+
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
15
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
17
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
18
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
19
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
20
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
21
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
22
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
24
23
|
var react = require('react');
|
|
25
24
|
var utils = require('@commercetools-uikit/utils');
|
|
26
25
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -32,6 +31,9 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
32
31
|
|
|
33
32
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
34
33
|
|
|
34
|
+
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
35
|
+
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
36
|
+
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
35
37
|
var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
|
|
36
38
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
37
39
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
@@ -41,10 +43,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
41
43
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
42
44
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
43
45
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
44
|
-
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
45
|
-
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
46
|
-
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
47
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
48
46
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
49
47
|
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
50
48
|
var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
|
|
@@ -53,28 +51,26 @@ var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
|
|
|
53
51
|
|
|
54
52
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
55
53
|
|
|
56
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
54
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
57
55
|
|
|
58
56
|
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
57
|
|
|
60
58
|
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; } }
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
const sequentialId = utils.createSequentialId('radio-field-');
|
|
60
|
+
const sequentialErrorsId = utils.createSequentialId('radio-field-error-')();
|
|
63
61
|
|
|
64
|
-
|
|
62
|
+
const hasErrors = errors => {
|
|
65
63
|
var _context;
|
|
66
64
|
|
|
67
65
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
68
66
|
};
|
|
69
67
|
|
|
70
|
-
|
|
68
|
+
let RadioField = /*#__PURE__*/function (_Component) {
|
|
71
69
|
_inherits(RadioField, _Component);
|
|
72
70
|
|
|
73
71
|
var _super = _createSuper(RadioField);
|
|
74
72
|
|
|
75
73
|
function RadioField() {
|
|
76
|
-
var _context2;
|
|
77
|
-
|
|
78
74
|
var _this;
|
|
79
75
|
|
|
80
76
|
_classCallCheck(this, RadioField);
|
|
@@ -83,7 +79,7 @@ var RadioField = /*#__PURE__*/function (_Component) {
|
|
|
83
79
|
args[_key] = arguments[_key];
|
|
84
80
|
}
|
|
85
81
|
|
|
86
|
-
_this = _super.call
|
|
82
|
+
_this = _super.call(this, ...args);
|
|
87
83
|
_this.state = {
|
|
88
84
|
// We generate an id in case no id is provided by the parent to attach the
|
|
89
85
|
// label to the input component.
|
|
@@ -95,7 +91,7 @@ var RadioField = /*#__PURE__*/function (_Component) {
|
|
|
95
91
|
_createClass(RadioField, [{
|
|
96
92
|
key: "render",
|
|
97
93
|
value: function render() {
|
|
98
|
-
|
|
94
|
+
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
99
95
|
|
|
100
96
|
if (!this.props.isReadOnly) {
|
|
101
97
|
process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.onChange === 'function', 'RadioField: `onChange` is required when field is not read only.') : void 0;
|
|
@@ -165,11 +161,9 @@ RadioField.defaultProps = {
|
|
|
165
161
|
horizontalConstraint: 'scale'
|
|
166
162
|
};
|
|
167
163
|
|
|
168
|
-
RadioField.getDerivedStateFromProps =
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
};
|
|
172
|
-
};
|
|
164
|
+
RadioField.getDerivedStateFromProps = (props, state) => ({
|
|
165
|
+
id: utils.getFieldId(props, state, sequentialId)
|
|
166
|
+
});
|
|
173
167
|
|
|
174
168
|
RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
175
169
|
id: _pt__default["default"].string,
|
|
@@ -198,7 +192,7 @@ RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
198
192
|
var RadioField$1 = RadioField;
|
|
199
193
|
|
|
200
194
|
// NOTE: This string will be replaced on build time with the package version.
|
|
201
|
-
var version = "
|
|
195
|
+
var version = "16.0.0";
|
|
202
196
|
|
|
203
197
|
exports["default"] = RadioField$1;
|
|
204
198
|
exports.version = version;
|
|
@@ -2,15 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
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
5
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
15
6
|
var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
|
|
16
7
|
var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
|
|
@@ -20,7 +11,15 @@ var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
|
|
|
20
11
|
require('prop-types');
|
|
21
12
|
var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
|
|
22
13
|
var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
|
|
23
|
-
var
|
|
14
|
+
var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
|
|
15
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
17
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
18
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
19
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
20
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
21
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
22
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
24
23
|
var react = require('react');
|
|
25
24
|
var utils = require('@commercetools-uikit/utils');
|
|
26
25
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
@@ -32,6 +31,8 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
32
31
|
|
|
33
32
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
34
33
|
|
|
34
|
+
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
35
|
+
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
35
36
|
var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
|
|
36
37
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
37
38
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
@@ -41,9 +42,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
41
42
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
42
43
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
43
44
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
44
|
-
var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
|
|
45
|
-
var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
|
|
46
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
47
45
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
48
46
|
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
49
47
|
var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
|
|
@@ -52,28 +50,26 @@ var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
|
|
|
52
50
|
|
|
53
51
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
54
52
|
|
|
55
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
53
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
56
54
|
|
|
57
55
|
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); }; }
|
|
58
56
|
|
|
59
57
|
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; } }
|
|
60
|
-
|
|
61
|
-
|
|
58
|
+
const sequentialId = utils.createSequentialId('radio-field-');
|
|
59
|
+
const sequentialErrorsId = utils.createSequentialId('radio-field-error-')();
|
|
62
60
|
|
|
63
|
-
|
|
61
|
+
const hasErrors = errors => {
|
|
64
62
|
var _context;
|
|
65
63
|
|
|
66
64
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
67
65
|
};
|
|
68
66
|
|
|
69
|
-
|
|
67
|
+
let RadioField = /*#__PURE__*/function (_Component) {
|
|
70
68
|
_inherits(RadioField, _Component);
|
|
71
69
|
|
|
72
70
|
var _super = _createSuper(RadioField);
|
|
73
71
|
|
|
74
72
|
function RadioField() {
|
|
75
|
-
var _context2;
|
|
76
|
-
|
|
77
73
|
var _this;
|
|
78
74
|
|
|
79
75
|
_classCallCheck(this, RadioField);
|
|
@@ -82,7 +78,7 @@ var RadioField = /*#__PURE__*/function (_Component) {
|
|
|
82
78
|
args[_key] = arguments[_key];
|
|
83
79
|
}
|
|
84
80
|
|
|
85
|
-
_this = _super.call
|
|
81
|
+
_this = _super.call(this, ...args);
|
|
86
82
|
_this.state = {
|
|
87
83
|
// We generate an id in case no id is provided by the parent to attach the
|
|
88
84
|
// label to the input component.
|
|
@@ -94,7 +90,7 @@ var RadioField = /*#__PURE__*/function (_Component) {
|
|
|
94
90
|
_createClass(RadioField, [{
|
|
95
91
|
key: "render",
|
|
96
92
|
value: function render() {
|
|
97
|
-
|
|
93
|
+
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
98
94
|
|
|
99
95
|
if (!this.props.isReadOnly) ;
|
|
100
96
|
|
|
@@ -160,17 +156,15 @@ RadioField.defaultProps = {
|
|
|
160
156
|
horizontalConstraint: 'scale'
|
|
161
157
|
};
|
|
162
158
|
|
|
163
|
-
RadioField.getDerivedStateFromProps =
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
};
|
|
167
|
-
};
|
|
159
|
+
RadioField.getDerivedStateFromProps = (props, state) => ({
|
|
160
|
+
id: utils.getFieldId(props, state, sequentialId)
|
|
161
|
+
});
|
|
168
162
|
|
|
169
163
|
RadioField.propTypes = {};
|
|
170
164
|
var RadioField$1 = RadioField;
|
|
171
165
|
|
|
172
166
|
// NOTE: This string will be replaced on build time with the package version.
|
|
173
|
-
var version = "
|
|
167
|
+
var version = "16.0.0";
|
|
174
168
|
|
|
175
169
|
exports["default"] = RadioField$1;
|
|
176
170
|
exports.version = version;
|
|
@@ -1,12 +1,3 @@
|
|
|
1
|
-
import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
|
|
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
1
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
11
2
|
import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
|
|
12
3
|
import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
|
|
@@ -16,7 +7,15 @@ import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
|
|
|
16
7
|
import _pt from 'prop-types';
|
|
17
8
|
import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
|
|
18
9
|
import _Object$values from '@babel/runtime-corejs3/core-js-stable/object/values';
|
|
19
|
-
import
|
|
10
|
+
import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
|
|
11
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
12
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
13
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
14
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
15
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
16
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
17
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
18
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
20
19
|
import { isValidElement, Component } from 'react';
|
|
21
20
|
import { createSequentialId, warning, filterDataAttributes, getFieldId } from '@commercetools-uikit/utils';
|
|
22
21
|
import Constraints from '@commercetools-uikit/constraints';
|
|
@@ -28,28 +27,26 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
|
28
27
|
|
|
29
28
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
30
29
|
|
|
31
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
32
31
|
|
|
33
32
|
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); }; }
|
|
34
33
|
|
|
35
34
|
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; } }
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
const sequentialId = createSequentialId('radio-field-');
|
|
36
|
+
const sequentialErrorsId = createSequentialId('radio-field-error-')();
|
|
38
37
|
|
|
39
|
-
|
|
38
|
+
const hasErrors = errors => {
|
|
40
39
|
var _context;
|
|
41
40
|
|
|
42
41
|
return errors && _someInstanceProperty(_context = _Object$values(errors)).call(_context, Boolean);
|
|
43
42
|
};
|
|
44
43
|
|
|
45
|
-
|
|
44
|
+
let RadioField = /*#__PURE__*/function (_Component) {
|
|
46
45
|
_inherits(RadioField, _Component);
|
|
47
46
|
|
|
48
47
|
var _super = _createSuper(RadioField);
|
|
49
48
|
|
|
50
49
|
function RadioField() {
|
|
51
|
-
var _context2;
|
|
52
|
-
|
|
53
50
|
var _this;
|
|
54
51
|
|
|
55
52
|
_classCallCheck(this, RadioField);
|
|
@@ -58,7 +55,7 @@ var RadioField = /*#__PURE__*/function (_Component) {
|
|
|
58
55
|
args[_key] = arguments[_key];
|
|
59
56
|
}
|
|
60
57
|
|
|
61
|
-
_this = _super.call
|
|
58
|
+
_this = _super.call(this, ...args);
|
|
62
59
|
_this.state = {
|
|
63
60
|
// We generate an id in case no id is provided by the parent to attach the
|
|
64
61
|
// label to the input component.
|
|
@@ -70,7 +67,7 @@ var RadioField = /*#__PURE__*/function (_Component) {
|
|
|
70
67
|
_createClass(RadioField, [{
|
|
71
68
|
key: "render",
|
|
72
69
|
value: function render() {
|
|
73
|
-
|
|
70
|
+
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
74
71
|
|
|
75
72
|
if (!this.props.isReadOnly) {
|
|
76
73
|
process.env.NODE_ENV !== "production" ? warning(typeof this.props.onChange === 'function', 'RadioField: `onChange` is required when field is not read only.') : void 0;
|
|
@@ -140,11 +137,9 @@ RadioField.defaultProps = {
|
|
|
140
137
|
horizontalConstraint: 'scale'
|
|
141
138
|
};
|
|
142
139
|
|
|
143
|
-
RadioField.getDerivedStateFromProps =
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
};
|
|
147
|
-
};
|
|
140
|
+
RadioField.getDerivedStateFromProps = (props, state) => ({
|
|
141
|
+
id: getFieldId(props, state, sequentialId)
|
|
142
|
+
});
|
|
148
143
|
|
|
149
144
|
RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
150
145
|
id: _pt.string,
|
|
@@ -173,6 +168,6 @@ RadioField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
173
168
|
var RadioField$1 = RadioField;
|
|
174
169
|
|
|
175
170
|
// NOTE: This string will be replaced on build time with the package version.
|
|
176
|
-
var version = "
|
|
171
|
+
var version = "16.0.0";
|
|
177
172
|
|
|
178
173
|
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": "
|
|
4
|
+
"version": "16.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,17 +21,17 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "
|
|
25
|
-
"@commercetools-uikit/design-system": "
|
|
26
|
-
"@commercetools-uikit/field-errors": "
|
|
27
|
-
"@commercetools-uikit/field-label": "
|
|
28
|
-
"@commercetools-uikit/radio-input": "
|
|
29
|
-
"@commercetools-uikit/spacings-stack": "
|
|
30
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/constraints": "16.0.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.0.0",
|
|
26
|
+
"@commercetools-uikit/field-errors": "16.0.0",
|
|
27
|
+
"@commercetools-uikit/field-label": "16.0.0",
|
|
28
|
+
"@commercetools-uikit/radio-input": "16.0.0",
|
|
29
|
+
"@commercetools-uikit/spacings-stack": "16.0.0",
|
|
30
|
+
"@commercetools-uikit/utils": "16.0.0",
|
|
31
31
|
"@emotion/react": "^11.10.5",
|
|
32
32
|
"@emotion/styled": "^11.10.5",
|
|
33
33
|
"prop-types": "15.8.1",
|
|
34
|
-
"react-intl": "^
|
|
34
|
+
"react-intl": "^6.3.2"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"react": "17.0.2"
|