@progress/kendo-react-grid 15.2.0-develop.7 → 15.2.0-develop.8

package/GridComponent.mjs

@@ -5,143 +5,150 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as n from "react";
-import { uGrid as Ot, hasValidLicense as Vt, getLicenseMessage as _t, validatePackage as jt, getter as te, classNames as c, WatermarkOverlay as Ye } from "@progress/kendo-react-common";
-import { getDetailExpandableOptions as $t, getGroupExpandableOptions as Zt, getSelectionOptions as Ut, tableKeyboardNavigationTools as $, Pager as Yt, tableKeyboardNavigationBodyAttributes as qt, tableKeyboardNavigationScopeAttributes as qe } from "@progress/kendo-react-data-tools";
-import { GridHierarchyCell as Jt } from "./cells/hierarchycell/GridHierarchyCell.mjs";
-import { Header as Qt } from "./header/Header.mjs";
-import { HeaderRow as Xt } from "./header/HeaderRow.mjs";
-import { FilterRow as pt } from "./header/FilterRow.mjs";
-import { GroupPanel as ea } from "./header/GroupPanel.mjs";
-import { Footer as ta } from "./footer/Footer.mjs";
-import { isRowReorderEnabled as aa, getRowSpanOptions as Je, getColumnWidth as ae, isSorted as la, flatData as na, autoGenerateColumns as ia, mapColumns as ra, clientColumn as oa, getColSpan as da, readColumns as sa, getFlatColumnsState as ma, getColumnState as le } from "./utils/index.mjs";
-import { normalizeAutoProcessData as ca, processData as ua } from "./utils/dataProcessing.mjs";
-import { orderBy as Qe } from "@progress/kendo-data-query";
-import { GridGroupCell as fa } from "./cells/groupcell/GridGroupCell.mjs";
-import { GridHeaderGroupSpacerCell as ga } from "./header/GridHeaderGroupSpacerCell.mjs";
-import { GridHeaderSelectionCell as ba } from "./header/GridHeaderSelectionCell.mjs";
-import { GridNoRecords as Xe } from "./components/noRecords/GridNoRecords.mjs";
-import { operators as pe } from "./filterCommon.mjs";
-import { FooterRow as ha } from "./footer/FooterRow.mjs";
-import { normalize as wa } from "./paging/GridPagerSettings.mjs";
-import { packageMetadata as ne } from "./package-metadata.mjs";
-import { GridDetailCell as Ca } from "./cells/detailcell/GridDetailCell.mjs";
-import { GridNoRecordsContainer as et } from "./components/noRecords/GridNoRecordsContainer.mjs";
-import { GridClientWrapper as tt } from "./GridClientWrapper.mjs";
-import { GridColGroup as ya } from "./components/colGroup/GridColGroup.mjs";
-import { GridTable as Ra } from "./components/table/GridTable.mjs";
-import { GridDropClue as at } from "./components/GridDropClue.mjs";
-import { GridDragClue as lt } from "./components/GridDragClue.mjs";
-import { GridTableBody as nt } from "./components/table/GridTableBody.mjs";
-import { PagerContainer as Ea } from "./components/PagerContainer.mjs";
-import { GridTableScrollable as Sa } from "./components/table/GridTableScrollable.mjs";
-import { GridElementContainer as it } from "./components/GridElementContainer.mjs";
-import { GridContainerElementContainer as va } from "./components/GridContainerElementContainer.mjs";
-import { VirtualScrollHeightContainer as Ga } from "./components/VirtualScrollHeightContainer.mjs";
-import { VirtualScrollOverlay as ka } from "./components/VirtualScrollOverlay.mjs";
-import { gridAriaLabel as Z, messages as rt } from "./messages/index.mjs";
-import { GridReorderableRowsContainer as Ia } from "./components/GridDraggableRowsContainer.mjs";
-import { GridRowReorderCell as xa } from "./cells/rowreordercell/GridRowReorderCell.mjs";
-import { GridHeaderRowReorderCell as Ha } from "./header/client/GridHeaderRowReorderCell.mjs";
-import { GridLoader as ot } from "./components/GridLoader.mjs";
-import { gridPremiumFeatures as La } from "./utils/premium.mjs";
-import { LocalizationService as Na, IntlService as Da } from "@progress/kendo-react-intl";
-import { getVirtualCellsToRender as Ta } from "./utils/virtualColumns.mjs";
-import { GridEditDialog as Pa } from "./components/GridEditDialog.mjs";
-import { GridSelectionCellServer as Ba } from "./cells/selectioncell/GridSelectionCellServer.mjs";
-import { GridSelectionCell as Ma } from "./cells/selectioncell/GridSelectionCell.mjs";
-import { GridHierarchyCellServer as Wa } from "./cells/hierarchycell/GridHierarchyCellServer.mjs";
-import { GridRowReorderCellServer as za } from "./cells/rowreordercell/GridRowReorderCellServer.mjs";
-import { GridDetailCellServer as Ka } from "./cells/detailcell/GridDetailCellServer.mjs";
-import { GridGroupCellServer as Aa } from "./cells/groupcell/GridGroupCellServer.mjs";
-import { GridPinCell as Fa } from "./cells/pincell/GridPinCell.mjs";
-import { GridPinCellServer as Oa } from "./cells/pincell/GridPinCellServer.mjs";
-import { GridHeaderPinCell as Va } from "./header/client/GridHeaderPinCell.mjs";
-import { StackedModeColGroup as _a } from "./stacked/StackedModeComponents.mjs";
-import { GridRowRenderer as ja } from "./rows/GridRowRenderer.mjs";
-import { GridDetailRowRenderer as $a } from "./rows/GridDetailRowRenderer.mjs";
-import { StickyGroupTable as dt } from "./components/StickyGroupTable.mjs";
-import { PinnedRowsTable as st } from "./components/PinnedRowsTable.mjs";
-import { getRowContents as Za } from "./getRowContents.mjs";
-const Ua = n.forwardRef((e, mt) => {
-  var Pe, Be, Me, We, ze, Ke, Ae, Fe, Oe, Ve, _e, je, $e, Ze;
-  const G = e.id + "-role-element-id", E = e.navigatable ? G : "";
-  let C = e.columnsState || [];
-  const ct = (t, i, r, o, a, l, d) => {
-    const w = [], O = na(
-      w,
+import * as l from "react";
+import { uGrid as ua, hasValidLicense as ma, getLicenseMessage as ca, validatePackage as fa, getter as we, classNames as b, WatermarkOverlay as gt } from "@progress/kendo-react-common";
+import { getDetailExpandableOptions as ga, getGroupExpandableOptions as ba, getSelectionOptions as ha, tableKeyboardNavigationTools as de, Pager as Ca, tableKeyboardNavigationBodyAttributes as wa, tableKeyboardNavigationScopeAttributes as bt } from "@progress/kendo-react-data-tools";
+import { GridHierarchyCell as ya } from "./cells/hierarchycell/GridHierarchyCell.mjs";
+import { Header as Ra } from "./header/Header.mjs";
+import { HeaderRow as Ea } from "./header/HeaderRow.mjs";
+import { FilterRow as Ga } from "./header/FilterRow.mjs";
+import { GroupPanel as va } from "./header/GroupPanel.mjs";
+import { Footer as Sa } from "./footer/Footer.mjs";
+import { isRowReorderEnabled as ka, getRowSpanOptions as ht, mapColumns as Ct, getColumnWidth as ye, isSorted as xa, flatData as Ia, autoGenerateColumns as Ha, clientColumn as Na, getColSpan as Ma, readColumns as Ta, getFlatColumnsState as Pa, getColumnState as Re } from "./utils/index.mjs";
+import { normalizeAutoProcessData as Da, processData as Wa } from "./utils/dataProcessing.mjs";
+import { orderBy as wt } from "@progress/kendo-data-query";
+import { GridGroupCell as Ba } from "./cells/groupcell/GridGroupCell.mjs";
+import { GridHeaderGroupSpacerCell as yt } from "./header/GridHeaderGroupSpacerCell.mjs";
+import { GridHeaderSelectionCell as La } from "./header/GridHeaderSelectionCell.mjs";
+import { GridNoRecords as Rt } from "./components/noRecords/GridNoRecords.mjs";
+import { operators as Et } from "./filterCommon.mjs";
+import { FooterRow as za } from "./footer/FooterRow.mjs";
+import { normalize as Fa } from "./paging/GridPagerSettings.mjs";
+import { packageMetadata as Ee } from "./package-metadata.mjs";
+import { GridDetailCell as Ka } from "./cells/detailcell/GridDetailCell.mjs";
+import { GridNoRecordsContainer as Gt } from "./components/noRecords/GridNoRecordsContainer.mjs";
+import { GridClientWrapper as vt } from "./GridClientWrapper.mjs";
+import { GridColGroup as Aa } from "./components/colGroup/GridColGroup.mjs";
+import { GridTable as Oa } from "./components/table/GridTable.mjs";
+import { GridDropClue as St } from "./components/GridDropClue.mjs";
+import { GridDragClue as kt } from "./components/GridDragClue.mjs";
+import { GridTableBody as xt } from "./components/table/GridTableBody.mjs";
+import { PagerContainer as ja } from "./components/PagerContainer.mjs";
+import { GridTableScrollable as Va } from "./components/table/GridTableScrollable.mjs";
+import { GridElementContainer as It } from "./components/GridElementContainer.mjs";
+import { GridContainerElementContainer as _a } from "./components/GridContainerElementContainer.mjs";
+import { VirtualScrollHeightContainer as $a } from "./components/VirtualScrollHeightContainer.mjs";
+import { VirtualScrollOverlay as Za } from "./components/VirtualScrollOverlay.mjs";
+import { gridAriaLabel as se, messages as Ge, groupColumnTitle as Ht } from "./messages/index.mjs";
+import { GridReorderableRowsContainer as Ua } from "./components/GridDraggableRowsContainer.mjs";
+import { GridRowReorderCell as Ya } from "./cells/rowreordercell/GridRowReorderCell.mjs";
+import { GridHeaderRowReorderCell as qa } from "./header/client/GridHeaderRowReorderCell.mjs";
+import { GridLoader as Nt } from "./components/GridLoader.mjs";
+import { gridPremiumFeatures as Ja } from "./utils/premium.mjs";
+import { LocalizationService as Qa, IntlService as Xa } from "@progress/kendo-react-intl";
+import { getVirtualCellsToRender as pa } from "./utils/virtualColumns.mjs";
+import { GridEditDialog as el } from "./components/GridEditDialog.mjs";
+import { GridSelectionCellServer as tl } from "./cells/selectioncell/GridSelectionCellServer.mjs";
+import { GridSelectionCell as al } from "./cells/selectioncell/GridSelectionCell.mjs";
+import { GridHierarchyCellServer as ll } from "./cells/hierarchycell/GridHierarchyCellServer.mjs";
+import { GridRowReorderCellServer as nl } from "./cells/rowreordercell/GridRowReorderCellServer.mjs";
+import { GridDetailCellServer as il } from "./cells/detailcell/GridDetailCellServer.mjs";
+import { GridGroupCellServer as ol } from "./cells/groupcell/GridGroupCellServer.mjs";
+import { GridPinCell as rl } from "./cells/pincell/GridPinCell.mjs";
+import { GridPinCellServer as dl } from "./cells/pincell/GridPinCellServer.mjs";
+import { GridHeaderPinCell as sl } from "./header/client/GridHeaderPinCell.mjs";
+import { StackedModeColGroup as ul } from "./stacked/StackedModeComponents.mjs";
+import { GridRowRenderer as ml } from "./rows/GridRowRenderer.mjs";
+import { GridDetailRowRenderer as cl } from "./rows/GridDetailRowRenderer.mjs";
+import { StickyGroupTable as Mt } from "./components/StickyGroupTable.mjs";
+import { PinnedRowsTable as Tt } from "./components/PinnedRowsTable.mjs";
+import { getRowContents as fl } from "./getRowContents.mjs";
+const gl = l.forwardRef((e, Pt) => {
+  var Qe, Xe, pe, et, tt, at, lt, nt, it, ot, rt, dt, st, ut, mt, ct;
+  const D = e.id + "-role-element-id", N = e.navigatable ? D : "";
+  let y = e.columnsState || [];
+  const Dt = (t, i, o, r, a, d, u) => {
+    const f = [], x = Ia(
+      f,
       t,
       i,
-      { index: r },
-      o !== void 0,
+      { index: o },
+      r !== void 0,
       a,
-      l,
-      xt.defaultExpand,
-      d
+      d,
+      qt.defaultExpand,
+      u
     );
-    return { flattedData: w, resolvedGroupsCount: O };
-  }, ut = (t) => {
+    return { flattedData: f, resolvedGroupsCount: x };
+  }, Wt = (t) => {
     const i = t.filter(
-      (r) => r && r.type && r.type.displayName === "KendoReactGridColumn"
+      (o) => o && o.type && o.type.displayName === "KendoReactGridColumn"
     );
-    return sa(i, C, { prevId: 0, idPrefix: E });
-  }, ft = () => {
-    const t = [], i = (r, o) => r == null ? void 0 : r.forEach((a) => {
-      const l = a.hidden || o;
+    return Ta(i, y, { prevId: 0, idPrefix: N });
+  }, Bt = () => {
+    const t = [], i = (o, r) => o == null ? void 0 : o.forEach((a) => {
+      const d = a.hidden || r;
       t.push({
         ...a,
-        hidden: l
-      }), i(a.children, l);
+        hidden: d
+      }), i(a.children, d);
     });
-    return i(C, !1), t;
-  }, gt = (t) => {
-    const i = ft();
+    return i(y, !1), t;
+  }, Lt = (t) => {
+    const i = Bt();
     return [
-      t.filter((r) => {
-        var o;
-        return !r.hidden && !((o = i.find((a) => a.id === r.id)) != null && o.hidden);
+      t.filter((o) => {
+        var r;
+        return !o.hidden && !((r = i.find((a) => a.id === o.id)) != null && r.hidden);
       }),
-      t.filter((r) => {
-        var o;
-        return r.hidden || ((o = i.find((a) => a.id === r.id)) == null ? void 0 : o.hidden);
+      t.filter((o) => {
+        var r;
+        return o.hidden || ((r = i.find((a) => a.id === o.id)) == null ? void 0 : r.hidden);
       })
     ];
-  }, bt = (t, i) => {
-    s = ut(t), s.filter((a) => !a.hidden).length === 0 && (s = ia(
-      y,
+  }, zt = (t, i) => {
+    m = Wt(t), m.filter((a) => !a.hidden).length === 0 && (m = Ha(
+      k,
       e.group,
       {
-        column: v.column
+        column: T.column
       },
       {
         prevId: 0,
-        idPrefix: E
+        idPrefix: N
       }
-    )), wt(s, i);
-    const [r, o] = gt(s);
-    s = r, oe = o, N = ra(s, C, !0), de = s.map(oa);
-  }, ht = (t, i) => {
-    const r = (o) => {
-      var l;
-      const a = i.find((d) => d.id === o.id);
+    )), Kt(m, i);
+    const [o, r] = Lt(m);
+    m = o, J = r, X = Ct(m, y, !0), Q = m.map(Na);
+  }, Ft = (t, i) => {
+    const o = (r) => {
+      var d;
+      const a = i.find((u) => u.id === r.id);
       if (a) {
-        const d = { ...a };
-        return d.children = (l = o.children) == null ? void 0 : l.map(r), d;
+        const u = { ...a };
+        return u.children = (d = r.children) == null ? void 0 : d.map(o), u;
       }
-      return le(o);
+      return Re(r);
     };
-    C = t.filter((o) => o.parentIndex === -1).map(r);
-  }, wt = (t, i) => {
-    t.filter((l) => l.columnType === "checkbox").forEach((l) => {
-      l.width = l.width || "50px", l.defaultCell = e.isClient ? Ma : Ba, l.defaultHeaderCell = ba, l._type = "edit", l.sortable = !1, l.filterable = !1, l.editable = !1;
-    }), I !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
-      l.width = l.width || "50px", l.defaultCell = e.isClient ? xa : za, l.defaultHeaderCell = Ha, l.sortable = !1, l.filterable = !1, l.editable = !1;
-    }), e.pinnable && t.filter((l) => l.columnType === "pin").forEach((l) => {
-      l.width = l.width || "48px", l.defaultCell = e.isClient ? Fa : Oa, l.defaultHeaderCell = Va, l.sortable = !1, l.filterable = !1, l.editable = !1;
+    y = t.filter((r) => r.parentIndex === -1).map(o);
+  }, Kt = (t, i) => {
+    var ie, q, P, oe;
+    if (typeof e.groupable == "object" && e.groupable.hideGroupedColumns === !0 && (h === "singleColumn" || h === "multipleColumns")) {
+      const n = new Set((e.group || []).map((g) => g.field));
+      t.filter((g) => g.field !== void 0 && n.has(g.field)).forEach((g) => {
+        g.hidden = !0;
+      });
+    }
+    t.filter((n) => n.columnType === "checkbox").forEach((n) => {
+      n.width = n.width || "50px", n.defaultCell = e.isClient ? al : tl, n.defaultHeaderCell = La, n._type = "edit", n.sortable = !1, n.filterable = !1, n.editable = !1;
+    }), L !== void 0 && t.filter((n) => n.columnType === "reorder").forEach((n) => {
+      n.width = n.width || "50px", n.defaultCell = e.isClient ? Ya : nl, n.defaultHeaderCell = qa, n.sortable = !1, n.filterable = !1, n.editable = !1;
+    }), e.pinnable && t.filter((n) => n.columnType === "pin").forEach((n) => {
+      n.width = n.width || "48px", n.defaultCell = e.isClient ? rl : dl, n.defaultHeaderCell = sl, n.sortable = !1, n.filterable = !1, n.editable = !1;
     });
-    const r = ma(C);
-    ht(t, r);
-    const o = {
+    const r = Pa(y);
+    Ft(t, r);
+    const a = {
       id: "",
       resizable: !0,
       width: "32px",
@@ -161,77 +168,128 @@ const Ua = n.forwardRef((e, mt) => {
       ariaColumnIndex: 0,
       isAccessible: !0
     };
-    let a = 0;
-    if (v.enabled && e.detail) {
-      const l = {
-        ...o,
+    let d = 0;
+    if (T.enabled && e.detail) {
+      const n = {
+        ...a,
         _type: "expand",
-        id: $.generateNavigatableId(`${a++}`, "expand", "column"),
-        defaultCell: e.isClient ? Jt : Wa,
-        field: v.column,
-        headerClassName: c(m.hierarchyCell({}))
+        id: de.generateNavigatableId(`${d++}`, "expand", "column"),
+        defaultCell: e.isClient ? ya : ll,
+        field: T.column,
+        headerClassName: b(c.hierarchyCell({}))
       };
-      t.unshift(l), C.unshift(r.find((d) => d.id === l.id) || le(l));
+      t.unshift(n), y.unshift(r.find((g) => g.id === n.id) || Re(n));
     }
-    for (let l = 0; l < i; l++) {
-      const d = {
-        ...o,
-        isAccessible: !1,
-        defaultCell: e.isClient ? fa : Aa,
-        defaultHeaderCell: ga,
-        id: $.generateNavigatableId(`${a++}`, "group", "column"),
+    const u = h === "compact", f = h === "singleColumn", x = h === "multipleColumns", A = u || f ? Math.min(i, 1) : i, O = (n, g) => {
+      var v, s, V, re;
+      if (n === "singleColumn")
+        return W.toLanguageString(Ht, Ge[Ht]);
+      if (n !== "multipleColumns")
+        return a.title;
+      const j = (s = (v = e.group) == null ? void 0 : v[g]) == null ? void 0 : s.field, I = t.find((ft) => ft.field === j && ft.declarationIndex >= 0);
+      return (re = (V = I == null ? void 0 : I.title) != null ? V : j) != null ? re : a.title;
+    }, G = typeof e.groupable == "object" ? e.groupable.groupColumn : void 0;
+    for (let n = A - 1; n >= 0; n--) {
+      const g = f || x;
+      let j = a.width;
+      u ? j = "0px" : g && (j = void 0);
+      const I = (ie = e.group) == null ? void 0 : ie[n];
+      let v;
+      G !== void 0 && (typeof G == "function" ? I !== void 0 && (v = G(I)) : v = G);
+      const s = g ? v : void 0, V = {
+        ...a,
+        isAccessible: g,
+        isGroupColumn: g,
+        defaultCell: e.isClient ? Ba : ol,
+        defaultHeaderCell: g ? void 0 : yt,
+        id: de.generateNavigatableId(`${d++}`, "group", "column"),
         field: "value",
-        locked: e.lockGroups
+        groupField: I == null ? void 0 : I.field,
+        title: (q = s == null ? void 0 : s.title) != null ? q : O(h, n),
+        width: (P = s == null ? void 0 : s.width) != null ? P : j,
+        locked: (oe = s == null ? void 0 : s.locked) != null ? oe : e.lockGroups,
+        sortable: !1,
+        filterable: !1,
+        editable: !1,
+        groupable: !1,
+        ...(s == null ? void 0 : s.resizable) !== void 0 && {
+          resizable: s.resizable
+        },
+        ...(s == null ? void 0 : s.reorderable) !== void 0 && {
+          reorderable: s.reorderable
+        },
+        ...(s == null ? void 0 : s.minWidth) !== void 0 && {
+          minWidth: s.minWidth
+        },
+        ...(s == null ? void 0 : s.maxWidth) !== void 0 && {
+          maxWidth: s.maxWidth
+        },
+        // A single group column can represent multiple grouped fields at once in
+        // 'singleColumn' mode, so a per-field column menu never applies there.
+        ...f ? { disableColumnMenu: !0 } : (s == null ? void 0 : s.columnMenu) !== void 0 && {
+          columnMenu: s.columnMenu
+        },
+        ...(v == null ? void 0 : v.cells) !== void 0 && {
+          cells: {
+            group: {
+              groupHeader: v.cells.groupHeader,
+              groupFooter: v.cells.groupFooter
+            }
+          }
+        }
       };
-      t.unshift(d), C.unshift(r.find((w) => w.id === d.id) || le(d));
+      t.unshift(V), y.unshift(
+        r.find((re) => re.id === V.id) || Re(V)
+      );
     }
-    t.slice(a).forEach((l) => {
-      l.parentIndex >= 0 && (l.parentIndex += a), l.rowSpannable = l.rowSpannable !== void 0 ? Je(l.rowSpannable) : ue;
+    t.slice(d).forEach((n) => {
+      n.parentIndex >= 0 && (n.parentIndex += d), n.rowSpannable = n.rowSpannable !== void 0 ? ht(n.rowSpannable) : He;
     });
-  }, ie = () => e.isClient ? s : de, re = (t) => {
+  }, ve = () => e.isClient ? m : Q, Se = (t) => {
     const i = [];
-    let r = null, o = 0;
-    if (u.forEach((a, l) => {
-      let d = parseFloat(((a == null ? void 0 : a.width) || "").toString()) || 10;
-      if (typeof (a == null ? void 0 : a.width) == "number" && (a != null && a.minResizableWidth) && (a == null ? void 0 : a.width) < (a == null ? void 0 : a.minResizableWidth) && (d = a == null ? void 0 : a.minResizableWidth), typeof (a == null ? void 0 : a.width) == "number" && (a != null && a.minWidth) && (a == null ? void 0 : a.width) < (a == null ? void 0 : a.minWidth) ? d = a == null ? void 0 : a.minWidth : typeof (a == null ? void 0 : a.width) == "number" && (a != null && a.maxWidth) && (a == null ? void 0 : a.width) > (a == null ? void 0 : a.maxWidth) && (d = a == null ? void 0 : a.maxWidth), o) {
-        o--, r && (r.width += d);
+    let o = null, r = 0;
+    if (S.forEach((a, d) => {
+      const u = parseFloat(((a == null ? void 0 : a.width) || "").toString());
+      let f = Number.isNaN(u) ? 10 : u;
+      if (typeof (a == null ? void 0 : a.width) == "number" && (a != null && a.minResizableWidth) && (a == null ? void 0 : a.width) < (a == null ? void 0 : a.minResizableWidth) && (f = a == null ? void 0 : a.minResizableWidth), typeof (a == null ? void 0 : a.width) == "number" && (a != null && a.minWidth) && (a == null ? void 0 : a.width) < (a == null ? void 0 : a.minWidth) ? f = a == null ? void 0 : a.minWidth : typeof (a == null ? void 0 : a.width) == "number" && (a != null && a.maxWidth) && (a == null ? void 0 : a.width) > (a == null ? void 0 : a.maxWidth) && (f = a == null ? void 0 : a.maxWidth), r) {
+        r--, o && (o.width += f);
         return;
       }
-      const w = Math.min(da(a, t), u.length - l);
-      o = w - 1, r = {
-        width: d,
-        colSpan: w,
-        columnIndex: l
-      }, i.push(r);
+      const x = Math.min(Ma(a, t), S.length - d);
+      r = x - 1, o = {
+        width: f,
+        colSpan: x,
+        columnIndex: d
+      }, i.push(o);
     }), e.columnVirtualization) {
-      const a = yt.current || 0, l = Rt.current || parseFloat(((e.style || {}).width || "").toString());
-      return Ta({
+      const a = Ot.current || 0, d = jt.current || parseFloat(((e.style || {}).width || "").toString());
+      return pa({
         cellModels: i,
-        columns: u,
-        tableViewPortWidth: l,
+        columns: S,
+        tableViewPortWidth: d,
         scrollLeft: a
       });
     }
     return i;
-  }, Ct = () => {
-    const { pageable: t, take: i, pageSize: r } = e;
-    if (!b)
+  }, At = () => {
+    const { pageable: t, take: i, pageSize: o } = e;
+    if (!R)
       return 0;
     if (!t) {
       if (i)
         return i;
-      if (r)
-        return r;
+      if (o)
+        return o;
     }
-    const o = e.rowHeight || St.current, a = Et.current;
-    return a && o ? Math.ceil(a / o * 1.5) : 0;
+    const r = e.rowHeight || _t.current, a = Vt.current;
+    return a && r ? Math.ceil(a / r * 1.5) : 0;
   };
-  let f = [], U, s = [], oe = [], de = [], N = [[]];
-  const yt = e.scrollLeftRef || { current: 0 }, Rt = e.widthRef || { current: 0 }, Et = e.containerHeightRef || { current: 0 }, St = e.minRowHeightRef || { current: 0 }, D = e.localization || new Na(e.language), vt = e.intl || new Da((Pe = e.locale) != null ? Pe : "en"), k = e.unstyled, m = k && k.uGrid ? k.uGrid : Ot, I = aa(e.rowReorderable), T = typeof e.scrollable == "object" ? e.scrollable.mode : e.scrollable, Y = typeof e.scrollable == "object" && e.scrollable.scrollbar === "proxied", b = T === "virtual" || T === void 0 && e.isClient && Vt(ne) || !1, h = e.dataLayoutMode === "stacked", S = ((Be = e.group) == null ? void 0 : Be.length) || 0, se = _t(ne), x = ca(e.autoProcessData);
-  let y, R;
-  if (Array.isArray(e.data) ? (y = e.data, R = (Me = e.total) != null ? Me : y.length) : (y = ((We = e.data) == null ? void 0 : We.data) || [], R = (Ae = (Ke = e.total) != null ? Ke : (ze = e.data) == null ? void 0 : ze.total) != null ? Ae : y.length), x) {
-    const t = ua(y, {
-      autoProcessData: x,
+  let C = [], ue, m = [], J = [], Q = [], X = [[]];
+  const Ot = e.scrollLeftRef || { current: 0 }, jt = e.widthRef || { current: 0 }, Vt = e.containerHeightRef || { current: 0 }, _t = e.minRowHeightRef || { current: 0 }, W = e.localization || new Qa(e.language), $t = e.intl || new Xa((Qe = e.locale) != null ? Qe : "en"), B = e.unstyled, c = B && B.uGrid ? B.uGrid : ua, L = ka(e.rowReorderable), _ = typeof e.scrollable == "object" ? e.scrollable.mode : e.scrollable, me = typeof e.scrollable == "object" && e.scrollable.scrollbar === "proxied", R = _ === "virtual" || _ === void 0 && e.isClient && ma(Ee) || !1, E = e.dataLayoutMode === "stacked", h = typeof e.groupable == "object" && e.groupable.displayMode || "default", M = h === "compact" ? 0 : ((Xe = e.group) == null ? void 0 : Xe.length) || 0, ke = ca(Ee), z = Da(e.autoProcessData);
+  let k, H;
+  if (Array.isArray(e.data) ? (k = e.data, H = (pe = e.total) != null ? pe : k.length) : (k = ((et = e.data) == null ? void 0 : et.data) || [], H = (lt = (at = e.total) != null ? at : (tt = e.data) == null ? void 0 : tt.total) != null ? lt : k.length), z) {
+    const t = Wa(k, {
+      autoProcessData: z,
       group: e.group,
       sort: e.sort,
       filter: e.filter,
@@ -240,444 +298,462 @@ const Ua = n.forwardRef((e, mt) => {
       take: e.take,
       skip: e.skip,
       total: e.total,
-      isVirtualScroll: b,
+      isVirtualScroll: R,
       includePaging: !0
     });
-    y = t.data, R = t.total;
+    k = t.data, H = t.total;
   }
-  const M = y.length === R, { size: g } = e, Gt = typeof e.groupable == "object" && e.groupable.footer || "none", kt = typeof e.groupable == "object" && !!e.groupable.stickyHeaders, It = typeof e.groupable == "object" && !!e.groupable.stickyFooters, W = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, v = $t(!!e.detail), xt = Zt(
+  const p = k.length === H, { size: w } = e, Zt = typeof e.groupable == "object" && e.groupable.footer || "none", Ut = typeof e.groupable == "object" && !!e.groupable.stickyHeaders, Yt = typeof e.groupable == "object" && !!e.groupable.stickyFooters, ee = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, T = ga(!!e.detail), qt = ba(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
-  ), z = !!((Fe = e.group) != null && Fe.length), { resolvedGroupsCount: Ht, flattedData: Lt } = ct(
-    y,
-    Gt,
-    M ? 0 : e.skip || 0,
+  ), te = !!((nt = e.group) != null && nt.length), { resolvedGroupsCount: Jt, flattedData: Qt } = Dt(
+    k,
+    Zt,
+    p ? 0 : e.skip || 0,
     e.group,
     e.detailExpand,
     e.groupExpand,
     e.dataItemKey
   );
-  f = Lt;
-  const q = Ct(), K = ((Oe = e.virtualSkipRef) == null ? void 0 : Oe.current) || 0;
-  let me = R;
-  if (b) {
+  C = Qt;
+  const ce = At(), ae = ((it = e.virtualSkipRef) == null ? void 0 : it.current) || 0;
+  let xe = H;
+  if (R) {
     let t = e.skip || 0;
-    if ((z || e.pageable) && (t = K, me = f.length), M || z || e.pageable)
-      if (q === 0) {
-        const i = Math.min(e.take || e.pageSize || 20, f.length);
-        U = f.slice(t, t + i);
+    if ((te || e.pageable) && (t = ae, xe = C.length), p || te || e.pageable)
+      if (ce === 0) {
+        const i = Math.min(e.take || e.pageSize || 20, C.length);
+        ue = C.slice(t, t + i);
       } else
-        U = f.slice(t, t + q);
+        ue = C.slice(t, t + ce);
   }
-  const ce = Ut(e.selectable), ue = Je(e.rowSpannable), Nt = ce && ce.drag ? "none" : void 0, A = n.useMemo(() => n.Children.toArray(e.children), [e.children]);
-  bt(A, Ht);
-  const J = n.useMemo(() => {
-    const t = La(e, s);
+  const Ie = ha(e.selectable), He = ht(e.rowSpannable), Xt = Ie && Ie.drag ? "none" : void 0, le = l.useMemo(() => l.Children.toArray(e.children), [e.children]), pt = Math.max(Jt, (rt = (ot = e.group) == null ? void 0 : ot.length) != null ? rt : 0);
+  zt(le, pt);
+  const fe = l.useMemo(() => {
+    const t = Ja(e, m);
     return {
       premium: t.length > 0,
       features: t
     };
-  }, [e, s]), fe = n.useMemo(() => J.premium ? !jt(ne, { component: "Grid", features: J.features }) : !1, [J.premium]), ge = A.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? n.cloneElement(t, { ...t.props, _ariaControls: G, ariaLabel: "Top toolbar" }) : null), F = A.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), be = A.filter(
+  }, [e, m]), Ne = l.useMemo(() => fe.premium ? !fa(Ee, { component: "Grid", features: fe.features }) : !1, [fe.premium]), Me = le.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, _ariaControls: D, ariaLabel: "Top toolbar" }) : null), ne = le.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), Te = le.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), u = s.filter((t) => t.children.length === 0), he = W && !h && /* @__PURE__ */ n.createElement(ea, { columns: ie(), group: e.group || [], ariaControls: G }), we = h ? null : /* @__PURE__ */ n.createElement(
-    Qt,
+  ), S = m.filter((t) => t.children.length === 0), $ = h === "compact", Pe = (t) => $ && t.children.length === 0 && t.defaultHeaderCell === yt, Z = $ ? m.filter((t) => !Pe(t)) : m, ea = $ ? Q.filter((t) => !Pe(t)) : Q, De = $ ? Ct(Z, y) : X, F = Z.filter((t) => t.children.length === 0), ta = ($ || h === "singleColumn" || h === "multipleColumns") && F.some((t) => t.columnType === "checkbox"), We = ee && !E && /* @__PURE__ */ l.createElement(
+    va,
     {
-      size: g,
-      staticHeaders: T !== "none",
-      draggable: e.reorderable || W,
-      headerRow: /* @__PURE__ */ n.createElement(
-        Xt,
+      columns: ve(),
+      hiddenColumns: J,
+      group: e.group || [],
+      ariaControls: D,
+      mode: h
+    }
+  ), Be = E ? null : /* @__PURE__ */ l.createElement(
+    Ra,
+    {
+      size: w,
+      staticHeaders: _ !== "none",
+      draggable: e.reorderable || ee,
+      headerRow: /* @__PURE__ */ l.createElement(
+        Ea,
         {
           cells: e.cells,
           sort: e.sort,
           sortable: e.sortable,
           group: e.group || [],
-          groupable: W,
+          groupable: ee,
           filter: e.filter,
           filterable: e.filterable,
-          filterOperators: e.filterOperators || pe,
+          filterOperators: e.filterOperators || Et,
           columnMenu: e.columnMenu,
           columnMenuIcon: e.columnMenuIcon,
-          columns: s,
-          columnsMap: N,
+          columns: Z,
+          columnsMap: De,
           navigatable: !!e.navigatable,
-          localization: D,
-          unstyled: k,
-          columnsState: C,
-          headerSelectionValue: !!(e.select && f.filter((t) => t.rowType === "data").every(
-            (t) => e.select && e.dataItemKey && te(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[te(e.dataItemKey)(t.dataItem)] : void 0
+          localization: W,
+          unstyled: B,
+          columnsState: y,
+          headerSelectionValue: !!(e.select && C.filter((t) => t.rowType === "data").every(
+            (t) => e.select && e.dataItemKey && we(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[we(e.dataItemKey)(t.dataItem)] : void 0
           ))
         }
       ),
-      filterRow: e.filterable && /* @__PURE__ */ n.createElement(
-        pt,
+      filterRow: e.filterable && /* @__PURE__ */ l.createElement(
+        Ga,
         {
           cells: e.cells,
-          size: g,
-          columns: s,
+          size: w,
+          columns: Z,
           filter: e.filter,
-          filterOperators: e.filterOperators || pe,
+          filterOperators: e.filterOperators || Et,
           sort: e.sort,
           navigatable: !!e.navigatable,
-          ariaRowIndex: N.length + 1,
-          localization: D
+          ariaRowIndex: De.length + 1,
+          localization: W
         }
       ) || void 0,
-      cols: u.map((t, i) => /* @__PURE__ */ n.createElement("col", { key: i.toString(), width: ae(t) }))
+      cols: F.map((t, i) => /* @__PURE__ */ l.createElement("col", { key: i.toString(), width: ye(t) }))
     }
-  ), Ce = u.findIndex((t) => typeof t.colSpan == "function") > -1;
-  let ye;
-  Ce || (ye = re(null));
-  const Q = ((Ve = e.editable) == null ? void 0 : Ve.mode) === "dialog", Dt = (_e = e.editable) == null ? void 0 : _e.enabled, Re = ($e = (je = e.editZoneRef) == null ? void 0 : je.current) != null ? $e : "body", Tt = Re === "pinned" ? void 0 : e.edit, Ee = Re === "body" ? void 0 : e.edit, P = {
-    leafColumns: u,
-    columnsState: C,
-    cellsToRender: ye,
-    getCellsToRender: re,
-    hasDynamicColSpan: Ce,
-    idPrefix: E,
-    gridClasses: m,
-    unstyled: k,
-    localization: D,
-    intl: vt,
+  ), Le = S.findIndex((t) => typeof t.colSpan == "function") > -1;
+  let ze;
+  Le || (ze = Se(null));
+  const ge = ((dt = e.editable) == null ? void 0 : dt.mode) === "dialog", aa = (st = e.editable) == null ? void 0 : st.enabled, Fe = (mt = (ut = e.editZoneRef) == null ? void 0 : ut.current) != null ? mt : "body", la = Fe === "pinned" ? void 0 : e.edit, Ke = Fe === "body" ? void 0 : e.edit, U = {
+    leafColumns: S,
+    renderedColumnsCount: F.length,
+    columnsState: y,
+    cellsToRender: ze,
+    getCellsToRender: Se,
+    hasDynamicColSpan: Le,
+    idPrefix: N,
+    gridClasses: c,
+    unstyled: B,
+    localization: W,
+    intl: $t,
     cells: e.cells,
-    isRowReorderable: I,
+    isRowReorderable: L,
     sort: e.sort,
     editable: e.editable,
     isClient: e.isClient,
-    isEditDialog: Q,
+    isEditDialog: ge,
     dataItemKey: e.dataItemKey,
     select: e.select,
-    highlight: e.highlight
-  }, Pt = 0;
-  let X = null;
-  const Se = (t) => t >= f.length - Pt, p = [], ve = !f.length, Ge = n.useMemo(() => {
+    highlight: e.highlight,
+    hiddenColumns: J,
+    groupingMode: h,
+    hasCheckboxColumn: ta
+  }, na = 0;
+  let be = null;
+  const Ae = (t) => t >= C.length - na, he = [], Oe = !C.length, je = l.useMemo(() => {
     var i;
     const t = e.pinnedTopRows || [];
-    return x && ((i = e.sort) != null && i.length) ? Qe([...t], e.sort) : t;
-  }, [e.pinnedTopRows, e.sort, x]), ke = n.useMemo(() => {
+    return z && ((i = e.sort) != null && i.length) ? wt([...t], e.sort) : t;
+  }, [e.pinnedTopRows, e.sort, z]), Ve = l.useMemo(() => {
     var i;
     const t = e.pinnedBottomRows || [];
-    return x && ((i = e.sort) != null && i.length) ? Qe([...t], e.sort) : t;
-  }, [e.pinnedBottomRows, e.sort, x]), Bt = e.pinnable && Ge.length > 0, Mt = e.pinnable && ke.length > 0;
-  let B = 0;
-  const Wt = n.useMemo(() => {
+    return z && ((i = e.sort) != null && i.length) ? wt([...t], e.sort) : t;
+  }, [e.pinnedBottomRows, e.sort, z]), ia = e.pinnable && je.length > 0, oa = e.pinnable && Ve.length > 0;
+  let Y = 0;
+  const ra = l.useMemo(() => {
     const t = /* @__PURE__ */ new Set();
     return e.pinnedTopRows && e.pinnedTopRows.forEach((i) => t.add(i)), e.pinnedBottomRows && e.pinnedBottomRows.forEach((i) => t.add(i)), t;
   }, [e.pinnedTopRows, e.pinnedBottomRows]);
-  if (f.length) {
-    const t = N.length + (e.filterable ? 1 : 0) + 1;
-    let i = e.skip || 0, r = -1, o = 0;
-    const a = ue.enabled ? {} : void 0;
-    if (b) {
-      if (K > 0) {
-        const l = f.slice(0, K).filter((d) => d.rowType === "data").length;
-        r += l, i += K;
+  if (C.length) {
+    const t = X.length + (e.filterable ? 1 : 0) + 1;
+    let i = e.skip || 0, o = -1, r = 0;
+    const a = He.enabled ? {} : void 0;
+    if (R) {
+      if (ae > 0) {
+        const d = C.slice(0, ae).filter((u) => u.rowType === "data").length;
+        o += d, i += ae;
       }
-      !e.pageable && M && (r += e.skip || 0);
+      !e.pageable && p && (o += e.skip || 0);
     }
-    (U || f).forEach((l, d) => {
-      var Ue;
-      l.rowType === "data" && r++;
-      const w = l.dataIndex % 2 !== 0, O = e.dataItemKey && te(e.dataItemKey)(l.dataItem), V = d + i, _ = O || "ai" + V, L = Za(P, Tt, l, _, r, w, a), At = l.rowType === "data" ? Wt.has(l.dataItem) : !1;
-      if (B = V + t + o, Q && Dt && L.isInEdit && (X = l.dataItem), p.push(
-        /* @__PURE__ */ n.createElement(
-          ja,
+    (ue || C).forEach((d, u) => {
+      var q;
+      d.rowType === "data" && o++;
+      const f = d.dataIndex % 2 !== 0, x = e.dataItemKey && we(e.dataItemKey)(d.dataItem), A = u + i, O = x || "ai" + A, G = fl(U, la, d, O, o, f, a), ie = d.rowType === "data" ? ra.has(d.dataItem) : !1;
+      if (Y = A + t + r, ge && aa && G.isInEdit && (be = d.dataItem), he.push(
+        /* @__PURE__ */ l.createElement(
+          ml,
           {
-            key: _,
-            isStackedMode: h,
-            item: l,
-            rowId: _,
-            dataIndex: r,
-            idPrefix: E,
-            ariaRowIndex: B,
-            absoluteRowIndex: V,
-            isAltRow: w,
-            isHidden: Se(d),
-            isRowReorderable: I,
+            key: O,
+            isStackedMode: E,
+            item: d,
+            rowId: O,
+            dataIndex: o,
+            idPrefix: N,
+            ariaRowIndex: Y,
+            absoluteRowIndex: A,
+            isAltRow: f,
+            isHidden: Ae(u),
+            isRowReorderable: L,
             rowHeight: e.rowHeight,
             rows: e.rows,
-            leafColumns: u,
-            groupLevelCount: S,
+            leafColumns: S,
+            groupLevelCount: M,
+            groupingMode: h,
             stackedLayoutSettings: e.stackedLayoutSettings,
             cells: e.cells,
-            editMode: (Ue = e.editable) == null ? void 0 : Ue.mode,
-            isSelected: L.isSelected,
-            isHighlighted: L.isHighlighted,
-            isInEdit: L.isInEdit && !Q,
-            preparedCells: L.row,
-            showDetailToggle: !!e.detail && !!v.enabled,
-            isDetailExpanded: !!l.expanded,
-            detailExpandField: v.column,
-            isPinned: At
+            editMode: (q = e.editable) == null ? void 0 : q.mode,
+            isSelected: G.isSelected,
+            isHighlighted: G.isHighlighted,
+            isInEdit: G.isInEdit && !ge,
+            preparedCells: G.row,
+            showDetailToggle: !!e.detail && !!T.enabled,
+            isDetailExpanded: !!d.expanded,
+            detailExpandField: T.column,
+            isPinned: ie
           }
         )
-      ), e.detail && l.rowType === "data" && l.expanded) {
-        o++;
-        const j = _ + "_1";
-        B = V + t + o;
-        const Ft = e.isClient ? Ca : Ka;
-        p.push(
-          /* @__PURE__ */ n.createElement(
-            $a,
+      ), e.detail && d.rowType === "data" && d.expanded) {
+        r++;
+        const P = O + "_1";
+        Y = A + t + r;
+        const oe = e.isClient ? Ka : il;
+        he.push(
+          /* @__PURE__ */ l.createElement(
+            cl,
             {
-              key: j,
-              isStackedMode: h,
-              detailRowId: j,
-              isHidden: Se(d),
+              key: P,
+              isStackedMode: E,
+              detailRowId: P,
+              isHidden: Ae(u),
               detailRowHeight: e.detailRowHeight,
-              ariaRowIndex: B,
-              item: l,
-              groupLevelCount: S,
+              ariaRowIndex: Y,
+              item: d,
+              groupLevelCount: M,
               groupDescriptors: e.group,
               lockGroups: e.lockGroups,
               cells: e.cells,
-              leafColumns: u,
-              detailExpandableEnabled: !!v.enabled,
-              preparedCells: L.row,
-              DetailCell: Ft,
+              leafColumns: S,
+              detailExpandableEnabled: !!T.enabled,
+              preparedCells: G.row,
+              DetailCell: oe,
               detail: e.detail,
-              detailCellId: $.generateNavigatableId(`${j}-dcell`, E),
-              detailHierarchyCellId: v.enabled ? $.generateNavigatableId(`${j}-dhcell`, E) : void 0,
-              detailTrClassName: c(m.detailTr({ isAlt: w })),
-              unstyled: k
+              detailCellId: de.generateNavigatableId(`${P}-dcell`, N),
+              detailHierarchyCellId: T.enabled ? de.generateNavigatableId(`${P}-dhcell`, N) : void 0,
+              detailTrClassName: b(c.detailTr({ isAlt: f })),
+              unstyled: B
             }
           )
         );
       }
     });
   }
-  const Ie = {
-    size: g,
-    total: R,
+  const _e = {
+    size: w,
+    total: H,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
-    ...wa(e.pageable || {})
-  }, xe = /* @__PURE__ */ n.createElement(Ea, null, e.pager ? /* @__PURE__ */ n.createElement(e.pager, { ...Ie }) : /* @__PURE__ */ n.createElement(Yt, { className: c(m.pager({})), ...Ie })), zt = (t, i) => /* @__PURE__ */ n.createElement("col", { key: i.toString(), width: ae(t) }), He = (Ze = e.cells) != null && Ze.footerCell || s.some((t) => {
+    ...Fa(e.pageable || {})
+  }, $e = /* @__PURE__ */ l.createElement(ja, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ..._e }) : /* @__PURE__ */ l.createElement(Ca, { className: b(c.pager({})), ..._e })), da = (t, i) => /* @__PURE__ */ l.createElement("col", { key: i.toString(), width: ye(t) }), Ze = (ct = e.cells) != null && ct.footerCell || m.some((t) => {
     var i;
     return !!((i = t.cells) != null && i.footerCell);
-  }) ? /* @__PURE__ */ n.createElement(
-    ta,
+  }) ? /* @__PURE__ */ l.createElement(
+    Sa,
     {
-      size: g,
-      staticHeaders: T !== "none",
-      row: /* @__PURE__ */ n.createElement(
-        ha,
+      size: w,
+      staticHeaders: _ !== "none",
+      row: /* @__PURE__ */ l.createElement(
+        za,
         {
           cells: e.cells,
-          idPrefix: E,
-          columns: s,
-          ariaRowIndex: B + 1
+          idPrefix: N,
+          columns: m,
+          ariaRowIndex: Y + 1
         }
       ),
-      cols: u.map(zt)
+      cols: S.map(da)
     }
-  ) : null, H = h ? /* @__PURE__ */ n.createElement(_a, { groupLevelCount: S }) : /* @__PURE__ */ n.createElement(ya, null, u.map((t, i) => /* @__PURE__ */ n.createElement(
+  ) : null, K = E ? /* @__PURE__ */ l.createElement(ul, { groupLevelCount: M }) : /* @__PURE__ */ l.createElement(Aa, null, F.map((t, i) => /* @__PURE__ */ l.createElement(
     "col",
     {
       key: i.toString(),
-      className: la(t.field, e.sort) ? c(m.sorted({})) : void 0,
-      width: ae(t)
+      className: xa(t.field, e.sort) ? b(c.sorted({})) : void 0,
+      width: ye(t)
     }
-  ))), Le = e.reorderable || W, { detail: Ya, cells: qa, rows: Ja, ...Kt } = e, Ne = /* @__PURE__ */ n.createElement(
+  ))), Ue = e.reorderable || ee, { detail: Cl, cells: wl, rows: yl, ...sa } = e, Ye = /* @__PURE__ */ l.createElement(
     "tbody",
     {
       role: "rowgroup",
-      className: c(m.tbody({})),
-      ...qt
+      className: b(c.tbody({})),
+      ...wa
     },
-    p
-  ), De = X ? /* @__PURE__ */ n.createElement(Pa, { columns: u, customEditDialog: e.editDialog, dataItem: X }) : null;
-  let ee = Ne;
-  I && (ee = /* @__PURE__ */ n.createElement(
-    Ia,
+    he
+  ), qe = be ? /* @__PURE__ */ l.createElement(el, { columns: S, customEditDialog: e.editDialog, dataItem: be }) : null;
+  let Ce = Ye;
+  L && (Ce = /* @__PURE__ */ l.createElement(
+    Ua,
     {
-      unstyled: m,
-      columns: s,
+      unstyled: c,
+      columns: m,
       rowReorderSettings: e.rowReorderable
     },
-    Ne
+    Ye
   ));
-  const Te = {
-    gridRef: mt,
+  const Je = {
+    gridRef: Pt,
     innerGrid: e.innerGrid,
-    gridProps: Kt,
-    columnsRef: ie(),
-    hiddenColumnsRef: oe,
-    columnsMapRef: N,
-    columnsState: C,
-    dataRef: f,
-    id: G,
-    virtualTotal: me,
-    isAllData: M,
-    virtualPageSize: q,
-    isVirtualScroll: b,
+    gridProps: sa,
+    columnsRef: ve(),
+    renderedColumnsRef: e.isClient ? Z : ea,
+    hiddenColumnsRef: J,
+    columnsMapRef: X,
+    columnsState: y,
+    dataRef: C,
+    id: D,
+    virtualTotal: xe,
+    isAllData: p,
+    virtualPageSize: ce,
+    isVirtualScroll: R,
     detailExpandable: !!e.detail
   };
-  return T === "none" ? /* @__PURE__ */ n.createElement(tt, { ...Te }, /* @__PURE__ */ n.createElement(it, null, /* @__PURE__ */ n.createElement(
+  return _ === "none" ? /* @__PURE__ */ l.createElement(vt, { ...Je }, /* @__PURE__ */ l.createElement(It, null, /* @__PURE__ */ l.createElement(
     "div",
     {
       id: e.id,
       style: e.style,
-      className: c(m.wrapper({ size: g, isStackedMode: h }), e.className),
-      ...qe
+      className: b(c.wrapper({ size: w, isStackedMode: E }), e.className),
+      ...bt
     },
-    ge,
-    he,
-    /* @__PURE__ */ n.createElement(
+    Me,
+    We,
+    /* @__PURE__ */ l.createElement(
       "div",
       {
-        className: c(m.ariaRoot({})),
+        className: b(c.ariaRoot({})),
         role: "grid",
-        "aria-colcount": u.length,
-        "aria-rowcount": R,
-        id: G,
-        "aria-label": D.toLanguageString(Z, rt[Z])
+        "aria-colcount": S.length,
+        "aria-rowcount": H,
+        id: D,
+        "aria-label": W.toLanguageString(se, Ge[se])
       },
-      /* @__PURE__ */ n.createElement(
-        Ra,
+      /* @__PURE__ */ l.createElement(
+        Oa,
         {
           selectable: e.selectable,
-          tableClassName: c(m.table({ size: g }))
+          tableClassName: b(c.table({ size: w }))
         },
-        H,
-        we,
-        /* @__PURE__ */ n.createElement(nt, { rowReorderable: I }, ee),
-        He
+        K,
+        Be,
+        /* @__PURE__ */ l.createElement(xt, { rowReorderable: L }, Ce),
+        Ze
       )
     ),
-    ve && /* @__PURE__ */ n.createElement(et, null, F.length ? F : /* @__PURE__ */ n.createElement(Xe, null)),
-    Le && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(at, null), /* @__PURE__ */ n.createElement(lt, null))
-  )), be, e.pageable && xe, /* @__PURE__ */ n.createElement(ot, { loader: e.loader, showLoader: e.showLoader }), De, fe && /* @__PURE__ */ n.createElement(Ye, { message: se })) : /* @__PURE__ */ n.createElement(tt, { ...Te }, /* @__PURE__ */ n.createElement(it, null, /* @__PURE__ */ n.createElement(
+    Oe && /* @__PURE__ */ l.createElement(Gt, null, ne.length ? ne : /* @__PURE__ */ l.createElement(Rt, null)),
+    Ue && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(St, null), /* @__PURE__ */ l.createElement(kt, null))
+  )), Te, e.pageable && $e, /* @__PURE__ */ l.createElement(Nt, { loader: e.loader, showLoader: e.showLoader }), qe, Ne && /* @__PURE__ */ l.createElement(gt, { message: ke })) : /* @__PURE__ */ l.createElement(vt, { ...Je }, /* @__PURE__ */ l.createElement(It, null, /* @__PURE__ */ l.createElement(
     "div",
     {
       id: e.id,
       style: e.style,
-      className: c(
-        m.wrapper({
-          size: g,
-          virtual: b,
-          isStackedMode: h
+      className: b(
+        c.wrapper({
+          size: w,
+          virtual: R,
+          isStackedMode: E
         }),
         e.className
       ),
-      ...qe
+      ...bt
     },
-    ge,
-    he,
-    /* @__PURE__ */ n.createElement(
+    Me,
+    We,
+    /* @__PURE__ */ l.createElement(
       "div",
       {
-        className: c(m.ariaRoot({})),
+        className: b(c.ariaRoot({})),
         role: "grid",
-        "aria-colcount": u.length,
-        "aria-rowcount": R,
-        id: G,
-        "aria-label": D.toLanguageString(Z, rt[Z])
+        "aria-colcount": F.length,
+        "aria-rowcount": H,
+        id: D,
+        "aria-label": W.toLanguageString(se, Ge[se])
       },
-      we,
-      e.isClient && Bt && /* @__PURE__ */ n.createElement(
-        st,
+      Be,
+      e.isClient && ia && /* @__PURE__ */ l.createElement(
+        Tt,
         {
-          size: g,
-          colGroups: H,
-          dataRowContext: P,
-          edit: Ee,
+          size: w,
+          colGroups: K,
+          dataRowContext: U,
+          edit: Ke,
           position: "top",
-          pinnedItems: Ge,
-          isStackedMode: h,
-          groupLevelCount: S,
+          pinnedItems: je,
+          isStackedMode: E,
+          groupLevelCount: M,
           stackedLayoutSettings: e.stackedLayoutSettings,
           rowHeight: e.rowHeight,
           rows: e.rows,
           selectable: e.selectable
         }
       ),
-      /* @__PURE__ */ n.createElement("div", { className: c(m.container({})), role: "presentation" }, e.isClient && z && kt && /* @__PURE__ */ n.createElement(
-        dt,
+      /* @__PURE__ */ l.createElement("div", { className: b(c.container({})), role: "presentation" }, e.isClient && te && Ut && /* @__PURE__ */ l.createElement(
+        Mt,
         {
-          size: g,
-          colGroups: H,
-          dataRowContext: P,
+          size: w,
+          colGroups: K,
+          dataRowContext: U,
           position: "top",
-          isStackedMode: h,
-          groupLevelCount: S,
+          isStackedMode: E,
+          groupLevelCount: M,
           stackedLayoutSettings: e.stackedLayoutSettings,
-          rowHeight: e.rowHeight
+          rowHeight: e.rowHeight,
+          rows: e.rows
         }
-      ), /* @__PURE__ */ n.createElement(va, null, /* @__PURE__ */ n.createElement(
+      ), /* @__PURE__ */ l.createElement(_a, null, /* @__PURE__ */ l.createElement(
         "div",
         {
-          className: c(
-            m.content({}),
-            b && Y && "k-grid-content--hide-scrollbar"
+          className: b(
+            c.content({}),
+            R && me && "k-grid-content--hide-scrollbar"
           ),
           style: {
-            ...b && Y && { overflowY: "scroll", scrollbarWidth: "none" }
+            ...R && me && { overflowY: "scroll", scrollbarWidth: "none" }
           },
           role: "presentation"
         },
-        /* @__PURE__ */ n.createElement("div", { className: c(m.tableWrap({})), role: "presentation" }, /* @__PURE__ */ n.createElement(
-          Sa,
+        /* @__PURE__ */ l.createElement("div", { className: b(c.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
+          Va,
           {
             selectable: e.selectable,
-            tableClassName: c(
-              m.table({
-                size: g
+            tableClassName: b(
+              c.table({
+                size: w
               })
             ),
-            tableStyle: { userSelect: Nt }
+            tableStyle: { userSelect: Xt }
           },
-          H,
-          /* @__PURE__ */ n.createElement(nt, { rowReorderable: I }, ee)
-        ), ve && /* @__PURE__ */ n.createElement(et, null, F.length ? F : /* @__PURE__ */ n.createElement(Xe, null))),
-        b && /* @__PURE__ */ n.createElement(
+          K,
+          /* @__PURE__ */ l.createElement(xt, { rowReorderable: L }, Ce)
+        ), Oe && /* @__PURE__ */ l.createElement(Gt, null, ne.length ? ne : /* @__PURE__ */ l.createElement(Rt, null))),
+        R && /* @__PURE__ */ l.createElement(
           "div",
           {
-            className: c(m.heightContainer({})),
+            className: b(c.heightContainer({})),
+            "aria-colcount": F.length,
             role: "presentation"
           },
-          /* @__PURE__ */ n.createElement(Ga, { isVirtualScroll: b })
+          /* @__PURE__ */ l.createElement($a, { isVirtualScroll: R })
         )
-      )), e.isClient && b && Y && /* @__PURE__ */ n.createElement(ka, null), e.isClient && z && It && /* @__PURE__ */ n.createElement(
-        dt,
+      )), e.isClient && R && me && /* @__PURE__ */ l.createElement(Za, null), e.isClient && te && Yt && /* @__PURE__ */ l.createElement(
+        Mt,
         {
-          size: g,
-          colGroups: H,
-          dataRowContext: P,
+          size: w,
+          colGroups: K,
+          dataRowContext: U,
           position: "bottom",
-          isStackedMode: h,
-          groupLevelCount: S,
+          isStackedMode: E,
+          groupLevelCount: M,
           stackedLayoutSettings: e.stackedLayoutSettings,
-          rowHeight: e.rowHeight
+          rowHeight: e.rowHeight,
+          rows: e.rows
         }
       )),
-      e.isClient && Mt && /* @__PURE__ */ n.createElement(
-        st,
+      e.isClient && oa && /* @__PURE__ */ l.createElement(
+        Tt,
         {
-          size: g,
-          colGroups: H,
-          dataRowContext: P,
-          edit: Ee,
+          size: w,
+          colGroups: K,
+          dataRowContext: U,
+          edit: Ke,
           position: "bottom",
-          pinnedItems: ke,
-          isStackedMode: h,
-          groupLevelCount: S,
+          pinnedItems: Ve,
+          isStackedMode: E,
+          groupLevelCount: M,
           stackedLayoutSettings: e.stackedLayoutSettings,
           rowHeight: e.rowHeight,
           rows: e.rows,
           selectable: e.selectable
         }
       ),
-      He,
-      Le && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(at, null), /* @__PURE__ */ n.createElement(lt, null)),
-      fe && /* @__PURE__ */ n.createElement(Ye, { message: se })
+      Ze,
+      Ue && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(St, null), /* @__PURE__ */ l.createElement(kt, null)),
+      Ne && /* @__PURE__ */ l.createElement(gt, { message: ke })
     ),
-    be,
-    e.pageable && xe,
-    /* @__PURE__ */ n.createElement(ot, { loader: e.loader, showLoader: e.showLoader }),
-    De
+    Te,
+    e.pageable && $e,
+    /* @__PURE__ */ l.createElement(Nt, { loader: e.loader, showLoader: e.showLoader }),
+    qe
   )));
 });
-Ua.displayName = "KendoReactGridComponent";
+gl.displayName = "KendoReactGridComponent";
 export {
-  Ua as GridComponent
+  gl as GridComponent
 };