@progress/kendo-react-inputs 14.5.0-develop.1 → 14.5.0-develop.10

package/switch/Switch.mjs

@@ -6,11 +6,11 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as d from "react";
-import { useState as q, useRef as u, useMemo as E, useEffect as N, useCallback as m, useImperativeHandle as ie } from "react";
-import a from "prop-types";
-import { withIdHOC as re, withPropsContext as ce, noop as B, dispatchEvent as de, subscribeToKendoPaste as le, Keys as V, classNames as x, kendoThemeMaps as M, getTabIndex as oe, createPropsContext as se } from "@progress/kendo-react-common";
+import { useState as q, useRef as u, useMemo as N, useEffect as x, useCallback as f, useImperativeHandle as ie } from "react";
+import t from "prop-types";
+import { withIdHOC as re, withPropsContext as ce, noop as I, dispatchEvent as de, subscribeToKendoPaste as le, Keys as H, classNames as M, kendoThemeMaps as B, getTabIndex as se, createPropsContext as oe } from "@progress/kendo-react-common";
 import { LocalizationService as ue } from "@progress/kendo-react-intl";
-import { switchValidation as H, messages as W, switchAriaLabel as $ } from "../messages/index.mjs";
+import { switchValidation as V, messages as W, switchAriaLabel as $ } from "../messages/index.mjs";
 const r = {
   disabled: !1,
   defaultChecked: !1,
@@ -18,50 +18,50 @@ const r = {
   trackRounded: void 0,
   thumbRounded: void 0,
   offLabel: "OFF",
-  onBlur: B,
-  onFocus: B,
+  onBlur: I,
+  onFocus: I,
   onLabel: "ON",
   validityStyles: !0
 }, A = d.forwardRef((e, G) => {
-  var T;
+  var P;
   const {
     disabled: c = r.disabled,
     defaultChecked: J = r.defaultChecked,
-    size: y = r.size,
-    trackRounded: k = r.trackRounded,
-    thumbRounded: w = r.thumbRounded,
-    offLabel: I = r.offLabel,
-    onBlur: C = r.onBlur,
-    onFocus: S = r.onFocus,
-    onLabel: F = r.onLabel
-  } = e, [D, Q] = q(J || !1), [U, K] = q(!1), l = u(null), o = u(null), R = u(null), b = u(void 0), z = u(void 0), O = u(void 0), L = E(() => new ue(), []), n = E(() => b.current !== void 0 ? b.current : e.checked !== void 0 ? e.checked : D, [e.checked, D]), f = E(() => {
-    var g, P;
-    const t = e.validationMessage !== void 0, i = (g = e.valid) != null ? g : e.required ? !!n : !0, v = (P = e.valid) != null ? P : i;
+    size: k = r.size,
+    trackRounded: w = r.trackRounded,
+    thumbRounded: C = r.thumbRounded,
+    offLabel: F = r.offLabel,
+    onBlur: R = r.onBlur,
+    onFocus: L = r.onFocus,
+    onLabel: D = r.onLabel
+  } = e, [K, Q] = q(J || !1), [U, z] = q(!1), l = u(null), s = u(null), b = u(null), h = u(void 0), S = u(!1), O = u(void 0), E = N(() => new ue(), []), n = N(() => h.current !== void 0 ? h.current : e.checked !== void 0 ? e.checked : K, [e.checked, K]), m = N(() => {
+    var y, T;
+    const a = e.validationMessage !== void 0, i = (y = e.valid) != null ? y : e.required ? !!n : !0, g = (T = e.valid) != null ? T : i;
     return {
-      customError: t,
-      valid: v,
+      customError: a,
+      valid: g,
       valueMissing: n === null
     };
-  }, [e.valid, e.validationMessage, e.required, n]), X = (T = e.validityStyles) != null ? T : r.validityStyles;
-  N(() => {
-    var t;
-    (t = R.current) != null && t.setCustomValidity && R.current.setCustomValidity(
-      f.valid ? "" : e.validationMessage || L.toLanguageString(H, W[H])
+  }, [e.valid, e.validationMessage, e.required, n]), X = (P = e.validityStyles) != null ? P : r.validityStyles;
+  x(() => {
+    var a;
+    (a = b.current) != null && a.setCustomValidity && b.current.setCustomValidity(
+      m.valid ? "" : e.validationMessage || E.toLanguageString(V, W[V])
     );
-  }, [f, e.validationMessage, L]), N(() => {
+  }, [m, e.validationMessage, E]), x(() => {
     l.current && (O.current = e.dir || getComputedStyle(l.current).direction || void 0);
   }, [e.dir]);
-  const h = m(() => ({
+  const v = f(() => ({
     props: e,
     get element() {
       return l.current;
     },
     get actionElement() {
-      return o.current;
+      return s.current;
     },
     focus: () => {
-      var t;
-      (t = o.current) == null || t.focus();
+      var a;
+      (a = s.current) == null || a.focus();
     },
     get value() {
       return n;
@@ -70,66 +70,73 @@ const r = {
       return e.name;
     },
     get validity() {
-      return f;
+      return m;
     }
-  }), [e, n, f]), s = m(
-    (t, i) => {
-      Q(t), b.current = t, de(
+  }), [e, n, m]), o = f(
+    (a, i) => {
+      Q(a), h.current = a, de(
         e.onChange,
         i,
-        { ...h(), value: t },
-        { value: t }
-      ), b.current = void 0;
+        { ...v(), value: a },
+        { value: a }
+      ), h.current = void 0;
     },
-    [e.onChange, h]
+    [e.onChange, v]
   );
-  N(() => {
-    const t = e.name || e.id, i = le(o.current, {
-      fieldName: t,
-      onValueChange: (v) => {
-        if (v !== n) {
-          const g = {
-            target: o.current,
-            currentTarget: o.current,
+  x(() => {
+    const a = e.name || e.id, i = le(s.current, {
+      fieldName: a,
+      onValueChange: (g) => {
+        if (g !== n) {
+          const y = {
+            target: s.current,
+            currentTarget: s.current,
             nativeEvent: new Event("change", { bubbles: !0 })
           };
-          s(v, g);
+          o(g, y);
         }
       }
     });
     return () => {
       i == null || i.unsubscribe();
     };
-  }, [e.name, e.id, n, s]);
-  const Y = m(
-    (t) => {
-      z.current !== t.timeStamp && (z.current = t.timeStamp, s(!n, t));
+  }, [e.name, e.id, n, o]);
+  const Y = f(
+    (a) => {
+      if (a.target === b.current) {
+        if (S.current) {
+          S.current = !1;
+          return;
+        }
+      } else
+        S.current = !0;
+      o(!n, a);
     },
-    [n, s]
-  ), Z = m(
-    (t) => {
+    [n, o]
+  ), Z = f(
+    (a) => {
       if (c)
         return;
-      const { keyCode: i } = t;
-      (i === V.space || i === V.enter) && (s(!n, t), t.preventDefault());
+      const { keyCode: i } = a;
+      (i === H.space || i === H.enter) && (o(!n, a), a.preventDefault());
     },
-    [c, n, s]
-  ), _ = m(
-    (t) => {
-      c || (K(!0), S && S(t));
+    [c, n, o]
+  ), _ = f(
+    (a) => {
+      c || (z(!0), L && L(a));
     },
-    [c, S]
-  ), p = m(
-    (t) => {
-      c || (K(!1), C && C(t));
+    [c, L]
+  ), p = f(
+    (a) => {
+      c || (z(!1), R && R(a));
     },
-    [c, C]
+    [c, R]
   );
-  ie(G, h, [h]);
-  const ee = O.current || e.dir || l.current && getComputedStyle(l.current).direction || void 0, te = !X || f.valid, ae = x(
+  ie(G, v, [v]);
+  const ee = O.current || e.dir || l.current && getComputedStyle(l.current).direction || void 0, te = !X || m.valid, ae = M(
     "k-switch",
     {
-      [`k-switch-${M.sizeMap[y] || y}`]: y,
+      [`k-switch-${B.sizeMap[k] || k}`]: k,
       "k-switch-on": n,
       "k-switch-off": !n,
       "k-focus": U,
@@ -142,20 +149,20 @@ const r = {
     {
       type: "checkbox",
       checked: e.checked,
-      ref: R,
+      ref: b,
       tabIndex: -1,
       "aria-hidden": !0,
-      "aria-label": e.ariaLabel || L.toLanguageString($, W[$]),
+      "aria-label": e.ariaLabel || E.toLanguageString($, W[$]),
       value: n,
       style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: "absolute", left: "50%" },
-      onChange: B,
+      onChange: I,
       name: e.name || void 0
     }
   );
   return /* @__PURE__ */ d.createElement(
     "span",
     {
-      ref: o,
+      ref: s,
       role: "switch",
       "aria-checked": n,
       "aria-disabled": c || void 0,
@@ -169,70 +176,70 @@ const r = {
       onClick: Y,
       onBlur: p,
       onFocus: _,
-      tabIndex: oe(e.tabIndex, c, void 0),
+      tabIndex: se(e.tabIndex, c, void 0),
       accessKey: e.accessKey,
       id: e.id
     },
     /* @__PURE__ */ d.createElement(
       "span",
       {
-        className: x("k-switch-track", {
-          [`k-rounded-${M.roundedMap[k] || k}`]: k
+        className: M("k-switch-track", {
+          [`k-rounded-${B.roundedMap[w] || w}`]: w
         }),
         ref: l
       },
       ne,
-      F ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-on" }, F) : "",
-      I ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-off" }, I) : ""
+      D ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-on" }, D) : "",
+      F ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-off" }, F) : ""
     ),
     /* @__PURE__ */ d.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ d.createElement(
       "span",
       {
-        className: x("k-switch-thumb", {
-          [`k-rounded-${M.roundedMap[w] || w}`]: w
+        className: M("k-switch-thumb", {
+          [`k-rounded-${B.roundedMap[C] || C}`]: C
         })
       }
     ))
   );
 });
 A.displayName = "Switch";
-const me = se(), j = re(
+const fe = oe(), j = re(
   ce(
-    me,
+    fe,
     A
   )
 );
 j.displayName = "KendoReactSwitch";
 j.propTypes = {
-  accessKey: a.string,
-  checked: a.bool,
-  className: a.string,
-  defaultChecked: a.bool,
-  defaultValue: a.any,
-  disabled: a.bool,
-  dir: a.string,
-  id: a.string,
-  size: a.oneOf(["small", "medium", "large"]),
-  trackRounded: a.oneOf(["small", "medium", "large", "full"]),
-  thumbRounded: a.oneOf(["small", "medium", "large", "full"]),
-  ariaDescribedBy: a.string,
-  ariaLabelledBy: a.string,
-  ariaLabel: a.string,
-  offLabel: a.node,
-  onBlur: a.func,
-  onChange: a.func,
-  onFocus: a.func,
-  onLabel: a.node,
-  tabIndex: a.number,
-  value: a.any,
-  name: a.string,
-  required: a.bool,
-  valid: a.bool,
-  validationMessage: a.string,
-  validityStyles: a.bool
+  accessKey: t.string,
+  checked: t.bool,
+  className: t.string,
+  defaultChecked: t.bool,
+  defaultValue: t.any,
+  disabled: t.bool,
+  dir: t.string,
+  id: t.string,
+  size: t.oneOf(["small", "medium", "large"]),
+  trackRounded: t.oneOf(["small", "medium", "large", "full"]),
+  thumbRounded: t.oneOf(["small", "medium", "large", "full"]),
+  ariaDescribedBy: t.string,
+  ariaLabelledBy: t.string,
+  ariaLabel: t.string,
+  offLabel: t.node,
+  onBlur: t.func,
+  onChange: t.func,
+  onFocus: t.func,
+  onLabel: t.node,
+  tabIndex: t.number,
+  value: t.any,
+  name: t.string,
+  required: t.bool,
+  valid: t.bool,
+  validationMessage: t.string,
+  validityStyles: t.bool
 };
 export {
   j as Switch,
-  me as SwitchPropsContext,
+  fe as SwitchPropsContext,
   A as SwitchWithoutContext
 };