laif-ds 0.2.41 → 0.2.43

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

@@ -1,59 +1,63 @@
 "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 $e } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { cn as et } from "../../../../lib/utils.js";
+import { useRef as f, useState as u, useEffect as N, useMemo as C } from "react";
+import { Button as tt } from "../../button.js";
+import { Checkbox as ye } from "../../checkbox.js";
+import { DataTableBody as nt } from "./components/data-table-body.js";
+import { DataTableColumnVisibility as rt } from "./components/data-table-column-visibility.js";
+import { DataTableFilters as ot } from "./components/data-table-filters.js";
+import { DataTablePaginationComponent as at } from "./components/data-table-pagination.js";
+import { DataTableSearchbar as it } from "./components/data-table-searchbar.js";
+import { DataTableSortingComponent as st } from "./components/data-table-sorting.js";
+import { applySearchFilterToRow as Re, debounce as lt, buildSearchFilter as ct, updatePageSizeFromContainer as ut, createDefaultAdvancedFilter as dt, createBadgeFilterFromHeader as mt } from "./data-table.service.js";
+import { DataTableActionsComponent as gt } from "./components/data-table-actions.js";
+import { defaultDataTableI18n as pt } from "./data-table-i18n.js";
+import { getPaginationRowModel as ft, getFilteredRowModel as ht, getSortedRowModel as bt, getCoreRowModel as Ft } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
+function Gt({
   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 = [],
+  customComponentsLeft: ve,
+  customComponentsRight: Be,
+  hidePagination: Me = !1,
+  hideActionsRow: _e = !1,
+  i18n: h = pt,
+  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 = f(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")
+  })), De = (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, He] = u(() => le(m?.sorting)), [Ne] = u([]), [Oe, Ge] = u({}), [g, Le] = u(() => m?.filters?.searchbarFilter), [E, G] = u(() => m?.pagination ?? { pageIndex: 0, pageSize: 10 }), ce = f(d);
+  ce.current = d;
+  const W = f(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 = f(null), M = f(null), ke = f(0), ue = f(!1), de = f(null), K = f({}), me = f(null), Z = f(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 +65,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 && (ke.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 } = De(m);
     return {
       pagination: m?.pagination ?? { pageIndex: 0, pageSize: 10 },
       sorting: m?.sorting,
@@ -84,9 +88,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 [Ae, ge] = u(0), [je, pe] = u(0), [Pe, Ve] = u({}), fe = ie ? Te : Pe, qe = ie || Ve, [w, $] = u(
     () => m?.filters?.filterBadges ?? []
-  ), [S, $] = u(() => m?.filters?.advancedFilterBadge), [U, ke] = u(""), [ge, pe] = u([]), fe = F(() => q ? [
+  ), [y, ee] = u(() => m?.filters?.advancedFilterBadge), [U, Ee] = u(""), [he, be] = u([]), Fe = C(() => V ? [
     {
       id: "data-table-integrated-checkbox-column",
       size: 24,
@@ -98,12 +102,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": h.selectAll
             }
           )
         }
@@ -114,12 +118,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": h.selectRow
             }
           )
         }
@@ -137,169 +141,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.accessorKey ?? e.id).filter(Boolean), [_]), [X, We] = u(() => m?.computedFilter ?? {}), Je = {
+    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: Ft(),
     onSortingChange: (e) => {
-      const t = typeof e == "function" ? e(N) : e;
-      ze(t);
+      const t = typeof e == "function" ? e(O) : e;
+      He(t);
     },
-    getSortedRowModel: mt(),
+    getSortedRowModel: bt(),
     manualSorting: a,
-    onColumnVisibilityChange: _e,
-    onRowSelectionChange: Le,
-    onColumnOrderChange: pe,
-    getFilteredRowModel: dt(),
+    onColumnVisibilityChange: Ge,
+    onRowSelectionChange: qe,
+    onColumnOrderChange: be,
+    getFilteredRowModel: ht(),
     manualFiltering: a,
-    globalFilterFn: (e, t, o) => a || !o ? !0 : (T ?? []).some((s) => {
-      const i = e.getValue(s);
-      return Array.isArray(i) ? i.some(
-        (g) => String(g).toLowerCase().includes(o.toLowerCase())
-      ) : String(i).toLowerCase().includes(o.toLowerCase());
+    globalFilterFn: (e, t, o) => a || !o ? !0 : (z ?? []).some((l) => {
+      const s = e.getValue(l);
+      return Array.isArray(s) ? s.some(
+        (p) => String(p).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: ft(),
     manualPagination: a,
-    pageCount: a && V ? Oe : Ne,
+    pageCount: a && B ? je : Ae,
     state: {
-      sorting: N,
-      columnFilters: Be,
-      columnVisibility: Me,
-      rowSelection: me,
-      globalFilter: f,
-      pagination: a ? r.pagination : E,
-      columnOrder: ge
+      sorting: O,
+      columnFilters: Ne,
+      columnVisibility: Oe,
+      rowSelection: fe,
+      globalFilter: g,
+      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 = $e(Je), 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 R = q.current;
+      if (!R) return;
+      const D = R.querySelector(
         "thead tr"
-      ), n = x.querySelector(
+      ), r = R.querySelector(
         "tbody tr"
-      ), C = _?.getBoundingClientRect().height ?? 40;
-      if (!!!n?.querySelector("td")) return;
-      const v = n?.getBoundingClientRect().height ?? 32.5;
-      at(x, {
+      ), I = D?.getBoundingClientRect().height ?? 40;
+      if (!!!r?.querySelector("td")) return;
+      const v = r?.getBoundingClientRect().height ?? 32.5;
+      ut(R, {
         rowHeight: v,
-        headerHeight: C,
-        onPageChange: a ? (w, b) => {
-          if (d && ie.current) {
-            const z = y ? {
-              ...r.pagination,
-              pageIndex: w
+        headerHeight: I,
+        onPageChange: a ? (S, x) => {
+          if (d && ue.current) {
+            const b = F ? {
+              ...n.pagination,
+              pageIndex: S
             } : {
-              ...r.pagination,
-              pageIndex: w,
-              pageSize: b
-            }, k = {
-              ...r,
-              pagination: z,
+              ...n.pagination,
+              pageIndex: S,
+              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 }
+        } : (S, x) => {
+          G(
+            (b) => F ? { ...b, pageIndex: S } : { pageIndex: S, pageSize: x }
           );
         },
-        setPagination: (w) => {
-          const b = typeof w == "function" ? w(r.pagination) : w;
+        setPagination: (S) => {
+          const x = typeof S == "function" ? S(n.pagination) : S;
           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 = lt(() => {
       requestAnimationFrame(() => {
         e();
       });
@@ -309,235 +319,241 @@ 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, p = typeof ResizeObserver < "u" ? new ResizeObserver((R) => {
+      const D = R[0];
+      if (!D) return;
+      const r = D.contentRect.height, I = me.current;
+      (I === null || Math.abs(r - I) > 0.5) && (me.current = r, t());
     }) : null;
-    return i && g && g.observe(i), () => {
-      window.removeEventListener("resize", t), clearTimeout(o), g && g.disconnect(), clearTimeout(o);
+    return s && p && p.observe(s), () => {
+      window.removeEventListener("resize", t), clearTimeout(o), p && p.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 Ke = C(() => {
+    const e = i.getHeaderGroups()[0], t = e ? e.headers : [];
+    return (i.getState().sorting || []).map((s) => t.find((p) => p.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]), Ue = C(() => U ? A.filter((e) => (e.column.columnDef.header?.toString().toLowerCase() || "").includes(U.toLowerCase())) : A, [A, U]), xe = (e) => {
+    $((t) => [...t, mt(e)]);
+  }, Xe = () => {
+    ee(dt());
+  }, Qe = C(() => w.sort((e, t) => e.value === void 0 || e.value === "" ? 1 : t.value === void 0 || t.value === "" ? -1 : 1), [w]), Ce = f({
     filterBadges: [],
     advancedFilterBadge: void 0,
     searchbarGlobalFilter: void 0
   });
-  H(() => {
-    const e = ot(
-      R,
-      S ?? void 0
-    ), t = f && T.length > 0 ? T.length === 1 ? (() => {
-      const n = T[0], D = M.find(
-        (v) => (v.id ?? v.accessorKey) === n
+  N(() => {
+    const e = ct(
+      w,
+      y ?? void 0
+    ), t = g && z.length > 0 ? z.length === 1 ? (() => {
+      const r = z[0], H = _.find(
+        (v) => (v.accessorKey ?? v.id) === 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: [g]
         }
       } : {
-        [n]: {
+        [r]: {
           operator: "like",
-          value: f
+          value: g
         }
       };
     })() : {
-      _or: T.map((n) => {
-        const D = M.find(
-          (v) => (v.id ?? v.accessorKey) === n
+      _or: z.map((r) => {
+        const H = _.find(
+          (v) => (v.accessorKey ?? v.id) === 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: [g]
           }
         } : {
-          [n]: {
+          [r]: {
             operator: "like",
-            value: f
+            value: g
           }
         };
       })
     } : 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],
-      advancedFilterBadge: S ? { ...S } : void 0,
-      searchbarGlobalFilter: f
+    ], 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")
+    }, p = Ce.current, R = JSON.stringify(w) !== JSON.stringify(p.filterBadges) || JSON.stringify(y) !== JSON.stringify(p.advancedFilterBadge) || g !== p.searchbarGlobalFilter;
+    Ce.current = {
+      filterBadges: [...w],
+      advancedFilterBadge: y ? { ...y } : void 0,
+      searchbarGlobalFilter: g
     };
-    const _ = le.current;
-    if (je(s), a && W.current && _) {
-      const n = {
-        ...r,
-        computedFilter: s,
+    const D = ce.current;
+    if (We(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,
-          advancedFilterBadge: S,
-          searchbarFilter: f
+          filterBadges: w,
+          advancedFilterBadge: y,
+          searchbarFilter: g
         },
         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: R ? 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 I = JSON.stringify({
+        computedFilter: r.computedFilter,
+        computedSorting: r.computedSorting,
+        filters: r.filters,
+        pagination: r.pagination
       });
-      se.current !== C && (se.current = C, A(n));
+      de.current !== I && (de.current = I, L(r));
     } else
-      x && O((n) => ({
-        ...n,
+      R && G((r) => ({
+        ...r,
         pageIndex: 0
       }));
   }, [
-    R,
-    S,
-    f,
-    T,
-    M,
-    N,
+    w,
+    y,
+    g,
+    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(), Ye = we.filter((e) => e.getIsVisible()), Ze = we.filter((e) => !e.getIsVisible());
+  return /* @__PURE__ */ ae(
     "div",
     {
-      className: Xe(
+      className: et(
         "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,
+        !_e && /* @__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(
+              st,
               {
-                table: l,
-                sortedColumns: qe,
-                sortableColumns: te,
-                i18n: p,
-                maxSortedColumns: oe
+                table: i,
+                sortedColumns: Ke,
+                sortableColumns: ne,
+                i18n: h,
+                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" }),
+            ve,
             /* @__PURE__ */ c(
-              $e,
+              ot,
               {
-                advancedFilterBadge: S,
-                setAdvancedFilterBadge: $,
-                filterableColumns: L,
-                sortedFilterBadges: We,
-                setFilterBadges: Z,
+                advancedFilterBadge: y,
+                setAdvancedFilterBadge: ee,
+                filterableColumns: A,
+                sortedFilterBadges: Qe,
+                setFilterBadges: $,
                 filterSearch: U,
-                setFilterSearch: ke,
-                filteredColumns: Pe,
-                handleAddFilter: he,
-                handleAddAdvancedFilter: Ee,
-                i18n: p
+                setFilterSearch: Ee,
+                filteredColumns: Ue,
+                handleAddFilter: xe,
+                handleAddAdvancedFilter: Xe,
+                i18n: h
               }
             )
           ] }),
           /* @__PURE__ */ c("div", { className: "border-d-border h-4 min-h-4 w-[1px] border-r" }),
-          (R.length || S) && /* @__PURE__ */ c(
-            Qe,
+          Be,
+          (w.length || y) && /* @__PURE__ */ c(
+            tt,
             {
               className: "h-6 text-xs",
               iconLeft: "FunnelX",
               size: "sm",
               variant: "ghost-destructive",
               onClick: () => {
-                Z([]), $(void 0);
+                $([]), ee(void 0);
               },
-              children: p.reset
+              children: h.reset
             }
           ),
-          T.length > 0 && /* @__PURE__ */ c(
-            tt,
+          z.length > 0 && /* @__PURE__ */ c(
+            it,
             {
               debounceMs: 300,
-              onSearch: De,
-              i18n: p,
-              initialValue: f ?? "",
-              searchableColumnsHeaders: M.map(
+              onSearch: Le,
+              i18n: h,
+              initialValue: g ?? "",
+              searchableColumnsHeaders: _.map(
                 (e) => e.header ? e.header.toString() : e.id?.toString() ?? "-"
               )
             }
           ),
           /* @__PURE__ */ c(
-            Ze,
+            rt,
             {
-              table: l,
-              visibleColumns: Je,
-              hiddenColumns: Ke,
-              i18n: p
+              table: i,
+              visibleColumns: Ye,
+              hiddenColumns: Ze,
+              i18n: h
             }
           ),
-          /* @__PURE__ */ c(st, { actions: Se, i18n: p })
+          /* @__PURE__ */ c(gt, { actions: ze, i18n: h })
         ] }),
         /* @__PURE__ */ c(
-          Ye,
+          nt,
           {
-            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: h?.notFoundMessage ?? "N/A",
+            onAddFilter: xe,
+            maxSortedColumns: se,
+            i18n: h,
+            isServerSide: a,
+            filterBadges: w,
+            advancedFilterBadge: y,
+            searchbarGlobalFilter: g
           }
         ),
-        !Ie && /* @__PURE__ */ c(
-          et,
+        !Me && /* @__PURE__ */ c(
+          at,
           {
-            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: h
           }
         )
       ]
@@ -545,5 +561,5 @@ function _t({
   );
 }
 export {
-  _t as DataTable
+  Gt as DataTable
 };