@lax-wp/design-system 0.14.35 → 0.14.36

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

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