@progress/kendo-react-inputs 14.5.0-develop.13 → 14.5.0-develop.14
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/colors/ColorPicker.js +1 -1
- package/colors/ColorPicker.mjs +194 -183
- 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/numerictextbox/NumericTextBox.js +1 -1
- package/numerictextbox/NumericTextBox.mjs +170 -168
- 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/range-slider/RangeSlider.d.ts +6 -1
- package/range-slider/RangeSlider.js +2 -2
- package/range-slider/RangeSlider.mjs +43 -43
- package/rating/Rating.d.ts +6 -1
- package/rating/Rating.js +2 -2
- package/rating/Rating.mjs +62 -62
- package/signature/Signature.js +1 -1
- package/signature/Signature.mjs +94 -92
- 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 +131 -134
- package/switch/Switch.d.ts +6 -1
- package/switch/Switch.js +1 -1
- package/switch/Switch.mjs +88 -86
- package/textarea/TextArea.js +1 -1
- package/textarea/TextArea.mjs +97 -95
- 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,174 +7,176 @@
|
|
|
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 ve, useWebMcpRegister as ot, dispatchEvent as Q, useKendoPaste as st, getActiveElement as ye, useIsomorphicLayoutEffect as ut, classNames as lt, kendoThemeMaps as Ve, getTabIndex as ct, createPropsContext as it } 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 Ce, formatValue as N, getStateOrPropsValue as X, rangeValue as P, sanitizeNumber as ke, decreaseValue as he, increaseValue as Ee } from "./utils/index.mjs";
|
|
16
|
+
import { Button as Se } from "@progress/kendo-react-buttons";
|
|
17
|
+
const bt = "Please enter a valid value!", pt = it(), xe = n.forwardRef(
|
|
18
|
+
(k, Ie) => {
|
|
19
|
+
const S = rt(
|
|
20
|
+
pt,
|
|
21
21
|
k
|
|
22
22
|
), {
|
|
23
|
-
className:
|
|
24
|
-
value:
|
|
25
|
-
defaultValue:
|
|
23
|
+
className: Le,
|
|
24
|
+
value: V,
|
|
25
|
+
defaultValue: Oe,
|
|
26
26
|
format: o,
|
|
27
27
|
width: Z,
|
|
28
|
-
tabIndex:
|
|
29
|
-
accessKey:
|
|
30
|
-
title:
|
|
28
|
+
tabIndex: Ne,
|
|
29
|
+
accessKey: Pe,
|
|
30
|
+
title: Re,
|
|
31
31
|
placeholder: ee,
|
|
32
32
|
min: d,
|
|
33
33
|
max: m,
|
|
34
34
|
dir: te,
|
|
35
|
-
name:
|
|
35
|
+
name: R,
|
|
36
36
|
label: D,
|
|
37
37
|
id: ne,
|
|
38
38
|
ariaDescribedBy: De,
|
|
39
|
-
ariaLabelledBy:
|
|
40
|
-
ariaLabel:
|
|
41
|
-
inputType:
|
|
39
|
+
ariaLabelledBy: Fe,
|
|
40
|
+
ariaLabel: Be,
|
|
41
|
+
inputType: Me,
|
|
42
42
|
readOnly: g,
|
|
43
|
-
validationMessage:
|
|
44
|
-
children:
|
|
43
|
+
validationMessage: _,
|
|
44
|
+
children: Te,
|
|
45
45
|
// Removed to support direct use in Form Field component
|
|
46
|
-
touched:
|
|
47
|
-
visited:
|
|
48
|
-
modified:
|
|
46
|
+
touched: gt,
|
|
47
|
+
visited: vt,
|
|
48
|
+
modified: yt,
|
|
49
49
|
style: re,
|
|
50
|
-
inputStyle:
|
|
50
|
+
inputStyle: ze,
|
|
51
51
|
valid: w,
|
|
52
|
-
step:
|
|
53
|
-
spinners:
|
|
54
|
-
disabled: u =
|
|
55
|
-
required:
|
|
56
|
-
validityStyles: ae =
|
|
57
|
-
prefix:
|
|
58
|
-
suffix:
|
|
59
|
-
onChange: h =
|
|
60
|
-
onFocus: oe =
|
|
61
|
-
onBlur: se =
|
|
62
|
-
rangeOnEnter: ue =
|
|
63
|
-
size:
|
|
64
|
-
rounded: U =
|
|
65
|
-
fillMode:
|
|
66
|
-
autoFocus:
|
|
67
|
-
inputAttributes:
|
|
52
|
+
step: C = i.step,
|
|
53
|
+
spinners: qe = i.spinners,
|
|
54
|
+
disabled: u = i.disabled,
|
|
55
|
+
required: F = i.required,
|
|
56
|
+
validityStyles: ae = i.validityStyles,
|
|
57
|
+
prefix: Ge = i.prefix,
|
|
58
|
+
suffix: je = i.suffix,
|
|
59
|
+
onChange: h = i.onChange,
|
|
60
|
+
onFocus: oe = i.onFocus,
|
|
61
|
+
onBlur: se = i.onBlur,
|
|
62
|
+
rangeOnEnter: ue = i.rangeOnEnter,
|
|
63
|
+
size: x = i.size,
|
|
64
|
+
rounded: U = i.rounded,
|
|
65
|
+
fillMode: B = i.fillMode,
|
|
66
|
+
autoFocus: Ae = i.autoFocus,
|
|
67
|
+
inputAttributes: He,
|
|
68
68
|
...le
|
|
69
|
-
} =
|
|
70
|
-
|
|
69
|
+
} = S, Ke = at(), ce = ne || Ke, s = tt(), M = nt(), a = n.useRef(null), T = n.useRef(void 0), [_e, E] = n.useState(!1), c = n.useRef(Ce()), z = n.useRef(!1), W = n.useRef(void 0), I = n.useRef(Oe), ie = R || ne, L = N(
|
|
70
|
+
c.current.focused && !u ? c.current.currentLooseValue : X(V, I.current),
|
|
71
71
|
o,
|
|
72
72
|
s
|
|
73
73
|
);
|
|
74
|
-
|
|
75
|
-
const [
|
|
74
|
+
W.current = L;
|
|
75
|
+
const [we] = ve(Ge), [Ue] = ve(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
81
|
const de = n.useCallback(() => {
|
|
82
82
|
a.current && a.current.focus();
|
|
83
|
-
}, []),
|
|
84
|
-
const r =
|
|
83
|
+
}, []), q = n.useCallback(() => T.current !== void 0 ? T.current : X(V, I.current), [V]), me = n.useCallback(() => R, [R]), G = n.useCallback(() => F, [F]), j = n.useCallback(() => {
|
|
84
|
+
const r = _ !== void 0, e = q(), b = w !== void 0 ? w : !c.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]), $ = n.useCallback(() => ae, [ae]), fe = n.useCallback(() => S, [S]), v = n.useCallback(() => {
|
|
91
91
|
const r = {
|
|
92
92
|
element: a.current,
|
|
93
93
|
focus: de
|
|
94
94
|
};
|
|
95
|
-
return Object.defineProperty(r, "name", { get: me }), Object.defineProperty(r, "value", { get:
|
|
96
|
-
}, [me,
|
|
97
|
-
n.useImperativeHandle(
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
|
|
95
|
+
return Object.defineProperty(r, "name", { get: me }), Object.defineProperty(r, "value", { get: q }), Object.defineProperty(r, "validity", { get: j }), Object.defineProperty(r, "validityStyles", { get: $ }), Object.defineProperty(r, "required", { get: G }), Object.defineProperty(r, "props", { get: fe }), r;
|
|
96
|
+
}, [me, q, j, $, G, de, fe]);
|
|
97
|
+
n.useImperativeHandle(Ie, v);
|
|
98
|
+
const be = n.useRef(null);
|
|
99
|
+
n.useImperativeHandle(be, v), ot("numerictextbox", be, S, S.webMcp);
|
|
100
|
+
const y = n.useCallback(() => ({
|
|
101
|
+
eventValue: X(V, I.current),
|
|
102
|
+
prevLooseValue: W.current,
|
|
101
103
|
currentLooseValue: a.current.value,
|
|
102
104
|
selectionStart: a.current.selectionStart,
|
|
103
105
|
selectionEnd: a.current.selectionEnd,
|
|
104
106
|
decimalSelect: !1,
|
|
105
107
|
valueIsCorrected: !1,
|
|
106
108
|
valueIsOutOfRange: !1,
|
|
107
|
-
isPaste:
|
|
108
|
-
focused:
|
|
109
|
-
}), [
|
|
109
|
+
isPaste: z.current,
|
|
110
|
+
focused: c.current.focused
|
|
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 && Q(h, r, v(), {
|
|
116
118
|
value: e.eventValue
|
|
117
|
-
}),
|
|
119
|
+
}), T.current = void 0, c.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 =
|
|
126
|
-
...
|
|
127
|
+
const b = P(e, d, m), l = N(b, o, s), p = {
|
|
128
|
+
...c.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: ie,
|
|
143
|
+
onValueChange: We,
|
|
144
|
+
enabled: !!ie
|
|
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, ke(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
|
+
Ee(b, e, C, d, m, o, s);
|
|
164
166
|
break;
|
|
165
167
|
case 40:
|
|
166
|
-
|
|
168
|
+
he(b, e, C, d, m, o, s);
|
|
167
169
|
break;
|
|
168
170
|
case 13: {
|
|
169
171
|
if (ue === !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 = ke(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
|
-
|
|
187
|
+
[o, d, m, C, h, ue, f, y]
|
|
188
|
+
), Je = n.useCallback(() => {
|
|
189
|
+
z.current = !0;
|
|
188
190
|
}, []), Y = n.useCallback(
|
|
189
191
|
(r) => {
|
|
190
192
|
if (g || u)
|
|
191
193
|
return;
|
|
192
|
-
const e =
|
|
193
|
-
|
|
194
|
+
const e = y();
|
|
195
|
+
Ee(
|
|
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,
|
|
205
|
+
[o, d, m, C, h, g, u, f, y]
|
|
204
206
|
), J = n.useCallback(
|
|
205
207
|
(r) => {
|
|
206
208
|
if (g || u)
|
|
207
209
|
return;
|
|
208
|
-
const e =
|
|
209
|
-
|
|
210
|
+
const e = y();
|
|
211
|
+
he(
|
|
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
|
-
),
|
|
221
|
+
[o, d, m, C, h, g, u, f, y]
|
|
222
|
+
), Qe = n.useCallback(
|
|
221
223
|
(r) => {
|
|
222
|
-
const e =
|
|
224
|
+
const e = ye(document);
|
|
223
225
|
!document || e !== a.current || !a.current || g || u || (r.nativeEvent.deltaY < 0 && Y(r), r.nativeEvent.deltaY > 0 && J(r));
|
|
224
226
|
},
|
|
225
227
|
[Y, J, u, g]
|
|
226
|
-
),
|
|
228
|
+
), Xe = n.useCallback(
|
|
227
229
|
(r) => {
|
|
228
|
-
|
|
230
|
+
c.current.currentLooseValue = W.current, c.current.focused = !0, Q(oe, r, v(), {}), E((e) => !e);
|
|
229
231
|
},
|
|
230
|
-
[oe, E,
|
|
231
|
-
),
|
|
232
|
+
[oe, E, v]
|
|
233
|
+
), Ze = n.useCallback(
|
|
232
234
|
(r) => {
|
|
233
|
-
|
|
235
|
+
c.current = Ce(), Q(se, r, v(), {}), E((e) => !e);
|
|
234
236
|
},
|
|
235
|
-
[se, E,
|
|
236
|
-
),
|
|
237
|
+
[se, E, v]
|
|
238
|
+
), et = n.useCallback((r) => {
|
|
237
239
|
if (document && a.current) {
|
|
238
|
-
const e =
|
|
240
|
+
const e = ye(document);
|
|
239
241
|
r.preventDefault(), e !== a.current && a.current.focus();
|
|
240
242
|
}
|
|
241
243
|
}, []);
|
|
242
|
-
|
|
243
|
-
a.current && a.current.type !== "number" &&
|
|
244
|
+
ut(() => {
|
|
245
|
+
a.current && a.current.type !== "number" && c.current.selectionStart !== void 0 && c.current.selectionEnd !== void 0 && (a.current.selectionStart = c.current.selectionStart, a.current.selectionEnd = c.current.selectionEnd, c.current.selectionStart = void 0, c.current.selectionEnd = void 0);
|
|
244
246
|
}, [_e]);
|
|
245
|
-
const
|
|
247
|
+
const pe = !$() || j().valid, ge = /* @__PURE__ */ n.createElement(
|
|
246
248
|
"span",
|
|
247
249
|
{
|
|
248
250
|
dir: te,
|
|
249
251
|
style: D ? re : { width: Z, ...re },
|
|
250
|
-
className:
|
|
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-${Ve.sizeMap[x] || x}`]: x,
|
|
257
|
+
[`k-input-${B}`]: B,
|
|
258
|
+
[`k-rounded-${Ve.roundedMap[U] || U}`]: U,
|
|
259
|
+
"k-invalid": !pe,
|
|
260
|
+
"k-required": F,
|
|
259
261
|
"k-disabled": u
|
|
260
262
|
},
|
|
261
|
-
|
|
263
|
+
Le
|
|
262
264
|
),
|
|
263
265
|
"aria-disabled": u ? "true" : void 0,
|
|
264
266
|
...D ? {} : le
|
|
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: ct(Ne, u),
|
|
275
|
+
accessKey: Pe,
|
|
274
276
|
disabled: u,
|
|
275
|
-
title:
|
|
277
|
+
title: Re,
|
|
276
278
|
"aria-disabled": u ? "true" : void 0,
|
|
277
279
|
"aria-valuemin": d,
|
|
278
280
|
"aria-valuemax": m,
|
|
279
|
-
"aria-label":
|
|
280
|
-
"aria-labelledby":
|
|
281
|
+
"aria-label": Be,
|
|
282
|
+
"aria-labelledby": Fe,
|
|
281
283
|
"aria-describedby": De,
|
|
282
|
-
"aria-required":
|
|
284
|
+
"aria-required": F,
|
|
283
285
|
placeholder: ee,
|
|
284
286
|
spellCheck: !1,
|
|
285
287
|
autoComplete: "off",
|
|
286
288
|
autoCorrect: "off",
|
|
287
|
-
autoFocus:
|
|
288
|
-
type:
|
|
289
|
+
autoFocus: Ae,
|
|
290
|
+
type: Me || "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: ze,
|
|
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
|
+
Te,
|
|
308
|
+
qe && /* @__PURE__ */ n.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: et }, /* @__PURE__ */ n.createElement(
|
|
309
|
+
Se,
|
|
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
326
|
onClick: Y
|
|
325
327
|
}
|
|
326
328
|
), /* @__PURE__ */ n.createElement(
|
|
327
|
-
|
|
329
|
+
Se,
|
|
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
346
|
onClick: J
|
|
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: pe,
|
|
355
357
|
editorDisabled: u,
|
|
356
358
|
editorPlaceholder: ee,
|
|
357
|
-
children:
|
|
359
|
+
children: ge,
|
|
358
360
|
style: { width: Z },
|
|
359
361
|
dir: te,
|
|
360
362
|
...le
|
|
361
363
|
}
|
|
362
|
-
) :
|
|
364
|
+
) : ge;
|
|
363
365
|
}
|
|
364
366
|
);
|
|
365
|
-
|
|
367
|
+
xe.propTypes = {
|
|
366
368
|
value: t.number,
|
|
367
369
|
defaultValue: t.number,
|
|
368
370
|
step: t.number,
|
|
@@ -406,7 +408,7 @@ Se.propTypes = {
|
|
|
406
408
|
fillMode: t.oneOf(["solid", "flat", "outline"]),
|
|
407
409
|
inputAttributes: t.object
|
|
408
410
|
};
|
|
409
|
-
const
|
|
411
|
+
const i = {
|
|
410
412
|
prefix: (k) => null,
|
|
411
413
|
suffix: (k) => null,
|
|
412
414
|
step: 1,
|
|
@@ -426,8 +428,8 @@ const c = {
|
|
|
426
428
|
rounded: void 0,
|
|
427
429
|
fillMode: void 0
|
|
428
430
|
};
|
|
429
|
-
|
|
431
|
+
xe.displayName = "KendoNumericTextBox";
|
|
430
432
|
export {
|
|
431
|
-
|
|
432
|
-
|
|
433
|
+
xe 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: 1778745611,version:"14.5.0-develop.14",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: '14.5.0-develop.
|
|
10
|
+
publishDate: 1778745611,
|
|
11
|
+
version: '14.5.0-develop.14',
|
|
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": "14.5.0-develop.
|
|
3
|
+
"version": "14.5.0-develop.14",
|
|
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": "14.5.0-develop.
|
|
32
|
-
"@progress/kendo-react-buttons": "14.5.0-develop.
|
|
33
|
-
"@progress/kendo-react-common": "14.5.0-develop.
|
|
34
|
-
"@progress/kendo-react-dialogs": "14.5.0-develop.
|
|
35
|
-
"@progress/kendo-react-layout": "14.5.0-develop.
|
|
36
|
-
"@progress/kendo-react-intl": "14.5.0-develop.
|
|
37
|
-
"@progress/kendo-react-labels": "14.5.0-develop.
|
|
38
|
-
"@progress/kendo-react-popup": "14.5.0-develop.
|
|
31
|
+
"@progress/kendo-react-animation": "14.5.0-develop.14",
|
|
32
|
+
"@progress/kendo-react-buttons": "14.5.0-develop.14",
|
|
33
|
+
"@progress/kendo-react-common": "14.5.0-develop.14",
|
|
34
|
+
"@progress/kendo-react-dialogs": "14.5.0-develop.14",
|
|
35
|
+
"@progress/kendo-react-layout": "14.5.0-develop.14",
|
|
36
|
+
"@progress/kendo-react-intl": "14.5.0-develop.14",
|
|
37
|
+
"@progress/kendo-react-labels": "14.5.0-develop.14",
|
|
38
|
+
"@progress/kendo-react-popup": "14.5.0-develop.14",
|
|
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": 1778745611,
|
|
86
86
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
87
87
|
}
|
|
88
88
|
},
|
|
@@ -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 { FormComponentProps, DraggableDragEvent } from '@progress/kendo-react-common';
|
|
8
|
+
import { FormComponentProps, DraggableDragEvent, WebMcpProps } from '@progress/kendo-react-common';
|
|
9
9
|
import { Direction } from '../interfaces/Direction';
|
|
10
10
|
import * as React from 'react';
|
|
11
11
|
/**
|
|
@@ -110,6 +110,11 @@ export interface RangeSliderProps extends FormComponentProps {
|
|
|
110
110
|
* This property is related to accessibility.
|
|
111
111
|
*/
|
|
112
112
|
ariaLabelledBy?: string;
|
|
113
|
+
/**
|
|
114
|
+
* Enables Web MCP tool registration for this component.
|
|
115
|
+
* Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
|
|
116
|
+
*/
|
|
117
|
+
webMcp?: boolean | WebMcpProps;
|
|
113
118
|
}
|
|
114
119
|
/**
|
|
115
120
|
* Represents the target(element and props) of the RangeSliderChangeEvent.
|