@progress/kendo-react-grid 9.3.1-develop.1 → 9.4.0-develop.1

package/header/Header.js

@@ -5,4 +5,4 @@
  * 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 N=require("react"),r=require("@progress/kendo-react-common"),f=require("@progress/kendo-react-data-tools");function h(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=h(N),m=a.forwardRef((e,n)=>{const t=a.useRef(null),l=a.useRef(null),o=a.useRef(!1),b=r.useRtl(e.elemRef);e.columnResize&&e.columnResize.setIsRtl(b==="rtl"),a.useImperativeHandle(n,()=>({setScrollLeft:c=>{t.current&&t.current.scrollLeft!==c&&(o.current=!0,t.current.scrollLeft=c)},setWidth:c=>{l.current&&(l.current.style.width=c+"px")},table:()=>l.current}));const g=c=>{if(o.current){o.current=!1;return}if(!t.current)return;const d=t.current.scrollLeft,i=e.scrollableDataElement();i&&i.scrollLeft!==d&&(i.scrollLeft=d)},u=r.useUnstyled(),s=u&&u.uGrid?u.uGrid:r.uGrid,{size:R="md"}=e;return e.staticHeaders?a.createElement("div",{ref:e.elemRef,className:r.classNames(s.header({draggable:e.draggable}),e.className),role:"presentation"},a.createElement("div",{ref:t,className:r.classNames(s.headerWrap({})),onScroll:g,role:"presentation"},a.createElement("table",{ref:l,className:r.classNames(s.headerTable({size:R}),e.className),role:"presentation"},a.createElement("colgroup",{ref:c=>{e.columnResize.colGroupHeader=c}},e.cols),a.createElement("thead",{className:r.classNames(s.tableThead({})),role:"rowgroup",...f.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):a.createElement("thead",{role:"presentation",className:r.classNames(s.thead({draggable:e.draggable}),e.className),...f.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)});m.displayName="KendoReactHeader";exports.Header=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),n=require("@progress/kendo-react-common"),m=require("@progress/kendo-react-data-tools"),y=require("../GridClientWrapper.js");function v(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const t=v(h),R=e=>{const r=t.useRef(null),a=t.useRef(null),s=t.useRef(!1),l=t.useContext(y.GridContext),b=n.useRtl(l.headerElementRef);l.columnResizeRef.current&&l.columnResizeRef.current.setIsRtl(b==="rtl"),t.useImperativeHandle(l.headerRef,()=>({setScrollLeft:c=>{r.current&&r.current.scrollLeft!==c&&(s.current=!0,r.current.scrollLeft=c)},setWidth:c=>{a.current&&(a.current.style.width=c+"px")},table:()=>a.current}));const g=c=>{var f;if(s.current){s.current=!1;return}if(!r.current)return;const d=r.current.scrollLeft,i=((f=l.vsRef.current)==null?void 0:f.container)||null;i&&i.scrollLeft!==d&&(i.scrollLeft=d)},u=n.useUnstyled(),o=u&&u.uGrid?u.uGrid:n.uGrid,{size:N="md"}=e;return e.staticHeaders?t.createElement("div",{ref:l.headerElementRef,className:n.classNames(o.header({draggable:e.draggable}),e.className),role:"presentation"},t.createElement("div",{ref:r,className:n.classNames(o.headerWrap({})),onScroll:g,role:"presentation"},t.createElement("table",{ref:a,className:n.classNames(o.headerTable({size:N}),e.className),role:"presentation"},t.createElement("colgroup",{ref:c=>{l.columnResizeRef.current&&(l.columnResizeRef.current.colGroupHeader=c)}},e.cols),t.createElement("thead",{className:n.classNames(o.tableThead({})),role:"rowgroup",...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)))):t.createElement("thead",{role:"presentation",className:n.classNames(o.thead({draggable:e.draggable}),e.className),...m.tableKeyboardNavigationHeaderAttributes},e.headerRow,e.filterRow)};R.displayName="KendoReactHeader";exports.Header=R;

package/header/Header.mjs

@@ -7,56 +7,58 @@
  */
 "use client";
 import * as t from "react";
-import { useRtl as g, useUnstyled as h, uGrid as N, classNames as c } from "@progress/kendo-react-common";
-import { tableKeyboardNavigationHeaderAttributes as u } from "@progress/kendo-react-data-tools";
-const E = t.forwardRef((e, f) => {
-  const a = t.useRef(null), n = t.useRef(null), s = t.useRef(!1), m = g(e.elemRef);
-  e.columnResize && e.columnResize.setIsRtl(m === "rtl"), t.useImperativeHandle(f, () => ({
-    setScrollLeft: (r) => {
-      a.current && a.current.scrollLeft !== r && (s.current = !0, a.current.scrollLeft = r);
+import { useRtl as g, useUnstyled as N, uGrid as E, classNames as c } from "@progress/kendo-react-common";
+import { tableKeyboardNavigationHeaderAttributes as m } from "@progress/kendo-react-data-tools";
+import { GridContext as v } from "../GridClientWrapper.mjs";
+const w = (e) => {
+  const l = t.useRef(null), s = t.useRef(null), o = t.useRef(!1), r = t.useContext(v), R = g(r.headerElementRef);
+  r.columnResizeRef.current && r.columnResizeRef.current.setIsRtl(R === "rtl"), t.useImperativeHandle(r.headerRef, () => ({
+    setScrollLeft: (a) => {
+      l.current && l.current.scrollLeft !== a && (o.current = !0, l.current.scrollLeft = a);
     },
-    setWidth: (r) => {
-      n.current && (n.current.style.width = r + "px");
+    setWidth: (a) => {
+      s.current && (s.current.style.width = a + "px");
     },
-    table: () => n.current
+    table: () => s.current
   }));
-  const R = (r) => {
-    if (s.current) {
-      s.current = !1;
+  const h = (a) => {
+    var f;
+    if (o.current) {
+      o.current = !1;
       return;
     }
-    if (!a.current)
+    if (!l.current)
       return;
-    const i = a.current.scrollLeft, d = e.scrollableDataElement();
-    d && d.scrollLeft !== i && (d.scrollLeft = i);
-  }, o = h(), l = o && o.uGrid ? o.uGrid : N, { size: b = "md" } = e;
+    const d = l.current.scrollLeft, i = ((f = r.vsRef.current) == null ? void 0 : f.container) || null;
+    i && i.scrollLeft !== d && (i.scrollLeft = d);
+  }, u = N(), n = u && u.uGrid ? u.uGrid : E, { size: b = "md" } = e;
   return e.staticHeaders ? /* @__PURE__ */ t.createElement(
     "div",
     {
-      ref: e.elemRef,
-      className: c(l.header({ draggable: e.draggable }), e.className),
+      ref: r.headerElementRef,
+      className: c(n.header({ draggable: e.draggable }), e.className),
       role: "presentation"
     },
     /* @__PURE__ */ t.createElement(
       "div",
       {
-        ref: a,
-        className: c(l.headerWrap({})),
-        onScroll: R,
+        ref: l,
+        className: c(n.headerWrap({})),
+        onScroll: h,
         role: "presentation"
       },
       /* @__PURE__ */ t.createElement(
         "table",
         {
-          ref: n,
-          className: c(l.headerTable({ size: b }), e.className),
+          ref: s,
+          className: c(n.headerTable({ size: b }), e.className),
           role: "presentation"
         },
         /* @__PURE__ */ t.createElement(
           "colgroup",
           {
-            ref: (r) => {
-              e.columnResize.colGroupHeader = r;
+            ref: (a) => {
+              r.columnResizeRef.current && (r.columnResizeRef.current.colGroupHeader = a);
             }
           },
           e.cols
@@ -64,9 +66,9 @@ const E = t.forwardRef((e, f) => {
         /* @__PURE__ */ t.createElement(
           "thead",
           {
-            className: c(l.tableThead({})),
+            className: c(n.tableThead({})),
             role: "rowgroup",
-            ...u
+            ...m
           },
           e.headerRow,
           e.filterRow
@@ -77,14 +79,14 @@ const E = t.forwardRef((e, f) => {
     "thead",
     {
       role: "presentation",
-      className: c(l.thead({ draggable: e.draggable }), e.className),
-      ...u
+      className: c(n.thead({ draggable: e.draggable }), e.className),
+      ...m
     },
     e.headerRow,
     e.filterRow
   );
-});
-E.displayName = "KendoReactHeader";
+};
+w.displayName = "KendoReactHeader";
 export {
-  E as Header
+  w as Header
 };

package/header/HeaderRow.js

@@ -5,4 +5,4 @@
  * 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 T=require("react"),F=require("../interfaces/GridSortSettings.js"),_=require("../drag/ColumnDraggable.js"),U=require("./GridHeaderCell.js"),r=require("@progress/kendo-react-common"),N=require("@progress/kendo-react-data-tools"),V=require("@progress/kendo-react-intl"),D=require("../messages/index.js"),E=require("@progress/kendo-svg-icons"),W=require("../utils/index.js");function $(e){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const g=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(m,i,g.get?g:{enumerable:!0,get:()=>e[i]})}}return m.default=e,Object.freeze(m)}const o=$(T),B={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},J={none:"none",asc:"ascending",desc:"descending"},Q=e=>{const[m,i]=o.useState(),g=V.useLocalization(),h=r.useUnstyled(),C=h&&h.uGrid?h.uGrid:r.uGrid,b=o.useRef(null);let q=0,v=-1;const I=(l,n)=>{if(l.preventDefault(),!e.sortChange)return;const{allowUnsort:t,mode:d}=F.normalize(e.sortable||!1,n.sortable||!1),s=(e.sort||[]).filter(c=>c.field===n.field)[0],f=B[t][s&&s.dir||""],u=d==="single"?[]:(e.sort||[]).filter(c=>c.field!==n.field);f!==""&&n.field&&u.push({field:n.field,dir:f}),e.sortChange(u,l)},x=(l,n)=>{if(l.isDefaultPrevented())return;const{keyCode:t,metaKey:d,ctrlKey:s,altKey:f}=l,u=e.sortable&&n.sortable,c=l.target;if(u&&l.keyCode===r.Keys.enter&&c.className.indexOf("k-table-th")!==-1&&I(l,n),e.navigatable){if(e.groupable&&(d&&t===r.Keys.enter||s&&t===r.Keys.space)){l.preventDefault();const y=e.columns.findIndex(k=>k.field===n.field);e.columnGroupChange&&e.columnGroupChange(y,l)}f&&t===r.Keys.down&&(l.preventDefault(),i(n.field),b.current=c)}},O=()=>{i(void 0),b.current&&b.current.getAttribute("tabindex")!=="-1"&&b.current.focus()},G=l=>{if(!e.sort)return null;const n=r.classNames(C.sortIcon({}));return l>=0&&[o.createElement("span",{key:1,className:n},o.createElement(r.IconWrap,{name:"sort-"+e.sort[l].dir+"-small",icon:e.sort[l].dir==="asc"?E.sortAscSmallIcon:E.sortDescSmallIcon})),e.sort.length>1&&o.createElement("span",{key:2,className:n},o.createElement("span",{className:r.classNames(C.sortOrder({}))},l+1))]},M=l=>l.map(n=>{const t=e.columns[n],d=e.sortable&&t.sortable,s=e.sort?e.sort.findIndex(a=>a.field===t.field):-1,f=s>=0&&e.sort[s].dir||"none",u=t.columnMenu===null?null:t.columnMenu||e.columnMenu,c=t.menuIcon||e.columnMenuIcon,y=r.classNames(r.classNames(C.headerTh({first:t.kFirst,filterable:!!u,locked:t.locked,sorted:e.sort&&e.sort.some(a=>a.field===t.field)})),t.headerClassName);t.locked===!1&&(t.left=0);const k=t.left!==void 0?e.isRtl?{left:t.right,right:t.left}:{left:t.left,right:t.right}:{},K=g.toLanguageString(D.sortAriaLabel,D.messages[D.sortAriaLabel]),A=t.isAccessible?{ariaSort:J[f],role:"columnheader",ariaColumnIndex:t.ariaColumnIndex,ariaSelected:!1,ariaDescription:d?K:""}:{role:"presentation"},R=t.declarationIndex>=0?++v:--q,P=t.headerCell?t.headerCell:U.GridHeaderCell,w=o.createElement(P,{key:1,field:t.field,onClick:d&&(a=>I(a,t))||void 0,selectionChange:e.selectionChange,title:t.title,selectionValue:t.headerSelectionValue,render:e.cellRender,children:G(s),columnMenuWrapperProps:{column:{field:t.field,title:t.title,locked:t.locked,filter:t.filter,id:t.id},sortable:d&&e.sortable,sort:e.sort,onSortChange:e.sortChange,filter:e.filter,filterable:e.filterable&&t.filterable,filterOperators:e.filterOperators,onFilterChange:e.filterChange,show:m===t.field?!0:void 0,onCloseMenu:O,navigatable:e.navigatable,group:e.group,groupable:e.groupable,onGroupChange:e.groupChange,columnMenu:u,columnMenuIcon:c}}),H={...A,key:R,colSpan:t.colSpan,rowSpan:t.rowSpan,className:y,style:k,columnId:t.id,navigatable:t.navigatable,onKeyDown:a=>x(a,t),role:"columnheader"},z=[w,e.columnResize&&e.columnResize.resizable&&t.resizable&&o.createElement(N.ColumnResizer,{key:2,resize:(a,j,L)=>e.columnResize&&e.columnResize.dragHandler(a,t,j,L),autofit:a=>e.columnResize&&e.columnResize.dblClickHandler(a,[t.id])})],S=W.resolveCells(e.cells,t.cells);if(S&&S.headerCell){const a=S.headerCell;return o.createElement(a,{...w.props,key:R,thProps:H,index:n},z)}return o.createElement(N.HeaderThElement,{...H,key:R},z)});return e.columnsMap.map((l,n)=>e.pressHandler&&o.createElement(_.ColumnDraggable,{key:n,pressHandler:e.pressHandler,dragHandler:e.dragHandler,releaseHandler:e.releaseHandler,ariaRowIndex:n+1,dragClue:e.dragClue,headerRef:e.headerRef,containerRef:e.containerRef},M(l))||o.createElement("tr",{key:n,className:r.classNames(C.simpletr({})),role:"row","aria-rowindex":n+1},M(l)))};exports.HeaderRow=Q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),A=require("./GridHeaderCell.js"),c=require("@progress/kendo-react-common"),L=require("@progress/kendo-react-data-tools"),W=require("@progress/kendo-react-intl"),g=require("../messages/index.js"),q=require("@progress/kendo-svg-icons"),d=require("../utils/index.js"),y=require("./client/GridHeaderCellContainer.js"),V=require("./client/HeaderRowDraggable.js"),_=require("./client/GridHeaderRowContainer.js"),$=require("./client/GridHeaderCellElementContainer.js"),B=require("./client/HeaderCellResizer.js");function F(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const n=F(j),J={none:"none",asc:"ascending",desc:"descending"},K=e=>{const i=e.localization||new W.LocalizationService,t=e.unstyled,o=t&&t.uGrid?t.uGrid:c.uGrid;let M=0,v=-1;const G=a=>{if(!e.sort)return null;const r=c.classNames(o.sortIcon({}));return a>=0&&[n.createElement("span",{key:1,className:r},n.createElement(c.IconWrap,{name:"sort-"+e.sort[a].dir+"-small",icon:e.sort[a].dir==="asc"?q.sortAscSmallIcon:q.sortDescSmallIcon})),e.sort.length>1&&n.createElement("span",{key:2,className:r},n.createElement("span",{className:c.classNames(o.sortOrder({}))},a+1))]},N=a=>a.map(r=>{var I;const l=e.columns[r],h=e.sortable&&l.sortable,u=e.sort?e.sort.findIndex(s=>s.field===l.field):-1,P=u>=0&&e.sort[u].dir||"none",S=l.columnMenu===null?null:l.columnMenu||e.columnMenu,O=l.menuIcon||e.columnMenuIcon,D=c.classNames(c.classNames(o.headerTh({first:l.kFirst,filterable:!!S,locked:l.locked,sorted:e.sort&&e.sort.some(s=>s.field===l.field)})),l.headerClassName);l.locked===!1&&(l.left=0);const x=i.toLanguageString(g.sortAriaLabel,g.messages[g.sortAriaLabel]),z=l.isAccessible?{ariaSort:J[P],role:"columnheader",ariaColumnIndex:l.ariaColumnIndex,ariaSelected:!1,ariaDescription:h?x:""}:{role:"presentation"},k=l.declarationIndex>=0?++v:--M,m={field:l.field,title:l.title,selectionValue:(I=l.headerSelectionValue)!=null?I:e.headerSelectionValue,children:G(u),selectionChange:null,columnMenuWrapperProps:{column:{field:l.field,title:l.title,locked:l.locked,filter:l.filter,id:l.id},sortable:h&&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:S,columnMenuIcon:O}},C={...z,colSpan:l.headerColSpan,rowSpan:l.rowSpan,className:D,columnId:l.id,navigatable:l.navigatable,role:"columnheader"},f=d.clientColumn(l),H={column:f,render:e.cellRender,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:m.columnMenuWrapperProps},R=l.headerCell?l.headerCell:A.GridHeaderCell,E=[n.createElement(y.GridHeaderCellContainer,{key:1,...H,isClient:d.isClientReference(R)},n.createElement(R,{...m})),n.createElement(B.HeaderCellResizer,{key:2,column:f})],b=d.resolveCells(e.cells,l.cells);if(b&&b.headerCell){const s=b.headerCell,T=d.isClientReference(s);return n.createElement(y.GridHeaderCellContainer,{key:k,...H,thProps:C,isCustom:!0,isClient:T},n.createElement(s,{...m,thProps:C,index:r},E))}return n.createElement($.GridHeaderCellElementContainer,{key:k,column:f},n.createElement(L.HeaderThElement,{...C},E))}),w=e.columns.map(d.clientColumn);return n.createElement(_.GridHeaderRowContainer,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:w},e.columnsMap.map((a,r)=>n.createElement(V.HeaderRowDraggable,{key:r,className:c.classNames(o.simpleTr({})),ariaRowIndex:r+1},N(a))))};exports.HeaderRow=K;

package/header/HeaderRow.mjs

@@ -6,65 +6,47 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
-import { normalize as T } from "../interfaces/GridSortSettings.mjs";
-import { ColumnDraggable as U } from "../drag/ColumnDraggable.mjs";
-import { GridHeaderCell as V } from "./GridHeaderCell.mjs";
-import { useUnstyled as W, uGrid as q, classNames as u, Keys as g, IconWrap as B } from "@progress/kendo-react-common";
-import { ColumnResizer as j, HeaderThElement as J } from "@progress/kendo-react-data-tools";
-import { useLocalization as Q } from "@progress/kendo-react-intl";
-import { sortAriaLabel as H, messages as X } from "../messages/index.mjs";
-import { sortAscSmallIcon as Y, sortDescSmallIcon as Z } from "@progress/kendo-svg-icons";
-import { resolveCells as _ } from "../utils/index.mjs";
-const $ = {
-  true: { asc: "desc", desc: "", "": "asc" },
-  false: { asc: "desc", desc: "asc", "": "asc" }
-}, p = {
+import * as t from "react";
+import { GridHeaderCell as O } from "./GridHeaderCell.mjs";
+import { uGrid as T, classNames as o, IconWrap as V } from "@progress/kendo-react-common";
+import { HeaderThElement as B } from "@progress/kendo-react-data-tools";
+import { LocalizationService as F } from "@progress/kendo-react-intl";
+import { sortAriaLabel as k, messages as j } from "../messages/index.mjs";
+import { sortAscSmallIcon as q, sortDescSmallIcon as J } from "@progress/kendo-svg-icons";
+import { clientColumn as M, isClientReference as v, resolveCells as K } from "../utils/index.mjs";
+import { GridHeaderCellContainer as H } from "./client/GridHeaderCellContainer.mjs";
+import { HeaderRowDraggable as Q } from "./client/HeaderRowDraggable.mjs";
+import { GridHeaderRowContainer as U } from "./client/GridHeaderRowContainer.mjs";
+import { GridHeaderCellElementContainer as X } from "./client/GridHeaderCellElementContainer.mjs";
+import { HeaderCellResizer as Y } from "./client/HeaderCellResizer.mjs";
+const Z = {
   none: "none",
   asc: "ascending",
   desc: "descending"
-}, ce = (e) => {
-  const [D, R] = r.useState(), E = Q(), C = W(), f = C && C.uGrid ? C.uGrid : q, m = r.useRef(null);
-  let x = 0, v = -1;
-  const S = (t, n) => {
-    if (t.preventDefault(), !e.sortChange)
-      return;
-    const { allowUnsort: l, mode: s } = T(e.sortable || !1, n.sortable || !1), o = (e.sort || []).filter((i) => i.field === n.field)[0], d = $[l][o && o.dir || ""], c = s === "single" ? [] : (e.sort || []).filter((i) => i.field !== n.field);
-    d !== "" && n.field && c.push({ field: n.field, dir: d }), e.sortChange(c, t);
-  }, N = (t, n) => {
-    if (t.isDefaultPrevented())
-      return;
-    const { keyCode: l, metaKey: s, ctrlKey: o, altKey: d } = t, c = e.sortable && n.sortable, i = t.target;
-    if (c && t.keyCode === g.enter && i.className.indexOf("k-table-th") !== -1 && S(t, n), e.navigatable) {
-      if (e.groupable && (s && l === g.enter || o && l === g.space)) {
-        t.preventDefault();
-        const h = e.columns.findIndex((b) => b.field === n.field);
-        e.columnGroupChange && e.columnGroupChange(h, t);
-      }
-      d && l === g.down && (t.preventDefault(), R(n.field), m.current = i);
-    }
-  }, G = () => {
-    R(void 0), m.current && m.current.getAttribute("tabindex") !== "-1" && m.current.focus();
-  }, K = (t) => {
+}, se = (e) => {
+  const y = e.localization || new F(), i = e.unstyled, c = i && i.uGrid ? i.uGrid : T;
+  let R = 0, w = -1;
+  const G = (n) => {
     if (!e.sort)
       return null;
-    const n = u(f.sortIcon({}));
-    return t >= 0 && [
-      /* @__PURE__ */ r.createElement("span", { key: 1, className: n }, /* @__PURE__ */ r.createElement(
-        B,
+    const r = o(c.sortIcon({}));
+    return n >= 0 && [
+      /* @__PURE__ */ t.createElement("span", { key: 1, className: r }, /* @__PURE__ */ t.createElement(
+        V,
         {
-          name: "sort-" + e.sort[t].dir + "-small",
-          icon: e.sort[t].dir === "asc" ? Y : Z
+          name: "sort-" + e.sort[n].dir + "-small",
+          icon: e.sort[n].dir === "asc" ? q : J
         }
       )),
-      e.sort.length > 1 && /* @__PURE__ */ r.createElement("span", { key: 2, className: n }, /* @__PURE__ */ r.createElement("span", { className: u(f.sortOrder({})) }, t + 1))
+      e.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: r }, /* @__PURE__ */ t.createElement("span", { className: o(c.sortOrder({})) }, n + 1))
     ];
-  }, I = (t) => t.map((n) => {
-    const l = e.columns[n], s = e.sortable && l.sortable, o = e.sort ? e.sort.findIndex((a) => a.field === l.field) : -1, d = o >= 0 && e.sort[o].dir || "none", c = l.columnMenu === null ? null : l.columnMenu || e.columnMenu, i = l.menuIcon || e.columnMenuIcon, h = u(
-      u(
-        f.headerTh({
+  }, N = (n) => n.map((r) => {
+    var S;
+    const l = e.columns[r], C = e.sortable && l.sortable, s = e.sort ? e.sort.findIndex((a) => a.field === l.field) : -1, x = s >= 0 && e.sort[s].dir || "none", b = l.columnMenu === null ? null : l.columnMenu || e.columnMenu, z = l.menuIcon || e.columnMenuIcon, A = o(
+      o(
+        c.headerTh({
           first: l.kFirst,
-          filterable: !!c,
+          filterable: !!b,
           locked: l.locked,
           sorted: e.sort && e.sort.some((a) => a.field === l.field)
         })
@@ -72,95 +54,85 @@ const $ = {
       l.headerClassName
     );
     l.locked === !1 && (l.left = 0);
-    const b = l.left !== void 0 ? e.isRtl ? { left: l.right, right: l.left } : { left: l.left, right: l.right } : {}, A = E.toLanguageString(H, X[H]), F = l.isAccessible ? {
-      ariaSort: p[d],
+    const D = y.toLanguageString(k, j[k]), L = l.isAccessible ? {
+      ariaSort: Z[x],
       role: "columnheader",
       ariaColumnIndex: l.ariaColumnIndex,
       ariaSelected: !1,
-      ariaDescription: s ? A : ""
+      ariaDescription: C ? D : ""
     } : {
       role: "presentation"
-    }, k = l.declarationIndex >= 0 ? ++v : --x, L = l.headerCell ? l.headerCell : V, M = /* @__PURE__ */ r.createElement(
-      L,
-      {
-        key: 1,
-        field: l.field,
-        onClick: s && ((a) => S(a, l)) || void 0,
-        selectionChange: e.selectionChange,
-        title: l.title,
-        selectionValue: l.headerSelectionValue,
-        render: e.cellRender,
-        children: K(o),
-        columnMenuWrapperProps: {
-          column: {
-            field: l.field,
-            title: l.title,
-            locked: l.locked,
-            filter: l.filter,
-            id: l.id
-          },
-          sortable: s && e.sortable,
-          sort: e.sort,
-          onSortChange: e.sortChange,
-          filter: e.filter,
-          filterable: e.filterable && l.filterable,
-          filterOperators: e.filterOperators,
-          onFilterChange: e.filterChange,
-          show: D === l.field ? !0 : void 0,
-          onCloseMenu: G,
-          navigatable: e.navigatable,
-          group: e.group,
-          groupable: e.groupable,
-          onGroupChange: e.groupChange,
-          columnMenu: c,
-          columnMenuIcon: i
-        }
+    }, g = l.declarationIndex >= 0 ? ++w : --R, m = {
+      field: l.field,
+      title: l.title,
+      selectionValue: (S = l.headerSelectionValue) != null ? S : e.headerSelectionValue,
+      children: G(s),
+      selectionChange: null,
+      columnMenuWrapperProps: {
+        column: {
+          field: l.field,
+          title: l.title,
+          locked: l.locked,
+          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: z
       }
-    ), w = {
-      ...F,
-      key: k,
-      colSpan: l.colSpan,
+    }, d = {
+      ...L,
+      colSpan: l.headerColSpan,
       rowSpan: l.rowSpan,
-      className: h,
-      style: b,
+      className: A,
       columnId: l.id,
       navigatable: l.navigatable,
-      onKeyDown: (a) => N(a, l),
       role: "columnheader"
-    }, z = [
-      M,
-      e.columnResize && e.columnResize.resizable && l.resizable && /* @__PURE__ */ r.createElement(
-        j,
+    }, u = M(l), h = {
+      column: u,
+      render: e.cellRender,
+      sortable: e.sortable,
+      sort: e.sort,
+      columnMenuWrapperProps: m.columnMenuWrapperProps
+    }, E = l.headerCell ? l.headerCell : O, I = [
+      /* @__PURE__ */ t.createElement(H, { key: 1, ...h, isClient: v(E) }, /* @__PURE__ */ t.createElement(E, { ...m })),
+      /* @__PURE__ */ t.createElement(Y, { key: 2, column: u })
+    ], f = K(e.cells, l.cells);
+    if (f && f.headerCell) {
+      const a = f.headerCell, W = v(a);
+      return /* @__PURE__ */ t.createElement(
+        H,
         {
-          key: 2,
-          resize: (a, O, P) => e.columnResize && e.columnResize.dragHandler(a, l, O, P),
-          autofit: (a) => e.columnResize && e.columnResize.dblClickHandler(a, [l.id])
-        }
-      )
-    ], y = _(e.cells, l.cells);
-    if (y && y.headerCell) {
-      const a = y.headerCell;
-      return /* @__PURE__ */ r.createElement(a, { ...M.props, key: k, thProps: w, index: n }, z);
+          key: g,
+          ...h,
+          thProps: d,
+          isCustom: !0,
+          isClient: W
+        },
+        /* @__PURE__ */ t.createElement(a, { ...m, thProps: d, index: r }, I)
+      );
     }
-    return /* @__PURE__ */ r.createElement(J, { ...w, key: k }, z);
-  });
-  return e.columnsMap.map(
-    (t, n) => e.pressHandler && /* @__PURE__ */ r.createElement(
-      U,
-      {
-        key: n,
-        pressHandler: e.pressHandler,
-        dragHandler: e.dragHandler,
-        releaseHandler: e.releaseHandler,
-        ariaRowIndex: n + 1,
-        dragClue: e.dragClue,
-        headerRef: e.headerRef,
-        containerRef: e.containerRef
-      },
-      I(t)
-    ) || /* @__PURE__ */ r.createElement("tr", { key: n, className: u(f.simpletr({})), role: "row", "aria-rowindex": n + 1 }, I(t))
+    return /* @__PURE__ */ t.createElement(X, { key: g, column: u }, /* @__PURE__ */ t.createElement(B, { ...d }, I));
+  }), P = e.columns.map(M);
+  return /* @__PURE__ */ t.createElement(
+    U,
+    {
+      sortable: e.sortable,
+      sort: e.sort,
+      navigatable: e.navigatable,
+      groupable: e.groupable,
+      columns: P
+    },
+    e.columnsMap.map((n, r) => /* @__PURE__ */ t.createElement(Q, { key: r, className: o(c.simpleTr({})), ariaRowIndex: r + 1 }, N(n)))
   );
 };
 export {
-  ce as HeaderRow
+  se as HeaderRow
 };

package/header/client/GridFilterCellContainer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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 g=require("react"),C=require("../../GridClientWrapper.js");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,l.get?l:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const o=h(g),b=e=>{const t=o.useContext(C.GridContext),i=(n,s,f,a)=>{if(!t.filterChange)return;const r=[];(n!==""&&n!==null||s!=="")&&r.push({field:f,operator:s,value:n}),e.filter&&e.filter.filters&&(e.filter.filters||[]).forEach(c=>{c&&c.field!==f&&r.push(c)});const d=e.filter&&e.filter.logic?e.filter.logic:"and";t.filterChange(r.length>0?{logic:d,filters:r}:null,a)},l=t.getCellPositionStyle(e.column),u=e.isCustom?{style:{...l}}:{};return t.isClient||e.isClient?o.cloneElement(e.children,{render:e.render,onChange:n=>{i(n.value,n.operator,e.field,n.syntheticEvent)},tdProps:{...e.tdProps,...u}}):o.cloneElement(e.children,{})};exports.GridFilterCellContainer=b;

package/header/client/GridFilterCellContainer.mjs

@@ -0,0 +1,38 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import { GridContext as h } from "../../GridClientWrapper.mjs";
+const m = (t) => {
+  const i = r.useContext(h), s = (e, o, c, C) => {
+    if (!i.filterChange)
+      return;
+    const l = [];
+    (e !== "" && e !== null || o !== "") && l.push({
+      field: c,
+      operator: o,
+      value: e
+    }), t.filter && t.filter.filters && (t.filter.filters || []).forEach((n) => {
+      n && n.field !== c && l.push(n);
+    });
+    const u = t.filter && t.filter.logic ? t.filter.logic : "and";
+    i.filterChange(l.length > 0 ? { logic: u, filters: l } : null, C);
+  }, f = i.getCellPositionStyle(t.column), d = t.isCustom ? {
+    style: { ...f }
+  } : {};
+  return i.isClient || t.isClient ? r.cloneElement(t.children, {
+    render: t.render,
+    onChange: (e) => {
+      s(e.value, e.operator, t.field, e.syntheticEvent);
+    },
+    tdProps: { ...t.tdProps, ...d }
+  }) : r.cloneElement(t.children, {});
+};
+export {
+  m as GridFilterCellContainer
+};

package/header/client/GridFilterCellElementContainer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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 i=require("react"),l=require("../../GridClientWrapper.js");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=c(i),s=e=>{const r={style:{...o.useContext(l.GridContext).getCellPositionStyle(e.column)}};return o.cloneElement(e.children,{...r})};exports.GridFilterCellElementContainer=s;

package/header/client/GridFilterCellElementContainer.mjs

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { GridContext as n } from "../../GridClientWrapper.mjs";
+const s = (t) => {
+  const o = {
+    style: { ...e.useContext(n).getCellPositionStyle(t.column) }
+  };
+  return e.cloneElement(t.children, {
+    ...o
+  });
+};
+export {
+  s as GridFilterCellElementContainer
+};

package/header/client/GridHeaderCellContainer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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("../../GridClientWrapper.js"),C=require("./GridHeaderRowContainer.js");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=d(u),g=e=>{const n=l.useContext(a.GridContext),t=l.useContext(C.GridHeaderRowContext),r=n.isClient||e.isClient,c={style:{...n.getCellPositionStyle(e.column)}},s={onKeyDown:i=>{t.cellKeyDown(i,e.column)}};let o={onClick:i=>{t.cellClick(i,e.column)}};return r&&(o={...o,render:e.render,selectionChange:n.onHeaderSelectionChange,columnMenuWrapperProps:{...e.columnMenuWrapperProps,onSortChange:n.sortChange,onFilterChange:n.filterChange,onGroupChange:n.groupChange,show:t.showColumnMenuField===e.column.field?!0:void 0,onCloseMenu:t.handleCloseMenu}}),e.isCustom&&(r?o={...o,thProps:{...e.thProps,...s,...c}}:o={...o,...s,...c}),l.cloneElement(e.children,{...o})};exports.GridHeaderCellContainer=g;

package/header/client/GridHeaderCellContainer.mjs

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as i from "react";
+import { GridContext as c } from "../../GridClientWrapper.mjs";
+import { GridHeaderRowContext as u } from "./GridHeaderRowContainer.mjs";
+const m = (e) => {
+  const o = i.useContext(c), t = i.useContext(u), r = o.isClient || e.isClient, s = {
+    style: { ...o.getCellPositionStyle(e.column) }
+  }, C = {
+    onKeyDown: (l) => {
+      t.cellKeyDown(l, e.column);
+    }
+  };
+  let n = {
+    onClick: (l) => {
+      t.cellClick(l, e.column);
+    }
+  };
+  return r && (n = {
+    ...n,
+    render: e.render,
+    selectionChange: o.onHeaderSelectionChange,
+    columnMenuWrapperProps: {
+      ...e.columnMenuWrapperProps,
+      onSortChange: o.sortChange,
+      onFilterChange: o.filterChange,
+      onGroupChange: o.groupChange,
+      show: t.showColumnMenuField === e.column.field ? !0 : void 0,
+      onCloseMenu: t.handleCloseMenu
+    }
+  }), e.isCustom && (r ? n = {
+    ...n,
+    thProps: {
+      ...e.thProps,
+      ...C,
+      ...s
+    }
+  } : n = {
+    ...n,
+    ...C,
+    ...s
+  }), i.cloneElement(e.children, {
+    ...n
+  });
+};
+export {
+  m as GridHeaderCellContainer
+};

package/header/client/GridHeaderCellElementContainer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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 c=require("react"),u=require("./GridHeaderRowContainer.js"),s=require("../../GridClientWrapper.js");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=a(c),d=e=>{const t=i.useContext(s.GridContext),n=i.useContext(u.GridHeaderRowContext),l={style:{...t.getCellPositionStyle(e.column)}};return i.cloneElement(e.children,{onKeyDown:r=>{n.cellKeyDown(r,e.column)},onContextMenu:r=>{t.onContextMenu(r,void 0,e.column.field)},...l})};exports.GridHeaderCellElementContainer=d;

package/header/client/GridHeaderCellElementContainer.mjs

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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 { GridHeaderRowContext as r } from "./GridHeaderRowContainer.mjs";
+import { GridContext as s } from "../../GridClientWrapper.mjs";
+const d = (e) => {
+  const n = o.useContext(s), i = o.useContext(r), l = {
+    style: { ...n.getCellPositionStyle(e.column) }
+  };
+  return o.cloneElement(e.children, {
+    onKeyDown: (t) => {
+      i.cellKeyDown(t, e.column);
+    },
+    onContextMenu: (t) => {
+      n.onContextMenu(t, void 0, e.column.field);
+    },
+    ...l
+  });
+};
+export {
+  d as GridHeaderCellElementContainer
+};

package/header/client/GridHeaderRowContainer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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 G=require("react"),K=require("../../GridClientWrapper.js"),i=require("@progress/kendo-react-common");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const a=R(G),f=a.createContext(void 0),k=e=>{const n=a.useContext(K.GridContext),r=a.useRef(null),[l,s]=a.useState(),u=(t,o)=>{e.sortable&&o.sortable&&(t.preventDefault(),n.sortChange&&n.headerCellClick(t,o))},C=(t,o)=>{if(t.isDefaultPrevented())return;const{keyCode:c,metaKey:g,ctrlKey:y,altKey:m}=t,h=e.sortable&&o.sortable,d=t.target;if(h&&t.keyCode===i.Keys.enter&&d.className.indexOf("k-table-th")!==-1&&u(t,o),e.navigatable){if(e.groupable&&(g&&c===i.Keys.enter||y&&c===i.Keys.space)){t.preventDefault();const x=e.columns.findIndex(w=>w.field===o.field);n.columnGroupChange&&n.columnGroupChange(x,t)}m&&c===i.Keys.down&&(t.preventDefault(),s(o.field),r.current=d)}},b=()=>{s(void 0),r.current&&r.current.getAttribute("tabindex")!=="-1"&&r.current.focus()};return a.createElement(f.Provider,{value:{cellClick:u,cellKeyDown:C,handleCloseMenu:b,showColumnMenuField:l}},e.children)};exports.GridHeaderRowContainer=k;exports.GridHeaderRowContext=f;