@lax-wp/design-system 0.13.63 → 0.13.65

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

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as b, Fragment as Nr } from "react/jsx-runtime";
-import { useCheckbox as Or } from "../../../hooks/useCheckbox.es.js";
-import { useTableConfig as Ar } from "../../../providers/design-system-provider/hooks.es.js";
-import { canEditTableView as Er, mergeViewColumnsWithTableColumns as Vt } from "../../../utils/table.es.js";
+import { useCheckbox as Er } from "../../../hooks/useCheckbox.es.js";
+import { useTableConfig as Or } from "../../../providers/design-system-provider/hooks.es.js";
+import { canEditTableView as Ar, mergeViewColumnsWithTableColumns as Vt } from "../../../utils/table.es.js";
 import gt from "../../button/Button.es.js";
 import { FloatingBar as _r } from "../../floating-bar/FloatingBar.es.js";
 import { Typography as ye } from "../typography/Typography.es.js";
-import { useSensors as Rr, useSensor as It, MouseSensor as kr, TouchSensor as Mr, DndContext as Lr, closestCorners as Vr, DragOverlay as gr } from "@dnd-kit/core";
-import Ir, { useState as p, useRef as O, useCallback as c, useEffect as y, useMemo as z, forwardRef as jt } from "react";
+import { useSensors as kr, useSensor as It, MouseSensor as Rr, TouchSensor as Mr, DndContext as Lr, closestCorners as Vr, DragOverlay as gr } from "@dnd-kit/core";
+import Ir, { useState as p, useRef as E, useCallback as u, useEffect as y, useMemo as z, forwardRef as jt } from "react";
 import { AutoSizer as jr } from "react-virtualized-auto-sizer";
 import { createPortal as Pr } from "react-dom";
 import { useTable as Br, useResizeColumns as Wr } from "react-table";
@@ -17,7 +17,7 @@ import { TableContext as zr } from "./context.es.js";
 import { CurrencyDropdownPortal as Ur } from "./CurrencyDropdownPortal.es.js";
 import { Head as qr } from "./head/index.es.js";
 import { PendingEditsFloatingBar as Jr } from "./PendingEditsFloatingBar.es.js";
-import { DATA_ROW_ID_ATTR as Gr, DATA_COLUMN_KEY_ATTR as Xr, OS_VIEWPORT_SELECTOR as Yr, SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK as Zr, SCROLL_TO_CELL_LEFT_OFFSET as Cr, DEFAULT_PAGE_SIZE as Qr, DEFAULT_COLUMN_MAX_WIDTH as Kr, DEFAULT_COLUMN_WIDTH as en, DEFAULT_COLUMN_MIN_WIDTH as tn, DND_ACTIVATION_DISTANCE as Bt, ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH as ln, ROW_OPTIONS_COLUMN_WIDTH as rn, TOOLBAR_FIRST_BREAKPOINT as C, TOOLBAR_SECOND_BREAKPOINT as Je, DROP_ANIMATION_DURATION as nn, DROP_ANIMATION_EASING as sn } from "./constants.es.js";
+import { DATA_ROW_ID_ATTR as Gr, DATA_COLUMN_KEY_ATTR as Cr, OS_VIEWPORT_SELECTOR as Xr, SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK as Yr, SCROLL_TO_CELL_LEFT_OFFSET as Zr, DEFAULT_PAGE_SIZE as Qr, DEFAULT_COLUMN_MAX_WIDTH as Kr, DEFAULT_COLUMN_WIDTH as en, DEFAULT_COLUMN_MIN_WIDTH as tn, DND_ACTIVATION_DISTANCE as Bt, ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH as ln, ROW_OPTIONS_COLUMN_WIDTH as rn, TOOLBAR_FIRST_BREAKPOINT as Z, TOOLBAR_SECOND_BREAKPOINT as Je, DROP_ANIMATION_DURATION as nn, DROP_ANIMATION_EASING as sn } from "./constants.es.js";
 import { getRowSlotHeight as on, useRowHeight as an } from "./useRowHeight.es.js";
 import { NoDataFoundWidgets as cn } from "../empty-state/NoDataFoundWidgets.es.js";
 import { NoDataFound as un } from "../empty-state/NoDataFound.es.js";
@@ -43,7 +43,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       columnSort: { field: "", order: "" },
       onRemoveSort: () => null
     },
-    headerConfig: u = {
+    headerConfig: i = {
       showExportButton: null,
       showFilters: !0,
       showSorts: !0,
@@ -57,7 +57,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       showDivider: !1
     },
     hoverConfig: Ht = null,
-    columns: A,
+    columns: O,
     modelName: Q,
     enableMasterDataEnumSuggestions: K = !1,
     agreementCategoryId: ee,
@@ -71,27 +71,27 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
     showHeader: De,
     tableActions: Ge,
     rowOptions: U,
-    hideRowOptionWidth: Xe,
+    hideRowOptionWidth: Ce,
     checkboxUtilities: I,
     isLoading: oe = !1,
     onScroll: zt,
     onScrolling: Ut,
     isColumnConfigurable: ae,
     onAddColumnClick: ie,
-    emptyMessage: Ye,
-    noDataWidget: Ze,
-    buttons: Ce,
+    emptyMessage: Xe,
+    noDataWidget: Ye,
+    buttons: Ze,
     onEditColumnClick: Qe,
     onDeleteColumnClick: Ke,
     onRowTooltipClick: qt,
     tooltiptext: Jt,
     cascadingTableConfig: Gt,
-    originalsOnly: Xt,
-    disableOptionsForRowIndex: Yt,
+    originalsOnly: Ct,
+    disableOptionsForRowIndex: Xt,
     tableHeightClass: ce = "h-[calc(100vh-220px)]",
-    getFullRowDataOnClick: Zt,
-    selectedRowId: Ct = null,
-    onRowEdit: k,
+    getFullRowDataOnClick: Yt,
+    selectedRowId: Zt = null,
+    onRowEdit: R,
     onBulkRowEdit: j,
     inlineEditColumns: Qt,
     isResizable: Kt = !0,
@@ -104,7 +104,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
     pageSize: ll = Qr,
     onCascadingRowExpand: rl,
     totalItems: tt,
-    showRecordCount: Oe = !1,
+    showRecordCount: Ee = !1,
     getInnerRowData: nl,
     maxLevel: sl,
     expandedRows: ol = {},
@@ -114,11 +114,11 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
     dragConfig: cl,
     isOverlayLoading: ul,
     style: dl = {},
-    floatingBarConfig: Ae,
+    floatingBarConfig: Oe,
     rowWrapper: hl,
     rowLinkConfig: ml,
     isCellClickDisabled: pl,
-    setHeaderOnParent: Ee,
+    setHeaderOnParent: Ae,
     optimizeTable: vl = !1,
     multiSelectConfig: fl,
     headerContextOptions: wl,
@@ -127,53 +127,53 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
     showDataTypeIcon: bl = !1,
     rowAdditionalActions: he,
     rowAdditionalActionsWidth: _e,
-    setVisibleHeaders: Re,
+    setVisibleHeaders: ke,
     cellEditing: xl = null,
     cellEditingValue: Tl = null,
     allowInlineEdit: yl = !1,
     onFieldOperationFlow: Dl,
     fieldOperationLoading: P = null,
-    onTableActionsReady: ke,
+    onTableActionsReady: Re,
     onPendingEditsChange: rt,
     onCancelPendingEdits: B
   }) => {
-    const a = Ar(), Nl = on(an()), Ol = !!D?.search, nt = n?.columnFilters?.length > 0, q = Ol || nt, Al = !!I, N = a?.getTableView?.(g) ?? null, [x, J] = p(N || null), M = !Er(
+    const a = Or(), Nl = on(an()), El = !!D?.search, nt = n?.columnFilters?.length > 0, q = El || nt, Ol = !!I, N = a?.getTableView?.(g) ?? null, [x, J] = p(N || null), M = !Ar(
       x,
       a?.getUserId?.()
-    ), [Me, Le] = p(!1), [Ve, st] = p(!1), [El, ot] = p(null), [w, ge] = p(A), at = (m.length === 0 || !w.length) && !oe, [it, me] = p(
+    ), [Me, Le] = p(!1), [Ve, st] = p(!1), [Al, ot] = p(null), [w, ge] = p(O), at = (m.length === 0 || !w.length) && !oe, [it, me] = p(
       null
-    ), [_l, Rl] = p(!1), [kl, Ml] = p(null), [Ll, Vl] = p(!1), [gl, pe] = p(
+    ), [_l, kl] = p(!1), [Rl, Ml] = p(null), [Ll, Vl] = p(!1), [gl, pe] = p(
       null
     ), [Il, ve] = p(null), [jl, ct] = p({}), [G, Ie] = p(
       null
-    ), [Pl, ut] = p(!1), [E, Bl] = p(0), je = O(null), Pe = O(null), [dt, Wl] = p({
+    ), [Pl, ut] = p(!1), [A, Bl] = p(0), je = E(null), Pe = E(null), [dt, Wl] = p({
       width: 0,
       height: 0
-    }), [Hl, W] = p(null), [_, ht] = p(null), [$l, mt] = p(null), [pt, vt] = p(null), [Be, X] = p({}), We = O(!1), fe = O(!1), He = O(x);
+    }), [Hl, W] = p(null), [_, ht] = p(null), [$l, mt] = p(null), [pt, vt] = p(null), [Be, C] = p({}), We = E(!1), fe = E(!1), He = E(x);
     He.current = x;
-    const ft = O(a);
+    const ft = E(a);
     ft.current = a;
-    const wt = O(A);
-    wt.current = A;
-    const we = O(n);
+    const wt = E(O);
+    wt.current = O;
+    const we = E(n);
     we.current = n;
-    const Ft = O(null), St = O(
+    const Ft = E(null), St = E(
       () => ({})
-    ), bt = O(() => ({})), [d, R] = p({}), $e = c(
+    ), bt = E(() => ({})), [d, k] = p({}), $e = u(
       (e, t, l) => {
-        R((r) => {
+        k((r) => {
           const o = r[e]?.[t];
-          let i = l.validationError;
-          if (i === void 0) {
+          let c = l.validationError;
+          if (c === void 0) {
             const F = w.find((v) => v.key === t);
             if (F) {
               const v = Pt(
                 l.value,
                 F
               );
-              i = v.isValid ? null : v.error || "Invalid";
+              c = v.isValid ? null : v.error || "Invalid";
             } else
-              i = o?.validationError ?? null;
+              c = o?.validationError ?? null;
           }
           return {
             ...r,
@@ -181,43 +181,43 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
               ...r[e] || {},
               [t]: {
                 ...l,
-                validationError: i ?? null
+                validationError: c ?? null
               }
             }
           };
         });
       },
       [w]
-    ), xt = c(() => Object.values(d).some(
+    ), xt = u(() => Object.values(d).some(
       (e) => Object.keys(e).length > 0
     ), [d]);
     y(() => {
-      ke && ke({
+      Re && Re({
         addPendingEdit: $e,
         hasPendingEdits: xt
       });
-    }, [ke, $e, xt]);
-    const zl = c(
+    }, [Re, $e, xt]);
+    const zl = u(
       (e, t) => {
-        R((l) => {
+        k((l) => {
           const r = { ...l };
           if (r[e]) {
-            const { [t]: o, ...i } = r[e];
-            Object.keys(i).length === 0 ? delete r[e] : r[e] = i;
+            const { [t]: o, ...c } = r[e];
+            Object.keys(c).length === 0 ? delete r[e] : r[e] = c;
           }
           return r;
         });
       },
       []
-    ), Ul = c(
+    ), Ul = u(
       (e, t) => d[e]?.[t],
       [d]
-    ), ql = c(
+    ), ql = u(
       (e, t) => !!d[e]?.[t],
       [d]
-    ), Tt = c(() => {
-      P || (B && Object.keys(d).length > 0 && B(d), R({}), X({}), W(null));
-    }, [P, B, d]), H = c(
+    ), Tt = u(() => {
+      P || (B && Object.keys(d).length > 0 && B(d), k({}), C({}), W(null));
+    }, [P, B, d]), H = u(
       (e, t, l) => {
         setTimeout(() => {
           a?.dispatchEvent?.("SCROLL_TO_TABLE_ROW", { rowIndex: l });
@@ -226,7 +226,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
           );
           setTimeout(() => {
             const o = document.querySelector(
-              `[${Gr}="${e}"] [${Xr}="${t}"]`
+              `[${Gr}="${e}"] [${Cr}="${t}"]`
             );
             if (o)
               o.scrollIntoView({
@@ -235,17 +235,17 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
                 inline: "center"
               });
             else if (r > 0) {
-              const i = document.querySelector(Yr);
-              if (i) {
+              const c = document.querySelector(Xr);
+              if (c) {
                 let F = 0;
                 for (let v = 0; v < r; v++) {
                   const T = w[v];
-                  T?.sticky || (F += T?.width || Zr);
+                  T?.sticky || (F += T?.width || Yr);
                 }
                 F = Math.max(
                   0,
-                  F - Cr
-                ), i.scrollTo({
+                  F - Zr
+                ), c.scrollTo({
                   left: F,
                   behavior: "smooth"
                 });
@@ -256,20 +256,20 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
         }, 100);
       },
       [w, a]
-    ), Y = c(
+    ), X = u(
       (e) => {
         let t = !1, l = null;
         const r = {}, o = /* @__PURE__ */ new Set();
-        return Object.entries(e).forEach(([i, F]) => {
-          r[i] = {}, Object.entries(F).forEach(([v, T]) => {
+        return Object.entries(e).forEach(([c, F]) => {
+          r[c] = {}, Object.entries(F).forEach(([v, T]) => {
             const V = w.find((S) => S.key === v), f = Pt(
               T.value,
               V
             );
-            f.isValid ? r[i][v] = {
+            f.isValid ? r[c][v] = {
               ...T,
               validationError: null
-            } : (t = !0, f.error && o.add(f.error), l || (l = { rowId: i, columnKey: v }), r[i][v] = {
+            } : (t = !0, f.error && o.add(f.error), l || (l = { rowId: c, columnKey: v }), r[c][v] = {
               ...T,
               validationError: f.error
             });
@@ -277,27 +277,27 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
         }), { hasErrors: t, updatedEdits: r, firstError: l, errorTypes: o };
       },
       [w]
-    ), Fe = c((e) => {
+    ), Fe = u((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 = c(() => {
-      const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = Y(d);
+    }, []), yt = u(() => {
+      const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = X(d);
       if (e) {
-        if (R(t), a?.showNotification?.(
+        if (k(t), a?.showNotification?.(
           "error",
           Fe(r)
         ), l) {
-          const i = m.findIndex(
+          const c = m.findIndex(
             (F) => F.id === l.rowId
           );
-          H(l.rowId, l.columnKey, i);
+          H(l.rowId, l.columnKey, c);
         }
         return;
       }
       const o = [];
-      Object.entries(d).forEach(([i, F]) => {
+      Object.entries(d).forEach(([c, F]) => {
         const v = m.find(
-          (T) => T.id === i
+          (T) => T.id === c
         );
         if (v) {
           const T = { ...v }, V = {};
@@ -305,27 +305,27 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
             T[f] = S.value, V[f] = { value: S.value, meta: S.meta };
           }), o.push({ ...T, __editedFields: V });
         }
-      }), o.length > 0 && (j ? j(o) : k && k(null, null, null, null, null, {
+      }), o.length > 0 && (j ? j(o) : R && R(null, null, null, null, null, {
         isBulk: !0,
         rows: o
-      })), R({}), X({}), W(null);
+      })), k({}), C({}), W(null);
     }, [
       d,
       m,
-      k,
+      R,
       j,
-      Y,
+      X,
       Fe,
       H,
       a
-    ]), Jl = c(
+    ]), Jl = u(
       (e) => {
         if (P) return;
         const t = d[e];
-        t && B && B({ [e]: t }), R((l) => {
+        t && B && B({ [e]: t }), k((l) => {
           const r = { ...l };
           return delete r[e], r;
-        }), X((l) => {
+        }), C((l) => {
           const r = { ...l };
           return Object.keys(r).forEach((o) => {
             o.startsWith(`${e}-`) && delete r[o];
@@ -333,18 +333,18 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
         }), W(null);
       },
       [P, B, d]
-    ), Gl = c(
+    ), Gl = u(
       (e) => {
         const t = d[e];
         if (!t || Object.keys(t).length === 0) return;
-        const { hasErrors: l, updatedEdits: r, firstError: o, errorTypes: i } = Y({ [e]: t });
+        const { hasErrors: l, updatedEdits: r, firstError: o, errorTypes: c } = X({ [e]: t });
         if (l) {
-          if (R((f) => ({
+          if (k((f) => ({
             ...f,
             [e]: r[e]
           })), a?.showNotification?.(
             "error",
-            Fe(i)
+            Fe(c)
           ), o) {
             const f = m.findIndex(
               (S) => S.id === o.rowId
@@ -362,13 +362,13 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
           v[f] = S.value, T[f] = { value: S.value, meta: S.meta };
         });
         const V = { ...v, __editedFields: T };
-        j ? j([V]) : k && k(null, null, null, null, null, {
+        j ? j([V]) : R && R(null, null, null, null, null, {
           isBulk: !0,
           rows: [V]
-        }), R((f) => {
+        }), k((f) => {
           const S = { ...f };
           return delete S[e], S;
-        }), X((f) => {
+        }), C((f) => {
           const S = { ...f };
           return Object.keys(S).forEach((Lt) => {
             Lt.startsWith(`${e}-`) && delete S[Lt];
@@ -378,9 +378,9 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       [
         d,
         m,
-        k,
+        R,
         j,
-        Y,
+        X,
         Fe,
         H,
         a
@@ -392,27 +392,27 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
     y(() => {
       rt?.($ > 0, $);
     }, [$, rt]);
-    const Xl = z(() => {
+    const Cl = z(() => {
       const e = [];
       return Object.entries(d).forEach(([t, l]) => {
         const r = m.findIndex(
           (o) => o.id === t
         );
-        Object.entries(l).forEach(([o, i]) => {
+        Object.entries(l).forEach(([o, c]) => {
           const F = w.find((v) => v.key === o);
           e.push({
             rowId: t,
             columnKey: o,
             fieldName: F?.Header || F?.display_name || o,
-            value: i.value,
-            originalValue: i.originalValue,
-            meta: i.meta,
-            originalMeta: i.originalMeta,
+            value: c.value,
+            originalValue: c.originalValue,
+            meta: c.meta,
+            originalMeta: c.originalMeta,
             rowIndex: r
           });
         });
       }), e;
-    }, [d, w, m]), Yl = z(() => {
+    }, [d, w, m]), Xl = z(() => {
       const e = /* @__PURE__ */ new Map();
       return Object.entries(d).forEach(([t, l]) => {
         const r = m.findIndex(
@@ -426,32 +426,32 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       }), Array.from(e.values()).sort(
         (t, l) => t.rowIndex - l.rowIndex
       );
-    }, [d, m]), Zl = c(
+    }, [d, m]), Yl = u(
       (e) => ht(e),
       []
-    ), Se = c(
+    ), Se = u(
       () => ht(null),
       []
-    ), Cl = c(
+    ), Zl = u(
       (e, t) => {
         mt({ value: e, reference: t }), _?.onSelected && _.onSelected(e, t), Se();
       },
       [_, Se]
-    ), Ql = c(
+    ), Ql = u(
       () => mt(null),
       []
-    ), Kl = c(
+    ), Kl = u(
       (e) => vt(e),
       []
-    ), Dt = c(
+    ), Dt = u(
       () => vt(null),
       []
-    ), er = c(
+    ), er = u(
       (e, t) => {
-        X((l) => ({ ...l, [e]: t }));
+        C((l) => ({ ...l, [e]: t }));
       },
       []
-    ), tr = c(
+    ), tr = u(
       (e) => Be[e],
       [Be]
     ), lr = z(() => {
@@ -465,15 +465,15 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       isFilters: q,
       isColumnConfigurable: ae,
       handleOnClick: ie,
-      emptyMessage: Ye,
-      buttons: Ce,
-      noDataWidget: Ze
-    }, nr = a?.t?.(Wt) ?? Wt, be = q ? "No Results Found" : Ye || "No Data Found", sr = typeof be == "string" ? a?.t?.(be) ?? be : be, Nt = { __isLoading: !0 }, or = new Array(1).fill(Nt), ar = new Array(ll).fill(Nt), Z = z(
+      emptyMessage: Xe,
+      buttons: Ze,
+      noDataWidget: Ye
+    }, nr = a?.t?.(Wt) ?? Wt, be = q ? "No Results Found" : Xe || "No Data Found", sr = typeof be == "string" ? a?.t?.(be) ?? be : be, Nt = { __isLoading: !0 }, or = new Array(1).fill(Nt), ar = new Array(ll).fill(Nt), Y = z(
       () => w.filter((e) => !!e?.visible),
       [w]
     ), ir = Br(
       {
-        columns: vl ? Z : w,
+        columns: vl ? Y : w,
         data: [
           ...m,
           ...oe ? m?.length ? or : ar : []
@@ -485,7 +485,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
         }
       },
       Wr
-    ), { getTableProps: Ot, getTableBodyProps: At, headerGroups: xe, prepareRow: Et, rows: L } = ir;
+    ), { getTableProps: Et, getTableBodyProps: Ot, headerGroups: xe, prepareRow: At, rows: L } = ir;
     Ft.current = xe;
     const cr = JSON.stringify(
       xe[0]?.headers?.map(
@@ -493,14 +493,14 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       )
     );
     y(() => {
-      if (Re) {
+      if (ke) {
         const e = Ft.current;
-        Re?.(
+        ke?.(
           e?.[0]?.headers?.map((t) => t?.Header) ?? []
         );
       }
-    }, [cr, Re]);
-    const { checkboxConfig: _t } = Or({
+    }, [cr, ke]);
+    const { checkboxConfig: _t } = Er({
       rows: L,
       checkedIds: I?.checkedIds,
       isCheckAllDisabled: I?.isCheckAllDisabled,
@@ -509,8 +509,8 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       onAllChecked: Vl,
       setCheckedIds: I?.setCheckedIds,
       checkboxMetadata: I?.checkboxMetadata
-    }), ur = Rr(
-      It(kr, {
+    }), ur = kr(
+      It(Rr, {
         activationConstraint: { distance: Bt }
       }),
       It(Mr, {
@@ -556,12 +556,12 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
     }, vr = () => Ie(null), fr = (e) => {
       !h?.onSort && !n?.onFilter || me(it === e ? null : e);
     }, wr = (e) => {
-      Ml(e), Rl(!_l), me(null);
-    }, ze = c(() => {
+      Ml(e), kl(!_l), me(null);
+    }, ze = u(() => {
       h?.onRemoveSort ? h.onRemoveSort() : h?.onSort && h.onSort("", "");
-    }, [h]), Te = c((e = null) => {
+    }, [h]), Te = u((e = null) => {
       ot(e), Le((t) => e ? !0 : !t);
-    }, []), Ue = c(
+    }, []), Ue = u(
       () => st((e) => !e),
       []
     ), Fr = () => {
@@ -569,21 +569,21 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       for (let t = 0; t < e.length; t++)
         if (e[t].sticky) return t - 1;
       return e.length - 1;
-    }, Sr = c(
+    }, Sr = u(
       (e) => {
         let t = 0;
-        for (let l = e + 1; l < Z.length; l++)
-          Z[l].visible !== !1 && (t += Z[l].width ?? 0);
-        return he && (t += _e || ln), U && (t += Xe ? 0 : rn), t;
+        for (let l = e + 1; l < Y.length; l++)
+          Y[l].visible !== !1 && (t += Y[l].width ?? 0);
+        return he && (t += _e || ln), U && (t += Ce ? 0 : rn), t;
       },
       [
-        Z,
+        Y,
         _e,
-        Xe,
+        Ce,
         he,
         U
       ]
-    ), Rt = () => {
+    ), kt = () => {
       const e = a?.getUserId?.();
       return {
         ...x || {},
@@ -592,7 +592,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
         filters: x?.filters || n?.columnFilters,
         id: x?.id || "untitled-view",
         table_key: x?.table_key || g,
-        columns: x?.columns || A?.map((t, l) => ({
+        columns: x?.columns || O?.map((t, l) => ({
           name: t.Header,
           width: t.width,
           visible: t.visible,
@@ -604,10 +604,10 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
         }))
       };
     };
-    St.current = Rt;
+    St.current = kt;
     const br = (e, t) => {
       if (M) return;
-      const l = Rt();
+      const l = kt();
       J({
         ...l,
         columns: l?.columns?.map(
@@ -634,12 +634,12 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
         fe.current = !1;
       }
     }, [n?.columnFilters, M]);
-    const xr = c(
+    const xr = u(
       (e) => {
         fe.current = !0, n?.onRemoveFilter?.(e);
       },
       [n?.onRemoveFilter]
-    ), Tr = c(() => {
+    ), Tr = u(() => {
       fe.current = !0, n?.onClearFilter?.();
     }, [n?.onClearFilter]);
     y(() => {
@@ -648,10 +648,10 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       ge(
         Vt(
           He.current?.columns || [],
-          A
+          O
         )
       );
-    }, [A]), y(() => {
+    }, [O]), y(() => {
       x?.unsaved && ft.current?.persistTableView?.(x);
     }, [x]), y(() => {
       ct(
@@ -681,12 +681,12 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       });
       return e.observe(Pe.current), () => e.disconnect();
     }, []);
-    const kt = /* @__PURE__ */ s(
+    const Rt = /* @__PURE__ */ s(
       qr,
       {
         isResizable: Kt,
         headerGroups: xe,
-        isCheckbox: Al,
+        isCheckbox: Ol,
         checkboxConfig: _t,
         isAllChecked: Ll,
         showHeaderOptions: it ?? "",
@@ -714,12 +714,12 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       /* @__PURE__ */ s(
         "div",
         {
-          ...Ot(),
+          ...Et(),
           className: "w-full text-sm text-left text-neutral-500 dark:text-neutral-200 h-full bg-white dark:bg-black-800",
           children: at ? /* @__PURE__ */ b("div", { className: "z-10", children: [
-            kt,
+            Rt,
             /* @__PURE__ */ s("div", { className: "absolute w-full", children: a?.renderEmpty ? a.renderEmpty(rr) : /* @__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: [
-              Ze && !q ? /* @__PURE__ */ s(cn, { widgetType: "TABLE" }) : /* @__PURE__ */ s(un, { text: sr }),
+              Ye && !q ? /* @__PURE__ */ s(cn, { widgetType: "TABLE" }) : /* @__PURE__ */ s(un, { text: sr }),
               ae && !q ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
                 gt,
                 {
@@ -734,7 +734,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
                   ]
                 }
               ) }) : null,
-              !q && Ce?.map((e, t) => /* @__PURE__ */ s(
+              !q && Ze?.map((e, t) => /* @__PURE__ */ s(
                 gt,
                 {
                   status: "secondary",
@@ -754,13 +754,13 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
                 return l > 0 && r > 0 ? /* @__PURE__ */ s(
                   Hr,
                   {
-                    getTableBodyProps: At,
+                    getTableBodyProps: Ot,
                     rows: L,
-                    prepareRow: Et,
+                    prepareRow: At,
                     isLoading: oe,
                     onScroll: zt,
                     onScrolling: Ut,
-                    columns: A,
+                    columns: O,
                     width: l,
                     height: r,
                     withSortable: Ne,
@@ -773,7 +773,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
         }
       )
     ] }), yr = jt((e, t) => /* @__PURE__ */ b("div", { className: "h-full w-full", ...e, ref: t, children: [
-      kt,
+      Rt,
       /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children })
     ] })), Dr = 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 }) })), qe = z(() => a?.renderTableHeader ? a.renderTableHeader({
       tableKey: g,
@@ -782,11 +782,11 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       toggleShowFilters: Te,
       toggleShowSorts: Ue,
       filterCounts: n?.columnFilters?.length,
-      columns: A,
+      columns: O,
       columnFilters: n?.columnFilters,
       setSelectedTableView: J,
       selectedTableView: x,
-      enableTableView: u?.showTableView,
+      enableTableView: i?.showTableView,
       modelName: Q,
       enableMasterDataEnumSuggestions: K,
       onRemoveFilter: n?.onRemoveFilter,
@@ -794,21 +794,22 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       onFilter: n?.onFilter,
       data: se ?? m,
       tableHeaders: w,
-      showTableViewAsModal: u?.showTableViewAsModal,
-      additionalOptions: u?.additionalOptions,
-      inlineActions: u?.inlineActions,
-      showFilters: u?.showFilters,
-      showSorts: u?.showSorts,
-      showSearch: u?.showSearch,
-      isLoading: !!u?.isLoading,
+      showTableViewAsModal: i?.showTableViewAsModal,
+      additionalOptions: i?.additionalOptions,
+      inlineActions: i?.inlineActions,
+      showFilters: i?.showFilters,
+      showSorts: i?.showSorts,
+      showSearch: i?.showSearch,
+      isLoading: !!i?.isLoading,
       setTableHeaders: ge,
       allowAStarSearch: !!D?.allowAStarSearch,
-      withContent: !!u?.content,
+      withContent: !!i?.content,
       setShowFilters: Le,
       sort: h?.columnSort,
       onSort: h?.onSort,
       onRemoveSort: ze,
-      showExportButton: u?.showExportButton,
+      showExportButton: i?.showExportButton,
+      onExportClick: i?.onExportClick,
       agreementCategoryId: ee,
       agreementDomainId: te,
       agreementId: le,
@@ -821,10 +822,10 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       Te,
       Ue,
       n?.columnFilters,
-      A,
+      O,
       J,
       x,
-      u,
+      i,
       Q,
       n?.onRemoveFilter,
       n?.onClearFilter,
@@ -845,8 +846,8 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
       ne
     ]);
     return y(() => {
-      Ee && Ee(qe);
-    }, [qe, Ee]), /* @__PURE__ */ b(
+      Ae && Ae(qe);
+    }, [qe, Ae]), /* @__PURE__ */ b(
       zr.Provider,
       {
         value: {
@@ -874,12 +875,12 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
           cascadingTableConfig: Gt,
           activeInlineEdit: Hl,
           setActiveInlineEdit: W,
-          originalsOnly: Xt,
-          disableOptionsForRowIndex: Yt,
-          getFullRowDataOnClick: Zt,
-          selectedRowId: Ct,
+          originalsOnly: Ct,
+          disableOptionsForRowIndex: Xt,
+          getFullRowDataOnClick: Yt,
+          selectedRowId: Zt,
           getSumOfNextVisibleColumnWidth: Sr,
-          onRowEdit: k,
+          onRowEdit: R,
           inlineEditColumns: Qt,
           tableActions: Ge,
           dndSortableUtils: de,
@@ -904,14 +905,14 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
           headerContextOptions: wl,
           showHeaderContextOptions: Fl,
           setShowHeaderContextOptions: Sl,
-          headerDivWidth: E,
+          headerDivWidth: A,
           showDataTypeIcon: bl,
           rowAdditionalActions: he,
           hoverConfig: Ht,
           rowAdditionalActionsWidth: _e,
           cellEditing: xl,
           cellEditingValue: Tl,
-          openMasterDataModal: Zl,
+          openMasterDataModal: Yl,
           closeMasterDataModal: Se,
           selectedMasterData: $l,
           clearSelectedMasterData: Ql,
@@ -935,28 +936,28 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
           scrollToCell: H,
           onFieldOperationFlow: Dl,
           fieldOperationLoading: P,
-          validateAllPendingEdits: Y
+          validateAllPendingEdits: X
         },
         children: [
           De ? /* @__PURE__ */ b(
             "div",
             {
               ref: je,
-              className: `mb-2 flex w-full min-w-0 gap-2 dark:bg-black-800 ${E < C ? "flex-col items-stretch" : "flex-row items-center"}`,
+              className: `mb-2 flex w-full min-w-0 gap-2 dark:bg-black-800 ${A < Z ? "flex-col items-stretch" : "flex-row items-center"}`,
               children: [
                 /* @__PURE__ */ b(
                   "div",
                   {
-                    className: `flex items-center gap-x-2 gap-y-1 ${E < C ? "w-full flex-wrap" : ""} ${u?.content ? "min-w-0 flex-1" : "shrink-0"}`,
+                    className: `flex items-center gap-x-2 gap-y-1 ${A < Z ? "w-full flex-wrap" : ""} ${i?.content ? "min-w-0 flex-1" : "shrink-0"}`,
                     children: [
-                      u?.content ? /* @__PURE__ */ s(
+                      i?.content ? /* @__PURE__ */ s(
                         "div",
                         {
-                          className: `min-w-0 ${E < C ? "w-full" : "flex-1"}`,
-                          children: u.content
+                          className: `min-w-0 ${A < Z ? "w-full" : "flex-1"}`,
+                          children: i.content
                         }
                       ) : null,
-                      Oe ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+                      Ee ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 shrink-0", children: [
                         /* @__PURE__ */ b(
                           "svg",
                           {
@@ -997,28 +998,28 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
                             children: "total records"
                           }
                         )
-                      ] }) : u?.preContent ? /* @__PURE__ */ s("div", { className: "flex min-w-0 shrink-0 justify-start items-center", children: u.preContent }) : null
+                      ] }) : i?.preContent ? /* @__PURE__ */ s("div", { className: "flex min-w-0 shrink-0 justify-start items-center", children: i.preContent }) : null
                     ]
                   }
                 ),
                 /* @__PURE__ */ b(
                   "div",
                   {
-                    className: `flex min-w-0 items-center justify-end ${E < C ? "w-full" : u?.content ? "shrink-0" : "flex-1"} ${E < Je ? "flex-col" : "flex-row"} ${u?.postContent ? "gap-2" : ""}`,
+                    className: `flex min-w-0 items-center justify-end ${A < Z ? "w-full" : i?.content ? "shrink-0" : "flex-1"} ${A < Je ? "flex-col" : "flex-row"} ${i?.postContent ? "gap-2" : ""}`,
                     children: [
-                      Oe && u?.preContent ? /* @__PURE__ */ s("div", { className: "flex w-full justify-start items-center", children: u.preContent }) : null,
+                      Ee && i?.preContent ? /* @__PURE__ */ s("div", { className: "flex w-full justify-start items-center", children: i.preContent }) : null,
                       /* @__PURE__ */ s(
                         "div",
                         {
-                          className: `flex justify-end items-center min-w-0 ${E < Je || E < C ? "w-full" : ""}`,
+                          className: `flex justify-end items-center min-w-0 ${A < Je || A < Z ? "w-full" : ""}`,
                           children: qe
                         }
                       ),
-                      u?.postContent ? /* @__PURE__ */ s(
+                      i?.postContent ? /* @__PURE__ */ s(
                         "div",
                         {
-                          className: `flex justify-end items-center ${E < Je ? "w-full" : ""}`,
-                          children: u.postContent
+                          className: `flex justify-end items-center ${A < Je ? "w-full" : ""}`,
+                          children: i.postContent
                         }
                       ) : null
                     ]
@@ -1027,7 +1028,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
               ]
             }
           ) : null,
-          u?.showDivider ? /* @__PURE__ */ s("div", { className: "border-b pb-2 w-full dark:bg-black-800" }) : null,
+          i?.showDivider ? /* @__PURE__ */ s("div", { className: "border-b pb-2 w-full dark:bg-black-800" }) : null,
           Me || Ve ? /* @__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: [
             Ve && a?.renderSortItem ? a.renderSortItem({
               sort: h?.columnSort,
@@ -1065,9 +1066,9 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
                 onClose: wr,
                 modelName: Q,
                 enableMasterDataEnumSuggestions: K,
-                defaultFilterColumn: El,
+                defaultFilterColumn: Al,
                 resetDefaultFilterColumn: () => ot(null),
-                column: kl,
+                column: Rl,
                 onFilter: n?.onFilter,
                 tableHeaders: w,
                 columnFilters: n?.columnFilters,
@@ -1083,8 +1084,8 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
               })
             ] }) : null
           ] }) }) : null,
-          Ae && Object.keys(Ae).length ? /* @__PURE__ */ s(_r, { ...Ae }) : null,
-          !De && Oe ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 mb-2", children: [
+          Oe && Object.keys(Oe).length ? /* @__PURE__ */ s(_r, { ...Oe }) : null,
+          !De && Ee ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 mb-2", children: [
             /* @__PURE__ */ b(
               "svg",
               {
@@ -1109,7 +1110,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
             ),
             /* @__PURE__ */ s(ye, { size: "small", variant: "semibold", appearance: "title", children: (tt ?? m.length).toLocaleString() }),
             /* @__PURE__ */ s(ye, { size: "small", variant: "regular", appearance: "subtitle", children: "total records" })
-          ] }) : !De && u?.preContent ? /* @__PURE__ */ s("div", { className: "flex items-center mb-2", children: u.preContent }) : null,
+          ] }) : !De && i?.preContent ? /* @__PURE__ */ s("div", { className: "flex items-center mb-2", children: i.preContent }) : null,
           /* @__PURE__ */ s(
             "div",
             {
@@ -1140,15 +1141,15 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
                           children: /* @__PURE__ */ s(
                             "table",
                             {
-                              ...Ot(),
+                              ...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",
                                 {
-                                  ...At(),
+                                  ...Ot(),
                                   className: "bg-transparent divide-y divide-neutral-200",
                                   children: [
-                                    void Et(G),
+                                    void At(G),
                                     /* @__PURE__ */ s(
                                       $r,
                                       {
@@ -1176,7 +1177,7 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
           ue && a?.renderPagination ? a.renderPagination(ue) : null,
           a?.renderMasterDataModal && a.renderMasterDataModal({
             isVisible: !!_,
-            onSelected: Cl,
+            onSelected: Zl,
             onClose: Se,
             masterDataColumnName: _?.masterDataColumnName,
             masterDataFormula: _?.masterDataFormula,
@@ -1196,8 +1197,8 @@ const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCas
             Jr,
             {
               pendingEditsCount: $,
-              pendingEditsList: Xl,
-              rowsWithPendingEdits: Yl,
+              pendingEditsList: Cl,
+              rowsWithPendingEdits: Xl,
               fieldOperationLoading: P,
               onClearAll: Tt,
               onSaveAll: yt,