@progress/kendo-react-grid 14.2.2-develop.1 → 14.3.0-develop.1

package/drag/ColumnResize.d.ts

@@ -23,6 +23,14 @@ export declare class ColumnResize {
      * The footer `colgroup` of the Grid (if any).
      */
     colGroupFooter: any | null;
+    /**
+     * The sticky header `colgroup` of the Grid (if any).
+     */
+    colGroupStickyHeader: any;
+    /**
+     * The sticky footer `colgroup` of the Grid (if any).
+     */
+    colGroupStickyFooter: any;
     columns: ExtendedColumnProps[];
     /**
      * The `columnsState` of the Grid (if any).

package/drag/ColumnResize.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../utils/index.js"),m=1,w=20;class W{constructor(a){this.columns=[],this.columnsState=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=n=>{this.isRtl=n},this.initWidths=()=>{var c;const n=((c=this.colGroupMain)==null?void 0:c.children)||[],l=u.getFlatColumnsState(this.columnsState),r=this.columns.filter(e=>{var o;return!((o=e.children)!=null&&o.length)});for(let e=0;e<n.length;e++){const o=n[e],t=r[e];let i="";const h=l.find(s=>s.id===r[e].id);h&&(i=this.applyWidthConstraints(h,t)),o.width=i,this.colGroupHeader&&(this.colGroupHeader.children[e].width=i),this.colGroupFooter&&(this.colGroupFooter.children[e].width=i)}},this.dragHandler=(n,l,r,c)=>{const e=n.originalEvent;c||(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation());const o=r.closest("th");if(!o||!o)return;const t=o.clientWidth;let i=t;if(this.isRtl?i+=r.getBoundingClientRect().right-r.offsetWidth/2-n.clientX:i+=n.clientX-r.getBoundingClientRect().left-r.offsetWidth/2,!c&&Math.abs(i-t)<1)return;this.fixateInitialWidths(o.parentElement.clientWidth),this.setWidths(l,Math.floor(i)/t);const h=this.columns.filter(s=>!s.children.length).findIndex(s=>s.id===l.id);this.onResize(h,t,i,e,c,this.columnsState,l.id)},this.dblClickHandler=(n,l)=>{const r=this.columns.filter(d=>l.indexOf(d.id)>-1),c=u.getFlatColumnsState(this.columnsState);if(!this.colGroupMain||!r.length)return;const e={},o=r;for(;o.length>0;){const d=o.pop();if(!d)break;d.children.length?o.push(...d.children):e[d.id]=d}const t=this.columns.filter(d=>!d.children.length),i=[];t.forEach((d,p)=>{e[d.id]&&i.push(p)});const h=[this.colGroupMain.parentElement],s=[this.colGroupMain];this.colGroupHeader&&(h.push(this.colGroupHeader.parentElement),s.push(this.colGroupHeader)),this.colGroupFooter&&(h.push(this.colGroupFooter.parentElement),s.push(this.colGroupFooter)),h.forEach(d=>d.classList.add("k-autofitting"));const f=[];s.forEach(d=>{i.forEach(p=>{d.children[p]&&(d.children[p].width="",f[p]=Math.max(f[p]||0,d.children[p].offsetWidth+m))})}),s.forEach(d=>{i.forEach(p=>{if(d.children[p]){d.children[p].width=f[p]+"px";const g=c.find(G=>G.id===t[p].id);g&&(g.width=f[p])}})}),h.forEach(d=>d.classList.remove("k-autofitting")),this.onResize(i[0],0,0,n,!0,this.columnsState,l[0])},this.updateColElements=n=>{const l=this.columns.filter(c=>!c.hidden&&!c.children.length);let r=1e-10;for(let c=0;c<n.length;c++){const e=n[c],o=l.findIndex(f=>f.id===e.id),t=parseFloat((e.width||0).toString()),i=Math.floor(t);r+=t-i;const h=i+Math.floor(r);r-=Math.floor(r);const s=l.find(f=>f.id===e.id);if(!s)return;if(this.colGroupMain&&this.colGroupMain.children[o]){const f=parseInt(this.colGroupMain.children[o].width,10);this.colGroupMain.children[o].width=h+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,s,f-h)}if(this.colGroupHeader&&this.colGroupHeader.children[o]){const f=parseInt(this.colGroupHeader.children[o].width,10);this.colGroupHeader.children[o].width=h+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,s,f-h)}if(this.colGroupFooter&&this.colGroupFooter.children[o]){const f=parseInt(this.colGroupFooter.children[o].width,10);this.colGroupFooter.children[o].width=h+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,s,f-h)}}},this.onResize=a}applyWidthConstraints(a,n,l=1){if(!a.width)return a.width||"";const r=a.width.toString();if(r.includes("%")){const f=parseFloat(r)*l,d=Math.max(0,Math.min(100,f));return a.width=d+"%",a.width}let e=parseFloat(r)*l;const o=n.minResizableWidth===void 0?10:n.minResizableWidth,t=n==null?void 0:n.minWidth,i=t!==void 0?Math.max(o,t):o,h=n==null?void 0:n.maxWidth;return e<i&&(e=i),h!==void 0&&e>h&&(e=h),a.width=e,e}fixateInitialWidths(a){var o;let n=0;const l=((o=this.colGroupMain)==null?void 0:o.children)||[];for(let t=0;t<l.length;t++)l[t].width?a-=l[t].clientWidth:n++;if(n===0)return;const r=Math.floor(a/n),c=u.getFlatColumnsState(this.columnsState),e=this.columns.filter(t=>!t.children.length);for(let t=0;t<l.length;t++){const i=l[t],h=i.width?i.clientWidth:r;i.width=h;const s=c.find(f=>f.id===e[t].id);s&&(s.width=h.toString()),this.colGroupHeader&&(this.colGroupHeader.children[t].width=h),this.colGroupFooter&&(this.colGroupFooter.children[t].width=h)}}setWidths(a,n){const l=u.getFlatColumnsState(this.columnsState),r=this.columns.findIndex(t=>t.id===a.id),c=[];let e=a.children.filter(t=>!t.hidden).length;for(let t=r+1;t<this.columns.length&&!(e<=0);t++){const i=this.columns[t];i.children.length?e+=i.children.filter(h=>!h.hidden).length:c.push(i),e--}c.length===0&&c.push(a);const o=[];c.forEach(t=>{const i=l.find(h=>h.id===t.id);i&&(this.applyWidthConstraints(i,t,n),o.push(i))}),this.updateColElements(o)}updateNextLockedCol(a,n,l){const r=n.index,c=this.colGroupMain.parentElement.closest(".k-grid"),e=c==null?void 0:c.clientWidth,o=this.columns.filter(t=>t.locked).map(t=>parseInt(t.width+"",10)).reduce((t,i)=>t+i,0);!n.locked||e<=o+w||this.columns.forEach(t=>{if(t!=null&&t.locked&&l){const i=a==null?void 0:a.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');i==null||i.forEach(h=>{const s=h.style;this.isRtl?(t.index>r&&s&&s.right&&(s.right=parseInt(s.right,10)-l+"px"),t.index<r&&s&&s.left&&(s.left=parseInt(s.left,10)-l+"px")):(t.index>r&&s&&s.left&&(s.left=parseInt(s.left,10)-l+"px"),t.index<r&&s&&s.right&&(s.right=parseInt(s.right,10)-l+"px"))})}})}}exports.ColumnResize=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../utils/index.js"),g=1,k=20;class w{constructor(p){this.columns=[],this.columnsState=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=s=>{this.isRtl=s},this.initWidths=()=>{var a;const s=((a=this.colGroupMain)==null?void 0:a.children)||[],l=f.getFlatColumnsState(this.columnsState),c=this.columns.filter(e=>{var r;return!((r=e.children)!=null&&r.length)});for(let e=0;e<s.length;e++){const r=s[e],t=c[e];let i="";const h=l.find(o=>o.id===c[e].id);h&&(i=this.applyWidthConstraints(h,t)),r.width=i,this.colGroupHeader&&(this.colGroupHeader.children[e].width=i),this.colGroupFooter&&(this.colGroupFooter.children[e].width=i),this.colGroupStickyHeader&&(this.colGroupStickyHeader.children[e].width=i),this.colGroupStickyFooter&&(this.colGroupStickyFooter.children[e].width=i)}},this.dragHandler=(s,l,c,a)=>{const e=s.originalEvent;a||(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation());const r=c.closest("th");if(!r||!r)return;const t=r.clientWidth;let i=t;if(this.isRtl?i+=c.getBoundingClientRect().right-c.offsetWidth/2-s.clientX:i+=s.clientX-c.getBoundingClientRect().left-c.offsetWidth/2,!a&&Math.abs(i-t)<1)return;this.fixateInitialWidths(r.parentElement.clientWidth),this.setWidths(l,Math.floor(i)/t);const h=this.columns.filter(o=>!o.children.length).findIndex(o=>o.id===l.id);this.onResize(h,t,i,e,a,this.columnsState,l.id)},this.dblClickHandler=(s,l)=>{const c=this.columns.filter(n=>l.indexOf(n.id)>-1),a=f.getFlatColumnsState(this.columnsState);if(!this.colGroupMain||!c.length)return;const e={},r=c;for(;r.length>0;){const n=r.pop();if(!n)break;n.children.length?r.push(...n.children):e[n.id]=n}const t=this.columns.filter(n=>!n.children.length),i=[];t.forEach((n,d)=>{e[n.id]&&i.push(d)});const h=[this.colGroupMain.parentElement],o=[this.colGroupMain];this.colGroupHeader&&(h.push(this.colGroupHeader.parentElement),o.push(this.colGroupHeader)),this.colGroupFooter&&(h.push(this.colGroupFooter.parentElement),o.push(this.colGroupFooter)),this.colGroupStickyHeader&&(h.push(this.colGroupStickyHeader.parentElement),o.push(this.colGroupStickyHeader)),this.colGroupStickyFooter&&(h.push(this.colGroupStickyFooter.parentElement),o.push(this.colGroupStickyFooter)),h.forEach(n=>n.classList.add("k-autofitting"));const u=[];o.forEach(n=>{i.forEach(d=>{n.children[d]&&(n.children[d].width="",u[d]=Math.max(u[d]||0,n.children[d].offsetWidth+g))})}),o.forEach(n=>{i.forEach(d=>{if(n.children[d]){n.children[d].width=u[d]+"px";const G=a.find(S=>S.id===t[d].id);G&&(G.width=u[d])}})}),h.forEach(n=>n.classList.remove("k-autofitting")),this.onResize(i[0],0,0,s,!0,this.columnsState,l[0])},this.updateColElements=s=>{var a,e;const l=this.columns.filter(r=>!r.hidden&&!r.children.length);let c=1e-10;for(let r=0;r<s.length;r++){const t=s[r],i=l.findIndex(d=>d.id===t.id),h=parseFloat((t.width||0).toString()),o=Math.floor(h);c+=h-o;const u=o+Math.floor(c);c-=Math.floor(c);const n=l.find(d=>d.id===t.id);if(!n)return;if(this.colGroupMain&&this.colGroupMain.children[i]){const d=parseInt(this.colGroupMain.children[i].width,10);this.colGroupMain.children[i].width=u+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,n,d-u)}if(this.colGroupHeader&&this.colGroupHeader.children[i]){const d=parseInt(this.colGroupHeader.children[i].width,10);this.colGroupHeader.children[i].width=u+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,n,d-u)}if(this.colGroupFooter&&this.colGroupFooter.children[i]){const d=parseInt(this.colGroupFooter.children[i].width,10);this.colGroupFooter.children[i].width=u+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,n,d-u)}if((a=this.colGroupStickyHeader)!=null&&a.children[i]){const d=parseInt(this.colGroupStickyHeader.children[i].width,10);this.colGroupStickyHeader.children[i].width=u+"px",this.updateNextLockedCol(this.colGroupStickyHeader.parentElement,n,d-u)}if((e=this.colGroupStickyFooter)!=null&&e.children[i]){const d=parseInt(this.colGroupStickyFooter.children[i].width,10);this.colGroupStickyFooter.children[i].width=u+"px",this.updateNextLockedCol(this.colGroupStickyFooter.parentElement,n,d-u)}}},this.onResize=p}applyWidthConstraints(p,s,l=1){if(!p.width)return p.width||"";const c=p.width.toString();if(c.includes("%")){const u=parseFloat(c)*l,n=Math.max(0,Math.min(100,u));return p.width=n+"%",p.width}let e=parseFloat(c)*l;const r=s.minResizableWidth===void 0?10:s.minResizableWidth,t=s==null?void 0:s.minWidth,i=t!==void 0?Math.max(r,t):r,h=s==null?void 0:s.maxWidth;return e<i&&(e=i),h!==void 0&&e>h&&(e=h),p.width=e,e}fixateInitialWidths(p){var r;let s=0;const l=((r=this.colGroupMain)==null?void 0:r.children)||[];for(let t=0;t<l.length;t++)l[t].width?p-=l[t].clientWidth:s++;if(s===0)return;const c=Math.floor(p/s),a=f.getFlatColumnsState(this.columnsState),e=this.columns.filter(t=>!t.children.length);for(let t=0;t<l.length;t++){const i=l[t],h=i.width?i.clientWidth:c;i.width=h;const o=a.find(u=>u.id===e[t].id);o&&(o.width=h.toString()),this.colGroupHeader&&(this.colGroupHeader.children[t].width=h),this.colGroupFooter&&(this.colGroupFooter.children[t].width=h),this.colGroupStickyHeader&&(this.colGroupStickyHeader.children[t].width=h),this.colGroupStickyFooter&&(this.colGroupStickyFooter.children[t].width=h)}}setWidths(p,s){const l=f.getFlatColumnsState(this.columnsState),c=this.columns.findIndex(t=>t.id===p.id),a=[];let e=p.children.filter(t=>!t.hidden).length;for(let t=c+1;t<this.columns.length&&!(e<=0);t++){const i=this.columns[t];i.children.length?e+=i.children.filter(h=>!h.hidden).length:a.push(i),e--}a.length===0&&a.push(p);const r=[];a.forEach(t=>{const i=l.find(h=>h.id===t.id);i&&(this.applyWidthConstraints(i,t,s),r.push(i))}),this.updateColElements(r)}updateNextLockedCol(p,s,l){const c=s.index,a=this.colGroupMain.parentElement.closest(".k-grid"),e=a==null?void 0:a.clientWidth,r=this.columns.filter(t=>t.locked).map(t=>parseInt(t.width+"",10)).reduce((t,i)=>t+i,0);!s.locked||e<=r+k||this.columns.forEach(t=>{if(t!=null&&t.locked&&l){const i=p==null?void 0:p.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');i==null||i.forEach(h=>{const o=h.style;this.isRtl?(t.index>c&&o&&o.right&&(o.right=parseInt(o.right,10)-l+"px"),t.index<c&&o&&o.left&&(o.left=parseInt(o.left,10)-l+"px")):(t.index>c&&o&&o.left&&(o.left=parseInt(o.left,10)-l+"px"),t.index<c&&o&&o.right&&(o.right=parseInt(o.right,10)-l+"px"))})}})}}exports.ColumnResize=w;

package/drag/ColumnResize.mjs

@@ -6,151 +6,168 @@
  *-------------------------------------------------------------------------------------------
  */
 import { getFlatColumnsState as u } from "../utils/index.mjs";
-const w = 1, W = 20;
-class F {
-  constructor(a) {
-    this.columns = [], this.columnsState = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (h) => {
-      this.isRtl = h;
+const S = 1, w = 20;
+class x {
+  constructor(p) {
+    this.columns = [], this.columnsState = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (s) => {
+      this.isRtl = s;
     }, this.initWidths = () => {
-      var c;
-      const h = ((c = this.colGroupMain) == null ? void 0 : c.children) || [], l = u(this.columnsState), r = this.columns.filter((e) => {
-        var o;
-        return !((o = e.children) != null && o.length);
+      var a;
+      const s = ((a = this.colGroupMain) == null ? void 0 : a.children) || [], l = u(this.columnsState), c = this.columns.filter((e) => {
+        var r;
+        return !((r = e.children) != null && r.length);
       });
-      for (let e = 0; e < h.length; e++) {
-        const o = h[e], t = r[e];
+      for (let e = 0; e < s.length; e++) {
+        const r = s[e], t = c[e];
         let i = "";
-        const n = l.find((s) => s.id === r[e].id);
-        n && (i = this.applyWidthConstraints(n, t)), o.width = i, this.colGroupHeader && (this.colGroupHeader.children[e].width = i), this.colGroupFooter && (this.colGroupFooter.children[e].width = i);
+        const h = l.find((o) => o.id === c[e].id);
+        h && (i = this.applyWidthConstraints(h, t)), r.width = i, this.colGroupHeader && (this.colGroupHeader.children[e].width = i), this.colGroupFooter && (this.colGroupFooter.children[e].width = i), this.colGroupStickyHeader && (this.colGroupStickyHeader.children[e].width = i), this.colGroupStickyFooter && (this.colGroupStickyFooter.children[e].width = i);
       }
-    }, this.dragHandler = (h, l, r, c) => {
-      const e = h.originalEvent;
-      c || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
-      const o = r.closest("th");
-      if (!o || !o)
+    }, this.dragHandler = (s, l, c, a) => {
+      const e = s.originalEvent;
+      a || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
+      const r = c.closest("th");
+      if (!r || !r)
         return;
-      const t = o.clientWidth;
+      const t = r.clientWidth;
       let i = t;
-      if (this.isRtl ? i += r.getBoundingClientRect().right - r.offsetWidth / 2 - h.clientX : i += h.clientX - r.getBoundingClientRect().left - r.offsetWidth / 2, !c && Math.abs(i - t) < 1)
+      if (this.isRtl ? i += c.getBoundingClientRect().right - c.offsetWidth / 2 - s.clientX : i += s.clientX - c.getBoundingClientRect().left - c.offsetWidth / 2, !a && Math.abs(i - t) < 1)
         return;
-      this.fixateInitialWidths(o.parentElement.clientWidth), this.setWidths(l, Math.floor(i) / t);
-      const n = this.columns.filter((s) => !s.children.length).findIndex((s) => s.id === l.id);
-      this.onResize(n, t, i, e, c, this.columnsState, l.id);
-    }, this.dblClickHandler = (h, l) => {
-      const r = this.columns.filter((d) => l.indexOf(d.id) > -1), c = u(this.columnsState);
-      if (!this.colGroupMain || !r.length)
+      this.fixateInitialWidths(r.parentElement.clientWidth), this.setWidths(l, Math.floor(i) / t);
+      const h = this.columns.filter((o) => !o.children.length).findIndex((o) => o.id === l.id);
+      this.onResize(h, t, i, e, a, this.columnsState, l.id);
+    }, this.dblClickHandler = (s, l) => {
+      const c = this.columns.filter((n) => l.indexOf(n.id) > -1), a = u(this.columnsState);
+      if (!this.colGroupMain || !c.length)
         return;
-      const e = {}, o = r;
-      for (; o.length > 0; ) {
-        const d = o.pop();
-        if (!d)
+      const e = {}, r = c;
+      for (; r.length > 0; ) {
+        const n = r.pop();
+        if (!n)
           break;
-        d.children.length ? o.push(...d.children) : e[d.id] = d;
+        n.children.length ? r.push(...n.children) : e[n.id] = n;
       }
-      const t = this.columns.filter((d) => !d.children.length), i = [];
-      t.forEach((d, p) => {
-        e[d.id] && i.push(p);
+      const t = this.columns.filter((n) => !n.children.length), i = [];
+      t.forEach((n, d) => {
+        e[n.id] && i.push(d);
       });
-      const n = [this.colGroupMain.parentElement], s = [this.colGroupMain];
-      this.colGroupHeader && (n.push(this.colGroupHeader.parentElement), s.push(this.colGroupHeader)), this.colGroupFooter && (n.push(this.colGroupFooter.parentElement), s.push(this.colGroupFooter)), n.forEach((d) => d.classList.add("k-autofitting"));
+      const h = [this.colGroupMain.parentElement], o = [this.colGroupMain];
+      this.colGroupHeader && (h.push(this.colGroupHeader.parentElement), o.push(this.colGroupHeader)), this.colGroupFooter && (h.push(this.colGroupFooter.parentElement), o.push(this.colGroupFooter)), this.colGroupStickyHeader && (h.push(this.colGroupStickyHeader.parentElement), o.push(this.colGroupStickyHeader)), this.colGroupStickyFooter && (h.push(this.colGroupStickyFooter.parentElement), o.push(this.colGroupStickyFooter)), h.forEach((n) => n.classList.add("k-autofitting"));
       const f = [];
-      s.forEach((d) => {
-        i.forEach((p) => {
-          d.children[p] && (d.children[p].width = "", f[p] = Math.max(
-            f[p] || 0,
-            d.children[p].offsetWidth + w
+      o.forEach((n) => {
+        i.forEach((d) => {
+          n.children[d] && (n.children[d].width = "", f[d] = Math.max(
+            f[d] || 0,
+            n.children[d].offsetWidth + S
           ));
         });
-      }), s.forEach((d) => {
-        i.forEach((p) => {
-          if (d.children[p]) {
-            d.children[p].width = f[p] + "px";
-            const g = c.find((G) => G.id === t[p].id);
-            g && (g.width = f[p]);
+      }), o.forEach((n) => {
+        i.forEach((d) => {
+          if (n.children[d]) {
+            n.children[d].width = f[d] + "px";
+            const G = a.find((k) => k.id === t[d].id);
+            G && (G.width = f[d]);
           }
         });
-      }), n.forEach((d) => d.classList.remove("k-autofitting")), this.onResize(i[0], 0, 0, h, !0, this.columnsState, l[0]);
-    }, this.updateColElements = (h) => {
-      const l = this.columns.filter((c) => !c.hidden && !c.children.length);
-      let r = 1e-10;
-      for (let c = 0; c < h.length; c++) {
-        const e = h[c], o = l.findIndex((f) => f.id === e.id), t = parseFloat((e.width || 0).toString()), i = Math.floor(t);
-        r += t - i;
-        const n = i + Math.floor(r);
-        r -= Math.floor(r);
-        const s = l.find((f) => f.id === e.id);
-        if (!s)
+      }), h.forEach((n) => n.classList.remove("k-autofitting")), this.onResize(i[0], 0, 0, s, !0, this.columnsState, l[0]);
+    }, this.updateColElements = (s) => {
+      var a, e;
+      const l = this.columns.filter((r) => !r.hidden && !r.children.length);
+      let c = 1e-10;
+      for (let r = 0; r < s.length; r++) {
+        const t = s[r], i = l.findIndex((d) => d.id === t.id), h = parseFloat((t.width || 0).toString()), o = Math.floor(h);
+        c += h - o;
+        const f = o + Math.floor(c);
+        c -= Math.floor(c);
+        const n = l.find((d) => d.id === t.id);
+        if (!n)
           return;
-        if (this.colGroupMain && this.colGroupMain.children[o]) {
-          const f = parseInt(this.colGroupMain.children[o].width, 10);
-          this.colGroupMain.children[o].width = n + "px", this.updateNextLockedCol(this.colGroupMain.parentElement, s, f - n);
+        if (this.colGroupMain && this.colGroupMain.children[i]) {
+          const d = parseInt(this.colGroupMain.children[i].width, 10);
+          this.colGroupMain.children[i].width = f + "px", this.updateNextLockedCol(this.colGroupMain.parentElement, n, d - f);
         }
-        if (this.colGroupHeader && this.colGroupHeader.children[o]) {
-          const f = parseInt(this.colGroupHeader.children[o].width, 10);
-          this.colGroupHeader.children[o].width = n + "px", this.updateNextLockedCol(this.colGroupHeader.parentElement, s, f - n);
+        if (this.colGroupHeader && this.colGroupHeader.children[i]) {
+          const d = parseInt(this.colGroupHeader.children[i].width, 10);
+          this.colGroupHeader.children[i].width = f + "px", this.updateNextLockedCol(this.colGroupHeader.parentElement, n, d - f);
         }
-        if (this.colGroupFooter && this.colGroupFooter.children[o]) {
-          const f = parseInt(this.colGroupFooter.children[o].width, 10);
-          this.colGroupFooter.children[o].width = n + "px", this.updateNextLockedCol(this.colGroupFooter.parentElement, s, f - n);
+        if (this.colGroupFooter && this.colGroupFooter.children[i]) {
+          const d = parseInt(this.colGroupFooter.children[i].width, 10);
+          this.colGroupFooter.children[i].width = f + "px", this.updateNextLockedCol(this.colGroupFooter.parentElement, n, d - f);
+        }
+        if ((a = this.colGroupStickyHeader) != null && a.children[i]) {
+          const d = parseInt(this.colGroupStickyHeader.children[i].width, 10);
+          this.colGroupStickyHeader.children[i].width = f + "px", this.updateNextLockedCol(
+            this.colGroupStickyHeader.parentElement,
+            n,
+            d - f
+          );
+        }
+        if ((e = this.colGroupStickyFooter) != null && e.children[i]) {
+          const d = parseInt(this.colGroupStickyFooter.children[i].width, 10);
+          this.colGroupStickyFooter.children[i].width = f + "px", this.updateNextLockedCol(
+            this.colGroupStickyFooter.parentElement,
+            n,
+            d - f
+          );
         }
       }
-    }, this.onResize = a;
+    }, this.onResize = p;
   }
-  applyWidthConstraints(a, h, l = 1) {
-    if (!a.width)
-      return a.width || "";
-    const r = a.width.toString();
-    if (r.includes("%")) {
-      const f = parseFloat(r) * l, d = Math.max(0, Math.min(100, f));
-      return a.width = d + "%", a.width;
+  applyWidthConstraints(p, s, l = 1) {
+    if (!p.width)
+      return p.width || "";
+    const c = p.width.toString();
+    if (c.includes("%")) {
+      const f = parseFloat(c) * l, n = Math.max(0, Math.min(100, f));
+      return p.width = n + "%", p.width;
     }
-    let e = parseFloat(r) * l;
-    const o = h.minResizableWidth === void 0 ? 10 : h.minResizableWidth, t = h == null ? void 0 : h.minWidth, i = t !== void 0 ? Math.max(o, t) : o, n = h == null ? void 0 : h.maxWidth;
-    return e < i && (e = i), n !== void 0 && e > n && (e = n), a.width = e, e;
+    let e = parseFloat(c) * l;
+    const r = s.minResizableWidth === void 0 ? 10 : s.minResizableWidth, t = s == null ? void 0 : s.minWidth, i = t !== void 0 ? Math.max(r, t) : r, h = s == null ? void 0 : s.maxWidth;
+    return e < i && (e = i), h !== void 0 && e > h && (e = h), p.width = e, e;
   }
-  fixateInitialWidths(a) {
-    var o;
-    let h = 0;
-    const l = ((o = this.colGroupMain) == null ? void 0 : o.children) || [];
+  fixateInitialWidths(p) {
+    var r;
+    let s = 0;
+    const l = ((r = this.colGroupMain) == null ? void 0 : r.children) || [];
     for (let t = 0; t < l.length; t++)
-      l[t].width ? a -= l[t].clientWidth : h++;
-    if (h === 0)
+      l[t].width ? p -= l[t].clientWidth : s++;
+    if (s === 0)
       return;
-    const r = Math.floor(a / h), c = u(this.columnsState), e = this.columns.filter((t) => !t.children.length);
+    const c = Math.floor(p / s), a = u(this.columnsState), e = this.columns.filter((t) => !t.children.length);
     for (let t = 0; t < l.length; t++) {
-      const i = l[t], n = i.width ? i.clientWidth : r;
-      i.width = n;
-      const s = c.find((f) => f.id === e[t].id);
-      s && (s.width = n.toString()), this.colGroupHeader && (this.colGroupHeader.children[t].width = n), this.colGroupFooter && (this.colGroupFooter.children[t].width = n);
+      const i = l[t], h = i.width ? i.clientWidth : c;
+      i.width = h;
+      const o = a.find((f) => f.id === e[t].id);
+      o && (o.width = h.toString()), this.colGroupHeader && (this.colGroupHeader.children[t].width = h), this.colGroupFooter && (this.colGroupFooter.children[t].width = h), this.colGroupStickyHeader && (this.colGroupStickyHeader.children[t].width = h), this.colGroupStickyFooter && (this.colGroupStickyFooter.children[t].width = h);
     }
   }
-  setWidths(a, h) {
-    const l = u(this.columnsState), r = this.columns.findIndex((t) => t.id === a.id), c = [];
-    let e = a.children.filter((t) => !t.hidden).length;
-    for (let t = r + 1; t < this.columns.length && !(e <= 0); t++) {
+  setWidths(p, s) {
+    const l = u(this.columnsState), c = this.columns.findIndex((t) => t.id === p.id), a = [];
+    let e = p.children.filter((t) => !t.hidden).length;
+    for (let t = c + 1; t < this.columns.length && !(e <= 0); t++) {
       const i = this.columns[t];
-      i.children.length ? e += i.children.filter((n) => !n.hidden).length : c.push(i), e--;
+      i.children.length ? e += i.children.filter((h) => !h.hidden).length : a.push(i), e--;
     }
-    c.length === 0 && c.push(a);
-    const o = [];
-    c.forEach((t) => {
-      const i = l.find((n) => n.id === t.id);
-      i && (this.applyWidthConstraints(i, t, h), o.push(i));
-    }), this.updateColElements(o);
+    a.length === 0 && a.push(p);
+    const r = [];
+    a.forEach((t) => {
+      const i = l.find((h) => h.id === t.id);
+      i && (this.applyWidthConstraints(i, t, s), r.push(i));
+    }), this.updateColElements(r);
   }
-  updateNextLockedCol(a, h, l) {
-    const r = h.index, c = this.colGroupMain.parentElement.closest(".k-grid"), e = c == null ? void 0 : c.clientWidth, o = this.columns.filter((t) => t.locked).map((t) => parseInt(t.width + "", 10)).reduce((t, i) => t + i, 0);
-    !h.locked || e <= o + W || this.columns.forEach((t) => {
+  updateNextLockedCol(p, s, l) {
+    const c = s.index, a = this.colGroupMain.parentElement.closest(".k-grid"), e = a == null ? void 0 : a.clientWidth, r = this.columns.filter((t) => t.locked).map((t) => parseInt(t.width + "", 10)).reduce((t, i) => t + i, 0);
+    !s.locked || e <= r + w || this.columns.forEach((t) => {
       if (t != null && t.locked && l) {
-        const i = a == null ? void 0 : a.querySelectorAll('[aria-colindex="' + t.ariaColumnIndex + '"]');
-        i == null || i.forEach((n) => {
-          const s = n.style;
-          this.isRtl ? (t.index > r && s && s.right && (s.right = parseInt(s.right, 10) - l + "px"), t.index < r && s && s.left && (s.left = parseInt(s.left, 10) - l + "px")) : (t.index > r && s && s.left && (s.left = parseInt(s.left, 10) - l + "px"), t.index < r && s && s.right && (s.right = parseInt(s.right, 10) - l + "px"));
+        const i = p == null ? void 0 : p.querySelectorAll('[aria-colindex="' + t.ariaColumnIndex + '"]');
+        i == null || i.forEach((h) => {
+          const o = h.style;
+          this.isRtl ? (t.index > c && o && o.right && (o.right = parseInt(o.right, 10) - l + "px"), t.index < c && o && o.left && (o.left = parseInt(o.left, 10) - l + "px")) : (t.index > c && o && o.left && (o.left = parseInt(o.left, 10) - l + "px"), t.index < c && o && o.right && (o.right = parseInt(o.right, 10) - l + "px"));
         });
       }
     });
   }
 }
 export {
-  F as ColumnResize
+  x as ColumnResize
 };

package/getRowContents.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ExtendedColumnProps } from './GridColumn.js';
+import { DataItemWrapper } from './utils/index.js';
+import { GridCellProps } from './interfaces/GridCellProps.js';
+import { GridCellRenderModel } from './interfaces/GridCellRenderModel.js';
+import { GridColumnState } from './interfaces/GridColumnState.js';
+import { GridCellsSettings } from './interfaces/GridCellsSettings.js';
+import { IntlService, LocalizationService } from '@progress/kendo-react-intl';
+import { SortDescriptor } from '@progress/kendo-data-query';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface DataRowContext {
+    leafColumns: ExtendedColumnProps[];
+    columnsState: GridColumnState[];
+    cellsToRender: GridCellRenderModel[];
+    hasDynamicColSpan?: boolean;
+    getCellsToRender?: (dataItem: any) => GridCellRenderModel[];
+    idPrefix: string;
+    gridClasses: any;
+    unstyled?: any;
+    localization?: LocalizationService;
+    intl?: IntlService;
+    cells?: GridCellsSettings;
+    isRowReorderable?: boolean;
+    sort?: SortDescriptor[];
+    editable?: any;
+    edit?: Record<string, any>;
+    isClient?: boolean;
+    isEditDialog?: boolean;
+    dataItemKey?: string;
+    select?: Record<string, any>;
+    highlight?: Record<string, any>;
+}
+/**
+ * @hidden
+ */
+export interface DataRowResult {
+    /** Array of rendered cell elements for the row. */
+    row: React.ReactElement[];
+    /** Whether any cell in the row is in edit mode. */
+    isInEdit: boolean;
+    /** Whether the entire row is selected. */
+    isSelected: boolean;
+    /** Whether the entire row is highlighted. */
+    isHighlighted: boolean;
+}
+/**
+ * @hidden
+ */
+export declare function getRowContents(ctx: DataRowContext, item: DataItemWrapper, rowId: string, rowDataIndex: number, isAlt: boolean, spannedRows?: Record<string, Required<GridCellProps['_rowSpan']>>): DataRowResult;

package/getRowContents.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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 U=require("react"),s=require("@progress/kendo-react-common"),W=require("@progress/kendo-react-data-tools"),O=require("./utils/index.js"),X=require("./cells/datacell/GridCell.js"),Y=require("./cells/datacell/GridCellServer.js"),Z=require("./cells/editcell/GridEditCell.js"),ee=require("./cells/editcell/GridEditCellServer.js");function te(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const d in l)if(d!=="default"){const g=Object.getOwnPropertyDescriptor(l,d);Object.defineProperty(t,d,g.get?g:{enumerable:!0,get:()=>l[d]})}}return t.default=l,Object.freeze(t)}const le=te(U);function oe(l,t,d,g,q,i){const{leafColumns:C,columnsState:R,idPrefix:_,gridClasses:A,unstyled:D,localization:N,intl:P,cells:j,isRowReorderable:x,sort:H,editable:K,edit:v,isClient:b,isEditDialog:V,dataItemKey:o,select:S,highlight:T}=l;let h=!1;const c=S&&o&&s.getter(o)(t.dataItem)!==void 0?S[s.getter(o)(t.dataItem)]:void 0,f=T&&o&&s.getter(o)(t.dataItem)!==void 0?T[s.getter(o)(t.dataItem)]:void 0;return{row:(l.hasDynamicColSpan?l.getCellsToRender(t.dataItem):l.cellsToRender).map(({columnIndex:a,colSpan:z})=>{var I,k,m,E,w,G;const e=C[a],y=R[a],B=(k=(I=e.locked)!=null?I:y==null?void 0:y.locked)!=null?k:!1;let u;if((m=e.rowSpannable)!=null&&m.enabled&&t.rowType==="data"&&e.field&&i){const r=e.field?(w=(E=e.rowSpannable).valueGetter)==null?void 0:w.call(E,t.dataItem,e.field):null;u={value:r,count:1},i[e.field]&&((G=i[e.field])==null?void 0:G.value)===r&&i[e.field]!==null?(i[e.field].count++,u.count=null):i[e.field]=u}const M=e.id?e.id:a,$=s.classNames(A.contentSticky({locked:B}),e.className),F=e.left!==void 0?{left:e.left,right:e.right}:{};let p=!1;if(e.editable&&K){const r=v&&o?v[s.getter(o)(t.dataItem)]:void 0;let n;typeof r=="boolean"?n=r:Array.isArray(r)?n=e.field?r.indexOf(e.field)>-1:!1:n=e.field!==void 0&&r===e.field,n&&e.columnType==="data"&&(n===!0||n===e.field)&&(h=!0,V||(p=!0))}const L=e._type==="expand",J={locked:e.locked,id:W.tableKeyboardNavigationTools.generateNavigatableId(`${d}-${String(a)}`,_,L||t.rowType==="groupHeader"||t.rowType==="groupFooter"||e.field==="value"?"nodata":"cell"),colSpan:z,dataItem:t.dataItem,field:e.field,editor:e.editor,format:e.format,columnType:e.columnType,rowReorderable:x,className:$,cells:O.resolveCells(j,e.cells),columnIndex:a,columnsCount:C.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:g,columnPosition:F,style:{},ariaColumnIndex:e.ariaColumnIndex,isSelected:!!((e==null?void 0:e._type)==="edit"?c:Array.isArray(c)&&c.indexOf(a)>-1),isHighlighted:!!((e==null?void 0:e._type)==="edit"?f:Array.isArray(f)&&f.indexOf(a)>-1),isSorted:!!O.isSorted(e.field,H),isInEdit:p,isAlt:q,unstyled:D,group:t.group,localization:N,intl:P,_rowSpan:u},Q=e.defaultCell||p&&(b?Z.GridEditCell:ee.GridEditCellServer)||(b?X.GridCell:Y.GridCellServer);return le.createElement(Q,{key:M,cellProps:J})}),isInEdit:h,isSelected:typeof c=="boolean"&&c,isHighlighted:typeof f=="boolean"&&f}}exports.getRowContents=oe;

package/getRowContents.mjs

@@ -0,0 +1,100 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as Q from "react";
+import { getter as f, classNames as U } from "@progress/kendo-react-common";
+import { tableKeyboardNavigationTools as W } from "@progress/kendo-react-data-tools";
+import { isSorted as X, resolveCells as Y } from "./utils/index.mjs";
+import { GridCell as Z } from "./cells/datacell/GridCell.mjs";
+import { GridCellServer as ee } from "./cells/datacell/GridCellServer.mjs";
+import { GridEditCell as le } from "./cells/editcell/GridEditCell.mjs";
+import { GridEditCellServer as te } from "./cells/editcell/GridEditCellServer.mjs";
+function ce(c, l, w, A, G, i) {
+  const {
+    leafColumns: y,
+    columnsState: N,
+    idPrefix: x,
+    gridClasses: _,
+    unstyled: D,
+    localization: H,
+    intl: K,
+    cells: O,
+    isRowReorderable: P,
+    sort: R,
+    editable: V,
+    edit: g,
+    isClient: m,
+    isEditDialog: B,
+    dataItemKey: t,
+    select: v,
+    highlight: C
+  } = c;
+  let h = !1;
+  const d = v && t && f(t)(l.dataItem) !== void 0 ? v[f(t)(l.dataItem)] : void 0, s = C && t && f(t)(l.dataItem) !== void 0 ? C[f(t)(l.dataItem)] : void 0;
+  return {
+    row: (c.hasDynamicColSpan ? c.getCellsToRender(l.dataItem) : c.cellsToRender).map(({ columnIndex: a, colSpan: $ }) => {
+      var b, I, S, T, k, E;
+      const e = y[a], p = N[a], z = (I = (b = e.locked) != null ? b : p == null ? void 0 : p.locked) != null ? I : !1;
+      let n;
+      if ((S = e.rowSpannable) != null && S.enabled && l.rowType === "data" && e.field && i) {
+        const o = e.field ? (k = (T = e.rowSpannable).valueGetter) == null ? void 0 : k.call(T, l.dataItem, e.field) : null;
+        n = { value: o, count: 1 }, i[e.field] && ((E = i[e.field]) == null ? void 0 : E.value) === o && i[e.field] !== null ? (i[e.field].count++, n.count = null) : i[e.field] = n;
+      }
+      const F = e.id ? e.id : a, L = U(_.contentSticky({ locked: z }), e.className), j = e.left !== void 0 ? { left: e.left, right: e.right } : {};
+      let u = !1;
+      if (e.editable && V) {
+        const o = g && t ? g[f(t)(l.dataItem)] : void 0;
+        let r;
+        typeof o == "boolean" ? r = o : Array.isArray(o) ? r = e.field ? o.indexOf(e.field) > -1 : !1 : r = e.field !== void 0 && o === e.field, r && e.columnType === "data" && (r === !0 || r === e.field) && (h = !0, B || (u = !0));
+      }
+      const q = e._type === "expand", J = {
+        locked: e.locked,
+        id: W.generateNavigatableId(
+          `${w}-${String(a)}`,
+          x,
+          q || l.rowType === "groupHeader" || l.rowType === "groupFooter" || e.field === "value" ? "nodata" : "cell"
+        ),
+        colSpan: $,
+        dataItem: l.dataItem,
+        field: e.field,
+        editor: e.editor,
+        format: e.format,
+        columnType: e.columnType,
+        rowReorderable: P,
+        className: L,
+        cells: Y(O, e.cells),
+        columnIndex: a,
+        columnsCount: y.length,
+        rowType: l.rowType,
+        level: l.level,
+        expanded: l.expanded,
+        dataIndex: l.dataIndex,
+        rowDataIndex: A,
+        columnPosition: j,
+        style: {},
+        ariaColumnIndex: e.ariaColumnIndex,
+        isSelected: !!((e == null ? void 0 : e._type) === "edit" ? d : Array.isArray(d) && d.indexOf(a) > -1),
+        isHighlighted: !!((e == null ? void 0 : e._type) === "edit" ? s : Array.isArray(s) && s.indexOf(a) > -1),
+        isSorted: !!X(e.field, R),
+        isInEdit: u,
+        isAlt: G,
+        unstyled: D,
+        group: l.group,
+        localization: H,
+        intl: K,
+        _rowSpan: n
+      }, M = e.defaultCell || u && (m ? le : te) || (m ? Z : ee);
+      return /* @__PURE__ */ Q.createElement(M, { key: F, cellProps: J });
+    }),
+    isInEdit: h,
+    isSelected: typeof d == "boolean" && d,
+    isHighlighted: typeof s == "boolean" && s
+  };
+}
+export {
+  ce as getRowContents
+};

package/header/GridHeaderGroupSpacerCell.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const GridHeaderGroupSpacerCell: (_props: GridHeaderCellProps) => React.JSX.Element;

package/header/GridHeaderGroupSpacerCell.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c=require("@progress/kendo-react-common"),i=require("@progress/kendo-react-intl"),o=require("../messages/index.js");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const d=u(l),p=t=>{var n;const e=c.useUnstyled(),r=(n=e==null?void 0:e.uGrid)!=null?n:c.uGrid,s=i.useLocalization().toLanguageString(o.headerGroupSpacerAccessibleLabel,o.messages[o.headerGroupSpacerAccessibleLabel]);return d.createElement("span",{className:c.classNames(r.srOnly({}))},s)};exports.GridHeaderGroupSpacerCell=p;

package/header/GridHeaderGroupSpacerCell.mjs

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import { useUnstyled as c, uGrid as i, classNames as l } from "@progress/kendo-react-common";
+import { useLocalization as n } from "@progress/kendo-react-intl";
+import { headerGroupSpacerAccessibleLabel as a, messages as m } from "../messages/index.mjs";
+const f = (p) => {
+  var r;
+  const e = c(), o = (r = e == null ? void 0 : e.uGrid) != null ? r : i, s = n().toLanguageString(
+    a,
+    m[a]
+  );
+  return /* @__PURE__ */ t.createElement("span", { className: l(o.srOnly({})) }, s);
+};
+export {
+  f as GridHeaderGroupSpacerCell
+};