@progress/kendo-react-grid 10.0.0-develop.4 → 10.0.0

package/GridComponent.mjs

@@ -6,9 +6,9 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as l from "react";
-import { uGrid as Rt, validatePackage as xt, getter as K, classNames as f, WatermarkOverlay as Gt } from "@progress/kendo-react-common";
+import { uGrid as xt, validatePackage as Gt, getter as K, 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 Pt, tableKeyboardNavigationBodyAttributes as Ht, tableKeyboardNavigationScopeAttributes as Ve, tableColumnsVirtualization as Kt } from "@progress/kendo-react-data-tools";
+import { combineFilters as Nt, getDetailExpandableOptions as Ft, getGroupExpandableOptions as Dt, getSelectionOptions as Tt, tableKeyboardNavigationTools as O, Pager as Pt, tableKeyboardNavigationBodyAttributes as Ht, tableKeyboardNavigationScopeAttributes as _e, tableColumnsVirtualization as Kt } from "@progress/kendo-react-data-tools";
 import { GridSelectionCell as At } from "./cells/GridSelectionCell.mjs";
 import { GridHierarchyCell as Bt } from "./cells/GridHierarchyCell.mjs";
 import { GridEditCell as Vt } from "./cells/GridEditCell.mjs";
@@ -17,45 +17,45 @@ 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 Le, getColumnWidth as re, isSorted as _e, flatData as $t, autoGenerateColumns as jt, mapColumns as Ut, clientColumn as qt, getFlatColumnsState as Jt, getColumnState as ne, getNestedValue as Oe, getColSpan as ze, resolveCells as Qt, isClientReference as Xt, readColumns as Yt } from "./utils/index.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 Me } from "./cells/GridGroupCell.mjs";
+import { GridGroupCell as $e } from "./cells/GridGroupCell.mjs";
 import { GridRow as pt } from "./rows/GridRow.mjs";
 import { GridHeaderSelectionCell as el } from "./header/GridHeaderSelectionCell.mjs";
-import { GridNoRecords as We } from "./components/noRecords/GridNoRecords.mjs";
-import { operators as $e } from "./filterCommon.mjs";
+import { GridNoRecords as je } from "./components/noRecords/GridNoRecords.mjs";
+import { operators as Ue } from "./filterCommon.mjs";
 import { FooterRow as tl } from "./footer/FooterRow.mjs";
 import { normalize as ll } from "./paging/GridPagerSettings.mjs";
 import { packageMetadata as al } from "./package-metadata.mjs";
 import { GridDetailCell as rl } from "./cells/GridDetailCell.mjs";
 import { GridDetailHierarchyCell as nl } from "./cells/GridDetailHierarchyCell.mjs";
-import { GridNoRecordsContainer as je } from "./components/noRecords/GridNoRecordsContainer.mjs";
-import { GridClientWrapper as Ue } from "./GridClientWrapper.mjs";
+import { GridNoRecordsContainer as qe } from "./components/noRecords/GridNoRecordsContainer.mjs";
+import { GridClientWrapper as Je } from "./GridClientWrapper.mjs";
 import { GridColGroup as il } from "./components/colGroup/GridColGroup.mjs";
 import { GridTable as ol } from "./components/table/GridTable.mjs";
-import { GridDropClue as qe } from "./components/GridDropClue.mjs";
-import { GridDragClue as Je } from "./components/GridDragClue.mjs";
-import { GridTableBody as Qe } from "./components/table/GridTableBody.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 dl } from "./components/PagerContainer.mjs";
 import { GridTableScrollable as cl } from "./components/table/GridTableScrollable.mjs";
-import { GridElementContainer as Xe } from "./components/GridElementContainer.mjs";
+import { GridElementContainer as Ze } from "./components/GridElementContainer.mjs";
 import { GridContainerElementContainer as sl } from "./components/GridContainerElementContainer.mjs";
 import { VirtualScrollHeightContainer as ml } from "./components/VirtualScrollHeightContainer.mjs";
-import { gridAriaLabel as Ye, messages as ul } from "./messages/index.mjs";
+import { gridAriaLabel as pe, messages as ul } from "./messages/index.mjs";
 import { VirtualScrollFixed as U } from "./VirtualScrollFixed.mjs";
 import { VirtualScroll as fl } from "./VirtualScroll.mjs";
 import { GridCustomCellClientContainer as gl } from "./components/GridCustomCellClientContainer.mjs";
 import { GridReorderableRowsContainer as bl } from "./components/GridDraggableRowsContainer.mjs";
 import { GridRowReorderCell as hl } from "./cells/GridRowReorderCell.mjs";
 import { GridHeaderRowReorderCell as yl } from "./header/client/GridHeaderRowReorderCell.mjs";
-import { GridLoader as Ze } from "./components/GridLoader.mjs";
+import { GridLoader as et } from "./components/GridLoader.mjs";
 import { gridPremiumFeatures as Cl } from "./utils/premium.mjs";
 import { LocalizationService as wl, IntlService as El } from "@progress/kendo-react-intl";
 const Sl = l.forwardRef((e, ie) => {
-  var xe, Ge, ke, Ne, Fe, De, Te, Pe;
+  var Ge, ke, Ne, Fe, De, Te, Pe, He;
   const x = e.id + "-role-element-id", G = e.navigatable ? x : "";
   let E = e.columnsState || [];
-  const pe = (t, n, d, i, o, s, a) => {
+  const tt = (t, n, d, i, o, s, a) => {
     const c = [], g = $t(
       c,
       C,
@@ -65,16 +65,16 @@ const Sl = l.forwardRef((e, ie) => {
       i,
       o,
       s,
-      mt.defaultExpand,
+      ft.defaultExpand,
       a
     );
     return { flattedData: c, resolvedGroupsCount: g };
-  }, et = (t) => {
+  }, lt = (t) => {
     const n = t.filter(
       (d) => d && d.type && d.type.displayName === "KendoReactGridColumn"
     );
     return Yt(n, E, { prevId: 0, idPrefix: G });
-  }, tt = () => {
+  }, at = () => {
     const t = [], n = (d, i) => d == null ? void 0 : d.forEach((o) => {
       const s = o.hidden || i;
       t.push({
@@ -83,15 +83,15 @@ const Sl = l.forwardRef((e, ie) => {
       }), n(o.children, s);
     });
     return n(E, !1), t;
-  }, lt = (t) => {
-    const n = tt();
+  }, rt = (t) => {
+    const n = at();
     return t.filter((d) => {
       var i;
       return !d.hidden && !((i = n.find((o) => o.id === d.id)) != null && i.hidden);
     });
-  }, at = (t, n) => {
+  }, nt = (t, n) => {
     var d;
-    m = et(t), m.filter((i) => !i.hidden).length === 0 && (m = jt(
+    m = lt(t), m.filter((i) => !i.hidden).length === 0 && (m = jt(
       C,
       e.group,
       {
@@ -101,15 +101,15 @@ const Sl = l.forwardRef((e, ie) => {
         prevId: 0,
         idPrefix: G
       }
-    )), nt(m, n), m = lt(m), k = Ut(m, !0), oe = m.map(qt);
-  }, rt = (t, n) => {
+    )), 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((a) => a.id === i.id);
       return o ? (o.children = (s = i.children) == null ? void 0 : s.map(d), o) : ne(i);
     };
     E = t.filter((i) => i.parentIndex === -1).map(d);
-  }, nt = (t, n) => {
+  }, ot = (t, n) => {
     var s;
     t.filter((a) => e.selectedField && a.field === e.selectedField || a.columnType === "checkbox").forEach((a) => {
       a.width = a.width || "50px", a.cell = a.cell || At, a._type = "edit", a.headerCell = a.headerCell || el;
@@ -117,7 +117,7 @@ const Sl = l.forwardRef((e, ie) => {
       a.width = a.width || "50px", a.cell = a.cell || hl, a.headerCell = a.headerCell || yl, a.sortable = !1, a.filterable = !1, a.editable = !1;
     });
     const d = Jt(E);
-    rt(t, d);
+    it(t, d);
     const i = {
       id: "",
       resizable: !0,
@@ -154,7 +154,7 @@ const Sl = l.forwardRef((e, ie) => {
       const c = {
         ...i,
         isAccessible: !1,
-        cell: Me,
+        cell: $e,
         id: O.generateNavigatableId(`${o++}`, "group", "column"),
         field: "value",
         locked: e.lockGroups
@@ -162,20 +162,20 @@ const Sl = l.forwardRef((e, ie) => {
       t.unshift(c), E.unshift(d.find((g) => g.id === c.id) || ne(c));
     }
     t.slice(o).forEach((a) => {
-      a.parentIndex >= 0 && (a.parentIndex += o), a.rowSpannable = a.rowSpannable !== void 0 ? Le(a.rowSpannable) : ce;
+      a.parentIndex >= 0 && (a.parentIndex += o), a.rowSpannable = a.rowSpannable !== void 0 ? Oe(a.rowSpannable) : ce;
     });
-  }, q = () => C.length === e.total, it = () => {
+  }, q = () => C.length === e.total, dt = () => {
     const { rowHeight: t, detailRowHeight: n, detail: d, expandField: i } = e, o = q(), s = t !== void 0 && t > 0, a = n !== void 0 && n > 0;
     return !s || A && !o || !!(d && i) && (!a || !o) ? fl : U;
-  }, J = () => e.isClient ? m : oe, ot = (t, n, d, i, o, s) => {
-    let a = ze(t, n);
+  }, J = () => e.isClient ? m : oe, ct = (t, n, d, i, o, s) => {
+    let a = 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), a > 1 && !c ? o = a - 1 : a = 1, g <= a && !c && (a = g), { colSpan: a, colsToSkip: o };
   };
   let Q, b = [], z, m = [], oe = [], k = [[]];
-  const dt = e.scrollLeftRef || { current: 0 }, M = e.localization || new wl(e.language), ct = e.intl || new El((xe = e.locale) != null ? xe : "en"), N = e.unstyled, u = N && N.uGrid ? N.uGrid : Rt, F = Wt(e.rowReorderable), D = e.autoProcessData === !0 ? {
+  const st = e.scrollLeftRef || { current: 0 }, M = e.localization || new wl(e.language), mt = e.intl || new El((Ge = e.locale) != null ? Ge : "en"), N = e.unstyled, u = N && N.uGrid ? N.uGrid : xt, F = Wt(e.rowReorderable), D = e.autoProcessData === !0 ? {
     group: !0,
     sort: !0,
     filter: !0,
@@ -183,7 +183,7 @@ const Sl = l.forwardRef((e, ie) => {
     page: !0
   } : e.autoProcessData;
   let C, R;
-  if (Array.isArray(e.data) ? (C = e.data, R = (Ge = e.total) != null ? Ge : C.length) : (C = ((ke = e.data) == null ? void 0 : ke.data) || [], R = (De = (Fe = e.total) != null ? Fe : (Ne = e.data) == null ? void 0 : Ne.total) != null ? De : C.length), D) {
+  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,
@@ -196,12 +196,12 @@ const Sl = l.forwardRef((e, ie) => {
         skip: e.skip
       } : {}
     });
-    C = t, R = (Te = e.total) != null ? Te : n;
+    C = t, R = (Pe = e.total) != null ? Pe : n;
   }
-  const { size: S = "medium" } = e, st = typeof e.groupable == "object" && e.groupable.footer || "none", T = e.scrollable === "virtual", A = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, B = Ft(!!e.detail), mt = Dt(
+  const { size: S = "medium" } = e, ut = typeof e.groupable == "object" && e.groupable.footer || "none", T = e.scrollable === "virtual", A = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, B = Ft(!!e.detail), ft = Dt(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
-  ), { resolvedGroupsCount: ut, flattedData: ft } = pe(
-    st,
+  ), { resolvedGroupsCount: gt, flattedData: bt } = tt(
+    ut,
     e.skip || 0,
     e.group,
     e.expandField,
@@ -209,23 +209,23 @@ const Sl = l.forwardRef((e, ie) => {
     e.groupExpand,
     e.dataItemKey
   );
-  b = ft;
-  const X = it();
+  b = bt;
+  const X = dt();
   X === U && q() && (z = 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 = Le(e.rowSpannable), gt = de && de.drag ? "none" : void 0, W = l.useMemo(() => l.Children.toArray(e.children), [e.children]);
-  at(W, ut);
+  const de = Tt(e.selectable || !!e.selectedField), ce = Oe(e.rowSpannable), ht = de && de.drag ? "none" : void 0, W = l.useMemo(() => l.Children.toArray(e.children), [e.children]);
+  nt(W, gt);
   const Y = l.useMemo(() => {
     const t = Cl(e, m);
     return {
       premium: t.length > 0,
       features: t
     };
-  }, [e, m]), bt = l.useMemo(() => Y.premium ? !xt(al, { component: "Grid", features: Y.features }) : !1, [Y.premium]), se = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: x }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), me = W.filter(
+  }, [e, m]), se = l.useMemo(() => Y.premium ? !Gt(al, { component: "Grid", features: Y.features }) : !1, [Y.premium]), me = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: x }) : null), $ = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), ue = W.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), h = m.filter((t) => t.children.length === 0), ue = A && /* @__PURE__ */ l.createElement(zt, { columns: J(), group: e.group || [], ariaControls: x }), fe = /* @__PURE__ */ l.createElement(
+  ), h = m.filter((t) => t.children.length === 0), fe = A && /* @__PURE__ */ l.createElement(zt, { columns: J(), group: e.group || [], ariaControls: x }), ge = /* @__PURE__ */ l.createElement(
     Lt,
     {
       size: S,
@@ -241,7 +241,7 @@ const Sl = l.forwardRef((e, ie) => {
           groupable: A,
           filter: e.filter,
           filterable: e.filterable,
-          filterOperators: e.filterOperators || $e,
+          filterOperators: e.filterOperators || Ue,
           columnMenu: e.columnMenu,
           columnMenuIcon: e.columnMenuIcon,
           columns: m,
@@ -262,7 +262,7 @@ const Sl = l.forwardRef((e, ie) => {
           size: S,
           columns: m,
           filter: e.filter,
-          filterOperators: e.filterOperators || $e,
+          filterOperators: e.filterOperators || Ue,
           sort: e.sort,
           cellRender: e.filterCellRender,
           navigatable: !!e.navigatable,
@@ -272,31 +272,31 @@ const Sl = l.forwardRef((e, ie) => {
       ) || void 0,
       cols: h.map((t, n) => /* @__PURE__ */ l.createElement("col", { key: n.toString(), width: re(t) }))
     }
-  ), ht = dt.current || 0, yt = parseFloat(((e.style || {}).width || "").toString()), Ct = (t, n, d, i, o) => {
+  ), yt = st.current || 0, Ct = parseFloat(((e.style || {}).width || "").toString()), wt = (t, n, d, i, o) => {
     let s = !1;
-    const a = e.selectedField ? Oe(e.selectedField, t.dataItem) : e.select && e.dataItemKey && K(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[K(e.dataItemKey)(t.dataItem)] : void 0;
+    const a = e.selectedField ? Me(e.selectedField, t.dataItem) : e.select && e.dataItemKey && K(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[K(e.dataItemKey)(t.dataItem)] : void 0;
     let c = 0;
     const { colSpans: g, hiddenColumns: P } = Kt({
       enabled: e.columnVirtualization,
       columns: h,
-      tableViewPortWidth: yt,
-      scrollLeft: ht,
-      getColSpan: ze,
+      tableViewPortWidth: Ct,
+      scrollLeft: yt,
+      getColSpan: We,
       dataItem: t.dataItem
     }), I = h.filter((r, y) => !P[y]);
     return {
       row: h.map((r, y) => {
-        var He, Ke, Ae, Be;
+        var Ke, Ae, Be, Ve;
         if (P[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 ? (Ae = (Ke = r.rowSpannable).valueGetter) == null ? void 0 : Ae.call(Ke, t.dataItem, r.field) : null;
-          w = { value: v, count: 1 }, o[r.field] && ((Be = o[r.field]) == null ? void 0 : Be.value) === v && o[r.field] !== null ? (o[r.field].count++, w.count = null) : o[r.field] = w;
+        if ((Ke = r.rowSpannable) != null && Ke.enabled && t.rowType === "data" && r.field && o) {
+          const v = r.field ? (Be = (Ae = r.rowSpannable).valueGetter) == null ? void 0 : Be.call(Ae, 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;
         }
-        const { colSpan: L, colsToSkip: ee } = ot(
+        const { colSpan: L, colsToSkip: ee } = ct(
           r,
           t.dataItem,
           I,
@@ -305,18 +305,18 @@ const Sl = l.forwardRef((e, ie) => {
           g[y]
         );
         c = ee;
-        const _ = r.id ? r.id : y, St = f(u.contentSticky({ locked: r.locked }), r.className), It = r.left !== void 0 ? { left: r.left, right: r.right } : {};
+        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 ? Oe(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[K(e.dataItemKey)(t.dataItem)] : void 0, ae = typeof v == "boolean" ? v : Array.isArray(v) ? v.indexOf(r.field) > -1 : r.field !== void 0 && v === r.field;
+          const v = e.editField ? Me(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[K(e.dataItemKey)(t.dataItem)] : void 0, ae = typeof v == "boolean" ? v : Array.isArray(v) ? v.indexOf(r.field) > -1 : r.field !== void 0 && v === r.field;
           ae && r.columnType === "data" && (ae === !0 || ae === r.field) && (s = !0, te = !0);
         }
-        const le = r.cell || te && Vt || Zt, vt = e.expandField && e.detail && r.field === e.expandField || r._type === "expand", H = {
+        const le = r.cell || te && Vt || Zt, Rt = e.expandField && e.detail && r.field === e.expandField || r._type === "expand", H = {
           locked: e.lockGroups,
           id: O.generateNavigatableId(
             `${n}-${String(y)}`,
             G,
-            vt || t.rowType === "groupHeader" || t.rowType === "groupFooter" || r.field === "value" ? "nodata" : "cell"
+            Rt || t.rowType === "groupHeader" || t.rowType === "groupFooter" || r.field === "value" ? "nodata" : "cell"
           ),
           colSpan: L,
           dataItem: t.dataItem,
@@ -325,7 +325,7 @@ const Sl = l.forwardRef((e, ie) => {
           format: r.format,
           columnType: r.columnType,
           rowReorderable: F,
-          className: St,
+          className: It,
           render: e.cellRender,
           cells: Qt(e.cells, r.cells),
           columnIndex: y,
@@ -335,17 +335,17 @@ const Sl = l.forwardRef((e, ie) => {
           expanded: t.expanded,
           dataIndex: t.dataIndex,
           rowDataIndex: d,
-          columnPosition: It,
+          columnPosition: vt,
           style: {},
           ariaColumnIndex: r.ariaColumnIndex,
           isSelected: (r == null ? void 0 : r._type) === "edit" ? a : Array.isArray(a) && a.indexOf(y) > -1,
-          isSorted: !!_e(r.field, e.sort),
+          isSorted: !!ze(r.field, e.sort),
           isInEdit: te,
           isAlt: i,
           unstyled: N,
           group: t.group,
           localization: M,
-          intl: ct,
+          intl: mt,
           _rowSpan: w
         };
         return r.cell ? /* @__PURE__ */ l.createElement(
@@ -365,26 +365,26 @@ const Sl = l.forwardRef((e, ie) => {
       isSelected: typeof a == "boolean" && a
     };
   };
-  let ge = 0;
+  let be = 0;
   if (T && Q)
     for (let t = 0; t < Q.topCacheCount + Q.attendedSkip - (e.skip || 0); t++) {
       const n = b.shift();
       if (n)
-        b.push(n), ge++, n.rowType === "groupHeader" && t--;
+        b.push(n), be++, n.rowType === "groupHeader" && t--;
       else
         break;
     }
-  const be = (t) => t >= b.length - ge;
-  let he = e.skip || 0;
-  const Z = [], ye = !b.length, Ce = k.length + (e.filterable ? 1 : 0) + 1;
+  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;
   if (b.length) {
     let t = -1, n = 0;
     const d = ce.enabled ? {} : void 0;
     (z || b).forEach((i, o) => {
-      i.rowType === "data" && (he++, t++);
-      const s = he % 2 === 0, a = e.dataItemKey && K(e.dataItemKey)(i.dataItem), c = o + (e.skip || 0), g = a || "ai" + c, P = g + "_1", I = Ct(i, g, t, s, d);
-      if (V = c + Ce + n, Z.push(
+      i.rowType === "data" && (ye++, t++);
+      const s = ye % 2 === 0, a = e.dataItemKey && K(e.dataItemKey)(i.dataItem), c = o + (e.skip || 0), g = a || "ai" + c, P = g + "_1", I = wt(i, g, t, s, d);
+      if (V = c + we + n, Z.push(
         /* @__PURE__ */ l.createElement(
           pt,
           {
@@ -394,7 +394,7 @@ const Sl = l.forwardRef((e, ie) => {
             isInEdit: I.isInEdit,
             rowType: i.rowType,
             isRowReorderable: F,
-            isHidden: be(o),
+            isHidden: he(o),
             onClick: null,
             onDoubleClick: null,
             selectedField: e.selectedField,
@@ -410,14 +410,14 @@ const Sl = l.forwardRef((e, ie) => {
         )
       ), 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 + Ce + n, Z.push(
+        n++, V = c + we + n, Z.push(
           /* @__PURE__ */ l.createElement(
             "tr",
             {
               key: P,
               className: f(u.detailTr({ isAlt: s })),
               style: {
-                visibility: be(o) ? "hidden" : "",
+                visibility: he(o) ? "hidden" : "",
                 height: e.detailRowHeight
               },
               role: "row",
@@ -427,7 +427,7 @@ const Sl = l.forwardRef((e, ie) => {
               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__ */ l.createElement(
-                Me,
+                $e,
                 {
                   id: "",
                   dataIndex: i.dataIndex,
@@ -467,13 +467,13 @@ const Sl = l.forwardRef((e, ie) => {
       }
     });
   }
-  const we = {
+  const Ee = {
     size: S,
     total: R,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
     ...ll(e.pageable || {})
-  }, Ee = /* @__PURE__ */ l.createElement(dl, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...we }) : /* @__PURE__ */ l.createElement(Pt, { className: f(u.pager({})), ...we })), wt = (t, n) => /* @__PURE__ */ l.createElement("col", { key: n.toString(), width: re(t) }), Et = (Pe = e.cells) != null && Pe.footerCell || m.some((t) => {
+  }, Se = /* @__PURE__ */ l.createElement(dl, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...Ee }) : /* @__PURE__ */ l.createElement(Pt, { className: f(u.pager({})), ...Ee })), Et = (t, n) => /* @__PURE__ */ l.createElement("col", { key: n.toString(), width: re(t) }), St = (He = e.cells) != null && He.footerCell || m.some((t) => {
     var n;
     return !!(t.footerCell || (n = t.cells) != null && n.footerCell);
   }) ? /* @__PURE__ */ l.createElement(
@@ -490,16 +490,16 @@ const Sl = l.forwardRef((e, ie) => {
           ariaRowIndex: V + 1
         }
       ),
-      cols: h.map(wt)
+      cols: h.map(Et)
     }
-  ) : null, Se = /* @__PURE__ */ l.createElement(il, null, h.map((t, n) => /* @__PURE__ */ l.createElement(
+  ) : null, Ie = /* @__PURE__ */ l.createElement(il, null, h.map((t, n) => /* @__PURE__ */ l.createElement(
     "col",
     {
       key: n.toString(),
-      className: _e(t.field, e.sort) ? f(u.sorted({})) : void 0,
+      className: ze(t.field, e.sort) ? f(u.sorted({})) : void 0,
       width: re(t)
     }
-  ))), Ie = e.reorderable || A, { detail: Il, cells: vl, rows: Rl, ...ve } = e, Re = /* @__PURE__ */ l.createElement(
+  ))), ve = e.reorderable || A, { detail: Il, cells: vl, rows: Rl, ...Re } = e, xe = /* @__PURE__ */ l.createElement(
     "tbody",
     {
       role: "rowgroup",
@@ -508,7 +508,7 @@ const Sl = l.forwardRef((e, ie) => {
     },
     Z
   );
-  let p = Re;
+  let p = xe;
   if (F && (p = /* @__PURE__ */ l.createElement(
     bl,
     {
@@ -516,13 +516,13 @@ const Sl = l.forwardRef((e, ie) => {
       columns: m,
       rowReorderSettings: e.rowReorderable
     },
-    Re
+    xe
   )), e.scrollable === "none")
     return /* @__PURE__ */ l.createElement(
-      Ue,
+      Je,
       {
         gridRef: ie,
-        gridProps: ve,
+        gridProps: Re,
         columnsRef: J(),
         columnsMapRef: k,
         columnsState: E,
@@ -534,40 +534,41 @@ const Sl = l.forwardRef((e, ie) => {
         isAllData: q(),
         detailExpandable: !!e.detail
       },
-      /* @__PURE__ */ l.createElement(Xe, null, /* @__PURE__ */ l.createElement(
+      /* @__PURE__ */ l.createElement(Ze, null, /* @__PURE__ */ l.createElement(
         "div",
         {
           id: e.id,
           style: e.style,
           className: f(u.wrapper({ size: S }), e.className),
           "aria-label": e.ariaLabel,
-          ...Ve
+          ..._e
         },
-        se,
-        ue,
+        me,
+        fe,
         /* @__PURE__ */ l.createElement(
           ol,
           {
             selectable: e.selectable,
             className: f(u.table({ size: S }))
           },
-          Se,
-          fe,
-          /* @__PURE__ */ l.createElement(Qe, { rowReorderable: F }, p)
+          Ie,
+          ge,
+          /* @__PURE__ */ l.createElement(Ye, { rowReorderable: F }, p)
         ),
-        ye && /* @__PURE__ */ l.createElement(je, null, $.length ? $ : /* @__PURE__ */ l.createElement(We, null)),
-        Ie && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(qe, null), /* @__PURE__ */ l.createElement(Je, null))
+        Ce && /* @__PURE__ */ l.createElement(qe, null, $.length ? $ : /* @__PURE__ */ l.createElement(je, null)),
+        ve && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Qe, null), /* @__PURE__ */ l.createElement(Xe, null))
       )),
-      me,
-      e.pageable && Ee,
-      /* @__PURE__ */ l.createElement(Ze, { loader: e.loader, showLoader: e.showLoader })
+      ue,
+      e.pageable && Se,
+      /* @__PURE__ */ l.createElement(et, { loader: e.loader, showLoader: e.showLoader }),
+      se && /* @__PURE__ */ l.createElement(Le, null)
     );
   let j = e.style || {};
   return T && (j.height || (j = Object.assign({}, j, { height: "450px" }))), /* @__PURE__ */ l.createElement(
-    Ue,
+    Je,
     {
       gridRef: ie,
-      gridProps: ve,
+      gridProps: Re,
       columnsRef: J(),
       columnsMapRef: k,
       columnsState: E,
@@ -578,7 +579,7 @@ const Sl = l.forwardRef((e, ie) => {
       total: R,
       detailExpandable: !!e.detail
     },
-    /* @__PURE__ */ l.createElement(Xe, null, /* @__PURE__ */ l.createElement(
+    /* @__PURE__ */ l.createElement(Ze, null, /* @__PURE__ */ l.createElement(
       "div",
       {
         id: e.id,
@@ -591,10 +592,10 @@ const Sl = l.forwardRef((e, ie) => {
           e.className
         ),
         "aria-label": e.ariaLabel,
-        ...Ve
+        ..._e
       },
-      se,
-      ue,
+      me,
+      fe,
       /* @__PURE__ */ l.createElement(
         "div",
         {
@@ -603,9 +604,9 @@ const Sl = l.forwardRef((e, ie) => {
           "aria-colcount": h.length,
           "aria-rowcount": R,
           id: x,
-          "aria-label": M.toLanguageString(Ye, ul[Ye])
+          "aria-label": M.toLanguageString(pe, ul[pe])
         },
-        fe,
+        ge,
         /* @__PURE__ */ l.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(sl, null, /* @__PURE__ */ l.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
           cl,
           {
@@ -615,11 +616,11 @@ const Sl = l.forwardRef((e, ie) => {
                 size: S
               })
             ),
-            tableStyle: { userSelect: gt }
+            tableStyle: { userSelect: ht }
           },
-          Se,
-          /* @__PURE__ */ l.createElement(Qe, { rowReorderable: F }, p)
-        ), ye && /* @__PURE__ */ l.createElement(je, null, $.length ? $ : /* @__PURE__ */ l.createElement(We, null))), T && /* @__PURE__ */ l.createElement(
+          Ie,
+          /* @__PURE__ */ l.createElement(Ye, { rowReorderable: F }, p)
+        ), Ce && /* @__PURE__ */ l.createElement(qe, null, $.length ? $ : /* @__PURE__ */ l.createElement(je, null))), T && /* @__PURE__ */ l.createElement(
           "div",
           {
             className: f(u.heightContainer({})),
@@ -627,13 +628,13 @@ const Sl = l.forwardRef((e, ie) => {
           },
           /* @__PURE__ */ l.createElement(ml, { isVirtualScroll: T })
         )))),
-        Et,
-        Ie && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(qe, null), /* @__PURE__ */ l.createElement(Je, null)),
-        bt && /* @__PURE__ */ l.createElement(Gt, null)
+        St,
+        ve && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Qe, null), /* @__PURE__ */ l.createElement(Xe, null)),
+        se && /* @__PURE__ */ l.createElement(Le, null)
       ),
-      me,
-      e.pageable && Ee,
-      /* @__PURE__ */ l.createElement(Ze, { loader: e.loader, showLoader: e.showLoader })
+      ue,
+      e.pageable && Se,
+      /* @__PURE__ */ l.createElement(et, { loader: e.loader, showLoader: e.showLoader })
     ))
   );
 });