@progress/kendo-react-grid 15.1.0-develop.5 → 15.1.0-develop.7

package/GridClientWrapper.mjs

@@ -7,32 +7,32 @@
  */
 "use client";
 import * as c from "react";
-import { useAdaptiveModeContext as wn, canUseDOM as ae, getActiveElement as yn, useDir as En, setScrollbarWidth as at, cloneArray as xn, useWebMcpRegister as Sn, RowHeightService as kn, getter as te } from "@progress/kendo-react-common";
-import { filterBy as Dn } from "@progress/kendo-data-query";
-import { getSelectionOptions as we, populateClipboardData as Kn, ClipboardActionType as ze, getEditableOptions as Gn, tableKeyboardNavigation as ne, ClipboardService as Tn, TableKeyboardNavigationContext as Hn, updateLeft as Mn, updateRight as An, getGroupExpandableOptions as Fn, groupExpandReducer as Ln, getDetailExpandableOptions as Bn, detailExpandReducer as Wn, getSelectedState as ct, editReducer as zn, EDIT_ACTION as On, closestTagName as ye, getSelectedStateFromKeyDown as pn, getColumnIndex as Nn, getRowIndex as Un } from "@progress/kendo-react-data-tools";
-import { ColumnResize as Vn } from "./drag/ColumnResize.mjs";
-import { CommonDragLogic as jn } from "./drag/CommonDragLogic.mjs";
-import { useStickyGroups as qn } from "./hooks/useStickyGroups.mjs";
-import { getDefaultHeadContextMenuItems as $n, getDefaultBodyContextMenuItems as _n, isRowReorderEnabled as Zn, calcRowHeight as Jn, sanitizeColumns as Xn, getFlatColumnsState as Yn, getDataAsArray as Qn } from "./utils/index.mjs";
-import { VirtualScroll as er } from "./VirtualScroll.mjs";
-import { GridContextMenu as tr, contextMenuItemsMap as nr } from "./contextMenu/GridContextMenu.mjs";
-import { GridContextMenuAnchorPart as dt, GridContextMenuItemNames as Ee } from "./contextMenu/enums.mjs";
-import { normalizeSortable as rr, firstLevelSortSeqMap as or } from "./sortCommon.mjs";
-import { BasePDFExport as ir } from "./BasePDFExport.mjs";
-import { BaseCSVExport as ar } from "./BaseCSVExport.mjs";
-import { GridContext as cr } from "./utils/GridContext.mjs";
-import { operators as dr } from "./filterCommon.mjs";
-const sr = (t, S, b, z) => {
-  const re = Object.keys(S.cells).map((k) => b.findIndex((O) => O.field === k)), Z = Object.keys(S.cells).length > 0 ? re : !0;
-  return t.reduce((k, O) => (k[O[z != null ? z : "id"]] = Z, k), {});
-}, st = (t, S, b, z) => S.reduce((Z, k) => ({
+import { useAdaptiveModeContext as kn, canUseDOM as ae, getActiveElement as Dn, useDir as Kn, setScrollbarWidth as ut, cloneArray as Tn, useWebMcpRegister as Mn, RowHeightService as Gn, getter as te } from "@progress/kendo-react-common";
+import { filterBy as Hn } from "@progress/kendo-data-query";
+import { getSelectionOptions as Se, populateClipboardData as An, ClipboardActionType as Ne, getEditableOptions as Fn, tableKeyboardNavigation as ne, ClipboardService as Ln, TableKeyboardNavigationContext as Bn, updateLeft as Wn, updateRight as zn, getGroupExpandableOptions as On, groupExpandReducer as pn, getDetailExpandableOptions as Nn, detailExpandReducer as jn, getSelectedState as gt, editReducer as Un, EDIT_ACTION as Vn, closestTagName as xe, getSelectedStateFromKeyDown as qn, getColumnIndex as $n, getRowIndex as _n } from "@progress/kendo-react-data-tools";
+import { ColumnResize as Zn } from "./drag/ColumnResize.mjs";
+import { CommonDragLogic as Jn } from "./drag/CommonDragLogic.mjs";
+import { useStickyGroups as Xn } from "./hooks/useStickyGroups.mjs";
+import { getDefaultHeadContextMenuItems as Yn, getDefaultBodyContextMenuItems as Qn, isRowReorderEnabled as er, calcRowHeight as tr, sanitizeColumns as nr, getFlatColumnsState as rr, getDataAsArray as or } from "./utils/index.mjs";
+import { VirtualScroll as ir } from "./VirtualScroll.mjs";
+import { GridContextMenu as ar, contextMenuItemsMap as cr } from "./contextMenu/GridContextMenu.mjs";
+import { GridContextMenuAnchorPart as ft, GridContextMenuItemNames as ke } from "./contextMenu/enums.mjs";
+import { normalizeSortable as dr, firstLevelSortSeqMap as sr } from "./sortCommon.mjs";
+import { BasePDFExport as lr } from "./BasePDFExport.mjs";
+import { BaseCSVExport as ur } from "./BaseCSVExport.mjs";
+import { GridContext as gr } from "./utils/GridContext.mjs";
+import { operators as fr } from "./filterCommon.mjs";
+const mr = (t, x, z, h) => {
+  const re = Object.keys(x.cells).map((K) => z.findIndex((N) => N.field === K)), Z = Object.keys(x.cells).length > 0 ? re : !0;
+  return t.reduce((K, N) => (K[N[h != null ? h : "id"]] = Z, K), {});
+}, mt = (t, x, z, h) => x.reduce((Z, K) => ({
   ...Z,
-  ...sr(Dn(t, k), k, b, z)
-}), {}), xr = (t) => {
-  var it;
-  const S = 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,
+  ...mr(Hn(t, K), K, z, h)
+}), {}), Tr = (t) => {
+  var lt;
+  const x = t.gridProps.isClient, z = typeof t.gridProps.scrollable == "object" ? t.gridProps.scrollable.mode : t.gridProps.scrollable, [h, re] = c.useState({}), Z = kn(), K = c.useRef(null), N = c.useRef(null), ce = c.useRef({}), Pt = (e) => {
+    e.event.preventDefault(), re({
+      ...h,
       show: !0,
       offset: {
         left: e.event.pageX,
@@ -41,30 +41,30 @@ const sr = (t, S, b, z) => {
       dataItem: e.dataItem,
       field: e.field
     });
-  }, Oe = () => {
-    z({});
-  }, 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);
+  }, je = () => {
+    re({});
+  }, ht = (e) => {
+    const n = t.gridProps.dataItemKey || "", o = h.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" ? nr[s] : s;
-      return u && u.name === Ee.pinRow && u.items ? {
+      const u = typeof s == "string" ? cr[s] : s;
+      return u && u.name === ke.pinRow && u.items ? {
         ...u,
-        items: u.items.filter((m) => m.name === Ee.pinTop ? !d : m.name === Ee.pinBottom ? !l : m.name === Ee.unpin ? d || l : !0)
+        items: u.items.filter((m) => m.name === ke.pinTop ? !d : m.name === ke.pinBottom ? !l : m.name === ke.unpin ? d || l : !0)
       } : s;
     });
-  }, y = c.useMemo(() => t.columnsRef.find((e) => e.field === b.field), [t.columnsRef, b]), pe = c.useMemo(() => {
+  }, y = c.useMemo(() => t.columnsRef.find((e) => e.field === h.field), [t.columnsRef, h]), Ue = c.useMemo(() => {
     const e = t.gridProps.sortable && (y == null ? void 0 : y.sortable);
-    return $n({
+    return Yn({
       pdf: !!t.gridProps.pdf,
       sortable: !!e,
-      selectable: we(t.gridProps.selectable).enabled,
+      selectable: Se(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), _n({
+  }, [y, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), Ve = c.useMemo(() => (t.gridProps.sortable && (y == null || y.sortable), Qn({
     pdf: !!t.gridProps.pdf,
-    selectable: we(t.gridProps.selectable).enabled,
+    selectable: Se(t.gridProps.selectable).enabled,
     clipboard: !!t.gridProps.clipboard,
-    rowReorderable: Zn(t.gridProps.rowReorderable),
+    rowReorderable: er(t.gridProps.rowReorderable),
     pinnable: !!t.gridProps.pinnable
   })), [
     y,
@@ -74,22 +74,22 @@ const sr = (t, S, b, z) => {
     t.gridProps.pinnable,
     t.gridProps.rowReorderable,
     t.gridProps.pdf
-  ]), ce = c.useMemo(() => {
-    const e = (y == null ? void 0 : y.contextMenu) || t.gridProps.contextMenu, n = typeof e == "function" ? e(b) : e;
-    if (n && b.offset) {
-      const o = b.dataItem ? dt.body : dt.head, r = n[o], i = b.dataItem ? Ne : pe;
+  ]), de = c.useMemo(() => {
+    const e = (y == null ? void 0 : y.contextMenu) || t.gridProps.contextMenu, n = typeof e == "function" ? e(h) : e;
+    if (n && h.offset) {
+      const o = h.dataItem ? ft.body : ft.head, r = n[o], i = h.dataItem ? Ve : Ue;
       let a;
-      return r === !0 || r === void 0 ? a = i : r !== !1 && (a = r), t.gridProps.pinnable && a && b.dataItem ? ut(a) : a;
+      return r === !0 || r === void 0 ? a = i : r !== !1 && (a = r), t.gridProps.pinnable && a && h.dataItem ? ht(a) : a;
     }
   }, [
     t.gridProps.contextMenu,
     t.gridProps.pinnable,
-    b,
-    Ne,
-    pe,
+    h,
+    Ve,
+    Ue,
     y
-  ]), gt = (e) => {
-    var d, l, s, u, m, w, h, N, g;
+  ]), Rt = (e) => {
+    var d, l, s, u, m, w, R, p, g;
     const n = e.event.item, o = {
       target: E.current,
       syntheticEvent: e.event.syntheticEvent,
@@ -98,7 +98,7 @@ const sr = (t, S, b, z) => {
       ...e
     };
     t.gridProps.onContextMenuItemClick && f(t.gridProps.onContextMenuItemClick, o);
-    const r = D(), i = {
+    const r = k(), i = {
       selectedField: "",
       componentId: t.id,
       dataItems: r,
@@ -112,45 +112,45 @@ const sr = (t, S, b, z) => {
       metaKey: !1,
       shiftKey: !1,
       isDrag: !1,
-      ...we(t.gridProps.selectable),
+      ...Se(t.gridProps.selectable),
       ...o
-    }, a = r.findIndex((x) => x === e.dataItem);
+    }, a = r.findIndex((S) => S === e.dataItem);
     switch ((d = n.data) == null ? void 0 : d.action) {
       case "SortCommand":
         if (y) {
-          const x = (l = n.name) == null ? void 0 : l.toLowerCase().includes("asc"), _ = ((s = n.name) == null ? void 0 : s.toLowerCase().includes("desc")) ? "desc" : void 0, W = x ? "asc" : _, ee = n.name ? W : void 0;
-          Ue(e.event.syntheticEvent, y, ee);
+          const S = (l = n.name) == null ? void 0 : l.toLowerCase().includes("asc"), _ = ((s = n.name) == null ? void 0 : s.toLowerCase().includes("desc")) ? "desc" : void 0, W = S ? "asc" : _, ee = n.name ? W : void 0;
+          qe(e.event.syntheticEvent, y, ee);
         }
         break;
       case "SelectRowCommand":
-        At(i);
+        zt(i);
         break;
       case "SelectAllRowsCommand":
-        Mt(i);
+        Wt(i);
         break;
       case "ExportPDFCommand":
-        Se();
+        Ke();
         break;
       case "ClearSelectionCommand":
-        Lt(i);
+        pt(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");
+        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"), (R = n.name) != null && R.toLowerCase().includes("rowbottom") && oe(e.event.syntheticEvent, r.length - 1, "after");
         break;
       case "CopySelectionCommand":
-        fe(
-          ze.copy,
+        me(
+          Ne.copy,
           e.event.nativeEvent,
           {
-            copyHeaders: !((N = n.name) != null && N.toLowerCase().includes("noheaders"))
+            copyHeaders: !((p = n.name) != null && p.toLowerCase().includes("noheaders"))
           },
           e.dataItem,
           e.field
         );
         break;
       case "PasteCommand":
-        fe(
-          ze.paste,
+        me(
+          Ne.paste,
           e.event.nativeEvent,
           {
             copyHeaders: !((g = n.name) != null && g.toLowerCase().includes("noheaders"))
@@ -160,21 +160,21 @@ const sr = (t, S, b, z) => {
         );
         break;
       case "PinTopCommand":
-        se("pinTop", e.dataItem);
+        le("pinTop", e.dataItem);
         break;
       case "PinBottomCommand":
-        se("pinBottom", e.dataItem);
+        le("pinBottom", e.dataItem);
         break;
       case "UnpinCommand":
-        se("unpin", e.dataItem);
+        le("unpin", e.dataItem);
         break;
     }
-    Oe();
-  }, de = () => {
+    je();
+  }, se = () => {
     const e = t.columnsRef.filter((n) => n.declarationIndex >= 0 && n.parentIndex === -1);
-    return Xn(e);
-  }, ft = (e, n, o) => {
-    if (t.gridProps.onContextMenu && S) {
+    return nr(e);
+  }, bt = (e, n, o) => {
+    if (t.gridProps.onContextMenu && x) {
       const r = {
         target: E.current,
         syntheticEvent: e,
@@ -184,45 +184,45 @@ const sr = (t, S, b, z) => {
       };
       f(t.gridProps.onContextMenu, r);
     }
-    t.gridProps.contextMenu && lt({
+    t.gridProps.contextMenu && Pt({
       event: e,
       dataItem: n,
       field: o
     });
-  }, mt = (e) => {
-    var a, d;
+  }, vt = (e) => {
+    var a, d, l;
     if (e.target !== e.currentTarget)
       return;
-    clearTimeout(Fe.current), C.current && (C.current.table = j.current);
+    clearTimeout(We.current), C.current && (C.current.table = V.current);
     const n = e.currentTarget.scrollLeft, o = e.currentTarget.scrollTop;
-    t.gridProps.columnVirtualization && (!K || o === Ae.current) && (Fe.current = window.setTimeout(() => {
+    t.gridProps.columnVirtualization && (!D || o === Be.current) && (We.current = window.setTimeout(() => {
       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 && S && f(t.gridProps.onScroll, {
+    C.current && o !== Be.current && C.current.scrollHandler(e);
+    const i = D && ((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();
-  }, Pt = (e) => {
+    }), Be.current = o, !it.current && be.current && Math.abs(be.current.scrollTop - o) > 1 && (be.current.scrollTop = o), (l = ve.current) == null || l.call(ve), i || ct();
+  }, Ct = (e) => {
     var o, r;
     const n = e.target;
     if ((e.keyCode === 38 || e.keyCode === 40) && n.closest(".k-grid-sticky-container")) {
       const i = parseInt(((o = n.closest("tr")) == null ? void 0 : o.getAttribute("absolute-row-index")) || "", 10), a = n.getAttribute("data-keyboardnavid");
-      if (!isNaN(i) && a && !((r = T.current) == null ? void 0 : r.querySelector(`tr[absolute-row-index="${i}"]`)))
-        return Ce.current = {
+      if (!isNaN(i) && a && !((r = M.current) == null ? void 0 : r.querySelector(`tr[absolute-row-index="${i}"]`)))
+        return ye.current = {
           navId: a,
           key: e.key,
           code: e.code,
           keyCode: e.keyCode
-        }, e.preventDefault(), e.stopPropagation(), Pe({ rowIndex: i }), !0;
+        }, e.preventDefault(), e.stopPropagation(), he({ rowIndex: i }), !0;
     }
     return !1;
-  }, ht = () => {
+  }, It = () => {
     var a;
-    if (!Ce.current || !M.current)
+    if (!ye.current || !H.current)
       return;
-    const { navId: e, key: n, code: o, keyCode: r } = Ce.current, i = (a = T.current) == null ? void 0 : a.querySelector(
+    const { navId: e, key: n, code: o, keyCode: r } = ye.current, i = (a = M.current) == null ? void 0 : a.querySelector(
       `[data-keyboardnavid="${e}"]`
     );
     i && i.dispatchEvent(
@@ -234,89 +234,89 @@ const sr = (t, S, b, z) => {
         cancelable: !0
       })
     );
-  }, Rt = (e) => {
-    if (Pt(e))
+  }, wt = (e) => {
+    if (Ct(e))
       return;
     ne.onKeyDown(e, {
       navigatable: t.gridProps.navigatable || !1,
-      contextStateRef: V,
+      contextStateRef: U,
       navigationStateRef: Q,
-      onNavigationAction: vt,
-      columns: de()
+      onNavigationAction: Et,
+      columns: se()
     }), ne.onGetSnapshotBeforeUpdate({
-      document: p(),
-      contextStateRef: V,
+      document: O(),
+      contextStateRef: U,
       navigationStateRef: Q
     });
     const n = {
-      dataItems: D(),
+      dataItems: k(),
       mode: v.mode,
       cell: v.cell,
       componentId: t.id,
       selectedField: "",
       ...I(e)
     };
-    t.gridProps.onKeyDown && S && f(t.gridProps.onKeyDown, n);
-  }, bt = (e) => {
+    t.gridProps.onKeyDown && x && f(t.gridProps.onKeyDown, n);
+  }, yt = (e) => {
     ne.onFocus(e, {
       navigatable: !!t.gridProps.navigatable,
-      contextStateRef: V
+      contextStateRef: U
     });
-  }, vt = (e) => {
+  }, Et = (e) => {
     const { columnsRef: n } = t;
-    if (e.action === "moveToNextPage" && zt(e.event), e.action === "moveToPrevPage" && Ot(e.event), e.focusElement && (e.action === "reorderToRight" || e.action === "reorderToLeft")) {
+    if (e.action === "moveToNextPage" && Ut(e.event), e.action === "moveToPrevPage" && Vt(e.event), e.focusElement && (e.action === "reorderToRight" || e.action === "reorderToLeft")) {
       const o = parseInt(e.focusElement.ariaColIndex, 10) - 1;
       if (!n[o].reorderable)
         return;
       if (e.action === "reorderToRight" && o < t.columnsRef.length - 1) {
         if (n[o + 1].disableReorder)
           return;
-        ue(o, o + 1, e.event);
+        ge(o, o + 1, e.event);
       }
       if (e.action === "reorderToLeft" && o > 0) {
         if (n[o - 1].disableReorder)
           return;
-        ue(o, o - 1, e.event);
+        ge(o, o - 1, e.event);
       }
     }
-    if (e.action === "select" && Gt(e.event), t.gridProps.onNavigationAction && S) {
+    if (e.action === "select" && Ft(e.event), t.gridProps.onNavigationAction && x) {
       const o = {
         focusElement: e.focusElement,
         ...I(e.event)
       };
       f(t.gridProps.onNavigationAction, o);
     }
-  }, Ct = (e, n) => {
-    t.gridProps.onRowClick && ye(e.target, "TD") && f(t.gridProps.onRowClick, {
+  }, St = (e, n) => {
+    t.gridProps.onRowClick && xe(e.target, "TD") && f(t.gridProps.onRowClick, {
       dataItem: n,
       ...I(e)
     });
-  }, It = (e, n) => {
-    t.gridProps.onRowDoubleClick && ye(e.target, "TD") && f(t.gridProps.onRowDoubleClick, {
+  }, xt = (e, n) => {
+    t.gridProps.onRowDoubleClick && xe(e.target, "TD") && f(t.gridProps.onRowDoubleClick, {
       dataItem: n,
       ...I(e)
     });
-  }, wt = (e) => {
+  }, kt = (e) => {
     t.gridProps.onItemChange && f(t.gridProps.onItemChange, {
       ...I(e.syntheticEvent),
       dataItem: e.dataItem,
       field: void 0,
       value: void 0
     });
-  }, yt = (e) => {
+  }, Dt = (e) => {
     t.gridProps.onItemChange && t.gridProps.onEditChange && f(t.gridProps.onEditChange, {
       edit: {},
       ...I(e.syntheticEvent)
     });
-  }, Et = (e, n, o) => {
+  }, Kt = (e, n, o) => {
     var r, i;
-    if (ot.enabled && ot.mode === "incell" && t.gridProps.dataItemKey) {
+    if (st.enabled && st.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 = zn(t.gridProps.edit, {
-        type: On.ENTER_FIELD_EDIT,
+      const a = Un(t.gridProps.edit, {
+        type: Vn.ENTER_FIELD_EDIT,
         payload: { id: n[t.gridProps.dataItemKey], field: o }
       });
       t.gridProps.onEditChange && f(t.gridProps.onEditChange, {
@@ -324,29 +324,29 @@ const sr = (t, S, b, z) => {
         ...I(e)
       });
     }
-  }, xt = (e, n) => {
+  }, Tt = (e, n) => {
     var r;
-    if (Bn(t.detailExpandable).enabled) {
-      const i = Wn((r = t.gridProps.detailExpand) != null ? r : {}, e);
+    if (Nn(t.detailExpandable).enabled) {
+      const i = jn((r = t.gridProps.detailExpand) != null ? r : {}, e);
       t.gridProps.onDetailExpandChange && f(t.gridProps.onDetailExpandChange, {
         ...I(n),
         detailExpand: i
       });
     }
-  }, St = (e, n) => {
+  }, Mt = (e, n) => {
     var r;
-    const o = Fn(
+    const o = On(
       typeof t.gridProps.groupable == "object" ? t.gridProps.groupable.expandable !== !1 : t.gridProps.groupable
     );
     if (o.enabled) {
-      const i = Ln((r = t.gridProps.groupExpand) != null ? r : [], e, o);
+      const i = pn((r = t.gridProps.groupExpand) != null ? r : [], e, o);
       t.gridProps.onGroupExpandChange && f(t.gridProps.onGroupExpandChange, {
         ...I(n),
         groupExpand: i
       });
     }
-    hn(e.group);
-  }, kt = c.useCallback(
+    In(e.group);
+  }, Gt = c.useCallback(
     (e) => {
       const { dataItemKey: n = "", pinnedTopRows: o = [], pinnedBottomRows: r = [] } = t.gridProps;
       if (!n || !e)
@@ -355,7 +355,7 @@ const sr = (t, S, 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]
-  ), se = (e, n) => {
+  ), le = (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), l = i.filter((u) => u[o] !== a);
@@ -374,13 +374,13 @@ const sr = (t, S, b, z) => {
         return;
     }
     t.gridProps.onRowPinChange && f(t.gridProps.onRowPinChange, s);
-  }, Ue = (e, n, o) => {
-    const { allowUnsort: r, mode: i } = rr(
+  }, qe = (e, n, o) => {
+    const { allowUnsort: r, mode: i } = dr(
       t.gridProps.sortable || !1,
       n.sortable || !1
-    ), a = (t.gridProps.sort || []).filter((s) => s.field === n.field)[0], d = o || or[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) => {
+    ), a = (t.gridProps.sort || []).filter((s) => s.field === n.field)[0], d = o || sr[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 }), _e(l, e);
+  }, Ht = (e) => {
     t.gridProps.onItemChange && f(t.gridProps.onItemChange, {
       ...I(e.syntheticEvent),
       dataItem: e.dataItem,
@@ -388,7 +388,7 @@ const sr = (t, S, b, z) => {
       field: e.field,
       value: e.value
     });
-  }, Kt = (e) => {
+  }, At = (e) => {
     var n;
     if (t.gridProps.onSelectionChange && v.enabled) {
       const { event: o, dataItem: r, dataIndex: i, columnIndex: a } = e, d = {
@@ -398,7 +398,7 @@ const sr = (t, S, b, z) => {
         endColIndex: a,
         startRowIndex: i,
         endRowIndex: i,
-        dataItems: D(),
+        dataItems: k(),
         altKey: !1,
         ctrlKey: !1,
         shiftKey: !1,
@@ -411,34 +411,34 @@ const sr = (t, S, b, z) => {
       };
       f(t.gridProps.onSelectionChange, {
         ...d,
-        select: t.gridProps.dataItemKey ? ct({
+        select: t.gridProps.dataItemKey ? gt({
           event: d,
           selectedState: (n = t.gridProps.select) != null ? n : {},
           dataItemKey: t.gridProps.dataItemKey
         }) : {}
       });
     }
-  }, Gt = (e) => {
+  }, Ft = (e) => {
     var s, u;
     if (!v.enabled || !t.gridProps.dataItemKey)
       return;
     const n = {
-      dataItems: D(),
+      dataItems: k(),
       mode: v.mode,
       cell: v.cell,
       componentId: t.id,
       selectedField: "",
       ...I(e)
-    }, o = pn({
+    }, o = qn({
       event: n,
       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 = Nn(i), l = Un(a);
+    const r = e.target, i = xe(r, "TD"), a = xe(r, "TR"), d = $n(i), l = _n(a);
     if (d !== void 0 && l !== void 0) {
-      const m = (u = Qn(t.gridProps.data)) == null ? void 0 : u[l];
+      const m = (u = or(t.gridProps.data)) == null ? void 0 : u[l];
       t.gridProps.onSelectionChange && f(t.gridProps.onSelectionChange, {
         ...n,
         select: o,
@@ -456,9 +456,9 @@ const sr = (t, S, b, z) => {
         isDrag: !1
       });
     }
-  }, Tt = (e) => {
+  }, Lt = (e) => {
     if (t.gridProps.onHeaderSelectionChange && v.enabled) {
-      const n = D();
+      const n = k();
       f(t.gridProps.onHeaderSelectionChange, {
         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,
@@ -473,20 +473,20 @@ const sr = (t, S, b, z) => {
       ...e,
       select: n
     });
-  }, Ht = (e, n) => {
+  }, Bt = (e, n) => {
     const o = t.gridProps.dataItemKey;
     if (!o || !n)
       return;
-    const r = te(o), i = D().findIndex((a) => r(a) === r(n));
-    i !== -1 && Ve({
+    const r = te(o), i = k().findIndex((a) => r(a) === r(n));
+    i !== -1 && $e({
       ...e,
       startRowIndex: i,
       endRowIndex: i
     });
-  }, Ve = (e) => {
+  }, $e = (e) => {
     var n;
     if (t.gridProps.onSelectionChange && v.enabled) {
-      const o = D(), r = o[e.startRowIndex], i = o[e.endRowIndex], a = {
+      const o = k(), r = o[e.startRowIndex], i = o[e.endRowIndex], a = {
         syntheticEvent: void 0,
         target: E.current,
         selectedField: "",
@@ -496,14 +496,14 @@ const sr = (t, S, b, z) => {
         startDataItem: r,
         endDataItem: i,
         ...e
-      }, d = ct({
+      }, d = gt({
         event: a,
         selectedState: (n = t.gridProps.select) != null ? n : {},
         dataItemKey: t.gridProps.dataItemKey
       });
       J(a, d);
     }
-  }, Mt = (e) => {
+  }, Wt = (e) => {
     if (t.gridProps.onSelectionChange && v.enabled) {
       const n = e.dataItems[0], o = e.dataItems[e.dataItems.length - 1], r = {}, i = {
         ...e,
@@ -519,7 +519,7 @@ const sr = (t, S, b, z) => {
         r[l] = e.cell ? [...Array(t.columnsRef.length).keys()] : !0;
       }), J(i, r);
     }
-  }, At = (e) => {
+  }, zt = (e) => {
     if (t.gridProps.onSelectionChange && v.enabled) {
       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]
@@ -534,10 +534,10 @@ const sr = (t, S, b, z) => {
       }, 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, J(s, u);
     }
-  }, Ft = (e) => {
+  }, Ot = (e) => {
     if (!v.enabled)
       return;
-    const n = D(), o = {
+    const n = k(), o = {
       syntheticEvent: void 0,
       nativeEvent: void 0,
       target: E.current,
@@ -566,7 +566,7 @@ const sr = (t, S, b, z) => {
       J(m, {});
       return;
     }
-    const r = st(
+    const r = mt(
       t.gridProps.data,
       e,
       t.columnsRef,
@@ -579,8 +579,8 @@ const sr = (t, S, b, z) => {
     if (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, l = n[w]), d = w, s = n[w]);
+        const R = m(n[w]);
+        R !== void 0 && r[R] && (a === -1 && (a = w, l = n[w]), d = w, s = n[w]);
       }
     }
     const u = {
@@ -593,86 +593,86 @@ const sr = (t, S, b, z) => {
       endDataItem: s
     };
     J(u, i);
-  }, Lt = (e) => {
+  }, pt = (e) => {
     t.gridProps.onSelectionChange && v.enabled && J(e, {});
   }, X = (e, n, o, r, i) => {
-    Wt();
+    jt();
     const a = t.gridProps.onDataStateChange;
     if (e) {
       const d = { ...I(r), ...n, targetEvent: i };
       f(e, d);
-    } else a && (O.current = {
-      ...O.current,
+    } else a && (ce.current = {
+      ...ce.current,
       ...o
     }, f(a, {
       ...I(r),
       targetEvent: i || {},
       dataState: {
-        ...Yt(),
-        ...O.current
+        ...rn(),
+        ...ce.current
       }
     }));
-  }, le = (e, n, o) => {
+  }, ue = (e, n, o) => {
     var r;
-    K && t.gridProps.pageable && ((r = C.current) == null || r.reset()), X(
+    D && t.gridProps.pageable && ((r = C.current) == null || r.reset()), X(
       t.gridProps.onPageChange,
       { page: e },
       { skip: e.skip, take: e.take },
       n,
       o
     );
-  }, Bt = (e, n, o) => {
+  }, Nt = (e, n, o) => {
     var r;
-    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 = () => {
+    t.gridProps.pageable || (r = t.gridProps.group) != null && r.length ? t.gridProps.virtualSkipRef && (t.gridProps.virtualSkipRef.current = e.skip, Y()) : ue(e, n, o);
+  }, De = () => {
     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;
-  }, Wt = () => {
-    K && t.gridProps.virtualSkipRef && (t.gridProps.virtualSkipRef.current = 0);
-  }, zt = (e) => {
+  }, jt = () => {
+    D && t.gridProps.virtualSkipRef && (t.gridProps.virtualSkipRef.current = 0);
+  }, Ut = (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 && le({ skip: o, take: n }, e);
-  }, Ot = (e) => {
+    const n = (a = (i = t.gridProps.take) != null ? i : t.gridProps.pageSize) != null ? a : 0, o = (t.gridProps.skip || 0) + n, r = De();
+    o < r && ue({ skip: o, take: n }, e);
+  }, Vt = (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 && le({ skip: o, take: n }, e);
-  }, pt = (e) => {
-    le({ skip: e.skip, take: e.take }, e.syntheticEvent, e.targetEvent);
-  }, je = (e, n) => {
+    o >= 0 && ue({ skip: o, take: n }, e);
+  }, qt = (e) => {
+    ue({ skip: e.skip, take: e.take }, e.syntheticEvent, e.targetEvent);
+  }, _e = (e, n) => {
     X(
       t.gridProps.onSortChange,
       { sort: e },
-      { sort: e, ...K && !t.gridProps.pageable ? { skip: 0 } : {} },
+      { sort: e, ...D && !t.gridProps.pageable ? { skip: 0 } : {} },
       n
     );
-  }, Nt = (e, n) => {
+  }, $t = (e, n) => {
     X(
       t.gridProps.onFilterChange,
       { filter: e },
       { filter: e, skip: 0 },
       n
     );
-  }, Ut = (e) => {
+  }, _t = (e) => {
     if (!e || e.length === 0) {
-      qe({});
+      Ze({});
       return;
     }
-    const n = st(
+    const n = mt(
       t.gridProps.data,
       e,
       t.columnsRef,
       t.gridProps.dataItemKey
     );
-    qe({ ...n });
-  }, qe = (e) => {
+    Ze({ ...n });
+  }, Ze = (e) => {
     X(
       t.gridProps.onHighlightChange,
       { highlight: e },
       {},
       {}
     );
-  }, Vt = (e) => {
+  }, Zt = (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) => {
@@ -693,31 +693,31 @@ const sr = (t, S, b, z) => {
       { skip: 0 },
       e.syntheticEvent
     );
-  }, Se = () => {
+  }, Ke = () => {
     var e;
-    (e = Z.current) == null || e.save();
-  }, $e = async () => {
+    (e = K.current) == null || e.save();
+  }, Je = async () => {
     var e;
-    await ((e = k.current) == null ? void 0 : e.save());
-  }, _e = () => {
+    await ((e = N.current) == null ? void 0 : e.save());
+  }, Xe = () => {
     var e;
-    return ((e = k.current) == null ? void 0 : e.getBlob()) || null;
-  }, jt = async (e) => {
+    return ((e = N.current) == null ? void 0 : e.getBlob()) || null;
+  }, Jt = async (e) => {
     var n, o;
     (n = t.gridProps) != null && n.onPdfExport && await ((o = t.gridProps) == null ? void 0 : o.onPdfExport(e));
-  }, qt = (e) => {
+  }, Xt = (e) => {
     var n, o;
     return (n = t.gridProps) != null && n.onCsvExport ? (o = t.gridProps) == null ? void 0 : o.onCsvExport(e) : e;
-  }, ke = (e, n) => {
+  }, Te = (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), X(
+    t.isVirtualScroll && e.length && !t.gridProps.pageable && (r = { take: void 0 }), e.length === 0 && t.gridProps.navigatable && (Ae.current = !0), X(
       t.gridProps.onGroupChange,
       { group: e },
       { group: e, skip: 0, ...r },
       o
     );
-  }, De = (e) => {
+  }, Me = (e) => {
     if (t.gridProps.onColumnsStateChange) {
       const n = {
         target: E.current,
@@ -725,31 +725,31 @@ const sr = (t, S, b, z) => {
       };
       f(t.gridProps.onColumnsStateChange, n);
     }
-  }, ue = (e, n, o) => {
-    const { columnsRef: r, columnsState: i } = t, a = r[e], d = Yn(i), l = a.depth, s = (h) => {
+  }, ge = (e, n, o) => {
+    const { columnsRef: r, columnsState: i } = t, a = r[e], d = rr(i), l = a.depth, s = (R) => {
       do
-        h++;
-      while (h < r.length && r[h].depth > l);
-      return h;
+        R++;
+      while (R < r.length && r[R].depth > l);
+      return R;
     }, 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((x) => x.id === h.id);
-      g && (g.orderIndex = N);
+    r.splice(e < n ? s(n - u.length) : n, 0, ...u), r.filter((R) => R.declarationIndex >= 0).forEach((R, p) => {
+      R.orderIndex = p;
+      const g = d.find((S) => S.id === R.id);
+      g && (g.orderIndex = p);
     });
     const m = r[e].locked && r[n].locked;
-    Mn(t.columnsMapRef, r, m || be.current), An(t.columnsMapRef, r, m || be.current), Ge.current && (be.current = !1, Ge.current = !1);
-    const w = de();
+    Wn(t.columnsMapRef, r, m || Ie.current), zn(t.columnsMapRef, r, m || Ie.current), He.current && (Ie.current = !1, He.current = !1);
+    const w = se();
     if (Y(), t.gridProps.onColumnReorder) {
-      const h = {
+      const R = {
         target: E.current,
         columns: w,
         columnId: a.id,
         nativeEvent: o
       };
-      f(t.gridProps.onColumnReorder, h);
+      f(t.gridProps.onColumnReorder, R);
     }
-    De(i);
+    Me(i);
   }, oe = (e, n, o) => {
     const r = typeof t.gridProps.rowReorderable == "object" ? t.gridProps.rowReorderable.enabled : t.gridProps.rowReorderable;
     if (o === "forbidden" || !r || !ie.current)
@@ -763,72 +763,72 @@ const sr = (t, S, b, z) => {
       dragEvent: e,
       target: E.current
     }), ie.current = null;
-  }, $t = (e, n, o) => {
+  }, 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)), ke(r, o);
-  }, Ze = (e, n, o) => {
+    r.splice(n, 0, ...r.splice(e, 1)), Te(r, o);
+  }, Ye = (e, n, o) => {
     const r = t.columnsRef[e].field;
     if (!r)
       return;
     const i = (t.gridProps.group || []).slice();
-    i.splice(n, 0, { field: r }), ke(i, o);
-  }, _t = (e, n) => {
-    const o = U.current.getCurrentGroupsLength;
-    Ze(e, o, n);
-  }, Ke = () => {
-    var e, n, o, r, i, a, d, l, s, u, m, w, h, N;
+    i.splice(n, 0, { field: r }), Te(i, o);
+  }, Qt = (e, n) => {
+    const o = j.current.getCurrentGroupsLength;
+    Ye(e, o, n);
+  }, Ge = () => {
+    var e, n, o, r, i, a, d, l, s, u, m, w, R, p;
     if (t.gridProps.dataLayoutMode === "stacked") {
-      const g = ((e = M.current) == null ? void 0 : e.offsetWidth) || 0;
+      const g = ((e = H.current) == null ? void 0 : e.offsetWidth) || 0;
       if ((n = P.current) != null && n.colGroupMain && g) {
-        const x = P.current.colGroupMain.children, R = x.length - 1;
-        if (R >= 0) {
+        const S = P.current.colGroupMain.children, b = S.length - 1;
+        if (b >= 0) {
           let _ = 0;
-          for (let ee = 0; ee < R; ee++) {
-            const In = parseFloat((x[ee].width || 0).toString()) || x[ee].clientWidth;
-            _ += In;
+          for (let ee = 0; ee < b; ee++) {
+            const xn = parseFloat((S[ee].width || 0).toString()) || S[ee].clientWidth;
+            _ += xn;
           }
           const W = Math.max(0, g - _);
-          x[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");
+          S[b].width = W + "px", (r = (o = P.current.colGroupHeader) == null ? void 0 : o.children) != null && r[b] && (P.current.colGroupHeader.children[b].width = W + "px"), (a = (i = P.current.colGroupFooter) == null ? void 0 : i.children) != null && a[b] && (P.current.colGroupFooter.children[b].width = W + "px"), (l = (d = P.current.colGroupStickyHeader) == null ? void 0 : d.children) != null && l[b] && (P.current.colGroupStickyHeader.children[b].width = W + "px"), (u = (s = P.current.colGroupStickyFooter) == null ? void 0 : s.children) != null && u[b] && (P.current.colGroupStickyFooter.children[b].width = W + "px"), (w = (m = P.current.colGroupPinnedTop) == null ? void 0 : m.children) != null && w[b] && (P.current.colGroupPinnedTop.children[b].width = W + "px"), (p = (R = P.current.colGroupPinnedBottom) == null ? void 0 : R.children) != null && p[b] && (P.current.colGroupPinnedBottom.children[b].width = W + "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" : "");
+      $.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), V.current && (V.current.style.width = g ? g + "px" : "");
     } else {
       let g = 0;
       if (!P.current.colGroupMain)
         return;
-      const x = P.current.colGroupMain.children;
-      for (let R = 0; R < x.length; R++) {
-        const _ = x[R].width;
+      const S = P.current.colGroupMain.children;
+      for (let b = 0; b < S.length; b++) {
+        const _ = S[b].width;
         if (!_) {
           g = 0;
           break;
         }
         g += parseFloat(_.toString());
       }
-      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" : "");
+      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), V.current && (V.current.style.width = g ? g + "px" : "");
     }
-    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 = () => {
+    Ee.current && en();
+  }, en = () => {
+    const e = G.current, n = e ? e.scrollWidth > e.clientWidth : !1;
+    Ee.current && (Ee.current.style.marginBlockEnd = n ? "var(--kendo-scrollbar-width, 0px)" : "");
+  }, Qe = () => {
     var e;
-    t.gridProps.widthRef && (t.gridProps.widthRef.current = ((e = M.current) == null ? void 0 : e.offsetWidth) || 0);
-  }, ge = () => {
+    t.gridProps.widthRef && (t.gridProps.widthRef.current = ((e = H.current) == null ? void 0 : e.offsetWidth) || 0);
+  }, fe = () => {
     var e;
-    t.gridProps.containerHeightRef && (t.gridProps.containerHeightRef.current = ((e = H.current) == null ? void 0 : e.offsetHeight) || 0);
-  }, Jt = () => {
+    t.gridProps.containerHeightRef && (t.gridProps.containerHeightRef.current = ((e = G.current) == null ? void 0 : e.offsetHeight) || 0);
+  }, tn = () => {
     const e = t.gridProps.minRowHeightRef;
     if (e && !e.current && !t.gridProps.rowHeight) {
-      const n = Jn(T.current);
+      const n = tr(M.current);
       n && (e.current = n, Y());
     }
-  }, fe = c.useCallback(
+  }, me = c.useCallback(
     (e, n, o, r, i) => {
       var s;
-      if (!Xt() && !o || !e)
+      if (!nn() && !o || !e)
         return;
       const a = {
         type: e,
@@ -839,13 +839,13 @@ const sr = (t, S, b, z) => {
         field: i,
         ...typeof t.gridProps.clipboard != "boolean" ? t.gridProps.clipboard : {},
         ...o
-      }, d = D(), l = Kn({
+      }, d = k(), l = An({
         event: a,
         data: d,
         selectedState: (s = t.gridProps.select) != null ? s : {},
-        previousCopiedItems: tt.current
+        previousCopiedItems: at.current
       });
-      e !== ze.paste && (tt.current = l.copiedItems), t.gridProps.onClipboard && S && f(t.gridProps.onClipboard, {
+      e !== Ne.paste && (at.current = l.copiedItems), t.gridProps.onClipboard && x && f(t.gridProps.onClipboard, {
         ...a,
         ...l
       });
@@ -857,15 +857,15 @@ const sr = (t, S, b, z) => {
       t.gridProps.clipboard,
       t.gridProps.onClipboard
     ]
-  ), Xt = () => {
+  ), nn = () => {
     var i, a, d;
     if (!ae)
       return !1;
-    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 == null ? void 0 : n.closest(".k-grid-container"), r = n && ((d = M.current) == null ? void 0 : d.contains(n));
+    const e = Dn(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 == null ? void 0 : n.closest(".k-grid-container"), r = n && ((d = H.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 && S && f(t.gridProps.onColumnResize, {
-      columns: de(),
+  }, et = (e, n, o, r, i, a, d) => {
+    Ge(), Ie.current = !0, He.current = !0, t.gridProps.onColumnResize && x && f(t.gridProps.onColumnResize, {
+      columns: se(),
       nativeEvent: r,
       targetColumnId: d,
       index: e,
@@ -873,8 +873,8 @@ const sr = (t, S, b, z) => {
       oldWidth: o,
       end: i,
       target: E.current
-    }), i && De(a);
-  }, Yt = () => {
+    }), i && Me(a);
+  }, rn = () => {
     var e;
     return {
       filter: t.gridProps.filter,
@@ -887,7 +887,7 @@ const sr = (t, S, b, z) => {
     nativeEvent: e && e.nativeEvent,
     syntheticEvent: e,
     target: E.current
-  }), Qt = (e) => ({
+  }), on = (e) => ({
     ...e,
     nativeEvent: void 0,
     syntheticEvent: void 0,
@@ -899,69 +899,69 @@ const sr = (t, S, b, z) => {
       e(n);
       return;
     }
-    e(Qt(n));
-  }, en = () => {
+    e(on(n));
+  }, an = () => {
     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;
-      const r = Array.from((o = T.current) == null ? void 0 : o.getElementsByClassName("k-grid-edit-row"));
-      r.length > Be.current.length ? Re.current = r.filter(
-        (i) => !Be.current.includes(i)
-      )[0] : r.length === 1 && (Re.current = r[0], Me.current = !0), Be.current = r;
+    if (M.current && ((e = M.current) == null ? void 0 : e.getElementsByClassName("k-grid-edit-row").length) > 0) {
+      Le.current = !1, (n = document.activeElement) != null && n.closest(".k-grid-edit-row") ? Fe.current = document.activeElement : Fe.current = void 0;
+      const r = Array.from((o = M.current) == null ? void 0 : o.getElementsByClassName("k-grid-edit-row"));
+      r.length > Oe.current.length ? Ce.current = r.filter(
+        (i) => !Oe.current.includes(i)
+      )[0] : r.length === 1 && (Ce.current = r[0], Le.current = !0), Oe.current = r;
     }
-  }, D = () => t.dataRef.filter((e) => e.rowType === "data").map((e) => e.dataItem), p = () => {
+  }, k = () => t.dataRef.filter((e) => e.rowType === "data").map((e) => e.dataItem), O = () => {
     var e;
     if (ae)
-      return ((e = me()) == null ? void 0 : e.ownerDocument) || document;
-  }, me = () => M.current, Pe = c.useCallback(
+      return ((e = Pe()) == null ? void 0 : e.ownerDocument) || document;
+  }, Pe = () => H.current, he = c.useCallback(
     (e) => {
       var r, i;
-      if (!C.current || !((r = C.current) != null && r.container) || t.gridProps.scrollable === "none")
+      if (!C.current || !((r = C.current) != null && r.container) || z === "none")
         return;
-      G.current && G.current.disconnect();
-      const { rowIndex: n } = e, o = me();
-      if (K) {
+      T.current && T.current.disconnect();
+      const { rowIndex: n } = e, o = Pe();
+      if (D) {
         const a = ((i = C.current.rowHeightService) == null ? void 0 : i.offset(n)) || 0;
         C.current.container.scroll(0, a);
       } else if (o) {
         const a = n < 1 ? o.querySelector("tbody > tr:nth-child(1)") : o.querySelector(`tbody > tr:nth-child(${n + 1})`);
-        a && H.current && (H.current.scrollTop = a.offsetTop);
+        a && G.current && (G.current.scrollTop = a.offsetTop);
       }
     },
-    [t.gridProps.scrollable]
-  ), 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 = () => {
+    [z]
+  ), tt = (e) => JSON.stringify(e.map((n) => ({ id: n.id, field: n.field, title: n.title, children: n.children }))), cn = () => tt(En) === tt(t.columnsRef), dn = () => {
+    we.current = window.innerWidth, cn() || Y();
+  }, sn = () => {
     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 = 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 kn(e, i)));
-  }, Qe = c.useCallback(
+    r && (r.fixedScroll = o.fixedScroll || !1, r.PageChange = Nt, r.pageSize = n, r.scrollableVirtual = D, r.container = G.current, r.tableBody = M.current, r.scrollHeightContainer = rt.current, r.scrollbarOverlaySpacerElement = ot.current, r.table = V.current, (!r.rowHeightService || r.total !== e) && i && (r.total = e, r.rowHeightService = new Gn(e, i)));
+  }, nt = c.useCallback(
     (e) => {
-      const n = { rowIndex: Le.current };
+      const n = { rowIndex: ze.current };
       e.forEach((o) => {
-        o.boundingClientRect.height !== o.intersectionRect.height && Pe(n);
+        o.boundingClientRect.height !== o.intersectionRect.height && he(n);
       });
     },
-    [Pe]
+    [he]
   ), Y = () => {
     t.gridProps.forceUpdate && t.gridProps.forceUpdate();
-  }, on = (e) => e.left !== void 0 ? We !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, E = 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(
+  }, ln = (e) => e.left !== void 0 ? pe !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, E = c.useRef(null), C = c.useRef(void 0), P = c.useRef(void 0), j = c.useRef(void 0), U = c.useRef(void 0), Q = c.useRef(void 0), Re = c.useRef(void 0), T = c.useRef(null), M = c.useRef(null), un = c.useRef(null), G = c.useRef(null), V = c.useRef(null), gn = c.useRef(null), H = c.useRef(null), rt = c.useRef(null), be = c.useRef(null), ot = c.useRef(null), it = c.useRef(!1), ve = 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), fn = c.useRef(null), mn = c.useRef(null), He = c.useRef(!1), Ae = c.useRef(!1), Ce = c.useRef(void 0), Fe = c.useRef(void 0), Le = c.useRef(!1), Ie = c.useRef(!0), Be = c.useRef(0), We = c.useRef(void 0), ze = c.useRef(void 0), Oe = c.useRef([]), at = c.useRef([]), we = c.useRef(0), ye = c.useRef(
     null
-  ), 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: hn,
-    update: nt
-  } = qn({
-    enabled: ln,
-    enabledFooters: un,
+  ), Pn = typeof t.gridProps.groupable == "object" && !!t.gridProps.groupable.stickyHeaders, hn = typeof t.gridProps.groupable == "object" && !!t.gridProps.groupable.stickyFooters, Rn = !!((lt = t.gridProps.group) != null && lt.length), {
+    stickyHeaderItems: bn,
+    stickyHeaderRef: vn,
+    stickyFooterItems: Cn,
+    stickyFooterRef: Ee,
+    scrollToStickyGroup: In,
+    update: ct
+  } = Xn({
+    enabled: Pn,
+    enabledFooters: hn,
     flatData: t.dataRef,
-    containerRef: H,
-    tableBodyRef: T,
+    containerRef: G,
+    tableBodyRef: M,
     rowHeight: t.gridProps.rowHeight,
-    isGrouped: gn,
+    isGrouped: Rn,
     virtualSkipRef: t.gridProps.virtualSkipRef,
     rowHeightServiceRef: {
       get current() {
@@ -969,156 +969,156 @@ const sr = (t, S, b, z) => {
         return (e = C.current) == null ? void 0 : e.rowHeightService;
       }
     }
-  }), 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 = Gn(t.gridProps.editable), Cn = ve.current && re && ve.current <= re.medium && t.gridProps.adaptive;
+  }), ie = c.useRef(null), wn = c.useRef(null), yn = c.useRef(null), pe = Kn(H), D = t.isVirtualScroll, En = c.useMemo(() => c.Children.toArray(t.gridProps.children), [t.gridProps.children]), dt = t.gridProps.groupable === !0 || typeof t.gridProps.groupable == "object" && t.gridProps.groupable.enabled !== !1, v = Se(t.gridProps.selectable), st = Fn(t.gridProps.editable), Sn = we.current && Z && we.current <= Z.medium && t.gridProps.adaptive;
   return c.useMemo(() => {
     ne.onConstructor({
       navigatable: !!t.gridProps.navigatable,
-      contextStateRef: V,
+      contextStateRef: U,
       navigationStateRef: Q,
       idPrefix: t.id
-    }), C.current = new er();
+    }), C.current = new ir();
   }, []), c.useMemo(() => {
     var e;
     (e = C.current) == null || e.reset();
   }, [
-    t.gridProps.scrollable,
+    z,
     t.gridProps.total,
     t.gridProps.filter,
     t.gridProps.group,
-    rt,
+    dt,
     t.gridProps.sort,
     t.gridProps.rowHeight
   ]), c.useEffect(() => {
-    O.current = {};
-  }), c.useEffect(() => (t.gridProps.clipboard && (he.current = new Tn(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: V,
+    ce.current = {};
+  }), c.useEffect(() => (t.gridProps.clipboard && (Re.current = new Ln(me), Re.current.addEventListeners(O())), () => {
+    Re.current && Re.current.removeEventListeners(O());
+  }), [t.gridProps.onClipboard, t.gridProps.clipboard, me, O]), c.useEffect(() => (Qe(), Ge(), ut(), ne.onComponentDidMount({
+    scope: H.current || void 0,
+    contextStateRef: U,
     navigationStateRef: Q
   }), () => {
-    clearTimeout(Fe.current);
+    clearTimeout(We.current);
   }), []), c.useEffect(() => {
     var e;
-    Je(), Ke(), at(), K && (ge(), Jt(), (e = C.current) == null || e.update()), nt(), en(), ne.onComponentDidUpdate({
-      scope: M.current || void 0,
-      contextStateRef: V,
+    Qe(), Ge(), ut(), D && (fe(), tn(), (e = C.current) == null || e.update()), ct(), an(), ne.onComponentDidUpdate({
+      scope: H.current || void 0,
+      contextStateRef: U,
       navigationStateRef: Q,
-      focusFirst: Te.current,
-      newEditableRow: Re.current,
-      singleEditRow: Me.current,
-      lastActiveElement: He.current,
+      focusFirst: Ae.current,
+      newEditableRow: Ce.current,
+      singleEditRow: Le.current,
+      lastActiveElement: Fe.current,
       navigatable: t.gridProps.navigatable
-    }), ht(), Te.current = !1, Re.current = void 0, Ce.current = void 0;
+    }), It(), Ae.current = !1, Ce.current = void 0, ye.current = void 0;
   }), c.useEffect(() => {
     if (ae) {
       const e = {
         rootMargin: "0px",
         threshold: 0.9
       };
-      G.current = window.IntersectionObserver && new window.IntersectionObserver(Qe, e) || null;
+      T.current = window.IntersectionObserver && new window.IntersectionObserver(nt, e) || null;
     }
     return () => {
-      G.current && (G.current.disconnect(), G.current = null);
+      T.current && (T.current.disconnect(), T.current = null);
     };
-  }, [Qe]), c.useEffect(() => {
+  }, [nt]), c.useEffect(() => {
     var n;
     let e;
     return ae && window.ResizeObserver && (e = new window.ResizeObserver(() => {
-      nn(), K && ge();
-    }), e.observe((n = p()) == null ? void 0 : n.body)), () => {
+      dn(), D && fe();
+    }), e.observe((n = O()) == null ? void 0 : n.body)), () => {
       e == null || e.disconnect();
     };
   }, []), c.useEffect(() => {
-    if (!ae || !window.ResizeObserver || !K || !H.current)
+    if (!ae || !window.ResizeObserver || !D || !G.current)
       return;
     const e = () => {
       var i, a;
       const o = ((i = t.gridProps.containerHeightRef) == null ? void 0 : i.current) || 0;
-      ge();
+      fe();
       const r = ((a = t.gridProps.containerHeightRef) == null ? void 0 : a.current) || 0;
       (o === 0 && r > 0 || Math.abs(r - o) > 10) && Y();
     }, n = new window.ResizeObserver(e);
-    return n.observe(H.current), () => {
+    return n.observe(G.current), () => {
       n.disconnect();
     };
-  }, [K, ge]), c.useImperativeHandle(
+  }, [D, fe]), c.useImperativeHandle(
     E,
     () => ({
       get element() {
-        return me();
+        return Pe();
       },
       props: t.gridProps,
       get columns() {
-        return de();
+        return se();
       },
       scrollIntoView: (e) => {
         var r;
-        if (!((r = C.current) != null && r.container) || t.gridProps.scrollable === "none")
+        if (!((r = C.current) != null && r.container) || z === "none")
           return;
         const { rowIndex: n } = e;
-        Le.current = n;
-        const o = me();
-        if (G.current && o) {
-          G.current.disconnect();
-          const i = o.querySelector(`[absolute-row-index="${Le.current}"]`);
-          i ? G.current.observe(i) : Pe(e);
+        ze.current = n;
+        const o = Pe();
+        if (T.current && o) {
+          T.current.disconnect();
+          const i = o.querySelector(`[absolute-row-index="${ze.current}"]`);
+          i ? T.current.observe(i) : he(e);
         }
       },
       fitColumns: (e) => {
         P.current.dblClickHandler(null, e);
       },
-      exportAsPdf: Se,
-      saveAsCsv: $e,
-      getCsvBlob: _e,
-      getTotal: xe,
-      getLeafDataItems: D
+      exportAsPdf: Ke,
+      saveAsCsv: Je,
+      getCsvBlob: Xe,
+      getTotal: De,
+      getLeafDataItems: k
     })
   ), c.useImperativeHandle(t.gridRef, () => E.current), c.useMemo(() => {
-    P.current = new Vn(Xe);
+    P.current = new Zn(et);
   }, [t.gridProps.onColumnResize, t.columnsRef]), c.useMemo(() => {
-    U.current = new jn(ue, $t, Ze);
+    j.current = new Jn(ge, Yt, Ye);
   }, [
     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 = xn(t.columnsState), U.current.reorderable = t.gridProps.reorderable || !1, U.current.groupable = rt, U.current.columns = t.columnsRef, U.current.dir = We, rn(), Sn("grid", E, t.gridProps, t.gridProps.webMcp), /* @__PURE__ */ c.createElement(
-    cr.Provider,
+  ]), P.current.resizable = t.gridProps.resizable || !1, P.current.columns = t.columnsRef, P.current.columnsState = Tn(t.columnsState), j.current.reorderable = t.gridProps.reorderable || !1, j.current.groupable = dt, j.current.columns = t.columnsRef, j.current.dir = pe, sn(), Mn("grid", E, t.gridProps, t.gridProps.webMcp), /* @__PURE__ */ c.createElement(
+    gr.Provider,
     {
       value: {
-        isClient: S,
+        isClient: x,
         rowReorder: oe,
         activeDragRowDataItemRef: ie,
-        reorderRowDragTargetRef: Rn,
-        reorderRowDropTargetRef: bn,
-        dir: We,
-        getCellPositionStyle: on,
+        reorderRowDragTargetRef: wn,
+        reorderRowDropTargetRef: yn,
+        dir: pe,
+        getCellPositionStyle: ln,
         dataItemKey: t.gridProps.dataItemKey,
         columnsState: t.columnsState,
         columnsRef: t.columnsRef,
         hiddenColumnsRef: t.hiddenColumnsRef,
-        onColumnsStateChange: De,
+        onColumnsStateChange: Me,
         groupable: t.gridProps.groupable,
         group: t.gridProps.group,
         reorderable: t.gridProps.reorderable,
         defaultGroup: t.gridProps.defaultGroup,
-        groupChange: ke,
-        selectionRelease: Ve,
-        pinnedSelectionRelease: Ht,
-        pagerPageChange: pt,
-        onContextMenu: ft,
-        rowClick: Ct,
-        rowDblClick: It,
-        cellClick: Et,
-        headerCellClick: Ue,
-        itemChange: Dt,
-        onDialogEditCancel: yt,
-        onDialogEditSubmit: wt,
-        columnReorder: ue,
-        onResize: Xe,
-        getTotal: xe,
+        groupChange: Te,
+        selectionRelease: $e,
+        pinnedSelectionRelease: Bt,
+        pagerPageChange: qt,
+        onContextMenu: bt,
+        rowClick: St,
+        rowDblClick: xt,
+        cellClick: Kt,
+        headerCellClick: qe,
+        itemChange: Ht,
+        onDialogEditCancel: Dt,
+        onDialogEditSubmit: kt,
+        columnReorder: ge,
+        onResize: et,
+        getTotal: De,
         sortable: t.gridProps.sortable,
         pageable: t.gridProps.pageable,
         pageSize: t.gridProps.pageSize,
@@ -1126,95 +1126,99 @@ const sr = (t, S, b, z) => {
         skip: t.gridProps.skip,
         take: t.gridProps.take,
         defaultSort: t.gridProps.defaultSort,
-        sortChange: je,
+        sortChange: _e,
         filterable: t.gridProps.filterable,
         filter: t.gridProps.filter,
         defaultFilter: t.gridProps.defaultFilter,
-        filterOperators: t.gridProps.filterOperators || dr,
-        getLeafDataItems: D,
-        filterChange: Nt,
-        applyHighlightDescriptor: Ut,
-        applySelectionDescriptor: Ft,
+        filterOperators: t.gridProps.filterOperators || fr,
+        getLeafDataItems: k,
+        filterChange: $t,
+        applyHighlightDescriptor: _t,
+        applySelectionDescriptor: Ot,
         highlight: t.gridProps.highlight,
         select: t.gridProps.select,
-        searchChange: Vt,
-        exportAsPdf: Se,
-        exportAsCsv: $e,
-        getCsvBlob: _e,
-        onHeaderSelectionChange: Tt,
-        columnGroupChange: _t,
-        onKeyDown: Rt,
-        onFocus: bt,
-        scrollHandler: mt,
-        selectionChange: Kt,
-        mobileMode: Cn,
-        adaptiveColumnMenuRef: ve.current,
+        searchChange: Zt,
+        exportAsPdf: Ke,
+        exportAsCsv: Je,
+        getCsvBlob: Xe,
+        onHeaderSelectionChange: Lt,
+        columnGroupChange: Qt,
+        onKeyDown: wt,
+        onFocus: yt,
+        scrollHandler: vt,
+        selectionChange: At,
+        mobileMode: Sn,
+        adaptiveColumnMenuRef: we.current,
         adpativeTitle: t.gridProps.adaptiveTitle,
         adaptive: t.gridProps.adaptive,
-        dispatchDetailExpand: xt,
-        dispatchGroupExpand: St,
+        dispatchDetailExpand: Tt,
+        dispatchGroupExpand: Mt,
         columnResizeRef: P,
-        dragLogicRef: U,
+        dragLogicRef: j,
         navigationStateRef: Q,
-        tableElementRef: j,
-        tableBodyElementRef: T,
-        headerElementRef: an,
-        containerElementRef: H,
-        headTableElementRef: cn,
-        elementRef: M,
-        virtualScrollHeightContainerRef: et,
+        tableElementRef: V,
+        tableBodyElementRef: M,
+        headerElementRef: un,
+        containerElementRef: G,
+        headTableElementRef: gn,
+        elementRef: H,
+        virtualScrollHeightContainerRef: rt,
+        scrollbarContainerRef: be,
+        scrollbarSpacerRef: ot,
+        vScrollDraggingRef: it,
+        scrollbarShowCallbackRef: ve,
         footerRef: q,
         headerRef: $,
         vsRef: C,
-        stickyHeaderItems: fn,
-        stickyHeaderRef: mn,
-        stickyFooterItems: Pn,
-        stickyFooterRef: Ie,
+        stickyHeaderItems: bn,
+        stickyHeaderRef: vn,
+        stickyFooterItems: Cn,
+        stickyFooterRef: Ee,
         stickyHeaderTableRef: A,
         stickyFooterTableRef: F,
         pinnedTopTableRef: L,
         pinnedBottomTableRef: B,
-        pinnedTopRef: dn,
-        pinnedBottomRef: sn,
-        onRowPin: se,
-        getRowPinPosition: kt
+        pinnedTopRef: fn,
+        pinnedBottomRef: mn,
+        onRowPin: le,
+        getRowPinPosition: Gt
       }
     },
-    /* @__PURE__ */ c.createElement(Hn.Provider, { value: V.current }, t.children),
+    /* @__PURE__ */ c.createElement(Bn.Provider, { value: U.current }, t.children),
     /* @__PURE__ */ c.createElement(
-      tr,
+      ar,
       {
-        show: b.show && (ce == null ? void 0 : ce.length),
-        dataItem: b.dataItem,
-        field: b.field,
-        items: ce,
-        offset: b.offset,
-        onClose: Oe,
-        onSelect: gt
+        show: h.show && (de == null ? void 0 : de.length),
+        dataItem: h.dataItem,
+        field: h.field,
+        items: de,
+        offset: h.offset,
+        onClose: je,
+        onSelect: Rt
       }
     ),
     t.gridProps.pdf && /* @__PURE__ */ c.createElement(
-      ir,
+      lr,
       {
         gridProps: t.gridProps,
         innerGrid: t.innerGrid,
         pdf: typeof t.gridProps.pdf == "object" ? t.gridProps.pdf : {},
-        onPdfExport: jt,
-        ref: (e) => Z.current = e
+        onPdfExport: Jt,
+        ref: (e) => K.current = e
       }
     ),
     t.gridProps.csv && /* @__PURE__ */ c.createElement(
-      ar,
+      ur,
       {
         gridProps: t.gridProps,
         csv: typeof t.gridProps.csv == "object" ? t.gridProps.csv : {},
-        onCsvExport: qt,
+        onCsvExport: Xt,
         columnsState: t.columnsState,
-        ref: (e) => k.current = e
+        ref: (e) => N.current = e
       }
     )
   );
 };
 export {
-  xr as GridClientWrapper
+  Tr as GridClientWrapper
 };