@progress/kendo-react-grid 12.2.1-develop.1 → 12.3.0-develop.2

package/GridClientWrapper.mjs

@@ -7,9 +7,9 @@
  */
 "use client";
 import * as a from "react";
-import { useAdaptiveModeContext as Ut, canUseDOM as ae, getActiveElement as Vt, useDir as Wt, setScrollbarWidth as Be, cloneArray as jt, getter as de, RowHeightService as _t } from "@progress/kendo-react-common";
+import { useAdaptiveModeContext as Ut, canUseDOM as ae, getActiveElement as Vt, useDir as Wt, setScrollbarWidth as Ue, cloneArray as jt, getter as de, RowHeightService as _t } from "@progress/kendo-react-common";
 import { filterBy as qt } from "@progress/kendo-data-query";
-import { getSelectionOptions as ce, populateClipboardData as $t, ClipboardActionType as Se, getEditableOptions as Xt, tableKeyboardNavigation as O, ClipboardService as Jt, TableKeyboardNavigationContext as Yt, editReducer as Qt, EDIT_ACTION as Zt, getDetailExpandableOptions as pt, detailExpandReducer as en, getGroupExpandableOptions as tn, groupExpandReducer as nn, getSelectedState as Ue, getSelectedStateFromKeyDown as rn, closestTagName as Ve, getColumnIndex as on, getRowIndex as an, updateLeft as dn, updateRight as cn } from "@progress/kendo-react-data-tools";
+import { getSelectionOptions as ce, populateClipboardData as $t, ClipboardActionType as xe, getEditableOptions as Xt, tableKeyboardNavigation as O, ClipboardService as Jt, TableKeyboardNavigationContext as Yt, closestTagName as le, editReducer as Qt, EDIT_ACTION as Zt, getDetailExpandableOptions as pt, detailExpandReducer as en, getGroupExpandableOptions as tn, groupExpandReducer as nn, getSelectedState as Ve, getSelectedStateFromKeyDown as rn, getColumnIndex as on, getRowIndex as an, updateLeft as dn, updateRight as cn } from "@progress/kendo-react-data-tools";
 import { ColumnResize as ln } from "./drag/ColumnResize.mjs";
 import { CommonDragLogic as sn } from "./drag/CommonDragLogic.mjs";
 import { SAFARI_REGEX as un } from "./constants/index.mjs";
@@ -41,7 +41,7 @@ const xn = (t, v, g, y) => {
     });
   }, H = () => {
     y({});
-  }, h = a.useMemo(() => t.columnsRef.find((e) => e.field === g.field), [t.columnsRef, g]), xe = a.useMemo(() => {
+  }, h = a.useMemo(() => t.columnsRef.find((e) => e.field === g.field), [t.columnsRef, g]), ke = a.useMemo(() => {
     const e = t.gridProps.sortable && (h == null ? void 0 : h.sortable);
     return gn({
       pdf: !!t.gridProps.pdf,
@@ -49,7 +49,7 @@ const xn = (t, v, g, y) => {
       selectable: ce(t.gridProps.selectable).enabled,
       clipboard: !!t.gridProps.clipboard
     });
-  }, [h, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), ke = a.useMemo(() => {
+  }, [h, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), De = a.useMemo(() => {
     const e = t.gridProps.sortable && (h == null ? void 0 : h.sortable);
     return fn({
       pdf: !!t.gridProps.pdf,
@@ -61,10 +61,10 @@ const xn = (t, v, g, y) => {
   }, [h, t.gridProps.sortable, t.gridProps.selectable, t.gridProps.clipboard]), J = a.useMemo(() => {
     const e = (h == null ? void 0 : h.contextMenu) || t.gridProps.contextMenu, n = typeof e == "function" ? e(g) : e;
     if (n && g.offset) {
-      const o = g.dataItem ? We.body : We.head, r = n[o], i = g.dataItem ? ke : xe;
+      const o = g.dataItem ? We.body : We.head, r = n[o], i = g.dataItem ? De : ke;
       return r === !1 ? void 0 : r === !0 || r === void 0 ? i : r;
     }
-  }, [t.gridProps.contextMenu, g, ke, xe, h]), je = (e) => {
+  }, [t.gridProps.contextMenu, g, De, ke, h]), je = (e) => {
     var c, s, u, P, I, ie, b, q, $;
     const n = e.event.item, o = {
       target: C.current,
@@ -95,7 +95,7 @@ const xn = (t, v, g, y) => {
       case "SortCommand":
         if (h) {
           const X = (s = n.name) == null ? void 0 : s.toLowerCase().includes("asc"), Ot = ((u = n.name) == null ? void 0 : u.toLowerCase().includes("desc")) ? "desc" : void 0, Nt = X ? "asc" : Ot, Bt = n.name ? Nt : void 0;
-          De(e.event.syntheticEvent, h, Bt);
+          Ke(e.event.syntheticEvent, h, Bt);
         }
         break;
       case "SelectRowCommand":
@@ -105,7 +105,7 @@ const xn = (t, v, g, y) => {
         ct(i);
         break;
       case "ExportPDFCommand":
-        le();
+        se();
         break;
       case "ClearSelectionCommand":
         st(i);
@@ -115,7 +115,7 @@ const xn = (t, v, g, y) => {
         break;
       case "CopySelectionCommand":
         p(
-          Se.copy,
+          xe.copy,
           e.event.nativeEvent,
           {
             copyHeaders: !((q = n.name) != null && q.toLowerCase().includes("noheaders"))
@@ -126,7 +126,7 @@ const xn = (t, v, g, y) => {
         break;
       case "PasteCommand":
         p(
-          Se.paste,
+          xe.paste,
           e.event.nativeEvent,
           {
             copyHeaders: !(($ = n.name) != null && $.toLowerCase().includes("noheaders"))
@@ -159,13 +159,13 @@ const xn = (t, v, g, y) => {
   }, qe = (e) => {
     if (e.target !== e.currentTarget)
       return;
-    clearTimeout(Ie.current), m.current && (m.current.table = T.current);
+    clearTimeout(Ee.current), m.current && (m.current.table = T.current);
     const n = e.currentTarget.scrollLeft, o = e.currentTarget.scrollTop;
-    t.gridProps.columnVirtualization && (!k || o === Ce.current) && (Ie.current = window.setTimeout(() => {
+    t.gridProps.columnVirtualization && (!k || o === Ie.current) && (Ee.current = window.setTimeout(() => {
       U();
-    }, 0)), t.gridProps.scrollLeftRef && (t.gridProps.scrollLeftRef.current = n), j.current && j.current.setScrollLeft(n), W.current && W.current.setScrollLeft(n), m.current && o !== Ce.current && m.current.scrollHandler(e), t.gridProps.onScroll && v && l(t.gridProps.onScroll, {
+    }, 0)), t.gridProps.scrollLeftRef && (t.gridProps.scrollLeftRef.current = n), j.current && j.current.setScrollLeft(n), W.current && W.current.setScrollLeft(n), m.current && o !== Ie.current && m.current.scrollHandler(e), t.gridProps.onScroll && v && l(t.gridProps.onScroll, {
       ...f(e)
-    }), Ce.current = o;
+    }), Ie.current = o;
   }, $e = (e) => {
     O.onKeyDown(e, {
       navigatable: t.gridProps.navigatable || !1,
@@ -201,12 +201,12 @@ const xn = (t, v, g, y) => {
       if (e.action === "reorderToRight" && o < t.columnsRef.length - 1) {
         if (n[o + 1].disableReorder)
           return;
-        ge(o, o + 1, e.event);
+        fe(o, o + 1, e.event);
       }
       if (e.action === "reorderToLeft" && o > 0) {
         if (n[o - 1].disableReorder)
           return;
-        ge(o, o - 1, e.event);
+        fe(o, o - 1, e.event);
       }
     }
     if (e.action === "select" && it(e.event), t.gridProps.onNavigationAction && v) {
@@ -217,12 +217,12 @@ const xn = (t, v, g, y) => {
       l(t.gridProps.onNavigationAction, o);
     }
   }, Ye = (e, n) => {
-    t.gridProps.onRowClick && e.target.nodeName === "TD" && l(t.gridProps.onRowClick, {
+    t.gridProps.onRowClick && le(e.target, "TD") && l(t.gridProps.onRowClick, {
       dataItem: n,
       ...f(e)
     });
   }, Qe = (e, n) => {
-    t.gridProps.onRowDoubleClick && e.target.nodeName === "TD" && l(t.gridProps.onRowDoubleClick, {
+    t.gridProps.onRowDoubleClick && le(e.target, "TD") && l(t.gridProps.onRowDoubleClick, {
       dataItem: n,
       ...f(e)
     });
@@ -239,7 +239,7 @@ const xn = (t, v, g, y) => {
       ...f(e.syntheticEvent)
     });
   }, et = (e, n, o) => {
-    if (Ne.enabled && Ne.mode === "incell" && t.gridProps.dataItemKey) {
+    if (Be.enabled && Be.mode === "incell" && t.gridProps.dataItemKey) {
       const r = Qt(t.gridProps.edit, {
         type: Zt.ENTER_FIELD_EDIT,
         payload: { id: n[t.gridProps.dataItemKey], field: o }
@@ -270,12 +270,12 @@ const xn = (t, v, g, y) => {
         groupExpand: i
       });
     }
-  }, De = (e, n, o) => {
+  }, Ke = (e, n, o) => {
     const { allowUnsort: r, mode: i } = In(
       t.gridProps.sortable || !1,
       n.sortable || !1
     ), d = (t.gridProps.sort || []).filter((u) => u.field === n.field)[0], c = o || En[r][d && d.dir || ""], s = i === "single" ? [] : (t.gridProps.sort || []).filter((u) => u.field !== n.field);
-    c !== "" && n.field && s.push({ field: n.field, dir: c }), Ke(s, e);
+    c !== "" && n.field && s.push({ field: n.field, dir: c }), Te(s, e);
   }, rt = (e) => {
     t.gridProps.onItemChange && l(t.gridProps.onItemChange, {
       ...f(e.syntheticEvent),
@@ -307,7 +307,7 @@ const xn = (t, v, g, y) => {
       };
       l(t.gridProps.onSelectionChange, {
         ...c,
-        select: t.gridProps.dataItemKey ? Ue({
+        select: t.gridProps.dataItemKey ? Ve({
           event: c,
           selectedState: (n = t.gridProps.select) != null ? n : {},
           dataItemKey: t.gridProps.dataItemKey
@@ -332,7 +332,7 @@ const xn = (t, v, g, y) => {
     });
     if (o === t.gridProps.select)
       return;
-    const r = e.target, i = Ve(r, "TD"), d = Ve(r, "TR"), c = on(i), s = an(d);
+    const r = e.target, i = le(r, "TD"), d = le(r, "TR"), c = on(i), s = an(d);
     if (c !== void 0 && s !== void 0) {
       const I = (P = hn(t.gridProps.data)) == null ? void 0 : P[s];
       t.gridProps.onSelectionChange && l(t.gridProps.onSelectionChange, {
@@ -382,7 +382,7 @@ const xn = (t, v, g, y) => {
         startDataItem: o,
         endDataItem: r,
         ...e
-      }, d = Ue({
+      }, d = Ve({
         event: i,
         selectedState: (n = t.gridProps.select) != null ? n : {},
         // Thats kinda strange, even through the `dataItemKey` is required by the `getSelectedState`
@@ -465,7 +465,7 @@ const xn = (t, v, g, y) => {
     o >= 0 && Z({ skip: o, take: n }, e);
   }, ht = (e) => {
     Z({ skip: e.skip, take: e.take }, e.syntheticEvent, e.targetEvent);
-  }, Ke = (e, n) => {
+  }, Te = (e, n) => {
     G(
       t.gridProps.onSortChange,
       { sort: e },
@@ -481,7 +481,7 @@ const xn = (t, v, g, y) => {
     );
   }, bt = (e) => {
     if (!e || e.length === 0) {
-      Te({});
+      Me({});
       return;
     }
     const n = kn(
@@ -490,9 +490,14 @@ const xn = (t, v, g, y) => {
       t.columnsRef,
       t.gridProps.dataItemKey
     );
-    Te({ ...n });
-  }, Te = (e) => {
-    G(t.gridProps.onHighlightChange, { highlight: e }, {}, {});
+    Me({ ...n });
+  }, Me = (e) => {
+    G(
+      t.gridProps.onHighlightChange,
+      { highlight: e },
+      {},
+      {}
+    );
   }, vt = (e) => {
     const n = t.gridProps.searchFields || t.columnsRef.map((i) => i.field) || [], o = e.nativeEvent.target.value, r = {
       logic: "or",
@@ -514,22 +519,22 @@ const xn = (t, v, g, y) => {
       { skip: 0 },
       e.syntheticEvent
     );
-  }, le = () => {
+  }, se = () => {
     var e;
     (e = A.current) == null || e.save();
   }, Ct = async (e) => {
     var n, o;
     (n = t.gridProps) != null && n.onPdfExport && await ((o = t.gridProps) == null ? void 0 : o.onPdfExport(e));
-  }, se = (e, n) => {
+  }, ue = (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 && (Re.current = !0), G(
+    t.isVirtualScroll && e.length && !t.gridProps.pageable && (r = { take: void 0 }), e.length === 0 && t.gridProps.navigatable && (be.current = !0), G(
       t.gridProps.onGroupChange,
       { group: e },
       { group: e, skip: 0, ...r },
       o
     );
-  }, ue = (e) => {
+  }, ge = (e) => {
     if (t.gridProps.onColumnsStateChange) {
       const n = {
         target: C.current,
@@ -537,7 +542,7 @@ const xn = (t, v, g, y) => {
       };
       l(t.gridProps.onColumnsStateChange, n);
     }
-  }, ge = (e, n, o) => {
+  }, fe = (e, n, o) => {
     const { columnsRef: r, columnsState: i } = t, d = r[e], c = Rn(i), s = d.depth, u = (b) => {
       do
         b++;
@@ -550,7 +555,7 @@ const xn = (t, v, g, y) => {
       $ && ($.orderIndex = q);
     });
     const I = r[e].locked && r[n].locked;
-    dn(t.columnsMapRef, r, I || re.current), cn(t.columnsMapRef, r, I || re.current), he.current && (re.current = !1, he.current = !1);
+    dn(t.columnsMapRef, r, I || re.current), cn(t.columnsMapRef, r, I || re.current), Re.current && (re.current = !1, Re.current = !1);
     const ie = Y();
     if (U(), t.gridProps.onColumnReorder) {
       const b = {
@@ -561,7 +566,7 @@ const xn = (t, v, g, y) => {
       };
       l(t.gridProps.onColumnReorder, b);
     }
-    ue(i);
+    ge(i);
   }, B = (e, n, o) => {
     const r = typeof t.gridProps.rowReorderable == "object" ? t.gridProps.rowReorderable.enabled : t.gridProps.rowReorderable;
     if (o === "forbidden" || !r || !_.current)
@@ -579,17 +584,17 @@ const xn = (t, v, g, y) => {
     if (t.gridProps.group === void 0)
       return;
     const r = t.gridProps.group.slice();
-    r.splice(n, 0, ...r.splice(e, 1)), se(r, o);
-  }, Me = (e, n, o) => {
+    r.splice(n, 0, ...r.splice(e, 1)), ue(r, o);
+  }, Ae = (e, n, o) => {
     const r = t.columnsRef[e].field;
     if (!r)
       return;
     const i = (t.gridProps.group || []).slice();
-    i.splice(n, 0, { field: r }), se(i, o);
+    i.splice(n, 0, { field: r }), ue(i, o);
   }, Et = (e, n) => {
     const o = D.current.getCurrentGroupsLength;
-    Me(e, o, n);
-  }, fe = () => {
+    Ae(e, o, n);
+  }, me = () => {
     let e = 0;
     if (!x.current.colGroupMain)
       return;
@@ -603,10 +608,10 @@ const xn = (t, v, g, y) => {
       e += parseFloat(r.toString());
     }
     e = Math.round(e), j.current && j.current.setWidth(e), W.current && W.current.setWidth(e), T.current && (T.current.style.width = e ? e + "px" : "");
-  }, Ae = () => {
+  }, He = () => {
     var e;
     t.gridProps.widthRef && (t.gridProps.widthRef.current = ((e = M.current) == null ? void 0 : e.offsetWidth) || 0);
-  }, He = () => {
+  }, Ge = () => {
     var e;
     t.gridProps.containerHeightRef && (t.gridProps.containerHeightRef.current = ((e = V.current) == null ? void 0 : e.offsetHeight) || 0);
   }, wt = () => {
@@ -633,9 +638,9 @@ const xn = (t, v, g, y) => {
         event: d,
         data: c,
         selectedState: (u = t.gridProps.select) != null ? u : {},
-        previousCopiedItems: ze.current
+        previousCopiedItems: Oe.current
       });
-      e !== Se.paste && (ze.current = s.copiedItems), t.gridProps.onClipboard && v && l(t.gridProps.onClipboard, {
+      e !== xe.paste && (Oe.current = s.copiedItems), t.gridProps.onClipboard && v && l(t.gridProps.onClipboard, {
         ...d,
         ...s
       });
@@ -654,7 +659,7 @@ const xn = (t, v, g, y) => {
     const e = Vt(S()), n = e ? e.matches(".k-table-td") ? e : (i = S()) == null ? void 0 : i.body : (d = S()) == null ? void 0 : d.body, o = n.closest(".k-grid-container"), r = n && ((c = M.current) == null ? void 0 : c.contains(n));
     return !!(n && r && o);
   }, St = (e, n, o, r, i, d, c) => {
-    fe(), re.current = !0, he.current = !0, t.gridProps.onColumnResize && v && l(t.gridProps.onColumnResize, {
+    me(), re.current = !0, Re.current = !0, t.gridProps.onColumnResize && v && l(t.gridProps.onColumnResize, {
       columns: Y(),
       nativeEvent: r,
       targetColumnId: c,
@@ -663,7 +668,7 @@ const xn = (t, v, g, y) => {
       oldWidth: o,
       end: i,
       target: C.current
-    }), i && ue(d);
+    }), i && ge(d);
   }, xt = () => {
     var e;
     return {
@@ -693,17 +698,17 @@ const xn = (t, v, g, y) => {
   }, Dt = () => {
     var e, n, o;
     if (z.current && ((e = z.current) == null ? void 0 : e.getElementsByClassName("k-grid-edit-row").length) > 0) {
-      ve.current = !1, (n = document.activeElement) != null && n.closest(".k-grid-edit-row") ? be.current = document.activeElement : be.current = void 0;
+      Ce.current = !1, (n = document.activeElement) != null && n.closest(".k-grid-edit-row") ? ve.current = document.activeElement : ve.current = void 0;
       const r = Array.from((o = z.current) == null ? void 0 : o.getElementsByClassName("k-grid-edit-row"));
-      r.length > we.current.length ? ne.current = r.filter(
-        (i) => !we.current.includes(i)
-      )[0] : r.length === 1 && (ne.current = r[0], ve.current = !0), we.current = r;
+      r.length > ye.current.length ? ne.current = r.filter(
+        (i) => !ye.current.includes(i)
+      )[0] : r.length === 1 && (ne.current = r[0], Ce.current = !0), ye.current = r;
     }
   }, w = () => t.dataRef.filter((e) => e.rowType === "data").map((e) => e.dataItem), S = () => {
     var e;
     if (ae)
       return ((e = ee()) == null ? void 0 : e.ownerDocument) || document;
-  }, ee = () => M.current, me = a.useCallback(
+  }, ee = () => M.current, Pe = a.useCallback(
     (e) => {
       var r, i;
       if (!m.current || !((r = m.current) != null && r.container) || t.gridProps.scrollable === "none")
@@ -719,23 +724,23 @@ const xn = (t, v, g, y) => {
       }
     },
     [t.gridProps.scrollable]
-  ), Ge = (e) => JSON.stringify(e.map((n) => ({ id: n.id, field: n.field, title: n.title, children: n.children }))), Kt = () => Ge(Ft) === Ge(t.columnsRef), Tt = () => {
+  ), Le = (e) => JSON.stringify(e.map((n) => ({ id: n.id, field: n.field, title: n.title, children: n.children }))), Kt = () => Le(Ft) === Le(t.columnsRef), Tt = () => {
     oe.current = window.innerWidth, Kt() || U();
   }, Mt = () => {
     var d;
     const { virtualTotal: e, virtualPageSize: n, gridProps: o } = t, r = m.current, i = t.gridProps.rowHeight || ((d = o.minRowHeightRef) == null ? void 0 : d.current) || 0;
-    r && (r.fixedScroll = o.fixedScroll || !1, r.PageChange = ut, r.pageSize = n, r.scrollableVirtual = k, r.container = V.current, r.tableBody = z.current, r.scrollHeightContainer = Fe.current, r.table = T.current, (!r.rowHeightService || r.total !== e) && i && (r.total = e, r.rowHeightService = new _t(e, i)));
-  }, Le = a.useCallback(
+    r && (r.fixedScroll = o.fixedScroll || !1, r.PageChange = ut, r.pageSize = n, r.scrollableVirtual = k, r.container = V.current, r.tableBody = z.current, r.scrollHeightContainer = ze.current, r.table = T.current, (!r.rowHeightService || r.total !== e) && i && (r.total = e, r.rowHeightService = new _t(e, i)));
+  }, Fe = a.useCallback(
     (e) => {
-      const n = { rowIndex: Ee.current };
+      const n = { rowIndex: we.current };
       e.forEach((o) => {
-        o.boundingClientRect.height !== o.intersectionRect.height && me(n);
+        o.boundingClientRect.height !== o.intersectionRect.height && Pe(n);
       });
     },
-    [me]
+    [Pe]
   ), U = () => {
     t.gridProps.forceUpdate && t.gridProps.forceUpdate();
-  }, At = (e) => e.left !== void 0 ? ye !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, C = a.useRef(null), m = a.useRef(void 0), x = a.useRef(void 0), D = a.useRef(void 0), K = a.useRef(void 0), L = a.useRef(void 0), te = a.useRef(void 0), F = a.useRef(null), z = a.useRef(null), Ht = a.useRef(null), V = a.useRef(null), T = a.useRef(null), Pe = a.useRef(null), M = a.useRef(null), Fe = a.useRef(null), W = a.useRef(null), j = a.useRef(null), he = a.useRef(!1), Re = a.useRef(!1), ne = a.useRef(void 0), be = a.useRef(void 0), ve = a.useRef(!1), re = a.useRef(!0), Ce = a.useRef(0), Ie = a.useRef(void 0), Ee = a.useRef(void 0), we = a.useRef([]), ze = a.useRef([]), oe = a.useRef(0), _ = a.useRef(null), Gt = a.useRef(null), Lt = a.useRef(null), ye = Wt(M), k = t.isVirtualScroll, Ft = a.useMemo(() => a.Children.toArray(t.gridProps.children), [t.gridProps.children]), Oe = t.gridProps.groupable === !0 || typeof t.gridProps.groupable == "object" && t.gridProps.groupable.enabled !== !1, R = ce(t.gridProps.selectable), Ne = Xt(t.gridProps.editable), zt = oe.current && N && oe.current <= N.medium && t.gridProps.adaptive;
+  }, At = (e) => e.left !== void 0 ? Se !== "rtl" ? { left: e.left, right: e.right } : { left: e.right, right: e.left } : {}, C = a.useRef(null), m = a.useRef(void 0), x = a.useRef(void 0), D = a.useRef(void 0), K = a.useRef(void 0), L = a.useRef(void 0), te = a.useRef(void 0), F = a.useRef(null), z = a.useRef(null), Ht = a.useRef(null), V = a.useRef(null), T = a.useRef(null), he = a.useRef(null), M = a.useRef(null), ze = a.useRef(null), W = a.useRef(null), j = a.useRef(null), Re = a.useRef(!1), be = a.useRef(!1), ne = a.useRef(void 0), ve = a.useRef(void 0), Ce = a.useRef(!1), re = a.useRef(!0), Ie = a.useRef(0), Ee = a.useRef(void 0), we = a.useRef(void 0), ye = a.useRef([]), Oe = a.useRef([]), oe = a.useRef(0), _ = a.useRef(null), Gt = a.useRef(null), Lt = a.useRef(null), Se = Wt(M), k = t.isVirtualScroll, Ft = a.useMemo(() => a.Children.toArray(t.gridProps.children), [t.gridProps.children]), Ne = t.gridProps.groupable === !0 || typeof t.gridProps.groupable == "object" && t.gridProps.groupable.enabled !== !1, R = ce(t.gridProps.selectable), Be = Xt(t.gridProps.editable), zt = oe.current && N && oe.current <= N.medium && t.gridProps.adaptive;
   return a.useMemo(() => {
     O.onConstructor({
       navigatable: !!t.gridProps.navigatable,
@@ -751,42 +756,42 @@ const xn = (t, v, g, y) => {
     t.gridProps.total,
     t.gridProps.filter,
     t.gridProps.group,
-    Oe,
+    Ne,
     t.gridProps.sort,
     t.gridProps.rowHeight
   ]), a.useEffect(() => (t.gridProps.clipboard && (te.current = new Jt(p), te.current.addEventListeners(S())), () => {
     te.current && te.current.removeEventListeners(S());
-  }), [t.gridProps.onClipboard, t.gridProps.clipboard, p, S]), a.useEffect(() => (t.gridProps.columnVirtualization && !window.navigator.userAgent.match(un) && (Pe.current && (Pe.current.style.display = "block"), T.current && (T.current.style.display = "block")), Ae(), fe(), Be(), O.onComponentDidMount({
+  }), [t.gridProps.onClipboard, t.gridProps.clipboard, p, S]), a.useEffect(() => (t.gridProps.columnVirtualization && !window.navigator.userAgent.match(un) && (he.current && (he.current.style.display = "block"), T.current && (T.current.style.display = "block")), He(), me(), Ue(), O.onComponentDidMount({
     scope: M.current || void 0,
     contextStateRef: K,
     navigationStateRef: L
   }), () => {
-    clearTimeout(Ie.current);
+    clearTimeout(Ee.current);
   }), []), a.useEffect(() => {
     var e;
-    Ae(), fe(), Be(), k && (He(), wt(), (e = m.current) == null || e.update()), Dt(), O.onComponentDidUpdate({
+    He(), me(), Ue(), k && (Ge(), wt(), (e = m.current) == null || e.update()), Dt(), O.onComponentDidUpdate({
       scope: M.current || void 0,
       contextStateRef: K,
       navigationStateRef: L,
-      focusFirst: Re.current,
+      focusFirst: be.current,
       newEditableRow: ne.current,
-      singleEditRow: ve.current,
-      lastActiveElement: be.current,
+      singleEditRow: Ce.current,
+      lastActiveElement: ve.current,
       navigatable: t.gridProps.navigatable
-    }), Re.current = !1, ne.current = void 0;
+    }), be.current = !1, ne.current = void 0;
   }), a.useEffect(() => {
     if (ae) {
       const e = {
         rootMargin: "0px",
         threshold: 0.9
       };
-      F.current = window.IntersectionObserver && new window.IntersectionObserver(Le, e) || null;
+      F.current = window.IntersectionObserver && new window.IntersectionObserver(Fe, e) || null;
     }
-  }, [Le]), a.useEffect(() => {
+  }, [Fe]), a.useEffect(() => {
     var n;
     let e;
     return ae && window.ResizeObserver && (e = new window.ResizeObserver(() => {
-      Tt(), k && He();
+      Tt(), k && Ge();
     }), e.observe((n = S()) == null ? void 0 : n.body)), () => {
       e == null || e.disconnect();
     };
@@ -805,30 +810,30 @@ const xn = (t, v, g, y) => {
         if (!((r = m.current) != null && r.container) || t.gridProps.scrollable === "none")
           return;
         const { rowIndex: n } = e;
-        Ee.current = n;
+        we.current = n;
         const o = ee();
         if (F.current && o) {
           F.current.disconnect();
-          const i = o.querySelector(`[absolute-row-index="${Ee.current}"]`);
-          i ? F.current.observe(i) : me(e);
+          const i = o.querySelector(`[absolute-row-index="${we.current}"]`);
+          i ? F.current.observe(i) : Pe(e);
         }
       },
       fitColumns: (e) => {
         x.current.dblClickHandler(null, e);
       },
-      exportAsPdf: le
+      exportAsPdf: se
     })
   ), a.useImperativeHandle(t.gridRef, () => C.current), a.useMemo(() => {
     x.current = new ln(St);
   }, [t.gridProps.onColumnResize, t.columnsRef]), a.useMemo(() => {
-    D.current = new sn(ge, It, Me);
+    D.current = new sn(fe, It, Ae);
   }, [
     t.gridProps.onColumnReorder,
     t.gridProps.onGroupChange,
     t.gridProps.group,
     t.columnsRef,
     t.gridProps.groupable
-  ]), x.current.resizable = t.gridProps.resizable || !1, x.current.columns = t.columnsRef, x.current.columnsState = jt(t.columnsState), D.current.reorderable = t.gridProps.reorderable || !1, D.current.groupable = Oe, D.current.columns = t.columnsRef, D.current.dir = ye, Mt(), /* @__PURE__ */ a.createElement(
+  ]), x.current.resizable = t.gridProps.resizable || !1, x.current.columns = t.columnsRef, x.current.columnsState = jt(t.columnsState), D.current.reorderable = t.gridProps.reorderable || !1, D.current.groupable = Ne, D.current.columns = t.columnsRef, D.current.dir = Se, Mt(), /* @__PURE__ */ a.createElement(
     yn.Provider,
     {
       value: {
@@ -837,30 +842,30 @@ const xn = (t, v, g, y) => {
         activeDragRowDataItemRef: _,
         reorderRowDragTargetRef: Gt,
         reorderRowDropTargetRef: Lt,
-        dir: ye,
+        dir: Se,
         getCellPositionStyle: At,
         dataItemKey: t.gridProps.dataItemKey,
         columnsState: t.columnsState,
         columnsRef: t.columnsRef,
-        onColumnsStateChange: ue,
+        onColumnsStateChange: ge,
         groupable: t.gridProps.groupable,
         group: t.gridProps.group,
         defaultGroup: t.gridProps.defaultGroup,
-        groupChange: se,
+        groupChange: ue,
         selectionRelease: dt,
         pagerPageChange: ht,
         onContextMenu: _e,
         rowClick: Ye,
         rowDblClick: Qe,
         cellClick: et,
-        headerCellClick: De,
+        headerCellClick: Ke,
         itemChange: rt,
         onDialogEditCancel: pe,
         onDialogEditSubmit: Ze,
         sortable: t.gridProps.sortable,
         sort: t.gridProps.sort,
         defaultSort: t.gridProps.defaultSort,
-        sortChange: Ke,
+        sortChange: Te,
         filterable: t.gridProps.filterable,
         filter: t.gridProps.filter,
         defaultFilter: t.gridProps.defaultFilter,
@@ -869,7 +874,7 @@ const xn = (t, v, g, y) => {
         applyHighlightDescriptor: bt,
         highlight: t.gridProps.highlight,
         searchChange: vt,
-        exportAsPdf: le,
+        exportAsPdf: se,
         onHeaderSelectionChange: at,
         columnGroupChange: Et,
         onKeyDown: $e,
@@ -889,9 +894,9 @@ const xn = (t, v, g, y) => {
         tableBodyElementRef: z,
         headerElementRef: Ht,
         containerElementRef: V,
-        headTableElementRef: Pe,
+        headTableElementRef: he,
         elementRef: M,
-        virtualScrollHeightContainerRef: Fe,
+        virtualScrollHeightContainerRef: ze,
         footerRef: W,
         headerRef: j,
         vsRef: m