@progress/kendo-react-grid 10.1.0-develop.8 → 10.1.0

package/GridComponent.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as l from "react";
-import { uGrid as xt, validatePackage as Gt, getter as K, classNames as f, WatermarkOverlay as Le } from "@progress/kendo-react-common";
+import * as a from "react";
+import { uGrid as xt, validatePackage as Gt, getter as H, classNames as f, WatermarkOverlay as Le } from "@progress/kendo-react-common";
 import { process as kt } from "@progress/kendo-data-query";
-import { combineFilters as Nt, getDetailExpandableOptions as Ft, getGroupExpandableOptions as Dt, getSelectionOptions as Tt, tableKeyboardNavigationTools as O, Pager as Pt, tableKeyboardNavigationBodyAttributes as Ht, tableKeyboardNavigationScopeAttributes as _e, tableColumnsVirtualization as Kt } from "@progress/kendo-react-data-tools";
-import { GridSelectionCell as At } from "./cells/GridSelectionCell.mjs";
+import { combineFilters as Nt, getDetailExpandableOptions as Ft, getGroupExpandableOptions as Dt, getSelectionOptions as Tt, tableKeyboardNavigationTools as O, Pager as At, tableKeyboardNavigationBodyAttributes as Pt, tableKeyboardNavigationScopeAttributes as _e, tableColumnsVirtualization as Ht } from "@progress/kendo-react-data-tools";
+import { GridSelectionCell as Kt } from "./cells/GridSelectionCell.mjs";
 import { GridHierarchyCell as Bt } from "./cells/GridHierarchyCell.mjs";
 import { GridEditCell as Vt } from "./cells/GridEditCell.mjs";
 import { Header as Lt } from "./header/Header.mjs";
@@ -21,41 +21,41 @@ import { isRowReorderEnabled as Wt, getRowSpanOptions as Oe, getColumnWidth as r
 import { GridCell as Zt } from "./cells/GridCell.mjs";
 import { GridGroupCell as $e } from "./cells/GridGroupCell.mjs";
 import { GridRow as pt } from "./rows/GridRow.mjs";
-import { GridHeaderSelectionCell as el } from "./header/GridHeaderSelectionCell.mjs";
+import { GridHeaderSelectionCell as ea } from "./header/GridHeaderSelectionCell.mjs";
 import { GridNoRecords as je } from "./components/noRecords/GridNoRecords.mjs";
 import { operators as Ue } from "./filterCommon.mjs";
-import { FooterRow as tl } from "./footer/FooterRow.mjs";
-import { normalize as ll } from "./paging/GridPagerSettings.mjs";
-import { packageMetadata as al } from "./package-metadata.mjs";
-import { GridDetailCell as rl } from "./cells/GridDetailCell.mjs";
-import { GridDetailHierarchyCell as nl } from "./cells/GridDetailHierarchyCell.mjs";
+import { FooterRow as ta } from "./footer/FooterRow.mjs";
+import { normalize as aa } from "./paging/GridPagerSettings.mjs";
+import { packageMetadata as la } from "./package-metadata.mjs";
+import { GridDetailCell as ra } from "./cells/GridDetailCell.mjs";
+import { GridDetailHierarchyCell as na } from "./cells/GridDetailHierarchyCell.mjs";
 import { GridNoRecordsContainer as qe } from "./components/noRecords/GridNoRecordsContainer.mjs";
 import { GridClientWrapper as Je } from "./GridClientWrapper.mjs";
-import { GridColGroup as il } from "./components/colGroup/GridColGroup.mjs";
-import { GridTable as ol } from "./components/table/GridTable.mjs";
+import { GridColGroup as ia } from "./components/colGroup/GridColGroup.mjs";
+import { GridTable as oa } from "./components/table/GridTable.mjs";
 import { GridDropClue as Qe } from "./components/GridDropClue.mjs";
 import { GridDragClue as Xe } from "./components/GridDragClue.mjs";
 import { GridTableBody as Ye } from "./components/table/GridTableBody.mjs";
-import { PagerContainer as dl } from "./components/PagerContainer.mjs";
-import { GridTableScrollable as cl } from "./components/table/GridTableScrollable.mjs";
+import { PagerContainer as da } from "./components/PagerContainer.mjs";
+import { GridTableScrollable as ca } from "./components/table/GridTableScrollable.mjs";
 import { GridElementContainer as Ze } from "./components/GridElementContainer.mjs";
-import { GridContainerElementContainer as sl } from "./components/GridContainerElementContainer.mjs";
-import { VirtualScrollHeightContainer as ml } from "./components/VirtualScrollHeightContainer.mjs";
-import { gridAriaLabel as pe, messages as ul } from "./messages/index.mjs";
-import { VirtualScrollFixed as U } from "./VirtualScrollFixed.mjs";
-import { VirtualScroll as fl } from "./VirtualScroll.mjs";
-import { GridCustomCellClientContainer as gl } from "./components/GridCustomCellClientContainer.mjs";
-import { GridReorderableRowsContainer as bl } from "./components/GridDraggableRowsContainer.mjs";
-import { GridRowReorderCell as hl } from "./cells/GridRowReorderCell.mjs";
-import { GridHeaderRowReorderCell as yl } from "./header/client/GridHeaderRowReorderCell.mjs";
+import { GridContainerElementContainer as sa } from "./components/GridContainerElementContainer.mjs";
+import { VirtualScrollHeightContainer as ma } from "./components/VirtualScrollHeightContainer.mjs";
+import { gridAriaLabel as pe, messages as ua } from "./messages/index.mjs";
+import { VirtualScrollFixed as q } from "./VirtualScrollFixed.mjs";
+import { VirtualScroll as fa } from "./VirtualScroll.mjs";
+import { GridCustomCellClientContainer as ga } from "./components/GridCustomCellClientContainer.mjs";
+import { GridReorderableRowsContainer as ba } from "./components/GridDraggableRowsContainer.mjs";
+import { GridRowReorderCell as ha } from "./cells/GridRowReorderCell.mjs";
+import { GridHeaderRowReorderCell as ya } from "./header/client/GridHeaderRowReorderCell.mjs";
 import { GridLoader as et } from "./components/GridLoader.mjs";
-import { gridPremiumFeatures as Cl } from "./utils/premium.mjs";
-import { LocalizationService as wl, IntlService as El } from "@progress/kendo-react-intl";
-const Sl = l.forwardRef((e, ie) => {
-  var Ge, ke, Ne, Fe, De, Te, Pe, He;
+import { gridPremiumFeatures as Ca } from "./utils/premium.mjs";
+import { LocalizationService as wa, IntlService as Ea } from "@progress/kendo-react-intl";
+const Sa = a.forwardRef((e, ie) => {
+  var Ge, ke, Ne, Fe, De, Te, Ae, Pe;
   const x = e.id + "-role-element-id", G = e.navigatable ? x : "";
   let E = e.columnsState || [];
-  const tt = (t, n, d, i, o, s, a) => {
+  const tt = (t, n, d, i, o, s, l) => {
     const c = [], g = $t(
       c,
       C,
@@ -66,15 +66,15 @@ const Sl = l.forwardRef((e, ie) => {
       o,
       s,
       ft.defaultExpand,
-      a
+      l
     );
     return { flattedData: c, resolvedGroupsCount: g };
-  }, lt = (t) => {
+  }, at = (t) => {
     const n = t.filter(
       (d) => d && d.type && d.type.displayName === "KendoReactGridColumn"
     );
     return Yt(n, E, { prevId: 0, idPrefix: G });
-  }, at = () => {
+  }, lt = () => {
     const t = [], n = (d, i) => d == null ? void 0 : d.forEach((o) => {
       const s = o.hidden || i;
       t.push({
@@ -84,14 +84,14 @@ const Sl = l.forwardRef((e, ie) => {
     });
     return n(E, !1), t;
   }, rt = (t) => {
-    const n = at();
+    const n = lt();
     return t.filter((d) => {
       var i;
       return !d.hidden && !((i = n.find((o) => o.id === d.id)) != null && i.hidden);
     });
   }, nt = (t, n) => {
     var d;
-    m = lt(t), m.filter((i) => !i.hidden).length === 0 && (m = jt(
+    m = at(t), m.filter((i) => !i.hidden).length === 0 && (m = jt(
       C,
       e.group,
       {
@@ -105,16 +105,16 @@ const Sl = l.forwardRef((e, ie) => {
   }, it = (t, n) => {
     const d = (i) => {
       var s;
-      const o = n.find((a) => a.id === i.id);
+      const o = n.find((l) => l.id === i.id);
       return o ? (o.children = (s = i.children) == null ? void 0 : s.map(d), o) : ne(i);
     };
     E = t.filter((i) => i.parentIndex === -1).map(d);
   }, ot = (t, n) => {
     var s;
-    t.filter((a) => e.selectedField && a.field === e.selectedField || a.columnType === "checkbox").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || At, a._type = "edit", a.headerCell = a.headerCell || el;
-    }), F !== void 0 && t.filter((a) => a.columnType === "reorder").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || hl, a.headerCell = a.headerCell || yl, a.sortable = !1, a.filterable = !1, a.editable = !1;
+    t.filter((l) => e.selectedField && l.field === e.selectedField || l.columnType === "checkbox").forEach((l) => {
+      l.width = l.width || "50px", l.cell = l.cell || Kt, l._type = "edit", l.headerCell = l.headerCell || ea;
+    }), F !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
+      l.width = l.width || "50px", l.cell = l.cell || ha, l.headerCell = l.headerCell || ya, l.sortable = !1, l.filterable = !1, l.editable = !1;
     });
     const d = Jt(E);
     it(t, d);
@@ -140,7 +140,7 @@ const Sl = l.forwardRef((e, ie) => {
     };
     let o = 0;
     if ((e.expandField || B.enabled) && e.detail) {
-      const a = {
+      const l = {
         ...i,
         _type: "expand",
         id: O.generateNavigatableId(`${o++}`, "expand", "column"),
@@ -148,9 +148,9 @@ const Sl = l.forwardRef((e, ie) => {
         field: (s = B.column) != null ? s : e.expandField,
         headerClassName: f(u.hierarchyCell({}))
       };
-      t.unshift(a), E.unshift(d.find((c) => c.id === a.id) || ne(a));
+      t.unshift(l), E.unshift(d.find((c) => c.id === l.id) || ne(l));
     }
-    for (let a = 0; a < n; a++) {
+    for (let l = 0; l < n; l++) {
       const c = {
         ...i,
         isAccessible: !1,
@@ -161,21 +161,24 @@ const Sl = l.forwardRef((e, ie) => {
       };
       t.unshift(c), E.unshift(d.find((g) => g.id === c.id) || ne(c));
     }
-    t.slice(o).forEach((a) => {
-      a.parentIndex >= 0 && (a.parentIndex += o), a.rowSpannable = a.rowSpannable !== void 0 ? Oe(a.rowSpannable) : ce;
+    t.slice(o).forEach((l) => {
+      l.parentIndex >= 0 && (l.parentIndex += o), l.rowSpannable = l.rowSpannable !== void 0 ? Oe(l.rowSpannable) : ce;
     });
-  }, q = () => C.length === e.total, dt = () => {
-    const { rowHeight: t, detailRowHeight: n, detail: d, expandField: i } = e, o = q(), s = t !== void 0 && t > 0, a = n !== void 0 && n > 0;
-    return !s || A && !o || !!(d && i) && (!a || !o) ? fl : U;
+  }, z = () => {
+    var t;
+    return Array.isArray(e.data) ? C.length === e.total : C ? e.total === ((t = e.data) == null ? void 0 : t.total) : !1;
+  }, dt = () => {
+    const { rowHeight: t, detailRowHeight: n, detail: d, expandField: i } = e, o = z(), s = t !== void 0 && t > 0, l = n !== void 0 && n > 0;
+    return !s || K && !o || !!(d && i) && (!l || !o) ? fa : q;
   }, J = () => e.isClient ? m : oe, ct = (t, n, d, i, o, s) => {
-    let a = We(t, n);
+    let l = We(t, n);
     if (e.columnVirtualization && t.colSpan === 1)
       return { colSpan: s, colsToSkip: o };
     let c = d.length - 1 === i, g = d.length - i;
-    return e.columnVirtualization && (c = h.length - 1 === i, g = h.length - i), a > 1 && !c ? o = a - 1 : a = 1, g <= a && !c && (a = g), { colSpan: a, colsToSkip: o };
+    return e.columnVirtualization && (c = h.length - 1 === i, g = h.length - i), l > 1 && !c ? o = l - 1 : l = 1, g <= l && !c && (l = g), { colSpan: l, colsToSkip: o };
   };
-  let Q, b = [], z, m = [], oe = [], k = [[]];
-  const st = e.scrollLeftRef || { current: 0 }, M = e.localization || new wl(e.language), mt = e.intl || new El((Ge = e.locale) != null ? Ge : "en"), N = e.unstyled, u = N && N.uGrid ? N.uGrid : xt, F = Wt(e.rowReorderable), D = e.autoProcessData === !0 ? {
+  let Q, b = [], M, m = [], oe = [], k = [[]];
+  const st = e.scrollLeftRef || { current: 0 }, W = e.localization || new wa(e.language), mt = e.intl || new Ea((Ge = e.locale) != null ? Ge : "en"), N = e.unstyled, u = N && N.uGrid ? N.uGrid : xt, F = Wt(e.rowReorderable), D = e.autoProcessData === !0 ? {
     group: !0,
     sort: !0,
     filter: !0,
@@ -196,9 +199,9 @@ const Sl = l.forwardRef((e, ie) => {
         skip: e.skip
       } : {}
     });
-    C = t, R = (Pe = e.total) != null ? Pe : n;
+    C = t, R = (Ae = e.total) != null ? Ae : n;
   }
-  const { size: S = "medium" } = e, ut = typeof e.groupable == "object" && e.groupable.footer || "none", T = e.scrollable === "virtual", A = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, B = Ft(!!e.detail), ft = Dt(
+  const { size: S = "medium" } = e, ut = typeof e.groupable == "object" && e.groupable.footer || "none", T = e.scrollable === "virtual", K = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, B = Ft(!!e.detail), ft = Dt(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
   ), { resolvedGroupsCount: gt, flattedData: bt } = tt(
     ut,
@@ -211,34 +214,34 @@ const Sl = l.forwardRef((e, ie) => {
   );
   b = bt;
   const X = dt();
-  X === U && q() && (z = b.slice(
+  X === q && z() && (M = b.slice(
     e.skip || 0,
     (e.skip || 0) + ((e.take !== void 0 ? e.take : e.pageSize) || 0)
   ));
-  const de = Tt(e.selectable || !!e.selectedField), ce = Oe(e.rowSpannable), ht = de && de.drag ? "none" : void 0, W = l.useMemo(() => l.Children.toArray(e.children), [e.children]);
-  nt(W, gt);
-  const Y = l.useMemo(() => {
-    const t = Cl(e, m);
+  const de = Tt(e.selectable || !!e.selectedField), ce = Oe(e.rowSpannable), ht = de && de.drag ? "none" : void 0, $ = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
+  nt($, gt);
+  const Y = a.useMemo(() => {
+    const t = Ca(e, m);
     return {
       premium: t.length > 0,
       features: t
     };
-  }, [e, m]), se = l.useMemo(() => Y.premium ? !Gt(al, { component: "Grid", features: Y.features }) : !1, [Y.premium]), me = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: x }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ue = W.filter(
+  }, [e, m]), se = a.useMemo(() => Y.premium ? !Gt(la, { component: "Grid", features: Y.features }) : !1, [Y.premium]), me = $.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? a.cloneElement(t, { ...t.props, ariaControls: x }) : null), j = $.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ue = $.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), h = m.filter((t) => t.children.length === 0), fe = A && /* @__PURE__ */ l.createElement(zt, { columns: J(), group: e.group || [], ariaControls: x }), ge = /* @__PURE__ */ l.createElement(
+  ), h = m.filter((t) => t.children.length === 0), fe = K && /* @__PURE__ */ a.createElement(zt, { columns: J(), group: e.group || [], ariaControls: x }), ge = /* @__PURE__ */ a.createElement(
     Lt,
     {
       size: S,
       staticHeaders: e.scrollable !== "none",
-      draggable: e.reorderable || A,
-      headerRow: /* @__PURE__ */ l.createElement(
+      draggable: e.reorderable || K,
+      headerRow: /* @__PURE__ */ a.createElement(
         _t,
         {
           cells: e.cells,
           sort: e.sort,
           sortable: e.sortable,
           group: e.group || [],
-          groupable: A,
+          groupable: K,
           filter: e.filter,
           filterable: e.filterable,
           filterOperators: e.filterOperators || Ue,
@@ -248,14 +251,14 @@ const Sl = l.forwardRef((e, ie) => {
           columnsMap: k,
           cellRender: e.headerCellRender,
           navigatable: !!e.navigatable,
-          localization: M,
+          localization: W,
           unstyled: N,
           headerSelectionValue: !!(e.select && b.filter((t) => t.rowType === "data").every(
-            (t) => e.select && e.dataItemKey && K(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[K(e.dataItemKey)(t.dataItem)] : void 0
+            (t) => e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0
           ))
         }
       ),
-      filterRow: e.filterable && /* @__PURE__ */ l.createElement(
+      filterRow: e.filterable && /* @__PURE__ */ a.createElement(
         Ot,
         {
           cells: e.cells,
@@ -267,33 +270,33 @@ const Sl = l.forwardRef((e, ie) => {
           cellRender: e.filterCellRender,
           navigatable: !!e.navigatable,
           ariaRowIndex: k.length + 1,
-          localization: M
+          localization: W
         }
       ) || void 0,
-      cols: h.map((t, n) => /* @__PURE__ */ l.createElement("col", { key: n.toString(), width: re(t) }))
+      cols: h.map((t, n) => /* @__PURE__ */ a.createElement("col", { key: n.toString(), width: re(t) }))
     }
   ), yt = st.current || 0, Ct = parseFloat(((e.style || {}).width || "").toString()), wt = (t, n, d, i, o) => {
     let s = !1;
-    const a = e.selectedField ? Me(e.selectedField, t.dataItem) : e.select && e.dataItemKey && K(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[K(e.dataItemKey)(t.dataItem)] : void 0;
+    const l = e.selectedField ? Me(e.selectedField, t.dataItem) : e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0;
     let c = 0;
-    const { colSpans: g, hiddenColumns: P } = Kt({
+    const { colSpans: g, hiddenColumns: A } = Ht({
       enabled: e.columnVirtualization,
       columns: h,
       tableViewPortWidth: Ct,
       scrollLeft: yt,
       getColSpan: We,
       dataItem: t.dataItem
-    }), I = h.filter((r, y) => !P[y]);
+    }), I = h.filter((r, y) => !A[y]);
     return {
       row: h.map((r, y) => {
-        var Ke, Ae, Be, Ve;
-        if (P[y])
+        var He, Ke, Be, Ve;
+        if (A[y])
           return null;
         if (c > 0)
           return c--, null;
         let w;
-        if ((Ke = r.rowSpannable) != null && Ke.enabled && t.rowType === "data" && r.field && o) {
-          const v = r.field ? (Be = (Ae = r.rowSpannable).valueGetter) == null ? void 0 : Be.call(Ae, t.dataItem, r.field) : null;
+        if ((He = r.rowSpannable) != null && He.enabled && t.rowType === "data" && r.field && o) {
+          const v = r.field ? (Be = (Ke = r.rowSpannable).valueGetter) == null ? void 0 : Be.call(Ke, t.dataItem, r.field) : null;
           w = { value: v, count: 1 }, o[r.field] && ((Ve = o[r.field]) == null ? void 0 : Ve.value) === v && o[r.field] !== null ? (o[r.field].count++, w.count = null) : o[r.field] = w;
         }
         const { colSpan: L, colsToSkip: ee } = ct(
@@ -308,10 +311,10 @@ const Sl = l.forwardRef((e, ie) => {
         const _ = r.id ? r.id : y, It = f(u.contentSticky({ locked: r.locked }), r.className), vt = r.left !== void 0 ? { left: r.left, right: r.right } : {};
         let te = !1;
         if (r.editable && (e.editable || e.editField)) {
-          const v = e.editField ? Me(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[K(e.dataItemKey)(t.dataItem)] : void 0, ae = typeof v == "boolean" ? v : Array.isArray(v) ? v.indexOf(r.field) > -1 : r.field !== void 0 && v === r.field;
-          ae && r.columnType === "data" && (ae === !0 || ae === r.field) && (s = !0, te = !0);
+          const v = e.editField ? Me(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, le = typeof v == "boolean" ? v : Array.isArray(v) ? v.indexOf(r.field) > -1 : r.field !== void 0 && v === r.field;
+          le && r.columnType === "data" && (le === !0 || le === r.field) && (s = !0, te = !0);
         }
-        const le = r.cell || te && Vt || Zt, Rt = e.expandField && e.detail && r.field === e.expandField || r._type === "expand", H = {
+        const ae = r.cell || te && Vt || Zt, Rt = e.expandField && e.detail && r.field === e.expandField || r._type === "expand", P = {
           locked: e.lockGroups,
           id: O.generateNavigatableId(
             `${n}-${String(y)}`,
@@ -338,31 +341,31 @@ const Sl = l.forwardRef((e, ie) => {
           columnPosition: vt,
           style: {},
           ariaColumnIndex: r.ariaColumnIndex,
-          isSelected: (r == null ? void 0 : r._type) === "edit" ? a : Array.isArray(a) && a.indexOf(y) > -1,
+          isSelected: (r == null ? void 0 : r._type) === "edit" ? l : Array.isArray(l) && l.indexOf(y) > -1,
           isSorted: !!ze(r.field, e.sort),
           isInEdit: te,
           isAlt: i,
           unstyled: N,
           group: t.group,
-          localization: M,
+          localization: W,
           intl: mt,
           _rowSpan: w
         };
-        return r.cell ? /* @__PURE__ */ l.createElement(
-          gl,
+        return r.cell ? /* @__PURE__ */ a.createElement(
+          ga,
           {
             key: _,
-            isClient: Xt(le),
-            dataItem: H.dataItem,
-            rowDataIndex: H.rowDataIndex,
-            columnIndex: H.columnIndex,
-            columnPosition: H.columnPosition
+            isClient: Xt(ae),
+            dataItem: P.dataItem,
+            rowDataIndex: P.rowDataIndex,
+            columnIndex: P.columnIndex,
+            columnPosition: P.columnPosition
           },
-          /* @__PURE__ */ l.createElement(le, { ...H })
-        ) : /* @__PURE__ */ l.createElement(le, { key: _, ...H });
+          /* @__PURE__ */ a.createElement(ae, { ...P })
+        ) : /* @__PURE__ */ a.createElement(ae, { key: _, ...P });
       }),
       isInEdit: s,
-      isSelected: typeof a == "boolean" && a
+      isSelected: typeof l == "boolean" && l
     };
   };
   let be = 0;
@@ -381,11 +384,11 @@ const Sl = l.forwardRef((e, ie) => {
   if (b.length) {
     let t = -1, n = 0;
     const d = ce.enabled ? {} : void 0;
-    (z || b).forEach((i, o) => {
+    (M || b).forEach((i, o) => {
       i.rowType === "data" && (ye++, t++);
-      const s = ye % 2 === 0, a = e.dataItemKey && K(e.dataItemKey)(i.dataItem), c = o + (e.skip || 0), g = a || "ai" + c, P = g + "_1", I = wt(i, g, t, s, d);
+      const s = ye % 2 === 0, l = e.dataItemKey && H(e.dataItemKey)(i.dataItem), c = o + (e.skip || 0), g = l || "ai" + c, A = g + "_1", I = wt(i, g, t, s, d);
       if (V = c + we + n, Z.push(
-        /* @__PURE__ */ l.createElement(
+        /* @__PURE__ */ a.createElement(
           pt,
           {
             key: g,
@@ -411,10 +414,10 @@ const Sl = l.forwardRef((e, ie) => {
       ), e.detail && i.rowType === "data" && i.expanded) {
         const r = h.length - (e.expandField || B.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
         n++, V = c + we + n, Z.push(
-          /* @__PURE__ */ l.createElement(
+          /* @__PURE__ */ a.createElement(
             "tr",
             {
-              key: P,
+              key: A,
               className: f(u.detailTr({ isAlt: s })),
               style: {
                 visibility: he(o) ? "hidden" : "",
@@ -426,7 +429,7 @@ const Sl = l.forwardRef((e, ie) => {
             e.group && e.group.map((y, w) => {
               var _;
               const L = (_ = I == null ? void 0 : I.row[w]) == null ? void 0 : _.props.style, ee = L ? { left: L.left, right: L.right } : {};
-              return /* @__PURE__ */ l.createElement(
+              return /* @__PURE__ */ a.createElement(
                 $e,
                 {
                   id: "",
@@ -444,22 +447,22 @@ const Sl = l.forwardRef((e, ie) => {
                 }
               );
             }),
-            (e.expandField || B.enabled) && /* @__PURE__ */ l.createElement(
-              nl,
+            (e.expandField || B.enabled) && /* @__PURE__ */ a.createElement(
+              na,
               {
                 unstyled: N,
-                id: O.generateNavigatableId(`${P}-dhcell`, G)
+                id: O.generateNavigatableId(`${A}-dhcell`, G)
               }
             ),
-            /* @__PURE__ */ l.createElement(
-              rl,
+            /* @__PURE__ */ a.createElement(
+              ra,
               {
                 dataItem: i.dataItem,
                 dataIndex: i.dataIndex,
                 colSpan: r,
                 ariaColIndex: 2 + (e.group ? e.group.length : 0),
                 detail: e.detail,
-                id: O.generateNavigatableId(`${P}-dcell`, G)
+                id: O.generateNavigatableId(`${A}-dcell`, G)
               }
             )
           )
@@ -472,17 +475,17 @@ const Sl = l.forwardRef((e, ie) => {
     total: R,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
-    ...ll(e.pageable || {})
-  }, Se = /* @__PURE__ */ l.createElement(dl, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...Ee }) : /* @__PURE__ */ l.createElement(Pt, { className: f(u.pager({})), ...Ee })), Et = (t, n) => /* @__PURE__ */ l.createElement("col", { key: n.toString(), width: re(t) }), St = (He = e.cells) != null && He.footerCell || m.some((t) => {
+    ...aa(e.pageable || {})
+  }, Se = /* @__PURE__ */ a.createElement(da, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Ee }) : /* @__PURE__ */ a.createElement(At, { className: f(u.pager({})), ...Ee })), Et = (t, n) => /* @__PURE__ */ a.createElement("col", { key: n.toString(), width: re(t) }), St = (Pe = e.cells) != null && Pe.footerCell || m.some((t) => {
     var n;
     return !!(t.footerCell || (n = t.cells) != null && n.footerCell);
-  }) ? /* @__PURE__ */ l.createElement(
+  }) ? /* @__PURE__ */ a.createElement(
     Mt,
     {
       size: S,
       staticHeaders: e.scrollable !== "none",
-      row: /* @__PURE__ */ l.createElement(
-        tl,
+      row: /* @__PURE__ */ a.createElement(
+        ta,
         {
           cells: e.cells,
           idPrefix: G,
@@ -492,25 +495,25 @@ const Sl = l.forwardRef((e, ie) => {
       ),
       cols: h.map(Et)
     }
-  ) : null, Ie = /* @__PURE__ */ l.createElement(il, null, h.map((t, n) => /* @__PURE__ */ l.createElement(
+  ) : null, Ie = /* @__PURE__ */ a.createElement(ia, null, h.map((t, n) => /* @__PURE__ */ a.createElement(
     "col",
     {
       key: n.toString(),
       className: ze(t.field, e.sort) ? f(u.sorted({})) : void 0,
       width: re(t)
     }
-  ))), ve = e.reorderable || A, { detail: Il, cells: vl, rows: Rl, ...Re } = e, xe = /* @__PURE__ */ l.createElement(
+  ))), ve = e.reorderable || K, { detail: Ia, cells: va, rows: Ra, ...Re } = e, xe = /* @__PURE__ */ a.createElement(
     "tbody",
     {
       role: "rowgroup",
       className: f(u.tbody({})),
-      ...Ht
+      ...Pt
     },
     Z
   );
   let p = xe;
-  if (F && (p = /* @__PURE__ */ l.createElement(
-    bl,
+  if (F && (p = /* @__PURE__ */ a.createElement(
+    ba,
     {
       unstyled: u,
       columns: m,
@@ -518,7 +521,7 @@ const Sl = l.forwardRef((e, ie) => {
     },
     xe
   )), e.scrollable === "none")
-    return /* @__PURE__ */ l.createElement(
+    return /* @__PURE__ */ a.createElement(
       Je,
       {
         gridRef: ie,
@@ -527,14 +530,14 @@ const Sl = l.forwardRef((e, ie) => {
         columnsMapRef: k,
         columnsState: E,
         dataRef: b,
-        slicedData: z,
-        isFixedVirtualScroll: X === U,
+        slicedData: M,
+        isFixedVirtualScroll: X === q,
         id: x,
         total: R,
-        isAllData: q(),
+        isAllData: z(),
         detailExpandable: !!e.detail
       },
-      /* @__PURE__ */ l.createElement(Ze, null, /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ a.createElement(Ze, null, /* @__PURE__ */ a.createElement(
         "div",
         {
           id: e.id,
@@ -545,26 +548,26 @@ const Sl = l.forwardRef((e, ie) => {
         },
         me,
         fe,
-        /* @__PURE__ */ l.createElement(
-          ol,
+        /* @__PURE__ */ a.createElement(
+          oa,
           {
             selectable: e.selectable,
             className: f(u.table({ size: S }))
           },
           Ie,
           ge,
-          /* @__PURE__ */ l.createElement(Ye, { rowReorderable: F }, p)
+          /* @__PURE__ */ a.createElement(Ye, { rowReorderable: F }, p)
         ),
-        Ce && /* @__PURE__ */ l.createElement(qe, null, $.length ? $ : /* @__PURE__ */ l.createElement(je, null)),
-        ve && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Qe, null), /* @__PURE__ */ l.createElement(Xe, null))
+        Ce && /* @__PURE__ */ a.createElement(qe, null, j.length ? j : /* @__PURE__ */ a.createElement(je, null)),
+        ve && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Qe, null), /* @__PURE__ */ a.createElement(Xe, null))
       )),
       ue,
       e.pageable && Se,
-      /* @__PURE__ */ l.createElement(et, { loader: e.loader, showLoader: e.showLoader }),
-      se && /* @__PURE__ */ l.createElement(Le, null)
+      /* @__PURE__ */ a.createElement(et, { loader: e.loader, showLoader: e.showLoader }),
+      se && /* @__PURE__ */ a.createElement(Le, null)
     );
-  let j = e.style || {};
-  return T && (j.height || (j = Object.assign({}, j, { height: "450px" }))), /* @__PURE__ */ l.createElement(
+  let U = e.style || {};
+  return T && (U.height || (U = Object.assign({}, U, { height: "450px" }))), /* @__PURE__ */ a.createElement(
     Je,
     {
       gridRef: ie,
@@ -573,17 +576,18 @@ const Sl = l.forwardRef((e, ie) => {
       columnsMapRef: k,
       columnsState: E,
       dataRef: b,
-      slicedData: z,
-      isFixedVirtualScroll: X === U,
+      slicedData: M,
+      isFixedVirtualScroll: X === q,
       id: x,
       total: R,
+      isAllData: z(),
       detailExpandable: !!e.detail
     },
-    /* @__PURE__ */ l.createElement(Ze, null, /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ a.createElement(Ze, null, /* @__PURE__ */ a.createElement(
       "div",
       {
         id: e.id,
-        style: j,
+        style: U,
         className: f(
           u.wrapper({
             size: S,
@@ -596,7 +600,7 @@ const Sl = l.forwardRef((e, ie) => {
       },
       me,
       fe,
-      /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ a.createElement(
         "div",
         {
           className: f(u.ariaRoot({})),
@@ -604,11 +608,11 @@ const Sl = l.forwardRef((e, ie) => {
           "aria-colcount": h.length,
           "aria-rowcount": R,
           id: x,
-          "aria-label": M.toLanguageString(pe, ul[pe])
+          "aria-label": W.toLanguageString(pe, ua[pe])
         },
         ge,
-        /* @__PURE__ */ l.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(sl, null, /* @__PURE__ */ l.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
-          cl,
+        /* @__PURE__ */ a.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(sa, null, /* @__PURE__ */ a.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
+          ca,
           {
             selectable: e.selectable,
             tableClassName: f(
@@ -619,26 +623,26 @@ const Sl = l.forwardRef((e, ie) => {
             tableStyle: { userSelect: ht }
           },
           Ie,
-          /* @__PURE__ */ l.createElement(Ye, { rowReorderable: F }, p)
-        ), Ce && /* @__PURE__ */ l.createElement(qe, null, $.length ? $ : /* @__PURE__ */ l.createElement(je, null))), T && /* @__PURE__ */ l.createElement(
+          /* @__PURE__ */ a.createElement(Ye, { rowReorderable: F }, p)
+        ), Ce && /* @__PURE__ */ a.createElement(qe, null, j.length ? j : /* @__PURE__ */ a.createElement(je, null))), T && /* @__PURE__ */ a.createElement(
           "div",
           {
             className: f(u.heightContainer({})),
             role: "presentation"
           },
-          /* @__PURE__ */ l.createElement(ml, { isVirtualScroll: T })
+          /* @__PURE__ */ a.createElement(ma, { isVirtualScroll: T })
         )))),
         St,
-        ve && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Qe, null), /* @__PURE__ */ l.createElement(Xe, null)),
-        se && /* @__PURE__ */ l.createElement(Le, null)
+        ve && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Qe, null), /* @__PURE__ */ a.createElement(Xe, null)),
+        se && /* @__PURE__ */ a.createElement(Le, null)
       ),
       ue,
       e.pageable && Se,
-      /* @__PURE__ */ l.createElement(et, { loader: e.loader, showLoader: e.showLoader })
+      /* @__PURE__ */ a.createElement(et, { loader: e.loader, showLoader: e.showLoader })
     ))
   );
 });
-Sl.displayName = "KendoReactGridComponent";
+Sa.displayName = "KendoReactGridComponent";
 export {
-  Sl as GridComponent
+  Sa as GridComponent
 };