laif-ds 0.2.41 → 0.2.43

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

@@ -1,274 +1,326 @@
 "use client";
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { cn as v } from "../../../../../lib/utils.js";
-import { flexRender as P } from "../../../../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { useRef as V, useState as j, useMemo as R, useLayoutEffect as X, useEffect as E } from "react";
-import { Button as b } from "../../../button.js";
-import { Icon as W } from "../../../icon.js";
-import { Popover as J, PopoverTrigger as K, PopoverContent as Q } from "../../../popover.js";
-import { ScrollArea as Y, ScrollBar as _ } from "../../../scroll-area.js";
-import { Skeleton as Z } from "../../../skeleton.js";
-import { Table as ee, TableHeader as te, TableRow as D, TableHead as oe, TableBody as ne, TableCell as A } from "../../../table.js";
-function ge({
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+import { cn as u } from "../../../../../lib/utils.js";
+import { flexRender as B } from "../../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useRef as Z, useState as E, useMemo as T, useLayoutEffect as ee, useEffect as L } from "react";
+import { Button as S } from "../../../button.js";
+import { Icon as z } from "../../../icon.js";
+import { Popover as te, PopoverTrigger as oe, PopoverContent as ne } from "../../../popover.js";
+import { ScrollArea as re, ScrollBar as q } from "../../../scroll-area.js";
+import { Skeleton as F } from "../../../skeleton.js";
+import { Table as se, TableHeader as le, TableRow as y, TableHead as ce, TableBody as ie, TableCell as R } from "../../../table.js";
+function xe({
   table: s,
-  tableContainerRef: c,
-  loading: x,
-  data: $,
-  emptyComponent: q,
-  notFoundMessage: L,
-  onAddFilter: U,
-  maxSortedColumns: y = 3,
-  i18n: g
+  tableContainerRef: d,
+  loading: v,
+  data: W,
+  emptyComponent: U,
+  notFoundMessage: M,
+  onAddFilter: V,
+  maxSortedColumns: h = 3,
+  i18n: w,
+  isServerSide: A = !1,
+  filterBadges: X = [],
+  advancedFilterBadge: D,
+  searchbarGlobalFilter: J
 }) {
-  const z = V({}), [F, G] = j({}), [M, T] = j(8), C = s.getHeaderGroups()[0], H = C ? C.headers : [], p = R(
-    () => H.filter((t) => t.column.getIsVisible()),
-    [H]
-  ), I = R(
-    () => p.filter((t) => t.column.columnDef.meta?.pinned === "left"),
-    [p]
-  ), O = R(
-    () => p.filter((t) => t.column.columnDef.meta?.pinned === "right"),
-    [p]
-  ), B = () => {
-    const t = c.current;
-    if (!t) return 8;
-    const e = t.querySelector("thead tr"), o = t.querySelector("tbody tr"), r = e?.getBoundingClientRect().height ?? 40, f = o?.getBoundingClientRect().height ?? 32.5, S = t.offsetHeight - r, u = Math.floor(S / f);
-    return u > 1 ? u : 8;
-  }, h = (t = 0) => {
+  const K = (o) => {
+    if (X.some((l) => l.columnId === o)) return !0;
+    const t = (l) => l.some((c) => c.columnId === o), r = (l) => l ? l.some((c) => t(c.conditions) ? !0 : c.groups ? r(c.groups) : !1) : !1;
+    if (D?.rootGroup) {
+      if (t(D.rootGroup.conditions))
+        return !0;
+      if (D.rootGroup.groups)
+        return r(D.rootGroup.groups);
+    }
+    return !1;
+  }, I = Z({}), [Q, Y] = E({}), [H, $] = E(8), O = s.getHeaderGroups()[0], G = O ? O.headers : [], x = T(
+    () => G.filter((o) => o.column.getIsVisible()),
+    [G]
+  ), P = T(
+    () => x.filter((o) => o.column.columnDef.meta?.pinned === "left"),
+    [x]
+  ), _ = T(
+    () => x.filter((o) => o.column.columnDef.meta?.pinned === "right"),
+    [x]
+  ), j = () => {
+    const o = d.current;
+    if (!o) return 8;
+    const e = o.querySelector("thead tr"), t = o.querySelector("tbody tr"), r = e?.getBoundingClientRect().height ?? 40, l = t?.getBoundingClientRect().height ?? 32.5, N = o.offsetHeight - r, a = Math.floor(N / l);
+    return a > 1 ? a : 8;
+  }, b = (o = 0) => {
     const e = {};
-    let o = !1;
-    if (!c.current) {
-      t < 5 && setTimeout(() => h(t + 1), 100);
+    let t = !1;
+    if (!d.current) {
+      o < 5 && setTimeout(() => b(o + 1), 100);
       return;
     }
-    const r = c.current.querySelector(
+    const r = d.current.querySelector(
       "tbody tr:first-child"
     );
-    let f = 0;
-    for (const u of I) {
-      const m = u.column.id;
-      e[m] = { side: "left", offset: f };
-      let i = 0;
-      const d = r?.querySelector(
-        `[data-column-id="${m}"]`
-      ), a = z.current[m];
-      d && d.offsetWidth > 0 ? i = d.getBoundingClientRect().width : a && a.offsetWidth > 0 ? i = a.getBoundingClientRect().width : (o = !0, i = 150), f += i;
+    let l = 0;
+    for (const a of P) {
+      const f = a.column.id;
+      e[f] = { side: "left", offset: l };
+      let m = 0;
+      const g = r?.querySelector(
+        `[data-column-id="${f}"]`
+      ), p = I.current[f];
+      g && g.offsetWidth > 0 ? m = g.getBoundingClientRect().width : p && p.offsetWidth > 0 ? m = p.getBoundingClientRect().width : (t = !0, m = 150), l += m;
     }
-    let w = 0;
-    for (const u of [...O].reverse()) {
-      const m = u.column.id;
-      e[m] = { side: "right", offset: w };
-      let i = 0;
-      const d = r?.querySelector(
-        `[data-column-id="${m}"]`
-      ), a = z.current[m];
-      d && d.offsetWidth > 0 ? i = d.getBoundingClientRect().width : a && a.offsetWidth > 0 ? i = a.getBoundingClientRect().width : (o = !0, i = 150), w += i;
+    let c = 0;
+    for (const a of [..._].reverse()) {
+      const f = a.column.id;
+      e[f] = { side: "right", offset: c };
+      let m = 0;
+      const g = r?.querySelector(
+        `[data-column-id="${f}"]`
+      ), p = I.current[f];
+      g && g.offsetWidth > 0 ? m = g.getBoundingClientRect().width : p && p.offsetWidth > 0 ? m = p.getBoundingClientRect().width : (t = !0, m = 150), c += m;
     }
-    G(e);
-    const S = B();
-    T(S), o && t < 5 && setTimeout(
-      () => h(t + 1),
-      100 * (t + 1)
+    Y(e);
+    const N = j();
+    $(N), t && o < 5 && setTimeout(
+      () => b(o + 1),
+      100 * (o + 1)
     );
   };
-  X(() => {
+  ee(() => {
     (() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           setTimeout(() => {
-            h();
+            b();
           }, 50);
         });
       });
     })();
   }, [
-    I,
-    O,
-    p.map((t) => t.id).join("|"),
-    x,
-    $,
+    P,
+    _,
+    x.map((o) => o.id).join("|"),
+    v,
+    W,
     s.getState().pagination
-  ]), E(() => {
-    const t = () => {
-      clearTimeout(t.timeout), t.timeout = setTimeout(() => h(), 100);
+  ]), L(() => {
+    const o = () => {
+      clearTimeout(o.timeout), o.timeout = setTimeout(() => b(), 100);
     };
-    window.addEventListener("resize", t);
-    const e = c.current;
-    let o = null;
-    return e && typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
-      h();
-    }), o.observe(e)), () => {
-      window.removeEventListener("resize", t), clearTimeout(t.timeout), o && o.disconnect();
+    window.addEventListener("resize", o);
+    const e = d.current;
+    let t = null;
+    return e && typeof ResizeObserver < "u" && (t = new ResizeObserver(() => {
+      b();
+    }), t.observe(e)), () => {
+      window.removeEventListener("resize", o), clearTimeout(o.timeout), t && t.disconnect();
     };
-  }, []), E(() => {
-    if (x) {
-      const t = () => {
-        const r = B();
-        T(r);
+  }, []), L(() => {
+    if (v) {
+      const o = () => {
+        const r = j();
+        $(r);
       };
-      t();
-      const e = c.current;
-      let o = null;
-      return e && typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
-        t();
-      }), o.observe(e)), () => {
-        o && o.disconnect();
+      o();
+      const e = d.current;
+      let t = null;
+      return e && typeof ResizeObserver < "u" && (t = new ResizeObserver(() => {
+        o();
+      }), t.observe(e)), () => {
+        t && t.disconnect();
       };
     }
-  }, [x, c]);
-  const N = (t, e, o) => {
-    const r = F[t];
+  }, [v, d]);
+  const k = (o, e, t) => {
+    const r = Q[o];
     if (!r || !e || r.side !== e) return;
-    const f = r.side === "left" ? `${r.offset}px` : void 0, w = r.side === "right" ? `${r.offset}px` : void 0;
+    const l = r.side === "left" ? `${r.offset}px` : void 0, c = r.side === "right" ? `${r.offset}px` : void 0;
     return {
       position: "sticky",
-      left: f,
-      right: w,
-      zIndex: o ? 49 : 48,
+      left: l,
+      right: c,
+      zIndex: t ? 49 : 48,
       background: "var(--d-background)",
       // Use separate shadow for pinned columns to avoid conflicts
-      boxShadow: e === "left" ? `inset -1px ${o ? "0" : "-1px"} 0 var(--d-border), 2px 0 4px -2px rgba(0,0,0,0.1)` : `inset 1px ${o ? "0" : "-1px"} 0 var(--d-border), -2px 0 4px -2px rgba(0,0,0,0.1)`
+      boxShadow: e === "left" ? `inset -1px ${t ? "0" : "-1px"} 0 var(--d-border), 2px 0 4px -2px rgba(0,0,0,0.1)` : `inset 1px ${t ? "0" : "-1px"} 0 var(--d-border), -2px 0 4px -2px rgba(0,0,0,0.1)`
     };
   };
   return /* @__PURE__ */ n(
     "div",
     {
       className: "flex max-h-full min-h-0 max-w-full min-w-0 flex-1",
-      ref: c,
-      children: /* @__PURE__ */ l(Y, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
-        /* @__PURE__ */ n(_, { orientation: "horizontal" }),
-        /* @__PURE__ */ n(_, { orientation: "vertical" }),
-        /* @__PURE__ */ l(ee, { className: "w-full", style: { minWidth: "max-content" }, children: [
-          /* @__PURE__ */ n(te, { children: s.getHeaderGroups().map((t) => /* @__PURE__ */ n(D, { children: t.headers.map((e) => /* @__PURE__ */ n(
-            oe,
+      ref: d,
+      children: /* @__PURE__ */ i(re, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
+        /* @__PURE__ */ n(q, { orientation: "horizontal" }),
+        /* @__PURE__ */ n(q, { orientation: "vertical" }),
+        /* @__PURE__ */ i(se, { className: "w-full", style: { minWidth: "max-content" }, children: [
+          /* @__PURE__ */ n(le, { children: s.getHeaderGroups().map((o) => /* @__PURE__ */ n(y, { children: o.headers.map((e) => /* @__PURE__ */ n(
+            ce,
             {
-              ref: (o) => {
-                z.current[e.column.id] = o;
+              ref: (t) => {
+                I.current[e.column.id] = t;
               },
-              className: v(
+              className: u(
                 "bg-d-background sticky top-0 h-8 px-0",
                 e.column.columnDef.meta?.pinned ? "z-[49]" : "z-10"
               ),
-              style: N(
+              style: k(
                 e.column.id,
                 e.column.columnDef.meta?.pinned,
                 !0
               ),
-              children: e.isPlaceholder ? null : /* @__PURE__ */ l(J, { children: [
+              children: e.isPlaceholder ? null : /* @__PURE__ */ i(te, { children: [
                 /* @__PURE__ */ n(
-                  K,
+                  oe,
                   {
                     asChild: !0,
-                    onClick: (o) => {
-                      e.column.columnDef.meta?.sortable || e.column.columnDef.meta?.filterable || (o.preventDefault(), o.stopPropagation());
+                    onClick: (t) => {
+                      e.column.columnDef.meta?.sortable || e.column.columnDef.meta?.filterable || (t.preventDefault(), t.stopPropagation());
                     },
-                    children: /* @__PURE__ */ l(
+                    children: /* @__PURE__ */ i(
                       "div",
                       {
-                        className: v(
+                        className: u(
                           "flex h-full items-center justify-between gap-2 px-2",
                           e.column.columnDef.meta?.sortable || e.column.columnDef.meta?.filterable ? "hover:bg-d-secondary-foreground/10 cursor-pointer" : "cursor-not-allowed"
                         ),
                         children: [
-                          P(
+                          B(
                             e.column.columnDef.header,
                             e.getContext()
                           ),
-                          e.column.getIsSorted() === "desc" && /* @__PURE__ */ n(
-                            b,
-                            {
-                              variant: "ghost",
-                              size: "icon",
-                              className: "size-7",
-                              iconLeft: e.column.columnDef.meta?.type === "number" ? "ArrowUp01" : e.column.columnDef.meta?.type === "string" ? "ArrowUpAz" : "ArrowUpNarrowWide",
-                              onClick: (o) => {
-                                e.column.toggleSorting(!1, !0), o.stopPropagation(), o.preventDefault();
+                          /* @__PURE__ */ i("div", { className: "flex flex-row items-center gap-1", children: [
+                            e.column.columnDef.meta?.searchable && /* @__PURE__ */ n(
+                              z,
+                              {
+                                name: "Search",
+                                className: u(
+                                  "text-d-foreground/30 max-h-3.5 max-w-3.5",
+                                  !!J && "text-d-primary"
+                                )
                               }
-                            }
-                          ),
-                          e.column.getIsSorted() === "asc" && /* @__PURE__ */ n(
-                            b,
-                            {
-                              variant: "ghost",
-                              size: "icon",
-                              className: "size-7",
-                              iconRight: e.column.columnDef.meta?.type === "number" ? "ArrowDown01" : e.column.columnDef.meta?.type === "string" ? "ArrowDownAz" : "ArrowDownNarrowWide",
-                              onClick: (o) => {
-                                e.column.toggleSorting(!0, !0), o.stopPropagation(), o.preventDefault();
+                            ),
+                            e.column.columnDef.meta?.filterable && /* @__PURE__ */ n(
+                              z,
+                              {
+                                name: "Filter",
+                                className: u(
+                                  "text-d-foreground/30 max-h-3.5 max-w-3.5",
+                                  K(e.column.id) && "text-d-primary"
+                                )
                               }
-                            }
-                          )
+                            ),
+                            e.column.columnDef.meta?.sortable && /* @__PURE__ */ i("div", { className: "flex flex-col py-1", children: [
+                              /* @__PURE__ */ n(
+                                S,
+                                {
+                                  iconLeft: "ChevronUp",
+                                  size: "icon",
+                                  className: u(
+                                    "hover:bg-d-foreground/10 max-h-4 max-w-6",
+                                    e.column.getIsSorted() === "asc" && "hover:text-d-destructive hover:bg-d-destructive/20"
+                                  ),
+                                  variant: e.column.getIsSorted() === "asc" ? "ghost-accent" : "ghost",
+                                  onClick: (t) => {
+                                    e.column.getIsSorted() === "asc" ? e.column.clearSorting() : e.column.toggleSorting(
+                                      !1,
+                                      !0
+                                    ), t.stopPropagation(), t.preventDefault();
+                                  },
+                                  disabled: s.getState().sorting.length >= h && !e.column.getIsSorted()
+                                }
+                              ),
+                              /* @__PURE__ */ n(
+                                S,
+                                {
+                                  iconLeft: "ChevronDown",
+                                  size: "icon",
+                                  className: u(
+                                    "hover:bg-d-foreground/10 max-h-4 max-w-6",
+                                    e.column.getIsSorted() === "desc" && "hover:text-d-destructive hover:bg-d-destructive/20"
+                                  ),
+                                  variant: e.column.getIsSorted() === "desc" ? "ghost-accent" : "ghost",
+                                  onClick: (t) => {
+                                    e.column.getIsSorted() === "desc" ? e.column.clearSorting() : e.column.toggleSorting(
+                                      !0,
+                                      !0
+                                    ), t.stopPropagation(), t.preventDefault();
+                                  },
+                                  disabled: s.getState().sorting.length >= h && !e.column.getIsSorted()
+                                }
+                              )
+                            ] })
+                          ] })
                         ]
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ n(Q, { className: "w-40 p-0", children: /* @__PURE__ */ l("div", { className: "flex flex-col text-sm", children: [
-                  e.column.columnDef.meta?.sortable && /* @__PURE__ */ l(
+                /* @__PURE__ */ n(ne, { className: "w-40 p-0", children: /* @__PURE__ */ i("div", { className: "flex flex-col text-sm", children: [
+                  e.column.columnDef.meta?.sortable && /* @__PURE__ */ i(
                     "div",
                     {
-                      className: v(
+                      className: u(
                         "group hover:bg-d-secondary-foreground/5 relative flex cursor-pointer items-center justify-between rounded px-2 py-1.5",
                         e.column.getIsSorted() && "bg-d-secondary-foreground/5",
-                        s.getState().sorting.length >= y && !e.column.getIsSorted() && "pointer-events-none cursor-not-allowed opacity-60"
+                        s.getState().sorting.length >= h && !e.column.getIsSorted() && "pointer-events-none cursor-not-allowed opacity-60"
                       ),
-                      "aria-disabled": s.getState().sorting.length >= y && !e.column.getIsSorted(),
+                      "aria-disabled": s.getState().sorting.length >= h && !e.column.getIsSorted(),
                       children: [
-                        /* @__PURE__ */ n("span", { className: "text-md", children: g.sorting.sort }),
-                        /* @__PURE__ */ n(W, { name: "ChevronRight", size: "xs" }),
-                        /* @__PURE__ */ l("div", { className: "bg-d-background border-d-border absolute top-0 left-full ml-0 hidden w-48 flex-col rounded-md border p-1 shadow-md group-hover:flex", children: [
+                        /* @__PURE__ */ n("span", { className: "text-md", children: w.sorting.sort }),
+                        /* @__PURE__ */ n(z, { name: "ChevronRight", size: "xs" }),
+                        /* @__PURE__ */ i("div", { className: "bg-d-background border-d-border absolute top-0 left-full ml-0 hidden w-48 flex-col rounded-md border p-1 shadow-md group-hover:flex", children: [
                           /* @__PURE__ */ n(
-                            b,
+                            S,
                             {
                               className: "justify-start",
                               variant: "ghost",
                               size: "sm",
                               iconLeft: e.column.columnDef.meta?.type === "number" ? "ArrowDown01" : e.column.columnDef.meta?.type === "string" ? "ArrowDownAz" : "ArrowDownNarrowWide",
                               onClick: () => {
-                                !e.column.getIsSorted() && s.getState().sorting.length >= y || e.column.toggleSorting(
+                                !e.column.getIsSorted() && s.getState().sorting.length >= h || e.column.toggleSorting(
                                   !1,
                                   !0
                                 );
                               },
-                              children: g.sorting.ascending
+                              children: w.sorting.ascending
                             }
                           ),
                           /* @__PURE__ */ n(
-                            b,
+                            S,
                             {
                               className: "justify-start",
                               variant: "ghost",
                               size: "sm",
                               iconLeft: e.column.columnDef.meta?.type === "number" ? "ArrowUp01" : e.column.columnDef.meta?.type === "string" ? "ArrowUpAz" : "ArrowUpNarrowWide",
                               onClick: () => {
-                                !e.column.getIsSorted() && s.getState().sorting.length >= y || e.column.toggleSorting(!0, !0);
+                                !e.column.getIsSorted() && s.getState().sorting.length >= h || e.column.toggleSorting(!0, !0);
                               },
-                              children: g.sorting.descending
+                              children: w.sorting.descending
                             }
                           ),
                           e.column.getIsSorted() && /* @__PURE__ */ n(
-                            b,
+                            S,
                             {
                               className: "text-d-destructive/80 hover:text-d-destructive justify-start",
                               variant: "ghost",
                               size: "sm",
                               iconLeft: "CircleX",
                               onClick: () => e.column.clearSorting(),
-                              children: g.sorting.clearSort
+                              children: w.sorting.clearSort
                             }
                           )
                         ] })
                       ]
                     }
                   ),
-                  e.column.columnDef.meta?.filterable && /* @__PURE__ */ l(
+                  e.column.columnDef.meta?.filterable && /* @__PURE__ */ i(
                     "div",
                     {
                       className: "hover:bg-d-secondary-foreground/5 relative flex cursor-pointer items-center justify-between rounded px-2 py-1.5",
-                      onClick: () => U(e),
+                      onClick: () => V(e),
                       children: [
-                        /* @__PURE__ */ n("span", { className: "text-md", children: g.filters.filter }),
-                        /* @__PURE__ */ n(W, { name: "Filter", size: "xs" })
+                        /* @__PURE__ */ n("span", { className: "text-md", children: w.filters.filter }),
+                        /* @__PURE__ */ n(z, { name: "Filter", size: "xs" })
                       ]
                     }
                   )
@@ -276,44 +328,58 @@ function ge({
               ] })
             },
             e.id
-          )) }, t.id)) }),
-          /* @__PURE__ */ n(ne, { children: x ? Array.from({ length: M }).map(
-            (t, e) => /* @__PURE__ */ n(D, { children: s.getHeaderGroups()[0].headers.map((o, r) => /* @__PURE__ */ n(
-              A,
-              {
-                "data-column-id": o.column.id,
-                className: v(
-                  "border-0",
-                  o.column.columnDef.meta?.pinned && "bg-d-background z-[50]"
-                ),
-                style: N(
-                  o.column.id,
-                  o.column.columnDef.meta?.pinned,
-                  !1
-                ),
-                children: /* @__PURE__ */ n(Z, { className: "h-6 w-full" })
-              },
-              `skeleton-cell-${e}-${r}`
-            )) }, `skeleton-row-${e}`)
-          ) : s.getRowModel().rows?.length ? s.getRowModel().rows.map((t) => /* @__PURE__ */ n(
-            D,
+          )) }, o.id)) }),
+          /* @__PURE__ */ n(ie, { children: v && A ? Array.from({ length: H }).map((o, e) => /* @__PURE__ */ n(y, { children: s.getHeaderGroups()[0].headers.map((t, r) => /* @__PURE__ */ n(
+            R,
+            {
+              "data-column-id": t.column.id,
+              className: u(
+                "border-0",
+                t.column.columnDef.meta?.pinned && "bg-d-background z-[50]"
+              ),
+              style: k(
+                t.column.id,
+                t.column.columnDef.meta?.pinned,
+                !1
+              ),
+              children: /* @__PURE__ */ n(F, { className: "h-6 w-full" })
+            },
+            `skeleton-cell-${e}-${r}`
+          )) }, `skeleton-row-${e}`)) : v && !A ? Array.from({ length: H }).map((o, e) => /* @__PURE__ */ n(y, { children: s.getHeaderGroups()[0].headers.map((t, r) => /* @__PURE__ */ n(
+            R,
+            {
+              "data-column-id": t.column.id,
+              className: u(
+                "border-0",
+                t.column.columnDef.meta?.pinned && "bg-d-background z-[50]"
+              ),
+              style: k(
+                t.column.id,
+                t.column.columnDef.meta?.pinned,
+                !1
+              ),
+              children: /* @__PURE__ */ n(F, { className: "h-6 w-full" })
+            },
+            `skeleton-cell-${e}-${r}`
+          )) }, `skeleton-row-${e}`)) : s.getRowModel().rows?.length ? s.getRowModel().rows.map((o) => /* @__PURE__ */ n(
+            y,
             {
-              "data-state": t.getIsSelected() && "selected",
+              "data-state": o.getIsSelected() && "selected",
               className: "border-0 shadow-[inset_0_-1px_0_var(--d-border)]",
-              children: t.getVisibleCells().map((e) => /* @__PURE__ */ n(
-                A,
+              children: o.getVisibleCells().map((e) => /* @__PURE__ */ n(
+                R,
                 {
                   "data-column-id": e.column.id,
-                  className: v(
+                  className: u(
                     "border-0",
                     e.column.columnDef.meta?.pinned ? "bg-d-background z-[50]" : "shadow-[inset_-1px_0_0_var(--d-border)]"
                   ),
-                  style: N(
+                  style: k(
                     e.column.id,
                     e.column.columnDef.meta?.pinned,
                     !1
                   ),
-                  children: P(
+                  children: B(
                     e.column.columnDef.cell,
                     e.getContext()
                   )
@@ -321,13 +387,13 @@ function ge({
                 e.id
               ))
             },
-            t.id
-          )) : /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(
-            A,
+            o.id
+          )) : /* @__PURE__ */ n(y, { children: /* @__PURE__ */ n(
+            R,
             {
               colSpan: s?.getHeaderGroups()?.[0]?.headers?.length ?? 1,
               className: "pt-4 text-center",
-              children: q || L
+              children: U || M
             }
           ) }) })
         ] })
@@ -336,5 +402,5 @@ function ge({
   );
 }
 export {
-  ge as DataTableBody
+  xe as DataTableBody
 };