@progress/kendo-react-grid 13.3.0-develop.1 → 13.3.0-develop.3

package/GridComponent.mjs

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