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

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