@progress/kendo-react-inputs 9.0.0-develop.2 → 9.0.0-develop.3

package/numerictextbox/NumericTextBox.mjs

@@ -16,107 +16,84 @@ import { packageMetadata as it } from "../package-metadata.mjs";
 import { numericIncreaseValue as M, messages as T, numericDecreaseValue as z } from "../messages/index.mjs";
 import { getInitialState as ve, formatValue as q, getStateOrPropsValue as X, rangeValue as G, sanitizeNumber as ye, decreaseValue as Ve, increaseValue as ke } from "./utils/index.mjs";
 import { Button as Ce } from "@progress/kendo-react-buttons";
-const ct = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) => {
-  et(it);
-  const j = tt(dt, C), {
-    className: xe,
-    value: b,
-    defaultValue: he,
-    format: l,
-    width: Z,
-    tabIndex: Ie,
-    accessKey: Oe,
-    title: Le,
-    placeholder: ee,
-    min: c,
-    max: d,
-    dir: te,
-    name: A,
-    label: I,
-    id: Pe,
-    ariaDescribedBy: Ne,
-    ariaLabelledBy: De,
-    ariaLabel: Re,
-    inputType: Fe,
-    readOnly: g,
-    validationMessage: _,
-    children: Be,
-    style: ne,
-    inputStyle: Me,
-    valid: H,
-    step: v = u.step,
-    spinners: Te = u.spinners,
-    disabled: o = u.disabled,
-    required: O = u.required,
-    validityStyles: re = u.validityStyles,
-    prefix: ze = u.prefix,
-    suffix: qe = u.suffix,
-    onChange: E = u.onChange,
-    onFocus: ae = u.onFocus,
-    onBlur: le = u.onBlur,
-    rangeOnEnter: se = u.rangeOnEnter,
-    size: K = u.size,
-    rounded: w = u.rounded,
-    fillMode: L = u.fillMode,
-    autoFocus: Ge = u.autoFocus,
-    ...oe
-  } = j, je = nt(), ue = Pe || je, s = Qe(), P = Xe(), a = n.useRef(null), N = n.useRef(), [Ae, S] = n.useState(!1), i = n.useRef(ve()), D = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = q(
-    i.current.focused && !o ? i.current.currentLooseValue : X(b, x.current),
-    l,
-    s
-  );
-  U.current = h;
-  const [_e] = pe(ze), [He] = pe(qe);
-  n.useEffect(
-    () => {
+const ct = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef(
+  (C, Se) => {
+    et(it);
+    const j = tt(
+      dt,
+      C
+    ), {
+      className: xe,
+      value: b,
+      defaultValue: he,
+      format: l,
+      width: Z,
+      tabIndex: Ie,
+      accessKey: Oe,
+      title: Le,
+      placeholder: ee,
+      min: c,
+      max: d,
+      dir: te,
+      name: A,
+      label: I,
+      id: Pe,
+      ariaDescribedBy: Ne,
+      ariaLabelledBy: De,
+      ariaLabel: Re,
+      inputType: Fe,
+      readOnly: g,
+      validationMessage: _,
+      children: Be,
+      style: ne,
+      inputStyle: Me,
+      valid: H,
+      step: v = u.step,
+      spinners: Te = u.spinners,
+      disabled: o = u.disabled,
+      required: O = u.required,
+      validityStyles: re = u.validityStyles,
+      prefix: ze = u.prefix,
+      suffix: qe = u.suffix,
+      onChange: E = u.onChange,
+      onFocus: ae = u.onFocus,
+      onBlur: le = u.onBlur,
+      rangeOnEnter: se = u.rangeOnEnter,
+      size: K = u.size,
+      rounded: w = u.rounded,
+      fillMode: L = u.fillMode,
+      autoFocus: Ge = u.autoFocus,
+      ...oe
+    } = j, je = nt(), ue = Pe || je, s = Qe(), P = Xe(), a = n.useRef(null), N = n.useRef(), [Ae, S] = n.useState(!1), i = n.useRef(ve()), D = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = q(
+      i.current.focused && !o ? i.current.currentLooseValue : X(b, x.current),
+      l,
+      s
+    );
+    U.current = h;
+    const [_e] = pe(ze), [He] = pe(qe);
+    n.useEffect(() => {
       a.current && a.current.setCustomValidity && a.current.setCustomValidity(
         B().valid ? "" : _ || ct
       );
-    }
-  );
-  const ie = n.useCallback(
-    () => {
+    });
+    const ie = n.useCallback(() => {
       a.current && a.current.focus();
-    },
-    []
-  ), R = n.useCallback(
-    () => N.current !== void 0 ? N.current : X(b, x.current),
-    [b]
-  ), ce = n.useCallback(
-    () => A,
-    [A]
-  ), F = n.useCallback(
-    () => O,
-    [O]
-  ), B = n.useCallback(
-    () => {
+    }, []), R = n.useCallback(() => N.current !== void 0 ? N.current : X(b, x.current), [b]), ce = n.useCallback(() => A, [A]), F = n.useCallback(() => O, [O]), B = n.useCallback(() => {
       const r = _ !== void 0, e = R(), V = H !== void 0 ? H : !i.current.valueIsOutOfRange && (!F() || e != null);
       return {
         customError: r,
         valid: V,
         valueMissing: e == null
       };
-    },
-    [_, H, R, F]
-  ), $ = n.useCallback(
-    () => re,
-    [re]
-  ), de = n.useCallback(
-    () => j,
-    [j]
-  ), y = n.useCallback(
-    () => {
+    }, [_, H, R, F]), $ = n.useCallback(() => re, [re]), de = n.useCallback(() => j, [j]), y = n.useCallback(() => {
       const r = {
         element: a.current,
         focus: ie
       };
       return Object.defineProperty(r, "name", { get: ce }), Object.defineProperty(r, "value", { get: R }), Object.defineProperty(r, "validity", { get: B }), Object.defineProperty(r, "validityStyles", { get: $ }), Object.defineProperty(r, "required", { get: F }), Object.defineProperty(r, "props", { get: de }), r;
-    },
-    [ce, R, B, $, F, ie, de]
-  );
-  n.useImperativeHandle(Se, y);
-  const f = n.useCallback(
-    () => ({
+    }, [ce, R, B, $, F, ie, de]);
+    n.useImperativeHandle(Se, y);
+    const f = n.useCallback(() => ({
       eventValue: X(b, x.current),
       prevLooseValue: U.current,
       currentLooseValue: a.current.value,
@@ -127,223 +104,177 @@ const ct = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
       valueIsOutOfRange: !1,
       isPaste: D.current,
       focused: i.current.focused
-    }),
-    [b]
-  ), p = n.useCallback(
-    (r, e) => {
-      if (o)
-        return;
-      N.current = e.eventValue, x.current = e.eventValue;
-      const V = q(G(e.eventValue, c, d), l, s), m = G(s.parseNumber(V, l), c, d);
-      m !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = m, x.current = m), b !== e.eventValue && Q(
-        E,
-        r,
-        y(),
-        { value: e.eventValue }
-      ), N.current = void 0, i.current = e, S((J) => !J);
-    },
-    [b, E, o, S, y]
-  ), Ke = n.useCallback(
-    (r) => {
-      const e = f();
-      D.current = !1, p(r, ye(e, l, s));
-    },
-    [l, E, s, p, f]
-  ), we = n.useCallback(
-    (r) => {
-      let e = f();
-      const V = s.parseNumber(String(e.currentLooseValue), l);
-      if (e.selectionEnd > e.selectionStart && e.selectionEnd - e.selectionStart === String(e.currentLooseValue).length) {
-        const m = s.numberSymbols(), k = m && r.key === m.minusSign, J = m && r.key === m.decimal;
-        D.current = !k && !J;
-        return;
-      }
-      switch (r.keyCode) {
-        case 38:
-          ke(
-            V,
-            e,
-            v,
-            c,
-            d,
-            l,
-            s
-          );
-          break;
-        case 40:
-          Ve(
-            V,
-            e,
-            v,
-            c,
-            d,
-            l,
-            s
-          );
-          break;
-        case 13: {
-          if (se === !1)
-            return;
-          const m = q(G(V, c, d), l, s), k = G(s.parseNumber(m, l), c, d);
-          e.eventValue = k, e.currentLooseValue = q(k, l, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
-          break;
+    }), [b]), p = n.useCallback(
+      (r, e) => {
+        if (o)
+          return;
+        N.current = e.eventValue, x.current = e.eventValue;
+        const V = q(G(e.eventValue, c, d), l, s), m = G(s.parseNumber(V, l), c, d);
+        m !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = m, x.current = m), b !== e.eventValue && Q(E, r, y(), {
+          value: e.eventValue
+        }), N.current = void 0, i.current = e, S((J) => !J);
+      },
+      [b, E, o, S, y]
+    ), Ke = n.useCallback(
+      (r) => {
+        const e = f();
+        D.current = !1, p(r, ye(e, l, s));
+      },
+      [l, E, s, p, f]
+    ), we = n.useCallback(
+      (r) => {
+        let e = f();
+        const V = s.parseNumber(String(e.currentLooseValue), l);
+        if (e.selectionEnd > e.selectionStart && e.selectionEnd - e.selectionStart === String(e.currentLooseValue).length) {
+          const m = s.numberSymbols(), k = m && r.key === m.minusSign, J = m && r.key === m.decimal;
+          D.current = !k && !J;
+          return;
         }
-        case 110: {
-          const m = a.current, k = s.numberSymbols();
-          m && (e.currentLooseValue = e.currentLooseValue.slice(0, e.selectionStart) + k.decimal + e.currentLooseValue.slice(e.selectionEnd), e.selectionStart = e.selectionEnd = e.selectionStart + 1, e = ye(e, l, s));
-          break;
+        switch (r.keyCode) {
+          case 38:
+            ke(V, e, v, c, d, l, s);
+            break;
+          case 40:
+            Ve(V, e, v, c, d, l, s);
+            break;
+          case 13: {
+            if (se === !1)
+              return;
+            const m = q(G(V, c, d), l, s), k = G(s.parseNumber(m, l), c, d);
+            e.eventValue = k, e.currentLooseValue = q(k, l, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
+            break;
+          }
+          case 110: {
+            const m = a.current, k = s.numberSymbols();
+            m && (e.currentLooseValue = e.currentLooseValue.slice(0, e.selectionStart) + k.decimal + e.currentLooseValue.slice(e.selectionEnd), e.selectionStart = e.selectionEnd = e.selectionStart + 1, e = ye(e, l, s));
+            break;
+          }
+          default:
+            return;
         }
-        default:
-          return;
-      }
-      r.preventDefault(), p(r, e);
-    },
-    [l, c, d, v, E, se, p, f]
-  ), Ue = n.useCallback(
-    () => {
+        r.preventDefault(), p(r, e);
+      },
+      [l, c, d, v, E, se, p, f]
+    ), Ue = n.useCallback(() => {
       D.current = !0;
-    },
-    []
-  ), W = n.useCallback(
-    (r) => {
-      if (g || o)
-        return;
-      const e = f();
-      ke(
-        s.parseNumber(String(e.currentLooseValue), l),
-        e,
-        v,
-        c,
-        d,
-        l,
-        s
-      ), p(r, e);
-    },
-    [l, c, d, v, E, g, o, p, f]
-  ), Y = n.useCallback(
-    (r) => {
-      if (g || o)
-        return;
-      const e = f();
-      Ve(
-        s.parseNumber(String(e.currentLooseValue), l),
-        e,
-        v,
-        c,
-        d,
-        l,
-        s
-      ), p(r, e);
-    },
-    [l, c, d, v, E, g, o, p, f]
-  ), $e = n.useCallback(
-    (r) => {
-      const e = be(document);
-      !document || e !== a.current || !a.current || g || o || (r.nativeEvent.deltaY < 0 && W(r), r.nativeEvent.deltaY > 0 && Y(r));
-    },
-    [W, Y, o, g]
-  ), We = n.useCallback(
-    (r) => {
-      i.current.currentLooseValue = U.current, i.current.focused = !0, Q(
-        ae,
-        r,
-        y(),
-        {}
-      ), S((e) => !e);
-    },
-    [ae, S, y]
-  ), Ye = n.useCallback(
-    (r) => {
-      i.current = ve(), Q(
-        le,
-        r,
-        y(),
-        {}
-      ), S((e) => !e);
-    },
-    [le, S, y]
-  ), Je = n.useCallback(
-    (r) => {
+    }, []), W = n.useCallback(
+      (r) => {
+        if (g || o)
+          return;
+        const e = f();
+        ke(
+          s.parseNumber(String(e.currentLooseValue), l),
+          e,
+          v,
+          c,
+          d,
+          l,
+          s
+        ), p(r, e);
+      },
+      [l, c, d, v, E, g, o, p, f]
+    ), Y = n.useCallback(
+      (r) => {
+        if (g || o)
+          return;
+        const e = f();
+        Ve(
+          s.parseNumber(String(e.currentLooseValue), l),
+          e,
+          v,
+          c,
+          d,
+          l,
+          s
+        ), p(r, e);
+      },
+      [l, c, d, v, E, g, o, p, f]
+    ), $e = n.useCallback(
+      (r) => {
+        const e = be(document);
+        !document || e !== a.current || !a.current || g || o || (r.nativeEvent.deltaY < 0 && W(r), r.nativeEvent.deltaY > 0 && Y(r));
+      },
+      [W, Y, o, g]
+    ), We = n.useCallback(
+      (r) => {
+        i.current.currentLooseValue = U.current, i.current.focused = !0, Q(ae, r, y(), {}), S((e) => !e);
+      },
+      [ae, S, y]
+    ), Ye = n.useCallback(
+      (r) => {
+        i.current = ve(), Q(le, r, y(), {}), S((e) => !e);
+      },
+      [le, S, y]
+    ), Je = n.useCallback((r) => {
       if (document && a.current) {
         const e = be(document);
         r.preventDefault(), e !== a.current && a.current.focus();
       }
-    },
-    []
-  );
-  rt(
-    () => {
+    }, []);
+    rt(() => {
       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);
-    },
-    [Ae]
-  );
-  const me = !$() || B().valid, fe = /* @__PURE__ */ n.createElement(
-    "span",
-    {
-      dir: te,
-      style: I ? ne : { width: Z, ...ne },
-      className: at(
-        "k-input",
-        "k-numerictextbox",
-        {
-          [`k-input-${ge.sizeMap[K] || K}`]: K,
-          [`k-input-${L}`]: L,
-          [`k-rounded-${ge.roundedMap[w] || w}`]: w,
-          "k-invalid": !me,
-          "k-required": O,
-          "k-disabled": o
-        },
-        xe
-      ),
-      "aria-disabled": o ? "true" : void 0,
-      ...I ? {} : oe
-    },
-    /* @__PURE__ */ n.createElement(_e, null),
-    /* @__PURE__ */ n.createElement(
-      "input",
-      {
-        role: "spinbutton",
-        value: h === null ? "" : h,
-        tabIndex: lt(Ie, o),
-        accessKey: Oe,
-        disabled: o,
-        title: Le,
-        "aria-disabled": o ? "true" : void 0,
-        "aria-valuemin": c,
-        "aria-valuemax": d,
-        "aria-label": Re,
-        "aria-labelledby": De,
-        "aria-describedby": Ne,
-        "aria-required": O,
-        placeholder: ee,
-        spellCheck: !1,
-        autoComplete: "off",
-        autoCorrect: "off",
-        autoFocus: Ge,
-        type: Fe || "tel",
-        className: "k-input-inner",
-        id: ue,
-        name: A,
-        readOnly: g,
-        style: Me,
-        onChange: Ke,
-        onFocus: We,
-        onBlur: Ye,
-        onKeyDown: we,
-        onPaste: Ue,
-        onWheel: $e,
-        ref: a
-      }
-    ),
-    /* @__PURE__ */ n.createElement(He, null),
-    Be,
-    Te && /* @__PURE__ */ n.createElement(
+    }, [Ae]);
+    const me = !$() || B().valid, fe = /* @__PURE__ */ n.createElement(
       "span",
       {
-        className: "k-input-spinner k-spin-button",
-        onMouseDown: Je
+        dir: te,
+        style: I ? ne : { width: Z, ...ne },
+        className: at(
+          "k-input",
+          "k-numerictextbox",
+          {
+            [`k-input-${ge.sizeMap[K] || K}`]: K,
+            [`k-input-${L}`]: L,
+            [`k-rounded-${ge.roundedMap[w] || w}`]: w,
+            "k-invalid": !me,
+            "k-required": O,
+            "k-disabled": o
+          },
+          xe
+        ),
+        "aria-disabled": o ? "true" : void 0,
+        ...I ? {} : oe
       },
+      /* @__PURE__ */ n.createElement(_e, null),
       /* @__PURE__ */ n.createElement(
+        "input",
+        {
+          role: "spinbutton",
+          value: h === null ? "" : h,
+          tabIndex: lt(Ie, o),
+          accessKey: Oe,
+          disabled: o,
+          title: Le,
+          "aria-disabled": o ? "true" : void 0,
+          "aria-valuemin": c,
+          "aria-valuemax": d,
+          "aria-label": Re,
+          "aria-labelledby": De,
+          "aria-describedby": Ne,
+          "aria-required": O,
+          placeholder: ee,
+          spellCheck: !1,
+          autoComplete: "off",
+          autoCorrect: "off",
+          autoFocus: Ge,
+          type: Fe || "tel",
+          className: "k-input-inner",
+          id: ue,
+          name: A,
+          readOnly: g,
+          style: Me,
+          onChange: Ke,
+          onFocus: We,
+          onBlur: Ye,
+          onKeyDown: we,
+          onPaste: Ue,
+          onWheel: $e,
+          ref: a
+        }
+      ),
+      /* @__PURE__ */ n.createElement(He, null),
+      Be,
+      Te && /* @__PURE__ */ n.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: Je }, /* @__PURE__ */ n.createElement(
         Ce,
         {
           tabIndex: -1,
@@ -353,12 +284,17 @@ const ct = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
           rounded: null,
           fillMode: L,
           className: "k-spinner-increase",
-          "aria-label": P.toLanguageString(M, T[M]),
-          title: P.toLanguageString(M, T[M]),
+          "aria-label": P.toLanguageString(
+            M,
+            T[M]
+          ),
+          title: P.toLanguageString(
+            M,
+            T[M]
+          ),
           onClick: W
         }
-      ),
-      /* @__PURE__ */ n.createElement(
+      ), /* @__PURE__ */ n.createElement(
         Ce,
         {
           tabIndex: -1,
@@ -368,29 +304,35 @@ const ct = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
           rounded: null,
           fillMode: L,
           className: "k-spinner-decrease",
-          "aria-label": P.toLanguageString(z, T[z]),
-          title: P.toLanguageString(z, T[z]),
+          "aria-label": P.toLanguageString(
+            z,
+            T[z]
+          ),
+          title: P.toLanguageString(
+            z,
+            T[z]
+          ),
           onClick: Y
         }
-      )
-    )
-  );
-  return I ? /* @__PURE__ */ n.createElement(
-    ut,
-    {
-      label: I,
-      editorId: ue,
-      editorValue: h === null ? "" : h,
-      editorValid: me,
-      editorDisabled: o,
-      editorPlaceholder: ee,
-      children: fe,
-      style: { width: Z },
-      dir: te,
-      ...oe
-    }
-  ) : fe;
-});
+      ))
+    );
+    return I ? /* @__PURE__ */ n.createElement(
+      ut,
+      {
+        label: I,
+        editorId: ue,
+        editorValue: h === null ? "" : h,
+        editorValid: me,
+        editorDisabled: o,
+        editorPlaceholder: ee,
+        children: fe,
+        style: { width: Z },
+        dir: te,
+        ...oe
+      }
+    ) : fe;
+  }
+);
 Ee.propTypes = {
   value: t.number,
   defaultValue: t.number,
@@ -407,10 +349,7 @@ Ee.propTypes = {
       maximumFractionDigits: t.number
     })
   ]),
-  width: t.oneOfType([
-    t.string,
-    t.number
-  ]),
+  width: t.oneOfType([t.string, t.number]),
   tabIndex: t.number,
   accessKey: t.string,
   title: t.string,