@progress/kendo-react-grid 16.2.0-develop.2 → 16.2.0-develop.20

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

package/drag/ColumnResize.mjs

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

package/header/HeaderRow.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 _=require("react"),F=require("./GridHeaderCell.js"),s=require("@progress/kendo-react-common"),$=require("@progress/kendo-react-data-tools"),k=require("../messages/index.js"),N=require("@progress/kendo-svg-icons"),d=require("../utils/index.js"),P=require("./client/GridHeaderCellContainer.js"),B=require("./client/HeaderRowDraggable.js"),J=require("./client/GridHeaderRowContainer.js"),K=require("./client/GridHeaderCellElementContainer.js"),Q=require("./client/HeaderCellResizer.js");function U(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const t=U(_),X={none:"none",asc:"ascending",desc:"descending"},Y=e=>{const i=e.columnsState||[],a=e.unstyled,o=a&&a.uGrid?a.uGrid:s.uGrid;let w=0,O=-1;const D=r=>{if(!e.sort)return null;const n=s.classNames(o.sortIcon({}));return r>=0&&[t.createElement("span",{key:1,className:n},t.createElement(s.IconWrap,{name:"sort-"+e.sort[r].dir+"-small",icon:e.sort[r].dir==="asc"?N.sortAscSmallIcon:N.sortDescSmallIcon})),e.sort.length>1&&t.createElement("span",{key:2,className:n},t.createElement("span",{className:s.classNames(o.sortOrder({}))},r+1))]},x=r=>r.map(n=>{var I,M,q,v;const l=e.columns[n],u=i[n],m=(M=(I=l.locked)!=null?I:u==null?void 0:u.locked)!=null?M:!1,C=e.sortable&&l.sortable,f=e.sort?e.sort.findIndex(c=>c.field===l.field):-1,j=f>=0&&e.sort[f].dir||"none",b=l.disableColumnMenu?null:l.columnMenu||e.columnMenu,A=l.menuIcon||e.columnMenuIcon,L=s.classNames(s.classNames(o.headerTh({first:l.kFirst,filterable:!!b,locked:m,sorted:e.sort&&e.sort.some(c=>c.field===l.field),sortable:C})),l.headerClassName);m===!1&&(l.left=0);const z=e.localization.toLanguageString(k.sortAriaLabel,k.messages[k.sortAriaLabel]),W=l.isAccessible?{ariaSort:X[j],role:"columnheader",ariaColumnIndex:l.ariaColumnIndex,ariaSelected:!1,ariaDescription:C?z:"",ariaHasPopup:b?"dialog":void 0}:{role:"presentation"},E=l.declarationIndex>=0?++O:--w,g={field:l.field,title:l.title,isGroupColumn:l.isGroupColumn,selectionValue:(q=l.headerSelectionValue)!=null?q:e.headerSelectionValue,children:D(f),selectionChange:null,columnMenuWrapperProps:{column:{field:(v=l.groupField)!=null?v:l.field,title:l.title,locked:m,filter:l.filter,id:l.id},sortable:C&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&l.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:b,columnMenuIcon:A}},H={...W,colSpan:l.headerColSpan,rowSpan:l.rowSpan,className:L,columnId:l.id,navigatable:l.navigatable,role:"columnheader"},S=d.clientColumn(l),R={column:S,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:g.columnMenuWrapperProps},G=l.defaultHeaderCell?l.defaultHeaderCell:F.GridHeaderCell,y=[t.createElement(P.GridHeaderCellContainer,{key:1,...R,isClient:d.isClientReference(G)},t.createElement(G,{...g})),t.createElement(Q.HeaderCellResizer,{key:2,column:S})],h=d.resolveCells(e.cells,l.cells);if(h&&h.headerCell){const c=h.headerCell,V=d.isClientReference(c);return t.createElement(P.GridHeaderCellContainer,{key:E,...R,thProps:H,isCustom:!0,isClient:V},t.createElement(c,{...g,thProps:H,index:n},y))}return t.createElement(K.GridHeaderCellElementContainer,{key:E,column:S},t.createElement($.HeaderThElement,{...H},y))}),T=e.columns.map(d.clientColumn);return t.createElement(J.GridHeaderRowContainer,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:T},e.columnsMap.map((r,n)=>t.createElement(B.HeaderRowDraggable,{key:n,className:s.classNames(o.simpleTr({})),ariaRowIndex:n+1},x(r))))};exports.HeaderRow=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),K=require("./GridHeaderCell.js"),s=require("@progress/kendo-react-common"),Q=require("@progress/kendo-react-data-tools"),h=require("../messages/index.js"),y=require("@progress/kendo-svg-icons"),d=require("../utils/index.js"),v=require("./client/GridHeaderCellContainer.js"),U=require("./client/HeaderRowDraggable.js"),X=require("./client/GridHeaderRowContainer.js"),Y=require("./client/GridHeaderCellElementContainer.js"),Z=require("./client/HeaderCellResizer.js"),p=require("./client/GridCustomHeaderColumnMenu.js");function ee(e){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(u,a,t.get?t:{enumerable:!0,get:()=>e[a]})}}return u.default=e,Object.freeze(u)}const l=ee(J),ne={none:"none",asc:"ascending",desc:"descending"},le=e=>{const u=e.columnsState||[],a=e.unstyled,t=a&&a.uGrid?a.uGrid:s.uGrid;let O=0,D=-1;const T=o=>{if(!e.sort)return null;const r=s.classNames(t.sortIcon({}));return o>=0&&[l.createElement("span",{key:1,className:r},l.createElement(s.IconWrap,{name:"sort-"+e.sort[o].dir+"-small",icon:e.sort[o].dir==="asc"?y.sortAscSmallIcon:y.sortDescSmallIcon})),e.sort.length>1&&l.createElement("span",{key:2,className:r},l.createElement("span",{className:s.classNames(t.sortOrder({}))},o+1))]},x=o=>o.map(r=>{var R,P,q,w;const n=e.columns[r],m=u[r],C=(P=(R=n.locked)!=null?R:m==null?void 0:m.locked)!=null?P:!1,f=e.sortable&&n.sortable,b=e.sort?e.sort.findIndex(i=>i.field===n.field):-1,z=b>=0&&e.sort[b].dir||"none",g=n.disableColumnMenu?null:n.columnMenu||e.columnMenu,j=n.menuIcon||e.columnMenuIcon,A=s.classNames(s.classNames(t.headerTh({first:n.kFirst,filterable:!!g,locked:C,sorted:e.sort&&e.sort.some(i=>i.field===n.field),sortable:f})),n.headerClassName);C===!1&&(n.left=0);const L=e.localization.toLanguageString(h.sortAriaLabel,h.messages[h.sortAriaLabel]),V=n.isAccessible?{ariaSort:ne[z],role:"columnheader",ariaColumnIndex:n.ariaColumnIndex,ariaSelected:!1,ariaDescription:f?L:"",ariaHasPopup:g?"dialog":void 0}:{role:"presentation"},E=n.declarationIndex>=0?++D:--O,c={field:n.field,title:n.title,isGroupColumn:n.isGroupColumn,selectionValue:(q=n.headerSelectionValue)!=null?q:e.headerSelectionValue,children:T(b),selectionChange:null,columnMenuWrapperProps:{column:{field:(w=n.groupField)!=null?w:n.field,title:n.title,locked:C,filter:n.filter,id:n.id},sortable:f&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&n.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:g,columnMenuIcon:j}},H={...V,colSpan:n.headerColSpan,rowSpan:n.rowSpan,className:A,columnId:n.id,navigatable:n.navigatable,role:"columnheader"},M=d.clientColumn(n),G={column:M,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:c.columnMenuWrapperProps},I=n.defaultHeaderCell?n.defaultHeaderCell:K.GridHeaderCell,N=l.createElement(Z.HeaderCellResizer,{key:2,column:M}),k=[l.createElement(v.GridHeaderCellContainer,{key:1,...G,isClient:d.isClientReference(I)},l.createElement(I,{...c})),N],S=d.resolveCells(e.cells,n.cells);if(S&&S.headerCell){const i=S.headerCell,_=d.isClientReference(i),F=l.createElement("span",{className:s.classNames(t.columnTitle({}),n.isGroupColumn&&t.groupingRowText({}))},n.title||n.field||" "),$=c.children||null,B=c.columnMenuWrapperProps.columnMenu?l.createElement(p.GridCustomHeaderColumnMenu,{columnMenuWrapperProps:c.columnMenuWrapperProps,field:n.field}):null;return l.createElement(v.GridHeaderCellContainer,{key:E,...G,thProps:H,isCustom:!0,isClient:_},l.createElement(i,{...c,thProps:H,index:r,titleElement:F,sortIcon:$,columnMenu:B,resizer:N},k))}return l.createElement(Y.GridHeaderCellElementContainer,{key:E,column:M},l.createElement(Q.HeaderThElement,{...H},k))}),W=e.columns.map(d.clientColumn);return l.createElement(X.GridHeaderRowContainer,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:W},e.columnsMap.map((o,r)=>l.createElement(U.HeaderRowDraggable,{key:r,className:s.classNames(t.simpleTr({})),ariaRowIndex:r+1},x(o))))};exports.HeaderRow=le;

package/header/HeaderRow.mjs

@@ -6,133 +6,161 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as t from "react";
-import { GridHeaderCell as j } from "./GridHeaderCell.mjs";
-import { uGrid as q, classNames as r, IconWrap as J } from "@progress/kendo-react-common";
-import { HeaderThElement as K } from "@progress/kendo-react-data-tools";
-import { sortAriaLabel as y, messages as Q } from "../messages/index.mjs";
-import { sortAscSmallIcon as U, sortDescSmallIcon as X } from "@progress/kendo-svg-icons";
-import { clientColumn as P, isClientReference as N, resolveCells as Y } from "../utils/index.mjs";
+import { GridHeaderCell as K } from "./GridHeaderCell.mjs";
+import { uGrid as Q, classNames as c, IconWrap as U } from "@progress/kendo-react-common";
+import { HeaderThElement as X } from "@progress/kendo-react-data-tools";
+import { sortAriaLabel as v, messages as Y } from "../messages/index.mjs";
+import { sortAscSmallIcon as Z, sortDescSmallIcon as _ } from "@progress/kendo-svg-icons";
+import { clientColumn as w, isClientReference as y, resolveCells as $ } from "../utils/index.mjs";
 import { GridHeaderCellContainer as R } from "./client/GridHeaderCellContainer.mjs";
-import { HeaderRowDraggable as Z } from "./client/HeaderRowDraggable.mjs";
-import { GridHeaderRowContainer as _ } from "./client/GridHeaderRowContainer.mjs";
-import { GridHeaderCellElementContainer as $ } from "./client/GridHeaderCellElementContainer.mjs";
-import { HeaderCellResizer as p } from "./client/HeaderCellResizer.mjs";
-const ee = {
+import { HeaderRowDraggable as ee } from "./client/HeaderRowDraggable.mjs";
+import { GridHeaderRowContainer as le } from "./client/GridHeaderRowContainer.mjs";
+import { GridHeaderCellElementContainer as te } from "./client/GridHeaderCellElementContainer.mjs";
+import { HeaderCellResizer as ne } from "./client/HeaderCellResizer.mjs";
+import { GridCustomHeaderColumnMenu as oe } from "./client/GridCustomHeaderColumnMenu.mjs";
+const re = {
   none: "none",
   asc: "ascending",
   desc: "descending"
-}, ue = (e) => {
-  const w = e.columnsState || [], c = e.unstyled, s = c && c.uGrid ? c.uGrid : q;
-  let x = 0, A = -1;
-  const D = (a) => {
-    if (!e.sort)
+}, Ee = (l) => {
+  const W = l.columnsState || [], i = l.unstyled, r = i && i.uGrid ? i.uGrid : Q;
+  let x = 0, T = -1;
+  const z = (o) => {
+    if (!l.sort)
       return null;
-    const n = r(s.sortIcon({}));
-    return a >= 0 && [
+    const n = c(r.sortIcon({}));
+    return o >= 0 && [
       /* @__PURE__ */ t.createElement("span", { key: 1, className: n }, /* @__PURE__ */ t.createElement(
-        J,
+        U,
         {
-          name: "sort-" + e.sort[a].dir + "-small",
-          icon: e.sort[a].dir === "asc" ? U : X
+          name: "sort-" + l.sort[o].dir + "-small",
+          icon: l.sort[o].dir === "asc" ? Z : _
         }
       )),
-      e.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: n }, /* @__PURE__ */ t.createElement("span", { className: r(s.sortOrder({})) }, a + 1))
+      l.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: n }, /* @__PURE__ */ t.createElement("span", { className: c(r.sortOrder({})) }, o + 1))
     ];
-  }, L = (a) => a.map((n) => {
-    var I, M, v, G;
-    const l = e.columns[n], i = w[n], m = (M = (I = l.locked) != null ? I : i == null ? void 0 : i.locked) != null ? M : !1, d = e.sortable && l.sortable, u = e.sort ? e.sort.findIndex((o) => o.field === l.field) : -1, O = u >= 0 && e.sort[u].dir || "none", f = l.disableColumnMenu ? null : l.columnMenu || e.columnMenu, T = l.menuIcon || e.columnMenuIcon, V = r(
-      r(
-        s.headerTh({
-          first: l.kFirst,
-          filterable: !!f,
-          locked: m,
-          sorted: e.sort && e.sort.some((o) => o.field === l.field),
+  }, A = (o) => o.map((n) => {
+    var k, G, N, P;
+    const e = l.columns[n], m = W[n], u = (G = (k = e.locked) != null ? k : m == null ? void 0 : m.locked) != null ? G : !1, d = l.sortable && e.sortable, f = l.sort ? l.sort.findIndex((s) => s.field === e.field) : -1, L = f >= 0 && l.sort[f].dir || "none", C = e.disableColumnMenu ? null : e.columnMenu || l.columnMenu, O = e.menuIcon || l.columnMenuIcon, V = c(
+      c(
+        r.headerTh({
+          first: e.kFirst,
+          filterable: !!C,
+          locked: u,
+          sorted: l.sort && l.sort.some((s) => s.field === e.field),
           sortable: d
         })
       ),
-      l.headerClassName
+      e.headerClassName
     );
-    m === !1 && (l.left = 0);
-    const z = e.localization.toLanguageString(y, Q[y]), F = l.isAccessible ? {
-      ariaSort: ee[O],
+    u === !1 && (e.left = 0);
+    const p = l.localization.toLanguageString(v, Y[v]), F = e.isAccessible ? {
+      ariaSort: re[L],
       role: "columnheader",
-      ariaColumnIndex: l.ariaColumnIndex,
+      ariaColumnIndex: e.ariaColumnIndex,
       ariaSelected: !1,
-      ariaDescription: d ? z : "",
-      ariaHasPopup: f ? "dialog" : void 0
+      ariaDescription: d ? p : "",
+      ariaHasPopup: C ? "dialog" : void 0
     } : {
       role: "presentation"
-    }, E = l.declarationIndex >= 0 ? ++A : --x, C = {
-      field: l.field,
-      title: l.title,
-      isGroupColumn: l.isGroupColumn,
-      selectionValue: (v = l.headerSelectionValue) != null ? v : e.headerSelectionValue,
-      children: D(u),
+    }, M = e.declarationIndex >= 0 ? ++T : --x, a = {
+      field: e.field,
+      title: e.title,
+      isGroupColumn: e.isGroupColumn,
+      selectionValue: (N = e.headerSelectionValue) != null ? N : l.headerSelectionValue,
+      children: z(f),
       selectionChange: null,
       columnMenuWrapperProps: {
         column: {
-          field: (G = l.groupField) != null ? G : l.field,
-          title: l.title,
-          locked: m,
-          filter: l.filter,
-          id: l.id
+          field: (P = e.groupField) != null ? P : e.field,
+          title: e.title,
+          locked: u,
+          filter: e.filter,
+          id: e.id
         },
-        sortable: d && e.sortable,
-        sort: e.sort,
-        filter: e.filter,
-        filterable: e.filterable && l.filterable,
-        filterOperators: e.filterOperators,
-        navigatable: e.navigatable,
-        group: e.group,
-        groupable: e.groupable,
-        columnMenu: f,
-        columnMenuIcon: T
+        sortable: d && l.sortable,
+        sort: l.sort,
+        filter: l.filter,
+        filterable: l.filterable && e.filterable,
+        filterOperators: l.filterOperators,
+        navigatable: l.navigatable,
+        group: l.group,
+        groupable: l.groupable,
+        columnMenu: C,
+        columnMenuIcon: O
       }
     }, b = {
       ...F,
-      colSpan: l.headerColSpan,
-      rowSpan: l.rowSpan,
+      colSpan: e.headerColSpan,
+      rowSpan: e.rowSpan,
       className: V,
-      columnId: l.id,
-      navigatable: l.navigatable,
+      columnId: e.id,
+      navigatable: e.navigatable,
       role: "columnheader"
-    }, g = P(l), S = {
+    }, g = w(e), E = {
       column: g,
-      sortable: e.sortable,
-      sort: e.sort,
-      columnMenuWrapperProps: C.columnMenuWrapperProps
-    }, k = l.defaultHeaderCell ? l.defaultHeaderCell : j, H = [
-      /* @__PURE__ */ t.createElement(R, { key: 1, ...S, isClient: N(k) }, /* @__PURE__ */ t.createElement(k, { ...C })),
-      /* @__PURE__ */ t.createElement(p, { key: 2, column: g })
-    ], h = Y(e.cells, l.cells);
+      sortable: l.sortable,
+      sort: l.sort,
+      columnMenuWrapperProps: a.columnMenuWrapperProps
+    }, I = e.defaultHeaderCell ? e.defaultHeaderCell : K, S = /* @__PURE__ */ t.createElement(ne, { key: 2, column: g }), H = [
+      /* @__PURE__ */ t.createElement(R, { key: 1, ...E, isClient: y(I) }, /* @__PURE__ */ t.createElement(I, { ...a })),
+      S
+    ], h = $(l.cells, e.cells);
     if (h && h.headerCell) {
-      const o = h.headerCell, B = N(o);
+      const s = h.headerCell, B = y(s), j = /* @__PURE__ */ t.createElement(
+        "span",
+        {
+          className: c(
+            r.columnTitle({}),
+            e.isGroupColumn && r.groupingRowText({})
+          )
+        },
+        e.title || e.field || " "
+      ), q = a.children || null, J = a.columnMenuWrapperProps.columnMenu ? /* @__PURE__ */ t.createElement(
+        oe,
+        {
+          columnMenuWrapperProps: a.columnMenuWrapperProps,
+          field: e.field
+        }
+      ) : null;
       return /* @__PURE__ */ t.createElement(
         R,
         {
-          key: E,
-          ...S,
+          key: M,
+          ...E,
           thProps: b,
           isCustom: !0,
           isClient: B
         },
-        /* @__PURE__ */ t.createElement(o, { ...C, thProps: b, index: n }, H)
+        /* @__PURE__ */ t.createElement(
+          s,
+          {
+            ...a,
+            thProps: b,
+            index: n,
+            titleElement: j,
+            sortIcon: q,
+            columnMenu: J,
+            resizer: S
+          },
+          H
+        )
       );
     }
-    return /* @__PURE__ */ t.createElement($, { key: E, column: g }, /* @__PURE__ */ t.createElement(K, { ...b }, H));
-  }), W = e.columns.map(P);
+    return /* @__PURE__ */ t.createElement(te, { key: M, column: g }, /* @__PURE__ */ t.createElement(X, { ...b }, H));
+  }), D = l.columns.map(w);
   return /* @__PURE__ */ t.createElement(
-    _,
+    le,
     {
-      sortable: e.sortable,
-      sort: e.sort,
-      navigatable: e.navigatable,
-      groupable: e.groupable,
-      columns: W
+      sortable: l.sortable,
+      sort: l.sort,
+      navigatable: l.navigatable,
+      groupable: l.groupable,
+      columns: D
     },
-    e.columnsMap.map((a, n) => /* @__PURE__ */ t.createElement(Z, { key: n, className: r(s.simpleTr({})), ariaRowIndex: n + 1 }, L(a)))
+    l.columnsMap.map((o, n) => /* @__PURE__ */ t.createElement(ee, { key: n, className: c(r.simpleTr({})), ariaRowIndex: n + 1 }, A(o)))
   );
 };
 export {
-  ue as HeaderRow
+  Ee as HeaderRow
 };

package/header/client/GridCustomHeaderColumnMenu.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridColumnMenuWrapperProps } from '../../columnMenu/GridColumnMenuWrapper.js';
+import * as React from 'react';
+/**
+ * @hidden
+ *
+ * Internal client wrapper used by the custom `headerCell` `columnMenu` slot. Reads the
+ * enrichment (change handlers, show state, column state) from the Grid contexts and
+ * forwards it to `GridColumnMenuWrapper`, so the slot works both in a fully client-rendered
+ * Grid and inside a React Server Components tree — regardless of whether the custom header
+ * cell itself is a server or client component.
+ */
+export declare const GridCustomHeaderColumnMenu: (props: {
+    columnMenuWrapperProps: GridColumnMenuWrapperProps;
+    field?: string;
+}) => React.JSX.Element;

package/header/client/GridCustomHeaderColumnMenu.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 u=require("react"),a=require("../../columnMenu/GridColumnMenuWrapper.js"),i=require("../../utils/GridContext.js"),s=require("./GridHeaderRowContainer.js");function c(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const r=c(u),l=t=>{const n=r.useContext(i.GridContext),e=r.useContext(s.GridHeaderRowContext),o={...t.columnMenuWrapperProps,onSortChange:n.sortChange,onFilterChange:n.filterChange,onGroupChange:n.groupChange,onColumnsStateChange:n.onColumnsStateChange,show:(e==null?void 0:e.showColumnMenuField)===t.field?!0:void 0,onCloseMenu:e==null?void 0:e.handleCloseMenu,columnsState:n.columnsState};return r.createElement(a.GridColumnMenuWrapper,{...o})};exports.GridCustomHeaderColumnMenu=l;

package/header/client/GridCustomHeaderColumnMenu.mjs

@@ -0,0 +1,28 @@
+/**
+ * @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 o from "react";
+import { GridColumnMenuWrapper as u } from "../../columnMenu/GridColumnMenuWrapper.mjs";
+import { GridContext as m } from "../../utils/GridContext.mjs";
+import { GridHeaderRowContext as s } from "./GridHeaderRowContainer.mjs";
+const i = (t) => {
+  const n = o.useContext(m), e = o.useContext(s), r = {
+    ...t.columnMenuWrapperProps,
+    onSortChange: n.sortChange,
+    onFilterChange: n.filterChange,
+    onGroupChange: n.groupChange,
+    onColumnsStateChange: n.onColumnsStateChange,
+    show: (e == null ? void 0 : e.showColumnMenuField) === t.field ? !0 : void 0,
+    onCloseMenu: e == null ? void 0 : e.handleCloseMenu,
+    columnsState: n.columnsState
+  };
+  return /* @__PURE__ */ o.createElement(u, { ...r });
+};
+export {
+  i as GridCustomHeaderColumnMenu
+};