@semcore/input-number 4.4.13 → 4.4.15
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/CHANGELOG.md +2 -2
- package/lib/cjs/InputNumber.js +32 -87
- package/lib/cjs/InputNumber.js.map +1 -1
- package/lib/cjs/buttons.js +0 -4
- package/lib/cjs/buttons.js.map +1 -1
- package/lib/cjs/index.js +0 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/input-number.shadow.css +3 -10
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +0 -13
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/InputNumber.js +32 -83
- package/lib/es6/InputNumber.js.map +1 -1
- package/lib/es6/buttons.js +0 -2
- package/lib/es6/buttons.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/input-number.shadow.css +3 -10
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [4.4.
|
|
5
|
+
## [4.4.15] - 2023-04-24
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/input` [3.5.
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/input` [3.5.20 ~> 3.5.21], `@semcore/utils` [3.50.3 ~> 3.50.4]).
|
|
10
10
|
|
|
11
11
|
## [4.4.3] - 2023-02-09
|
|
12
12
|
|
package/lib/cjs/InputNumber.js
CHANGED
|
@@ -1,109 +1,72 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
18
|
var _input = _interopRequireDefault(require("@semcore/input"));
|
|
31
|
-
|
|
32
19
|
var _buttons = _interopRequireDefault(require("./buttons"));
|
|
33
|
-
|
|
34
20
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
35
|
-
|
|
36
21
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
37
|
-
|
|
38
22
|
/*__reshadow-styles__:"./style/input-number.shadow.css"*/
|
|
39
|
-
var style = (
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
"__SInputNumber": "___SInputNumber_1bzmq_gg_",
|
|
49
|
-
"__SValue": "___SValue_1bzmq_gg_",
|
|
50
|
-
"_disabled": "__disabled_1bzmq_gg_",
|
|
51
|
-
"__SControls": "___SControls_1bzmq_gg_",
|
|
52
|
-
"_showControls": "__showControls_1bzmq_gg_",
|
|
53
|
-
"__SUp": "___SUp_1bzmq_gg_",
|
|
54
|
-
"__SDown": "___SDown_1bzmq_gg_",
|
|
55
|
-
"_type_number": "_type_number_1bzmq_gg_",
|
|
56
|
-
"__SValueHidden": "___SValueHidden_1bzmq_gg_"
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SValue_v9sl8_gg_:focus~.___SControls_v9sl8_gg_{display:flex}.___SControls_v9sl8_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_v9sl8_gg_.__showControls_v9sl8_gg_{display:flex}.___SDown_v9sl8_gg_,.___SUp_v9sl8_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_v9sl8_gg_:focus,.___SUp_v9sl8_gg_:focus{outline:0}@media (hover:hover){.___SDown_v9sl8_gg_:hover,.___SUp_v9sl8_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SUp_v9sl8_gg_{padding-bottom:1px}.___SDown_v9sl8_gg_{padding-top:1px}.___SValue_v9sl8_gg_::-webkit-inner-spin-button,.___SValue_v9sl8_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_v9sl8_gg_._type_number_v9sl8_gg_{-moz-appearance:textfield}.___SValue_v9sl8_gg_.__disabled_v9sl8_gg_~.___SControls_v9sl8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_v9sl8_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "v9sl8_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SValue": "___SValue_v9sl8_gg_",
|
|
25
|
+
"__SControls": "___SControls_v9sl8_gg_",
|
|
26
|
+
"_showControls": "__showControls_v9sl8_gg_",
|
|
27
|
+
"__SUp": "___SUp_v9sl8_gg_",
|
|
28
|
+
"__SDown": "___SDown_v9sl8_gg_",
|
|
29
|
+
"_type_number": "_type_number_v9sl8_gg_",
|
|
30
|
+
"_disabled": "__disabled_v9sl8_gg_",
|
|
31
|
+
"__SValueHidden": "___SValueHidden_v9sl8_gg_"
|
|
57
32
|
});
|
|
58
|
-
|
|
59
33
|
function parseValueWithMinMax(value) {
|
|
60
34
|
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MIN_SAFE_INTEGER;
|
|
61
35
|
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Number.MAX_SAFE_INTEGER;
|
|
62
36
|
return Math.max(min, Math.min(max, value));
|
|
63
37
|
}
|
|
64
|
-
|
|
65
38
|
var IconUp = function IconUp() {
|
|
66
39
|
return _buttons["default"].up;
|
|
67
40
|
};
|
|
68
|
-
|
|
69
41
|
var IconDown = function IconDown() {
|
|
70
42
|
return _buttons["default"].down;
|
|
71
43
|
};
|
|
72
|
-
|
|
73
44
|
var InputNumber = /*#__PURE__*/function (_Component) {
|
|
74
45
|
(0, _inherits2["default"])(InputNumber, _Component);
|
|
75
|
-
|
|
76
46
|
var _super = (0, _createSuper2["default"])(InputNumber);
|
|
77
|
-
|
|
78
47
|
function InputNumber() {
|
|
79
48
|
var _this;
|
|
80
|
-
|
|
81
49
|
(0, _classCallCheck2["default"])(this, InputNumber);
|
|
82
|
-
|
|
83
50
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
84
51
|
args[_key] = arguments[_key];
|
|
85
52
|
}
|
|
86
|
-
|
|
87
53
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
88
54
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", /*#__PURE__*/_react["default"].createRef());
|
|
89
55
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputHandlersRef", /*#__PURE__*/_react["default"].createRef());
|
|
90
56
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerInc", function (e) {
|
|
91
57
|
var _this$inputRef$curren, _this$inputRef$curren2, _this$inputHandlersRe;
|
|
92
|
-
|
|
93
58
|
// TODO: IE11 dont work
|
|
94
59
|
((_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.stepUp) && ((_this$inputRef$curren2 = _this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.stepUp());
|
|
95
60
|
(_this$inputHandlersRe = _this.inputHandlersRef.current) === null || _this$inputHandlersRe === void 0 ? void 0 : _this$inputHandlersRe.value(_this.inputRef.current.value, e);
|
|
96
61
|
});
|
|
97
62
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerDec", function (e) {
|
|
98
63
|
var _this$inputRef$curren3, _this$inputRef$curren4, _this$inputHandlersRe2;
|
|
99
|
-
|
|
100
64
|
// TODO: IE11 dont work
|
|
101
65
|
((_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.stepDown) && ((_this$inputRef$curren4 = _this.inputRef.current) === null || _this$inputRef$curren4 === void 0 ? void 0 : _this$inputRef$curren4.stepDown());
|
|
102
66
|
(_this$inputHandlersRe2 = _this.inputHandlersRef.current) === null || _this$inputHandlersRe2 === void 0 ? void 0 : _this$inputHandlersRe2.value(_this.inputRef.current.value, e);
|
|
103
67
|
});
|
|
104
68
|
return _this;
|
|
105
69
|
}
|
|
106
|
-
|
|
107
70
|
(0, _createClass2["default"])(InputNumber, [{
|
|
108
71
|
key: "getValueProps",
|
|
109
72
|
value: function getValueProps() {
|
|
@@ -116,8 +79,8 @@ var InputNumber = /*#__PURE__*/function (_Component) {
|
|
|
116
79
|
key: "getControlsProps",
|
|
117
80
|
value: function getControlsProps() {
|
|
118
81
|
var _this$asProps = this.asProps,
|
|
119
|
-
|
|
120
|
-
|
|
82
|
+
size = _this$asProps.size,
|
|
83
|
+
getI18nText = _this$asProps.getI18nText;
|
|
121
84
|
return {
|
|
122
85
|
size: size,
|
|
123
86
|
inc: this.handlerInc,
|
|
@@ -129,15 +92,13 @@ var InputNumber = /*#__PURE__*/function (_Component) {
|
|
|
129
92
|
key: "render",
|
|
130
93
|
value: function render() {
|
|
131
94
|
var _ref = this.asProps,
|
|
132
|
-
|
|
133
|
-
|
|
95
|
+
_ref4;
|
|
134
96
|
var SInputNumber = _input["default"];
|
|
135
97
|
return _ref4 = (0, _core.sstyled)(this.asProps.style), /*#__PURE__*/_react["default"].createElement(SInputNumber, _ref4.cn("SInputNumber", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))));
|
|
136
98
|
}
|
|
137
99
|
}]);
|
|
138
100
|
return InputNumber;
|
|
139
101
|
}(_core.Component);
|
|
140
|
-
|
|
141
102
|
(0, _defineProperty2["default"])(InputNumber, "displayName", 'InputNumber');
|
|
142
103
|
(0, _defineProperty2["default"])(InputNumber, "style", style);
|
|
143
104
|
(0, _defineProperty2["default"])(InputNumber, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
|
|
@@ -146,39 +107,29 @@ var InputNumber = /*#__PURE__*/function (_Component) {
|
|
|
146
107
|
i18n: _intergalacticDynamicLocales.localizedMessages,
|
|
147
108
|
locale: 'en'
|
|
148
109
|
});
|
|
149
|
-
|
|
150
110
|
var Value = /*#__PURE__*/function (_Component2) {
|
|
151
111
|
(0, _inherits2["default"])(Value, _Component2);
|
|
152
|
-
|
|
153
112
|
var _super2 = (0, _createSuper2["default"])(Value);
|
|
154
|
-
|
|
155
113
|
function Value() {
|
|
156
114
|
var _this2;
|
|
157
|
-
|
|
158
115
|
(0, _classCallCheck2["default"])(this, Value);
|
|
159
|
-
|
|
160
116
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
161
117
|
args[_key2] = arguments[_key2];
|
|
162
118
|
}
|
|
163
|
-
|
|
164
119
|
_this2 = _super2.call.apply(_super2, [this].concat(args));
|
|
165
120
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleValidation", function (e) {
|
|
166
121
|
var _this2$asProps = _this2.asProps,
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
122
|
+
value = _this2$asProps.value,
|
|
123
|
+
min = _this2$asProps.min,
|
|
124
|
+
max = _this2$asProps.max,
|
|
125
|
+
step = _this2$asProps.step;
|
|
171
126
|
var roundCoefficient = step < 1 ? step.toString().split('.')[1].length : 1;
|
|
172
|
-
|
|
173
127
|
if (Number.isNaN(e.currentTarget.valueAsNumber)) {
|
|
174
128
|
e.currentTarget.value = '';
|
|
175
|
-
|
|
176
129
|
_this2.handlers.value('', e);
|
|
177
130
|
} else {
|
|
178
131
|
var numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);
|
|
179
|
-
|
|
180
132
|
var r = _this2.roundRemainder(numberValue % step, step);
|
|
181
|
-
|
|
182
133
|
if (r !== 0) {
|
|
183
134
|
if (r >= step / 2) {
|
|
184
135
|
numberValue += step - r;
|
|
@@ -186,15 +137,12 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
|
186
137
|
numberValue -= r;
|
|
187
138
|
}
|
|
188
139
|
}
|
|
189
|
-
|
|
190
140
|
var numberValueRounded = Number(numberValue.toFixed(roundCoefficient));
|
|
191
|
-
|
|
192
141
|
_this2.handlers.value(String(numberValueRounded), e);
|
|
193
142
|
}
|
|
194
143
|
});
|
|
195
144
|
return _this2;
|
|
196
145
|
}
|
|
197
|
-
|
|
198
146
|
(0, _createClass2["default"])(Value, [{
|
|
199
147
|
key: "uncontrolledProps",
|
|
200
148
|
value: function uncontrolledProps() {
|
|
@@ -212,17 +160,17 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
|
212
160
|
key: "render",
|
|
213
161
|
value: function render() {
|
|
214
162
|
var _ref2 = this.asProps,
|
|
215
|
-
|
|
216
|
-
|
|
163
|
+
_ref5;
|
|
217
164
|
var SValue = _input["default"].Value;
|
|
218
165
|
var SValueHidden = 'div';
|
|
219
166
|
var _this$asProps2 = this.asProps,
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
167
|
+
styles = _this$asProps2.styles,
|
|
168
|
+
$inputHandlers = _this$asProps2.$inputHandlers,
|
|
169
|
+
value = _this$asProps2.value,
|
|
170
|
+
min = _this$asProps2.min,
|
|
171
|
+
max = _this$asProps2.max;
|
|
225
172
|
|
|
173
|
+
// 🐒 не делайте так
|
|
226
174
|
$inputHandlers.current = this.handlers;
|
|
227
175
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SValue, _ref5.cn("SValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
228
176
|
"type": "number",
|
|
@@ -240,26 +188,25 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
|
240
188
|
}]);
|
|
241
189
|
return Value;
|
|
242
190
|
}(_core.Component);
|
|
243
|
-
|
|
244
191
|
(0, _defineProperty2["default"])(Value, "defaultProps", {
|
|
245
192
|
defaultValue: '',
|
|
246
193
|
step: 1
|
|
247
194
|
});
|
|
248
|
-
|
|
249
195
|
function Controls(props) {
|
|
250
196
|
var _ref3 = arguments[0],
|
|
251
|
-
|
|
252
|
-
|
|
197
|
+
_ref6;
|
|
253
198
|
var Children = props.Children,
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
199
|
+
inc = props.inc,
|
|
200
|
+
dec = props.dec,
|
|
201
|
+
size = props.size,
|
|
202
|
+
styles = props.styles,
|
|
203
|
+
getI18nText = props.getI18nText;
|
|
259
204
|
var SControls = _input["default"].Addon;
|
|
260
205
|
var SUp = 'button';
|
|
261
206
|
var SDown = 'button';
|
|
262
|
-
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SControls, _ref6.cn("SControls", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
207
|
+
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SControls, _ref6.cn("SControls", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
208
|
+
"aria-hidden": "true"
|
|
209
|
+
}, _ref3))), /*#__PURE__*/_react["default"].createElement(SUp, _ref6.cn("SUp", {
|
|
263
210
|
"onClick": inc,
|
|
264
211
|
"tabIndex": -1,
|
|
265
212
|
"type": "button",
|
|
@@ -273,12 +220,10 @@ function Controls(props) {
|
|
|
273
220
|
"aria-label": getI18nText('decrement')
|
|
274
221
|
}), /*#__PURE__*/_react["default"].createElement(IconDown, _ref6.cn("IconDown", {}))), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})));
|
|
275
222
|
}
|
|
276
|
-
|
|
277
223
|
var _default = (0, _core["default"])(InputNumber, {
|
|
278
224
|
Value: Value,
|
|
279
225
|
Controls: Controls,
|
|
280
226
|
Addon: _input["default"].Addon
|
|
281
227
|
});
|
|
282
|
-
|
|
283
228
|
exports["default"] = _default;
|
|
284
229
|
//# sourceMappingURL=InputNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","names":["parseValueWithMinMax","value","min","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math","IconUp","BUTTONS","up","IconDown","down","InputNumber","React","createRef","e","inputRef","current","stepUp","inputHandlersRef","stepDown","ref","$inputHandlers","asProps","size","getI18nText","inc","handlerInc","dec","handlerDec","SInputNumber","Input","sstyled","style","Component","i18nEnhance","localizedMessages","i18n","locale","Value","step","roundCoefficient","toString","split","length","isNaN","currentTarget","valueAsNumber","handlers","numberValue","parseFloat","r","roundRemainder","abs","numberValueRounded","toFixed","String","countDecimals","floor","toPrecision","SValue","SValueHidden","styles","handleValidation","defaultValue","Controls","props","Children","SControls","Addon","SUp","SDown","createComponent"],"sources":["../../src/InputNumber.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport BUTTONS from './buttons';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/input-number.shadow.css';\n\nfunction parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {\n return Math.max(min, Math.min(max, value));\n}\n\nconst IconUp = () => BUTTONS.up;\nconst IconDown = () => BUTTONS.down;\n\nclass InputNumber extends Component {\n static displayName = 'InputNumber';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n inputRef = React.createRef();\n inputHandlersRef = React.createRef();\n\n handlerInc = (e) => {\n // TODO: IE11 dont work\n this.inputRef.current?.stepUp && this.inputRef.current?.stepUp();\n this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n };\n\n handlerDec = (e) => {\n // TODO: IE11 dont work\n this.inputRef.current?.stepDown && this.inputRef.current?.stepDown();\n this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n };\n\n getValueProps() {\n return {\n ref: this.inputRef,\n $inputHandlers: this.inputHandlersRef,\n };\n }\n\n getControlsProps() {\n const { size, getI18nText } = this.asProps;\n return {\n size,\n inc: this.handlerInc,\n dec: this.handlerDec,\n getI18nText,\n };\n }\n\n render() {\n const SInputNumber = Root;\n return sstyled(this.asProps.style)(<SInputNumber render={Input} />);\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n defaultValue: '',\n step: 1,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n roundRemainder(value, step) {\n const countDecimals = Math.floor(step) === step ? 0 : step.toString().split('.')[1].length || 0;\n return countDecimals === 0\n ? Number.parseFloat(value)\n : Number.parseFloat(value).toPrecision(countDecimals);\n }\n\n handleValidation = (e) => {\n const { value, min, max, step } = this.asProps;\n const roundCoefficient = step < 1 ? step.toString().split('.')[1].length : 1;\n if (Number.isNaN(e.currentTarget.valueAsNumber)) {\n e.currentTarget.value = '';\n this.handlers.value('', e);\n } else {\n let numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);\n const r = this.roundRemainder(numberValue % step, step);\n if (r !== 0) {\n if (r >= step / 2) {\n numberValue += step - r;\n } else if (Math.abs(r) < step) {\n numberValue -= r;\n }\n }\n const numberValueRounded = Number(numberValue.toFixed(roundCoefficient));\n this.handlers.value(String(numberValueRounded), e);\n }\n };\n\n render() {\n const SValue = Root;\n const SValueHidden = 'div';\n const { styles, $inputHandlers, value, min, max } = this.asProps;\n\n // 🐒 не делайте так\n $inputHandlers.current = this.handlers;\n\n return sstyled(styles)(\n <>\n <SValue\n render={Input.Value}\n type=\"number\"\n autoComplete=\"off\"\n onBlur={this.handleValidation}\n onInvalid={this.handleValidation}\n aria-valuenow={value}\n aria-valuemin={min}\n aria-valuemax={max}\n />\n {/* the next hidden div is necessary for the screen reader to report the value \n in the input, because after validation the value can change to the `min` or `max` \n if entered less than `min` or more than `max` */}\n <SValueHidden aria-live=\"polite\" aria-atomic={true}>\n {value}\n </SValueHidden>\n </>,\n );\n }\n}\n\nfunction Controls(props) {\n const { Children, inc, dec, size, styles, getI18nText } = props;\n const SControls = Root;\n const SUp = 'button';\n const SDown = 'button';\n\n return sstyled(styles)(\n <SControls render={Input.Addon}>\n <SUp\n onClick={inc}\n tabIndex={-1}\n type=\"button\"\n size={size}\n aria-label={getI18nText('increment')}\n >\n <IconUp />\n </SUp>\n <SDown\n onClick={dec}\n tabIndex={-1}\n type=\"button\"\n size={size}\n aria-label={getI18nText('decrement')}\n >\n <IconDown />\n </SDown>\n <Children />\n </SControls>,\n );\n}\n\nexport default createComponent(InputNumber, {\n Value,\n Controls,\n Addon: Input.Addon,\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InputNumber.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_input","_buttons","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","parseValueWithMinMax","value","min","arguments","length","undefined","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math","IconUp","BUTTONS","up","IconDown","down","InputNumber","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","_this$inputRef$curren","_this$inputRef$curren2","_this$inputHandlersRe","inputRef","current","stepUp","inputHandlersRef","_this$inputRef$curren3","_this$inputRef$curren4","_this$inputHandlersRe2","stepDown","_createClass2","key","getValueProps","ref","$inputHandlers","getControlsProps","_this$asProps","asProps","size","getI18nText","inc","handlerInc","dec","handlerDec","render","_ref","_ref4","SInputNumber","Input","createElement","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","i18n","locale","Value","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","step","roundCoefficient","toString","split","isNaN","currentTarget","valueAsNumber","handlers","numberValue","parseFloat","r","roundRemainder","abs","numberValueRounded","toFixed","String","uncontrolledProps","countDecimals","floor","toPrecision","_ref2","_ref5","SValue","SValueHidden","_this$asProps2","styles","Fragment","handleValidation","defaultValue","Controls","props","_ref3","arguments[0]","_ref6","Children","SControls","Addon","SUp","SDown","_default","createComponent","exports"],"sources":["../../src/InputNumber.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport BUTTONS from './buttons';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/input-number.shadow.css';\n\nfunction parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {\n return Math.max(min, Math.min(max, value));\n}\n\nconst IconUp = () => BUTTONS.up;\nconst IconDown = () => BUTTONS.down;\n\nclass InputNumber extends Component {\n static displayName = 'InputNumber';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n inputRef = React.createRef();\n inputHandlersRef = React.createRef();\n\n handlerInc = (e) => {\n // TODO: IE11 dont work\n this.inputRef.current?.stepUp && this.inputRef.current?.stepUp();\n this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n };\n\n handlerDec = (e) => {\n // TODO: IE11 dont work\n this.inputRef.current?.stepDown && this.inputRef.current?.stepDown();\n this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n };\n\n getValueProps() {\n return {\n ref: this.inputRef,\n $inputHandlers: this.inputHandlersRef,\n };\n }\n\n getControlsProps() {\n const { size, getI18nText } = this.asProps;\n return {\n size,\n inc: this.handlerInc,\n dec: this.handlerDec,\n getI18nText,\n };\n }\n\n render() {\n const SInputNumber = Root;\n return sstyled(this.asProps.style)(<SInputNumber render={Input} />);\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n defaultValue: '',\n step: 1,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n roundRemainder(value, step) {\n const countDecimals = Math.floor(step) === step ? 0 : step.toString().split('.')[1].length || 0;\n return countDecimals === 0\n ? Number.parseFloat(value)\n : Number.parseFloat(value).toPrecision(countDecimals);\n }\n\n handleValidation = (e) => {\n const { value, min, max, step } = this.asProps;\n const roundCoefficient = step < 1 ? step.toString().split('.')[1].length : 1;\n if (Number.isNaN(e.currentTarget.valueAsNumber)) {\n e.currentTarget.value = '';\n this.handlers.value('', e);\n } else {\n let numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);\n const r = this.roundRemainder(numberValue % step, step);\n if (r !== 0) {\n if (r >= step / 2) {\n numberValue += step - r;\n } else if (Math.abs(r) < step) {\n numberValue -= r;\n }\n }\n const numberValueRounded = Number(numberValue.toFixed(roundCoefficient));\n this.handlers.value(String(numberValueRounded), e);\n }\n };\n\n render() {\n const SValue = Root;\n const SValueHidden = 'div';\n const { styles, $inputHandlers, value, min, max } = this.asProps;\n\n // 🐒 не делайте так\n $inputHandlers.current = this.handlers;\n\n return sstyled(styles)(\n <>\n <SValue\n render={Input.Value}\n type=\"number\"\n autoComplete=\"off\"\n onBlur={this.handleValidation}\n onInvalid={this.handleValidation}\n aria-valuenow={value}\n aria-valuemin={min}\n aria-valuemax={max}\n />\n {/* the next hidden div is necessary for the screen reader to report the value\n in the input, because after validation the value can change to the `min` or `max` \n if entered less than `min` or more than `max` */}\n <SValueHidden aria-live=\"polite\" aria-atomic={true}>\n {value}\n </SValueHidden>\n </>,\n );\n }\n}\n\nfunction Controls(props) {\n const { Children, inc, dec, size, styles, getI18nText } = props;\n const SControls = Root;\n const SUp = 'button';\n const SDown = 'button';\n\n return sstyled(styles)(\n <SControls render={Input.Addon} aria-hidden=\"true\">\n <SUp\n onClick={inc}\n tabIndex={-1}\n type=\"button\"\n size={size}\n aria-label={getI18nText('increment')}\n >\n <IconUp />\n </SUp>\n <SDown\n onClick={dec}\n tabIndex={-1}\n type=\"button\"\n size={size}\n aria-label={getI18nText('decrement')}\n >\n <IconDown />\n </SDown>\n <Children />\n </SControls>,\n );\n}\n\nexport default createComponent(InputNumber, {\n Value,\n Controls,\n Addon: Input.Addon,\n});\n"],"mappings":"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"}
|
package/lib/cjs/buttons.js
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var svg = function svg(orientation, width, height) {
|
|
13
10
|
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
14
11
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -22,7 +19,6 @@ var svg = function svg(orientation, width, height) {
|
|
|
22
19
|
d: "M0,0l".concat(width, ",0l-").concat(height, ",").concat(height, "Z")
|
|
23
20
|
}));
|
|
24
21
|
};
|
|
25
|
-
|
|
26
22
|
var _default = {
|
|
27
23
|
up: svg('up', 10, 5),
|
|
28
24
|
down: svg('down', 10, 5)
|
package/lib/cjs/buttons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttons.js","names":["svg","orientation","width","height","up","down"],"sources":["../../src/buttons.jsx"],"sourcesContent":["import React from 'react';\n\nconst svg = (orientation, width, height) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n width={width}\n height={height}\n viewBox={`0 0 ${width} ${height}`}\n >\n {orientation === 'up' ? (\n <path d={`M0,${height}l${height},-${height}l${height},${height}Z`} />\n ) : (\n <path d={`M0,0l${width},0l-${height},${height}Z`} />\n )}\n </svg>\n);\n\nexport default {\n up: svg('up', 10, 5),\n down: svg('down', 10, 5),\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"buttons.js","names":["_react","_interopRequireDefault","require","svg","orientation","width","height","createElement","xmlns","fill","viewBox","concat","d","_default","up","down","exports"],"sources":["../../src/buttons.jsx"],"sourcesContent":["import React from 'react';\n\nconst svg = (orientation, width, height) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n width={width}\n height={height}\n viewBox={`0 0 ${width} ${height}`}\n >\n {orientation === 'up' ? (\n <path d={`M0,${height}l${height},-${height}l${height},${height}Z`} />\n ) : (\n <path d={`M0,0l${width},0l-${height},${height}Z`} />\n )}\n </svg>\n);\n\nexport default {\n up: svg('up', 10, 5),\n down: svg('down', 10, 5),\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,GAAG,GAAG,SAANA,GAAGA,CAAIC,WAAW,EAAEC,KAAK,EAAEC,MAAM;EAAA,oBACrCN,MAAA,YAAAO,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,cAAc;IACnBJ,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfI,OAAO,SAAAC,MAAA,CAASN,KAAK,OAAAM,MAAA,CAAIL,MAAM;EAAG,GAEjCF,WAAW,KAAK,IAAI,gBACnBJ,MAAA,YAAAO,aAAA;IAAMK,CAAC,QAAAD,MAAA,CAAQL,MAAM,OAAAK,MAAA,CAAIL,MAAM,QAAAK,MAAA,CAAKL,MAAM,OAAAK,MAAA,CAAIL,MAAM,OAAAK,MAAA,CAAIL,MAAM;EAAI,EAAG,gBAErEN,MAAA,YAAAO,aAAA;IAAMK,CAAC,UAAAD,MAAA,CAAUN,KAAK,UAAAM,MAAA,CAAOL,MAAM,OAAAK,MAAA,CAAIL,MAAM;EAAI,EAClD,CACG;AAAA,CACP;AAAC,IAAAO,QAAA,GAEa;EACbC,EAAE,EAAEX,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;EACpBY,IAAI,EAAEZ,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC;AACzB,CAAC;AAAAa,OAAA,cAAAH,QAAA"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _InputNumber["default"];
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _InputNumber = _interopRequireDefault(require("./InputNumber"));
|
|
16
14
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './InputNumber';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_InputNumber","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './InputNumber';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA"}
|
|
@@ -1,24 +1,17 @@
|
|
|
1
|
-
SInputNumber:hover {
|
|
2
|
-
& SValue:not([disabled]) ~ SControls {
|
|
3
|
-
visibility: visible;
|
|
4
|
-
}
|
|
5
|
-
}
|
|
6
|
-
|
|
7
1
|
SValue:focus ~ SControls {
|
|
8
|
-
|
|
2
|
+
display: flex;
|
|
9
3
|
}
|
|
10
4
|
|
|
11
5
|
SControls {
|
|
12
|
-
display:
|
|
6
|
+
display: none;
|
|
13
7
|
flex-flow: column;
|
|
14
8
|
justify-content: center;
|
|
15
9
|
height: 100%;
|
|
16
|
-
visibility: hidden;
|
|
17
10
|
box-sizing: border-box;
|
|
18
11
|
}
|
|
19
12
|
|
|
20
13
|
SControls[showControls] {
|
|
21
|
-
|
|
14
|
+
display: flex;
|
|
22
15
|
}
|
|
23
16
|
|
|
24
17
|
SUp,
|
|
@@ -1,34 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.localizedMessages = void 0;
|
|
9
|
-
|
|
10
8
|
var _de = _interopRequireDefault(require("./de.json"));
|
|
11
|
-
|
|
12
9
|
var _en = _interopRequireDefault(require("./en.json"));
|
|
13
|
-
|
|
14
10
|
var _es = _interopRequireDefault(require("./es.json"));
|
|
15
|
-
|
|
16
11
|
var _fr = _interopRequireDefault(require("./fr.json"));
|
|
17
|
-
|
|
18
12
|
var _it = _interopRequireDefault(require("./it.json"));
|
|
19
|
-
|
|
20
13
|
var _ja = _interopRequireDefault(require("./ja.json"));
|
|
21
|
-
|
|
22
14
|
var _ko = _interopRequireDefault(require("./ko.json"));
|
|
23
|
-
|
|
24
15
|
var _pt = _interopRequireDefault(require("./pt.json"));
|
|
25
|
-
|
|
26
16
|
var _tr = _interopRequireDefault(require("./tr.json"));
|
|
27
|
-
|
|
28
17
|
var _vi = _interopRequireDefault(require("./vi.json"));
|
|
29
|
-
|
|
30
18
|
var _zh = _interopRequireDefault(require("./zh.json"));
|
|
31
|
-
|
|
32
19
|
var localizedMessages = {
|
|
33
20
|
de: _de["default"],
|
|
34
21
|
en: _en["default"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_pt","_tr","_vi","_zh","localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AAEO,IAAMW,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAZ,iBAAA,GAAAA,iBAAA"}
|
package/lib/es6/InputNumber.js
CHANGED
|
@@ -15,81 +15,54 @@ import Input from '@semcore/input';
|
|
|
15
15
|
import BUTTONS from './buttons';
|
|
16
16
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
17
17
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
18
|
-
|
|
19
18
|
/*__reshadow-styles__:"./style/input-number.shadow.css"*/
|
|
20
|
-
var style = (
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
"__SInputNumber": "___SInputNumber_1bzmq_gg_",
|
|
30
|
-
"__SValue": "___SValue_1bzmq_gg_",
|
|
31
|
-
"_disabled": "__disabled_1bzmq_gg_",
|
|
32
|
-
"__SControls": "___SControls_1bzmq_gg_",
|
|
33
|
-
"_showControls": "__showControls_1bzmq_gg_",
|
|
34
|
-
"__SUp": "___SUp_1bzmq_gg_",
|
|
35
|
-
"__SDown": "___SDown_1bzmq_gg_",
|
|
36
|
-
"_type_number": "_type_number_1bzmq_gg_",
|
|
37
|
-
"__SValueHidden": "___SValueHidden_1bzmq_gg_"
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SValue_v9sl8_gg_:focus~.___SControls_v9sl8_gg_{display:flex}.___SControls_v9sl8_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_v9sl8_gg_.__showControls_v9sl8_gg_{display:flex}.___SDown_v9sl8_gg_,.___SUp_v9sl8_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_v9sl8_gg_:focus,.___SUp_v9sl8_gg_:focus{outline:0}@media (hover:hover){.___SDown_v9sl8_gg_:hover,.___SUp_v9sl8_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SUp_v9sl8_gg_{padding-bottom:1px}.___SDown_v9sl8_gg_{padding-top:1px}.___SValue_v9sl8_gg_::-webkit-inner-spin-button,.___SValue_v9sl8_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_v9sl8_gg_._type_number_v9sl8_gg_{-moz-appearance:textfield}.___SValue_v9sl8_gg_.__disabled_v9sl8_gg_~.___SControls_v9sl8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_v9sl8_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "v9sl8_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SValue": "___SValue_v9sl8_gg_",
|
|
21
|
+
"__SControls": "___SControls_v9sl8_gg_",
|
|
22
|
+
"_showControls": "__showControls_v9sl8_gg_",
|
|
23
|
+
"__SUp": "___SUp_v9sl8_gg_",
|
|
24
|
+
"__SDown": "___SDown_v9sl8_gg_",
|
|
25
|
+
"_type_number": "_type_number_v9sl8_gg_",
|
|
26
|
+
"_disabled": "__disabled_v9sl8_gg_",
|
|
27
|
+
"__SValueHidden": "___SValueHidden_v9sl8_gg_"
|
|
38
28
|
});
|
|
39
|
-
|
|
40
29
|
function parseValueWithMinMax(value) {
|
|
41
30
|
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MIN_SAFE_INTEGER;
|
|
42
31
|
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Number.MAX_SAFE_INTEGER;
|
|
43
32
|
return Math.max(min, Math.min(max, value));
|
|
44
33
|
}
|
|
45
|
-
|
|
46
34
|
var IconUp = function IconUp() {
|
|
47
35
|
return BUTTONS.up;
|
|
48
36
|
};
|
|
49
|
-
|
|
50
37
|
var IconDown = function IconDown() {
|
|
51
38
|
return BUTTONS.down;
|
|
52
39
|
};
|
|
53
|
-
|
|
54
40
|
var InputNumber = /*#__PURE__*/function (_Component) {
|
|
55
41
|
_inherits(InputNumber, _Component);
|
|
56
|
-
|
|
57
42
|
var _super = _createSuper(InputNumber);
|
|
58
|
-
|
|
59
43
|
function InputNumber() {
|
|
60
44
|
var _this;
|
|
61
|
-
|
|
62
45
|
_classCallCheck(this, InputNumber);
|
|
63
|
-
|
|
64
46
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
65
47
|
args[_key] = arguments[_key];
|
|
66
48
|
}
|
|
67
|
-
|
|
68
49
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
69
|
-
|
|
70
50
|
_defineProperty(_assertThisInitialized(_this), "inputRef", /*#__PURE__*/React.createRef());
|
|
71
|
-
|
|
72
51
|
_defineProperty(_assertThisInitialized(_this), "inputHandlersRef", /*#__PURE__*/React.createRef());
|
|
73
|
-
|
|
74
52
|
_defineProperty(_assertThisInitialized(_this), "handlerInc", function (e) {
|
|
75
53
|
var _this$inputRef$curren, _this$inputRef$curren2, _this$inputHandlersRe;
|
|
76
|
-
|
|
77
54
|
// TODO: IE11 dont work
|
|
78
55
|
((_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.stepUp) && ((_this$inputRef$curren2 = _this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.stepUp());
|
|
79
56
|
(_this$inputHandlersRe = _this.inputHandlersRef.current) === null || _this$inputHandlersRe === void 0 ? void 0 : _this$inputHandlersRe.value(_this.inputRef.current.value, e);
|
|
80
57
|
});
|
|
81
|
-
|
|
82
58
|
_defineProperty(_assertThisInitialized(_this), "handlerDec", function (e) {
|
|
83
59
|
var _this$inputRef$curren3, _this$inputRef$curren4, _this$inputHandlersRe2;
|
|
84
|
-
|
|
85
60
|
// TODO: IE11 dont work
|
|
86
61
|
((_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.stepDown) && ((_this$inputRef$curren4 = _this.inputRef.current) === null || _this$inputRef$curren4 === void 0 ? void 0 : _this$inputRef$curren4.stepDown());
|
|
87
62
|
(_this$inputHandlersRe2 = _this.inputHandlersRef.current) === null || _this$inputHandlersRe2 === void 0 ? void 0 : _this$inputHandlersRe2.value(_this.inputRef.current.value, e);
|
|
88
63
|
});
|
|
89
|
-
|
|
90
64
|
return _this;
|
|
91
65
|
}
|
|
92
|
-
|
|
93
66
|
_createClass(InputNumber, [{
|
|
94
67
|
key: "getValueProps",
|
|
95
68
|
value: function getValueProps() {
|
|
@@ -102,8 +75,8 @@ var InputNumber = /*#__PURE__*/function (_Component) {
|
|
|
102
75
|
key: "getControlsProps",
|
|
103
76
|
value: function getControlsProps() {
|
|
104
77
|
var _this$asProps = this.asProps,
|
|
105
|
-
|
|
106
|
-
|
|
78
|
+
size = _this$asProps.size,
|
|
79
|
+
getI18nText = _this$asProps.getI18nText;
|
|
107
80
|
return {
|
|
108
81
|
size: size,
|
|
109
82
|
inc: this.handlerInc,
|
|
@@ -115,61 +88,44 @@ var InputNumber = /*#__PURE__*/function (_Component) {
|
|
|
115
88
|
key: "render",
|
|
116
89
|
value: function render() {
|
|
117
90
|
var _ref = this.asProps,
|
|
118
|
-
|
|
119
|
-
|
|
91
|
+
_ref4;
|
|
120
92
|
var SInputNumber = Input;
|
|
121
93
|
return _ref4 = sstyled(this.asProps.style), /*#__PURE__*/React.createElement(SInputNumber, _ref4.cn("SInputNumber", _objectSpread({}, _assignProps({}, _ref))));
|
|
122
94
|
}
|
|
123
95
|
}]);
|
|
124
|
-
|
|
125
96
|
return InputNumber;
|
|
126
97
|
}(Component);
|
|
127
|
-
|
|
128
98
|
_defineProperty(InputNumber, "displayName", 'InputNumber');
|
|
129
|
-
|
|
130
99
|
_defineProperty(InputNumber, "style", style);
|
|
131
|
-
|
|
132
100
|
_defineProperty(InputNumber, "enhance", [i18nEnhance(localizedMessages)]);
|
|
133
|
-
|
|
134
101
|
_defineProperty(InputNumber, "defaultProps", {
|
|
135
102
|
size: 'm',
|
|
136
103
|
i18n: localizedMessages,
|
|
137
104
|
locale: 'en'
|
|
138
105
|
});
|
|
139
|
-
|
|
140
106
|
var Value = /*#__PURE__*/function (_Component2) {
|
|
141
107
|
_inherits(Value, _Component2);
|
|
142
|
-
|
|
143
108
|
var _super2 = _createSuper(Value);
|
|
144
|
-
|
|
145
109
|
function Value() {
|
|
146
110
|
var _this2;
|
|
147
|
-
|
|
148
111
|
_classCallCheck(this, Value);
|
|
149
|
-
|
|
150
112
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
151
113
|
args[_key2] = arguments[_key2];
|
|
152
114
|
}
|
|
153
|
-
|
|
154
115
|
_this2 = _super2.call.apply(_super2, [this].concat(args));
|
|
155
|
-
|
|
156
116
|
_defineProperty(_assertThisInitialized(_this2), "handleValidation", function (e) {
|
|
157
117
|
var _this2$asProps = _this2.asProps,
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
118
|
+
value = _this2$asProps.value,
|
|
119
|
+
min = _this2$asProps.min,
|
|
120
|
+
max = _this2$asProps.max,
|
|
121
|
+
step = _this2$asProps.step;
|
|
162
122
|
var roundCoefficient = step < 1 ? step.toString().split('.')[1].length : 1;
|
|
163
|
-
|
|
164
123
|
if (Number.isNaN(e.currentTarget.valueAsNumber)) {
|
|
165
124
|
e.currentTarget.value = '';
|
|
166
|
-
|
|
167
125
|
_this2.handlers.value('', e);
|
|
168
126
|
} else {
|
|
169
127
|
var numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);
|
|
170
|
-
|
|
171
128
|
var r = _this2.roundRemainder(numberValue % step, step);
|
|
172
|
-
|
|
173
129
|
if (r !== 0) {
|
|
174
130
|
if (r >= step / 2) {
|
|
175
131
|
numberValue += step - r;
|
|
@@ -177,16 +133,12 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
|
177
133
|
numberValue -= r;
|
|
178
134
|
}
|
|
179
135
|
}
|
|
180
|
-
|
|
181
136
|
var numberValueRounded = Number(numberValue.toFixed(roundCoefficient));
|
|
182
|
-
|
|
183
137
|
_this2.handlers.value(String(numberValueRounded), e);
|
|
184
138
|
}
|
|
185
139
|
});
|
|
186
|
-
|
|
187
140
|
return _this2;
|
|
188
141
|
}
|
|
189
|
-
|
|
190
142
|
_createClass(Value, [{
|
|
191
143
|
key: "uncontrolledProps",
|
|
192
144
|
value: function uncontrolledProps() {
|
|
@@ -204,17 +156,17 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
|
204
156
|
key: "render",
|
|
205
157
|
value: function render() {
|
|
206
158
|
var _ref2 = this.asProps,
|
|
207
|
-
|
|
208
|
-
|
|
159
|
+
_ref5;
|
|
209
160
|
var SValue = Input.Value;
|
|
210
161
|
var SValueHidden = 'div';
|
|
211
162
|
var _this$asProps2 = this.asProps,
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
163
|
+
styles = _this$asProps2.styles,
|
|
164
|
+
$inputHandlers = _this$asProps2.$inputHandlers,
|
|
165
|
+
value = _this$asProps2.value,
|
|
166
|
+
min = _this$asProps2.min,
|
|
167
|
+
max = _this$asProps2.max;
|
|
217
168
|
|
|
169
|
+
// 🐒 не делайте так
|
|
218
170
|
$inputHandlers.current = this.handlers;
|
|
219
171
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SValue, _ref5.cn("SValue", _objectSpread({}, _assignProps2({
|
|
220
172
|
"type": "number",
|
|
@@ -230,29 +182,27 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
|
230
182
|
}), value));
|
|
231
183
|
}
|
|
232
184
|
}]);
|
|
233
|
-
|
|
234
185
|
return Value;
|
|
235
186
|
}(Component);
|
|
236
|
-
|
|
237
187
|
_defineProperty(Value, "defaultProps", {
|
|
238
188
|
defaultValue: '',
|
|
239
189
|
step: 1
|
|
240
190
|
});
|
|
241
|
-
|
|
242
191
|
function Controls(props) {
|
|
243
192
|
var _ref3 = arguments[0],
|
|
244
|
-
|
|
245
|
-
|
|
193
|
+
_ref6;
|
|
246
194
|
var Children = props.Children,
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
195
|
+
inc = props.inc,
|
|
196
|
+
dec = props.dec,
|
|
197
|
+
size = props.size,
|
|
198
|
+
styles = props.styles,
|
|
199
|
+
getI18nText = props.getI18nText;
|
|
252
200
|
var SControls = Input.Addon;
|
|
253
201
|
var SUp = 'button';
|
|
254
202
|
var SDown = 'button';
|
|
255
|
-
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SControls, _ref6.cn("SControls", _objectSpread({}, _assignProps3({
|
|
203
|
+
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SControls, _ref6.cn("SControls", _objectSpread({}, _assignProps3({
|
|
204
|
+
"aria-hidden": "true"
|
|
205
|
+
}, _ref3))), /*#__PURE__*/React.createElement(SUp, _ref6.cn("SUp", {
|
|
256
206
|
"onClick": inc,
|
|
257
207
|
"tabIndex": -1,
|
|
258
208
|
"type": "button",
|
|
@@ -266,7 +216,6 @@ function Controls(props) {
|
|
|
266
216
|
"aria-label": getI18nText('decrement')
|
|
267
217
|
}), /*#__PURE__*/React.createElement(IconDown, _ref6.cn("IconDown", {}))), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})));
|
|
268
218
|
}
|
|
269
|
-
|
|
270
219
|
export default createComponent(InputNumber, {
|
|
271
220
|
Value: Value,
|
|
272
221
|
Controls: Controls,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","names":["React","createComponent","Component","sstyled","Root","Input","BUTTONS","localizedMessages","i18nEnhance","parseValueWithMinMax","value","min","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math","IconUp","up","IconDown","down","InputNumber","createRef","e","inputRef","current","stepUp","inputHandlersRef","stepDown","ref","$inputHandlers","asProps","size","getI18nText","inc","handlerInc","dec","handlerDec","SInputNumber","style","i18n","locale","Value","step","roundCoefficient","toString","split","length","isNaN","currentTarget","valueAsNumber","handlers","numberValue","parseFloat","r","roundRemainder","abs","numberValueRounded","toFixed","String","countDecimals","floor","toPrecision","SValue","SValueHidden","styles","handleValidation","defaultValue","Controls","props","Children","SControls","Addon","SUp","SDown"],"sources":["../../src/InputNumber.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport BUTTONS from './buttons';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/input-number.shadow.css';\n\nfunction parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {\n return Math.max(min, Math.min(max, value));\n}\n\nconst IconUp = () => BUTTONS.up;\nconst IconDown = () => BUTTONS.down;\n\nclass InputNumber extends Component {\n static displayName = 'InputNumber';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n inputRef = React.createRef();\n inputHandlersRef = React.createRef();\n\n handlerInc = (e) => {\n // TODO: IE11 dont work\n this.inputRef.current?.stepUp && this.inputRef.current?.stepUp();\n this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n };\n\n handlerDec = (e) => {\n // TODO: IE11 dont work\n this.inputRef.current?.stepDown && this.inputRef.current?.stepDown();\n this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n };\n\n getValueProps() {\n return {\n ref: this.inputRef,\n $inputHandlers: this.inputHandlersRef,\n };\n }\n\n getControlsProps() {\n const { size, getI18nText } = this.asProps;\n return {\n size,\n inc: this.handlerInc,\n dec: this.handlerDec,\n getI18nText,\n };\n }\n\n render() {\n const SInputNumber = Root;\n return sstyled(this.asProps.style)(<SInputNumber render={Input} />);\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n defaultValue: '',\n step: 1,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n roundRemainder(value, step) {\n const countDecimals = Math.floor(step) === step ? 0 : step.toString().split('.')[1].length || 0;\n return countDecimals === 0\n ? Number.parseFloat(value)\n : Number.parseFloat(value).toPrecision(countDecimals);\n }\n\n handleValidation = (e) => {\n const { value, min, max, step } = this.asProps;\n const roundCoefficient = step < 1 ? step.toString().split('.')[1].length : 1;\n if (Number.isNaN(e.currentTarget.valueAsNumber)) {\n e.currentTarget.value = '';\n this.handlers.value('', e);\n } else {\n let numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);\n const r = this.roundRemainder(numberValue % step, step);\n if (r !== 0) {\n if (r >= step / 2) {\n numberValue += step - r;\n } else if (Math.abs(r) < step) {\n numberValue -= r;\n }\n }\n const numberValueRounded = Number(numberValue.toFixed(roundCoefficient));\n this.handlers.value(String(numberValueRounded), e);\n }\n };\n\n render() {\n const SValue = Root;\n const SValueHidden = 'div';\n const { styles, $inputHandlers, value, min, max } = this.asProps;\n\n // 🐒 не делайте так\n $inputHandlers.current = this.handlers;\n\n return sstyled(styles)(\n <>\n <SValue\n render={Input.Value}\n type=\"number\"\n autoComplete=\"off\"\n onBlur={this.handleValidation}\n onInvalid={this.handleValidation}\n aria-valuenow={value}\n aria-valuemin={min}\n aria-valuemax={max}\n />\n {/* the next hidden div is necessary for the screen reader to report the value \n in the input, because after validation the value can change to the `min` or `max` \n if entered less than `min` or more than `max` */}\n <SValueHidden aria-live=\"polite\" aria-atomic={true}>\n {value}\n </SValueHidden>\n </>,\n );\n }\n}\n\nfunction Controls(props) {\n const { Children, inc, dec, size, styles, getI18nText } = props;\n const SControls = Root;\n const SUp = 'button';\n const SDown = 'button';\n\n return sstyled(styles)(\n <SControls render={Input.Addon}>\n <SUp\n onClick={inc}\n tabIndex={-1}\n type=\"button\"\n size={size}\n aria-label={getI18nText('increment')}\n >\n <IconUp />\n </SUp>\n <SDown\n onClick={dec}\n tabIndex={-1}\n type=\"button\"\n size={size}\n aria-label={getI18nText('decrement')}\n >\n <IconDown />\n </SDown>\n <Children />\n </SControls>,\n );\n}\n\nexport default createComponent(InputNumber, {\n Value,\n Controls,\n Addon: Input.Addon,\n});\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,OAAOC,KAAP,MAAkB,gBAAlB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,SAASC,iBAAT,QAAkC,gDAAlC;AACA,OAAOC,WAAP,MAAwB,yCAAxB;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAASC,oBAAT,CAA8BC,KAA9B,EAAmG;EAAA,IAA9DC,GAA8D,uEAAxDC,MAAM,CAACC,gBAAiD;EAAA,IAA/BC,GAA+B,uEAAzBF,MAAM,CAACG,gBAAkB;EACjG,OAAOC,IAAI,CAACF,GAAL,CAASH,GAAT,EAAcK,IAAI,CAACL,GAAL,CAASG,GAAT,EAAcJ,KAAd,CAAd,CAAP;AACD;;AAED,IAAMO,MAAM,GAAG,SAATA,MAAS;EAAA,OAAMX,OAAO,CAACY,EAAd;AAAA,CAAf;;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW;EAAA,OAAMb,OAAO,CAACc,IAAd;AAAA,CAAjB;;IAEMC,W;;;;;;;;;;;;;;;;4EAUOrB,KAAK,CAACsB,SAAN,E;;oFACQtB,KAAK,CAACsB,SAAN,E;;iEAEN,UAACC,CAAD,EAAO;MAAA;;MAClB;MACA,gCAAKC,QAAL,CAAcC,OAAd,gFAAuBC,MAAvB,gCAAiC,MAAKF,QAAL,CAAcC,OAA/C,2DAAiC,uBAAuBC,MAAvB,EAAjC;MACA,+BAAKC,gBAAL,CAAsBF,OAAtB,gFAA+Bf,KAA/B,CAAqC,MAAKc,QAAL,CAAcC,OAAd,CAAsBf,KAA3D,EAAkEa,CAAlE;IACD,C;;iEAEY,UAACA,CAAD,EAAO;MAAA;;MAClB;MACA,iCAAKC,QAAL,CAAcC,OAAd,kFAAuBG,QAAvB,gCAAmC,MAAKJ,QAAL,CAAcC,OAAjD,2DAAmC,uBAAuBG,QAAvB,EAAnC;MACA,gCAAKD,gBAAL,CAAsBF,OAAtB,kFAA+Bf,KAA/B,CAAqC,MAAKc,QAAL,CAAcC,OAAd,CAAsBf,KAA3D,EAAkEa,CAAlE;IACD,C;;;;;;;WAED,yBAAgB;MACd,OAAO;QACLM,GAAG,EAAE,KAAKL,QADL;QAELM,cAAc,EAAE,KAAKH;MAFhB,CAAP;IAID;;;WAED,4BAAmB;MACjB,oBAA8B,KAAKI,OAAnC;MAAA,IAAQC,IAAR,iBAAQA,IAAR;MAAA,IAAcC,WAAd,iBAAcA,WAAd;MACA,OAAO;QACLD,IAAI,EAAJA,IADK;QAELE,GAAG,EAAE,KAAKC,UAFL;QAGLC,GAAG,EAAE,KAAKC,UAHL;QAILJ,WAAW,EAAXA;MAJK,CAAP;IAMD;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMK,YAAY,GACuCjC,KADzD;MACA,eAAOF,OAAO,CAAC,KAAK4B,OAAL,CAAaQ,KAAd,CAAd,eAAmC,oBAAC,YAAD,sEAAnC;IACD;;;;EA7CuBrC,S;;gBAApBmB,W,iBACiB,a;;gBADjBA,W,WAEWkB,K;;gBAFXlB,W,aAGa,CAACb,WAAW,CAACD,iBAAD,CAAZ,C;;gBAHbc,W,kBAIkB;EACpBW,IAAI,EAAE,GADc;EAEpBQ,IAAI,EAAEjC,iBAFc;EAGpBkC,MAAM,EAAE;AAHY,C;;IA4ClBC,K;;;;;;;;;;;;;;;;wEAmBe,UAACnB,CAAD,EAAO;MACxB,qBAAkC,OAAKQ,OAAvC;MAAA,IAAQrB,KAAR,kBAAQA,KAAR;MAAA,IAAeC,GAAf,kBAAeA,GAAf;MAAA,IAAoBG,GAApB,kBAAoBA,GAApB;MAAA,IAAyB6B,IAAzB,kBAAyBA,IAAzB;MACA,IAAMC,gBAAgB,GAAGD,IAAI,GAAG,CAAP,GAAWA,IAAI,CAACE,QAAL,GAAgBC,KAAhB,CAAsB,GAAtB,EAA2B,CAA3B,EAA8BC,MAAzC,GAAkD,CAA3E;;MACA,IAAInC,MAAM,CAACoC,KAAP,CAAazB,CAAC,CAAC0B,aAAF,CAAgBC,aAA7B,CAAJ,EAAiD;QAC/C3B,CAAC,CAAC0B,aAAF,CAAgBvC,KAAhB,GAAwB,EAAxB;;QACA,OAAKyC,QAAL,CAAczC,KAAd,CAAoB,EAApB,EAAwBa,CAAxB;MACD,CAHD,MAGO;QACL,IAAI6B,WAAW,GAAG3C,oBAAoB,CAACG,MAAM,CAACyC,UAAP,CAAkB3C,KAAlB,CAAD,EAA2BC,GAA3B,EAAgCG,GAAhC,CAAtC;;QACA,IAAMwC,CAAC,GAAG,OAAKC,cAAL,CAAoBH,WAAW,GAAGT,IAAlC,EAAwCA,IAAxC,CAAV;;QACA,IAAIW,CAAC,KAAK,CAAV,EAAa;UACX,IAAIA,CAAC,IAAIX,IAAI,GAAG,CAAhB,EAAmB;YACjBS,WAAW,IAAIT,IAAI,GAAGW,CAAtB;UACD,CAFD,MAEO,IAAItC,IAAI,CAACwC,GAAL,CAASF,CAAT,IAAcX,IAAlB,EAAwB;YAC7BS,WAAW,IAAIE,CAAf;UACD;QACF;;QACD,IAAMG,kBAAkB,GAAG7C,MAAM,CAACwC,WAAW,CAACM,OAAZ,CAAoBd,gBAApB,CAAD,CAAjC;;QACA,OAAKO,QAAL,CAAczC,KAAd,CAAoBiD,MAAM,CAACF,kBAAD,CAA1B,EAAgDlC,CAAhD;MACD;IACF,C;;;;;;;WAhCD,6BAAoB;MAClB,OAAO;QACLb,KAAK,EAAE;MADF,CAAP;IAGD;;;WAED,wBAAeA,KAAf,EAAsBiC,IAAtB,EAA4B;MAC1B,IAAMiB,aAAa,GAAG5C,IAAI,CAAC6C,KAAL,CAAWlB,IAAX,MAAqBA,IAArB,GAA4B,CAA5B,GAAgCA,IAAI,CAACE,QAAL,GAAgBC,KAAhB,CAAsB,GAAtB,EAA2B,CAA3B,EAA8BC,MAA9B,IAAwC,CAA9F;MACA,OAAOa,aAAa,KAAK,CAAlB,GACHhD,MAAM,CAACyC,UAAP,CAAkB3C,KAAlB,CADG,GAEHE,MAAM,CAACyC,UAAP,CAAkB3C,KAAlB,EAAyBoD,WAAzB,CAAqCF,aAArC,CAFJ;IAGD;;;WAuBD,kBAAS;MAAA;MAAA;;MACP,IAAMG,MAAM,GAUE1D,KAAK,CAACqC,KAVpB;MACA,IAAMsB,YAAY,GAAG,KAArB;MACA,qBAAoD,KAAKjC,OAAzD;MAAA,IAAQkC,MAAR,kBAAQA,MAAR;MAAA,IAAgBnC,cAAhB,kBAAgBA,cAAhB;MAAA,IAAgCpB,KAAhC,kBAAgCA,KAAhC;MAAA,IAAuCC,GAAvC,kBAAuCA,GAAvC;MAAA,IAA4CG,GAA5C,kBAA4CA,GAA5C,CAHO,CAKP;;MACAgB,cAAc,CAACL,OAAf,GAAyB,KAAK0B,QAA9B;MAEA,eAAOhD,OAAO,CAAC8D,MAAD,CAAd,eACE,uDACE,oBAAC,MAAD;QAAA,QAEO,QAFP;QAAA,gBAGe,KAHf;QAAA,UAIU,KAAKC,gBAJf;QAAA,aAKa,KAAKA,gBALlB;QAAA,iBAMiBxD,KANjB;QAAA,iBAOiBC,GAPjB;QAAA,iBAQiBG;MARjB,YADF,eAcE,oBAAC,YAAD;QAAA,aAAwB,QAAxB;QAAA,eAA8C;MAA9C,IACGJ,KADH,CAdF,CADF;IAoBD;;;;EApEiBR,S;;gBAAdwC,K,kBACkB;EACpByB,YAAY,EAAE,EADM;EAEpBxB,IAAI,EAAE;AAFc,C;;AAsExB,SAASyB,QAAT,CAAkBC,KAAlB,EAAyB;EAAA;EAAA;;EACvB,IAAQC,QAAR,GAA0DD,KAA1D,CAAQC,QAAR;EAAA,IAAkBpC,GAAlB,GAA0DmC,KAA1D,CAAkBnC,GAAlB;EAAA,IAAuBE,GAAvB,GAA0DiC,KAA1D,CAAuBjC,GAAvB;EAAA,IAA4BJ,IAA5B,GAA0DqC,KAA1D,CAA4BrC,IAA5B;EAAA,IAAkCiC,MAAlC,GAA0DI,KAA1D,CAAkCJ,MAAlC;EAAA,IAA0ChC,WAA1C,GAA0DoC,KAA1D,CAA0CpC,WAA1C;EACA,IAAMsC,SAAS,GAKMlE,KAAK,CAACmE,KAL3B;EACA,IAAMC,GAAG,GAAG,QAAZ;EACA,IAAMC,KAAK,GAAG,QAAd;EAEA,eAAOvE,OAAO,CAAC8D,MAAD,CAAd,eACE,oBAAC,SAAD,mFACE,oBAAC,GAAD;IAAA,WACW/B,GADX;IAAA,YAEY,CAAC,CAFb;IAAA,QAGO,QAHP;IAAA,QAIQF,IAJR;IAAA,cAKcC,WAAW,CAAC,WAAD;EALzB,iBAOE,oBAAC,MAAD,yBAPF,CADF,eAUE,oBAAC,KAAD;IAAA,WACWG,GADX;IAAA,YAEY,CAAC,CAFb;IAAA,QAGO,QAHP;IAAA,QAIQJ,IAJR;IAAA,cAKcC,WAAW,CAAC,WAAD;EALzB,iBAOE,oBAAC,QAAD,2BAPF,CAVF,eAmBE,oBAAC,QAAD,2BAnBF,CADF;AAuBD;;AAED,eAAehC,eAAe,CAACoB,WAAD,EAAc;EAC1CqB,KAAK,EAALA,KAD0C;EAE1C0B,QAAQ,EAARA,QAF0C;EAG1CI,KAAK,EAAEnE,KAAK,CAACmE;AAH6B,CAAd,CAA9B"}
|
|
1
|
+
{"version":3,"file":"InputNumber.js","names":["React","createComponent","Component","sstyled","Root","Input","BUTTONS","localizedMessages","i18nEnhance","style","_sstyled","insert","parseValueWithMinMax","value","min","arguments","length","undefined","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math","IconUp","up","IconDown","down","InputNumber","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","_this$inputRef$curren","_this$inputRef$curren2","_this$inputHandlersRe","inputRef","current","stepUp","inputHandlersRef","_this$inputRef$curren3","_this$inputRef$curren4","_this$inputHandlersRe2","stepDown","_createClass","key","getValueProps","ref","$inputHandlers","getControlsProps","_this$asProps","asProps","size","getI18nText","inc","handlerInc","dec","handlerDec","render","_ref","_ref4","SInputNumber","createElement","cn","_objectSpread","_assignProps","i18n","locale","Value","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","step","roundCoefficient","toString","split","isNaN","currentTarget","valueAsNumber","handlers","numberValue","parseFloat","r","roundRemainder","abs","numberValueRounded","toFixed","String","uncontrolledProps","countDecimals","floor","toPrecision","_ref2","_ref5","SValue","SValueHidden","_this$asProps2","styles","Fragment","_assignProps2","handleValidation","defaultValue","Controls","props","_ref3","arguments[0]","_ref6","Children","SControls","Addon","SUp","SDown","_assignProps3"],"sources":["../../src/InputNumber.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport BUTTONS from './buttons';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/input-number.shadow.css';\n\nfunction parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {\n return Math.max(min, Math.min(max, value));\n}\n\nconst IconUp = () => BUTTONS.up;\nconst IconDown = () => BUTTONS.down;\n\nclass InputNumber extends Component {\n static displayName = 'InputNumber';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n inputRef = React.createRef();\n inputHandlersRef = React.createRef();\n\n handlerInc = (e) => {\n // TODO: IE11 dont work\n this.inputRef.current?.stepUp && this.inputRef.current?.stepUp();\n this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n };\n\n handlerDec = (e) => {\n // TODO: IE11 dont work\n this.inputRef.current?.stepDown && this.inputRef.current?.stepDown();\n this.inputHandlersRef.current?.value(this.inputRef.current.value, e);\n };\n\n getValueProps() {\n return {\n ref: this.inputRef,\n $inputHandlers: this.inputHandlersRef,\n };\n }\n\n getControlsProps() {\n const { size, getI18nText } = this.asProps;\n return {\n size,\n inc: this.handlerInc,\n dec: this.handlerDec,\n getI18nText,\n };\n }\n\n render() {\n const SInputNumber = Root;\n return sstyled(this.asProps.style)(<SInputNumber render={Input} />);\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n defaultValue: '',\n step: 1,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n roundRemainder(value, step) {\n const countDecimals = Math.floor(step) === step ? 0 : step.toString().split('.')[1].length || 0;\n return countDecimals === 0\n ? Number.parseFloat(value)\n : Number.parseFloat(value).toPrecision(countDecimals);\n }\n\n handleValidation = (e) => {\n const { value, min, max, step } = this.asProps;\n const roundCoefficient = step < 1 ? step.toString().split('.')[1].length : 1;\n if (Number.isNaN(e.currentTarget.valueAsNumber)) {\n e.currentTarget.value = '';\n this.handlers.value('', e);\n } else {\n let numberValue = parseValueWithMinMax(Number.parseFloat(value), min, max);\n const r = this.roundRemainder(numberValue % step, step);\n if (r !== 0) {\n if (r >= step / 2) {\n numberValue += step - r;\n } else if (Math.abs(r) < step) {\n numberValue -= r;\n }\n }\n const numberValueRounded = Number(numberValue.toFixed(roundCoefficient));\n this.handlers.value(String(numberValueRounded), e);\n }\n };\n\n render() {\n const SValue = Root;\n const SValueHidden = 'div';\n const { styles, $inputHandlers, value, min, max } = this.asProps;\n\n // 🐒 не делайте так\n $inputHandlers.current = this.handlers;\n\n return sstyled(styles)(\n <>\n <SValue\n render={Input.Value}\n type=\"number\"\n autoComplete=\"off\"\n onBlur={this.handleValidation}\n onInvalid={this.handleValidation}\n aria-valuenow={value}\n aria-valuemin={min}\n aria-valuemax={max}\n />\n {/* the next hidden div is necessary for the screen reader to report the value\n in the input, because after validation the value can change to the `min` or `max` \n if entered less than `min` or more than `max` */}\n <SValueHidden aria-live=\"polite\" aria-atomic={true}>\n {value}\n </SValueHidden>\n </>,\n );\n }\n}\n\nfunction Controls(props) {\n const { Children, inc, dec, size, styles, getI18nText } = props;\n const SControls = Root;\n const SUp = 'button';\n const SDown = 'button';\n\n return sstyled(styles)(\n <SControls render={Input.Addon} aria-hidden=\"true\">\n <SUp\n onClick={inc}\n tabIndex={-1}\n type=\"button\"\n size={size}\n aria-label={getI18nText('increment')}\n >\n <IconUp />\n </SUp>\n <SDown\n onClick={dec}\n tabIndex={-1}\n type=\"button\"\n size={size}\n aria-label={getI18nText('decrement')}\n >\n <IconDown />\n </SDown>\n <Children />\n </SControls>,\n );\n}\n\nexport default createComponent(InputNumber, {\n Value,\n Controls,\n Addon: Input.Addon,\n});\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,OAAO,MAAM,WAAW;AAC/B,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIlE,SAASC,oBAAoBA,CAACC,KAAK,EAAgE;EAAA,IAA9DC,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,MAAM,CAACC,gBAAgB;EAAA,IAAEC,GAAG,GAAAL,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,MAAM,CAACG,gBAAgB;EAC/F,OAAOC,IAAI,CAACF,GAAG,CAACN,GAAG,EAAEQ,IAAI,CAACR,GAAG,CAACM,GAAG,EAAEP,KAAK,CAAC,CAAC;AAC5C;AAEA,IAAMU,MAAM,GAAG,SAATA,MAAMA,CAAA;EAAA,OAASjB,OAAO,CAACkB,EAAE;AAAA;AAC/B,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAASnB,OAAO,CAACoB,IAAI;AAAA;AAAC,IAE9BC,WAAW,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,WAAA;EAAA,SAAAA,YAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,WAAA;IAAA,SAAAO,IAAA,GAAAnB,SAAA,CAAAC,MAAA,EAAAmB,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAtB,SAAA,CAAAsB,IAAA;IAAA;IAAAL,KAAA,GAAAF,MAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,MAAA,SAAAU,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAV,KAAA,4BAUJhC,KAAK,CAAC2C,SAAS,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAV,KAAA,oCACThC,KAAK,CAAC2C,SAAS,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAV,KAAA,iBAEvB,UAACY,CAAC,EAAK;MAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA;MAClB;MACA,EAAAF,qBAAA,GAAAb,KAAA,CAAKgB,QAAQ,CAACC,OAAO,cAAAJ,qBAAA,uBAArBA,qBAAA,CAAuBK,MAAM,OAAAJ,sBAAA,GAAId,KAAA,CAAKgB,QAAQ,CAACC,OAAO,cAAAH,sBAAA,uBAArBA,sBAAA,CAAuBI,MAAM,EAAE;MAChE,CAAAH,qBAAA,GAAAf,KAAA,CAAKmB,gBAAgB,CAACF,OAAO,cAAAF,qBAAA,uBAA7BA,qBAAA,CAA+BlC,KAAK,CAACmB,KAAA,CAAKgB,QAAQ,CAACC,OAAO,CAACpC,KAAK,EAAE+B,CAAC,CAAC;IACtE,CAAC;IAAAH,eAAA,CAAAC,sBAAA,CAAAV,KAAA,iBAEY,UAACY,CAAC,EAAK;MAAA,IAAAQ,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;MAClB;MACA,EAAAF,sBAAA,GAAApB,KAAA,CAAKgB,QAAQ,CAACC,OAAO,cAAAG,sBAAA,uBAArBA,sBAAA,CAAuBG,QAAQ,OAAAF,sBAAA,GAAIrB,KAAA,CAAKgB,QAAQ,CAACC,OAAO,cAAAI,sBAAA,uBAArBA,sBAAA,CAAuBE,QAAQ,EAAE;MACpE,CAAAD,sBAAA,GAAAtB,KAAA,CAAKmB,gBAAgB,CAACF,OAAO,cAAAK,sBAAA,uBAA7BA,sBAAA,CAA+BzC,KAAK,CAACmB,KAAA,CAAKgB,QAAQ,CAACC,OAAO,CAACpC,KAAK,EAAE+B,CAAC,CAAC;IACtE,CAAC;IAAA,OAAAZ,KAAA;EAAA;EAAAwB,YAAA,CAAA7B,WAAA;IAAA8B,GAAA;IAAA5C,KAAA,EAED,SAAA6C,cAAA,EAAgB;MACd,OAAO;QACLC,GAAG,EAAE,IAAI,CAACX,QAAQ;QAClBY,cAAc,EAAE,IAAI,CAACT;MACvB,CAAC;IACH;EAAC;IAAAM,GAAA;IAAA5C,KAAA,EAED,SAAAgD,iBAAA,EAAmB;MACjB,IAAAC,aAAA,GAA8B,IAAI,CAACC,OAAO;QAAlCC,IAAI,GAAAF,aAAA,CAAJE,IAAI;QAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW;MACzB,OAAO;QACLD,IAAI,EAAJA,IAAI;QACJE,GAAG,EAAE,IAAI,CAACC,UAAU;QACpBC,GAAG,EAAE,IAAI,CAACC,UAAU;QACpBJ,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAR,GAAA;IAAA5C,KAAA,EAED,SAAAyD,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAR,OAAA;QAAAS,KAAA;MACP,IAAMC,YAAY,GACuCpE,KADhC;MACzB,OAAAmE,KAAA,GAAOrE,OAAO,CAAC,IAAI,CAAC4D,OAAO,CAACtD,KAAK,CAAC,eAACT,KAAA,CAAA0E,aAAA,CAACD,YAAY,EAAAD,KAAA,CAAAG,EAAA,iBAAAC,aAAA,KAAAC,YAAA,KAAAN,IAAA,IAAkB;IACpE;EAAC;EAAA,OAAA5C,WAAA;AAAA,EA7CuBzB,SAAS;AAAAuC,eAAA,CAA7Bd,WAAW,iBACM,aAAa;AAAAc,eAAA,CAD9Bd,WAAW,WAEAlB,KAAK;AAAAgC,eAAA,CAFhBd,WAAW,aAGE,CAACnB,WAAW,CAACD,iBAAiB,CAAC,CAAC;AAAAkC,eAAA,CAH7Cd,WAAW,kBAIO;EACpBqC,IAAI,EAAE,GAAG;EACTc,IAAI,EAAEvE,iBAAiB;EACvBwE,MAAM,EAAE;AACV,CAAC;AAAA,IAwCGC,KAAK,0BAAAC,WAAA;EAAApD,SAAA,CAAAmD,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAAnD,YAAA,CAAAiD,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAG,MAAA;IAAAlD,eAAA,OAAA+C,KAAA;IAAA,SAAAI,KAAA,GAAArE,SAAA,CAAAC,MAAA,EAAAmB,IAAA,OAAAC,KAAA,CAAAgD,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAAlD,IAAA,CAAAkD,KAAA,IAAAtE,SAAA,CAAAsE,KAAA;IAAA;IAAAF,MAAA,GAAAD,OAAA,CAAA5C,IAAA,CAAAC,KAAA,CAAA2C,OAAA,SAAA1C,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAyC,MAAA,uBAmBU,UAACvC,CAAC,EAAK;MACxB,IAAA0C,cAAA,GAAkCH,MAAA,CAAKpB,OAAO;QAAtClD,KAAK,GAAAyE,cAAA,CAALzE,KAAK;QAAEC,GAAG,GAAAwE,cAAA,CAAHxE,GAAG;QAAEM,GAAG,GAAAkE,cAAA,CAAHlE,GAAG;QAAEmE,IAAI,GAAAD,cAAA,CAAJC,IAAI;MAC7B,IAAMC,gBAAgB,GAAGD,IAAI,GAAG,CAAC,GAAGA,IAAI,CAACE,QAAQ,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC1E,MAAM,GAAG,CAAC;MAC5E,IAAIE,MAAM,CAACyE,KAAK,CAAC/C,CAAC,CAACgD,aAAa,CAACC,aAAa,CAAC,EAAE;QAC/CjD,CAAC,CAACgD,aAAa,CAAC/E,KAAK,GAAG,EAAE;QAC1BsE,MAAA,CAAKW,QAAQ,CAACjF,KAAK,CAAC,EAAE,EAAE+B,CAAC,CAAC;MAC5B,CAAC,MAAM;QACL,IAAImD,WAAW,GAAGnF,oBAAoB,CAACM,MAAM,CAAC8E,UAAU,CAACnF,KAAK,CAAC,EAAEC,GAAG,EAAEM,GAAG,CAAC;QAC1E,IAAM6E,CAAC,GAAGd,MAAA,CAAKe,cAAc,CAACH,WAAW,GAAGR,IAAI,EAAEA,IAAI,CAAC;QACvD,IAAIU,CAAC,KAAK,CAAC,EAAE;UACX,IAAIA,CAAC,IAAIV,IAAI,GAAG,CAAC,EAAE;YACjBQ,WAAW,IAAIR,IAAI,GAAGU,CAAC;UACzB,CAAC,MAAM,IAAI3E,IAAI,CAAC6E,GAAG,CAACF,CAAC,CAAC,GAAGV,IAAI,EAAE;YAC7BQ,WAAW,IAAIE,CAAC;UAClB;QACF;QACA,IAAMG,kBAAkB,GAAGlF,MAAM,CAAC6E,WAAW,CAACM,OAAO,CAACb,gBAAgB,CAAC,CAAC;QACxEL,MAAA,CAAKW,QAAQ,CAACjF,KAAK,CAACyF,MAAM,CAACF,kBAAkB,CAAC,EAAExD,CAAC,CAAC;MACpD;IACF,CAAC;IAAA,OAAAuC,MAAA;EAAA;EAAA3B,YAAA,CAAAwB,KAAA;IAAAvB,GAAA;IAAA5C,KAAA,EAhCD,SAAA0F,kBAAA,EAAoB;MAClB,OAAO;QACL1F,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAA4C,GAAA;IAAA5C,KAAA,EAED,SAAAqF,eAAerF,KAAK,EAAE0E,IAAI,EAAE;MAC1B,IAAMiB,aAAa,GAAGlF,IAAI,CAACmF,KAAK,CAAClB,IAAI,CAAC,KAAKA,IAAI,GAAG,CAAC,GAAGA,IAAI,CAACE,QAAQ,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC1E,MAAM,IAAI,CAAC;MAC/F,OAAOwF,aAAa,KAAK,CAAC,GACtBtF,MAAM,CAAC8E,UAAU,CAACnF,KAAK,CAAC,GACxBK,MAAM,CAAC8E,UAAU,CAACnF,KAAK,CAAC,CAAC6F,WAAW,CAACF,aAAa,CAAC;IACzD;EAAC;IAAA/C,GAAA;IAAA5C,KAAA,EAuBD,SAAAyD,OAAA,EAAS;MAAA,IAAAqC,KAAA,QAAA5C,OAAA;QAAA6C,KAAA;MACP,IAAMC,MAAM,GAUExG,KAAK,CAAC2E,KAVD;MACnB,IAAM8B,YAAY,GAAG,KAAK;MAC1B,IAAAC,cAAA,GAAoD,IAAI,CAAChD,OAAO;QAAxDiD,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEpD,cAAc,GAAAmD,cAAA,CAAdnD,cAAc;QAAE/C,KAAK,GAAAkG,cAAA,CAALlG,KAAK;QAAEC,GAAG,GAAAiG,cAAA,CAAHjG,GAAG;QAAEM,GAAG,GAAA2F,cAAA,CAAH3F,GAAG;;MAE/C;MACAwC,cAAc,CAACX,OAAO,GAAG,IAAI,CAAC6C,QAAQ;MAEtC,OAAAc,KAAA,GAAOzG,OAAO,CAAC6G,MAAM,CAAC,eACpBhH,KAAA,CAAA0E,aAAA,CAAA1E,KAAA,CAAAiH,QAAA,qBACEjH,KAAA,CAAA0E,aAAA,CAACmC,MAAM,EAAAD,KAAA,CAAAjC,EAAA,WAAAC,aAAA,KAAAsC,aAAA;QAAA,QAEA,QAAQ;QAAA,gBACA,KAAK;QAAA,UACV,IAAI,CAACC,gBAAgB;QAAA,aAClB,IAAI,CAACA,gBAAgB;QAAA,iBACjBtG,KAAK;QAAA,iBACLC,GAAG;QAAA,iBACHM;MAAG,GAAAuF,KAAA,IAClB,eAIF3G,KAAA,CAAA0E,aAAA,CAACoC,YAAY,EAAAF,KAAA,CAAAjC,EAAA;QAAA,aAAW,QAAQ;QAAA,eAAc;MAAI,IAC/C9D,KAAK,CACO,CACd;IAEP;EAAC;EAAA,OAAAmE,KAAA;AAAA,EApEiB9E,SAAS;AAAAuC,eAAA,CAAvBuC,KAAK,kBACa;EACpBoC,YAAY,EAAE,EAAE;EAChB7B,IAAI,EAAE;AACR,CAAC;AAmEH,SAAS8B,QAAQA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACvB,IAAQC,QAAQ,GAA0CJ,KAAK,CAAvDI,QAAQ;IAAExD,GAAG,GAAqCoD,KAAK,CAA7CpD,GAAG;IAAEE,GAAG,GAAgCkD,KAAK,CAAxClD,GAAG;IAAEJ,IAAI,GAA0BsD,KAAK,CAAnCtD,IAAI;IAAEgD,MAAM,GAAkBM,KAAK,CAA7BN,MAAM;IAAE/C,WAAW,GAAKqD,KAAK,CAArBrD,WAAW;EACrD,IAAM0D,SAAS,GAKMtH,KAAK,CAACuH,KALL;EACtB,IAAMC,GAAG,GAAG,QAAQ;EACpB,IAAMC,KAAK,GAAG,QAAQ;EAEtB,OAAAL,KAAA,GAAOtH,OAAO,CAAC6G,MAAM,CAAC,eACpBhH,KAAA,CAAA0E,aAAA,CAACiD,SAAS,EAAAF,KAAA,CAAA9C,EAAA,cAAAC,aAAA,KAAAmD,aAAA;IAAA,eAAkC;EAAM,GAAAR,KAAA,kBAChDvH,KAAA,CAAA0E,aAAA,CAACmD,GAAG,EAAAJ,KAAA,CAAA9C,EAAA;IAAA,WACOT,GAAG;IAAA,YACF,CAAC,CAAC;IAAA,QACP,QAAQ;IAAA,QACPF,IAAI;IAAA,cACEC,WAAW,CAAC,WAAW;EAAC,iBAEpCjE,KAAA,CAAA0E,aAAA,CAACnD,MAAM,EAAAkG,KAAA,CAAA9C,EAAA,eAAG,CACN,eACN3E,KAAA,CAAA0E,aAAA,CAACoD,KAAK,EAAAL,KAAA,CAAA9C,EAAA;IAAA,WACKP,GAAG;IAAA,YACF,CAAC,CAAC;IAAA,QACP,QAAQ;IAAA,QACPJ,IAAI;IAAA,cACEC,WAAW,CAAC,WAAW;EAAC,iBAEpCjE,KAAA,CAAA0E,aAAA,CAACjD,QAAQ,EAAAgG,KAAA,CAAA9C,EAAA,iBAAG,CACN,eACR3E,KAAA,CAAA0E,aAAA,CAACgD,QAAQ,EAAAD,KAAA,CAAA9C,EAAA,iBAAG,CACF;AAEhB;AAEA,eAAe1E,eAAe,CAAC0B,WAAW,EAAE;EAC1CqD,KAAK,EAALA,KAAK;EACLqC,QAAQ,EAARA,QAAQ;EACRO,KAAK,EAAEvH,KAAK,CAACuH;AACf,CAAC,CAAC"}
|
package/lib/es6/buttons.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
2
|
var svg = function svg(orientation, width, height) {
|
|
4
3
|
return /*#__PURE__*/React.createElement("svg", {
|
|
5
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -13,7 +12,6 @@ var svg = function svg(orientation, width, height) {
|
|
|
13
12
|
d: "M0,0l".concat(width, ",0l-").concat(height, ",").concat(height, "Z")
|
|
14
13
|
}));
|
|
15
14
|
};
|
|
16
|
-
|
|
17
15
|
export default {
|
|
18
16
|
up: svg('up', 10, 5),
|
|
19
17
|
down: svg('down', 10, 5)
|
package/lib/es6/buttons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttons.js","names":["React","svg","orientation","width","height","up","down"],"sources":["../../src/buttons.jsx"],"sourcesContent":["import React from 'react';\n\nconst svg = (orientation, width, height) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n width={width}\n height={height}\n viewBox={`0 0 ${width} ${height}`}\n >\n {orientation === 'up' ? (\n <path d={`M0,${height}l${height},-${height}l${height},${height}Z`} />\n ) : (\n <path d={`M0,0l${width},0l-${height},${height}Z`} />\n )}\n </svg>\n);\n\nexport default {\n up: svg('up', 10, 5),\n down: svg('down', 10, 5),\n};\n"],"mappings":"AAAA,OAAOA,
|
|
1
|
+
{"version":3,"file":"buttons.js","names":["React","svg","orientation","width","height","createElement","xmlns","fill","viewBox","concat","d","up","down"],"sources":["../../src/buttons.jsx"],"sourcesContent":["import React from 'react';\n\nconst svg = (orientation, width, height) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n width={width}\n height={height}\n viewBox={`0 0 ${width} ${height}`}\n >\n {orientation === 'up' ? (\n <path d={`M0,${height}l${height},-${height}l${height},${height}Z`} />\n ) : (\n <path d={`M0,0l${width},0l-${height},${height}Z`} />\n )}\n </svg>\n);\n\nexport default {\n up: svg('up', 10, 5),\n down: svg('down', 10, 5),\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,IAAMC,GAAG,GAAG,SAANA,GAAGA,CAAIC,WAAW,EAAEC,KAAK,EAAEC,MAAM;EAAA,oBACrCJ,KAAA,CAAAK,aAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,IAAI,EAAC,cAAc;IACnBJ,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfI,OAAO,SAAAC,MAAA,CAASN,KAAK,OAAAM,MAAA,CAAIL,MAAM;EAAG,GAEjCF,WAAW,KAAK,IAAI,gBACnBF,KAAA,CAAAK,aAAA;IAAMK,CAAC,QAAAD,MAAA,CAAQL,MAAM,OAAAK,MAAA,CAAIL,MAAM,QAAAK,MAAA,CAAKL,MAAM,OAAAK,MAAA,CAAIL,MAAM,OAAAK,MAAA,CAAIL,MAAM;EAAI,EAAG,gBAErEJ,KAAA,CAAAK,aAAA;IAAMK,CAAC,UAAAD,MAAA,CAAUN,KAAK,UAAAM,MAAA,CAAOL,MAAM,OAAAK,MAAA,CAAIL,MAAM;EAAI,EAClD,CACG;AAAA,CACP;AAED,eAAe;EACbO,EAAE,EAAEV,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;EACpBW,IAAI,EAAEX,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC;AACzB,CAAC"}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './InputNumber';\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './InputNumber';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe"}
|
|
@@ -1,24 +1,17 @@
|
|
|
1
|
-
SInputNumber:hover {
|
|
2
|
-
& SValue:not([disabled]) ~ SControls {
|
|
3
|
-
visibility: visible;
|
|
4
|
-
}
|
|
5
|
-
}
|
|
6
|
-
|
|
7
1
|
SValue:focus ~ SControls {
|
|
8
|
-
|
|
2
|
+
display: flex;
|
|
9
3
|
}
|
|
10
4
|
|
|
11
5
|
SControls {
|
|
12
|
-
display:
|
|
6
|
+
display: none;
|
|
13
7
|
flex-flow: column;
|
|
14
8
|
justify-content: center;
|
|
15
9
|
height: 100%;
|
|
16
|
-
visibility: hidden;
|
|
17
10
|
box-sizing: border-box;
|
|
18
11
|
}
|
|
19
12
|
|
|
20
13
|
SControls[showControls] {
|
|
21
|
-
|
|
14
|
+
display: flex;
|
|
22
15
|
}
|
|
23
16
|
|
|
24
17
|
SUp,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":"AAAA,OAAOA,
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/BX,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}
|