@progress/kendo-react-grid 14.5.0-develop.3 → 14.5.0-develop.4

package/GridClientWrapper.mjs

@@ -7,30 +7,30 @@
  */
 "use client";
 import * as c from "react";
-import { useAdaptiveModeContext as In, canUseDOM as ae, getActiveElement as wn, useDir as yn, setScrollbarWidth as at, cloneArray as En, RowHeightService as xn, getter as ee } from "@progress/kendo-react-common";
-import { filterBy as Sn } from "@progress/kendo-data-query";
-import { getSelectionOptions as we, populateClipboardData as kn, ClipboardActionType as ze, getEditableOptions as Dn, tableKeyboardNavigation as te, ClipboardService as Kn, TableKeyboardNavigationContext as Gn, updateLeft as Tn, updateRight as Hn, getGroupExpandableOptions as Mn, groupExpandReducer as An, getDetailExpandableOptions as Fn, detailExpandReducer as Ln, getSelectedState as ct, editReducer as Bn, EDIT_ACTION as Wn, closestTagName as ye, getSelectedStateFromKeyDown as zn, getColumnIndex as On, getRowIndex as pn } from "@progress/kendo-react-data-tools";
-import { ColumnResize as Nn } from "./drag/ColumnResize.mjs";
-import { CommonDragLogic as Un } from "./drag/CommonDragLogic.mjs";
-import { useStickyGroups as Vn } from "./hooks/useStickyGroups.mjs";
-import { getDefaultHeadContextMenuItems as jn, getDefaultBodyContextMenuItems as qn, isRowReorderEnabled as $n, calcRowHeight as _n, sanitizeColumns as Zn, getFlatColumnsState as Jn, getDataAsArray as Xn } from "./utils/index.mjs";
-import { VirtualScroll as Yn } from "./VirtualScroll.mjs";
-import { GridContextMenu as Qn, contextMenuItemsMap as er } from "./contextMenu/GridContextMenu.mjs";
+import { useAdaptiveModeContext as wn, canUseDOM as ae, getActiveElement as yn, useDir as En, setScrollbarWidth as at, cloneArray as xn, RowHeightService as Sn, getter as te } from "@progress/kendo-react-common";
+import { filterBy as kn } from "@progress/kendo-data-query";
+import { getSelectionOptions as we, populateClipboardData as Dn, ClipboardActionType as ze, getEditableOptions as Kn, tableKeyboardNavigation as ne, ClipboardService as Gn, TableKeyboardNavigationContext as Tn, updateLeft as Hn, updateRight as Mn, getGroupExpandableOptions as An, groupExpandReducer as Fn, getDetailExpandableOptions as Ln, detailExpandReducer as Bn, getSelectedState as ct, editReducer as Wn, EDIT_ACTION as zn, closestTagName as ye, getSelectedStateFromKeyDown as On, getColumnIndex as pn, getRowIndex as Nn } from "@progress/kendo-react-data-tools";
+import { ColumnResize as Un } from "./drag/ColumnResize.mjs";
+import { CommonDragLogic as Vn } from "./drag/CommonDragLogic.mjs";
+import { useStickyGroups as jn } from "./hooks/useStickyGroups.mjs";
+import { getDefaultHeadContextMenuItems as qn, getDefaultBodyContextMenuItems as $n, isRowReorderEnabled as _n, calcRowHeight as Zn, sanitizeColumns as Jn, getFlatColumnsState as Xn, getDataAsArray as Yn } from "./utils/index.mjs";
+import { VirtualScroll as Qn } from "./VirtualScroll.mjs";
+import { GridContextMenu as er, contextMenuItemsMap as tr } from "./contextMenu/GridContextMenu.mjs";
 import { GridContextMenuAnchorPart as dt, GridContextMenuItemNames as Ee } from "./contextMenu/enums.mjs";
-import { normalizeSortable as tr, firstLevelSortSeqMap as nr } from "./sortCommon.mjs";
-import { BasePDFExport as rr } from "./BasePDFExport.mjs";
-import { BaseCSVExport as or } from "./BaseCSVExport.mjs";
-import { GridContext as ir } from "./utils/GridContext.mjs";
-import { operators as ar } from "./filterCommon.mjs";
-const cr = (t, x, b, z) => {
-  const ne = Object.keys(x.cells).map((k) => b.findIndex((re) => re.field === k)), _ = Object.keys(x.cells).length > 0 ? ne : !0;
-  return t.reduce((k, re) => (k[re[z != null ? z : "id"]] = _, k), {});
-}, lt = (t, x, b, z) => x.reduce((_, k) => ({
-  ..._,
-  ...cr(Sn(t, k), k, b, z)
-}), {}), yr = (t) => {
+import { normalizeSortable as nr, firstLevelSortSeqMap as rr } from "./sortCommon.mjs";
+import { BasePDFExport as or } from "./BasePDFExport.mjs";
+import { BaseCSVExport as ir } from "./BaseCSVExport.mjs";
+import { GridContext as ar } from "./utils/GridContext.mjs";
+import { operators as cr } from "./filterCommon.mjs";
+const dr = (t, x, b, z) => {
+  const re = Object.keys(x.cells).map((k) => b.findIndex((O) => O.field === k)), Z = Object.keys(x.cells).length > 0 ? re : !0;
+  return t.reduce((k, O) => (k[O[z != null ? z : "id"]] = Z, k), {});
+}, st = (t, x, b, z) => x.reduce((Z, k) => ({
+  ...Z,
+  ...dr(kn(t, k), k, b, z)
+}), {}), Er = (t) => {
   var it;
-  const x = t.gridProps.isClient, [b, z] = c.useState({}), ne = In(), _ = c.useRef(null), k = c.useRef(null), re = (e) => {
+  const x = t.gridProps.isClient, [b, z] = c.useState({}), re = wn(), Z = c.useRef(null), k = c.useRef(null), O = c.useRef({}), lt = (e) => {
     e.event.preventDefault(), z({
       ...b,
       show: !0,
@@ -43,28 +43,28 @@ const cr = (t, x, b, z) => {
     });
   }, Oe = () => {
     z({});
-  }, st = (e) => {
-    const n = t.gridProps.dataItemKey || "", o = b.dataItem, r = t.gridProps.pinnedTopRows || [], i = t.gridProps.pinnedBottomRows || [], a = n ? o[n] : void 0, d = a !== void 0 && r.some((l) => l[n] === a), s = a !== void 0 && i.some((l) => l[n] === a);
-    return e.map((l) => {
-      const u = typeof l == "string" ? er[l] : l;
+  }, ut = (e) => {
+    const n = t.gridProps.dataItemKey || "", o = b.dataItem, r = t.gridProps.pinnedTopRows || [], i = t.gridProps.pinnedBottomRows || [], a = n ? o[n] : void 0, d = a !== void 0 && r.some((s) => s[n] === a), l = a !== void 0 && i.some((s) => s[n] === a);
+    return e.map((s) => {
+      const u = typeof s == "string" ? tr[s] : s;
       return (u == null ? void 0 : u.name) === Ee.pinRow && u.items ? {
         ...u,
-        items: u.items.filter((m) => m.name === Ee.pinTop ? !d : m.name === Ee.pinBottom ? !s : m.name === Ee.unpin ? d || s : !0)
-      } : l;
+        items: u.items.filter((m) => m.name === Ee.pinTop ? !d : m.name === Ee.pinBottom ? !l : m.name === Ee.unpin ? d || l : !0)
+      } : s;
     });
   }, y = c.useMemo(() => t.columnsRef.find((e) => e.field === b.field), [t.columnsRef, b]), pe = c.useMemo(() => {
     const e = t.gridProps.sortable && (y == null ? void 0 : y.sortable);
-    return jn({
+    return qn({
       pdf: !!t.gridProps.pdf,
       sortable: !!e,
       selectable: we(t.gridProps.selectable).enabled,
       clipboard: !!t.gridProps.clipboard
     });
-  }, [y, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), Ne = c.useMemo(() => (t.gridProps.sortable && (y == null || y.sortable), qn({
+  }, [y, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), Ne = c.useMemo(() => (t.gridProps.sortable && (y == null || y.sortable), $n({
     pdf: !!t.gridProps.pdf,
     selectable: we(t.gridProps.selectable).enabled,
     clipboard: !!t.gridProps.clipboard,
-    rowReorderable: $n(t.gridProps.rowReorderable),
+    rowReorderable: _n(t.gridProps.rowReorderable),
     pinnable: !!t.gridProps.pinnable
   })), [
     y,
@@ -79,7 +79,7 @@ const cr = (t, x, b, z) => {
     if (n && b.offset) {
       const o = b.dataItem ? dt.body : dt.head, r = n[o], i = b.dataItem ? Ne : pe;
       let a;
-      return r === !0 || r === void 0 ? a = i : r !== !1 && (a = r), t.gridProps.pinnable && a && b.dataItem ? st(a) : a;
+      return r === !0 || r === void 0 ? a = i : r !== !1 && (a = r), t.gridProps.pinnable && a && b.dataItem ? ut(a) : a;
     }
   }, [
     t.gridProps.contextMenu,
@@ -88,8 +88,8 @@ const cr = (t, x, b, z) => {
     Ne,
     pe,
     y
-  ]), ut = (e) => {
-    var d, s, l, u, m, w, h, p, g;
+  ]), gt = (e) => {
+    var d, l, s, u, m, w, h, N, g;
     const n = e.event.item, o = {
       target: S.current,
       syntheticEvent: e.event.syntheticEvent,
@@ -118,21 +118,21 @@ const cr = (t, x, b, z) => {
     switch ((d = n.data) == null ? void 0 : d.action) {
       case "SortCommand":
         if (y) {
-          const E = (s = n.name) == null ? void 0 : s.toLowerCase().includes("asc"), $ = ((l = n.name) == null ? void 0 : l.toLowerCase().includes("desc")) ? "desc" : void 0, W = E ? "asc" : $, Q = n.name ? W : void 0;
-          Ue(e.event.syntheticEvent, y, Q);
+          const E = (l = n.name) == null ? void 0 : l.toLowerCase().includes("asc"), _ = ((s = n.name) == null ? void 0 : s.toLowerCase().includes("desc")) ? "desc" : void 0, W = E ? "asc" : _, ee = n.name ? W : void 0;
+          Ue(e.event.syntheticEvent, y, ee);
         }
         break;
       case "SelectRowCommand":
-        Mt(i);
+        At(i);
         break;
       case "SelectAllRowsCommand":
-        Ht(i);
+        Mt(i);
         break;
       case "ExportPDFCommand":
         Se();
         break;
       case "ClearSelectionCommand":
-        Ft(i);
+        Lt(i);
         break;
       case "ReorderRowCommand":
         ie.current = e.dataItem, (u = n.name) != null && u.toLowerCase().includes("rowup") && a > 0 && oe(e.event.syntheticEvent, a - 1, "before"), (m = n.name) != null && m.toLowerCase().includes("rowdown") && a < r.length - 1 && oe(e.event.syntheticEvent, a + 1, "after"), (w = n.name) != null && w.toLowerCase().includes("rowtop") && oe(e.event.syntheticEvent, 0, "before"), (h = n.name) != null && h.toLowerCase().includes("rowbottom") && oe(e.event.syntheticEvent, r.length - 1, "after");
@@ -142,7 +142,7 @@ const cr = (t, x, b, z) => {
           ze.copy,
           e.event.nativeEvent,
           {
-            copyHeaders: !((p = n.name) != null && p.toLowerCase().includes("noheaders"))
+            copyHeaders: !((N = n.name) != null && N.toLowerCase().includes("noheaders"))
           },
           e.dataItem,
           e.field
@@ -160,20 +160,20 @@ const cr = (t, x, b, z) => {
         );
         break;
       case "PinTopCommand":
-        le("pinTop", e.dataItem);
+        se("pinTop", e.dataItem);
         break;
       case "PinBottomCommand":
-        le("pinBottom", e.dataItem);
+        se("pinBottom", e.dataItem);
         break;
       case "UnpinCommand":
-        le("unpin", e.dataItem);
+        se("unpin", e.dataItem);
         break;
     }
     Oe();
   }, de = () => {
     const e = t.columnsRef.filter((n) => n.declarationIndex >= 0 && n.parentIndex === -1);
-    return Zn(e);
-  }, gt = (e, n, o) => {
+    return Jn(e);
+  }, ft = (e, n, o) => {
     if (t.gridProps.onContextMenu && x) {
       const r = {
         target: S.current,
@@ -184,27 +184,27 @@ const cr = (t, x, b, z) => {
       };
       f(t.gridProps.onContextMenu, r);
     }
-    t.gridProps.contextMenu && re({
+    t.gridProps.contextMenu && lt({
       event: e,
       dataItem: n,
       field: o
     });
-  }, ft = (e) => {
+  }, mt = (e) => {
     var a, d;
     if (e.target !== e.currentTarget)
       return;
-    clearTimeout(Fe.current), C.current && (C.current.table = V.current);
+    clearTimeout(Fe.current), C.current && (C.current.table = j.current);
     const n = e.currentTarget.scrollLeft, o = e.currentTarget.scrollTop;
     t.gridProps.columnVirtualization && (!K || o === Ae.current) && (Fe.current = window.setTimeout(() => {
-      X();
-    }, 0)), t.gridProps.scrollLeftRef && (t.gridProps.scrollLeftRef.current = n), q.current && q.current.setScrollLeft(n), j.current && j.current.setScrollLeft(n), A != null && A.current && A.current.setScrollLeft(n), F != null && F.current && F.current.setScrollLeft(n), L != null && L.current && L.current.setScrollLeft(n), B != null && B.current && B.current.setScrollLeft(n);
+      Y();
+    }, 0)), t.gridProps.scrollLeftRef && (t.gridProps.scrollLeftRef.current = n), $.current && $.current.setScrollLeft(n), q.current && q.current.setScrollLeft(n), A != null && A.current && A.current.setScrollLeft(n), F != null && F.current && F.current.setScrollLeft(n), L != null && L.current && L.current.setScrollLeft(n), B != null && B.current && B.current.setScrollLeft(n);
     const r = (a = t.gridProps.virtualSkipRef) == null ? void 0 : a.current;
     C.current && o !== Ae.current && C.current.scrollHandler(e);
     const i = K && ((d = t.gridProps.virtualSkipRef) == null ? void 0 : d.current) !== r;
     t.gridProps.onScroll && x && f(t.gridProps.onScroll, {
       ...I(e)
     }), Ae.current = o, i || nt();
-  }, mt = (e) => {
+  }, Pt = (e) => {
     var o, r;
     const n = e.target;
     if ((e.keyCode === 38 || e.keyCode === 40) && n.closest(".k-grid-sticky-container")) {
@@ -218,7 +218,7 @@ const cr = (t, x, b, z) => {
         }, e.preventDefault(), e.stopPropagation(), Pe({ rowIndex: i }), !0;
     }
     return !1;
-  }, Pt = () => {
+  }, ht = () => {
     var a;
     if (!Ce.current || !M.current)
       return;
@@ -234,19 +234,19 @@ const cr = (t, x, b, z) => {
         cancelable: !0
       })
     );
-  }, ht = (e) => {
-    if (mt(e))
+  }, Rt = (e) => {
+    if (Pt(e))
       return;
-    te.onKeyDown(e, {
+    ne.onKeyDown(e, {
       navigatable: t.gridProps.navigatable || !1,
-      contextStateRef: U,
-      navigationStateRef: Y,
-      onNavigationAction: bt,
+      contextStateRef: V,
+      navigationStateRef: Q,
+      onNavigationAction: vt,
       columns: de()
-    }), te.onGetSnapshotBeforeUpdate({
-      document: O(),
-      contextStateRef: U,
-      navigationStateRef: Y
+    }), ne.onGetSnapshotBeforeUpdate({
+      document: p(),
+      contextStateRef: V,
+      navigationStateRef: Q
     });
     const n = {
       dataItems: D(),
@@ -257,14 +257,14 @@ const cr = (t, x, b, z) => {
       ...I(e)
     };
     t.gridProps.onKeyDown && x && f(t.gridProps.onKeyDown, n);
-  }, Rt = (e) => {
-    te.onFocus(e, {
+  }, bt = (e) => {
+    ne.onFocus(e, {
       navigatable: !!t.gridProps.navigatable,
-      contextStateRef: U
+      contextStateRef: V
     });
-  }, bt = (e) => {
+  }, vt = (e) => {
     const { columnsRef: n } = t;
-    if (e.action === "moveToNextPage" && Wt(e.event), e.action === "moveToPrevPage" && zt(e.event), e.focusElement && (e.action === "reorderToRight" || e.action === "reorderToLeft")) {
+    if (e.action === "moveToNextPage" && zt(e.event), e.action === "moveToPrevPage" && Ot(e.event), e.focusElement && (e.action === "reorderToRight" || e.action === "reorderToLeft")) {
       const o = parseInt(e.focusElement.ariaColIndex, 10) - 1;
       if (!n[o].reorderable)
         return;
@@ -279,44 +279,44 @@ const cr = (t, x, b, z) => {
         ue(o, o - 1, e.event);
       }
     }
-    if (e.action === "select" && Kt(e.event), t.gridProps.onNavigationAction && x) {
+    if (e.action === "select" && Gt(e.event), t.gridProps.onNavigationAction && x) {
       const o = {
         focusElement: e.focusElement,
         ...I(e.event)
       };
       f(t.gridProps.onNavigationAction, o);
     }
-  }, vt = (e, n) => {
+  }, Ct = (e, n) => {
     t.gridProps.onRowClick && ye(e.target, "TD") && f(t.gridProps.onRowClick, {
       dataItem: n,
       ...I(e)
     });
-  }, Ct = (e, n) => {
+  }, It = (e, n) => {
     t.gridProps.onRowDoubleClick && ye(e.target, "TD") && f(t.gridProps.onRowDoubleClick, {
       dataItem: n,
       ...I(e)
     });
-  }, It = (e) => {
+  }, wt = (e) => {
     t.gridProps.onItemChange && f(t.gridProps.onItemChange, {
       ...I(e.syntheticEvent),
       dataItem: e.dataItem,
       field: void 0,
       value: void 0
     });
-  }, wt = (e) => {
+  }, yt = (e) => {
     t.gridProps.onItemChange && t.gridProps.onEditChange && f(t.gridProps.onEditChange, {
       edit: {},
       ...I(e.syntheticEvent)
     });
-  }, yt = (e, n, o) => {
+  }, Et = (e, n, o) => {
     var r, i;
     if (ot.enabled && ot.mode === "incell" && t.gridProps.dataItemKey) {
       if (t.gridProps.pinnable && t.gridProps.editZoneRef) {
         const d = !!((i = (r = e.target).closest) != null && i.call(r, ".k-grid-pinned-container"));
         t.gridProps.editZoneRef.current = d ? "pinned" : "body";
       }
-      const a = Bn(t.gridProps.edit, {
-        type: Wn.ENTER_FIELD_EDIT,
+      const a = Wn(t.gridProps.edit, {
+        type: zn.ENTER_FIELD_EDIT,
         payload: { id: n[t.gridProps.dataItemKey], field: o }
       });
       t.gridProps.onEditChange && f(t.gridProps.onEditChange, {
@@ -324,29 +324,29 @@ const cr = (t, x, b, z) => {
         ...I(e)
       });
     }
-  }, Et = (e, n) => {
+  }, xt = (e, n) => {
     var r;
-    if (Fn(t.detailExpandable).enabled) {
-      const i = Ln((r = t.gridProps.detailExpand) != null ? r : {}, e);
+    if (Ln(t.detailExpandable).enabled) {
+      const i = Bn((r = t.gridProps.detailExpand) != null ? r : {}, e);
       t.gridProps.onDetailExpandChange && f(t.gridProps.onDetailExpandChange, {
         ...I(n),
         detailExpand: i
       });
     }
-  }, xt = (e, n) => {
+  }, St = (e, n) => {
     var r;
-    const o = Mn(
+    const o = An(
       typeof t.gridProps.groupable == "object" ? t.gridProps.groupable.expandable !== !1 : t.gridProps.groupable
     );
     if (o.enabled) {
-      const i = An((r = t.gridProps.groupExpand) != null ? r : [], e, o);
+      const i = Fn((r = t.gridProps.groupExpand) != null ? r : [], e, o);
       t.gridProps.onGroupExpandChange && f(t.gridProps.onGroupExpandChange, {
         ...I(n),
         groupExpand: i
       });
     }
-    Pn(e.group);
-  }, St = c.useCallback(
+    hn(e.group);
+  }, kt = c.useCallback(
     (e) => {
       const { dataItemKey: n = "", pinnedTopRows: o = [], pinnedBottomRows: r = [] } = t.gridProps;
       if (!n || !e)
@@ -355,32 +355,32 @@ const cr = (t, x, b, z) => {
       return o != null && o.some((a) => a[n] === i) ? "top" : r != null && r.some((a) => a[n] === i) ? "bottom" : "none";
     },
     [t.gridProps.pinnedTopRows, t.gridProps.pinnedBottomRows, t.gridProps.dataItemKey]
-  ), le = (e, n) => {
+  ), se = (e, n) => {
     if (!t.gridProps.pinnable)
       return;
-    const { dataItemKey: o = "", pinnedTopRows: r = [], pinnedBottomRows: i = [] } = t.gridProps, a = n[o], d = r.filter((u) => u[o] !== a), s = i.filter((u) => u[o] !== a);
-    let l;
+    const { dataItemKey: o = "", pinnedTopRows: r = [], pinnedBottomRows: i = [] } = t.gridProps, a = n[o], d = r.filter((u) => u[o] !== a), l = i.filter((u) => u[o] !== a);
+    let s;
     switch (e) {
       case "pinTop":
-        l = { pinnedTopRows: [...d, n], pinnedBottomRows: s, dataItem: n };
+        s = { pinnedTopRows: [...d, n], pinnedBottomRows: l, dataItem: n };
         break;
       case "pinBottom":
-        l = { pinnedTopRows: d, pinnedBottomRows: [...s, n], dataItem: n };
+        s = { pinnedTopRows: d, pinnedBottomRows: [...l, n], dataItem: n };
         break;
       case "unpin":
-        l = { pinnedTopRows: d, pinnedBottomRows: s, dataItem: n };
+        s = { pinnedTopRows: d, pinnedBottomRows: l, dataItem: n };
         break;
       default:
         return;
     }
-    t.gridProps.onRowPinChange && f(t.gridProps.onRowPinChange, l);
+    t.gridProps.onRowPinChange && f(t.gridProps.onRowPinChange, s);
   }, Ue = (e, n, o) => {
-    const { allowUnsort: r, mode: i } = tr(
+    const { allowUnsort: r, mode: i } = nr(
       t.gridProps.sortable || !1,
       n.sortable || !1
-    ), a = (t.gridProps.sort || []).filter((l) => l.field === n.field)[0], d = o || nr[r][a && a.dir || ""], s = i === "single" ? [] : (t.gridProps.sort || []).filter((l) => l.field !== n.field);
-    d !== "" && n.field && s.push({ field: n.field, dir: d }), je(s, e);
-  }, kt = (e) => {
+    ), a = (t.gridProps.sort || []).filter((s) => s.field === n.field)[0], d = o || rr[r][a && a.dir || ""], l = i === "single" ? [] : (t.gridProps.sort || []).filter((s) => s.field !== n.field);
+    d !== "" && n.field && l.push({ field: n.field, dir: d }), je(l, e);
+  }, Dt = (e) => {
     t.gridProps.onItemChange && f(t.gridProps.onItemChange, {
       ...I(e.syntheticEvent),
       dataItem: e.dataItem,
@@ -388,7 +388,7 @@ const cr = (t, x, b, z) => {
       field: e.field,
       value: e.value
     });
-  }, Dt = (e) => {
+  }, Kt = (e) => {
     var n;
     if (t.gridProps.onSelectionChange && v.enabled) {
       const { event: o, dataItem: r, dataIndex: i, columnIndex: a } = e, d = {
@@ -418,8 +418,8 @@ const cr = (t, x, b, z) => {
         }) : {}
       });
     }
-  }, Kt = (e) => {
-    var l, u;
+  }, Gt = (e) => {
+    var s, u;
     if (!v.enabled || !t.gridProps.dataItemKey)
       return;
     const n = {
@@ -429,25 +429,25 @@ const cr = (t, x, b, z) => {
       componentId: t.id,
       selectedField: "",
       ...I(e)
-    }, o = zn({
+    }, o = On({
       event: n,
-      selectedState: (l = t.gridProps.select) != null ? l : {},
+      selectedState: (s = t.gridProps.select) != null ? s : {},
       dataItemKey: t.gridProps.dataItemKey
     });
     if (o === t.gridProps.select)
       return;
-    const r = e.target, i = ye(r, "TD"), a = ye(r, "TR"), d = On(i), s = pn(a);
-    if (d !== void 0 && s !== void 0) {
-      const m = (u = Xn(t.gridProps.data)) == null ? void 0 : u[s];
+    const r = e.target, i = ye(r, "TD"), a = ye(r, "TR"), d = pn(i), l = Nn(a);
+    if (d !== void 0 && l !== void 0) {
+      const m = (u = Yn(t.gridProps.data)) == null ? void 0 : u[l];
       t.gridProps.onSelectionChange && f(t.gridProps.onSelectionChange, {
         ...n,
         select: o,
         dataItem: m,
-        startRowIndex: s,
+        startRowIndex: l,
         startColIndex: d,
         startDataItem: m,
         endDataItem: m,
-        endRowIndex: s,
+        endRowIndex: l,
         endColIndex: d,
         ctrlKey: e.ctrlKey,
         altKey: e.altKey,
@@ -456,11 +456,11 @@ const cr = (t, x, b, z) => {
         isDrag: !1
       });
     }
-  }, Gt = (e) => {
+  }, Tt = (e) => {
     if (t.gridProps.onHeaderSelectionChange && v.enabled) {
       const n = D();
       f(t.gridProps.onHeaderSelectionChange, {
-        select: e.syntheticEvent.target.checked ? n.reduce((o, r) => (t.gridProps.dataItemKey && ee(t.gridProps.dataItemKey)(r) !== void 0 && (o[ee(t.gridProps.dataItemKey)(r)] = !0), o), {}) : {},
+        select: e.syntheticEvent.target.checked ? n.reduce((o, r) => (t.gridProps.dataItemKey && te(t.gridProps.dataItemKey)(r) !== void 0 && (o[te(t.gridProps.dataItemKey)(r)] = !0), o), {}) : {},
         field: e.field,
         nativeEvent: e.syntheticEvent && e.syntheticEvent.nativeEvent,
         syntheticEvent: e.syntheticEvent,
@@ -468,16 +468,16 @@ const cr = (t, x, b, z) => {
         dataItems: n
       });
     }
-  }, Z = (e, n) => {
+  }, J = (e, n) => {
     t.gridProps.onSelectionChange && v.enabled && f(t.gridProps.onSelectionChange, {
       ...e,
       select: n
     });
-  }, Tt = (e, n) => {
+  }, Ht = (e, n) => {
     const o = t.gridProps.dataItemKey;
     if (!o || !n)
       return;
-    const r = ee(o), i = D().findIndex((a) => r(a) === r(n));
+    const r = te(o), i = D().findIndex((a) => r(a) === r(n));
     i !== -1 && Ve({
       ...e,
       startRowIndex: i,
@@ -501,9 +501,9 @@ const cr = (t, x, b, z) => {
         selectedState: (n = t.gridProps.select) != null ? n : {},
         dataItemKey: t.gridProps.dataItemKey
       });
-      Z(a, d);
+      J(a, d);
     }
-  }, Ht = (e) => {
+  }, Mt = (e) => {
     if (t.gridProps.onSelectionChange && v.enabled) {
       const n = e.dataItems[0], o = e.dataItems[e.dataItems.length - 1], r = {}, i = {
         ...e,
@@ -515,15 +515,15 @@ const cr = (t, x, b, z) => {
         endColIndex: t.columnsRef.length - 1
       };
       e.dataItems.forEach((a) => {
-        const s = ee(t.gridProps.dataItemKey)(a);
-        r[s] = e.cell ? [...Array(t.columnsRef.length).keys()] : !0;
-      }), Z(i, r);
+        const l = te(t.gridProps.dataItemKey)(a);
+        r[l] = e.cell ? [...Array(t.columnsRef.length).keys()] : !0;
+      }), J(i, r);
     }
-  }, Mt = (e) => {
+  }, At = (e) => {
     if (t.gridProps.onSelectionChange && v.enabled) {
-      const o = ee(t.gridProps.dataItemKey)(e.dataItem), r = 0, i = t.columnsRef.length - 1, a = e.dataItems.findIndex(
+      const o = te(t.gridProps.dataItemKey)(e.dataItem), r = 0, i = t.columnsRef.length - 1, a = e.dataItems.findIndex(
         (m) => m[t.gridProps.dataItemKey] === e.dataItem[t.gridProps.dataItemKey]
-      ), l = {
+      ), s = {
         ...e,
         startDataItem: a,
         endDataItem: a,
@@ -532,9 +532,9 @@ const cr = (t, x, b, z) => {
         startColIndex: r,
         endColIndex: i
       }, u = e.mode === "multiple" ? t.gridProps.select || {} : {};
-      u[o] === !0 || Array.isArray(u[o]) && u[o].length === t.columnsRef.length ? delete u[o] : u[o] = e.cell ? [...Array(t.columnsRef.length).keys()] : !0, Z(l, u);
+      u[o] === !0 || Array.isArray(u[o]) && u[o].length === t.columnsRef.length ? delete u[o] : u[o] = e.cell ? [...Array(t.columnsRef.length).keys()] : !0, J(s, u);
     }
-  }, At = (e) => {
+  }, Ft = (e) => {
     if (!v.enabled)
       return;
     const n = D(), o = {
@@ -563,10 +563,10 @@ const cr = (t, x, b, z) => {
         startColIndex: -1,
         endColIndex: -1
       };
-      Z(m, {});
+      J(m, {});
       return;
     }
-    const r = lt(
+    const r = st(
       t.gridProps.data,
       e,
       t.columnsRef,
@@ -575,12 +575,12 @@ const cr = (t, x, b, z) => {
     Object.keys(r).forEach((m) => {
       r[m] && (i[m] = v.cell ? [...Array(t.columnsRef.length).keys()] : !0);
     });
-    let a = -1, d = -1, s = n[0] || null, l = n[n.length - 1] || null;
+    let a = -1, d = -1, l = n[0] || null, s = n[n.length - 1] || null;
     if (t.gridProps.dataItemKey) {
-      const m = ee(t.gridProps.dataItemKey);
+      const m = te(t.gridProps.dataItemKey);
       for (let w = 0; w < n.length; w++) {
         const h = m(n[w]);
-        h !== void 0 && r[h] && (a === -1 && (a = w, s = n[w]), d = w, l = n[w]);
+        h !== void 0 && r[h] && (a === -1 && (a = w, l = n[w]), d = w, s = n[w]);
       }
     }
     const u = {
@@ -589,73 +589,76 @@ const cr = (t, x, b, z) => {
       endRowIndex: d,
       startColIndex: 0,
       endColIndex: t.columnsRef.length - 1,
-      startDataItem: s,
-      endDataItem: l
+      startDataItem: l,
+      endDataItem: s
     };
-    Z(u, i);
-  }, Ft = (e) => {
-    t.gridProps.onSelectionChange && v.enabled && Z(e, {});
-  }, J = (e, n, o, r, i) => {
-    Bt();
+    J(u, i);
+  }, Lt = (e) => {
+    t.gridProps.onSelectionChange && v.enabled && J(e, {});
+  }, X = (e, n, o, r, i) => {
+    Wt();
     const a = t.gridProps.onDataStateChange;
     if (e) {
       const d = { ...I(r), ...n, targetEvent: i };
       f(e, d);
-    } else a && f(a, {
+    } else a && (O.current = {
+      ...O.current,
+      ...o
+    }, f(a, {
       ...I(r),
       targetEvent: i || {},
       dataState: {
-        ...Xt(),
-        ...o
+        ...Yt(),
+        ...O.current
       }
-    });
-  }, se = (e, n, o) => {
+    }));
+  }, le = (e, n, o) => {
     var r;
-    K && t.gridProps.pageable && ((r = C.current) == null || r.reset()), J(
+    K && t.gridProps.pageable && ((r = C.current) == null || r.reset()), X(
       t.gridProps.onPageChange,
       { page: e },
       { skip: e.skip, take: e.take },
       n,
       o
     );
-  }, Lt = (e, n, o) => {
+  }, Bt = (e, n, o) => {
     var r;
-    t.gridProps.pageable || (r = t.gridProps.group) != null && r.length ? t.gridProps.virtualSkipRef && (t.gridProps.virtualSkipRef.current = e.skip, X()) : se(e, n, o);
+    t.gridProps.pageable || (r = t.gridProps.group) != null && r.length ? t.gridProps.virtualSkipRef && (t.gridProps.virtualSkipRef.current = e.skip, Y()) : le(e, n, o);
   }, xe = () => {
     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;
-  }, Bt = () => {
+  }, Wt = () => {
     K && t.gridProps.virtualSkipRef && (t.gridProps.virtualSkipRef.current = 0);
-  }, Wt = (e) => {
+  }, zt = (e) => {
     var i, a;
     const n = (a = (i = t.gridProps.take) != null ? i : t.gridProps.pageSize) != null ? a : 0, o = (t.gridProps.skip || 0) + n, r = xe();
-    o < r && se({ skip: o, take: n }, e);
-  }, zt = (e) => {
+    o < r && le({ skip: o, take: n }, e);
+  }, Ot = (e) => {
     var r, i;
     const n = (i = (r = t.gridProps.take) != null ? r : t.gridProps.pageSize) != null ? i : 0, o = (t.gridProps.skip || 0) - n;
-    o >= 0 && se({ skip: o, take: n }, e);
-  }, Ot = (e) => {
-    se({ skip: e.skip, take: e.take }, e.syntheticEvent, e.targetEvent);
+    o >= 0 && le({ skip: o, take: n }, e);
+  }, pt = (e) => {
+    le({ skip: e.skip, take: e.take }, e.syntheticEvent, e.targetEvent);
   }, je = (e, n) => {
-    J(
+    X(
       t.gridProps.onSortChange,
       { sort: e },
       { sort: e, ...K && !t.gridProps.pageable ? { skip: 0 } : {} },
       n
     );
-  }, pt = (e, n) => {
-    J(
+  }, Nt = (e, n) => {
+    X(
       t.gridProps.onFilterChange,
       { filter: e },
       { filter: e, skip: 0 },
       n
     );
-  }, Nt = (e) => {
+  }, Ut = (e) => {
     if (!e || e.length === 0) {
       qe({});
       return;
     }
-    const n = lt(
+    const n = st(
       t.gridProps.data,
       e,
       t.columnsRef,
@@ -663,13 +666,13 @@ const cr = (t, x, b, z) => {
     );
     qe({ ...n });
   }, qe = (e) => {
-    J(
+    X(
       t.gridProps.onHighlightChange,
       { highlight: e },
       {},
       {}
     );
-  }, Ut = (e) => {
+  }, Vt = (e) => {
     const n = t.gridProps.searchFields || t.columnsRef.map((i) => i.field) || [], o = e.nativeEvent.target.value, r = {
       logic: "or",
       filters: n.filter((i) => i !== void 0).map((i) => {
@@ -682,7 +685,7 @@ const cr = (t, x, b, z) => {
         };
       })
     };
-    J(
+    X(
       t.gridProps.onSearchChange,
       {
         search: r
@@ -692,23 +695,23 @@ const cr = (t, x, b, z) => {
     );
   }, Se = () => {
     var e;
-    (e = _.current) == null || e.save();
+    (e = Z.current) == null || e.save();
   }, $e = async () => {
     var e;
     await ((e = k.current) == null ? void 0 : e.save());
   }, _e = () => {
     var e;
     return ((e = k.current) == null ? void 0 : e.getBlob()) || null;
-  }, Vt = async (e) => {
+  }, jt = async (e) => {
     var n, o;
     (n = t.gridProps) != null && n.onPdfExport && await ((o = t.gridProps) == null ? void 0 : o.onPdfExport(e));
-  }, jt = (e) => {
+  }, qt = (e) => {
     var n, o;
     return (n = t.gridProps) != null && n.onCsvExport ? (o = t.gridProps) == null ? void 0 : o.onCsvExport(e) : e;
   }, ke = (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 && (Te.current = !0), J(
+    t.isVirtualScroll && e.length && !t.gridProps.pageable && (r = { take: void 0 }), e.length === 0 && t.gridProps.navigatable && (Te.current = !0), X(
       t.gridProps.onGroupChange,
       { group: e },
       { group: e, skip: 0, ...r },
@@ -723,21 +726,21 @@ const cr = (t, x, b, z) => {
       f(t.gridProps.onColumnsStateChange, n);
     }
   }, ue = (e, n, o) => {
-    const { columnsRef: r, columnsState: i } = t, a = r[e], d = Jn(i), s = a.depth, l = (h) => {
+    const { columnsRef: r, columnsState: i } = t, a = r[e], d = Xn(i), l = a.depth, s = (h) => {
       do
         h++;
-      while (h < r.length && r[h].depth > s);
+      while (h < r.length && r[h].depth > l);
       return h;
-    }, u = r.splice(e, l(e) - e);
-    r.splice(e < n ? l(n - u.length) : n, 0, ...u), r.filter((h) => h.declarationIndex >= 0).forEach((h, p) => {
-      h.orderIndex = p;
+    }, u = r.splice(e, s(e) - e);
+    r.splice(e < n ? s(n - u.length) : n, 0, ...u), r.filter((h) => h.declarationIndex >= 0).forEach((h, N) => {
+      h.orderIndex = N;
       const g = d.find((E) => E.id === h.id);
-      g && (g.orderIndex = p);
+      g && (g.orderIndex = N);
     });
     const m = r[e].locked && r[n].locked;
-    Tn(t.columnsMapRef, r, m || be.current), Hn(t.columnsMapRef, r, m || be.current), Ge.current && (be.current = !1, Ge.current = !1);
+    Hn(t.columnsMapRef, r, m || be.current), Mn(t.columnsMapRef, r, m || be.current), Ge.current && (be.current = !1, Ge.current = !1);
     const w = de();
-    if (X(), t.gridProps.onColumnReorder) {
+    if (Y(), t.gridProps.onColumnReorder) {
       const h = {
         target: S.current,
         columns: w,
@@ -760,7 +763,7 @@ const cr = (t, x, b, z) => {
       dragEvent: e,
       target: S.current
     }), ie.current = null;
-  }, qt = (e, n, o) => {
+  }, $t = (e, n, o) => {
     if (t.gridProps.group === void 0)
       return;
     const r = t.gridProps.group.slice();
@@ -771,43 +774,43 @@ const cr = (t, x, b, z) => {
       return;
     const i = (t.gridProps.group || []).slice();
     i.splice(n, 0, { field: r }), ke(i, o);
-  }, $t = (e, n) => {
-    const o = N.current.getCurrentGroupsLength;
+  }, _t = (e, n) => {
+    const o = U.current.getCurrentGroupsLength;
     Ze(e, o, n);
   }, Ke = () => {
-    var e, n, o, r, i, a, d, s, l, u, m, w, h, p;
+    var e, n, o, r, i, a, d, l, s, u, m, w, h, N;
     if (t.gridProps.dataLayoutMode === "stacked") {
       const g = ((e = M.current) == null ? void 0 : e.offsetWidth) || 0;
       if ((n = P.current) != null && n.colGroupMain && g) {
         const E = P.current.colGroupMain.children, R = E.length - 1;
         if (R >= 0) {
-          let $ = 0;
-          for (let Q = 0; Q < R; Q++) {
-            const Cn = parseFloat((E[Q].width || 0).toString()) || E[Q].clientWidth;
-            $ += Cn;
+          let _ = 0;
+          for (let ee = 0; ee < R; ee++) {
+            const In = parseFloat((E[ee].width || 0).toString()) || E[ee].clientWidth;
+            _ += In;
           }
-          const W = Math.max(0, g - $);
-          E[R].width = W + "px", (r = (o = P.current.colGroupHeader) == null ? void 0 : o.children) != null && r[R] && (P.current.colGroupHeader.children[R].width = W + "px"), (a = (i = P.current.colGroupFooter) == null ? void 0 : i.children) != null && a[R] && (P.current.colGroupFooter.children[R].width = W + "px"), (s = (d = P.current.colGroupStickyHeader) == null ? void 0 : d.children) != null && s[R] && (P.current.colGroupStickyHeader.children[R].width = W + "px"), (u = (l = P.current.colGroupStickyFooter) == null ? void 0 : l.children) != null && u[R] && (P.current.colGroupStickyFooter.children[R].width = W + "px"), (w = (m = P.current.colGroupPinnedTop) == null ? void 0 : m.children) != null && w[R] && (P.current.colGroupPinnedTop.children[R].width = W + "px"), (p = (h = P.current.colGroupPinnedBottom) == null ? void 0 : h.children) != null && p[R] && (P.current.colGroupPinnedBottom.children[R].width = W + "px");
+          const W = Math.max(0, g - _);
+          E[R].width = W + "px", (r = (o = P.current.colGroupHeader) == null ? void 0 : o.children) != null && r[R] && (P.current.colGroupHeader.children[R].width = W + "px"), (a = (i = P.current.colGroupFooter) == null ? void 0 : i.children) != null && a[R] && (P.current.colGroupFooter.children[R].width = W + "px"), (l = (d = P.current.colGroupStickyHeader) == null ? void 0 : d.children) != null && l[R] && (P.current.colGroupStickyHeader.children[R].width = W + "px"), (u = (s = P.current.colGroupStickyFooter) == null ? void 0 : s.children) != null && u[R] && (P.current.colGroupStickyFooter.children[R].width = W + "px"), (w = (m = P.current.colGroupPinnedTop) == null ? void 0 : m.children) != null && w[R] && (P.current.colGroupPinnedTop.children[R].width = W + "px"), (N = (h = P.current.colGroupPinnedBottom) == null ? void 0 : h.children) != null && N[R] && (P.current.colGroupPinnedBottom.children[R].width = W + "px");
         }
       }
-      q.current && q.current.setWidth(g), j.current && j.current.setWidth(g), A.current && A.current.setWidth(g), F.current && F.current.setWidth(g), L.current && L.current.setWidth(g), B.current && B.current.setWidth(g), V.current && (V.current.style.width = g ? g + "px" : "");
+      $.current && $.current.setWidth(g), q.current && q.current.setWidth(g), A.current && A.current.setWidth(g), F.current && F.current.setWidth(g), L.current && L.current.setWidth(g), B.current && B.current.setWidth(g), j.current && (j.current.style.width = g ? g + "px" : "");
     } else {
       let g = 0;
       if (!P.current.colGroupMain)
         return;
       const E = P.current.colGroupMain.children;
       for (let R = 0; R < E.length; R++) {
-        const $ = E[R].width;
-        if (!$) {
+        const _ = E[R].width;
+        if (!_) {
           g = 0;
           break;
         }
-        g += parseFloat($.toString());
+        g += parseFloat(_.toString());
       }
-      g = Math.round(g), q.current && q.current.setWidth(g), j.current && j.current.setWidth(g), A.current && A.current.setWidth(g), F.current && F.current.setWidth(g), L.current && L.current.setWidth(g), B.current && B.current.setWidth(g), V.current && (V.current.style.width = g ? g + "px" : "");
+      g = Math.round(g), $.current && $.current.setWidth(g), q.current && q.current.setWidth(g), A.current && A.current.setWidth(g), F.current && F.current.setWidth(g), L.current && L.current.setWidth(g), B.current && B.current.setWidth(g), j.current && (j.current.style.width = g ? g + "px" : "");
     }
-    Ie.current && _t();
-  }, _t = () => {
+    Ie.current && Zt();
+  }, Zt = () => {
     const e = H.current, n = e ? e.scrollWidth > e.clientWidth : !1;
     Ie.current && (Ie.current.style.marginBlockEnd = n ? "var(--kendo-scrollbar-width, 0px)" : "");
   }, Je = () => {
@@ -816,16 +819,16 @@ const cr = (t, x, b, z) => {
   }, ge = () => {
     var e;
     t.gridProps.containerHeightRef && (t.gridProps.containerHeightRef.current = ((e = H.current) == null ? void 0 : e.offsetHeight) || 0);
-  }, Zt = () => {
+  }, Jt = () => {
     const e = t.gridProps.minRowHeightRef;
     if (e && !e.current && !t.gridProps.rowHeight) {
-      const n = _n(T.current);
-      n && (e.current = n, X());
+      const n = Zn(T.current);
+      n && (e.current = n, Y());
     }
   }, fe = c.useCallback(
     (e, n, o, r, i) => {
-      var l;
-      if (!Jt() && !o || !e)
+      var s;
+      if (!Xt() && !o || !e)
         return;
       const a = {
         type: e,
@@ -836,15 +839,15 @@ const cr = (t, x, b, z) => {
         field: i,
         ...typeof t.gridProps.clipboard != "boolean" ? t.gridProps.clipboard : {},
         ...o
-      }, d = D(), s = kn({
+      }, d = D(), l = Dn({
         event: a,
         data: d,
-        selectedState: (l = t.gridProps.select) != null ? l : {},
+        selectedState: (s = t.gridProps.select) != null ? s : {},
         previousCopiedItems: tt.current
       });
-      e !== ze.paste && (tt.current = s.copiedItems), t.gridProps.onClipboard && x && f(t.gridProps.onClipboard, {
+      e !== ze.paste && (tt.current = l.copiedItems), t.gridProps.onClipboard && x && f(t.gridProps.onClipboard, {
         ...a,
-        ...s
+        ...l
       });
     },
     [
@@ -854,11 +857,11 @@ const cr = (t, x, b, z) => {
       t.gridProps.clipboard,
       t.gridProps.onClipboard
     ]
-  ), Jt = () => {
+  ), Xt = () => {
     var i, a, d;
     if (!ae)
       return !1;
-    const e = wn(O()), n = e ? e.matches(".k-table-td") ? e : (i = O()) == null ? void 0 : i.body : (a = O()) == null ? void 0 : a.body, o = n.closest(".k-grid-container"), r = n && ((d = M.current) == null ? void 0 : d.contains(n));
+    const e = yn(p()), n = e ? e.matches(".k-table-td") ? e : (i = p()) == null ? void 0 : i.body : (a = p()) == null ? void 0 : a.body, o = n.closest(".k-grid-container"), r = n && ((d = M.current) == null ? void 0 : d.contains(n));
     return !!(n && r && o);
   }, Xe = (e, n, o, r, i, a, d) => {
     Ke(), be.current = !0, Ge.current = !0, t.gridProps.onColumnResize && x && f(t.gridProps.onColumnResize, {
@@ -871,7 +874,7 @@ const cr = (t, x, b, z) => {
       end: i,
       target: S.current
     }), i && De(a);
-  }, Xt = () => {
+  }, Yt = () => {
     var e;
     return {
       filter: t.gridProps.filter,
@@ -884,7 +887,7 @@ const cr = (t, x, b, z) => {
     nativeEvent: e && e.nativeEvent,
     syntheticEvent: e,
     target: S.current
-  }), Yt = (e) => ({
+  }), Qt = (e) => ({
     ...e,
     nativeEvent: void 0,
     syntheticEvent: void 0,
@@ -896,8 +899,8 @@ const cr = (t, x, b, z) => {
       e(n);
       return;
     }
-    e(Yt(n));
-  }, Qt = () => {
+    e(Qt(n));
+  }, en = () => {
     var e, n, o;
     if (T.current && ((e = T.current) == null ? void 0 : e.getElementsByClassName("k-grid-edit-row").length) > 0) {
       Me.current = !1, (n = document.activeElement) != null && n.closest(".k-grid-edit-row") ? He.current = document.activeElement : He.current = void 0;
@@ -906,7 +909,7 @@ const cr = (t, x, b, z) => {
         (i) => !Be.current.includes(i)
       )[0] : r.length === 1 && (Re.current = r[0], Me.current = !0), Be.current = r;
     }
-  }, D = () => t.dataRef.filter((e) => e.rowType === "data").map((e) => e.dataItem), O = () => {
+  }, D = () => t.dataRef.filter((e) => e.rowType === "data").map((e) => e.dataItem), p = () => {
     var e;
     if (ae)
       return ((e = me()) == null ? void 0 : e.ownerDocument) || document;
@@ -926,12 +929,12 @@ const cr = (t, x, b, z) => {
       }
     },
     [t.gridProps.scrollable]
-  ), Ye = (e) => JSON.stringify(e.map((n) => ({ id: n.id, field: n.field, title: n.title, children: n.children }))), en = () => Ye(bn) === Ye(t.columnsRef), tn = () => {
-    ve.current = window.innerWidth, en() || X();
-  }, nn = () => {
+  ), Ye = (e) => JSON.stringify(e.map((n) => ({ id: n.id, field: n.field, title: n.title, children: n.children }))), tn = () => Ye(vn) === Ye(t.columnsRef), nn = () => {
+    ve.current = window.innerWidth, tn() || Y();
+  }, rn = () => {
     var a;
     const { virtualTotal: e, virtualPageSize: n, gridProps: o } = t, r = C.current, i = t.gridProps.rowHeight || ((a = o.minRowHeightRef) == null ? void 0 : a.current) || 0;
-    r && (r.fixedScroll = o.fixedScroll || !1, r.PageChange = Lt, r.pageSize = n, r.scrollableVirtual = K, r.container = H.current, r.tableBody = T.current, r.scrollHeightContainer = et.current, r.table = V.current, (!r.rowHeightService || r.total !== e) && i && (r.total = e, r.rowHeightService = new xn(e, i)));
+    r && (r.fixedScroll = o.fixedScroll || !1, r.PageChange = Bt, r.pageSize = n, r.scrollableVirtual = K, r.container = H.current, r.tableBody = T.current, r.scrollHeightContainer = et.current, r.table = j.current, (!r.rowHeightService || r.total !== e) && i && (r.total = e, r.rowHeightService = new Sn(e, i)));
   }, Qe = c.useCallback(
     (e) => {
       const n = { rowIndex: Le.current };
@@ -940,25 +943,25 @@ const cr = (t, x, b, z) => {
       });
     },
     [Pe]
-  ), X = () => {
+  ), Y = () => {
     t.gridProps.forceUpdate && t.gridProps.forceUpdate();
-  }, rn = (e) => e.left !== void 0 ? We !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, S = c.useRef(null), C = c.useRef(void 0), P = c.useRef(void 0), N = c.useRef(void 0), U = c.useRef(void 0), Y = c.useRef(void 0), he = c.useRef(void 0), G = c.useRef(null), T = c.useRef(null), on = c.useRef(null), H = c.useRef(null), V = c.useRef(null), an = c.useRef(null), M = c.useRef(null), et = c.useRef(null), j = c.useRef(null), q = c.useRef(null), A = c.useRef(null), F = c.useRef(null), L = c.useRef(null), B = c.useRef(null), cn = c.useRef(null), dn = c.useRef(null), Ge = c.useRef(!1), Te = c.useRef(!1), Re = c.useRef(void 0), He = c.useRef(void 0), Me = c.useRef(!1), be = c.useRef(!0), Ae = c.useRef(0), Fe = c.useRef(void 0), Le = c.useRef(void 0), Be = c.useRef([]), tt = c.useRef([]), ve = c.useRef(0), Ce = c.useRef(
+  }, on = (e) => e.left !== void 0 ? We !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, S = c.useRef(null), C = c.useRef(void 0), P = c.useRef(void 0), U = c.useRef(void 0), V = c.useRef(void 0), Q = c.useRef(void 0), he = c.useRef(void 0), G = c.useRef(null), T = c.useRef(null), an = c.useRef(null), H = c.useRef(null), j = c.useRef(null), cn = c.useRef(null), M = c.useRef(null), et = c.useRef(null), q = c.useRef(null), $ = c.useRef(null), A = c.useRef(null), F = c.useRef(null), L = c.useRef(null), B = c.useRef(null), dn = c.useRef(null), sn = c.useRef(null), Ge = c.useRef(!1), Te = c.useRef(!1), Re = c.useRef(void 0), He = c.useRef(void 0), Me = c.useRef(!1), be = c.useRef(!0), Ae = c.useRef(0), Fe = c.useRef(void 0), Le = c.useRef(void 0), Be = c.useRef([]), tt = c.useRef([]), ve = c.useRef(0), Ce = c.useRef(
     null
-  ), ln = typeof t.gridProps.groupable == "object" && !!t.gridProps.groupable.stickyHeaders, sn = typeof t.gridProps.groupable == "object" && !!t.gridProps.groupable.stickyFooters, un = !!((it = t.gridProps.group) != null && it.length), {
-    stickyHeaderItems: gn,
-    stickyHeaderRef: fn,
-    stickyFooterItems: mn,
+  ), ln = typeof t.gridProps.groupable == "object" && !!t.gridProps.groupable.stickyHeaders, un = typeof t.gridProps.groupable == "object" && !!t.gridProps.groupable.stickyFooters, gn = !!((it = t.gridProps.group) != null && it.length), {
+    stickyHeaderItems: fn,
+    stickyHeaderRef: mn,
+    stickyFooterItems: Pn,
     stickyFooterRef: Ie,
-    scrollToStickyGroup: Pn,
+    scrollToStickyGroup: hn,
     update: nt
-  } = Vn({
+  } = jn({
     enabled: ln,
-    enabledFooters: sn,
+    enabledFooters: un,
     flatData: t.dataRef,
     containerRef: H,
     tableBodyRef: T,
     rowHeight: t.gridProps.rowHeight,
-    isGrouped: un,
+    isGrouped: gn,
     virtualSkipRef: t.gridProps.virtualSkipRef,
     rowHeightServiceRef: {
       get current() {
@@ -966,14 +969,14 @@ const cr = (t, x, b, z) => {
         return (e = C.current) == null ? void 0 : e.rowHeightService;
       }
     }
-  }), ie = c.useRef(null), hn = c.useRef(null), Rn = c.useRef(null), We = yn(M), K = t.isVirtualScroll, bn = c.useMemo(() => c.Children.toArray(t.gridProps.children), [t.gridProps.children]), rt = t.gridProps.groupable === !0 || typeof t.gridProps.groupable == "object" && t.gridProps.groupable.enabled !== !1, v = we(t.gridProps.selectable), ot = Dn(t.gridProps.editable), vn = ve.current && ne && ve.current <= ne.medium && t.gridProps.adaptive;
+  }), ie = c.useRef(null), Rn = c.useRef(null), bn = c.useRef(null), We = En(M), K = t.isVirtualScroll, vn = c.useMemo(() => c.Children.toArray(t.gridProps.children), [t.gridProps.children]), rt = t.gridProps.groupable === !0 || typeof t.gridProps.groupable == "object" && t.gridProps.groupable.enabled !== !1, v = we(t.gridProps.selectable), ot = Kn(t.gridProps.editable), Cn = ve.current && re && ve.current <= re.medium && t.gridProps.adaptive;
   return c.useMemo(() => {
-    te.onConstructor({
+    ne.onConstructor({
       navigatable: !!t.gridProps.navigatable,
-      contextStateRef: U,
-      navigationStateRef: Y,
+      contextStateRef: V,
+      navigationStateRef: Q,
       idPrefix: t.id
-    }), C.current = new Yn();
+    }), C.current = new Qn();
   }, []), c.useMemo(() => {
     var e;
     (e = C.current) == null || e.reset();
@@ -985,26 +988,28 @@ const cr = (t, x, b, z) => {
     rt,
     t.gridProps.sort,
     t.gridProps.rowHeight
-  ]), c.useEffect(() => (t.gridProps.clipboard && (he.current = new Kn(fe), he.current.addEventListeners(O())), () => {
-    he.current && he.current.removeEventListeners(O());
-  }), [t.gridProps.onClipboard, t.gridProps.clipboard, fe, O]), c.useEffect(() => (Je(), Ke(), at(), te.onComponentDidMount({
+  ]), c.useEffect(() => {
+    O.current = {};
+  }), c.useEffect(() => (t.gridProps.clipboard && (he.current = new Gn(fe), he.current.addEventListeners(p())), () => {
+    he.current && he.current.removeEventListeners(p());
+  }), [t.gridProps.onClipboard, t.gridProps.clipboard, fe, p]), c.useEffect(() => (Je(), Ke(), at(), ne.onComponentDidMount({
     scope: M.current || void 0,
-    contextStateRef: U,
-    navigationStateRef: Y
+    contextStateRef: V,
+    navigationStateRef: Q
   }), () => {
     clearTimeout(Fe.current);
   }), []), c.useEffect(() => {
     var e;
-    Je(), Ke(), at(), K && (ge(), Zt(), (e = C.current) == null || e.update()), nt(), Qt(), te.onComponentDidUpdate({
+    Je(), Ke(), at(), K && (ge(), Jt(), (e = C.current) == null || e.update()), nt(), en(), ne.onComponentDidUpdate({
       scope: M.current || void 0,
-      contextStateRef: U,
-      navigationStateRef: Y,
+      contextStateRef: V,
+      navigationStateRef: Q,
       focusFirst: Te.current,
       newEditableRow: Re.current,
       singleEditRow: Me.current,
       lastActiveElement: He.current,
       navigatable: t.gridProps.navigatable
-    }), Pt(), Te.current = !1, Re.current = void 0, Ce.current = void 0;
+    }), ht(), Te.current = !1, Re.current = void 0, Ce.current = void 0;
   }), c.useEffect(() => {
     if (ae) {
       const e = {
@@ -1020,8 +1025,8 @@ const cr = (t, x, b, z) => {
     var n;
     let e;
     return ae && window.ResizeObserver && (e = new window.ResizeObserver(() => {
-      tn(), K && ge();
-    }), e.observe((n = O()) == null ? void 0 : n.body)), () => {
+      nn(), K && ge();
+    }), e.observe((n = p()) == null ? void 0 : n.body)), () => {
       e == null || e.disconnect();
     };
   }, []), c.useEffect(() => {
@@ -1032,7 +1037,7 @@ const cr = (t, x, b, z) => {
       const o = ((i = t.gridProps.containerHeightRef) == null ? void 0 : i.current) || 0;
       ge();
       const r = ((a = t.gridProps.containerHeightRef) == null ? void 0 : a.current) || 0;
-      (o === 0 && r > 0 || Math.abs(r - o) > 10) && X();
+      (o === 0 && r > 0 || Math.abs(r - o) > 10) && Y();
     }, n = new window.ResizeObserver(e);
     return n.observe(H.current), () => {
       n.disconnect();
@@ -1070,26 +1075,26 @@ const cr = (t, x, b, z) => {
       getLeafDataItems: D
     })
   ), c.useImperativeHandle(t.gridRef, () => S.current), c.useMemo(() => {
-    P.current = new Nn(Xe);
+    P.current = new Un(Xe);
   }, [t.gridProps.onColumnResize, t.columnsRef]), c.useMemo(() => {
-    N.current = new Un(ue, qt, Ze);
+    U.current = new Vn(ue, $t, Ze);
   }, [
     t.gridProps.onColumnReorder,
     t.gridProps.onGroupChange,
     t.gridProps.group,
     t.columnsRef,
     t.gridProps.groupable
-  ]), P.current.resizable = t.gridProps.resizable || !1, P.current.columns = t.columnsRef, P.current.columnsState = En(t.columnsState), N.current.reorderable = t.gridProps.reorderable || !1, N.current.groupable = rt, N.current.columns = t.columnsRef, N.current.dir = We, nn(), /* @__PURE__ */ c.createElement(
-    ir.Provider,
+  ]), P.current.resizable = t.gridProps.resizable || !1, P.current.columns = t.columnsRef, P.current.columnsState = xn(t.columnsState), U.current.reorderable = t.gridProps.reorderable || !1, U.current.groupable = rt, U.current.columns = t.columnsRef, U.current.dir = We, rn(), /* @__PURE__ */ c.createElement(
+    ar.Provider,
     {
       value: {
         isClient: x,
         rowReorder: oe,
         activeDragRowDataItemRef: ie,
-        reorderRowDragTargetRef: hn,
-        reorderRowDropTargetRef: Rn,
+        reorderRowDragTargetRef: Rn,
+        reorderRowDropTargetRef: bn,
         dir: We,
-        getCellPositionStyle: rn,
+        getCellPositionStyle: on,
         dataItemKey: t.gridProps.dataItemKey,
         columnsState: t.columnsState,
         columnsRef: t.columnsRef,
@@ -1101,16 +1106,16 @@ const cr = (t, x, b, z) => {
         defaultGroup: t.gridProps.defaultGroup,
         groupChange: ke,
         selectionRelease: Ve,
-        pinnedSelectionRelease: Tt,
-        pagerPageChange: Ot,
-        onContextMenu: gt,
-        rowClick: vt,
-        rowDblClick: Ct,
-        cellClick: yt,
+        pinnedSelectionRelease: Ht,
+        pagerPageChange: pt,
+        onContextMenu: ft,
+        rowClick: Ct,
+        rowDblClick: It,
+        cellClick: Et,
         headerCellClick: Ue,
-        itemChange: kt,
-        onDialogEditCancel: wt,
-        onDialogEditSubmit: It,
+        itemChange: Dt,
+        onDialogEditCancel: yt,
+        onDialogEditSubmit: wt,
         columnReorder: ue,
         onResize: Xe,
         getTotal: xe,
@@ -1125,59 +1130,59 @@ const cr = (t, x, b, z) => {
         filterable: t.gridProps.filterable,
         filter: t.gridProps.filter,
         defaultFilter: t.gridProps.defaultFilter,
-        filterOperators: t.gridProps.filterOperators || ar,
+        filterOperators: t.gridProps.filterOperators || cr,
         getLeafDataItems: D,
-        filterChange: pt,
-        applyHighlightDescriptor: Nt,
-        applySelectionDescriptor: At,
+        filterChange: Nt,
+        applyHighlightDescriptor: Ut,
+        applySelectionDescriptor: Ft,
         highlight: t.gridProps.highlight,
         select: t.gridProps.select,
-        searchChange: Ut,
+        searchChange: Vt,
         exportAsPdf: Se,
         exportAsCsv: $e,
         getCsvBlob: _e,
-        onHeaderSelectionChange: Gt,
-        columnGroupChange: $t,
-        onKeyDown: ht,
-        onFocus: Rt,
-        scrollHandler: ft,
-        selectionChange: Dt,
-        mobileMode: vn,
+        onHeaderSelectionChange: Tt,
+        columnGroupChange: _t,
+        onKeyDown: Rt,
+        onFocus: bt,
+        scrollHandler: mt,
+        selectionChange: Kt,
+        mobileMode: Cn,
         adaptiveColumnMenuRef: ve.current,
         adpativeTitle: t.gridProps.adaptiveTitle,
         adaptive: t.gridProps.adaptive,
-        dispatchDetailExpand: Et,
-        dispatchGroupExpand: xt,
+        dispatchDetailExpand: xt,
+        dispatchGroupExpand: St,
         columnResizeRef: P,
-        dragLogicRef: N,
-        navigationStateRef: Y,
-        tableElementRef: V,
+        dragLogicRef: U,
+        navigationStateRef: Q,
+        tableElementRef: j,
         tableBodyElementRef: T,
-        headerElementRef: on,
+        headerElementRef: an,
         containerElementRef: H,
-        headTableElementRef: an,
+        headTableElementRef: cn,
         elementRef: M,
         virtualScrollHeightContainerRef: et,
-        footerRef: j,
-        headerRef: q,
+        footerRef: q,
+        headerRef: $,
         vsRef: C,
-        stickyHeaderItems: gn,
-        stickyHeaderRef: fn,
-        stickyFooterItems: mn,
+        stickyHeaderItems: fn,
+        stickyHeaderRef: mn,
+        stickyFooterItems: Pn,
         stickyFooterRef: Ie,
         stickyHeaderTableRef: A,
         stickyFooterTableRef: F,
         pinnedTopTableRef: L,
         pinnedBottomTableRef: B,
-        pinnedTopRef: cn,
-        pinnedBottomRef: dn,
-        onRowPin: le,
-        getRowPinPosition: St
+        pinnedTopRef: dn,
+        pinnedBottomRef: sn,
+        onRowPin: se,
+        getRowPinPosition: kt
       }
     },
-    /* @__PURE__ */ c.createElement(Gn.Provider, { value: U.current }, t.children),
+    /* @__PURE__ */ c.createElement(Tn.Provider, { value: V.current }, t.children),
     /* @__PURE__ */ c.createElement(
-      Qn,
+      er,
       {
         show: b.show && (ce == null ? void 0 : ce.length),
         dataItem: b.dataItem,
@@ -1185,25 +1190,25 @@ const cr = (t, x, b, z) => {
         items: ce,
         offset: b.offset,
         onClose: Oe,
-        onSelect: ut
+        onSelect: gt
       }
     ),
     t.gridProps.pdf && /* @__PURE__ */ c.createElement(
-      rr,
+      or,
       {
         gridProps: t.gridProps,
         innerGrid: t.innerGrid,
         pdf: typeof t.gridProps.pdf == "object" ? t.gridProps.pdf : {},
-        onPdfExport: Vt,
-        ref: (e) => _.current = e
+        onPdfExport: jt,
+        ref: (e) => Z.current = e
       }
     ),
     t.gridProps.csv && /* @__PURE__ */ c.createElement(
-      or,
+      ir,
       {
         gridProps: t.gridProps,
         csv: typeof t.gridProps.csv == "object" ? t.gridProps.csv : {},
-        onCsvExport: jt,
+        onCsvExport: qt,
         columnsState: t.columnsState,
         ref: (e) => k.current = e
       }
@@ -1211,5 +1216,5 @@ const cr = (t, x, b, z) => {
   );
 };
 export {
-  yr as GridClientWrapper
+  Er as GridClientWrapper
 };