@progress/kendo-react-inputs 15.1.1-develop.3 → 15.2.0-develop.1

package/switch/Switch.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as l from "react";
-import { useState as H, useRef as d, useMemo as E, useEffect as M, useCallback as m, useImperativeHandle as V } from "react";
+import * as d from "react";
+import { useState as H, useRef as l, useMemo as S, useEffect as M, useCallback as m, useImperativeHandle as V } from "react";
 import t from "prop-types";
-import { withIdHOC as le, withPropsContext as de, noop as B, dispatchEvent as se, subscribeToKendoPaste as oe, Keys as W, useWebMcpRegister as ue, classNames as N, kendoThemeMaps as x, getTabIndex as fe, createPropsContext as me } from "@progress/kendo-react-common";
-import { LocalizationService as be, useLocalization as he } from "@progress/kendo-react-intl";
-import { switchValidation as $, messages as A, switchAriaLabel as j } from "../messages/index.mjs";
+import { withIdHOC as ie, withPropsContext as ce, noop as B, dispatchEvent as re, subscribeToKendoPaste as de, Keys as W, useWebMcpRegister as le, classNames as N, kendoThemeMaps as x, getTabIndex as se, createPropsContext as oe } from "@progress/kendo-react-common";
+import { LocalizationService as ue, useLocalization as fe } from "@progress/kendo-react-intl";
+import { switchValidation as $, messages as me } from "../messages/index.mjs";
 const c = {
   disabled: !1,
   defaultChecked: !1,
@@ -22,19 +22,21 @@ const c = {
   onFocus: B,
   onLabel: "ON",
   validityStyles: !0
-}, G = l.forwardRef((e, Q) => {
+}, j = d.forwardRef((e, G) => {
   var T;
   const {
     disabled: r = c.disabled,
-    defaultChecked: U = c.defaultChecked,
+    defaultChecked: J = c.defaultChecked,
     size: k = c.size,
     trackRounded: w = c.trackRounded,
     thumbRounded: C = c.thumbRounded,
     offLabel: I = c.offLabel,
     onBlur: R = c.onBlur,
-    onFocus: L = c.onFocus,
-    onLabel: z = c.onLabel
-  } = e, [F, X] = H(U || !1), [Y, D] = H(!1), s = d(null), o = d(null), h = d(null), v = d(void 0), S = d(!1), K = d(void 0), O = E(() => new be(), []), Z = he(), n = E(() => v.current !== void 0 ? v.current : e.checked !== void 0 ? e.checked : F, [e.checked, F]), b = E(() => {
+    onFocus: E = c.onFocus,
+    onLabel: F = c.onLabel
+  } = e, [z, Q] = H(J || !1), [U, D] = H(!1), s = l(null), o = l(null), h = l(null), v = l(void 0), L = l(!1), K = l(void 0), O = S(() => new ue(), []);
+  fe();
+  const n = S(() => v.current !== void 0 ? v.current : e.checked !== void 0 ? e.checked : z, [e.checked, z]), b = S(() => {
     var y, q;
     const a = e.validationMessage !== void 0, i = (y = e.valid) != null ? y : e.required ? !!n : !0, g = (q = e.valid) != null ? q : i;
     return {
@@ -42,11 +44,11 @@ const c = {
       valid: g,
       valueMissing: n === null
     };
-  }, [e.valid, e.validationMessage, e.required, n]), _ = (T = e.validityStyles) != null ? T : c.validityStyles;
+  }, [e.valid, e.validationMessage, e.required, n]), X = (T = e.validityStyles) != null ? T : c.validityStyles;
   M(() => {
     var a;
     (a = h.current) != null && a.setCustomValidity && h.current.setCustomValidity(
-      b.valid ? "" : e.validationMessage || O.toLanguageString($, A[$])
+      b.valid ? "" : e.validationMessage || O.toLanguageString($, me[$])
     );
   }, [b, e.validationMessage, O]), M(() => {
     s.current && (K.current = e.dir || getComputedStyle(s.current).direction || void 0);
@@ -74,7 +76,7 @@ const c = {
     }
   }), [e, n, b]), f = m(
     (a, i) => {
-      X(a), v.current = a, se(
+      Q(a), v.current = a, re(
         e.onChange,
         i,
         { ...u(), value: a },
@@ -84,7 +86,7 @@ const c = {
     [e.onChange, u]
   );
   M(() => {
-    const a = e.name || e.id, i = oe(o.current, {
+    const a = e.name || e.id, i = de(o.current, {
       fieldName: a,
       onValueChange: (g) => {
         if (g !== n) {
@@ -101,19 +103,19 @@ const c = {
       i == null || i.unsubscribe();
     };
   }, [e.name, e.id, n, f]);
-  const p = m(
+  const Y = m(
     (a) => {
       if (a.target === h.current) {
-        if (S.current) {
-          S.current = !1;
+        if (L.current) {
+          L.current = !1;
           return;
         }
       } else
-        S.current = !0;
+        L.current = !0;
       f(!n, a);
     },
     [n, f]
-  ), ee = m(
+  ), Z = m(
     (a) => {
       if (r)
         return;
@@ -121,32 +123,32 @@ const c = {
       (i === W.space || i === W.enter) && (f(!n, a), a.preventDefault());
     },
     [r, n, f]
-  ), te = m(
+  ), _ = m(
     (a) => {
-      r || (D(!0), L && L(a));
+      r || (D(!0), E && E(a));
     },
-    [r, L]
-  ), ae = m(
+    [r, E]
+  ), p = m(
     (a) => {
       r || (D(!1), R && R(a));
     },
     [r, R]
   );
-  V(Q, u, [u]);
-  const P = d(null);
-  V(P, u, [u]), ue("switch", P, e, e.webMcp);
-  const ne = K.current || e.dir || s.current && getComputedStyle(s.current).direction || void 0, ie = !_ || b.valid, ce = N(
+  V(G, u, [u]);
+  const P = l(null);
+  V(P, u, [u]), le("switch", P, e, e.webMcp);
+  const ee = K.current || e.dir || s.current && getComputedStyle(s.current).direction || void 0, te = !X || b.valid, ae = N(
     "k-switch",
     {
       [`k-switch-${x.sizeMap[k] || k}`]: k,
       "k-switch-on": n,
       "k-switch-off": !n,
-      "k-focus": Y,
+      "k-focus": U,
       "k-disabled": r,
-      "k-invalid": !ie
+      "k-invalid": !te
     },
     e.className
-  ), re = /* @__PURE__ */ l.createElement(
+  ), ne = /* @__PURE__ */ d.createElement(
     "input",
     {
       type: "checkbox",
@@ -159,7 +161,7 @@ const c = {
       name: e.name || void 0
     }
   );
-  return /* @__PURE__ */ l.createElement(
+  return /* @__PURE__ */ d.createElement(
     "span",
     {
       ref: o,
@@ -168,19 +170,19 @@ const c = {
       "aria-disabled": r || void 0,
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy,
-      "aria-label": e.ariaLabel || Z.toLanguageString(j, A[j]),
+      "aria-label": e.ariaLabel,
       "aria-required": e.required,
-      className: ce,
-      dir: ne,
-      onKeyDown: ee,
-      onClick: p,
-      onBlur: ae,
-      onFocus: te,
-      tabIndex: fe(e.tabIndex, r, void 0),
+      className: ae,
+      dir: ee,
+      onKeyDown: Z,
+      onClick: Y,
+      onBlur: p,
+      onFocus: _,
+      tabIndex: se(e.tabIndex, r, void 0),
       accessKey: e.accessKey,
       id: e.id
     },
-    /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ d.createElement(
       "span",
       {
         className: N("k-switch-track", {
@@ -188,11 +190,11 @@ const c = {
         }),
         ref: s
       },
-      re,
-      z ? /* @__PURE__ */ l.createElement("span", { className: "k-switch-label-on" }, z) : "",
-      I ? /* @__PURE__ */ l.createElement("span", { className: "k-switch-label-off" }, I) : ""
+      ne,
+      F ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-on" }, F) : "",
+      I ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-off" }, I) : ""
     ),
-    /* @__PURE__ */ l.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ d.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ d.createElement(
       "span",
       {
         className: N("k-switch-thumb", {
@@ -202,15 +204,15 @@ const c = {
     ))
   );
 });
-G.displayName = "Switch";
-const ve = me(), J = le(
-  de(
-    ve,
-    G
+j.displayName = "Switch";
+const be = oe(), A = ie(
+  ce(
+    be,
+    j
   )
 );
-J.displayName = "KendoReactSwitch";
-J.propTypes = {
+A.displayName = "KendoReactSwitch";
+A.propTypes = {
   accessKey: t.string,
   checked: t.bool,
   className: t.string,
@@ -239,7 +241,7 @@ J.propTypes = {
   validityStyles: t.bool
 };
 export {
-  J as Switch,
-  ve as SwitchPropsContext,
-  G as SwitchWithoutContext
+  A as Switch,
+  be as SwitchPropsContext,
+  j as SwitchWithoutContext
 };