@progress/kendo-react-grid 7.2.0 → 7.2.1

package/index.mjs

@@ -278,8 +278,8 @@ function lr(i) {
 }
 const ar = (i) => {
   const t = Ue(), s = n.useCallback(
-    (g) => {
-      i.selectionChange && i.selectionChange({ syntheticEvent: g });
+    (f) => {
+      i.selectionChange && i.selectionChange({ syntheticEvent: f });
     },
     [i.selectionChange]
   ), o = Rt(), e = M(i.field, i.dataItem), r = q(i.id), l = {
@@ -289,28 +289,29 @@ const ar = (i) => {
     "aria-colindex": i.ariaColumnIndex,
     role: "gridcell",
     ...r
-  }, a = /* @__PURE__ */ n.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ n.createElement(
+  }, a = typeof e == "boolean" && e, c = /* @__PURE__ */ n.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ n.createElement(
     "input",
     {
       id: o,
       type: "checkbox",
       className: "k-checkbox k-checkbox-md k-rounded-md",
       "aria-label": t.toLanguageString(le, k[le]),
-      "aria-checked": typeof e == "boolean" && e,
+      "aria-checked": a,
+      checked: a,
       onChange: s
     }
-  )), c = i.rowType !== "groupHeader" ? /* @__PURE__ */ n.createElement(
+  )), h = i.rowType !== "groupHeader" ? /* @__PURE__ */ n.createElement(
     "td",
     {
       ...l
     },
-    a
-  ) : null, h = i.rowType || "data", d = i.cells;
-  if (d && d.select && d.select[h]) {
-    const g = d.select[h];
-    return /* @__PURE__ */ n.createElement(g, { ...i, tdProps: l }, a);
+    c
+  ) : null, d = i.rowType || "data", u = i.cells;
+  if (u && u.select && u.select[d]) {
+    const f = u.select[d];
+    return /* @__PURE__ */ n.createElement(f, { ...i, tdProps: l }, c);
   }
-  return i.render ? i.render.call(void 0, c, i) : c;
+  return i.render ? i.render.call(void 0, h, i) : h;
 }, cr = (i) => {
   let t = null, s = null, o = null;
   const e = M(i.field, i.dataItem), r = q(i.id), l = Ue(), a = n.useCallback(
@@ -337,7 +338,7 @@ const ar = (i) => {
       }
     );
   else if (i.rowType !== "groupHeader") {
-    const d = e ? Ut : Kt, g = l.toLanguageString(d, k[d]);
+    const d = e ? Ut : Kt, u = l.toLanguageString(d, k[d]);
     s = {
       className: "k-table-td k-hierarchy-cell",
       onKeyDown: a,
@@ -348,16 +349,16 @@ const ar = (i) => {
     }, o = /* @__PURE__ */ n.createElement(
       "a",
       {
-        onClick: (m) => {
-          m.preventDefault(), i.onChange && i.onChange({
+        onClick: (f) => {
+          f.preventDefault(), i.onChange && i.onChange({
             dataItem: i.dataItem,
             dataIndex: i.dataIndex,
-            syntheticEvent: m,
+            syntheticEvent: f,
             field: i.field,
             value: !e
           });
         },
-        "aria-label": g,
+        "aria-label": u,
         href: "#",
         tabIndex: -1
       },
@@ -384,29 +385,29 @@ const ar = (i) => {
   }, i.className), e = Rt(), r = q(i.id);
   let l = null, a = null;
   const c = n.useCallback(
-    (u) => {
+    (g) => {
       if (i.onChange) {
-        const b = u.target.type === "checkbox" ? u.target.checked : u.target.value;
+        const b = g.target.type === "checkbox" ? g.target.checked : g.target.value;
         i.onChange({
           dataItem: i.dataItem,
           dataIndex: i.dataIndex,
           field: i.field,
-          syntheticEvent: u,
+          syntheticEvent: g,
           value: b
         });
       }
     },
     [i.onChange, i.dataItem, i.dataIndex, i.field]
-  ), h = n.useCallback((u) => {
-    i.onContextMenu && i.onContextMenu.call(void 0, u, i.dataItem, i.field);
+  ), h = n.useCallback((g) => {
+    i.onContextMenu && i.onContextMenu.call(void 0, g, i.dataItem, i.field);
   }, [i.onContextMenu, i.dataItem, i.field]), d = n.useCallback(
-    (u) => {
+    (g) => {
       i.onChange && i.onChange({
         dataItem: i.dataItem,
         dataIndex: i.dataIndex,
         field: i.field,
-        syntheticEvent: u.syntheticEvent,
-        value: u.value
+        syntheticEvent: g.syntheticEvent,
+        value: g.value
       });
     },
     [i.onChange, i.dataItem, i.dataIndex, i.field]
@@ -523,10 +524,10 @@ const ar = (i) => {
         a
       );
   }
-  const g = i.editor || "text", m = i.cells;
-  if (m && m.edit && m.edit[g]) {
-    const u = m.edit[g];
-    return /* @__PURE__ */ n.createElement(u, { ...i, tdProps: l }, a);
+  const u = i.editor || "text", f = i.cells;
+  if (f && f.edit && f.edit[u]) {
+    const g = f.edit[u];
+    return /* @__PURE__ */ n.createElement(g, { ...i, tdProps: l }, a);
   }
   return i.render ? i.render.call(void 0, s, i) : s;
 };
@@ -772,17 +773,17 @@ class jt extends n.Component {
         "k-header": !0,
         "k-grid-header-sticky": e.locked,
         "k-sorted": this.props.sort && this.props.sort.some((v) => v.field === e.field)
-      }, e.headerClassName), d = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, g = D(this).toLanguageString(Ae, k[Ae]);
-      let m = e.isAccessible ? {
+      }, e.headerClassName), d = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, u = D(this).toLanguageString(Ae, k[Ae]);
+      let f = e.isAccessible ? {
         ariaSort: mr[a],
         role: "columnheader",
         ariaColumnIndex: e.ariaColumnIndex,
         ariaSelected: !1,
-        ariaDescription: r ? g : ""
+        ariaDescription: r ? u : ""
       } : {
         role: "presentation"
       };
-      const u = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : gr, E = /* @__PURE__ */ n.createElement(
+      const g = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, b = e.headerCell ? e.headerCell : gr, E = /* @__PURE__ */ n.createElement(
         b,
         {
           key: 1,
@@ -815,8 +816,8 @@ class jt extends n.Component {
           }
         }
       ), C = {
-        ...m,
-        key: u,
+        ...f,
+        key: g,
         colSpan: e.colSpan,
         rowSpan: e.rowSpan,
         className: h,
@@ -838,13 +839,13 @@ class jt extends n.Component {
       ], S = xe(this.props.cells, e.cells);
       if (S && S.headerCell) {
         const v = S.headerCell;
-        return /* @__PURE__ */ n.createElement(v, { key: u, thProps: C, index: o }, x);
+        return /* @__PURE__ */ n.createElement(v, { key: g, thProps: C, index: o }, x);
       }
       return /* @__PURE__ */ n.createElement(
         Mt,
         {
           ...C,
-          key: u
+          key: g
         },
         x
       );
@@ -1122,13 +1123,13 @@ class ts extends n.Component {
     const l = this.props.columns.filter((a) => a.children.length === 0).map(
       (a) => {
         const c = Ve(a.filter), h = o(a.field), d = a.filterable ? t.toLanguageString(Be, k[Be]) : void 0;
-        let g = h && h.value;
-        g === void 0 && (g = c === "text" ? "" : null);
-        const m = a.filterable && {
+        let u = h && h.value;
+        u === void 0 && (u = c === "text" ? "" : null);
+        const f = a.filterable && {
           render: this.props.cellRender,
           field: a.field,
           title: a.filterTitle,
-          value: g,
+          value: u,
           operator: h && h.operator,
           operators: re(this.props.filterOperators[c] || [], t),
           booleanValues: re(Xt, t),
@@ -1137,7 +1138,7 @@ class ts extends n.Component {
           onChange: (v) => {
             this.setFilter(v.value, v.operator, a.field, v.syntheticEvent);
           }
-        }, u = a.declarationIndex >= 0 ? ++r : --e, b = {
+        }, g = a.declarationIndex >= 0 ? ++r : --e, b = {
           ariaLabel: d,
           ariaColumnIndex: a.ariaColumnIndex
         }, E = a.left !== void 0 ? this.props.isRtl ? { left: a.right, right: a.left } : { left: a.left, right: a.right } : {}, C = {
@@ -1147,15 +1148,15 @@ class ts extends n.Component {
           className: y("k-table-th", this.headerCellClassName(a.field, a.locked) || void 0),
           role: "columnheader",
           ...b
-        }, x = m && (a.filterCell ? /* @__PURE__ */ n.createElement(a.filterCell, { ...m }) : /* @__PURE__ */ n.createElement(es, { size: this.props.size, ...m })), S = xe(this.props.cells, a.cells);
+        }, x = f && (a.filterCell ? /* @__PURE__ */ n.createElement(a.filterCell, { ...f }) : /* @__PURE__ */ n.createElement(es, { size: this.props.size, ...f })), S = xe(this.props.cells, a.cells);
         if (S && S.filterCell) {
           const v = S.filterCell;
-          return /* @__PURE__ */ n.createElement(v, { key: u, ...m, thProps: C, index: r }, x);
+          return /* @__PURE__ */ n.createElement(v, { key: g, ...f, thProps: C, index: r }, x);
         }
         return /* @__PURE__ */ n.createElement(
           Mt,
           {
-            key: u,
+            key: g,
             ...C
           },
           x
@@ -1554,64 +1555,64 @@ class yr {
       if (this.isRtl ? h += e.getBoundingClientRect().right - e.offsetWidth / 2 - s.clientX : h += s.clientX - e.getBoundingClientRect().left - e.offsetWidth / 2, !r && Math.abs(h - c) < 1)
         return;
       this.fixateInitialWidths(a.parentElement.clientWidth), this.setWidths(o, Math.floor(h) / c);
-      const d = this.columns.filter((g) => !g.children.length).findIndex((g) => g.id === o.id);
+      const d = this.columns.filter((u) => !u.children.length).findIndex((u) => u.id === o.id);
       this.onResize(d, c, h, l, r, o.id);
     }, this.dblClickHandler = (s, o) => {
-      const e = this.columns.filter((m) => o.indexOf(m.id) > -1);
+      const e = this.columns.filter((f) => o.indexOf(f.id) > -1);
       if (!this.colGroupMain || !e.length)
         return;
       const r = {}, l = e;
       for (; l.length > 0; ) {
-        const m = l.pop();
-        if (!m)
+        const f = l.pop();
+        if (!f)
           break;
-        m.children.length ? l.push(...m.children) : r[m.id] = m;
+        f.children.length ? l.push(...f.children) : r[f.id] = f;
       }
-      const a = this.columns.filter((m) => !m.children.length), c = [];
-      a.forEach((m, u) => {
-        r[m.id] && c.push(u);
+      const a = this.columns.filter((f) => !f.children.length), c = [];
+      a.forEach((f, g) => {
+        r[f.id] && c.push(g);
       });
       const h = [this.colGroupMain.parentElement], d = [this.colGroupMain];
-      this.colGroupHeader && (h.push(this.colGroupHeader.parentElement), d.push(this.colGroupHeader)), this.colGroupFooter && (h.push(this.colGroupFooter.parentElement), d.push(this.colGroupFooter)), h.forEach((m) => m.classList.add("k-autofitting"));
-      let g = [];
-      d.forEach((m) => {
-        c.forEach((u) => {
-          m.children[u] && (m.children[u].width = "", g[u] = Math.max(g[u] || 0, m.children[u].offsetWidth + Sr));
+      this.colGroupHeader && (h.push(this.colGroupHeader.parentElement), d.push(this.colGroupHeader)), this.colGroupFooter && (h.push(this.colGroupFooter.parentElement), d.push(this.colGroupFooter)), h.forEach((f) => f.classList.add("k-autofitting"));
+      let u = [];
+      d.forEach((f) => {
+        c.forEach((g) => {
+          f.children[g] && (f.children[g].width = "", u[g] = Math.max(u[g] || 0, f.children[g].offsetWidth + Sr));
         });
-      }), d.forEach((m) => {
-        c.forEach((u) => {
-          m.children[u] && (m.children[u].width = g[u] + "px", a[u].width = g[u]);
+      }), d.forEach((f) => {
+        c.forEach((g) => {
+          f.children[g] && (f.children[g].width = u[g] + "px", a[g].width = u[g]);
         });
-      }), h.forEach((m) => m.classList.remove("k-autofitting")), this.onResize(c[0], 0, 0, s, !0, o[0]);
+      }), h.forEach((f) => f.classList.remove("k-autofitting")), this.onResize(c[0], 0, 0, s, !0, o[0]);
     }, this.updateColElements = (s) => {
       const o = this.columns.filter((r) => !r.children.length);
       let e = 1e-10;
       for (let r = 0; r < s.length; r++) {
-        const l = s[r], a = o.findIndex((g) => g.id === l.id), c = parseFloat((l.width || 0).toString()), h = Math.floor(c);
+        const l = s[r], a = o.findIndex((u) => u.id === l.id), c = parseFloat((l.width || 0).toString()), h = Math.floor(c);
         e += c - h;
         const d = h + Math.floor(e);
         if (e -= Math.floor(e), this.colGroupMain && this.colGroupMain.children[a]) {
-          const g = parseInt(this.colGroupMain.children[a].width, 10);
+          const u = parseInt(this.colGroupMain.children[a].width, 10);
           this.colGroupMain.children[a].width = d + "px", this.updateNextLockedCol(
             this.colGroupMain.parentElement,
             l,
-            g - d
+            u - d
           );
         }
         if (this.colGroupHeader && this.colGroupHeader.children[a]) {
-          const g = parseInt(this.colGroupHeader.children[a].width, 10);
+          const u = parseInt(this.colGroupHeader.children[a].width, 10);
           this.colGroupHeader.children[a].width = d + "px", this.updateNextLockedCol(
             this.colGroupHeader.parentElement,
             l,
-            g - d
+            u - d
           );
         }
         if (this.colGroupFooter && this.colGroupFooter.children[a]) {
-          const g = parseInt(this.colGroupFooter.children[a].width, 10);
+          const u = parseInt(this.colGroupFooter.children[a].width, 10);
           this.colGroupFooter.children[a].width = d + "px", this.updateNextLockedCol(
             this.colGroupFooter.parentElement,
             l,
-            g - d
+            u - d
           );
         }
       }
@@ -1649,8 +1650,8 @@ class yr {
       if (c != null && c.locked && o) {
         const h = t == null ? void 0 : t.querySelectorAll('[aria-colindex="' + c.ariaColumnIndex + '"]');
         h == null || h.forEach((d) => {
-          const g = d.style;
-          this.isRtl ? (c.index > e && g && g.right && (g.right = parseInt(g.right, 10) - o + "px"), c.index < e && g && g.left && (g.left = parseInt(g.left, 10) - o + "px")) : (c.index > e && g && g.left && (g.left = parseInt(g.left, 10) - o + "px"), c.index < e && g && g.right && (g.right = parseInt(g.right, 10) - o + "px"));
+          const u = d.style;
+          this.isRtl ? (c.index > e && u && u.right && (u.right = parseInt(u.right, 10) - o + "px"), c.index < e && u && u.left && (u.left = parseInt(u.left, 10) - o + "px")) : (c.index > e && u && u.left && (u.left = parseInt(u.left, 10) - o + "px"), c.index < e && u && u.right && (u.right = parseInt(u.right, 10) - o + "px"));
         });
       }
     });
@@ -1788,19 +1789,19 @@ const Rr = (i) => {
   return i.render ? i.render.call(void 0, t, i) : t;
 }, It = (i) => {
   let t = null;
-  const { columnIndex: s, level: o, columnsCount: e, rowType: r, dataItem: l, field: a, onChange: c, expanded: h, render: d, dataIndex: g, ariaColumnIndex: m, isRtl: u } = i, b = a || "", E = q(i.id), C = Ue();
+  const { columnIndex: s, level: o, columnsCount: e, rowType: r, dataItem: l, field: a, onChange: c, expanded: h, render: d, dataIndex: u, ariaColumnIndex: f, isRtl: g } = i, b = a || "", E = q(i.id), C = Ue();
   let x = null, S = null, v = null;
   const _ = n.useCallback(
     (F) => {
       F.isDefaultPrevented() || F.keyCode === Ce.enter && c && (F.preventDefault(), c({
         dataItem: l,
-        dataIndex: g,
+        dataIndex: u,
         syntheticEvent: F,
         field: void 0,
         value: !h
       }));
     },
-    [h, c, l, g]
+    [h, c, l, u]
   ), T = n.useCallback((F) => {
     i.onContextMenu && i.onContextMenu.call(void 0, F, i.dataItem, i.field);
   }, [i.onContextMenu, i.dataItem, i.field]), de = (F, ke) => {
@@ -1813,7 +1814,7 @@ const Rr = (i) => {
       role: "gridcell",
       ["aria-selected"]: !1,
       ["aria-expanded"]: h,
-      ["aria-colindex"]: m,
+      ["aria-colindex"]: f,
       onKeyDown: _,
       onContextMenu: T,
       ...E
@@ -1823,7 +1824,7 @@ const Rr = (i) => {
         onClick: (J) => {
           J.preventDefault(), c && c({
             dataItem: l,
-            dataIndex: g,
+            dataIndex: u,
             syntheticEvent: J,
             field: void 0,
             value: !h
@@ -1836,8 +1837,8 @@ const Rr = (i) => {
       /* @__PURE__ */ n.createElement(
         O,
         {
-          name: h ? "caret-alt-down" : u ? "caret-alt-left" : "caret-alt-right",
-          icon: h ? Ps : u ? As : Bs
+          name: h ? "caret-alt-down" : g ? "caret-alt-left" : "caret-alt-right",
+          icon: h ? Ps : g ? As : Bs
         }
       )
     ), l[b] instanceof Date && l[b].toString ? l[b].toString() : l[b]), /* @__PURE__ */ n.createElement(
@@ -1935,6 +1936,7 @@ class is extends n.Component {
           className: "k-checkbox k-checkbox-md k-rounded-md",
           "aria-label": t.toLanguageString(le, k[le]),
           "aria-checked": this.props.selectionValue,
+          checked: this.props.selectionValue,
           onChange: (e) => this.props.selectionChange({
             field: this.props.field,
             syntheticEvent: e
@@ -2010,7 +2012,7 @@ const Tr = ({
   name: "@progress/kendo-react-grid",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1708423154,
+  publishDate: 1708523964,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 }, Gr = (i) => {
@@ -2075,8 +2077,8 @@ let he = class extends n.Component {
         this.props.onContextMenu.call(void 0, a);
       }
     }, this.getVirtualScroll = (e) => {
-      const { rowHeight: r, detailRowHeight: l, detail: a, expandField: c, groupable: h } = e, d = this.isAllData(), g = r !== void 0 && r > 0, m = l !== void 0 && l > 0, u = h === !0 || typeof h == "object" && h.enabled !== !1;
-      return !g || u && !d || !!(a && c) && (!m || !d) ? Er : St;
+      const { rowHeight: r, detailRowHeight: l, detail: a, expandField: c, groupable: h } = e, d = this.isAllData(), u = r !== void 0 && r > 0, f = l !== void 0 && l > 0, g = h === !0 || typeof h == "object" && h.enabled !== !1;
+      return !u || g && !d || !!(a && c) && (!f || !d) ? Er : St;
     }, this.isAllData = () => {
       const { data: e, total: r } = this.props;
       return Array.isArray(e) ? e.length === r : e ? r === e.total : !1;
@@ -2273,15 +2275,15 @@ let he = class extends n.Component {
       const d = this.getVirtualScroll(this.props);
       this.vs = new d(h);
     }), this.flatData = B((e, r, l, a, c, h, d) => {
-      const g = [], m = Ot(
-        g,
+      const u = [], f = Ot(
+        u,
         e,
         r,
         { index: l },
         a !== void 0,
         c
       );
-      return { flattedData: g, resolvedGroupsCount: m };
+      return { flattedData: u, resolvedGroupsCount: f };
     }), this.rowHeightService = B((e, r, l, a, c) => new Et(r, l, a, c)), this.childrenToArray = B((e) => n.Children.toArray(e)), this.readColumns = B(
       (e, r, l) => {
         const a = e.filter((c) => c && c.type && c.type.displayName === "KendoReactGridColumn");
@@ -2329,7 +2331,7 @@ let he = class extends n.Component {
           locked: this.props.lockGroups
         }), c++;
       e.slice(c).forEach((h) => h.parentIndex >= 0 && (h.parentIndex += c));
-    }), this.getHeaderRow = B((e, r, l, a, c, h, d, g, m, u, b, E) => /* @__PURE__ */ n.createElement(
+    }), this.getHeaderRow = B((e, r, l, a, c, h, d, u, f, g, b, E) => /* @__PURE__ */ n.createElement(
       jt,
       {
         cells: this.props.cells,
@@ -2343,15 +2345,15 @@ let he = class extends n.Component {
         filterable: h,
         filterOperators: d,
         filterChange: this.filterChange,
-        columnMenu: m,
+        columnMenu: f,
         selectionChange: this.onHeaderSelectionChange,
-        columns: u,
+        columns: g,
         columnResize: this.columnResize,
         pressHandler: this.dragLogic.pressHandler,
         dragHandler: this.dragLogic.dragHandler,
         releaseHandler: this.dragLogic.releaseHandler,
         columnsMap: b,
-        cellRender: g,
+        cellRender: u,
         isRtl: E,
         dragClue: this.dragLogic.dragClueRef,
         headerRef: this.headerElementRef,
@@ -2501,7 +2503,7 @@ let he = class extends n.Component {
     this.initializeVirtualization(t, a);
     const h = this.childrenToArray(this.props.children);
     this.initColumns(h, r);
-    const d = h.map((f) => f && f.type && f.type.displayName === "KendoReactGridToolbar" ? n.cloneElement(f, { ...f.props, ariaControls: this._gridId }) : null), g = h.filter((f) => f && f.type && f.type.displayName === "KendoReactGridNoRecords"), m = h.filter((f) => f && f.type && f.type.displayName === "KendoReactGridStatusBar"), u = this._columns.filter((f) => f.children.length === 0), b = a && /* @__PURE__ */ n.createElement(
+    const d = h.map((m) => m && m.type && m.type.displayName === "KendoReactGridToolbar" ? n.cloneElement(m, { ...m.props, ariaControls: this._gridId }) : null), u = h.filter((m) => m && m.type && m.type.displayName === "KendoReactGridNoRecords"), f = h.filter((m) => m && m.type && m.type.displayName === "KendoReactGridStatusBar"), g = this._columns.filter((m) => m.children.length === 0), b = a && /* @__PURE__ */ n.createElement(
       rs,
       {
         group: this.props.group || [],
@@ -2553,30 +2555,30 @@ let he = class extends n.Component {
             ariaRowIndex: this._columnsMap.length + 1
           }
         ) || void 0,
-        cols: u.map((f, w) => /* @__PURE__ */ n.createElement(
+        cols: g.map((m, w) => /* @__PURE__ */ n.createElement(
           "col",
           {
             key: w.toString(),
-            width: Re(f)
+            width: Re(m)
           }
         ))
       }
     ), $ = this.vs && this.vs.container && this.vs.container.scrollLeft || 0, F = parseFloat(((this.props.style || {}).width || "").toString()), { colSpans: ke, hiddenColumns: pe } = Ds({
       enabled: this.props.columnVirtualization,
-      columns: u,
+      columns: g,
       tableViewPortWidth: F,
       scrollLeft: $
-    }), Ee = (f, w, R) => {
+    }), Ee = (m, w, R) => {
       let j = !1;
-      const V = this.props.selectedField ? M(this.props.selectedField, f.dataItem) : void 0;
+      const V = this.props.selectedField ? M(this.props.selectedField, m.dataItem) : void 0;
       return {
-        row: u.map((I, N) => {
+        row: g.map((I, N) => {
           if (pe[N])
             return null;
           const Z = I.id ? I.id : N, ee = `${I.className ? I.className + " " : ""}${I.locked ? "k-grid-content-sticky" : ""}`, P = I.left !== void 0 ? this.isRtl ? { left: I.right, right: I.left } : { left: I.left, right: I.right } : {};
           let A = !1;
           if (I.editable && this.props.editField) {
-            const H = M(this.props.editField, f.dataItem);
+            const H = M(this.props.editField, m.dataItem);
             H && (H === !0 || H === I.field) && (j = !0, A = !0);
           }
           const ye = I.cell || A && dr || Rr;
@@ -2588,7 +2590,7 @@ let he = class extends n.Component {
               locked: this.props.lockGroups,
               id: z.generateNavigatableId(`${w}-${String(N)}`, s),
               colSpan: ke[N],
-              dataItem: f.dataItem,
+              dataItem: m.dataItem,
               field: I.field,
               editor: I.editor,
               format: I.format,
@@ -2597,14 +2599,14 @@ let he = class extends n.Component {
               cells: xe(this.props.cells, I.cells),
               onChange: this.itemChange,
               selectionChange: this.props.onSelectionChange ? (H) => {
-                this.selectionChange({ event: H, dataItem: f.dataItem, dataIndex: R, columnIndex: N });
+                this.selectionChange({ event: H, dataItem: m.dataItem, dataIndex: R, columnIndex: N });
               } : void 0,
               columnIndex: N,
-              columnsCount: u.length,
-              rowType: f.rowType,
-              level: f.level,
-              expanded: f.expanded,
-              dataIndex: f.dataIndex,
+              columnsCount: g.length,
+              rowType: m.rowType,
+              level: m.level,
+              expanded: m.expanded,
+              dataIndex: m.dataIndex,
               style: P,
               ariaColumnIndex: I.ariaColumnIndex,
               isSelected: Array.isArray(V) && V.indexOf(N) > -1
@@ -2617,24 +2619,24 @@ let he = class extends n.Component {
     };
     let J = 0;
     if (this.props.scrollable === "virtual")
-      for (let f = 0; f < this.vs.topCacheCount + this.vs.attendedSkip - (this.props.skip || 0); f++) {
+      for (let m = 0; m < this.vs.topCacheCount + this.vs.attendedSkip - (this.props.skip || 0); m++) {
         const w = this._data.shift();
         if (w)
-          this._data.push(w), J++, w.rowType === "groupHeader" && f--;
+          this._data.push(w), J++, w.rowType === "groupHeader" && m--;
         else
           break;
       }
-    const Qe = (f) => f >= this._data.length - J;
+    const Qe = (m) => m >= this._data.length - J;
     let Ze = this.vs.realSkip || 0;
     const ue = [];
     let Se = !1;
-    const Ie = this._columnsMap.length + (this.props.filterable ? 1 : 0) + 1, et = /* @__PURE__ */ n.createElement("div", { key: "no-records", className: "k-grid-norecords", "aria-rowindex": Ie }, /* @__PURE__ */ n.createElement("div", { className: "k-grid-norecords-template" }, g.length ? g : /* @__PURE__ */ n.createElement(Ye, null)));
+    const Ie = this._columnsMap.length + (this.props.filterable ? 1 : 0) + 1, et = /* @__PURE__ */ n.createElement("div", { key: "no-records", className: "k-grid-norecords", "aria-rowindex": Ie }, /* @__PURE__ */ n.createElement("div", { className: "k-grid-norecords-template" }, u.length ? u : /* @__PURE__ */ n.createElement(Ye, null)));
     let Q = 0;
     if (this._data.length) {
-      let f = -1, w = 0;
+      let m = -1, w = 0;
       (this._slicedData || this._data).forEach((R, j) => {
-        R.rowType === "data" && (Ze++, f++);
-        const V = Ze % 2 === 0, I = this.props.dataItemKey && Fe(this.props.dataItemKey)(R.dataItem), N = j + (this.vs.realSkip || 0), Z = I || "ai" + N, ee = Z + "_1", P = Ee(R, Z, f);
+        R.rowType === "data" && (Ze++, m++);
+        const V = Ze % 2 === 0, I = this.props.dataItemKey && Fe(this.props.dataItemKey)(R.dataItem), N = j + (this.vs.realSkip || 0), Z = I || "ai" + N, ee = Z + "_1", P = Ee(R, Z, m);
         if (Q = N + Ie + w, ue.push(/* @__PURE__ */ n.createElement(
           Fr,
           {
@@ -2651,12 +2653,12 @@ let he = class extends n.Component {
             render: this.props.rowRender,
             ariaRowIndex: Q,
             absoluteRowIndex: N,
-            dataIndex: f,
+            dataIndex: m,
             isSelected: P.isSelected
           },
           P.row
         )), this.props.detail && R.rowType === "data" && R.expanded) {
-          const A = u.length - (this.props.expandField ? 1 : 0) - (this.props.group ? this.props.group.length : 0) || 1;
+          const A = g.length - (this.props.expandField ? 1 : 0) - (this.props.group ? this.props.group.length : 0) || 1;
           w++, Q = N + Ie + w, ue.push(/* @__PURE__ */ n.createElement(
             "tr",
             {
@@ -2721,16 +2723,16 @@ let he = class extends n.Component {
       take: (this.props.take !== void 0 ? this.props.take : this.props.pageSize) || 10,
       messagesMap: lr,
       ...Mr(this.props.pageable || {})
-    }, st = this.props.pager ? /* @__PURE__ */ n.createElement(this.props.pager, { ...tt }) : /* @__PURE__ */ n.createElement(Ts, { className: "k-grid-pager", ...tt }), gs = (f) => this.props.sort && this.props.sort.filter((w) => w.field === f).length > 0, fs = (f, w) => /* @__PURE__ */ n.createElement(
+    }, st = this.props.pager ? /* @__PURE__ */ n.createElement(this.props.pager, { ...tt }) : /* @__PURE__ */ n.createElement(Ts, { className: "k-grid-pager", ...tt }), gs = (m) => this.props.sort && this.props.sort.filter((w) => w.field === m).length > 0, fs = (m, w) => /* @__PURE__ */ n.createElement(
       "col",
       {
         key: w.toString(),
-        width: Re(f)
+        width: Re(m)
       }
     ), rt = (lt = this.props.cells) != null && lt.footerCell || this._columns.some(
-      (f) => {
+      (m) => {
         var w;
-        return !!(f.footerCell || (w = f.cells) != null && w.footerCell);
+        return !!(m.footerCell || (w = m.cells) != null && w.footerCell);
       }
     ) ? /* @__PURE__ */ n.createElement(
       kr,
@@ -2738,7 +2740,7 @@ let he = class extends n.Component {
         size: this.props.size,
         columnResize: this.columnResize,
         staticHeaders: this.props.scrollable !== "none",
-        ref: (f) => this._footer = f,
+        ref: (m) => this._footer = m,
         row: /* @__PURE__ */ n.createElement(
           Dr,
           {
@@ -2748,22 +2750,22 @@ let he = class extends n.Component {
             ariaRowIndex: Q + 1
           }
         ),
-        cols: u.map(fs)
+        cols: g.map(fs)
       }
     ) : null, it = /* @__PURE__ */ n.createElement(
       "colgroup",
       {
-        ref: (f) => {
-          this.columnResize.colGroupMain = f;
+        ref: (m) => {
+          this.columnResize.colGroupMain = m;
         }
       },
-      u.map(
-        (f, w) => /* @__PURE__ */ n.createElement(
+      g.map(
+        (m, w) => /* @__PURE__ */ n.createElement(
           "col",
           {
             key: w.toString(),
-            className: gs(f.field) ? "k-sorted" : void 0,
-            width: Re(f)
+            className: gs(m.field) ? "k-sorted" : void 0,
+            width: Re(m)
           }
         )
       )
@@ -2782,8 +2784,8 @@ let he = class extends n.Component {
             },
             this.props.className
           ),
-          ref: (f) => {
-            this._element = f;
+          ref: (m) => {
+            this._element = m;
           },
           "aria-label": this.props.ariaLabel,
           onKeyDown: this.onKeyDown,
@@ -2797,8 +2799,8 @@ let he = class extends n.Component {
           {
             selectable: this.props.selectable,
             onRelease: this.selectionRelease,
-            childRef: (f) => {
-              this.tableElement = f;
+            childRef: (m) => {
+              this.tableElement = m;
             }
           },
           /* @__PURE__ */ n.createElement(
@@ -2818,7 +2820,7 @@ let he = class extends n.Component {
         ),
         Se && et,
         ot && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(mt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ n.createElement(Ct, { ref: this.dragLogic.refDragElementClue }))
-      ), m, this.props.pageable && st);
+      ), f, this.props.pageable && st);
     let ge = this.props.style || {};
     return this.props.scrollable === "virtual" && (ge.height || (ge = Object.assign({}, ge, { height: "450px" }))), /* @__PURE__ */ n.createElement(Ne.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ n.createElement(
       "div",
@@ -2834,8 +2836,8 @@ let he = class extends n.Component {
           },
           this.props.className
         ),
-        ref: (f) => {
-          this._element = f;
+        ref: (m) => {
+          this._element = m;
         },
         "aria-label": this.props.ariaLabel,
         onKeyDown: this.onKeyDown,
@@ -2849,7 +2851,7 @@ let he = class extends n.Component {
         {
           className: "k-grid-aria-root",
           role: "grid",
-          "aria-colcount": u.length,
+          "aria-colcount": g.length,
           "aria-rowcount": t,
           id: this._gridId
         },
@@ -2867,8 +2869,8 @@ let he = class extends n.Component {
             {
               selectable: this.props.selectable,
               onRelease: this.selectionRelease,
-              childRef: (f) => {
-                this.tableElement = f;
+              childRef: (m) => {
+                this.tableElement = m;
               }
             },
             /* @__PURE__ */ n.createElement(
@@ -2908,7 +2910,7 @@ let he = class extends n.Component {
         ot && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(mt, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ n.createElement(Ct, { ref: this.dragLogic.refDragElementClue })),
         this.showLicenseWatermark && /* @__PURE__ */ n.createElement(ks, null)
       ),
-      m,
+      f,
       this.props.pageable && st
     ));
   }
@@ -2960,7 +2962,7 @@ let he = class extends n.Component {
       while (d < this._columns.length && this._columns[d].depth > r);
       return d;
     }, a = this._columns.splice(t, l(t) - t);
-    this._columns.splice(t < s ? l(s - a.length) : s, 0, ...a), this._columns.filter((d) => d.declarationIndex >= 0).forEach((d, g) => d.orderIndex = g), this._columnsMutations++;
+    this._columns.splice(t < s ? l(s - a.length) : s, 0, ...a), this._columns.filter((d) => d.declarationIndex >= 0).forEach((d, u) => d.orderIndex = u), this._columnsMutations++;
     const c = this._columns[t].locked && this._columns[s].locked;
     Ms(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), Gs(this._columnsMap, this._columns, c || this._shouldUpdateLeftRight), this._resized && (this._shouldUpdateLeftRight = !1, this._resized = !1);
     const h = this.columns;
@@ -3183,7 +3185,7 @@ class Je extends n.Component {
     }, this.onSort = (t, s) => {
       if (t.preventDefault(), !this.props.onSortChange)
         return;
-      const { column: o, sortable: e, sort: r } = this.props, { allowUnsort: l, mode: a } = qt(e || !1, !1), c = (r || []).filter((g) => g.field === o.field)[0], h = zr[l][c && c.dir || ""][s], d = a === "single" ? [] : (this.props.sort || []).filter((g) => g.field !== o.field);
+      const { column: o, sortable: e, sort: r } = this.props, { allowUnsort: l, mode: a } = qt(e || !1, !1), c = (r || []).filter((u) => u.field === o.field)[0], h = zr[l][c && c.dir || ""][s], d = a === "single" ? [] : (this.props.sort || []).filter((u) => u.field !== o.field);
       h !== "" && o.field && d.push({ field: o.field, dir: h }), this.props.onSortChange(d, t);
     };
   }
@@ -3438,7 +3440,7 @@ class ps extends n.Component {
     const { column: t, filterUI: s, hideSecondFilter: o, filterOperators: e } = this.props;
     if (!t || !t.field)
       return /* @__PURE__ */ n.createElement("div", null);
-    const r = Ve(t.filter), l = o !== void 0 ? o : xr[r], a = D(this), c = this.state.filterGroup.filters, h = re(e[r], a), d = re(Xt, a), g = {
+    const r = Ve(t.filter), l = o !== void 0 ? o : xr[r], a = D(this), c = this.state.filterGroup.filters, h = re(e[r], a), d = re(Xt, a), u = {
       field: t.field,
       value: c[0].value,
       operator: c[0].operator,
@@ -3446,7 +3448,7 @@ class ps extends n.Component {
       booleanValues: d,
       onChange: this.firstFilterChange,
       filterType: r
-    }, m = {
+    }, f = {
       field: t.field,
       value: c[1].value,
       operator: c[1].operator,
@@ -3454,13 +3456,13 @@ class ps extends n.Component {
       booleanValues: d,
       onChange: this.secondFilterChange,
       filterType: r
-    }, u = this.state.filterGroup.logic, b = re(Cr, a), E = {
-      value: b.find((T) => T.operator === (u === null ? "" : u)),
+    }, g = this.state.filterGroup.logic, b = re(Cr, a), E = {
+      value: b.find((T) => T.operator === (g === null ? "" : g)),
       onChange: this.logicChange,
       data: b
     }, C = s, x = {
-      firstFilterProps: g,
-      secondFilterProps: m,
+      firstFilterProps: u,
+      secondFilterProps: f,
       logicData: E.data,
       logicValue: E.value,
       onLogicChange: E.onChange,
@@ -3678,45 +3680,45 @@ us.defaultProps = {
 };
 G(us);
 const _r = (i) => {
-  const [t, s] = n.useState(""), o = n.useMemo(() => new Set(i.columnsState.map((u) => u.id)), [i.columnsState]), e = n.useMemo(() => i.columns.filter((u) => {
+  const [t, s] = n.useState(""), o = n.useMemo(() => new Set(i.columnsState.map((g) => g.id)), [i.columnsState]), e = n.useMemo(() => i.columns.filter((g) => {
     var b;
-    return (b = u.title || u.field) == null ? void 0 : b.toLowerCase().includes(t.toLowerCase());
-  }), [i.columns, t]), [r, l] = n.useState(i.columns.map((u) => o.has(u.id))), a = n.useCallback(() => {
-    const u = i.columns.filter((b, E) => r[E]);
-    i.onColumnsChange.call(void 0, u), i.onCloseMenu.call(void 0);
+    return (b = g.title || g.field) == null ? void 0 : b.toLowerCase().includes(t.toLowerCase());
+  }), [i.columns, t]), [r, l] = n.useState(i.columns.map((g) => o.has(g.id))), a = n.useCallback(() => {
+    const g = i.columns.filter((b, E) => r[E]);
+    i.onColumnsChange.call(void 0, g), i.onCloseMenu.call(void 0);
   }, [r, i.columns, i.onColumnsChange, i.onCloseMenu]), c = n.useCallback(() => {
-    l(i.columns.map((u) => o.has(u.id)));
-  }, [o, i.columns]), h = r.filter((u) => u).length, d = h === r.length, g = n.useCallback(() => {
-    l(i.columns.map((u, b) => d && b === 0 ? !0 : !d));
-  }, [i.columns, d]), m = n.useCallback((u, b) => {
+    l(i.columns.map((g) => o.has(g.id)));
+  }, [o, i.columns]), h = r.filter((g) => g).length, d = h === r.length, u = n.useCallback(() => {
+    l(i.columns.map((g, b) => d && b === 0 ? !0 : !d));
+  }, [i.columns, d]), f = n.useCallback((g, b) => {
     const E = r.slice();
-    E[b] = u, l(E);
+    E[b] = g, l(E);
   }, [r]);
   return /* @__PURE__ */ n.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ n.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ n.createElement(
     zt,
     {
       className: "k-searchbox",
       value: t,
-      onChange: (u) => s(String(u.target.value)),
+      onChange: (g) => s(String(g.target.value)),
       prefix: () => /* @__PURE__ */ n.createElement(Us, null, /* @__PURE__ */ n.createElement(O, { name: "search", icon: Ht }))
     }
   ), /* @__PURE__ */ n.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !t && /* @__PURE__ */ n.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ n.createElement(
     me,
     {
       checked: d,
-      onChange: g,
+      onChange: u,
       label: "(Select all)"
     }
-  )), e.map((u, b) => /* @__PURE__ */ n.createElement("li", { key: u.id, className: "k-item" }, /* @__PURE__ */ n.createElement(
+  )), e.map((g, b) => /* @__PURE__ */ n.createElement("li", { key: g.id, className: "k-item" }, /* @__PURE__ */ n.createElement(
     me,
     {
       disabled: r[b] && h === 1,
       checked: r[b],
       onChange: (E) => {
         var C;
-        return m(!!((C = E.target.element) != null && C.checked), b);
+        return f(!!((C = E.target.element) != null && C.checked), b);
       },
-      label: u.title || u.field
+      label: g.title || g.field
     }
   )))), /* @__PURE__ */ n.createElement("div", { className: "k-filter-selected-items" }, h, " selected items"), /* @__PURE__ */ n.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ n.createElement(W, { type: "button", themeColor: "primary", onClick: a }, "Apply"), /* @__PURE__ */ n.createElement(W, { type: "button", onClick: c }, "Reset"))));
 };
@@ -3776,19 +3778,19 @@ const Br = (i) => {
       c(r[S](C));
     });
   });
-  const h = a.dates.map((C) => C.getTime()), d = a.booleans.filter((C) => C).length, g = a.booleans.filter((C) => !C).length, m = a.numbers.length ? a.numbers.reduce((C, x) => C += x, 0) : void 0, u = {
-    sum: m,
-    average: typeof m == "number" ? m / a.numbers.length : void 0,
+  const h = a.dates.map((C) => C.getTime()), d = a.booleans.filter((C) => C).length, u = a.booleans.filter((C) => !C).length, f = a.numbers.length ? a.numbers.reduce((C, x) => C += x, 0) : void 0, g = {
+    sum: f,
+    average: typeof f == "number" ? f / a.numbers.length : void 0,
     min: a.numbers.length ? Math.min(...a.numbers) : void 0,
     max: a.numbers.length ? Math.max(...a.numbers) : void 0,
     count: a.numbers.length + a.booleans.length + a.dates.length + a.others.length,
     isTrue: d > 0 ? d : void 0,
-    isFalse: g > 0 ? g : void 0,
+    isFalse: u > 0 ? u : void 0,
     earliest: a.dates.length ? new Date(Math.min(...h)) : void 0,
     latest: a.dates.length ? new Date(Math.max(...h)) : void 0
   }, b = (C, x) => (x === "sum" || x === "average") && typeof C == "number" ? C.toFixed(2) : (x === "earliest" || x === "latest") && C instanceof Date ? C.toLocaleDateString() : String(C), E = [];
-  return Object.keys(u).forEach((C) => {
-    const x = C, S = u[x];
+  return Object.keys(g).forEach((C) => {
+    const x = C, S = g[x];
     S !== void 0 && E.push({ type: x, value: S, formattedValue: b(S, x) });
   }), E;
 }, Wr = Dt(he);