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

package/rating/RatingItem.mjs

@@ -18,80 +18,59 @@ const s = n.forwardRef((c, u) => {
   })), n.useImperativeHandle(u, () => o.current);
   const i = n.useCallback(
     (t) => {
-      e.onClick && e.onClick.call(
-        void 0,
-        {
-          value: e.value,
-          target: o.current,
-          syntheticEvent: t
-        }
-      );
+      e.onClick && e.onClick.call(void 0, {
+        value: e.value,
+        target: o.current,
+        syntheticEvent: t
+      });
     },
     [e.onClick, e.value]
   ), d = n.useCallback(
     (t) => {
-      e.onKeyDown && e.onKeyDown.call(
-        void 0,
-        {
-          target: o.current,
-          syntheticEvent: t
-        }
-      );
+      e.onKeyDown && e.onKeyDown.call(void 0, {
+        target: o.current,
+        syntheticEvent: t
+      });
     },
     [e.onKeyDown]
   ), v = n.useCallback(
     (t) => {
-      e.onFocus && e.onFocus.call(
-        void 0,
-        {
-          target: o.current,
-          syntheticEvent: t
-        }
-      );
+      e.onFocus && e.onFocus.call(void 0, {
+        target: o.current,
+        syntheticEvent: t
+      });
     },
     [e.onFocus]
   ), h = n.useCallback(
     (t) => {
-      e.onBlur && e.onBlur.call(
-        void 0,
-        {
-          target: o.current,
-          syntheticEvent: t
-        }
-      );
+      e.onBlur && e.onBlur.call(void 0, {
+        target: o.current,
+        syntheticEvent: t
+      });
     },
     [e.onBlur]
   ), f = n.useCallback(
     (t) => {
-      e.onMouseMove && e.onMouseMove.call(
-        void 0,
-        {
-          target: o.current,
-          syntheticEvent: t
-        }
-      );
+      e.onMouseMove && e.onMouseMove.call(void 0, {
+        target: o.current,
+        syntheticEvent: t
+      });
     },
     [e.onMouseMove]
   ), M = n.useCallback(
     (t) => {
-      e.onMouseEnter && e.onMouseEnter.call(
-        void 0,
-        {
-          target: o.current,
-          syntheticEvent: t
-        }
-      );
+      e.onMouseEnter && e.onMouseEnter.call(void 0, {
+        target: o.current,
+        syntheticEvent: t
+      });
     },
     [e.onMouseEnter]
   ), m = n.useCallback(
     (t) => {
-      e.onMouseLeave && e.onMouseLeave.call(
-        void 0,
-        {
-          target: o.current,
-          syntheticEvent: t
-        }
-      );
+      e.onMouseLeave && e.onMouseLeave.call(void 0, {
+        target: o.current,
+        syntheticEvent: t
+      });
     },
     [e.onMouseLeave]
   );

package/signature/Signature.mjs

@@ -19,25 +19,28 @@ import { hasParent as Be } from "./utils/index.mjs";
 import { hyperlinkOpenIcon as ae, xIcon as Re } from "@progress/kendo-svg-icons";
 const Fe = 250, _e = 84, ie = 3, le = 2, Ne = "#000000", qe = "#ffffff", re = (d) => d !== void 0, Ge = xe(), F = o.forwardRef((d, se) => {
   Me(Te);
-  const _ = we(Ge, d), e = o.useMemo(() => ({
-    strokeWidth: l.strokeWidth,
-    smooth: l.smooth,
-    popupScale: l.popupScale,
-    exportScale: l.exportScale,
-    maximizable: l.maximizable,
-    disabled: l.disabled,
-    required: l.required,
-    validityStyles: l.validityStyles,
-    onChange: l.onChange,
-    onFocus: l.onFocus,
-    onBlur: l.onBlur,
-    onOpen: l.onOpen,
-    onClose: l.onClose,
-    size: l.size,
-    rounded: l.rounded,
-    fillMode: l.fillMode,
-    ..._
-  }), [_]), z = De(), c = o.useRef(null), g = o.useRef(null), N = o.useRef(null), q = o.useRef(null), S = o.useRef(null), [r, ce] = o.useState(), [b, G] = o.useState(!1), [E, W] = o.useState(!1), [k, A] = o.useState(), [ue, de] = o.useState(), V = re(e.value) ? e.value : k, [me, fe] = o.useState(!1), f = re(e.open), m = f ? e.open : me, pe = e.maximized || E || !e.maximizable || e.disabled, ge = !(e.maximized && !E), be = !(!(e.value || k) || E || e.readOnly || e.disabled), j = z.toLanguageString(te, R[te]), U = z.toLanguageString(oe, R[oe]), H = z.toLanguageString(ne, R[ne]), O = e.popupScale || ie, x = e.exportScale || le, M = (t) => {
+  const _ = we(Ge, d), e = o.useMemo(
+    () => ({
+      strokeWidth: l.strokeWidth,
+      smooth: l.smooth,
+      popupScale: l.popupScale,
+      exportScale: l.exportScale,
+      maximizable: l.maximizable,
+      disabled: l.disabled,
+      required: l.required,
+      validityStyles: l.validityStyles,
+      onChange: l.onChange,
+      onFocus: l.onFocus,
+      onBlur: l.onBlur,
+      onOpen: l.onOpen,
+      onClose: l.onClose,
+      size: l.size,
+      rounded: l.rounded,
+      fillMode: l.fillMode,
+      ..._
+    }),
+    [_]
+  ), z = De(), c = o.useRef(null), g = o.useRef(null), N = o.useRef(null), q = o.useRef(null), S = o.useRef(null), [r, ce] = o.useState(), [b, G] = o.useState(!1), [E, W] = o.useState(!1), [k, A] = o.useState(), [ue, de] = o.useState(), V = re(e.value) ? e.value : k, [me, fe] = o.useState(!1), f = re(e.open), m = f ? e.open : me, pe = e.maximized || E || !e.maximizable || e.disabled, ge = !(e.maximized && !E), be = !(!(e.value || k) || E || e.readOnly || e.disabled), j = z.toLanguageString(te, R[te]), U = z.toLanguageString(oe, R[oe]), H = z.toLanguageString(ne, R[ne]), O = e.popupScale || ie, x = e.exportScale || le, M = (t) => {
     A(t), e.onChange && e.onChange({ value: t });
   }, ke = (t) => {
     r == null || r.loadImage(t.value), M(t.value);
@@ -106,86 +109,52 @@ const Fe = 250, _e = 84, ie = 3, le = 2, Ne = "#000000", qe = "#ffffff", re = (d
     var t, n;
     e.maximized && ((n = (t = q.current) == null ? void 0 : t.element) == null || n.focus());
   }, []);
-  const I = o.useCallback(
-    () => {
-      var t;
-      return (t = g.current) == null ? void 0 : t.focus();
-    },
-    []
-  ), v = o.useCallback(
-    () => e.value,
-    [e.value]
-  ), X = o.useCallback(
-    () => e.name,
-    [e.name]
-  ), C = o.useCallback(
-    () => e.required,
-    [e.required]
-  ), P = o.useCallback(
-    () => {
-      const t = e.validationMessage !== void 0, i = !v(), s = e.valid !== void 0 ? e.valid : !C() || !i;
-      return {
-        customError: t,
-        valid: s,
-        valueMissing: i
-      };
-    },
-    [e.validationMessage, e.valid, v, C]
-  ), D = o.useCallback(
-    () => e.validityStyles,
-    [e.validityStyles]
-  ), J = o.useCallback(
-    () => e,
-    [e]
-  ), u = o.useCallback(
-    () => {
-      const t = {
-        element: c.current,
-        focus: I
-      };
-      return Object.defineProperty(t, "name", { get: X }), Object.defineProperty(t, "value", { get: v }), Object.defineProperty(t, "validity", { get: P }), Object.defineProperty(t, "validityStyles", { get: D }), Object.defineProperty(t, "required", { get: C }), Object.defineProperty(t, "props", { get: J }), Object.defineProperty(t, "color", { get: w }), Object.defineProperty(t, "backgroundColor", { get: L }), t;
-    },
-    [X, v, P, D, C, I, J, w, L]
-  );
+  const I = o.useCallback(() => {
+    var t;
+    return (t = g.current) == null ? void 0 : t.focus();
+  }, []), v = o.useCallback(() => e.value, [e.value]), X = o.useCallback(() => e.name, [e.name]), C = o.useCallback(() => e.required, [e.required]), P = o.useCallback(() => {
+    const t = e.validationMessage !== void 0, i = !v(), s = e.valid !== void 0 ? e.valid : !C() || !i;
+    return {
+      customError: t,
+      valid: s,
+      valueMissing: i
+    };
+  }, [e.validationMessage, e.valid, v, C]), D = o.useCallback(() => e.validityStyles, [e.validityStyles]), J = o.useCallback(() => e, [e]), u = o.useCallback(() => {
+    const t = {
+      element: c.current,
+      focus: I
+    };
+    return Object.defineProperty(t, "name", { get: X }), Object.defineProperty(t, "value", { get: v }), Object.defineProperty(t, "validity", { get: P }), Object.defineProperty(t, "validityStyles", { get: D }), Object.defineProperty(t, "required", { get: C }), Object.defineProperty(t, "props", { get: J }), Object.defineProperty(t, "color", { get: w }), Object.defineProperty(t, "backgroundColor", { get: L }), t;
+  }, [
+    X,
+    v,
+    P,
+    D,
+    C,
+    I,
+    J,
+    w,
+    L
+  ]);
   o.useImperativeHandle(se, u);
   const Ce = o.useCallback(
     (t) => {
-      b || e.maximized || (G(!0), h(
-        e.onFocus,
-        t,
-        u(),
-        {}
-      ));
+      b || e.maximized || (G(!0), h(e.onFocus, t, u(), {}));
     },
     [b, e.onFocus, u]
   ), he = o.useCallback(
     (t) => {
-      Be(t.relatedTarget, c.current) || (G(!1), h(
-        e.onBlur,
-        t,
-        u(),
-        {}
-      ));
+      Be(t.relatedTarget, c.current) || (G(!1), h(e.onBlur, t, u(), {}));
     },
     [b, e.onBlur, u]
   ), ze = o.useCallback(
     async (t) => {
-      de(await K(Z())), y(!0), h(
-        e.onOpen,
-        t,
-        u(),
-        {}
-      );
+      de(await K(Z())), y(!0), h(e.onOpen, t, u(), {});
     },
     [m, f, e.onOpen, e.value, k, u]
   ), Q = o.useCallback(
     (t) => {
-      y(!1), h(
-        e.onClose,
-        t,
-        u(),
-        {}
-      );
+      y(!1), h(e.onClose, t, u(), {});
     },
     [m, f, e.onClose, u]
   ), Se = () => {
@@ -247,7 +216,9 @@ const Fe = 250, _e = 84, ie = 3, le = 2, Ne = "#000000", qe = "#ffffff", re = (d
       T,
       {
         type: "button",
-        className: B("k-signature-action", "k-signature-maximize", { "k-hidden": e.disabled || pe }),
+        className: B("k-signature-action", "k-signature-maximize", {
+          "k-hidden": e.disabled || pe
+        }),
         ref: S,
         icon: "hyperlink-open",
         svgIcon: ae,
@@ -261,7 +232,9 @@ const Fe = 250, _e = 84, ie = 3, le = 2, Ne = "#000000", qe = "#ffffff", re = (d
       T,
       {
         type: "button",
-        className: B("k-signature-action", "k-signature-minimize", "k-rotate-180", { "k-hidden": e.disabled || ge }),
+        className: B("k-signature-action", "k-signature-minimize", "k-rotate-180", {
+          "k-hidden": e.disabled || ge
+        }),
         ref: q,
         icon: "hyperlink-open",
         svgIcon: ae,
@@ -272,13 +245,7 @@ const Fe = 250, _e = 84, ie = 3, le = 2, Ne = "#000000", qe = "#ffffff", re = (d
         title: U
       }
     )),
-    !e.hideLine && /* @__PURE__ */ o.createElement(
-      "div",
-      {
-        className: "k-signature-line",
-        style: { zIndex: 2, pointerEvents: "none" }
-      }
-    ),
+    !e.hideLine && /* @__PURE__ */ o.createElement("div", { className: "k-signature-line", style: { zIndex: 2, pointerEvents: "none" } }),
     /* @__PURE__ */ o.createElement("div", { className: "k-signature-actions k-signature-actions-bottom" }, be && /* @__PURE__ */ o.createElement(
       T,
       {

package/slider/SliderLabel.mjs

@@ -14,18 +14,14 @@ const c = "data-slider-label", s = (e) => {
     "li",
     {
       ref: t,
-      className: a("k-tick", { "k-tick-large": e.children, "k-first": e.firstTick, "k-last": e.lastTick }),
+      className: a("k-tick", {
+        "k-tick-large": e.children,
+        "k-first": e.firstTick,
+        "k-last": e.lastTick
+      }),
       title: e.title
     },
-    e.children && /* @__PURE__ */ l.createElement(
-      "span",
-      {
-        [c]: !0,
-        className: "k-label",
-        onClick: e.onClick
-      },
-      e.children
-    )
+    e.children && /* @__PURE__ */ l.createElement("span", { [c]: !0, className: "k-label", onClick: e.onClick }, e.children)
   );
 };
 export {

package/switch/Switch.mjs

@@ -166,10 +166,9 @@ const a = class a extends s.Component {
       /* @__PURE__ */ s.createElement(
         "span",
         {
-          className: p(
-            "k-switch-track",
-            { [`k-rounded-${g.roundedMap[o] || o}`]: o }
-          ),
+          className: p("k-switch-track", {
+            [`k-rounded-${g.roundedMap[o] || o}`]: o
+          }),
           ref: (d) => {
             this._element = d;
           }
@@ -218,7 +217,12 @@ a.displayName = "Switch", a.propTypes = {
   validityStyles: !0
 };
 let c = a;
-const V = D(), I = E(L(V, c));
+const V = D(), I = E(
+  L(
+    V,
+    c
+  )
+);
 I.displayName = "KendoReactSwitch";
 export {
   I as Switch,

package/textarea/TextArea.mjs

@@ -44,39 +44,25 @@ const pe = ie(), S = t.forwardRef((w, A) => {
     modified: ge,
     resizable: g,
     ...X
-  } = n, a = t.useRef(null), T = t.useCallback(
-    () => {
-      a.current && a.current.focus();
+  } = n, a = t.useRef(null), T = t.useCallback(() => {
+    a.current && a.current.focus();
+  }, []), [V, B] = t.useState(L), [Y, Z] = F(H), [_, ee] = F(R), l = m !== void 0, i = l ? m : V, u = t.useCallback(() => ({
+    element: a,
+    focus: T,
+    get value() {
+      return i;
     },
-    []
-  ), [V, B] = t.useState(L), [Y, Z] = F(H), [_, ee] = F(R), l = m !== void 0, i = l ? m : V, u = t.useCallback(
-    () => ({
-      element: a,
-      focus: T,
-      get value() {
-        return i;
-      },
-      get name() {
-        return a.current && a.current.name;
-      }
-    }),
-    [T, i]
-  );
+    get name() {
+      return a.current && a.current.name;
+    }
+  }), [T, i]);
   t.useImperativeHandle(A, u);
   const [te, E] = t.useState("auto"), ae = de(), re = ce(a, n.dir), v = z !== void 0 ? z : s ? !!i : !0;
-  t.useEffect(
-    () => {
-      a.current && a.current.setCustomValidity && a.current.setCustomValidity(
-        v ? "" : I || ""
-      );
-    },
-    [v, I]
-  ), fe(
-    () => {
-      a.current && E(`${a.current.scrollHeight}px`);
-    },
-    [i]
-  );
+  t.useEffect(() => {
+    a.current && a.current.setCustomValidity && a.current.setCustomValidity(v ? "" : I || "");
+  }, [v, I]), fe(() => {
+    a.current && E(`${a.current.scrollHeight}px`);
+  }, [i]);
   const oe = t.useCallback(
     (o) => {
       const h = o.target.value;
@@ -93,22 +79,12 @@ const pe = ie(), S = t.forwardRef((w, A) => {
     [B, p, r, l]
   ), ne = t.useCallback(
     (o) => {
-      b && !r && y(
-        b,
-        o,
-        u(),
-        void 0
-      );
+      b && !r && y(b, o, u(), void 0);
     },
     [b, r]
   ), se = t.useCallback(
     (o) => {
-      x && !r && y(
-        x,
-        o,
-        u(),
-        void 0
-      );
+      x && !r && y(x, o, u(), void 0);
     },
     [x, r]
   ), le = {
@@ -175,11 +151,7 @@ S.propTypes = {
   placeholder: e.string,
   style: e.object,
   tabIndex: e.number,
-  value: e.oneOfType([
-    e.string,
-    e.arrayOf(e.string),
-    e.number
-  ]),
+  value: e.oneOfType([e.string, e.arrayOf(e.string), e.number]),
   onChange: e.func,
   onFocus: e.func,
   onBlur: e.func,

package/textbox/Textbox.mjs

@@ -12,30 +12,21 @@ import { validatePackage as w, useUnstyled as H, useCustomComponent as g, useAsy
 import { packageMetadata as A } from "../package-metadata.mjs";
 const B = t.forwardRef((e, F) => {
   w(A);
-  const l = t.useRef(null), o = t.useRef(null), a = t.useRef(), i = H(), s = i && i.uTextBox, y = t.useCallback(
-    () => {
-      var n;
-      return a.current !== void 0 ? a.current : (n = l.current) == null ? void 0 : n.value;
+  const l = t.useRef(null), o = t.useRef(null), a = t.useRef(), i = H(), s = i && i.uTextBox, y = t.useCallback(() => {
+    var n;
+    return a.current !== void 0 ? a.current : (n = l.current) == null ? void 0 : n.value;
+  }, []);
+  t.useImperativeHandle(o, () => ({
+    get element() {
+      return l.current;
     },
-    []
-  );
-  t.useImperativeHandle(
-    o,
-    () => ({
-      get element() {
-        return l.current;
-      },
-      get name() {
-        return l.current && l.current.name;
-      },
-      get value() {
-        return y();
-      }
-    })
-  ), t.useImperativeHandle(
-    F,
-    () => o.current
-  );
+    get name() {
+      return l.current && l.current.name;
+    },
+    get value() {
+      return y();
+    }
+  })), t.useImperativeHandle(F, () => o.current);
   const {
     size: c = u.size,
     fillMode: d = u.fillMode,
@@ -72,41 +63,32 @@ const B = t.forwardRef((e, F) => {
     onSyncFocus: e.onFocus,
     onSyncBlur: e.onBlur
   }), O = t.useMemo(
-    () => h(C.wrapper({
-      c: s,
-      rounded: f,
-      fillMode: d,
-      size: c,
-      focused: v,
-      required: e.required,
-      disabled: e.disabled,
-      invalid: e.valid === !1
-    }), m),
+    () => h(
+      C.wrapper({
+        c: s,
+        rounded: f,
+        fillMode: d,
+        size: c,
+        focused: v,
+        required: e.required,
+        disabled: e.disabled,
+        invalid: e.valid === !1
+      }),
+      m
+    ),
     [m, d, v, e.disabled, e.required, e.valid, f, c, s]
   );
-  return /* @__PURE__ */ t.createElement(
-    "span",
+  return /* @__PURE__ */ t.createElement("span", { style: _, dir: R, className: O, onFocus: S, onBlur: I }, /* @__PURE__ */ t.createElement(T, null), /* @__PURE__ */ t.createElement(
+    "input",
     {
-      style: _,
-      dir: R,
-      className: O,
-      onFocus: S,
-      onBlur: I
-    },
-    /* @__PURE__ */ t.createElement(T, null),
-    /* @__PURE__ */ t.createElement(
-      "input",
-      {
-        ref: l,
-        className: h(C.inputInner({ c: s })),
-        autoFocus: E,
-        ...N,
-        "aria-required": e.required,
-        onChange: P
-      }
-    ),
-    /* @__PURE__ */ t.createElement(q, null)
-  );
+      ref: l,
+      className: h(C.inputInner({ c: s })),
+      autoFocus: E,
+      ...N,
+      "aria-required": e.required,
+      onChange: P
+    }
+  ), /* @__PURE__ */ t.createElement(q, null));
 }), u = {
   prefix: (e) => null,
   suffix: (e) => null,