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

package/GridComponent.mjs

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