@lax-wp/design-system 0.13.33 → 0.13.35

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

@@ -1,29 +1,30 @@
-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 { jsx as s, jsxs as b, Fragment as Nr } from "react/jsx-runtime";
+import { useCheckbox as Dr } from "../../../hooks/useCheckbox.es.js";
+import { useTableConfig as Ar } from "../../../providers/design-system-provider/hooks.es.js";
 import { mergeViewColumnsWithTableColumns as Lt } from "../../../utils/table.es.js";
-import Vt from "../../button/Button.es.js";
-import { FloatingBar as Ar } from "../../floating-bar/FloatingBar.es.js";
+import gt from "../../button/Button.es.js";
+import { FloatingBar as Er } from "../../floating-bar/FloatingBar.es.js";
 import { Typography as Te } from "../typography/Typography.es.js";
-import { useSensors as 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 { useSensors as Or, useSensor as Vt, MouseSensor as _r, TouchSensor as kr, DndContext as Rr, closestCorners as Mr, DragOverlay as Lr } from "@dnd-kit/core";
+import gr, { useState as p, useRef as A, useCallback as c, useEffect as y, useMemo as $, forwardRef as jt } from "react";
 import { AutoSizer as Vr } from "react-virtualized-auto-sizer";
-import { createPortal as gr } from "react-dom";
-import { useTable as jr, useResizeColumns as Ir } from "react-table";
-import { Body as Pr } from "./body/index.es.js";
+import { createPortal as jr } from "react-dom";
+import { useTable as Ir, useResizeColumns as Pr } from "react-table";
+import { Body as Br } from "./body/index.es.js";
 import { validateCellValue as It } from "./validateCell.es.js";
-import { Row as Br } from "./body/rows/row.es.js";
-import { TableContext as Wr } from "./context.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 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(
+import { Head as zr } from "./head/index.es.js";
+import { PendingEditsFloatingBar as qr } from "./PendingEditsFloatingBar.es.js";
+import { DATA_ROW_ID_ATTR as Ur, DATA_COLUMN_KEY_ATTR as Jr, OS_VIEWPORT_SELECTOR as Gr, SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK as Xr, SCROLL_TO_CELL_LEFT_OFFSET as Yr, DEFAULT_PAGE_SIZE as Zr, DEFAULT_COLUMN_MAX_WIDTH as Cr, DEFAULT_COLUMN_WIDTH as Qr, DEFAULT_COLUMN_MIN_WIDTH as Kr, DND_ACTIVATION_DISTANCE as Pt, ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH as en, ROW_OPTIONS_COLUMN_WIDTH as tn, TOOLBAR_FIRST_BREAKPOINT as Z, TOOLBAR_SECOND_BREAKPOINT as Ue, DROP_ANIMATION_DURATION as ln, DROP_ANIMATION_EASING as rn } from "./constants.es.js";
+import { getRowSlotHeight as nn, useRowHeight as sn } from "./useRowHeight.es.js";
+import { NoDataFoundWidgets as on } from "../empty-state/NoDataFoundWidgets.es.js";
+import { NoDataFound as an } from "../empty-state/NoDataFound.es.js";
+import { Add2Icon as cn } from "../../icon/icons.generated.es.js";
+const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, "") || N}`, jn = gr.memo(
   ({
-    tableKey: V,
+    tableKey: g,
     searchConfig: N = { search: "", handleSearch: () => null, allowAStarSearch: !1 },
     filterConfig: n = {
       columnFilters: [],
@@ -58,14 +59,14 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
     lineItemRowId: re,
     enumSuggestionsData: ne,
     data: m = [],
-    onRowClick: $t,
+    onRowClick: Ht,
     showHeader: ye,
     tableActions: Je,
     rowOptions: z,
     hideRowOptionWidth: Ge,
-    checkboxUtilities: g,
+    checkboxUtilities: V,
     isLoading: se = !1,
-    onScroll: Ht,
+    onScroll: $t,
     onScrolling: zt,
     isColumnConfigurable: oe,
     onAddColumnClick: ae,
@@ -79,20 +80,20 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
     cascadingTableConfig: Jt,
     originalsOnly: Gt,
     disableOptionsForRowIndex: Xt,
-    tableHeightClass: ce = "h-[calc(100vh-220px)]",
+    tableHeightClass: ie = "h-[calc(100vh-220px)]",
     getFullRowDataOnClick: Yt,
     selectedRowId: Zt = null,
     onRowEdit: R,
     onBulkRowEdit: j,
     inlineEditColumns: Ct,
     isResizable: Qt = !0,
-    paginationConfig: ie,
+    paginationConfig: ce,
     dndSortableUtils: ue,
     multipleContexts: Ke,
     withSortable: Ne,
     withDraggable: Kt,
     enableRootDrag: el,
-    pageSize: tl = Yr,
+    pageSize: tl = Zr,
     onCascadingRowExpand: ll,
     totalItems: et,
     showRecordCount: De = !1,
@@ -102,8 +103,8 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
     setExpandedRows: ol,
     showNewItem: al,
     rawData: tt,
-    dragConfig: cl,
-    isOverlayLoading: il,
+    dragConfig: il,
+    isOverlayLoading: cl,
     style: ul = {},
     floatingBarConfig: Ae,
     rowWrapper: dl,
@@ -128,7 +129,7 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
     onPendingEditsChange: lt,
     onCancelPendingEdits: P
   }) => {
-    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);
+    const a = Ar(), Nl = nn(sn()), Dl = !!N?.search, rt = n?.columnFilters?.length > 0, q = Dl || rt, Al = !!V, D = a?.getTableView?.(g) ?? null, [x, U] = p(D || null), [Re, Me] = p(!1), [Le, nt] = p(!1), [El, st] = p(null), [w, ge] = p(E), ot = (m.length === 0 || !w.length) && !se, [at, he] = p(null), [Ol, _l] = p(!1), [kl, Rl] = p(null), [Ml, Ll] = p(!1), [gl, me] = p(null), [Vl, pe] = p(null), [jl, it] = p({}), [J, Ve] = p(null), [Il, ct] = p(!1), [O, Pl] = p(0), je = A(null), Ie = A(null), [ut, Bl] = p({ width: 0, height: 0 }), [Wl, B] = p(null), [_, dt] = p(null), [Hl, ht] = p(null), [mt, pt] = p(null), [Pe, G] = p({}), Be = A(!1), ve = A(!1), We = A(x);
     We.current = x;
     const vt = A(a);
     vt.current = a;
@@ -136,62 +137,62 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
     ft.current = E;
     const fe = A(n);
     fe.current = n;
-    const wt = A(null), Ft = A(() => ({})), St = A(() => ({})), [d, k] = p({}), $e = i(
+    const wt = A(null), Ft = A(() => ({})), St = A(() => ({})), [d, k] = p({}), He = c(
       (e, t, l) => {
         k((r) => {
           const o = r[e]?.[t];
-          let c = l.validationError;
-          if (c === void 0) {
+          let i = l.validationError;
+          if (i === void 0) {
             const F = w.find((v) => v.key === t);
             if (F) {
               const v = It(l.value, F);
-              c = v.isValid ? null : v.error || "Invalid";
+              i = v.isValid ? null : v.error || "Invalid";
             } else
-              c = o?.validationError ?? null;
+              i = o?.validationError ?? null;
           }
-          return { ...r, [e]: { ...r[e] || {}, [t]: { ...l, validationError: c ?? null } } };
+          return { ...r, [e]: { ...r[e] || {}, [t]: { ...l, validationError: i ?? null } } };
         });
       },
       [w]
-    ), bt = i(() => Object.values(d).some((e) => Object.keys(e).length > 0), [d]);
+    ), bt = c(() => 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) => {
+      ke && ke({ addPendingEdit: He, hasPendingEdits: bt });
+    }, [ke, He, bt]);
+    const $l = c((e, t) => {
       k((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, ...i } = r[e];
+          Object.keys(i).length === 0 ? delete r[e] : r[e] = i;
         }
         return r;
       });
-    }, []), Hl = i(
+    }, []), zl = c(
       (e, t) => d[e]?.[t],
       [d]
-    ), zl = i(
+    ), ql = c(
       (e, t) => !!d[e]?.[t],
       [d]
-    ), xt = i(() => {
+    ), xt = c(() => {
       I || (P && Object.keys(d).length > 0 && P(d), k({}), G({}), B(null));
-    }, [I, P, d]), W = i(
+    }, [I, P, d]), W = c(
       (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(`[${qr}="${e}"] [${Ur}="${t}"]`);
+            const o = document.querySelector(`[${Ur}="${e}"] [${Jr}="${t}"]`);
             if (o)
               o.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
             else if (r > 0) {
-              const c = document.querySelector(Jr);
-              if (c) {
+              const i = document.querySelector(Gr);
+              if (i) {
                 let F = 0;
                 for (let v = 0; v < r; v++) {
                   const T = w[v];
-                  T?.sticky || (F += T?.width || Gr);
+                  T?.sticky || (F += T?.width || Xr);
                 }
-                F = Math.max(0, F - Xr), c.scrollTo({ left: F, behavior: "smooth" });
+                F = Math.max(0, F - Yr), i.scrollTo({ left: F, behavior: "smooth" });
               }
             }
             B({ rowId: e, columnKey: t });
@@ -199,33 +200,33 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
         }, 100);
       },
       [w, a]
-    ), X = i(
+    ), X = c(
       (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(([v, T]) => {
+        return Object.entries(e).forEach(([i, F]) => {
+          r[i] = {}, Object.entries(F).forEach(([v, T]) => {
             const L = w.find((S) => S.key === v), f = It(T.value, L);
-            f.isValid ? r[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 });
+            f.isValid ? r[i][v] = { ...T, validationError: null } : (t = !0, f.error && o.add(f.error), l || (l = { rowId: i, columnKey: v }), r[i][v] = { ...T, validationError: f.error });
           });
         }), { hasErrors: t, updatedEdits: r, firstError: l, errorTypes: o };
       },
       [w]
-    ), we = i((e) => {
+    ), we = c((e) => {
       const t = e.has("Field required"), l = e.size > (t ? 1 : 0);
       return t && l ? "Missing required field(s) and invalid format detected. Please review highlighted field(s)." : t ? "Missing required field(s). Please review highlighted field(s)." : "Invalid field value(s). Please review highlighted field(s).";
-    }, []), Tt = i(() => {
+    }, []), Tt = c(() => {
       const { hasErrors: e, updatedEdits: t, firstError: l, errorTypes: r } = X(d);
       if (e) {
         if (k(t), a?.showNotification?.("error", we(r)), l) {
-          const c = m.findIndex((F) => F.id === l.rowId);
-          W(l.rowId, l.columnKey, c);
+          const i = m.findIndex((F) => F.id === l.rowId);
+          W(l.rowId, l.columnKey, i);
         }
         return;
       }
       const o = [];
-      Object.entries(d).forEach(([c, F]) => {
-        const v = m.find((T) => T.id === c);
+      Object.entries(d).forEach(([i, F]) => {
+        const v = m.find((T) => T.id === i);
         if (v) {
           const T = { ...v }, L = {};
           Object.entries(F).forEach(([f, S]) => {
@@ -233,7 +234,7 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
           }), o.push({ ...T, __editedFields: L });
         }
       }), 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(
+    }, [d, m, R, j, X, we, W, a]), Ul = c(
       (e) => {
         if (I) return;
         const t = d[e];
@@ -248,13 +249,13 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
         }), B(null);
       },
       [I, P, d]
-    ), Ul = i(
+    ), Jl = c(
       (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 });
+        const { hasErrors: l, updatedEdits: r, firstError: o, errorTypes: i } = X({ [e]: t });
         if (l) {
-          if (k((f) => ({ ...f, [e]: r[e] })), a?.showNotification?.("error", we(c)), o) {
+          if (k((f) => ({ ...f, [e]: r[e] })), a?.showNotification?.("error", we(i)), o) {
             const f = m.findIndex((S) => S.id === o.rowId);
             W(o.rowId, o.columnKey, f);
           }
@@ -278,41 +279,41 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
         }), B(null);
       },
       [d, m, R, j, X, we, W, a]
-    ), $ = H(() => Object.values(d).reduce((e, t) => e + Object.keys(t).length, 0), [d]);
+    ), H = $(() => Object.values(d).reduce((e, t) => e + Object.keys(t).length, 0), [d]);
     y(() => {
-      lt?.($ > 0, $);
-    }, [$, lt]);
-    const Jl = H(() => {
+      lt?.(H > 0, H);
+    }, [H, lt]);
+    const Gl = $(() => {
       const e = [];
       return Object.entries(d).forEach(([t, l]) => {
         const r = m.findIndex((o) => o.id === t);
-        Object.entries(l).forEach(([o, c]) => {
+        Object.entries(l).forEach(([o, i]) => {
           const F = w.find((v) => v.key === o);
-          e.push({ rowId: t, columnKey: o, fieldName: F?.Header || F?.display_name || o, value: c.value, originalValue: c.originalValue, meta: c.meta, originalMeta: c.originalMeta, rowIndex: r });
+          e.push({ rowId: t, columnKey: o, fieldName: F?.Header || F?.display_name || o, value: i.value, originalValue: i.originalValue, meta: i.meta, originalMeta: i.originalMeta, rowIndex: r });
         });
       }), e;
-    }, [d, w, m]), Gl = H(() => {
+    }, [d, w, m]), Xl = $(() => {
       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]), Xl = i((e) => dt(e), []), Fe = i(() => dt(null), []), Yl = i(
+    }, [d, m]), Yl = c((e) => dt(e), []), Fe = c(() => dt(null), []), Zl = c(
       (e, t) => {
         ht({ value: e, reference: t }), _?.onSelected && _.onSelected(e, t), Fe();
       },
       [_, Fe]
-    ), Zl = i(() => ht(null), []), Cl = i((e) => pt(e), []), yt = i(() => pt(null), []), Ql = i((e, t) => {
+    ), Cl = c(() => ht(null), []), Ql = c((e) => pt(e), []), yt = c(() => pt(null), []), Kl = c((e, t) => {
       G((l) => ({ ...l, [e]: t }));
-    }, []), Kl = i(
+    }, []), er = c(
       (e) => Pe[e],
       [Pe]
-    ), er = H(() => {
-      const e = ce.match(/h-\[(\d+px)\]/);
+    ), tr = $(() => {
+      const e = ie.match(/h-\[(\d+px)\]/);
       if (e) return e[1];
-      const t = ce.match(/h-\[(calc\(.+\))\]/);
+      const t = ie.match(/h-\[(calc\(.+\))\]/);
       if (t) return t[1].replace(/([+-])/g, " $1 ").replace(/\s+/g, " ");
-    }, [ce]), tr = {
+    }, [ie]), lr = {
       isEmpty: ot,
       isFilters: q,
       isColumnConfigurable: oe,
@@ -320,73 +321,73 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
       emptyMessage: Xe,
       buttons: Ze,
       noDataWidget: Ye
-    }, 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(
+    }, rr = a?.t?.(Bt) ?? Bt, Se = q ? "No Results Found" : Xe || "No Data Found", nr = typeof Se == "string" ? a?.t?.(Se) ?? Se : Se, Nt = { __isLoading: !0 }, sr = new Array(1).fill(Nt), or = new Array(tl).fill(Nt), Y = $(() => w.filter((e) => !!e?.visible), [w]), ar = Ir(
       {
         columns: pl ? Y : w,
-        data: [...m, ...se ? m?.length ? nr : sr : []],
-        defaultColumn: { minWidth: Qr, width: Cr, maxWidth: Zr }
+        data: [...m, ...se ? m?.length ? sr : or : []],
+        defaultColumn: { minWidth: Kr, width: Qr, maxWidth: Cr }
       },
-      Ir
-    ), { getTableProps: Dt, getTableBodyProps: At, headerGroups: be, prepareRow: Et, rows: M } = or;
+      Pr
+    ), { getTableProps: Dt, getTableBodyProps: At, headerGroups: be, prepareRow: Et, rows: M } = ar;
     wt.current = be;
-    const ar = JSON.stringify(be[0]?.headers?.map((e) => e?.Header));
+    const ir = JSON.stringify(be[0]?.headers?.map((e) => e?.Header));
     y(() => {
       if (_e) {
         const e = wt.current;
         _e?.(e?.[0]?.headers?.map((t) => t?.Header) ?? []);
       }
-    }, [ar, _e]);
-    const { checkboxConfig: Ot } = Nr({
+    }, [ir, _e]);
+    const { checkboxConfig: Ot } = Dr({
       rows: M,
-      checkedIds: g?.checkedIds,
-      isCheckAllDisabled: g?.isCheckAllDisabled,
-      selectionDisabledRowIds: g?.selectionDisabledRowIds,
+      checkedIds: V?.checkedIds,
+      isCheckAllDisabled: V?.isCheckAllDisabled,
+      selectionDisabledRowIds: V?.selectionDisabledRowIds,
       rawData: tt,
-      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() {
+      onAllChecked: Ll,
+      setCheckedIds: V?.setCheckedIds,
+      checkboxMetadata: V?.checkboxMetadata
+    }), cr = Or(
+      Vt(_r, { activationConstraint: { distance: Pt } }),
+      Vt(kr, { activationConstraint: { distance: Pt } })
+    ), ur = { easing: rn, duration: ln };
+    function dr() {
       return !Ke?.length || !Ne ? M : Ke.reduce((e, t) => (e[t] = M.filter((l) => l.original?.type === t), e), {});
     }
-    St.current = ur;
-    const dr = (e) => {
+    St.current = dr;
+    const hr = (e) => {
       const { active: t } = e;
-      ge(M.find((l) => l.original?.id === t?.id) ?? null);
-    }, hr = (e) => {
+      Ve(M.find((l) => l.original?.id === t?.id) ?? null);
+    }, mr = (e) => {
       const { active: t, over: l } = e;
-      l && (ue?.checkDndDragEnd && ue.checkDndDragEnd(t, l, gl, (r) => {
-        ct(r), it(!0), ue.onDragSuccess?.({
+      l && (ue?.checkDndDragEnd && ue.checkDndDragEnd(t, l, jl, (r) => {
+        it(r), ct(!0), ue.onDragSuccess?.({
           draggedId: t.id,
           droppedId: l.id,
           draggedType: t.data.current?.type,
           droppedType: l.data.current?.type,
           updatedList: r,
-          cb: () => it(!1)
+          cb: () => ct(!1)
         });
-      }), ge(null));
-    }, mr = () => ge(null), pr = (e) => {
+      }), Ve(null));
+    }, pr = () => Ve(null), vr = (e) => {
       !h?.onSort && !n?.onFilter || he(at === e ? null : e);
-    }, vr = (e) => {
-      kl(e), Ol(!El), he(null);
-    }, He = i(() => {
+    }, fr = (e) => {
+      Rl(e), _l(!Ol), he(null);
+    }, $e = c(() => {
       h?.onRemoveSort ? h.onRemoveSort() : h?.onSort && h.onSort("", "");
-    }, [h]), xe = i((e = null) => {
+    }, [h]), xe = c((e = null) => {
       st(e), Me((t) => e ? !0 : !t);
-    }, []), ze = i(() => nt((e) => !e), []), fr = () => {
+    }, []), ze = c(() => nt((e) => !e), []), wr = () => {
       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;
-    }, wr = i(
+    }, Fr = c(
       (e) => {
         let t = 0;
         for (let l = e + 1; l < Y.length; l++)
           Y[l].visible !== !1 && (t += Y[l].width ?? 0);
-        return de && (t += Oe || Kr), z && (t += Ge ? 0 : en), t;
+        return de && (t += Oe || en), z && (t += Ge ? 0 : tn), t;
       },
       [Y, Oe, Ge, de, z]
     ), _t = () => {
@@ -397,7 +398,7 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
         created_by: x?.created_by || e,
         filters: x?.filters || n?.columnFilters,
         id: x?.id || "untitled-view",
-        table_key: x?.table_key || V,
+        table_key: x?.table_key || g,
         columns: x?.columns || E?.map((t, l) => ({
           name: t.Header,
           width: t.width,
@@ -411,7 +412,7 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
       };
     };
     Ft.current = _t;
-    const Fr = (e, t) => {
+    const Sr = (e, t) => {
       const l = _t();
       U({
         ...l,
@@ -431,54 +432,54 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
         ve.current = !1;
       }
     }, [n?.columnFilters]);
-    const Sr = i(
+    const br = c(
       (e) => {
         ve.current = !0, n?.onRemoveFilter?.(e);
       },
       [n?.onRemoveFilter]
-    ), br = i(() => {
+    ), xr = c(() => {
       ve.current = !0, n?.onClearFilter?.();
     }, [n?.onClearFilter]);
     y(() => {
       h?.columnSort?.field ? (nt(!0), h.columnSort.order === "asc" ? (me(h.columnSort.field), pe(null)) : h.columnSort.order === "desc" && (pe(h.columnSort.field), me(null))) : (me(null), pe(null));
     }, [h?.columnSort?.field, h?.columnSort?.order]), y(() => {
-      Ve(Lt(We.current?.columns || [], E));
+      ge(Lt(We.current?.columns || [], E));
     }, [E]), y(() => {
       x?.unsaved && vt.current?.persistTableView?.(x);
     }, [x]), y(() => {
-      ct(St.current());
+      it(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(() => {
+      U(D || null), D?.columns && ge(Lt(D?.columns || [], ft.current)), D?.filters && D.filters.length > 0 && !Be.current ? (requestAnimationFrame(() => {
         fe.current?.onFilter?.(D.filters);
       }), Be.current = !0) : D?.filters && Be.current && JSON.stringify(D.filters) !== JSON.stringify(fe.current?.columnFilters) && fe.current?.onFilter?.(D.filters);
     }, [D]), y(() => {
       if (je.current) {
-        const e = new ResizeObserver((t) => Il(t[0].contentRect.width));
+        const e = new ResizeObserver((t) => Pl(t[0].contentRect.width));
         return e.observe(je.current), () => e.disconnect();
       }
     }, []), y(() => {
       if (!Ie.current) return;
       const e = new ResizeObserver((t) => {
         const { width: l, height: r } = t[0].contentRect;
-        Pl({ width: l, height: r });
+        Bl({ width: l, height: r });
       });
       return e.observe(Ie.current), () => e.disconnect();
     }, []);
     const kt = /* @__PURE__ */ s(
-      Hr,
+      zr,
       {
         isResizable: Qt,
         headerGroups: be,
-        isCheckbox: Dl,
+        isCheckbox: Al,
         checkboxConfig: Ot,
-        isAllChecked: Rl,
+        isAllChecked: Ml,
         showHeaderOptions: at ?? "",
         setShowHeaderOptions: he,
-        isShowSortArrowAsc: Ll,
+        isShowSortArrowAsc: gl,
         isShowSortArrowDesc: Vl,
         onSort: h?.onSort,
         onFilter: n?.onFilter,
-        toggleHeaderOption: pr,
+        toggleHeaderOption: vr,
         setIsShowSortArrowAsc: me,
         setIsShowSortArrowDesc: pe,
         toggleDataFilterModal: xe,
@@ -490,10 +491,10 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
         tableActions: Je || null,
         isLoading: se,
         rowAdditionalActions: de ?? null,
-        showPendingEditsColumn: $ > 0
+        showPendingEditsColumn: H > 0
       }
-    ), 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,
+    ), Rt = /* @__PURE__ */ b(Nr, { children: [
+      Il || cl ? /* @__PURE__ */ s("div", { className: "absolute left-0 top-0 w-full h-full z-40 flex items-center justify-center bg-neutral-100 dark:bg-black-700" }) : null,
       /* @__PURE__ */ s(
         "div",
         {
@@ -501,38 +502,38 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
           className: "w-full text-sm text-left text-neutral-500 dark:text-neutral-200 h-full bg-white dark:bg-black-800",
           children: ot ? /* @__PURE__ */ b("div", { className: "z-10", children: [
             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 }),
+            /* @__PURE__ */ s("div", { className: "absolute w-full", children: a?.renderEmpty ? a.renderEmpty(lr) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center w-full h-[12rem] text-neutral-900 dark:text-neutral-200 mt-8", children: [
+              Ye && !q ? /* @__PURE__ */ s(on, { widgetType: "TABLE" }) : /* @__PURE__ */ s(an, { text: nr }),
               oe && !q ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
-                Vt,
+                gt,
                 {
                   id: "btn-table-shell-create-column",
                   status: "primary",
                   appearance: "ghost",
                   onClick: ae,
                   children: [
-                    /* @__PURE__ */ s(sn, { className: "text-white dark:text-white" }),
+                    /* @__PURE__ */ s(cn, { className: "text-white dark:text-white" }),
                     " ",
-                    lr
+                    rr
                   ]
                 }
               ) }) : null,
-              !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}`))
+              !q && Ze?.map((e, t) => /* @__PURE__ */ s(gt, { status: "secondary", id: dn(e.label, t), onClick: e.onClick, children: a?.t?.(e.label) ?? e.label }, `${e.label}-${t}`))
             ] }) })
           ] }) : /* @__PURE__ */ s(
-            on,
+            un,
             {
               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(
-                  Pr,
+                  Br,
                   {
                     getTableBodyProps: At,
                     rows: M,
                     prepareRow: Et,
                     isLoading: se,
-                    onScroll: Ht,
+                    onScroll: $t,
                     onScrolling: zt,
                     columns: E,
                     width: l,
@@ -546,11 +547,11 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
           )
         }
       )
-    ] }), xr = jt((e, t) => /* @__PURE__ */ b("div", { className: "h-full w-full", ...e, ref: t, children: [
+    ] }), Tr = 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 })
-    ] })), 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,
+    ] })), yr = jt((e, t) => /* @__PURE__ */ s("div", { className: "h-full w-full", ...e, ref: t, children: /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children }) })), qe = $(() => a?.renderTableHeader ? a.renderTableHeader({
+      tableKey: g,
       search: N?.search,
       handleSearch: N?.handleSearch,
       toggleShowFilters: xe,
@@ -575,13 +576,13 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
       showSorts: u?.showSorts,
       showSearch: u?.showSearch,
       isLoading: !!u?.isLoading,
-      setTableHeaders: Ve,
+      setTableHeaders: ge,
       allowAStarSearch: !!N?.allowAStarSearch,
       withContent: !!u?.content,
       setShowFilters: Me,
       sort: h?.columnSort,
       onSort: h?.onSort,
-      onRemoveSort: He,
+      onRemoveSort: $e,
       showExportButton: u?.showExportButton,
       agreementCategoryId: K,
       agreementDomainId: ee,
@@ -589,7 +590,7 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
       modificationId: le,
       lineItemRowId: re
     }) : null, [
-      V,
+      g,
       N?.search,
       N?.handleSearch,
       xe,
@@ -608,7 +609,7 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
       w,
       h?.columnSort,
       h?.onSort,
-      He,
+      $e,
       a,
       N?.allowAStarSearch,
       Q,
@@ -621,15 +622,15 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
     return y(() => {
       Ee && Ee(qe);
     }, [qe, Ee]), /* @__PURE__ */ b(
-      Wr.Provider,
+      Hr.Provider,
       {
         value: {
-          tableWrapper: xr,
-          tableBodyWrapper: Tr,
-          lastNonStickyColumnIndex: fr,
+          tableWrapper: Tr,
+          tableBodyWrapper: yr,
+          lastNonStickyColumnIndex: wr,
           search: N?.search,
           columnFilters: n?.columnFilters,
-          onRowClick: $t,
+          onRowClick: Ht,
           onSort: h?.onSort,
           onFilter: n?.onFilter,
           toggleShowFilters: xe,
@@ -646,13 +647,13 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
           onRowTooltipClick: qt,
           tooltiptext: Ut,
           cascadingTableConfig: Jt,
-          activeInlineEdit: Bl,
+          activeInlineEdit: Wl,
           setActiveInlineEdit: B,
           originalsOnly: Gt,
           disableOptionsForRowIndex: Xt,
           getFullRowDataOnClick: Yt,
           selectedRowId: Zt,
-          getSumOfNextVisibleColumnWidth: wr,
+          getSumOfNextVisibleColumnWidth: Fr,
           onRowEdit: R,
           inlineEditColumns: Ct,
           tableActions: Je,
@@ -667,12 +668,12 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
           setExpandedRows: ol,
           showNewItem: al,
           rawData: tt,
-          dragConfig: cl,
+          dragConfig: il,
           rowWrapper: dl,
           rowLinkConfig: hl,
           isCellClickDisabled: ml,
           asyncRowOptionsFilter: n?.asyncRowOptionsFilter,
-          handleUpdateColumnWidth: Fr,
+          handleUpdateColumnWidth: Sr,
           multiSelectConfig: vl,
           headerContextOptions: fl,
           showHeaderContextOptions: wl,
@@ -684,27 +685,27 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
           rowAdditionalActionsWidth: Oe,
           cellEditing: bl,
           cellEditingValue: xl,
-          openMasterDataModal: Xl,
+          openMasterDataModal: Yl,
           closeMasterDataModal: Fe,
-          selectedMasterData: Wl,
-          clearSelectedMasterData: Zl,
+          selectedMasterData: Hl,
+          clearSelectedMasterData: Cl,
           allowInlineEdit: Tl,
-          openCurrencyDropdown: Cl,
+          openCurrencyDropdown: Ql,
           closeCurrencyDropdown: yt,
           currencyDropdownConfig: mt,
           selectedCurrenciesMap: Pe,
-          setCurrencyForCell: Ql,
-          getCurrencyForCell: Kl,
+          setCurrencyForCell: Kl,
+          getCurrencyForCell: er,
           pendingEdits: d,
-          addPendingEdit: $e,
+          addPendingEdit: He,
           removePendingEdit: $l,
-          getPendingEdit: Hl,
-          hasPendingEdit: zl,
+          getPendingEdit: zl,
+          hasPendingEdit: ql,
           clearAllPendingEdits: xt,
           saveAllPendingEdits: Tt,
-          clearRowPendingEdits: ql,
-          saveRowPendingEdits: Ul,
-          pendingEditsCount: $,
+          clearRowPendingEdits: Ul,
+          saveRowPendingEdits: Jl,
+          pendingEditsCount: H,
           scrollToCell: W,
           onFieldOperationFlow: yl,
           fieldOperationLoading: I,
@@ -774,13 +775,13 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
           ) : null,
           u?.showDivider ? /* @__PURE__ */ s("div", { className: "border-b pb-2 w-full dark:bg-black-800" }) : null,
           Re || Le ? /* @__PURE__ */ s("div", { className: "flex justify-between items-center pb-4 dark:bg-black-800", children: /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
-            Le && a?.renderSortItem ? a.renderSortItem({ sort: h?.columnSort, onRemoveSort: He, onSort: h?.onSort, tableHeaders: w, data: m }) : null,
+            Le && a?.renderSortItem ? a.renderSortItem({ sort: h?.columnSort, onRemoveSort: $e, onSort: h?.onSort, tableHeaders: w, data: m }) : null,
             Re && Le && h?.columnSort?.field !== "" ? /* @__PURE__ */ s("div", { className: "h-8 w-[1px] flex-shrink-0 bg-neutral-200" }) : null,
             Re ? /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
               (rt || n?.onResetFilter) && a?.renderActiveFilters && a.renderActiveFilters({
                 filters: n?.columnFilters,
-                onRemoveFilter: Sr,
-                onClearFilter: br,
+                onRemoveFilter: br,
+                onClearFilter: xr,
                 onResetFilter: n?.onResetFilter,
                 onFilter: n?.onFilter,
                 tableHeaders: w,
@@ -799,12 +800,12 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
               }),
               a?.renderFilterButtons && a.renderFilterButtons({
                 onClearFilter: n?.onClearFilter,
-                onClose: vr,
+                onClose: fr,
                 modelName: C,
                 enableMasterDataEnumSuggestions: Q,
-                defaultFilterColumn: Al,
+                defaultFilterColumn: El,
                 resetDefaultFilterColumn: () => st(null),
-                column: _l,
+                column: kl,
                 onFilter: n?.onFilter,
                 tableHeaders: w,
                 columnFilters: n?.columnFilters,
@@ -819,7 +820,7 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
               })
             ] }) : null
           ] }) }) : null,
-          Ae && Object.keys(Ae).length ? /* @__PURE__ */ s(Ar, { ...Ae }) : null,
+          Ae && Object.keys(Ae).length ? /* @__PURE__ */ s(Er, { ...Ae }) : null,
           !ye && De ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 mb-2", children: [
             /* @__PURE__ */ b(
               "svg",
@@ -850,27 +851,27 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
             "div",
             {
               ref: Ie,
-              className: `w-full ${ie ? "h-auto" : ce} rounded-lg relative border overflow-x-hidden`,
+              className: `w-full ${ce ? "h-auto" : ie} rounded-lg relative border overflow-x-hidden`,
               style: {
-                ...ie ? { height: m?.length > 0 ? `${(m?.length + 1) * 41 + 4}px` : "350px" } : { height: er },
+                ...ce ? { height: m?.length > 0 ? `${(m?.length + 1) * Nl + 4}px` : "350px" } : { height: tr },
                 ...ul
               },
-              children: el ? Rt : /* @__PURE__ */ b(kr, { sensors: cr, onDragEnd: hr, onDragStart: dr, onDragCancel: mr, collisionDetection: Rr, children: [
+              children: el ? Rt : /* @__PURE__ */ b(Rr, { sensors: cr, onDragEnd: mr, onDragStart: hr, onDragCancel: pr, collisionDetection: Mr, 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: [
+                J ? jr(
+                  /* @__PURE__ */ s(Lr, { adjustScale: !0, dropAnimation: ur, children: /* @__PURE__ */ s("table", { ...Dt(), className: "w-full text-sm text-left text-neutral-500 dark:text-neutral-200 bg-white dark:bg-black-700 table-auto border-collapse", children: /* @__PURE__ */ b("tbody", { ...At(), className: "bg-transparent divide-y divide-neutral-200", children: [
                     void Et(J),
-                    /* @__PURE__ */ s(Br, { row: J, index: M?.findIndex((e) => e.id === J.original.id) }, J.original.id)
+                    /* @__PURE__ */ s(Wr, { row: J, index: M?.findIndex((e) => e.id === J.original.id) }, J.original.id)
                   ] }) }) }),
                   document.getElementById("full-screen-container") || document.body
                 ) : null
               ] })
             }
           ),
-          ie && a?.renderPagination ? a.renderPagination(ie) : null,
+          ce && a?.renderPagination ? a.renderPagination(ce) : null,
           a?.renderMasterDataModal && a.renderMasterDataModal({
             isVisible: !!_,
-            onSelected: Yl,
+            onSelected: Zl,
             onClose: Fe,
             masterDataColumnName: _?.masterDataColumnName,
             masterDataFilters: _?.masterDataFilters,
@@ -880,11 +881,11 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
           }),
           /* @__PURE__ */ s($r, { config: mt, onClose: yt }),
           /* @__PURE__ */ s(
-            zr,
+            qr,
             {
-              pendingEditsCount: $,
-              pendingEditsList: Jl,
-              rowsWithPendingEdits: Gl,
+              pendingEditsCount: H,
+              pendingEditsList: Gl,
+              rowsWithPendingEdits: Xl,
               fieldOperationLoading: I,
               onClearAll: xt,
               onSaveAll: Tt,
@@ -897,6 +898,6 @@ const on = Vr, Bt = "Create Column", an = (V, N) => `button-admin-${V.toLowerCas
   }
 );
 export {
-  Mn as InfiniteTable
+  jn as InfiniteTable
 };
 //# sourceMappingURL=index.es.js.map