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

package/drag/ColumnDraggable.mjs

@@ -6,40 +6,41 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
-import { uGrid as s, Draggable as n, classNames as a, UnstyledContext as o } from "@progress/kendo-react-common";
-class i extends r.PureComponent {
-  constructor() {
-    super(...arguments), this.draggable = null, this.onPress = (t) => {
-      const e = this.draggable && this.draggable.element;
-      e && this.props.pressHandler && this.props.pressHandler(t.event, e);
-    }, this.onDrag = (t) => {
-      const e = this.draggable && this.draggable.element;
-      e && this.props.dragHandler && this.props.dragHandler(t.event, e);
-    }, this.onRelease = (t) => {
-      this.draggable && this.draggable.element && this.props.releaseHandler && this.props.releaseHandler(t.event);
-    };
-  }
-  render() {
-    const t = this.context && this.context.uGrid ? this.context.uGrid : s;
-    return /* @__PURE__ */ r.createElement(
-      n,
+import * as a from "react";
+import { useUnstyled as d, uGrid as u, Draggable as m, classNames as f } from "@progress/kendo-react-common";
+const R = (e) => {
+  const n = a.useRef(null), c = (t) => {
+    const r = n.current && n.current.element;
+    r && e.pressHandler && e.pressHandler(t.event, r);
+  }, s = (t) => {
+    const r = n.current && n.current.element;
+    r && e.dragHandler && e.dragHandler(t.event, r);
+  }, o = (t) => {
+    n.current && n.current.element && e.releaseHandler && e.releaseHandler(t.event);
+  }, l = d(), i = l && l.uGrid ? l.uGrid : u;
+  return /* @__PURE__ */ a.createElement(
+    m,
+    {
+      onPress: c,
+      onDrag: s,
+      onRelease: o,
+      hint: e.dragClue,
+      autoScroll: { boundaryElementRef: e.headerRef, direction: { horizontal: !0, vertical: !1 } },
+      scrollContainer: e.containerRef || void 0,
+      ref: n
+    },
+    /* @__PURE__ */ a.createElement(
+      "tr",
       {
-        onPress: this.onPress,
-        onDrag: this.onDrag,
-        onRelease: this.onRelease,
-        hint: this.props.dragClue,
-        autoScroll: { boundaryElementRef: this.props.headerRef, direction: { horizontal: !0, vertical: !1 } },
-        scrollContainer: this.props.containerRef || void 0,
-        ref: (e) => {
-          this.draggable = e;
-        }
+        className: f(i.simpleTr({})),
+        style: { touchAction: "none" },
+        role: "row",
+        "aria-rowindex": e.ariaRowIndex
       },
-      /* @__PURE__ */ r.createElement("tr", { className: a(t.simpleTr({})), style: { touchAction: "none" }, role: "row", "aria-rowindex": this.props.ariaRowIndex }, this.props.children)
-    );
-  }
-}
-i.contextType = o;
+      e.children
+    )
+  );
+};
 export {
-  i as ColumnDraggable
+  R as ColumnDraggable
 };

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.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 c=require("react"),n=require("@progress/kendo-react-common"),l=require("@progress/kendo-react-intl"),r=require("@progress/kendo-svg-icons");function p(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const o=p(c);class i extends o.Component{constructor(){super(...arguments),this.draggable=null,this.onPress=e=>{const t=this.draggable&&this.draggable.element;t&&this.props.onPress&&this.props.onPress(e.event,t)},this.onDrag=e=>{const t=this.draggable&&this.draggable.element;t&&this.props.onDrag&&this.props.onDrag(e.event,t)},this.onRelease=e=>{this.draggable&&this.draggable.element&&this.props.onRelease&&this.props.onRelease(e.event)},this.sortChange=e=>{if(e.preventDefault(),this.props.onSortChange){const t=this.props.dir==="asc"?"desc":"asc";this.props.onSortChange(e,t)}},this.handleKeyDown=e=>{(e.keyCode===n.Keys.delete||e.keyCode===n.Keys.backspace)&&(e.preventDefault(),e.stopPropagation(),this.props.onRemove&&this.props.onRemove(e))},this.groupRemove=e=>{e.preventDefault(),e.stopPropagation(),this.props.onRemove&&this.props.onRemove(e)},this.onContextMenu=e=>{const t={title:this.props.title,dir:this.props.dir,index:this.props.index};this.props.onContextMenu&&this.props.onContextMenu.call(void 0,e,{dataItem:{...t}})}}render(){const{dir:e}=this.props;return o.createElement(n.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:t=>{this.draggable=t}},o.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:this.sortChange,onContextMenu:this.onContextMenu,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button",style:{touchAction:"none"}},o.createElement("span",null,o.createElement(n.IconWrap,{name:"sort-"+e+"-small",icon:e==="asc"?r.sortAscSmallIcon:r.sortDescSmallIcon,size:"small"})),o.createElement("span",{className:"k-chip-content"},this.props.title),o.createElement("span",{className:"k-chip-actions"},o.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:this.groupRemove},o.createElement(n.IconWrap,{name:"x-circle",icon:r.xCircleIcon,size:"small"})))))}}l.registerForLocalization(i);exports.GroupingIndicator=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),l=require("@progress/kendo-react-common"),i=require("@progress/kendo-svg-icons");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const c=h(b),y=e=>{const t=c.useRef(null),a=n=>{const o=t.current&&t.current.element;o&&e.onPress&&e.onPress(n.event,o)},r=n=>{const o=t.current&&t.current.element;o&&e.onDrag&&e.onDrag(n.event,o)},m=n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},u=n=>{if(n.preventDefault(),e.onSortChange){const o=e.dir==="asc"?"desc":"asc";e.onSortChange(n,o)}},d=n=>{(n.keyCode===l.Keys.delete||n.keyCode===l.Keys.backspace)&&(n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n))},f=n=>{n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n)},g=n=>{const o={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,n,{dataItem:{...o}})},{dir:s,title:k}=e;return c.createElement(l.Draggable,{onPress:a,onDrag:r,onRelease:m,ref:t},c.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:u,onContextMenu:g,onKeyDown:d,tabIndex:0,role:"button",style:{touchAction:"none"}},c.createElement("span",null,c.createElement(l.IconWrap,{name:"sort-"+s+"-small",icon:s==="asc"?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),c.createElement("span",{className:"k-chip-content"},k),c.createElement("span",{className:"k-chip-actions"},c.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:f},c.createElement(l.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))};exports.GroupingIndicator=y;

package/drag/GroupingIndicator.mjs

@@ -6,90 +6,58 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as s from "react";
-import { Keys as o, Draggable as i, IconWrap as n } from "@progress/kendo-react-common";
-import { registerForLocalization as r } from "@progress/kendo-react-intl";
-import { sortAscSmallIcon as a, sortDescSmallIcon as p, xCircleIcon as l } from "@progress/kendo-svg-icons";
-class c extends s.Component {
-  constructor() {
-    super(...arguments), this.draggable = null, this.onPress = (e) => {
-      const t = this.draggable && this.draggable.element;
-      t && this.props.onPress && this.props.onPress(e.event, t);
-    }, this.onDrag = (e) => {
-      const t = this.draggable && this.draggable.element;
-      t && this.props.onDrag && this.props.onDrag(e.event, t);
-    }, this.onRelease = (e) => {
-      this.draggable && this.draggable.element && this.props.onRelease && this.props.onRelease(e.event);
-    }, this.sortChange = (e) => {
-      if (e.preventDefault(), this.props.onSortChange) {
-        const t = this.props.dir === "asc" ? "desc" : "asc";
-        this.props.onSortChange(e, t);
-      }
-    }, this.handleKeyDown = (e) => {
-      (e.keyCode === o.delete || e.keyCode === o.backspace) && (e.preventDefault(), e.stopPropagation(), this.props.onRemove && this.props.onRemove(e));
-    }, this.groupRemove = (e) => {
-      e.preventDefault(), e.stopPropagation(), this.props.onRemove && this.props.onRemove(e);
-    }, this.onContextMenu = (e) => {
-      const t = {
-        title: this.props.title,
-        dir: this.props.dir,
-        index: this.props.index
-      };
-      this.props.onContextMenu && this.props.onContextMenu.call(void 0, e, { dataItem: { ...t } });
+import * as o from "react";
+import { Draggable as h, IconWrap as l, Keys as i } from "@progress/kendo-react-common";
+import { sortAscSmallIcon as C, sortDescSmallIcon as D, xCircleIcon as R } from "@progress/kendo-svg-icons";
+const I = (n) => {
+  const c = o.useRef(null), s = (e) => {
+    const t = c.current && c.current.element;
+    t && n.onPress && n.onPress(e.event, t);
+  }, r = (e) => {
+    const t = c.current && c.current.element;
+    t && n.onDrag && n.onDrag(e.event, t);
+  }, m = (e) => {
+    c.current && c.current.element && n.onRelease && n.onRelease(e.event);
+  }, d = (e) => {
+    if (e.preventDefault(), n.onSortChange) {
+      const t = n.dir === "asc" ? "desc" : "asc";
+      n.onSortChange(e, t);
+    }
+  }, u = (e) => {
+    (e.keyCode === i.delete || e.keyCode === i.backspace) && (e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e));
+  }, f = (e) => {
+    e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e);
+  }, g = (e) => {
+    const t = {
+      title: n.title,
+      dir: n.dir,
+      index: n.index
     };
-  }
-  render() {
-    const { dir: e } = this.props;
-    return /* @__PURE__ */ s.createElement(
-      i,
+    n.onContextMenu && n.onContextMenu.call(void 0, e, { dataItem: { ...t } });
+  }, { dir: a, title: k } = n;
+  return /* @__PURE__ */ o.createElement(h, { onPress: s, onDrag: r, onRelease: m, ref: c }, /* @__PURE__ */ o.createElement(
+    "div",
+    {
+      className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
+      onClick: d,
+      onContextMenu: g,
+      onKeyDown: u,
+      tabIndex: 0,
+      role: "button",
+      style: { touchAction: "none" }
+    },
+    /* @__PURE__ */ o.createElement("span", null, /* @__PURE__ */ o.createElement(
+      l,
       {
-        onPress: this.onPress,
-        onDrag: this.onDrag,
-        onRelease: this.onRelease,
-        ref: (t) => {
-          this.draggable = t;
-        }
-      },
-      /* @__PURE__ */ s.createElement(
-        "div",
-        {
-          className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
-          onClick: this.sortChange,
-          onContextMenu: this.onContextMenu,
-          onKeyDown: this.handleKeyDown,
-          tabIndex: 0,
-          role: "button",
-          style: { touchAction: "none" }
-        },
-        /* @__PURE__ */ s.createElement("span", null, /* @__PURE__ */ s.createElement(
-          n,
-          {
-            name: "sort-" + e + "-small",
-            icon: e === "asc" ? a : p,
-            size: "small"
-          }
-        )),
-        /* @__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"
-            }
-          )
-        ))
-      )
-    );
-  }
-}
-r(c);
+        name: "sort-" + a + "-small",
+        icon: a === "asc" ? C : D,
+        size: "small"
+      }
+    )),
+    /* @__PURE__ */ o.createElement("span", { className: "k-chip-content" }, k),
+    /* @__PURE__ */ o.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ o.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: f }, /* @__PURE__ */ o.createElement(l, { name: "x-circle", icon: R, size: "small" })))
+  ));
+};
 export {
-  c as GroupingIndicator
+  I as GroupingIndicator
 };

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.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 i=require("react"),a=require("@progress/kendo-react-common");function l(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(e,o,s.get?s:{enumerable:!0,get:()=>r[o]})}}return e.default=r,Object.freeze(e)}const t=l(i);class n extends t.Component{constructor(){super(...arguments),this.footerWrap=null,this.table=null}componentDidMount(){this.setState({})}setScrollLeft(e){this.footerWrap&&(this.footerWrap.scrollLeft=e)}setWidth(e){this.table&&(this.table.style.width=e+"px")}render(){return this.props.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:e=>{this.footerWrap=e},className:"k-grid-footer-wrap",style:this.props.hasScrollbarWidth?{}:{borderWidth:0},role:"presentation"},t.createElement("table",{ref:e=>{this.table=e},className:a.classNames("k-table k-grid-footer-table",{"k-table-md":!this.props.size,[`k-table-${a.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),role:"presentation"},t.createElement("colgroup",{ref:e=>{this.props.columnResize.colGroupFooter=e},role:"presentation"},this.props.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},this.props.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},this.props.row)}}exports.Footer=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),n=require("@progress/kendo-react-common");function i(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const t=i(s),c=t.forwardRef((e,a)=>{const r=t.useRef(null),o=t.useRef(null);return t.useImperativeHandle(a,()=>({setScrollLeft:l=>{r.current&&(r.current.scrollLeft=l)},setWidth:l=>{o.current&&(o.current.style.width=l+"px")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:r,className:"k-grid-footer-wrap",style:e.hasScrollbarWidth?{}:{borderWidth:0},role:"presentation"},t.createElement("table",{ref:o,className:n.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${n.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:l=>{e.columnResize.colGroupFooter=l},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)});c.displayName="KendoReactFooter";exports.Footer=c;

package/footer/Footer.mjs

@@ -7,70 +7,53 @@
  */
 "use client";
 import * as t from "react";
-import { classNames as s, kendoThemeMaps as r } from "@progress/kendo-react-common";
-class i extends t.Component {
-  constructor() {
-    super(...arguments), this.footerWrap = null, this.table = null;
-  }
-  componentDidMount() {
-    this.setState({});
-  }
-  /**
-   *
-   * @param scrollLeft - Scrolls to the left (in pixels).
-   */
-  setScrollLeft(e) {
-    this.footerWrap && (this.footerWrap.scrollLeft = e);
-  }
-  /**
-   *
-   * @param width - Scrolls the width (in pixels).
-   */
-  setWidth(e) {
-    this.table && (this.table.style.width = e + "px");
-  }
-  render() {
-    return this.props.staticHeaders ? /* @__PURE__ */ t.createElement(
-      "div",
+import { classNames as s, kendoThemeMaps as n } from "@progress/kendo-react-common";
+const c = t.forwardRef((e, o) => {
+  const a = t.useRef(null), l = t.useRef(null);
+  return t.useImperativeHandle(o, () => ({
+    setScrollLeft: (r) => {
+      a.current && (a.current.scrollLeft = r);
+    },
+    setWidth: (r) => {
+      l.current && (l.current.style.width = r + "px");
+    }
+  })), e.staticHeaders ? /* @__PURE__ */ t.createElement("div", { className: "k-grid-footer", role: "presentation" }, /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      ref: a,
+      className: "k-grid-footer-wrap",
+      style: e.hasScrollbarWidth ? {} : { borderWidth: 0 },
+      role: "presentation"
+    },
+    /* @__PURE__ */ t.createElement(
+      "table",
       {
-        className: "k-grid-footer",
+        ref: l,
+        className: s(
+          "k-table k-grid-footer-table",
+          {
+            "k-table-md": !e.size,
+            [`k-table-${n.sizeMap[e.size] || e.size}`]: e.size
+          },
+          e.className
+        ),
         role: "presentation"
       },
       /* @__PURE__ */ t.createElement(
-        "div",
+        "colgroup",
         {
-          ref: (e) => {
-            this.footerWrap = e;
+          ref: (r) => {
+            e.columnResize.colGroupFooter = r;
           },
-          className: "k-grid-footer-wrap",
-          style: this.props.hasScrollbarWidth ? {} : { borderWidth: 0 },
           role: "presentation"
         },
-        /* @__PURE__ */ t.createElement(
-          "table",
-          {
-            ref: (e) => {
-              this.table = 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)
-        )
-      )
-    ) : /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
-  }
-}
+        e.cols
+      ),
+      /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, e.row)
+    )
+  )) : /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot" }, e.row);
+});
+c.displayName = "KendoReactFooter";
 export {
-  i as Footer
+  c as Footer
 };

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.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 L=require("react"),x=require("@progress/kendo-react-intl"),S=require("../cells/GridFilterCell.js"),d=require("../filterCommon.js"),k=require("@progress/kendo-react-data-tools"),C=require("../messages/index.js"),T=require("@progress/kendo-react-common"),O=require("../utils/index.js");function q(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>a[r]})}}return t.default=a,Object.freeze(t)}const n=q(L),y="k-table-row k-filter-row";class m extends n.Component{headerCellClassName(t,r){let i=`${r?"k-grid-header-sticky":""}`;return this.props.sort&&this.props.sort.filter(c=>c.field===t).length>0&&(i+=" k-sorted"),i}setFilter(t,r,i,c){if(!this.props.filterChange)return;const o=[];(t!==""&&t!==null||r!=="")&&o.push({field:i,operator:r,value:t}),this.props.filter&&this.props.filter.filters&&(this.props.filter.filters||[]).forEach(s=>{const l=s;l&&l.field!==i&&o.push(l)});const h=this.props.filter&&this.props.filter.logic?this.props.filter.logic:"and";this.props.filterChange(o.length>0?{logic:h,filters:o}:null,c)}render(){const t=x.provideLocalizationService(this),r=this.props.filter&&this.props.filter.filters||[],i=e=>{if(e===void 0)return;const s=r.filter(l=>l.field===e);return s.length?s[0]:void 0};let c=0,o=-1;const h=this.props.columns.filter(e=>e.children.length===0).map(e=>{const s=d.getFilterType(e.filter),l=i(e.field),b=e.filterable?t.toLanguageString(C.filterAriaLabel,C.messages[C.filterAriaLabel]):void 0;let g=l&&l.value;g===void 0&&(g=s==="text"?"":null);const f=e.filterable&&{render:this.props.cellRender,field:e.field,title:e.filterTitle,value:g,operator:l&&l.operator,operators:d.operatorMap(this.props.filterOperators[s]||[],t),booleanValues:d.operatorMap(d.booleanFilterValues,t),filterType:s,ariaLabel:b,onChange:p=>{this.setFilter(p.value,p.operator,e.field,p.syntheticEvent)}},v=e.declarationIndex>=0?++o:--c,E={ariaLabel:b,ariaColumnIndex:e.ariaColumnIndex},I=e.left!==void 0?this.props.isRtl?{left:e.right,right:e.left}:{left:e.left,right:e.right}:{},F={columnId:k.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable||this.props.navigatable,style:I,className:T.classNames("k-table-th",this.headerCellClassName(e.field,e.locked)||void 0),role:"columnheader",...E},R=f&&(e.filterCell?n.createElement(e.filterCell,{...f}):n.createElement(S.GridFilterCell,{size:this.props.size,...f})),u=O.resolveCells(this.props.cells,e.cells);if(u&&u.filterCell){const p=u.filterCell;return n.createElement(p,{key:v,...f,thProps:F,index:o},R)}return n.createElement(k.HeaderThElement,{key:v,...F},R)});return n.createElement("tr",{className:y,"aria-rowindex":this.props.ariaRowIndex,role:"row"},h)}}x.registerForLocalization(m);exports.FILTER_ROW_CLASS=y;exports.FilterRow=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),O=require("@progress/kendo-react-intl"),S=require("../cells/GridFilterCell.js"),u=require("../filterCommon.js"),y=require("@progress/kendo-react-data-tools"),v=require("../messages/index.js"),q=require("@progress/kendo-react-common"),w=require("../utils/index.js");function _(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const g=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,g.get?g:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const d=_(m),x="k-table-row k-filter-row",A=t=>{const a=O.useLocalization(),n=(e,r)=>{let l=`${r?"k-grid-header-sticky":""}`;return t.sort&&t.sort.filter(o=>o.field===e).length>0&&(l+=" k-sorted"),l},g=(e,r,l,o)=>{if(!t.filterChange)return;const i=[];(e!==""&&e!==null||r!=="")&&i.push({field:l,operator:r,value:e}),t.filter&&t.filter.filters&&(t.filter.filters||[]).forEach(b=>{const c=b;c&&c.field!==l&&i.push(c)});const s=t.filter&&t.filter.logic?t.filter.logic:"and";t.filterChange(i.length>0?{logic:s,filters:i}:null,o)},L=t.filter&&t.filter.filters||[],E=e=>{if(e===void 0)return;const r=L.filter(l=>l.field===e);return r.length?r[0]:void 0};let I=0,F=-1;const T=t.columns.filter(e=>e.children.length===0).map(e=>{const r=u.getFilterType(e.filter),l=E(e.field),o=e.filterable?a.toLanguageString(v.filterAriaLabel,v.messages[v.filterAriaLabel]):void 0;let i=l&&l.value;i===void 0&&(i=r==="text"?"":null);const s=e.filterable&&{render:t.cellRender,field:e.field,title:e.filterTitle,value:i,operator:l&&l.operator,operators:u.operatorMap(t.filterOperators[r]||[],a),booleanValues:u.operatorMap(u.booleanFilterValues,a),filterType:r,ariaLabel:o,onChange:f=>{g(f.value,f.operator,e.field,f.syntheticEvent)}},C=e.declarationIndex>=0?++F:--I,b={ariaLabel:o,ariaColumnIndex:e.ariaColumnIndex},c=e.left!==void 0?t.isRtl?{left:e.right,right:e.left}:{left:e.left,right:e.right}:{},R={columnId:y.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable||t.navigatable,style:c,className:q.classNames("k-table-th",n(e.field,e.locked)||void 0),role:"columnheader",...b},k=s&&(e.filterCell?d.createElement(e.filterCell,{...s}):d.createElement(S.GridFilterCell,{size:t.size,...s})),h=w.resolveCells(t.cells,e.cells);if(h&&h.filterCell){const f=h.filterCell;return d.createElement(f,{key:C,...s,thProps:R,index:F},k)}return d.createElement(y.HeaderThElement,{key:C,...R},k)});return d.createElement("tr",{className:x,"aria-rowindex":t.ariaRowIndex,role:"row"},T)};exports.FILTER_ROW_CLASS=x;exports.FilterRow=A;