@progress/kendo-react-grid 8.6.0-develop.1 → 9.0.0-develop.10

package/drag/ColumnResize.js

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

package/drag/ColumnResize.mjs

@@ -10,21 +10,21 @@ class u {
   constructor(f) {
     this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (c) => {
       this.isRtl = c;
-    }, this.dragHandler = (c, l, e, h) => {
+    }, this.dragHandler = (c, n, e, h) => {
       const t = c.originalEvent;
       h || (t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation());
       const o = e.closest("th");
       if (!o || !o)
         return;
       const s = o.clientWidth;
-      let n = s;
-      if (this.isRtl ? n += e.getBoundingClientRect().right - e.offsetWidth / 2 - c.clientX : n += c.clientX - e.getBoundingClientRect().left - e.offsetWidth / 2, !h && Math.abs(n - s) < 1)
+      let l = s;
+      if (this.isRtl ? l += e.getBoundingClientRect().right - e.offsetWidth / 2 - c.clientX : l += c.clientX - e.getBoundingClientRect().left - e.offsetWidth / 2, !h && Math.abs(l - s) < 1)
         return;
-      this.fixateInitialWidths(o.parentElement.clientWidth), this.setWidths(l, Math.floor(n) / s);
-      const d = this.columns.filter((i) => !i.children.length).findIndex((i) => i.id === l.id);
-      this.onResize(d, s, n, t, h, l.id);
-    }, this.dblClickHandler = (c, l) => {
-      const e = this.columns.filter((r) => l.indexOf(r.id) > -1);
+      this.fixateInitialWidths(o.parentElement.clientWidth), this.setWidths(n, Math.floor(l) / s);
+      const d = this.columns.filter((i) => !i.children.length).findIndex((i) => i.id === n.id);
+      this.onResize(d, s, l, t, h, n.id);
+    }, this.dblClickHandler = (c, n) => {
+      const e = this.columns.filter((r) => n.indexOf(r.id) > -1);
       if (!this.colGroupMain || !e.length)
         return;
       const h = {}, t = e;
@@ -38,69 +38,61 @@ class u {
       o.forEach((r, a) => {
         h[r.id] && s.push(a);
       });
-      const n = [this.colGroupMain.parentElement], d = [this.colGroupMain];
-      this.colGroupHeader && (n.push(this.colGroupHeader.parentElement), d.push(this.colGroupHeader)), this.colGroupFooter && (n.push(this.colGroupFooter.parentElement), d.push(this.colGroupFooter)), n.forEach((r) => r.classList.add("k-autofitting"));
-      let i = [];
+      const l = [this.colGroupMain.parentElement], d = [this.colGroupMain];
+      this.colGroupHeader && (l.push(this.colGroupHeader.parentElement), d.push(this.colGroupHeader)), this.colGroupFooter && (l.push(this.colGroupFooter.parentElement), d.push(this.colGroupFooter)), l.forEach((r) => r.classList.add("k-autofitting"));
+      const i = [];
       d.forEach((r) => {
         s.forEach((a) => {
-          r.children[a] && (r.children[a].width = "", i[a] = Math.max(i[a] || 0, r.children[a].offsetWidth + 1));
+          r.children[a] && (r.children[a].width = "", i[a] = Math.max(
+            i[a] || 0,
+            r.children[a].offsetWidth + 1
+          ));
         });
       }), d.forEach((r) => {
         s.forEach((a) => {
           r.children[a] && (r.children[a].width = i[a] + "px", o[a].width = i[a]);
         });
-      }), n.forEach((r) => r.classList.remove("k-autofitting")), this.onResize(s[0], 0, 0, c, !0, l[0]);
+      }), l.forEach((r) => r.classList.remove("k-autofitting")), this.onResize(s[0], 0, 0, c, !0, n[0]);
     }, this.updateColElements = (c) => {
-      const l = this.columns.filter((h) => !h.children.length);
+      const n = this.columns.filter((h) => !h.children.length);
       let e = 1e-10;
       for (let h = 0; h < c.length; h++) {
-        const t = c[h], o = l.findIndex((i) => i.id === t.id), s = parseFloat((t.width || 0).toString()), n = Math.floor(s);
-        e += s - n;
-        const d = n + Math.floor(e);
+        const t = c[h], o = n.findIndex((i) => i.id === t.id), s = parseFloat((t.width || 0).toString()), l = Math.floor(s);
+        e += s - l;
+        const d = l + Math.floor(e);
         if (e -= Math.floor(e), this.colGroupMain && this.colGroupMain.children[o]) {
           const i = parseInt(this.colGroupMain.children[o].width, 10);
-          this.colGroupMain.children[o].width = d + "px", this.updateNextLockedCol(
-            this.colGroupMain.parentElement,
-            t,
-            i - d
-          );
+          this.colGroupMain.children[o].width = d + "px", this.updateNextLockedCol(this.colGroupMain.parentElement, t, i - d);
         }
         if (this.colGroupHeader && this.colGroupHeader.children[o]) {
           const i = parseInt(this.colGroupHeader.children[o].width, 10);
-          this.colGroupHeader.children[o].width = d + "px", this.updateNextLockedCol(
-            this.colGroupHeader.parentElement,
-            t,
-            i - d
-          );
+          this.colGroupHeader.children[o].width = d + "px", this.updateNextLockedCol(this.colGroupHeader.parentElement, t, i - d);
         }
         if (this.colGroupFooter && this.colGroupFooter.children[o]) {
           const i = parseInt(this.colGroupFooter.children[o].width, 10);
-          this.colGroupFooter.children[o].width = d + "px", this.updateNextLockedCol(
-            this.colGroupFooter.parentElement,
-            t,
-            i - d
-          );
+          this.colGroupFooter.children[o].width = d + "px", this.updateNextLockedCol(this.colGroupFooter.parentElement, t, i - d);
         }
       }
     }, this.onResize = f;
   }
   fixateInitialWidths(f) {
     const c = this.columns.filter((t) => !t.children.length);
-    let l = 0, e = this.colGroupMain ? this.colGroupMain.children : [];
+    let n = 0;
+    const e = this.colGroupMain ? this.colGroupMain.children : [];
     for (let t = 0; t < e.length; t++)
-      e[t].width ? f -= parseFloat(e[t].width) : l++;
-    if (l === 0)
+      e[t].width ? f -= parseFloat(e[t].width) : n++;
+    if (n === 0)
       return;
-    const h = Math.floor(f / l);
+    const h = Math.floor(f / n);
     for (let t = 0; t < e.length; t++) {
       const o = e[t];
       o.width || (o.width = h, c[t].width = h.toString(), this.colGroupHeader && (this.colGroupHeader.children[t].width = h), this.colGroupFooter && (this.colGroupFooter.children[t].width = h));
     }
   }
   setWidths(f, c) {
-    const l = this.columns.findIndex((t) => t.id === f.id), e = [];
+    const n = this.columns.findIndex((t) => t.id === f.id), e = [];
     let h = f.children.length;
-    for (let t = l + 1; h > 0 && t < this.columns.length; t++, h--) {
+    for (let t = n + 1; h > 0 && t < this.columns.length; t++, h--) {
       const o = this.columns[t];
       o.children.length ? h += o.children.length : e.push(o);
     }
@@ -110,14 +102,14 @@ class u {
       o < s && (o = s), t.width = o;
     }), this.updateColElements(e), e;
   }
-  updateNextLockedCol(f, c, l) {
-    const e = c.index, h = this.colGroupMain.parentElement.closest(".k-grid"), t = h == null ? void 0 : h.clientWidth, o = this.columns.filter((s) => s.locked).map((s) => parseInt(s.width + "", 10)).reduce((s, n) => s + n, 0);
+  updateNextLockedCol(f, c, n) {
+    const e = c.index, h = this.colGroupMain.parentElement.closest(".k-grid"), t = h == null ? void 0 : h.clientWidth, o = this.columns.filter((s) => s.locked).map((s) => parseInt(s.width + "", 10)).reduce((s, l) => s + l, 0);
     !c.locked || t <= o + 20 || this.columns.forEach((s) => {
-      if (s != null && s.locked && l) {
-        const n = f == null ? void 0 : f.querySelectorAll('[aria-colindex="' + s.ariaColumnIndex + '"]');
-        n == null || n.forEach((d) => {
+      if (s != null && s.locked && n) {
+        const l = f == null ? void 0 : f.querySelectorAll('[aria-colindex="' + s.ariaColumnIndex + '"]');
+        l == null || l.forEach((d) => {
           const i = d.style;
-          this.isRtl ? (s.index > e && i && i.right && (i.right = parseInt(i.right, 10) - l + "px"), s.index < e && i && i.left && (i.left = parseInt(i.left, 10) - l + "px")) : (s.index > e && i && i.left && (i.left = parseInt(i.left, 10) - l + "px"), s.index < e && i && i.right && (i.right = parseInt(i.right, 10) - l + "px"));
+          this.isRtl ? (s.index > e && i && i.right && (i.right = parseInt(i.right, 10) - n + "px"), s.index < e && i && i.left && (i.left = parseInt(i.left, 10) - n + "px")) : (s.index > e && i && i.left && (i.left = parseInt(i.left, 10) - n + "px"), s.index < e && i && i.right && (i.right = parseInt(i.right, 10) - n + "px"));
         });
       }
     });

package/drag/GroupingIndicator.mjs

@@ -70,21 +70,7 @@ class c extends s.Component {
           }
         )),
         /* @__PURE__ */ s.createElement("span", { className: "k-chip-content" }, this.props.title),
-        /* @__PURE__ */ s.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ s.createElement(
-          "span",
-          {
-            className: "k-chip-action k-chip-remove-action",
-            onClick: this.groupRemove
-          },
-          /* @__PURE__ */ s.createElement(
-            n,
-            {
-              name: "x-circle",
-              icon: l,
-              size: "small"
-            }
-          )
-        ))
+        /* @__PURE__ */ s.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ s.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: this.groupRemove }, /* @__PURE__ */ s.createElement(n, { name: "x-circle", icon: l, size: "small" })))
       )
     );
   }

package/filterCommon.mjs

@@ -43,9 +43,7 @@ const f = [
     { text: "grid.filterIsNullOperator", operator: "isnull" },
     { text: "grid.filterIsNotNullOperator", operator: "isnotnull" }
   ],
-  boolean: [
-    { text: "grid.filterEqOperator", operator: "eq" }
-  ]
+  boolean: [{ text: "grid.filterEqOperator", operator: "eq" }]
 }, i = (t) => t === "isnull" || t === "isnotnull" || t === "isempty" || t === "isnotempty", d = (t, o) => t.map((e) => ({
   text: o.toLanguageString(e.text, l[e.text]),
   operator: e.operator

package/footer/Footer.mjs

@@ -30,45 +30,45 @@ class i extends t.Component {
     this.table && (this.table.style.width = e + "px");
   }
   render() {
-    return this.props.staticHeaders ? /* @__PURE__ */ t.createElement(
+    return this.props.staticHeaders ? /* @__PURE__ */ t.createElement("div", { className: "k-grid-footer", role: "presentation" }, /* @__PURE__ */ t.createElement(
       "div",
       {
-        className: "k-grid-footer",
+        ref: (e) => {
+          this.footerWrap = e;
+        },
+        className: "k-grid-footer-wrap",
+        style: this.props.hasScrollbarWidth ? {} : { borderWidth: 0 },
         role: "presentation"
       },
       /* @__PURE__ */ t.createElement(
-        "div",
+        "table",
         {
           ref: (e) => {
-            this.footerWrap = e;
+            this.table = e;
           },
-          className: "k-grid-footer-wrap",
-          style: this.props.hasScrollbarWidth ? {} : { borderWidth: 0 },
+          className: s(
+            "k-table k-grid-footer-table",
+            {
+              "k-table-md": !this.props.size,
+              [`k-table-${r.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+            },
+            this.props.className
+          ),
           role: "presentation"
         },
         /* @__PURE__ */ t.createElement(
-          "table",
+          "colgroup",
           {
             ref: (e) => {
-              this.table = e;
+              this.props.columnResize.colGroupFooter = e;
             },
-            className: s(
-              "k-table k-grid-footer-table",
-              {
-                "k-table-md": !this.props.size,
-                [`k-table-${r.sizeMap[this.props.size] || this.props.size}`]: this.props.size
-              },
-              this.props.className
-            ),
             role: "presentation"
           },
-          /* @__PURE__ */ t.createElement("colgroup", { ref: (e) => {
-            this.props.columnResize.colGroupFooter = e;
-          }, role: "presentation" }, this.props.cols),
-          /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, this.props.row)
-        )
+          this.props.cols
+        ),
+        /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, this.props.row)
       )
-    ) : /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
+    )) : /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
   }
 }
 export {

package/footer/FooterRow.mjs

@@ -14,10 +14,7 @@ const k = (t) => {
   const { column: e, index: l, isRtl: r, id: c, cells: s } = t, d = b(c), a = {
     colSpan: e.colSpan !== 1 ? e.colSpan : void 0,
     style: e.left !== void 0 ? r ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {},
-    className: C(
-      "k-table-td",
-      e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : ""
-    ),
+    className: C("k-table-td", e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : ""),
     key: l,
     role: "gridcell",
     "aria-colindex": e.ariaColumnIndex,
@@ -33,7 +30,11 @@ const k = (t) => {
   }
   return e.footerCell && /* @__PURE__ */ o.createElement(e.footerCell, { ...n, key: l }) || /* @__PURE__ */ o.createElement("td", { ...a });
 }, I = (t) => /* @__PURE__ */ o.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": t.ariaRowIndex }, f(t.columns).map((e, l) => {
-  const r = g.generateNavigatableId(`${l}-footercell`, t.idPrefix, "nodata");
+  const r = g.generateNavigatableId(
+    `${l}-footercell`,
+    t.idPrefix,
+    "nodata"
+  );
   return /* @__PURE__ */ o.createElement(
     k,
     {

package/header/FilterRow.mjs

@@ -39,53 +39,49 @@ class S extends a.Component {
     const r = k(this), o = this.props.filter && this.props.filter.filters || [], l = (e) => {
       if (e === void 0)
         return;
-      const i = o.filter((t) => t.field === e);
+      const i = o.filter(
+        (t) => t.field === e
+      );
       return i.length ? i[0] : void 0;
     };
     let n = 0, s = -1;
-    const h = this.props.columns.filter((e) => e.children.length === 0).map(
-      (e) => {
-        const i = y(e.filter), t = l(e.field), g = e.filterable ? r.toLanguageString(b, N[b]) : void 0;
-        let d = t && t.value;
-        d === void 0 && (d = i === "text" ? "" : null);
-        const f = e.filterable && {
-          render: this.props.cellRender,
-          field: e.field,
-          title: e.filterTitle,
-          value: d,
-          operator: t && t.operator,
-          operators: F(this.props.filterOperators[i] || [], r),
-          booleanValues: F(L, r),
-          filterType: i,
-          ariaLabel: g,
-          onChange: (p) => {
-            this.setFilter(p.value, p.operator, e.field, p.syntheticEvent);
-          }
-        }, C = e.declarationIndex >= 0 ? ++s : --n, x = {
-          ariaLabel: g,
-          ariaColumnIndex: e.ariaColumnIndex
-        }, E = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, m = {
-          columnId: R.getFilterColumnId(e.id),
-          navigatable: e.navigatable || this.props.navigatable,
-          style: E,
-          className: T("k-table-th", this.headerCellClassName(e.field, e.locked) || void 0),
-          role: "columnheader",
-          ...x
-        }, v = f && (e.filterCell ? /* @__PURE__ */ a.createElement(e.filterCell, { ...f }) : /* @__PURE__ */ a.createElement(I, { size: this.props.size, ...f })), c = z(this.props.cells, e.cells);
-        if (c && c.filterCell) {
-          const p = c.filterCell;
-          return /* @__PURE__ */ a.createElement(p, { key: C, ...f, thProps: m, index: s }, v);
+    const h = this.props.columns.filter((e) => e.children.length === 0).map((e) => {
+      const i = y(e.filter), t = l(e.field), g = e.filterable ? r.toLanguageString(b, N[b]) : void 0;
+      let d = t && t.value;
+      d === void 0 && (d = i === "text" ? "" : null);
+      const f = e.filterable && {
+        render: this.props.cellRender,
+        field: e.field,
+        title: e.filterTitle,
+        value: d,
+        operator: t && t.operator,
+        operators: F(this.props.filterOperators[i] || [], r),
+        booleanValues: F(L, r),
+        filterType: i,
+        ariaLabel: g,
+        onChange: (p) => {
+          this.setFilter(p.value, p.operator, e.field, p.syntheticEvent);
         }
-        return /* @__PURE__ */ a.createElement(
-          w,
-          {
-            key: C,
-            ...m
-          },
-          v
-        );
+      }, C = e.declarationIndex >= 0 ? ++s : --n, x = {
+        ariaLabel: g,
+        ariaColumnIndex: e.ariaColumnIndex
+      }, E = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, m = {
+        columnId: R.getFilterColumnId(e.id),
+        navigatable: e.navigatable || this.props.navigatable,
+        style: E,
+        className: T(
+          "k-table-th",
+          this.headerCellClassName(e.field, e.locked) || void 0
+        ),
+        role: "columnheader",
+        ...x
+      }, v = f && (e.filterCell ? /* @__PURE__ */ a.createElement(e.filterCell, { ...f }) : /* @__PURE__ */ a.createElement(I, { size: this.props.size, ...f })), c = z(this.props.cells, e.cells);
+      if (c && c.filterCell) {
+        const p = c.filterCell;
+        return /* @__PURE__ */ a.createElement(p, { key: C, ...f, thProps: m, index: s }, v);
       }
-    );
+      return /* @__PURE__ */ a.createElement(w, { key: C, ...m }, v);
+    });
     return /* @__PURE__ */ a.createElement("tr", { className: A, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, h);
   }
 }

package/header/GridHeaderSelectionCell.mjs

@@ -39,7 +39,9 @@ class i extends e.Component {
   }
 }
 p(i);
-const C = d(h(i));
+const C = d(
+  h(i)
+);
 export {
   C as GridHeaderSelectionCell
 };

package/header/Header.mjs

@@ -72,10 +72,25 @@ class d extends s.Component {
             className: r(e.headerTable({ size: l }), this.props.className),
             role: "presentation"
           },
-          /* @__PURE__ */ s.createElement("colgroup", { ref: (t) => {
-            this.props.columnResize.colGroupHeader = t;
-          } }, this.props.cols),
-          /* @__PURE__ */ s.createElement("thead", { className: r(e.tableThead({})), role: "rowgroup", ...a }, this.props.headerRow, this.props.filterRow)
+          /* @__PURE__ */ s.createElement(
+            "colgroup",
+            {
+              ref: (t) => {
+                this.props.columnResize.colGroupHeader = t;
+              }
+            },
+            this.props.cols
+          ),
+          /* @__PURE__ */ s.createElement(
+            "thead",
+            {
+              className: r(e.tableThead({})),
+              role: "rowgroup",
+              ...a
+            },
+            this.props.headerRow,
+            this.props.filterRow
+          )
         )
       )
     ) : /* @__PURE__ */ s.createElement(

package/header/HeaderRow.mjs

@@ -61,12 +61,14 @@ const $ = {
     ];
   }, I = (t) => t.map((n) => {
     const l = e.columns[n], s = e.sortable && l.sortable, o = e.sort ? e.sort.findIndex((a) => a.field === l.field) : -1, d = o >= 0 && e.sort[o].dir || "none", c = l.columnMenu === null ? null : l.columnMenu || e.columnMenu, i = l.menuIcon || e.columnMenuIcon, h = u(
-      u(f.headerTh({
-        first: l.kFirst,
-        filterable: !!c,
-        locked: l.locked,
-        sorted: e.sort && e.sort.some((a) => a.field === l.field)
-      })),
+      u(
+        f.headerTh({
+          first: l.kFirst,
+          filterable: !!c,
+          locked: l.locked,
+          sorted: e.sort && e.sort.some((a) => a.field === l.field)
+        })
+      ),
       l.headerClassName
     );
     l.locked === !1 && (l.left = 0);
@@ -140,29 +142,24 @@ const $ = {
       const a = y.headerCell;
       return /* @__PURE__ */ r.createElement(a, { ...M.props, key: k, thProps: w, index: n }, z);
     }
-    return /* @__PURE__ */ r.createElement(
-      J,
+    return /* @__PURE__ */ r.createElement(J, { ...w, key: k }, z);
+  });
+  return e.columnsMap.map(
+    (t, n) => e.pressHandler && /* @__PURE__ */ r.createElement(
+      U,
       {
-        ...w,
-        key: k
+        key: n,
+        pressHandler: e.pressHandler,
+        dragHandler: e.dragHandler,
+        releaseHandler: e.releaseHandler,
+        ariaRowIndex: n + 1,
+        dragClue: e.dragClue,
+        headerRef: e.headerRef,
+        containerRef: e.containerRef
       },
-      z
-    );
-  });
-  return e.columnsMap.map((t, n) => e.pressHandler && /* @__PURE__ */ r.createElement(
-    U,
-    {
-      key: n,
-      pressHandler: e.pressHandler,
-      dragHandler: e.dragHandler,
-      releaseHandler: e.releaseHandler,
-      ariaRowIndex: n + 1,
-      dragClue: e.dragClue,
-      headerRef: e.headerRef,
-      containerRef: e.containerRef
-    },
-    I(t)
-  ) || /* @__PURE__ */ r.createElement("tr", { key: n, className: u(f.simpletr({})), role: "row", "aria-rowindex": n + 1 }, I(t)));
+      I(t)
+    ) || /* @__PURE__ */ r.createElement("tr", { key: n, className: u(f.simpletr({})), role: "row", "aria-rowindex": n + 1 }, I(t))
+  );
 };
 export {
   ce as HeaderRow

package/messages/index.mjs

@@ -68,7 +68,10 @@ const o = "grid.noRecords", a = "grid.pagerInfo", i = "grid.pagerFirstPage", l =
   "grid.filterOrLogic": "Or"
 };
 function U(r) {
-  const e = r.replace(/^pager\.([a-z])/, (k, t) => "grid.pager" + t.toUpperCase());
+  const e = r.replace(
+    /^pager\.([a-z])/,
+    (k, t) => "grid.pager" + t.toUpperCase()
+  );
   return { messageKey: e, defaultMessage: z[e] };
 }
 export {

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1729149850,
+  publishDate: 1730217157,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-grid",
-  "version": "8.6.0-develop.1",
+  "version": "9.0.0-develop.10",
   "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,17 +23,17 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
-    "@progress/kendo-drawing": "^1.20.4",
+    "@progress/kendo-drawing": "^1.21.1",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.6.0-develop.1",
-    "@progress/kendo-react-buttons": "8.6.0-develop.1",
-    "@progress/kendo-react-common": "8.6.0-develop.1",
-    "@progress/kendo-react-data-tools": "8.6.0-develop.1",
-    "@progress/kendo-react-dateinputs": "8.6.0-develop.1",
-    "@progress/kendo-react-dropdowns": "8.6.0-develop.1",
-    "@progress/kendo-react-inputs": "8.6.0-develop.1",
-    "@progress/kendo-react-intl": "8.6.0-develop.1",
-    "@progress/kendo-react-popup": "8.6.0-develop.1",
+    "@progress/kendo-react-animation": "9.0.0-develop.10",
+    "@progress/kendo-react-buttons": "9.0.0-develop.10",
+    "@progress/kendo-react-common": "9.0.0-develop.10",
+    "@progress/kendo-react-data-tools": "9.0.0-develop.10",
+    "@progress/kendo-react-dateinputs": "9.0.0-develop.10",
+    "@progress/kendo-react-dropdowns": "9.0.0-develop.10",
+    "@progress/kendo-react-inputs": "9.0.0-develop.10",
+    "@progress/kendo-react-intl": "9.0.0-develop.10",
+    "@progress/kendo-react-popup": "9.0.0-develop.10",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/rows/GridRow.mjs

@@ -10,14 +10,16 @@ import * as c from "react";
 import { useUnstyled as s, uGrid as u, classNames as w } from "@progress/kendo-react-common";
 import { GRID_ROW_INDEX_ATTRIBUTE as R } from "../constants/index.mjs";
 const x = (e) => {
-  const { rowType: i, isAltRow: o, isInEdit: n, isSelected: r } = e, t = s(), l = t && t.uGrid ? t.uGrid : u, a = w(l.tr({
-    selected: r,
-    isHeader: i === "groupHeader",
-    isFooter: i === "groupFooter",
-    isMaster: i !== "groupHeader" && i !== "groupFooter",
-    isAltRow: o,
-    isInEdit: n
-  })), d = /* @__PURE__ */ c.createElement(
+  const { rowType: i, isAltRow: o, isInEdit: n, isSelected: r } = e, t = s(), l = t && t.uGrid ? t.uGrid : u, a = w(
+    l.tr({
+      selected: r,
+      isHeader: i === "groupHeader",
+      isFooter: i === "groupFooter",
+      isMaster: i !== "groupHeader" && i !== "groupFooter",
+      isAltRow: o,
+      isInEdit: n
+    })
+  ), d = /* @__PURE__ */ c.createElement(
     "tr",
     {
       id: e.id,

package/utils/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../GridColumn.js"),g=require("@progress/kendo-react-data-tools");function f(e,t){const a=(e||"").split(".");let o=t;return a.forEach(d=>{o=o?o[d]:void 0}),o}function u(e,t,a,o,d,l,s=0){let r=s;for(let n=0;n<t.length;n++){if(!d||t[n].value===void 0||t[n].items===void 0){e[e.length]={dataIndex:o.index,dataItem:t[n],rowType:"data",level:s,expanded:l===void 0||f(l,t[n])},o.index++;continue}r=Math.max(r,s+1);const i=l===void 0||f(l,t[n])===void 0||f(l,t[n]);e[e.length]={dataIndex:-1,dataItem:t[n],level:s,rowType:"groupHeader",expanded:i},i&&(r=Math.max(u(e,t[n].items,a,o,d,l,s+1),r)),(a==="always"||i&&a==="visible")&&(e[e.length]={dataIndex:-1,dataItem:t[n],rowType:"groupFooter",level:s,expanded:i})}return r}function p(e,t,a,o=0){let d=[];if(!e)return[];e&&e.length===void 0&&(e=[e]),e.filter(r=>r&&r.props?!r.props.hidden:!r.hidden).forEach((r,n)=>{r=r.props?r.props:r;const i=t[n]||null,h=p(r.children,i&&i.children||[],a,o+1);d.push(Object.assign({depth:o},x.gridDefaultProps,h.length?{cell:()=>null,filterCell:()=>null}:{},i?{width:i.width,orderIndex:i.orderIndex}:{},r,{id:r.id?r.id:g.tableKeyboardNavigationTools.generateNavigatableId(`${a.prevId++}`,a.idPrefix,"column"),declarationIndex:d.length,children:h,rowSpan:0,colSpan:0,isAccessible:!0,left:i&&Math.floor(i.left),right:i&&Math.floor(i.right)}))});const s=(r,n)=>r.orderIndex===n.orderIndex?r.declarationIndex-n.declarationIndex:(r.orderIndex||0)-(n.orderIndex||0);if(d.sort(s),o===0){let r=[];const n=(i,h)=>i.forEach(c=>{c.parentIndex=h,n(c.children,r.push(c)-1)});return n(d,-1),r}return d}function v(e,t,a,o){let d=[];Array.isArray(e)?d=e:e&&(d=e.data);const l=[];if(d.length>0){let s=d[0];if(t)for(let n=0;n<t.length;n++)s=s.items&&s.items[0];Object.getOwnPropertyNames(s).forEach(n=>{n!==a&&l.push(Object.assign({id:g.tableKeyboardNavigationTools.generateNavigatableId(`${o.prevId++}`,o.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,rowSpan:0,index:0,left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},x.gridDefaultProps,{field:n}))})}return l}const w=(e,t)=>{let a=e[t.parentIndex];for(;a;){if(a.footerCell)return!0;a=e[a.parentIndex]}return!1},y=e=>e.filter(t=>w(e,t)?!1:!!t.footerCell||!(t.children&&t.children.length>0)),b=e=>e.width!==void 0?Math.floor(parseFloat(e.width.toString()))+"px":void 0,S=(e,t)=>t&&t.filter(a=>a.field===e).length>0,I=e=>(e.sort((t,a)=>t.declarationIndex-a.declarationIndex),e.map(t=>{const{declarationIndex:a,parentIndex:o,depth:d,colSpan:l,rowSpan:s,index:r,kFirst:n,children:i,...h}=t;return i.length?{children:I(i),...h}:h})),m=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),C=17895697,M=(e,t)=>{if(!(!e&&!t))return t?e?{...e,...t,select:{...e.select||{},...t.select||{}},hierarchy:{...e.hierarchy||{},...t.hierarchy||{}},group:{...e.group||{},...t.group||{}},edit:{...e.edit||{},...t.edit||{}}}:t:e};exports.autoGenerateColumns=v;exports.firefox=m;exports.firefoxMaxHeight=C;exports.flatData=u;exports.footerColumns=y;exports.getColumnWidth=b;exports.getNestedValue=f;exports.isSorted=S;exports.readColumns=p;exports.resolveCells=M;exports.sanitizeColumns=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../GridColumn.js"),g=require("@progress/kendo-react-data-tools");function f(e,t){const a=(e||"").split(".");let o=t;return a.forEach(d=>{o=o?o[d]:void 0}),o}function u(e,t,a,o,d,l,s=0){let r=s;for(let n=0;n<t.length;n++){if(!d||t[n].value===void 0||t[n].items===void 0){e[e.length]={dataIndex:o.index,dataItem:t[n],rowType:"data",level:s,expanded:l===void 0||f(l,t[n])},o.index++;continue}r=Math.max(r,s+1);const i=l===void 0||f(l,t[n])===void 0||f(l,t[n]);e[e.length]={dataIndex:-1,dataItem:t[n],level:s,rowType:"groupHeader",expanded:i},i&&(r=Math.max(u(e,t[n].items,a,o,d,l,s+1),r)),(a==="always"||i&&a==="visible")&&(e[e.length]={dataIndex:-1,dataItem:t[n],rowType:"groupFooter",level:s,expanded:i})}return r}function p(e,t,a,o=0){const d=[];if(!e)return[];e&&e.length===void 0&&(e=[e]),e.filter(r=>r&&r.props?!r.props.hidden:!r.hidden).forEach((r,n)=>{r=r.props?r.props:r;const i=t[n]||null,h=p(r.children,i&&i.children||[],a,o+1);d.push(Object.assign({depth:o},x.gridDefaultProps,h.length?{cell:()=>null,filterCell:()=>null}:{},i?{width:i.width,orderIndex:i.orderIndex}:{},r,{id:r.id?r.id:g.tableKeyboardNavigationTools.generateNavigatableId(`${a.prevId++}`,a.idPrefix,"column"),declarationIndex:d.length,children:h,rowSpan:0,colSpan:0,isAccessible:!0,left:i&&Math.floor(i.left),right:i&&Math.floor(i.right)}))});const s=(r,n)=>r.orderIndex===n.orderIndex?r.declarationIndex-n.declarationIndex:(r.orderIndex||0)-(n.orderIndex||0);if(d.sort(s),o===0){const r=[],n=(i,h)=>i.forEach(c=>{c.parentIndex=h,n(c.children,r.push(c)-1)});return n(d,-1),r}return d}function v(e,t,a,o){let d=[];Array.isArray(e)?d=e:e&&(d=e.data);const l=[];if(d.length>0){let s=d[0];if(t)for(let n=0;n<t.length;n++)s=s.items&&s.items[0];Object.getOwnPropertyNames(s).forEach(n=>{n!==a&&l.push(Object.assign({id:g.tableKeyboardNavigationTools.generateNavigatableId(`${o.prevId++}`,o.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,rowSpan:0,index:0,left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0},x.gridDefaultProps,{field:n}))})}return l}const w=(e,t)=>{let a=e[t.parentIndex];for(;a;){if(a.footerCell)return!0;a=e[a.parentIndex]}return!1},y=e=>e.filter(t=>w(e,t)?!1:!!t.footerCell||!(t.children&&t.children.length>0)),b=e=>e.width!==void 0?Math.floor(parseFloat(e.width.toString()))+"px":void 0,S=(e,t)=>t&&t.filter(a=>a.field===e).length>0,I=e=>(e.sort((t,a)=>t.declarationIndex-a.declarationIndex),e.map(t=>{const{declarationIndex:a,parentIndex:o,depth:d,colSpan:l,rowSpan:s,index:r,kFirst:n,children:i,...h}=t;return i.length?{children:I(i),...h}:h})),m=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),C=17895697,M=(e,t)=>{if(!(!e&&!t))return t?e?{...e,...t,select:{...e.select||{},...t.select||{}},hierarchy:{...e.hierarchy||{},...t.hierarchy||{}},group:{...e.group||{},...t.group||{}},edit:{...e.edit||{},...t.edit||{}}}:t:e};exports.autoGenerateColumns=v;exports.firefox=m;exports.firefoxMaxHeight=C;exports.flatData=u;exports.footerColumns=y;exports.getColumnWidth=b;exports.getNestedValue=f;exports.isSorted=S;exports.readColumns=p;exports.resolveCells=M;exports.sanitizeColumns=I;