@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.
Files changed (58) hide show
  1. package/MaskedTextBoxMcpWrapper.d.ts +17 -0
  2. package/MaskedTextBoxMcpWrapper.js +8 -0
  3. package/MaskedTextBoxMcpWrapper.mjs +18 -0
  4. package/README.md +4 -4
  5. package/checkbox/Checkbox.js +1 -1
  6. package/checkbox/Checkbox.mjs +64 -64
  7. package/colors/ColorGradient.js +1 -1
  8. package/colors/ColorGradient.mjs +74 -72
  9. package/colors/ColorInput.js +1 -1
  10. package/colors/ColorInput.mjs +57 -45
  11. package/colors/ColorPalette.js +1 -1
  12. package/colors/ColorPalette.mjs +84 -81
  13. package/colors/ColorPicker.js +1 -1
  14. package/colors/ColorPicker.mjs +203 -190
  15. package/colors/FlatColorPicker.js +1 -1
  16. package/colors/FlatColorPicker.mjs +86 -94
  17. package/colors/interfaces/ColorPickerProps.d.ts +6 -1
  18. package/dist/cdn/js/kendo-react-inputs.js +1 -1
  19. package/index.d.mts +5 -1
  20. package/index.d.ts +5 -1
  21. package/index.js +1 -1
  22. package/index.mjs +92 -89
  23. package/maskedtextbox/MaskedTextBoxProps.d.ts +6 -1
  24. package/messages/index.d.ts +55 -0
  25. package/messages/index.js +1 -1
  26. package/messages/index.mjs +82 -60
  27. package/numerictextbox/NumericTextBox.js +1 -1
  28. package/numerictextbox/NumericTextBox.mjs +190 -188
  29. package/numerictextbox/interfaces/NumericTextBoxProps.d.ts +6 -1
  30. package/package-metadata.js +1 -1
  31. package/package-metadata.mjs +2 -2
  32. package/package.json +10 -10
  33. package/radiobutton/RadioButton.js +1 -1
  34. package/radiobutton/RadioButton.mjs +23 -20
  35. package/radiobutton/interfaces/RadioButtonProps.d.ts +7 -0
  36. package/range-slider/RangeSlider.d.ts +14 -1
  37. package/range-slider/RangeSlider.js +11 -11
  38. package/range-slider/RangeSlider.mjs +188 -185
  39. package/rating/Rating.d.ts +6 -1
  40. package/rating/Rating.js +3 -3
  41. package/rating/Rating.mjs +88 -81
  42. package/signature/Signature.js +1 -1
  43. package/signature/Signature.mjs +127 -129
  44. package/signature/interfaces/SignatureProps.d.ts +6 -1
  45. package/slider/Slider.d.ts +6 -1
  46. package/slider/Slider.js +1 -1
  47. package/slider/Slider.mjs +149 -144
  48. package/slider/SliderLabel.js +1 -1
  49. package/slider/SliderLabel.mjs +3 -2
  50. package/switch/Switch.d.ts +6 -1
  51. package/switch/Switch.js +1 -1
  52. package/switch/Switch.mjs +100 -100
  53. package/textarea/TextArea.js +1 -1
  54. package/textarea/TextArea.mjs +101 -101
  55. package/textarea/interfaces/TextAreaProps.d.ts +6 -1
  56. package/textbox/Textbox.d.ts +20 -1
  57. package/textbox/Textbox.js +1 -1
  58. 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 et, useLocalization as tt } from "@progress/kendo-react-intl";
11
- import { usePropsContext as nt, useId as rt, useCustomComponent as ge, dispatchEvent as Q, useKendoPaste as at, getActiveElement as ve, useIsomorphicLayoutEffect as ot, classNames as st, kendoThemeMaps as ye, getTabIndex as ut, createPropsContext as lt } from "@progress/kendo-react-common";
12
- import { chevronUpIcon as it, chevronDownIcon as ct } from "@progress/kendo-svg-icons";
13
- import { FloatingLabel as dt } from "@progress/kendo-react-labels";
14
- import { numericIncreaseValue as j, messages as A, numericDecreaseValue as K } 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 he } from "./utils/index.mjs";
16
- import { Button as Ee } from "@progress/kendo-react-buttons";
17
- const mt = "Please enter a valid value!", ft = lt(), Se = n.forwardRef(
18
- (k, xe) => {
19
- const _ = nt(
20
- ft,
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: Ie,
24
- value: y,
25
- defaultValue: Le,
23
+ className: Oe,
24
+ value: V,
25
+ defaultValue: Ne,
26
26
  format: o,
27
- width: Z,
28
- tabIndex: Oe,
29
- accessKey: Ne,
30
- title: Pe,
31
- placeholder: ee,
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: te,
35
- name: P,
34
+ dir: ne,
35
+ name: R,
36
36
  label: D,
37
- id: ne,
38
- ariaDescribedBy: De,
39
- ariaLabelledBy: Re,
40
- ariaLabel: Fe,
41
- inputType: Be,
37
+ id: re,
38
+ ariaDescribedBy: Fe,
39
+ ariaLabelledBy: Be,
40
+ ariaLabel: Me,
41
+ inputType: Te,
42
42
  readOnly: g,
43
- validationMessage: H,
44
- children: Me,
43
+ validationMessage: _,
44
+ children: ze,
45
45
  // Removed to support direct use in Form Field component
46
- touched: bt,
47
- visited: pt,
48
- modified: gt,
49
- style: re,
50
- inputStyle: Te,
46
+ touched: gt,
47
+ visited: vt,
48
+ modified: yt,
49
+ style: ae,
50
+ inputStyle: qe,
51
51
  valid: w,
52
- step: V = c.step,
53
- spinners: ze = c.spinners,
52
+ step: C = c.step,
53
+ spinners: U = c.spinners,
54
54
  disabled: u = c.disabled,
55
- required: R = c.required,
56
- validityStyles: ae = c.validityStyles,
57
- prefix: qe = c.prefix,
58
- suffix: Ge = c.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: oe = c.onFocus,
61
- onBlur: se = c.onBlur,
62
- rangeOnEnter: ue = c.rangeOnEnter,
63
- size: S = c.size,
64
- rounded: U = c.rounded,
65
- fillMode: F = c.fillMode,
66
- autoFocus: je = c.autoFocus,
67
- inputAttributes: Ae,
68
- ...le
69
- } = _, Ke = rt(), ie = ne || Ke, s = et(), B = tt(), a = n.useRef(null), M = n.useRef(void 0), [_e, E] = 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 && !u ? i.current.currentLooseValue : X(y, x.current),
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 = I;
75
- const [He] = ge(qe), [we] = ge(Ge);
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
- G().valid ? "" : H || mt
78
+ j().valid ? "" : _ || bt
79
79
  );
80
80
  });
81
- const de = n.useCallback(() => {
81
+ const me = n.useCallback(() => {
82
82
  a.current && a.current.focus();
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]), G = n.useCallback(() => {
84
- const r = H !== void 0, e = z(), b = w !== void 0 ? w : !i.current.valueIsOutOfRange && (!q() || e != null);
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
- }, [H, w, z, q]), W = n.useCallback(() => ae, [ae]), fe = n.useCallback(() => _, [_]), C = n.useCallback(() => {
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: de
93
+ focus: me
94
94
  };
95
- return Object.defineProperty(r, "name", { get: me }), Object.defineProperty(r, "value", { get: z }), Object.defineProperty(r, "validity", { get: G }), Object.defineProperty(r, "validityStyles", { get: W }), Object.defineProperty(r, "required", { get: q }), Object.defineProperty(r, "props", { get: fe }), r;
96
- }, [me, z, G, W, q, de, fe]);
97
- n.useImperativeHandle(xe, C);
98
- const v = n.useCallback(() => ({
99
- eventValue: X(y, x.current),
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: T.current,
109
+ isPaste: z.current,
108
110
  focused: i.current.focused
109
- }), [y]), f = n.useCallback(
111
+ }), [V]), f = n.useCallback(
110
112
  (r, e) => {
111
113
  if (u)
112
114
  return;
113
- M.current = e.eventValue, x.current = e.eventValue;
114
- const b = O(N(e.eventValue, d, m), o, s), l = N(s.parseNumber(b, o), d, m);
115
- l !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = l, x.current = l), y !== e.eventValue && Q(h, r, C(), {
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
- }), M.current = void 0, i.current = e, E((L) => !L);
119
+ }), T.current = void 0, i.current = e, E((O) => !O);
118
120
  },
119
- [y, h, u, E, C]
120
- ), Ue = n.useCallback(
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 = N(e, d, m), l = O(b, o, s), p = {
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
- }, L = {
133
+ }, O = {
132
134
  target: a.current,
133
135
  currentTarget: a.current
134
136
  };
135
- f(L, p);
137
+ f(O, p);
136
138
  },
137
139
  [d, m, o, s, f]
138
140
  );
139
- at(a, {
140
- fieldName: ce,
141
- onValueChange: Ue,
142
- enabled: !!ce
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 = v();
147
- T.current = !1, f(r, Ce(e, o, s));
148
+ const e = y();
149
+ z.current = !1, f(r, he(e, o, s));
148
150
  },
149
- [o, h, s, f, v]
150
- ), We = n.useCallback(
151
+ [o, h, s, f, y]
152
+ ), Ye = n.useCallback(
151
153
  (r) => {
152
154
  if (g || u)
153
155
  return;
154
- let e = v();
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, L = l && r.key === l.decimal;
158
- T.current = !p && !L;
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
- he(b, e, V, d, m, o, s);
165
+ Se(b, e, C, d, m, o, s);
164
166
  break;
165
167
  case 40:
166
- ke(b, e, V, d, m, o, s);
168
+ Ee(b, e, C, d, m, o, s);
167
169
  break;
168
170
  case 13: {
169
- if (ue === !1)
171
+ if (le === !1)
170
172
  return;
171
- const l = O(N(b, d, m), o, s), p = N(s.parseNumber(l, o), d, m);
172
- e.eventValue = p, e.currentLooseValue = O(p, o, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
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 = Ce(e, o, s));
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, V, h, ue, f, v]
186
- ), Ye = n.useCallback(() => {
187
- T.current = !0;
188
- }, []), Y = n.useCallback(
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 = v();
193
- he(
194
+ const e = y();
195
+ Se(
194
196
  s.parseNumber(String(e.currentLooseValue), o),
195
197
  e,
196
- V,
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, V, h, g, u, f, v]
204
- ), J = n.useCallback(
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 = v();
209
- ke(
210
+ const e = y();
211
+ Ee(
210
212
  s.parseNumber(String(e.currentLooseValue), o),
211
213
  e,
212
- V,
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, V, h, g, u, f, v]
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
- i.current.currentLooseValue = $.current, i.current.focused = !0, Q(oe, r, C(), {}), E((e) => !e);
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
- [oe, E, C]
227
+ [J, Q, u, g]
231
228
  ), Xe = n.useCallback(
232
229
  (r) => {
233
- i.current = Ve(), Q(se, r, C(), {}), E((e) => !e);
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
- [se, E, C]
236
- ), Ze = n.useCallback((r) => {
237
+ [ue, E, v]
238
+ ), et = n.useCallback((r) => {
237
239
  if (document && a.current) {
238
- const e = ve(document);
240
+ const e = Ve(document);
239
241
  r.preventDefault(), e !== a.current && a.current.focus();
240
242
  }
241
243
  }, []);
242
- ot(() => {
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 be = !W() || G().valid, pe = /* @__PURE__ */ n.createElement(
247
+ const ge = !Y() || j().valid, ve = /* @__PURE__ */ n.createElement(
246
248
  "span",
247
249
  {
248
- dir: te,
249
- style: D ? re : { width: Z, ...re },
250
- className: st(
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-${ye.sizeMap[S] || S}`]: S,
255
- [`k-input-${F}`]: F,
256
- [`k-rounded-${ye.roundedMap[U] || U}`]: U,
257
- "k-invalid": !be,
258
- "k-required": R,
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
- Ie
263
+ Oe
262
264
  ),
263
265
  "aria-disabled": u ? "true" : void 0,
264
- ...D ? {} : le
266
+ ...D ? {} : ie
265
267
  },
266
- /* @__PURE__ */ n.createElement(He, null),
268
+ /* @__PURE__ */ n.createElement(we, null),
267
269
  /* @__PURE__ */ n.createElement(
268
270
  "input",
269
271
  {
270
272
  role: "spinbutton",
271
- value: I === null ? "" : I,
272
- tabIndex: ut(Oe, u),
273
- accessKey: Ne,
273
+ value: L === null ? "" : L,
274
+ tabIndex: it(Pe, u),
275
+ accessKey: Re,
274
276
  disabled: u,
275
- title: Pe,
277
+ title: De,
276
278
  "aria-disabled": u ? "true" : void 0,
277
- "aria-valuemin": d,
278
- "aria-valuemax": m,
279
- "aria-label": Fe,
280
- "aria-labelledby": Re,
281
- "aria-describedby": De,
282
- "aria-required": R,
283
- placeholder: ee,
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: je,
288
- type: Be || "tel",
289
+ autoFocus: Ae,
290
+ type: Te || "tel",
289
291
  className: "k-input-inner",
290
- id: ie,
291
- name: P,
292
+ id: ce,
293
+ name: R,
292
294
  readOnly: g,
293
- style: Te,
295
+ style: qe,
294
296
  onChange: $e,
295
- onFocus: Qe,
296
- onBlur: Xe,
297
- onKeyDown: We,
298
- onPaste: Ye,
299
- onWheel: Je,
297
+ onFocus: Xe,
298
+ onBlur: Ze,
299
+ onKeyDown: Ye,
300
+ onPaste: Je,
301
+ onWheel: Qe,
300
302
  ref: a,
301
- ...Ae
303
+ ...He
302
304
  }
303
305
  ),
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
- Ee,
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: it,
313
- fillMode: F,
314
- size: S,
314
+ svgIcon: dt,
315
+ fillMode: B,
316
+ size: x,
315
317
  className: "k-spinner-increase",
316
- "aria-label": B.toLanguageString(
317
- j,
318
- A[j]
318
+ "aria-label": M.toLanguageString(
319
+ A,
320
+ H[A]
319
321
  ),
320
- title: B.toLanguageString(
321
- j,
322
- A[j]
322
+ title: M.toLanguageString(
323
+ A,
324
+ H[A]
323
325
  ),
324
- onClick: Y
326
+ onClick: J
325
327
  }
326
328
  ), /* @__PURE__ */ n.createElement(
327
- Ee,
329
+ xe,
328
330
  {
329
331
  tabIndex: -1,
330
332
  type: "button",
331
333
  icon: "chevron-down",
332
- svgIcon: ct,
333
- fillMode: F,
334
- size: S,
334
+ svgIcon: mt,
335
+ fillMode: B,
336
+ size: x,
335
337
  className: "k-spinner-decrease",
336
- "aria-label": B.toLanguageString(
338
+ "aria-label": M.toLanguageString(
337
339
  K,
338
- A[K]
340
+ H[K]
339
341
  ),
340
- title: B.toLanguageString(
342
+ title: M.toLanguageString(
341
343
  K,
342
- A[K]
344
+ H[K]
343
345
  ),
344
- onClick: J
346
+ onClick: Q
345
347
  }
346
348
  ))
347
349
  );
348
350
  return D ? /* @__PURE__ */ n.createElement(
349
- dt,
351
+ ft,
350
352
  {
351
353
  label: D,
352
- editorId: ie,
353
- editorValue: I === null ? "" : I,
354
- editorValid: be,
354
+ editorId: ce,
355
+ editorValue: L === null ? "" : L,
356
+ editorValid: ge,
355
357
  editorDisabled: u,
356
- editorPlaceholder: ee,
357
- children: pe,
358
- style: { width: Z },
359
- dir: te,
360
- ...le
358
+ editorPlaceholder: te,
359
+ children: ve,
360
+ style: { width: ee },
361
+ dir: ne,
362
+ ...ie
361
363
  }
362
- ) : pe;
364
+ ) : ve;
363
365
  }
364
366
  );
365
- Se.propTypes = {
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
- Se.displayName = "KendoNumericTextBox";
431
+ Ie.displayName = "KendoNumericTextBox";
430
432
  export {
431
- Se as NumericTextBox,
432
- ft as NumericTextBoxPropsContext
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 {};
@@ -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: 1778599403,version:"14.5.0-develop.9",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
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;
@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
7
7
  productName: 'KendoReact',
8
8
  productCode: 'KENDOUIREACT',
9
9
  productCodes: ['KENDOUIREACT'],
10
- publishDate: 1778599403,
11
- version: '14.5.0-develop.9',
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": "14.5.0-develop.9",
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": "14.5.0-develop.9",
32
- "@progress/kendo-react-buttons": "14.5.0-develop.9",
33
- "@progress/kendo-react-common": "14.5.0-develop.9",
34
- "@progress/kendo-react-dialogs": "14.5.0-develop.9",
35
- "@progress/kendo-react-layout": "14.5.0-develop.9",
36
- "@progress/kendo-react-intl": "14.5.0-develop.9",
37
- "@progress/kendo-react-labels": "14.5.0-develop.9",
38
- "@progress/kendo-react-popup": "14.5.0-develop.9",
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": 1778599403,
85
+ "publishDate": 1779199504,
86
86
  "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
87
87
  }
88
88
  },