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

package/GridClientWrapper.mjs

@@ -7,32 +7,32 @@
  */
 "use client";
 import * as c from "react";
-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 { 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 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,
-  ...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) => {
+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({
-      ...h,
+      ...R,
       show: !0,
       offset: {
         left: e.event.pageX,
@@ -44,27 +44,27 @@ const mr = (t, x, z, h) => {
   }, 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" ? cr[s] : s;
+    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);
+    return e.map((l) => {
+      const u = typeof l == "string" ? lr[l] : l;
       return u && u.name === ke.pinRow && u.items ? {
         ...u,
-        items: u.items.filter((m) => m.name === ke.pinTop ? !d : m.name === ke.pinBottom ? !l : m.name === ke.unpin ? d || l : !0)
-      } : s;
+        items: u.items.filter((f) => f.name === ke.pinTop ? !d : f.name === ke.pinBottom ? !s : f.name === ke.unpin ? d || s : !0)
+      } : l;
     });
-  }, y = c.useMemo(() => t.columnsRef.find((e) => e.field === h.field), [t.columnsRef, h]), Ue = c.useMemo(() => {
+  }, 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 Yn({
+    return Qn({
       pdf: !!t.gridProps.pdf,
       sortable: !!e,
       selectable: Se(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), Qn({
+  }, [y, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), Ve = c.useMemo(() => (t.gridProps.sortable && (y == null || y.sortable), er({
     pdf: !!t.gridProps.pdf,
     selectable: Se(t.gridProps.selectable).enabled,
     clipboard: !!t.gridProps.clipboard,
-    rowReorderable: er(t.gridProps.rowReorderable),
+    rowReorderable: tr(t.gridProps.rowReorderable),
     pinnable: !!t.gridProps.pinnable
   })), [
     y,
@@ -75,33 +75,33 @@ const mr = (t, x, z, h) => {
     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(h) : e;
-    if (n && h.offset) {
-      const o = h.dataItem ? ft.body : ft.head, r = n[o], i = h.dataItem ? Ve : Ue;
+    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;
       let a;
-      return r === !0 || r === void 0 ? a = i : r !== !1 && (a = r), t.gridProps.pinnable && a && h.dataItem ? ht(a) : a;
+      return o === !0 || o === void 0 ? a = i : o !== !1 && (a = o), t.gridProps.pinnable && a && R.dataItem ? ht(a) : a;
     }
   }, [
     t.gridProps.contextMenu,
     t.gridProps.pinnable,
-    h,
+    R,
     Ve,
     Ue,
     y
   ]), Rt = (e) => {
-    var d, l, s, u, m, w, R, p, g;
-    const n = e.event.item, o = {
+    var d, s, l, u, f, I, b, p, g;
+    const n = e.event.item, r = {
       target: E.current,
       syntheticEvent: e.event.syntheticEvent,
       nativeEvent: e.event.nativeEvent,
       menuItem: n,
       ...e
     };
-    t.gridProps.onContextMenuItemClick && f(t.gridProps.onContextMenuItemClick, o);
-    const r = k(), i = {
+    t.gridProps.onContextMenuItemClick && m(t.gridProps.onContextMenuItemClick, r);
+    const o = k(), i = {
       selectedField: "",
       componentId: t.id,
-      dataItems: r,
+      dataItems: o,
       dataItem: e.dataItem,
       startRowIndex: -1,
       endRowIndex: -1,
@@ -113,29 +113,29 @@ const mr = (t, x, z, h) => {
       shiftKey: !1,
       isDrag: !1,
       ...Se(t.gridProps.selectable),
-      ...o
-    }, a = r.findIndex((S) => S === e.dataItem);
+      ...r
+    }, a = o.findIndex((S) => S === e.dataItem);
     switch ((d = n.data) == null ? void 0 : d.action) {
       case "SortCommand":
         if (y) {
-          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);
+          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);
         }
         break;
       case "SelectRowCommand":
-        zt(i);
+        Ot(i);
         break;
       case "SelectAllRowsCommand":
-        Wt(i);
+        zt(i);
         break;
       case "ExportPDFCommand":
         Ke();
         break;
       case "ClearSelectionCommand":
-        pt(i);
+        Nt(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"), (R = n.name) != null && R.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"), (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");
         break;
       case "CopySelectionCommand":
         me(
@@ -160,56 +160,56 @@ const mr = (t, x, z, h) => {
         );
         break;
       case "PinTopCommand":
-        le("pinTop", e.dataItem);
+        se("pinTop", e.dataItem);
         break;
       case "PinBottomCommand":
-        le("pinBottom", e.dataItem);
+        se("pinBottom", e.dataItem);
         break;
       case "UnpinCommand":
-        le("unpin", e.dataItem);
+        se("unpin", e.dataItem);
         break;
     }
     je();
-  }, se = () => {
+  }, le = () => {
     const e = t.columnsRef.filter((n) => n.declarationIndex >= 0 && n.parentIndex === -1);
-    return nr(e);
-  }, bt = (e, n, o) => {
+    return rr(e);
+  }, bt = (e, n, r) => {
     if (t.gridProps.onContextMenu && x) {
-      const r = {
+      const o = {
         target: E.current,
         syntheticEvent: e,
         nativeEvent: e.nativeEvent,
         dataItem: n,
-        field: o
+        field: r
       };
-      f(t.gridProps.onContextMenu, r);
+      m(t.gridProps.onContextMenu, o);
     }
     t.gridProps.contextMenu && Pt({
       event: e,
       dataItem: n,
-      field: o
+      field: r
     });
   }, vt = (e) => {
-    var a, d, l;
+    var a, d, s;
     if (e.target !== e.currentTarget)
       return;
-    clearTimeout(We.current), C.current && (C.current.table = V.current);
-    const n = e.currentTarget.scrollLeft, o = e.currentTarget.scrollTop;
-    t.gridProps.columnVirtualization && (!D || o === Be.current) && (We.current = window.setTimeout(() => {
-      Y();
+    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 r = (a = t.gridProps.virtualSkipRef) == null ? void 0 : a.current;
-    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)
-    }), 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 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(((o = n.closest("tr")) == null ? void 0 : o.getAttribute("absolute-row-index")) || "", 10), a = n.getAttribute("data-keyboardnavid");
-      if (!isNaN(i) && a && !((r = M.current) == null ? void 0 : r.querySelector(`tr[absolute-row-index="${i}"]`)))
+      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 = {
           navId: a,
           key: e.key,
@@ -218,45 +218,45 @@ const mr = (t, x, z, h) => {
         }, e.preventDefault(), e.stopPropagation(), he({ rowIndex: i }), !0;
     }
     return !1;
-  }, It = () => {
+  }, Ct = () => {
     var a;
     if (!ye.current || !H.current)
       return;
-    const { navId: e, key: n, code: o, keyCode: r } = ye.current, i = (a = M.current) == null ? void 0 : a.querySelector(
+    const { navId: e, key: n, code: r, keyCode: o } = ye.current, i = (a = T.current) == null ? void 0 : a.querySelector(
       `[data-keyboardnavid="${e}"]`
     );
     i && i.dispatchEvent(
       new KeyboardEvent("keydown", {
         key: n,
-        code: o,
-        keyCode: r,
+        code: r,
+        keyCode: o,
         bubbles: !0,
         cancelable: !0
       })
     );
   }, wt = (e) => {
-    if (Ct(e))
+    if (It(e))
       return;
     ne.onKeyDown(e, {
       navigatable: t.gridProps.navigatable || !1,
       contextStateRef: U,
-      navigationStateRef: Q,
+      navigationStateRef: ee,
       onNavigationAction: Et,
-      columns: se()
+      columns: le()
     }), ne.onGetSnapshotBeforeUpdate({
       document: O(),
       contextStateRef: U,
-      navigationStateRef: Q
+      navigationStateRef: ee
     });
     const n = {
       dataItems: k(),
-      mode: v.mode,
-      cell: v.cell,
+      mode: h.mode,
+      cell: h.cell,
       componentId: t.id,
       selectedField: "",
-      ...I(e)
+      ...C(e)
     };
-    t.gridProps.onKeyDown && x && f(t.gridProps.onKeyDown, n);
+    t.gridProps.onKeyDown && x && m(t.gridProps.onKeyDown, n);
   }, yt = (e) => {
     ne.onFocus(e, {
       navigatable: !!t.gridProps.navigatable,
@@ -264,125 +264,125 @@ const mr = (t, x, z, h) => {
     });
   }, Et = (e) => {
     const { columnsRef: n } = t;
-    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)
+    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)
         return;
-      if (e.action === "reorderToRight" && o < t.columnsRef.length - 1) {
-        if (n[o + 1].disableReorder)
+      if (e.action === "reorderToRight" && r < t.columnsRef.length - 1) {
+        if (n[r + 1].disableReorder)
           return;
-        ge(o, o + 1, e.event);
+        ge(r, r + 1, e.event);
       }
-      if (e.action === "reorderToLeft" && o > 0) {
-        if (n[o - 1].disableReorder)
+      if (e.action === "reorderToLeft" && r > 0) {
+        if (n[r - 1].disableReorder)
           return;
-        ge(o, o - 1, e.event);
+        ge(r, r - 1, e.event);
       }
     }
-    if (e.action === "select" && Ft(e.event), t.gridProps.onNavigationAction && x) {
-      const o = {
+    if (e.action === "select" && Lt(e.event), t.gridProps.onNavigationAction && x) {
+      const r = {
         focusElement: e.focusElement,
-        ...I(e.event)
+        ...C(e.event)
       };
-      f(t.gridProps.onNavigationAction, o);
+      m(t.gridProps.onNavigationAction, r);
     }
   }, St = (e, n) => {
-    t.gridProps.onRowClick && xe(e.target, "TD") && f(t.gridProps.onRowClick, {
+    t.gridProps.onRowClick && xe(e.target, "TD") && m(t.gridProps.onRowClick, {
       dataItem: n,
-      ...I(e)
+      ...C(e)
     });
   }, xt = (e, n) => {
-    t.gridProps.onRowDoubleClick && xe(e.target, "TD") && f(t.gridProps.onRowDoubleClick, {
+    t.gridProps.onRowDoubleClick && xe(e.target, "TD") && m(t.gridProps.onRowDoubleClick, {
       dataItem: n,
-      ...I(e)
+      ...C(e)
     });
   }, kt = (e) => {
-    t.gridProps.onItemChange && f(t.gridProps.onItemChange, {
-      ...I(e.syntheticEvent),
+    t.gridProps.onItemChange && m(t.gridProps.onItemChange, {
+      ...C(e.syntheticEvent),
       dataItem: e.dataItem,
       field: void 0,
       value: void 0
     });
   }, Dt = (e) => {
-    t.gridProps.onItemChange && t.gridProps.onEditChange && f(t.gridProps.onEditChange, {
+    t.gridProps.onItemChange && t.gridProps.onEditChange && m(t.gridProps.onEditChange, {
       edit: {},
-      ...I(e.syntheticEvent)
+      ...C(e.syntheticEvent)
     });
-  }, Kt = (e, n, o) => {
-    var r, i;
-    if (st.enabled && st.mode === "incell" && t.gridProps.dataItemKey) {
+  }, Kt = (e, n, r) => {
+    var o, i;
+    if (lt.enabled && lt.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"));
+        const d = !!((i = (o = e.target).closest) != null && i.call(o, ".k-grid-pinned-container"));
         t.gridProps.editZoneRef.current = d ? "pinned" : "body";
       }
-      const a = Un(t.gridProps.edit, {
-        type: Vn.ENTER_FIELD_EDIT,
-        payload: { id: n[t.gridProps.dataItemKey], field: o }
+      const a = Vn(t.gridProps.edit, {
+        type: qn.ENTER_FIELD_EDIT,
+        payload: { id: n[t.gridProps.dataItemKey], field: r }
       });
-      t.gridProps.onEditChange && f(t.gridProps.onEditChange, {
+      t.gridProps.onEditChange && m(t.gridProps.onEditChange, {
         edit: a,
-        ...I(e)
+        ...C(e)
       });
     }
-  }, Tt = (e, n) => {
-    var r;
-    if (Nn(t.detailExpandable).enabled) {
-      const i = jn((r = t.gridProps.detailExpand) != null ? r : {}, e);
-      t.gridProps.onDetailExpandChange && f(t.gridProps.onDetailExpandChange, {
-        ...I(n),
+  }, Gt = (e, n) => {
+    var o;
+    if (jn(t.detailExpandable).enabled) {
+      const i = Un((o = t.gridProps.detailExpand) != null ? o : {}, e);
+      t.gridProps.onDetailExpandChange && m(t.gridProps.onDetailExpandChange, {
+        ...C(n),
         detailExpand: i
       });
     }
-  }, Mt = (e, n) => {
-    var r;
-    const o = On(
+  }, Tt = (e, n) => {
+    var o;
+    const r = pn(
       typeof t.gridProps.groupable == "object" ? t.gridProps.groupable.expandable !== !1 : t.gridProps.groupable
     );
-    if (o.enabled) {
-      const i = pn((r = t.gridProps.groupExpand) != null ? r : [], e, o);
-      t.gridProps.onGroupExpandChange && f(t.gridProps.onGroupExpandChange, {
-        ...I(n),
+    if (r.enabled) {
+      const i = Nn((o = t.gridProps.groupExpand) != null ? o : [], e, r);
+      t.gridProps.onGroupExpandChange && m(t.gridProps.onGroupExpandChange, {
+        ...C(n),
         groupExpand: i
       });
     }
-    In(e.group);
-  }, Gt = c.useCallback(
+    wn(e.group);
+  }, Mt = c.useCallback(
     (e) => {
-      const { dataItemKey: n = "", pinnedTopRows: o = [], pinnedBottomRows: r = [] } = t.gridProps;
+      const { dataItemKey: n = "", pinnedTopRows: r = [], pinnedBottomRows: o = [] } = t.gridProps;
       if (!n || !e)
         return "none";
       const i = e[n];
-      return o != null && o.some((a) => a[n] === i) ? "top" : r != null && r.some((a) => a[n] === i) ? "bottom" : "none";
+      return r != null && r.some((a) => a[n] === i) ? "top" : o != null && o.some((a) => a[n] === i) ? "bottom" : "none";
     },
     [t.gridProps.pinnedTopRows, t.gridProps.pinnedBottomRows, t.gridProps.dataItemKey]
-  ), le = (e, n) => {
+  ), se = (e, n) => {
     if (!t.gridProps.pinnable)
       return;
-    const { dataItemKey: o = "", pinnedTopRows: r = [], pinnedBottomRows: i = [] } = t.gridProps, a = n[o], d = r.filter((u) => u[o] !== a), l = i.filter((u) => u[o] !== a);
-    let s;
+    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);
+    let l;
     switch (e) {
       case "pinTop":
-        s = { pinnedTopRows: [...d, n], pinnedBottomRows: l, dataItem: n };
+        l = { pinnedTopRows: [...d, n], pinnedBottomRows: s, dataItem: n };
         break;
       case "pinBottom":
-        s = { pinnedTopRows: d, pinnedBottomRows: [...l, n], dataItem: n };
+        l = { pinnedTopRows: d, pinnedBottomRows: [...s, n], dataItem: n };
         break;
       case "unpin":
-        s = { pinnedTopRows: d, pinnedBottomRows: l, dataItem: n };
+        l = { pinnedTopRows: d, pinnedBottomRows: s, dataItem: n };
         break;
       default:
         return;
     }
-    t.gridProps.onRowPinChange && f(t.gridProps.onRowPinChange, s);
-  }, qe = (e, n, o) => {
-    const { allowUnsort: r, mode: i } = dr(
+    t.gridProps.onRowPinChange && m(t.gridProps.onRowPinChange, l);
+  }, qe = (e, n, r) => {
+    const { allowUnsort: o, mode: i } = sr(
       t.gridProps.sortable || !1,
       n.sortable || !1
-    ), 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);
+    ), 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) => {
-    t.gridProps.onItemChange && f(t.gridProps.onItemChange, {
-      ...I(e.syntheticEvent),
+    t.gridProps.onItemChange && m(t.gridProps.onItemChange, {
+      ...C(e.syntheticEvent),
       dataItem: e.dataItem,
       dataIndex: e.dataIndex,
       field: e.field,
@@ -390,10 +390,10 @@ const mr = (t, x, z, h) => {
     });
   }, At = (e) => {
     var n;
-    if (t.gridProps.onSelectionChange && v.enabled) {
-      const { event: o, dataItem: r, dataIndex: i, columnIndex: a } = e, d = {
-        ...I(o),
-        dataItem: r,
+    if (t.gridProps.onSelectionChange && h.enabled) {
+      const { event: r, dataItem: o, dataIndex: i, columnIndex: a } = e, d = {
+        ...C(r),
+        dataItem: o,
         startColIndex: a,
         endColIndex: a,
         startRowIndex: i,
@@ -403,13 +403,13 @@ const mr = (t, x, z, h) => {
         ctrlKey: !1,
         shiftKey: !1,
         metaKey: !1,
-        mode: v.mode,
-        cell: v.cell,
+        mode: h.mode,
+        cell: h.cell,
         isDrag: !1,
         componentId: t.id,
         selectedField: ""
       };
-      f(t.gridProps.onSelectionChange, {
+      m(t.gridProps.onSelectionChange, {
         ...d,
         select: t.gridProps.dataItemKey ? gt({
           event: d,
@@ -419,35 +419,62 @@ const mr = (t, x, z, h) => {
       });
     }
   }, Ft = (e) => {
-    var s, u;
-    if (!v.enabled || !t.gridProps.dataItemKey)
+    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 : {} };
+    a.forEach((f) => {
+      const I = i(f);
+      I !== void 0 && (o ? l[I] = !0 : delete l[I]);
+    }), m(t.gridProps.onSelectionChange, {
+      ...C(n),
+      dataItem: r,
+      startColIndex: 0,
+      endColIndex: 0,
+      startRowIndex: 0,
+      endRowIndex: 0,
+      dataItems: d,
+      altKey: !1,
+      ctrlKey: !1,
+      shiftKey: !1,
+      metaKey: !1,
+      mode: h.mode,
+      cell: h.cell,
+      isDrag: !1,
+      componentId: t.id,
+      selectedField: "",
+      select: l
+    });
+  }, Lt = (e) => {
+    var l, u;
+    if (!h.enabled || !t.gridProps.dataItemKey)
       return;
     const n = {
       dataItems: k(),
-      mode: v.mode,
-      cell: v.cell,
+      mode: h.mode,
+      cell: h.cell,
       componentId: t.id,
       selectedField: "",
-      ...I(e)
-    }, o = qn({
+      ...C(e)
+    }, r = $n({
       event: n,
-      selectedState: (s = t.gridProps.select) != null ? s : {},
+      selectedState: (l = t.gridProps.select) != null ? l : {},
       dataItemKey: t.gridProps.dataItemKey
     });
-    if (o === t.gridProps.select)
+    if (r === t.gridProps.select)
       return;
-    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 = or(t.gridProps.data)) == null ? void 0 : u[l];
-      t.gridProps.onSelectionChange && f(t.gridProps.onSelectionChange, {
+    const o = e.target, i = xe(o, "TD"), a = xe(o, "TR"), d = _n(i), s = Zn(a);
+    if (d !== void 0 && s !== void 0) {
+      const f = (u = ar(t.gridProps.data)) == null ? void 0 : u[s];
+      t.gridProps.onSelectionChange && m(t.gridProps.onSelectionChange, {
         ...n,
-        select: o,
-        dataItem: m,
-        startRowIndex: l,
+        select: r,
+        dataItem: f,
+        startRowIndex: s,
         startColIndex: d,
-        startDataItem: m,
-        endDataItem: m,
-        endRowIndex: l,
+        startDataItem: f,
+        endDataItem: f,
+        endRowIndex: s,
         endColIndex: d,
         ctrlKey: e.ctrlKey,
         altKey: e.altKey,
@@ -456,11 +483,11 @@ const mr = (t, x, z, h) => {
         isDrag: !1
       });
     }
-  }, Lt = (e) => {
-    if (t.gridProps.onHeaderSelectionChange && v.enabled) {
+  }, Bt = (e) => {
+    if (t.gridProps.onHeaderSelectionChange && h.enabled) {
       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), {}) : {},
+      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), {}) : {},
         field: e.field,
         nativeEvent: e.syntheticEvent && e.syntheticEvent.nativeEvent,
         syntheticEvent: e.syntheticEvent,
@@ -468,16 +495,16 @@ const mr = (t, x, z, h) => {
         dataItems: n
       });
     }
-  }, J = (e, n) => {
-    t.gridProps.onSelectionChange && v.enabled && f(t.gridProps.onSelectionChange, {
+  }, X = (e, n) => {
+    t.gridProps.onSelectionChange && h.enabled && m(t.gridProps.onSelectionChange, {
       ...e,
       select: n
     });
-  }, Bt = (e, n) => {
-    const o = t.gridProps.dataItemKey;
-    if (!o || !n)
+  }, Wt = (e, n) => {
+    const r = t.gridProps.dataItemKey;
+    if (!r || !n)
       return;
-    const r = te(o), i = k().findIndex((a) => r(a) === r(n));
+    const o = Z(r), i = k().findIndex((a) => o(a) === o(n));
     i !== -1 && $e({
       ...e,
       startRowIndex: i,
@@ -485,15 +512,15 @@ const mr = (t, x, z, h) => {
     });
   }, $e = (e) => {
     var n;
-    if (t.gridProps.onSelectionChange && v.enabled) {
-      const o = k(), r = o[e.startRowIndex], i = o[e.endRowIndex], a = {
+    if (t.gridProps.onSelectionChange && h.enabled) {
+      const r = k(), o = r[e.startRowIndex], i = r[e.endRowIndex], a = {
         syntheticEvent: void 0,
         target: E.current,
         selectedField: "",
         componentId: t.id,
-        dataItems: o,
+        dataItems: r,
         dataItem: null,
-        startDataItem: r,
+        startDataItem: o,
         endDataItem: i,
         ...e
       }, d = gt({
@@ -501,43 +528,43 @@ const mr = (t, x, z, h) => {
         selectedState: (n = t.gridProps.select) != null ? n : {},
         dataItemKey: t.gridProps.dataItemKey
       });
-      J(a, d);
+      X(a, d);
     }
-  }, Wt = (e) => {
-    if (t.gridProps.onSelectionChange && v.enabled) {
-      const n = e.dataItems[0], o = e.dataItems[e.dataItems.length - 1], r = {}, i = {
+  }, zt = (e) => {
+    if (t.gridProps.onSelectionChange && h.enabled) {
+      const n = e.dataItems[0], r = e.dataItems[e.dataItems.length - 1], o = {}, i = {
         ...e,
         startDataItem: n,
-        endDataItem: o,
+        endDataItem: r,
         startRowIndex: 0,
         endRowIndex: e.dataItems.length - 1,
         startColIndex: 0,
         endColIndex: t.columnsRef.length - 1
       };
       e.dataItems.forEach((a) => {
-        const l = te(t.gridProps.dataItemKey)(a);
-        r[l] = e.cell ? [...Array(t.columnsRef.length).keys()] : !0;
-      }), J(i, r);
+        const s = Z(t.gridProps.dataItemKey)(a);
+        o[s] = e.cell ? [...Array(t.columnsRef.length).keys()] : !0;
+      }), X(i, o);
     }
-  }, 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]
-      ), s = {
+  }, Ot = (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(
+        (f) => f[t.gridProps.dataItemKey] === e.dataItem[t.gridProps.dataItemKey]
+      ), l = {
         ...e,
         startDataItem: a,
         endDataItem: a,
         startRowIndex: a,
         endRowIndex: a,
-        startColIndex: r,
+        startColIndex: o,
         endColIndex: i
       }, u = e.mode === "multiple" ? t.gridProps.select || {} : {};
-      u[o] === !0 || Array.isArray(u[o]) && u[o].length === t.columnsRef.length ? delete u[o] : u[o] = e.cell ? [...Array(t.columnsRef.length).keys()] : !0, J(s, u);
+      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);
     }
-  }, Ot = (e) => {
-    if (!v.enabled)
+  }, pt = (e) => {
+    if (!h.enabled)
       return;
-    const n = k(), o = {
+    const n = k(), r = {
       syntheticEvent: void 0,
       nativeEvent: void 0,
       target: E.current,
@@ -552,108 +579,108 @@ const mr = (t, x, z, h) => {
       metaKey: !1,
       shiftKey: !1,
       isDrag: !1,
-      mode: v.mode,
-      cell: v.cell
+      mode: h.mode,
+      cell: h.cell
     };
     if (!e || e.length === 0) {
-      const m = {
-        ...o,
+      const f = {
+        ...r,
         startRowIndex: -1,
         endRowIndex: -1,
         startColIndex: -1,
         endColIndex: -1
       };
-      J(m, {});
+      X(f, {});
       return;
     }
-    const r = mt(
+    const o = mt(
       t.gridProps.data,
       e,
       t.columnsRef,
       t.gridProps.dataItemKey
     ), i = {};
-    Object.keys(r).forEach((m) => {
-      r[m] && (i[m] = v.cell ? [...Array(t.columnsRef.length).keys()] : !0);
+    Object.keys(o).forEach((f) => {
+      o[f] && (i[f] = h.cell ? [...Array(t.columnsRef.length).keys()] : !0);
     });
-    let a = -1, d = -1, l = n[0] || null, s = n[n.length - 1] || null;
+    let a = -1, d = -1, s = n[0] || null, l = n[n.length - 1] || null;
     if (t.gridProps.dataItemKey) {
-      const m = te(t.gridProps.dataItemKey);
-      for (let w = 0; w < n.length; w++) {
-        const R = m(n[w]);
-        R !== void 0 && r[R] && (a === -1 && (a = w, l = n[w]), d = w, s = n[w]);
+      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 u = {
-      ...o,
+      ...r,
       startRowIndex: a,
       endRowIndex: d,
       startColIndex: 0,
       endColIndex: t.columnsRef.length - 1,
-      startDataItem: l,
-      endDataItem: s
+      startDataItem: s,
+      endDataItem: l
     };
-    J(u, i);
-  }, pt = (e) => {
-    t.gridProps.onSelectionChange && v.enabled && J(e, {});
-  }, X = (e, n, o, r, i) => {
-    jt();
+    X(u, i);
+  }, Nt = (e) => {
+    t.gridProps.onSelectionChange && h.enabled && X(e, {});
+  }, Y = (e, n, r, o, i) => {
+    Ut();
     const a = t.gridProps.onDataStateChange;
     if (e) {
-      const d = { ...I(r), ...n, targetEvent: i };
-      f(e, d);
+      const d = { ...C(o), ...n, targetEvent: i };
+      m(e, d);
     } else a && (ce.current = {
       ...ce.current,
-      ...o
-    }, f(a, {
-      ...I(r),
+      ...r
+    }, m(a, {
+      ...C(o),
       targetEvent: i || {},
       dataState: {
-        ...rn(),
+        ...on(),
         ...ce.current
       }
     }));
-  }, ue = (e, n, o) => {
-    var r;
-    D && t.gridProps.pageable && ((r = C.current) == null || r.reset()), X(
+  }, ue = (e, n, r) => {
+    var o;
+    D && t.gridProps.pageable && ((o = w.current) == null || o.reset()), Y(
       t.gridProps.onPageChange,
       { page: e },
       { skip: e.skip, take: e.take },
       n,
-      o
+      r
     );
-  }, 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()) : ue(e, n, 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 = () => {
     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;
-  }, jt = () => {
+  }, Ut = () => {
     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 = 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 && ue({ skip: o, take: n }, 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) => {
-    X(
+    Y(
       t.gridProps.onSortChange,
       { sort: e },
       { sort: e, ...D && !t.gridProps.pageable ? { skip: 0 } : {} },
       n
     );
-  }, $t = (e, n) => {
-    X(
+  }, _t = (e, n) => {
+    Y(
       t.gridProps.onFilterChange,
       { filter: e },
       { filter: e, skip: 0 },
       n
     );
-  }, _t = (e) => {
+  }, Zt = (e) => {
     if (!e || e.length === 0) {
       Ze({});
       return;
@@ -666,29 +693,29 @@ const mr = (t, x, z, h) => {
     );
     Ze({ ...n });
   }, Ze = (e) => {
-    X(
+    Y(
       t.gridProps.onHighlightChange,
       { highlight: e },
       {},
       {}
     );
-  }, Zt = (e) => {
-    const n = t.gridProps.searchFields || t.columnsRef.map((i) => i.field) || [], o = e.nativeEvent.target.value, r = {
+  }, Jt = (e) => {
+    const n = t.gridProps.searchFields || t.columnsRef.map((i) => i.field) || [], r = e.nativeEvent.target.value, o = {
       logic: "or",
       filters: n.filter((i) => i !== void 0).map((i) => {
         var a;
-        return typeof i == "string" ? { field: i, value: o, operator: "contains" } : {
-          value: o,
+        return typeof i == "string" ? { field: i, value: r, operator: "contains" } : {
+          value: r,
           operator: (a = i.operator) != null ? a : "contains",
           field: i.field,
           ignoreCase: i.ignoreCase
         };
       })
     };
-    X(
+    Y(
       t.gridProps.onSearchChange,
       {
-        search: r
+        search: o
       },
       { skip: 0 },
       e.syntheticEvent
@@ -702,95 +729,95 @@ const mr = (t, x, z, h) => {
   }, Xe = () => {
     var 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));
-  }, Xt = (e) => {
-    var n, o;
-    return (n = t.gridProps) != null && n.onCsvExport ? (o = t.gridProps) == null ? void 0 : o.onCsvExport(e) : e;
-  }, 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 && (Ae.current = !0), X(
+  }, 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(
       t.gridProps.onGroupChange,
       { group: e },
-      { group: e, skip: 0, ...r },
-      o
+      { group: e, skip: 0, ...o },
+      r
     );
-  }, Me = (e) => {
+  }, Te = (e) => {
     if (t.gridProps.onColumnsStateChange) {
       const n = {
         target: E.current,
         columnsState: e
       };
-      f(t.gridProps.onColumnsStateChange, n);
+      m(t.gridProps.onColumnsStateChange, n);
     }
-  }, ge = (e, n, o) => {
-    const { columnsRef: r, columnsState: i } = t, a = r[e], d = rr(i), l = a.depth, s = (R) => {
+  }, ge = (e, n, r) => {
+    const { columnsRef: o, columnsState: i } = t, a = o[e], d = or(i), s = a.depth, l = (b) => {
       do
-        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((R) => R.declarationIndex >= 0).forEach((R, p) => {
-      R.orderIndex = p;
-      const g = d.find((S) => S.id === R.id);
+        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);
     });
-    const m = r[e].locked && r[n].locked;
-    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 R = {
+    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: w,
+        columns: I,
         columnId: a.id,
-        nativeEvent: o
+        nativeEvent: r
       };
-      f(t.gridProps.onColumnReorder, R);
+      m(t.gridProps.onColumnReorder, b);
     }
-    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)
+    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)
       return;
     const i = t.dataRef[n];
-    t.gridProps.onRowReorder && f(t.gridProps.onRowReorder, {
+    t.gridProps.onRowReorder && m(t.gridProps.onRowReorder, {
       draggedDataItems: [ie.current],
       droppedDataItem: i == null ? void 0 : i.dataItem,
-      dropPosition: o,
+      dropPosition: r,
       nativeEvent: e.originalEvent,
       dragEvent: e,
       target: E.current
     }), ie.current = null;
-  }, Yt = (e, n, o) => {
+  }, Qt = (e, n, r) => {
     if (t.gridProps.group === void 0)
       return;
-    const r = t.gridProps.group.slice();
-    r.splice(n, 0, ...r.splice(e, 1)), Te(r, o);
-  }, Ye = (e, n, o) => {
-    const r = t.columnsRef[e].field;
-    if (!r)
+    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)
       return;
     const i = (t.gridProps.group || []).slice();
-    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;
+    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;
     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, b = S.length - 1;
-        if (b >= 0) {
+        const S = P.current.colGroupMain.children, v = S.length - 1;
+        if (v >= 0) {
           let _ = 0;
-          for (let ee = 0; ee < b; ee++) {
-            const xn = parseFloat((S[ee].width || 0).toString()) || S[ee].clientWidth;
-            _ += xn;
+          for (let te = 0; te < v; te++) {
+            const kn = parseFloat((S[te].width || 0).toString()) || S[te].clientWidth;
+            _ += kn;
           }
           const W = Math.max(0, g - _);
-          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");
+          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");
         }
       }
       $.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" : "");
@@ -799,8 +826,8 @@ const mr = (t, x, z, h) => {
       if (!P.current.colGroupMain)
         return;
       const S = P.current.colGroupMain.children;
-      for (let b = 0; b < S.length; b++) {
-        const _ = S[b].width;
+      for (let v = 0; v < S.length; v++) {
+        const _ = S[v].width;
         if (!_) {
           g = 0;
           break;
@@ -809,45 +836,45 @@ const mr = (t, x, z, h) => {
       }
       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" : "");
     }
-    Ee.current && en();
-  }, en = () => {
-    const e = G.current, n = e ? e.scrollWidth > e.clientWidth : !1;
+    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 = () => {
     var e;
     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 = G.current) == null ? void 0 : e.offsetHeight) || 0);
-  }, tn = () => {
+    t.gridProps.containerHeightRef && (t.gridProps.containerHeightRef.current = ((e = M.current) == null ? void 0 : e.offsetHeight) || 0);
+  }, nn = () => {
     const e = t.gridProps.minRowHeightRef;
     if (e && !e.current && !t.gridProps.rowHeight) {
-      const n = tr(M.current);
-      n && (e.current = n, Y());
+      const n = nr(T.current);
+      n && (e.current = n, Q());
     }
   }, me = c.useCallback(
-    (e, n, o, r, i) => {
-      var s;
-      if (!nn() && !o || !e)
+    (e, n, r, o, i) => {
+      var l;
+      if (!rn() && !r || !e)
         return;
       const a = {
         type: e,
         nativeEvent: n,
         columns: t.columnsRef,
         dataItemKey: t.gridProps.dataItemKey || "",
-        dataItem: r,
+        dataItem: o,
         field: i,
         ...typeof t.gridProps.clipboard != "boolean" ? t.gridProps.clipboard : {},
-        ...o
-      }, d = k(), l = An({
+        ...r
+      }, d = k(), s = Fn({
         event: a,
         data: d,
-        selectedState: (s = t.gridProps.select) != null ? s : {},
+        selectedState: (l = t.gridProps.select) != null ? l : {},
         previousCopiedItems: at.current
       });
-      e !== Ne.paste && (at.current = l.copiedItems), t.gridProps.onClipboard && x && f(t.gridProps.onClipboard, {
+      e !== Ne.paste && (at.current = s.copiedItems), t.gridProps.onClipboard && x && m(t.gridProps.onClipboard, {
         ...a,
-        ...l
+        ...s
       });
     },
     [
@@ -857,24 +884,24 @@ const mr = (t, x, z, h) => {
       t.gridProps.clipboard,
       t.gridProps.onClipboard
     ]
-  ), nn = () => {
+  ), rn = () => {
     var i, a, d;
     if (!ae)
       return !1;
-    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);
-  }, 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,
+    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,
       targetColumnId: d,
       index: e,
       newWidth: n,
-      oldWidth: o,
+      oldWidth: r,
       end: i,
       target: E.current
-    }), i && Me(a);
-  }, rn = () => {
+    }), i && Te(a);
+  }, on = () => {
     var e;
     return {
       filter: t.gridProps.filter,
@@ -883,31 +910,31 @@ const mr = (t, x, z, h) => {
       take: (e = t.gridProps.take) != null ? e : t.gridProps.pageSize,
       group: t.gridProps.group
     };
-  }, I = (e) => ({
+  }, C = (e) => ({
     nativeEvent: e && e.nativeEvent,
     syntheticEvent: e,
     target: E.current
-  }), on = (e) => ({
+  }), an = (e) => ({
     ...e,
     nativeEvent: void 0,
     syntheticEvent: void 0,
     target: void 0,
     targetEvent: void 0,
     focusElement: void 0
-  }), f = (e, n) => {
+  }), m = (e, n) => {
     if (t.gridProps.isClient) {
       e(n);
       return;
     }
-    e(on(n));
-  }, an = () => {
-    var e, n, o;
-    if (M.current && ((e = M.current) == null ? void 0 : e.getElementsByClassName("k-grid-edit-row").length) > 0) {
+    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 r = Array.from((o = M.current) == null ? void 0 : o.getElementsByClassName("k-grid-edit-row"));
-      r.length > Oe.current.length ? Ce.current = r.filter(
+      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] : r.length === 1 && (Ce.current = r[0], Le.current = !0), Oe.current = r;
+      )[0] : o.length === 1 && (Ie.current = o[0], Le.current = !0), Oe.current = o;
     }
   }, k = () => t.dataRef.filter((e) => e.rowType === "data").map((e) => e.dataItem), O = () => {
     var e;
@@ -915,71 +942,71 @@ const mr = (t, x, z, h) => {
       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) || z === "none")
+      var o, i;
+      if (!w.current || !((o = w.current) != null && o.container) || z === "none")
         return;
-      T.current && T.current.disconnect();
-      const { rowIndex: n } = e, o = Pe();
+      G.current && G.current.disconnect();
+      const { rowIndex: n } = e, r = 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 && G.current && (G.current.scrollTop = a.offsetTop);
+        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);
       }
     },
     [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();
+  ), 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 = () => {
     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 = 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)));
+    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(
     (e) => {
       const n = { rowIndex: ze.current };
-      e.forEach((o) => {
-        o.boundingClientRect.height !== o.intersectionRect.height && he(n);
+      e.forEach((r) => {
+        r.boundingClientRect.height !== r.intersectionRect.height && he(n);
       });
     },
     [he]
-  ), Y = () => {
+  ), Q = () => {
     t.gridProps.forceUpdate && t.gridProps.forceUpdate();
-  }, 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(
+  }, 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(
     null
-  ), 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,
+  ), 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,
     stickyFooterRef: Ee,
-    scrollToStickyGroup: In,
+    scrollToStickyGroup: wn,
     update: ct
-  } = Xn({
-    enabled: Pn,
-    enabledFooters: hn,
+  } = Yn({
+    enabled: hn,
+    enabledFooters: Rn,
     flatData: t.dataRef,
-    containerRef: G,
-    tableBodyRef: M,
+    containerRef: M,
+    tableBodyRef: T,
     rowHeight: t.gridProps.rowHeight,
-    isGrouped: Rn,
+    isGrouped: bn,
     virtualSkipRef: t.gridProps.virtualSkipRef,
     rowHeightServiceRef: {
       get current() {
         var e;
-        return (e = C.current) == null ? void 0 : e.rowHeightService;
+        return (e = w.current) == null ? void 0 : e.rowHeightService;
       }
     }
-  }), 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;
+  }), 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({
       navigatable: !!t.gridProps.navigatable,
       contextStateRef: U,
-      navigationStateRef: Q,
+      navigationStateRef: ee,
       idPrefix: t.id
-    }), C.current = new ir();
+    }), w.current = new cr();
   }, []), c.useMemo(() => {
     var e;
-    (e = C.current) == null || e.reset();
+    (e = w.current) == null || e.reset();
   }, [
     z,
     t.gridProps.total,
@@ -990,56 +1017,56 @@ const mr = (t, x, z, h) => {
     t.gridProps.rowHeight
   ]), c.useEffect(() => {
     ce.current = {};
-  }), c.useEffect(() => (t.gridProps.clipboard && (Re.current = new Ln(me), Re.current.addEventListeners(O())), () => {
+  }), 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(), Ge(), ut(), ne.onComponentDidMount({
+  }), [t.gridProps.onClipboard, t.gridProps.clipboard, me, O]), c.useEffect(() => (Qe(), Me(), ut(), ne.onComponentDidMount({
     scope: H.current || void 0,
     contextStateRef: U,
-    navigationStateRef: Q
+    navigationStateRef: ee
   }), () => {
     clearTimeout(We.current);
   }), []), c.useEffect(() => {
     var e;
-    Qe(), Ge(), ut(), D && (fe(), tn(), (e = C.current) == null || e.update()), ct(), an(), ne.onComponentDidUpdate({
+    Qe(), Me(), ut(), D && (fe(), nn(), (e = w.current) == null || e.update()), ct(), cn(), ne.onComponentDidUpdate({
       scope: H.current || void 0,
       contextStateRef: U,
-      navigationStateRef: Q,
+      navigationStateRef: ee,
       focusFirst: Ae.current,
-      newEditableRow: Ce.current,
+      newEditableRow: Ie.current,
       singleEditRow: Le.current,
       lastActiveElement: Fe.current,
       navigatable: t.gridProps.navigatable
-    }), It(), Ae.current = !1, Ce.current = void 0, ye.current = void 0;
+    }), Ct(), Ae.current = !1, Ie.current = void 0, ye.current = void 0;
   }), c.useEffect(() => {
     if (ae) {
       const e = {
         rootMargin: "0px",
         threshold: 0.9
       };
-      T.current = window.IntersectionObserver && new window.IntersectionObserver(nt, e) || null;
+      G.current = window.IntersectionObserver && new window.IntersectionObserver(nt, e) || null;
     }
     return () => {
-      T.current && (T.current.disconnect(), T.current = null);
+      G.current && (G.current.disconnect(), G.current = null);
     };
   }, [nt]), c.useEffect(() => {
     var n;
     let e;
     return ae && window.ResizeObserver && (e = new window.ResizeObserver(() => {
-      dn(), D && fe();
+      ln(), D && fe();
     }), e.observe((n = O()) == null ? void 0 : n.body)), () => {
       e == null || e.disconnect();
     };
   }, []), c.useEffect(() => {
-    if (!ae || !window.ResizeObserver || !D || !G.current)
+    if (!ae || !window.ResizeObserver || !D || !M.current)
       return;
     const e = () => {
       var i, a;
-      const o = ((i = t.gridProps.containerHeightRef) == null ? void 0 : i.current) || 0;
+      const r = ((i = t.gridProps.containerHeightRef) == null ? void 0 : i.current) || 0;
       fe();
-      const r = ((a = t.gridProps.containerHeightRef) == null ? void 0 : a.current) || 0;
-      (o === 0 && r > 0 || Math.abs(r - o) > 10) && Y();
+      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(G.current), () => {
+    return n.observe(M.current), () => {
       n.disconnect();
     };
   }, [D, fe]), c.useImperativeHandle(
@@ -1050,19 +1077,19 @@ const mr = (t, x, z, h) => {
       },
       props: t.gridProps,
       get columns() {
-        return se();
+        return le();
       },
       scrollIntoView: (e) => {
-        var r;
-        if (!((r = C.current) != null && r.container) || z === "none")
+        var o;
+        if (!((o = w.current) != null && o.container) || z === "none")
           return;
         const { rowIndex: n } = 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);
+        const r = Pe();
+        if (G.current && r) {
+          G.current.disconnect();
+          const i = r.querySelector(`[absolute-row-index="${ze.current}"]`);
+          i ? G.current.observe(i) : he(e);
         }
       },
       fitColumns: (e) => {
@@ -1075,39 +1102,39 @@ const mr = (t, x, z, h) => {
       getLeafDataItems: k
     })
   ), c.useImperativeHandle(t.gridRef, () => E.current), c.useMemo(() => {
-    P.current = new Zn(et);
+    P.current = new Jn(et);
   }, [t.gridProps.onColumnResize, t.columnsRef]), c.useMemo(() => {
-    j.current = new Jn(ge, Yt, Ye);
+    j.current = new Xn(ge, Qt, 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 = 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,
+  ]), 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,
     {
       value: {
         isClient: x,
         rowReorder: oe,
         activeDragRowDataItemRef: ie,
-        reorderRowDragTargetRef: wn,
-        reorderRowDropTargetRef: yn,
+        reorderRowDragTargetRef: yn,
+        reorderRowDropTargetRef: En,
         dir: pe,
-        getCellPositionStyle: ln,
+        getCellPositionStyle: un,
         dataItemKey: t.gridProps.dataItemKey,
         columnsState: t.columnsState,
         columnsRef: t.columnsRef,
         hiddenColumnsRef: t.hiddenColumnsRef,
-        onColumnsStateChange: Me,
+        onColumnsStateChange: Te,
         groupable: t.gridProps.groupable,
         group: t.gridProps.group,
         reorderable: t.gridProps.reorderable,
         defaultGroup: t.gridProps.defaultGroup,
-        groupChange: Te,
+        groupChange: Ge,
         selectionRelease: $e,
-        pinnedSelectionRelease: Bt,
-        pagerPageChange: qt,
+        pinnedSelectionRelease: Wt,
+        pagerPageChange: $t,
         onContextMenu: bt,
         rowClick: St,
         rowDblClick: xt,
@@ -1130,37 +1157,38 @@ const mr = (t, x, z, h) => {
         filterable: t.gridProps.filterable,
         filter: t.gridProps.filter,
         defaultFilter: t.gridProps.defaultFilter,
-        filterOperators: t.gridProps.filterOperators || fr,
+        filterOperators: t.gridProps.filterOperators || Pr,
         getLeafDataItems: k,
-        filterChange: $t,
-        applyHighlightDescriptor: _t,
-        applySelectionDescriptor: Ot,
+        filterChange: _t,
+        applyHighlightDescriptor: Zt,
+        applySelectionDescriptor: pt,
         highlight: t.gridProps.highlight,
         select: t.gridProps.select,
-        searchChange: Zt,
+        searchChange: Jt,
         exportAsPdf: Ke,
         exportAsCsv: Je,
         getCsvBlob: Xe,
-        onHeaderSelectionChange: Lt,
-        columnGroupChange: Qt,
+        onHeaderSelectionChange: Bt,
+        columnGroupChange: en,
         onKeyDown: wt,
         onFocus: yt,
         scrollHandler: vt,
         selectionChange: At,
-        mobileMode: Sn,
+        groupSelectionChange: Ft,
+        mobileMode: xn,
         adaptiveColumnMenuRef: we.current,
         adpativeTitle: t.gridProps.adaptiveTitle,
         adaptive: t.gridProps.adaptive,
-        dispatchDetailExpand: Tt,
-        dispatchGroupExpand: Mt,
+        dispatchDetailExpand: Gt,
+        dispatchGroupExpand: Tt,
         columnResizeRef: P,
         dragLogicRef: j,
-        navigationStateRef: Q,
+        navigationStateRef: ee,
         tableElementRef: V,
-        tableBodyElementRef: M,
-        headerElementRef: un,
-        containerElementRef: G,
-        headTableElementRef: gn,
+        tableBodyElementRef: T,
+        headerElementRef: gn,
+        containerElementRef: M,
+        headTableElementRef: fn,
         elementRef: H,
         virtualScrollHeightContainerRef: rt,
         scrollbarContainerRef: be,
@@ -1169,50 +1197,50 @@ const mr = (t, x, z, h) => {
         scrollbarShowCallbackRef: ve,
         footerRef: q,
         headerRef: $,
-        vsRef: C,
-        stickyHeaderItems: bn,
-        stickyHeaderRef: vn,
+        vsRef: w,
+        stickyHeaderItems: vn,
+        stickyHeaderRef: In,
         stickyFooterItems: Cn,
         stickyFooterRef: Ee,
         stickyHeaderTableRef: A,
         stickyFooterTableRef: F,
         pinnedTopTableRef: L,
         pinnedBottomTableRef: B,
-        pinnedTopRef: fn,
-        pinnedBottomRef: mn,
-        onRowPin: le,
-        getRowPinPosition: Gt
+        pinnedTopRef: mn,
+        pinnedBottomRef: Pn,
+        onRowPin: se,
+        getRowPinPosition: Mt
       }
     },
-    /* @__PURE__ */ c.createElement(Bn.Provider, { value: U.current }, t.children),
+    /* @__PURE__ */ c.createElement(Wn.Provider, { value: U.current }, t.children),
     /* @__PURE__ */ c.createElement(
-      ar,
+      dr,
       {
-        show: h.show && (de == null ? void 0 : de.length),
-        dataItem: h.dataItem,
-        field: h.field,
+        show: R.show && (de == null ? void 0 : de.length),
+        dataItem: R.dataItem,
+        field: R.field,
         items: de,
-        offset: h.offset,
+        offset: R.offset,
         onClose: je,
         onSelect: Rt
       }
     ),
     t.gridProps.pdf && /* @__PURE__ */ c.createElement(
-      lr,
+      gr,
       {
         gridProps: t.gridProps,
         innerGrid: t.innerGrid,
         pdf: typeof t.gridProps.pdf == "object" ? t.gridProps.pdf : {},
-        onPdfExport: Jt,
+        onPdfExport: Xt,
         ref: (e) => K.current = e
       }
     ),
     t.gridProps.csv && /* @__PURE__ */ c.createElement(
-      ur,
+      fr,
       {
         gridProps: t.gridProps,
         csv: typeof t.gridProps.csv == "object" ? t.gridProps.csv : {},
-        onCsvExport: Xt,
+        onCsvExport: Yt,
         columnsState: t.columnsState,
         ref: (e) => N.current = e
       }
@@ -1220,5 +1248,5 @@ const mr = (t, x, z, h) => {
   );
 };
 export {
-  Tr as GridClientWrapper
+  Mr as GridClientWrapper
 };