@lax-wp/design-system 0.13.33-beta.6 → 0.13.33

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

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