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

package/drag/ColumnResize.d.ts

@@ -23,6 +23,22 @@ 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;
+    /**
+     * The pinned-top `colgroup` of the Grid (if any).
+     */
+    colGroupPinnedTop: any;
+    /**
+     * The pinned-bottom `colgroup` of the Grid (if any).
+     */
+    colGroupPinnedBottom: any;
     columns: ExtendedColumnProps[];
     /**
      * The `columnsState` of the Grid (if any).
@@ -36,6 +52,7 @@ export declare class ColumnResize {
     private isRtl;
     constructor(triggerResize: (index: number, newWidth: number, oldWidth: number, originalEvent: any, end: boolean, columnsState: GridColumnState[], targetId?: string) => void);
     setIsRtl: (isRtl: boolean) => void;
+    private get colGroups();
     private applyWidthConstraints;
     initWidths: () => void;
     dragHandler: (event: any, column: ExtendedColumnProps, dragCue: HTMLSpanElement, end: boolean) => void;

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

package/drag/ColumnResize.mjs

@@ -6,151 +6,158 @@
  *-------------------------------------------------------------------------------------------
  */
 import { getFlatColumnsState as u } from "../utils/index.mjs";
-const w = 1, W = 20;
-class F {
+const x = 1, m = 20;
+class S {
   constructor(a) {
-    this.columns = [], this.columnsState = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (h) => {
-      this.isRtl = h;
+    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);
+      const s = ((c = this.colGroupMain) == null ? void 0 : c.children) || [], h = u(this.columnsState), o = 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];
-        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);
+      for (let e = 0; e < s.length; e++) {
+        const r = o[e];
+        let t = "";
+        const i = h.find((d) => d.id === o[e].id);
+        i && (t = this.applyWidthConstraints(i, r)), this.colGroups.forEach((d) => {
+          d.children[e].width = t;
+        });
       }
-    }, this.dragHandler = (h, l, r, c) => {
-      const e = h.originalEvent;
+    }, this.dragHandler = (s, h, o, c) => {
+      const e = s.originalEvent;
       c || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
-      const o = r.closest("th");
-      if (!o || !o)
+      const r = o.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 += o.getBoundingClientRect().right - o.offsetWidth / 2 - s.clientX : i += s.clientX - o.getBoundingClientRect().left - o.offsetWidth / 2, !c && 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(h, Math.floor(i) / t);
+      const d = this.columns.filter((n) => !n.children.length).findIndex((n) => n.id === h.id);
+      this.onResize(d, t, i, e, c, this.columnsState, h.id);
+    }, this.dblClickHandler = (s, h) => {
+      const o = this.columns.filter((l) => h.indexOf(l.id) > -1), c = u(this.columnsState);
+      if (!this.colGroupMain || !o.length)
         return;
-      const e = {}, o = r;
-      for (; o.length > 0; ) {
-        const d = o.pop();
-        if (!d)
+      const e = {}, r = o;
+      for (; r.length > 0; ) {
+        const l = r.pop();
+        if (!l)
           break;
-        d.children.length ? o.push(...d.children) : e[d.id] = d;
+        l.children.length ? r.push(...l.children) : e[l.id] = l;
       }
-      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((l) => !l.children.length), i = [];
+      t.forEach((l, p) => {
+        e[l.id] && i.push(p);
       });
-      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 d = this.colGroups, n = d.map((l) => l.parentElement);
+      n.forEach((l) => l.classList.add("k-autofitting"));
       const f = [];
-      s.forEach((d) => {
+      d.forEach((l) => {
         i.forEach((p) => {
-          d.children[p] && (d.children[p].width = "", f[p] = Math.max(
+          l.children[p] && (l.children[p].width = "", f[p] = Math.max(
             f[p] || 0,
-            d.children[p].offsetWidth + w
+            l.children[p].offsetWidth + x
           ));
         });
-      }), s.forEach((d) => {
+      }), d.forEach((l) => {
         i.forEach((p) => {
-          if (d.children[p]) {
-            d.children[p].width = f[p] + "px";
-            const g = c.find((G) => G.id === t[p].id);
+          if (l.children[p]) {
+            l.children[p].width = f[p] + "px";
+            const g = c.find((W) => W.id === t[p].id);
             g && (g.width = f[p]);
           }
         });
-      }), 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)
+      }), n.forEach((l) => l.classList.remove("k-autofitting")), this.onResize(i[0], 0, 0, s, !0, this.columnsState, h[0]);
+    }, this.updateColElements = (s) => {
+      const h = this.columns.filter((c) => !c.hidden && !c.children.length);
+      let o = 1e-10;
+      for (let c = 0; c < s.length; c++) {
+        const e = s[c], r = h.findIndex((f) => f.id === e.id), t = parseFloat((e.width || 0).toString()), i = Math.floor(t);
+        o += t - i;
+        const d = i + Math.floor(o);
+        o -= Math.floor(o);
+        const n = h.find((f) => f.id === e.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.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.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);
-        }
+        this.colGroups.forEach((f) => {
+          if (f.children[r]) {
+            const l = parseInt(f.children[r].width, 10);
+            f.children[r].width = d + "px", this.updateNextLockedCol(f.parentElement, n, l - d);
+          }
+        });
       }
     }, this.onResize = a;
   }
-  applyWidthConstraints(a, h, l = 1) {
+  get colGroups() {
+    return [
+      this.colGroupMain,
+      this.colGroupHeader,
+      this.colGroupFooter,
+      this.colGroupStickyHeader,
+      this.colGroupStickyFooter,
+      this.colGroupPinnedTop,
+      this.colGroupPinnedBottom
+    ].filter(Boolean);
+  }
+  applyWidthConstraints(a, s, h = 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;
+    const o = a.width.toString();
+    if (o.includes("%")) {
+      const f = parseFloat(o) * h, l = Math.max(0, Math.min(100, f));
+      return a.width = l + "%", a.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(o) * h;
+    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, d = s == null ? void 0 : s.maxWidth;
+    return e < i && (e = i), d !== void 0 && e > d && (e = d), a.width = e, e;
   }
   fixateInitialWidths(a) {
-    var o;
-    let h = 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 : h++;
-    if (h === 0)
+    var r;
+    let s = 0;
+    const h = ((r = this.colGroupMain) == null ? void 0 : r.children) || [];
+    for (let t = 0; t < h.length; t++)
+      h[t].width ? a -= h[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);
-    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 o = Math.floor(a / s), c = u(this.columnsState), e = this.columns.filter((t) => !t.children.length);
+    for (let t = 0; t < h.length; t++) {
+      const i = h[t], d = i.width ? i.clientWidth : o, n = c.find((f) => f.id === e[t].id);
+      n && (n.width = d.toString()), this.colGroups.forEach((f) => {
+        f.children[t].width = d;
+      });
     }
   }
-  setWidths(a, h) {
-    const l = u(this.columnsState), r = this.columns.findIndex((t) => t.id === a.id), c = [];
+  setWidths(a, s) {
+    const h = u(this.columnsState), o = 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++) {
+    for (let t = o + 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((d) => !d.hidden).length : c.push(i), e--;
     }
     c.length === 0 && c.push(a);
-    const o = [];
+    const r = [];
     c.forEach((t) => {
-      const i = l.find((n) => n.id === t.id);
-      i && (this.applyWidthConstraints(i, t, h), o.push(i));
-    }), this.updateColElements(o);
+      const i = h.find((d) => d.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) => {
-      if (t != null && t.locked && l) {
+  updateNextLockedCol(a, s, h) {
+    const o = s.index, c = this.colGroupMain.parentElement.closest(".k-grid"), e = c == null ? void 0 : c.clientWidth, r = this.columns.filter((t) => t.locked).map((t) => parseInt(t.width + "", 10)).reduce((t, i) => t + i, 0);
+    !s.locked || e <= r + m || this.columns.forEach((t) => {
+      if (t != null && t.locked && h) {
         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"));
+        i == null || i.forEach((d) => {
+          const n = d.style;
+          this.isRtl ? (t.index > o && n && n.right && (n.right = parseInt(n.right, 10) - h + "px"), t.index < o && n && n.left && (n.left = parseInt(n.left, 10) - h + "px")) : (t.index > o && n && n.left && (n.left = parseInt(n.left, 10) - h + "px"), t.index < o && n && n.right && (n.right = parseInt(n.right, 10) - h + "px"));
         });
       }
     });
   }
 }
 export {
-  F as ColumnResize
+  S 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 { EditDescriptor } from '@progress/kendo-react-data-tools';
+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;
+    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, edit: EditDescriptor | undefined, 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"),G=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 d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const t in l)if(t!=="default"){const g=Object.getOwnPropertyDescriptor(l,t);Object.defineProperty(d,t,g.get?g:{enumerable:!0,get:()=>l[t]})}}return d.default=l,Object.freeze(d)}const le=te(U);function oe(l,d,t,g,O,q,i){const{leafColumns:C,columnsState:R,idPrefix:_,gridClasses:A,unstyled:D,localization:N,intl:P,cells:j,isRowReorderable:x,sort:H,editable:K,isClient:v,isEditDialog:V,dataItemKey:o,select:b,highlight:S}=l;let T=!1;const c=b&&o&&s.getter(o)(t.dataItem)!==void 0?b[s.getter(o)(t.dataItem)]:void 0,f=S&&o&&s.getter(o)(t.dataItem)!==void 0?S[s.getter(o)(t.dataItem)]:void 0;return{row:(l.hasDynamicColSpan?l.getCellsToRender(t.dataItem):l.cellsToRender).map(({columnIndex:a,colSpan:z})=>{var h,I,k,m,E,w;const e=C[a],y=R[a],B=(I=(h=e.locked)!=null?h:y==null?void 0:y.locked)!=null?I:!1;let u;if((k=e.rowSpannable)!=null&&k.enabled&&t.rowType==="data"&&e.field&&i){const r=e.field?(E=(m=e.rowSpannable).valueGetter)==null?void 0:E.call(m,t.dataItem,e.field):null;u={value:r,count:1},i[e.field]&&((w=i[e.field])==null?void 0:w.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=d&&o?d[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)&&(T=!0,V||(p=!0))}const L=e._type==="expand",J={locked:e.locked,id:W.tableKeyboardNavigationTools.generateNavigatableId(`${g}-${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:G.resolveCells(j,e.cells),columnIndex:a,columnsCount:C.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:O,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:!!G.isSorted(e.field,H),isInEdit:p,isAlt:q,unstyled:D,group:t.group,localization:N,intl:P,_rowSpan:u},Q=e.defaultCell||p&&(v?Z.GridEditCell:ee.GridEditCellServer)||(v?X.GridCell:Y.GridCellServer);return le.createElement(Q,{key:M,cellProps:J})}),isInEdit:T,isSelected:typeof c=="boolean"&&c,isHighlighted:typeof f=="boolean"&&f}}exports.getRowContents=oe;

package/getRowContents.mjs

@@ -0,0 +1,99 @@
+/**
+ * @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, y, l, w, A, G, a) {
+  const {
+    leafColumns: g,
+    columnsState: N,
+    idPrefix: x,
+    gridClasses: _,
+    unstyled: D,
+    localization: H,
+    intl: K,
+    cells: O,
+    isRowReorderable: P,
+    sort: R,
+    editable: V,
+    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: i, colSpan: $ }) => {
+      var b, I, S, T, k, E;
+      const e = g[i], p = N[i], 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 && a) {
+        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 }, a[e.field] && ((E = a[e.field]) == null ? void 0 : E.value) === o && a[e.field] !== null ? (a[e.field].count++, n.count = null) : a[e.field] = n;
+      }
+      const F = e.id ? e.id : i, 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 = y && t ? y[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(i)}`,
+          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: i,
+        columnsCount: g.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(i) > -1),
+        isHighlighted: !!((e == null ? void 0 : e._type) === "edit" ? s : Array.isArray(s) && s.indexOf(i) > -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
+};

package/header/client/GridHeaderPinCell.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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 React from 'react';
+/**
+ * @hidden
+ */
+export declare const GridHeaderPinCell: (props: any) => React.JSX.Element;

package/header/client/GridHeaderPinCell.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 c=require("react"),l=require("../GridHeaderCell.js");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=a(c),i=e=>o.createElement(l.GridHeaderCell,{...e});exports.GridHeaderPinCell=i;

package/header/client/GridHeaderPinCell.mjs

@@ -0,0 +1,14 @@
+/**
+ * @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 r from "react";
+import { GridHeaderCell as t } from "../GridHeaderCell.mjs";
+const a = (e) => /* @__PURE__ */ r.createElement(t, { ...e });
+export {
+  a as GridHeaderPinCell
+};