@progress/kendo-react-grid 14.2.2-develop.1 → 14.3.0-develop.2

package/GridComponent.mjs

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