@progress/kendo-react-inputs 13.4.0-develop.4 → 13.4.0-develop.5

package/checkbox/Checkbox.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ge=require("react"),e=require("prop-types"),o=require("@progress/kendo-react-common"),ye=require("@progress/kendo-react-intl"),I=require("../messages/index.js");function xe(s){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const p=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(u,r,p.get?p:{enumerable:!0,get:()=>s[r]})}}return u.default=s,Object.freeze(u)}const t=xe(ge),A=o.createPropsContext(),M=t.forwardRef((s,u)=>{const r=o.usePropsContext(A,s),{ariaDescribedBy:p,ariaLabelledBy:W,checked:O,className:G,labelClassName:J,children:Q,defaultChecked:X,disabled:n,defaultValue:Y,id:B,size:h=$.size,rounded:v=$.rounded,label:q,labelPlacement:z,name:Z,labelOptional:ee,onChange:C,onFocus:g,onBlur:y,tabIndex:te,value:i,required:k,valid:D,validationMessage:T,validityStyles:F,autoFocus:ae,visited:Pe,touched:Ve,modified:Ee,...ne}=r,l=t.useRef(null),K=t.useCallback(()=>{l.current&&l.current.focus()},[]),d=t.useCallback(()=>({element:l.current,focus:K,get name(){return l.current&&l.current.name}}),[K]);t.useImperativeHandle(u,d);const[oe,le]=t.useState(X),[ce,se]=t.useState(Y),R=typeof i=="boolean"||i===null,x=O!==void 0,b=R,P=b?i:ce,V=x?O:b?void 0:oe,w=V===void 0&&P,j=w?P:V,m=w||b?i===null?i:void 0:i||P,re=j===null||m===null,L=o.useId(),ie=ye.useLocalization(),_=a=>ie.toLanguageString(a,I.messages[a]),H=_(I.checkboxValidation),de=_(I.checkboxOptionalText),E=D!==void 0?D:k?!!V:!0;t.useEffect(()=>{l.current&&l.current.setCustomValidity&&l.current.setCustomValidity(E?"":T||H)},[E,T,H]);const f=t.useCallback((a,c)=>{!b&&!n&&(se(c),!x&&!n&&le(c)),C&&!n&&o.dispatchEvent(C,a,{...d(),value:c},{value:c})},[x,n,C,b,d]),ue=t.useCallback(a=>{const c=a.target.checked;f(a,c)},[f,i]),be=t.useCallback(a=>{if(n)return;const{keyCode:c}=a,Ce=a.currentTarget.checked;c===o.Keys.space&&(a.preventDefault(),a.stopPropagation(),f(a,!Ce))},[n,f]),pe=t.useCallback(a=>{if(n)return;const{keyCode:c}=a;c===o.Keys.space&&a.preventDefault()},[n]),ke=t.useCallback(a=>{g&&!n&&o.dispatchEvent(g,a,d(),void 0)},[g,n,d]),me=t.useCallback(a=>{y&&!n&&o.dispatchEvent(y,a,d(),void 0)},[y,n,d]),fe=o.useDir(l,r.dir),he=o.classNames("k-checkbox-wrap",G),U={type:"checkbox",className:o.classNames("k-checkbox",{[`k-checkbox-${o.kendoThemeMaps.sizeMap[h]||h}`]:h,[`k-rounded-${o.kendoThemeMaps.roundedMap[v]||v}`]:v,"k-indeterminate":re,"k-disabled":n,"k-invalid k-invalid":!(E||F!==void 0||F===!0)}),ref:l,name:Z,id:B||L,disabled:n,required:k!==void 0?k:!1,tabIndex:o.getTabIndex(te,n),role:"checkbox",checked:!!j,"aria-describedby":p,"aria-labelledby":W,"aria-disabled":n||void 0,"aria-required":k,autoFocus:ae,...ne,onChange:ue,onKeyDown:be,onKeyUp:pe,onFocus:ke,onBlur:me},ve=m===void 0?t.createElement("input",{...U}):t.createElement("input",{...U,value:R?void 0:m===null?"":m}),N=q!==void 0?t.createElement("label",{className:o.classNames("k-checkbox-label",J),htmlFor:B||L,style:{userSelect:"none"}},q,ee&&t.createElement("span",{className:"k-label-optional"},de)):null,S=t.createElement("span",{className:he},ve,Q);return t.createElement(t.Fragment,null,z==="before"?t.createElement("div",{dir:"rtl"},S,N):z==="after"?t.createElement("div",{dir:"ltr"},S,N):t.createElement("div",{dir:fe},S,N))});M.propTypes={checked:e.bool,className:e.string,defaultChecked:e.bool,defaultValue:e.any,dir:e.string,disabled:e.bool,id:e.string,size:e.oneOf(["small","medium","large"]),rounded:e.oneOf(["small","medium","large","none"]),ariaLabelledBy:e.string,ariaDescribedBy:e.string,label:e.any,labelPlacement:e.string,labelOptional:e.bool,name:e.string,tabIndex:e.number,value:e.any,validationMessage:e.string,required:e.bool,validate:e.bool,valid:e.bool,autoFocus:e.bool,onChange:e.func,onFocus:e.func,onBlur:e.func};const $={size:void 0,rounded:void 0};M.displayName="KendoCheckbox";exports.Checkbox=M;exports.CheckboxPropsContext=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const xe=require("react"),e=require("prop-types"),o=require("@progress/kendo-react-common"),Pe=require("@progress/kendo-react-intl"),I=require("../messages/index.js");function Ve(c){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const r in c)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(c,r);Object.defineProperty(b,r,k.get?k:{enumerable:!0,get:()=>c[r]})}}return b.default=c,Object.freeze(b)}const t=Ve(xe),G=o.createPropsContext(),M=t.forwardRef((c,b)=>{const r=o.usePropsContext(G,c),{ariaDescribedBy:k,ariaLabelledBy:J,checked:O,className:Q,labelClassName:X,children:Y,defaultChecked:Z,disabled:n,defaultValue:ee,id:h,size:v=W.size,rounded:g=W.rounded,label:T,labelPlacement:q,name:z,labelOptional:te,onChange:C,onFocus:y,onBlur:x,tabIndex:ae,value:i,required:p,valid:D,validationMessage:F,validityStyles:K,autoFocus:ne,visited:Ee,touched:Ne,modified:Se,...oe}=r,l=t.useRef(null),R=t.useCallback(()=>{l.current&&l.current.focus()},[]),d=t.useCallback(()=>({element:l.current,focus:R,get name(){return l.current&&l.current.name}}),[R]);t.useImperativeHandle(b,d);const[le,se]=t.useState(Z),[ce,re]=t.useState(ee),w=typeof i=="boolean"||i===null,P=O!==void 0,m=w,V=m?i:ce,E=P?O:m?void 0:le,j=z||h,L=E===void 0&&V,_=L?V:E,f=L||m?i===null?i:void 0:i||V,ie=_===null||f===null,H=o.useId(),de=Pe.useLocalization(),U=a=>de.toLanguageString(a,I.messages[a]),$=U(I.checkboxValidation),ue=U(I.checkboxOptionalText),N=D!==void 0?D:p?!!E:!0;t.useEffect(()=>{l.current&&l.current.setCustomValidity&&l.current.setCustomValidity(N?"":F||$)},[N,F,$]);const u=t.useCallback((a,s)=>{!m&&!n&&(re(s),!P&&!n&&se(s)),C&&!n&&o.dispatchEvent(C,a,{...d(),value:s},{value:s})},[P,n,C,m,d]),be=t.useCallback(a=>{const s={target:l.current,currentTarget:l.current};u(s,a)},[u]);o.useKendoPaste(l,{fieldName:j,onValueChange:be,enabled:!!j});const me=t.useCallback(a=>{const s=a.target.checked;u(a,s)},[u,i]),ke=t.useCallback(a=>{if(n)return;const{keyCode:s}=a,ye=a.currentTarget.checked;s===o.Keys.space&&(a.preventDefault(),a.stopPropagation(),u(a,!ye))},[n,u]),pe=t.useCallback(a=>{if(n)return;const{keyCode:s}=a;s===o.Keys.space&&a.preventDefault()},[n]),fe=t.useCallback(a=>{y&&!n&&o.dispatchEvent(y,a,d(),void 0)},[y,n,d]),he=t.useCallback(a=>{x&&!n&&o.dispatchEvent(x,a,d(),void 0)},[x,n,d]),ve=o.useDir(l,r.dir),ge=o.classNames("k-checkbox-wrap",Q),A={type:"checkbox",className:o.classNames("k-checkbox",{[`k-checkbox-${o.kendoThemeMaps.sizeMap[v]||v}`]:v,[`k-rounded-${o.kendoThemeMaps.roundedMap[g]||g}`]:g,"k-indeterminate":ie,"k-disabled":n,"k-invalid k-invalid":!(N||K!==void 0||K===!0)}),ref:l,name:z,id:h||H,disabled:n,required:p!==void 0?p:!1,tabIndex:o.getTabIndex(ae,n),role:"checkbox",checked:!!_,"aria-describedby":k,"aria-labelledby":J,"aria-disabled":n||void 0,"aria-required":p,autoFocus:ne,...oe,onChange:me,onKeyDown:ke,onKeyUp:pe,onFocus:fe,onBlur:he},Ce=f===void 0?t.createElement("input",{...A}):t.createElement("input",{...A,value:w?void 0:f===null?"":f}),S=T!==void 0?t.createElement("label",{className:o.classNames("k-checkbox-label",X),htmlFor:h||H,style:{userSelect:"none"}},T,te&&t.createElement("span",{className:"k-label-optional"},ue)):null,B=t.createElement("span",{className:ge},Ce,Y);return t.createElement(t.Fragment,null,q==="before"?t.createElement("div",{dir:"rtl"},B,S):q==="after"?t.createElement("div",{dir:"ltr"},B,S):t.createElement("div",{dir:ve},B,S))});M.propTypes={checked:e.bool,className:e.string,defaultChecked:e.bool,defaultValue:e.any,dir:e.string,disabled:e.bool,id:e.string,size:e.oneOf(["small","medium","large"]),rounded:e.oneOf(["small","medium","large","none"]),ariaLabelledBy:e.string,ariaDescribedBy:e.string,label:e.any,labelPlacement:e.string,labelOptional:e.bool,name:e.string,tabIndex:e.number,value:e.any,validationMessage:e.string,required:e.bool,validate:e.bool,valid:e.bool,autoFocus:e.bool,onChange:e.func,onFocus:e.func,onBlur:e.func};const W={size:void 0,rounded:void 0};M.displayName="KendoCheckbox";exports.Checkbox=M;exports.CheckboxPropsContext=G;

package/checkbox/Checkbox.mjs

@@ -5,47 +5,47 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as a from "react";
-import e from "prop-types";
-import { createPropsContext as ye, usePropsContext as xe, useId as Ve, dispatchEvent as V, Keys as H, useDir as Ee, classNames as E, getTabIndex as Pe, kendoThemeMaps as U } from "@progress/kendo-react-common";
-import { useLocalization as Be } from "@progress/kendo-react-intl";
-import { messages as Ie, checkboxValidation as Ne, checkboxOptionalText as ze } from "../messages/index.mjs";
-const Fe = ye(), $ = a.forwardRef((A, W) => {
-  const P = xe(Fe, A), {
-    ariaDescribedBy: j,
-    ariaLabelledBy: G,
-    checked: B,
-    className: J,
-    labelClassName: Q,
-    children: X,
-    defaultChecked: Y,
+import * as e from "react";
+import a from "prop-types";
+import { createPropsContext as Ve, usePropsContext as Pe, useId as Ee, dispatchEvent as P, useKendoPaste as Be, Keys as _, useDir as Ne, classNames as E, getTabIndex as Ie, kendoThemeMaps as $ } from "@progress/kendo-react-common";
+import { useLocalization as Fe } from "@progress/kendo-react-intl";
+import { messages as ze, checkboxValidation as Ke, checkboxOptionalText as Me } from "../messages/index.mjs";
+const Se = Ve(), W = e.forwardRef((j, G) => {
+  const B = Pe(Se, j), {
+    ariaDescribedBy: J,
+    ariaLabelledBy: Q,
+    checked: N,
+    className: X,
+    labelClassName: Y,
+    children: Z,
+    defaultChecked: ee,
     disabled: o,
-    defaultValue: Z,
-    id: I,
-    size: b = _.size,
-    rounded: m = _.rounded,
-    label: N,
-    labelPlacement: z,
-    name: ee,
-    labelOptional: ae,
-    onChange: p,
-    onFocus: k,
-    onBlur: f,
-    tabIndex: te,
+    defaultValue: ae,
+    id: b,
+    size: m = A.size,
+    rounded: p = A.rounded,
+    label: I,
+    labelPlacement: F,
+    name: z,
+    labelOptional: te,
+    onChange: k,
+    onFocus: f,
+    onBlur: h,
+    tabIndex: oe,
     value: s,
-    required: i,
-    valid: F,
+    required: d,
+    valid: K,
     validationMessage: M,
     validityStyles: S,
-    autoFocus: oe,
+    autoFocus: ne,
     // Removed to support direct use in Form Field component
-    visited: Me,
-    touched: Se,
-    modified: De,
-    ...ne
-  } = P, n = a.useRef(null), D = a.useCallback(() => {
+    visited: De,
+    touched: Te,
+    modified: we,
+    ...le
+  } = B, n = e.useRef(null), D = e.useCallback(() => {
     n.current && n.current.focus();
-  }, []), c = a.useCallback(
+  }, []), c = e.useCallback(
     () => ({
       element: n.current,
       focus: D,
@@ -55,15 +55,15 @@ const Fe = ye(), $ = a.forwardRef((A, W) => {
     }),
     [D]
   );
-  a.useImperativeHandle(W, c);
-  const [le, se] = a.useState(Y), [ce, re] = a.useState(Z), K = typeof s == "boolean" || s === null, h = B !== void 0, r = K, v = r ? s : ce, C = h ? B : r ? void 0 : le, T = C === void 0 && v, w = T ? v : C, d = T || r ? s === null ? s : void 0 : s || v, ie = w === null || d === null, L = Ve(), de = Be(), O = (t) => de.toLanguageString(t, Ie[t]), q = O(Ne), ue = O(ze), g = F !== void 0 ? F : i ? !!C : !0;
-  a.useEffect(() => {
-    n.current && n.current.setCustomValidity && n.current.setCustomValidity(g ? "" : M || q);
-  }, [g, M, q]);
-  const u = a.useCallback(
+  e.useImperativeHandle(G, c);
+  const [se, ce] = e.useState(ee), [re, ie] = e.useState(ae), T = typeof s == "boolean" || s === null, v = N !== void 0, i = T, C = i ? s : re, g = v ? N : i ? void 0 : se, w = z || b, L = g === void 0 && C, O = L ? C : g, u = L || i ? s === null ? s : void 0 : s || C, de = O === null || u === null, q = Ee(), ue = Fe(), R = (t) => ue.toLanguageString(t, ze[t]), H = R(Ke), be = R(Me), y = K !== void 0 ? K : d ? !!g : !0;
+  e.useEffect(() => {
+    n.current && n.current.setCustomValidity && n.current.setCustomValidity(y ? "" : M || H);
+  }, [y, M, H]);
+  const r = e.useCallback(
     (t, l) => {
-      !r && !o && (re(l), !h && !o && se(l)), p && !o && V(
-        p,
+      !i && !o && (ie(l), !v && !o && ce(l)), k && !o && P(
+        k,
         t,
         {
           ...c(),
@@ -72,116 +72,131 @@ const Fe = ye(), $ = a.forwardRef((A, W) => {
         { value: l }
       );
     },
-    [h, o, p, r, c]
-  ), be = a.useCallback(
+    [v, o, k, i, c]
+  ), me = e.useCallback(
+    (t) => {
+      const l = {
+        target: n.current,
+        currentTarget: n.current
+      };
+      r(l, t);
+    },
+    [r]
+  );
+  Be(n, {
+    fieldName: w,
+    onValueChange: me,
+    enabled: !!w
+  });
+  const pe = e.useCallback(
     (t) => {
       const l = t.target.checked;
-      u(t, l);
+      r(t, l);
     },
-    [u, s]
-  ), me = a.useCallback(
+    [r, s]
+  ), ke = e.useCallback(
     (t) => {
       if (o)
         return;
-      const { keyCode: l } = t, ge = t.currentTarget.checked;
-      l === H.space && (t.preventDefault(), t.stopPropagation(), u(t, !ge));
+      const { keyCode: l } = t, xe = t.currentTarget.checked;
+      l === _.space && (t.preventDefault(), t.stopPropagation(), r(t, !xe));
     },
-    [o, u]
-  ), pe = a.useCallback(
+    [o, r]
+  ), fe = e.useCallback(
     (t) => {
       if (o)
         return;
       const { keyCode: l } = t;
-      l === H.space && t.preventDefault();
+      l === _.space && t.preventDefault();
     },
     [o]
-  ), ke = a.useCallback(
+  ), he = e.useCallback(
     (t) => {
-      k && !o && V(k, t, c(), void 0);
+      f && !o && P(f, t, c(), void 0);
     },
-    [k, o, c]
-  ), fe = a.useCallback(
+    [f, o, c]
+  ), ve = e.useCallback(
     (t) => {
-      f && !o && V(f, t, c(), void 0);
+      h && !o && P(h, t, c(), void 0);
     },
-    [f, o, c]
-  ), he = Ee(n, P.dir), ve = E("k-checkbox-wrap", J), R = {
+    [h, o, c]
+  ), Ce = Ne(n, B.dir), ge = E("k-checkbox-wrap", X), U = {
     type: "checkbox",
     className: E("k-checkbox", {
-      [`k-checkbox-${U.sizeMap[b] || b}`]: b,
-      [`k-rounded-${U.roundedMap[m] || m}`]: m,
-      "k-indeterminate": ie,
+      [`k-checkbox-${$.sizeMap[m] || m}`]: m,
+      [`k-rounded-${$.roundedMap[p] || p}`]: p,
+      "k-indeterminate": de,
       "k-disabled": o,
-      "k-invalid k-invalid": !(g || S !== void 0 || S === !0)
+      "k-invalid k-invalid": !(y || S !== void 0 || S === !0)
     }),
     ref: n,
-    name: ee,
-    id: I || L,
+    name: z,
+    id: b || q,
     disabled: o,
-    required: i !== void 0 ? i : !1,
-    tabIndex: Pe(te, o),
+    required: d !== void 0 ? d : !1,
+    tabIndex: Ie(oe, o),
     role: "checkbox",
-    checked: !!w,
-    "aria-describedby": j,
-    "aria-labelledby": G,
+    checked: !!O,
+    "aria-describedby": J,
+    "aria-labelledby": Q,
     "aria-disabled": o || void 0,
-    "aria-required": i,
-    autoFocus: oe,
-    ...ne,
-    onChange: be,
-    onKeyDown: me,
-    onKeyUp: pe,
-    onFocus: ke,
-    onBlur: fe
-  }, Ce = (
+    "aria-required": d,
+    autoFocus: ne,
+    ...le,
+    onChange: pe,
+    onKeyDown: ke,
+    onKeyUp: fe,
+    onFocus: he,
+    onBlur: ve
+  }, ye = (
     // removing value prop is required due to bug in react where
     // value set to undefined override default submit value
-    d === void 0 ? /* @__PURE__ */ a.createElement("input", { ...R }) : /* @__PURE__ */ a.createElement("input", { ...R, value: K ? void 0 : d === null ? "" : d })
-  ), y = N !== void 0 ? /* @__PURE__ */ a.createElement(
+    u === void 0 ? /* @__PURE__ */ e.createElement("input", { ...U }) : /* @__PURE__ */ e.createElement("input", { ...U, value: T ? void 0 : u === null ? "" : u })
+  ), x = I !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
-      className: E("k-checkbox-label", Q),
-      htmlFor: I || L,
+      className: E("k-checkbox-label", Y),
+      htmlFor: b || q,
       style: { userSelect: "none" }
     },
-    N,
-    ae && /* @__PURE__ */ a.createElement("span", { className: "k-label-optional" }, ue)
-  ) : null, x = /* @__PURE__ */ a.createElement("span", { className: ve }, Ce, X);
-  return /* @__PURE__ */ a.createElement(a.Fragment, null, z === "before" ? /* @__PURE__ */ a.createElement("div", { dir: "rtl" }, x, y) : z === "after" ? /* @__PURE__ */ a.createElement("div", { dir: "ltr" }, x, y) : /* @__PURE__ */ a.createElement("div", { dir: he }, x, y));
+    I,
+    te && /* @__PURE__ */ e.createElement("span", { className: "k-label-optional" }, be)
+  ) : null, V = /* @__PURE__ */ e.createElement("span", { className: ge }, ye, Z);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, F === "before" ? /* @__PURE__ */ e.createElement("div", { dir: "rtl" }, V, x) : F === "after" ? /* @__PURE__ */ e.createElement("div", { dir: "ltr" }, V, x) : /* @__PURE__ */ e.createElement("div", { dir: Ce }, V, x));
 });
-$.propTypes = {
-  checked: e.bool,
-  className: e.string,
-  defaultChecked: e.bool,
-  defaultValue: e.any,
-  dir: e.string,
-  disabled: e.bool,
-  id: e.string,
-  size: e.oneOf(["small", "medium", "large"]),
-  rounded: e.oneOf(["small", "medium", "large", "none"]),
-  ariaLabelledBy: e.string,
-  ariaDescribedBy: e.string,
-  label: e.any,
-  labelPlacement: e.string,
-  labelOptional: e.bool,
-  name: e.string,
-  tabIndex: e.number,
-  value: e.any,
-  validationMessage: e.string,
-  required: e.bool,
-  validate: e.bool,
-  valid: e.bool,
-  autoFocus: e.bool,
-  onChange: e.func,
-  onFocus: e.func,
-  onBlur: e.func
+W.propTypes = {
+  checked: a.bool,
+  className: a.string,
+  defaultChecked: a.bool,
+  defaultValue: a.any,
+  dir: a.string,
+  disabled: a.bool,
+  id: a.string,
+  size: a.oneOf(["small", "medium", "large"]),
+  rounded: a.oneOf(["small", "medium", "large", "none"]),
+  ariaLabelledBy: a.string,
+  ariaDescribedBy: a.string,
+  label: a.any,
+  labelPlacement: a.string,
+  labelOptional: a.bool,
+  name: a.string,
+  tabIndex: a.number,
+  value: a.any,
+  validationMessage: a.string,
+  required: a.bool,
+  validate: a.bool,
+  valid: a.bool,
+  autoFocus: a.bool,
+  onChange: a.func,
+  onFocus: a.func,
+  onBlur: a.func
 };
-const _ = {
+const A = {
   size: void 0,
   rounded: void 0
 };
-$.displayName = "KendoCheckbox";
+W.displayName = "KendoCheckbox";
 export {
-  $ as Checkbox,
-  Fe as CheckboxPropsContext
+  W as Checkbox,
+  Se as CheckboxPropsContext
 };