@lax-wp/design-system 0.14.39 → 0.14.41

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

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