laif-ds 0.2.61 → 0.2.62

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

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