@progress/kendo-react-grid 14.3.0-develop.6 → 14.3.0-develop.7

package/drag/ColumnResize.d.ts

@@ -31,6 +31,14 @@ export declare class ColumnResize {
      * 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).
@@ -44,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 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;
+"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,168 +6,158 @@
  *-------------------------------------------------------------------------------------------
  */
 import { getFlatColumnsState as u } from "../utils/index.mjs";
-const S = 1, w = 20;
-class x {
-  constructor(p) {
+const x = 1, m = 20;
+class S {
+  constructor(a) {
     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 = u(this.columnsState), c = this.columns.filter((e) => {
+      var c;
+      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 < 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);
+        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 = (s, l, c, a) => {
+    }, this.dragHandler = (s, h, o, c) => {
       const e = s.originalEvent;
-      a || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
-      const r = c.closest("th");
+      c || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
+      const r = o.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)
+      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(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)
+      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 = {}, r = c;
+      const e = {}, r = o;
       for (; r.length > 0; ) {
-        const n = r.pop();
-        if (!n)
+        const l = r.pop();
+        if (!l)
           break;
-        n.children.length ? r.push(...n.children) : e[n.id] = n;
+        l.children.length ? r.push(...l.children) : e[l.id] = l;
       }
-      const t = this.columns.filter((n) => !n.children.length), i = [];
-      t.forEach((n, d) => {
-        e[n.id] && i.push(d);
+      const t = this.columns.filter((l) => !l.children.length), i = [];
+      t.forEach((l, p) => {
+        e[l.id] && i.push(p);
       });
-      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 d = this.colGroups, n = d.map((l) => l.parentElement);
+      n.forEach((l) => l.classList.add("k-autofitting"));
       const f = [];
-      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
+      d.forEach((l) => {
+        i.forEach((p) => {
+          l.children[p] && (l.children[p].width = "", f[p] = Math.max(
+            f[p] || 0,
+            l.children[p].offsetWidth + x
           ));
         });
-      }), 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]);
+      }), d.forEach((l) => {
+        i.forEach((p) => {
+          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]);
           }
         });
-      }), h.forEach((n) => n.classList.remove("k-autofitting")), this.onResize(i[0], 0, 0, s, !0, this.columnsState, l[0]);
+      }), n.forEach((l) => l.classList.remove("k-autofitting")), this.onResize(i[0], 0, 0, s, !0, this.columnsState, h[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);
+      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[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[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[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.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 = p;
+    }, this.onResize = a;
+  }
+  get colGroups() {
+    return [
+      this.colGroupMain,
+      this.colGroupHeader,
+      this.colGroupFooter,
+      this.colGroupStickyHeader,
+      this.colGroupStickyFooter,
+      this.colGroupPinnedTop,
+      this.colGroupPinnedBottom
+    ].filter(Boolean);
   }
-  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;
+  applyWidthConstraints(a, s, h = 1) {
+    if (!a.width)
+      return 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(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;
+    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(p) {
+  fixateInitialWidths(a) {
     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++;
+    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 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], 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);
+    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(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++) {
+  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 = o + 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--;
+      i.children.length ? e += i.children.filter((d) => !d.hidden).length : c.push(i), e--;
     }
-    a.length === 0 && a.push(p);
+    c.length === 0 && c.push(a);
     const r = [];
-    a.forEach((t) => {
-      const i = l.find((h) => h.id === t.id);
+    c.forEach((t) => {
+      const i = h.find((d) => d.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 + w || 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"));
+  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((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 {
-  x as ColumnResize
+  S as ColumnResize
 };

package/getRowContents.d.ts

@@ -5,6 +5,7 @@
  * 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';
@@ -32,7 +33,6 @@ export interface DataRowContext {
     isRowReorderable?: boolean;
     sort?: SortDescriptor[];
     editable?: any;
-    edit?: Record<string, any>;
     isClient?: boolean;
     isEditDialog?: boolean;
     dataItemKey?: string;
@@ -55,4 +55,4 @@ export interface DataRowResult {
 /**
  * @hidden
  */
-export declare function getRowContents(ctx: DataRowContext, item: DataItemWrapper, rowId: string, rowDataIndex: number, isAlt: boolean, spannedRows?: Record<string, Required<GridCellProps['_rowSpan']>>): DataRowResult;
+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

@@ -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("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;
+"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

@@ -13,9 +13,9 @@ 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) {
+function ce(c, y, l, w, A, G, a) {
   const {
-    leafColumns: y,
+    leafColumns: g,
     columnsState: N,
     idPrefix: x,
     gridClasses: _,
@@ -26,7 +26,6 @@ function ce(c, l, w, A, G, i) {
     isRowReorderable: P,
     sort: R,
     editable: V,
-    edit: g,
     isClient: m,
     isEditDialog: B,
     dataItemKey: t,
@@ -36,25 +35,25 @@ function ce(c, l, w, A, G, i) {
   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: $ }) => {
+    row: (c.hasDynamicColSpan ? c.getCellsToRender(l.dataItem) : c.cellsToRender).map(({ columnIndex: i, 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;
+      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 && i) {
+      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 }, 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;
+        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 : a, L = U(_.contentSticky({ locked: z }), e.className), j = e.left !== void 0 ? { left: e.left, right: e.right } : {};
+      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 = g && t ? g[f(t)(l.dataItem)] : void 0;
+        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(a)}`,
+          `${w}-${String(i)}`,
           x,
           q || l.rowType === "groupHeader" || l.rowType === "groupFooter" || e.field === "value" ? "nodata" : "cell"
         ),
@@ -67,8 +66,8 @@ function ce(c, l, w, A, G, i) {
         rowReorderable: P,
         className: L,
         cells: Y(O, e.cells),
-        columnIndex: a,
-        columnsCount: y.length,
+        columnIndex: i,
+        columnsCount: g.length,
         rowType: l.rowType,
         level: l.level,
         expanded: l.expanded,
@@ -77,8 +76,8 @@ function ce(c, l, w, A, G, i) {
         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),
+        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,

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
+};

package/index.d.mts

@@ -35,12 +35,14 @@ import { GridReorderDropPosition } from './interfaces/GridReorderDropDir.js';
 import { GridDataType } from './interfaces/GridDataType.js';
 import { GridRowReorderSettings } from './interfaces/GridRowReorderSettings.js';
 import { GridColumnType } from './interfaces/ColumnType.js';
-import { GridRowReorderEvent } from './interfaces/events.js';
+import { GridRowReorderEvent, GridRowPinChangeEvent } from './interfaces/events.js';
 import { GridFilterOperators } from './interfaces/GridFilterOperators.js';
 import { GridFilterOperator } from './interfaces/GridFilterOperator.js';
 import { GridHeaderCell } from './header/GridHeaderCell.js';
 import { GridHeaderCellProps } from './interfaces/GridHeaderCellProps.js';
 import { GridSelectionCell } from './cells/selectioncell/GridSelectionCell.js';
+import { GridPinCell } from './cells/pincell/GridPinCell.js';
+import { GridHeaderPinCell } from './header/client/GridHeaderPinCell.js';
 import { GridDetailRow } from './rows/GridDetailRow.js';
 import { GridDetailRowProps } from './interfaces/GridDetailRowProps.js';
 import { GridRow } from './rows/GridRow.js';
@@ -90,5 +92,6 @@ export * from './GridSearchBox.js';
 export * from './GridPdfExportButton.js';
 export * from './GridCsvExportButton.js';
 export * from './toolbar-tools/smartbox/index.js';
-export { CompositeHighlightDescriptor, Grid, GridHandle, GridHighlightDescriptor, GridProps, GridColumn, GridColumnProps, GridColSpanProps, GridEditDialogProps, GridColumnChildrenProps, GridCellProps, GridColumnType, GridRowReorderEvent, GridDataType, GridRowReorderSettings, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridDetailRowProps, GridRow, GridRowProps, GridFilterCell, GridFilterCellProps, GridHeaderCell, GridHeaderCellProps, GridSelectionCell, GridColumnMenuProps, GridReorderDropPosition, GridColumnMenuSort, GridColumnMenuFilter, GridColumnMenuGroup, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterUIProps, GridColumnMenuFilterCell, GridColumnMenuFilterCellProps, GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterProps, GridColumnMenuColumnsList, GridColumnMenuColumnsListProps, GridColumnMenuColumnsChooser, GridColumnMenuColumnsChooserProps, GridColumnMenuColumnProps, GridColumnState, GridRowType, GridToolbar, GridToolbarProps, GridToolbarAIAssistant, GridToolbarAIAssistantHandle, GridToolbarAIAssistantProps, GridToolbarAIAssistantRequestData, GridAIAssistantCommand, GridAICommands, GridAIPrompt, GridAIPromptProps, GridToolbarSpacer, GridToolbarSpacerProps, GridToolbarSeparator, GridToolbarSeparatorProps, GridToolbarCheckboxFilter, GridToolbarCheckboxFilterProps, GridToolbarColumnsChooser, GridToolbarColumnsChooserProps, GridToolbarFilter, GridToolbarFilterProps, GridToolbarSort, GridToolbarSortProps, GridToolbarGroup, GridToolbarGroupProps, GridNoRecords, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridFooterCellProps, GridSelectableMode, GridSelectableSettings, GridFilterOperators, GridFilterOperator, GridColumnMenuWrapper, GridColumnMenuWrapperProps, getSelectedState, setSelectedState, getSelectedStateFromKeyDown, GRID_COL_INDEX_ATTRIBUTE, GRID_ROW_INDEX_ATTRIBUTE, GRID_PREVENT_SELECTION_ELEMENT, GridCommonDragLogic, rootFilterOrDefault, filterGroupByField, isColumnMenuSortActive, isColumnMenuFilterActive, GridColumnMenuFilterProps, cellBoolDropdownChange, cellInputChange, cellOperatorChange, booleanFilterValues, operators, combineSmartFilters, parseFilterDates, GridRowSpannableSettings, handleAIResponse, GridAIState, GridAIResponseResult, GridCSVExportOptions, useGridAIRequest, GridAIRequestData, UseGridAIRequestOptions, UseGridAIRequestReturn };
+export { CompositeHighlightDescriptor, Grid, GridHandle, GridHighlightDescriptor, GridProps, GridColumn, GridColumnProps, GridColSpanProps, GridEditDialogProps, GridColumnChildrenProps, GridCellProps, GridColumnType, GridRowReorderEvent, GridDataType, GridRowReorderSettings, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridDetailRowProps, GridRow, GridRowProps, GridFilterCell, GridFilterCellProps, GridHeaderCell, GridHeaderCellProps, GridSelectionCell, GridColumnMenuProps, GridReorderDropPosition, GridColumnMenuSort, GridColumnMenuFilter, GridColumnMenuGroup, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterUIProps, GridColumnMenuFilterCell, GridColumnMenuFilterCellProps, GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterProps, GridColumnMenuColumnsList, GridColumnMenuColumnsListProps, GridColumnMenuColumnsChooser, GridColumnMenuColumnsChooserProps, GridColumnMenuColumnProps, GridColumnState, GridRowType, GridToolbar, GridToolbarProps, GridToolbarAIAssistant, GridToolbarAIAssistantHandle, GridToolbarAIAssistantProps, GridToolbarAIAssistantRequestData, GridAIAssistantCommand, GridAICommands, GridAIPrompt, GridAIPromptProps, GridToolbarSpacer, GridToolbarSpacerProps, GridToolbarSeparator, GridToolbarSeparatorProps, GridToolbarCheckboxFilter, GridToolbarCheckboxFilterProps, GridToolbarColumnsChooser, GridToolbarColumnsChooserProps, GridToolbarFilter, GridToolbarFilterProps, GridToolbarSort, GridToolbarSortProps, GridToolbarGroup, GridToolbarGroupProps, GridNoRecords, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridFooterCellProps, GridSelectableMode, GridSelectableSettings, GridFilterOperators, GridFilterOperator, GridColumnMenuWrapper, GridColumnMenuWrapperProps, getSelectedState, setSelectedState, getSelectedStateFromKeyDown, GRID_COL_INDEX_ATTRIBUTE, GRID_ROW_INDEX_ATTRIBUTE, GRID_PREVENT_SELECTION_ELEMENT, GridCommonDragLogic, rootFilterOrDefault, filterGroupByField, isColumnMenuSortActive, isColumnMenuFilterActive, GridColumnMenuFilterProps, cellBoolDropdownChange, cellInputChange, cellOperatorChange, booleanFilterValues, operators, combineSmartFilters, parseFilterDates, GridRowSpannableSettings, handleAIResponse, GridAIState, GridAIResponseResult, GridCSVExportOptions, useGridAIRequest, GridAIRequestData, UseGridAIRequestOptions, UseGridAIRequestReturn, GridRowPinChangeEvent };
+export { GridPinCell, GridHeaderPinCell };
 export * from './interfaces/GridStackedLayoutSettings.js';

package/index.d.ts

@@ -35,12 +35,14 @@ import { GridReorderDropPosition } from './interfaces/GridReorderDropDir.js';
 import { GridDataType } from './interfaces/GridDataType.js';
 import { GridRowReorderSettings } from './interfaces/GridRowReorderSettings.js';
 import { GridColumnType } from './interfaces/ColumnType.js';
-import { GridRowReorderEvent } from './interfaces/events.js';
+import { GridRowReorderEvent, GridRowPinChangeEvent } from './interfaces/events.js';
 import { GridFilterOperators } from './interfaces/GridFilterOperators.js';
 import { GridFilterOperator } from './interfaces/GridFilterOperator.js';
 import { GridHeaderCell } from './header/GridHeaderCell.js';
 import { GridHeaderCellProps } from './interfaces/GridHeaderCellProps.js';
 import { GridSelectionCell } from './cells/selectioncell/GridSelectionCell.js';
+import { GridPinCell } from './cells/pincell/GridPinCell.js';
+import { GridHeaderPinCell } from './header/client/GridHeaderPinCell.js';
 import { GridDetailRow } from './rows/GridDetailRow.js';
 import { GridDetailRowProps } from './interfaces/GridDetailRowProps.js';
 import { GridRow } from './rows/GridRow.js';
@@ -90,5 +92,6 @@ export * from './GridSearchBox.js';
 export * from './GridPdfExportButton.js';
 export * from './GridCsvExportButton.js';
 export * from './toolbar-tools/smartbox/index.js';
-export { CompositeHighlightDescriptor, Grid, GridHandle, GridHighlightDescriptor, GridProps, GridColumn, GridColumnProps, GridColSpanProps, GridEditDialogProps, GridColumnChildrenProps, GridCellProps, GridColumnType, GridRowReorderEvent, GridDataType, GridRowReorderSettings, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridDetailRowProps, GridRow, GridRowProps, GridFilterCell, GridFilterCellProps, GridHeaderCell, GridHeaderCellProps, GridSelectionCell, GridColumnMenuProps, GridReorderDropPosition, GridColumnMenuSort, GridColumnMenuFilter, GridColumnMenuGroup, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterUIProps, GridColumnMenuFilterCell, GridColumnMenuFilterCellProps, GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterProps, GridColumnMenuColumnsList, GridColumnMenuColumnsListProps, GridColumnMenuColumnsChooser, GridColumnMenuColumnsChooserProps, GridColumnMenuColumnProps, GridColumnState, GridRowType, GridToolbar, GridToolbarProps, GridToolbarAIAssistant, GridToolbarAIAssistantHandle, GridToolbarAIAssistantProps, GridToolbarAIAssistantRequestData, GridAIAssistantCommand, GridAICommands, GridAIPrompt, GridAIPromptProps, GridToolbarSpacer, GridToolbarSpacerProps, GridToolbarSeparator, GridToolbarSeparatorProps, GridToolbarCheckboxFilter, GridToolbarCheckboxFilterProps, GridToolbarColumnsChooser, GridToolbarColumnsChooserProps, GridToolbarFilter, GridToolbarFilterProps, GridToolbarSort, GridToolbarSortProps, GridToolbarGroup, GridToolbarGroupProps, GridNoRecords, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridFooterCellProps, GridSelectableMode, GridSelectableSettings, GridFilterOperators, GridFilterOperator, GridColumnMenuWrapper, GridColumnMenuWrapperProps, getSelectedState, setSelectedState, getSelectedStateFromKeyDown, GRID_COL_INDEX_ATTRIBUTE, GRID_ROW_INDEX_ATTRIBUTE, GRID_PREVENT_SELECTION_ELEMENT, GridCommonDragLogic, rootFilterOrDefault, filterGroupByField, isColumnMenuSortActive, isColumnMenuFilterActive, GridColumnMenuFilterProps, cellBoolDropdownChange, cellInputChange, cellOperatorChange, booleanFilterValues, operators, combineSmartFilters, parseFilterDates, GridRowSpannableSettings, handleAIResponse, GridAIState, GridAIResponseResult, GridCSVExportOptions, useGridAIRequest, GridAIRequestData, UseGridAIRequestOptions, UseGridAIRequestReturn };
+export { CompositeHighlightDescriptor, Grid, GridHandle, GridHighlightDescriptor, GridProps, GridColumn, GridColumnProps, GridColSpanProps, GridEditDialogProps, GridColumnChildrenProps, GridCellProps, GridColumnType, GridRowReorderEvent, GridDataType, GridRowReorderSettings, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridDetailRowProps, GridRow, GridRowProps, GridFilterCell, GridFilterCellProps, GridHeaderCell, GridHeaderCellProps, GridSelectionCell, GridColumnMenuProps, GridReorderDropPosition, GridColumnMenuSort, GridColumnMenuFilter, GridColumnMenuGroup, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterUIProps, GridColumnMenuFilterCell, GridColumnMenuFilterCellProps, GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterProps, GridColumnMenuColumnsList, GridColumnMenuColumnsListProps, GridColumnMenuColumnsChooser, GridColumnMenuColumnsChooserProps, GridColumnMenuColumnProps, GridColumnState, GridRowType, GridToolbar, GridToolbarProps, GridToolbarAIAssistant, GridToolbarAIAssistantHandle, GridToolbarAIAssistantProps, GridToolbarAIAssistantRequestData, GridAIAssistantCommand, GridAICommands, GridAIPrompt, GridAIPromptProps, GridToolbarSpacer, GridToolbarSpacerProps, GridToolbarSeparator, GridToolbarSeparatorProps, GridToolbarCheckboxFilter, GridToolbarCheckboxFilterProps, GridToolbarColumnsChooser, GridToolbarColumnsChooserProps, GridToolbarFilter, GridToolbarFilterProps, GridToolbarSort, GridToolbarSortProps, GridToolbarGroup, GridToolbarGroupProps, GridNoRecords, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridFooterCellProps, GridSelectableMode, GridSelectableSettings, GridFilterOperators, GridFilterOperator, GridColumnMenuWrapper, GridColumnMenuWrapperProps, getSelectedState, setSelectedState, getSelectedStateFromKeyDown, GRID_COL_INDEX_ATTRIBUTE, GRID_ROW_INDEX_ATTRIBUTE, GRID_PREVENT_SELECTION_ELEMENT, GridCommonDragLogic, rootFilterOrDefault, filterGroupByField, isColumnMenuSortActive, isColumnMenuFilterActive, GridColumnMenuFilterProps, cellBoolDropdownChange, cellInputChange, cellOperatorChange, booleanFilterValues, operators, combineSmartFilters, parseFilterDates, GridRowSpannableSettings, handleAIResponse, GridAIState, GridAIResponseResult, GridCSVExportOptions, useGridAIRequest, GridAIRequestData, UseGridAIRequestOptions, UseGridAIRequestReturn, GridRowPinChangeEvent };
+export { GridPinCell, GridHeaderPinCell };
 export * from './interfaces/GridStackedLayoutSettings.js';