@progress/kendo-react-grid 11.0.0-develop.9 → 11.0.1-develop.1

package/GridComponent.mjs

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