@lax-wp/design-system 0.14.36 → 0.14.38

package/dist/components/data-display/infinite-table/index.es.js

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as b, Fragment as Er } from "react/jsx-runtime";
 import { useCheckbox as Rr } from "../../../hooks/useCheckbox.es.js";
-import { useTableConfig as _r } from "../../../providers/design-system-provider/hooks.es.js";
-import { canEditTableView as kr, mergeViewColumnsWithTableColumns as Lt } from "../../../utils/table.es.js";
+import { useTableConfig as kr } from "../../../providers/design-system-provider/hooks.es.js";
+import { canEditTableView as _r, mergeViewColumnsWithTableColumns as Lt } from "../../../utils/table.es.js";
 import gt from "../../button/Button.es.js";
 import { FloatingBar as Mr } from "../../floating-bar/FloatingBar.es.js";
 import { Typography as be } from "../typography/Typography.es.js";
 import { useSensors as Ir, useSensor as Vt, MouseSensor as Lr, TouchSensor as gr, DndContext as Vr, closestCorners as jr, DragOverlay as Br } from "@dnd-kit/core";
-import Pr, { useState as h, useRef as O, useCallback as i, useEffect as T, useMemo as z, forwardRef as jt } from "react";
+import Pr, { useState as m, useRef as O, useCallback as i, useEffect as T, useMemo as C, forwardRef as jt } from "react";
 import { AutoSizer as Wr } from "react-virtualized-auto-sizer";
 import { createPortal as Hr } from "react-dom";
 import { useTable as $r, useResizeColumns as zr } from "react-table";
@@ -18,7 +18,7 @@ import { CellContextMenuPortal as Jr } from "./CellContextMenuPortal.es.js";
 import { CurrencyDropdownPortal as Gr } from "./CurrencyDropdownPortal.es.js";
 import { Head as Xr } from "./head/index.es.js";
 import { PendingEditsFloatingBar as Yr } from "./PendingEditsFloatingBar.es.js";
-import { DATA_ROW_ID_ATTR as Zr, DATA_COLUMN_KEY_ATTR as Qr, OS_VIEWPORT_SELECTOR as Kr, SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK as en, SCROLL_TO_CELL_LEFT_OFFSET as tn, DEFAULT_PAGE_SIZE as ln, DEFAULT_COLUMN_MAX_WIDTH as rn, DEFAULT_COLUMN_WIDTH as nn, DEFAULT_COLUMN_MIN_WIDTH as sn, DND_ACTIVATION_DISTANCE as Pt, ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH as on, ROW_OPTIONS_COLUMN_WIDTH as an, TOOLBAR_FIRST_BREAKPOINT as Z, TOOLBAR_SECOND_BREAKPOINT as ze, DROP_ANIMATION_DURATION as cn, DROP_ANIMATION_EASING as dn } from "./constants.es.js";
+import { DATA_ROW_ID_ATTR as Zr, DATA_COLUMN_KEY_ATTR as Qr, OS_VIEWPORT_SELECTOR as Kr, SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK as en, SCROLL_TO_CELL_LEFT_OFFSET as tn, DEFAULT_PAGE_SIZE as ln, DEFAULT_COLUMN_MAX_WIDTH as rn, DEFAULT_COLUMN_WIDTH as nn, DEFAULT_COLUMN_MIN_WIDTH as sn, DND_ACTIVATION_DISTANCE as Pt, ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH as on, ROW_OPTIONS_COLUMN_WIDTH as an, TOOLBAR_FIRST_BREAKPOINT as Z, TOOLBAR_SECOND_BREAKPOINT as Ce, DROP_ANIMATION_DURATION as cn, DROP_ANIMATION_EASING as dn } from "./constants.es.js";
 import { getRowSlotHeight as un, useRowHeight as hn } from "./useRowHeight.es.js";
 import { NoDataFoundWidgets as mn } from "../empty-state/NoDataFoundWidgets.es.js";
 import { NoDataFound as pn } from "../empty-state/NoDataFound.es.js";
@@ -39,7 +39,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       onResetFilter: () => Promise.resolve({}),
       asyncRowOptionsFilter: () => Promise.resolve({})
     },
-    sortConfig: m = {
+    sortConfig: p = {
       onSort: () => null,
       columnSort: { field: "", order: "" },
       onRemoveSort: () => null
@@ -64,24 +64,24 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     agreementId: ee,
     enumSuggestionsExtraParams: te,
     enumSuggestionsData: le,
-    data: p = [],
+    data: u = [],
     onRowClick: $t,
     showHeader: xe,
     showSubHeader: zt = !0,
-    tableActions: Ce,
-    rowOptions: C,
-    hideRowOptionWidth: Ue,
-    checkboxUtilities: V,
+    tableActions: Ue,
+    rowOptions: V,
+    hideRowOptionWidth: qe,
+    checkboxUtilities: j,
     isLoading: re = !1,
     onScroll: Ct,
     onScrolling: Ut,
     isColumnConfigurable: ne,
     onAddColumnClick: se,
-    emptyMessage: qe,
-    noDataWidget: Je,
-    buttons: Ge,
-    onEditColumnClick: Xe,
-    onDeleteColumnClick: Ye,
+    emptyMessage: Je,
+    noDataWidget: Ge,
+    buttons: Xe,
+    onEditColumnClick: Ye,
+    onDeleteColumnClick: Ze,
     onRowTooltipClick: qt,
     tooltiptext: Jt,
     cascadingTableConfig: Gt,
@@ -90,26 +90,26 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     tableHeightClass: oe = "h-[calc(100vh-220px)]",
     getFullRowDataOnClick: Zt,
     selectedRowId: Qt = null,
-    onRowEdit: k,
-    onBulkRowEdit: j,
+    onRowEdit: _,
+    onBulkRowEdit: B,
     inlineEditColumns: Kt,
     isResizable: el = !0,
     paginationConfig: ae,
     dndSortableUtils: ie,
-    multipleContexts: Ze,
+    multipleContexts: Qe,
     withSortable: ye,
     withDraggable: tl,
     enableRootDrag: ll,
     pageSize: rl = ln,
     onCascadingRowExpand: nl,
-    totalItems: Qe,
+    totalItems: Ke,
     showRecordCount: Te = !1,
     getInnerRowData: sl,
     maxLevel: ol,
     expandedRows: al = {},
     setExpandedRows: il,
     showNewItem: cl,
-    rawData: Ke,
+    rawData: et,
     dragConfig: dl,
     isOverlayLoading: ul,
     style: hl = {},
@@ -120,7 +120,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     setHeaderOnParent: Ne,
     optimizeTable: vl = !1,
     multiSelectConfig: wl,
-    cellContextMenuConfig: et,
+    cellContextMenuConfig: tt,
     headerContextOptions: Fl,
     showHeaderContextOptions: Sl,
     setShowHeaderContextOptions: bl,
@@ -132,40 +132,40 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     cellEditingValue: Tl = null,
     allowInlineEdit: Dl = !1,
     onFieldOperationFlow: Nl,
-    fieldOperationLoading: B = null,
+    fieldOperationLoading: P = null,
     onTableActionsReady: Ee,
-    onPendingEditsChange: tt,
-    onCancelPendingEdits: P
+    onPendingEditsChange: lt,
+    onCancelPendingEdits: W
   }) => {
-    const a = _r(), Ol = un(hn()), Al = !!D?.search, lt = n?.columnFilters?.length > 0, U = Al || lt, El = !!V, N = a?.getTableView?.(g) ?? null, [x, q] = h(N || null), M = !kr(
+    const a = kr(), Ol = un(hn()), Al = !!D?.search, rt = n?.columnFilters?.length > 0, U = Al || rt, El = !!j, N = a?.getTableView?.(g) ?? null, [x, q] = m(N || null), M = !_r(
       x,
       a?.getUserId?.()
-    ), [Re, _e] = h(!1), [ke, rt] = h(!1), [Rl, nt] = h(null), [w, Me] = h(A), st = (p.length === 0 || !w.length) && !re, [ot, de] = h(
+    ), [Re, ke] = m(!1), [_e, nt] = m(!1), [Rl, st] = m(null), [v, Me] = m(A), ot = (u.length === 0 || !v.length) && !re, [at, de] = m(
       null
-    ), [_l, kl] = h(!1), [Ml, Il] = h(null), [Ll, gl] = h(!1), [Vl, ue] = h(
+    ), [kl, _l] = m(!1), [Ml, Il] = m(null), [Ll, gl] = m(!1), [Vl, ue] = m(
       null
-    ), [jl, he] = h(null), [Bl, at] = h({}), [J, Ie] = h(
+    ), [jl, he] = m(null), [Bl, it] = m({}), [J, Ie] = m(
       null
-    ), [Pl, it] = h(!1), [E, Wl] = h(0), Le = O(null), ge = O(null), [ct, Hl] = h({
+    ), [Pl, ct] = m(!1), [E, Wl] = m(0), Le = O(null), ge = O(null), [dt, Hl] = m({
       width: 0,
       height: 0
-    }), [$l, W] = h(null), [R, dt] = h(null), [zl, ut] = h(null), [ht, mt] = h(null), [Cl, pt] = h(null), [Ve, G] = h({}), je = O(!1), me = O(!1), Be = O(x);
+    }), [$l, H] = m(null), [R, ut] = m(null), [zl, ht] = m(null), [mt, pt] = m(null), [Cl, ft] = m(null), [Ve, G] = m({}), je = O(!1), me = O(!1), Be = O(x);
     Be.current = x;
-    const ft = O(a);
-    ft.current = a;
-    const vt = O(A);
-    vt.current = A;
+    const vt = O(a);
+    vt.current = a;
+    const wt = O(A);
+    wt.current = A;
     const pe = O(n);
     pe.current = n;
-    const wt = O(null), Ft = O(
+    const Ft = O(null), St = O(
       () => ({})
-    ), St = O(() => ({})), [u, _] = h({}), Pe = i(
+    ), bt = O(() => ({})), [h, k] = m({}), Pe = i(
       (e, t, l) => {
-        _((r) => {
+        k((r) => {
           const o = r[e]?.[t];
           let d = l.validationError;
           if (d === void 0) {
-            const F = w.find((f) => f.key === t);
+            const F = v.find((f) => f.key === t);
             if (F) {
               const f = Bt(
                 l.value,
@@ -187,19 +187,19 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           };
         });
       },
-      [w]
-    ), bt = i(() => Object.values(u).some(
+      [v]
+    ), xt = i(() => Object.values(h).some(
       (e) => Object.keys(e).length > 0
-    ), [u]);
+    ), [h]);
     T(() => {
       Ee && Ee({
         addPendingEdit: Pe,
-        hasPendingEdits: bt
+        hasPendingEdits: xt
       });
-    }, [Ee, Pe, bt]);
+    }, [Ee, Pe, xt]);
     const Ul = i(
       (e, t) => {
-        _((l) => {
+        k((l) => {
           const r = { ...l };
           if (r[e]) {
             const { [t]: o, ...d } = r[e];
@@ -210,18 +210,18 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       },
       []
     ), ql = i(
-      (e, t) => u[e]?.[t],
-      [u]
+      (e, t) => h[e]?.[t],
+      [h]
     ), Jl = i(
-      (e, t) => !!u[e]?.[t],
-      [u]
-    ), xt = i(() => {
-      B || (P && Object.keys(u).length > 0 && P(u), _({}), G({}), W(null));
-    }, [B, P, u]), H = i(
+      (e, t) => !!h[e]?.[t],
+      [h]
+    ), yt = i(() => {
+      P || (W && Object.keys(h).length > 0 && W(h), k({}), G({}), H(null));
+    }, [P, W, h]), $ = i(
       (e, t, l) => {
         setTimeout(() => {
           a?.dispatchEvent?.("SCROLL_TO_TABLE_ROW", { rowIndex: l });
-          const r = w.findIndex(
+          const r = v.findIndex(
             (o) => o.key === t
           );
           setTimeout(() => {
@@ -239,7 +239,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
               if (d) {
                 let F = 0;
                 for (let f = 0; f < r; f++) {
-                  const y = w[f];
+                  const y = v[f];
                   y?.sticky || (F += y?.width || en);
                 }
                 F = Math.max(
@@ -251,78 +251,78 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                 });
               }
             }
-            W({ rowId: e, columnKey: t });
+            H({ rowId: e, columnKey: t });
           }, 350);
         }, 100);
       },
-      [w, a]
+      [v, a]
     ), X = i(
       (e) => {
         let t = !1, l = null;
         const r = {}, o = /* @__PURE__ */ new Set();
         return Object.entries(e).forEach(([d, F]) => {
           r[d] = {}, Object.entries(F).forEach(([f, y]) => {
-            const L = w.find((S) => S.key === f), v = Bt(
+            const L = v.find((S) => S.key === f), w = Bt(
               y.value,
               L
             );
-            v.isValid ? r[d][f] = {
+            w.isValid ? r[d][f] = {
               ...y,
               validationError: null
-            } : (t = !0, v.error && o.add(v.error), l || (l = { rowId: d, columnKey: f }), r[d][f] = {
+            } : (t = !0, w.error && o.add(w.error), l || (l = { rowId: d, columnKey: f }), r[d][f] = {
               ...y,
-              validationError: v.error
+              validationError: w.error
             });
           });
         }), { hasErrors: t, updatedEdits: r, firstError: l, errorTypes: o };
       },
-      [w]
+      [v]
     ), fe = i((e) => {
       const t = e.has("Field required"), l = e.size > (t ? 1 : 0);
       return t && l ? "Missing required field(s) and invalid format detected. Please review highlighted field(s)." : t ? "Missing required field(s). Please review highlighted field(s)." : "Invalid field value(s). Please review highlighted field(s).";
-    }, []), yt = i(() => {
-      const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = X(u);
+    }, []), Tt = i(() => {
+      const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = X(h);
       if (e) {
-        if (_(t), a?.showNotification?.(
+        if (k(t), a?.showNotification?.(
           "error",
           fe(r)
         ), l) {
-          const d = p.findIndex(
+          const d = u.findIndex(
             (F) => F.id === l.rowId
           );
-          H(l.rowId, l.columnKey, d);
+          $(l.rowId, l.columnKey, d);
         }
         return;
       }
       const o = [];
-      Object.entries(u).forEach(([d, F]) => {
-        const f = p.find(
+      Object.entries(h).forEach(([d, F]) => {
+        const f = u.find(
           (y) => y.id === d
         );
         if (f) {
           const y = { ...f }, L = {};
-          Object.entries(F).forEach(([v, S]) => {
-            y[v] = S.value, L[v] = { value: S.value, meta: S.meta };
+          Object.entries(F).forEach(([w, S]) => {
+            y[w] = S.value, L[w] = { value: S.value, meta: S.meta };
           }), o.push({ ...y, __editedFields: L });
         }
-      }), o.length > 0 && (j ? j(o) : k && k(null, null, null, null, null, {
+      }), o.length > 0 && (B ? B(o) : _ && _(null, null, null, null, null, {
         isBulk: !0,
         rows: o
-      })), _({}), G({}), W(null);
+      })), k({}), G({}), H(null);
     }, [
+      h,
       u,
-      p,
-      k,
-      j,
+      _,
+      B,
       X,
       fe,
-      H,
+      $,
       a
     ]), Gl = i(
       (e) => {
-        if (B) return;
-        const t = u[e];
-        t && P && P({ [e]: t }), _((l) => {
+        if (P) return;
+        const t = h[e];
+        t && W && W({ [e]: t }), k((l) => {
           const r = { ...l };
           return delete r[e], r;
         }), G((l) => {
@@ -330,76 +330,76 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           return Object.keys(r).forEach((o) => {
             o.startsWith(`${e}-`) && delete r[o];
           }), r;
-        }), W(null);
+        }), H(null);
       },
-      [B, P, u]
+      [P, W, h]
     ), Xl = i(
       (e) => {
-        const t = u[e];
+        const t = h[e];
         if (!t || Object.keys(t).length === 0) return;
         const { hasErrors: l, updatedEdits: r, firstError: o, errorTypes: d } = X({ [e]: t });
         if (l) {
-          if (_((v) => ({
-            ...v,
+          if (k((w) => ({
+            ...w,
             [e]: r[e]
           })), a?.showNotification?.(
             "error",
             fe(d)
           ), o) {
-            const v = p.findIndex(
+            const w = u.findIndex(
               (S) => S.id === o.rowId
             );
-            H(o.rowId, o.columnKey, v);
+            $(o.rowId, o.columnKey, w);
           }
           return;
         }
-        const F = p.find(
-          (v) => v.id === e
+        const F = u.find(
+          (w) => w.id === e
         );
         if (!F) return;
         const f = { ...F }, y = {};
-        Object.entries(t).forEach(([v, S]) => {
-          f[v] = S.value, y[v] = { value: S.value, meta: S.meta };
+        Object.entries(t).forEach(([w, S]) => {
+          f[w] = S.value, y[w] = { value: S.value, meta: S.meta };
         });
         const L = { ...f, __editedFields: y };
-        j ? j([L]) : k && k(null, null, null, null, null, {
+        B ? B([L]) : _ && _(null, null, null, null, null, {
           isBulk: !0,
           rows: [L]
-        }), _((v) => {
-          const S = { ...v };
+        }), k((w) => {
+          const S = { ...w };
           return delete S[e], S;
-        }), G((v) => {
-          const S = { ...v };
+        }), G((w) => {
+          const S = { ...w };
           return Object.keys(S).forEach((It) => {
             It.startsWith(`${e}-`) && delete S[It];
           }), S;
-        }), W(null);
+        }), H(null);
       },
       [
+        h,
         u,
-        p,
-        k,
-        j,
+        _,
+        B,
         X,
         fe,
-        H,
+        $,
         a
       ]
-    ), $ = z(() => Object.values(u).reduce(
+    ), z = C(() => Object.values(h).reduce(
       (e, t) => e + Object.keys(t).length,
       0
-    ), [u]);
+    ), [h]);
     T(() => {
-      tt?.($ > 0, $);
-    }, [$, tt]);
-    const Yl = z(() => {
+      lt?.(z > 0, z);
+    }, [z, lt]);
+    const Yl = C(() => {
       const e = [];
-      return Object.entries(u).forEach(([t, l]) => {
-        const r = p.findIndex(
+      return Object.entries(h).forEach(([t, l]) => {
+        const r = u.findIndex(
           (o) => o.id === t
         );
         Object.entries(l).forEach(([o, d]) => {
-          const F = w.find((f) => f.key === o);
+          const F = v.find((f) => f.key === o);
           e.push({
             rowId: t,
             columnKey: o,
@@ -412,10 +412,10 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           });
         });
       }), e;
-    }, [u, w, p]), Zl = z(() => {
+    }, [h, v, u]), Zl = C(() => {
       const e = /* @__PURE__ */ new Map();
-      return Object.entries(u).forEach(([t, l]) => {
-        const r = p.findIndex(
+      return Object.entries(h).forEach(([t, l]) => {
+        const r = u.findIndex(
           (o) => o.id === t
         );
         e.set(t, {
@@ -426,30 +426,30 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       }), Array.from(e.values()).sort(
         (t, l) => t.rowIndex - l.rowIndex
       );
-    }, [u, p]), Ql = i(
-      (e) => dt(e),
+    }, [h, u]), Ql = i(
+      (e) => ut(e),
       []
     ), ve = i(
-      () => dt(null),
+      () => ut(null),
       []
     ), Kl = i(
       (e, t) => {
-        ut({ value: e, reference: t }), R?.onSelected && R.onSelected(e, t), ve();
+        ht({ value: e, reference: t }), R?.onSelected && R.onSelected(e, t), ve();
       },
       [R, ve]
     ), er = i(
-      () => ut(null),
+      () => ht(null),
       []
     ), tr = i(
-      (e) => mt(e),
+      (e) => pt(e),
       []
-    ), Tt = i(
-      () => mt(null),
+    ), Dt = i(
+      () => pt(null),
       []
     ), lr = i(
-      (e) => pt(e),
+      (e) => ft(e),
       []
-    ), Dt = i(() => pt(null), []), rr = i(
+    ), Nt = i(() => ft(null), []), rr = i(
       (e, t) => {
         G((l) => ({ ...l, [e]: t }));
       },
@@ -457,29 +457,29 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     ), nr = i(
       (e) => Ve[e],
       [Ve]
-    ), sr = z(() => {
+    ), sr = C(() => {
       const e = oe.match(/h-\[(\d+px)\]/);
       if (e) return e[1];
       const t = oe.match(/h-\[(calc\(.+\))\]/);
       if (t)
         return t[1].replace(/([+-])/g, " $1 ").replace(/\s+/g, " ");
     }, [oe]), or = {
-      isEmpty: st,
+      isEmpty: ot,
       isFilters: U,
       isColumnConfigurable: ne,
       handleOnClick: se,
-      emptyMessage: qe,
-      buttons: Ge,
-      noDataWidget: Je
-    }, ar = a?.t?.(Wt) ?? Wt, we = U ? "No Results Found" : qe || "No Data Found", ir = typeof we == "string" ? a?.t?.(we) ?? we : we, Nt = { __isLoading: !0 }, cr = new Array(1).fill(Nt), dr = new Array(rl).fill(Nt), Y = z(
-      () => w.filter((e) => !!e?.visible),
-      [w]
+      emptyMessage: Je,
+      buttons: Xe,
+      noDataWidget: Ge
+    }, ar = a?.t?.(Wt) ?? Wt, we = U ? "No Results Found" : Je || "No Data Found", ir = typeof we == "string" ? a?.t?.(we) ?? we : we, Ot = { __isLoading: !0 }, cr = new Array(1).fill(Ot), dr = new Array(rl).fill(Ot), Y = C(
+      () => v.filter((e) => !!e?.visible),
+      [v]
     ), ur = $r(
       {
-        columns: vl ? Y : w,
+        columns: vl ? Y : v,
         data: [
-          ...p,
-          ...re ? p?.length ? cr : dr : []
+          ...u,
+          ...re ? u?.length ? cr : dr : []
         ],
         defaultColumn: {
           minWidth: sn,
@@ -488,8 +488,8 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         }
       },
       zr
-    ), { getTableProps: Ot, getTableBodyProps: At, headerGroups: Fe, prepareRow: Et, rows: I } = ur;
-    wt.current = Fe;
+    ), { getTableProps: At, getTableBodyProps: Et, headerGroups: Fe, prepareRow: Rt, rows: I } = ur;
+    Ft.current = Fe;
     const hr = JSON.stringify(
       Fe[0]?.headers?.map(
         (e) => e?.Header
@@ -497,21 +497,21 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     );
     T(() => {
       if (Ae) {
-        const e = wt.current;
+        const e = Ft.current;
         Ae?.(
           e?.[0]?.headers?.map((t) => t?.Header) ?? []
         );
       }
     }, [hr, Ae]);
-    const { checkboxConfig: Rt } = Rr({
+    const { checkboxConfig: We } = Rr({
       rows: I,
-      checkedIds: V?.checkedIds,
-      isCheckAllDisabled: V?.isCheckAllDisabled,
-      selectionDisabledRowIds: V?.selectionDisabledRowIds,
-      rawData: Ke,
+      checkedIds: j?.checkedIds,
+      isCheckAllDisabled: j?.isCheckAllDisabled,
+      selectionDisabledRowIds: j?.selectionDisabledRowIds,
+      rawData: et,
       onAllChecked: gl,
-      setCheckedIds: V?.setCheckedIds,
-      checkboxMetadata: V?.checkboxMetadata
+      setCheckedIds: j?.setCheckedIds,
+      checkboxMetadata: j?.checkboxMetadata
     }), mr = Ir(
       Vt(Lr, {
         activationConstraint: { distance: Pt }
@@ -524,14 +524,14 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       duration: cn
     };
     function fr() {
-      return !Ze?.length || !ye ? I : Ze.reduce(
+      return !Qe?.length || !ye ? I : Qe.reduce(
         (e, t) => (e[t] = I.filter(
           (l) => l.original?.type === t
         ), e),
         {}
       );
     }
-    St.current = fr;
+    bt.current = fr;
     const vr = (e) => {
       const { active: t } = e;
       Ie(
@@ -546,26 +546,26 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         l,
         Bl,
         (r) => {
-          at(r), it(!0), ie.onDragSuccess?.({
+          it(r), ct(!0), ie.onDragSuccess?.({
             draggedId: t.id,
             droppedId: l.id,
             draggedType: t.data.current?.type,
             droppedType: l.data.current?.type,
             updatedList: r,
-            cb: () => it(!1)
+            cb: () => ct(!1)
           });
         }
       ), Ie(null));
     }, Fr = () => Ie(null), Sr = (e) => {
-      !m?.onSort && !n?.onFilter || de(ot === e ? null : e);
+      !p?.onSort && !n?.onFilter || de(at === e ? null : e);
     }, br = (e) => {
-      Il(e), kl(!_l), de(null);
-    }, We = i(() => {
-      m?.onRemoveSort ? m.onRemoveSort() : m?.onSort && m.onSort("", "");
-    }, [m]), Se = i((e = null) => {
-      nt(e), _e((t) => e ? !0 : !t);
-    }, []), He = i(
-      () => rt((e) => !e),
+      Il(e), _l(!kl), de(null);
+    }, He = i(() => {
+      p?.onRemoveSort ? p.onRemoveSort() : p?.onSort && p.onSort("", "");
+    }, [p]), Se = i((e = null) => {
+      st(e), ke((t) => e ? !0 : !t);
+    }, []), $e = i(
+      () => nt((e) => !e),
       []
     ), xr = () => {
       const e = Fe[0]?.headers?.filter((t) => t?.visible !== !1);
@@ -577,16 +577,16 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         let t = 0;
         for (let l = e + 1; l < Y.length; l++)
           Y[l].visible !== !1 && (t += Y[l].width ?? 0);
-        return ce && (t += Oe || on), C && (t += Ue ? 0 : an), t;
+        return ce && (t += Oe || on), V && (t += qe ? 0 : an), t;
       },
       [
         Y,
         Oe,
-        Ue,
+        qe,
         ce,
-        C
+        V
       ]
-    ), _t = () => {
+    ), kt = () => {
       const e = a?.getUserId?.();
       return {
         ...x || {},
@@ -607,9 +607,9 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         }))
       };
     };
-    Ft.current = _t;
+    St.current = kt;
     const Tr = (e, t) => {
-      const l = _t();
+      const l = kt();
       q({
         ...l,
         columns: l?.columns?.map(
@@ -619,12 +619,12 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       });
     };
     T(() => {
-      if (n?.columnFilters?.length > 0 && _e(!0), M) return;
+      if (n?.columnFilters?.length > 0 && ke(!0), M) return;
       const e = Be.current;
       if (JSON.stringify(e?.filters || []) !== JSON.stringify(n?.columnFilters || [])) {
         const t = (e?.filters?.length ?? 0) > 0, l = n?.columnFilters?.length > 0;
         if (!(t && !l && !me.current)) {
-          const o = Ft.current();
+          const o = St.current();
           q({
             ...o,
             filters: JSON.parse(
@@ -645,8 +645,8 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       me.current = !0, n?.onClearFilter?.();
     }, [n?.onClearFilter]);
     T(() => {
-      m?.columnSort?.field ? (rt(!0), m.columnSort.order === "asc" ? (ue(m.columnSort.field), he(null)) : m.columnSort.order === "desc" && (he(m.columnSort.field), ue(null))) : (ue(null), he(null));
-    }, [m?.columnSort?.field, m?.columnSort?.order]), T(() => {
+      p?.columnSort?.field ? (nt(!0), p.columnSort.order === "asc" ? (ue(p.columnSort.field), he(null)) : p.columnSort.order === "desc" && (he(p.columnSort.field), ue(null))) : (ue(null), he(null));
+    }, [p?.columnSort?.field, p?.columnSort?.order]), T(() => {
       Me(
         Lt(
           Be.current?.columns || [],
@@ -654,16 +654,16 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         )
       );
     }, [A]), T(() => {
-      x?.unsaved && ft.current?.persistTableView?.(x);
+      x?.unsaved && vt.current?.persistTableView?.(x);
     }, [x]), T(() => {
-      at(
-        St.current()
+      it(
+        bt.current()
       );
     }, [I.length]), T(() => {
       q(N || null), N?.columns && Me(
         Lt(
           N?.columns || [],
-          vt.current
+          wt.current
         )
       ), N?.filters && N.filters.length > 0 && !je.current ? (requestAnimationFrame(() => {
         pe.current?.onFilter?.(N.filters);
@@ -683,45 +683,45 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       });
       return e.observe(ge.current), () => e.disconnect();
     }, []);
-    const kt = /* @__PURE__ */ s(
+    const _t = /* @__PURE__ */ s(
       Xr,
       {
         isResizable: el,
         headerGroups: Fe,
         isCheckbox: El,
-        checkboxConfig: Rt,
+        checkboxConfig: We,
         isAllChecked: Ll,
-        showHeaderOptions: ot ?? "",
+        showHeaderOptions: at ?? "",
         setShowHeaderOptions: de,
         isShowSortArrowAsc: Vl,
         isShowSortArrowDesc: jl,
-        onSort: m?.onSort,
+        onSort: p?.onSort,
         onFilter: n?.onFilter,
         toggleHeaderOption: Sr,
         setIsShowSortArrowAsc: ue,
         setIsShowSortArrowDesc: he,
         toggleDataFilterModal: Se,
-        rowOptions: Array.isArray(C) ? C : [],
+        rowOptions: Array.isArray(V) ? V : [],
         isColumnConfigurable: ne ?? !1,
         onAddColumnClick: se,
-        onEditColumnClick: Xe,
-        onDeleteColumnClick: Ye,
-        tableActions: Ce || null,
+        onEditColumnClick: Ye,
+        onDeleteColumnClick: Ze,
+        tableActions: Ue || null,
         isLoading: re,
         rowAdditionalActions: ce ?? null,
-        showPendingEditsColumn: $ > 0
+        showPendingEditsColumn: z > 0
       }
     ), Mt = /* @__PURE__ */ b(Er, { children: [
       Pl || ul ? /* @__PURE__ */ s("div", { className: "absolute left-0 top-0 w-full h-full z-40 flex items-center justify-center bg-neutral-100 dark:bg-black-700" }) : null,
       /* @__PURE__ */ s(
         "div",
         {
-          ...Ot(),
+          ...At(),
           className: "w-full text-sm text-left text-neutral-500 dark:text-neutral-200 h-full bg-white dark:bg-black-800",
-          children: st ? /* @__PURE__ */ b("div", { className: "z-10", children: [
-            kt,
+          children: ot ? /* @__PURE__ */ b("div", { className: "z-10", children: [
+            _t,
             /* @__PURE__ */ s("div", { className: "absolute w-full", children: a?.renderEmpty ? a.renderEmpty(or) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center w-full h-[12rem] text-neutral-900 dark:text-neutral-200 mt-8", children: [
-              Je && !U ? /* @__PURE__ */ s(mn, { widgetType: "TABLE" }) : /* @__PURE__ */ s(pn, { text: ir }),
+              Ge && !U ? /* @__PURE__ */ s(mn, { widgetType: "TABLE" }) : /* @__PURE__ */ s(pn, { text: ir }),
               ne && !U ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
                 gt,
                 {
@@ -736,7 +736,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                   ]
                 }
               ) }) : null,
-              !U && Ge?.map((e, t) => /* @__PURE__ */ s(
+              !U && Xe?.map((e, t) => /* @__PURE__ */ s(
                 gt,
                 {
                   status: "secondary",
@@ -752,13 +752,13 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
             {
               style: { width: "100%", height: "100%" },
               renderProp: ({ width: e, height: t }) => {
-                const l = e > 0 ? e : ct.width, r = t > 0 ? t : ct.height;
+                const l = e > 0 ? e : dt.width, r = t > 0 ? t : dt.height;
                 return l > 0 && r > 0 ? /* @__PURE__ */ s(
                   Cr,
                   {
-                    getTableBodyProps: At,
+                    getTableBodyProps: Et,
                     rows: I,
-                    prepareRow: Et,
+                    prepareRow: Rt,
                     isLoading: re,
                     onScroll: Ct,
                     onScrolling: Ut,
@@ -775,14 +775,14 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         }
       )
     ] }), Or = jt((e, t) => /* @__PURE__ */ b("div", { className: "h-full w-full", ...e, ref: t, children: [
-      kt,
+      _t,
       /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children })
-    ] })), Ar = jt((e, t) => /* @__PURE__ */ s("div", { className: "h-full w-full", ...e, ref: t, children: /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children }) })), $e = z(() => a?.renderTableHeader ? a.renderTableHeader({
+    ] })), Ar = jt((e, t) => /* @__PURE__ */ s("div", { className: "h-full w-full", ...e, ref: t, children: /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children }) })), ze = C(() => a?.renderTableHeader ? a.renderTableHeader({
       tableKey: g,
       search: D?.search,
       handleSearch: D?.handleSearch,
       toggleShowFilters: Se,
-      toggleShowSorts: He,
+      toggleShowSorts: $e,
       filterCounts: n?.columnFilters?.length,
       columns: A,
       columnFilters: n?.columnFilters,
@@ -794,8 +794,8 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       onRemoveFilter: n?.onRemoveFilter,
       onClearFilter: n?.onClearFilter,
       onFilter: n?.onFilter,
-      data: le ?? p,
-      tableHeaders: w,
+      data: le ?? u,
+      tableHeaders: v,
       showTableViewAsModal: c?.showTableViewAsModal,
       additionalOptions: c?.additionalOptions,
       inlineActions: c?.inlineActions,
@@ -806,10 +806,10 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       setTableHeaders: Me,
       allowAStarSearch: !!D?.allowAStarSearch,
       withContent: !!c?.content,
-      setShowFilters: _e,
-      sort: m?.columnSort,
-      onSort: m?.onSort,
-      onRemoveSort: We,
+      setShowFilters: ke,
+      sort: p?.columnSort,
+      onSort: p?.onSort,
+      onRemoveSort: He,
       showExportButton: c?.showExportButton,
       onExportClick: c?.onExportClick,
       agreementId: ee,
@@ -819,7 +819,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       D?.search,
       D?.handleSearch,
       Se,
-      He,
+      $e,
       n?.columnFilters,
       A,
       q,
@@ -829,12 +829,12 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       n?.onRemoveFilter,
       n?.onClearFilter,
       n?.onFilter,
-      p,
+      u,
       le,
-      w,
-      m?.columnSort,
-      m?.onSort,
-      We,
+      v,
+      p?.columnSort,
+      p?.onSort,
+      He,
       a,
       D?.allowAStarSearch,
       K,
@@ -842,8 +842,8 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       te
     ]);
     return T(() => {
-      Ne && Ne($e);
-    }, [$e, Ne]), /* @__PURE__ */ b(
+      Ne && Ne(ze);
+    }, [ze, Ne]), /* @__PURE__ */ b(
       qr.Provider,
       {
         value: {
@@ -853,43 +853,43 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           search: D?.search,
           columnFilters: n?.columnFilters,
           onRowClick: $t,
-          onSort: m?.onSort,
+          onSort: p?.onSort,
           onFilter: n?.onFilter,
           toggleShowFilters: Se,
-          toggleShowSorts: He,
+          toggleShowSorts: $e,
           onRemoveFilter: n?.onRemoveFilter,
           onClearFilter: n?.onClearFilter,
-          rowOptions: C,
-          checkboxConfig: Rt,
+          rowOptions: V,
+          checkboxConfig: We,
           onResetFilter: n?.onResetFilter,
           isColumnConfigurable: ne,
           onAddColumnClick: se,
-          onEditColumnClick: Xe,
-          onDeleteColumnClick: Ye,
+          onEditColumnClick: Ye,
+          onDeleteColumnClick: Ze,
           onRowTooltipClick: qt,
           tooltiptext: Jt,
           cascadingTableConfig: Gt,
           activeInlineEdit: $l,
-          setActiveInlineEdit: W,
+          setActiveInlineEdit: H,
           originalsOnly: Xt,
           disableOptionsForRowIndex: Yt,
           getFullRowDataOnClick: Zt,
           selectedRowId: Qt,
           getSumOfNextVisibleColumnWidth: yr,
-          onRowEdit: k,
+          onRowEdit: _,
           inlineEditColumns: Kt,
-          tableActions: Ce,
+          tableActions: Ue,
           dndSortableUtils: ie,
           withSortable: ye,
           withDraggable: tl,
           onCascadingRowExpand: nl,
           getInnerRowData: sl,
-          tableHeaders: w,
+          tableHeaders: v,
           maxLevel: ol,
           expandedRows: al,
           setExpandedRows: il,
           showNewItem: cl,
-          rawData: Ke,
+          rawData: et,
           dragConfig: dl,
           rowWrapper: ml,
           rowLinkConfig: pl,
@@ -898,9 +898,9 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           handleUpdateColumnWidth: Tr,
           isTableViewReadOnly: M,
           multiSelectConfig: wl,
-          cellContextMenuConfig: et,
+          cellContextMenuConfig: tt,
           openCellContextMenu: lr,
-          closeCellContextMenu: Dt,
+          closeCellContextMenu: Nt,
           headerContextOptions: Fl,
           showHeaderContextOptions: Sl,
           setShowHeaderContextOptions: bl,
@@ -917,24 +917,24 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           clearSelectedMasterData: er,
           allowInlineEdit: Dl,
           openCurrencyDropdown: tr,
-          closeCurrencyDropdown: Tt,
-          currencyDropdownConfig: ht,
+          closeCurrencyDropdown: Dt,
+          currencyDropdownConfig: mt,
           selectedCurrenciesMap: Ve,
           setCurrencyForCell: rr,
           getCurrencyForCell: nr,
-          pendingEdits: u,
+          pendingEdits: h,
           addPendingEdit: Pe,
           removePendingEdit: Ul,
           getPendingEdit: ql,
           hasPendingEdit: Jl,
-          clearAllPendingEdits: xt,
-          saveAllPendingEdits: yt,
+          clearAllPendingEdits: yt,
+          saveAllPendingEdits: Tt,
           clearRowPendingEdits: Gl,
           saveRowPendingEdits: Xl,
-          pendingEditsCount: $,
-          scrollToCell: H,
+          pendingEditsCount: z,
+          scrollToCell: $,
           onFieldOperationFlow: Nl,
-          fieldOperationLoading: B,
+          fieldOperationLoading: P,
           validateAllPendingEdits: X
         },
         children: [
@@ -985,7 +985,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                             size: "small",
                             variant: "semibold",
                             appearance: "title",
-                            children: (Qe ?? p.length).toLocaleString()
+                            children: (Ke ?? u.length).toLocaleString()
                           }
                         ),
                         /* @__PURE__ */ s(
@@ -1004,20 +1004,20 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                 /* @__PURE__ */ b(
                   "div",
                   {
-                    className: `flex min-w-0 items-center justify-end ${E < Z ? "w-full" : c?.content ? "shrink-0" : "flex-1"} ${E < ze ? "flex-col" : "flex-row flex-wrap"} ${c?.postContent ? "gap-2" : ""}`,
+                    className: `flex min-w-0 items-center justify-end ${E < Z ? "w-full" : c?.content ? "shrink-0" : "flex-1"} ${E < Ce ? "flex-col" : "flex-row flex-wrap"} ${c?.postContent ? "gap-2" : ""}`,
                     children: [
                       Te && c?.preContent ? /* @__PURE__ */ s("div", { className: "flex w-full justify-start items-center", children: c.preContent }) : null,
                       /* @__PURE__ */ s(
                         "div",
                         {
-                          className: `flex justify-end items-center min-w-0 ${E < ze || E < Z ? "w-full" : ""}`,
-                          children: $e
+                          className: `flex justify-end items-center min-w-0 ${E < Ce || E < Z ? "w-full" : ""}`,
+                          children: ze
                         }
                       ),
                       c?.postContent ? /* @__PURE__ */ s(
                         "div",
                         {
-                          className: `flex justify-end items-center ${E < ze ? "w-full" : ""}`,
+                          className: `flex justify-end items-center ${E < Ce ? "w-full" : ""}`,
                           children: c.postContent
                         }
                       ) : null
@@ -1028,31 +1028,31 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
             }
           ) : null,
           c?.showDivider ? /* @__PURE__ */ s("div", { className: "border-b pb-2 w-full dark:bg-black-800" }) : null,
-          zt && (Re || ke) ? /* @__PURE__ */ s("div", { className: "flex justify-between items-center pb-4 dark:bg-black-800", children: /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
-            ke && a?.renderSortItem ? a.renderSortItem({
-              sort: m?.columnSort,
-              onRemoveSort: We,
-              onSort: m?.onSort,
-              tableHeaders: w,
-              data: p,
+          zt && (Re || _e) ? /* @__PURE__ */ s("div", { className: "flex justify-between items-center pb-4 dark:bg-black-800", children: /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
+            _e && a?.renderSortItem ? a.renderSortItem({
+              sort: p?.columnSort,
+              onRemoveSort: He,
+              onSort: p?.onSort,
+              tableHeaders: v,
+              data: u,
               disabled: M
             }) : null,
-            Re && ke && m?.columnSort?.field !== "" ? /* @__PURE__ */ s("div", { className: "h-8 w-[1px] flex-shrink-0 bg-neutral-200" }) : null,
+            Re && _e && p?.columnSort?.field !== "" ? /* @__PURE__ */ s("div", { className: "h-8 w-[1px] flex-shrink-0 bg-neutral-200" }) : null,
             Re ? /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
-              (lt || n?.onResetFilter) && a?.renderActiveFilters && a.renderActiveFilters({
+              (rt || n?.onResetFilter) && a?.renderActiveFilters && a.renderActiveFilters({
                 filters: n?.columnFilters,
                 onRemoveFilter: Dr,
                 onClearFilter: Nr,
                 onResetFilter: n?.onResetFilter,
                 onFilter: n?.onFilter,
-                tableHeaders: w,
+                tableHeaders: v,
                 columnFilters: n?.columnFilters,
                 modelName: Q,
                 enableMasterDataEnumSuggestions: K,
                 noSpacing: !0,
                 notionStyle: n?.notionStyle,
                 context: n?.context,
-                data: le ?? p,
+                data: le ?? u,
                 agreementId: ee,
                 enumSuggestionsExtraParams: te,
                 disabled: M
@@ -1063,12 +1063,12 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                 modelName: Q,
                 enableMasterDataEnumSuggestions: K,
                 defaultFilterColumn: Rl,
-                resetDefaultFilterColumn: () => nt(null),
+                resetDefaultFilterColumn: () => st(null),
                 column: Ml,
                 onFilter: n?.onFilter,
-                tableHeaders: w,
+                tableHeaders: v,
                 columnFilters: n?.columnFilters,
-                data: le ?? p,
+                data: le ?? u,
                 notionStyle: n?.notionStyle,
                 context: n?.context,
                 agreementId: ee,
@@ -1101,7 +1101,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                 ]
               }
             ),
-            /* @__PURE__ */ s(be, { size: "small", variant: "semibold", appearance: "title", children: (Qe ?? p.length).toLocaleString() }),
+            /* @__PURE__ */ s(be, { size: "small", variant: "semibold", appearance: "title", children: (Ke ?? u.length).toLocaleString() }),
             /* @__PURE__ */ s(be, { size: "small", variant: "regular", appearance: "subtitle", children: "total records" })
           ] }) : !xe && c?.preContent ? /* @__PURE__ */ s("div", { className: "flex items-center mb-2", children: c.preContent }) : null,
           /* @__PURE__ */ s(
@@ -1111,7 +1111,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
               className: `w-full ${ae ? "h-auto" : oe} rounded-lg relative border overflow-x-hidden`,
               style: {
                 ...ae ? {
-                  height: p?.length > 0 ? `${(p?.length + 1) * Ol + 4}px` : "350px"
+                  height: u?.length > 0 ? `${(u?.length + 1) * Ol + 4}px` : "350px"
                 } : { height: sr },
                 ...hl
               },
@@ -1134,15 +1134,15 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                           children: /* @__PURE__ */ s(
                             "table",
                             {
-                              ...Ot(),
+                              ...At(),
                               className: "w-full text-sm text-left text-neutral-500 dark:text-neutral-200 bg-white dark:bg-black-700 table-auto border-collapse",
                               children: /* @__PURE__ */ b(
                                 "tbody",
                                 {
-                                  ...At(),
+                                  ...Et(),
                                   className: "bg-transparent divide-y divide-neutral-200",
                                   children: [
-                                    void Et(J),
+                                    void Rt(J),
                                     /* @__PURE__ */ s(
                                       Ur,
                                       {
@@ -1182,28 +1182,33 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           /* @__PURE__ */ s(
             Gr,
             {
-              config: ht,
-              onClose: Tt
+              config: mt,
+              onClose: Dt
             }
           ),
           /* @__PURE__ */ s(
             Jr,
             {
               state: Cl,
-              config: et,
-              onClose: Dt
+              config: tt,
+              rowOptions: V,
+              asyncRowOptionsFilter: n?.asyncRowOptionsFilter,
+              checkedIds: We?.checkedIds,
+              rows: u,
+              columns: v,
+              onClose: Nt
             }
           ),
           /* @__PURE__ */ s(
             Yr,
             {
-              pendingEditsCount: $,
+              pendingEditsCount: z,
               pendingEditsList: Yl,
               rowsWithPendingEdits: Zl,
-              fieldOperationLoading: B,
-              onClearAll: xt,
-              onSaveAll: yt,
-              onScrollToCell: H
+              fieldOperationLoading: P,
+              onClearAll: yt,
+              onSaveAll: Tt,
+              onScrollToCell: $
             }
           )
         ]