@progress/kendo-react-inputs 14.5.0-develop.12 → 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.
Files changed (39) hide show
  1. package/MaskedTextBoxMcpWrapper.d.ts +17 -0
  2. package/MaskedTextBoxMcpWrapper.js +8 -0
  3. package/MaskedTextBoxMcpWrapper.mjs +18 -0
  4. package/colors/ColorPicker.js +1 -1
  5. package/colors/ColorPicker.mjs +194 -183
  6. package/colors/interfaces/ColorPickerProps.d.ts +6 -1
  7. package/dist/cdn/js/kendo-react-inputs.js +1 -1
  8. package/index.d.mts +5 -1
  9. package/index.d.ts +5 -1
  10. package/index.js +1 -1
  11. package/index.mjs +92 -89
  12. package/maskedtextbox/MaskedTextBoxProps.d.ts +6 -1
  13. package/numerictextbox/NumericTextBox.js +1 -1
  14. package/numerictextbox/NumericTextBox.mjs +170 -168
  15. package/numerictextbox/interfaces/NumericTextBoxProps.d.ts +6 -1
  16. package/package-metadata.js +1 -1
  17. package/package-metadata.mjs +2 -2
  18. package/package.json +10 -10
  19. package/range-slider/RangeSlider.d.ts +6 -1
  20. package/range-slider/RangeSlider.js +2 -2
  21. package/range-slider/RangeSlider.mjs +43 -43
  22. package/rating/Rating.d.ts +6 -1
  23. package/rating/Rating.js +2 -2
  24. package/rating/Rating.mjs +62 -62
  25. package/signature/Signature.js +1 -1
  26. package/signature/Signature.mjs +94 -92
  27. package/signature/interfaces/SignatureProps.d.ts +6 -1
  28. package/slider/Slider.d.ts +6 -1
  29. package/slider/Slider.js +1 -1
  30. package/slider/Slider.mjs +131 -134
  31. package/switch/Switch.d.ts +6 -1
  32. package/switch/Switch.js +1 -1
  33. package/switch/Switch.mjs +88 -86
  34. package/textarea/TextArea.js +1 -1
  35. package/textarea/TextArea.mjs +97 -95
  36. package/textarea/interfaces/TextAreaProps.d.ts +6 -1
  37. package/textbox/Textbox.d.ts +20 -1
  38. package/textbox/Textbox.js +1 -1
  39. 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 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 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: Ie,
24
- value: y,
25
- defaultValue: Le,
23
+ className: Le,
24
+ value: V,
25
+ defaultValue: Oe,
26
26
  format: o,
27
27
  width: Z,
28
- tabIndex: Oe,
29
- accessKey: Ne,
30
- title: Pe,
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: P,
35
+ name: R,
36
36
  label: D,
37
37
  id: ne,
38
38
  ariaDescribedBy: De,
39
- ariaLabelledBy: Re,
40
- ariaLabel: Fe,
41
- inputType: Be,
39
+ ariaLabelledBy: Fe,
40
+ ariaLabel: Be,
41
+ inputType: Me,
42
42
  readOnly: g,
43
- validationMessage: H,
44
- children: Me,
43
+ validationMessage: _,
44
+ children: Te,
45
45
  // Removed to support direct use in Form Field component
46
- touched: bt,
47
- visited: pt,
48
- modified: gt,
46
+ touched: gt,
47
+ visited: vt,
48
+ modified: yt,
49
49
  style: re,
50
- inputStyle: Te,
50
+ inputStyle: ze,
51
51
  valid: w,
52
- step: V = c.step,
53
- spinners: ze = c.spinners,
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,
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,
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
- } = _, 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),
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
- $.current = I;
75
- const [He] = ge(qe), [we] = ge(Ge);
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
- G().valid ? "" : H || mt
78
+ j().valid ? "" : _ || bt
79
79
  );
80
80
  });
81
81
  const de = 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 : 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
- }, [H, w, z, q]), W = n.useCallback(() => ae, [ae]), fe = n.useCallback(() => _, [_]), C = n.useCallback(() => {
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: 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),
100
- prevLooseValue: $.current,
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: T.current,
108
- focused: i.current.focused
109
- }), [y]), f = n.useCallback(
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
- 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 && Q(h, r, v(), {
116
118
  value: e.eventValue
117
- }), M.current = void 0, i.current = e, E((L) => !L);
119
+ }), T.current = void 0, c.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 = {
126
- ...i.current,
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
- }, 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: ie,
143
+ onValueChange: We,
144
+ enabled: !!ie
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, ke(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
+ Ee(b, e, C, d, m, o, s);
164
166
  break;
165
167
  case 40:
166
- ke(b, e, V, d, m, o, s);
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 = 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 = 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, V, h, ue, f, v]
186
- ), Ye = n.useCallback(() => {
187
- T.current = !0;
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 = v();
193
- he(
194
+ const e = y();
195
+ Ee(
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]
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 = v();
209
- ke(
210
+ const e = y();
211
+ he(
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
+ [o, d, m, C, h, g, u, f, y]
222
+ ), Qe = n.useCallback(
221
223
  (r) => {
222
- const e = ve(document);
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
- ), Qe = n.useCallback(
228
+ ), Xe = n.useCallback(
227
229
  (r) => {
228
- i.current.currentLooseValue = $.current, i.current.focused = !0, Q(oe, r, C(), {}), E((e) => !e);
230
+ c.current.currentLooseValue = W.current, c.current.focused = !0, Q(oe, r, v(), {}), E((e) => !e);
229
231
  },
230
- [oe, E, C]
231
- ), Xe = n.useCallback(
232
+ [oe, E, v]
233
+ ), Ze = n.useCallback(
232
234
  (r) => {
233
- i.current = Ve(), Q(se, r, C(), {}), E((e) => !e);
235
+ c.current = Ce(), Q(se, r, v(), {}), E((e) => !e);
234
236
  },
235
- [se, E, C]
236
- ), Ze = n.useCallback((r) => {
237
+ [se, E, v]
238
+ ), et = n.useCallback((r) => {
237
239
  if (document && a.current) {
238
- const e = ve(document);
240
+ const e = ye(document);
239
241
  r.preventDefault(), e !== a.current && a.current.focus();
240
242
  }
241
243
  }, []);
242
- ot(() => {
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);
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 be = !W() || G().valid, pe = /* @__PURE__ */ n.createElement(
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: st(
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-${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
- Ie
263
+ Le
262
264
  ),
263
265
  "aria-disabled": u ? "true" : void 0,
264
266
  ...D ? {} : le
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: ct(Ne, u),
275
+ accessKey: Pe,
274
276
  disabled: u,
275
- title: Pe,
277
+ title: Re,
276
278
  "aria-disabled": u ? "true" : void 0,
277
279
  "aria-valuemin": d,
278
280
  "aria-valuemax": m,
279
- "aria-label": Fe,
280
- "aria-labelledby": Re,
281
+ "aria-label": Be,
282
+ "aria-labelledby": Fe,
281
283
  "aria-describedby": De,
282
- "aria-required": R,
284
+ "aria-required": F,
283
285
  placeholder: ee,
284
286
  spellCheck: !1,
285
287
  autoComplete: "off",
286
288
  autoCorrect: "off",
287
- autoFocus: je,
288
- type: Be || "tel",
289
+ autoFocus: Ae,
290
+ type: Me || "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: ze,
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
+ 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: 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
326
  onClick: Y
325
327
  }
326
328
  ), /* @__PURE__ */ n.createElement(
327
- Ee,
329
+ Se,
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
346
  onClick: J
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: pe,
355
357
  editorDisabled: u,
356
358
  editorPlaceholder: ee,
357
- children: pe,
359
+ children: ge,
358
360
  style: { width: Z },
359
361
  dir: te,
360
362
  ...le
361
363
  }
362
- ) : pe;
364
+ ) : ge;
363
365
  }
364
366
  );
365
- Se.propTypes = {
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 c = {
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
- Se.displayName = "KendoNumericTextBox";
431
+ xe.displayName = "KendoNumericTextBox";
430
432
  export {
431
- Se as NumericTextBox,
432
- ft as NumericTextBoxPropsContext
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 {};
@@ -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: 1778676835,version:"14.5.0-develop.12",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: 1778745611,version:"14.5.0-develop.14",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: 1778676835,
11
- version: '14.5.0-develop.12',
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.12",
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.12",
32
- "@progress/kendo-react-buttons": "14.5.0-develop.12",
33
- "@progress/kendo-react-common": "14.5.0-develop.12",
34
- "@progress/kendo-react-dialogs": "14.5.0-develop.12",
35
- "@progress/kendo-react-layout": "14.5.0-develop.12",
36
- "@progress/kendo-react-intl": "14.5.0-develop.12",
37
- "@progress/kendo-react-labels": "14.5.0-develop.12",
38
- "@progress/kendo-react-popup": "14.5.0-develop.12",
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": 1778676835,
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.