@lax-wp/design-system 0.13.61 → 0.13.62

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

@@ -1,4 +1,4 @@
-import { jsx as s, jsxs as b, Fragment as Dr } from "react/jsx-runtime";
+import { jsx as s, jsxs as b, Fragment as Nr } from "react/jsx-runtime";
 import { useCheckbox as Or } from "../../../hooks/useCheckbox.es.js";
 import { useTableConfig as Ar } from "../../../providers/design-system-provider/hooks.es.js";
 import { canEditTableView as Er, mergeViewColumnsWithTableColumns as Vt } from "../../../utils/table.es.js";
@@ -22,10 +22,14 @@ 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(
+const hn = jr, Wt = "Create Column", mn = (g, D) => `button-admin-${g.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, "") || D}`, Pn = Ir.memo(
   ({
     tableKey: g,
-    searchConfig: N = { search: "", handleSearch: () => null, allowAStarSearch: !1 },
+    searchConfig: D = {
+      search: "",
+      handleSearch: () => null,
+      allowAStarSearch: !1
+    },
     filterConfig: n = {
       columnFilters: [],
       onFilter: () => null,
@@ -34,7 +38,11 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
       onResetFilter: () => Promise.resolve({}),
       asyncRowOptionsFilter: () => Promise.resolve({})
     },
-    sortConfig: h = { onSort: () => null, columnSort: { field: "", order: "" }, onRemoveSort: () => null },
+    sortConfig: h = {
+      onSort: () => null,
+      columnSort: { field: "", order: "" },
+      onRemoveSort: () => null
+    },
     headerConfig: u = {
       showExportButton: null,
       showFilters: !0,
@@ -60,7 +68,7 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
     enumSuggestionsData: se,
     data: m = [],
     onRowClick: $t,
-    showHeader: Ne,
+    showHeader: De,
     tableActions: Ge,
     rowOptions: U,
     hideRowOptionWidth: Xe,
@@ -68,8 +76,8 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
     isLoading: oe = !1,
     onScroll: zt,
     onScrolling: Ut,
-    isColumnConfigurable: ie,
-    onAddColumnClick: ae,
+    isColumnConfigurable: ae,
+    onAddColumnClick: ie,
     emptyMessage: Ye,
     noDataWidget: Ze,
     buttons: Ce,
@@ -90,7 +98,7 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
     paginationConfig: ue,
     dndSortableUtils: de,
     multipleContexts: et,
-    withSortable: De,
+    withSortable: Ne,
     withDraggable: el,
     enableRootDrag: tl,
     pageSize: ll = Qr,
@@ -100,8 +108,8 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
     getInnerRowData: nl,
     maxLevel: sl,
     expandedRows: ol = {},
-    setExpandedRows: il,
-    showNewItem: al,
+    setExpandedRows: al,
+    showNewItem: il,
     rawData: lt,
     dragConfig: cl,
     isOverlayLoading: ul,
@@ -123,51 +131,85 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
     cellEditing: xl = null,
     cellEditingValue: Tl = null,
     allowInlineEdit: yl = !1,
-    onFieldOperationFlow: Nl,
+    onFieldOperationFlow: Dl,
     fieldOperationLoading: P = null,
     onTableActionsReady: ke,
     onPendingEditsChange: rt,
     onCancelPendingEdits: B
   }) => {
-    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);
+    const a = Ar(), Nl = on(an()), Ol = !!D?.search, nt = n?.columnFilters?.length > 0, q = Ol || nt, Al = !!I, N = a?.getTableView?.(g) ?? null, [x, J] = p(N || null), M = !Er(
+      x,
+      a?.getUserId?.()
+    ), [Me, Le] = p(!1), [Ve, st] = p(!1), [El, ot] = p(null), [w, ge] = p(A), at = (m.length === 0 || !w.length) && !oe, [it, me] = p(
+      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 ft = O(a);
+    ft.current = a;
     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(
+    const Ft = O(null), St = O(
+      () => ({})
+    ), bt = O(() => ({})), [d, R] = p({}), $e = c(
       (e, t, l) => {
         R((r) => {
           const o = r[e]?.[t];
-          let a = l.validationError;
-          if (a === void 0) {
+          let i = l.validationError;
+          if (i === void 0) {
             const F = w.find((v) => v.key === t);
             if (F) {
-              const v = Pt(l.value, F);
-              a = v.isValid ? null : v.error || "Invalid";
+              const v = Pt(
+                l.value,
+                F
+              );
+              i = v.isValid ? null : v.error || "Invalid";
             } else
-              a = o?.validationError ?? null;
+              i = o?.validationError ?? null;
           }
-          return { ...r, [e]: { ...r[e] || {}, [t]: { ...l, validationError: a ?? null } } };
+          return {
+            ...r,
+            [e]: {
+              ...r[e] || {},
+              [t]: {
+                ...l,
+                validationError: i ?? null
+              }
+            }
+          };
         });
       },
       [w]
-    ), xt = 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: $e, hasPendingEdits: xt });
-    }, [ke, $e, xt]);
-    const zl = c((e, t) => {
-      R((l) => {
-        const r = { ...l };
-        if (r[e]) {
-          const { [t]: o, ...a } = r[e];
-          Object.keys(a).length === 0 ? delete r[e] : r[e] = a;
-        }
-        return r;
+      ke && ke({
+        addPendingEdit: $e,
+        hasPendingEdits: xt
       });
-    }, []), Ul = c(
+    }, [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;
+          }
+          return r;
+        });
+      },
+      []
+    ), Ul = c(
       (e, t) => d[e]?.[t],
       [d]
     ), ql = c(
@@ -178,36 +220,59 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
     }, [P, B, d]), H = c(
       (e, t, l) => {
         setTimeout(() => {
-          i?.dispatchEvent?.("SCROLL_TO_TABLE_ROW", { rowIndex: l });
-          const r = w.findIndex((o) => o.key === t);
+          a?.dispatchEvent?.("SCROLL_TO_TABLE_ROW", { rowIndex: l });
+          const r = w.findIndex(
+            (o) => o.key === t
+          );
           setTimeout(() => {
-            const o = document.querySelector(`[${Gr}="${e}"] [${Xr}="${t}"]`);
+            const o = document.querySelector(
+              `[${Gr}="${e}"] [${Xr}="${t}"]`
+            );
             if (o)
-              o.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
+              o.scrollIntoView({
+                behavior: "smooth",
+                block: "center",
+                inline: "center"
+              });
             else if (r > 0) {
-              const a = document.querySelector(Yr);
-              if (a) {
+              const i = document.querySelector(Yr);
+              if (i) {
                 let F = 0;
                 for (let v = 0; v < r; v++) {
                   const T = w[v];
                   T?.sticky || (F += T?.width || Zr);
                 }
-                F = Math.max(0, F - Cr), a.scrollTo({ left: F, behavior: "smooth" });
+                F = Math.max(
+                  0,
+                  F - Cr
+                ), i.scrollTo({
+                  left: F,
+                  behavior: "smooth"
+                });
               }
             }
             W({ rowId: e, columnKey: t });
           }, 350);
         }, 100);
       },
-      [w, i]
+      [w, a]
     ), Y = c(
       (e) => {
         let t = !1, l = null;
         const r = {}, o = /* @__PURE__ */ new Set();
-        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 });
+        return Object.entries(e).forEach(([i, F]) => {
+          r[i] = {}, Object.entries(F).forEach(([v, T]) => {
+            const V = w.find((S) => S.key === v), f = Pt(
+              T.value,
+              V
+            );
+            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
+            });
           });
         }), { hasErrors: t, updatedEdits: r, firstError: l, errorTypes: o };
       },
@@ -218,23 +283,42 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
     }, []), yt = c(() => {
       const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = Y(d);
       if (e) {
-        if (R(t), i?.showNotification?.("error", Fe(r)), l) {
-          const a = m.findIndex((F) => F.id === l.rowId);
-          H(l.rowId, l.columnKey, a);
+        if (R(t), a?.showNotification?.(
+          "error",
+          Fe(r)
+        ), l) {
+          const i = m.findIndex(
+            (F) => F.id === l.rowId
+          );
+          H(l.rowId, l.columnKey, i);
         }
         return;
       }
       const o = [];
-      Object.entries(d).forEach(([a, F]) => {
-        const v = m.find((T) => T.id === a);
+      Object.entries(d).forEach(([i, F]) => {
+        const v = m.find(
+          (T) => T.id === i
+        );
         if (v) {
           const T = { ...v }, V = {};
           Object.entries(F).forEach(([f, S]) => {
             T[f] = S.value, V[f] = { value: S.value, meta: S.meta };
           }), o.push({ ...T, __editedFields: V });
         }
-      }), o.length > 0 && (j ? j(o) : k && k(null, null, null, null, null, { isBulk: !0, rows: o })), R({}), X({}), W(null);
-    }, [d, m, k, j, Y, Fe, H, i]), Jl = 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,
+      a
+    ]), Jl = c(
       (e) => {
         if (P) return;
         const t = d[e];
@@ -253,22 +337,35 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
       (e) => {
         const t = d[e];
         if (!t || Object.keys(t).length === 0) return;
-        const { hasErrors: l, updatedEdits: r, firstError: o, errorTypes: a } = Y({ [e]: t });
+        const { hasErrors: l, updatedEdits: r, firstError: o, errorTypes: i } = Y({ [e]: t });
         if (l) {
-          if (R((f) => ({ ...f, [e]: r[e] })), i?.showNotification?.("error", Fe(a)), o) {
-            const f = m.findIndex((S) => S.id === o.rowId);
+          if (R((f) => ({
+            ...f,
+            [e]: r[e]
+          })), a?.showNotification?.(
+            "error",
+            Fe(i)
+          ), o) {
+            const f = m.findIndex(
+              (S) => S.id === o.rowId
+            );
             H(o.rowId, o.columnKey, f);
           }
           return;
         }
-        const F = m.find((f) => f.id === e);
+        const F = m.find(
+          (f) => f.id === e
+        );
         if (!F) return;
         const v = { ...F }, T = {};
         Object.entries(t).forEach(([f, S]) => {
           v[f] = S.value, T[f] = { value: S.value, meta: S.meta };
         });
         const V = { ...v, __editedFields: T };
-        j ? j([V]) : k && k(null, null, null, null, null, { isBulk: !0, rows: [V] }), R((f) => {
+        j ? j([V]) : k && k(null, null, null, null, null, {
+          isBulk: !0,
+          rows: [V]
+        }), R((f) => {
           const S = { ...f };
           return delete S[e], S;
         }), X((f) => {
@@ -278,63 +375,129 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
           }), S;
         }), W(null);
       },
-      [d, m, k, j, Y, Fe, H, i]
-    ), $ = z(() => Object.values(d).reduce((e, t) => e + Object.keys(t).length, 0), [d]);
+      [
+        d,
+        m,
+        k,
+        j,
+        Y,
+        Fe,
+        H,
+        a
+      ]
+    ), $ = z(() => Object.values(d).reduce(
+      (e, t) => e + Object.keys(t).length,
+      0
+    ), [d]);
     y(() => {
       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, a]) => {
+        const r = m.findIndex(
+          (o) => o.id === t
+        );
+        Object.entries(l).forEach(([o, i]) => {
           const F = w.find((v) => v.key === o);
-          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.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;
     }, [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]), Zl = c((e) => ht(e), []), Se = c(() => ht(null), []), Cl = c(
+        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]), Zl = c(
+      (e) => ht(e),
+      []
+    ), Se = c(
+      () => ht(null),
+      []
+    ), Cl = c(
       (e, t) => {
         mt({ value: e, reference: t }), _?.onSelected && _.onSelected(e, t), Se();
       },
       [_, 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(
+    ), Ql = c(
+      () => mt(null),
+      []
+    ), Kl = c(
+      (e) => vt(e),
+      []
+    ), Dt = 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 = ce.match(/h-\[(calc\(.+\))\]/);
-      if (t) return t[1].replace(/([+-])/g, " $1 ").replace(/\s+/g, " ");
+      if (t)
+        return t[1].replace(/([+-])/g, " $1 ").replace(/\s+/g, " ");
     }, [ce]), rr = {
-      isEmpty: it,
+      isEmpty: at,
       isFilters: q,
-      isColumnConfigurable: ie,
-      handleOnClick: ae,
+      isColumnConfigurable: ae,
+      handleOnClick: ie,
       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(
+    }, nr = a?.t?.(Wt) ?? Wt, be = q ? "No Results Found" : Ye || "No Data Found", sr = typeof be == "string" ? a?.t?.(be) ?? be : be, Nt = { __isLoading: !0 }, or = new Array(1).fill(Nt), ar = new Array(ll).fill(Nt), Z = z(
+      () => w.filter((e) => !!e?.visible),
+      [w]
+    ), ir = Br(
       {
         columns: vl ? Z : w,
-        data: [...m, ...oe ? m?.length ? or : ir : []],
-        defaultColumn: { minWidth: tn, width: en, maxWidth: Kr }
+        data: [
+          ...m,
+          ...oe ? m?.length ? or : ar : []
+        ],
+        defaultColumn: {
+          minWidth: tn,
+          width: en,
+          maxWidth: Kr
+        }
       },
       Wr
-    ), { getTableProps: Ot, getTableBodyProps: At, headerGroups: xe, prepareRow: Et, rows: L } = ar;
+    ), { getTableProps: Ot, getTableBodyProps: At, headerGroups: xe, prepareRow: Et, rows: L } = ir;
     Ft.current = xe;
-    const cr = JSON.stringify(xe[0]?.headers?.map((e) => e?.Header));
+    const cr = JSON.stringify(
+      xe[0]?.headers?.map(
+        (e) => e?.Header
+      )
+    );
     y(() => {
       if (Re) {
         const e = Ft.current;
-        Re?.(e?.[0]?.headers?.map((t) => t?.Header) ?? []);
+        Re?.(
+          e?.[0]?.headers?.map((t) => t?.Header) ?? []
+        );
       }
     }, [cr, Re]);
     const { checkboxConfig: _t } = Or({
@@ -347,37 +510,61 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
       setCheckedIds: I?.setCheckedIds,
       checkboxMetadata: I?.checkboxMetadata
     }), ur = Rr(
-      It(kr, { activationConstraint: { distance: Bt } }),
-      It(Mr, { activationConstraint: { distance: Bt } })
-    ), dr = { easing: sn, duration: nn };
+      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), {});
+      return !et?.length || !Ne ? L : et.reduce(
+        (e, t) => (e[t] = L.filter(
+          (l) => l.original?.type === t
+        ), e),
+        {}
+      );
     }
     bt.current = hr;
     const mr = (e) => {
       const { active: t } = e;
-      Ie(L.find((l) => l.original?.id === t?.id) ?? null);
+      Ie(
+        L.find(
+          (l) => l.original?.id === t?.id
+        ) ?? null
+      );
     }, pr = (e) => {
       const { active: t, over: l } = e;
-      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: () => ut(!1)
-        });
-      }), Ie(null));
+      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: () => ut(!1)
+          });
+        }
+      ), Ie(null));
     }, vr = () => Ie(null), fr = (e) => {
-      !h?.onSort && !n?.onFilter || me(at === e ? null : e);
+      !h?.onSort && !n?.onFilter || me(it === e ? null : e);
     }, wr = (e) => {
       Ml(e), Rl(!_l), me(null);
     }, ze = c(() => {
       h?.onRemoveSort ? h.onRemoveSort() : h?.onSort && h.onSort("", "");
     }, [h]), Te = c((e = null) => {
       ot(e), Le((t) => e ? !0 : !t);
-    }, []), Ue = c(() => st((e) => !e), []), Fr = () => {
+    }, []), 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;
@@ -389,9 +576,15 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
           Z[l].visible !== !1 && (t += Z[l].width ?? 0);
         return he && (t += _e || ln), U && (t += Xe ? 0 : rn), t;
       },
-      [Z, _e, Xe, he, U]
+      [
+        Z,
+        _e,
+        Xe,
+        he,
+        U
+      ]
     ), Rt = () => {
-      const e = i?.getUserId?.();
+      const e = a?.getUserId?.();
       return {
         ...x || {},
         name: x?.name || "Untitled View",
@@ -417,7 +610,9 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
       const l = Rt();
       J({
         ...l,
-        columns: l?.columns?.map((r) => r.name === e ? { ...r, width: t } : r),
+        columns: l?.columns?.map(
+          (r) => r.name === e ? { ...r, width: t } : r
+        ),
         unsaved: !0
       });
     };
@@ -428,7 +623,13 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
         const t = (e?.filters?.length ?? 0) > 0, l = n?.columnFilters?.length > 0;
         if (!(t && !l && !fe.current)) {
           const o = St.current();
-          J({ ...o, filters: JSON.parse(JSON.stringify(n?.columnFilters || [])), unsaved: !0 });
+          J({
+            ...o,
+            filters: JSON.parse(
+              JSON.stringify(n?.columnFilters || [])
+            ),
+            unsaved: !0
+          });
         }
         fe.current = !1;
       }
@@ -444,18 +645,32 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
     y(() => {
       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(Vt(He.current?.columns || [], A));
+      ge(
+        Vt(
+          He.current?.columns || [],
+          A
+        )
+      );
     }, [A]), y(() => {
       x?.unsaved && ft.current?.persistTableView?.(x);
     }, [x]), y(() => {
-      ct(bt.current());
+      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(() => {
+      J(N || null), N?.columns && ge(
+        Vt(
+          N?.columns || [],
+          wt.current
+        )
+      ), N?.filters && N.filters.length > 0 && !We.current ? (requestAnimationFrame(() => {
+        we.current?.onFilter?.(N.filters);
+      }), We.current = !0) : N?.filters && We.current && JSON.stringify(N.filters) !== JSON.stringify(we.current?.columnFilters) && we.current?.onFilter?.(N.filters);
+    }, [N]), y(() => {
       if (je.current) {
-        const e = new ResizeObserver((t) => Bl(t[0].contentRect.width));
+        const e = new ResizeObserver(
+          (t) => Bl(t[0].contentRect.width)
+        );
         return e.observe(je.current), () => e.disconnect();
       }
     }, []), y(() => {
@@ -474,7 +689,7 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
         isCheckbox: Al,
         checkboxConfig: _t,
         isAllChecked: Ll,
-        showHeaderOptions: at ?? "",
+        showHeaderOptions: it ?? "",
         setShowHeaderOptions: me,
         isShowSortArrowAsc: gl,
         isShowSortArrowDesc: Il,
@@ -485,8 +700,8 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
         setIsShowSortArrowDesc: ve,
         toggleDataFilterModal: Te,
         rowOptions: Array.isArray(U) ? U : [],
-        isColumnConfigurable: ie ?? !1,
-        onAddColumnClick: ae,
+        isColumnConfigurable: ae ?? !1,
+        onAddColumnClick: ie,
         onEditColumnClick: Qe,
         onDeleteColumnClick: Ke,
         tableActions: Ge || null,
@@ -494,24 +709,24 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
         rowAdditionalActions: he ?? null,
         showPendingEditsColumn: $ > 0
       }
-    ), Mt = /* @__PURE__ */ b(Dr, { children: [
+    ), Mt = /* @__PURE__ */ b(Nr, { children: [
       Pl || ul ? /* @__PURE__ */ s("div", { className: "absolute left-0 top-0 w-full h-full z-40 flex items-center justify-center bg-neutral-100 dark:bg-black-700" }) : null,
       /* @__PURE__ */ s(
         "div",
         {
           ...Ot(),
           className: "w-full text-sm text-left text-neutral-500 dark:text-neutral-200 h-full bg-white dark:bg-black-800",
-          children: it ? /* @__PURE__ */ b("div", { className: "z-10", children: [
+          children: at ? /* @__PURE__ */ b("div", { className: "z-10", children: [
             kt,
-            /* @__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: [
+            /* @__PURE__ */ s("div", { className: "absolute w-full", children: a?.renderEmpty ? a.renderEmpty(rr) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center w-full h-[12rem] text-neutral-900 dark:text-neutral-200 mt-8", children: [
               Ze && !q ? /* @__PURE__ */ s(cn, { widgetType: "TABLE" }) : /* @__PURE__ */ s(un, { text: sr }),
-              ie && !q ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
+              ae && !q ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
                 gt,
                 {
                   id: "btn-table-shell-create-column",
                   status: "primary",
                   appearance: "ghost",
-                  onClick: ae,
+                  onClick: ie,
                   children: [
                     /* @__PURE__ */ s(dn, { className: "text-white dark:text-white" }),
                     " ",
@@ -519,7 +734,16 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
                   ]
                 }
               ) }) : null,
-              !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}`))
+              !q && Ce?.map((e, t) => /* @__PURE__ */ s(
+                gt,
+                {
+                  status: "secondary",
+                  id: mn(e.label, t),
+                  onClick: e.onClick,
+                  children: a?.t?.(e.label) ?? e.label
+                },
+                `${e.label}-${t}`
+              ))
             ] }) })
           ] }) : /* @__PURE__ */ s(
             hn,
@@ -539,8 +763,8 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
                     columns: A,
                     width: l,
                     height: r,
-                    withSortable: De,
-                    allowAstarSearch: N?.allowAStarSearch || !1
+                    withSortable: Ne,
+                    allowAstarSearch: D?.allowAStarSearch || !1
                   }
                 ) : null;
               }
@@ -551,10 +775,10 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
     ] }), 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 })
-    ] })), 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({
+    ] })), Dr = jt((e, t) => /* @__PURE__ */ s("div", { className: "h-full w-full", ...e, ref: t, children: /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children }) })), qe = z(() => a?.renderTableHeader ? a.renderTableHeader({
       tableKey: g,
-      search: N?.search,
-      handleSearch: N?.handleSearch,
+      search: D?.search,
+      handleSearch: D?.handleSearch,
       toggleShowFilters: Te,
       toggleShowSorts: Ue,
       filterCounts: n?.columnFilters?.length,
@@ -578,7 +802,7 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
       showSearch: u?.showSearch,
       isLoading: !!u?.isLoading,
       setTableHeaders: ge,
-      allowAStarSearch: !!N?.allowAStarSearch,
+      allowAStarSearch: !!D?.allowAStarSearch,
       withContent: !!u?.content,
       setShowFilters: Le,
       sort: h?.columnSort,
@@ -592,8 +816,8 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
       lineItemRowId: ne
     }) : null, [
       g,
-      N?.search,
-      N?.handleSearch,
+      D?.search,
+      D?.handleSearch,
       Te,
       Ue,
       n?.columnFilters,
@@ -611,8 +835,8 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
       h?.columnSort,
       h?.onSort,
       ze,
-      i,
-      N?.allowAStarSearch,
+      a,
+      D?.allowAStarSearch,
       K,
       ee,
       te,
@@ -627,9 +851,9 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
       {
         value: {
           tableWrapper: yr,
-          tableBodyWrapper: Nr,
+          tableBodyWrapper: Dr,
           lastNonStickyColumnIndex: Fr,
-          search: N?.search,
+          search: D?.search,
           columnFilters: n?.columnFilters,
           onRowClick: $t,
           onSort: h?.onSort,
@@ -641,8 +865,8 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
           rowOptions: U,
           checkboxConfig: _t,
           onResetFilter: n?.onResetFilter,
-          isColumnConfigurable: ie,
-          onAddColumnClick: ae,
+          isColumnConfigurable: ae,
+          onAddColumnClick: ie,
           onEditColumnClick: Qe,
           onDeleteColumnClick: Ke,
           onRowTooltipClick: qt,
@@ -659,15 +883,15 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
           inlineEditColumns: Qt,
           tableActions: Ge,
           dndSortableUtils: de,
-          withSortable: De,
+          withSortable: Ne,
           withDraggable: el,
           onCascadingRowExpand: rl,
           getInnerRowData: nl,
           tableHeaders: w,
           maxLevel: sl,
           expandedRows: ol,
-          setExpandedRows: il,
-          showNewItem: al,
+          setExpandedRows: al,
+          showNewItem: il,
           rawData: lt,
           dragConfig: cl,
           rowWrapper: hl,
@@ -693,7 +917,7 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
           clearSelectedMasterData: Ql,
           allowInlineEdit: yl,
           openCurrencyDropdown: Kl,
-          closeCurrencyDropdown: Nt,
+          closeCurrencyDropdown: Dt,
           currencyDropdownConfig: pt,
           selectedCurrenciesMap: Be,
           setCurrencyForCell: er,
@@ -709,12 +933,12 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
           saveRowPendingEdits: Gl,
           pendingEditsCount: $,
           scrollToCell: H,
-          onFieldOperationFlow: Nl,
+          onFieldOperationFlow: Dl,
           fieldOperationLoading: P,
           validateAllPendingEdits: Y
         },
         children: [
-          Ne ? /* @__PURE__ */ b(
+          De ? /* @__PURE__ */ b(
             "div",
             {
               ref: je,
@@ -725,7 +949,13 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
                   {
                     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 ${E < C ? "w-full" : "flex-1"}`, children: u.content }) : null,
+                      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",
@@ -749,8 +979,24 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
                             ]
                           }
                         ),
-                        /* @__PURE__ */ s(ye, { size: "small", variant: "semibold", appearance: "title", children: (tt ?? m.length).toLocaleString() }),
-                        /* @__PURE__ */ s(ye, { size: "small", variant: "regular", appearance: "subtitle", children: "total records" })
+                        /* @__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
                     ]
                   }
@@ -768,7 +1014,13 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
                           children: qe
                         }
                       ),
-                      u?.postContent ? /* @__PURE__ */ s("div", { className: `flex justify-end items-center ${E < Je ? "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
                     ]
                   }
                 )
@@ -777,10 +1029,17 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
           ) : null,
           u?.showDivider ? /* @__PURE__ */ s("div", { className: "border-b pb-2 w-full dark:bg-black-800" }) : null,
           Me || Ve ? /* @__PURE__ */ s("div", { className: "flex justify-between items-center pb-4 dark:bg-black-800", children: /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
-            Ve && i?.renderSortItem ? i.renderSortItem({ sort: h?.columnSort, onRemoveSort: ze, onSort: h?.onSort, tableHeaders: w, data: m, disabled: M }) : null,
+            Ve && a?.renderSortItem ? a.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({
+              (nt || n?.onResetFilter) && a?.renderActiveFilters && a.renderActiveFilters({
                 filters: n?.columnFilters,
                 onRemoveFilter: xr,
                 onClearFilter: Tr,
@@ -801,7 +1060,7 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
                 lineItemRowId: ne,
                 disabled: M
               }),
-              i?.renderFilterButtons && i.renderFilterButtons({
+              a?.renderFilterButtons && a.renderFilterButtons({
                 onClearFilter: n?.onClearFilter,
                 onClose: wr,
                 modelName: Q,
@@ -825,7 +1084,7 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
             ] }) : null
           ] }) }) : null,
           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: [
+          !De && Oe ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 mb-2", children: [
             /* @__PURE__ */ b(
               "svg",
               {
@@ -850,40 +1109,89 @@ const hn = jr, Wt = "Create Column", mn = (g, N) => `button-admin-${g.toLowerCas
             ),
             /* @__PURE__ */ s(ye, { size: "small", variant: "semibold", appearance: "title", children: (tt ?? m.length).toLocaleString() }),
             /* @__PURE__ */ s(ye, { size: "small", variant: "regular", appearance: "subtitle", children: "total records" })
-          ] }) : !Ne && u?.preContent ? /* @__PURE__ */ s("div", { className: "flex items-center mb-2", children: u.preContent }) : null,
+          ] }) : !De && u?.preContent ? /* @__PURE__ */ s("div", { className: "flex items-center mb-2", children: u.preContent }) : null,
           /* @__PURE__ */ s(
             "div",
             {
               ref: Pe,
               className: `w-full ${ue ? "h-auto" : ce} rounded-lg relative border overflow-x-hidden`,
               style: {
-                ...ue ? { height: m?.length > 0 ? `${(m?.length + 1) * Dl + 4}px` : "350px" } : { height: lr },
+                ...ue ? {
+                  height: m?.length > 0 ? `${(m?.length + 1) * Nl + 4}px` : "350px"
+                } : { height: lr },
                 ...dl
               },
-              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
-              ] })
+              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
+                  ]
+                }
+              )
             }
           ),
-          ue && i?.renderPagination ? i.renderPagination(ue) : null,
-          i?.renderMasterDataModal && i.renderMasterDataModal({
+          ue && a?.renderPagination ? a.renderPagination(ue) : null,
+          a?.renderMasterDataModal && a.renderMasterDataModal({
             isVisible: !!_,
             onSelected: Cl,
             onClose: Se,
             masterDataColumnName: _?.masterDataColumnName,
+            masterDataFormula: _?.masterDataFormula,
             masterDataFilters: _?.masterDataFilters,
             masterDataName: _?.masterDataName,
             masterDataId: _?.masterDataName,
             showFilters: !0
           }),
-          /* @__PURE__ */ s(Ur, { config: pt, onClose: Nt }),
+          /* @__PURE__ */ s(
+            Ur,
+            {
+              config: pt,
+              onClose: Dt
+            }
+          ),
           /* @__PURE__ */ s(
             Jr,
             {