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

package/GridClientWrapper.mjs

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