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

package/textarea/interfaces/TextAreaProps.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { CustomComponent, FormComponentProps } from '@progress/kendo-react-common';
+import { CustomComponent, FormComponentProps, WebMcpProps } from '@progress/kendo-react-common';
 import { TextAreaBlurEvent } from './TextAreaBlurEvent';
 import { TextAreaChangeEvent } from './TextAreaChangeEvent';
 import { TextAreaFocusEvent } from './TextAreaFocusEvent';
@@ -210,5 +210,10 @@ export interface TextAreaProps extends FormComponentProps, Omit<React.TextareaHT
      * @hidden
      */
     textareaStyle?: React.CSSProperties;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }
 export {};

package/textbox/Textbox.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { BaseEvent, CustomComponent, InputsClassStructure } from '@progress/kendo-react-common';
+import { BaseEvent, CustomComponent, InputsClassStructure, WebMcpProps } from '@progress/kendo-react-common';
 import * as React from 'react';
 export interface TextBoxChangeEvent extends BaseEvent<TextBoxHandle> {
     /**
@@ -91,6 +91,23 @@ export interface TextBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputEl
      * This property is related to accessibility.
      */
     inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     *
+     * Pass `true` for defaults or an object for fine-grained control.
+     * When absent or `false`, zero webMcp overhead.
+     *
+     * @example
+     * ```tsx
+     * // Boolean — use provider's dataName
+     * <TextBox webMcp value={value} onChange={handleChange} />
+     *
+     * // Config object — override dataName per component
+     * <TextBox webMcp={{ dataName: 'firstName' }} value={value} onChange={handleChange} />
+     * ```
+     */
+    webMcp?: boolean | WebMcpProps;
 }
 /**
  * Represent the `ref` of the TextBox component.
@@ -99,6 +116,8 @@ export type TextBoxHandle = {
     element: HTMLInputElement | null;
     value: TextBoxProps['value'];
     name?: string | null;
+    /** Programmatically set the value. Triggers `onChange` if provided. */
+    setValue: (value: string) => void;
 };
 /**
  * Represents the [KendoReact TextBox component](https://www.telerik.com/kendo-react-ui/components/inputs/textbox).

package/textbox/Textbox.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 K=require("react"),l=require("prop-types"),a=require("@progress/kendo-react-common");function $(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const n=$(K),v=n.forwardRef((e,s)=>{const t=n.useRef(null),o=n.useRef(null),c=n.useRef(void 0),g=a.useUnstyled(),y=g&&g.uTextBox,C=n.useCallback(()=>{var u;return c.current!==void 0?c.current:(u=t.current)==null?void 0:u.value},[]);n.useImperativeHandle(o,()=>({get element(){return t.current},get name(){return t.current&&t.current.name},get value(){return C()}})),n.useImperativeHandle(s,()=>o.current);const{size:i=r.size,fillMode:f=r.fillMode,rounded:d=r.rounded,autoFocus:k=r.autoFocus,inputAttributes:_,className:x,dir:B,style:M,prefix:F=r.prefix,suffix:S=r.suffix,valid:w,onFocus:T,onBlur:p,modified:H,touched:V,visited:G,validationMessage:U,autoSize:J,textareaStyle:L,...O}=e,[N]=a.useCustomComponent(F),[R]=a.useCustomComponent(S),[b,h]=n.useState(!1),q=u=>{h(!0)},z=u=>{h(!1)},m=n.useCallback(u=>{c.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:o.current}),c.current=void 0},[e.onChange]),E=e.name||e.id,P=n.useCallback(u=>{t.current&&(t.current.value=u);const I={target:t.current,currentTarget:t.current};m(I)},[m]);a.useKendoPaste(t,{fieldName:E,onValueChange:P});const{onFocus:j,onBlur:A}=a.useAsyncFocusBlur({onFocus:q,onBlur:z,onSyncFocus:T,onSyncBlur:p}),D=n.useMemo(()=>a.classNames("k-input","k-textbox",{[`k-input-${a.kendoThemeMaps.sizeMap[i]||i}`]:i,[`k-input-${f}`]:f,[`k-rounded-${a.kendoThemeMaps.roundedMap[d]||d}`]:d,"k-focus":b,"k-required":e.required,"k-disabled":e.disabled,"k-invalid":e.valid===!1},x),[x,f,b,e.disabled,e.required,e.valid,d,i]);return n.createElement("span",{style:M,dir:B,className:D,onFocus:j,onBlur:A},n.createElement(N,null),n.createElement("input",{ref:t,className:a.classNames(a.uTextBox.inputInner({c:y})),autoFocus:k,...Object.assign({},O,_),"aria-required":e.required,onChange:m}),n.createElement(R,null))}),r={prefix:e=>null,suffix:e=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};v.propTypes={size:l.oneOf(["small","medium","large"]),rounded:l.oneOf(["small","medium","large","full","none"]),fillMode:l.oneOf(["solid","flat","outline"]),autoFocus:l.bool,inputAttributes:l.object};v.displayName="KendoReactTextBoxComponent";exports.TextBox=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react"),l=require("prop-types"),r=require("@progress/kendo-react-common");function H(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const n=H($),x=n.forwardRef((e,s)=>{const t=n.useRef(null),a=n.useRef(null),c=n.useRef(void 0),b=r.useUnstyled(),M=b&&b.uTextBox,_=n.useCallback(()=>{var u;return c.current!==void 0?c.current:(u=t.current)==null?void 0:u.value},[]),i=n.useRef(null);n.useImperativeHandle(a,()=>({get element(){return t.current},get name(){return t.current&&t.current.name},get value(){return _()},setValue(g){var k;t.current&&(t.current.value=g);const V={target:t.current,currentTarget:t.current};(k=i.current)==null||k.call(i,V)}})),n.useImperativeHandle(s,()=>a.current),r.useWebMcpRegister("textbox",a,e,e.webMcp);const{size:d=o.size,fillMode:v=o.fillMode,rounded:f=o.rounded,autoFocus:B=o.autoFocus,inputAttributes:T,className:y,dir:F,style:S,prefix:O=o.prefix,suffix:R=o.suffix,valid:G,onFocus:E,onBlur:N,modified:U,touched:W,visited:J,validationMessage:L,autoSize:Q,textareaStyle:X,...p}=e,[q]=r.useCustomComponent(O),[z]=r.useCustomComponent(R),[h,C]=n.useState(!1),P=u=>{C(!0)},j=u=>{C(!1)},m=n.useCallback(u=>{c.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:a.current}),c.current=void 0},[e.onChange]);i.current=m;const w=e.name||e.id,A=n.useCallback(u=>{t.current&&(t.current.value=u);const g={target:t.current,currentTarget:t.current};m(g)},[m]);r.useKendoPaste(t,{fieldName:w,onValueChange:A});const{onFocus:D,onBlur:I}=r.useAsyncFocusBlur({onFocus:P,onBlur:j,onSyncFocus:E,onSyncBlur:N}),K=n.useMemo(()=>r.classNames("k-input","k-textbox",{[`k-input-${r.kendoThemeMaps.sizeMap[d]||d}`]:d,[`k-input-${v}`]:v,[`k-rounded-${r.kendoThemeMaps.roundedMap[f]||f}`]:f,"k-focus":h,"k-required":e.required,"k-disabled":e.disabled,"k-invalid":e.valid===!1},y),[y,v,h,e.disabled,e.required,e.valid,f,d]);return n.createElement("span",{style:S,dir:F,className:K,onFocus:D,onBlur:I},n.createElement(q,null),n.createElement("input",{ref:t,className:r.classNames(r.uTextBox.inputInner({c:M})),autoFocus:B,...Object.assign({},p,T),"aria-required":e.required,onChange:m}),n.createElement(z,null))}),o={prefix:e=>null,suffix:e=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};x.propTypes={size:l.oneOf(["small","medium","large"]),rounded:l.oneOf(["small","medium","large","full","none"]),fillMode:l.oneOf(["solid","flat","outline"]),autoFocus:l.bool,inputAttributes:l.object};x.displayName="KendoReactTextBoxComponent";exports.TextBox=x;

package/textbox/Textbox.mjs

@@ -6,109 +6,120 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as t from "react";
-import o from "prop-types";
-import { useUnstyled as V, useCustomComponent as g, useKendoPaste as w, useAsyncFocusBlur as D, classNames as h, kendoThemeMaps as C, uTextBox as G } from "@progress/kendo-react-common";
-const k = t.forwardRef((e, y) => {
-  const u = t.useRef(null), i = t.useRef(null), l = t.useRef(void 0), f = V(), b = f && f.uTextBox, B = t.useCallback(() => {
-    var n;
-    return l.current !== void 0 ? l.current : (n = u.current) == null ? void 0 : n.value;
-  }, []);
-  t.useImperativeHandle(i, () => ({
+import a from "prop-types";
+import { useUnstyled as G, useWebMcpRegister as U, useCustomComponent as y, useKendoPaste as W, useAsyncFocusBlur as J, classNames as C, kendoThemeMaps as k, uTextBox as L } from "@progress/kendo-react-common";
+const B = t.forwardRef((e, F) => {
+  const n = t.useRef(null), o = t.useRef(null), s = t.useRef(void 0), v = G(), M = v && v.uTextBox, _ = t.useCallback(() => {
+    var u;
+    return s.current !== void 0 ? s.current : (u = n.current) == null ? void 0 : u.value;
+  }, []), l = t.useRef(null);
+  t.useImperativeHandle(o, () => ({
     get element() {
-      return u.current;
+      return n.current;
     },
     get name() {
-      return u.current && u.current.name;
+      return n.current && n.current.name;
     },
     get value() {
-      return B();
+      return _();
+    },
+    setValue(m) {
+      var b;
+      n.current && (n.current.value = m);
+      const D = {
+        target: n.current,
+        currentTarget: n.current
+      };
+      (b = l.current) == null || b.call(l, D);
     }
-  })), t.useImperativeHandle(y, () => i.current);
+  })), t.useImperativeHandle(F, () => o.current), U("textbox", o, e, e.webMcp);
   const {
-    size: r = a.size,
-    fillMode: c = a.fillMode,
-    rounded: s = a.rounded,
-    autoFocus: F = a.autoFocus,
-    inputAttributes: _,
-    className: m,
-    dir: M,
-    style: E,
-    prefix: S = a.prefix,
-    suffix: T = a.suffix,
-    valid: U,
-    onFocus: z,
-    onBlur: N,
+    size: c = r.size,
+    fillMode: f = r.fillMode,
+    rounded: i = r.rounded,
+    autoFocus: E = r.autoFocus,
+    inputAttributes: T,
+    className: x,
+    dir: R,
+    style: S,
+    prefix: z = r.prefix,
+    suffix: N = r.suffix,
+    valid: Q,
+    onFocus: q,
+    onBlur: P,
     // Destruct to avoid warning when used inside a form field
-    modified: J,
-    touched: L,
-    visited: Q,
-    validationMessage: W,
-    autoSize: X,
-    textareaStyle: Y,
-    ...R
-  } = e, [p] = g(S), [q] = g(T), [v, x] = t.useState(!1), P = (n) => {
-    x(!0);
-  }, O = (n) => {
-    x(!1);
+    modified: X,
+    touched: Y,
+    visited: Z,
+    validationMessage: ee,
+    autoSize: te,
+    textareaStyle: ne,
+    ...O
+  } = e, [p] = y(z), [A] = y(N), [g, h] = t.useState(!1), I = (u) => {
+    h(!0);
+  }, K = (u) => {
+    h(!1);
   }, d = t.useCallback(
-    (n) => {
-      l.current = n.target.value, e.onChange && e.onChange.call(void 0, {
-        syntheticEvent: n,
-        nativeEvent: n.nativeEvent,
-        value: n.target.value,
-        target: i.current
-      }), l.current = void 0;
+    (u) => {
+      s.current = u.target.value, e.onChange && e.onChange.call(void 0, {
+        syntheticEvent: u,
+        nativeEvent: u.nativeEvent,
+        value: u.target.value,
+        target: o.current
+      }), s.current = void 0;
     },
     [e.onChange]
-  ), A = e.name || e.id, I = t.useCallback(
-    (n) => {
-      u.current && (u.current.value = n);
-      const H = {
-        target: u.current,
-        currentTarget: u.current
+  );
+  l.current = d;
+  const V = e.name || e.id, $ = t.useCallback(
+    (u) => {
+      n.current && (n.current.value = u);
+      const m = {
+        target: n.current,
+        currentTarget: n.current
       };
-      d(H);
+      d(m);
     },
     [d]
   );
-  w(u, {
-    fieldName: A,
-    onValueChange: I
+  W(n, {
+    fieldName: V,
+    onValueChange: $
   });
-  const { onFocus: K, onBlur: $ } = D({
-    onFocus: P,
-    onBlur: O,
-    onSyncFocus: z,
-    onSyncBlur: N
-  }), j = t.useMemo(
-    () => h(
+  const { onFocus: j, onBlur: w } = J({
+    onFocus: I,
+    onBlur: K,
+    onSyncFocus: q,
+    onSyncBlur: P
+  }), H = t.useMemo(
+    () => C(
       "k-input",
       "k-textbox",
       {
-        [`k-input-${C.sizeMap[r] || r}`]: r,
-        [`k-input-${c}`]: c,
-        [`k-rounded-${C.roundedMap[s] || s}`]: s,
-        "k-focus": v,
+        [`k-input-${k.sizeMap[c] || c}`]: c,
+        [`k-input-${f}`]: f,
+        [`k-rounded-${k.roundedMap[i] || i}`]: i,
+        "k-focus": g,
         "k-required": e.required,
         "k-disabled": e.disabled,
         "k-invalid": e.valid === !1
       },
-      m
+      x
     ),
-    [m, c, v, e.disabled, e.required, e.valid, s, r]
+    [x, f, g, e.disabled, e.required, e.valid, i, c]
   );
-  return /* @__PURE__ */ t.createElement("span", { style: E, dir: M, className: j, onFocus: K, onBlur: $ }, /* @__PURE__ */ t.createElement(p, null), /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement("span", { style: S, dir: R, className: H, onFocus: j, onBlur: w }, /* @__PURE__ */ t.createElement(p, null), /* @__PURE__ */ t.createElement(
     "input",
     {
-      ref: u,
-      className: h(G.inputInner({ c: b })),
-      autoFocus: F,
-      ...Object.assign({}, R, _),
+      ref: n,
+      className: C(L.inputInner({ c: M })),
+      autoFocus: E,
+      ...Object.assign({}, O, T),
       "aria-required": e.required,
       onChange: d
     }
-  ), /* @__PURE__ */ t.createElement(q, null));
-}), a = {
+  ), /* @__PURE__ */ t.createElement(A, null));
+}), r = {
   prefix: (e) => null,
   suffix: (e) => null,
   size: void 0,
@@ -116,14 +127,14 @@ const k = t.forwardRef((e, y) => {
   fillMode: void 0,
   autoFocus: !1
 };
-k.propTypes = {
-  size: o.oneOf(["small", "medium", "large"]),
-  rounded: o.oneOf(["small", "medium", "large", "full", "none"]),
-  fillMode: o.oneOf(["solid", "flat", "outline"]),
-  autoFocus: o.bool,
-  inputAttributes: o.object
+B.propTypes = {
+  size: a.oneOf(["small", "medium", "large"]),
+  rounded: a.oneOf(["small", "medium", "large", "full", "none"]),
+  fillMode: a.oneOf(["solid", "flat", "outline"]),
+  autoFocus: a.bool,
+  inputAttributes: a.object
 };
-k.displayName = "KendoReactTextBoxComponent";
+B.displayName = "KendoReactTextBoxComponent";
 export {
-  k as TextBox
+  B as TextBox
 };