@progress/kendo-react-inputs 15.0.0 → 15.0.1-develop.10

package/MaskedTextBoxMcpWrapper.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { MaskedTextBoxHandle } from './maskedtextbox/MaskedTextBox.js';
+import { MaskedTextBox as MaskedTextBoxOriginal, MaskedTextBoxHandle } from './maskedtextbox/MaskedTextBox.js';
 import { MaskedTextBoxProps } from './maskedtextbox/MaskedTextBoxProps';
 /**
  * MaskedTextBox wrapper that integrates the Web MCP hook.
@@ -15,3 +15,5 @@ import { MaskedTextBoxProps } from './maskedtextbox/MaskedTextBoxProps';
 import * as React from 'react';
 /** @hidden */
 export declare const MaskedTextBoxWrapper: React.ForwardRefExoticComponent<MaskedTextBoxProps & React.RefAttributes<MaskedTextBoxHandle>>;
+/** @hidden */
+export type MaskedTextBoxWrapper = MaskedTextBoxOriginal;

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

package/checkbox/Checkbox.mjs

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

package/checkbox/interfaces/CheckboxProps.d.ts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { ToggleBaseProps } from '../../interfaces/ToggleBaseProps';
-import { FormComponentProps } from '@progress/kendo-react-common';
+import { FormComponentProps, WebMcpProps } from '@progress/kendo-react-common';
 import { CheckboxChangeEvent } from './CheckboxChangeEvent';
 import { CheckboxFocusEvent } from './CheckboxFocusEvent';
 import { CheckboxBlurEvent } from './CheckboxBlurEvent';
@@ -153,5 +153,10 @@ export interface CheckboxProps extends ToggleBaseProps, FormComponentProps, Omit
      * The event handler that will be fired when Checkbox is blurred.
      */
     onBlur?: (event: CheckboxBlurEvent) => void;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }
 export {};