@commercetools-uikit/number-field 16.0.0 → 16.1.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.
|
@@ -50,35 +50,27 @@ var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
|
|
|
50
50
|
var NumberInput__default = /*#__PURE__*/_interopDefault(NumberInput);
|
|
51
51
|
|
|
52
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; }
|
|
53
|
-
|
|
54
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; }
|
|
55
|
-
|
|
56
54
|
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); }; }
|
|
57
|
-
|
|
58
55
|
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; } }
|
|
59
56
|
const sequentialId = utils.createSequentialId('number-field-');
|
|
60
57
|
const sequentialErrorsId = utils.createSequentialId('number-field-error-')();
|
|
61
58
|
|
|
59
|
+
// Similar shape of `FormikErrors` but values are `TFieldErrors` objects.
|
|
60
|
+
|
|
62
61
|
const hasErrors = errors => {
|
|
63
62
|
var _context;
|
|
64
|
-
|
|
65
63
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
66
64
|
};
|
|
67
|
-
|
|
68
65
|
let NumberField = /*#__PURE__*/function (_Component) {
|
|
69
66
|
_inherits(NumberField, _Component);
|
|
70
|
-
|
|
71
67
|
var _super = _createSuper(NumberField);
|
|
72
|
-
|
|
73
68
|
function NumberField() {
|
|
74
69
|
var _this;
|
|
75
|
-
|
|
76
70
|
_classCallCheck(this, NumberField);
|
|
77
|
-
|
|
78
71
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
79
72
|
args[_key] = arguments[_key];
|
|
80
73
|
}
|
|
81
|
-
|
|
82
74
|
_this = _super.call(this, ...args);
|
|
83
75
|
_this.state = {
|
|
84
76
|
// We generate an id in case no id is provided by the parent to attach the
|
|
@@ -87,18 +79,15 @@ let NumberField = /*#__PURE__*/function (_Component) {
|
|
|
87
79
|
};
|
|
88
80
|
return _this;
|
|
89
81
|
}
|
|
90
|
-
|
|
91
82
|
_createClass(NumberField, [{
|
|
92
83
|
key: "render",
|
|
93
84
|
value: function render() {
|
|
94
85
|
if (!this.props.isReadOnly) {
|
|
95
86
|
process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.onChange === 'function', 'NumberField: `onChange` is required when field is not read only.') : void 0;
|
|
96
87
|
}
|
|
97
|
-
|
|
98
88
|
if (this.props.hintIcon) {
|
|
99
89
|
process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.hint === 'string' || /*#__PURE__*/react.isValidElement(this.props.hint), 'NumberField: `hint` is required to be string or ReactNode if hintIcon is present') : void 0;
|
|
100
90
|
}
|
|
101
|
-
|
|
102
91
|
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
103
92
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
104
93
|
max: this.props.horizontalConstraint,
|
|
@@ -155,19 +144,15 @@ let NumberField = /*#__PURE__*/function (_Component) {
|
|
|
155
144
|
return errors;
|
|
156
145
|
}
|
|
157
146
|
}]);
|
|
158
|
-
|
|
159
147
|
return NumberField;
|
|
160
148
|
}(react.Component);
|
|
161
|
-
|
|
162
149
|
NumberField.displayName = 'NumberField';
|
|
163
150
|
NumberField.defaultProps = {
|
|
164
151
|
horizontalConstraint: 'scale'
|
|
165
152
|
};
|
|
166
|
-
|
|
167
153
|
NumberField.getDerivedStateFromProps = (props, state) => ({
|
|
168
154
|
id: utils.getFieldId(props, state, sequentialId)
|
|
169
155
|
});
|
|
170
|
-
|
|
171
156
|
NumberField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
172
157
|
id: _pt__default["default"].string,
|
|
173
158
|
horizontalConstraint: _pt__default["default"].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
@@ -198,7 +183,7 @@ NumberField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
198
183
|
var NumberField$1 = NumberField;
|
|
199
184
|
|
|
200
185
|
// NOTE: This string will be replaced on build time with the package version.
|
|
201
|
-
var version = "16.
|
|
186
|
+
var version = "16.1.0";
|
|
202
187
|
|
|
203
188
|
exports["default"] = NumberField$1;
|
|
204
189
|
exports.version = version;
|
|
@@ -49,35 +49,27 @@ var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
|
|
|
49
49
|
var NumberInput__default = /*#__PURE__*/_interopDefault(NumberInput);
|
|
50
50
|
|
|
51
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; }
|
|
52
|
-
|
|
53
52
|
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; }
|
|
54
|
-
|
|
55
53
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
56
|
-
|
|
57
54
|
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; } }
|
|
58
55
|
const sequentialId = utils.createSequentialId('number-field-');
|
|
59
56
|
const sequentialErrorsId = utils.createSequentialId('number-field-error-')();
|
|
60
57
|
|
|
58
|
+
// Similar shape of `FormikErrors` but values are `TFieldErrors` objects.
|
|
59
|
+
|
|
61
60
|
const hasErrors = errors => {
|
|
62
61
|
var _context;
|
|
63
|
-
|
|
64
62
|
return errors && _someInstanceProperty__default["default"](_context = _Object$values__default["default"](errors)).call(_context, Boolean);
|
|
65
63
|
};
|
|
66
|
-
|
|
67
64
|
let NumberField = /*#__PURE__*/function (_Component) {
|
|
68
65
|
_inherits(NumberField, _Component);
|
|
69
|
-
|
|
70
66
|
var _super = _createSuper(NumberField);
|
|
71
|
-
|
|
72
67
|
function NumberField() {
|
|
73
68
|
var _this;
|
|
74
|
-
|
|
75
69
|
_classCallCheck(this, NumberField);
|
|
76
|
-
|
|
77
70
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
78
71
|
args[_key] = arguments[_key];
|
|
79
72
|
}
|
|
80
|
-
|
|
81
73
|
_this = _super.call(this, ...args);
|
|
82
74
|
_this.state = {
|
|
83
75
|
// We generate an id in case no id is provided by the parent to attach the
|
|
@@ -86,14 +78,11 @@ let NumberField = /*#__PURE__*/function (_Component) {
|
|
|
86
78
|
};
|
|
87
79
|
return _this;
|
|
88
80
|
}
|
|
89
|
-
|
|
90
81
|
_createClass(NumberField, [{
|
|
91
82
|
key: "render",
|
|
92
83
|
value: function render() {
|
|
93
84
|
if (!this.props.isReadOnly) ;
|
|
94
|
-
|
|
95
85
|
if (this.props.hintIcon) ;
|
|
96
|
-
|
|
97
86
|
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
98
87
|
return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
|
|
99
88
|
max: this.props.horizontalConstraint,
|
|
@@ -150,24 +139,20 @@ let NumberField = /*#__PURE__*/function (_Component) {
|
|
|
150
139
|
return errors;
|
|
151
140
|
}
|
|
152
141
|
}]);
|
|
153
|
-
|
|
154
142
|
return NumberField;
|
|
155
143
|
}(react.Component);
|
|
156
|
-
|
|
157
144
|
NumberField.displayName = 'NumberField';
|
|
158
145
|
NumberField.defaultProps = {
|
|
159
146
|
horizontalConstraint: 'scale'
|
|
160
147
|
};
|
|
161
|
-
|
|
162
148
|
NumberField.getDerivedStateFromProps = (props, state) => ({
|
|
163
149
|
id: utils.getFieldId(props, state, sequentialId)
|
|
164
150
|
});
|
|
165
|
-
|
|
166
151
|
NumberField.propTypes = {};
|
|
167
152
|
var NumberField$1 = NumberField;
|
|
168
153
|
|
|
169
154
|
// NOTE: This string will be replaced on build time with the package version.
|
|
170
|
-
var version = "16.
|
|
155
|
+
var version = "16.1.0";
|
|
171
156
|
|
|
172
157
|
exports["default"] = NumberField$1;
|
|
173
158
|
exports.version = version;
|
|
@@ -26,35 +26,27 @@ import NumberInput from '@commercetools-uikit/number-input';
|
|
|
26
26
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
27
27
|
|
|
28
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; }
|
|
29
|
-
|
|
30
29
|
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; }
|
|
31
|
-
|
|
32
30
|
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); }; }
|
|
33
|
-
|
|
34
31
|
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; } }
|
|
35
32
|
const sequentialId = createSequentialId('number-field-');
|
|
36
33
|
const sequentialErrorsId = createSequentialId('number-field-error-')();
|
|
37
34
|
|
|
35
|
+
// Similar shape of `FormikErrors` but values are `TFieldErrors` objects.
|
|
36
|
+
|
|
38
37
|
const hasErrors = errors => {
|
|
39
38
|
var _context;
|
|
40
|
-
|
|
41
39
|
return errors && _someInstanceProperty(_context = _Object$values(errors)).call(_context, Boolean);
|
|
42
40
|
};
|
|
43
|
-
|
|
44
41
|
let NumberField = /*#__PURE__*/function (_Component) {
|
|
45
42
|
_inherits(NumberField, _Component);
|
|
46
|
-
|
|
47
43
|
var _super = _createSuper(NumberField);
|
|
48
|
-
|
|
49
44
|
function NumberField() {
|
|
50
45
|
var _this;
|
|
51
|
-
|
|
52
46
|
_classCallCheck(this, NumberField);
|
|
53
|
-
|
|
54
47
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
55
48
|
args[_key] = arguments[_key];
|
|
56
49
|
}
|
|
57
|
-
|
|
58
50
|
_this = _super.call(this, ...args);
|
|
59
51
|
_this.state = {
|
|
60
52
|
// We generate an id in case no id is provided by the parent to attach the
|
|
@@ -63,18 +55,15 @@ let NumberField = /*#__PURE__*/function (_Component) {
|
|
|
63
55
|
};
|
|
64
56
|
return _this;
|
|
65
57
|
}
|
|
66
|
-
|
|
67
58
|
_createClass(NumberField, [{
|
|
68
59
|
key: "render",
|
|
69
60
|
value: function render() {
|
|
70
61
|
if (!this.props.isReadOnly) {
|
|
71
62
|
process.env.NODE_ENV !== "production" ? warning(typeof this.props.onChange === 'function', 'NumberField: `onChange` is required when field is not read only.') : void 0;
|
|
72
63
|
}
|
|
73
|
-
|
|
74
64
|
if (this.props.hintIcon) {
|
|
75
65
|
process.env.NODE_ENV !== "production" ? warning(typeof this.props.hint === 'string' || /*#__PURE__*/isValidElement(this.props.hint), 'NumberField: `hint` is required to be string or ReactNode if hintIcon is present') : void 0;
|
|
76
66
|
}
|
|
77
|
-
|
|
78
67
|
const hasError = this.props.touched && hasErrors(this.props.errors);
|
|
79
68
|
return jsx(Constraints.Horizontal, {
|
|
80
69
|
max: this.props.horizontalConstraint,
|
|
@@ -131,19 +120,15 @@ let NumberField = /*#__PURE__*/function (_Component) {
|
|
|
131
120
|
return errors;
|
|
132
121
|
}
|
|
133
122
|
}]);
|
|
134
|
-
|
|
135
123
|
return NumberField;
|
|
136
124
|
}(Component);
|
|
137
|
-
|
|
138
125
|
NumberField.displayName = 'NumberField';
|
|
139
126
|
NumberField.defaultProps = {
|
|
140
127
|
horizontalConstraint: 'scale'
|
|
141
128
|
};
|
|
142
|
-
|
|
143
129
|
NumberField.getDerivedStateFromProps = (props, state) => ({
|
|
144
130
|
id: getFieldId(props, state, sequentialId)
|
|
145
131
|
});
|
|
146
|
-
|
|
147
132
|
NumberField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
148
133
|
id: _pt.string,
|
|
149
134
|
horizontalConstraint: _pt.oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
@@ -174,6 +159,6 @@ NumberField.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
174
159
|
var NumberField$1 = NumberField;
|
|
175
160
|
|
|
176
161
|
// NOTE: This string will be replaced on build time with the package version.
|
|
177
|
-
var version = "16.
|
|
162
|
+
var version = "16.1.0";
|
|
178
163
|
|
|
179
164
|
export { NumberField$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/number-field",
|
|
3
3
|
"description": "A controlled input component for numbers with validation states and a label.",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.1.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/constraints": "16.
|
|
25
|
-
"@commercetools-uikit/design-system": "16.
|
|
26
|
-
"@commercetools-uikit/field-errors": "16.
|
|
27
|
-
"@commercetools-uikit/field-label": "16.
|
|
28
|
-
"@commercetools-uikit/number-input": "16.
|
|
29
|
-
"@commercetools-uikit/spacings-stack": "16.
|
|
30
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/constraints": "16.1.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.1.0",
|
|
26
|
+
"@commercetools-uikit/field-errors": "16.1.0",
|
|
27
|
+
"@commercetools-uikit/field-label": "16.1.0",
|
|
28
|
+
"@commercetools-uikit/number-input": "16.1.0",
|
|
29
|
+
"@commercetools-uikit/spacings-stack": "16.1.0",
|
|
30
|
+
"@commercetools-uikit/utils": "16.1.0",
|
|
31
31
|
"@emotion/react": "^11.10.5",
|
|
32
32
|
"@emotion/styled": "^11.10.5",
|
|
33
33
|
"prop-types": "15.8.1",
|