@progress/kendo-react-grid 14.5.0-develop.9 → 15.0.0-develop.1

package/filterCommon.d.ts

@@ -58,7 +58,7 @@ export declare const defaultHideSecondFilter: {
 /**
  * Normalize data for calling onChange.
  */
-export declare const cellInputChange: (value: any, e: React.SyntheticEvent<any>, props: any) => void;
+export declare const cellInputChange: (value: any, e: React.SyntheticEvent<any>, props: any, clearOperatorOnClear?: boolean) => void;
 /**
  * @hidden
  */

package/filterCommon.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 x=require("./messages/index.js"),O=require("@progress/kendo-react-intl"),m=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],y={text:[{text:"grid.filterContainsOperator",operator:"contains"},{text:"grid.filterNotContainsOperator",operator:"doesnotcontain"},{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterStartsWithOperator",operator:"startswith"},{text:"grid.filterEndsWithOperator",operator:"endswith"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"},{text:"grid.filterIsEmptyOperator",operator:"isempty"},{text:"grid.filterIsNotEmptyOperator",operator:"isnotempty"}],numeric:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterGteOperator",operator:"gte"},{text:"grid.filterGtOperator",operator:"gt"},{text:"grid.filterLteOperator",operator:"lte"},{text:"grid.filterLtOperator",operator:"lt"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],date:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterAfterOrEqualOperator",operator:"gte"},{text:"grid.filterAfterOperator",operator:"gt"},{text:"grid.filterBeforeOperator",operator:"lt"},{text:"grid.filterBeforeOrEqualOperator",operator:"lte"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],boolean:[{text:"grid.filterEqOperator",operator:"eq"}]},a=e=>e==="isnull"||e==="isnotnull"||e==="isempty"||e==="isnotempty",h=(e,i)=>e.map(t=>({text:i.toLanguageString(t.text,x.messages[t.text]),operator:t.operator})),d="eq",q=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],I={text:!1,numeric:!1,date:!1,boolean:!0},E=(e,i,t)=>{const o=g(t.operators);let r=t.operator;switch(t.filterType){case"numeric":(!r||a(r))&&(r=o);break;case"date":(!r||a(r))&&(r=o);break;case"text":(!r||a(r))&&(r=o);break;default:return}t.onChange({value:e,operator:r,syntheticEvent:i})},g=(e,i)=>i?e[i][0].operator:e[0].operator,v=e=>e||"text",N=(e,i)=>{const t=e.target.value;i({value:t.operator,operator:t.operator===""?"":d,syntheticEvent:e.syntheticEvent})},F=(e,i,t)=>{let o=i;const r=e.target.value;e.target.state.opened&&(a(r.operator)&&(o=null),i===null&&!a(r.operator)&&(o=void 0),t({value:o,operator:r.operator,syntheticEvent:e.syntheticEvent}))},n=(e,i)=>{const t=i||new O.IntlService("en-US");if(e.value){const o=t.parseDate(e.value);o&&(e.value=o)}e.filters&&(e.filters=e.filters.map(o=>{if(o.value){const r=t.parseDate(o.value);r&&(o.value=r)}return o}))},b=(e,i)=>{var o;let t=e;if(t&&Object.keys(t).length===0&&(t=null),t!=null&&t.filters&&Array.isArray(t.filters)){const r=i||{filters:[],logic:"and"},u=r.filters.map(l=>l.field||l.filters[0].field),p=t.filters.every(l=>l.field===(t==null?void 0:t.filters[0]).field),s=p?[{filters:t.filters.map(l=>(n(l),l)),logic:t.logic}]:t.filters.map(l=>{const c=l.filters?l:{logic:e.logic,filters:[l]};return n(c),c}),f=p&&u.includes(s[0].filters[0].field);if(f){const l=r.filters[0];l.filters&&((o=l.filters)==null||o.push(...s[0].filters),l.logic=e.logic)}t={...r,filters:f?r.filters:[...r.filters,...s]}}return t};exports.IsUnaryFilter=a;exports.booleanFilterValues=q;exports.cellBoolDropdownChange=N;exports.cellInputChange=E;exports.cellOperatorChange=F;exports.combineSmartFilters=b;exports.defaultBooleanOperator=d;exports.defaultHideSecondFilter=I;exports.filterLogicList=m;exports.getDefaultOperator=g;exports.getFilterType=v;exports.operatorMap=h;exports.operators=y;exports.parseFilterDates=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./messages/index.js"),O=require("@progress/kendo-react-intl"),m=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],y={text:[{text:"grid.filterContainsOperator",operator:"contains"},{text:"grid.filterNotContainsOperator",operator:"doesnotcontain"},{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterStartsWithOperator",operator:"startswith"},{text:"grid.filterEndsWithOperator",operator:"endswith"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"},{text:"grid.filterIsEmptyOperator",operator:"isempty"},{text:"grid.filterIsNotEmptyOperator",operator:"isnotempty"}],numeric:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterGteOperator",operator:"gte"},{text:"grid.filterGtOperator",operator:"gt"},{text:"grid.filterLteOperator",operator:"lte"},{text:"grid.filterLtOperator",operator:"lt"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],date:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterAfterOrEqualOperator",operator:"gte"},{text:"grid.filterAfterOperator",operator:"gt"},{text:"grid.filterBeforeOperator",operator:"lt"},{text:"grid.filterBeforeOrEqualOperator",operator:"lte"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],boolean:[{text:"grid.filterEqOperator",operator:"eq"}]},s=t=>t==="isnull"||t==="isnotnull"||t==="isempty"||t==="isnotempty",h=(t,i)=>t.map(e=>({text:i.toLanguageString(e.text,x.messages[e.text]),operator:e.operator})),g="eq",q=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],I={text:!1,numeric:!1,date:!1,boolean:!0},E=(t,i,e,r=!0)=>{const o=u(e.operators);let a=e.operator;switch(e.filterType){case"numeric":case"date":(!a||s(a))&&(a=o),r&&t===null&&a===o&&(a="");break;case"text":(!a||s(a))&&(a=o),r&&!t&&a===o&&(a="");break;default:return}e.onChange({value:t,operator:a,syntheticEvent:i})},u=(t,i)=>i?t[i][0].operator:t[0].operator,N=t=>t||"text",F=(t,i)=>{const e=t.target.value;i({value:e.operator,operator:e.operator===""?"":g,syntheticEvent:t.syntheticEvent})},v=(t,i,e)=>{let r=i;const o=t.target.value;t.target.state.opened&&(s(o.operator)&&(r=null),i===null&&!s(o.operator)&&(r=void 0),e({value:r,operator:o.operator,syntheticEvent:t.syntheticEvent}))},p=(t,i)=>{const e=i||new O.IntlService("en-US");if(t.value){const r=e.parseDate(t.value);r&&(t.value=r)}t.filters&&(t.filters=t.filters.map(r=>{if(r.value){const o=e.parseDate(r.value);o&&(r.value=o)}return r}))},b=(t,i)=>{var r;let e=t;if(e&&Object.keys(e).length===0&&(e=null),e!=null&&e.filters&&Array.isArray(e.filters)){const o=i||{filters:[],logic:"and"},a=o.filters.map(l=>l.field||l.filters[0].field),f=e.filters.every(l=>l.field===(e==null?void 0:e.filters[0]).field),n=f?[{filters:e.filters.map(l=>(p(l),l)),logic:e.logic}]:e.filters.map(l=>{const c=l.filters?l:{logic:t.logic,filters:[l]};return p(c),c}),d=f&&a.includes(n[0].filters[0].field);if(d){const l=o.filters[0];l.filters&&((r=l.filters)==null||r.push(...n[0].filters),l.logic=t.logic)}e={...o,filters:d?o.filters:[...o.filters,...n]}}return e};exports.IsUnaryFilter=s;exports.booleanFilterValues=q;exports.cellBoolDropdownChange=F;exports.cellInputChange=E;exports.cellOperatorChange=v;exports.combineSmartFilters=b;exports.defaultBooleanOperator=g;exports.defaultHideSecondFilter=I;exports.filterLogicList=m;exports.getDefaultOperator=u;exports.getFilterType=N;exports.operatorMap=h;exports.operators=y;exports.parseFilterDates=p;

package/filterCommon.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { messages as g } from "./messages/index.mjs";
+import { messages as c } from "./messages/index.mjs";
 import { IntlService as u } from "@progress/kendo-react-intl";
 const q = [
   { text: "grid.filterAndLogic", operator: "and" },
@@ -44,101 +44,99 @@ const q = [
     { text: "grid.filterIsNotNullOperator", operator: "isnotnull" }
   ],
   boolean: [{ text: "grid.filterEqOperator", operator: "eq" }]
-}, a = (e) => e === "isnull" || e === "isnotnull" || e === "isempty" || e === "isnotempty", h = (e, i) => e.map((t) => ({
-  text: i.toLanguageString(t.text, g[t.text]),
-  operator: t.operator
+}, s = (t) => t === "isnull" || t === "isnotnull" || t === "isempty" || t === "isnotempty", h = (t, i) => t.map((e) => ({
+  text: i.toLanguageString(e.text, c[e.text]),
+  operator: e.operator
 })), x = "eq", N = [
   { text: "grid.filterBooleanAll", operator: "" },
   { text: "grid.filterIsTrue", operator: !0 },
   { text: "grid.filterIsFalse", operator: !1 }
-], v = {
+], I = {
   text: !1,
   numeric: !1,
   date: !1,
   boolean: !0
-}, I = (e, i, t) => {
-  const o = O(t.operators);
-  let r = t.operator;
-  switch (t.filterType) {
+}, v = (t, i, e, r = !0) => {
+  const o = O(e.operators);
+  let a = e.operator;
+  switch (e.filterType) {
     case "numeric":
-      (!r || a(r)) && (r = o);
-      break;
     case "date":
-      (!r || a(r)) && (r = o);
+      (!a || s(a)) && (a = o), r && t === null && a === o && (a = "");
       break;
     case "text":
-      (!r || a(r)) && (r = o);
+      (!a || s(a)) && (a = o), r && !t && a === o && (a = "");
       break;
     default:
       return;
   }
-  t.onChange({ value: e, operator: r, syntheticEvent: i });
-}, O = (e, i) => i ? e[i][0].operator : e[0].operator, F = (e) => e || "text", b = (e, i) => {
-  const t = e.target.value;
+  e.onChange({ value: t, operator: a, syntheticEvent: i });
+}, O = (t, i) => i ? t[i][0].operator : t[0].operator, F = (t) => t || "text", b = (t, i) => {
+  const e = t.target.value;
   i({
-    value: t.operator,
-    operator: t.operator === "" ? "" : x,
-    syntheticEvent: e.syntheticEvent
+    value: e.operator,
+    operator: e.operator === "" ? "" : x,
+    syntheticEvent: t.syntheticEvent
   });
-}, A = (e, i, t) => {
-  let o = i;
-  const r = e.target.value;
-  e.target.state.opened && (a(r.operator) && (o = null), i === null && !a(r.operator) && (o = void 0), t({ value: o, operator: r.operator, syntheticEvent: e.syntheticEvent }));
-}, d = (e, i) => {
-  const t = i || new u("en-US");
-  if (e.value) {
-    const o = t.parseDate(e.value);
-    o && (e.value = o);
+}, A = (t, i, e) => {
+  let r = i;
+  const o = t.target.value;
+  t.target.state.opened && (s(o.operator) && (r = null), i === null && !s(o.operator) && (r = void 0), e({ value: r, operator: o.operator, syntheticEvent: t.syntheticEvent }));
+}, g = (t, i) => {
+  const e = i || new u("en-US");
+  if (t.value) {
+    const r = e.parseDate(t.value);
+    r && (t.value = r);
   }
-  e.filters && (e.filters = e.filters.map(
-    (o) => {
-      if (o.value) {
-        const r = t.parseDate(o.value);
-        r && (o.value = r);
+  t.filters && (t.filters = t.filters.map(
+    (r) => {
+      if (r.value) {
+        const o = e.parseDate(r.value);
+        o && (r.value = o);
       }
-      return o;
+      return r;
     }
   ));
-}, C = (e, i) => {
-  var o;
-  let t = e;
-  if (t && Object.keys(t).length === 0 && (t = null), t != null && t.filters && Array.isArray(t.filters)) {
-    const r = i || { filters: [], logic: "and" }, c = r.filters.map((l) => l.field || l.filters[0].field), n = t.filters.every((l) => l.field === (t == null ? void 0 : t.filters[0]).field), s = n ? [
+}, L = (t, i) => {
+  var r;
+  let e = t;
+  if (e && Object.keys(e).length === 0 && (e = null), e != null && e.filters && Array.isArray(e.filters)) {
+    const o = i || { filters: [], logic: "and" }, a = o.filters.map((l) => l.field || l.filters[0].field), p = e.filters.every((l) => l.field === (e == null ? void 0 : e.filters[0]).field), n = p ? [
       {
-        filters: t.filters.map((l) => (d(l), l)),
-        logic: t.logic
+        filters: e.filters.map((l) => (g(l), l)),
+        logic: e.logic
       }
-    ] : t.filters.map((l) => {
-      const f = l.filters ? l : {
-        logic: e.logic,
+    ] : e.filters.map((l) => {
+      const d = l.filters ? l : {
+        logic: t.logic,
         filters: [l]
       };
-      return d(f), f;
-    }), p = n && c.includes(s[0].filters[0].field);
-    if (p) {
-      const l = r.filters[0];
-      l.filters && ((o = l.filters) == null || o.push(...s[0].filters), l.logic = e.logic);
+      return g(d), d;
+    }), f = p && a.includes(n[0].filters[0].field);
+    if (f) {
+      const l = o.filters[0];
+      l.filters && ((r = l.filters) == null || r.push(...n[0].filters), l.logic = t.logic);
     }
-    t = {
-      ...r,
-      filters: p ? r.filters : [...r.filters, ...s]
+    e = {
+      ...o,
+      filters: f ? o.filters : [...o.filters, ...n]
     };
   }
-  return t;
+  return e;
 };
 export {
-  a as IsUnaryFilter,
+  s as IsUnaryFilter,
   N as booleanFilterValues,
   b as cellBoolDropdownChange,
-  I as cellInputChange,
+  v as cellInputChange,
   A as cellOperatorChange,
-  C as combineSmartFilters,
+  L as combineSmartFilters,
   x as defaultBooleanOperator,
-  v as defaultHideSecondFilter,
+  I as defaultHideSecondFilter,
   q as filterLogicList,
   O as getDefaultOperator,
   F as getFilterType,
   h as operatorMap,
   E as operators,
-  d as parseFilterDates
+  g as parseFilterDates
 };

package/header/HeaderRow.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 V=require("react"),_=require("./GridHeaderCell.js"),c=require("@progress/kendo-react-common"),$=require("@progress/kendo-react-data-tools"),S=require("../messages/index.js"),N=require("@progress/kendo-svg-icons"),d=require("../utils/index.js"),v=require("./client/GridHeaderCellContainer.js"),B=require("./client/HeaderRowDraggable.js"),F=require("./client/GridHeaderRowContainer.js"),J=require("./client/GridHeaderCellElementContainer.js"),K=require("./client/HeaderCellResizer.js");function Q(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const l=Q(V),U={none:"none",asc:"ascending",desc:"descending"},X=e=>{const i=e.columnsState||[],a=e.unstyled,o=a&&a.uGrid?a.uGrid:c.uGrid;let w=0,P=-1;const O=r=>{if(!e.sort)return null;const n=c.classNames(o.sortIcon({}));return r>=0&&[l.createElement("span",{key:1,className:n},l.createElement(c.IconWrap,{name:"sort-"+e.sort[r].dir+"-small",icon:e.sort[r].dir==="asc"?N.sortAscSmallIcon:N.sortDescSmallIcon})),e.sort.length>1&&l.createElement("span",{key:2,className:n},l.createElement("span",{className:c.classNames(o.sortOrder({}))},r+1))]},D=r=>r.map(n=>{var M,q,G;const t=e.columns[n],u=i[n],m=(q=(M=t.locked)!=null?M:u==null?void 0:u.locked)!=null?q:!1,h=e.sortable&&t.sortable,C=e.sort?e.sort.findIndex(s=>s.field===t.field):-1,T=C>=0&&e.sort[C].dir||"none",k=t.columnMenu===null?null:t.columnMenu||e.columnMenu,j=t.menuIcon||e.columnMenuIcon,A=c.classNames(c.classNames(o.headerTh({first:t.kFirst,filterable:!!k,locked:m,sorted:e.sort&&e.sort.some(s=>s.field===t.field)})),t.headerClassName);m===!1&&(t.left=0);const L=e.localization.toLanguageString(S.sortAriaLabel,S.messages[S.sortAriaLabel]),z=t.isAccessible?{ariaSort:U[T],role:"columnheader",ariaColumnIndex:t.ariaColumnIndex,ariaSelected:!1,ariaDescription:h?L:""}:{role:"presentation"},E=t.declarationIndex>=0?++P:--w,f={field:t.field,title:t.title,selectionValue:(G=t.headerSelectionValue)!=null?G:e.headerSelectionValue,children:O(C),selectionChange:null,columnMenuWrapperProps:{column:{field:t.field,title:t.title,locked:m,filter:t.filter,id:t.id},sortable:h&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&t.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:k,columnMenuIcon:j}},b={...z,colSpan:t.headerColSpan,rowSpan:t.rowSpan,className:A,columnId:t.id,navigatable:t.navigatable,role:"columnheader"},g=d.clientColumn(t),R={column:g,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:f.columnMenuWrapperProps},y=t.defaultHeaderCell?t.defaultHeaderCell:_.GridHeaderCell,I=[l.createElement(v.GridHeaderCellContainer,{key:1,...R,isClient:d.isClientReference(y)},l.createElement(y,{...f})),l.createElement(K.HeaderCellResizer,{key:2,column:g})],H=d.resolveCells(e.cells,t.cells);if(H&&H.headerCell){const s=H.headerCell,W=d.isClientReference(s);return l.createElement(v.GridHeaderCellContainer,{key:E,...R,thProps:b,isCustom:!0,isClient:W},l.createElement(s,{...f,thProps:b,index:n},I))}return l.createElement(J.GridHeaderCellElementContainer,{key:E,column:g},l.createElement($.HeaderThElement,{...b},I))}),x=e.columns.map(d.clientColumn);return l.createElement(F.GridHeaderRowContainer,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:x},e.columnsMap.map((r,n)=>l.createElement(B.HeaderRowDraggable,{key:n,className:c.classNames(o.simpleTr({})),ariaRowIndex:n+1},D(r))))};exports.HeaderRow=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),_=require("./GridHeaderCell.js"),s=require("@progress/kendo-react-common"),$=require("@progress/kendo-react-data-tools"),h=require("../messages/index.js"),G=require("@progress/kendo-svg-icons"),d=require("../utils/index.js"),N=require("./client/GridHeaderCellContainer.js"),B=require("./client/HeaderRowDraggable.js"),F=require("./client/GridHeaderRowContainer.js"),J=require("./client/GridHeaderCellElementContainer.js"),K=require("./client/HeaderCellResizer.js");function Q(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const t=Q(V),U={none:"none",asc:"ascending",desc:"descending"},X=e=>{const i=e.columnsState||[],a=e.unstyled,o=a&&a.uGrid?a.uGrid:s.uGrid;let P=0,w=-1;const O=r=>{if(!e.sort)return null;const n=s.classNames(o.sortIcon({}));return r>=0&&[t.createElement("span",{key:1,className:n},t.createElement(s.IconWrap,{name:"sort-"+e.sort[r].dir+"-small",icon:e.sort[r].dir==="asc"?G.sortAscSmallIcon:G.sortDescSmallIcon})),e.sort.length>1&&t.createElement("span",{key:2,className:n},t.createElement("span",{className:s.classNames(o.sortOrder({}))},r+1))]},D=r=>r.map(n=>{var M,q,v;const l=e.columns[n],u=i[n],m=(q=(M=l.locked)!=null?M:u==null?void 0:u.locked)!=null?q:!1,k=e.sortable&&l.sortable,C=e.sort?e.sort.findIndex(c=>c.field===l.field):-1,T=C>=0&&e.sort[C].dir||"none",f=l.columnMenu===null?null:l.columnMenu||e.columnMenu,j=l.menuIcon||e.columnMenuIcon,A=s.classNames(s.classNames(o.headerTh({first:l.kFirst,filterable:!!f,locked:m,sorted:e.sort&&e.sort.some(c=>c.field===l.field)})),l.headerClassName);m===!1&&(l.left=0);const L=e.localization.toLanguageString(h.sortAriaLabel,h.messages[h.sortAriaLabel]),z=l.isAccessible?{ariaSort:U[T],role:"columnheader",ariaColumnIndex:l.ariaColumnIndex,ariaSelected:!1,ariaDescription:k?L:"",ariaHasPopup:f?"dialog":void 0}:{role:"presentation"},E=l.declarationIndex>=0?++w:--P,b={field:l.field,title:l.title,selectionValue:(v=l.headerSelectionValue)!=null?v:e.headerSelectionValue,children:O(C),selectionChange:null,columnMenuWrapperProps:{column:{field:l.field,title:l.title,locked:m,filter:l.filter,id:l.id},sortable:k&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&l.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:f,columnMenuIcon:j}},g={...z,colSpan:l.headerColSpan,rowSpan:l.rowSpan,className:A,columnId:l.id,navigatable:l.navigatable,role:"columnheader"},H=d.clientColumn(l),R={column:H,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:b.columnMenuWrapperProps},y=l.defaultHeaderCell?l.defaultHeaderCell:_.GridHeaderCell,I=[t.createElement(N.GridHeaderCellContainer,{key:1,...R,isClient:d.isClientReference(y)},t.createElement(y,{...b})),t.createElement(K.HeaderCellResizer,{key:2,column:H})],S=d.resolveCells(e.cells,l.cells);if(S&&S.headerCell){const c=S.headerCell,W=d.isClientReference(c);return t.createElement(N.GridHeaderCellContainer,{key:E,...R,thProps:g,isCustom:!0,isClient:W},t.createElement(c,{...b,thProps:g,index:n},I))}return t.createElement(J.GridHeaderCellElementContainer,{key:E,column:H},t.createElement($.HeaderThElement,{...g},I))}),x=e.columns.map(d.clientColumn);return t.createElement(F.GridHeaderRowContainer,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:x},e.columnsMap.map((r,n)=>t.createElement(B.HeaderRowDraggable,{key:n,className:s.classNames(o.simpleTr({})),ariaRowIndex:n+1},D(r))))};exports.HeaderRow=X;

package/header/HeaderRow.mjs

@@ -11,8 +11,8 @@ import { uGrid as j, classNames as o, IconWrap as q } from "@progress/kendo-reac
 import { HeaderThElement as J } from "@progress/kendo-react-data-tools";
 import { sortAriaLabel as y, messages as K } from "../messages/index.mjs";
 import { sortAscSmallIcon as Q, sortDescSmallIcon as U } from "@progress/kendo-svg-icons";
-import { clientColumn as G, isClientReference as N, resolveCells as X } from "../utils/index.mjs";
-import { GridHeaderCellContainer as P } from "./client/GridHeaderCellContainer.mjs";
+import { clientColumn as P, isClientReference as G, resolveCells as X } from "../utils/index.mjs";
+import { GridHeaderCellContainer as N } from "./client/GridHeaderCellContainer.mjs";
 import { HeaderRowDraggable as Y } from "./client/HeaderRowDraggable.mjs";
 import { GridHeaderRowContainer as Z } from "./client/GridHeaderRowContainer.mjs";
 import { GridHeaderCellElementContainer as _ } from "./client/GridHeaderCellElementContainer.mjs";
@@ -22,12 +22,12 @@ const p = {
   asc: "ascending",
   desc: "descending"
 }, de = (e) => {
-  const R = e.columnsState || [], s = e.unstyled, c = s && s.uGrid ? s.uGrid : j;
+  const R = e.columnsState || [], c = e.unstyled, s = c && c.uGrid ? c.uGrid : j;
   let w = 0, x = -1;
   const A = (a) => {
     if (!e.sort)
       return null;
-    const n = o(c.sortIcon({}));
+    const n = o(s.sortIcon({}));
     return a >= 0 && [
       /* @__PURE__ */ t.createElement("span", { key: 1, className: n }, /* @__PURE__ */ t.createElement(
         q,
@@ -36,15 +36,15 @@ const p = {
           icon: e.sort[a].dir === "asc" ? Q : U
         }
       )),
-      e.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: n }, /* @__PURE__ */ t.createElement("span", { className: o(c.sortOrder({})) }, a + 1))
+      e.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: n }, /* @__PURE__ */ t.createElement("span", { className: o(s.sortOrder({})) }, a + 1))
     ];
   }, D = (a) => a.map((n) => {
-    var H, M, v;
-    const l = e.columns[n], i = R[n], m = (M = (H = l.locked) != null ? H : i == null ? void 0 : i.locked) != null ? M : !1, g = e.sortable && l.sortable, d = e.sort ? e.sort.findIndex((r) => r.field === l.field) : -1, W = d >= 0 && e.sort[d].dir || "none", h = l.columnMenu === null ? null : l.columnMenu || e.columnMenu, O = l.menuIcon || e.columnMenuIcon, T = o(
+    var I, M, v;
+    const l = e.columns[n], i = R[n], m = (M = (I = l.locked) != null ? I : i == null ? void 0 : i.locked) != null ? M : !1, h = e.sortable && l.sortable, d = e.sort ? e.sort.findIndex((r) => r.field === l.field) : -1, W = d >= 0 && e.sort[d].dir || "none", u = l.columnMenu === null ? null : l.columnMenu || e.columnMenu, O = l.menuIcon || e.columnMenuIcon, T = o(
       o(
-        c.headerTh({
+        s.headerTh({
           first: l.kFirst,
-          filterable: !!h,
+          filterable: !!u,
           locked: m,
           sorted: e.sort && e.sort.some((r) => r.field === l.field)
         })
@@ -57,10 +57,11 @@ const p = {
       role: "columnheader",
       ariaColumnIndex: l.ariaColumnIndex,
       ariaSelected: !1,
-      ariaDescription: g ? V : ""
+      ariaDescription: h ? V : "",
+      ariaHasPopup: u ? "dialog" : void 0
     } : {
       role: "presentation"
-    }, E = l.declarationIndex >= 0 ? ++x : --w, u = {
+    }, E = l.declarationIndex >= 0 ? ++x : --w, f = {
       field: l.field,
       title: l.title,
       selectionValue: (v = l.headerSelectionValue) != null ? v : e.headerSelectionValue,
@@ -74,7 +75,7 @@ const p = {
           filter: l.filter,
           id: l.id
         },
-        sortable: g && e.sortable,
+        sortable: h && e.sortable,
         sort: e.sort,
         filter: e.filter,
         filterable: e.filterable && l.filterable,
@@ -82,10 +83,10 @@ const p = {
         navigatable: e.navigatable,
         group: e.group,
         groupable: e.groupable,
-        columnMenu: h,
+        columnMenu: u,
         columnMenuIcon: O
       }
-    }, f = {
+    }, C = {
       ...z,
       colSpan: l.headerColSpan,
       rowSpan: l.rowSpan,
@@ -93,31 +94,31 @@ const p = {
       columnId: l.id,
       navigatable: l.navigatable,
       role: "columnheader"
-    }, C = G(l), S = {
-      column: C,
+    }, b = P(l), S = {
+      column: b,
       sortable: e.sortable,
       sort: e.sort,
-      columnMenuWrapperProps: u.columnMenuWrapperProps
-    }, k = l.defaultHeaderCell ? l.defaultHeaderCell : F, I = [
-      /* @__PURE__ */ t.createElement(P, { key: 1, ...S, isClient: N(k) }, /* @__PURE__ */ t.createElement(k, { ...u })),
-      /* @__PURE__ */ t.createElement($, { key: 2, column: C })
-    ], b = X(e.cells, l.cells);
-    if (b && b.headerCell) {
-      const r = b.headerCell, B = N(r);
+      columnMenuWrapperProps: f.columnMenuWrapperProps
+    }, k = l.defaultHeaderCell ? l.defaultHeaderCell : F, H = [
+      /* @__PURE__ */ t.createElement(N, { key: 1, ...S, isClient: G(k) }, /* @__PURE__ */ t.createElement(k, { ...f })),
+      /* @__PURE__ */ t.createElement($, { key: 2, column: b })
+    ], g = X(e.cells, l.cells);
+    if (g && g.headerCell) {
+      const r = g.headerCell, B = G(r);
       return /* @__PURE__ */ t.createElement(
-        P,
+        N,
         {
           key: E,
           ...S,
-          thProps: f,
+          thProps: C,
           isCustom: !0,
           isClient: B
         },
-        /* @__PURE__ */ t.createElement(r, { ...u, thProps: f, index: n }, I)
+        /* @__PURE__ */ t.createElement(r, { ...f, thProps: C, index: n }, H)
       );
     }
-    return /* @__PURE__ */ t.createElement(_, { key: E, column: C }, /* @__PURE__ */ t.createElement(J, { ...f }, I));
-  }), L = e.columns.map(G);
+    return /* @__PURE__ */ t.createElement(_, { key: E, column: b }, /* @__PURE__ */ t.createElement(J, { ...C }, H));
+  }), L = e.columns.map(P);
   return /* @__PURE__ */ t.createElement(
     Z,
     {
@@ -127,7 +128,7 @@ const p = {
       groupable: e.groupable,
       columns: L
     },
-    e.columnsMap.map((a, n) => /* @__PURE__ */ t.createElement(Y, { key: n, className: o(c.simpleTr({})), ariaRowIndex: n + 1 }, D(a)))
+    e.columnsMap.map((a, n) => /* @__PURE__ */ t.createElement(Y, { key: n, className: o(s.simpleTr({})), ariaRowIndex: n + 1 }, D(a)))
   );
 };
 export {

package/index.d.mts

@@ -7,6 +7,8 @@
  */
 import { Grid, GridHandle } from './Grid.js';
 import { GridProps, GridCSVExportOptions } from './interfaces/GridProps';
+import { GridWebMcpProps, GridWebMcpToolsCallback, GridWebMcpToolsHelpers } from './GridWebMcpProps';
+import { McpToolOption } from '@progress/kendo-react-common';
 import { GridColumn } from './GridColumn.js';
 import { GridColumnProps } from './interfaces/GridColumnProps';
 import { GridColSpanProps } from './interfaces/GridColSpanProps';
@@ -92,6 +94,6 @@ export * from './GridSearchBox.js';
 export * from './GridPdfExportButton.js';
 export * from './GridCsvExportButton.js';
 export * from './toolbar-tools/smartbox/index.js';
-export { CompositeHighlightDescriptor, Grid, GridHandle, GridHighlightDescriptor, GridProps, GridColumn, GridColumnProps, GridColSpanProps, GridEditDialogProps, GridColumnChildrenProps, GridCellProps, GridColumnType, GridRowReorderEvent, GridDataType, GridRowReorderSettings, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridDetailRowProps, GridRow, GridRowProps, GridFilterCell, GridFilterCellProps, GridHeaderCell, GridHeaderCellProps, GridSelectionCell, GridColumnMenuProps, GridReorderDropPosition, GridColumnMenuSort, GridColumnMenuFilter, GridColumnMenuGroup, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterUIProps, GridColumnMenuFilterCell, GridColumnMenuFilterCellProps, GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterProps, GridColumnMenuColumnsList, GridColumnMenuColumnsListProps, GridColumnMenuColumnsChooser, GridColumnMenuColumnsChooserProps, GridColumnMenuColumnProps, GridColumnState, GridRowType, GridToolbar, GridToolbarProps, GridToolbarAIAssistant, GridToolbarAIAssistantHandle, GridToolbarAIAssistantProps, GridToolbarAIAssistantRequestData, GridAIAssistantCommand, GridAICommands, GridAIPrompt, GridAIPromptProps, GridToolbarSpacer, GridToolbarSpacerProps, GridToolbarSeparator, GridToolbarSeparatorProps, GridToolbarCheckboxFilter, GridToolbarCheckboxFilterProps, GridToolbarColumnsChooser, GridToolbarColumnsChooserProps, GridToolbarFilter, GridToolbarFilterProps, GridToolbarSort, GridToolbarSortProps, GridToolbarGroup, GridToolbarGroupProps, GridNoRecords, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridFooterCellProps, GridSelectableMode, GridSelectableSettings, GridFilterOperators, GridFilterOperator, GridColumnMenuWrapper, GridColumnMenuWrapperProps, getSelectedState, setSelectedState, getSelectedStateFromKeyDown, GRID_COL_INDEX_ATTRIBUTE, GRID_ROW_INDEX_ATTRIBUTE, GRID_PREVENT_SELECTION_ELEMENT, GridCommonDragLogic, rootFilterOrDefault, filterGroupByField, isColumnMenuSortActive, isColumnMenuFilterActive, GridColumnMenuFilterProps, cellBoolDropdownChange, cellInputChange, cellOperatorChange, booleanFilterValues, operators, combineSmartFilters, parseFilterDates, GridRowSpannableSettings, handleAIResponse, GridAIState, GridAIResponseResult, GridCSVExportOptions, useGridAIRequest, GridAIRequestData, UseGridAIRequestOptions, UseGridAIRequestReturn, GridAIRequestConfig, GridAIResponse, GridAIHttpClient, createAxiosAIClient, GridRowPinChangeEvent };
+export { CompositeHighlightDescriptor, Grid, GridHandle, GridHighlightDescriptor, GridProps, GridColumn, GridColumnProps, GridColSpanProps, GridEditDialogProps, GridColumnChildrenProps, GridCellProps, GridColumnType, GridRowReorderEvent, GridDataType, GridRowReorderSettings, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridDetailRowProps, GridRow, GridRowProps, GridFilterCell, GridFilterCellProps, GridHeaderCell, GridHeaderCellProps, GridSelectionCell, GridColumnMenuProps, GridReorderDropPosition, GridColumnMenuSort, GridColumnMenuFilter, GridColumnMenuGroup, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterUIProps, GridColumnMenuFilterCell, GridColumnMenuFilterCellProps, GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterProps, GridColumnMenuColumnsList, GridColumnMenuColumnsListProps, GridColumnMenuColumnsChooser, GridColumnMenuColumnsChooserProps, GridColumnMenuColumnProps, GridColumnState, GridRowType, GridToolbar, GridToolbarProps, GridToolbarAIAssistant, GridToolbarAIAssistantHandle, GridToolbarAIAssistantProps, GridToolbarAIAssistantRequestData, GridAIAssistantCommand, GridAICommands, GridAIPrompt, GridAIPromptProps, GridToolbarSpacer, GridToolbarSpacerProps, GridToolbarSeparator, GridToolbarSeparatorProps, GridToolbarCheckboxFilter, GridToolbarCheckboxFilterProps, GridToolbarColumnsChooser, GridToolbarColumnsChooserProps, GridToolbarFilter, GridToolbarFilterProps, GridToolbarSort, GridToolbarSortProps, GridToolbarGroup, GridToolbarGroupProps, GridNoRecords, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridFooterCellProps, GridSelectableMode, GridSelectableSettings, GridFilterOperators, GridFilterOperator, GridColumnMenuWrapper, GridColumnMenuWrapperProps, getSelectedState, setSelectedState, getSelectedStateFromKeyDown, GRID_COL_INDEX_ATTRIBUTE, GRID_ROW_INDEX_ATTRIBUTE, GRID_PREVENT_SELECTION_ELEMENT, GridCommonDragLogic, rootFilterOrDefault, filterGroupByField, isColumnMenuSortActive, isColumnMenuFilterActive, GridColumnMenuFilterProps, cellBoolDropdownChange, cellInputChange, cellOperatorChange, booleanFilterValues, operators, combineSmartFilters, parseFilterDates, GridRowSpannableSettings, handleAIResponse, GridAIState, GridAIResponseResult, GridCSVExportOptions, useGridAIRequest, GridAIRequestData, UseGridAIRequestOptions, UseGridAIRequestReturn, GridRowPinChangeEvent, GridWebMcpProps, GridWebMcpToolsCallback, GridWebMcpToolsHelpers, McpToolOption, GridAIRequestConfig, GridAIResponse, GridAIHttpClient, createAxiosAIClient };
 export { GridPinCell, GridHeaderPinCell };
 export * from './interfaces/GridStackedLayoutSettings';

package/index.d.ts

@@ -7,6 +7,8 @@
  */
 import { Grid, GridHandle } from './Grid.js';
 import { GridProps, GridCSVExportOptions } from './interfaces/GridProps';
+import { GridWebMcpProps, GridWebMcpToolsCallback, GridWebMcpToolsHelpers } from './GridWebMcpProps';
+import { McpToolOption } from '@progress/kendo-react-common';
 import { GridColumn } from './GridColumn.js';
 import { GridColumnProps } from './interfaces/GridColumnProps';
 import { GridColSpanProps } from './interfaces/GridColSpanProps';
@@ -92,6 +94,6 @@ export * from './GridSearchBox.js';
 export * from './GridPdfExportButton.js';
 export * from './GridCsvExportButton.js';
 export * from './toolbar-tools/smartbox/index.js';
-export { CompositeHighlightDescriptor, Grid, GridHandle, GridHighlightDescriptor, GridProps, GridColumn, GridColumnProps, GridColSpanProps, GridEditDialogProps, GridColumnChildrenProps, GridCellProps, GridColumnType, GridRowReorderEvent, GridDataType, GridRowReorderSettings, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridDetailRowProps, GridRow, GridRowProps, GridFilterCell, GridFilterCellProps, GridHeaderCell, GridHeaderCellProps, GridSelectionCell, GridColumnMenuProps, GridReorderDropPosition, GridColumnMenuSort, GridColumnMenuFilter, GridColumnMenuGroup, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterUIProps, GridColumnMenuFilterCell, GridColumnMenuFilterCellProps, GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterProps, GridColumnMenuColumnsList, GridColumnMenuColumnsListProps, GridColumnMenuColumnsChooser, GridColumnMenuColumnsChooserProps, GridColumnMenuColumnProps, GridColumnState, GridRowType, GridToolbar, GridToolbarProps, GridToolbarAIAssistant, GridToolbarAIAssistantHandle, GridToolbarAIAssistantProps, GridToolbarAIAssistantRequestData, GridAIAssistantCommand, GridAICommands, GridAIPrompt, GridAIPromptProps, GridToolbarSpacer, GridToolbarSpacerProps, GridToolbarSeparator, GridToolbarSeparatorProps, GridToolbarCheckboxFilter, GridToolbarCheckboxFilterProps, GridToolbarColumnsChooser, GridToolbarColumnsChooserProps, GridToolbarFilter, GridToolbarFilterProps, GridToolbarSort, GridToolbarSortProps, GridToolbarGroup, GridToolbarGroupProps, GridNoRecords, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridFooterCellProps, GridSelectableMode, GridSelectableSettings, GridFilterOperators, GridFilterOperator, GridColumnMenuWrapper, GridColumnMenuWrapperProps, getSelectedState, setSelectedState, getSelectedStateFromKeyDown, GRID_COL_INDEX_ATTRIBUTE, GRID_ROW_INDEX_ATTRIBUTE, GRID_PREVENT_SELECTION_ELEMENT, GridCommonDragLogic, rootFilterOrDefault, filterGroupByField, isColumnMenuSortActive, isColumnMenuFilterActive, GridColumnMenuFilterProps, cellBoolDropdownChange, cellInputChange, cellOperatorChange, booleanFilterValues, operators, combineSmartFilters, parseFilterDates, GridRowSpannableSettings, handleAIResponse, GridAIState, GridAIResponseResult, GridCSVExportOptions, useGridAIRequest, GridAIRequestData, UseGridAIRequestOptions, UseGridAIRequestReturn, GridAIRequestConfig, GridAIResponse, GridAIHttpClient, createAxiosAIClient, GridRowPinChangeEvent };
+export { CompositeHighlightDescriptor, Grid, GridHandle, GridHighlightDescriptor, GridProps, GridColumn, GridColumnProps, GridColSpanProps, GridEditDialogProps, GridColumnChildrenProps, GridCellProps, GridColumnType, GridRowReorderEvent, GridDataType, GridRowReorderSettings, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridDetailRowProps, GridRow, GridRowProps, GridFilterCell, GridFilterCellProps, GridHeaderCell, GridHeaderCellProps, GridSelectionCell, GridColumnMenuProps, GridReorderDropPosition, GridColumnMenuSort, GridColumnMenuFilter, GridColumnMenuGroup, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterUIProps, GridColumnMenuFilterCell, GridColumnMenuFilterCellProps, GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterProps, GridColumnMenuColumnsList, GridColumnMenuColumnsListProps, GridColumnMenuColumnsChooser, GridColumnMenuColumnsChooserProps, GridColumnMenuColumnProps, GridColumnState, GridRowType, GridToolbar, GridToolbarProps, GridToolbarAIAssistant, GridToolbarAIAssistantHandle, GridToolbarAIAssistantProps, GridToolbarAIAssistantRequestData, GridAIAssistantCommand, GridAICommands, GridAIPrompt, GridAIPromptProps, GridToolbarSpacer, GridToolbarSpacerProps, GridToolbarSeparator, GridToolbarSeparatorProps, GridToolbarCheckboxFilter, GridToolbarCheckboxFilterProps, GridToolbarColumnsChooser, GridToolbarColumnsChooserProps, GridToolbarFilter, GridToolbarFilterProps, GridToolbarSort, GridToolbarSortProps, GridToolbarGroup, GridToolbarGroupProps, GridNoRecords, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridFooterCellProps, GridSelectableMode, GridSelectableSettings, GridFilterOperators, GridFilterOperator, GridColumnMenuWrapper, GridColumnMenuWrapperProps, getSelectedState, setSelectedState, getSelectedStateFromKeyDown, GRID_COL_INDEX_ATTRIBUTE, GRID_ROW_INDEX_ATTRIBUTE, GRID_PREVENT_SELECTION_ELEMENT, GridCommonDragLogic, rootFilterOrDefault, filterGroupByField, isColumnMenuSortActive, isColumnMenuFilterActive, GridColumnMenuFilterProps, cellBoolDropdownChange, cellInputChange, cellOperatorChange, booleanFilterValues, operators, combineSmartFilters, parseFilterDates, GridRowSpannableSettings, handleAIResponse, GridAIState, GridAIResponseResult, GridCSVExportOptions, useGridAIRequest, GridAIRequestData, UseGridAIRequestOptions, UseGridAIRequestReturn, GridRowPinChangeEvent, GridWebMcpProps, GridWebMcpToolsCallback, GridWebMcpToolsHelpers, McpToolOption, GridAIRequestConfig, GridAIResponse, GridAIHttpClient, createAxiosAIClient };
 export { GridPinCell, GridHeaderPinCell };
 export * from './interfaces/GridStackedLayoutSettings';

package/interfaces/GridProps.d.ts

@@ -9,6 +9,7 @@ import { ComponentType } from 'react';
 import { DataResult, SortDescriptor, CompositeFilterDescriptor, GroupDescriptor } from '@progress/kendo-data-query';
 import { CSVExportOptions } from '@progress/kendo-csv';
 import { GridGroupableSettings } from './GridGroupableSettings';
+import { GridWebMcpProps } from '../GridWebMcpProps';
 import { GridSortChangeEvent, GridFilterChangeEvent, GridPageChangeEvent, GridSelectionChangeEvent, GridHeaderSelectionChangeEvent, GridRowClickEvent, GridItemChangeEvent, GridDataStateChangeEvent, GridColumnResizeEvent, GridColumnReorderEvent, GridGroupChangeEvent, GridEvent, GridRowDoubleClickEvent, GridNavigationActionEvent, GridKeyDownEvent, GridContextMenuEvent, GridContextMenuItemClickEvent, GridEditChangeEvent, GridDetailExpandChangeEvent, GridGroupExpandChangeEvent, GridRowReorderEvent, GridSearchChangeEvent, GridColumnsStateChangeEvent, GridHighlightChangeEvent, GridRowPinChangeEvent } from './events';
 import { ScrollMode } from '../ScrollMode';
 import { GridSortSettings } from './GridSortSettings';
@@ -1171,6 +1172,27 @@ export interface GridProps extends KendoReactComponentBaseProps {
      * ```
      */
     stackedLayoutSettings?: GridStackedLayoutSettings;
+    /**
+     * Enables Web MCP tools for browser-native AI agent interaction (Chrome 146+).
+     *
+     * When enabled, the Grid registers tools that AI agents can discover and invoke.
+     * Data reading tools (`get_data`, `get_state`) are always registered.
+     * Additional tools are registered based on Grid props:
+     * - `sortable` → `sort` and `clear_sort` tools.
+     *
+     * Pass `true` for defaults or an object for fine-grained control.
+     * AI agents are multilingual — `dataName` accepts any language.
+     *
+     * @example
+     * ```tsx
+     * // Boolean: generic "data" label
+     * <Grid webMcp sortable />
+     *
+     * // Config object: explicit name
+     * <Grid webMcp={{ dataName: 'employees' }} sortable />
+     * ```
+     */
+    webMcp?: GridWebMcpProps;
 }
 /**
  * @hidden

package/package-metadata.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 e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1778599546,version:"14.5.0-develop.9",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1779199650,version:"15.0.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1778599546,
-    version: '14.5.0-develop.9',
+    publishDate: 1779199650,
+    version: '15.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "14.5.0-develop.9",
+  "version": "15.0.0-develop.1",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -30,21 +30,21 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-file-saver": "^1.1.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "14.5.0-develop.9",
-    "@progress/kendo-react-buttons": "14.5.0-develop.9",
-    "@progress/kendo-react-common": "14.5.0-develop.9",
-    "@progress/kendo-react-data-tools": "14.5.0-develop.9",
-    "@progress/kendo-react-dateinputs": "14.5.0-develop.9",
-    "@progress/kendo-react-indicators": "14.5.0-develop.9",
-    "@progress/kendo-react-form": "14.5.0-develop.9",
-    "@progress/kendo-react-labels": "14.5.0-develop.9",
-    "@progress/kendo-react-dialogs": "14.5.0-develop.9",
-    "@progress/kendo-react-dropdowns": "14.5.0-develop.9",
-    "@progress/kendo-react-inputs": "14.5.0-develop.9",
-    "@progress/kendo-react-intl": "14.5.0-develop.9",
-    "@progress/kendo-react-popup": "14.5.0-develop.9",
-    "@progress/kendo-react-layout": "14.5.0-develop.9",
-    "@progress/kendo-react-conversational-ui": "14.5.0-develop.9",
+    "@progress/kendo-react-animation": "15.0.0-develop.1",
+    "@progress/kendo-react-buttons": "15.0.0-develop.1",
+    "@progress/kendo-react-common": "15.0.0-develop.1",
+    "@progress/kendo-react-data-tools": "15.0.0-develop.1",
+    "@progress/kendo-react-dateinputs": "15.0.0-develop.1",
+    "@progress/kendo-react-indicators": "15.0.0-develop.1",
+    "@progress/kendo-react-form": "15.0.0-develop.1",
+    "@progress/kendo-react-labels": "15.0.0-develop.1",
+    "@progress/kendo-react-dialogs": "15.0.0-develop.1",
+    "@progress/kendo-react-dropdowns": "15.0.0-develop.1",
+    "@progress/kendo-react-inputs": "15.0.0-develop.1",
+    "@progress/kendo-react-intl": "15.0.0-develop.1",
+    "@progress/kendo-react-popup": "15.0.0-develop.1",
+    "@progress/kendo-react-layout": "15.0.0-develop.1",
+    "@progress/kendo-react-conversational-ui": "15.0.0-develop.1",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -148,7 +148,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1778599546,
+      "publishDate": 1779199650,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/utils/handleAIResponse.d.ts

@@ -108,7 +108,7 @@ export interface GridAIResponseResult {
  * This is a pure function that takes the current state and AI response,
  * and returns a new state object with all the changes applied.
  *
- * @param response - The axios response from the AI service containing commands
+ * @param response - The response from the AI service containing commands
  * @param currentState - The current grid state
  * @param gridRef - Reference to grid methods (getTotal, getLeafDataItems, exportAsPdf)
  * @returns Object containing the new state, messages, and export flag
@@ -127,8 +127,12 @@ export interface GridAIResponseResult {
  *   const gridRef = useRef<GridHandle>(null);
  *
  *   const handleAIRequest = async (prompt: string) => {
- *     const response = await axios.post('/api/ai/grid', { prompt, columns: gridState.columnsState });
- *     const result = handleAIResponse(response, gridState, gridRef.current);
+ *     const data = await fetch('/api/ai/grid', {
+ *       method: 'POST',
+ *       headers: { 'Content-Type': 'application/json' },
+ *       body: JSON.stringify({ prompt, columns: gridState.columnsState })
+ *     }).then((res) => res.json());
+ *     const result = handleAIResponse({ data }, gridState, gridRef.current);
  *
  *     // Update state with AI changes
  *     setGridState(result.state);