@lax-wp/design-system 0.14.37 → 0.14.39

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

@@ -1,31 +1,31 @@
 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 kr } from "../../../providers/design-system-provider/hooks.es.js";
-import { canEditTableView as _r, mergeViewColumnsWithTableColumns as Lt } from "../../../utils/table.es.js";
+import { canEditTableView as _r, mergeViewColumnsWithTableColumns as Vt } 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 m, useRef as O, useCallback as i, useEffect as T, useMemo as C, forwardRef as jt } from "react";
+import { useSensors as Ir, useSensor as jt, MouseSensor as Lr, TouchSensor as Vr, DndContext as gr, closestCorners as jr, DragOverlay as Br } from "@dnd-kit/core";
+import Pr, { useState as m, useRef as O, useCallback as i, useEffect as T, useMemo as C, forwardRef as Bt } 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";
 import { Body as Cr } from "./body/index.es.js";
-import { validateCellValue as Bt } from "./validateCell.es.js";
+import { validateCellValue as Pt } from "./validateCell.es.js";
 import { Row as Ur } from "./body/rows/row.es.js";
 import { TableContext as qr } from "./context.es.js";
 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 Ce, 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 Wt, 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";
 import { Add2Icon as fn } from "../../icon/icons.generated.es.js";
-const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, "") || D}`, zn = Pr.memo(
+const vn = Wr, Ht = "Create Column", wn = (V, D) => `button-admin-${V.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, "") || D}`, zn = Pr.memo(
   ({
-    tableKey: g,
+    tableKey: V,
     searchConfig: D = {
       search: "",
       handleSearch: () => null,
@@ -57,7 +57,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       isLoading: !1,
       showDivider: !1
     },
-    hoverConfig: Ht = null,
+    hoverConfig: $t = null,
     columns: A,
     modelName: Q,
     enableMasterDataEnumSuggestions: K = !1,
@@ -65,16 +65,16 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     enumSuggestionsExtraParams: te,
     enumSuggestionsData: le,
     data: u = [],
-    onRowClick: $t,
+    onRowClick: zt,
     showHeader: xe,
-    showSubHeader: zt = !0,
+    showSubHeader: Ct = !0,
     tableActions: Ue,
-    rowOptions: V,
+    rowOptions: g,
     hideRowOptionWidth: qe,
     checkboxUtilities: j,
     isLoading: re = !1,
-    onScroll: Ct,
-    onScrolling: Ut,
+    onScroll: Ut,
+    onScrolling: qt,
     isColumnConfigurable: ne,
     onAddColumnClick: se,
     emptyMessage: Je,
@@ -82,45 +82,45 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     buttons: Xe,
     onEditColumnClick: Ye,
     onDeleteColumnClick: Ze,
-    onRowTooltipClick: qt,
-    tooltiptext: Jt,
-    cascadingTableConfig: Gt,
-    originalsOnly: Xt,
-    disableOptionsForRowIndex: Yt,
+    onRowTooltipClick: Jt,
+    tooltiptext: Gt,
+    cascadingTableConfig: Xt,
+    originalsOnly: Yt,
+    disableOptionsForRowIndex: Zt,
     tableHeightClass: oe = "h-[calc(100vh-220px)]",
-    getFullRowDataOnClick: Zt,
-    selectedRowId: Qt = null,
+    getFullRowDataOnClick: Qt,
+    selectedRowId: Kt = null,
     onRowEdit: _,
     onBulkRowEdit: B,
-    inlineEditColumns: Kt,
-    isResizable: el = !0,
+    inlineEditColumns: el,
+    isResizable: tl = !0,
     paginationConfig: ae,
     dndSortableUtils: ie,
     multipleContexts: Qe,
     withSortable: ye,
-    withDraggable: tl,
-    enableRootDrag: ll,
-    pageSize: rl = ln,
-    onCascadingRowExpand: nl,
+    withDraggable: ll,
+    enableRootDrag: rl,
+    pageSize: nl = ln,
+    onCascadingRowExpand: sl,
     totalItems: Ke,
     showRecordCount: Te = !1,
-    getInnerRowData: sl,
-    maxLevel: ol,
-    expandedRows: al = {},
-    setExpandedRows: il,
-    showNewItem: cl,
+    getInnerRowData: ol,
+    maxLevel: al,
+    expandedRows: il = {},
+    setExpandedRows: cl,
+    showNewItem: dl,
     rawData: et,
-    dragConfig: dl,
-    isOverlayLoading: ul,
-    style: hl = {},
+    dragConfig: ul,
+    isOverlayLoading: hl,
+    style: ml = {},
     floatingBarConfig: De,
-    rowWrapper: ml,
-    rowLinkConfig: pl,
+    rowWrapper: pl,
+    rowLinkConfig: tt,
     isCellClickDisabled: fl,
     setHeaderOnParent: Ne,
     optimizeTable: vl = !1,
     multiSelectConfig: wl,
-    cellContextMenuConfig: tt,
+    cellContextMenuConfig: lt,
     headerContextOptions: Fl,
     showHeaderContextOptions: Sl,
     setShowHeaderContextOptions: bl,
@@ -134,32 +134,32 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     onFieldOperationFlow: Nl,
     fieldOperationLoading: P = null,
     onTableActionsReady: Ee,
-    onPendingEditsChange: lt,
+    onPendingEditsChange: rt,
     onCancelPendingEdits: W
   }) => {
-    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(
+    const a = kr(), Ol = un(hn()), Al = !!D?.search, nt = n?.columnFilters?.length > 0, U = Al || nt, El = !!j, N = a?.getTableView?.(V) ?? null, [x, q] = m(N || null), M = !_r(
       x,
       a?.getUserId?.()
-    ), [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(
+    ), [Re, ke] = m(!1), [_e, st] = m(!1), [Rl, ot] = m(null), [v, Me] = m(A), at = (u.length === 0 || !v.length) && !re, [it, de] = m(
       null
-    ), [kl, _l] = m(!1), [Ml, Il] = m(null), [Ll, gl] = m(!1), [Vl, ue] = m(
+    ), [kl, _l] = m(!1), [Ml, Il] = m(null), [Ll, Vl] = m(!1), [gl, ue] = m(
       null
-    ), [jl, he] = m(null), [Bl, it] = m({}), [J, Ie] = m(
+    ), [jl, he] = m(null), [Bl, ct] = m({}), [J, Ie] = m(
       null
-    ), [Pl, ct] = m(!1), [E, Wl] = m(0), Le = O(null), ge = O(null), [dt, Hl] = m({
+    ), [Pl, dt] = m(!1), [E, Wl] = m(0), Le = O(null), Ve = O(null), [ut, Hl] = m({
       width: 0,
       height: 0
-    }), [$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);
+    }), [$l, H] = m(null), [R, ht] = m(null), [zl, mt] = m(null), [pt, ft] = m(null), [Cl, vt] = m(null), [ge, G] = m({}), je = O(!1), me = O(!1), Be = O(x);
     Be.current = x;
-    const vt = O(a);
-    vt.current = a;
-    const wt = O(A);
-    wt.current = A;
+    const wt = O(a);
+    wt.current = a;
+    const Ft = O(A);
+    Ft.current = A;
     const pe = O(n);
     pe.current = n;
-    const Ft = O(null), St = O(
+    const St = O(null), bt = O(
       () => ({})
-    ), bt = O(() => ({})), [h, k] = m({}), Pe = i(
+    ), xt = O(() => ({})), [h, k] = m({}), Pe = i(
       (e, t, l) => {
         k((r) => {
           const o = r[e]?.[t];
@@ -167,7 +167,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           if (d === void 0) {
             const F = v.find((f) => f.key === t);
             if (F) {
-              const f = Bt(
+              const f = Pt(
                 l.value,
                 F
               );
@@ -188,15 +188,15 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         });
       },
       [v]
-    ), xt = i(() => Object.values(h).some(
+    ), yt = i(() => Object.values(h).some(
       (e) => Object.keys(e).length > 0
     ), [h]);
     T(() => {
       Ee && Ee({
         addPendingEdit: Pe,
-        hasPendingEdits: xt
+        hasPendingEdits: yt
       });
-    }, [Ee, Pe, xt]);
+    }, [Ee, Pe, yt]);
     const Ul = i(
       (e, t) => {
         k((l) => {
@@ -215,7 +215,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     ), Jl = i(
       (e, t) => !!h[e]?.[t],
       [h]
-    ), yt = i(() => {
+    ), Tt = i(() => {
       P || (W && Object.keys(h).length > 0 && W(h), k({}), G({}), H(null));
     }, [P, W, h]), $ = i(
       (e, t, l) => {
@@ -262,7 +262,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         const r = {}, o = /* @__PURE__ */ new Set();
         return Object.entries(e).forEach(([d, F]) => {
           r[d] = {}, Object.entries(F).forEach(([f, y]) => {
-            const L = v.find((S) => S.key === f), w = Bt(
+            const L = v.find((S) => S.key === f), w = Pt(
               y.value,
               L
             );
@@ -280,7 +280,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     ), 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).";
-    }, []), Tt = i(() => {
+    }, []), Dt = i(() => {
       const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = X(h);
       if (e) {
         if (k(t), a?.showNotification?.(
@@ -370,8 +370,8 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           return delete S[e], S;
         }), G((w) => {
           const S = { ...w };
-          return Object.keys(S).forEach((It) => {
-            It.startsWith(`${e}-`) && delete S[It];
+          return Object.keys(S).forEach((Lt) => {
+            Lt.startsWith(`${e}-`) && delete S[Lt];
           }), S;
         }), H(null);
       },
@@ -390,8 +390,8 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       0
     ), [h]);
     T(() => {
-      lt?.(z > 0, z);
-    }, [z, lt]);
+      rt?.(z > 0, z);
+    }, [z, rt]);
     const Yl = C(() => {
       const e = [];
       return Object.entries(h).forEach(([t, l]) => {
@@ -427,36 +427,36 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         (t, l) => t.rowIndex - l.rowIndex
       );
     }, [h, u]), Ql = i(
-      (e) => ut(e),
+      (e) => ht(e),
       []
     ), ve = i(
-      () => ut(null),
+      () => ht(null),
       []
     ), Kl = i(
       (e, t) => {
-        ht({ value: e, reference: t }), R?.onSelected && R.onSelected(e, t), ve();
+        mt({ value: e, reference: t }), R?.onSelected && R.onSelected(e, t), ve();
       },
       [R, ve]
     ), er = i(
-      () => ht(null),
+      () => mt(null),
       []
     ), tr = i(
-      (e) => pt(e),
+      (e) => ft(e),
       []
-    ), Dt = i(
-      () => pt(null),
+    ), Nt = i(
+      () => ft(null),
       []
     ), lr = i(
-      (e) => ft(e),
+      (e) => vt(e),
       []
-    ), Nt = i(() => ft(null), []), rr = i(
+    ), Ot = i(() => vt(null), []), rr = i(
       (e, t) => {
         G((l) => ({ ...l, [e]: t }));
       },
       []
     ), nr = i(
-      (e) => Ve[e],
-      [Ve]
+      (e) => ge[e],
+      [ge]
     ), sr = C(() => {
       const e = oe.match(/h-\[(\d+px)\]/);
       if (e) return e[1];
@@ -464,14 +464,14 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       if (t)
         return t[1].replace(/([+-])/g, " $1 ").replace(/\s+/g, " ");
     }, [oe]), or = {
-      isEmpty: ot,
+      isEmpty: at,
       isFilters: U,
       isColumnConfigurable: ne,
       handleOnClick: se,
       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(
+    }, ar = a?.t?.(Ht) ?? Ht, we = U ? "No Results Found" : Je || "No Data Found", ir = typeof we == "string" ? a?.t?.(we) ?? we : we, At = { __isLoading: !0 }, cr = new Array(1).fill(At), dr = new Array(nl).fill(At), Y = C(
       () => v.filter((e) => !!e?.visible),
       [v]
     ), ur = $r(
@@ -488,8 +488,8 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         }
       },
       zr
-    ), { getTableProps: At, getTableBodyProps: Et, headerGroups: Fe, prepareRow: Rt, rows: I } = ur;
-    Ft.current = Fe;
+    ), { getTableProps: Et, getTableBodyProps: Rt, headerGroups: Fe, prepareRow: kt, rows: I } = ur;
+    St.current = Fe;
     const hr = JSON.stringify(
       Fe[0]?.headers?.map(
         (e) => e?.Header
@@ -497,7 +497,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
     );
     T(() => {
       if (Ae) {
-        const e = Ft.current;
+        const e = St.current;
         Ae?.(
           e?.[0]?.headers?.map((t) => t?.Header) ?? []
         );
@@ -509,15 +509,15 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       isCheckAllDisabled: j?.isCheckAllDisabled,
       selectionDisabledRowIds: j?.selectionDisabledRowIds,
       rawData: et,
-      onAllChecked: gl,
+      onAllChecked: Vl,
       setCheckedIds: j?.setCheckedIds,
       checkboxMetadata: j?.checkboxMetadata
     }), mr = Ir(
-      Vt(Lr, {
-        activationConstraint: { distance: Pt }
+      jt(Lr, {
+        activationConstraint: { distance: Wt }
       }),
-      Vt(gr, {
-        activationConstraint: { distance: Pt }
+      jt(Vr, {
+        activationConstraint: { distance: Wt }
       })
     ), pr = {
       easing: dn,
@@ -531,7 +531,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         {}
       );
     }
-    bt.current = fr;
+    xt.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) => {
-          it(r), ct(!0), ie.onDragSuccess?.({
+          ct(r), dt(!0), ie.onDragSuccess?.({
             draggedId: t.id,
             droppedId: l.id,
             draggedType: t.data.current?.type,
             droppedType: l.data.current?.type,
             updatedList: r,
-            cb: () => ct(!1)
+            cb: () => dt(!1)
           });
         }
       ), Ie(null));
     }, Fr = () => Ie(null), Sr = (e) => {
-      !p?.onSort && !n?.onFilter || de(at === e ? null : e);
+      !p?.onSort && !n?.onFilter || de(it === e ? null : e);
     }, br = (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);
+      ot(e), ke((t) => e ? !0 : !t);
     }, []), $e = i(
-      () => nt((e) => !e),
+      () => st((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), V && (t += qe ? 0 : an), t;
+        return ce && (t += Oe || on), g && (t += qe ? 0 : an), t;
       },
       [
         Y,
         Oe,
         qe,
         ce,
-        V
+        g
       ]
-    ), kt = () => {
+    ), _t = () => {
       const e = a?.getUserId?.();
       return {
         ...x || {},
@@ -594,7 +594,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         created_by: x?.created_by || e,
         filters: x?.filters || n?.columnFilters,
         id: x?.id || "untitled-view",
-        table_key: x?.table_key || g,
+        table_key: x?.table_key || V,
         columns: x?.columns || A?.map((t, l) => ({
           name: t.Header,
           width: t.width,
@@ -607,9 +607,9 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         }))
       };
     };
-    St.current = kt;
+    bt.current = _t;
     const Tr = (e, t) => {
-      const l = kt();
+      const l = _t();
       q({
         ...l,
         columns: l?.columns?.map(
@@ -624,7 +624,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       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 = St.current();
+          const o = bt.current();
           q({
             ...o,
             filters: JSON.parse(
@@ -645,25 +645,25 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       me.current = !0, n?.onClearFilter?.();
     }, [n?.onClearFilter]);
     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 ? (st(!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(
+        Vt(
           Be.current?.columns || [],
           A
         )
       );
     }, [A]), T(() => {
-      x?.unsaved && vt.current?.persistTableView?.(x);
+      x?.unsaved && wt.current?.persistTableView?.(x);
     }, [x]), T(() => {
-      it(
-        bt.current()
+      ct(
+        xt.current()
       );
     }, [I.length]), T(() => {
       q(N || null), N?.columns && Me(
-        Lt(
+        Vt(
           N?.columns || [],
-          wt.current
+          Ft.current
         )
       ), N?.filters && N.filters.length > 0 && !je.current ? (requestAnimationFrame(() => {
         pe.current?.onFilter?.(N.filters);
@@ -676,24 +676,24 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         return e.observe(Le.current), () => e.disconnect();
       }
     }, []), T(() => {
-      if (!ge.current) return;
+      if (!Ve.current) return;
       const e = new ResizeObserver((t) => {
         const { width: l, height: r } = t[0].contentRect;
         Hl({ width: l, height: r });
       });
-      return e.observe(ge.current), () => e.disconnect();
+      return e.observe(Ve.current), () => e.disconnect();
     }, []);
-    const _t = /* @__PURE__ */ s(
+    const Mt = /* @__PURE__ */ s(
       Xr,
       {
-        isResizable: el,
+        isResizable: tl,
         headerGroups: Fe,
         isCheckbox: El,
         checkboxConfig: We,
         isAllChecked: Ll,
-        showHeaderOptions: at ?? "",
+        showHeaderOptions: it ?? "",
         setShowHeaderOptions: de,
-        isShowSortArrowAsc: Vl,
+        isShowSortArrowAsc: gl,
         isShowSortArrowDesc: jl,
         onSort: p?.onSort,
         onFilter: n?.onFilter,
@@ -701,7 +701,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         setIsShowSortArrowAsc: ue,
         setIsShowSortArrowDesc: he,
         toggleDataFilterModal: Se,
-        rowOptions: Array.isArray(V) ? V : [],
+        rowOptions: Array.isArray(g) ? g : [],
         isColumnConfigurable: ne ?? !1,
         onAddColumnClick: se,
         onEditColumnClick: Ye,
@@ -711,15 +711,15 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
         rowAdditionalActions: ce ?? null,
         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,
+    ), It = /* @__PURE__ */ b(Er, { children: [
+      Pl || hl ? /* @__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",
         {
-          ...At(),
+          ...Et(),
           className: "w-full text-sm text-left text-neutral-500 dark:text-neutral-200 h-full bg-white dark:bg-black-800",
-          children: ot ? /* @__PURE__ */ b("div", { className: "z-10", children: [
-            _t,
+          children: at ? /* @__PURE__ */ b("div", { className: "z-10", children: [
+            Mt,
             /* @__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: [
               Ge && !U ? /* @__PURE__ */ s(mn, { widgetType: "TABLE" }) : /* @__PURE__ */ s(pn, { text: ir }),
               ne && !U ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
@@ -752,16 +752,16 @@ 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 : dt.width, r = t > 0 ? t : dt.height;
+                const l = e > 0 ? e : ut.width, r = t > 0 ? t : ut.height;
                 return l > 0 && r > 0 ? /* @__PURE__ */ s(
                   Cr,
                   {
-                    getTableBodyProps: Et,
+                    getTableBodyProps: Rt,
                     rows: I,
-                    prepareRow: Rt,
+                    prepareRow: kt,
                     isLoading: re,
-                    onScroll: Ct,
-                    onScrolling: Ut,
+                    onScroll: Ut,
+                    onScrolling: qt,
                     columns: A,
                     width: l,
                     height: r,
@@ -774,11 +774,11 @@ 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: [
-      _t,
+    ] }), Or = Bt((e, t) => /* @__PURE__ */ b("div", { className: "h-full w-full", ...e, ref: t, children: [
+      Mt,
       /* @__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 }) })), ze = C(() => a?.renderTableHeader ? a.renderTableHeader({
-      tableKey: g,
+    ] })), Ar = Bt((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: V,
       search: D?.search,
       handleSearch: D?.handleSearch,
       toggleShowFilters: Se,
@@ -815,7 +815,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
       agreementId: ee,
       enumSuggestionsExtraParams: te
     }) : null, [
-      g,
+      V,
       D?.search,
       D?.handleSearch,
       Se,
@@ -852,62 +852,62 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           lastNonStickyColumnIndex: xr,
           search: D?.search,
           columnFilters: n?.columnFilters,
-          onRowClick: $t,
+          onRowClick: zt,
           onSort: p?.onSort,
           onFilter: n?.onFilter,
           toggleShowFilters: Se,
           toggleShowSorts: $e,
           onRemoveFilter: n?.onRemoveFilter,
           onClearFilter: n?.onClearFilter,
-          rowOptions: V,
+          rowOptions: g,
           checkboxConfig: We,
           onResetFilter: n?.onResetFilter,
           isColumnConfigurable: ne,
           onAddColumnClick: se,
           onEditColumnClick: Ye,
           onDeleteColumnClick: Ze,
-          onRowTooltipClick: qt,
-          tooltiptext: Jt,
-          cascadingTableConfig: Gt,
+          onRowTooltipClick: Jt,
+          tooltiptext: Gt,
+          cascadingTableConfig: Xt,
           activeInlineEdit: $l,
           setActiveInlineEdit: H,
-          originalsOnly: Xt,
-          disableOptionsForRowIndex: Yt,
-          getFullRowDataOnClick: Zt,
-          selectedRowId: Qt,
+          originalsOnly: Yt,
+          disableOptionsForRowIndex: Zt,
+          getFullRowDataOnClick: Qt,
+          selectedRowId: Kt,
           getSumOfNextVisibleColumnWidth: yr,
           onRowEdit: _,
-          inlineEditColumns: Kt,
+          inlineEditColumns: el,
           tableActions: Ue,
           dndSortableUtils: ie,
           withSortable: ye,
-          withDraggable: tl,
-          onCascadingRowExpand: nl,
-          getInnerRowData: sl,
+          withDraggable: ll,
+          onCascadingRowExpand: sl,
+          getInnerRowData: ol,
           tableHeaders: v,
-          maxLevel: ol,
-          expandedRows: al,
-          setExpandedRows: il,
-          showNewItem: cl,
+          maxLevel: al,
+          expandedRows: il,
+          setExpandedRows: cl,
+          showNewItem: dl,
           rawData: et,
-          dragConfig: dl,
-          rowWrapper: ml,
-          rowLinkConfig: pl,
+          dragConfig: ul,
+          rowWrapper: pl,
+          rowLinkConfig: tt,
           isCellClickDisabled: fl,
           asyncRowOptionsFilter: n?.asyncRowOptionsFilter,
           handleUpdateColumnWidth: Tr,
           isTableViewReadOnly: M,
           multiSelectConfig: wl,
-          cellContextMenuConfig: tt,
+          cellContextMenuConfig: lt,
           openCellContextMenu: lr,
-          closeCellContextMenu: Nt,
+          closeCellContextMenu: Ot,
           headerContextOptions: Fl,
           showHeaderContextOptions: Sl,
           setShowHeaderContextOptions: bl,
           headerDivWidth: E,
           showDataTypeIcon: xl,
           rowAdditionalActions: ce,
-          hoverConfig: Ht,
+          hoverConfig: $t,
           rowAdditionalActionsWidth: Oe,
           cellEditing: yl,
           cellEditingValue: Tl,
@@ -917,9 +917,9 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           clearSelectedMasterData: er,
           allowInlineEdit: Dl,
           openCurrencyDropdown: tr,
-          closeCurrencyDropdown: Dt,
-          currencyDropdownConfig: mt,
-          selectedCurrenciesMap: Ve,
+          closeCurrencyDropdown: Nt,
+          currencyDropdownConfig: pt,
+          selectedCurrenciesMap: ge,
           setCurrencyForCell: rr,
           getCurrencyForCell: nr,
           pendingEdits: h,
@@ -927,8 +927,8 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           removePendingEdit: Ul,
           getPendingEdit: ql,
           hasPendingEdit: Jl,
-          clearAllPendingEdits: yt,
-          saveAllPendingEdits: Tt,
+          clearAllPendingEdits: Tt,
+          saveAllPendingEdits: Dt,
           clearRowPendingEdits: Gl,
           saveRowPendingEdits: Xl,
           pendingEditsCount: z,
@@ -1028,7 +1028,7 @@ 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 || _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: [
+          Ct && (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,
@@ -1039,7 +1039,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
             }) : 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: [
-              (rt || n?.onResetFilter) && a?.renderActiveFilters && a.renderActiveFilters({
+              (nt || n?.onResetFilter) && a?.renderActiveFilters && a.renderActiveFilters({
                 filters: n?.columnFilters,
                 onRemoveFilter: Dr,
                 onClearFilter: Nr,
@@ -1063,7 +1063,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                 modelName: Q,
                 enableMasterDataEnumSuggestions: K,
                 defaultFilterColumn: Rl,
-                resetDefaultFilterColumn: () => st(null),
+                resetDefaultFilterColumn: () => ot(null),
                 column: Ml,
                 onFilter: n?.onFilter,
                 tableHeaders: v,
@@ -1107,16 +1107,16 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           /* @__PURE__ */ s(
             "div",
             {
-              ref: ge,
+              ref: Ve,
               className: `w-full ${ae ? "h-auto" : oe} rounded-lg relative border overflow-x-hidden`,
               style: {
                 ...ae ? {
                   height: u?.length > 0 ? `${(u?.length + 1) * Ol + 4}px` : "350px"
                 } : { height: sr },
-                ...hl
+                ...ml
               },
-              children: ll ? Mt : /* @__PURE__ */ b(
-                Vr,
+              children: rl ? It : /* @__PURE__ */ b(
+                gr,
                 {
                   sensors: mr,
                   onDragEnd: wr,
@@ -1124,7 +1124,7 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                   onDragCancel: Fr,
                   collisionDetection: jr,
                   children: [
-                    Mt,
+                    It,
                     J ? Hr(
                       /* @__PURE__ */ s(
                         Br,
@@ -1134,15 +1134,15 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
                           children: /* @__PURE__ */ s(
                             "table",
                             {
-                              ...At(),
+                              ...Et(),
                               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",
                                 {
-                                  ...Et(),
+                                  ...Rt(),
                                   className: "bg-transparent divide-y divide-neutral-200",
                                   children: [
-                                    void Rt(J),
+                                    void kt(J),
                                     /* @__PURE__ */ s(
                                       Ur,
                                       {
@@ -1182,21 +1182,22 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
           /* @__PURE__ */ s(
             Gr,
             {
-              config: mt,
-              onClose: Dt
+              config: pt,
+              onClose: Nt
             }
           ),
           /* @__PURE__ */ s(
             Jr,
             {
               state: Cl,
-              config: tt,
-              rowOptions: V,
+              config: lt,
+              rowOptions: g,
               asyncRowOptionsFilter: n?.asyncRowOptionsFilter,
               checkedIds: We?.checkedIds,
               rows: u,
               columns: v,
-              onClose: Nt
+              rowLinkConfig: tt,
+              onClose: Ot
             }
           ),
           /* @__PURE__ */ s(
@@ -1206,8 +1207,8 @@ const vn = Wr, Wt = "Create Column", wn = (g, D) => `button-admin-${g.toLowerCas
               pendingEditsList: Yl,
               rowsWithPendingEdits: Zl,
               fieldOperationLoading: P,
-              onClearAll: yt,
-              onSaveAll: Tt,
+              onClearAll: Tt,
+              onSaveAll: Dt,
               onScrollToCell: $
             }
           )