@semcore/input-number 5.41.1-prerelease.8 → 5.41.2-prerelease.1
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 +6 -0
- package/lib/cjs/InputNumber.js +9 -9
- package/lib/es6/InputNumber.js +9 -9
- package/lib/esm/InputNumber.mjs +126 -126
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [5.41.2] - 2025-04-04
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/input` [4.42.1 ~> 4.42.2], `@semcore/utils` [4.48.1 ~> 4.48.2], `@semcore/flex-box` [5.41.1 ~> 5.41.2], `@semcore/core` [2.39.1 ~> 2.39.2]).
|
|
10
|
+
|
|
5
11
|
## [5.41.1] - 2025-03-20
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/InputNumber.js
CHANGED
|
@@ -25,15 +25,15 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
|
|
|
25
25
|
var _ref7 = require("@semcore/utils/lib/ref");
|
|
26
26
|
var _assignProps4 = require("@semcore/utils/lib/assignProps");
|
|
27
27
|
/*__reshadow-styles__:"./style/input-number.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SValue": "
|
|
30
|
-
"__SControls": "
|
|
31
|
-
"_showControls": "
|
|
32
|
-
"__SUp": "
|
|
33
|
-
"__SDown": "
|
|
34
|
-
"_disabled": "
|
|
35
|
-
"__SValueHidden": "
|
|
36
|
-
"_type_number": "
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SValue_1fgoh_gg_:focus~.___SControls_1fgoh_gg_{display:flex}.___SControls_1fgoh_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1fgoh_gg_.__showControls_1fgoh_gg_{display:flex}.___SDown_1fgoh_gg_,.___SUp_1fgoh_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_1fgoh_gg_:focus,.___SUp_1fgoh_gg_:focus{outline:0}@media (hover:hover){.___SDown_1fgoh_gg_:hover,.___SUp_1fgoh_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1fgoh_gg_{padding-bottom:1px}.___SDown_1fgoh_gg_{padding-top:1px}.___SValue_1fgoh_gg_::-webkit-inner-spin-button,.___SValue_1fgoh_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1fgoh_gg_._type_number_1fgoh_gg_{-moz-appearance:textfield}.___SValue_1fgoh_gg_.__disabled_1fgoh_gg_~.___SControls_1fgoh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1fgoh_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "1fgoh_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SValue": "___SValue_1fgoh_gg_",
|
|
30
|
+
"__SControls": "___SControls_1fgoh_gg_",
|
|
31
|
+
"_showControls": "__showControls_1fgoh_gg_",
|
|
32
|
+
"__SUp": "___SUp_1fgoh_gg_",
|
|
33
|
+
"__SDown": "___SDown_1fgoh_gg_",
|
|
34
|
+
"_disabled": "__disabled_1fgoh_gg_",
|
|
35
|
+
"__SValueHidden": "___SValueHidden_1fgoh_gg_",
|
|
36
|
+
"_type_number": "_type_number_1fgoh_gg_"
|
|
37
37
|
});
|
|
38
38
|
function parseValueWithMinMax(value) {
|
|
39
39
|
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MIN_SAFE_INTEGER;
|
package/lib/es6/InputNumber.js
CHANGED
|
@@ -17,15 +17,15 @@ import { IncrementIcon, DecrementIcon } from './buttons';
|
|
|
17
17
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
18
18
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
19
19
|
/*__reshadow-styles__:"./style/input-number.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SValue": "
|
|
22
|
-
"__SControls": "
|
|
23
|
-
"_showControls": "
|
|
24
|
-
"__SUp": "
|
|
25
|
-
"__SDown": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SValueHidden": "
|
|
28
|
-
"_type_number": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SValue_1fgoh_gg_:focus~.___SControls_1fgoh_gg_{display:flex}.___SControls_1fgoh_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1fgoh_gg_.__showControls_1fgoh_gg_{display:flex}.___SDown_1fgoh_gg_,.___SUp_1fgoh_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_1fgoh_gg_:focus,.___SUp_1fgoh_gg_:focus{outline:0}@media (hover:hover){.___SDown_1fgoh_gg_:hover,.___SUp_1fgoh_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1fgoh_gg_{padding-bottom:1px}.___SDown_1fgoh_gg_{padding-top:1px}.___SValue_1fgoh_gg_::-webkit-inner-spin-button,.___SValue_1fgoh_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1fgoh_gg_._type_number_1fgoh_gg_{-moz-appearance:textfield}.___SValue_1fgoh_gg_.__disabled_1fgoh_gg_~.___SControls_1fgoh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1fgoh_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "1fgoh_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SValue": "___SValue_1fgoh_gg_",
|
|
22
|
+
"__SControls": "___SControls_1fgoh_gg_",
|
|
23
|
+
"_showControls": "__showControls_1fgoh_gg_",
|
|
24
|
+
"__SUp": "___SUp_1fgoh_gg_",
|
|
25
|
+
"__SDown": "___SDown_1fgoh_gg_",
|
|
26
|
+
"_disabled": "__disabled_1fgoh_gg_",
|
|
27
|
+
"__SValueHidden": "___SValueHidden_1fgoh_gg_",
|
|
28
|
+
"_type_number": "_type_number_1fgoh_gg_"
|
|
29
29
|
});
|
|
30
30
|
import { forkRef } from '@semcore/utils/lib/ref';
|
|
31
31
|
import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
|
package/lib/esm/InputNumber.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import A from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
-
import
|
|
2
|
+
import D from "@babel/runtime/helpers/esm/objectSpread2";
|
|
3
3
|
import x from "@babel/runtime/helpers/esm/classCallCheck";
|
|
4
4
|
import I from "@babel/runtime/helpers/esm/createClass";
|
|
5
|
-
import
|
|
5
|
+
import f from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
6
6
|
import C from "@babel/runtime/helpers/esm/inherits";
|
|
7
7
|
import k from "@babel/runtime/helpers/esm/createSuper";
|
|
8
8
|
import l from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
import { sstyled as M } from "@semcore/utils/lib/core/index";
|
|
10
|
-
import z, { sstyled as
|
|
11
|
-
import
|
|
12
|
-
import
|
|
10
|
+
import z, { sstyled as w, assignProps as R, Component as $ } from "@semcore/core";
|
|
11
|
+
import g from "react";
|
|
12
|
+
import V from "@semcore/input";
|
|
13
13
|
import { IncrementIcon as W, DecrementIcon as K } from "./buttons.mjs";
|
|
14
14
|
import { localizedMessages as F } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
15
15
|
import L from "@semcore/utils/lib/enhances/i18nEnhance";
|
|
@@ -19,38 +19,38 @@ var N = (
|
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
20
|
(M.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
".
|
|
23
|
-
"
|
|
22
|
+
".___SValue_1fgoh_gg_:focus~.___SControls_1fgoh_gg_{display:flex}.___SControls_1fgoh_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1fgoh_gg_.__showControls_1fgoh_gg_{display:flex}.___SDown_1fgoh_gg_,.___SUp_1fgoh_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_1fgoh_gg_:focus,.___SUp_1fgoh_gg_:focus{outline:0}@media (hover:hover){.___SDown_1fgoh_gg_:hover,.___SUp_1fgoh_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1fgoh_gg_{padding-bottom:1px}.___SDown_1fgoh_gg_{padding-top:1px}.___SValue_1fgoh_gg_::-webkit-inner-spin-button,.___SValue_1fgoh_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1fgoh_gg_._type_number_1fgoh_gg_{-moz-appearance:textfield}.___SValue_1fgoh_gg_.__disabled_1fgoh_gg_~.___SControls_1fgoh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1fgoh_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
|
|
23
|
+
"1fgoh_gg_"
|
|
24
24
|
), {
|
|
25
|
-
__SValue: "
|
|
26
|
-
__SControls: "
|
|
27
|
-
_showControls: "
|
|
28
|
-
__SUp: "
|
|
29
|
-
__SDown: "
|
|
30
|
-
_disabled: "
|
|
31
|
-
__SValueHidden: "
|
|
32
|
-
_type_number: "
|
|
25
|
+
__SValue: "___SValue_1fgoh_gg_",
|
|
26
|
+
__SControls: "___SControls_1fgoh_gg_",
|
|
27
|
+
_showControls: "__showControls_1fgoh_gg_",
|
|
28
|
+
__SUp: "___SUp_1fgoh_gg_",
|
|
29
|
+
__SDown: "___SDown_1fgoh_gg_",
|
|
30
|
+
_disabled: "__disabled_1fgoh_gg_",
|
|
31
|
+
__SValueHidden: "___SValueHidden_1fgoh_gg_",
|
|
32
|
+
_type_number: "_type_number_1fgoh_gg_"
|
|
33
33
|
})
|
|
34
34
|
);
|
|
35
|
-
function H(
|
|
36
|
-
var
|
|
37
|
-
return Math.max(
|
|
35
|
+
function H(h) {
|
|
36
|
+
var v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Number.MIN_SAFE_INTEGER, c = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Number.MAX_SAFE_INTEGER;
|
|
37
|
+
return Math.max(v, Math.min(c, h));
|
|
38
38
|
}
|
|
39
|
-
var
|
|
40
|
-
C(c,
|
|
41
|
-
var
|
|
39
|
+
var P = /* @__PURE__ */ function(h) {
|
|
40
|
+
C(c, h);
|
|
41
|
+
var v = k(c);
|
|
42
42
|
function c() {
|
|
43
|
-
var
|
|
43
|
+
var r;
|
|
44
44
|
x(this, c);
|
|
45
45
|
for (var n = arguments.length, s = new Array(n), i = 0; i < n; i++)
|
|
46
46
|
s[i] = arguments[i];
|
|
47
|
-
return
|
|
48
|
-
var
|
|
49
|
-
(
|
|
50
|
-
}), l(
|
|
51
|
-
var
|
|
52
|
-
(
|
|
53
|
-
}),
|
|
47
|
+
return r = v.call.apply(v, [this].concat(s)), l(f(r), "inputRef", /* @__PURE__ */ g.createRef()), l(f(r), "increment", function(e) {
|
|
48
|
+
var t, a;
|
|
49
|
+
(t = r.inputRef.current) === null || t === void 0 || (a = t.stepUp) === null || a === void 0 || a.call(t, e);
|
|
50
|
+
}), l(f(r), "decrement", function(e) {
|
|
51
|
+
var t, a;
|
|
52
|
+
(t = r.inputRef.current) === null || t === void 0 || (a = t.stepDown) === null || a === void 0 || a.call(t, e);
|
|
53
|
+
}), r;
|
|
54
54
|
}
|
|
55
55
|
return I(c, [{
|
|
56
56
|
key: "getValueProps",
|
|
@@ -79,133 +79,133 @@ var b = /* @__PURE__ */ function(m) {
|
|
|
79
79
|
}, {
|
|
80
80
|
key: "render",
|
|
81
81
|
value: function() {
|
|
82
|
-
var n = this.asProps, s, i =
|
|
83
|
-
return s =
|
|
82
|
+
var n = this.asProps, s, i = V;
|
|
83
|
+
return s = w(this.asProps.style), /* @__PURE__ */ g.createElement(i, s.cn("SInputNumber", D({}, R({}, n))));
|
|
84
84
|
}
|
|
85
85
|
}]), c;
|
|
86
86
|
}($);
|
|
87
|
-
l(
|
|
88
|
-
l(
|
|
89
|
-
l(
|
|
90
|
-
l(
|
|
87
|
+
l(P, "displayName", "InputNumber");
|
|
88
|
+
l(P, "style", N);
|
|
89
|
+
l(P, "enhance", [L(F)]);
|
|
90
|
+
l(P, "defaultProps", {
|
|
91
91
|
size: "m",
|
|
92
92
|
i18n: F,
|
|
93
93
|
locale: "en"
|
|
94
94
|
});
|
|
95
|
-
var E = /* @__PURE__ */ function(
|
|
96
|
-
C(c,
|
|
97
|
-
var
|
|
95
|
+
var E = /* @__PURE__ */ function(h) {
|
|
96
|
+
C(c, h);
|
|
97
|
+
var v = k(c);
|
|
98
98
|
function c() {
|
|
99
|
-
var
|
|
99
|
+
var r;
|
|
100
100
|
x(this, c);
|
|
101
101
|
for (var n = arguments.length, s = new Array(n), i = 0; i < n; i++)
|
|
102
102
|
s[i] = arguments[i];
|
|
103
|
-
return
|
|
104
|
-
return e.replace(new RegExp("[".concat(
|
|
105
|
-
}), l(
|
|
106
|
-
var u =
|
|
103
|
+
return r = v.call.apply(v, [this].concat(s)), l(f(r), "valueInputRef", /* @__PURE__ */ g.createRef()), l(f(r), "cursorPosition", -1), l(f(r), "getFormattedValue", function(e) {
|
|
104
|
+
return e.replace(new RegExp("[".concat(r.separatorThousands, "]"), "g"), "").replace(r.separatorDecimal, ".");
|
|
105
|
+
}), l(f(r), "valueParser", function(e, t, a) {
|
|
106
|
+
var u = r.props.numberFormatter, o = r.getFormattedValue(String(e));
|
|
107
107
|
if (Number.isNaN(Number(o)))
|
|
108
108
|
return {
|
|
109
|
-
parsedValue:
|
|
110
|
-
displayValue:
|
|
109
|
+
parsedValue: t,
|
|
110
|
+
displayValue: a
|
|
111
111
|
};
|
|
112
|
-
var
|
|
112
|
+
var d = "";
|
|
113
113
|
if (/\.[0-9]*0$/.test(o)) {
|
|
114
|
-
var p = o.split(
|
|
115
|
-
|
|
116
|
-
} else o !== "" && (
|
|
114
|
+
var p = o.split(r.separatorDecimal), _ = A(p, 2), m = _[0], S = _[1];
|
|
115
|
+
d = u.format(m) + r.separatorDecimal + S;
|
|
116
|
+
} else o !== "" && (d = u.format(o));
|
|
117
117
|
return {
|
|
118
118
|
parsedValue: o,
|
|
119
|
-
displayValue:
|
|
119
|
+
displayValue: d
|
|
120
120
|
};
|
|
121
|
-
}), l(
|
|
122
|
-
var
|
|
123
|
-
if (Number.isNaN(
|
|
124
|
-
e.currentTarget.value = "",
|
|
121
|
+
}), l(f(r), "handleValidation", function(e) {
|
|
122
|
+
var t = r.asProps, a = t.value, u = t.displayValue, o = t.min, d = t.max, p = t.step, _ = r.valueParser(e.currentTarget.value, a, u), m = _.parsedValue, S = p < 1 ? p.toString().split(".")[1].length : 1;
|
|
123
|
+
if (Number.isNaN(a) || Number.isNaN(Number.parseFloat(m)))
|
|
124
|
+
e.currentTarget.value = "", r.handlers.value("", e);
|
|
125
125
|
else {
|
|
126
|
-
var y = H(Number.parseFloat(
|
|
127
|
-
|
|
126
|
+
var y = H(Number.parseFloat(m), o, d), b = r.round(y % p, p);
|
|
127
|
+
b !== 0 && (b >= p / 2 ? y += p - b : Math.abs(b) < p && (y -= b));
|
|
128
128
|
var U = Number(y.toFixed(S));
|
|
129
|
-
|
|
129
|
+
r.handlers.value(String(U), e);
|
|
130
130
|
}
|
|
131
|
-
}), l(
|
|
132
|
-
G(
|
|
133
|
-
}), l(
|
|
134
|
-
e.target ===
|
|
135
|
-
}), l(
|
|
136
|
-
var
|
|
137
|
-
if (
|
|
138
|
-
return
|
|
139
|
-
if (
|
|
131
|
+
}), l(f(r), "onWheel", function(e) {
|
|
132
|
+
G(r.asProps.onWheel, r.handleWheel)(e);
|
|
133
|
+
}), l(f(r), "handleWheel", function(e) {
|
|
134
|
+
e.target === r.valueInputRef.current && document.activeElement === r.valueInputRef.current && (e.preventDefault(), e.wheelDelta > 0 ? r.stepUp(e) : e.wheelDelta < 0 && r.stepDown(e));
|
|
135
|
+
}), l(f(r), "handleChange", function(e) {
|
|
136
|
+
var t = r.getFormattedValue(e.currentTarget.value), a = r.asProps, u = a.numberFormatter, o = a.value;
|
|
137
|
+
if (t === "." || t === "-")
|
|
138
|
+
return r.handlers.displayValue(t), !1;
|
|
139
|
+
if (t.endsWith("-"))
|
|
140
140
|
return !1;
|
|
141
|
-
if (
|
|
142
|
-
return
|
|
143
|
-
var
|
|
144
|
-
(
|
|
145
|
-
}), l(
|
|
146
|
-
e.key === "Shift" && (
|
|
147
|
-
}), l(
|
|
148
|
-
var
|
|
141
|
+
if (t.endsWith("."))
|
|
142
|
+
return t.length > o.length ? (r.handlers.displayValue(u.format(t) + r.separatorDecimal), !1) : (r.handlers.value(t.slice(0, -1), e), !1);
|
|
143
|
+
var d = /[0-9.-]+/.test(t);
|
|
144
|
+
(d || t === "") && r.handlers.value(t, e);
|
|
145
|
+
}), l(f(r), "handleKeyUp", function(e) {
|
|
146
|
+
e.key === "Shift" && (r.cursorPosition = -1);
|
|
147
|
+
}), l(f(r), "handleKeyDown", function(e) {
|
|
148
|
+
var t = e.currentTarget, a = t.value, u = a.length, o = r.asProps.displayValue;
|
|
149
149
|
if (e.key === "." || e.key === ",") {
|
|
150
|
-
if (
|
|
151
|
-
e.currentTarget.value =
|
|
152
|
-
else if (
|
|
150
|
+
if (a.indexOf(r.separatorDecimal) === -1 && e.key === ",")
|
|
151
|
+
e.currentTarget.value = a + ".";
|
|
152
|
+
else if (a.indexOf(r.separatorDecimal) !== -1) {
|
|
153
153
|
e.preventDefault(), e.stopPropagation();
|
|
154
154
|
return;
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
|
-
if (e.key === "Backspace" &&
|
|
158
|
-
return e.preventDefault(), e.stopPropagation(),
|
|
159
|
-
if (
|
|
160
|
-
var
|
|
157
|
+
if (e.key === "Backspace" && a.endsWith(r.separatorDecimal))
|
|
158
|
+
return e.preventDefault(), e.stopPropagation(), r.handlers.displayValue(o.slice(0, -1)), !1;
|
|
159
|
+
if (t.selectionStart !== u && (e.key === "Backspace" || e.key === r.separatorDecimal || ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(e.key))) {
|
|
160
|
+
var d = a.slice(t.selectionEnd);
|
|
161
161
|
requestAnimationFrame(function() {
|
|
162
|
-
var _ =
|
|
163
|
-
|
|
162
|
+
var _ = r.state.displayValue, m = _.lastIndexOf(d), S = m, y = m;
|
|
163
|
+
t.setSelectionRange(S, y);
|
|
164
164
|
});
|
|
165
165
|
}
|
|
166
166
|
var p = 2;
|
|
167
|
-
switch (e.shiftKey &&
|
|
167
|
+
switch (e.shiftKey && r.cursorPosition === -1 && (r.cursorPosition = t.selectionStart), e.key) {
|
|
168
168
|
case "ArrowLeft": {
|
|
169
|
-
e.preventDefault(),
|
|
169
|
+
e.preventDefault(), r.moveSelectionLeft(t, p);
|
|
170
170
|
break;
|
|
171
171
|
}
|
|
172
172
|
case "ArrowRight": {
|
|
173
|
-
e.preventDefault(),
|
|
173
|
+
e.preventDefault(), r.moveSelectionRight(t, p);
|
|
174
174
|
break;
|
|
175
175
|
}
|
|
176
176
|
case "ArrowDown": {
|
|
177
|
-
e.preventDefault(),
|
|
177
|
+
e.preventDefault(), r.stepDown(e);
|
|
178
178
|
break;
|
|
179
179
|
}
|
|
180
180
|
case "ArrowUp": {
|
|
181
|
-
e.preventDefault(),
|
|
181
|
+
e.preventDefault(), r.stepUp(e);
|
|
182
182
|
break;
|
|
183
183
|
}
|
|
184
184
|
}
|
|
185
|
-
}), l(
|
|
186
|
-
var
|
|
187
|
-
|
|
188
|
-
}), l(
|
|
189
|
-
var
|
|
190
|
-
|
|
191
|
-
}), l(
|
|
192
|
-
var
|
|
193
|
-
|
|
194
|
-
}), l(
|
|
195
|
-
|
|
196
|
-
}), l(
|
|
197
|
-
var
|
|
185
|
+
}), l(f(r), "moveSelectionLeft", function(e, t) {
|
|
186
|
+
var a = e.value, u = e.selectionStart - 1 >= 0 ? e.selectionStart - 1 : 0, o = a[e.selectionStart - t] === r.separatorThousands ? e.selectionStart - t : u;
|
|
187
|
+
r.cursorPosition === -1 ? e.setSelectionRange(o, o) : e.selectionStart <= r.cursorPosition && e.selectionEnd === r.cursorPosition ? e.setSelectionRange(o, e.selectionEnd) : e.setSelectionRange(e.selectionStart, a[e.selectionEnd - t] === r.separatorThousands ? e.selectionEnd - t : e.selectionEnd - 1);
|
|
188
|
+
}), l(f(r), "moveSelectionRight", function(e, t) {
|
|
189
|
+
var a = e.value, u = e.selectionEnd + 1, o = a[e.selectionEnd] === r.separatorThousands ? e.selectionEnd + t : u;
|
|
190
|
+
r.cursorPosition === -1 ? e.setSelectionRange(o, o) : e.selectionEnd >= r.cursorPosition && e.selectionStart === r.cursorPosition ? e.setSelectionRange(e.selectionStart, o) : e.setSelectionRange(a[e.selectionStart] === r.separatorThousands ? e.selectionStart + t : e.selectionStart + 1, e.selectionEnd);
|
|
191
|
+
}), l(f(r), "handleClick", function(e) {
|
|
192
|
+
var t = e.target, a = t.value;
|
|
193
|
+
a[t.selectionStart - 1] === r.separatorThousands && t.setSelectionRange(t.selectionStart - 1, t.selectionEnd - 1);
|
|
194
|
+
}), l(f(r), "handleBlur", function(e) {
|
|
195
|
+
r.cursorPosition = -1, r.handleValidation(e);
|
|
196
|
+
}), l(f(r), "stepUp", function(e) {
|
|
197
|
+
var t = r.asProps, a = t.max, u = a === void 0 ? Number.MAX_SAFE_INTEGER : a, o = t.min, d = t.step, p = t.value, _;
|
|
198
198
|
if (p === "" ? _ = o ?? 0 : _ = Number.parseFloat(p), !Number.isNaN(_)) {
|
|
199
|
-
var
|
|
200
|
-
|
|
199
|
+
var m = _ + d <= u ? _ + d : u;
|
|
200
|
+
r.handlers.value(m.toString(), e);
|
|
201
201
|
}
|
|
202
|
-
}), l(
|
|
203
|
-
var
|
|
204
|
-
if (p === "" ? _ =
|
|
205
|
-
var
|
|
206
|
-
|
|
202
|
+
}), l(f(r), "stepDown", function(e) {
|
|
203
|
+
var t = r.asProps, a = t.max, u = t.min, o = u === void 0 ? Number.MIN_SAFE_INTEGER : u, d = t.step, p = t.value, _;
|
|
204
|
+
if (p === "" ? _ = a ?? 0 : _ = Number.parseFloat(p), !Number.isNaN(_)) {
|
|
205
|
+
var m = _ - d >= o ? _ - d : o;
|
|
206
|
+
r.handlers.value(m.toString(), e);
|
|
207
207
|
}
|
|
208
|
-
}),
|
|
208
|
+
}), r;
|
|
209
209
|
}
|
|
210
210
|
return I(c, [{
|
|
211
211
|
key: "uncontrolledProps",
|
|
@@ -214,7 +214,7 @@ var E = /* @__PURE__ */ function(m) {
|
|
|
214
214
|
return {
|
|
215
215
|
displayValue: null,
|
|
216
216
|
value: [null, function(s) {
|
|
217
|
-
var i = n.asProps, e = i.value,
|
|
217
|
+
var i = n.asProps, e = i.value, t = i.displayValue, a = n.valueParser(s, e, t), u = a.parsedValue, o = a.displayValue;
|
|
218
218
|
return n.handlers.displayValue(o), u;
|
|
219
219
|
}]
|
|
220
220
|
};
|
|
@@ -246,8 +246,8 @@ var E = /* @__PURE__ */ function(m) {
|
|
|
246
246
|
(n = this.valueInputRef.current) === null || n === void 0 || n.addEventListener("wheel", this.onWheel);
|
|
247
247
|
var s = this.asProps, i = s.inputRef, e = s.value;
|
|
248
248
|
if (i.current && (i.current.stepUp = this.stepUp, i.current.stepDown = this.stepDown), e !== "") {
|
|
249
|
-
var
|
|
250
|
-
this.handlers.displayValue(
|
|
249
|
+
var t = this.valueParser(e, "", ""), a = t.displayValue;
|
|
250
|
+
this.handlers.displayValue(a);
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
253
|
)
|
|
@@ -268,18 +268,18 @@ var E = /* @__PURE__ */ function(m) {
|
|
|
268
268
|
}, {
|
|
269
269
|
key: "render",
|
|
270
270
|
value: function() {
|
|
271
|
-
var n = this.asProps, s, i =
|
|
272
|
-
return s =
|
|
271
|
+
var n = this.asProps, s, i = V.Value, e = this.asProps, t = e.styles, a = e.min, u = e.max, o = e.step, d = e.forwardRef, p = e.inputRef, _ = e.displayValue;
|
|
272
|
+
return s = w(t), /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(i, s.cn("SValue", D({}, R({
|
|
273
273
|
autoComplete: "off",
|
|
274
274
|
onBlur: this.handleValidation,
|
|
275
275
|
"use:onChange": this.handleChange,
|
|
276
276
|
onKeyDown: this.handleKeyDown,
|
|
277
277
|
onKeyUp: this.handleKeyUp,
|
|
278
278
|
onClick: this.handleClick,
|
|
279
|
-
"use:ref": B(this.valueInputRef, p,
|
|
279
|
+
"use:ref": B(this.valueInputRef, p, d),
|
|
280
280
|
"use:value": _,
|
|
281
281
|
inputMode: Number.isInteger(o) ? "numeric" : "decimal",
|
|
282
|
-
min:
|
|
282
|
+
min: a,
|
|
283
283
|
max: u,
|
|
284
284
|
step: o
|
|
285
285
|
}, n)))));
|
|
@@ -292,29 +292,29 @@ l(E, "defaultProps", {
|
|
|
292
292
|
defaultDisplayValue: "",
|
|
293
293
|
step: 1
|
|
294
294
|
});
|
|
295
|
-
function T(
|
|
296
|
-
var
|
|
297
|
-
return c =
|
|
295
|
+
function T(h) {
|
|
296
|
+
var v = arguments[0], c, r = h.Children, n = h.increment, s = h.decrement, i = h.size, e = h.styles, t = h.getI18nText, a = V.Addon, u = "button", o = "button";
|
|
297
|
+
return c = w(e), /* @__PURE__ */ g.createElement(a, c.cn("SControls", D({}, R({
|
|
298
298
|
"aria-hidden": "true"
|
|
299
|
-
},
|
|
299
|
+
}, v))), /* @__PURE__ */ g.createElement(u, c.cn("SUp", {
|
|
300
300
|
onClick: n,
|
|
301
301
|
tabIndex: -1,
|
|
302
302
|
type: "button",
|
|
303
303
|
size: i,
|
|
304
|
-
"aria-label":
|
|
305
|
-
}), /* @__PURE__ */
|
|
304
|
+
"aria-label": t("increment")
|
|
305
|
+
}), /* @__PURE__ */ g.createElement(W, c.cn("IncrementIcon", {}))), /* @__PURE__ */ g.createElement(o, c.cn("SDown", {
|
|
306
306
|
onClick: s,
|
|
307
307
|
tabIndex: -1,
|
|
308
308
|
type: "button",
|
|
309
309
|
size: i,
|
|
310
|
-
"aria-label":
|
|
311
|
-
}), /* @__PURE__ */
|
|
310
|
+
"aria-label": t("decrement")
|
|
311
|
+
}), /* @__PURE__ */ g.createElement(K, c.cn("DecrementIcon", {}))), /* @__PURE__ */ g.createElement(r, c.cn("Children", {})));
|
|
312
312
|
}
|
|
313
313
|
T.style = N;
|
|
314
|
-
const ue = z(
|
|
314
|
+
const ue = z(P, {
|
|
315
315
|
Value: E,
|
|
316
316
|
Controls: T,
|
|
317
|
-
Addon:
|
|
317
|
+
Addon: V.Addon
|
|
318
318
|
});
|
|
319
319
|
export {
|
|
320
320
|
ue as default,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/input-number",
|
|
3
3
|
"description": "Semrush InputNumber Component",
|
|
4
|
-
"version": "5.41.
|
|
4
|
+
"version": "5.41.2-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/input": "4.42.
|
|
18
|
-
"@semcore/utils": "4.48.
|
|
19
|
-
"@semcore/flex-box": "5.41.
|
|
17
|
+
"@semcore/input": "4.42.2-prerelease.1",
|
|
18
|
+
"@semcore/utils": "4.48.2-prerelease.1",
|
|
19
|
+
"@semcore/flex-box": "5.41.2-prerelease.1"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@semcore/core": "^2.39.
|
|
22
|
+
"@semcore/core": "^2.39.2-prerelease.1",
|
|
23
23
|
"react": "16.8 - 18",
|
|
24
24
|
"react-dom": "16.8 - 18"
|
|
25
25
|
},
|