@lax-wp/design-system 0.13.41 → 0.13.43

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

@@ -1,28 +1,28 @@
-import { jsx as s, jsxs as b, Fragment as Nr } from "react/jsx-runtime";
-import { useCheckbox as Dr } from "../../../hooks/useCheckbox.es.js";
+import { jsx as s, jsxs as b, Fragment as Dr } 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 { mergeViewColumnsWithTableColumns as Lt } from "../../../utils/table.es.js";
+import { canEditTableView as Er, mergeViewColumnsWithTableColumns as Vt } from "../../../utils/table.es.js";
 import gt from "../../button/Button.es.js";
-import { FloatingBar as Er } from "../../floating-bar/FloatingBar.es.js";
-import { Typography as Te } from "../typography/Typography.es.js";
-import { useSensors as Or, useSensor as Vt, MouseSensor as _r, TouchSensor as kr, DndContext as Rr, closestCorners as Mr, DragOverlay as Lr } from "@dnd-kit/core";
-import gr, { useState as p, useRef as A, useCallback as c, useEffect as y, useMemo as $, forwardRef as jt } from "react";
-import { AutoSizer as Vr } from "react-virtualized-auto-sizer";
-import { createPortal as jr } from "react-dom";
-import { useTable as Ir, useResizeColumns as Pr } from "react-table";
-import { Body as Br } from "./body/index.es.js";
-import { validateCellValue as It } from "./validateCell.es.js";
-import { Row as Wr } from "./body/rows/row.es.js";
-import { TableContext as Hr } from "./context.es.js";
-import { CurrencyDropdownPortal as $r } from "./CurrencyDropdownPortal.es.js";
-import { Head as zr } from "./head/index.es.js";
-import { PendingEditsFloatingBar as qr } from "./PendingEditsFloatingBar.es.js";
-import { DATA_ROW_ID_ATTR as Ur, DATA_COLUMN_KEY_ATTR as Jr, OS_VIEWPORT_SELECTOR as Gr, SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK as Xr, SCROLL_TO_CELL_LEFT_OFFSET as Yr, DEFAULT_PAGE_SIZE as Zr, DEFAULT_COLUMN_MAX_WIDTH as Cr, DEFAULT_COLUMN_WIDTH as Qr, DEFAULT_COLUMN_MIN_WIDTH as Kr, DND_ACTIVATION_DISTANCE as Pt, ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH as en, ROW_OPTIONS_COLUMN_WIDTH as tn, TOOLBAR_FIRST_BREAKPOINT as Z, TOOLBAR_SECOND_BREAKPOINT as Ue, DROP_ANIMATION_DURATION as ln, DROP_ANIMATION_EASING as rn } from "./constants.es.js";
-import { getRowSlotHeight as nn, useRowHeight as sn } from "./useRowHeight.es.js";
-import { NoDataFoundWidgets as on } from "../empty-state/NoDataFoundWidgets.es.js";
-import { NoDataFound as an } from "../empty-state/NoDataFound.es.js";
-import { Add2Icon as cn } from "../../icon/icons.generated.es.js";
-const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, "") || N}`, jn = gr.memo(
+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 { 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";
+import { Body as Hr } from "./body/index.es.js";
+import { validateCellValue as Pt } from "./validateCell.es.js";
+import { Row as $r } from "./body/rows/row.es.js";
+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 { 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";
+import { Add2Icon as dn } from "../../icon/icons.generated.es.js";
+const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, "") || N}`, Pn = Ir.memo(
   ({
     tableKey: g,
     searchConfig: N = { search: "", handleSearch: () => null, allowAStarSearch: !1 },
@@ -48,216 +48,216 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
       isLoading: !1,
       showDivider: !1
     },
-    hoverConfig: Wt = null,
-    columns: E,
-    modelName: C,
-    enableMasterDataEnumSuggestions: Q = !1,
-    agreementCategoryId: K,
-    agreementDomainId: ee,
-    agreementId: te,
-    modificationId: le,
-    lineItemRowId: re,
-    enumSuggestionsData: ne,
+    hoverConfig: Ht = null,
+    columns: A,
+    modelName: Q,
+    enableMasterDataEnumSuggestions: K = !1,
+    agreementCategoryId: ee,
+    agreementDomainId: te,
+    agreementId: le,
+    modificationId: re,
+    lineItemRowId: ne,
+    enumSuggestionsData: se,
     data: m = [],
-    onRowClick: Ht,
-    showHeader: ye,
-    tableActions: Je,
-    rowOptions: z,
-    hideRowOptionWidth: Ge,
-    checkboxUtilities: V,
-    isLoading: se = !1,
-    onScroll: $t,
-    onScrolling: zt,
-    isColumnConfigurable: oe,
+    onRowClick: $t,
+    showHeader: Ne,
+    tableActions: Ge,
+    rowOptions: U,
+    hideRowOptionWidth: Xe,
+    checkboxUtilities: I,
+    isLoading: oe = !1,
+    onScroll: zt,
+    onScrolling: Ut,
+    isColumnConfigurable: ie,
     onAddColumnClick: ae,
-    emptyMessage: Xe,
-    noDataWidget: Ye,
-    buttons: Ze,
-    onEditColumnClick: Ce,
-    onDeleteColumnClick: Qe,
+    emptyMessage: Ye,
+    noDataWidget: Ze,
+    buttons: Ce,
+    onEditColumnClick: Qe,
+    onDeleteColumnClick: Ke,
     onRowTooltipClick: qt,
-    tooltiptext: Ut,
-    cascadingTableConfig: Jt,
-    originalsOnly: Gt,
-    disableOptionsForRowIndex: Xt,
-    tableHeightClass: ie = "h-[calc(100vh-220px)]",
-    getFullRowDataOnClick: Yt,
-    selectedRowId: Zt = null,
-    onRowEdit: R,
+    tooltiptext: Jt,
+    cascadingTableConfig: Gt,
+    originalsOnly: Xt,
+    disableOptionsForRowIndex: Yt,
+    tableHeightClass: ce = "h-[calc(100vh-220px)]",
+    getFullRowDataOnClick: Zt,
+    selectedRowId: Ct = null,
+    onRowEdit: k,
     onBulkRowEdit: j,
-    inlineEditColumns: Ct,
-    isResizable: Qt = !0,
-    paginationConfig: ce,
-    dndSortableUtils: ue,
-    multipleContexts: Ke,
-    withSortable: Ne,
-    withDraggable: Kt,
-    enableRootDrag: el,
-    pageSize: tl = Zr,
-    onCascadingRowExpand: ll,
-    totalItems: et,
-    showRecordCount: De = !1,
-    getInnerRowData: rl,
-    maxLevel: nl,
-    expandedRows: sl = {},
-    setExpandedRows: ol,
+    inlineEditColumns: Qt,
+    isResizable: Kt = !0,
+    paginationConfig: ue,
+    dndSortableUtils: de,
+    multipleContexts: et,
+    withSortable: De,
+    withDraggable: el,
+    enableRootDrag: tl,
+    pageSize: ll = Qr,
+    onCascadingRowExpand: rl,
+    totalItems: tt,
+    showRecordCount: Oe = !1,
+    getInnerRowData: nl,
+    maxLevel: sl,
+    expandedRows: ol = {},
+    setExpandedRows: il,
     showNewItem: al,
-    rawData: tt,
-    dragConfig: il,
-    isOverlayLoading: cl,
-    style: ul = {},
+    rawData: lt,
+    dragConfig: cl,
+    isOverlayLoading: ul,
+    style: dl = {},
     floatingBarConfig: Ae,
-    rowWrapper: dl,
-    rowLinkConfig: hl,
-    isCellClickDisabled: ml,
+    rowWrapper: hl,
+    rowLinkConfig: ml,
+    isCellClickDisabled: pl,
     setHeaderOnParent: Ee,
-    optimizeTable: pl = !1,
-    multiSelectConfig: vl,
-    headerContextOptions: fl,
-    showHeaderContextOptions: wl,
-    setShowHeaderContextOptions: Fl,
-    showDataTypeIcon: Sl = !1,
-    rowAdditionalActions: de,
-    rowAdditionalActionsWidth: Oe,
-    setVisibleHeaders: _e,
-    cellEditing: bl = null,
-    cellEditingValue: xl = null,
-    allowInlineEdit: Tl = !1,
-    onFieldOperationFlow: yl,
-    fieldOperationLoading: I = null,
+    optimizeTable: vl = !1,
+    multiSelectConfig: fl,
+    headerContextOptions: wl,
+    showHeaderContextOptions: Fl,
+    setShowHeaderContextOptions: Sl,
+    showDataTypeIcon: bl = !1,
+    rowAdditionalActions: he,
+    rowAdditionalActionsWidth: _e,
+    setVisibleHeaders: Re,
+    cellEditing: xl = null,
+    cellEditingValue: Tl = null,
+    allowInlineEdit: yl = !1,
+    onFieldOperationFlow: Nl,
+    fieldOperationLoading: P = null,
     onTableActionsReady: ke,
-    onPendingEditsChange: lt,
-    onCancelPendingEdits: P
+    onPendingEditsChange: rt,
+    onCancelPendingEdits: B
   }) => {
-    const a = Ar(), Nl = nn(sn()), Dl = !!N?.search, rt = n?.columnFilters?.length > 0, q = Dl || rt, Al = !!V, D = a?.getTableView?.(g) ?? null, [x, U] = p(D || null), [Re, Me] = p(!1), [Le, nt] = p(!1), [El, st] = p(null), [w, ge] = p(E), ot = (m.length === 0 || !w.length) && !se, [at, he] = p(null), [Ol, _l] = p(!1), [kl, Rl] = p(null), [Ml, Ll] = p(!1), [gl, me] = p(null), [Vl, pe] = p(null), [jl, it] = p({}), [J, Ve] = p(null), [Il, ct] = p(!1), [O, Pl] = p(0), je = A(null), Ie = A(null), [ut, Bl] = p({ width: 0, height: 0 }), [Wl, B] = p(null), [_, dt] = p(null), [Hl, ht] = p(null), [mt, pt] = p(null), [Pe, G] = p({}), Be = A(!1), ve = A(!1), We = A(x);
-    We.current = x;
-    const vt = A(a);
-    vt.current = a;
-    const ft = A(E);
-    ft.current = E;
-    const fe = A(n);
-    fe.current = n;
-    const wt = A(null), Ft = A(() => ({})), St = A(() => ({})), [d, k] = p({}), He = c(
+    const i = Ar(), Dl = on(an()), Ol = !!N?.search, nt = n?.columnFilters?.length > 0, q = Ol || nt, Al = !!I, D = i?.getTableView?.(g) ?? null, [x, J] = p(D || null), M = !Er(x, i?.getUserId?.()), [Me, Le] = p(!1), [Ve, st] = p(!1), [El, ot] = p(null), [w, ge] = p(A), it = (m.length === 0 || !w.length) && !oe, [at, me] = p(null), [_l, Rl] = p(!1), [kl, 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({ 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);
+    He.current = x;
+    const ft = O(i);
+    ft.current = i;
+    const wt = O(A);
+    wt.current = A;
+    const we = O(n);
+    we.current = n;
+    const Ft = O(null), St = O(() => ({})), bt = O(() => ({})), [d, R] = p({}), $e = c(
       (e, t, l) => {
-        k((r) => {
+        R((r) => {
           const o = r[e]?.[t];
-          let i = l.validationError;
-          if (i === void 0) {
+          let a = l.validationError;
+          if (a === void 0) {
             const F = w.find((v) => v.key === t);
             if (F) {
-              const v = It(l.value, F);
-              i = v.isValid ? null : v.error || "Invalid";
+              const v = Pt(l.value, F);
+              a = v.isValid ? null : v.error || "Invalid";
             } else
-              i = o?.validationError ?? null;
+              a = o?.validationError ?? null;
           }
-          return { ...r, [e]: { ...r[e] || {}, [t]: { ...l, validationError: i ?? null } } };
+          return { ...r, [e]: { ...r[e] || {}, [t]: { ...l, validationError: a ?? null } } };
         });
       },
       [w]
-    ), bt = c(() => Object.values(d).some((e) => Object.keys(e).length > 0), [d]);
+    ), xt = c(() => Object.values(d).some((e) => Object.keys(e).length > 0), [d]);
     y(() => {
-      ke && ke({ addPendingEdit: He, hasPendingEdits: bt });
-    }, [ke, He, bt]);
-    const $l = c((e, t) => {
-      k((l) => {
+      ke && ke({ addPendingEdit: $e, hasPendingEdits: xt });
+    }, [ke, $e, xt]);
+    const zl = c((e, t) => {
+      R((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, ...a } = r[e];
+          Object.keys(a).length === 0 ? delete r[e] : r[e] = a;
         }
         return r;
       });
-    }, []), zl = c(
+    }, []), Ul = c(
       (e, t) => d[e]?.[t],
       [d]
     ), ql = c(
       (e, t) => !!d[e]?.[t],
       [d]
-    ), xt = c(() => {
-      I || (P && Object.keys(d).length > 0 && P(d), k({}), G({}), B(null));
-    }, [I, P, d]), W = c(
+    ), Tt = c(() => {
+      P || (B && Object.keys(d).length > 0 && B(d), R({}), X({}), W(null));
+    }, [P, B, d]), H = c(
       (e, t, l) => {
         setTimeout(() => {
-          a?.dispatchEvent?.("SCROLL_TO_TABLE_ROW", { rowIndex: l });
+          i?.dispatchEvent?.("SCROLL_TO_TABLE_ROW", { rowIndex: l });
           const r = w.findIndex((o) => o.key === t);
           setTimeout(() => {
-            const o = document.querySelector(`[${Ur}="${e}"] [${Jr}="${t}"]`);
+            const o = document.querySelector(`[${Gr}="${e}"] [${Xr}="${t}"]`);
             if (o)
               o.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
             else if (r > 0) {
-              const i = document.querySelector(Gr);
-              if (i) {
+              const a = document.querySelector(Yr);
+              if (a) {
                 let F = 0;
                 for (let v = 0; v < r; v++) {
                   const T = w[v];
-                  T?.sticky || (F += T?.width || Xr);
+                  T?.sticky || (F += T?.width || Zr);
                 }
-                F = Math.max(0, F - Yr), i.scrollTo({ left: F, behavior: "smooth" });
+                F = Math.max(0, F - Cr), a.scrollTo({ left: F, behavior: "smooth" });
               }
             }
-            B({ rowId: e, columnKey: t });
+            W({ rowId: e, columnKey: t });
           }, 350);
         }, 100);
       },
-      [w, a]
-    ), X = c(
+      [w, i]
+    ), Y = c(
       (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]) => {
-            const L = w.find((S) => S.key === v), f = It(T.value, L);
-            f.isValid ? r[i][v] = { ...T, validationError: null } : (t = !0, f.error && o.add(f.error), l || (l = { rowId: i, columnKey: v }), r[i][v] = { ...T, validationError: f.error });
+        return Object.entries(e).forEach(([a, F]) => {
+          r[a] = {}, Object.entries(F).forEach(([v, T]) => {
+            const V = w.find((S) => S.key === v), f = Pt(T.value, V);
+            f.isValid ? r[a][v] = { ...T, validationError: null } : (t = !0, f.error && o.add(f.error), l || (l = { rowId: a, columnKey: v }), r[a][v] = { ...T, validationError: f.error });
           });
         }), { hasErrors: t, updatedEdits: r, firstError: l, errorTypes: o };
       },
       [w]
-    ), we = c((e) => {
+    ), Fe = c((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 = c(() => {
-      const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = X(d);
+    }, []), yt = c(() => {
+      const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = Y(d);
       if (e) {
-        if (k(t), a?.showNotification?.("error", we(r)), l) {
-          const i = m.findIndex((F) => F.id === l.rowId);
-          W(l.rowId, l.columnKey, i);
+        if (R(t), i?.showNotification?.("error", Fe(r)), l) {
+          const a = m.findIndex((F) => F.id === l.rowId);
+          H(l.rowId, l.columnKey, a);
         }
         return;
       }
       const o = [];
-      Object.entries(d).forEach(([i, F]) => {
-        const v = m.find((T) => T.id === i);
+      Object.entries(d).forEach(([a, F]) => {
+        const v = m.find((T) => T.id === a);
         if (v) {
-          const T = { ...v }, L = {};
+          const T = { ...v }, V = {};
           Object.entries(F).forEach(([f, S]) => {
-            T[f] = S.value, L[f] = { value: S.value, meta: S.meta };
-          }), o.push({ ...T, __editedFields: L });
+            T[f] = S.value, V[f] = { value: S.value, meta: S.meta };
+          }), o.push({ ...T, __editedFields: V });
         }
-      }), o.length > 0 && (j ? j(o) : R && R(null, null, null, null, null, { isBulk: !0, rows: o })), k({}), G({}), B(null);
-    }, [d, m, R, j, X, we, W, a]), Ul = c(
+      }), o.length > 0 && (j ? j(o) : k && k(null, null, null, null, null, { isBulk: !0, rows: o })), R({}), X({}), W(null);
+    }, [d, m, k, j, Y, Fe, H, i]), Jl = c(
       (e) => {
-        if (I) return;
+        if (P) return;
         const t = d[e];
-        t && P && P({ [e]: t }), k((l) => {
+        t && B && B({ [e]: t }), R((l) => {
           const r = { ...l };
           return delete r[e], r;
-        }), G((l) => {
+        }), X((l) => {
           const r = { ...l };
           return Object.keys(r).forEach((o) => {
             o.startsWith(`${e}-`) && delete r[o];
           }), r;
-        }), B(null);
+        }), W(null);
       },
-      [I, P, d]
-    ), Jl = c(
+      [P, B, d]
+    ), Gl = c(
       (e) => {
         const t = d[e];
         if (!t || Object.keys(t).length === 0) return;
-        const { hasErrors: l, updatedEdits: r, firstError: o, errorTypes: i } = X({ [e]: t });
+        const { hasErrors: l, updatedEdits: r, firstError: o, errorTypes: a } = Y({ [e]: t });
         if (l) {
-          if (k((f) => ({ ...f, [e]: r[e] })), a?.showNotification?.("error", we(i)), o) {
+          if (R((f) => ({ ...f, [e]: r[e] })), i?.showNotification?.("error", Fe(a)), o) {
             const f = m.findIndex((S) => S.id === o.rowId);
-            W(o.rowId, o.columnKey, f);
+            H(o.rowId, o.columnKey, f);
           }
           return;
         }
@@ -267,131 +267,131 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
         Object.entries(t).forEach(([f, S]) => {
           v[f] = S.value, T[f] = { value: S.value, meta: S.meta };
         });
-        const L = { ...v, __editedFields: T };
-        j ? j([L]) : R && R(null, null, null, null, null, { isBulk: !0, rows: [L] }), k((f) => {
+        const V = { ...v, __editedFields: T };
+        j ? j([V]) : k && k(null, null, null, null, null, { isBulk: !0, rows: [V] }), R((f) => {
           const S = { ...f };
           return delete S[e], S;
-        }), G((f) => {
+        }), X((f) => {
           const S = { ...f };
-          return Object.keys(S).forEach((Mt) => {
-            Mt.startsWith(`${e}-`) && delete S[Mt];
+          return Object.keys(S).forEach((Lt) => {
+            Lt.startsWith(`${e}-`) && delete S[Lt];
           }), S;
-        }), B(null);
+        }), W(null);
       },
-      [d, m, R, j, X, we, W, a]
-    ), H = $(() => Object.values(d).reduce((e, t) => e + Object.keys(t).length, 0), [d]);
+      [d, m, k, j, Y, Fe, H, i]
+    ), $ = z(() => Object.values(d).reduce((e, t) => e + Object.keys(t).length, 0), [d]);
     y(() => {
-      lt?.(H > 0, H);
-    }, [H, lt]);
-    const Gl = $(() => {
+      rt?.($ > 0, $);
+    }, [$, rt]);
+    const Xl = 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, a]) => {
           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, rowIndex: r });
+          e.push({ rowId: t, columnKey: o, fieldName: F?.Header || F?.display_name || o, value: a.value, originalValue: a.originalValue, meta: a.meta, originalMeta: a.originalMeta, rowIndex: r });
         });
       }), e;
-    }, [d, w, m]), Xl = $(() => {
+    }, [d, w, m]), Yl = z(() => {
       const e = /* @__PURE__ */ new Map();
       return Object.entries(d).forEach(([t, l]) => {
         const r = m.findIndex((o) => o.id === t);
         e.set(t, { rowId: t, rowIndex: r, editCount: Object.keys(l).length });
       }), Array.from(e.values()).sort((t, l) => t.rowIndex - l.rowIndex);
-    }, [d, m]), Yl = c((e) => dt(e), []), Fe = c(() => dt(null), []), Zl = c(
+    }, [d, m]), Zl = c((e) => ht(e), []), Se = c(() => ht(null), []), Cl = c(
       (e, t) => {
-        ht({ value: e, reference: t }), _?.onSelected && _.onSelected(e, t), Fe();
+        mt({ value: e, reference: t }), _?.onSelected && _.onSelected(e, t), Se();
       },
-      [_, Fe]
-    ), Cl = c(() => ht(null), []), Ql = c((e) => pt(e), []), yt = c(() => pt(null), []), Kl = c((e, t) => {
-      G((l) => ({ ...l, [e]: t }));
-    }, []), er = c(
-      (e) => Pe[e],
-      [Pe]
-    ), tr = $(() => {
-      const e = ie.match(/h-\[(\d+px)\]/);
+      [_, Se]
+    ), Ql = c(() => mt(null), []), Kl = c((e) => vt(e), []), Nt = c(() => vt(null), []), er = c((e, t) => {
+      X((l) => ({ ...l, [e]: t }));
+    }, []), tr = c(
+      (e) => Be[e],
+      [Be]
+    ), lr = z(() => {
+      const e = ce.match(/h-\[(\d+px)\]/);
       if (e) return e[1];
-      const t = ie.match(/h-\[(calc\(.+\))\]/);
+      const t = ce.match(/h-\[(calc\(.+\))\]/);
       if (t) return t[1].replace(/([+-])/g, " $1 ").replace(/\s+/g, " ");
-    }, [ie]), lr = {
-      isEmpty: ot,
+    }, [ce]), rr = {
+      isEmpty: it,
       isFilters: q,
-      isColumnConfigurable: oe,
+      isColumnConfigurable: ie,
       handleOnClick: ae,
-      emptyMessage: Xe,
-      buttons: Ze,
-      noDataWidget: Ye
-    }, rr = a?.t?.(Bt) ?? Bt, Se = q ? "No Results Found" : Xe || "No Data Found", nr = typeof Se == "string" ? a?.t?.(Se) ?? Se : Se, Nt = { __isLoading: !0 }, sr = new Array(1).fill(Nt), or = new Array(tl).fill(Nt), Y = $(() => w.filter((e) => !!e?.visible), [w]), ar = Ir(
+      emptyMessage: Ye,
+      buttons: Ce,
+      noDataWidget: Ze
+    }, nr = i?.t?.(Wt) ?? Wt, be = q ? "No Results Found" : Ye || "No Data Found", sr = typeof be == "string" ? i?.t?.(be) ?? be : be, Dt = { __isLoading: !0 }, or = new Array(1).fill(Dt), ir = new Array(ll).fill(Dt), Z = z(() => w.filter((e) => !!e?.visible), [w]), ar = Br(
       {
-        columns: pl ? Y : w,
-        data: [...m, ...se ? m?.length ? sr : or : []],
-        defaultColumn: { minWidth: Kr, width: Qr, maxWidth: Cr }
+        columns: vl ? Z : w,
+        data: [...m, ...oe ? m?.length ? or : ir : []],
+        defaultColumn: { minWidth: tn, width: en, maxWidth: Kr }
       },
-      Pr
-    ), { getTableProps: Dt, getTableBodyProps: At, headerGroups: be, prepareRow: Et, rows: M } = ar;
-    wt.current = be;
-    const ir = JSON.stringify(be[0]?.headers?.map((e) => e?.Header));
+      Wr
+    ), { getTableProps: Ot, getTableBodyProps: At, headerGroups: xe, prepareRow: Et, rows: L } = ar;
+    Ft.current = xe;
+    const cr = JSON.stringify(xe[0]?.headers?.map((e) => e?.Header));
     y(() => {
-      if (_e) {
-        const e = wt.current;
-        _e?.(e?.[0]?.headers?.map((t) => t?.Header) ?? []);
+      if (Re) {
+        const e = Ft.current;
+        Re?.(e?.[0]?.headers?.map((t) => t?.Header) ?? []);
       }
-    }, [ir, _e]);
-    const { checkboxConfig: Ot } = Dr({
-      rows: M,
-      checkedIds: V?.checkedIds,
-      isCheckAllDisabled: V?.isCheckAllDisabled,
-      selectionDisabledRowIds: V?.selectionDisabledRowIds,
-      rawData: tt,
-      onAllChecked: Ll,
-      setCheckedIds: V?.setCheckedIds,
-      checkboxMetadata: V?.checkboxMetadata
-    }), cr = Or(
-      Vt(_r, { activationConstraint: { distance: Pt } }),
-      Vt(kr, { activationConstraint: { distance: Pt } })
-    ), ur = { easing: rn, duration: ln };
-    function dr() {
-      return !Ke?.length || !Ne ? M : Ke.reduce((e, t) => (e[t] = M.filter((l) => l.original?.type === t), e), {});
+    }, [cr, Re]);
+    const { checkboxConfig: _t } = Or({
+      rows: L,
+      checkedIds: I?.checkedIds,
+      isCheckAllDisabled: I?.isCheckAllDisabled,
+      selectionDisabledRowIds: I?.selectionDisabledRowIds,
+      rawData: lt,
+      onAllChecked: Vl,
+      setCheckedIds: I?.setCheckedIds,
+      checkboxMetadata: I?.checkboxMetadata
+    }), ur = Rr(
+      It(kr, { activationConstraint: { distance: Bt } }),
+      It(Mr, { activationConstraint: { distance: Bt } })
+    ), dr = { easing: sn, duration: nn };
+    function hr() {
+      return !et?.length || !De ? L : et.reduce((e, t) => (e[t] = L.filter((l) => l.original?.type === t), e), {});
     }
-    St.current = dr;
-    const hr = (e) => {
+    bt.current = hr;
+    const mr = (e) => {
       const { active: t } = e;
-      Ve(M.find((l) => l.original?.id === t?.id) ?? null);
-    }, mr = (e) => {
+      Ie(L.find((l) => l.original?.id === t?.id) ?? null);
+    }, pr = (e) => {
       const { active: t, over: l } = e;
-      l && (ue?.checkDndDragEnd && ue.checkDndDragEnd(t, l, jl, (r) => {
-        it(r), ct(!0), ue.onDragSuccess?.({
+      l && (de?.checkDndDragEnd && de.checkDndDragEnd(t, l, jl, (r) => {
+        ct(r), ut(!0), de.onDragSuccess?.({
           draggedId: t.id,
           droppedId: l.id,
           draggedType: t.data.current?.type,
           droppedType: l.data.current?.type,
           updatedList: r,
-          cb: () => ct(!1)
+          cb: () => ut(!1)
         });
-      }), Ve(null));
-    }, pr = () => Ve(null), vr = (e) => {
-      !h?.onSort && !n?.onFilter || he(at === e ? null : e);
-    }, fr = (e) => {
-      Rl(e), _l(!Ol), he(null);
-    }, $e = c(() => {
+      }), Ie(null));
+    }, vr = () => Ie(null), fr = (e) => {
+      !h?.onSort && !n?.onFilter || me(at === e ? null : e);
+    }, wr = (e) => {
+      Ml(e), Rl(!_l), me(null);
+    }, ze = c(() => {
       h?.onRemoveSort ? h.onRemoveSort() : h?.onSort && h.onSort("", "");
-    }, [h]), xe = c((e = null) => {
-      st(e), Me((t) => e ? !0 : !t);
-    }, []), ze = c(() => nt((e) => !e), []), wr = () => {
-      const e = be[0]?.headers?.filter((t) => t?.visible !== !1);
+    }, [h]), Te = c((e = null) => {
+      ot(e), Le((t) => e ? !0 : !t);
+    }, []), Ue = c(() => st((e) => !e), []), Fr = () => {
+      const e = xe[0]?.headers?.filter((t) => t?.visible !== !1);
       for (let t = 0; t < e.length; t++)
         if (e[t].sticky) return t - 1;
       return e.length - 1;
-    }, Fr = c(
+    }, Sr = c(
       (e) => {
         let t = 0;
-        for (let l = e + 1; l < Y.length; l++)
-          Y[l].visible !== !1 && (t += Y[l].width ?? 0);
-        return de && (t += Oe || en), z && (t += Ge ? 0 : tn), t;
+        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;
       },
-      [Y, Oe, Ge, de, z]
-    ), _t = () => {
-      const e = a?.getUserId?.();
+      [Z, _e, Xe, he, U]
+    ), Rt = () => {
+      const e = i?.getUserId?.();
       return {
         ...x || {},
         name: x?.name || "Untitled View",
@@ -399,7 +399,7 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
         filters: x?.filters || n?.columnFilters,
         id: x?.id || "untitled-view",
         table_key: x?.table_key || g,
-        columns: x?.columns || E?.map((t, l) => ({
+        columns: x?.columns || A?.map((t, l) => ({
           name: t.Header,
           width: t.width,
           visible: t.visible,
@@ -411,100 +411,101 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
         }))
       };
     };
-    Ft.current = _t;
-    const Sr = (e, t) => {
-      const l = _t();
-      U({
+    St.current = Rt;
+    const br = (e, t) => {
+      if (M) return;
+      const l = Rt();
+      J({
         ...l,
         columns: l?.columns?.map((r) => r.name === e ? { ...r, width: t } : r),
         unsaved: !0
       });
     };
     y(() => {
-      n?.columnFilters?.length > 0 && Me(!0);
-      const e = We.current;
+      if (n?.columnFilters?.length > 0 && Le(!0), M) return;
+      const e = He.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 && !ve.current)) {
-          const o = Ft.current();
-          U({ ...o, filters: JSON.parse(JSON.stringify(n?.columnFilters || [])), unsaved: !0 });
+        if (!(t && !l && !fe.current)) {
+          const o = St.current();
+          J({ ...o, filters: JSON.parse(JSON.stringify(n?.columnFilters || [])), unsaved: !0 });
         }
-        ve.current = !1;
+        fe.current = !1;
       }
-    }, [n?.columnFilters]);
-    const br = c(
+    }, [n?.columnFilters, M]);
+    const xr = c(
       (e) => {
-        ve.current = !0, n?.onRemoveFilter?.(e);
+        fe.current = !0, n?.onRemoveFilter?.(e);
       },
       [n?.onRemoveFilter]
-    ), xr = c(() => {
-      ve.current = !0, n?.onClearFilter?.();
+    ), Tr = c(() => {
+      fe.current = !0, n?.onClearFilter?.();
     }, [n?.onClearFilter]);
     y(() => {
-      h?.columnSort?.field ? (nt(!0), h.columnSort.order === "asc" ? (me(h.columnSort.field), pe(null)) : h.columnSort.order === "desc" && (pe(h.columnSort.field), me(null))) : (me(null), pe(null));
+      h?.columnSort?.field ? (st(!0), h.columnSort.order === "asc" ? (pe(h.columnSort.field), ve(null)) : h.columnSort.order === "desc" && (ve(h.columnSort.field), pe(null))) : (pe(null), ve(null));
     }, [h?.columnSort?.field, h?.columnSort?.order]), y(() => {
-      ge(Lt(We.current?.columns || [], E));
-    }, [E]), y(() => {
-      x?.unsaved && vt.current?.persistTableView?.(x);
+      ge(Vt(He.current?.columns || [], A));
+    }, [A]), y(() => {
+      x?.unsaved && ft.current?.persistTableView?.(x);
     }, [x]), y(() => {
-      it(St.current());
-    }, [M.length]), y(() => {
-      U(D || null), D?.columns && ge(Lt(D?.columns || [], ft.current)), D?.filters && D.filters.length > 0 && !Be.current ? (requestAnimationFrame(() => {
-        fe.current?.onFilter?.(D.filters);
-      }), Be.current = !0) : D?.filters && Be.current && JSON.stringify(D.filters) !== JSON.stringify(fe.current?.columnFilters) && fe.current?.onFilter?.(D.filters);
+      ct(bt.current());
+    }, [L.length]), y(() => {
+      J(D || null), D?.columns && ge(Vt(D?.columns || [], wt.current)), D?.filters && D.filters.length > 0 && !We.current ? (requestAnimationFrame(() => {
+        we.current?.onFilter?.(D.filters);
+      }), We.current = !0) : D?.filters && We.current && JSON.stringify(D.filters) !== JSON.stringify(we.current?.columnFilters) && we.current?.onFilter?.(D.filters);
     }, [D]), y(() => {
       if (je.current) {
-        const e = new ResizeObserver((t) => Pl(t[0].contentRect.width));
+        const e = new ResizeObserver((t) => Bl(t[0].contentRect.width));
         return e.observe(je.current), () => e.disconnect();
       }
     }, []), y(() => {
-      if (!Ie.current) return;
+      if (!Pe.current) return;
       const e = new ResizeObserver((t) => {
         const { width: l, height: r } = t[0].contentRect;
-        Bl({ width: l, height: r });
+        Wl({ width: l, height: r });
       });
-      return e.observe(Ie.current), () => e.disconnect();
+      return e.observe(Pe.current), () => e.disconnect();
     }, []);
     const kt = /* @__PURE__ */ s(
-      zr,
+      qr,
       {
-        isResizable: Qt,
-        headerGroups: be,
+        isResizable: Kt,
+        headerGroups: xe,
         isCheckbox: Al,
-        checkboxConfig: Ot,
-        isAllChecked: Ml,
+        checkboxConfig: _t,
+        isAllChecked: Ll,
         showHeaderOptions: at ?? "",
-        setShowHeaderOptions: he,
+        setShowHeaderOptions: me,
         isShowSortArrowAsc: gl,
-        isShowSortArrowDesc: Vl,
+        isShowSortArrowDesc: Il,
         onSort: h?.onSort,
         onFilter: n?.onFilter,
-        toggleHeaderOption: vr,
-        setIsShowSortArrowAsc: me,
-        setIsShowSortArrowDesc: pe,
-        toggleDataFilterModal: xe,
-        rowOptions: Array.isArray(z) ? z : [],
-        isColumnConfigurable: oe ?? !1,
+        toggleHeaderOption: fr,
+        setIsShowSortArrowAsc: pe,
+        setIsShowSortArrowDesc: ve,
+        toggleDataFilterModal: Te,
+        rowOptions: Array.isArray(U) ? U : [],
+        isColumnConfigurable: ie ?? !1,
         onAddColumnClick: ae,
-        onEditColumnClick: Ce,
-        onDeleteColumnClick: Qe,
-        tableActions: Je || null,
-        isLoading: se,
-        rowAdditionalActions: de ?? null,
-        showPendingEditsColumn: H > 0
+        onEditColumnClick: Qe,
+        onDeleteColumnClick: Ke,
+        tableActions: Ge || null,
+        isLoading: oe,
+        rowAdditionalActions: he ?? null,
+        showPendingEditsColumn: $ > 0
       }
-    ), Rt = /* @__PURE__ */ b(Nr, { children: [
-      Il || cl ? /* @__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,
+    ), Mt = /* @__PURE__ */ b(Dr, { 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",
         {
-          ...Dt(),
+          ...Ot(),
           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: [
+          children: it ? /* @__PURE__ */ b("div", { className: "z-10", children: [
             kt,
-            /* @__PURE__ */ s("div", { className: "absolute w-full", children: a?.renderEmpty ? a.renderEmpty(lr) : /* @__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: [
-              Ye && !q ? /* @__PURE__ */ s(on, { widgetType: "TABLE" }) : /* @__PURE__ */ s(an, { text: nr }),
-              oe && !q ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
+            /* @__PURE__ */ s("div", { className: "absolute w-full", children: i?.renderEmpty ? i.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 }),
+              ie && !q ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
                 gt,
                 {
                   id: "btn-table-shell-create-column",
@@ -512,33 +513,33 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
                   appearance: "ghost",
                   onClick: ae,
                   children: [
-                    /* @__PURE__ */ s(cn, { className: "text-white dark:text-white" }),
+                    /* @__PURE__ */ s(dn, { className: "text-white dark:text-white" }),
                     " ",
-                    rr
+                    nr
                   ]
                 }
               ) }) : null,
-              !q && Ze?.map((e, t) => /* @__PURE__ */ s(gt, { status: "secondary", id: dn(e.label, t), onClick: e.onClick, children: a?.t?.(e.label) ?? e.label }, `${e.label}-${t}`))
+              !q && Ce?.map((e, t) => /* @__PURE__ */ s(gt, { status: "secondary", id: mn(e.label, t), onClick: e.onClick, children: i?.t?.(e.label) ?? e.label }, `${e.label}-${t}`))
             ] }) })
           ] }) : /* @__PURE__ */ s(
-            un,
+            hn,
             {
               style: { width: "100%", height: "100%" },
               renderProp: ({ width: e, height: t }) => {
-                const l = e > 0 ? e : ut.width, r = t > 0 ? t : ut.height;
+                const l = e > 0 ? e : dt.width, r = t > 0 ? t : dt.height;
                 return l > 0 && r > 0 ? /* @__PURE__ */ s(
-                  Br,
+                  Hr,
                   {
                     getTableBodyProps: At,
-                    rows: M,
+                    rows: L,
                     prepareRow: Et,
-                    isLoading: se,
-                    onScroll: $t,
-                    onScrolling: zt,
-                    columns: E,
+                    isLoading: oe,
+                    onScroll: zt,
+                    onScrolling: Ut,
+                    columns: A,
                     width: l,
                     height: r,
-                    withSortable: Ne,
+                    withSortable: De,
                     allowAstarSearch: N?.allowAStarSearch || !1
                   }
                 ) : null;
@@ -547,27 +548,27 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
           )
         }
       )
-    ] }), Tr = jt((e, t) => /* @__PURE__ */ b("div", { className: "h-full w-full", ...e, ref: t, children: [
+    ] }), yr = jt((e, t) => /* @__PURE__ */ b("div", { className: "h-full w-full", ...e, ref: t, children: [
       kt,
       /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children })
-    ] })), yr = 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 = $(() => a?.renderTableHeader ? a.renderTableHeader({
+    ] })), Nr = 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(() => i?.renderTableHeader ? i.renderTableHeader({
       tableKey: g,
       search: N?.search,
       handleSearch: N?.handleSearch,
-      toggleShowFilters: xe,
-      toggleShowSorts: ze,
+      toggleShowFilters: Te,
+      toggleShowSorts: Ue,
       filterCounts: n?.columnFilters?.length,
-      columns: E,
+      columns: A,
       columnFilters: n?.columnFilters,
-      setSelectedTableView: U,
+      setSelectedTableView: J,
       selectedTableView: x,
       enableTableView: u?.showTableView,
-      modelName: C,
-      enableMasterDataEnumSuggestions: Q,
+      modelName: Q,
+      enableMasterDataEnumSuggestions: K,
       onRemoveFilter: n?.onRemoveFilter,
       onClearFilter: n?.onClearFilter,
       onFilter: n?.onFilter,
-      data: ne ?? m,
+      data: se ?? m,
       tableHeaders: w,
       showTableViewAsModal: u?.showTableViewAsModal,
       additionalOptions: u?.additionalOptions,
@@ -579,152 +580,153 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
       setTableHeaders: ge,
       allowAStarSearch: !!N?.allowAStarSearch,
       withContent: !!u?.content,
-      setShowFilters: Me,
+      setShowFilters: Le,
       sort: h?.columnSort,
       onSort: h?.onSort,
-      onRemoveSort: $e,
+      onRemoveSort: ze,
       showExportButton: u?.showExportButton,
-      agreementCategoryId: K,
-      agreementDomainId: ee,
-      agreementId: te,
-      modificationId: le,
-      lineItemRowId: re
+      agreementCategoryId: ee,
+      agreementDomainId: te,
+      agreementId: le,
+      modificationId: re,
+      lineItemRowId: ne
     }) : null, [
       g,
       N?.search,
       N?.handleSearch,
-      xe,
-      ze,
+      Te,
+      Ue,
       n?.columnFilters,
-      E,
-      U,
+      A,
+      J,
       x,
       u,
-      C,
+      Q,
       n?.onRemoveFilter,
       n?.onClearFilter,
       n?.onFilter,
       m,
-      ne,
+      se,
       w,
       h?.columnSort,
       h?.onSort,
-      $e,
-      a,
+      ze,
+      i,
       N?.allowAStarSearch,
-      Q,
       K,
       ee,
       te,
       le,
-      re
+      re,
+      ne
     ]);
     return y(() => {
       Ee && Ee(qe);
     }, [qe, Ee]), /* @__PURE__ */ b(
-      Hr.Provider,
+      zr.Provider,
       {
         value: {
-          tableWrapper: Tr,
-          tableBodyWrapper: yr,
-          lastNonStickyColumnIndex: wr,
+          tableWrapper: yr,
+          tableBodyWrapper: Nr,
+          lastNonStickyColumnIndex: Fr,
           search: N?.search,
           columnFilters: n?.columnFilters,
-          onRowClick: Ht,
+          onRowClick: $t,
           onSort: h?.onSort,
           onFilter: n?.onFilter,
-          toggleShowFilters: xe,
-          toggleShowSorts: ze,
+          toggleShowFilters: Te,
+          toggleShowSorts: Ue,
           onRemoveFilter: n?.onRemoveFilter,
           onClearFilter: n?.onClearFilter,
-          rowOptions: z,
-          checkboxConfig: Ot,
+          rowOptions: U,
+          checkboxConfig: _t,
           onResetFilter: n?.onResetFilter,
-          isColumnConfigurable: oe,
+          isColumnConfigurable: ie,
           onAddColumnClick: ae,
-          onEditColumnClick: Ce,
-          onDeleteColumnClick: Qe,
+          onEditColumnClick: Qe,
+          onDeleteColumnClick: Ke,
           onRowTooltipClick: qt,
-          tooltiptext: Ut,
-          cascadingTableConfig: Jt,
-          activeInlineEdit: Wl,
-          setActiveInlineEdit: B,
-          originalsOnly: Gt,
-          disableOptionsForRowIndex: Xt,
-          getFullRowDataOnClick: Yt,
-          selectedRowId: Zt,
-          getSumOfNextVisibleColumnWidth: Fr,
-          onRowEdit: R,
-          inlineEditColumns: Ct,
-          tableActions: Je,
-          dndSortableUtils: ue,
-          withSortable: Ne,
-          withDraggable: Kt,
-          onCascadingRowExpand: ll,
-          getInnerRowData: rl,
+          tooltiptext: Jt,
+          cascadingTableConfig: Gt,
+          activeInlineEdit: Hl,
+          setActiveInlineEdit: W,
+          originalsOnly: Xt,
+          disableOptionsForRowIndex: Yt,
+          getFullRowDataOnClick: Zt,
+          selectedRowId: Ct,
+          getSumOfNextVisibleColumnWidth: Sr,
+          onRowEdit: k,
+          inlineEditColumns: Qt,
+          tableActions: Ge,
+          dndSortableUtils: de,
+          withSortable: De,
+          withDraggable: el,
+          onCascadingRowExpand: rl,
+          getInnerRowData: nl,
           tableHeaders: w,
-          maxLevel: nl,
-          expandedRows: sl,
-          setExpandedRows: ol,
+          maxLevel: sl,
+          expandedRows: ol,
+          setExpandedRows: il,
           showNewItem: al,
-          rawData: tt,
-          dragConfig: il,
-          rowWrapper: dl,
-          rowLinkConfig: hl,
-          isCellClickDisabled: ml,
+          rawData: lt,
+          dragConfig: cl,
+          rowWrapper: hl,
+          rowLinkConfig: ml,
+          isCellClickDisabled: pl,
           asyncRowOptionsFilter: n?.asyncRowOptionsFilter,
-          handleUpdateColumnWidth: Sr,
-          multiSelectConfig: vl,
-          headerContextOptions: fl,
-          showHeaderContextOptions: wl,
-          setShowHeaderContextOptions: Fl,
-          headerDivWidth: O,
-          showDataTypeIcon: Sl,
-          rowAdditionalActions: de,
-          hoverConfig: Wt,
-          rowAdditionalActionsWidth: Oe,
-          cellEditing: bl,
-          cellEditingValue: xl,
-          openMasterDataModal: Yl,
-          closeMasterDataModal: Fe,
-          selectedMasterData: Hl,
-          clearSelectedMasterData: Cl,
-          allowInlineEdit: Tl,
-          openCurrencyDropdown: Ql,
-          closeCurrencyDropdown: yt,
-          currencyDropdownConfig: mt,
-          selectedCurrenciesMap: Pe,
-          setCurrencyForCell: Kl,
-          getCurrencyForCell: er,
+          handleUpdateColumnWidth: br,
+          isTableViewReadOnly: M,
+          multiSelectConfig: fl,
+          headerContextOptions: wl,
+          showHeaderContextOptions: Fl,
+          setShowHeaderContextOptions: Sl,
+          headerDivWidth: E,
+          showDataTypeIcon: bl,
+          rowAdditionalActions: he,
+          hoverConfig: Ht,
+          rowAdditionalActionsWidth: _e,
+          cellEditing: xl,
+          cellEditingValue: Tl,
+          openMasterDataModal: Zl,
+          closeMasterDataModal: Se,
+          selectedMasterData: $l,
+          clearSelectedMasterData: Ql,
+          allowInlineEdit: yl,
+          openCurrencyDropdown: Kl,
+          closeCurrencyDropdown: Nt,
+          currencyDropdownConfig: pt,
+          selectedCurrenciesMap: Be,
+          setCurrencyForCell: er,
+          getCurrencyForCell: tr,
           pendingEdits: d,
-          addPendingEdit: He,
-          removePendingEdit: $l,
-          getPendingEdit: zl,
+          addPendingEdit: $e,
+          removePendingEdit: zl,
+          getPendingEdit: Ul,
           hasPendingEdit: ql,
-          clearAllPendingEdits: xt,
-          saveAllPendingEdits: Tt,
-          clearRowPendingEdits: Ul,
-          saveRowPendingEdits: Jl,
-          pendingEditsCount: H,
-          scrollToCell: W,
-          onFieldOperationFlow: yl,
-          fieldOperationLoading: I,
-          validateAllPendingEdits: X
+          clearAllPendingEdits: Tt,
+          saveAllPendingEdits: yt,
+          clearRowPendingEdits: Jl,
+          saveRowPendingEdits: Gl,
+          pendingEditsCount: $,
+          scrollToCell: H,
+          onFieldOperationFlow: Nl,
+          fieldOperationLoading: P,
+          validateAllPendingEdits: Y
         },
         children: [
-          ye ? /* @__PURE__ */ b(
+          Ne ? /* @__PURE__ */ b(
             "div",
             {
               ref: je,
-              className: `mb-2 flex w-full min-w-0 gap-2 dark:bg-black-800 ${O < Z ? "flex-col items-stretch" : "flex-row items-center"}`,
+              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"}`,
               children: [
                 /* @__PURE__ */ b(
                   "div",
                   {
-                    className: `flex items-center gap-x-2 gap-y-1 ${O < Z ? "w-full flex-wrap" : ""} ${u?.content ? "min-w-0 flex-1" : "shrink-0"}`,
+                    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"}`,
                     children: [
-                      u?.content ? /* @__PURE__ */ s("div", { className: `min-w-0 ${O < Z ? "w-full" : "flex-1"}`, children: u.content }) : null,
-                      De ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+                      u?.content ? /* @__PURE__ */ s("div", { className: `min-w-0 ${E < C ? "w-full" : "flex-1"}`, children: u.content }) : null,
+                      Oe ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 shrink-0", children: [
                         /* @__PURE__ */ b(
                           "svg",
                           {
@@ -747,8 +749,8 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
                             ]
                           }
                         ),
-                        /* @__PURE__ */ s(Te, { size: "small", variant: "semibold", appearance: "title", children: (et ?? m.length).toLocaleString() }),
-                        /* @__PURE__ */ s(Te, { size: "small", variant: "regular", appearance: "subtitle", children: "total records" })
+                        /* @__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" })
                       ] }) : u?.preContent ? /* @__PURE__ */ s("div", { className: "flex min-w-0 shrink-0 justify-start items-center", children: u.preContent }) : null
                     ]
                   }
@@ -756,17 +758,17 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
                 /* @__PURE__ */ b(
                   "div",
                   {
-                    className: `flex min-w-0 items-center justify-end ${O < Z ? "w-full" : u?.content ? "shrink-0" : "flex-1"} ${O < Ue ? "flex-col" : "flex-row"} ${u?.postContent ? "gap-2" : ""}`,
+                    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" : ""}`,
                     children: [
-                      De && u?.preContent ? /* @__PURE__ */ s("div", { className: "flex w-full justify-start items-center", children: u.preContent }) : null,
+                      Oe && u?.preContent ? /* @__PURE__ */ s("div", { className: "flex w-full justify-start items-center", children: u.preContent }) : null,
                       /* @__PURE__ */ s(
                         "div",
                         {
-                          className: `flex justify-end items-center min-w-0 ${O < Ue || O < Z ? "w-full" : ""}`,
+                          className: `flex justify-end items-center min-w-0 ${E < Je || E < C ? "w-full" : ""}`,
                           children: qe
                         }
                       ),
-                      u?.postContent ? /* @__PURE__ */ s("div", { className: `flex justify-end items-center ${O < Ue ? "w-full" : ""}`, children: u.postContent }) : null
+                      u?.postContent ? /* @__PURE__ */ s("div", { className: `flex justify-end items-center ${E < Je ? "w-full" : ""}`, children: u.postContent }) : null
                     ]
                   }
                 )
@@ -774,54 +776,56 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
             }
           ) : null,
           u?.showDivider ? /* @__PURE__ */ s("div", { className: "border-b pb-2 w-full dark:bg-black-800" }) : null,
-          Re || Le ? /* @__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: [
-            Le && a?.renderSortItem ? a.renderSortItem({ sort: h?.columnSort, onRemoveSort: $e, onSort: h?.onSort, tableHeaders: w, data: m }) : null,
-            Re && Le && h?.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({
+          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 && i?.renderSortItem ? i.renderSortItem({ sort: h?.columnSort, onRemoveSort: ze, onSort: h?.onSort, tableHeaders: w, data: m, disabled: M }) : null,
+            Me && Ve && h?.columnSort?.field !== "" ? /* @__PURE__ */ s("div", { className: "h-8 w-[1px] flex-shrink-0 bg-neutral-200" }) : null,
+            Me ? /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
+              (nt || n?.onResetFilter) && i?.renderActiveFilters && i.renderActiveFilters({
                 filters: n?.columnFilters,
-                onRemoveFilter: br,
-                onClearFilter: xr,
+                onRemoveFilter: xr,
+                onClearFilter: Tr,
                 onResetFilter: n?.onResetFilter,
                 onFilter: n?.onFilter,
                 tableHeaders: w,
                 columnFilters: n?.columnFilters,
-                modelName: C,
-                enableMasterDataEnumSuggestions: Q,
+                modelName: Q,
+                enableMasterDataEnumSuggestions: K,
                 noSpacing: !0,
                 notionStyle: n?.notionStyle,
                 context: n?.context,
-                data: ne ?? m,
-                agreementCategoryId: K,
-                agreementDomainId: ee,
-                agreementId: te,
-                modificationId: le,
-                lineItemRowId: re
+                data: se ?? m,
+                agreementCategoryId: ee,
+                agreementDomainId: te,
+                agreementId: le,
+                modificationId: re,
+                lineItemRowId: ne,
+                disabled: M
               }),
-              a?.renderFilterButtons && a.renderFilterButtons({
+              i?.renderFilterButtons && i.renderFilterButtons({
                 onClearFilter: n?.onClearFilter,
-                onClose: fr,
-                modelName: C,
-                enableMasterDataEnumSuggestions: Q,
+                onClose: wr,
+                modelName: Q,
+                enableMasterDataEnumSuggestions: K,
                 defaultFilterColumn: El,
-                resetDefaultFilterColumn: () => st(null),
+                resetDefaultFilterColumn: () => ot(null),
                 column: kl,
                 onFilter: n?.onFilter,
                 tableHeaders: w,
                 columnFilters: n?.columnFilters,
-                data: ne ?? m,
+                data: se ?? m,
                 notionStyle: n?.notionStyle,
                 context: n?.context,
-                agreementCategoryId: K,
-                agreementDomainId: ee,
-                agreementId: te,
-                modificationId: le,
-                lineItemRowId: re
+                agreementCategoryId: ee,
+                agreementDomainId: te,
+                agreementId: le,
+                modificationId: re,
+                lineItemRowId: ne,
+                disabled: M
               })
             ] }) : null
           ] }) }) : null,
-          Ae && Object.keys(Ae).length ? /* @__PURE__ */ s(Er, { ...Ae }) : null,
-          !ye && De ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 mb-2", children: [
+          Ae && Object.keys(Ae).length ? /* @__PURE__ */ s(_r, { ...Ae }) : null,
+          !Ne && Oe ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 mb-2", children: [
             /* @__PURE__ */ b(
               "svg",
               {
@@ -844,52 +848,52 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
                 ]
               }
             ),
-            /* @__PURE__ */ s(Te, { size: "small", variant: "semibold", appearance: "title", children: (et ?? m.length).toLocaleString() }),
-            /* @__PURE__ */ s(Te, { size: "small", variant: "regular", appearance: "subtitle", children: "total records" })
-          ] }) : !ye && u?.preContent ? /* @__PURE__ */ s("div", { className: "flex items-center mb-2", children: u.preContent }) : null,
+            /* @__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" })
+          ] }) : !Ne && u?.preContent ? /* @__PURE__ */ s("div", { className: "flex items-center mb-2", children: u.preContent }) : null,
           /* @__PURE__ */ s(
             "div",
             {
-              ref: Ie,
-              className: `w-full ${ce ? "h-auto" : ie} rounded-lg relative border overflow-x-hidden`,
+              ref: Pe,
+              className: `w-full ${ue ? "h-auto" : ce} rounded-lg relative border overflow-x-hidden`,
               style: {
-                ...ce ? { height: m?.length > 0 ? `${(m?.length + 1) * Nl + 4}px` : "350px" } : { height: tr },
-                ...ul
+                ...ue ? { height: m?.length > 0 ? `${(m?.length + 1) * Dl + 4}px` : "350px" } : { height: lr },
+                ...dl
               },
-              children: el ? Rt : /* @__PURE__ */ b(Rr, { sensors: cr, onDragEnd: mr, onDragStart: hr, onDragCancel: pr, collisionDetection: Mr, children: [
-                Rt,
-                J ? jr(
-                  /* @__PURE__ */ s(Lr, { adjustScale: !0, dropAnimation: ur, children: /* @__PURE__ */ s("table", { ...Dt(), 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(), className: "bg-transparent divide-y divide-neutral-200", children: [
-                    void Et(J),
-                    /* @__PURE__ */ s(Wr, { row: J, index: M?.findIndex((e) => e.id === J.original.id) }, J.original.id)
+              children: tl ? Mt : /* @__PURE__ */ b(Lr, { sensors: ur, onDragEnd: pr, onDragStart: mr, onDragCancel: vr, collisionDetection: Vr, children: [
+                Mt,
+                G ? Pr(
+                  /* @__PURE__ */ s(gr, { adjustScale: !0, dropAnimation: dr, children: /* @__PURE__ */ s("table", { ...Ot(), 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(), className: "bg-transparent divide-y divide-neutral-200", children: [
+                    void Et(G),
+                    /* @__PURE__ */ s($r, { row: G, index: L?.findIndex((e) => e.id === G.original.id) }, G.original.id)
                   ] }) }) }),
                   document.getElementById("full-screen-container") || document.body
                 ) : null
               ] })
             }
           ),
-          ce && a?.renderPagination ? a.renderPagination(ce) : null,
-          a?.renderMasterDataModal && a.renderMasterDataModal({
+          ue && i?.renderPagination ? i.renderPagination(ue) : null,
+          i?.renderMasterDataModal && i.renderMasterDataModal({
             isVisible: !!_,
-            onSelected: Zl,
-            onClose: Fe,
+            onSelected: Cl,
+            onClose: Se,
             masterDataColumnName: _?.masterDataColumnName,
             masterDataFilters: _?.masterDataFilters,
             masterDataName: _?.masterDataName,
             masterDataId: _?.masterDataName,
             showFilters: !0
           }),
-          /* @__PURE__ */ s($r, { config: mt, onClose: yt }),
+          /* @__PURE__ */ s(Ur, { config: pt, onClose: Nt }),
           /* @__PURE__ */ s(
-            qr,
+            Jr,
             {
-              pendingEditsCount: H,
-              pendingEditsList: Gl,
-              rowsWithPendingEdits: Xl,
-              fieldOperationLoading: I,
-              onClearAll: xt,
-              onSaveAll: Tt,
-              onScrollToCell: W
+              pendingEditsCount: $,
+              pendingEditsList: Xl,
+              rowsWithPendingEdits: Yl,
+              fieldOperationLoading: P,
+              onClearAll: Tt,
+              onSaveAll: yt,
+              onScrollToCell: H
             }
           )
         ]
@@ -898,6 +902,6 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
   }
 );
 export {
-  jn as InfiniteTable
+  Pn as InfiniteTable
 };
 //# sourceMappingURL=index.es.js.map