@lax-wp/design-system 0.13.36 → 0.13.37-beta.0

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

@@ -1,28 +1,28 @@
-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 { jsx as s, jsxs as b, Fragment as Dr } from "react/jsx-runtime";
+import { useCheckbox as Ar } from "../../../hooks/useCheckbox.es.js";
+import { useTableConfig as Er } from "../../../providers/design-system-provider/hooks.es.js";
 import { mergeViewColumnsWithTableColumns as Lt } from "../../../utils/table.es.js";
 import gt from "../../button/Button.es.js";
-import { FloatingBar as Er } from "../../floating-bar/FloatingBar.es.js";
+import { FloatingBar as Or } from "../../floating-bar/FloatingBar.es.js";
 import { Typography as Te } from "../typography/Typography.es.js";
-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 jr } from "react-dom";
-import { useTable as Ir, useResizeColumns as Pr } from "react-table";
-import { Body as Br } from "./body/index.es.js";
+import { useSensors as _r, useSensor as Vt, MouseSensor as kr, TouchSensor as Rr, DndContext as Mr, closestCorners as Lr, DragOverlay as gr } from "@dnd-kit/core";
+import Vr, { useState as p, useRef as A, useCallback as c, useEffect as y, useMemo as $, forwardRef as jt } from "react";
+import { AutoSizer as jr } from "react-virtualized-auto-sizer";
+import { createPortal as Ir } from "react-dom";
+import { useTable as Pr, useResizeColumns as Br } from "react-table";
+import { Body as Wr } from "./body/index.es.js";
 import { validateCellValue as It } from "./validateCell.es.js";
-import { Row as Wr } from "./body/rows/row.es.js";
-import { TableContext as Hr } from "./context.es.js";
-import { CurrencyDropdownPortal as $r } from "./CurrencyDropdownPortal.es.js";
-import { Head as zr } from "./head/index.es.js";
-import { PendingEditsFloatingBar as 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(
+import { Row as Hr } from "./body/rows/row.es.js";
+import { TableContext as $r } from "./context.es.js";
+import { CurrencyDropdownPortal as zr } from "./CurrencyDropdownPortal.es.js";
+import { Head as qr } from "./head/index.es.js";
+import { PendingEditsFloatingBar as Ur } from "./PendingEditsFloatingBar.es.js";
+import { DATA_ROW_ID_ATTR as Jr, DATA_COLUMN_KEY_ATTR as Gr, OS_VIEWPORT_SELECTOR as Xr, SCROLL_TO_CELL_COLUMN_WIDTH_FALLBACK as Yr, SCROLL_TO_CELL_LEFT_OFFSET as Zr, DEFAULT_PAGE_SIZE as Cr, DEFAULT_COLUMN_MAX_WIDTH as Qr, DEFAULT_COLUMN_WIDTH as Kr, DEFAULT_COLUMN_MIN_WIDTH as en, DND_ACTIVATION_DISTANCE as Pt, ROW_ADDITIONAL_ACTIONS_DEFAULT_WIDTH as tn, ROW_OPTIONS_COLUMN_WIDTH as ln, TOOLBAR_FIRST_BREAKPOINT as Z, TOOLBAR_SECOND_BREAKPOINT as Ue, DROP_ANIMATION_DURATION as rn, DROP_ANIMATION_EASING as nn } from "./constants.es.js";
+import { getRowSlotHeight as sn, useRowHeight as on } from "./useRowHeight.es.js";
+import { NoDataFoundWidgets as an } from "../empty-state/NoDataFoundWidgets.es.js";
+import { NoDataFound as cn } from "../empty-state/NoDataFound.es.js";
+import { Add2Icon as un } from "../../icon/icons.generated.es.js";
+const dn = jr, Bt = "Create Column", hn = (g, N) => `button-admin-${g.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, "") || N}`, In = Vr.memo(
   ({
     tableKey: g,
     searchConfig: N = { search: "", handleSearch: () => null, allowAStarSearch: !1 },
@@ -66,8 +66,9 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
     hideRowOptionWidth: Ge,
     checkboxUtilities: V,
     isLoading: se = !1,
-    onScroll: $t,
-    onScrolling: zt,
+    headerLoading: $t = !1,
+    onScroll: zt,
+    onScrolling: qt,
     isColumnConfigurable: oe,
     onAddColumnClick: ae,
     emptyMessage: Xe,
@@ -75,61 +76,61 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
     buttons: Ze,
     onEditColumnClick: Ce,
     onDeleteColumnClick: Qe,
-    onRowTooltipClick: qt,
-    tooltiptext: Ut,
-    cascadingTableConfig: Jt,
-    originalsOnly: Gt,
-    disableOptionsForRowIndex: Xt,
+    onRowTooltipClick: Ut,
+    tooltiptext: Jt,
+    cascadingTableConfig: Gt,
+    originalsOnly: Xt,
+    disableOptionsForRowIndex: Yt,
     tableHeightClass: ie = "h-[calc(100vh-220px)]",
-    getFullRowDataOnClick: Yt,
-    selectedRowId: Zt = null,
+    getFullRowDataOnClick: Zt,
+    selectedRowId: Ct = null,
     onRowEdit: R,
     onBulkRowEdit: j,
-    inlineEditColumns: Ct,
-    isResizable: Qt = !0,
+    inlineEditColumns: Qt,
+    isResizable: Kt = !0,
     paginationConfig: ce,
     dndSortableUtils: ue,
     multipleContexts: Ke,
     withSortable: Ne,
-    withDraggable: Kt,
-    enableRootDrag: el,
-    pageSize: tl = Zr,
-    onCascadingRowExpand: ll,
+    withDraggable: el,
+    enableRootDrag: tl,
+    pageSize: ll = Cr,
+    onCascadingRowExpand: rl,
     totalItems: et,
     showRecordCount: De = !1,
-    getInnerRowData: rl,
-    maxLevel: nl,
-    expandedRows: sl = {},
-    setExpandedRows: ol,
-    showNewItem: al,
+    getInnerRowData: nl,
+    maxLevel: sl,
+    expandedRows: ol = {},
+    setExpandedRows: al,
+    showNewItem: il,
     rawData: tt,
-    dragConfig: il,
-    isOverlayLoading: cl,
-    style: ul = {},
+    dragConfig: cl,
+    isOverlayLoading: ul,
+    style: dl = {},
     floatingBarConfig: Ae,
-    rowWrapper: dl,
-    rowLinkConfig: hl,
-    isCellClickDisabled: ml,
+    rowWrapper: hl,
+    rowLinkConfig: ml,
+    isCellClickDisabled: pl,
     setHeaderOnParent: Ee,
-    optimizeTable: pl = !1,
-    multiSelectConfig: vl,
-    headerContextOptions: fl,
-    showHeaderContextOptions: wl,
-    setShowHeaderContextOptions: Fl,
-    showDataTypeIcon: Sl = !1,
+    optimizeTable: vl = !1,
+    multiSelectConfig: fl,
+    headerContextOptions: wl,
+    showHeaderContextOptions: Fl,
+    setShowHeaderContextOptions: Sl,
+    showDataTypeIcon: bl = !1,
     rowAdditionalActions: de,
     rowAdditionalActionsWidth: Oe,
     setVisibleHeaders: _e,
-    cellEditing: bl = null,
-    cellEditingValue: xl = null,
-    allowInlineEdit: Tl = !1,
-    onFieldOperationFlow: yl,
+    cellEditing: xl = null,
+    cellEditingValue: Tl = null,
+    allowInlineEdit: yl = !1,
+    onFieldOperationFlow: Nl,
     fieldOperationLoading: I = null,
     onTableActionsReady: ke,
     onPendingEditsChange: lt,
     onCancelPendingEdits: P
   }) => {
-    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);
+    const a = Er(), Dl = sn(on()), Al = !!N?.search, rt = n?.columnFilters?.length > 0, q = Al || rt, El = !!V, D = a?.getTableView?.(g) ?? null, [x, U] = p(D || null), [Re, Me] = p(!1), [Le, nt] = p(!1), [Ol, st] = p(null), [w, ge] = p(E), ot = (m.length === 0 || !w.length) && !se, [at, he] = p(null), [_l, kl] = p(!1), [Rl, Ml] = p(null), [Ll, gl] = p(!1), [Vl, me] = p(null), [jl, pe] = p(null), [Il, it] = p({}), [J, Ve] = p(null), [Pl, ct] = p(!1), [O, Bl] = p(0), je = A(null), Ie = A(null), [ut, Wl] = p({ width: 0, height: 0 }), [Hl, B] = p(null), [_, dt] = p(null), [$l, 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;
@@ -158,7 +159,7 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
     y(() => {
       ke && ke({ addPendingEdit: He, hasPendingEdits: bt });
     }, [ke, He, bt]);
-    const $l = c((e, t) => {
+    const zl = c((e, t) => {
       k((l) => {
         const r = { ...l };
         if (r[e]) {
@@ -167,10 +168,10 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
         }
         return r;
       });
-    }, []), zl = c(
+    }, []), ql = c(
       (e, t) => d[e]?.[t],
       [d]
-    ), ql = c(
+    ), Ul = c(
       (e, t) => !!d[e]?.[t],
       [d]
     ), xt = c(() => {
@@ -181,18 +182,18 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
           a?.dispatchEvent?.("SCROLL_TO_TABLE_ROW", { rowIndex: l });
           const r = w.findIndex((o) => o.key === t);
           setTimeout(() => {
-            const o = document.querySelector(`[${Ur}="${e}"] [${Jr}="${t}"]`);
+            const o = document.querySelector(`[${Jr}="${e}"] [${Gr}="${t}"]`);
             if (o)
               o.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
             else if (r > 0) {
-              const i = document.querySelector(Gr);
+              const i = document.querySelector(Xr);
               if (i) {
                 let F = 0;
                 for (let v = 0; v < r; v++) {
                   const T = w[v];
-                  T?.sticky || (F += T?.width || Xr);
+                  T?.sticky || (F += T?.width || Yr);
                 }
-                F = Math.max(0, F - Yr), i.scrollTo({ left: F, behavior: "smooth" });
+                F = Math.max(0, F - Zr), i.scrollTo({ left: F, behavior: "smooth" });
               }
             }
             B({ rowId: e, columnKey: t });
@@ -234,7 +235,7 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.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]), Ul = c(
+    }, [d, m, R, j, X, we, W, a]), Jl = c(
       (e) => {
         if (I) return;
         const t = d[e];
@@ -249,7 +250,7 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
         }), B(null);
       },
       [I, P, d]
-    ), Jl = c(
+    ), Gl = c(
       (e) => {
         const t = d[e];
         if (!t || Object.keys(t).length === 0) return;
@@ -283,7 +284,7 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
     y(() => {
       lt?.(H > 0, H);
     }, [H, lt]);
-    const Gl = $(() => {
+    const Xl = $(() => {
       const e = [];
       return Object.entries(d).forEach(([t, l]) => {
         const r = m.findIndex((o) => o.id === t);
@@ -292,28 +293,28 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
           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]), Xl = $(() => {
+    }, [d, w, m]), Yl = $(() => {
       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]), Yl = c((e) => dt(e), []), Fe = c(() => dt(null), []), Zl = c(
+    }, [d, m]), Zl = c((e) => dt(e), []), Fe = c(() => dt(null), []), Cl = c(
       (e, t) => {
         ht({ value: e, reference: t }), _?.onSelected && _.onSelected(e, t), Fe();
       },
       [_, Fe]
-    ), Cl = c(() => ht(null), []), Ql = c((e) => pt(e), []), yt = c(() => pt(null), []), Kl = c((e, t) => {
+    ), Ql = c(() => ht(null), []), Kl = c((e) => pt(e), []), yt = c(() => pt(null), []), er = c((e, t) => {
       G((l) => ({ ...l, [e]: t }));
-    }, []), er = c(
+    }, []), tr = c(
       (e) => Pe[e],
       [Pe]
-    ), tr = $(() => {
+    ), lr = $(() => {
       const e = ie.match(/h-\[(\d+px)\]/);
       if (e) return e[1];
       const t = ie.match(/h-\[(calc\(.+\))\]/);
       if (t) return t[1].replace(/([+-])/g, " $1 ").replace(/\s+/g, " ");
-    }, [ie]), lr = {
+    }, [ie]), rr = {
       isEmpty: ot,
       isFilters: q,
       isColumnConfigurable: oe,
@@ -321,45 +322,45 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
       emptyMessage: Xe,
       buttons: Ze,
       noDataWidget: Ye
-    }, 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(
+    }, nr = a?.t?.(Bt) ?? Bt, Se = q ? "No Results Found" : Xe || "No Data Found", sr = typeof Se == "string" ? a?.t?.(Se) ?? Se : Se, Nt = { __isLoading: !0 }, or = new Array(1).fill(Nt), ar = new Array(ll).fill(Nt), Y = $(() => w.filter((e) => !!e?.visible), [w]), ir = Pr(
       {
-        columns: pl ? Y : w,
-        data: [...m, ...se ? m?.length ? sr : or : []],
-        defaultColumn: { minWidth: Kr, width: Qr, maxWidth: Cr }
+        columns: vl ? Y : w,
+        data: [...m, ...se ? m?.length ? or : ar : []],
+        defaultColumn: { minWidth: en, width: Kr, maxWidth: Qr }
       },
-      Pr
-    ), { getTableProps: Dt, getTableBodyProps: At, headerGroups: be, prepareRow: Et, rows: M } = ar;
+      Br
+    ), { getTableProps: Dt, getTableBodyProps: At, headerGroups: be, prepareRow: Et, rows: M } = ir;
     wt.current = be;
-    const ir = JSON.stringify(be[0]?.headers?.map((e) => e?.Header));
+    const cr = JSON.stringify(be[0]?.headers?.map((e) => e?.Header));
     y(() => {
       if (_e) {
         const e = wt.current;
         _e?.(e?.[0]?.headers?.map((t) => t?.Header) ?? []);
       }
-    }, [ir, _e]);
-    const { checkboxConfig: Ot } = Dr({
+    }, [cr, _e]);
+    const { checkboxConfig: Ot } = Ar({
       rows: M,
       checkedIds: V?.checkedIds,
       isCheckAllDisabled: V?.isCheckAllDisabled,
       selectionDisabledRowIds: V?.selectionDisabledRowIds,
       rawData: tt,
-      onAllChecked: Ll,
+      onAllChecked: gl,
       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() {
+    }), ur = _r(
+      Vt(kr, { activationConstraint: { distance: Pt } }),
+      Vt(Rr, { activationConstraint: { distance: Pt } })
+    ), dr = { easing: nn, duration: rn };
+    function hr() {
       return !Ke?.length || !Ne ? M : Ke.reduce((e, t) => (e[t] = M.filter((l) => l.original?.type === t), e), {});
     }
-    St.current = dr;
-    const hr = (e) => {
+    St.current = hr;
+    const mr = (e) => {
       const { active: t } = e;
       Ve(M.find((l) => l.original?.id === t?.id) ?? null);
-    }, mr = (e) => {
+    }, pr = (e) => {
       const { active: t, over: l } = e;
-      l && (ue?.checkDndDragEnd && ue.checkDndDragEnd(t, l, jl, (r) => {
+      l && (ue?.checkDndDragEnd && ue.checkDndDragEnd(t, l, Il, (r) => {
         it(r), ct(!0), ue.onDragSuccess?.({
           draggedId: t.id,
           droppedId: l.id,
@@ -369,25 +370,25 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
           cb: () => ct(!1)
         });
       }), Ve(null));
-    }, pr = () => Ve(null), vr = (e) => {
+    }, vr = () => Ve(null), fr = (e) => {
       !h?.onSort && !n?.onFilter || he(at === e ? null : e);
-    }, fr = (e) => {
-      Rl(e), _l(!Ol), he(null);
+    }, wr = (e) => {
+      Ml(e), kl(!_l), he(null);
     }, $e = c(() => {
       h?.onRemoveSort ? h.onRemoveSort() : h?.onSort && h.onSort("", "");
     }, [h]), xe = c((e = null) => {
       st(e), Me((t) => e ? !0 : !t);
-    }, []), ze = c(() => nt((e) => !e), []), wr = () => {
+    }, []), ze = c(() => 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;
-    }, Fr = c(
+    }, Sr = 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 || en), z && (t += Ge ? 0 : tn), t;
+        return de && (t += Oe || tn), z && (t += Ge ? 0 : ln), t;
       },
       [Y, Oe, Ge, de, z]
     ), _t = () => {
@@ -412,7 +413,7 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
       };
     };
     Ft.current = _t;
-    const Sr = (e, t) => {
+    const br = (e, t) => {
       const l = _t();
       U({
         ...l,
@@ -432,12 +433,12 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
         ve.current = !1;
       }
     }, [n?.columnFilters]);
-    const br = c(
+    const xr = c(
       (e) => {
         ve.current = !0, n?.onRemoveFilter?.(e);
       },
       [n?.onRemoveFilter]
-    ), xr = c(() => {
+    ), Tr = c(() => {
       ve.current = !0, n?.onClearFilter?.();
     }, [n?.onClearFilter]);
     y(() => {
@@ -454,32 +455,32 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
       }), 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) => Pl(t[0].contentRect.width));
+        const e = new ResizeObserver((t) => Bl(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;
-        Bl({ width: l, height: r });
+        Wl({ width: l, height: r });
       });
       return e.observe(Ie.current), () => e.disconnect();
     }, []);
     const kt = /* @__PURE__ */ s(
-      zr,
+      qr,
       {
-        isResizable: Qt,
+        isResizable: Kt,
         headerGroups: be,
-        isCheckbox: Al,
+        isCheckbox: El,
         checkboxConfig: Ot,
-        isAllChecked: Ml,
+        isAllChecked: Ll,
         showHeaderOptions: at ?? "",
         setShowHeaderOptions: he,
-        isShowSortArrowAsc: gl,
-        isShowSortArrowDesc: Vl,
+        isShowSortArrowAsc: Vl,
+        isShowSortArrowDesc: jl,
         onSort: h?.onSort,
         onFilter: n?.onFilter,
-        toggleHeaderOption: vr,
+        toggleHeaderOption: fr,
         setIsShowSortArrowAsc: me,
         setIsShowSortArrowDesc: pe,
         toggleDataFilterModal: xe,
@@ -490,11 +491,12 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
         onDeleteColumnClick: Qe,
         tableActions: Je || null,
         isLoading: se,
+        headerLoading: $t,
         rowAdditionalActions: de ?? null,
         showPendingEditsColumn: H > 0
       }
-    ), 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,
+    ), Rt = /* @__PURE__ */ b(Dr, { children: [
+      Pl || ul ? /* @__PURE__ */ s("div", { className: "absolute left-0 top-0 w-full h-full z-40 flex items-center justify-center bg-neutral-100 dark:bg-black-700" }) : null,
       /* @__PURE__ */ s(
         "div",
         {
@@ -502,8 +504,8 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.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(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 }),
+            /* @__PURE__ */ s("div", { className: "absolute w-full", children: a?.renderEmpty ? a.renderEmpty(rr) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center w-full h-[12rem] text-neutral-900 dark:text-neutral-200 mt-8", children: [
+              Ye && !q ? /* @__PURE__ */ s(an, { widgetType: "TABLE" }) : /* @__PURE__ */ s(cn, { text: sr }),
               oe && !q ? /* @__PURE__ */ s("div", { className: "my-4", children: /* @__PURE__ */ b(
                 gt,
                 {
@@ -512,29 +514,29 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
                   appearance: "ghost",
                   onClick: ae,
                   children: [
-                    /* @__PURE__ */ s(cn, { className: "text-white dark:text-white" }),
+                    /* @__PURE__ */ s(un, { className: "text-white dark:text-white" }),
                     " ",
-                    rr
+                    nr
                   ]
                 }
               ) }) : null,
-              !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}`))
+              !q && Ze?.map((e, t) => /* @__PURE__ */ s(gt, { status: "secondary", id: hn(e.label, t), onClick: e.onClick, children: a?.t?.(e.label) ?? e.label }, `${e.label}-${t}`))
             ] }) })
           ] }) : /* @__PURE__ */ s(
-            un,
+            dn,
             {
               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(
-                  Br,
+                  Wr,
                   {
                     getTableBodyProps: At,
                     rows: M,
                     prepareRow: Et,
                     isLoading: se,
-                    onScroll: $t,
-                    onScrolling: zt,
+                    onScroll: zt,
+                    onScrolling: qt,
                     columns: E,
                     width: l,
                     height: r,
@@ -547,10 +549,10 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
           )
         }
       )
-    ] }), Tr = jt((e, t) => /* @__PURE__ */ b("div", { className: "h-full w-full", ...e, ref: t, children: [
+    ] }), yr = jt((e, t) => /* @__PURE__ */ b("div", { className: "h-full w-full", ...e, ref: t, children: [
       kt,
       /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children })
-    ] })), 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({
+    ] })), Nr = jt((e, t) => /* @__PURE__ */ s("div", { className: "h-full w-full", ...e, ref: t, children: /* @__PURE__ */ s("div", { className: "relative w-full h-full", children: e?.children }) })), qe = $(() => a?.renderTableHeader ? a.renderTableHeader({
       tableKey: g,
       search: N?.search,
       handleSearch: N?.handleSearch,
@@ -622,12 +624,12 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
     return y(() => {
       Ee && Ee(qe);
     }, [qe, Ee]), /* @__PURE__ */ b(
-      Hr.Provider,
+      $r.Provider,
       {
         value: {
-          tableWrapper: Tr,
-          tableBodyWrapper: yr,
-          lastNonStickyColumnIndex: wr,
+          tableWrapper: yr,
+          tableBodyWrapper: Nr,
+          lastNonStickyColumnIndex: Fr,
           search: N?.search,
           columnFilters: n?.columnFilters,
           onRowClick: Ht,
@@ -644,70 +646,70 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
           onAddColumnClick: ae,
           onEditColumnClick: Ce,
           onDeleteColumnClick: Qe,
-          onRowTooltipClick: qt,
-          tooltiptext: Ut,
-          cascadingTableConfig: Jt,
-          activeInlineEdit: Wl,
+          onRowTooltipClick: Ut,
+          tooltiptext: Jt,
+          cascadingTableConfig: Gt,
+          activeInlineEdit: Hl,
           setActiveInlineEdit: B,
-          originalsOnly: Gt,
-          disableOptionsForRowIndex: Xt,
-          getFullRowDataOnClick: Yt,
-          selectedRowId: Zt,
-          getSumOfNextVisibleColumnWidth: Fr,
+          originalsOnly: Xt,
+          disableOptionsForRowIndex: Yt,
+          getFullRowDataOnClick: Zt,
+          selectedRowId: Ct,
+          getSumOfNextVisibleColumnWidth: Sr,
           onRowEdit: R,
-          inlineEditColumns: Ct,
+          inlineEditColumns: Qt,
           tableActions: Je,
           dndSortableUtils: ue,
           withSortable: Ne,
-          withDraggable: Kt,
-          onCascadingRowExpand: ll,
-          getInnerRowData: rl,
+          withDraggable: el,
+          onCascadingRowExpand: rl,
+          getInnerRowData: nl,
           tableHeaders: w,
-          maxLevel: nl,
-          expandedRows: sl,
-          setExpandedRows: ol,
-          showNewItem: al,
+          maxLevel: sl,
+          expandedRows: ol,
+          setExpandedRows: al,
+          showNewItem: il,
           rawData: tt,
-          dragConfig: il,
-          rowWrapper: dl,
-          rowLinkConfig: hl,
-          isCellClickDisabled: ml,
+          dragConfig: cl,
+          rowWrapper: hl,
+          rowLinkConfig: ml,
+          isCellClickDisabled: pl,
           asyncRowOptionsFilter: n?.asyncRowOptionsFilter,
-          handleUpdateColumnWidth: Sr,
-          multiSelectConfig: vl,
-          headerContextOptions: fl,
-          showHeaderContextOptions: wl,
-          setShowHeaderContextOptions: Fl,
+          handleUpdateColumnWidth: br,
+          multiSelectConfig: fl,
+          headerContextOptions: wl,
+          showHeaderContextOptions: Fl,
+          setShowHeaderContextOptions: Sl,
           headerDivWidth: O,
-          showDataTypeIcon: Sl,
+          showDataTypeIcon: bl,
           rowAdditionalActions: de,
           hoverConfig: Wt,
           rowAdditionalActionsWidth: Oe,
-          cellEditing: bl,
-          cellEditingValue: xl,
-          openMasterDataModal: Yl,
+          cellEditing: xl,
+          cellEditingValue: Tl,
+          openMasterDataModal: Zl,
           closeMasterDataModal: Fe,
-          selectedMasterData: Hl,
-          clearSelectedMasterData: Cl,
-          allowInlineEdit: Tl,
-          openCurrencyDropdown: Ql,
+          selectedMasterData: $l,
+          clearSelectedMasterData: Ql,
+          allowInlineEdit: yl,
+          openCurrencyDropdown: Kl,
           closeCurrencyDropdown: yt,
           currencyDropdownConfig: mt,
           selectedCurrenciesMap: Pe,
-          setCurrencyForCell: Kl,
-          getCurrencyForCell: er,
+          setCurrencyForCell: er,
+          getCurrencyForCell: tr,
           pendingEdits: d,
           addPendingEdit: He,
-          removePendingEdit: $l,
-          getPendingEdit: zl,
-          hasPendingEdit: ql,
+          removePendingEdit: zl,
+          getPendingEdit: ql,
+          hasPendingEdit: Ul,
           clearAllPendingEdits: xt,
           saveAllPendingEdits: Tt,
-          clearRowPendingEdits: Ul,
-          saveRowPendingEdits: Jl,
+          clearRowPendingEdits: Jl,
+          saveRowPendingEdits: Gl,
           pendingEditsCount: H,
           scrollToCell: W,
-          onFieldOperationFlow: yl,
+          onFieldOperationFlow: Nl,
           fieldOperationLoading: I,
           validateAllPendingEdits: X
         },
@@ -780,8 +782,8 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
             Re ? /* @__PURE__ */ b("div", { className: "flex gap-2 items-center", children: [
               (rt || n?.onResetFilter) && a?.renderActiveFilters && a.renderActiveFilters({
                 filters: n?.columnFilters,
-                onRemoveFilter: br,
-                onClearFilter: xr,
+                onRemoveFilter: xr,
+                onClearFilter: Tr,
                 onResetFilter: n?.onResetFilter,
                 onFilter: n?.onFilter,
                 tableHeaders: w,
@@ -800,12 +802,12 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
               }),
               a?.renderFilterButtons && a.renderFilterButtons({
                 onClearFilter: n?.onClearFilter,
-                onClose: fr,
+                onClose: wr,
                 modelName: C,
                 enableMasterDataEnumSuggestions: Q,
-                defaultFilterColumn: El,
+                defaultFilterColumn: Ol,
                 resetDefaultFilterColumn: () => st(null),
-                column: kl,
+                column: Rl,
                 onFilter: n?.onFilter,
                 tableHeaders: w,
                 columnFilters: n?.columnFilters,
@@ -820,7 +822,7 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
               })
             ] }) : null
           ] }) }) : null,
-          Ae && Object.keys(Ae).length ? /* @__PURE__ */ s(Er, { ...Ae }) : null,
+          Ae && Object.keys(Ae).length ? /* @__PURE__ */ s(Or, { ...Ae }) : null,
           !ye && De ? /* @__PURE__ */ b("div", { className: "flex items-center gap-1.5 mb-2", children: [
             /* @__PURE__ */ b(
               "svg",
@@ -853,15 +855,15 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
               ref: Ie,
               className: `w-full ${ce ? "h-auto" : ie} rounded-lg relative border overflow-x-hidden`,
               style: {
-                ...ce ? { height: m?.length > 0 ? `${(m?.length + 1) * Nl + 4}px` : "350px" } : { height: tr },
-                ...ul
+                ...ce ? { height: m?.length > 0 ? `${(m?.length + 1) * Dl + 4}px` : "350px" } : { height: lr },
+                ...dl
               },
-              children: el ? Rt : /* @__PURE__ */ b(Rr, { sensors: cr, onDragEnd: mr, onDragStart: hr, onDragCancel: pr, collisionDetection: Mr, children: [
+              children: tl ? Rt : /* @__PURE__ */ b(Mr, { sensors: ur, onDragEnd: pr, onDragStart: mr, onDragCancel: vr, collisionDetection: Lr, children: [
                 Rt,
-                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: [
+                J ? Ir(
+                  /* @__PURE__ */ s(gr, { adjustScale: !0, dropAnimation: dr, 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(Wr, { row: J, index: M?.findIndex((e) => e.id === J.original.id) }, J.original.id)
+                    /* @__PURE__ */ s(Hr, { row: J, index: M?.findIndex((e) => e.id === J.original.id) }, J.original.id)
                   ] }) }) }),
                   document.getElementById("full-screen-container") || document.body
                 ) : null
@@ -871,7 +873,7 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
           ce && a?.renderPagination ? a.renderPagination(ce) : null,
           a?.renderMasterDataModal && a.renderMasterDataModal({
             isVisible: !!_,
-            onSelected: Zl,
+            onSelected: Cl,
             onClose: Fe,
             masterDataColumnName: _?.masterDataColumnName,
             masterDataFilters: _?.masterDataFilters,
@@ -879,13 +881,13 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
             masterDataId: _?.masterDataName,
             showFilters: !0
           }),
-          /* @__PURE__ */ s($r, { config: mt, onClose: yt }),
+          /* @__PURE__ */ s(zr, { config: mt, onClose: yt }),
           /* @__PURE__ */ s(
-            qr,
+            Ur,
             {
               pendingEditsCount: H,
-              pendingEditsList: Gl,
-              rowsWithPendingEdits: Xl,
+              pendingEditsList: Xl,
+              rowsWithPendingEdits: Yl,
               fieldOperationLoading: I,
               onClearAll: xt,
               onSaveAll: Tt,
@@ -898,6 +900,6 @@ const un = Vr, Bt = "Create Column", dn = (g, N) => `button-admin-${g.toLowerCas
   }
 );
 export {
-  jn as InfiniteTable
+  In as InfiniteTable
 };
 //# sourceMappingURL=index.es.js.map