@progress/kendo-react-inputs 8.1.0-develop.9 → 8.1.0

package/numerictextbox/NumericTextBox.mjs

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

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1718182089,
+  publishDate: 1719467390,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "8.1.0-develop.9",
+  "version": "8.1.0",
   "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,13 +25,13 @@
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.1.0-develop.9",
-    "@progress/kendo-react-buttons": "8.1.0-develop.9",
-    "@progress/kendo-react-common": "8.1.0-develop.9",
-    "@progress/kendo-react-dialogs": "8.1.0-develop.9",
-    "@progress/kendo-react-intl": "8.1.0-develop.9",
-    "@progress/kendo-react-labels": "8.1.0-develop.9",
-    "@progress/kendo-react-popup": "8.1.0-develop.9",
+    "@progress/kendo-react-animation": "8.1.0",
+    "@progress/kendo-react-buttons": "8.1.0",
+    "@progress/kendo-react-common": "8.1.0",
+    "@progress/kendo-react-dialogs": "8.1.0",
+    "@progress/kendo-react-intl": "8.1.0",
+    "@progress/kendo-react-labels": "8.1.0",
+    "@progress/kendo-react-popup": "8.1.0",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"