laif-ds 0.2.41 → 0.2.42

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

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