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

package/drag/ColumnDraggable.js

@@ -5,4 +5,5 @@
  * 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 d=require("react"),c=require("@progress/kendo-react-common");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=m(d),g=e=>{const t=s.useRef(null),n=l=>{const r=t.current&&t.current.element;r&&e.pressHandler&&e.pressHandler(l.event,r)},a=l=>{const r=t.current&&t.current.element;r&&e.dragHandler&&e.dragHandler(l.event,r)},u=l=>{t.current&&t.current.element&&e.releaseHandler&&e.releaseHandler(l.event)},o=c.useUnstyled(),i=o&&o.uGrid?o.uGrid:c.uGrid;return s.createElement(c.Draggable,{onPress:n,onDrag:a,onRelease:u,hint:e.dragClue,autoScroll:{boundaryElementRef:e.headerRef,direction:{horizontal:!0,vertical:!1}},scrollContainer:e.containerRef||void 0,ref:t},s.createElement("tr",{className:c.classNames(i.simpleTr({})),style:{touchAction:"none"},role:"row","aria-rowindex":e.ariaRowIndex},e.children))};exports.ColumnDraggable=g;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),c=require("@progress/kendo-react-common");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=m(d),g=e=>{const t=s.useRef(null),n=a=>{const r=t.current&&t.current.element;r&&e.pressHandler&&e.pressHandler(a.event,r)},l=a=>{const r=t.current&&t.current.element;r&&e.dragHandler&&e.dragHandler(a.event,r)},u=a=>{t.current&&t.current.element&&e.releaseHandler&&e.releaseHandler(a.event)},o=c.useUnstyled(),i=o&&o.uGrid?o.uGrid:c.uGrid;return s.createElement(c.Draggable,{onPress:n,onDrag:l,onRelease:u,hint:e.dragClue,autoScroll:{boundaryElementRef:e.headerRef,direction:{horizontal:!0,vertical:!1}},scrollContainer:e.containerRef||void 0,ref:t},s.createElement("tr",{className:c.classNames(i.simpleTr({})),style:{touchAction:"none"},role:"row","aria-rowindex":e.ariaRowIndex},e.children))};exports.ColumnDraggable=g;

package/drag/ColumnDraggable.mjs

@@ -7,23 +7,23 @@
  */
 "use client";
 import * as a from "react";
-import { useUnstyled as d, uGrid as u, Draggable as m, classNames as f } from "@progress/kendo-react-common";
+import { useUnstyled as i, uGrid as u, Draggable as m, classNames as f } from "@progress/kendo-react-common";
 const R = (e) => {
   const n = a.useRef(null), c = (t) => {
     const r = n.current && n.current.element;
     r && e.pressHandler && e.pressHandler(t.event, r);
-  }, s = (t) => {
+  }, o = (t) => {
     const r = n.current && n.current.element;
     r && e.dragHandler && e.dragHandler(t.event, r);
-  }, o = (t) => {
+  }, s = (t) => {
     n.current && n.current.element && e.releaseHandler && e.releaseHandler(t.event);
-  }, l = d(), i = l && l.uGrid ? l.uGrid : u;
+  }, l = i(), d = l && l.uGrid ? l.uGrid : u;
   return /* @__PURE__ */ a.createElement(
     m,
     {
       onPress: c,
-      onDrag: s,
-      onRelease: o,
+      onDrag: o,
+      onRelease: s,
       hint: e.dragClue,
       autoScroll: { boundaryElementRef: e.headerRef, direction: { horizontal: !0, vertical: !1 } },
       scrollContainer: e.containerRef || void 0,
@@ -32,7 +32,7 @@ const R = (e) => {
     /* @__PURE__ */ a.createElement(
       "tr",
       {
-        className: f(i.simpleTr({})),
+        className: f(d.simpleTr({})),
         style: { touchAction: "none" },
         role: "row",
         "aria-rowindex": e.ariaRowIndex

package/drag/ColumnResize.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 p=1,u=20;class g{constructor(f){this.columns=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=c=>{this.isRtl=c},this.dragHandler=(c,n,e,r)=>{const t=c.originalEvent;r||(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation());const o=e.closest("th");if(!o||!o)return;const s=o.clientWidth;let l=s;if(this.isRtl?l+=e.getBoundingClientRect().right-e.offsetWidth/2-c.clientX:l+=c.clientX-e.getBoundingClientRect().left-e.offsetWidth/2,!r&&Math.abs(l-s)<1)return;this.fixateInitialWidths(o.parentElement.clientWidth),this.setWidths(n,Math.floor(l)/s);const d=this.columns.filter(i=>!i.children.length).findIndex(i=>i.id===n.id);this.onResize(d,s,l,t,r,n.id)},this.dblClickHandler=(c,n)=>{const e=this.columns.filter(h=>n.indexOf(h.id)>-1);if(!this.colGroupMain||!e.length)return;const r={},t=e;for(;t.length>0;){const h=t.pop();if(!h)break;h.children.length?t.push(...h.children):r[h.id]=h}const o=this.columns.filter(h=>!h.children.length),s=[];o.forEach((h,a)=>{r[h.id]&&s.push(a)});const l=[this.colGroupMain.parentElement],d=[this.colGroupMain];this.colGroupHeader&&(l.push(this.colGroupHeader.parentElement),d.push(this.colGroupHeader)),this.colGroupFooter&&(l.push(this.colGroupFooter.parentElement),d.push(this.colGroupFooter)),l.forEach(h=>h.classList.add("k-autofitting"));const i=[];d.forEach(h=>{s.forEach(a=>{h.children[a]&&(h.children[a].width="",i[a]=Math.max(i[a]||0,h.children[a].offsetWidth+p))})}),d.forEach(h=>{s.forEach(a=>{h.children[a]&&(h.children[a].width=i[a]+"px",o[a].width=i[a])})}),l.forEach(h=>h.classList.remove("k-autofitting")),this.onResize(s[0],0,0,c,!0,n[0])},this.updateColElements=c=>{const n=this.columns.filter(r=>!r.children.length);let e=1e-10;for(let r=0;r<c.length;r++){const t=c[r],o=n.findIndex(i=>i.id===t.id),s=parseFloat((t.width||0).toString()),l=Math.floor(s);e+=s-l;const d=l+Math.floor(e);if(e-=Math.floor(e),this.colGroupMain&&this.colGroupMain.children[o]){const i=parseInt(this.colGroupMain.children[o].width,10);this.colGroupMain.children[o].width=d+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,t,i-d)}if(this.colGroupHeader&&this.colGroupHeader.children[o]){const i=parseInt(this.colGroupHeader.children[o].width,10);this.colGroupHeader.children[o].width=d+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,t,i-d)}if(this.colGroupFooter&&this.colGroupFooter.children[o]){const i=parseInt(this.colGroupFooter.children[o].width,10);this.colGroupFooter.children[o].width=d+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,t,i-d)}}},this.onResize=f}fixateInitialWidths(f){const c=this.columns.filter(t=>!t.children.length);let n=0;const e=this.colGroupMain?this.colGroupMain.children:[];for(let t=0;t<e.length;t++)e[t].width?f-=parseFloat(e[t].width):n++;if(n===0)return;const r=Math.floor(f/n);for(let t=0;t<e.length;t++){const o=e[t];o.width||(o.width=r,c[t].width=r.toString(),this.colGroupHeader&&(this.colGroupHeader.children[t].width=r),this.colGroupFooter&&(this.colGroupFooter.children[t].width=r))}}setWidths(f,c){const n=this.columns.findIndex(t=>t.id===f.id),e=[];let r=f.children.length;for(let t=n+1;t<this.columns.length&&!(r<=0);t++){const o=this.columns[t];o.children.length?r+=o.children.length:e.push(o),r--}return e.length===0&&e.push(f),e.forEach(t=>{let o=t.width?parseFloat(t.width.toString())*c:0;const s=t.minResizableWidth===void 0?10:t.minResizableWidth;o<s&&(o=s),t.width=o}),this.updateColElements(e),e}updateNextLockedCol(f,c,n){const e=c.index,r=this.colGroupMain.parentElement.closest(".k-grid"),t=r==null?void 0:r.clientWidth,o=this.columns.filter(s=>s.locked).map(s=>parseInt(s.width+"",10)).reduce((s,l)=>s+l,0);!c.locked||t<=o+u||this.columns.forEach(s=>{if(s!=null&&s.locked&&n){const l=f==null?void 0:f.querySelectorAll('[aria-colindex="'+s.ariaColumnIndex+'"]');l==null||l.forEach(d=>{const i=d.style;this.isRtl?(s.index>e&&i&&i.right&&(i.right=parseInt(i.right,10)-n+"px"),s.index<e&&i&&i.left&&(i.left=parseInt(i.left,10)-n+"px")):(s.index>e&&i&&i.left&&(i.left=parseInt(i.left,10)-n+"px"),s.index<e&&i&&i.right&&(i.right=parseInt(i.right,10)-n+"px"))})}})}}exports.ColumnResize=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=1,u=20;class g{constructor(f){this.columns=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=c=>{this.isRtl=c},this.dragHandler=(c,n,e,r)=>{const t=c.originalEvent;r||(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation());const o=e.closest("th");if(!o||!o)return;const s=o.clientWidth;let l=s;if(this.isRtl?l+=e.getBoundingClientRect().right-e.offsetWidth/2-c.clientX:l+=c.clientX-e.getBoundingClientRect().left-e.offsetWidth/2,!r&&Math.abs(l-s)<1)return;this.fixateInitialWidths(o.parentElement.clientWidth),this.setWidths(n,Math.floor(l)/s);const d=this.columns.filter(i=>!i.children.length).findIndex(i=>i.id===n.id);this.onResize(d,s,l,t,r,n.id)},this.dblClickHandler=(c,n)=>{const e=this.columns.filter(h=>n.indexOf(h.id)>-1);if(!this.colGroupMain||!e.length)return;const r={},t=e;for(;t.length>0;){const h=t.pop();if(!h)break;h.children.length?t.push(...h.children):r[h.id]=h}const o=this.columns.filter(h=>!h.children.length),s=[];o.forEach((h,a)=>{r[h.id]&&s.push(a)});const l=[this.colGroupMain.parentElement],d=[this.colGroupMain];this.colGroupHeader&&(l.push(this.colGroupHeader.parentElement),d.push(this.colGroupHeader)),this.colGroupFooter&&(l.push(this.colGroupFooter.parentElement),d.push(this.colGroupFooter)),l.forEach(h=>h.classList.add("k-autofitting"));const i=[];d.forEach(h=>{s.forEach(a=>{h.children[a]&&(h.children[a].width="",i[a]=Math.max(i[a]||0,h.children[a].offsetWidth+p))})}),d.forEach(h=>{s.forEach(a=>{h.children[a]&&(h.children[a].width=i[a]+"px",o[a].width=i[a])})}),l.forEach(h=>h.classList.remove("k-autofitting")),this.onResize(s[0],0,0,c,!0,n[0])},this.updateColElements=c=>{const n=this.columns.filter(r=>!r.children.length);let e=1e-10;for(let r=0;r<c.length;r++){const t=c[r],o=n.findIndex(i=>i.id===t.id),s=parseFloat((t.width||0).toString()),l=Math.floor(s);e+=s-l;const d=l+Math.floor(e);if(e-=Math.floor(e),this.colGroupMain&&this.colGroupMain.children[o]){const i=parseInt(this.colGroupMain.children[o].width,10);this.colGroupMain.children[o].width=d+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,t,i-d)}if(this.colGroupHeader&&this.colGroupHeader.children[o]){const i=parseInt(this.colGroupHeader.children[o].width,10);this.colGroupHeader.children[o].width=d+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,t,i-d)}if(this.colGroupFooter&&this.colGroupFooter.children[o]){const i=parseInt(this.colGroupFooter.children[o].width,10);this.colGroupFooter.children[o].width=d+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,t,i-d)}}},this.onResize=f}fixateInitialWidths(f){const c=this.columns.filter(t=>!t.children.length);let n=0;const e=this.colGroupMain?this.colGroupMain.children:[];for(let t=0;t<e.length;t++)e[t].width?f-=parseFloat(e[t].width):n++;if(n===0)return;const r=Math.floor(f/n);for(let t=0;t<e.length;t++){const o=e[t];o.width||(o.width=r,c[t].width=r.toString(),this.colGroupHeader&&(this.colGroupHeader.children[t].width=r),this.colGroupFooter&&(this.colGroupFooter.children[t].width=r))}}setWidths(f,c){const n=this.columns.findIndex(t=>t.id===f.id),e=[];let r=f.children.length;for(let t=n+1;t<this.columns.length&&!(r<=0);t++){const o=this.columns[t];o.children.length?r+=o.children.length:e.push(o),r--}return e.length===0&&e.push(f),e.forEach(t=>{let o=t.width?parseFloat(t.width.toString())*c:0;const s=t.minResizableWidth===void 0?10:t.minResizableWidth;o<s&&(o=s),t.width=o}),this.updateColElements(e),e}updateNextLockedCol(f,c,n){const e=c.index,r=this.colGroupMain.parentElement.closest(".k-grid"),t=r==null?void 0:r.clientWidth,o=this.columns.filter(s=>s.locked).map(s=>parseInt(s.width+"",10)).reduce((s,l)=>s+l,0);!c.locked||t<=o+u||this.columns.forEach(s=>{if(s!=null&&s.locked&&n){const l=f==null?void 0:f.querySelectorAll('[aria-colindex="'+s.ariaColumnIndex+'"]');l==null||l.forEach(d=>{const i=d.style;this.isRtl?(s.index>e&&i&&i.right&&(i.right=parseInt(i.right,10)-n+"px"),s.index<e&&i&&i.left&&(i.left=parseInt(i.left,10)-n+"px")):(s.index>e&&i&&i.left&&(i.left=parseInt(i.left,10)-n+"px"),s.index<e&&i&&i.right&&(i.right=parseInt(i.right,10)-n+"px"))})}})}}exports.ColumnResize=g;

package/drag/ColumnResize.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 class u {
   constructor(f) {
     this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (c) => {

package/drag/CommonDragLogic.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 g=require("react"),h=require("@progress/kendo-react-data-tools");function p(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(e,r,i.get?i:{enumerable:!0,get:()=>l[r]})}}return e.default=l,Object.freeze(e)}const c=p(g);class d{constructor(e,r,i){this.refDragElementClue=c.createRef(),this.refDropElementClue=c.createRef(),this.columns=[],this.reorderable=!1,this.groupable=!1,this.startColumn=-1,this.startGroup=-1,this.currentColumn=-1,this.currentGroup=-1,this.groupPanelDivElement=null,this.refGroupPanelDiv=t=>{this.groupPanelDivElement=t&&t.children?t.children[0]:t},this.pressHandler=(t,n)=>{const s=this.getColumnIndex(t,n);if(this.startGroup=this.getGroupIndex(t),s>=0){const u=this.columns[s];(u.reorderable&&this.reorderable||u.groupable&&this.groupable)&&(this.startColumn=s)}},this.dragHandler=(t,n)=>{if(t.isTouch||t.originalEvent.preventDefault(),t.originalEvent.stopPropagation(),this.startColumn===-1&&this.startGroup===-1)return;this.currentColumn=this.getColumnIndex(t,n),this.currentGroup=this.isTargetGroupingContainer(t)?this.getCurrentGroupsLength:this.getGroupIndex(t);const s=!this.isValid();s&&(this.currentColumn=-1,this.currentGroup=-1);const u=this.currentColumn>=0?n.children[this.columns[this.currentColumn].index]:this.isTargetGroupingContainer(t)?t.originalEvent.target:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(t,n,u,s),this.updateDropElementClue(t,n,u,s)},this.releaseHandler=t=>{const n=this.startColumn,s=this.currentColumn,u=this.startGroup,o=this.currentGroup;t.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const a=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,a&&(n>=0&&s>=0?this.columnReorder(n,s,t.originalEvent):u>=0&&o>=0?this.groupReorder(u,o,t.originalEvent):n>=0&&o>=0&&this.columnToGroup(n,o,t.originalEvent))},this.columnReorder=e,this.groupReorder=r,this.columnToGroup=i}get dragClueRef(){return this.refDragElementClue}get dropClueRef(){return this.refDropElementClue}get getCurrentGroupsLength(){const e=this.groupPanelDivElement&&this.groupPanelDivElement.children;return e&&e.length||0}get dragElementClue(){return this.refDragElementClue.current}get dropElementClue(){return this.refDropElementClue.current}getColumnIndex(e,r){if(!r||r.parentElement===this.groupPanelDivElement)return-1;const i=h.getIndex(e,r);if(i===-1)return-1;for(let t=0;t<r.parentNode.children.length;t++)if(r.parentNode.children[t]===r)return this.columns.findIndex(n=>n.index===i&&n.depth===t);return-1}isTargetGroupingContainer(e){const r=e.originalEvent.target;return r.className.indexOf?r.className.indexOf("k-grouping-drop-container")!==-1:!1}getGroupIndex(e){return h.getIndex(e,this.groupPanelDivElement)}isValid(){return this.startGroup>=0?this.currentGroup>=0&&this.currentGroup!==this.startGroup:this.startColumn===-1?!1:this.currentGroup>=0?this.columns[this.startColumn].groupable===!0&&this.groupable===!0:this.reorderable===!0&&this.currentColumn>=0&&this.currentColumn!==this.startColumn&&this.columns[this.startColumn].reorderable===!0&&this.columns[this.currentColumn].parentIndex===this.columns[this.startColumn].parentIndex}updateDragElementClue(e,r,i,t){if(!this.dragElementClue)return;const n=this.startColumn>=0?r.children[this.columns[this.startColumn].index].innerText:r.innerText;this.dragElementClue.setState({visible:!0,top:e.pageY+10,left:e.pageX,innerText:n,status:t||!i?"k-i-cancel":"k-i-plus"})}updateDropElementClue(e,r,i,t){if(!this.dropElementClue)return;if(t||!i){this.dropElementClue.setState({visible:!1});return}const n=i.getBoundingClientRect(),u=(i.closest(".k-grouping-header")||i).getBoundingClientRect();let o=n.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&this.startGroup!==-1)&&(o+=n.width);const a=u.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:a,left:o,height:this.currentColumn>=0?r.clientHeight:u.height})}}exports.CommonDragLogic=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),h=require("@progress/kendo-react-data-tools");function p(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(e,r,i.get?i:{enumerable:!0,get:()=>l[r]})}}return e.default=l,Object.freeze(e)}const c=p(g);class d{constructor(e,r,i){this.refDragElementClue=c.createRef(),this.refDropElementClue=c.createRef(),this.columns=[],this.reorderable=!1,this.groupable=!1,this.startColumn=-1,this.startGroup=-1,this.currentColumn=-1,this.currentGroup=-1,this.groupPanelDivElement=null,this.refGroupPanelDiv=t=>{this.groupPanelDivElement=t&&t.children?t.children[0]:t},this.pressHandler=(t,n)=>{const s=this.getColumnIndex(t,n);if(this.startGroup=this.getGroupIndex(t),s>=0){const u=this.columns[s];(u.reorderable&&this.reorderable||u.groupable&&this.groupable)&&(this.startColumn=s)}},this.dragHandler=(t,n)=>{if(t.isTouch||t.originalEvent.preventDefault(),t.originalEvent.stopPropagation(),this.startColumn===-1&&this.startGroup===-1)return;this.currentColumn=this.getColumnIndex(t,n),this.currentGroup=this.isTargetGroupingContainer(t)?this.getCurrentGroupsLength:this.getGroupIndex(t);const s=!this.isValid();s&&(this.currentColumn=-1,this.currentGroup=-1);const u=this.currentColumn>=0?n.children[this.columns[this.currentColumn].index]:this.isTargetGroupingContainer(t)?t.originalEvent.target:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(t,n,u,s),this.updateDropElementClue(t,n,u,s)},this.releaseHandler=t=>{const n=this.startColumn,s=this.currentColumn,u=this.startGroup,o=this.currentGroup;t.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const a=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,a&&(n>=0&&s>=0?this.columnReorder(n,s,t.originalEvent):u>=0&&o>=0?this.groupReorder(u,o,t.originalEvent):n>=0&&o>=0&&this.columnToGroup(n,o,t.originalEvent))},this.columnReorder=e,this.groupReorder=r,this.columnToGroup=i}get dragClueRef(){return this.refDragElementClue}get dropClueRef(){return this.refDropElementClue}get getCurrentGroupsLength(){const e=this.groupPanelDivElement&&this.groupPanelDivElement.children;return e&&e.length||0}get dragElementClue(){return this.refDragElementClue.current}get dropElementClue(){return this.refDropElementClue.current}getColumnIndex(e,r){if(!r||r.parentElement===this.groupPanelDivElement)return-1;const i=h.getIndex(e,r);if(i===-1)return-1;for(let t=0;t<r.parentNode.children.length;t++)if(r.parentNode.children[t]===r)return this.columns.findIndex(n=>n.index===i&&n.depth===t);return-1}isTargetGroupingContainer(e){const r=e.originalEvent.target;return r.className.indexOf?r.className.indexOf("k-grouping-drop-container")!==-1:!1}getGroupIndex(e){return h.getIndex(e,this.groupPanelDivElement)}isValid(){return this.startGroup>=0?this.currentGroup>=0&&this.currentGroup!==this.startGroup:this.startColumn===-1?!1:this.currentGroup>=0?this.columns[this.startColumn].groupable===!0&&this.groupable===!0:this.reorderable===!0&&this.currentColumn>=0&&this.currentColumn!==this.startColumn&&this.columns[this.startColumn].reorderable===!0&&this.columns[this.currentColumn].parentIndex===this.columns[this.startColumn].parentIndex}updateDragElementClue(e,r,i,t){if(!this.dragElementClue)return;const n=this.startColumn>=0?r.children[this.columns[this.startColumn].index].innerText:r.innerText;this.dragElementClue.setState({visible:!0,top:e.pageY+10,left:e.pageX,innerText:n,status:t||!i?"k-i-cancel":"k-i-plus"})}updateDropElementClue(e,r,i,t){if(!this.dropElementClue)return;if(t||!i){this.dropElementClue.setState({visible:!1});return}const n=i.getBoundingClientRect(),u=(i.closest(".k-grouping-header")||i).getBoundingClientRect();let o=n.left+e.pageX-e.clientX-6;!this.isTargetGroupingContainer(e)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&this.startGroup!==-1)&&(o+=n.width);const a=u.top+e.pageY-e.clientY;this.dropElementClue.setState({visible:!0,top:a,left:o,height:this.currentColumn>=0?r.clientHeight:u.height})}}exports.CommonDragLogic=d;

package/drag/CommonDragLogic.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as h from "react";
 import { getIndex as a } from "@progress/kendo-react-data-tools";
 class g {

package/drag/GroupingIndicator.js

@@ -5,4 +5,5 @@
  * 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 b=require("react"),l=require("@progress/kendo-react-common"),i=require("@progress/kendo-svg-icons");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const c=h(b),y=e=>{const t=c.useRef(null),a=n=>{const o=t.current&&t.current.element;o&&e.onPress&&e.onPress(n.event,o)},r=n=>{const o=t.current&&t.current.element;o&&e.onDrag&&e.onDrag(n.event,o)},m=n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},u=n=>{if(n.preventDefault(),e.onSortChange){const o=e.dir==="asc"?"desc":"asc";e.onSortChange(n,o)}},d=n=>{(n.keyCode===l.Keys.delete||n.keyCode===l.Keys.backspace)&&(n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n))},f=n=>{n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n)},g=n=>{const o={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,n,{dataItem:{...o}})},{dir:s,title:k}=e;return c.createElement(l.Draggable,{onPress:a,onDrag:r,onRelease:m,ref:t},c.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:u,onContextMenu:g,onKeyDown:d,tabIndex:0,role:"button",style:{touchAction:"none"}},c.createElement("span",null,c.createElement(l.IconWrap,{name:"sort-"+s+"-small",icon:s==="asc"?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),c.createElement("span",{className:"k-chip-content"},k),c.createElement("span",{className:"k-chip-actions"},c.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:f},c.createElement(l.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))};exports.GroupingIndicator=y;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),l=require("@progress/kendo-react-common"),i=require("@progress/kendo-svg-icons");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const o=h(b),y=e=>{const t=o.useRef(null),a=n=>{const c=t.current&&t.current.element;c&&e.onPress&&e.onPress(n.event,c)},r=n=>{const c=t.current&&t.current.element;c&&e.onDrag&&e.onDrag(n.event,c)},m=n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},u=n=>{if(n.preventDefault(),e.onSortChange){const c=e.dir==="asc"?"desc":"asc";e.onSortChange(n,c)}},d=n=>{(n.keyCode===l.Keys.delete||n.keyCode===l.Keys.backspace)&&(n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n))},f=n=>{n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n)},g=n=>{const c={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,n,{dataItem:{...c}})},{dir:s,title:k}=e;return o.createElement(l.Draggable,{onPress:a,onDrag:r,onRelease:m,ref:t},o.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:u,onContextMenu:g,onKeyDown:d,tabIndex:0,role:"button",style:{touchAction:"none"}},o.createElement("span",null,o.createElement(l.IconWrap,{name:"sort-"+s+"-small",icon:s==="asc"?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),o.createElement("span",{className:"k-chip-content"},o.createElement("span",{className:"k-chip-label"},k)),o.createElement("span",{className:"k-chip-actions"},o.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:f},o.createElement(l.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))};exports.GroupingIndicator=y;

package/drag/GroupingIndicator.mjs

@@ -10,14 +10,14 @@ import * as o from "react";
 import { Draggable as h, IconWrap as l, Keys as i } from "@progress/kendo-react-common";
 import { sortAscSmallIcon as C, sortDescSmallIcon as D, xCircleIcon as R } from "@progress/kendo-svg-icons";
 const I = (n) => {
-  const c = o.useRef(null), s = (e) => {
-    const t = c.current && c.current.element;
+  const a = o.useRef(null), s = (e) => {
+    const t = a.current && a.current.element;
     t && n.onPress && n.onPress(e.event, t);
   }, r = (e) => {
-    const t = c.current && c.current.element;
+    const t = a.current && a.current.element;
     t && n.onDrag && n.onDrag(e.event, t);
   }, m = (e) => {
-    c.current && c.current.element && n.onRelease && n.onRelease(e.event);
+    a.current && a.current.element && n.onRelease && n.onRelease(e.event);
   }, d = (e) => {
     if (e.preventDefault(), n.onSortChange) {
       const t = n.dir === "asc" ? "desc" : "asc";
@@ -27,20 +27,20 @@ const I = (n) => {
     (e.keyCode === i.delete || e.keyCode === i.backspace) && (e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e));
   }, f = (e) => {
     e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e);
-  }, g = (e) => {
+  }, k = (e) => {
     const t = {
       title: n.title,
       dir: n.dir,
       index: n.index
     };
     n.onContextMenu && n.onContextMenu.call(void 0, e, { dataItem: { ...t } });
-  }, { dir: a, title: k } = n;
-  return /* @__PURE__ */ o.createElement(h, { onPress: s, onDrag: r, onRelease: m, ref: c }, /* @__PURE__ */ o.createElement(
+  }, { dir: c, title: g } = n;
+  return /* @__PURE__ */ o.createElement(h, { onPress: s, onDrag: r, onRelease: m, ref: a }, /* @__PURE__ */ o.createElement(
     "div",
     {
       className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
       onClick: d,
-      onContextMenu: g,
+      onContextMenu: k,
       onKeyDown: u,
       tabIndex: 0,
       role: "button",
@@ -49,12 +49,12 @@ const I = (n) => {
     /* @__PURE__ */ o.createElement("span", null, /* @__PURE__ */ o.createElement(
       l,
       {
-        name: "sort-" + a + "-small",
-        icon: a === "asc" ? C : D,
+        name: "sort-" + c + "-small",
+        icon: c === "asc" ? C : D,
         size: "small"
       }
     )),
-    /* @__PURE__ */ o.createElement("span", { className: "k-chip-content" }, k),
+    /* @__PURE__ */ o.createElement("span", { className: "k-chip-content" }, /* @__PURE__ */ o.createElement("span", { className: "k-chip-label" }, g)),
     /* @__PURE__ */ o.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ o.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: f }, /* @__PURE__ */ o.createElement(l, { name: "x-circle", icon: R, size: "small" })))
   ));
 };

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

package/filterCommon.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import { messages as l } from "./messages/index.mjs";
 const f = [
   { text: "grid.filterAndLogic", operator: "and" },
@@ -47,11 +46,11 @@ const f = [
 }, i = (t) => t === "isnull" || t === "isnotnull" || t === "isempty" || t === "isnotempty", d = (t, o) => t.map((e) => ({
   text: o.toLanguageString(e.text, l[e.text]),
   operator: e.operator
-})), n = "eq", u = [
+})), n = "eq", x = [
   { text: "grid.filterBooleanAll", operator: "" },
   { text: "grid.filterIsTrue", operator: !0 },
   { text: "grid.filterIsFalse", operator: !1 }
-], x = {
+], u = {
   text: !1,
   numeric: !1,
   date: !1,
@@ -87,12 +86,12 @@ const f = [
 };
 export {
   i as IsUnaryFilter,
-  u as booleanFilterValues,
+  x as booleanFilterValues,
   q as cellBoolDropdownChange,
   c as cellInputChange,
   E as cellOperatorChange,
   n as defaultBooleanOperator,
-  x as defaultHideSecondFilter,
+  u as defaultHideSecondFilter,
   f as filterLogicList,
   p as getDefaultOperator,
   O as getFilterType,

package/footer/Footer.js

@@ -5,4 +5,5 @@
  * 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 s=require("react"),n=require("@progress/kendo-react-common");function i(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const t=i(s),c=t.forwardRef((e,a)=>{const r=t.useRef(null),o=t.useRef(null);return t.useImperativeHandle(a,()=>({setScrollLeft:l=>{r.current&&(r.current.scrollLeft=l)},setWidth:l=>{o.current&&(o.current.style.width=l+"px")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:r,className:"k-grid-footer-wrap",role:"presentation"},t.createElement("table",{ref:o,className:n.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${n.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:l=>{e.columnResize.colGroupFooter=l},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)});c.displayName="KendoReactFooter";exports.Footer=c;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),l=require("@progress/kendo-react-common"),i=require("../GridClientWrapper.js");function u(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=u(s),c=e=>{const o=t.useRef(null),r=t.useRef(null),a=t.useContext(i.GridContext);return t.useImperativeHandle(a.footerRef,()=>({setScrollLeft:n=>{o.current&&(o.current.scrollLeft=n)},setWidth:n=>{r.current&&(r.current.style.width=n+"px")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:o,className:"k-grid-footer-wrap",role:"presentation"},t.createElement("table",{ref:r,className:l.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${l.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:n=>{a.columnResizeRef.current.colGroupFooter=n},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)};c.displayName="KendoReactFooter";exports.Footer=c;

package/footer/Footer.mjs

@@ -6,45 +6,46 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { classNames as s, kendoThemeMaps as n } from "@progress/kendo-react-common";
-const c = t.forwardRef((e, l) => {
-  const a = t.useRef(null), o = t.useRef(null);
-  return t.useImperativeHandle(l, () => ({
+import * as e from "react";
+import { classNames as n, kendoThemeMaps as s } from "@progress/kendo-react-common";
+import { GridContext as c } from "../GridClientWrapper.mjs";
+const i = (t) => {
+  const o = e.useRef(null), a = e.useRef(null), l = e.useContext(c);
+  return e.useImperativeHandle(l.footerRef, () => ({
     setScrollLeft: (r) => {
-      a.current && (a.current.scrollLeft = r);
+      o.current && (o.current.scrollLeft = r);
     },
     setWidth: (r) => {
-      o.current && (o.current.style.width = r + "px");
+      a.current && (a.current.style.width = r + "px");
     }
-  })), e.staticHeaders ? /* @__PURE__ */ t.createElement("div", { className: "k-grid-footer", role: "presentation" }, /* @__PURE__ */ t.createElement("div", { ref: a, className: "k-grid-footer-wrap", role: "presentation" }, /* @__PURE__ */ t.createElement(
+  })), t.staticHeaders ? /* @__PURE__ */ e.createElement("div", { className: "k-grid-footer", role: "presentation" }, /* @__PURE__ */ e.createElement("div", { ref: o, className: "k-grid-footer-wrap", role: "presentation" }, /* @__PURE__ */ e.createElement(
     "table",
     {
-      ref: o,
-      className: s(
+      ref: a,
+      className: n(
         "k-table k-grid-footer-table",
         {
-          "k-table-md": !e.size,
-          [`k-table-${n.sizeMap[e.size] || e.size}`]: e.size
+          "k-table-md": !t.size,
+          [`k-table-${s.sizeMap[t.size] || t.size}`]: t.size
         },
-        e.className
+        t.className
       ),
       role: "presentation"
     },
-    /* @__PURE__ */ t.createElement(
+    /* @__PURE__ */ e.createElement(
       "colgroup",
       {
         ref: (r) => {
-          e.columnResize.colGroupFooter = r;
+          l.columnResizeRef.current.colGroupFooter = r;
         },
         role: "presentation"
       },
-      e.cols
+      t.cols
     ),
-    /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, e.row)
-  ))) : /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot" }, e.row);
-});
-c.displayName = "KendoReactFooter";
+    /* @__PURE__ */ e.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, t.row)
+  ))) : /* @__PURE__ */ e.createElement("tfoot", { className: "k-table-tfoot" }, t.row);
+};
+i.displayName = "KendoReactFooter";
 export {
-  c as Footer
+  i as Footer
 };

package/footer/FooterCell.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),i=require("../utils/index.js"),f=require("@progress/kendo-react-common"),d=require("./client/FooterCellContainer.js");function b(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const l=b(C),g=t=>{const{column:e,index:o,cells:n}=t,r={colSpan:e.colSpan!==1?e.colSpan:void 0,className:f.classNames("k-table-td",e.locked&&e.left!==void 0?"k-grid-footer-sticky":""),role:"gridcell","aria-colindex":e.ariaColumnIndex},a={field:e.field,ariaColumnIndex:e.ariaColumnIndex,...r},s=i.clientColumn(e),c=i.resolveCells(n,e.cells);if(c&&c.footerCell){const u=c.footerCell,m=i.isClientReference(u);return l.createElement(d.FooterCellContainer,{key:o,id:t.id,tdProps:r,isCustom:!0,isClient:m,column:s},l.createElement(u,{...a,tdProps:r,index:o}))}return l.createElement(d.FooterCellContainer,{key:o,id:t.id,column:s},e.footerCell&&l.createElement(e.footerCell,{...a})||l.createElement("td",{...r}))};exports.FooterCell=g;

package/footer/FooterCell.mjs

@@ -0,0 +1,42 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as l from "react";
+import { clientColumn as C, resolveCells as f, isClientReference as u } from "../utils/index.mjs";
+import { classNames as p } from "@progress/kendo-react-common";
+import { FooterCellContainer as m } from "./client/FooterCellContainer.mjs";
+const v = (t) => {
+  const { column: e, index: n, cells: a } = t, o = {
+    colSpan: e.colSpan !== 1 ? e.colSpan : void 0,
+    className: p("k-table-td", e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : ""),
+    role: "gridcell",
+    "aria-colindex": e.ariaColumnIndex
+  }, c = {
+    field: e.field,
+    ariaColumnIndex: e.ariaColumnIndex,
+    ...o
+  }, i = C(e), r = f(a, e.cells);
+  if (r && r.footerCell) {
+    const s = r.footerCell, d = u(s);
+    return /* @__PURE__ */ l.createElement(
+      m,
+      {
+        key: n,
+        id: t.id,
+        tdProps: o,
+        isCustom: !0,
+        isClient: d,
+        column: i
+      },
+      /* @__PURE__ */ l.createElement(s, { ...c, tdProps: o, index: n })
+    );
+  }
+  return /* @__PURE__ */ l.createElement(m, { key: n, id: t.id, column: i }, e.footerCell && /* @__PURE__ */ l.createElement(e.footerCell, { ...c }) || /* @__PURE__ */ l.createElement("td", { ...o }));
+};
+export {
+  v as FooterCell
+};

package/footer/FooterRow.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 g=require("react"),i=require("../utils/index.js"),b=require("@progress/kendo-react-common"),s=require("@progress/kendo-react-data-tools");function C(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const r=C(g),y=t=>{const{column:e,index:o,isRtl:l,id:d,cells:u}=t,f=s.useTableKeyboardNavigation(d),n={colSpan:e.colSpan!==1?e.colSpan:void 0,style:e.left!==void 0?l?{left:e.right,right:e.left}:{left:e.left,right:e.right}:{},className:b.classNames("k-table-td",e.locked&&e.left!==void 0?"k-grid-footer-sticky":""),key:o,role:"gridcell","aria-colindex":e.ariaColumnIndex,...f},c={field:e.field,ariaColumnIndex:e.ariaColumnIndex,...n},a=i.resolveCells(u,e.cells);if(a&&a.footerCell){const m=a.footerCell;return r.createElement(m,{...c,tdProps:n,index:o})}return e.footerCell&&r.createElement(e.footerCell,{...c,key:o})||r.createElement("td",{...n})},k=t=>r.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":t.ariaRowIndex},i.footerColumns(t.columns).map((e,o)=>{const l=s.tableKeyboardNavigationTools.generateNavigatableId(`${o}-footercell`,t.idPrefix,"nodata");return r.createElement(y,{key:l,column:e,id:l,index:o,cells:t.cells,isRtl:t.isRtl})}));exports.FooterRow=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),l=require("../utils/index.js"),c=require("@progress/kendo-react-data-tools"),i=require("./FooterCell.js");function u(e){const o=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(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=u(n),s=e=>a.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":e.ariaRowIndex},l.footerColumns(e.columns).map((o,t)=>{const r=c.tableKeyboardNavigationTools.generateNavigatableId(`${t}-footercell`,e.idPrefix,"nodata");return a.createElement(i.FooterCell,{key:r,column:o,id:r,index:t,cells:e.cells})}));exports.FooterRow=s;

package/footer/FooterRow.mjs

@@ -5,48 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import * as o from "react";
-import { footerColumns as f, resolveCells as u } from "../utils/index.mjs";
-import { classNames as C } from "@progress/kendo-react-common";
-import { tableKeyboardNavigationTools as g, useTableKeyboardNavigation as b } from "@progress/kendo-react-data-tools";
-const k = (t) => {
-  const { column: e, index: l, isRtl: r, id: c, cells: s } = t, d = b(c), a = {
-    colSpan: e.colSpan !== 1 ? e.colSpan : void 0,
-    style: e.left !== void 0 ? r ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {},
-    className: C("k-table-td", e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : ""),
-    key: l,
-    role: "gridcell",
-    "aria-colindex": e.ariaColumnIndex,
-    ...d
-  }, n = {
-    field: e.field,
-    ariaColumnIndex: e.ariaColumnIndex,
-    ...a
-  }, i = u(s, e.cells);
-  if (i && i.footerCell) {
-    const m = i.footerCell;
-    return /* @__PURE__ */ o.createElement(m, { ...n, tdProps: a, index: l });
-  }
-  return e.footerCell && /* @__PURE__ */ o.createElement(e.footerCell, { ...n, key: l }) || /* @__PURE__ */ o.createElement("td", { ...a });
-}, I = (t) => /* @__PURE__ */ o.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": t.ariaRowIndex }, f(t.columns).map((e, l) => {
-  const r = g.generateNavigatableId(
-    `${l}-footercell`,
-    t.idPrefix,
+import * as t from "react";
+import { footerColumns as l } from "../utils/index.mjs";
+import { tableKeyboardNavigationTools as m } from "@progress/kendo-react-data-tools";
+import { FooterCell as i } from "./FooterCell.mjs";
+const f = (e) => /* @__PURE__ */ t.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": e.ariaRowIndex }, l(e.columns).map((a, o) => {
+  const r = m.generateNavigatableId(
+    `${o}-footercell`,
+    e.idPrefix,
     "nodata"
   );
-  return /* @__PURE__ */ o.createElement(
-    k,
-    {
-      key: r,
-      column: e,
-      id: r,
-      index: l,
-      cells: t.cells,
-      isRtl: t.isRtl
-    }
-  );
+  return /* @__PURE__ */ t.createElement(i, { key: r, column: a, id: r, index: o, cells: e.cells });
 }));
 export {
-  I as FooterRow
+  f as FooterRow
 };

package/footer/client/FooterCellContainer.js

@@ -0,0 +1,9 @@
+/**
+ * @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 l=require("react"),c=require("@progress/kendo-react-data-tools"),a=require("../../GridClientWrapper.js");function s(e){const n=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(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=s(l),u=e=>{const n=i.useContext(a.GridContext),t=c.useTableKeyboardNavigation(e.id),o=n.getCellPositionStyle(e.column),r={...t,style:{...o}};return e.isCustom&&(n.isClient||e.isClient)?i.cloneElement(e.children,{tdProps:{...e.tdProps,...r},...t}):i.cloneElement(e.children,{...r})};exports.FooterCellContainer=u;

package/footer/client/FooterCellContainer.mjs

@@ -0,0 +1,26 @@
+/**
+ * @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 { useTableKeyboardNavigation as r } from "@progress/kendo-react-data-tools";
+import { GridContext as s } from "../../GridClientWrapper.mjs";
+const a = (t) => {
+  const n = e.useContext(s), o = r(t.id), l = n.getCellPositionStyle(t.column), i = {
+    ...o,
+    style: { ...l }
+  };
+  return t.isCustom && (n.isClient || t.isClient) ? e.cloneElement(t.children, {
+    tdProps: { ...t.tdProps, ...i },
+    ...o
+  }) : e.cloneElement(t.children, {
+    ...i
+  });
+};
+export {
+  a as FooterCellContainer
+};

package/header/FilterRow.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"),O=require("@progress/kendo-react-intl"),S=require("../cells/GridFilterCell.js"),u=require("../filterCommon.js"),k=require("@progress/kendo-react-data-tools"),v=require("../messages/index.js"),m=require("@progress/kendo-react-common"),q=require("../utils/index.js");function w(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const g=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,g.get?g:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const d=w(T),y="k-table-row k-filter-row",_=t=>{const a=O.useLocalization(),n=(e,r)=>{let l=`${r?"k-grid-header-sticky":""}`;return t.sort&&t.sort.filter(o=>o.field===e).length>0&&(l+=" k-sorted"),l},g=(e,r,l,o)=>{if(!t.filterChange)return;const i=[];(e!==""&&e!==null||r!=="")&&i.push({field:l,operator:r,value:e}),t.filter&&t.filter.filters&&(t.filter.filters||[]).forEach(b=>{const c=b;c&&c.field!==l&&i.push(c)});const s=t.filter&&t.filter.logic?t.filter.logic:"and";t.filterChange(i.length>0?{logic:s,filters:i}:null,o)},x=t.filter&&t.filter.filters||[],L=e=>{if(e===void 0)return;const r=x.filter(l=>l.field===e);return r.length?r[0]:void 0};let E=0,F=-1;const I=t.columns.filter(e=>e.children.length===0).map(e=>{const r=u.getFilterType(e.filter),l=L(e.field),o=`${e.field} ${a.toLanguageString(v.filterAriaLabel,v.messages[v.filterAriaLabel])}`;let i=l&&l.value;i===void 0&&(i=r==="text"?"":null);const s=e.filterable&&{render:t.cellRender,field:e.field,title:e.filterTitle,value:i,operator:l&&l.operator,operators:u.operatorMap(t.filterOperators[r]||[],a),booleanValues:u.operatorMap(u.booleanFilterValues,a),filterType:r,ariaLabel:o,onChange:f=>{g(f.value,f.operator,e.field,f.syntheticEvent)}},C=e.declarationIndex>=0?++F:--E,b=e.left!==void 0?t.isRtl?{left:e.right,right:e.left}:{left:e.left,right:e.right}:{},c={columnId:k.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable||t.navigatable,style:b,className:m.classNames("k-table-td",n(e.field,e.locked)||void 0),role:"gridcell",ariaLabel:o,ariaColumnIndex:e.ariaColumnIndex},R=s&&(e.filterCell?d.createElement(e.filterCell,{...s}):d.createElement(S.GridFilterCell,{size:t.size,...s})),h=q.resolveCells(t.cells,e.cells);if(h&&h.filterCell){const f=h.filterCell;return d.createElement(f,{key:C,...s,tdProps:c,index:F},R)}return d.createElement(k.HeaderTdElement,{key:C,...c},R)});return d.createElement("tr",{className:y,"aria-rowindex":t.ariaRowIndex,role:"row"},I)};exports.FILTER_ROW_CLASS=y;exports.FilterRow=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),S=require("../cells/GridFilterCell.js"),d=require("../filterCommon.js"),E=require("@progress/kendo-react-data-tools"),F=require("../messages/index.js"),w=require("@progress/kendo-react-common"),f=require("../utils/index.js"),k=require("./client/GridFilterCellContainer.js"),G=require("./client/GridFilterCellElementContainer.js");function P(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const i=P(O),x="k-table-row k-filter-row",_=t=>{const a=(e,r)=>{let l=`${r?"k-grid-header-sticky":""}`;return t.sort&&t.sort.filter(c=>c.field===e).length>0&&(l+=" k-sorted"),l},n=t.filter&&t.filter.filters||[],s=e=>{if(e===void 0)return;const r=n.filter(l=>l.field===e);return r.length?r[0]:void 0};let L=0,v=-1;const q=t.columns.filter(e=>e.children.length===0).map(e=>{const r=d.getFilterType(e.filter),l=s(e.field),c=`${e.field} ${t.localization.toLanguageString(F.filterAriaLabel,F.messages[F.filterAriaLabel])}`;let C=l&&l.value;C===void 0&&(C=r==="text"?"":null);const u=e.filterable&&{field:e.field,title:e.filterTitle,value:C,operator:l&&l.operator,operators:d.operatorMap(t.filterOperators[r]||[],t.localization),booleanValues:d.operatorMap(d.booleanFilterValues,t.localization),filterType:r,ariaLabel:e.columnType==="reorder"?"":c,size:t.size},b=e.declarationIndex>=0?++v:--L,R={columnId:E.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable||t.navigatable,className:w.classNames("k-table-td",a(e.field,e.locked)||void 0),role:"gridcell",ariaLabel:e.columnType==="reorder"?void 0:c,ariaColumnIndex:e.ariaColumnIndex},y=f.clientColumn(e),T={column:y,filter:t.filter,field:e.field,render:t.cellRender};let g=null;if(u&&e.columnType!=="reorder"){const o=e.filterCell?e.filterCell:S.GridFilterCell;g=i.createElement(k.GridFilterCellContainer,{...T,isClient:f.isClientReference(o)},i.createElement(o,{...u}))}const m=f.resolveCells(t.cells,e.cells);if(m&&m.filterCell){const o=m.filterCell,I=f.isClientReference(o);return i.createElement(k.GridFilterCellContainer,{key:b,...T,isClient:I,isCustom:!0},i.createElement(o,{key:b,...u,tdProps:R,index:v},g))}return i.createElement(G.GridFilterCellElementContainer,{key:b,column:y},i.createElement(E.HeaderTdElement,{...R},g))});return i.createElement("tr",{className:x,"aria-rowindex":t.ariaRowIndex,role:"row"},q)};exports.FILTER_ROW_CLASS=x;exports.FilterRow=_;