laif-ds 0.2.74 → 0.2.76

package/dist/components/ui/tables/data-table/data-table.js

@@ -1,67 +1,68 @@
 "use client";
-import { jsx as c, jsxs as ie } from "react/jsx-runtime";
-import { useReactTable as at } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { cn as it } from "../../../../lib/utils.js";
-import { useRef as f, useState as d, useEffect as H, useMemo as F } from "react";
-import { Button as st } from "../../button.js";
-import { Checkbox as ye } from "../../checkbox.js";
-import { DataTableBody as lt } from "./components/data-table-body.js";
-import { DataTableColumnVisibility as ct } from "./components/data-table-column-visibility.js";
-import { DataTableFilters as dt } from "./components/data-table-filters.js";
-import { DataTablePaginationComponent as ut } from "./components/data-table-pagination.js";
-import { DataTableSearchbar as gt } from "./components/data-table-searchbar.js";
-import { DataTableSortingComponent as mt } from "./components/data-table-sorting.js";
-import { applySearchFilterToRow as we, debounce as pt, buildSearchFilter as ft, updatePageSizeFromContainer as ht, createDefaultAdvancedFilter as St, createBadgeFilterFromHeader as bt } from "./data-table.service.js";
-import { DataTableActionsComponent as vt } from "./components/data-table-actions.js";
-import { defaultDataTableI18n as Ft } from "./data-table-i18n.js";
-import { getPaginationRowModel as Ct, getFilteredRowModel as xt, getSortedRowModel as yt, getCoreRowModel as wt } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
-function Pt({
-  columns: Y,
-  data: j,
+import { jsx as d, jsxs as se } from "react/jsx-runtime";
+import { useReactTable as ct } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useRef as f, useState as l, useEffect as O, useMemo as C } from "react";
+import { cn as dt } from "../../../../lib/utils.js";
+import { Button as ut } from "../../button.js";
+import { Checkbox as Ie } from "../../checkbox.js";
+import { DataTableActionsComponent as gt } from "./components/data-table-actions.js";
+import { DataTableBody as mt } from "./components/data-table-body.js";
+import { DataTableColumnVisibility as pt } from "./components/data-table-column-visibility.js";
+import { DataTableFilters as ft } from "./components/data-table-filters.js";
+import { DataTablePaginationComponent as ht } from "./components/data-table-pagination.js";
+import { DataTableSearchbar as St } from "./components/data-table-searchbar.js";
+import { DataTableSortingComponent as bt } from "./components/data-table-sorting.js";
+import { applySearchFilterToRow as Te, debounce as Ft, buildSearchFilter as vt, updatePageSizeFromContainer as Ct, createDefaultAdvancedFilter as xt, createBadgeFilterFromHeader as yt } from "./data-table.service.js";
+import { defaultDataTableI18n as wt } from "./data-table-i18n.js";
+import { getPaginationRowModel as Rt, getFilteredRowModel as It, getSortedRowModel as Tt, getCoreRowModel as zt } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
+function Wt({
+  columns: Z,
+  data: V,
   loading: z = !1,
-  emptyComponent: Re,
-  className: Ie,
-  rowSelection: Te = {},
-  onRowSelectionChange: se,
-  checkable: P = !1,
-  onCheckedRowsChange: Z,
-  actions: ze = [],
-  customComponentsLeft: De,
-  customComponentsRight: Be,
-  hidePagination: _e = !1,
-  hideActionsRow: Me = !1,
-  i18n: h = Ft,
-  maxSortedColumns: le = 2,
+  emptyComponent: ze,
+  className: De,
+  rowSelection: Be = {},
+  onRowSelectionChange: le,
+  checkable: j = !1,
+  onCheckedRowsChange: $,
+  actions: _e = [],
+  customComponentsLeft: Me,
+  customComponentsRight: Oe,
+  hidePagination: He = !1,
+  hideActionsRow: Ne = !1,
+  i18n: h = wt,
+  maxSortedColumns: ce = 2,
   initialState: u,
   // New mode-based API
-  serverMode: He = !1,
-  serverConfig: Ne,
+  serverMode: Le = !1,
+  serverConfig: de,
   disableAutoPageSize: b = !1,
   // Test & Accessibility
-  id: Oe,
-  "data-testid": Le
+  id: Ge,
+  "data-testid": Pe,
+  rowClassName: ke
 }) {
-  const q = f(null), a = He === !0, g = a ? Ne : void 0, ce = (e) => !e || !e.sort_by || !e.sort_order ? [] : e.sort_by.map((t, o) => ({
+  const q = f(null), i = Le === !0, g = i ? de : void 0, ue = (e) => !e || !e.sort_by || !e.sort_order ? [] : e.sort_by.map((t, n) => ({
     id: t,
-    desc: e.sort_order[o] === "desc"
-  })), Ge = (e) => {
-    const t = ce(e?.sorting), o = {
-      sort_by: t.map((s) => s.id),
-      sort_order: t.map((s) => s.desc ? "desc" : "asc")
+    desc: e.sort_order[n] === "desc"
+  })), Ae = (e) => {
+    const t = ue(e?.sorting), n = {
+      sort_by: t.map((a) => a.id),
+      sort_order: t.map((a) => a.desc ? "desc" : "asc")
     };
     return {
-      computedSorting: t.length > 0 ? o : void 0,
+      computedSorting: t.length > 0 ? n : void 0,
       computedFilter: e?.computedFilter
       // Use provided value or undefined
     };
-  }, [N, ke] = d(() => ce(u?.sorting)), [Ae] = d([]), [Ve, je] = d(
+  }, [H, Ve] = l(() => ue(u?.sorting)), [je] = l([]), [qe, Ke] = l(
     () => u?.columnVisibility ?? {}
-  ), [m, Pe] = d(() => u?.filters?.searchbarFilter), [K, O] = d(() => u?.pagination ?? { pageIndex: 0, pageSize: 10 }), de = f(g);
-  de.current = g;
+  ), [m, Ee] = l(() => u?.filters?.searchbarFilter), [K, N] = l(() => u?.pagination ?? { pageIndex: 0, pageSize: 10 }), ge = f(g);
+  ge.current = g;
   const E = f(g?.onStateChange);
   E.current = g?.onStateChange;
-  const W = f(null), D = f(null), qe = f(0), ue = f(!1), ge = f(null), J = f({}), me = f(null), $ = f(z);
-  $.current = z;
+  const W = f(null), D = f(null), We = f(0), me = f(!1), pe = f(null), J = f({}), fe = f(null), U = f(z);
+  U.current = z;
   const L = (e) => {
     e.computedFilter && (J.current.computedFilter = e.computedFilter), e.computedSorting && (J.current.computedSorting = e.computedSorting);
     const t = {
@@ -71,19 +72,19 @@ function Pt({
       computedSorting: e.computedSorting || J.current.computedSorting
     };
     W.current = t, D.current && clearTimeout(D.current), D.current = setTimeout(() => {
-      W.current && E.current && (qe.current = Date.now(), E.current(W.current), W.current = null, D.current = null);
+      W.current && E.current && (We.current = Date.now(), E.current(W.current), W.current = null, D.current = null);
     }, 400);
   };
-  H(() => {
+  O(() => {
     const e = setTimeout(() => {
-      ue.current = !0;
+      me.current = !0;
     }, 100);
     return () => {
       clearTimeout(e), D.current && clearTimeout(D.current);
     };
   }, []);
-  const [r, G] = d(() => {
-    const { computedSorting: e, computedFilter: t } = Ge(u);
+  const [r, G] = l(() => {
+    const { computedSorting: e, computedFilter: t } = Ae(u);
     return {
       pagination: u?.pagination ?? { pageIndex: 0, pageSize: 10 },
       sorting: u?.sorting,
@@ -92,22 +93,22 @@ function Pt({
       computedSorting: u?.computedSorting ?? e
     };
   });
-  a && !g && console.warn("DataTable: Server mode requires serverConfig");
-  const [Ke, pe] = d(0), [Ee, fe] = d(0), [We, Je] = d({}), he = se ? Te : We, Ue = se || Je, [C, ee] = d(
+  i && !g && console.warn("DataTable: Server mode requires serverConfig");
+  const [Je, he] = l(0), [Ue, Se] = l(0), [Xe, Qe] = l({}), be = le ? Be : Xe, Ye = le || Qe, [F, ee] = l(
     () => u?.filters?.filterBadges ?? []
-  ), [x, te] = d(() => u?.filters?.advancedFilterBadge), [U, Xe] = d(""), [Se, be] = d([]), ve = F(() => P ? [
+  ), [x, te] = l(() => u?.filters?.advancedFilterBadge), [X, Ze] = l(""), [$e, re] = l(void 0), [Fe, ve] = l([]), Ce = C(() => j ? [
     {
       id: "data-table-integrated-checkbox-column",
       size: 24,
       minSize: 24,
       maxSize: 24,
-      header: ({ table: e }) => /* @__PURE__ */ c(
+      header: ({ table: e }) => /* @__PURE__ */ d(
         "div",
         {
           className: "flex w-6 max-w-6 min-w-6 items-center justify-center",
           style: { width: "24px", minWidth: "24px", maxWidth: "24px" },
-          children: /* @__PURE__ */ c(
-            ye,
+          children: /* @__PURE__ */ d(
+            Ie,
             {
               className: "cursor-pointer",
               checked: e.getIsAllPageRowsSelected(),
@@ -117,13 +118,13 @@ function Pt({
           )
         }
       ),
-      cell: ({ row: e }) => /* @__PURE__ */ c(
+      cell: ({ row: e }) => /* @__PURE__ */ d(
         "div",
         {
           className: "flex w-6 max-w-6 min-w-6 items-center justify-center",
           style: { width: "24px", minWidth: "24px", maxWidth: "24px" },
-          children: /* @__PURE__ */ c(
-            ye,
+          children: /* @__PURE__ */ d(
+            Ie,
             {
               className: "cursor-pointer",
               checked: e.getIsSelected(),
@@ -145,50 +146,50 @@ function Pt({
         listOptions: []
       }
     },
-    ...Y
-  ] : Y, [Y, P]), I = F(() => ve.map(
+    ...Z
+  ] : Z, [Z, j]), I = C(() => Ce.map(
     (e) => e
-  ), [ve]), X = (e) => {
+  ), [Ce]), Q = (e) => {
     if (e.id) return e.id;
     if ("accessorKey" in e && typeof e.accessorKey == "string")
       return e.accessorKey;
-  }, Qe = (e) => {
+  }, et = (e) => {
     const t = e.meta?.headerLabel;
-    return t || (typeof e.header == "string" ? e.header : X(e) ?? "-");
+    return t || (typeof e.header == "string" ? e.header : Q(e) ?? "-");
   };
-  H(() => {
-    const e = (I ?? []).map(X).filter((l) => !!l), t = new Set(Se), o = new Set(e);
-    t.size === o.size && [...t].every((l) => o.has(l)) || be(e);
+  O(() => {
+    const e = (I ?? []).map(Q).filter((c) => !!c), t = new Set(Fe), n = new Set(e);
+    t.size === n.size && [...t].every((c) => n.has(c)) || ve(e);
   }, [I]);
-  const B = F(() => I.filter((e) => !!e.meta?.searchable), [I]), T = F(() => B.map((e) => "accessorKey" in e && typeof e.accessorKey == "string" ? e.accessorKey : e.id).filter((e) => !!e), [B]), [Q, Ye] = d(() => u?.computedFilter ?? {}), Ze = {
-    data: F(() => a || Object.keys(Q).length === 0 ? j : j.filter((e) => we({
+  const B = C(() => I.filter((e) => !!e.meta?.searchable), [I]), T = C(() => B.map((e) => "accessorKey" in e && typeof e.accessorKey == "string" ? e.accessorKey : e.id).filter((e) => !!e), [B]), [Y, tt] = l(() => u?.computedFilter ?? {}), rt = {
+    data: C(() => i || Object.keys(Y).length === 0 ? V : V.filter((e) => Te({
       original: e,
-      getValue: (o) => e[o]
-    }, Q)), [j, Q, a]),
+      getValue: (n) => e[n]
+    }, Y)), [V, Y, i]),
     columns: I,
-    getCoreRowModel: wt(),
+    getCoreRowModel: zt(),
     onSortingChange: (e) => {
-      const t = typeof e == "function" ? e(N) : e;
-      ke(t);
+      const t = typeof e == "function" ? e(H) : e;
+      Ve(t);
     },
-    getSortedRowModel: yt(),
-    manualSorting: a,
-    onColumnVisibilityChange: je,
-    onRowSelectionChange: Ue,
-    onColumnOrderChange: be,
-    getFilteredRowModel: xt(),
-    manualFiltering: a,
-    globalFilterFn: (e, t, o) => a || !o ? !0 : (T ?? []).some((s) => {
-      const l = e.getValue(s);
-      return Array.isArray(l) ? l.some(
-        (p) => String(p).toLowerCase().includes(o.toLowerCase())
-      ) : String(l).toLowerCase().includes(o.toLowerCase());
+    getSortedRowModel: Tt(),
+    manualSorting: i,
+    onColumnVisibilityChange: Ke,
+    onRowSelectionChange: Ye,
+    onColumnOrderChange: ve,
+    getFilteredRowModel: It(),
+    manualFiltering: i,
+    globalFilterFn: (e, t, n) => i || !n ? !0 : (T ?? []).some((a) => {
+      const c = e.getValue(a);
+      return Array.isArray(c) ? c.some(
+        (p) => String(p).toLowerCase().includes(n.toLowerCase())
+      ) : String(c).toLowerCase().includes(n.toLowerCase());
     }) ?? !1,
     filterFns: {
-      advancedFilter: (e) => a ? !0 : we(e, Q)
+      advancedFilter: (e) => i ? !0 : Te(e, Y)
     },
     onPaginationChange: (e) => {
-      if (a && g) {
+      if (i && g) {
         if (typeof e == "object") {
           const t = b ? {
             ...r.pagination,
@@ -197,74 +198,75 @@ function Pt({
             ...r.pagination,
             pageIndex: e.pageIndex,
             pageSize: e.pageSize
-          }, o = {
+          }, n = {
             ...r,
             pagination: t,
             // Preserve computed values if they exist
             computedFilter: r.computedFilter,
             computedSorting: r.computedSorting
           };
-          G(o), L(o);
+          G(n), L(n);
         }
       } else
-        O(
+        N(
           typeof e == "object" ? (t) => b ? { ...t, pageIndex: e.pageIndex } : {
             pageIndex: e.pageIndex,
             pageSize: e.pageSize
           } : e
         );
     },
-    getPaginationRowModel: Ct(),
-    manualPagination: a,
-    pageCount: a && z ? Ee : Ke,
+    getPaginationRowModel: Rt(),
+    manualPagination: i,
+    pageCount: i && z ? Ue : Je,
     state: {
-      sorting: N,
-      columnFilters: Ae,
-      columnVisibility: Ve,
-      rowSelection: he,
+      sorting: H,
+      columnFilters: je,
+      columnVisibility: qe,
+      rowSelection: be,
       globalFilter: m,
-      pagination: a ? r.pagination : K,
-      columnOrder: Se
+      pagination: i ? r.pagination : K,
+      columnOrder: Fe
     },
     // Prevent implicit resets on data/columns changes so filters/sorting persist
     autoResetPageIndex: !1
-  }, i = at(Ze), re = i.getFilteredRowModel();
-  H(() => {
-    if (a && g) {
+  }, s = ct(rt), ne = s.getFilteredRowModel();
+  O(() => {
+    if (i && g) {
       const e = Math.ceil(
         g.totalItems / (r.pagination.pageSize || 10)
       );
-      pe(e), !z && e > 0 && fe(e);
+      he(e), !z && e > 0 && Se(e);
     } else {
-      const e = re.rows.length, t = Math.ceil(e / K.pageSize);
-      pe(t), fe(t);
+      const e = ne.rows.length, t = Math.ceil(e / K.pageSize);
+      he(t), Se(t);
     }
   }, [
-    a,
+    i,
     g?.totalItems,
     r.pagination.pageSize,
     r.pagination.pageIndex,
-    i,
-    re,
+    s,
+    ne,
     K.pageSize,
     z
-  ]), H(() => {
+  ]), O(() => {
     if (b) return;
     const e = () => {
+      if (U.current) return;
       const y = q.current;
       if (!y) return;
       const _ = y.querySelector(
         "thead tr"
-      ), n = y.querySelector(
-        "tbody tr"
+      ), o = y.querySelector(
+        'tbody[data-table-body="data"] tr'
       ), w = _?.getBoundingClientRect().height ?? 40;
-      if (!!!n?.querySelector("td")) return;
-      const A = n?.getBoundingClientRect().height ?? 32.5;
-      ht(y, {
-        rowHeight: A,
+      if (!!!o?.querySelector("td")) return;
+      const k = o?.getBoundingClientRect().height ?? 32.5;
+      Ct(y, {
+        rowHeight: k,
         headerHeight: w,
-        onPageChange: a ? (R, v) => {
-          if (g && ue.current) {
+        onPageChange: i ? (R, v) => {
+          if (g && me.current) {
             const S = b ? {
               ...r.pagination,
               pageIndex: R
@@ -272,26 +274,26 @@ function Pt({
               ...r.pagination,
               pageIndex: R,
               pageSize: v
-            }, oe = S.pageIndex === r.pagination.pageIndex, ae = b || S.pageSize === r.pagination.pageSize;
-            if (oe && ae)
+            }, ie = S.pageIndex === r.pagination.pageIndex, ae = b || S.pageSize === r.pagination.pageSize;
+            if (ie && ae)
               return;
-            const V = {
+            const A = {
               ...r,
               pagination: S,
               // Preserve computed values if they exist
               computedFilter: r.computedFilter,
               computedSorting: r.computedSorting
             };
-            G(V), $.current || L(V);
+            G(A), U.current || L(A);
           }
         } : (R, v) => {
-          O(
+          N(
             (S) => b ? { ...S, pageIndex: R } : { pageIndex: R, pageSize: v }
           );
         },
         setPagination: (R) => {
           const v = typeof R == "function" ? R(r.pagination) : R;
-          if (a && g) {
+          if (i && g) {
             const S = b ? {
               ...r.pagination,
               pageIndex: v.pageIndex
@@ -299,19 +301,19 @@ function Pt({
               ...r.pagination,
               pageIndex: v.pageIndex,
               pageSize: v.pageSize
-            }, oe = S.pageIndex === r.pagination.pageIndex, ae = b || S.pageSize === r.pagination.pageSize;
-            if (oe && ae)
+            }, ie = S.pageIndex === r.pagination.pageIndex, ae = b || S.pageSize === r.pagination.pageSize;
+            if (ie && ae)
               return;
-            const V = {
+            const A = {
               ...r,
               pagination: S,
               // Preserve computed values if they exist
               computedFilter: r.computedFilter,
               computedSorting: r.computedSorting
             };
-            G(V), $.current || L(V);
+            G(A), U.current || L(A);
           } else
-            O(
+            N(
               (S) => b ? { ...S, pageIndex: v.pageIndex } : {
                 pageIndex: v.pageIndex,
                 pageSize: v.pageSize
@@ -319,7 +321,7 @@ function Pt({
             );
         }
       });
-    }, t = pt(() => {
+    }, t = Ft(() => {
       requestAnimationFrame(() => {
         e();
       });
@@ -329,102 +331,104 @@ function Pt({
         e();
       });
     });
-    const o = setTimeout(e, 200), s = document.fonts;
-    s && typeof s.ready?.then == "function" && s.ready.then(() => e()), window.addEventListener("resize", t);
-    const l = q.current, p = typeof ResizeObserver < "u" ? new ResizeObserver((y) => {
+    const n = setTimeout(e, 200), a = document.fonts;
+    a && typeof a.ready?.then == "function" && a.ready.then(() => e()), window.addEventListener("resize", t);
+    const c = q.current, p = typeof ResizeObserver < "u" ? new ResizeObserver((y) => {
       const _ = y[0];
       if (!_) return;
-      const n = _.contentRect.height, w = me.current;
-      (w === null || Math.abs(n - w) > 0.5) && (me.current = n, t());
+      const o = _.contentRect.height, w = fe.current;
+      (w === null || Math.abs(o - w) > 0.5) && (fe.current = o, t());
     }) : null;
-    return l && p && p.observe(l), () => {
-      window.removeEventListener("resize", t), clearTimeout(o), p && p.disconnect(), clearTimeout(o);
+    return c && p && p.observe(c), () => {
+      window.removeEventListener("resize", t), clearTimeout(n), p && p.disconnect(), clearTimeout(n);
     };
   }, [
-    a,
+    i,
     q,
     b,
     // Recalculate when the rendered rows count changes; helps when data arrives async
-    re.rows.length
-  ]), H(() => {
-    if (Z && P) {
-      const e = i.getFilteredSelectedRowModel().rows.map((t) => t.original);
-      Z(e);
+    ne.rows.length
+  ]), O(() => {
+    if ($ && j) {
+      const e = s.getFilteredSelectedRowModel().rows.map((t) => t.original);
+      $(e);
     }
-  }, [i, Z, P, he]);
-  const $e = F(() => {
-    const e = i.getHeaderGroups()[0], t = e ? e.headers : [];
-    return (i.getState().sorting || []).map((l) => t.find((p) => p.column.id === l.id)).filter(Boolean);
-  }, [
-    i.getHeaderGroups,
-    i.getState().sorting,
-    I
-  ]), ne = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.sortable), [i.getHeaderGroups, I]), k = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.filterable), [i.getHeaderGroups, I]), et = F(() => U ? k.filter((e) => (e.column.columnDef.meta?.headerLabel ?? (typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : void 0) ?? e.column.id).toLowerCase().includes(U.toLowerCase())) : k, [k, U]), Fe = (e) => {
-    ee((t) => [...t, bt(e)]);
-  }, tt = () => {
-    te(St());
-  }, rt = F(() => C.sort((e, t) => e.value === void 0 || e.value === "" ? 1 : t.value === void 0 || t.value === "" ? -1 : 1), [C]), Ce = f({
+  }, [s, $, j, be]);
+  const xe = s.getState().sorting, nt = C(() => {
+    const e = s.getHeaderGroups()[0], t = e ? e.headers : [];
+    return (xe || []).map((c) => t.find((p) => p.column.id === c.id)).filter(Boolean);
+  }, [s.getHeaderGroups, xe, I]), oe = C(() => s.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.sortable), [s.getHeaderGroups, I]), P = C(() => s.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.filterable), [s.getHeaderGroups, I]), ot = C(() => X ? P.filter((e) => (e.column.columnDef.meta?.headerLabel ?? (typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : void 0) ?? e.column.id).toLowerCase().includes(X.toLowerCase())) : P, [P, X]), ye = (e) => {
+    const t = F.find(
+      (a) => a.columnId === (e?.id ?? "")
+    );
+    if (t)
+      return re(t.id), t.id;
+    const n = yt(e);
+    return ee((a) => [...a, n]), re(n.id), n.id;
+  }, it = () => {
+    te(xt());
+  }, at = C(() => F.sort((e, t) => e.value === void 0 || e.value === "" ? 1 : t.value === void 0 || t.value === "" ? -1 : 1), [F]), we = f({
     filterBadges: [],
     advancedFilterBadge: void 0,
     searchbarGlobalFilter: void 0
   });
-  H(() => {
-    const e = ft(
-      C,
+  O(() => {
+    const e = vt(
+      F,
       x ?? void 0
     ), t = m && T.length > 0 ? T.length === 1 ? (() => {
-      const n = T[0], M = B.find(
-        (A) => X(A) === n
+      const o = T[0], M = B.find(
+        (k) => Q(k) === o
       )?.meta?.type;
       return M === "list_multi_select" || M === "list_single_select" ? {
-        [n]: {
+        [o]: {
           operator: "array_overlap",
           value: [m]
         }
       } : {
-        [n]: {
+        [o]: {
           operator: "like",
           value: m
         }
       };
     })() : {
-      _or: T.map((n) => {
+      _or: T.map((o) => {
         const M = B.find(
-          (A) => X(A) === n
+          (k) => Q(k) === o
         )?.meta?.type;
         return M === "list_multi_select" || M === "list_single_select" ? {
-          [n]: {
+          [o]: {
             operator: "array_overlap",
             value: [m]
           }
         } : {
-          [n]: {
+          [o]: {
             operator: "like",
             value: m
           }
         };
       })
-    } : null, o = [
+    } : null, n = [
       ...e && Object.keys(e).length > 0 ? [e] : [],
       ...t ? [t] : []
-    ], s = o.length === 0 ? {} : o.length === 1 ? o[0] : { _and: o }, l = {
-      sort_by: N.map((n) => n.id),
-      sort_order: N.map((n) => n.desc ? "desc" : "asc")
-    }, p = Ce.current, y = JSON.stringify(C) !== JSON.stringify(p.filterBadges) || JSON.stringify(x) !== JSON.stringify(p.advancedFilterBadge) || m !== p.searchbarGlobalFilter;
-    Ce.current = {
-      filterBadges: [...C],
+    ], a = n.length === 0 ? {} : n.length === 1 ? n[0] : { _and: n }, c = {
+      sort_by: H.map((o) => o.id),
+      sort_order: H.map((o) => o.desc ? "desc" : "asc")
+    }, p = we.current, y = JSON.stringify(F) !== JSON.stringify(p.filterBadges) || JSON.stringify(x) !== JSON.stringify(p.advancedFilterBadge) || m !== p.searchbarGlobalFilter;
+    we.current = {
+      filterBadges: [...F],
       advancedFilterBadge: x ? { ...x } : void 0,
       searchbarGlobalFilter: m
     };
-    const _ = de.current;
-    if (Ye(s), a && E.current && _) {
-      const n = {
+    const _ = ge.current;
+    if (tt(a), i && E.current && _) {
+      const o = {
         ...r,
-        computedFilter: s,
+        computedFilter: a,
         // Emit only computedSorting. Use empty arrays to signal "no sorting" when cleared.
-        computedSorting: l,
+        computedSorting: c,
         filters: {
-          filterBadges: C,
+          filterBadges: F,
           advancedFilterBadge: x,
           searchbarFilter: m
         },
@@ -434,74 +438,76 @@ function Pt({
           pageIndex: y ? 0 : r.pagination.pageIndex
         }
       };
-      G(n);
+      G(o);
       const w = JSON.stringify({
-        computedFilter: n.computedFilter,
-        computedSorting: n.computedSorting,
-        filters: n.filters,
-        pagination: n.pagination
+        computedFilter: o.computedFilter,
+        computedSorting: o.computedSorting,
+        filters: o.filters,
+        pagination: o.pagination
       });
-      ge.current !== w && (ge.current = w, L(n));
+      pe.current !== w && (pe.current = w, L(o));
     } else
-      y && O((n) => ({
-        ...n,
+      y && N((o) => ({
+        ...o,
         pageIndex: 0
       }));
   }, [
-    C,
+    F,
     x,
     m,
     T,
     B,
-    N,
-    a
+    H,
+    i
   ]);
-  const xe = i.getAllLeafColumns(), nt = xe.filter((e) => e.getIsVisible()), ot = xe.filter((e) => !e.getIsVisible());
-  return /* @__PURE__ */ ie(
+  const Re = s.getAllLeafColumns(), st = Re.filter((e) => e.getIsVisible()), lt = Re.filter((e) => !e.getIsVisible());
+  return /* @__PURE__ */ se(
     "div",
     {
-      id: Oe,
-      "data-testid": Le,
-      className: it(
+      id: Ge,
+      "data-testid": Pe,
+      className: dt(
         "flex h-full max-h-full min-h-[250px] w-full max-w-full min-w-0 flex-col gap-2",
-        Ie
+        De
       ),
       children: [
-        !Me && /* @__PURE__ */ ie("div", { className: "flex w-full items-center justify-between gap-1", children: [
-          /* @__PURE__ */ ie("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-x-auto", children: [
-            ne.length > 0 && /* @__PURE__ */ c(
-              mt,
+        !Ne && /* @__PURE__ */ se("div", { className: "flex w-full items-center justify-between gap-1", children: [
+          /* @__PURE__ */ se("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-x-auto", children: [
+            oe.length > 0 && /* @__PURE__ */ d(
+              bt,
               {
-                table: i,
-                sortedColumns: $e,
-                sortableColumns: ne,
+                table: s,
+                sortedColumns: nt,
+                sortableColumns: oe,
                 i18n: h,
-                maxSortedColumns: le
+                maxSortedColumns: ce
               }
             ),
-            ne.length > 0 && k.length > 0 && /* @__PURE__ */ c("div", { className: "border-d-border h-4 min-h-4 w-[1px] border-r" }),
-            De,
-            /* @__PURE__ */ c(
-              dt,
+            oe.length > 0 && P.length > 0 && /* @__PURE__ */ d("div", { className: "border-d-border h-4 min-h-4 w-[1px] border-r" }),
+            Me,
+            /* @__PURE__ */ d(
+              ft,
               {
                 advancedFilterBadge: x,
                 setAdvancedFilterBadge: te,
-                filterableColumns: k,
-                sortedFilterBadges: rt,
+                filterableColumns: P,
+                sortedFilterBadges: at,
                 setFilterBadges: ee,
-                filterSearch: U,
-                setFilterSearch: Xe,
-                filteredColumns: et,
-                handleAddFilter: Fe,
-                handleAddAdvancedFilter: tt,
+                filterSearch: X,
+                setFilterSearch: Ze,
+                filteredColumns: ot,
+                handleAddFilter: ye,
+                handleAddAdvancedFilter: it,
+                pendingOpenFilterId: $e,
+                onPendingOpenFilterHandled: () => re(void 0),
                 i18n: h
               }
             )
           ] }),
-          /* @__PURE__ */ c("div", { className: "border-d-border h-4 min-h-4 w-[1px] border-r" }),
-          Be,
-          (C.length || x) && /* @__PURE__ */ c(
-            st,
+          /* @__PURE__ */ d("div", { className: "border-d-border h-4 min-h-4 w-[1px] border-r" }),
+          Oe,
+          (F.length || x) && /* @__PURE__ */ d(
+            ut,
             {
               className: "h-6 text-xs",
               iconLeft: "FunnelX",
@@ -513,55 +519,57 @@ function Pt({
               children: h.reset
             }
           ),
-          T.length > 0 && /* @__PURE__ */ c(
-            gt,
+          T.length > 0 && /* @__PURE__ */ d(
+            St,
             {
               debounceMs: 300,
-              onSearch: Pe,
+              onSearch: Ee,
               i18n: h,
               initialValue: m ?? "",
               searchableColumnsHeaders: B.map(
-                (e) => Qe(e)
+                (e) => et(e)
               )
             }
           ),
-          /* @__PURE__ */ c(
-            ct,
+          /* @__PURE__ */ d(
+            pt,
             {
-              table: i,
-              visibleColumns: nt,
-              hiddenColumns: ot,
+              table: s,
+              visibleColumns: st,
+              hiddenColumns: lt,
               i18n: h
             }
           ),
-          /* @__PURE__ */ c(vt, { actions: ze, i18n: h })
+          /* @__PURE__ */ d(gt, { actions: _e, i18n: h })
         ] }),
-        /* @__PURE__ */ c(
-          lt,
+        /* @__PURE__ */ d(
+          mt,
           {
-            table: i,
+            table: s,
             tableContainerRef: q,
             loading: z,
-            data: j,
-            emptyComponent: Re,
+            data: V,
+            emptyComponent: ze,
             notFoundMessage: h?.notFoundMessage ?? "N/A",
-            onAddFilter: Fe,
-            maxSortedColumns: le,
+            onAddFilter: ye,
+            maxSortedColumns: ce,
             i18n: h,
-            isServerSide: a,
-            filterBadges: C,
+            isServerSide: i,
+            filterBadges: F,
             advancedFilterBadge: x,
-            searchbarGlobalFilter: m
+            searchbarGlobalFilter: m,
+            serverDebounceTime: de?.serverDebounceTime,
+            rowClassName: ke
           }
         ),
-        !_e && /* @__PURE__ */ c(
-          ut,
+        !He && /* @__PURE__ */ d(
+          ht,
           {
-            table: i,
-            isServerSide: a,
+            table: s,
+            isServerSide: i,
             clientPagination: K,
-            serverState: a ? r : void 0,
-            onServerStateChange: a && g ? (e) => {
+            serverState: i ? r : void 0,
+            onServerStateChange: i && g ? (e) => {
               G(e), L(e);
             } : void 0,
             totalItems: g?.totalItems,
@@ -573,5 +581,5 @@ function Pt({
   );
 }
 export {
-  Pt as DataTable
+  Wt as DataTable
 };