@progress/kendo-react-grid 16.2.0-develop.9 → 16.2.0

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

package/header/HeaderRow.mjs

@@ -6,133 +6,161 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as t from "react";
-import { GridHeaderCell as j } from "./GridHeaderCell.mjs";
-import { uGrid as q, classNames as r, IconWrap as J } from "@progress/kendo-react-common";
-import { HeaderThElement as K } from "@progress/kendo-react-data-tools";
-import { sortAriaLabel as y, messages as Q } from "../messages/index.mjs";
-import { sortAscSmallIcon as U, sortDescSmallIcon as X } from "@progress/kendo-svg-icons";
-import { clientColumn as P, isClientReference as N, resolveCells as Y } from "../utils/index.mjs";
+import { GridHeaderCell as K } from "./GridHeaderCell.mjs";
+import { uGrid as Q, classNames as c, IconWrap as U } from "@progress/kendo-react-common";
+import { HeaderThElement as X } from "@progress/kendo-react-data-tools";
+import { sortAriaLabel as v, messages as Y } from "../messages/index.mjs";
+import { sortAscSmallIcon as Z, sortDescSmallIcon as _ } from "@progress/kendo-svg-icons";
+import { clientColumn as w, isClientReference as y, resolveCells as $ } from "../utils/index.mjs";
 import { GridHeaderCellContainer as R } from "./client/GridHeaderCellContainer.mjs";
-import { HeaderRowDraggable as Z } from "./client/HeaderRowDraggable.mjs";
-import { GridHeaderRowContainer as _ } from "./client/GridHeaderRowContainer.mjs";
-import { GridHeaderCellElementContainer as $ } from "./client/GridHeaderCellElementContainer.mjs";
-import { HeaderCellResizer as p } from "./client/HeaderCellResizer.mjs";
-const ee = {
+import { HeaderRowDraggable as ee } from "./client/HeaderRowDraggable.mjs";
+import { GridHeaderRowContainer as le } from "./client/GridHeaderRowContainer.mjs";
+import { GridHeaderCellElementContainer as te } from "./client/GridHeaderCellElementContainer.mjs";
+import { HeaderCellResizer as ne } from "./client/HeaderCellResizer.mjs";
+import { GridCustomHeaderColumnMenu as oe } from "./client/GridCustomHeaderColumnMenu.mjs";
+const re = {
   none: "none",
   asc: "ascending",
   desc: "descending"
-}, ue = (e) => {
-  const w = e.columnsState || [], c = e.unstyled, s = c && c.uGrid ? c.uGrid : q;
-  let x = 0, A = -1;
-  const D = (a) => {
-    if (!e.sort)
+}, Ee = (l) => {
+  const W = l.columnsState || [], i = l.unstyled, r = i && i.uGrid ? i.uGrid : Q;
+  let x = 0, T = -1;
+  const z = (o) => {
+    if (!l.sort)
       return null;
-    const n = r(s.sortIcon({}));
-    return a >= 0 && [
+    const n = c(r.sortIcon({}));
+    return o >= 0 && [
       /* @__PURE__ */ t.createElement("span", { key: 1, className: n }, /* @__PURE__ */ t.createElement(
-        J,
+        U,
         {
-          name: "sort-" + e.sort[a].dir + "-small",
-          icon: e.sort[a].dir === "asc" ? U : X
+          name: "sort-" + l.sort[o].dir + "-small",
+          icon: l.sort[o].dir === "asc" ? Z : _
         }
       )),
-      e.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: n }, /* @__PURE__ */ t.createElement("span", { className: r(s.sortOrder({})) }, a + 1))
+      l.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: n }, /* @__PURE__ */ t.createElement("span", { className: c(r.sortOrder({})) }, o + 1))
     ];
-  }, L = (a) => a.map((n) => {
-    var I, M, v, G;
-    const l = e.columns[n], i = w[n], m = (M = (I = l.locked) != null ? I : i == null ? void 0 : i.locked) != null ? M : !1, d = e.sortable && l.sortable, u = e.sort ? e.sort.findIndex((o) => o.field === l.field) : -1, O = u >= 0 && e.sort[u].dir || "none", f = l.disableColumnMenu ? null : l.columnMenu || e.columnMenu, T = l.menuIcon || e.columnMenuIcon, V = r(
-      r(
-        s.headerTh({
-          first: l.kFirst,
-          filterable: !!f,
-          locked: m,
-          sorted: e.sort && e.sort.some((o) => o.field === l.field),
+  }, A = (o) => o.map((n) => {
+    var k, G, N, P;
+    const e = l.columns[n], m = W[n], u = (G = (k = e.locked) != null ? k : m == null ? void 0 : m.locked) != null ? G : !1, d = l.sortable && e.sortable, f = l.sort ? l.sort.findIndex((s) => s.field === e.field) : -1, L = f >= 0 && l.sort[f].dir || "none", C = e.disableColumnMenu ? null : e.columnMenu || l.columnMenu, O = e.menuIcon || l.columnMenuIcon, V = c(
+      c(
+        r.headerTh({
+          first: e.kFirst,
+          filterable: !!C,
+          locked: u,
+          sorted: l.sort && l.sort.some((s) => s.field === e.field),
           sortable: d
         })
       ),
-      l.headerClassName
+      e.headerClassName
     );
-    m === !1 && (l.left = 0);
-    const z = e.localization.toLanguageString(y, Q[y]), F = l.isAccessible ? {
-      ariaSort: ee[O],
+    u === !1 && (e.left = 0);
+    const p = l.localization.toLanguageString(v, Y[v]), F = e.isAccessible ? {
+      ariaSort: re[L],
       role: "columnheader",
-      ariaColumnIndex: l.ariaColumnIndex,
+      ariaColumnIndex: e.ariaColumnIndex,
       ariaSelected: !1,
-      ariaDescription: d ? z : "",
-      ariaHasPopup: f ? "dialog" : void 0
+      ariaDescription: d ? p : "",
+      ariaHasPopup: C ? "dialog" : void 0
     } : {
       role: "presentation"
-    }, E = l.declarationIndex >= 0 ? ++A : --x, C = {
-      field: l.field,
-      title: l.title,
-      isGroupColumn: l.isGroupColumn,
-      selectionValue: (v = l.headerSelectionValue) != null ? v : e.headerSelectionValue,
-      children: D(u),
+    }, M = e.declarationIndex >= 0 ? ++T : --x, a = {
+      field: e.field,
+      title: e.title,
+      isGroupColumn: e.isGroupColumn,
+      selectionValue: (N = e.headerSelectionValue) != null ? N : l.headerSelectionValue,
+      children: z(f),
       selectionChange: null,
       columnMenuWrapperProps: {
         column: {
-          field: (G = l.groupField) != null ? G : l.field,
-          title: l.title,
-          locked: m,
-          filter: l.filter,
-          id: l.id
+          field: (P = e.groupField) != null ? P : e.field,
+          title: e.title,
+          locked: u,
+          filter: e.filter,
+          id: e.id
         },
-        sortable: d && 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: T
+        sortable: d && l.sortable,
+        sort: l.sort,
+        filter: l.filter,
+        filterable: l.filterable && e.filterable,
+        filterOperators: l.filterOperators,
+        navigatable: l.navigatable,
+        group: l.group,
+        groupable: l.groupable,
+        columnMenu: C,
+        columnMenuIcon: O
       }
     }, b = {
       ...F,
-      colSpan: l.headerColSpan,
-      rowSpan: l.rowSpan,
+      colSpan: e.headerColSpan,
+      rowSpan: e.rowSpan,
       className: V,
-      columnId: l.id,
-      navigatable: l.navigatable,
+      columnId: e.id,
+      navigatable: e.navigatable,
       role: "columnheader"
-    }, g = P(l), S = {
+    }, g = w(e), E = {
       column: g,
-      sortable: e.sortable,
-      sort: e.sort,
-      columnMenuWrapperProps: C.columnMenuWrapperProps
-    }, k = l.defaultHeaderCell ? l.defaultHeaderCell : j, H = [
-      /* @__PURE__ */ t.createElement(R, { key: 1, ...S, isClient: N(k) }, /* @__PURE__ */ t.createElement(k, { ...C })),
-      /* @__PURE__ */ t.createElement(p, { key: 2, column: g })
-    ], h = Y(e.cells, l.cells);
+      sortable: l.sortable,
+      sort: l.sort,
+      columnMenuWrapperProps: a.columnMenuWrapperProps
+    }, I = e.defaultHeaderCell ? e.defaultHeaderCell : K, S = /* @__PURE__ */ t.createElement(ne, { key: 2, column: g }), H = [
+      /* @__PURE__ */ t.createElement(R, { key: 1, ...E, isClient: y(I) }, /* @__PURE__ */ t.createElement(I, { ...a })),
+      S
+    ], h = $(l.cells, e.cells);
     if (h && h.headerCell) {
-      const o = h.headerCell, B = N(o);
+      const s = h.headerCell, B = y(s), j = /* @__PURE__ */ t.createElement(
+        "span",
+        {
+          className: c(
+            r.columnTitle({}),
+            e.isGroupColumn && r.groupingRowText({})
+          )
+        },
+        e.title || e.field || " "
+      ), q = a.children || null, J = a.columnMenuWrapperProps.columnMenu ? /* @__PURE__ */ t.createElement(
+        oe,
+        {
+          columnMenuWrapperProps: a.columnMenuWrapperProps,
+          field: e.field
+        }
+      ) : null;
       return /* @__PURE__ */ t.createElement(
         R,
         {
-          key: E,
-          ...S,
+          key: M,
+          ...E,
           thProps: b,
           isCustom: !0,
           isClient: B
         },
-        /* @__PURE__ */ t.createElement(o, { ...C, thProps: b, index: n }, H)
+        /* @__PURE__ */ t.createElement(
+          s,
+          {
+            ...a,
+            thProps: b,
+            index: n,
+            titleElement: j,
+            sortIcon: q,
+            columnMenu: J,
+            resizer: S
+          },
+          H
+        )
       );
     }
-    return /* @__PURE__ */ t.createElement($, { key: E, column: g }, /* @__PURE__ */ t.createElement(K, { ...b }, H));
-  }), W = e.columns.map(P);
+    return /* @__PURE__ */ t.createElement(te, { key: M, column: g }, /* @__PURE__ */ t.createElement(X, { ...b }, H));
+  }), D = l.columns.map(w);
   return /* @__PURE__ */ t.createElement(
-    _,
+    le,
     {
-      sortable: e.sortable,
-      sort: e.sort,
-      navigatable: e.navigatable,
-      groupable: e.groupable,
-      columns: W
+      sortable: l.sortable,
+      sort: l.sort,
+      navigatable: l.navigatable,
+      groupable: l.groupable,
+      columns: D
     },
-    e.columnsMap.map((a, n) => /* @__PURE__ */ t.createElement(Z, { key: n, className: r(s.simpleTr({})), ariaRowIndex: n + 1 }, L(a)))
+    l.columnsMap.map((o, n) => /* @__PURE__ */ t.createElement(ee, { key: n, className: c(r.simpleTr({})), ariaRowIndex: n + 1 }, A(o)))
   );
 };
 export {
-  ue as HeaderRow
+  Ee as HeaderRow
 };

package/header/client/GridCustomHeaderColumnMenu.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridColumnMenuWrapperProps } from '../../columnMenu/GridColumnMenuWrapper.js';
+import * as React from 'react';
+/**
+ * @hidden
+ *
+ * Internal client wrapper used by the custom `headerCell` `columnMenu` slot. Reads the
+ * enrichment (change handlers, show state, column state) from the Grid contexts and
+ * forwards it to `GridColumnMenuWrapper`, so the slot works both in a fully client-rendered
+ * Grid and inside a React Server Components tree — regardless of whether the custom header
+ * cell itself is a server or client component.
+ */
+export declare const GridCustomHeaderColumnMenu: (props: {
+    columnMenuWrapperProps: GridColumnMenuWrapperProps;
+    field?: string;
+}) => React.JSX.Element;

package/header/client/GridCustomHeaderColumnMenu.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("../../columnMenu/GridColumnMenuWrapper.js"),i=require("../../utils/GridContext.js"),s=require("./GridHeaderRowContainer.js");function c(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const r=c(u),l=t=>{const n=r.useContext(i.GridContext),e=r.useContext(s.GridHeaderRowContext),o={...t.columnMenuWrapperProps,onSortChange:n.sortChange,onFilterChange:n.filterChange,onGroupChange:n.groupChange,onColumnsStateChange:n.onColumnsStateChange,show:(e==null?void 0:e.showColumnMenuField)===t.field?!0:void 0,onCloseMenu:e==null?void 0:e.handleCloseMenu,columnsState:n.columnsState};return r.createElement(a.GridColumnMenuWrapper,{...o})};exports.GridCustomHeaderColumnMenu=l;

package/header/client/GridCustomHeaderColumnMenu.mjs

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as o from "react";
+import { GridColumnMenuWrapper as u } from "../../columnMenu/GridColumnMenuWrapper.mjs";
+import { GridContext as m } from "../../utils/GridContext.mjs";
+import { GridHeaderRowContext as s } from "./GridHeaderRowContainer.mjs";
+const i = (t) => {
+  const n = o.useContext(m), e = o.useContext(s), r = {
+    ...t.columnMenuWrapperProps,
+    onSortChange: n.sortChange,
+    onFilterChange: n.filterChange,
+    onGroupChange: n.groupChange,
+    onColumnsStateChange: n.onColumnsStateChange,
+    show: (e == null ? void 0 : e.showColumnMenuField) === t.field ? !0 : void 0,
+    onCloseMenu: e == null ? void 0 : e.handleCloseMenu,
+    columnsState: n.columnsState
+  };
+  return /* @__PURE__ */ o.createElement(u, { ...r });
+};
+export {
+  i as GridCustomHeaderColumnMenu
+};

package/interfaces/GridCellsSettings.d.ts

@@ -180,6 +180,38 @@ export interface GridCustomHeaderCellProps extends GridHeaderCellProps {
      * The index of the column.
      */
     index?: number;
+    /**
+     * The default column title element (`<span class="k-column-title">` with the column title text).
+     *
+     * Render this inside your custom header cell to reuse the built-in title styling and the
+     * grouping-row text class instead of rebuilding the title span yourself. Combine it with
+     * additional custom content (icons, badges, etc.) to keep the default appearance while
+     * extending it.
+     */
+    titleElement?: React.ReactNode;
+    /**
+     * The default sort direction icon and sort-order badge for the column.
+     *
+     * `null` when the column is not currently sorted. Render this inside your custom header cell
+     * to keep the built-in sort indicator without reimplementing sort icon rendering. The
+     * click-to-sort behavior remains attached to the `onClick` prop.
+     */
+    sortIcon?: React.ReactNode;
+    /**
+     * The default column menu / filter button wrapper for the column.
+     *
+     * `null` when the column has no column menu configured. Render this inside your custom
+     * header cell to preserve the built-in filter popup, column menu, and their keyboard and
+     * accessibility behavior.
+     */
+    columnMenu?: React.ReactNode;
+    /**
+     * The default column resize handle.
+     *
+     * Render this inside your custom header cell (typically as the last child) to preserve the
+     * built-in column resizing behavior.
+     */
+    resizer?: React.ReactNode;
 }
 /**
  * The settings of the cells prop options.

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: 1789742746,version:"16.2.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: 1791389006,version:"16.2.0",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: 1789742746,
-    version: '16.2.0-develop.9',
+    publishDate: 1791389006,
+    version: '16.2.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "16.2.0-develop.9",
+  "version": "16.2.0",
   "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.25.5",
     "@progress/kendo-file-saver": "^1.1.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "16.2.0-develop.9",
-    "@progress/kendo-react-buttons": "16.2.0-develop.9",
-    "@progress/kendo-react-common": "16.2.0-develop.9",
-    "@progress/kendo-react-data-tools": "16.2.0-develop.9",
-    "@progress/kendo-react-dateinputs": "16.2.0-develop.9",
-    "@progress/kendo-react-indicators": "16.2.0-develop.9",
-    "@progress/kendo-react-form": "16.2.0-develop.9",
-    "@progress/kendo-react-labels": "16.2.0-develop.9",
-    "@progress/kendo-react-dialogs": "16.2.0-develop.9",
-    "@progress/kendo-react-dropdowns": "16.2.0-develop.9",
-    "@progress/kendo-react-inputs": "16.2.0-develop.9",
-    "@progress/kendo-react-intl": "16.2.0-develop.9",
-    "@progress/kendo-react-popup": "16.2.0-develop.9",
-    "@progress/kendo-react-layout": "16.2.0-develop.9",
-    "@progress/kendo-react-conversational-ui": "16.2.0-develop.9",
+    "@progress/kendo-react-animation": "16.2.0",
+    "@progress/kendo-react-buttons": "16.2.0",
+    "@progress/kendo-react-common": "16.2.0",
+    "@progress/kendo-react-data-tools": "16.2.0",
+    "@progress/kendo-react-dateinputs": "16.2.0",
+    "@progress/kendo-react-indicators": "16.2.0",
+    "@progress/kendo-react-form": "16.2.0",
+    "@progress/kendo-react-labels": "16.2.0",
+    "@progress/kendo-react-dialogs": "16.2.0",
+    "@progress/kendo-react-dropdowns": "16.2.0",
+    "@progress/kendo-react-inputs": "16.2.0",
+    "@progress/kendo-react-intl": "16.2.0",
+    "@progress/kendo-react-popup": "16.2.0",
+    "@progress/kendo-react-layout": "16.2.0",
+    "@progress/kendo-react-conversational-ui": "16.2.0",
     "@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"
@@ -155,7 +155,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1789742746,
+      "publishDate": 1791389006,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },
@@ -165,10 +165,5 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/telerik/kendo-react.git"
-  },
-  "peerDependenciesMeta": {
-    "@progress/kendo-svg-icons": {
-      "optional": true
-    }
   }
 }

package/utils/wheelTouchScroll.d.ts

@@ -14,8 +14,9 @@ export interface WheelTouchScrollOptions {
 }
 /**
  * @hidden
- * Attaches native (non-React) wheel and touch listeners to `container` so the grid can apply a
- * `wheelMultiplier` and/or restore scrolling when the proxied overlay hides native overflow.
- * Returns a cleanup function that removes the listeners.
+ * Attaches native (non-React) wheel/touch listeners so the grid can apply `wheelMultiplier` and/or
+ * restore scrolling when the proxied overlay hides native overflow. Always scrolls `container`;
+ * pass `wheelListenerTarget` (the shared ancestor of `container` and the overlay) to also catch
+ * wheel events bubbling from the overlay. Returns a cleanup function.
  */
-export declare function attachWheelTouchScroll(container: HTMLDivElement, options: WheelTouchScrollOptions): () => void;
+export declare function attachWheelTouchScroll(container: HTMLDivElement, options: WheelTouchScrollOptions, wheelListenerTarget?: HTMLElement | null): () => void;

package/utils/wheelTouchScroll.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 A=16,X=1,W=2,I=.95,d=.1;function b(e,S){const{wheelMultiplier:m,overlayRequiresCustomWheel:M}=S;let f;const _=()=>{var t;if(f===void 0){const i=(t=e.ownerDocument.defaultView)==null?void 0:t.getComputedStyle(e).lineHeight;f=Number.parseFloat(i||"")||A}return f},L=t=>{if(t.ctrlKey||t.metaKey||!t.deltaY&&!t.deltaX)return;const i=e.scrollTop,h=e.scrollLeft;let l=t.deltaX,s=t.deltaY;if(t.shiftKey&&!l&&(l=s,s=0),t.deltaMode===X){const c=_();l*=c,s*=c}else t.deltaMode===W&&(l*=e.clientWidth,s*=e.clientHeight);e.scrollTop+=s*m,e.scrollLeft+=l*m,(e.scrollTop!==i||e.scrollLeft!==h)&&t.preventDefault()};e.addEventListener("wheel",L,{passive:!1});let r;if(M){let t=0,i=0,h=0,l=0,s=0,c;const T=()=>{c!==void 0&&(cancelAnimationFrame(c),c=void 0)},p=()=>{e.scrollTop+=s,e.scrollLeft+=l,s*=I,l*=I,Math.abs(s)>d||Math.abs(l)>d?c=requestAnimationFrame(p):c=void 0},E=o=>{o.touches.length===1&&(T(),l=0,s=0,t=o.touches[0].clientX,i=o.touches[0].clientY,h=o.timeStamp)},n=o=>{if(o.touches.length!==1)return;const a=o.touches[0],v=t-a.clientX,g=i-a.clientY,H=Math.min(Math.max(o.timeStamp-h,1),100),Y=e.scrollTop,y=e.scrollLeft;e.scrollTop+=g,e.scrollLeft+=v,s=g/H*(1e3/60),l=v/H*(1e3/60),t=a.clientX,i=a.clientY,h=o.timeStamp,(e.scrollTop!==Y||e.scrollLeft!==y)&&o.preventDefault()},u=o=>{o.touches.length>0||(Math.abs(s)>d||Math.abs(l)>d)&&(c=requestAnimationFrame(p))};e.addEventListener("touchstart",E,{passive:!0}),e.addEventListener("touchmove",n,{passive:!1}),e.addEventListener("touchend",u,{passive:!0}),e.addEventListener("touchcancel",u,{passive:!0}),r=()=>{T(),e.removeEventListener("touchstart",E),e.removeEventListener("touchmove",n),e.removeEventListener("touchend",u),e.removeEventListener("touchcancel",u)}}return()=>{e.removeEventListener("wheel",L),r==null||r()}}exports.attachWheelTouchScroll=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=16,b=1,F=2,S=.95,d=.1;function N(e,M,_){const{wheelMultiplier:m,overlayRequiresCustomWheel:Y}=M;let f;const y=()=>{var t;if(f===void 0){const i=(t=e.ownerDocument.defaultView)==null?void 0:t.getComputedStyle(e).lineHeight;f=Number.parseFloat(i||"")||W}return f},L=t=>{if(t.ctrlKey||t.metaKey||!t.deltaY&&!t.deltaX)return;const i=e.scrollTop,r=e.scrollLeft;let l=t.deltaX,s=t.deltaY;if(t.shiftKey&&!l&&(l=s,s=0),t.deltaMode===b){const c=y();l*=c,s*=c}else t.deltaMode===F&&(l*=e.clientWidth,s*=e.clientHeight);e.scrollTop+=s*m,e.scrollLeft+=l*m,(e.scrollTop!==i||e.scrollLeft!==r)&&t.preventDefault()},T=_||e;T.addEventListener("wheel",L,{passive:!1});let h;if(Y){let t=0,i=0,r=0,l=0,s=0,c;const p=()=>{c!==void 0&&(cancelAnimationFrame(c),c=void 0)},E=()=>{e.scrollTop+=s,e.scrollLeft+=l,s*=S,l*=S,Math.abs(s)>d||Math.abs(l)>d?c=requestAnimationFrame(E):c=void 0},n=o=>{o.touches.length===1&&(p(),l=0,s=0,t=o.touches[0].clientX,i=o.touches[0].clientY,r=o.timeStamp)},v=o=>{if(o.touches.length!==1)return;const a=o.touches[0],g=t-a.clientX,H=i-a.clientY,I=Math.min(Math.max(o.timeStamp-r,1),100),A=e.scrollTop,X=e.scrollLeft;e.scrollTop+=H,e.scrollLeft+=g,s=H/I*(1e3/60),l=g/I*(1e3/60),t=a.clientX,i=a.clientY,r=o.timeStamp,(e.scrollTop!==A||e.scrollLeft!==X)&&o.preventDefault()},u=o=>{o.touches.length>0||(Math.abs(s)>d||Math.abs(l)>d)&&(c=requestAnimationFrame(E))};e.addEventListener("touchstart",n,{passive:!0}),e.addEventListener("touchmove",v,{passive:!1}),e.addEventListener("touchend",u,{passive:!0}),e.addEventListener("touchcancel",u,{passive:!0}),h=()=>{p(),e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",v),e.removeEventListener("touchend",u),e.removeEventListener("touchcancel",u)}}return()=>{T.removeEventListener("wheel",L),h==null||h()}}exports.attachWheelTouchScroll=N;

package/utils/wheelTouchScroll.mjs

@@ -5,53 +5,53 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-function O(e, n) {
-  const { wheelMultiplier: L, overlayRequiresCustomWheel: N } = n;
+function Y(e, N, v) {
+  const { wheelMultiplier: a, overlayRequiresCustomWheel: A } = N;
   let u;
-  const v = () => {
+  const C = () => {
     var t;
     if (u === void 0) {
       const i = (t = e.ownerDocument.defaultView) == null ? void 0 : t.getComputedStyle(e).lineHeight;
       u = Number.parseFloat(i || "") || 16;
     }
     return u;
-  }, a = (t) => {
+  }, L = (t) => {
     if (t.ctrlKey || t.metaKey || !t.deltaY && !t.deltaX)
       return;
     const i = e.scrollTop, h = e.scrollLeft;
     let l = t.deltaX, s = t.deltaY;
     if (t.shiftKey && !l && (l = s, s = 0), t.deltaMode === 1) {
-      const c = v();
+      const c = C();
       l *= c, s *= c;
     } else t.deltaMode === 2 && (l *= e.clientWidth, s *= e.clientHeight);
-    e.scrollTop += s * L, e.scrollLeft += l * L, (e.scrollTop !== i || e.scrollLeft !== h) && t.preventDefault();
-  };
-  e.addEventListener("wheel", a, { passive: !1 });
-  let E;
-  if (N) {
+    e.scrollTop += s * a, e.scrollLeft += l * a, (e.scrollTop !== i || e.scrollLeft !== h) && t.preventDefault();
+  }, I = v || e;
+  I.addEventListener("wheel", L, { passive: !1 });
+  let r;
+  if (A) {
     let t = 0, i = 0, h = 0, l = 0, s = 0, c;
-    const I = () => {
+    const d = () => {
       c !== void 0 && (cancelAnimationFrame(c), c = void 0);
-    }, d = () => {
-      e.scrollTop += s, e.scrollLeft += l, s *= 0.95, l *= 0.95, Math.abs(s) > 0.1 || Math.abs(l) > 0.1 ? c = requestAnimationFrame(d) : c = void 0;
-    }, _ = (o) => {
-      o.touches.length === 1 && (I(), l = 0, s = 0, t = o.touches[0].clientX, i = o.touches[0].clientY, h = o.timeStamp);
+    }, _ = () => {
+      e.scrollTop += s, e.scrollLeft += l, s *= 0.95, l *= 0.95, Math.abs(s) > 0.1 || Math.abs(l) > 0.1 ? c = requestAnimationFrame(_) : c = void 0;
     }, f = (o) => {
+      o.touches.length === 1 && (d(), l = 0, s = 0, t = o.touches[0].clientX, i = o.touches[0].clientY, h = o.timeStamp);
+    }, m = (o) => {
       if (o.touches.length !== 1)
         return;
-      const r = o.touches[0], m = t - r.clientX, p = i - r.clientY, H = Math.min(Math.max(o.timeStamp - h, 1), 100), A = e.scrollTop, C = e.scrollLeft;
-      e.scrollTop += p, e.scrollLeft += m, s = p / H * (1e3 / 60), l = m / H * (1e3 / 60), t = r.clientX, i = r.clientY, h = o.timeStamp, (e.scrollTop !== A || e.scrollLeft !== C) && o.preventDefault();
+      const E = o.touches[0], p = t - E.clientX, n = i - E.clientY, H = Math.min(Math.max(o.timeStamp - h, 1), 100), O = e.scrollTop, M = e.scrollLeft;
+      e.scrollTop += n, e.scrollLeft += p, s = n / H * (1e3 / 60), l = p / H * (1e3 / 60), t = E.clientX, i = E.clientY, h = o.timeStamp, (e.scrollTop !== O || e.scrollLeft !== M) && o.preventDefault();
     }, T = (o) => {
-      o.touches.length > 0 || (Math.abs(s) > 0.1 || Math.abs(l) > 0.1) && (c = requestAnimationFrame(d));
+      o.touches.length > 0 || (Math.abs(s) > 0.1 || Math.abs(l) > 0.1) && (c = requestAnimationFrame(_));
     };
-    e.addEventListener("touchstart", _, { passive: !0 }), e.addEventListener("touchmove", f, { passive: !1 }), e.addEventListener("touchend", T, { passive: !0 }), e.addEventListener("touchcancel", T, { passive: !0 }), E = () => {
-      I(), e.removeEventListener("touchstart", _), e.removeEventListener("touchmove", f), e.removeEventListener("touchend", T), e.removeEventListener("touchcancel", T);
+    e.addEventListener("touchstart", f, { passive: !0 }), e.addEventListener("touchmove", m, { passive: !1 }), e.addEventListener("touchend", T, { passive: !0 }), e.addEventListener("touchcancel", T, { passive: !0 }), r = () => {
+      d(), e.removeEventListener("touchstart", f), e.removeEventListener("touchmove", m), e.removeEventListener("touchend", T), e.removeEventListener("touchcancel", T);
     };
   }
   return () => {
-    e.removeEventListener("wheel", a), E == null || E();
+    I.removeEventListener("wheel", L), r == null || r();
   };
 }
 export {
-  O as attachWheelTouchScroll
+  Y as attachWheelTouchScroll
 };