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

package/GridClientWrapper.mjs

@@ -7,30 +7,30 @@
  */
 "use client";
 import * as c from "react";
-import { useAdaptiveModeContext as wn, canUseDOM as ae, getActiveElement as yn, useDir as En, setScrollbarWidth as at, cloneArray as xn, RowHeightService as Sn, getter as te } from "@progress/kendo-react-common";
-import { filterBy as kn } from "@progress/kendo-data-query";
-import { getSelectionOptions as we, populateClipboardData as Dn, ClipboardActionType as ze, getEditableOptions as Kn, tableKeyboardNavigation as ne, ClipboardService as Gn, TableKeyboardNavigationContext as Tn, updateLeft as Hn, updateRight as Mn, getGroupExpandableOptions as An, groupExpandReducer as Fn, getDetailExpandableOptions as Ln, detailExpandReducer as Bn, getSelectedState as ct, editReducer as Wn, EDIT_ACTION as zn, closestTagName as ye, getSelectedStateFromKeyDown as On, getColumnIndex as pn, getRowIndex as Nn } from "@progress/kendo-react-data-tools";
-import { ColumnResize as Un } from "./drag/ColumnResize.mjs";
-import { CommonDragLogic as Vn } from "./drag/CommonDragLogic.mjs";
-import { useStickyGroups as jn } from "./hooks/useStickyGroups.mjs";
-import { getDefaultHeadContextMenuItems as qn, getDefaultBodyContextMenuItems as $n, isRowReorderEnabled as _n, calcRowHeight as Zn, sanitizeColumns as Jn, getFlatColumnsState as Xn, getDataAsArray as Yn } from "./utils/index.mjs";
-import { VirtualScroll as Qn } from "./VirtualScroll.mjs";
-import { GridContextMenu as er, contextMenuItemsMap as tr } from "./contextMenu/GridContextMenu.mjs";
+import { useAdaptiveModeContext as wn, canUseDOM as ae, getActiveElement as yn, useDir as En, setScrollbarWidth as at, cloneArray as xn, useWebMcpRegister as Sn, RowHeightService as kn, getter as te } from "@progress/kendo-react-common";
+import { filterBy as Dn } from "@progress/kendo-data-query";
+import { getSelectionOptions as we, populateClipboardData as Kn, ClipboardActionType as ze, getEditableOptions as Gn, tableKeyboardNavigation as ne, ClipboardService as Tn, TableKeyboardNavigationContext as Hn, updateLeft as Mn, updateRight as An, getGroupExpandableOptions as Fn, groupExpandReducer as Ln, getDetailExpandableOptions as Bn, detailExpandReducer as Wn, getSelectedState as ct, editReducer as zn, EDIT_ACTION as On, closestTagName as ye, getSelectedStateFromKeyDown as pn, getColumnIndex as Nn, getRowIndex as Un } from "@progress/kendo-react-data-tools";
+import { ColumnResize as Vn } from "./drag/ColumnResize.mjs";
+import { CommonDragLogic as jn } from "./drag/CommonDragLogic.mjs";
+import { useStickyGroups as qn } from "./hooks/useStickyGroups.mjs";
+import { getDefaultHeadContextMenuItems as $n, getDefaultBodyContextMenuItems as _n, isRowReorderEnabled as Zn, calcRowHeight as Jn, sanitizeColumns as Xn, getFlatColumnsState as Yn, getDataAsArray as Qn } from "./utils/index.mjs";
+import { VirtualScroll as er } from "./VirtualScroll.mjs";
+import { GridContextMenu as tr, contextMenuItemsMap as nr } from "./contextMenu/GridContextMenu.mjs";
 import { GridContextMenuAnchorPart as dt, GridContextMenuItemNames as Ee } from "./contextMenu/enums.mjs";
-import { normalizeSortable as nr, firstLevelSortSeqMap as rr } from "./sortCommon.mjs";
-import { BasePDFExport as or } from "./BasePDFExport.mjs";
-import { BaseCSVExport as ir } from "./BaseCSVExport.mjs";
-import { GridContext as ar } from "./utils/GridContext.mjs";
-import { operators as cr } from "./filterCommon.mjs";
-const dr = (t, x, b, z) => {
-  const re = Object.keys(x.cells).map((k) => b.findIndex((O) => O.field === k)), Z = Object.keys(x.cells).length > 0 ? re : !0;
+import { normalizeSortable as rr, firstLevelSortSeqMap as or } from "./sortCommon.mjs";
+import { BasePDFExport as ir } from "./BasePDFExport.mjs";
+import { BaseCSVExport as ar } from "./BaseCSVExport.mjs";
+import { GridContext as cr } from "./utils/GridContext.mjs";
+import { operators as dr } from "./filterCommon.mjs";
+const sr = (t, S, b, z) => {
+  const re = Object.keys(S.cells).map((k) => b.findIndex((O) => O.field === k)), Z = Object.keys(S.cells).length > 0 ? re : !0;
   return t.reduce((k, O) => (k[O[z != null ? z : "id"]] = Z, k), {});
-}, st = (t, x, b, z) => x.reduce((Z, k) => ({
+}, st = (t, S, b, z) => S.reduce((Z, k) => ({
   ...Z,
-  ...dr(kn(t, k), k, b, z)
-}), {}), Er = (t) => {
+  ...sr(Dn(t, k), k, b, z)
+}), {}), xr = (t) => {
   var it;
-  const x = t.gridProps.isClient, [b, z] = c.useState({}), re = wn(), Z = c.useRef(null), k = c.useRef(null), O = c.useRef({}), lt = (e) => {
+  const S = t.gridProps.isClient, [b, z] = c.useState({}), re = wn(), Z = c.useRef(null), k = c.useRef(null), O = c.useRef({}), lt = (e) => {
     e.event.preventDefault(), z({
       ...b,
       show: !0,
@@ -46,7 +46,7 @@ const dr = (t, x, b, z) => {
   }, ut = (e) => {
     const n = t.gridProps.dataItemKey || "", o = b.dataItem, r = t.gridProps.pinnedTopRows || [], i = t.gridProps.pinnedBottomRows || [], a = n ? o[n] : void 0, d = a !== void 0 && r.some((s) => s[n] === a), l = a !== void 0 && i.some((s) => s[n] === a);
     return e.map((s) => {
-      const u = typeof s == "string" ? tr[s] : s;
+      const u = typeof s == "string" ? nr[s] : s;
       return (u == null ? void 0 : u.name) === Ee.pinRow && u.items ? {
         ...u,
         items: u.items.filter((m) => m.name === Ee.pinTop ? !d : m.name === Ee.pinBottom ? !l : m.name === Ee.unpin ? d || l : !0)
@@ -54,17 +54,17 @@ const dr = (t, x, b, z) => {
     });
   }, y = c.useMemo(() => t.columnsRef.find((e) => e.field === b.field), [t.columnsRef, b]), pe = c.useMemo(() => {
     const e = t.gridProps.sortable && (y == null ? void 0 : y.sortable);
-    return qn({
+    return $n({
       pdf: !!t.gridProps.pdf,
       sortable: !!e,
       selectable: we(t.gridProps.selectable).enabled,
       clipboard: !!t.gridProps.clipboard
     });
-  }, [y, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), Ne = c.useMemo(() => (t.gridProps.sortable && (y == null || y.sortable), $n({
+  }, [y, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), Ne = c.useMemo(() => (t.gridProps.sortable && (y == null || y.sortable), _n({
     pdf: !!t.gridProps.pdf,
     selectable: we(t.gridProps.selectable).enabled,
     clipboard: !!t.gridProps.clipboard,
-    rowReorderable: _n(t.gridProps.rowReorderable),
+    rowReorderable: Zn(t.gridProps.rowReorderable),
     pinnable: !!t.gridProps.pinnable
   })), [
     y,
@@ -91,7 +91,7 @@ const dr = (t, x, b, z) => {
   ]), gt = (e) => {
     var d, l, s, u, m, w, h, N, g;
     const n = e.event.item, o = {
-      target: S.current,
+      target: E.current,
       syntheticEvent: e.event.syntheticEvent,
       nativeEvent: e.event.nativeEvent,
       menuItem: n,
@@ -114,11 +114,11 @@ const dr = (t, x, b, z) => {
       isDrag: !1,
       ...we(t.gridProps.selectable),
       ...o
-    }, a = r.findIndex((E) => E === e.dataItem);
+    }, a = r.findIndex((x) => x === e.dataItem);
     switch ((d = n.data) == null ? void 0 : d.action) {
       case "SortCommand":
         if (y) {
-          const E = (l = n.name) == null ? void 0 : l.toLowerCase().includes("asc"), _ = ((s = n.name) == null ? void 0 : s.toLowerCase().includes("desc")) ? "desc" : void 0, W = E ? "asc" : _, ee = n.name ? W : void 0;
+          const x = (l = n.name) == null ? void 0 : l.toLowerCase().includes("asc"), _ = ((s = n.name) == null ? void 0 : s.toLowerCase().includes("desc")) ? "desc" : void 0, W = x ? "asc" : _, ee = n.name ? W : void 0;
           Ue(e.event.syntheticEvent, y, ee);
         }
         break;
@@ -172,11 +172,11 @@ const dr = (t, x, b, z) => {
     Oe();
   }, de = () => {
     const e = t.columnsRef.filter((n) => n.declarationIndex >= 0 && n.parentIndex === -1);
-    return Jn(e);
+    return Xn(e);
   }, ft = (e, n, o) => {
-    if (t.gridProps.onContextMenu && x) {
+    if (t.gridProps.onContextMenu && S) {
       const r = {
-        target: S.current,
+        target: E.current,
         syntheticEvent: e,
         nativeEvent: e.nativeEvent,
         dataItem: n,
@@ -201,7 +201,7 @@ const dr = (t, x, b, z) => {
     const r = (a = t.gridProps.virtualSkipRef) == null ? void 0 : a.current;
     C.current && o !== Ae.current && C.current.scrollHandler(e);
     const i = K && ((d = t.gridProps.virtualSkipRef) == null ? void 0 : d.current) !== r;
-    t.gridProps.onScroll && x && f(t.gridProps.onScroll, {
+    t.gridProps.onScroll && S && f(t.gridProps.onScroll, {
       ...I(e)
     }), Ae.current = o, i || nt();
   }, Pt = (e) => {
@@ -256,7 +256,7 @@ const dr = (t, x, b, z) => {
       selectedField: "",
       ...I(e)
     };
-    t.gridProps.onKeyDown && x && f(t.gridProps.onKeyDown, n);
+    t.gridProps.onKeyDown && S && f(t.gridProps.onKeyDown, n);
   }, bt = (e) => {
     ne.onFocus(e, {
       navigatable: !!t.gridProps.navigatable,
@@ -279,7 +279,7 @@ const dr = (t, x, b, z) => {
         ue(o, o - 1, e.event);
       }
     }
-    if (e.action === "select" && Gt(e.event), t.gridProps.onNavigationAction && x) {
+    if (e.action === "select" && Gt(e.event), t.gridProps.onNavigationAction && S) {
       const o = {
         focusElement: e.focusElement,
         ...I(e.event)
@@ -315,8 +315,8 @@ const dr = (t, x, b, z) => {
         const d = !!((i = (r = e.target).closest) != null && i.call(r, ".k-grid-pinned-container"));
         t.gridProps.editZoneRef.current = d ? "pinned" : "body";
       }
-      const a = Wn(t.gridProps.edit, {
-        type: zn.ENTER_FIELD_EDIT,
+      const a = zn(t.gridProps.edit, {
+        type: On.ENTER_FIELD_EDIT,
         payload: { id: n[t.gridProps.dataItemKey], field: o }
       });
       t.gridProps.onEditChange && f(t.gridProps.onEditChange, {
@@ -326,8 +326,8 @@ const dr = (t, x, b, z) => {
     }
   }, xt = (e, n) => {
     var r;
-    if (Ln(t.detailExpandable).enabled) {
-      const i = Bn((r = t.gridProps.detailExpand) != null ? r : {}, e);
+    if (Bn(t.detailExpandable).enabled) {
+      const i = Wn((r = t.gridProps.detailExpand) != null ? r : {}, e);
       t.gridProps.onDetailExpandChange && f(t.gridProps.onDetailExpandChange, {
         ...I(n),
         detailExpand: i
@@ -335,11 +335,11 @@ const dr = (t, x, b, z) => {
     }
   }, St = (e, n) => {
     var r;
-    const o = An(
+    const o = Fn(
       typeof t.gridProps.groupable == "object" ? t.gridProps.groupable.expandable !== !1 : t.gridProps.groupable
     );
     if (o.enabled) {
-      const i = Fn((r = t.gridProps.groupExpand) != null ? r : [], e, o);
+      const i = Ln((r = t.gridProps.groupExpand) != null ? r : [], e, o);
       t.gridProps.onGroupExpandChange && f(t.gridProps.onGroupExpandChange, {
         ...I(n),
         groupExpand: i
@@ -375,10 +375,10 @@ const dr = (t, x, b, z) => {
     }
     t.gridProps.onRowPinChange && f(t.gridProps.onRowPinChange, s);
   }, Ue = (e, n, o) => {
-    const { allowUnsort: r, mode: i } = nr(
+    const { allowUnsort: r, mode: i } = rr(
       t.gridProps.sortable || !1,
       n.sortable || !1
-    ), a = (t.gridProps.sort || []).filter((s) => s.field === n.field)[0], d = o || rr[r][a && a.dir || ""], l = i === "single" ? [] : (t.gridProps.sort || []).filter((s) => s.field !== n.field);
+    ), a = (t.gridProps.sort || []).filter((s) => s.field === n.field)[0], d = o || or[r][a && a.dir || ""], l = i === "single" ? [] : (t.gridProps.sort || []).filter((s) => s.field !== n.field);
     d !== "" && n.field && l.push({ field: n.field, dir: d }), je(l, e);
   }, Dt = (e) => {
     t.gridProps.onItemChange && f(t.gridProps.onItemChange, {
@@ -429,16 +429,16 @@ const dr = (t, x, b, z) => {
       componentId: t.id,
       selectedField: "",
       ...I(e)
-    }, o = On({
+    }, o = pn({
       event: n,
       selectedState: (s = t.gridProps.select) != null ? s : {},
       dataItemKey: t.gridProps.dataItemKey
     });
     if (o === t.gridProps.select)
       return;
-    const r = e.target, i = ye(r, "TD"), a = ye(r, "TR"), d = pn(i), l = Nn(a);
+    const r = e.target, i = ye(r, "TD"), a = ye(r, "TR"), d = Nn(i), l = Un(a);
     if (d !== void 0 && l !== void 0) {
-      const m = (u = Yn(t.gridProps.data)) == null ? void 0 : u[l];
+      const m = (u = Qn(t.gridProps.data)) == null ? void 0 : u[l];
       t.gridProps.onSelectionChange && f(t.gridProps.onSelectionChange, {
         ...n,
         select: o,
@@ -464,7 +464,7 @@ const dr = (t, x, b, z) => {
         field: e.field,
         nativeEvent: e.syntheticEvent && e.syntheticEvent.nativeEvent,
         syntheticEvent: e.syntheticEvent,
-        target: S.current,
+        target: E.current,
         dataItems: n
       });
     }
@@ -488,7 +488,7 @@ const dr = (t, x, b, z) => {
     if (t.gridProps.onSelectionChange && v.enabled) {
       const o = D(), r = o[e.startRowIndex], i = o[e.endRowIndex], a = {
         syntheticEvent: void 0,
-        target: S.current,
+        target: E.current,
         selectedField: "",
         componentId: t.id,
         dataItems: o,
@@ -540,7 +540,7 @@ const dr = (t, x, b, z) => {
     const n = D(), o = {
       syntheticEvent: void 0,
       nativeEvent: void 0,
-      target: S.current,
+      target: E.current,
       selectedField: "",
       componentId: t.id,
       dataItems: n,
@@ -720,13 +720,13 @@ const dr = (t, x, b, z) => {
   }, De = (e) => {
     if (t.gridProps.onColumnsStateChange) {
       const n = {
-        target: S.current,
+        target: E.current,
         columnsState: e
       };
       f(t.gridProps.onColumnsStateChange, n);
     }
   }, ue = (e, n, o) => {
-    const { columnsRef: r, columnsState: i } = t, a = r[e], d = Xn(i), l = a.depth, s = (h) => {
+    const { columnsRef: r, columnsState: i } = t, a = r[e], d = Yn(i), l = a.depth, s = (h) => {
       do
         h++;
       while (h < r.length && r[h].depth > l);
@@ -734,15 +734,15 @@ const dr = (t, x, b, z) => {
     }, u = r.splice(e, s(e) - e);
     r.splice(e < n ? s(n - u.length) : n, 0, ...u), r.filter((h) => h.declarationIndex >= 0).forEach((h, N) => {
       h.orderIndex = N;
-      const g = d.find((E) => E.id === h.id);
+      const g = d.find((x) => x.id === h.id);
       g && (g.orderIndex = N);
     });
     const m = r[e].locked && r[n].locked;
-    Hn(t.columnsMapRef, r, m || be.current), Mn(t.columnsMapRef, r, m || be.current), Ge.current && (be.current = !1, Ge.current = !1);
+    Mn(t.columnsMapRef, r, m || be.current), An(t.columnsMapRef, r, m || be.current), Ge.current && (be.current = !1, Ge.current = !1);
     const w = de();
     if (Y(), t.gridProps.onColumnReorder) {
       const h = {
-        target: S.current,
+        target: E.current,
         columns: w,
         columnId: a.id,
         nativeEvent: o
@@ -761,7 +761,7 @@ const dr = (t, x, b, z) => {
       dropPosition: o,
       nativeEvent: e.originalEvent,
       dragEvent: e,
-      target: S.current
+      target: E.current
     }), ie.current = null;
   }, $t = (e, n, o) => {
     if (t.gridProps.group === void 0)
@@ -782,15 +782,15 @@ const dr = (t, x, b, z) => {
     if (t.gridProps.dataLayoutMode === "stacked") {
       const g = ((e = M.current) == null ? void 0 : e.offsetWidth) || 0;
       if ((n = P.current) != null && n.colGroupMain && g) {
-        const E = P.current.colGroupMain.children, R = E.length - 1;
+        const x = P.current.colGroupMain.children, R = x.length - 1;
         if (R >= 0) {
           let _ = 0;
           for (let ee = 0; ee < R; ee++) {
-            const In = parseFloat((E[ee].width || 0).toString()) || E[ee].clientWidth;
+            const In = parseFloat((x[ee].width || 0).toString()) || x[ee].clientWidth;
             _ += In;
           }
           const W = Math.max(0, g - _);
-          E[R].width = W + "px", (r = (o = P.current.colGroupHeader) == null ? void 0 : o.children) != null && r[R] && (P.current.colGroupHeader.children[R].width = W + "px"), (a = (i = P.current.colGroupFooter) == null ? void 0 : i.children) != null && a[R] && (P.current.colGroupFooter.children[R].width = W + "px"), (l = (d = P.current.colGroupStickyHeader) == null ? void 0 : d.children) != null && l[R] && (P.current.colGroupStickyHeader.children[R].width = W + "px"), (u = (s = P.current.colGroupStickyFooter) == null ? void 0 : s.children) != null && u[R] && (P.current.colGroupStickyFooter.children[R].width = W + "px"), (w = (m = P.current.colGroupPinnedTop) == null ? void 0 : m.children) != null && w[R] && (P.current.colGroupPinnedTop.children[R].width = W + "px"), (N = (h = P.current.colGroupPinnedBottom) == null ? void 0 : h.children) != null && N[R] && (P.current.colGroupPinnedBottom.children[R].width = W + "px");
+          x[R].width = W + "px", (r = (o = P.current.colGroupHeader) == null ? void 0 : o.children) != null && r[R] && (P.current.colGroupHeader.children[R].width = W + "px"), (a = (i = P.current.colGroupFooter) == null ? void 0 : i.children) != null && a[R] && (P.current.colGroupFooter.children[R].width = W + "px"), (l = (d = P.current.colGroupStickyHeader) == null ? void 0 : d.children) != null && l[R] && (P.current.colGroupStickyHeader.children[R].width = W + "px"), (u = (s = P.current.colGroupStickyFooter) == null ? void 0 : s.children) != null && u[R] && (P.current.colGroupStickyFooter.children[R].width = W + "px"), (w = (m = P.current.colGroupPinnedTop) == null ? void 0 : m.children) != null && w[R] && (P.current.colGroupPinnedTop.children[R].width = W + "px"), (N = (h = P.current.colGroupPinnedBottom) == null ? void 0 : h.children) != null && N[R] && (P.current.colGroupPinnedBottom.children[R].width = W + "px");
         }
       }
       $.current && $.current.setWidth(g), q.current && q.current.setWidth(g), A.current && A.current.setWidth(g), F.current && F.current.setWidth(g), L.current && L.current.setWidth(g), B.current && B.current.setWidth(g), j.current && (j.current.style.width = g ? g + "px" : "");
@@ -798,9 +798,9 @@ const dr = (t, x, b, z) => {
       let g = 0;
       if (!P.current.colGroupMain)
         return;
-      const E = P.current.colGroupMain.children;
-      for (let R = 0; R < E.length; R++) {
-        const _ = E[R].width;
+      const x = P.current.colGroupMain.children;
+      for (let R = 0; R < x.length; R++) {
+        const _ = x[R].width;
         if (!_) {
           g = 0;
           break;
@@ -822,7 +822,7 @@ const dr = (t, x, b, z) => {
   }, Jt = () => {
     const e = t.gridProps.minRowHeightRef;
     if (e && !e.current && !t.gridProps.rowHeight) {
-      const n = Zn(T.current);
+      const n = Jn(T.current);
       n && (e.current = n, Y());
     }
   }, fe = c.useCallback(
@@ -839,13 +839,13 @@ const dr = (t, x, b, z) => {
         field: i,
         ...typeof t.gridProps.clipboard != "boolean" ? t.gridProps.clipboard : {},
         ...o
-      }, d = D(), l = Dn({
+      }, d = D(), l = Kn({
         event: a,
         data: d,
         selectedState: (s = t.gridProps.select) != null ? s : {},
         previousCopiedItems: tt.current
       });
-      e !== ze.paste && (tt.current = l.copiedItems), t.gridProps.onClipboard && x && f(t.gridProps.onClipboard, {
+      e !== ze.paste && (tt.current = l.copiedItems), t.gridProps.onClipboard && S && f(t.gridProps.onClipboard, {
         ...a,
         ...l
       });
@@ -864,7 +864,7 @@ const dr = (t, x, b, z) => {
     const e = yn(p()), n = e ? e.matches(".k-table-td") ? e : (i = p()) == null ? void 0 : i.body : (a = p()) == null ? void 0 : a.body, o = n.closest(".k-grid-container"), r = n && ((d = M.current) == null ? void 0 : d.contains(n));
     return !!(n && r && o);
   }, Xe = (e, n, o, r, i, a, d) => {
-    Ke(), be.current = !0, Ge.current = !0, t.gridProps.onColumnResize && x && f(t.gridProps.onColumnResize, {
+    Ke(), be.current = !0, Ge.current = !0, t.gridProps.onColumnResize && S && f(t.gridProps.onColumnResize, {
       columns: de(),
       nativeEvent: r,
       targetColumnId: d,
@@ -872,7 +872,7 @@ const dr = (t, x, b, z) => {
       newWidth: n,
       oldWidth: o,
       end: i,
-      target: S.current
+      target: E.current
     }), i && De(a);
   }, Yt = () => {
     var e;
@@ -886,7 +886,7 @@ const dr = (t, x, b, z) => {
   }, I = (e) => ({
     nativeEvent: e && e.nativeEvent,
     syntheticEvent: e,
-    target: S.current
+    target: E.current
   }), Qt = (e) => ({
     ...e,
     nativeEvent: void 0,
@@ -934,7 +934,7 @@ const dr = (t, x, b, z) => {
   }, rn = () => {
     var a;
     const { virtualTotal: e, virtualPageSize: n, gridProps: o } = t, r = C.current, i = t.gridProps.rowHeight || ((a = o.minRowHeightRef) == null ? void 0 : a.current) || 0;
-    r && (r.fixedScroll = o.fixedScroll || !1, r.PageChange = Bt, r.pageSize = n, r.scrollableVirtual = K, r.container = H.current, r.tableBody = T.current, r.scrollHeightContainer = et.current, r.table = j.current, (!r.rowHeightService || r.total !== e) && i && (r.total = e, r.rowHeightService = new Sn(e, i)));
+    r && (r.fixedScroll = o.fixedScroll || !1, r.PageChange = Bt, r.pageSize = n, r.scrollableVirtual = K, r.container = H.current, r.tableBody = T.current, r.scrollHeightContainer = et.current, r.table = j.current, (!r.rowHeightService || r.total !== e) && i && (r.total = e, r.rowHeightService = new kn(e, i)));
   }, Qe = c.useCallback(
     (e) => {
       const n = { rowIndex: Le.current };
@@ -945,7 +945,7 @@ const dr = (t, x, b, z) => {
     [Pe]
   ), Y = () => {
     t.gridProps.forceUpdate && t.gridProps.forceUpdate();
-  }, on = (e) => e.left !== void 0 ? We !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, S = c.useRef(null), C = c.useRef(void 0), P = c.useRef(void 0), U = c.useRef(void 0), V = c.useRef(void 0), Q = c.useRef(void 0), he = c.useRef(void 0), G = c.useRef(null), T = c.useRef(null), an = c.useRef(null), H = c.useRef(null), j = c.useRef(null), cn = c.useRef(null), M = c.useRef(null), et = c.useRef(null), q = c.useRef(null), $ = c.useRef(null), A = c.useRef(null), F = c.useRef(null), L = c.useRef(null), B = c.useRef(null), dn = c.useRef(null), sn = c.useRef(null), Ge = c.useRef(!1), Te = c.useRef(!1), Re = c.useRef(void 0), He = c.useRef(void 0), Me = c.useRef(!1), be = c.useRef(!0), Ae = c.useRef(0), Fe = c.useRef(void 0), Le = c.useRef(void 0), Be = c.useRef([]), tt = c.useRef([]), ve = c.useRef(0), Ce = c.useRef(
+  }, on = (e) => e.left !== void 0 ? We !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, E = c.useRef(null), C = c.useRef(void 0), P = c.useRef(void 0), U = c.useRef(void 0), V = c.useRef(void 0), Q = c.useRef(void 0), he = c.useRef(void 0), G = c.useRef(null), T = c.useRef(null), an = c.useRef(null), H = c.useRef(null), j = c.useRef(null), cn = c.useRef(null), M = c.useRef(null), et = c.useRef(null), q = c.useRef(null), $ = c.useRef(null), A = c.useRef(null), F = c.useRef(null), L = c.useRef(null), B = c.useRef(null), dn = c.useRef(null), sn = c.useRef(null), Ge = c.useRef(!1), Te = c.useRef(!1), Re = c.useRef(void 0), He = c.useRef(void 0), Me = c.useRef(!1), be = c.useRef(!0), Ae = c.useRef(0), Fe = c.useRef(void 0), Le = c.useRef(void 0), Be = c.useRef([]), tt = c.useRef([]), ve = c.useRef(0), Ce = c.useRef(
     null
   ), ln = typeof t.gridProps.groupable == "object" && !!t.gridProps.groupable.stickyHeaders, un = typeof t.gridProps.groupable == "object" && !!t.gridProps.groupable.stickyFooters, gn = !!((it = t.gridProps.group) != null && it.length), {
     stickyHeaderItems: fn,
@@ -954,7 +954,7 @@ const dr = (t, x, b, z) => {
     stickyFooterRef: Ie,
     scrollToStickyGroup: hn,
     update: nt
-  } = jn({
+  } = qn({
     enabled: ln,
     enabledFooters: un,
     flatData: t.dataRef,
@@ -969,14 +969,14 @@ const dr = (t, x, b, z) => {
         return (e = C.current) == null ? void 0 : e.rowHeightService;
       }
     }
-  }), ie = c.useRef(null), Rn = c.useRef(null), bn = c.useRef(null), We = En(M), K = t.isVirtualScroll, vn = c.useMemo(() => c.Children.toArray(t.gridProps.children), [t.gridProps.children]), rt = t.gridProps.groupable === !0 || typeof t.gridProps.groupable == "object" && t.gridProps.groupable.enabled !== !1, v = we(t.gridProps.selectable), ot = Kn(t.gridProps.editable), Cn = ve.current && re && ve.current <= re.medium && t.gridProps.adaptive;
+  }), ie = c.useRef(null), Rn = c.useRef(null), bn = c.useRef(null), We = En(M), K = t.isVirtualScroll, vn = c.useMemo(() => c.Children.toArray(t.gridProps.children), [t.gridProps.children]), rt = t.gridProps.groupable === !0 || typeof t.gridProps.groupable == "object" && t.gridProps.groupable.enabled !== !1, v = we(t.gridProps.selectable), ot = Gn(t.gridProps.editable), Cn = ve.current && re && ve.current <= re.medium && t.gridProps.adaptive;
   return c.useMemo(() => {
     ne.onConstructor({
       navigatable: !!t.gridProps.navigatable,
       contextStateRef: V,
       navigationStateRef: Q,
       idPrefix: t.id
-    }), C.current = new Qn();
+    }), C.current = new er();
   }, []), c.useMemo(() => {
     var e;
     (e = C.current) == null || e.reset();
@@ -990,7 +990,7 @@ const dr = (t, x, b, z) => {
     t.gridProps.rowHeight
   ]), c.useEffect(() => {
     O.current = {};
-  }), c.useEffect(() => (t.gridProps.clipboard && (he.current = new Gn(fe), he.current.addEventListeners(p())), () => {
+  }), c.useEffect(() => (t.gridProps.clipboard && (he.current = new Tn(fe), he.current.addEventListeners(p())), () => {
     he.current && he.current.removeEventListeners(p());
   }), [t.gridProps.onClipboard, t.gridProps.clipboard, fe, p]), c.useEffect(() => (Je(), Ke(), at(), ne.onComponentDidMount({
     scope: M.current || void 0,
@@ -1043,7 +1043,7 @@ const dr = (t, x, b, z) => {
       n.disconnect();
     };
   }, [K, ge]), c.useImperativeHandle(
-    S,
+    E,
     () => ({
       get element() {
         return me();
@@ -1074,21 +1074,21 @@ const dr = (t, x, b, z) => {
       getTotal: xe,
       getLeafDataItems: D
     })
-  ), c.useImperativeHandle(t.gridRef, () => S.current), c.useMemo(() => {
-    P.current = new Un(Xe);
+  ), c.useImperativeHandle(t.gridRef, () => E.current), c.useMemo(() => {
+    P.current = new Vn(Xe);
   }, [t.gridProps.onColumnResize, t.columnsRef]), c.useMemo(() => {
-    U.current = new Vn(ue, $t, Ze);
+    U.current = new jn(ue, $t, Ze);
   }, [
     t.gridProps.onColumnReorder,
     t.gridProps.onGroupChange,
     t.gridProps.group,
     t.columnsRef,
     t.gridProps.groupable
-  ]), P.current.resizable = t.gridProps.resizable || !1, P.current.columns = t.columnsRef, P.current.columnsState = xn(t.columnsState), U.current.reorderable = t.gridProps.reorderable || !1, U.current.groupable = rt, U.current.columns = t.columnsRef, U.current.dir = We, rn(), /* @__PURE__ */ c.createElement(
-    ar.Provider,
+  ]), P.current.resizable = t.gridProps.resizable || !1, P.current.columns = t.columnsRef, P.current.columnsState = xn(t.columnsState), U.current.reorderable = t.gridProps.reorderable || !1, U.current.groupable = rt, U.current.columns = t.columnsRef, U.current.dir = We, rn(), Sn("grid", E, t.gridProps, t.gridProps.webMcp), /* @__PURE__ */ c.createElement(
+    cr.Provider,
     {
       value: {
-        isClient: x,
+        isClient: S,
         rowReorder: oe,
         activeDragRowDataItemRef: ie,
         reorderRowDragTargetRef: Rn,
@@ -1130,7 +1130,7 @@ const dr = (t, x, b, z) => {
         filterable: t.gridProps.filterable,
         filter: t.gridProps.filter,
         defaultFilter: t.gridProps.defaultFilter,
-        filterOperators: t.gridProps.filterOperators || cr,
+        filterOperators: t.gridProps.filterOperators || dr,
         getLeafDataItems: D,
         filterChange: Nt,
         applyHighlightDescriptor: Ut,
@@ -1180,9 +1180,9 @@ const dr = (t, x, b, z) => {
         getRowPinPosition: kt
       }
     },
-    /* @__PURE__ */ c.createElement(Tn.Provider, { value: V.current }, t.children),
+    /* @__PURE__ */ c.createElement(Hn.Provider, { value: V.current }, t.children),
     /* @__PURE__ */ c.createElement(
-      er,
+      tr,
       {
         show: b.show && (ce == null ? void 0 : ce.length),
         dataItem: b.dataItem,
@@ -1194,7 +1194,7 @@ const dr = (t, x, b, z) => {
       }
     ),
     t.gridProps.pdf && /* @__PURE__ */ c.createElement(
-      or,
+      ir,
       {
         gridProps: t.gridProps,
         innerGrid: t.innerGrid,
@@ -1204,7 +1204,7 @@ const dr = (t, x, b, z) => {
       }
     ),
     t.gridProps.csv && /* @__PURE__ */ c.createElement(
-      ir,
+      ar,
       {
         gridProps: t.gridProps,
         csv: typeof t.gridProps.csv == "object" ? t.gridProps.csv : {},
@@ -1216,5 +1216,5 @@ const dr = (t, x, b, z) => {
   );
 };
 export {
-  Er as GridClientWrapper
+  xr as GridClientWrapper
 };

package/GridWebMcpProps.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { McpToolOption } from '@progress/kendo-react-common';
+/**
+ * Configuration for the Grid's `webMcp` prop.
+ *
+ * Enables browser-native AI agent tools via Web MCP (Chrome 146+).
+ * Pass `true` for defaults or an object for fine-grained control.
+ *
+ * @example
+ * ```tsx
+ * // Boolean — generic "data" label, tools auto-inferred from Grid props
+ * <Grid webMcp={true} sortable />
+ *
+ * // Config object — semantic naming in any language
+ * <Grid webMcp={{ dataName: 'employees' }} sortable />
+ * <Grid webMcp={{ dataName: 'empleados' }} sortable />
+ * ```
+ */
+export type GridWebMcpProps = boolean | {
+    /**
+     * Human-readable name for the data exposed by the grid.
+     * AI agents are multilingual — any language works.
+     *
+     * @example 'employees', 'empleados', 'employés'
+     */
+    dataName: string;
+    /**
+     * Tool name prefix. Auto-generated from `dataName` when omitted.
+     * Tools are named `{groupName}_{action}`, e.g. `employees_grid_sort`.
+     */
+    groupName?: string;
+    /**
+     * Customize the built-in tools before they are registered.
+     * Receives the auto-generated tool list and a helpers object.
+     * Return a modified array to remove, rename, re-describe, or add custom tools.
+     *
+     * @example
+     * ```tsx
+     * // Override a description
+     * tools: (tools) => tools.map(t =>
+     *     t.commandType === 'GridSort'
+     *         ? { ...t, description: 'Reorder employees by column' }
+     *         : t
+     * )
+     *
+     * // Remove sort tools
+     * tools: (tools) => tools.filter(t => t.commandType !== 'GridSort')
+     *
+     * // Add a custom tool
+     * tools: (tools, helpers) => [
+     *     ...tools,
+     *     { name: 'validate', description: 'Validate data', commandType: 'Custom', enabled: true }
+     * ]
+     * ```
+     */
+    tools?: GridWebMcpToolsCallback;
+};
+/**
+ * Helpers passed to the `tools` callback.
+ */
+export interface GridWebMcpToolsHelpers {
+    /** Generates a prefixed tool name: `{groupName}_{suffix}`. */
+    tname: (suffix: string) => string;
+    /** The column metadata extracted from GridColumn children. */
+    columns: Array<{
+        field: string;
+        id: string;
+    }>;
+    /** The current grid data (visible rows). */
+    data: any;
+}
+/**
+ * Callback that receives the auto-generated tool list and returns a
+ * (possibly modified) list to register.
+ */
+export type GridWebMcpToolsCallback = (tools: McpToolOption[], helpers: GridWebMcpToolsHelpers) => McpToolOption[];

package/README.md

@@ -1,4 +1,4 @@
-[![KendoReact NPM Banner](https://raw.githubusercontent.com/telerik/kendo-react/master/images/kendoreact-github-banner.png)](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid&utm_content=banner)
+[![KendoReact NPM Banner](https://raw.githubusercontent.com/telerik/kendo-react/master/images/kendoreact-github-banner.png)](https://www.telerik.com/kendo-react-ui/components/getting-started/free-vs-premium?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid&utm_content=banner)
 
 # KendoReact Data Grid (Table) Component for React
 
@@ -6,7 +6,7 @@
 >
 > -   This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid)—an enterprise-grade UI library with 120+ free and premium components.
 > -   This is a free React Data Grid (Table) component with premium features. To use the premium features of the KendoReact Data Grid, you must install a license key file, whether you are on a paid license or a 30-day free trial. To receive a license key, either [purchase a license](https://www.telerik.com/kendo-react-ui/pricing) or start a [free trial](https://www.telerik.com/download-login-v2-kendo-react-ui). You can use the free features even in production, no sign-up or license required.
-> -   If you're looking for more free React components, check out [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free).
+> -   If you're looking for more free React components, check out [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/getting-started).
 > -   If you have an active license, visit the [KendoReact My License page](https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid) to learn how to configure your KendoReact licensing.
 > -   Installing and working with this package indicates that you [accept the KendoReact License Agreement](https://www.telerik.com/purchase/license-agreement/progress-kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid).
 > -   The [30-day free trial](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid) gives you access to all KendoReact components and their full functionality. Additionally, for the period of your trial, you can use our legendary technical support provided directly by the KendoReact dev team!
@@ -84,7 +84,7 @@ import { Grid, GridColumn } from '@progress/kendo-react-grid';
 
 The following table outlines the key resources available with KendoReact and KendoReact Free.
 
-|                                  | [KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free)                                                                                                                                | [KendoReact](https://www.telerik.com/kendo-react-ui)                                                                                                                                                     |
+|                                  | [KendoReact Free](https://www.telerik.com/kendo-react-ui/components/getting-started/free-vs-premium)                                                                                                     | [KendoReact](https://www.telerik.com/kendo-react-ui)                                                                                                                                                     |
 | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | React components                 | 50+                                                                                                                                                                                                      | 120+                                                                                                                                                                                                     |
 | Four professional themes         | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z" stroke="white" stroke-width="2"/></svg> | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z" stroke="white" stroke-width="2"/></svg> |
@@ -107,7 +107,7 @@ For any issues you might encounter while working with the KendoReact Grid, use a
 ## Resources
 
 -   [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid)
--   [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free)
+-   [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/getting-started)
 -   [Get Started with the KendoReact Data Grid](https://www.telerik.com/kendo-react-ui/components/grid/get-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid)
 -   [API Reference of the KendoReact Data Grid](https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid)
 -   [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-grid)

package/cells/datacell/utils.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 s=require("../../utils/index.js"),r=require("../../constants/index.js"),c=require("@progress/kendo-react-common"),g=e=>{var n,a;let t=null,d=null;const i=e.unstyled,o=i&&i.uGrid?i.uGrid:c.uGrid;if(e.rowType==="groupFooter")t={className:e.className};else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const l=s.getNestedValue(e.field,e.dataItem);l!=null&&(d=e.intl&&e.format?e.intl.format(e.format,l):l.toString())}const u=c.classNames(o.td({selected:e.isSelected,highlighted:e.isHighlighted,sorted:e.isSorted,alt:e.isAlt}),e.className);t={rowSpan:(a=(n=e._rowSpan)==null?void 0:n.count)!=null?a:void 0,colSpan:e.colSpan,style:e.style,className:u,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex}}return{tdProps:t,content:d}},m=e=>{var t;return(t=e.cells)==null?void 0:t[e.rowType||"data"]};exports.getCellTdProps=g;exports.getCustomCell=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../utils/index.js"),r=require("../../constants/index.js"),i=require("@progress/kendo-react-common"),g=e=>{var c,o;let t=null,a=null;const d=e.unstyled,n=d&&d.uGrid?d.uGrid:i.uGrid;if(e.rowType==="groupFooter")t={className:i.classNames(n.td({}),e.className),role:"gridcell"};else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const l=u.getNestedValue(e.field,e.dataItem);l!=null&&(a=e.intl&&e.format?e.intl.format(e.format,l):l.toString())}const s=i.classNames(n.td({selected:e.isSelected,highlighted:e.isHighlighted,sorted:e.isSorted,alt:e.isAlt}),e.className);t={rowSpan:(o=(c=e._rowSpan)==null?void 0:c.count)!=null?o:void 0,colSpan:e.colSpan,style:e.style,className:s,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex}}return{tdProps:t,content:a}},m=e=>{var t;return(t=e.cells)==null?void 0:t[e.rowType||"data"]};exports.getCellTdProps=g;exports.getCustomCell=m;