@progress/kendo-react-grid 11.0.0-develop.2 → 11.0.0-develop.21

package/GridComponent.mjs

@@ -5,122 +5,123 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as l from "react";
-import { uGrid as Gt, validatePackage as kt, getter as A, classNames as f, WatermarkOverlay as je } from "@progress/kendo-react-common";
-import { process as Nt } from "@progress/kendo-data-query";
-import { combineFilters as Dt, getDetailExpandableOptions as Ft, getGroupExpandableOptions as Tt, getSelectionOptions as At, tableKeyboardNavigationTools as V, Pager as Pt, tableKeyboardNavigationBodyAttributes as Kt, tableKeyboardNavigationScopeAttributes as Ue } from "@progress/kendo-react-data-tools";
-import { GridSelectionCell as Ht } from "./cells/GridSelectionCell.mjs";
-import { GridHierarchyCell as Bt } from "./cells/GridHierarchyCell.mjs";
-import { GridEditCell as Lt } from "./cells/GridEditCell.mjs";
-import { Header as Vt } from "./header/Header.mjs";
-import { HeaderRow as Ot } from "./header/HeaderRow.mjs";
-import { FilterRow as Mt } from "./header/FilterRow.mjs";
-import { GroupPanel as _t } from "./header/GroupPanel.mjs";
-import { Footer as zt } from "./footer/Footer.mjs";
-import { isRowReorderEnabled as Wt, getRowSpanOptions as qe, getColumnWidth as re, isSorted as Je, flatData as $t, autoGenerateColumns as jt, mapColumns as Ut, clientColumn as qt, getFlatColumnsState as Jt, getColumnState as oe, getColSpan as Qt, getNestedValue as Qe, resolveCells as Xt, isClientReference as Yt, readColumns as Zt } from "./utils/index.mjs";
-import { GridCell as pt } from "./cells/GridCell.mjs";
-import { GridGroupCell as Xe } from "./cells/GridGroupCell.mjs";
-import { GridRow as el } from "./rows/GridRow.mjs";
-import { GridHeaderSelectionCell as tl } from "./header/GridHeaderSelectionCell.mjs";
-import { GridNoRecords as Ye } from "./components/noRecords/GridNoRecords.mjs";
-import { operators as Ze } from "./filterCommon.mjs";
-import { FooterRow as ll } from "./footer/FooterRow.mjs";
-import { normalize as al } from "./paging/GridPagerSettings.mjs";
-import { packageMetadata as nl } from "./package-metadata.mjs";
-import { GridDetailCell as rl } from "./cells/GridDetailCell.mjs";
+import * as a from "react";
+import { uGrid as Nt, hasValidLicense as Dt, validatePackage as Tt, getter as H, classNames as f, WatermarkOverlay as $e } from "@progress/kendo-react-common";
+import { process as Ht } from "@progress/kendo-data-query";
+import { combineFilters as Pt, getDetailExpandableOptions as Kt, getGroupExpandableOptions as At, getSelectionOptions as Bt, tableKeyboardNavigationTools as O, Pager as Ft, tableKeyboardNavigationBodyAttributes as Lt, tableKeyboardNavigationScopeAttributes as je } from "@progress/kendo-react-data-tools";
+import { GridHierarchyCell as Mt } from "./cells/hierarchycell/GridHierarchyCell.mjs";
+import { GridEditCell as Ot } from "./cells/editcell/GridEditCell.mjs";
+import { Header as _t } from "./header/Header.mjs";
+import { HeaderRow as zt } from "./header/HeaderRow.mjs";
+import { FilterRow as Vt } from "./header/FilterRow.mjs";
+import { GroupPanel as Wt } from "./header/GroupPanel.mjs";
+import { Footer as $t } from "./footer/Footer.mjs";
+import { isRowReorderEnabled as jt, getRowSpanOptions as Ue, getColumnWidth as ne, isSorted as qe, flatData as Ut, autoGenerateColumns as qt, mapColumns as Jt, clientColumn as Qt, getFlatColumnsState as Xt, getColumnState as oe, getColSpan as Yt, resolveCells as Zt, readColumns as pt } from "./utils/index.mjs";
+import { GridCell as el } from "./cells/datacell/GridCell.mjs";
+import { GridGroupCell as Je } from "./cells/groupcell/GridGroupCell.mjs";
+import { GridRow as tl } from "./rows/GridRow.mjs";
+import { GridHeaderSelectionCell as ll } from "./header/GridHeaderSelectionCell.mjs";
+import { GridNoRecords as Qe } from "./components/noRecords/GridNoRecords.mjs";
+import { operators as Xe } from "./filterCommon.mjs";
+import { FooterRow as al } from "./footer/FooterRow.mjs";
+import { normalize as rl } from "./paging/GridPagerSettings.mjs";
+import { packageMetadata as Ye } from "./package-metadata.mjs";
+import { GridDetailCell as nl } from "./cells/detailcell/GridDetailCell.mjs";
 import { GridDetailHierarchyCell as ol } from "./cells/GridDetailHierarchyCell.mjs";
-import { GridNoRecordsContainer as pe } from "./components/noRecords/GridNoRecordsContainer.mjs";
-import { GridClientWrapper as et } from "./GridClientWrapper.mjs";
+import { GridNoRecordsContainer as Ze } from "./components/noRecords/GridNoRecordsContainer.mjs";
+import { GridClientWrapper as pe } from "./GridClientWrapper.mjs";
 import { GridColGroup as il } from "./components/colGroup/GridColGroup.mjs";
 import { GridTable as dl } from "./components/table/GridTable.mjs";
-import { GridDropClue as tt } from "./components/GridDropClue.mjs";
-import { GridDragClue as lt } from "./components/GridDragClue.mjs";
-import { GridTableBody as at } from "./components/table/GridTableBody.mjs";
+import { GridDropClue as et } from "./components/GridDropClue.mjs";
+import { GridDragClue as tt } from "./components/GridDragClue.mjs";
+import { GridTableBody as lt } from "./components/table/GridTableBody.mjs";
 import { PagerContainer as cl } from "./components/PagerContainer.mjs";
 import { GridTableScrollable as ml } from "./components/table/GridTableScrollable.mjs";
-import { GridElementContainer as nt } from "./components/GridElementContainer.mjs";
+import { GridElementContainer as at } from "./components/GridElementContainer.mjs";
 import { GridContainerElementContainer as ul } from "./components/GridContainerElementContainer.mjs";
 import { VirtualScrollHeightContainer as sl } from "./components/VirtualScrollHeightContainer.mjs";
 import { gridAriaLabel as rt, messages as fl } from "./messages/index.mjs";
-import { VirtualScrollFixed as q } from "./VirtualScrollFixed.mjs";
-import { VirtualScroll as gl } from "./VirtualScroll.mjs";
-import { GridCustomCellClientContainer as bl } from "./components/GridCustomCellClientContainer.mjs";
-import { GridReorderableRowsContainer as hl } from "./components/GridDraggableRowsContainer.mjs";
-import { GridRowReorderCell as yl } from "./cells/GridRowReorderCell.mjs";
-import { GridHeaderRowReorderCell as wl } from "./header/client/GridHeaderRowReorderCell.mjs";
-import { GridLoader as ot } from "./components/GridLoader.mjs";
+import { GridReorderableRowsContainer as gl } from "./components/GridDraggableRowsContainer.mjs";
+import { GridRowReorderCell as bl } from "./cells/rowreordercell/GridRowReorderCell.mjs";
+import { GridHeaderRowReorderCell as hl } from "./header/client/GridHeaderRowReorderCell.mjs";
+import { GridLoader as nt } from "./components/GridLoader.mjs";
 import { gridPremiumFeatures as Cl } from "./utils/premium.mjs";
-import { LocalizationService as El, IntlService as Il } from "@progress/kendo-react-intl";
-import { getVirtualCellsToRender as Sl } from "./utils/virtualColumns.mjs";
-import { GridEditDialog as Rl } from "./components/GridEditDialog.mjs";
-const vl = l.forwardRef((e, ie) => {
-  var Te, Ae, Pe, Ke, He, Be, Le, Ve, Oe, Me;
-  const v = e.id + "-role-element-id", x = e.navigatable ? v : "";
-  let C = e.columnsState || [];
-  const it = (t, r, d, o, i, c, a) => {
-    const m = [], w = $t(
-      m,
-      y,
+import { LocalizationService as yl, IntlService as wl } from "@progress/kendo-react-intl";
+import { getVirtualCellsToRender as El } from "./utils/virtualColumns.mjs";
+import { GridEditDialog as Sl } from "./components/GridEditDialog.mjs";
+import { GridCellServer as Il } from "./cells/datacell/GridCellServer.mjs";
+import { GridEditCellServer as vl } from "./cells/editcell/GridEditCellServer.mjs";
+import { GridSelectionCellServer as Rl } from "./cells/selectioncell/GridSelectionCellServer.mjs";
+import { GridSelectionCell as Gl } from "./cells/selectioncell/GridSelectionCell.mjs";
+import { GridHierarchyCellServer as xl } from "./cells/hierarchycell/GridHierarchyCellServer.mjs";
+import { GridRowReorderCellServer as kl } from "./cells/rowreordercell/GridRowReorderCellServer.mjs";
+import { GridDetailCellServer as Nl } from "./cells/detailcell/GridDetailCellServer.mjs";
+import { GridGroupCellServer as Dl } from "./cells/groupcell/GridGroupCellServer.mjs";
+const Tl = a.forwardRef((e, ie) => {
+  var Te, He, Pe, Ke, Ae, Be, Fe, Le, Me, Oe, _e, ze;
+  const R = e.id + "-role-element-id", G = e.navigatable ? R : "";
+  let E = e.columnsState || [];
+  const ot = (t, o, n, d, i, l, c) => {
+    const u = [], T = Ut(
+      u,
       t,
-      { index: r },
-      d !== void 0,
       o,
+      { index: n },
+      d !== void 0,
       i,
-      c,
-      Ct.defaultExpand,
-      a
+      l,
+      Et.defaultExpand,
+      c
     );
-    return { flattedData: m, resolvedGroupsCount: w };
-  }, dt = (t) => {
-    const r = t.filter(
-      (d) => d && d.type && d.type.displayName === "KendoReactGridColumn"
+    return { flattedData: u, resolvedGroupsCount: T };
+  }, it = (t) => {
+    const o = t.filter(
+      (n) => n && n.type && n.type.displayName === "KendoReactGridColumn"
     );
-    return Zt(r, C, { prevId: 0, idPrefix: x });
-  }, ct = () => {
-    const t = [], r = (d, o) => d == null ? void 0 : d.forEach((i) => {
-      const c = i.hidden || o;
+    return pt(o, E, { prevId: 0, idPrefix: G });
+  }, dt = () => {
+    const t = [], o = (n, d) => n == null ? void 0 : n.forEach((i) => {
+      const l = i.hidden || d;
       t.push({
         ...i,
-        hidden: c
-      }), r(i.children, c);
+        hidden: l
+      }), o(i.children, l);
     });
-    return r(C, !1), t;
-  }, mt = (t) => {
-    const r = ct();
-    return t.filter((d) => {
-      var o;
-      return !d.hidden && !((o = r.find((i) => i.id === d.id)) != null && o.hidden);
+    return o(E, !1), t;
+  }, ct = (t) => {
+    const o = dt();
+    return t.filter((n) => {
+      var d;
+      return !n.hidden && !((d = o.find((i) => i.id === n.id)) != null && d.hidden);
     });
-  }, ut = (t, r) => {
-    var d;
-    u = dt(t), u.filter((o) => !o.hidden).length === 0 && (u = jt(
-      y,
+  }, mt = (t, o) => {
+    m = it(t), m.filter((n) => !n.hidden).length === 0 && (m = qt(
+      C,
       e.group,
       {
-        column: (d = K.column) != null ? d : e.expandField
+        column: P.column
       },
       {
         prevId: 0,
-        idPrefix: x
+        idPrefix: G
       }
-    )), ft(u, r), u = mt(u), G = Ut(u, !0), ce = u.map(qt);
-  }, st = (t, r) => {
-    const d = (o) => {
-      var c;
-      const i = r.find((a) => a.id === o.id);
-      return i ? (i.children = (c = o.children) == null ? void 0 : c.map(d), i) : oe(o);
+    )), st(m, o), m = ct(m), x = Jt(m, !0), me = m.map(Qt);
+  }, ut = (t, o) => {
+    const n = (d) => {
+      var l;
+      const i = o.find((c) => c.id === d.id);
+      return i ? (i.children = (l = d.children) == null ? void 0 : l.map(n), i) : oe(d);
     };
-    C = t.filter((o) => o.parentIndex === -1).map(d);
-  }, ft = (t, r) => {
-    var c;
-    t.filter((a) => e.selectedField && a.field === e.selectedField || a.columnType === "checkbox").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || Ht, a._type = "edit", a.headerCell = a.headerCell || tl;
-    }), N !== void 0 && t.filter((a) => a.columnType === "reorder").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || yl, a.headerCell = a.headerCell || wl, a.sortable = !1, a.filterable = !1, a.editable = !1;
+    E = t.filter((d) => d.parentIndex === -1).map(n);
+  }, st = (t, o) => {
+    t.filter((l) => l.columnType === "checkbox").forEach((l) => {
+      l.width = l.width || "50px", l.defaultCell = e.isClient ? Gl : Rl, l.defaultHeaderCell = ll, l._type = "edit";
+    }), N !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
+      l.width = l.width || "50px", l.defaultCell = e.isClient ? bl : kl, l.defaultHeaderCell = hl, l.sortable = !1, l.filterable = !1, l.editable = !1;
     });
-    const d = Jt(C);
-    st(t, d);
-    const o = {
+    const n = Xt(E);
+    ut(t, n);
+    const d = {
       id: "",
       resizable: !0,
       width: "32px",
@@ -141,332 +142,317 @@ const vl = l.forwardRef((e, ie) => {
       isAccessible: !0
     };
     let i = 0;
-    if ((e.expandField || K.enabled) && e.detail) {
-      const a = {
-        ...o,
+    if (P.enabled && e.detail) {
+      const l = {
+        ...d,
         _type: "expand",
-        id: V.generateNavigatableId(`${i++}`, "expand", "column"),
-        cell: Bt,
-        field: (c = K.column) != null ? c : e.expandField,
+        id: O.generateNavigatableId(`${i++}`, "expand", "column"),
+        defaultCell: e.isClient ? Mt : xl,
+        field: P.column,
         headerClassName: f(s.hierarchyCell({}))
       };
-      t.unshift(a), C.unshift(d.find((m) => m.id === a.id) || oe(a));
+      t.unshift(l), E.unshift(n.find((c) => c.id === l.id) || oe(l));
     }
-    for (let a = 0; a < r; a++) {
-      const m = {
-        ...o,
+    for (let l = 0; l < o; l++) {
+      const c = {
+        ...d,
         isAccessible: !1,
-        cell: Xe,
-        id: V.generateNavigatableId(`${i++}`, "group", "column"),
+        defaultCell: e.isClient ? Je : Dl,
+        id: O.generateNavigatableId(`${i++}`, "group", "column"),
         field: "value",
         locked: e.lockGroups
       };
-      t.unshift(m), C.unshift(d.find((w) => w.id === m.id) || oe(m));
+      t.unshift(c), E.unshift(n.find((u) => u.id === c.id) || oe(c));
     }
-    t.slice(i).forEach((a) => {
-      a.parentIndex >= 0 && (a.parentIndex += i), a.rowSpannable = a.rowSpannable !== void 0 ? qe(a.rowSpannable) : ue;
+    t.slice(i).forEach((l) => {
+      l.parentIndex >= 0 && (l.parentIndex += i), l.rowSpannable = l.rowSpannable !== void 0 ? Ue(l.rowSpannable) : fe;
     });
-  }, O = () => {
-    var t;
-    return Array.isArray(e.data) ? y.length === e.total : y ? e.total === ((t = e.data) == null ? void 0 : t.total) : !1;
-  }, gt = () => {
-    const { rowHeight: t, detailRowHeight: r, detail: d, expandField: o } = e, i = O(), c = t !== void 0 && t > 0, a = r !== void 0 && r > 0;
-    return !c || P && !i || !!(d && o) && (!a || !i) ? gl : q;
-  }, J = () => e.isClient ? u : ce, de = (t) => {
-    const r = [];
-    let d = null, o = 0;
-    if (b.forEach((i, c) => {
-      const a = parseFloat((i.width || "").toString()) || 10;
-      if (o) {
-        o--, d && (d.width += a);
+  }, U = () => e.isClient ? m : me, de = (t) => {
+    const o = [];
+    let n = null, d = 0;
+    if (g.forEach((i, l) => {
+      const c = parseFloat((i.width || "").toString()) || 10;
+      if (d) {
+        d--, n && (n.width += c);
         return;
       }
-      const m = Math.min(Qt(i, t), b.length - c);
-      o = m - 1, d = {
-        width: a,
-        colSpan: m,
-        columnIndex: c
-      }, r.push(d);
+      const u = Math.min(Yt(i, t), g.length - l);
+      d = u - 1, n = {
+        width: c,
+        colSpan: u,
+        columnIndex: l
+      }, o.push(n);
     }), e.columnVirtualization) {
-      const i = bt.current || 0, c = ht.current || parseFloat(((e.style || {}).width || "").toString());
-      return Sl({
-        cellModels: r,
-        columns: b,
-        tableViewPortWidth: c,
+      const i = gt.current || 0, l = bt.current || parseFloat(((e.style || {}).width || "").toString());
+      return El({
+        cellModels: o,
+        columns: g,
+        tableViewPortWidth: l,
         scrollLeft: i
       });
     }
-    return r;
+    return o;
+  }, ft = () => {
+    const { pageable: t, take: o, pageSize: n } = e;
+    if (!h)
+      return 0;
+    if (!t) {
+      if (o)
+        return o;
+      if (n)
+        return n;
+    }
+    const d = e.rowHeight || Ct.current, i = ht.current;
+    return i && d ? Math.ceil(i / d * 1.5) : 0;
   };
-  let Q, h = [], M, u = [], ce = [], G = [[]];
-  const bt = e.scrollLeftRef || { current: 0 }, ht = e.widthRef || { current: 0 }, _ = e.localization || new El(e.language), yt = e.intl || new Il((Te = e.locale) != null ? Te : "en"), k = e.unstyled, s = k && k.uGrid ? k.uGrid : Gt, N = Wt(e.rowReorderable), D = e.autoProcessData === !0 ? {
+  let b = [], ce, m = [], me = [], x = [[]];
+  const gt = e.scrollLeftRef || { current: 0 }, bt = e.widthRef || { current: 0 }, ht = e.containerHeightRef || { current: 0 }, Ct = e.minRowHeightRef || { current: 0 }, _ = e.localization || new yl(e.language), yt = e.intl || new wl((Te = e.locale) != null ? Te : "en"), k = e.unstyled, s = k && k.uGrid ? k.uGrid : Nt, N = jt(e.rowReorderable), h = e.scrollable === "virtual" || e.scrollable === void 0 && Dt(Ye), D = e.autoProcessData === !0 ? {
     group: !0,
     sort: !0,
     filter: !0,
     search: !0,
     page: !0
   } : e.autoProcessData;
-  let y, S;
-  if (Array.isArray(e.data) ? (y = e.data, S = (Ae = e.total) != null ? Ae : y.length) : (y = ((Pe = e.data) == null ? void 0 : Pe.data) || [], S = (Be = (He = e.total) != null ? He : (Ke = e.data) == null ? void 0 : Ke.total) != null ? Be : y.length), D) {
-    const { data: t, total: r } = Nt(y, {
+  let C, v;
+  if (Array.isArray(e.data) ? (C = e.data, v = (He = e.total) != null ? He : C.length) : (C = ((Pe = e.data) == null ? void 0 : Pe.data) || [], v = (Be = (Ae = e.total) != null ? Ae : (Ke = e.data) == null ? void 0 : Ke.total) != null ? Be : C.length), D) {
+    const t = D.page && !(h && !e.pageable), { data: o, total: n } = Ht(C, {
       group: D.group ? e.group : void 0,
       sort: D.sort ? e.sort : void 0,
-      filter: Dt(
+      filter: Pt(
         D.filter ? e.filter : void 0,
         D.search ? e.search : void 0
       ),
-      ...D.page ? {
-        take: e.take,
-        skip: e.skip
+      ...t ? {
+        take: e.pageable ? e.take || 10 : e.take,
+        skip: e.skip || 0
       } : {}
     });
-    y = t, S = (Le = e.total) != null ? Le : r;
+    C = o, v = (Fe = e.total) != null ? Fe : n;
   }
-  const { size: E = "medium" } = e, wt = typeof e.groupable == "object" && e.groupable.footer || "none", F = e.scrollable === "virtual", P = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, K = Ft(!!e.detail), Ct = Tt(
+  const z = C.length === v, { size: S = "medium" } = e, wt = typeof e.groupable == "object" && e.groupable.footer || "none", V = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, P = Kt(!!e.detail), Et = At(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
-  ), { resolvedGroupsCount: Et, flattedData: It } = it(
+  ), ue = !!((Le = e.group) != null && Le.length), { resolvedGroupsCount: St, flattedData: It } = ot(
+    C,
     wt,
-    e.skip || 0,
+    z ? 0 : e.skip || 0,
     e.group,
-    e.expandField,
     e.detailExpand,
     e.groupExpand,
     e.dataItemKey
   );
-  h = It;
-  const X = gt();
-  X === q && O() && (M = h.slice(
-    e.skip || 0,
-    (e.skip || 0) + ((e.take !== void 0 ? e.take : e.pageSize) || 0)
-  ));
-  const me = At(e.selectable || !!e.selectedField), ue = qe(e.rowSpannable), St = me && me.drag ? "none" : void 0, z = l.useMemo(() => l.Children.toArray(e.children), [e.children]);
-  ut(z, Et);
-  const Y = l.useMemo(() => {
-    const t = Cl(e, u);
+  b = It;
+  const q = ft(), J = ((Me = e.virtualSkipRef) == null ? void 0 : Me.current) || 0;
+  let Q = v;
+  if (h) {
+    let t = e.skip || 0;
+    (ue || e.pageable) && (t = J, Q = b.length), (z || ue || e.pageable) && (ce = b.slice(t, t + q));
+  }
+  const se = Bt(e.selectable), fe = Ue(e.rowSpannable), vt = se && se.drag ? "none" : void 0, W = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
+  mt(W, St);
+  const X = a.useMemo(() => {
+    const t = Cl(e, m);
     return {
       premium: t.length > 0,
       features: t
     };
-  }, [e, u]), se = l.useMemo(() => Y.premium ? !kt(nl, { component: "Grid", features: Y.features }) : !1, [Y.premium]), fe = z.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: v }) : null), W = z.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ge = z.filter(
+  }, [e, m]), ge = a.useMemo(() => X.premium ? !Tt(Ye, { component: "Grid", features: X.features }) : !1, [X.premium]), be = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? a.cloneElement(t, { ...t.props, _ariaControls: R, ariaLabel: "Top toolbar" }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), he = W.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), b = u.filter((t) => t.children.length === 0), be = P && /* @__PURE__ */ l.createElement(_t, { columns: J(), group: e.group || [], ariaControls: v }), he = /* @__PURE__ */ l.createElement(
-    Vt,
+  ), g = m.filter((t) => t.children.length === 0), Ce = V && /* @__PURE__ */ a.createElement(Wt, { columns: U(), group: e.group || [], ariaControls: R }), ye = /* @__PURE__ */ a.createElement(
+    _t,
     {
-      size: E,
+      size: S,
       staticHeaders: e.scrollable !== "none",
-      draggable: e.reorderable || P,
-      headerRow: /* @__PURE__ */ l.createElement(
-        Ot,
+      draggable: e.reorderable || V,
+      headerRow: /* @__PURE__ */ a.createElement(
+        zt,
         {
           cells: e.cells,
           sort: e.sort,
           sortable: e.sortable,
           group: e.group || [],
-          groupable: P,
+          groupable: V,
           filter: e.filter,
           filterable: e.filterable,
-          filterOperators: e.filterOperators || Ze,
+          filterOperators: e.filterOperators || Xe,
           columnMenu: e.columnMenu,
           columnMenuIcon: e.columnMenuIcon,
-          columns: u,
-          columnsMap: G,
-          cellRender: e.headerCellRender,
+          columns: m,
+          columnsMap: x,
           navigatable: !!e.navigatable,
           localization: _,
           unstyled: k,
-          headerSelectionValue: !!(e.select && h.filter((t) => t.rowType === "data").every(
-            (t) => e.select && e.dataItemKey && A(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[A(e.dataItemKey)(t.dataItem)] : void 0
+          headerSelectionValue: !!(e.select && b.filter((t) => t.rowType === "data").every(
+            (t) => e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0
           ))
         }
       ),
-      filterRow: e.filterable && /* @__PURE__ */ l.createElement(
-        Mt,
+      filterRow: e.filterable && /* @__PURE__ */ a.createElement(
+        Vt,
         {
           cells: e.cells,
-          size: E,
-          columns: u,
+          size: S,
+          columns: m,
           filter: e.filter,
-          filterOperators: e.filterOperators || Ze,
+          filterOperators: e.filterOperators || Xe,
           sort: e.sort,
-          cellRender: e.filterCellRender,
           navigatable: !!e.navigatable,
-          ariaRowIndex: G.length + 1,
+          ariaRowIndex: x.length + 1,
           localization: _
         }
       ) || void 0,
-      cols: b.map((t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: re(t) }))
+      cols: g.map((t, o) => /* @__PURE__ */ a.createElement("col", { key: o.toString(), width: ne(t) }))
     }
-  ), ye = b.findIndex((t) => typeof t.colSpan == "function") > -1;
-  let Z;
-  ye || (Z = de(null));
-  const p = ((Ve = e.editable) == null ? void 0 : Ve.mode) === "dialog", Rt = (Oe = e.editable) == null ? void 0 : Oe.enabled, vt = (t, r, d, o, i) => {
-    let c = !1;
-    const a = e.selectedField ? Qe(e.selectedField, t.dataItem) : e.select && e.dataItemKey && A(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[A(e.dataItemKey)(t.dataItem)] : void 0;
-    return ye && (Z = de(t.dataItem)), {
-      row: Z.map(({ columnIndex: m, colSpan: w }) => {
-        var _e, ze, We, $e;
-        const n = b[m];
-        let g;
-        if ((_e = n.rowSpannable) != null && _e.enabled && t.rowType === "data" && n.field && i) {
-          const I = n.field ? (We = (ze = n.rowSpannable).valueGetter) == null ? void 0 : We.call(ze, t.dataItem, n.field) : null;
-          g = { value: I, count: 1 }, i[n.field] && (($e = i[n.field]) == null ? void 0 : $e.value) === I && i[n.field] !== null ? (i[n.field].count++, g.count = null) : i[n.field] = g;
+  ), we = g.findIndex((t) => typeof t.colSpan == "function") > -1;
+  let Y;
+  we || (Y = de(null));
+  const Z = ((Oe = e.editable) == null ? void 0 : Oe.mode) === "dialog", Rt = (_e = e.editable) == null ? void 0 : _e.enabled, Gt = (t, o, n, d, i) => {
+    let l = !1;
+    const c = e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0;
+    return we && (Y = de(t.dataItem)), {
+      row: Y.map(({ columnIndex: u, colSpan: T }) => {
+        var j, M, Ve, We;
+        const r = g[u];
+        let y;
+        if ((j = r.rowSpannable) != null && j.enabled && t.rowType === "data" && r.field && i) {
+          const I = r.field ? (Ve = (M = r.rowSpannable).valueGetter) == null ? void 0 : Ve.call(M, t.dataItem, r.field) : null;
+          y = { value: I, count: 1 }, i[r.field] && ((We = i[r.field]) == null ? void 0 : We.value) === I && i[r.field] !== null ? (i[r.field].count++, y.count = null) : i[r.field] = y;
         }
-        const j = n.id ? n.id : m, ae = f(s.contentSticky({ locked: n.locked }), n.className), B = n.left !== void 0 ? { left: n.left, right: n.right } : {};
-        let R = !1;
-        if (n.editable && (e.editable || e.editField)) {
-          const I = e.editField ? Qe(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[A(e.dataItemKey)(t.dataItem)] : void 0, ne = typeof I == "boolean" ? I : Array.isArray(I) ? I.indexOf(n.field) > -1 : n.field !== void 0 && I === n.field;
-          ne && n.columnType === "data" && (ne === !0 || ne === n.field) && (c = !0, p || (R = !0));
+        const A = r.id ? r.id : u, w = f(s.contentSticky({ locked: r.locked }), r.className), le = r.left !== void 0 ? { left: r.left, right: r.right } : {};
+        let B = !1;
+        if (r.editable && e.editable) {
+          const I = e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, re = typeof I == "boolean" ? I : Array.isArray(I) ? r.field && I.indexOf(r.field) > -1 : r.field !== void 0 && I === r.field;
+          re && r.columnType === "data" && (re === !0 || re === r.field) && (l = !0, Z || (B = !0));
         }
-        const L = n.cell || R && Lt || pt, U = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", T = {
+        const ae = r._type === "expand", F = {
           locked: e.lockGroups,
-          id: V.generateNavigatableId(
-            `${r}-${String(m)}`,
-            x,
-            U || t.rowType === "groupHeader" || t.rowType === "groupFooter" || n.field === "value" ? "nodata" : "cell"
+          id: O.generateNavigatableId(
+            `${o}-${String(u)}`,
+            G,
+            ae || t.rowType === "groupHeader" || t.rowType === "groupFooter" || r.field === "value" ? "nodata" : "cell"
           ),
-          colSpan: w,
+          colSpan: T,
           dataItem: t.dataItem,
-          field: n.field,
-          editor: n.editor,
-          format: n.format,
-          columnType: n.columnType,
+          field: r.field,
+          editor: r.editor,
+          format: r.format,
+          columnType: r.columnType,
           rowReorderable: N,
-          className: ae,
-          render: e.cellRender,
-          cells: Xt(e.cells, n.cells),
-          columnIndex: m,
-          columnsCount: b.length,
+          className: w,
+          cells: Zt(e.cells, r.cells),
+          columnIndex: u,
+          columnsCount: g.length,
           rowType: t.rowType,
           level: t.level,
           expanded: t.expanded,
           dataIndex: t.dataIndex,
-          rowDataIndex: d,
-          columnPosition: B,
+          rowDataIndex: n,
+          columnPosition: le,
           style: {},
-          ariaColumnIndex: n.ariaColumnIndex,
-          isSelected: (n == null ? void 0 : n._type) === "edit" ? a : Array.isArray(a) && a.indexOf(m) > -1,
-          isSorted: !!Je(n.field, e.sort),
-          isInEdit: R,
-          isAlt: o,
+          ariaColumnIndex: r.ariaColumnIndex,
+          isSelected: !!((r == null ? void 0 : r._type) === "edit" ? c : Array.isArray(c) && c.indexOf(u) > -1),
+          isSorted: !!qe(r.field, e.sort),
+          isInEdit: B,
+          isAlt: d,
           unstyled: k,
           group: t.group,
           localization: _,
           intl: yt,
-          _rowSpan: g
-        };
-        return n.cell ? /* @__PURE__ */ l.createElement(
-          bl,
-          {
-            key: j,
-            isClient: Yt(L),
-            dataItem: T.dataItem,
-            rowDataIndex: T.rowDataIndex,
-            columnIndex: T.columnIndex,
-            columnPosition: T.columnPosition
-          },
-          /* @__PURE__ */ l.createElement(L, { ...T })
-        ) : /* @__PURE__ */ l.createElement(L, { key: j, ...T });
+          _rowSpan: y
+        }, L = r.defaultCell || B && (e.isClient ? Ot : vl) || (e.isClient ? el : Il);
+        return /* @__PURE__ */ a.createElement(L, { key: A, cellProps: F });
       }),
-      isInEdit: c,
-      isSelected: typeof a == "boolean" && a
+      isInEdit: l,
+      isSelected: typeof c == "boolean" && c
     };
   };
-  let we = 0;
-  if (F && Q)
-    for (let t = 0; t < Q.topCacheCount + Q.attendedSkip - (e.skip || 0); t++) {
-      const r = h.shift();
-      if (r)
-        h.push(r), we++, r.rowType === "groupHeader" && t--;
-      else
-        break;
-    }
-  let ee = null;
-  const Ce = (t) => t >= h.length - we;
-  let Ee = e.skip || 0;
-  const te = [], Ie = !h.length, Se = G.length + (e.filterable ? 1 : 0) + 1;
-  let H = 0;
-  if (h.length) {
-    let t = -1, r = 0;
-    const d = ue.enabled ? {} : void 0;
-    (M || h).forEach((o, i) => {
-      o.rowType === "data" && (Ee++, t++);
-      const c = Ee % 2 === 0, a = i + (e.skip || 0), m = e.dataItemKey && A(e.dataItemKey)(o.dataItem), w = m || "ai" + a, n = w + "_1", g = vt(o, w, t, c, d);
-      if (H = a + Se + r, p && Rt && g.isInEdit && (ee = o.dataItem), te.push(
-        /* @__PURE__ */ l.createElement(
-          el,
+  let xt = 0, p = null;
+  const Ee = (t) => t >= b.length - xt, ee = [], Se = !b.length;
+  let K = 0;
+  if (b.length) {
+    const t = x.length + (e.filterable ? 1 : 0) + 1;
+    let o = e.skip || 0, n = -1, d = 0;
+    const i = fe.enabled ? {} : void 0;
+    h && (n += J, o += J, e.pageable || (n += e.skip || 0)), (ce || b).forEach((l, c) => {
+      l.rowType === "data" && n++;
+      const u = l.dataIndex % 2 !== 0, T = e.dataItemKey && H(e.dataItemKey)(l.dataItem), r = c + o, y = T || "ai" + r, A = y + "_1", w = Gt(l, y, n, u, i);
+      if (K = r + t + d, Z && Rt && w.isInEdit && (p = l.dataItem), ee.push(
+        /* @__PURE__ */ a.createElement(
+          tl,
           {
-            key: w,
-            dataItem: o.dataItem,
-            isAltRow: c,
-            isInEdit: g.isInEdit && !p,
-            rowType: o.rowType,
+            key: y,
+            dataItem: l.dataItem,
+            isAltRow: u,
+            isInEdit: w.isInEdit && !Z,
+            rowType: l.rowType,
             isRowReorderable: N,
-            isHidden: Ce(i),
+            isHidden: Ee(c),
             onClick: null,
             onDoubleClick: null,
-            selectedField: e.selectedField,
             rowHeight: e.rowHeight,
-            render: e.rowRender,
-            ariaRowIndex: H,
-            absoluteRowIndex: a,
-            dataIndex: F && !e.groupable ? a : t,
-            isSelected: g.isSelected,
+            ariaRowIndex: K,
+            absoluteRowIndex: r,
+            dataIndex: n,
+            isSelected: w.isSelected,
             rows: e.rows
           },
-          g.row
+          w.row
         )
-      ), e.detail && o.rowType === "data" && o.expanded) {
-        const j = b.length - (e.expandField || K.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
-        r++, H = a + Se + r, te.push(
-          /* @__PURE__ */ l.createElement(
+      ), e.detail && l.rowType === "data" && l.expanded) {
+        const le = g.length - (P.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
+        d++, K = r + t + d;
+        const B = e.isClient ? nl : Nl;
+        ee.push(
+          /* @__PURE__ */ a.createElement(
             "tr",
             {
-              key: n,
-              className: f(s.detailTr({ isAlt: c })),
+              key: A,
+              className: f(s.detailTr({ isAlt: u })),
               style: {
-                visibility: Ce(i) ? "hidden" : "",
+                visibility: Ee(c) ? "hidden" : "",
                 height: e.detailRowHeight
               },
               role: "row",
-              "aria-rowindex": H
+              "aria-rowindex": K
             },
-            e.group && e.group.map((ae, B) => {
-              var U;
-              const R = (U = g == null ? void 0 : g.row[B]) == null ? void 0 : U.props.style, L = R ? { left: R.left, right: R.right } : {};
-              return /* @__PURE__ */ l.createElement(
-                Xe,
+            e.group && e.group.map((ae, F) => {
+              var M;
+              const L = (M = w == null ? void 0 : w.row[F]) == null ? void 0 : M.props.style, j = L ? { left: L.left, right: L.right } : {};
+              return /* @__PURE__ */ a.createElement(
+                Je,
                 {
-                  id: "",
-                  dataIndex: o.dataIndex,
-                  field: ae.field,
-                  dataItem: o.dataItem,
-                  key: B,
-                  columnPosition: L,
-                  style: {},
-                  ariaColumnIndex: 1 + B,
-                  isSelected: !1,
-                  locked: e.lockGroups,
-                  cells: e.cells,
-                  group: o.group
+                  key: F,
+                  cellProps: {
+                    id: "",
+                    dataItem: l.dataItem,
+                    field: ae.field,
+                    dataIndex: l.dataIndex,
+                    columnPosition: j,
+                    style: {},
+                    ariaColumnIndex: 1 + F,
+                    isSelected: !1,
+                    locked: e.lockGroups,
+                    cells: e.cells,
+                    group: l.group
+                  }
                 }
               );
             }),
-            (e.expandField || K.enabled) && /* @__PURE__ */ l.createElement(
+            P.enabled && /* @__PURE__ */ a.createElement(
               ol,
               {
                 unstyled: k,
-                id: V.generateNavigatableId(`${n}-dhcell`, x)
+                id: O.generateNavigatableId(`${A}-dhcell`, G)
               }
             ),
-            /* @__PURE__ */ l.createElement(
-              rl,
+            /* @__PURE__ */ a.createElement(
+              B,
               {
-                dataItem: o.dataItem,
-                dataIndex: o.dataIndex,
-                colSpan: j,
+                dataItem: l.dataItem,
+                dataIndex: l.dataIndex,
+                colSpan: le,
                 ariaColIndex: 2 + (e.group ? e.group.length : 0),
                 detail: e.detail,
-                id: V.generateNavigatableId(`${n}-dcell`, x)
+                id: O.generateNavigatableId(`${A}-dcell`, G)
               }
             )
           )
@@ -474,182 +460,179 @@ const vl = l.forwardRef((e, ie) => {
       }
     });
   }
-  const Re = {
-    size: E,
-    total: S,
+  const Ie = {
+    size: S,
+    total: v,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
-    ...al(e.pageable || {})
-  }, ve = /* @__PURE__ */ l.createElement(cl, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...Re }) : /* @__PURE__ */ l.createElement(Pt, { className: f(s.pager({})), ...Re })), xt = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: re(t) }), xe = (Me = e.cells) != null && Me.footerCell || u.some((t) => {
-    var r;
-    return !!(t.footerCell || (r = t.cells) != null && r.footerCell);
-  }) ? /* @__PURE__ */ l.createElement(
-    zt,
+    ...rl(e.pageable || {})
+  }, ve = /* @__PURE__ */ a.createElement(cl, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Ie }) : /* @__PURE__ */ a.createElement(Ft, { className: f(s.pager({})), ...Ie })), kt = (t, o) => /* @__PURE__ */ a.createElement("col", { key: o.toString(), width: ne(t) }), Re = (ze = e.cells) != null && ze.footerCell || m.some((t) => {
+    var o;
+    return !!((o = t.cells) != null && o.footerCell);
+  }) ? /* @__PURE__ */ a.createElement(
+    $t,
     {
-      size: E,
+      size: S,
       staticHeaders: e.scrollable !== "none",
-      row: /* @__PURE__ */ l.createElement(
-        ll,
+      row: /* @__PURE__ */ a.createElement(
+        al,
         {
           cells: e.cells,
-          idPrefix: x,
-          columns: u,
-          ariaRowIndex: H + 1
+          idPrefix: G,
+          columns: m,
+          ariaRowIndex: K + 1
         }
       ),
-      cols: b.map(xt)
+      cols: g.map(kt)
     }
-  ) : null, Ge = /* @__PURE__ */ l.createElement(il, null, b.map((t, r) => /* @__PURE__ */ l.createElement(
+  ) : null, Ge = /* @__PURE__ */ a.createElement(il, null, g.map((t, o) => /* @__PURE__ */ a.createElement(
     "col",
     {
-      key: r.toString(),
-      className: Je(t.field, e.sort) ? f(s.sorted({})) : void 0,
-      width: re(t)
+      key: o.toString(),
+      className: qe(t.field, e.sort) ? f(s.sorted({})) : void 0,
+      width: ne(t)
     }
-  ))), ke = e.reorderable || P, { detail: xl, cells: Gl, rows: kl, ...Ne } = e, De = /* @__PURE__ */ l.createElement(
+  ))), xe = e.reorderable || V, { detail: Hl, cells: Pl, rows: Kl, ...ke } = e, Ne = /* @__PURE__ */ a.createElement(
     "tbody",
     {
       role: "rowgroup",
       className: f(s.tbody({})),
-      ...Kt
+      ...Lt
     },
-    te
-  ), Fe = ee ? /* @__PURE__ */ l.createElement(Rl, { columns: b, customEditDialog: e.editDialog, dataItem: ee }) : null;
-  let le = De;
-  if (N && (le = /* @__PURE__ */ l.createElement(
-    hl,
+    ee
+  ), De = p ? /* @__PURE__ */ a.createElement(Sl, { columns: g, customEditDialog: e.editDialog, dataItem: p }) : null;
+  let te = Ne;
+  return N && (te = /* @__PURE__ */ a.createElement(
+    gl,
     {
       unstyled: s,
-      columns: u,
+      columns: m,
       rowReorderSettings: e.rowReorderable
     },
-    De
-  )), e.scrollable === "none")
-    return /* @__PURE__ */ l.createElement(
-      et,
+    Ne
+  )), e.scrollable === "none" ? /* @__PURE__ */ a.createElement(
+    pe,
+    {
+      gridRef: ie,
+      gridProps: ke,
+      innerGrid: e.innerGrid,
+      columnsRef: U(),
+      columnsMapRef: x,
+      columnsState: E,
+      dataRef: b,
+      id: R,
+      virtualTotal: Q,
+      isAllData: z,
+      virtualPageSize: q,
+      isVirtualScroll: h,
+      detailExpandable: !!e.detail
+    },
+    /* @__PURE__ */ a.createElement(at, null, /* @__PURE__ */ a.createElement(
+      "div",
       {
-        gridRef: ie,
-        gridProps: Ne,
-        columnsRef: J(),
-        columnsMapRef: G,
-        columnsState: C,
-        dataRef: h,
-        slicedData: M,
-        isFixedVirtualScroll: X === q,
-        id: v,
-        total: S,
-        isAllData: O(),
-        detailExpandable: !!e.detail
+        id: e.id,
+        style: e.style,
+        className: f(s.wrapper({ size: S }), e.className),
+        ...je
       },
-      /* @__PURE__ */ l.createElement(nt, null, /* @__PURE__ */ l.createElement(
-        "div",
+      be,
+      Ce,
+      /* @__PURE__ */ a.createElement(
+        dl,
         {
-          id: e.id,
-          style: e.style,
-          className: f(s.wrapper({ size: E }), e.className),
-          "aria-label": e.ariaLabel,
-          ...Ue
+          selectable: e.selectable,
+          className: f(s.table({ size: S }))
         },
-        fe,
-        be,
-        /* @__PURE__ */ l.createElement(
-          dl,
-          {
-            selectable: e.selectable,
-            className: f(s.table({ size: E }))
-          },
-          Ge,
-          he,
-          /* @__PURE__ */ l.createElement(at, { rowReorderable: N }, le),
-          xe
-        ),
-        Ie && /* @__PURE__ */ l.createElement(pe, null, W.length ? W : /* @__PURE__ */ l.createElement(Ye, null)),
-        ke && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(tt, null), /* @__PURE__ */ l.createElement(lt, null))
-      )),
-      ge,
-      e.pageable && ve,
-      /* @__PURE__ */ l.createElement(ot, { loader: e.loader, showLoader: e.showLoader }),
-      Fe,
-      se && /* @__PURE__ */ l.createElement(je, null)
-    );
-  let $ = e.style || {};
-  return F && ($.height || ($ = Object.assign({}, $, { height: "450px" }))), /* @__PURE__ */ l.createElement(
-    et,
+        Ge,
+        ye,
+        /* @__PURE__ */ a.createElement(lt, { rowReorderable: N }, te),
+        Re
+      ),
+      Se && /* @__PURE__ */ a.createElement(Ze, null, $.length ? $ : /* @__PURE__ */ a.createElement(Qe, null)),
+      xe && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(et, null), /* @__PURE__ */ a.createElement(tt, null))
+    )),
+    he,
+    e.pageable && ve,
+    /* @__PURE__ */ a.createElement(nt, { loader: e.loader, showLoader: e.showLoader }),
+    De,
+    ge && /* @__PURE__ */ a.createElement($e, null)
+  ) : /* @__PURE__ */ a.createElement(
+    pe,
     {
       gridRef: ie,
-      gridProps: Ne,
-      columnsRef: J(),
-      columnsMapRef: G,
-      columnsState: C,
-      dataRef: h,
-      slicedData: M,
-      isFixedVirtualScroll: X === q,
-      id: v,
-      total: S,
-      isAllData: O(),
+      innerGrid: e.innerGrid,
+      gridProps: ke,
+      columnsRef: U(),
+      columnsMapRef: x,
+      columnsState: E,
+      dataRef: b,
+      id: R,
+      virtualTotal: Q,
+      isAllData: z,
+      virtualPageSize: q,
+      isVirtualScroll: h,
       detailExpandable: !!e.detail
     },
-    /* @__PURE__ */ l.createElement(nt, null, /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ a.createElement(at, null, /* @__PURE__ */ a.createElement(
       "div",
       {
         id: e.id,
-        style: $,
+        style: e.style,
         className: f(
           s.wrapper({
-            size: E,
-            virtual: F
+            size: S,
+            virtual: h
           }),
           e.className
         ),
-        "aria-label": e.ariaLabel,
-        ...Ue
+        ...je
       },
-      fe,
       be,
-      /* @__PURE__ */ l.createElement(
+      Ce,
+      /* @__PURE__ */ a.createElement(
         "div",
         {
           className: f(s.ariaRoot({})),
           role: "grid",
-          "aria-colcount": b.length,
-          "aria-rowcount": S,
-          id: v,
+          "aria-colcount": g.length,
+          "aria-rowcount": v,
+          id: R,
           "aria-label": _.toLanguageString(rt, fl[rt])
         },
-        he,
-        /* @__PURE__ */ l.createElement("div", { className: f(s.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(ul, null, /* @__PURE__ */ l.createElement("div", { className: f(s.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(s.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
+        ye,
+        /* @__PURE__ */ a.createElement("div", { className: f(s.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(ul, null, /* @__PURE__ */ a.createElement("div", { className: f(s.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(s.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
           ml,
           {
             selectable: e.selectable,
             tableClassName: f(
               s.table({
-                size: E
+                size: S
               })
             ),
-            tableStyle: { userSelect: St }
+            tableStyle: { userSelect: vt }
           },
           Ge,
-          /* @__PURE__ */ l.createElement(at, { rowReorderable: N }, le)
-        ), Ie && /* @__PURE__ */ l.createElement(pe, null, W.length ? W : /* @__PURE__ */ l.createElement(Ye, null))), F && /* @__PURE__ */ l.createElement(
+          /* @__PURE__ */ a.createElement(lt, { rowReorderable: N }, te)
+        ), Se && /* @__PURE__ */ a.createElement(Ze, null, $.length ? $ : /* @__PURE__ */ a.createElement(Qe, null))), h && /* @__PURE__ */ a.createElement(
           "div",
           {
             className: f(s.heightContainer({})),
             role: "presentation"
           },
-          /* @__PURE__ */ l.createElement(sl, { isVirtualScroll: F })
+          /* @__PURE__ */ a.createElement(sl, { isVirtualScroll: h })
         )))),
-        xe,
-        ke && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(tt, null), /* @__PURE__ */ l.createElement(lt, null)),
-        se && /* @__PURE__ */ l.createElement(je, null)
+        Re,
+        xe && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(et, null), /* @__PURE__ */ a.createElement(tt, null)),
+        ge && /* @__PURE__ */ a.createElement($e, null)
       ),
-      ge,
+      he,
       e.pageable && ve,
-      /* @__PURE__ */ l.createElement(ot, { loader: e.loader, showLoader: e.showLoader }),
-      Fe
+      /* @__PURE__ */ a.createElement(nt, { loader: e.loader, showLoader: e.showLoader }),
+      De
     ))
   );
 });
-vl.displayName = "KendoReactGridComponent";
+Tl.displayName = "KendoReactGridComponent";
 export {
-  vl as GridComponent
+  Tl as GridComponent
 };