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