@progress/kendo-react-inputs 13.4.0-develop.4 → 14.0.0-develop.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/checkbox/Checkbox.js +1 -1
- package/checkbox/Checkbox.mjs +133 -118
- package/colors/ColorPalette.d.ts +20 -81
- package/colors/ColorPalette.js +1 -1
- package/colors/ColorPalette.mjs +207 -181
- package/colors/interfaces/ColorPaletteChangeEvent.d.ts +2 -2
- package/colors/interfaces/ColorPaletteHandle.d.ts +46 -0
- package/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/index.d.mts +2 -1
- package/index.d.ts +2 -1
- package/input/Input.js +1 -1
- package/input/Input.mjs +120 -101
- package/maskedtextbox/MaskedTextBox.d.ts +6 -0
- package/maskedtextbox/MaskedTextBox.js +1 -1
- package/maskedtextbox/MaskedTextBox.mjs +82 -61
- package/numerictextbox/NumericTextBox.js +1 -1
- package/numerictextbox/NumericTextBox.mjs +251 -227
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +1 -1
- package/package.json +10 -10
- package/switch/Switch.js +1 -1
- package/switch/Switch.mjs +109 -90
- package/textarea/TextArea.js +1 -1
- package/textarea/TextArea.mjs +131 -115
- package/textbox/Textbox.js +1 -1
- package/textbox/Textbox.mjs +77 -62
|
@@ -5,340 +5,364 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import * as
|
|
8
|
+
import * as n from "react";
|
|
9
9
|
import t from "prop-types";
|
|
10
|
-
import { useInternationalization as
|
|
11
|
-
import { createPropsContext as
|
|
12
|
-
import { caretAltUpIcon as
|
|
13
|
-
import { FloatingLabel as
|
|
14
|
-
import { numericIncreaseValue as
|
|
15
|
-
import { getInitialState as
|
|
16
|
-
import { Button as
|
|
17
|
-
const
|
|
18
|
-
(
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
import { useInternationalization as et, useLocalization as tt } from "@progress/kendo-react-intl";
|
|
11
|
+
import { createPropsContext as nt, usePropsContext as rt, useId as at, useCustomComponent as ge, dispatchEvent as Q, useKendoPaste as st, getActiveElement as ve, useIsomorphicLayoutEffect as ot, classNames as lt, kendoThemeMaps as ye, getTabIndex as ut } from "@progress/kendo-react-common";
|
|
12
|
+
import { caretAltUpIcon as it, caretAltDownIcon as ct } from "@progress/kendo-svg-icons";
|
|
13
|
+
import { FloatingLabel as dt } from "@progress/kendo-react-labels";
|
|
14
|
+
import { numericIncreaseValue as G, messages as _, numericDecreaseValue as j } from "../messages/index.mjs";
|
|
15
|
+
import { getInitialState as Ve, formatValue as O, getStateOrPropsValue as X, rangeValue as N, sanitizeNumber as Ce, decreaseValue as ke, increaseValue as Ee } from "./utils/index.mjs";
|
|
16
|
+
import { Button as Se } from "@progress/kendo-react-buttons";
|
|
17
|
+
const mt = "Please enter a valid value!", ft = nt(), he = n.forwardRef(
|
|
18
|
+
(k, xe) => {
|
|
19
|
+
const K = rt(
|
|
20
|
+
ft,
|
|
21
|
+
k
|
|
22
22
|
), {
|
|
23
|
-
className:
|
|
24
|
-
value:
|
|
25
|
-
defaultValue:
|
|
26
|
-
format:
|
|
23
|
+
className: Ie,
|
|
24
|
+
value: y,
|
|
25
|
+
defaultValue: Le,
|
|
26
|
+
format: s,
|
|
27
27
|
width: Z,
|
|
28
|
-
tabIndex:
|
|
29
|
-
accessKey:
|
|
30
|
-
title:
|
|
28
|
+
tabIndex: Oe,
|
|
29
|
+
accessKey: Ne,
|
|
30
|
+
title: Pe,
|
|
31
31
|
placeholder: ee,
|
|
32
|
-
min:
|
|
33
|
-
max:
|
|
32
|
+
min: d,
|
|
33
|
+
max: m,
|
|
34
34
|
dir: te,
|
|
35
|
-
name:
|
|
36
|
-
label:
|
|
37
|
-
id:
|
|
38
|
-
ariaDescribedBy:
|
|
39
|
-
ariaLabelledBy:
|
|
40
|
-
ariaLabel:
|
|
41
|
-
inputType:
|
|
42
|
-
readOnly:
|
|
35
|
+
name: P,
|
|
36
|
+
label: D,
|
|
37
|
+
id: ne,
|
|
38
|
+
ariaDescribedBy: De,
|
|
39
|
+
ariaLabelledBy: Re,
|
|
40
|
+
ariaLabel: Fe,
|
|
41
|
+
inputType: Be,
|
|
42
|
+
readOnly: g,
|
|
43
43
|
validationMessage: H,
|
|
44
|
-
children:
|
|
44
|
+
children: Me,
|
|
45
45
|
// Removed to support direct use in Form Field component
|
|
46
|
-
touched:
|
|
47
|
-
visited:
|
|
48
|
-
modified:
|
|
46
|
+
touched: bt,
|
|
47
|
+
visited: pt,
|
|
48
|
+
modified: gt,
|
|
49
49
|
style: re,
|
|
50
|
-
inputStyle:
|
|
51
|
-
valid:
|
|
52
|
-
step:
|
|
53
|
-
spinners:
|
|
54
|
-
disabled: l =
|
|
55
|
-
required:
|
|
56
|
-
validityStyles:
|
|
57
|
-
prefix:
|
|
58
|
-
suffix:
|
|
59
|
-
onChange: E =
|
|
60
|
-
onFocus:
|
|
61
|
-
onBlur: oe =
|
|
62
|
-
rangeOnEnter:
|
|
63
|
-
size:
|
|
64
|
-
rounded:
|
|
65
|
-
fillMode:
|
|
66
|
-
autoFocus:
|
|
67
|
-
inputAttributes:
|
|
68
|
-
...
|
|
69
|
-
} =
|
|
70
|
-
i.current.focused && !l ? i.current.currentLooseValue : X(
|
|
71
|
-
|
|
72
|
-
|
|
50
|
+
inputStyle: Te,
|
|
51
|
+
valid: w,
|
|
52
|
+
step: V = c.step,
|
|
53
|
+
spinners: ze = c.spinners,
|
|
54
|
+
disabled: l = c.disabled,
|
|
55
|
+
required: R = c.required,
|
|
56
|
+
validityStyles: ae = c.validityStyles,
|
|
57
|
+
prefix: qe = c.prefix,
|
|
58
|
+
suffix: Ae = c.suffix,
|
|
59
|
+
onChange: E = c.onChange,
|
|
60
|
+
onFocus: se = c.onFocus,
|
|
61
|
+
onBlur: oe = c.onBlur,
|
|
62
|
+
rangeOnEnter: le = c.rangeOnEnter,
|
|
63
|
+
size: h = c.size,
|
|
64
|
+
rounded: U = c.rounded,
|
|
65
|
+
fillMode: F = c.fillMode,
|
|
66
|
+
autoFocus: Ge = c.autoFocus,
|
|
67
|
+
inputAttributes: _e,
|
|
68
|
+
...ue
|
|
69
|
+
} = K, je = at(), ie = ne || je, o = et(), B = tt(), a = n.useRef(null), M = n.useRef(void 0), [Ke, S] = n.useState(!1), i = n.useRef(Ve()), T = n.useRef(!1), $ = n.useRef(void 0), x = n.useRef(Le), ce = P || ne, I = O(
|
|
70
|
+
i.current.focused && !l ? i.current.currentLooseValue : X(y, x.current),
|
|
71
|
+
s,
|
|
72
|
+
o
|
|
73
73
|
);
|
|
74
|
-
|
|
75
|
-
const [He] =
|
|
76
|
-
|
|
74
|
+
$.current = I;
|
|
75
|
+
const [He] = ge(qe), [we] = ge(Ae);
|
|
76
|
+
n.useEffect(() => {
|
|
77
77
|
a.current && a.current.setCustomValidity && a.current.setCustomValidity(
|
|
78
|
-
|
|
78
|
+
A().valid ? "" : H || mt
|
|
79
79
|
);
|
|
80
80
|
});
|
|
81
|
-
const
|
|
81
|
+
const de = n.useCallback(() => {
|
|
82
82
|
a.current && a.current.focus();
|
|
83
|
-
}, []),
|
|
84
|
-
const
|
|
83
|
+
}, []), z = n.useCallback(() => M.current !== void 0 ? M.current : X(y, x.current), [y]), me = n.useCallback(() => P, [P]), q = n.useCallback(() => R, [R]), A = n.useCallback(() => {
|
|
84
|
+
const r = H !== void 0, e = z(), b = w !== void 0 ? w : !i.current.valueIsOutOfRange && (!q() || e != null);
|
|
85
85
|
return {
|
|
86
|
-
customError:
|
|
87
|
-
valid:
|
|
86
|
+
customError: r,
|
|
87
|
+
valid: b,
|
|
88
88
|
valueMissing: e == null
|
|
89
89
|
};
|
|
90
|
-
}, [H,
|
|
91
|
-
const
|
|
90
|
+
}, [H, w, z, q]), W = n.useCallback(() => ae, [ae]), fe = n.useCallback(() => K, [K]), C = n.useCallback(() => {
|
|
91
|
+
const r = {
|
|
92
92
|
element: a.current,
|
|
93
|
-
focus:
|
|
93
|
+
focus: de
|
|
94
94
|
};
|
|
95
|
-
return Object.defineProperty(
|
|
96
|
-
}, [
|
|
97
|
-
|
|
98
|
-
const
|
|
99
|
-
eventValue: X(
|
|
100
|
-
prevLooseValue:
|
|
95
|
+
return Object.defineProperty(r, "name", { get: me }), Object.defineProperty(r, "value", { get: z }), Object.defineProperty(r, "validity", { get: A }), Object.defineProperty(r, "validityStyles", { get: W }), Object.defineProperty(r, "required", { get: q }), Object.defineProperty(r, "props", { get: fe }), r;
|
|
96
|
+
}, [me, z, A, W, q, de, fe]);
|
|
97
|
+
n.useImperativeHandle(xe, C);
|
|
98
|
+
const v = n.useCallback(() => ({
|
|
99
|
+
eventValue: X(y, x.current),
|
|
100
|
+
prevLooseValue: $.current,
|
|
101
101
|
currentLooseValue: a.current.value,
|
|
102
102
|
selectionStart: a.current.selectionStart,
|
|
103
103
|
selectionEnd: a.current.selectionEnd,
|
|
104
104
|
decimalSelect: !1,
|
|
105
105
|
valueIsCorrected: !1,
|
|
106
106
|
valueIsOutOfRange: !1,
|
|
107
|
-
isPaste:
|
|
107
|
+
isPaste: T.current,
|
|
108
108
|
focused: i.current.focused
|
|
109
|
-
}), [
|
|
110
|
-
(
|
|
109
|
+
}), [y]), f = n.useCallback(
|
|
110
|
+
(r, e) => {
|
|
111
111
|
if (l)
|
|
112
112
|
return;
|
|
113
|
-
|
|
114
|
-
const
|
|
115
|
-
|
|
113
|
+
M.current = e.eventValue, x.current = e.eventValue;
|
|
114
|
+
const b = O(N(e.eventValue, d, m), s, o), u = N(o.parseNumber(b, s), d, m);
|
|
115
|
+
u !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = u, x.current = u), y !== e.eventValue && Q(E, r, C(), {
|
|
116
116
|
value: e.eventValue
|
|
117
|
-
}),
|
|
117
|
+
}), M.current = void 0, i.current = e, S((L) => !L);
|
|
118
118
|
},
|
|
119
|
-
[
|
|
120
|
-
),
|
|
121
|
-
(
|
|
122
|
-
const e =
|
|
123
|
-
|
|
119
|
+
[y, E, l, S, C]
|
|
120
|
+
), Ue = n.useCallback(
|
|
121
|
+
(r) => {
|
|
122
|
+
const e = Number(r);
|
|
123
|
+
if (isNaN(e))
|
|
124
|
+
return;
|
|
125
|
+
const b = N(e, d, m), u = O(b, s, o), p = {
|
|
126
|
+
...i.current,
|
|
127
|
+
eventValue: b,
|
|
128
|
+
currentLooseValue: u,
|
|
129
|
+
selectionStart: u.length,
|
|
130
|
+
selectionEnd: u.length
|
|
131
|
+
}, L = {
|
|
132
|
+
target: a.current,
|
|
133
|
+
currentTarget: a.current
|
|
134
|
+
};
|
|
135
|
+
f(L, p);
|
|
136
|
+
},
|
|
137
|
+
[d, m, s, o, f]
|
|
138
|
+
);
|
|
139
|
+
st(a, {
|
|
140
|
+
fieldName: ce,
|
|
141
|
+
onValueChange: Ue,
|
|
142
|
+
enabled: !!ce
|
|
143
|
+
});
|
|
144
|
+
const $e = n.useCallback(
|
|
145
|
+
(r) => {
|
|
146
|
+
const e = v();
|
|
147
|
+
T.current = !1, f(r, Ce(e, s, o));
|
|
124
148
|
},
|
|
125
|
-
[
|
|
126
|
-
),
|
|
127
|
-
(
|
|
128
|
-
if (
|
|
149
|
+
[s, E, o, f, v]
|
|
150
|
+
), We = n.useCallback(
|
|
151
|
+
(r) => {
|
|
152
|
+
if (g || l)
|
|
129
153
|
return;
|
|
130
|
-
let e =
|
|
131
|
-
const
|
|
154
|
+
let e = v();
|
|
155
|
+
const b = o.parseNumber(String(e.currentLooseValue), s);
|
|
132
156
|
if (e.selectionEnd > e.selectionStart && e.selectionEnd - e.selectionStart === String(e.currentLooseValue).length) {
|
|
133
|
-
const
|
|
134
|
-
|
|
157
|
+
const u = o.numberSymbols(), p = u && r.key === u.minusSign, L = u && r.key === u.decimal;
|
|
158
|
+
T.current = !p && !L;
|
|
135
159
|
return;
|
|
136
160
|
}
|
|
137
|
-
switch (
|
|
161
|
+
switch (r.keyCode) {
|
|
138
162
|
case 38:
|
|
139
|
-
|
|
163
|
+
Ee(b, e, V, d, m, s, o);
|
|
140
164
|
break;
|
|
141
165
|
case 40:
|
|
142
|
-
|
|
166
|
+
ke(b, e, V, d, m, s, o);
|
|
143
167
|
break;
|
|
144
168
|
case 13: {
|
|
145
|
-
if (
|
|
169
|
+
if (le === !1)
|
|
146
170
|
return;
|
|
147
|
-
const
|
|
148
|
-
e.eventValue =
|
|
171
|
+
const u = O(N(b, d, m), s, o), p = N(o.parseNumber(u, s), d, m);
|
|
172
|
+
e.eventValue = p, e.currentLooseValue = O(p, s, o), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
|
|
149
173
|
break;
|
|
150
174
|
}
|
|
151
175
|
case 110: {
|
|
152
|
-
const
|
|
153
|
-
|
|
176
|
+
const u = a.current, p = o.numberSymbols();
|
|
177
|
+
u && (e.currentLooseValue = e.currentLooseValue.slice(0, e.selectionStart) + p.decimal + e.currentLooseValue.slice(e.selectionEnd), e.selectionStart = e.selectionEnd = e.selectionStart + 1, e = Ce(e, s, o));
|
|
154
178
|
break;
|
|
155
179
|
}
|
|
156
180
|
default:
|
|
157
181
|
return;
|
|
158
182
|
}
|
|
159
|
-
|
|
183
|
+
r.preventDefault(), f(r, e);
|
|
160
184
|
},
|
|
161
|
-
[
|
|
162
|
-
),
|
|
163
|
-
|
|
164
|
-
}, []),
|
|
165
|
-
(
|
|
166
|
-
if (
|
|
185
|
+
[s, d, m, V, E, le, f, v]
|
|
186
|
+
), Ye = n.useCallback(() => {
|
|
187
|
+
T.current = !0;
|
|
188
|
+
}, []), Y = n.useCallback(
|
|
189
|
+
(r) => {
|
|
190
|
+
if (g || l)
|
|
167
191
|
return;
|
|
168
|
-
const e =
|
|
169
|
-
|
|
170
|
-
|
|
192
|
+
const e = v();
|
|
193
|
+
Ee(
|
|
194
|
+
o.parseNumber(String(e.currentLooseValue), s),
|
|
171
195
|
e,
|
|
172
|
-
|
|
173
|
-
c,
|
|
196
|
+
V,
|
|
174
197
|
d,
|
|
175
|
-
|
|
176
|
-
s
|
|
177
|
-
|
|
198
|
+
m,
|
|
199
|
+
s,
|
|
200
|
+
o
|
|
201
|
+
), f(r, e);
|
|
178
202
|
},
|
|
179
|
-
[
|
|
180
|
-
),
|
|
181
|
-
(
|
|
182
|
-
if (
|
|
203
|
+
[s, d, m, V, E, g, l, f, v]
|
|
204
|
+
), J = n.useCallback(
|
|
205
|
+
(r) => {
|
|
206
|
+
if (g || l)
|
|
183
207
|
return;
|
|
184
|
-
const e =
|
|
185
|
-
|
|
186
|
-
|
|
208
|
+
const e = v();
|
|
209
|
+
ke(
|
|
210
|
+
o.parseNumber(String(e.currentLooseValue), s),
|
|
187
211
|
e,
|
|
188
|
-
|
|
189
|
-
c,
|
|
212
|
+
V,
|
|
190
213
|
d,
|
|
191
|
-
|
|
192
|
-
s
|
|
193
|
-
|
|
214
|
+
m,
|
|
215
|
+
s,
|
|
216
|
+
o
|
|
217
|
+
), f(r, e);
|
|
194
218
|
},
|
|
195
|
-
[
|
|
196
|
-
),
|
|
197
|
-
(
|
|
198
|
-
const e =
|
|
199
|
-
!document || e !== a.current || !a.current ||
|
|
219
|
+
[s, d, m, V, E, g, l, f, v]
|
|
220
|
+
), Je = n.useCallback(
|
|
221
|
+
(r) => {
|
|
222
|
+
const e = ve(document);
|
|
223
|
+
!document || e !== a.current || !a.current || g || l || (r.nativeEvent.deltaY < 0 && Y(r), r.nativeEvent.deltaY > 0 && J(r));
|
|
200
224
|
},
|
|
201
|
-
[
|
|
202
|
-
),
|
|
203
|
-
(
|
|
204
|
-
i.current.currentLooseValue =
|
|
225
|
+
[Y, J, l, g]
|
|
226
|
+
), Qe = n.useCallback(
|
|
227
|
+
(r) => {
|
|
228
|
+
i.current.currentLooseValue = $.current, i.current.focused = !0, Q(se, r, C(), {}), S((e) => !e);
|
|
205
229
|
},
|
|
206
|
-
[
|
|
207
|
-
),
|
|
208
|
-
(
|
|
209
|
-
i.current =
|
|
230
|
+
[se, S, C]
|
|
231
|
+
), Xe = n.useCallback(
|
|
232
|
+
(r) => {
|
|
233
|
+
i.current = Ve(), Q(oe, r, C(), {}), S((e) => !e);
|
|
210
234
|
},
|
|
211
|
-
[oe, S,
|
|
212
|
-
),
|
|
235
|
+
[oe, S, C]
|
|
236
|
+
), Ze = n.useCallback((r) => {
|
|
213
237
|
if (document && a.current) {
|
|
214
|
-
const e =
|
|
215
|
-
|
|
238
|
+
const e = ve(document);
|
|
239
|
+
r.preventDefault(), e !== a.current && a.current.focus();
|
|
216
240
|
}
|
|
217
241
|
}, []);
|
|
218
|
-
|
|
242
|
+
ot(() => {
|
|
219
243
|
a.current && a.current.type !== "number" && i.current.selectionStart !== void 0 && i.current.selectionEnd !== void 0 && (a.current.selectionStart = i.current.selectionStart, a.current.selectionEnd = i.current.selectionEnd, i.current.selectionStart = void 0, i.current.selectionEnd = void 0);
|
|
220
|
-
}, [
|
|
221
|
-
const
|
|
244
|
+
}, [Ke]);
|
|
245
|
+
const be = !W() || A().valid, pe = /* @__PURE__ */ n.createElement(
|
|
222
246
|
"span",
|
|
223
247
|
{
|
|
224
248
|
dir: te,
|
|
225
|
-
style:
|
|
226
|
-
className:
|
|
249
|
+
style: D ? re : { width: Z, ...re },
|
|
250
|
+
className: lt(
|
|
227
251
|
"k-input",
|
|
228
252
|
"k-numerictextbox",
|
|
229
253
|
{
|
|
230
|
-
[`k-input-${
|
|
231
|
-
[`k-input-${
|
|
232
|
-
[`k-rounded-${
|
|
233
|
-
"k-invalid": !
|
|
234
|
-
"k-required":
|
|
254
|
+
[`k-input-${ye.sizeMap[h] || h}`]: h,
|
|
255
|
+
[`k-input-${F}`]: F,
|
|
256
|
+
[`k-rounded-${ye.roundedMap[U] || U}`]: U,
|
|
257
|
+
"k-invalid": !be,
|
|
258
|
+
"k-required": R,
|
|
235
259
|
"k-disabled": l
|
|
236
260
|
},
|
|
237
|
-
|
|
261
|
+
Ie
|
|
238
262
|
),
|
|
239
263
|
"aria-disabled": l ? "true" : void 0,
|
|
240
|
-
...
|
|
264
|
+
...D ? {} : ue
|
|
241
265
|
},
|
|
242
|
-
/* @__PURE__ */
|
|
243
|
-
/* @__PURE__ */
|
|
266
|
+
/* @__PURE__ */ n.createElement(He, null),
|
|
267
|
+
/* @__PURE__ */ n.createElement(
|
|
244
268
|
"input",
|
|
245
269
|
{
|
|
246
270
|
role: "spinbutton",
|
|
247
271
|
value: I === null ? "" : I,
|
|
248
|
-
tabIndex:
|
|
249
|
-
accessKey:
|
|
272
|
+
tabIndex: ut(Oe, l),
|
|
273
|
+
accessKey: Ne,
|
|
250
274
|
disabled: l,
|
|
251
|
-
title:
|
|
275
|
+
title: Pe,
|
|
252
276
|
"aria-disabled": l ? "true" : void 0,
|
|
253
|
-
"aria-valuemin":
|
|
254
|
-
"aria-valuemax":
|
|
255
|
-
"aria-label":
|
|
256
|
-
"aria-labelledby":
|
|
257
|
-
"aria-describedby":
|
|
258
|
-
"aria-required":
|
|
277
|
+
"aria-valuemin": d,
|
|
278
|
+
"aria-valuemax": m,
|
|
279
|
+
"aria-label": Fe,
|
|
280
|
+
"aria-labelledby": Re,
|
|
281
|
+
"aria-describedby": De,
|
|
282
|
+
"aria-required": R,
|
|
259
283
|
placeholder: ee,
|
|
260
284
|
spellCheck: !1,
|
|
261
285
|
autoComplete: "off",
|
|
262
286
|
autoCorrect: "off",
|
|
263
|
-
autoFocus:
|
|
264
|
-
type:
|
|
287
|
+
autoFocus: Ge,
|
|
288
|
+
type: Be || "tel",
|
|
265
289
|
className: "k-input-inner",
|
|
266
|
-
id:
|
|
267
|
-
name:
|
|
268
|
-
readOnly:
|
|
269
|
-
style:
|
|
270
|
-
onChange:
|
|
271
|
-
onFocus:
|
|
272
|
-
onBlur:
|
|
273
|
-
onKeyDown:
|
|
274
|
-
onPaste:
|
|
275
|
-
onWheel:
|
|
290
|
+
id: ie,
|
|
291
|
+
name: P,
|
|
292
|
+
readOnly: g,
|
|
293
|
+
style: Te,
|
|
294
|
+
onChange: $e,
|
|
295
|
+
onFocus: Qe,
|
|
296
|
+
onBlur: Xe,
|
|
297
|
+
onKeyDown: We,
|
|
298
|
+
onPaste: Ye,
|
|
299
|
+
onWheel: Je,
|
|
276
300
|
ref: a,
|
|
277
|
-
...
|
|
301
|
+
..._e
|
|
278
302
|
}
|
|
279
303
|
),
|
|
280
|
-
/* @__PURE__ */
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
304
|
+
/* @__PURE__ */ n.createElement(we, null),
|
|
305
|
+
Me,
|
|
306
|
+
ze && /* @__PURE__ */ n.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: Ze }, /* @__PURE__ */ n.createElement(
|
|
307
|
+
Se,
|
|
284
308
|
{
|
|
285
309
|
tabIndex: -1,
|
|
286
310
|
type: "button",
|
|
287
311
|
icon: "caret-alt-up",
|
|
288
|
-
svgIcon:
|
|
289
|
-
fillMode:
|
|
290
|
-
size:
|
|
312
|
+
svgIcon: it,
|
|
313
|
+
fillMode: F,
|
|
314
|
+
size: h,
|
|
291
315
|
className: "k-spinner-increase",
|
|
292
|
-
"aria-label":
|
|
293
|
-
|
|
294
|
-
|
|
316
|
+
"aria-label": B.toLanguageString(
|
|
317
|
+
G,
|
|
318
|
+
_[G]
|
|
295
319
|
),
|
|
296
|
-
title:
|
|
297
|
-
|
|
298
|
-
|
|
320
|
+
title: B.toLanguageString(
|
|
321
|
+
G,
|
|
322
|
+
_[G]
|
|
299
323
|
),
|
|
300
|
-
onClick:
|
|
324
|
+
onClick: Y
|
|
301
325
|
}
|
|
302
|
-
), /* @__PURE__ */
|
|
303
|
-
|
|
326
|
+
), /* @__PURE__ */ n.createElement(
|
|
327
|
+
Se,
|
|
304
328
|
{
|
|
305
329
|
tabIndex: -1,
|
|
306
330
|
type: "button",
|
|
307
331
|
icon: "caret-alt-down",
|
|
308
|
-
svgIcon:
|
|
309
|
-
fillMode:
|
|
310
|
-
size:
|
|
332
|
+
svgIcon: ct,
|
|
333
|
+
fillMode: F,
|
|
334
|
+
size: h,
|
|
311
335
|
className: "k-spinner-decrease",
|
|
312
|
-
"aria-label":
|
|
313
|
-
|
|
314
|
-
|
|
336
|
+
"aria-label": B.toLanguageString(
|
|
337
|
+
j,
|
|
338
|
+
_[j]
|
|
315
339
|
),
|
|
316
|
-
title:
|
|
317
|
-
|
|
318
|
-
|
|
340
|
+
title: B.toLanguageString(
|
|
341
|
+
j,
|
|
342
|
+
_[j]
|
|
319
343
|
),
|
|
320
|
-
onClick:
|
|
344
|
+
onClick: J
|
|
321
345
|
}
|
|
322
346
|
))
|
|
323
347
|
);
|
|
324
|
-
return
|
|
325
|
-
|
|
348
|
+
return D ? /* @__PURE__ */ n.createElement(
|
|
349
|
+
dt,
|
|
326
350
|
{
|
|
327
|
-
label:
|
|
328
|
-
editorId:
|
|
351
|
+
label: D,
|
|
352
|
+
editorId: ie,
|
|
329
353
|
editorValue: I === null ? "" : I,
|
|
330
|
-
editorValid:
|
|
354
|
+
editorValid: be,
|
|
331
355
|
editorDisabled: l,
|
|
332
356
|
editorPlaceholder: ee,
|
|
333
|
-
children:
|
|
357
|
+
children: pe,
|
|
334
358
|
style: { width: Z },
|
|
335
359
|
dir: te,
|
|
336
|
-
...
|
|
360
|
+
...ue
|
|
337
361
|
}
|
|
338
|
-
) :
|
|
362
|
+
) : pe;
|
|
339
363
|
}
|
|
340
364
|
);
|
|
341
|
-
|
|
365
|
+
he.propTypes = {
|
|
342
366
|
value: t.number,
|
|
343
367
|
defaultValue: t.number,
|
|
344
368
|
step: t.number,
|
|
@@ -382,9 +406,9 @@ Ee.propTypes = {
|
|
|
382
406
|
fillMode: t.oneOf(["solid", "flat", "outline"]),
|
|
383
407
|
inputAttributes: t.object
|
|
384
408
|
};
|
|
385
|
-
const
|
|
386
|
-
prefix: (
|
|
387
|
-
suffix: (
|
|
409
|
+
const c = {
|
|
410
|
+
prefix: (k) => null,
|
|
411
|
+
suffix: (k) => null,
|
|
388
412
|
step: 1,
|
|
389
413
|
spinners: !0,
|
|
390
414
|
disabled: !1,
|
|
@@ -392,18 +416,18 @@ const u = {
|
|
|
392
416
|
validityStyles: !0,
|
|
393
417
|
rangeOnEnter: !0,
|
|
394
418
|
autoFocus: !1,
|
|
395
|
-
onChange: (
|
|
419
|
+
onChange: (k) => {
|
|
396
420
|
},
|
|
397
|
-
onFocus: (
|
|
421
|
+
onFocus: (k) => {
|
|
398
422
|
},
|
|
399
|
-
onBlur: (
|
|
423
|
+
onBlur: (k) => {
|
|
400
424
|
},
|
|
401
425
|
size: void 0,
|
|
402
426
|
rounded: void 0,
|
|
403
427
|
fillMode: void 0
|
|
404
428
|
};
|
|
405
|
-
|
|
429
|
+
he.displayName = "KendoNumericTextBox";
|
|
406
430
|
export {
|
|
407
|
-
|
|
408
|
-
|
|
431
|
+
he as NumericTextBox,
|
|
432
|
+
ft as NumericTextBoxPropsContext
|
|
409
433
|
};
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770382872,version:"14.0.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -8,6 +8,6 @@ export const packageMetadata = Object.freeze({
|
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
10
|
publishDate: 0,
|
|
11
|
-
version: '
|
|
11
|
+
version: '14.0.0-develop.1',
|
|
12
12
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
13
13
|
});
|