@progress/kendo-react-inputs 7.4.0-develop.1 → 7.4.0-develop.11

package/numerictextbox/NumericTextBox.mjs

@@ -6,410 +6,453 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
-import n from "prop-types";
-import { useInternationalization as ue, useLocalization as ce } from "@progress/kendo-react-intl";
-import { createPropsContext as de, validatePackage as me, usePropsContext as fe, useId as be, useCustomComponent as _, dispatchEvent as B, getActiveElement as H, useIsomorphicLayoutEffect as pe, classNames as ge, kendoThemeMaps as K, getTabIndex as ve } from "@progress/kendo-react-common";
-import { caretAltUpIcon as ye, caretAltDownIcon as Ce } from "@progress/kendo-svg-icons";
-import { FloatingLabel as Ve } from "@progress/kendo-react-labels";
-import { packageMetadata as ke } from "../package-metadata.mjs";
-import { numericIncreaseValue as h, messages as S, numericDecreaseValue as O } from "../messages/index.mjs";
-import { getInitialState as U, formatValue as I, getStateOrPropsValue as F, rangeValue as L, sanitizeNumber as $, decreaseValue as W, increaseValue as Y } from "./utils/index.mjs";
-import { Button as J } from "@progress/kendo-react-buttons";
-const xe = "Please enter a valid value!", Ee = de(), T = r.forwardRef((b, Q) => {
-  me(ke);
-  const e = fe(Ee, b), X = be(), z = e.id || X, s = ue(), y = ce(), l = r.useRef(null), C = r.useRef(), [Z, p] = r.useState(!1), o = r.useRef(U()), V = r.useRef(!1), P = r.useRef(), g = r.useRef(e.defaultValue), v = I(
-    o.current.focused && !e.disabled ? o.current.currentLooseValue : F(e.value, g.current),
-    e.format,
+import * as n from "react";
+import t from "prop-types";
+import { useInternationalization as Ye, useLocalization as Je } from "@progress/kendo-react-intl";
+import { createPropsContext as Qe, validatePackage as Xe, usePropsContext as Ze, useId as et, useCustomComponent as pe, dispatchEvent as Y, getActiveElement as be, useIsomorphicLayoutEffect as tt, classNames as nt, kendoThemeMaps as ge, getTabIndex as rt } from "@progress/kendo-react-common";
+import { caretAltUpIcon as at, caretAltDownIcon as lt } from "@progress/kendo-svg-icons";
+import { FloatingLabel as st } from "@progress/kendo-react-labels";
+import { packageMetadata as ut } from "../package-metadata.mjs";
+import { numericIncreaseValue as R, messages as B, numericDecreaseValue as M } from "../messages/index.mjs";
+import { getInitialState as ve, formatValue as F, getStateOrPropsValue as J, rangeValue as T, sanitizeNumber as ye, decreaseValue as Ve, increaseValue as ke } from "./utils/index.mjs";
+import { Button as Ce } from "@progress/kendo-react-buttons";
+const ot = "Please enter a valid value!", ct = Qe(), Q = n.forwardRef((k, Ee) => {
+  Xe(ut);
+  const z = Ze(ct, k), {
+    className: Se,
+    value: p,
+    defaultValue: xe,
+    step: b,
+    format: l,
+    width: X,
+    tabIndex: he,
+    accessKey: Ie,
+    title: Le,
+    placeholder: Z,
+    min: c,
+    max: i,
+    spinners: Oe,
+    disabled: u,
+    dir: ee,
+    name: G,
+    label: h,
+    id: Pe,
+    prefix: Ne,
+    suffix: De,
+    ariaDescribedBy: Re,
+    validityStyles: te,
+    ariaLabelledBy: Be,
+    required: j,
+    ariaLabel: Me,
+    inputType: Fe,
+    rangeOnEnter: ne,
+    readOnly: g,
+    onChange: C,
+    onFocus: re,
+    onBlur: ae,
+    validationMessage: q,
+    children: Te,
+    size: A,
+    rounded: _,
+    fillMode: le,
+    style: se,
+    inputStyle: ze,
+    valid: H,
+    ...ue
+  } = z, Ge = et(), oe = Pe || Ge, s = Ye(), I = Je(), a = n.useRef(null), L = n.useRef(), [je, E] = n.useState(!1), o = n.useRef(ve()), O = n.useRef(!1), K = n.useRef(), S = n.useRef(xe), x = F(
+    o.current.focused && !u ? o.current.currentLooseValue : J(p, S.current),
+    l,
     s
   );
-  P.current = v;
-  const [ee] = _(e.prefix), [te] = _(e.suffix);
-  r.useEffect(
+  K.current = x;
+  const [qe] = pe(Ne), [Ae] = pe(De);
+  n.useEffect(
     () => {
-      l.current && l.current.setCustomValidity && l.current.setCustomValidity(
-        E().valid ? "" : e.validationMessage || xe
+      a.current && a.current.setCustomValidity && a.current.setCustomValidity(
+        D().valid ? "" : q || ot
       );
     }
   );
-  const q = r.useCallback(
+  const ce = n.useCallback(
     () => {
-      l.current && l.current.focus();
+      a.current && a.current.focus();
     },
     []
-  ), k = r.useCallback(
-    () => C.current !== void 0 ? C.current : F(e.value, g.current),
-    [e.value]
-  ), G = r.useCallback(
-    () => e.name,
-    [e.name]
-  ), x = r.useCallback(
-    () => e.required,
-    [e.required]
-  ), E = r.useCallback(
+  ), P = n.useCallback(
+    () => L.current !== void 0 ? L.current : J(p, S.current),
+    [p]
+  ), ie = n.useCallback(
+    () => G,
+    [G]
+  ), N = n.useCallback(
+    () => j,
+    [j]
+  ), D = n.useCallback(
     () => {
-      const a = e.validationMessage !== void 0, t = k(), m = e.valid !== void 0 ? e.valid : !o.current.valueIsOutOfRange && (!x() || t != null);
+      const r = q !== void 0, e = P(), y = H !== void 0 ? H : !o.current.valueIsOutOfRange && (!N() || e != null);
       return {
-        customError: a,
-        valid: m,
-        valueMissing: t == null
+        customError: r,
+        valid: y,
+        valueMissing: e == null
       };
     },
-    [e.validationMessage, e.valid, k, x]
-  ), N = r.useCallback(
-    () => e.validityStyles,
-    [e.validityStyles]
-  ), j = r.useCallback(
-    () => e,
-    [e]
-  ), d = r.useCallback(
+    [q, H, P, N]
+  ), w = n.useCallback(
+    () => te,
+    [te]
+  ), de = n.useCallback(
+    () => z,
+    [z]
+  ), v = n.useCallback(
     () => {
-      const a = {
-        element: l.current,
-        focus: q
+      const r = {
+        element: a.current,
+        focus: ce
       };
-      return Object.defineProperty(a, "name", { get: G }), Object.defineProperty(a, "value", { get: k }), Object.defineProperty(a, "validity", { get: E }), Object.defineProperty(a, "validityStyles", { get: N }), Object.defineProperty(a, "required", { get: x }), Object.defineProperty(a, "props", { get: j }), a;
+      return Object.defineProperty(r, "name", { get: ie }), Object.defineProperty(r, "value", { get: P }), Object.defineProperty(r, "validity", { get: D }), Object.defineProperty(r, "validityStyles", { get: w }), Object.defineProperty(r, "required", { get: N }), Object.defineProperty(r, "props", { get: de }), r;
     },
-    [G, k, E, N, x, q, j]
+    [ie, P, D, w, N, ce, de]
   );
-  r.useImperativeHandle(Q, d);
-  const u = r.useCallback(
+  n.useImperativeHandle(Ee, v);
+  const m = n.useCallback(
     () => ({
-      eventValue: F(e.value, g.current),
-      prevLooseValue: P.current,
-      currentLooseValue: l.current.value,
-      selectionStart: l.current.selectionStart,
-      selectionEnd: l.current.selectionEnd,
+      eventValue: J(p, S.current),
+      prevLooseValue: K.current,
+      currentLooseValue: a.current.value,
+      selectionStart: a.current.selectionStart,
+      selectionEnd: a.current.selectionEnd,
       decimalSelect: !1,
       valueIsCorrected: !1,
       valueIsOutOfRange: !1,
-      isPaste: V.current,
+      isPaste: O.current,
       focused: o.current.focused
     }),
-    [e.value]
-  ), c = r.useCallback(
-    (a, t) => {
-      if (e.disabled)
+    [p]
+  ), f = n.useCallback(
+    (r, e) => {
+      if (u)
         return;
-      C.current = t.eventValue, g.current = t.eventValue;
-      const m = I(L(t.eventValue, e.min, e.max), e.format, s), i = L(s.parseNumber(m, e.format), e.min, e.max);
-      i !== t.eventValue && (t.valueIsOutOfRange = !0, t.eventValue = i, g.current = i), e.value !== t.eventValue && B(
-        e.onChange,
-        a,
-        d(),
-        { value: t.eventValue }
-      ), C.current = void 0, o.current = t, p((M) => !M);
+      L.current = e.eventValue, S.current = e.eventValue;
+      const y = F(T(e.eventValue, c, i), l, s), d = T(s.parseNumber(y, l), c, i);
+      d !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = d, S.current = d), p !== e.eventValue && Y(
+        C,
+        r,
+        v(),
+        { value: e.eventValue }
+      ), L.current = void 0, o.current = e, E((W) => !W);
     },
-    [e.value, e.onChange, e.disabled, p, d]
-  ), ne = r.useCallback(
-    (a) => {
-      const t = u();
-      V.current = !1, c(a, $(t, e.format, s));
+    [p, C, u, E, v]
+  ), _e = n.useCallback(
+    (r) => {
+      const e = m();
+      O.current = !1, f(r, ye(e, l, s));
     },
-    [e.format, e.onChange, s, c, u]
-  ), re = r.useCallback(
-    (a) => {
-      let t = u();
-      const m = s.parseNumber(String(t.currentLooseValue), e.format);
-      if (t.selectionEnd > t.selectionStart && t.selectionEnd - t.selectionStart === String(t.currentLooseValue).length) {
-        const i = s.numberSymbols(), f = i && a.key === i.minusSign, M = i && a.key === i.decimal;
-        V.current = !f && !M;
+    [l, C, s, f, m]
+  ), He = n.useCallback(
+    (r) => {
+      let e = m();
+      const y = s.parseNumber(String(e.currentLooseValue), l);
+      if (e.selectionEnd > e.selectionStart && e.selectionEnd - e.selectionStart === String(e.currentLooseValue).length) {
+        const d = s.numberSymbols(), V = d && r.key === d.minusSign, W = d && r.key === d.decimal;
+        O.current = !V && !W;
         return;
       }
-      switch (a.keyCode) {
+      switch (r.keyCode) {
         case 38:
-          Y(
-            m,
-            t,
-            e.step,
-            e.min,
-            e.max,
-            e.format,
+          ke(
+            y,
+            e,
+            b,
+            c,
+            i,
+            l,
             s
           );
           break;
         case 40:
-          W(
-            m,
-            t,
-            e.step,
-            e.min,
-            e.max,
-            e.format,
+          Ve(
+            y,
+            e,
+            b,
+            c,
+            i,
+            l,
             s
           );
           break;
         case 13: {
-          if (e.rangeOnEnter === !1)
+          if (ne === !1)
             return;
-          const i = I(L(m, e.min, e.max), e.format, s), f = L(s.parseNumber(i, e.format), e.min, e.max);
-          t.eventValue = f, t.currentLooseValue = I(f, e.format, s), t.selectionStart = t.selectionEnd = t.currentLooseValue.length;
+          const d = F(T(y, c, i), l, s), V = T(s.parseNumber(d, l), c, i);
+          e.eventValue = V, e.currentLooseValue = F(V, l, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
           break;
         }
         case 110: {
-          const i = l.current, f = s.numberSymbols();
-          i && (t.currentLooseValue = t.currentLooseValue.slice(0, t.selectionStart) + f.decimal + t.currentLooseValue.slice(t.selectionEnd), t.selectionStart = t.selectionEnd = t.selectionStart + 1, t = $(t, e.format, s));
+          const d = a.current, V = s.numberSymbols();
+          d && (e.currentLooseValue = e.currentLooseValue.slice(0, e.selectionStart) + V.decimal + e.currentLooseValue.slice(e.selectionEnd), e.selectionStart = e.selectionEnd = e.selectionStart + 1, e = ye(e, l, s));
           break;
         }
         default:
           return;
       }
-      a.preventDefault(), c(a, t);
+      r.preventDefault(), f(r, e);
     },
-    [e.format, e.min, e.max, e.step, e.onChange, e.rangeOnEnter, c, u]
-  ), ae = r.useCallback(
+    [l, c, i, b, C, ne, f, m]
+  ), Ke = n.useCallback(
     () => {
-      V.current = !0;
+      O.current = !0;
     },
     []
-  ), D = r.useCallback(
-    (a) => {
-      if (e.readOnly || e.disabled)
+  ), U = n.useCallback(
+    (r) => {
+      if (g || u)
         return;
-      const t = u();
-      Y(
-        s.parseNumber(String(t.currentLooseValue), e.format),
-        t,
-        e.step,
-        e.min,
-        e.max,
-        e.format,
+      const e = m();
+      ke(
+        s.parseNumber(String(e.currentLooseValue), l),
+        e,
+        b,
+        c,
+        i,
+        l,
         s
-      ), c(a, t);
+      ), f(r, e);
     },
-    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, c, u]
-  ), R = r.useCallback(
-    (a) => {
-      if (e.readOnly || e.disabled)
+    [l, c, i, b, C, g, u, f, m]
+  ), $ = n.useCallback(
+    (r) => {
+      if (g || u)
         return;
-      const t = u();
-      W(
-        s.parseNumber(String(t.currentLooseValue), e.format),
-        t,
-        e.step,
-        e.min,
-        e.max,
-        e.format,
+      const e = m();
+      Ve(
+        s.parseNumber(String(e.currentLooseValue), l),
+        e,
+        b,
+        c,
+        i,
+        l,
         s
-      ), c(a, t);
+      ), f(r, e);
     },
-    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, c, u]
-  ), le = r.useCallback(
-    (a) => {
-      const t = H(document);
-      !document || t !== l.current || !l.current || e.readOnly || e.disabled || (a.nativeEvent.deltaY < 0 && D(a), a.nativeEvent.deltaY > 0 && R(a));
+    [l, c, i, b, C, g, u, f, m]
+  ), we = n.useCallback(
+    (r) => {
+      const e = be(document);
+      !document || e !== a.current || !a.current || g || u || (r.nativeEvent.deltaY < 0 && U(r), r.nativeEvent.deltaY > 0 && $(r));
     },
-    [D, R, e.disabled, e.readOnly]
-  ), se = r.useCallback(
-    (a) => {
-      o.current.currentLooseValue = P.current, o.current.focused = !0, B(
-        e.onFocus,
-        a,
-        d(),
+    [U, $, u, g]
+  ), Ue = n.useCallback(
+    (r) => {
+      o.current.currentLooseValue = K.current, o.current.focused = !0, Y(
+        re,
+        r,
+        v(),
         {}
-      ), p((t) => !t);
+      ), E((e) => !e);
     },
-    [e.onFocus, p, d]
-  ), oe = r.useCallback(
-    (a) => {
-      o.current = U(), B(
-        e.onBlur,
-        a,
-        d(),
+    [re, E, v]
+  ), $e = n.useCallback(
+    (r) => {
+      o.current = ve(), Y(
+        ae,
+        r,
+        v(),
         {}
-      ), p((t) => !t);
+      ), E((e) => !e);
     },
-    [e.onBlur, p, d]
-  ), ie = r.useCallback(
-    (a) => {
-      if (document && l.current) {
-        const t = H(document);
-        a.preventDefault(), t !== l.current && l.current.focus();
+    [ae, E, v]
+  ), We = n.useCallback(
+    (r) => {
+      if (document && a.current) {
+        const e = be(document);
+        r.preventDefault(), e !== a.current && a.current.focus();
       }
     },
     []
   );
-  pe(
+  tt(
     () => {
-      l.current && l.current.type !== "number" && o.current.selectionStart !== void 0 && o.current.selectionEnd !== void 0 && (l.current.selectionStart = o.current.selectionStart, l.current.selectionEnd = o.current.selectionEnd, o.current.selectionStart = void 0, o.current.selectionEnd = void 0);
+      a.current && a.current.type !== "number" && o.current.selectionStart !== void 0 && o.current.selectionEnd !== void 0 && (a.current.selectionStart = o.current.selectionStart, a.current.selectionEnd = o.current.selectionEnd, o.current.selectionStart = void 0, o.current.selectionEnd = void 0);
     },
-    [Z]
+    [je]
   );
-  const w = !N() || E().valid, A = /* @__PURE__ */ r.createElement(
+  const me = !w() || D().valid, fe = /* @__PURE__ */ n.createElement(
     "span",
     {
-      dir: e.dir,
-      style: e.label ? e.style : { width: e.width, ...e.style },
-      className: ge(
+      dir: ee,
+      style: h ? se : { width: X, ...se },
+      className: nt(
         "k-input",
         "k-numerictextbox",
         {
-          [`k-input-${K.sizeMap[e.size] || e.size}`]: e.size,
-          [`k-input-${e.fillMode}`]: e.fillMode,
-          [`k-rounded-${K.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
-          "k-invalid": !w,
-          "k-required": e.required,
-          "k-disabled": e.disabled
+          [`k-input-${ge.sizeMap[A] || A}`]: A,
+          [`k-input-${le}`]: le,
+          [`k-rounded-${ge.roundedMap[_] || _}`]: _,
+          "k-invalid": !me,
+          "k-required": j,
+          "k-disabled": u
         },
-        e.className
+        Se
       ),
-      "aria-disabled": e.disabled ? "true" : void 0
+      "aria-disabled": u ? "true" : void 0,
+      ...h ? {} : ue
     },
-    /* @__PURE__ */ r.createElement(ee, null),
-    /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ n.createElement(qe, null),
+    /* @__PURE__ */ n.createElement(
       "input",
       {
         role: "spinbutton",
-        value: v === null ? "" : v,
-        tabIndex: ve(e.tabIndex, e.disabled),
-        accessKey: e.accessKey,
-        disabled: e.disabled,
-        title: e.title,
-        "aria-disabled": e.disabled ? "true" : void 0,
-        "aria-valuemin": e.min,
-        "aria-valuemax": e.max,
-        "aria-label": e.ariaLabel,
-        "aria-labelledby": e.ariaLabelledBy,
-        "aria-describedby": e.ariaDescribedBy,
-        placeholder: e.placeholder,
+        value: x === null ? "" : x,
+        tabIndex: rt(he, u),
+        accessKey: Ie,
+        disabled: u,
+        title: Le,
+        "aria-disabled": u ? "true" : void 0,
+        "aria-valuemin": c,
+        "aria-valuemax": i,
+        "aria-label": Me,
+        "aria-labelledby": Be,
+        "aria-describedby": Re,
+        placeholder: Z,
         spellCheck: !1,
         autoComplete: "off",
         autoCorrect: "off",
-        type: e.inputType || "tel",
+        type: Fe || "tel",
         className: "k-input-inner",
-        id: z,
-        name: e.name,
-        readOnly: e.readOnly,
-        style: e.inputStyle,
-        onChange: ne,
-        onFocus: se,
-        onBlur: oe,
-        onKeyDown: re,
-        onPaste: ae,
-        onWheel: le,
-        ref: l
+        id: oe,
+        name: G,
+        readOnly: g,
+        style: ze,
+        onChange: _e,
+        onFocus: Ue,
+        onBlur: $e,
+        onKeyDown: He,
+        onPaste: Ke,
+        onWheel: we,
+        ref: a
       }
     ),
-    /* @__PURE__ */ r.createElement(te, null),
-    e.children,
-    e.spinners && /* @__PURE__ */ r.createElement(
+    /* @__PURE__ */ n.createElement(Ae, null),
+    Te,
+    Oe && /* @__PURE__ */ n.createElement(
       "span",
       {
         className: "k-input-spinner k-spin-button",
-        onMouseDown: ie
+        onMouseDown: We
       },
-      /* @__PURE__ */ r.createElement(
-        J,
+      /* @__PURE__ */ n.createElement(
+        Ce,
         {
           tabIndex: -1,
           type: "button",
           icon: "caret-alt-up",
-          svgIcon: ye,
+          svgIcon: at,
           rounded: null,
           className: "k-spinner-increase",
-          "aria-label": y.toLanguageString(h, S[h]),
-          title: y.toLanguageString(h, S[h]),
-          onClick: D
+          "aria-label": I.toLanguageString(R, B[R]),
+          title: I.toLanguageString(R, B[R]),
+          onClick: U
         }
       ),
-      /* @__PURE__ */ r.createElement(
-        J,
+      /* @__PURE__ */ n.createElement(
+        Ce,
         {
           tabIndex: -1,
           type: "button",
           icon: "caret-alt-down",
-          svgIcon: Ce,
+          svgIcon: lt,
           rounded: null,
           className: "k-spinner-decrease",
-          "aria-label": y.toLanguageString(O, S[O]),
-          title: y.toLanguageString(O, S[O]),
-          onClick: R
+          "aria-label": I.toLanguageString(M, B[M]),
+          title: I.toLanguageString(M, B[M]),
+          onClick: $
         }
       )
     )
   );
-  return e.label ? /* @__PURE__ */ r.createElement(
-    Ve,
+  return h ? /* @__PURE__ */ n.createElement(
+    st,
     {
-      label: e.label,
-      editorId: z,
-      editorValue: v === null ? "" : v,
-      editorValid: w,
-      editorDisabled: e.disabled,
-      editorPlaceholder: e.placeholder,
-      children: A,
-      style: { width: e.width },
-      dir: e.dir
+      label: h,
+      editorId: oe,
+      editorValue: x === null ? "" : x,
+      editorValid: me,
+      editorDisabled: u,
+      editorPlaceholder: Z,
+      children: fe,
+      style: { width: X },
+      dir: ee,
+      ...ue
     }
-  ) : A;
+  ) : fe;
 });
-T.propTypes = {
-  value: n.number,
-  defaultValue: n.number,
-  step: n.number,
-  format: n.oneOfType([
-    n.string,
-    n.shape({
-      style: n.oneOf(["decimal", "currency", "percent", "scientific", "accounting"]),
-      currency: n.string,
-      currencyDisplay: n.oneOf(["symbol", "code", "name"]),
-      useGrouping: n.bool,
-      minimumIntegerDigits: n.number,
-      minimumFractionDigits: n.number,
-      maximumFractionDigits: n.number
+Q.propTypes = {
+  value: t.number,
+  defaultValue: t.number,
+  step: t.number,
+  format: t.oneOfType([
+    t.string,
+    t.shape({
+      style: t.oneOf(["decimal", "currency", "percent", "scientific", "accounting"]),
+      currency: t.string,
+      currencyDisplay: t.oneOf(["symbol", "code", "name"]),
+      useGrouping: t.bool,
+      minimumIntegerDigits: t.number,
+      minimumFractionDigits: t.number,
+      maximumFractionDigits: t.number
     })
   ]),
-  width: n.oneOfType([
-    n.string,
-    n.number
+  width: t.oneOfType([
+    t.string,
+    t.number
   ]),
-  tabIndex: n.number,
-  accessKey: n.string,
-  title: n.string,
-  placeholder: n.string,
-  min: n.number,
-  max: n.number,
-  spinners: n.bool,
-  disabled: n.bool,
-  readOnly: n.bool,
-  dir: n.string,
-  name: n.string,
-  label: n.string,
-  validationMessage: n.string,
-  required: n.bool,
-  id: n.string,
-  rangeOnEnter: n.bool,
-  ariaLabelledBy: n.string,
-  ariaDescribedBy: n.string,
-  ariaLabel: n.string,
-  onChange: n.func,
-  onFocus: n.func,
-  onBlur: n.func,
-  size: n.oneOf([null, "small", "medium", "large"]),
-  rounded: n.oneOf([null, "small", "medium", "large", "full"]),
-  fillMode: n.oneOf([null, "solid", "flat", "outline"])
+  tabIndex: t.number,
+  accessKey: t.string,
+  title: t.string,
+  placeholder: t.string,
+  min: t.number,
+  max: t.number,
+  spinners: t.bool,
+  disabled: t.bool,
+  readOnly: t.bool,
+  dir: t.string,
+  name: t.string,
+  label: t.string,
+  validationMessage: t.string,
+  required: t.bool,
+  id: t.string,
+  rangeOnEnter: t.bool,
+  ariaLabelledBy: t.string,
+  ariaDescribedBy: t.string,
+  ariaLabel: t.string,
+  onChange: t.func,
+  onFocus: t.func,
+  onBlur: t.func,
+  size: t.oneOf([null, "small", "medium", "large"]),
+  rounded: t.oneOf([null, "small", "medium", "large", "full"]),
+  fillMode: t.oneOf([null, "solid", "flat", "outline"])
 };
-T.displayName = "KendoNumericTextBox";
-T.defaultProps = {
-  prefix: (b) => null,
-  suffix: (b) => null,
+Q.displayName = "KendoNumericTextBox";
+Q.defaultProps = {
+  prefix: (k) => null,
+  suffix: (k) => null,
   step: 1,
   spinners: !0,
   disabled: !1,
   required: !1,
   validityStyles: !0,
   rangeOnEnter: !0,
-  onChange: (b) => {
+  onChange: (k) => {
   },
-  onFocus: (b) => {
+  onFocus: (k) => {
   },
-  onBlur: (b) => {
+  onBlur: (k) => {
   },
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
 export {
-  T as NumericTextBox,
-  Ee as NumericTextBoxPropsContext
+  Q as NumericTextBox,
+  ct as NumericTextBoxPropsContext
 };