@progress/kendo-react-grid 15.1.0-develop.1 → 15.1.0-develop.10

package/GridComponent.mjs

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