@progress/kendo-react-grid 13.2.0-develop.7 → 13.2.0-develop.8

package/GridClientWrapper.mjs

@@ -9,7 +9,7 @@
 import * as a from "react";
 import { useAdaptiveModeContext as Wt, canUseDOM as Q, getActiveElement as jt, useDir as _t, setScrollbarWidth as We, cloneArray as qt, getter as Z, RowHeightService as $t } from "@progress/kendo-react-common";
 import { filterBy as Xt } from "@progress/kendo-data-query";
-import { getSelectionOptions as se, populateClipboardData as Jt, ClipboardActionType as ke, getEditableOptions as Yt, tableKeyboardNavigation as V, ClipboardService as Qt, TableKeyboardNavigationContext as Zt, closestTagName as ue, editReducer as pt, EDIT_ACTION as en, getDetailExpandableOptions as tn, detailExpandReducer as nn, getGroupExpandableOptions as rn, groupExpandReducer as on, getSelectedState as je, getSelectedStateFromKeyDown as an, getColumnIndex as dn, getRowIndex as ln, updateLeft as cn, updateRight as sn } from "@progress/kendo-react-data-tools";
+import { getSelectionOptions as se, populateClipboardData as Jt, ClipboardActionType as De, getEditableOptions as Yt, tableKeyboardNavigation as V, ClipboardService as Qt, TableKeyboardNavigationContext as Zt, closestTagName as ue, editReducer as pt, EDIT_ACTION as en, getDetailExpandableOptions as tn, detailExpandReducer as nn, getGroupExpandableOptions as rn, groupExpandReducer as on, getSelectedState as je, getSelectedStateFromKeyDown as an, getColumnIndex as dn, getRowIndex as ln, updateLeft as cn, updateRight as sn } from "@progress/kendo-react-data-tools";
 import { ColumnResize as un } from "./drag/ColumnResize.mjs";
 import { CommonDragLogic as gn } from "./drag/CommonDragLogic.mjs";
 import { SAFARI_REGEX as fn } from "./constants/index.mjs";
@@ -41,7 +41,7 @@ const Dn = (t, I, h, S) => {
     });
   }, L = () => {
     S({});
-  }, v = a.useMemo(() => t.columnsRef.find((e) => e.field === h.field), [t.columnsRef, h]), De = a.useMemo(() => {
+  }, v = a.useMemo(() => t.columnsRef.find((e) => e.field === h.field), [t.columnsRef, h]), Ke = a.useMemo(() => {
     const e = t.gridProps.sortable && (v == null ? void 0 : v.sortable);
     return mn({
       pdf: !!t.gridProps.pdf,
@@ -49,7 +49,7 @@ const Dn = (t, I, h, S) => {
       selectable: se(t.gridProps.selectable).enabled,
       clipboard: !!t.gridProps.clipboard
     });
-  }, [v, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), Ke = a.useMemo(() => {
+  }, [v, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), Me = a.useMemo(() => {
     const e = t.gridProps.sortable && (v == null ? void 0 : v.sortable);
     return Pn({
       pdf: !!t.gridProps.pdf,
@@ -61,20 +61,20 @@ const Dn = (t, I, h, S) => {
   }, [v, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), p = a.useMemo(() => {
     const e = (v == null ? void 0 : v.contextMenu) || t.gridProps.contextMenu, n = typeof e == "function" ? e(h) : e;
     if (n && h.offset) {
-      const o = h.dataItem ? _e.body : _e.head, r = n[o], i = h.dataItem ? Ke : De;
+      const o = h.dataItem ? _e.body : _e.head, r = n[o], i = h.dataItem ? Me : Ke;
       return r === !1 ? void 0 : r === !0 || r === void 0 ? i : r;
     }
-  }, [t.gridProps.contextMenu, h, Ke, De, v]), $e = (e) => {
-    var l, s, u, m, f, E, P, X, J;
+  }, [t.gridProps.contextMenu, h, Me, Ke, v]), $e = (e) => {
+    var l, s, u, m, f, w, P, X, J;
     const n = e.event.item, o = {
-      target: C.current,
+      target: E.current,
       syntheticEvent: e.event.syntheticEvent,
       nativeEvent: e.event.nativeEvent,
       menuItem: n,
       ...e
     };
     t.gridProps.onContextMenuItemClick && c(t.gridProps.onContextMenuItemClick, o);
-    const r = w(), i = {
+    const r = C(), i = {
       selectedField: "",
       componentId: t.id,
       dataItems: r,
@@ -95,7 +95,7 @@ const Dn = (t, I, h, S) => {
       case "SortCommand":
         if (v) {
           const Y = (s = n.name) == null ? void 0 : s.toLowerCase().includes("asc"), Bt = ((u = n.name) == null ? void 0 : u.toLowerCase().includes("desc")) ? "desc" : void 0, Ut = Y ? "asc" : Bt, Vt = n.name ? Ut : void 0;
-          Me(e.event.syntheticEvent, v, Vt);
+          Te(e.event.syntheticEvent, v, Vt);
         }
         break;
       case "SelectRowCommand":
@@ -105,17 +105,17 @@ const Dn = (t, I, h, S) => {
         ut(i);
         break;
       case "ExportPDFCommand":
-        ge();
+        fe();
         break;
       case "ClearSelectionCommand":
         mt(i);
         break;
       case "ReorderRowCommand":
-        $.current = e.dataItem, (m = n.name) != null && m.toLowerCase().includes("rowup") && d > 0 && j(e.event.syntheticEvent, d - 1, "before"), (f = n.name) != null && f.toLowerCase().includes("rowdown") && d < r.length - 1 && j(e.event.syntheticEvent, d + 1, "after"), (E = n.name) != null && E.toLowerCase().includes("rowtop") && j(e.event.syntheticEvent, 0, "before"), (P = n.name) != null && P.toLowerCase().includes("rowbottom") && j(e.event.syntheticEvent, r.length - 1, "after");
+        $.current = e.dataItem, (m = n.name) != null && m.toLowerCase().includes("rowup") && d > 0 && j(e.event.syntheticEvent, d - 1, "before"), (f = n.name) != null && f.toLowerCase().includes("rowdown") && d < r.length - 1 && j(e.event.syntheticEvent, d + 1, "after"), (w = n.name) != null && w.toLowerCase().includes("rowtop") && j(e.event.syntheticEvent, 0, "before"), (P = n.name) != null && P.toLowerCase().includes("rowbottom") && j(e.event.syntheticEvent, r.length - 1, "after");
         break;
       case "CopySelectionCommand":
         oe(
-          ke.copy,
+          De.copy,
           e.event.nativeEvent,
           {
             copyHeaders: !((X = n.name) != null && X.toLowerCase().includes("noheaders"))
@@ -126,7 +126,7 @@ const Dn = (t, I, h, S) => {
         break;
       case "PasteCommand":
         oe(
-          ke.paste,
+          De.paste,
           e.event.nativeEvent,
           {
             copyHeaders: !((J = n.name) != null && J.toLowerCase().includes("noheaders"))
@@ -143,7 +143,7 @@ const Dn = (t, I, h, S) => {
   }, Xe = (e, n, o) => {
     if (t.gridProps.onContextMenu && I) {
       const r = {
-        target: C.current,
+        target: E.current,
         syntheticEvent: e,
         nativeEvent: e.nativeEvent,
         dataItem: n,
@@ -159,13 +159,13 @@ const Dn = (t, I, h, S) => {
   }, Je = (e) => {
     if (e.target !== e.currentTarget)
       return;
-    clearTimeout(we.current), b.current && (b.current.table = H.current);
+    clearTimeout(ye.current), b.current && (b.current.table = H.current);
     const n = e.currentTarget.scrollLeft, o = e.currentTarget.scrollTop;
-    t.gridProps.columnVirtualization && (!y || o === Ee.current) && (we.current = window.setTimeout(() => {
+    t.gridProps.columnVirtualization && (!y || o === we.current) && (ye.current = window.setTimeout(() => {
       O();
-    }, 0)), t.gridProps.scrollLeftRef && (t.gridProps.scrollLeftRef.current = n), q.current && q.current.setScrollLeft(n), _.current && _.current.setScrollLeft(n), b.current && o !== Ee.current && b.current.scrollHandler(e), t.gridProps.onScroll && I && c(t.gridProps.onScroll, {
+    }, 0)), t.gridProps.scrollLeftRef && (t.gridProps.scrollLeftRef.current = n), q.current && q.current.setScrollLeft(n), _.current && _.current.setScrollLeft(n), b.current && o !== we.current && b.current.scrollHandler(e), t.gridProps.onScroll && I && c(t.gridProps.onScroll, {
       ...R(e)
-    }), Ee.current = o;
+    }), we.current = o;
   }, Ye = (e) => {
     V.onKeyDown(e, {
       navigatable: t.gridProps.navigatable || !1,
@@ -179,7 +179,7 @@ const Dn = (t, I, h, S) => {
       navigationStateRef: N
     });
     const n = {
-      dataItems: w(),
+      dataItems: C(),
       mode: g.mode,
       cell: g.cell,
       componentId: t.id,
@@ -270,7 +270,7 @@ const Dn = (t, I, h, S) => {
         groupExpand: i
       });
     }
-  }, Me = (e, n, o) => {
+  }, Te = (e, n, o) => {
     const { allowUnsort: r, mode: i } = wn(
       t.gridProps.sortable || !1,
       n.sortable || !1
@@ -294,7 +294,7 @@ const Dn = (t, I, h, S) => {
         endColIndex: d,
         startRowIndex: i,
         endRowIndex: i,
-        dataItems: w(),
+        dataItems: C(),
         altKey: !1,
         ctrlKey: !1,
         shiftKey: !1,
@@ -319,7 +319,7 @@ const Dn = (t, I, h, S) => {
     if (!g.enabled || !t.gridProps.dataItemKey)
       return;
     const n = {
-      dataItems: w(),
+      dataItems: C(),
       mode: g.mode,
       cell: g.cell,
       componentId: t.id,
@@ -354,13 +354,13 @@ const Dn = (t, I, h, S) => {
     }
   }, ct = (e) => {
     if (t.gridProps.onHeaderSelectionChange && g.enabled) {
-      const n = w();
+      const n = C();
       c(t.gridProps.onHeaderSelectionChange, {
         select: e.syntheticEvent.target.checked ? n.reduce((o, r) => (t.gridProps.dataItemKey && Z(t.gridProps.dataItemKey)(r) !== void 0 && (o[Z(t.gridProps.dataItemKey)(r)] = !0), o), {}) : {},
         field: e.field,
         nativeEvent: e.syntheticEvent && e.syntheticEvent.nativeEvent,
         syntheticEvent: e.syntheticEvent,
-        target: C.current,
+        target: E.current,
         dataItems: n
       });
     }
@@ -372,12 +372,12 @@ const Dn = (t, I, h, S) => {
   }, st = (e) => {
     var n;
     if (t.gridProps.onSelectionChange && g.enabled) {
-      const o = w()[e.startRowIndex], r = w()[e.endRowIndex], i = {
+      const o = C()[e.startRowIndex], r = C()[e.endRowIndex], i = {
         syntheticEvent: void 0,
-        target: C.current,
+        target: E.current,
         selectedField: "",
         componentId: t.id,
-        dataItems: w(),
+        dataItems: C(),
         dataItem: null,
         startDataItem: o,
         endDataItem: r,
@@ -425,10 +425,10 @@ const Dn = (t, I, h, S) => {
   }, ft = (e) => {
     if (!g.enabled)
       return;
-    const n = w(), o = {
+    const n = C(), o = {
       syntheticEvent: void 0,
       nativeEvent: void 0,
-      target: C.current,
+      target: E.current,
       selectedField: "",
       componentId: t.id,
       dataItems: n,
@@ -466,9 +466,9 @@ const Dn = (t, I, h, S) => {
     let d = -1, l = -1, s = n[0] || null, u = n[n.length - 1] || null;
     if (t.gridProps.dataItemKey) {
       const f = Z(t.gridProps.dataItemKey);
-      for (let E = 0; E < n.length; E++) {
-        const P = f(n[E]);
-        P !== void 0 && r[P] && (d === -1 && (d = E, s = n[E]), l = E, u = n[E]);
+      for (let w = 0; w < n.length; w++) {
+        const P = f(n[w]);
+        P !== void 0 && r[P] && (d === -1 && (d = w, s = n[w]), l = w, u = n[w]);
       }
     }
     const m = {
@@ -509,14 +509,14 @@ const Dn = (t, I, h, S) => {
   }, Pt = (e, n, o) => {
     var r;
     t.gridProps.pageable || (r = t.gridProps.group) != null && r.length ? t.gridProps.virtualSkipRef && (t.gridProps.virtualSkipRef.current = e.skip, O()) : te(e, n, o);
-  }, Te = () => {
+  }, ge = () => {
     let e = t.gridProps.total || 0;
     return Array.isArray(t.gridProps.data) ? e = e || t.gridProps.data.length : t.gridProps.data && (e = e || t.gridProps.data.total), e;
   }, ht = () => {
     y && t.gridProps.virtualSkipRef && (t.gridProps.virtualSkipRef.current = 0);
   }, Rt = (e) => {
     var i, d;
-    const n = (d = (i = t.gridProps.take) != null ? i : t.gridProps.pageSize) != null ? d : 0, o = (t.gridProps.skip || 0) + n, r = Te();
+    const n = (d = (i = t.gridProps.take) != null ? i : t.gridProps.pageSize) != null ? d : 0, o = (t.gridProps.skip || 0) + n, r = ge();
     o < r && te({ skip: o, take: n }, e);
   }, bt = (e) => {
     var r, i;
@@ -578,25 +578,25 @@ const Dn = (t, I, h, S) => {
       { skip: 0 },
       e.syntheticEvent
     );
-  }, ge = () => {
+  }, fe = () => {
     var e;
     (e = G.current) == null || e.save();
   }, wt = async (e) => {
     var n, o;
     (n = t.gridProps) != null && n.onPdfExport && await ((o = t.gridProps) == null ? void 0 : o.onPdfExport(e));
-  }, fe = (e, n) => {
+  }, me = (e, n) => {
     const o = n.nativeEvent ? n : { nativeEvent: n.nativeEvent || n.originalEvent };
     let r = {};
-    t.isVirtualScroll && e.length && !t.gridProps.pageable && (r = { take: void 0 }), e.length === 0 && t.gridProps.navigatable && (ve.current = !0), F(
+    t.isVirtualScroll && e.length && !t.gridProps.pageable && (r = { take: void 0 }), e.length === 0 && t.gridProps.navigatable && (Ie.current = !0), F(
       t.gridProps.onGroupChange,
       { group: e },
       { group: e, skip: 0, ...r },
       o
     );
-  }, me = (e) => {
+  }, Pe = (e) => {
     if (t.gridProps.onColumnsStateChange) {
       const n = {
-        target: C.current,
+        target: E.current,
         columnsState: e
       };
       c(t.gridProps.onColumnsStateChange, n);
@@ -614,18 +614,18 @@ const Dn = (t, I, h, S) => {
       J && (J.orderIndex = X);
     });
     const f = r[e].locked && r[n].locked;
-    cn(t.columnsMapRef, r, f || le.current), sn(t.columnsMapRef, r, f || le.current), be.current && (le.current = !1, be.current = !1);
-    const E = ee();
+    cn(t.columnsMapRef, r, f || le.current), sn(t.columnsMapRef, r, f || le.current), ve.current && (le.current = !1, ve.current = !1);
+    const w = ee();
     if (O(), t.gridProps.onColumnReorder) {
       const P = {
-        target: C.current,
-        columns: E,
+        target: E.current,
+        columns: w,
         columnId: d.id,
         nativeEvent: o
       };
       c(t.gridProps.onColumnReorder, P);
     }
-    me(i);
+    Pe(i);
   }, j = (e, n, o) => {
     const r = typeof t.gridProps.rowReorderable == "object" ? t.gridProps.rowReorderable.enabled : t.gridProps.rowReorderable;
     if (o === "forbidden" || !r || !$.current)
@@ -637,23 +637,23 @@ const Dn = (t, I, h, S) => {
       dropPosition: o,
       nativeEvent: e.originalEvent,
       dragEvent: e,
-      target: C.current
+      target: E.current
     }), $.current = null;
   }, yt = (e, n, o) => {
     if (t.gridProps.group === void 0)
       return;
     const r = t.gridProps.group.slice();
-    r.splice(n, 0, ...r.splice(e, 1)), fe(r, o);
+    r.splice(n, 0, ...r.splice(e, 1)), me(r, o);
   }, Ge = (e, n, o) => {
     const r = t.columnsRef[e].field;
     if (!r)
       return;
     const i = (t.gridProps.group || []).slice();
-    i.splice(n, 0, { field: r }), fe(i, o);
+    i.splice(n, 0, { field: r }), me(i, o);
   }, xt = (e, n) => {
     const o = K.current.getCurrentGroupsLength;
     Ge(e, o, n);
-  }, Pe = () => {
+  }, he = () => {
     let e = 0;
     if (!D.current.colGroupMain)
       return;
@@ -693,13 +693,13 @@ const Dn = (t, I, h, S) => {
         field: i,
         ...typeof t.gridProps.clipboard != "boolean" ? t.gridProps.clipboard : {},
         ...o
-      }, l = w(), s = Jt({
+      }, l = C(), s = Jt({
         event: d,
         data: l,
         selectedState: (u = t.gridProps.select) != null ? u : {},
         previousCopiedItems: Be.current
       });
-      e !== ke.paste && (Be.current = s.copiedItems), t.gridProps.onClipboard && I && c(t.gridProps.onClipboard, {
+      e !== De.paste && (Be.current = s.copiedItems), t.gridProps.onClipboard && I && c(t.gridProps.onClipboard, {
         ...d,
         ...s
       });
@@ -718,7 +718,7 @@ const Dn = (t, I, h, S) => {
     const e = jt(k()), n = e ? e.matches(".k-table-td") ? e : (i = k()) == null ? void 0 : i.body : (d = k()) == null ? void 0 : d.body, o = n.closest(".k-grid-container"), r = n && ((l = A.current) == null ? void 0 : l.contains(n));
     return !!(n && r && o);
   }, ze = (e, n, o, r, i, d, l) => {
-    Pe(), le.current = !0, be.current = !0, t.gridProps.onColumnResize && I && c(t.gridProps.onColumnResize, {
+    he(), le.current = !0, ve.current = !0, t.gridProps.onColumnResize && I && c(t.gridProps.onColumnResize, {
       columns: ee(),
       nativeEvent: r,
       targetColumnId: l,
@@ -726,8 +726,8 @@ const Dn = (t, I, h, S) => {
       newWidth: n,
       oldWidth: o,
       end: i,
-      target: C.current
-    }), i && me(d);
+      target: E.current
+    }), i && Pe(d);
   }, Dt = () => {
     var e;
     return {
@@ -740,7 +740,7 @@ const Dn = (t, I, h, S) => {
   }, R = (e) => ({
     nativeEvent: e && e.nativeEvent,
     syntheticEvent: e,
-    target: C.current
+    target: E.current
   }), Kt = (e) => ({
     ...e,
     nativeEvent: void 0,
@@ -757,17 +757,17 @@ const Dn = (t, I, h, S) => {
   }, Mt = () => {
     var e, n, o;
     if (U.current && ((e = U.current) == null ? void 0 : e.getElementsByClassName("k-grid-edit-row").length) > 0) {
-      Ce.current = !1, (n = document.activeElement) != null && n.closest(".k-grid-edit-row") ? Ie.current = document.activeElement : Ie.current = void 0;
+      Ee.current = !1, (n = document.activeElement) != null && n.closest(".k-grid-edit-row") ? Ce.current = document.activeElement : Ce.current = void 0;
       const r = Array.from((o = U.current) == null ? void 0 : o.getElementsByClassName("k-grid-edit-row"));
-      r.length > xe.current.length ? de.current = r.filter(
-        (i) => !xe.current.includes(i)
-      )[0] : r.length === 1 && (de.current = r[0], Ce.current = !0), xe.current = r;
+      r.length > Se.current.length ? de.current = r.filter(
+        (i) => !Se.current.includes(i)
+      )[0] : r.length === 1 && (de.current = r[0], Ee.current = !0), Se.current = r;
     }
-  }, w = () => t.dataRef.filter((e) => e.rowType === "data").map((e) => e.dataItem), k = () => {
+  }, C = () => t.dataRef.filter((e) => e.rowType === "data").map((e) => e.dataItem), k = () => {
     var e;
     if (Q)
       return ((e = ie()) == null ? void 0 : e.ownerDocument) || document;
-  }, ie = () => A.current, he = a.useCallback(
+  }, ie = () => A.current, Re = a.useCallback(
     (e) => {
       var r, i;
       if (!b.current || !((r = b.current) != null && r.container) || t.gridProps.scrollable === "none")
@@ -791,15 +791,15 @@ const Dn = (t, I, h, S) => {
     r && (r.fixedScroll = o.fixedScroll || !1, r.PageChange = Pt, r.pageSize = n, r.scrollableVirtual = y, r.container = T.current, r.tableBody = U.current, r.scrollHeightContainer = Ne.current, r.table = H.current, (!r.rowHeightService || r.total !== e) && i && (r.total = e, r.rowHeightService = new $t(e, i)));
   }, Oe = a.useCallback(
     (e) => {
-      const n = { rowIndex: ye.current };
+      const n = { rowIndex: xe.current };
       e.forEach((o) => {
-        o.boundingClientRect.height !== o.intersectionRect.height && he(n);
+        o.boundingClientRect.height !== o.intersectionRect.height && Re(n);
       });
     },
-    [he]
+    [Re]
   ), O = () => {
     t.gridProps.forceUpdate && t.gridProps.forceUpdate();
-  }, Gt = (e) => e.left !== void 0 ? Se !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, C = a.useRef(null), b = a.useRef(void 0), D = a.useRef(void 0), K = a.useRef(void 0), M = a.useRef(void 0), N = a.useRef(void 0), ae = a.useRef(void 0), B = a.useRef(null), U = a.useRef(null), Lt = a.useRef(null), T = a.useRef(null), H = a.useRef(null), Re = a.useRef(null), A = a.useRef(null), Ne = a.useRef(null), _ = a.useRef(null), q = a.useRef(null), be = a.useRef(!1), ve = a.useRef(!1), de = a.useRef(void 0), Ie = a.useRef(void 0), Ce = a.useRef(!1), le = a.useRef(!0), Ee = a.useRef(0), we = a.useRef(void 0), ye = a.useRef(void 0), xe = a.useRef([]), Be = a.useRef([]), ce = a.useRef(0), $ = a.useRef(null), zt = a.useRef(null), Ft = a.useRef(null), Se = _t(A), y = t.isVirtualScroll, Ot = a.useMemo(() => a.Children.toArray(t.gridProps.children), [t.gridProps.children]), Ue = t.gridProps.groupable === !0 || typeof t.gridProps.groupable == "object" && t.gridProps.groupable.enabled !== !1, g = se(t.gridProps.selectable), Ve = Yt(t.gridProps.editable), Nt = ce.current && W && ce.current <= W.medium && t.gridProps.adaptive;
+  }, Gt = (e) => e.left !== void 0 ? ke !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, E = a.useRef(null), b = a.useRef(void 0), D = a.useRef(void 0), K = a.useRef(void 0), M = a.useRef(void 0), N = a.useRef(void 0), ae = a.useRef(void 0), B = a.useRef(null), U = a.useRef(null), Lt = a.useRef(null), T = a.useRef(null), H = a.useRef(null), be = a.useRef(null), A = a.useRef(null), Ne = a.useRef(null), _ = a.useRef(null), q = a.useRef(null), ve = a.useRef(!1), Ie = a.useRef(!1), de = a.useRef(void 0), Ce = a.useRef(void 0), Ee = a.useRef(!1), le = a.useRef(!0), we = a.useRef(0), ye = a.useRef(void 0), xe = a.useRef(void 0), Se = a.useRef([]), Be = a.useRef([]), ce = a.useRef(0), $ = a.useRef(null), zt = a.useRef(null), Ft = a.useRef(null), ke = _t(A), y = t.isVirtualScroll, Ot = a.useMemo(() => a.Children.toArray(t.gridProps.children), [t.gridProps.children]), Ue = t.gridProps.groupable === !0 || typeof t.gridProps.groupable == "object" && t.gridProps.groupable.enabled !== !1, g = se(t.gridProps.selectable), Ve = Yt(t.gridProps.editable), Nt = ce.current && W && ce.current <= W.medium && t.gridProps.adaptive;
   return a.useMemo(() => {
     V.onConstructor({
       navigatable: !!t.gridProps.navigatable,
@@ -820,24 +820,24 @@ const Dn = (t, I, h, S) => {
     t.gridProps.rowHeight
   ]), a.useEffect(() => (t.gridProps.clipboard && (ae.current = new Qt(oe), ae.current.addEventListeners(k())), () => {
     ae.current && ae.current.removeEventListeners(k());
-  }), [t.gridProps.onClipboard, t.gridProps.clipboard, oe, k]), a.useEffect(() => (t.gridProps.columnVirtualization && !window.navigator.userAgent.match(fn) && (Re.current && (Re.current.style.display = "block"), H.current && (H.current.style.display = "block")), Le(), Pe(), We(), V.onComponentDidMount({
+  }), [t.gridProps.onClipboard, t.gridProps.clipboard, oe, k]), a.useEffect(() => (t.gridProps.columnVirtualization && !window.navigator.userAgent.match(fn) && (be.current && (be.current.style.display = "block"), H.current && (H.current.style.display = "block")), Le(), he(), We(), V.onComponentDidMount({
     scope: A.current || void 0,
     contextStateRef: M,
     navigationStateRef: N
   }), () => {
-    clearTimeout(we.current);
+    clearTimeout(ye.current);
   }), []), a.useEffect(() => {
     var e;
-    Le(), Pe(), We(), y && (re(), St(), (e = b.current) == null || e.update()), Mt(), V.onComponentDidUpdate({
+    Le(), he(), We(), y && (re(), St(), (e = b.current) == null || e.update()), Mt(), V.onComponentDidUpdate({
       scope: A.current || void 0,
       contextStateRef: M,
       navigationStateRef: N,
-      focusFirst: ve.current,
+      focusFirst: Ie.current,
       newEditableRow: de.current,
-      singleEditRow: Ce.current,
-      lastActiveElement: Ie.current,
+      singleEditRow: Ee.current,
+      lastActiveElement: Ce.current,
       navigatable: t.gridProps.navigatable
-    }), ve.current = !1, de.current = void 0;
+    }), Ie.current = !1, de.current = void 0;
   }), a.useEffect(() => {
     if (Q) {
       const e = {
@@ -868,7 +868,7 @@ const Dn = (t, I, h, S) => {
       n.disconnect();
     };
   }, [y, re]), a.useImperativeHandle(
-    C,
+    E,
     () => ({
       get element() {
         return ie();
@@ -882,20 +882,22 @@ const Dn = (t, I, h, S) => {
         if (!((r = b.current) != null && r.container) || t.gridProps.scrollable === "none")
           return;
         const { rowIndex: n } = e;
-        ye.current = n;
+        xe.current = n;
         const o = ie();
         if (B.current && o) {
           B.current.disconnect();
-          const i = o.querySelector(`[absolute-row-index="${ye.current}"]`);
-          i ? B.current.observe(i) : he(e);
+          const i = o.querySelector(`[absolute-row-index="${xe.current}"]`);
+          i ? B.current.observe(i) : Re(e);
         }
       },
       fitColumns: (e) => {
         D.current.dblClickHandler(null, e);
       },
-      exportAsPdf: ge
+      exportAsPdf: fe,
+      getTotal: ge,
+      getLeafDataItems: C
     })
-  ), a.useImperativeHandle(t.gridRef, () => C.current), a.useMemo(() => {
+  ), a.useImperativeHandle(t.gridRef, () => E.current), a.useMemo(() => {
     D.current = new un(ze);
   }, [t.gridProps.onColumnResize, t.columnsRef]), a.useMemo(() => {
     K.current = new gn(ne, yt, Ge);
@@ -905,7 +907,7 @@ const Dn = (t, I, h, S) => {
     t.gridProps.group,
     t.columnsRef,
     t.gridProps.groupable
-  ]), D.current.resizable = t.gridProps.resizable || !1, D.current.columns = t.columnsRef, D.current.columnsState = qt(t.columnsState), K.current.reorderable = t.gridProps.reorderable || !1, K.current.groupable = Ue, K.current.columns = t.columnsRef, K.current.dir = Se, At(), /* @__PURE__ */ a.createElement(
+  ]), D.current.resizable = t.gridProps.resizable || !1, D.current.columns = t.columnsRef, D.current.columnsState = qt(t.columnsState), K.current.reorderable = t.gridProps.reorderable || !1, K.current.groupable = Ue, K.current.columns = t.columnsRef, K.current.dir = ke, At(), /* @__PURE__ */ a.createElement(
     Sn.Provider,
     {
       value: {
@@ -914,31 +916,31 @@ const Dn = (t, I, h, S) => {
         activeDragRowDataItemRef: $,
         reorderRowDragTargetRef: zt,
         reorderRowDropTargetRef: Ft,
-        dir: Se,
+        dir: ke,
         getCellPositionStyle: Gt,
         dataItemKey: t.gridProps.dataItemKey,
         columnsState: t.columnsState,
         columnsRef: t.columnsRef,
         hiddenColumnsRef: t.hiddenColumnsRef,
-        onColumnsStateChange: me,
+        onColumnsStateChange: Pe,
         groupable: t.gridProps.groupable,
         group: t.gridProps.group,
         reorderable: t.gridProps.reorderable,
         defaultGroup: t.gridProps.defaultGroup,
-        groupChange: fe,
+        groupChange: me,
         selectionRelease: st,
         pagerPageChange: vt,
         onContextMenu: Xe,
         rowClick: pe,
         rowDblClick: et,
         cellClick: rt,
-        headerCellClick: Me,
+        headerCellClick: Te,
         itemChange: at,
         onDialogEditCancel: nt,
         onDialogEditSubmit: tt,
         columnReorder: ne,
         onResize: ze,
-        getTotal: Te,
+        getTotal: ge,
         sortable: t.gridProps.sortable,
         pageable: t.gridProps.pageable,
         pageSize: t.gridProps.pageSize,
@@ -951,13 +953,14 @@ const Dn = (t, I, h, S) => {
         filter: t.gridProps.filter,
         defaultFilter: t.gridProps.defaultFilter,
         filterOperators: t.gridProps.filterOperators || kn,
-        getLeafDataItems: w,
+        getLeafDataItems: C,
         filterChange: It,
         applyHighlightDescriptor: Ct,
         applySelectionDescriptor: ft,
         highlight: t.gridProps.highlight,
+        select: t.gridProps.select,
         searchChange: Et,
-        exportAsPdf: ge,
+        exportAsPdf: fe,
         onHeaderSelectionChange: ct,
         columnGroupChange: xt,
         onKeyDown: Ye,
@@ -977,7 +980,7 @@ const Dn = (t, I, h, S) => {
         tableBodyElementRef: U,
         headerElementRef: Lt,
         containerElementRef: T,
-        headTableElementRef: Re,
+        headTableElementRef: be,
         elementRef: A,
         virtualScrollHeightContainerRef: Ne,
         footerRef: _,

package/GridComponent.js

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

package/GridComponent.mjs

@@ -384,8 +384,8 @@ const Ba = i.forwardRef((e, ut) => {
       isSelected: typeof m == "boolean" && m,
       isHighlighted: typeof c == "boolean" && c
     };
-  };
-  let Kt = 0, Y = null;
+  }, Kt = 0;
+  let Y = null;
   const ve = (t) => t >= g.length - Kt, Z = [], Re = !g.length;
   let z = 0;
   if (g.length) {