laif-ds 0.2.73 → 0.2.75

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

@@ -144,7 +144,10 @@ function J({
                 u({
                   ...s,
                   columnId: String(r),
-                  columnAccessorKey: (d.column.columnDef?.accessorKey ?? String(r)) || "",
+                  columnAccessorKey: (
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    (d.column.columnDef?.accessorKey ?? String(r)) || ""
+                  ),
                   columnLabel: d.column.columnDef.meta?.headerLabel || (typeof d.column.columnDef.header == "string" ? d.column.columnDef.header : "") || d.id,
                   columnType: d.column.columnDef.meta?.type,
                   operator: String(N || "eq"),

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

@@ -1,406 +1,242 @@
 "use client";
-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: 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
+import { jsx as r, jsxs as D } from "react/jsx-runtime";
+import { flexRender as ee } from "../../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useRef as te, useState as E, useMemo as b, useCallback as F, useLayoutEffect as oe, useEffect as G } from "react";
+import { cn as ne } from "../../../../../lib/utils.js";
+import { ScrollArea as re, ScrollBar as L } from "../../../scroll-area.js";
+import { Table as se, TableBody as C, TableRow as P, TableCell as A } from "../../../table.js";
+import { getPinnedStyle as ie } from "../data-table.service.js";
+import { DataTableHeaderComponent as ce } from "./data-table-header.js";
+import { SkeletonRows as le } from "./data-table-skeleton-rows.js";
+function be({
+  table: u,
+  tableContainerRef: s,
+  loading: d,
+  data: I,
+  emptyComponent: M,
+  notFoundMessage: W,
+  onAddFilter: j,
+  maxSortedColumns: V = 3,
+  i18n: $,
+  isServerSide: p = !1,
+  filterBadges: U = [],
+  advancedFilterBadge: R,
+  searchbarGlobalFilter: J,
+  serverDebounceTime: N = 750
 }) {
-  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))
+  const K = (e) => {
+    if (U.some((n) => n.columnId === e)) return !0;
+    const o = (n) => n.some((c) => c.columnId === e), i = (n) => n ? n.some((c) => o(c.conditions) ? !0 : c.groups ? i(c.groups) : !1) : !1;
+    if (R?.rootGroup) {
+      if (o(R.rootGroup.conditions))
         return !0;
-      if (D.rootGroup.groups)
-        return r(D.rootGroup.groups);
+      if (R.rootGroup.groups)
+        return i(R.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, k = o.offsetHeight - r, a = Math.floor(k / l);
-    return a > 1 ? a : 8;
-  }, b = (o = 0) => {
-    const e = {};
-    let t = !1;
-    if (!d.current) {
-      o < 5 && setTimeout(() => b(o + 1), 100);
-      return;
-    }
-    const r = d.current.querySelector(
-      "tbody tr:first-child"
-    );
-    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 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;
-    }
-    Y(e);
-    const k = j();
-    $(k), t && o < 5 && setTimeout(
-      () => b(o + 1),
-      100 * (o + 1)
-    );
-  };
-  ee(() => {
+  }, y = te({}), [z, Q] = E({}), [X, B] = E(8), [k, _] = E(!1), T = b(() => {
+    let e;
+    const t = (o) => {
+      clearTimeout(e), e = setTimeout(
+        () => _(o),
+        N
+      );
+    };
+    return t.cancel = () => {
+      clearTimeout(e);
+    }, t;
+  }, [N]), q = b(() => {
+    const e = u.getHeaderGroups()[0];
+    return e ? e.headers : [];
+  }, [u.getHeaderGroups]), g = b(
+    () => q.filter((e) => e.column.getIsVisible()),
+    [q]
+  ), v = b(
+    () => g.filter((e) => e.column.columnDef.meta?.pinned === "left"),
+    [g]
+  ), H = b(
+    () => g.filter((e) => e.column.columnDef.meta?.pinned === "right"),
+    [g]
+  ), Y = b(
+    () => g.map((e) => e.id).join("|"),
+    [g]
+  ), Z = u.getState().pagination, x = F(() => {
+    const e = s.current;
+    if (!e) return 8;
+    const t = e.querySelector("thead tr"), o = e.querySelector("tbody tr"), i = t?.getBoundingClientRect().height ?? 40, n = o?.getBoundingClientRect().height ?? 32.5, S = e.offsetHeight - i, w = Math.floor(S / n);
+    return w > 1 ? w : 8;
+  }, [s]), a = F(
+    (e = 0) => {
+      const t = {};
+      let o = !1;
+      if (!s.current) {
+        e < 5 && setTimeout(() => a(e + 1), 100);
+        return;
+      }
+      const i = s.current.querySelector(
+        "tbody tr:first-child"
+      );
+      let n = 0;
+      for (const w of v) {
+        const f = w.column.id;
+        t[f] = { side: "left", offset: n };
+        let l = 0;
+        const m = i?.querySelector(
+          `[data-column-id="${f}"]`
+        ), h = y.current[f];
+        m && m.offsetWidth > 0 ? l = m.getBoundingClientRect().width : h && h.offsetWidth > 0 ? l = h.getBoundingClientRect().width : (o = !0, l = 150), n += l;
+      }
+      let c = 0;
+      for (const w of [...H].reverse()) {
+        const f = w.column.id;
+        t[f] = { side: "right", offset: c };
+        let l = 0;
+        const m = i?.querySelector(
+          `[data-column-id="${f}"]`
+        ), h = y.current[f];
+        m && m.offsetWidth > 0 ? l = m.getBoundingClientRect().width : h && h.offsetWidth > 0 ? l = h.getBoundingClientRect().width : (o = !0, l = 150), c += l;
+      }
+      Q(t);
+      const S = x();
+      B(S), o && e < 5 && setTimeout(
+        () => a(e + 1),
+        100 * (e + 1)
+      );
+    },
+    [x, v, H, s]
+  );
+  return oe(() => {
     (() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           setTimeout(() => {
-            b();
+            a();
           }, 50);
         });
       });
     })();
   }, [
-    P,
-    _,
-    x.map((o) => o.id).join("|"),
     v,
-    W,
-    s.getState().pagination
-  ]), L(() => {
-    const o = () => {
-      clearTimeout(o.timeout), o.timeout = setTimeout(() => b(), 100);
+    H,
+    Y,
+    d,
+    I,
+    Z,
+    a
+  ]), G(() => {
+    const e = () => {
+      clearTimeout(e.timeout), e.timeout = setTimeout(() => a(), 100);
     };
-    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();
+    window.addEventListener("resize", e);
+    const t = s.current;
+    let o = null;
+    return t && typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
+      a();
+    }), o.observe(t)), () => {
+      window.removeEventListener("resize", e), clearTimeout(e.timeout), o && o.disconnect();
     };
-  }, []), L(() => {
-    if (v) {
-      const o = () => {
-        const r = j();
-        $(r);
+  }, [a, s]), G(() => {
+    if (d) {
+      const e = () => {
+        const i = x();
+        B(i);
       };
-      o();
-      const e = d.current;
-      let t = null;
-      return e && typeof ResizeObserver < "u" && (t = new ResizeObserver(() => {
-        o();
-      }), t.observe(e)), () => {
-        t && t.disconnect();
+      e();
+      const t = s.current;
+      let o = null;
+      return t && typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
+        e();
+      }), o.observe(t)), () => {
+        o && o.disconnect();
       };
     }
-  }, [v, d]);
-  const N = (o, e, t) => {
-    const r = Q[o];
-    if (!r || !e || r.side !== e) return;
-    const l = r.side === "left" ? `${r.offset}px` : void 0, c = r.side === "right" ? `${r.offset}px` : void 0;
-    return {
-      position: "sticky",
-      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 ${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(
+  }, [x, d, s]), G(() => (d ? (_(!0), T.cancel()) : T(!1), () => {
+    T.cancel();
+  }), [d, T]), /* @__PURE__ */ r(
     "div",
     {
       className: "flex max-h-full min-h-0 max-w-full min-w-0 flex-1",
-      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", className: "z-[100]" }),
-        /* @__PURE__ */ n(q, { orientation: "vertical" }),
-        /* @__PURE__ */ i(se, { className: "w-full min-w-max", children: [
-          /* @__PURE__ */ n(le, { children: s.getHeaderGroups().map((o) => /* @__PURE__ */ n(y, { children: o.headers.map((e) => /* @__PURE__ */ n(
+      ref: s,
+      children: /* @__PURE__ */ D(re, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
+        /* @__PURE__ */ r(L, { orientation: "horizontal", className: "z-[100]" }),
+        /* @__PURE__ */ r(L, { orientation: "vertical" }),
+        /* @__PURE__ */ D(se, { className: "w-full min-w-max", children: [
+          /* @__PURE__ */ r(
             ce,
             {
-              ref: (t) => {
-                I.current[e.column.id] = t;
-              },
-              className: u(
-                "bg-d-background sticky top-0 h-8 px-0",
-                e.column.columnDef.meta?.pinned ? "z-[49]" : "z-10"
-              ),
-              style: N(
-                e.column.id,
-                e.column.columnDef.meta?.pinned,
-                !0
-              ),
-              children: e.isPlaceholder ? null : /* @__PURE__ */ i(te, { children: [
-                /* @__PURE__ */ n(
-                  oe,
-                  {
-                    asChild: !0,
-                    onClick: (t) => {
-                      e.column.columnDef.meta?.sortable || e.column.columnDef.meta?.filterable || (t.preventDefault(), t.stopPropagation());
-                    },
-                    children: /* @__PURE__ */ i(
-                      "div",
-                      {
-                        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: [
-                          B(
-                            e.column.columnDef.header,
-                            e.getContext()
-                          ),
-                          /* @__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.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(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: 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 >= h && !e.column.getIsSorted() && "pointer-events-none cursor-not-allowed opacity-60"
-                      ),
-                      "aria-disabled": s.getState().sorting.length >= h && !e.column.getIsSorted(),
-                      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(
-                            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 >= h || e.column.toggleSorting(
-                                  !1,
-                                  !0
-                                );
-                              },
-                              children: w.sorting.ascending
-                            }
-                          ),
-                          /* @__PURE__ */ n(
-                            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 >= h || e.column.toggleSorting(!0, !0);
-                              },
-                              children: w.sorting.descending
-                            }
-                          ),
-                          e.column.getIsSorted() && /* @__PURE__ */ n(
-                            S,
-                            {
-                              className: "text-d-destructive/80 hover:text-d-destructive justify-start",
-                              variant: "ghost",
-                              size: "sm",
-                              iconLeft: "CircleX",
-                              onClick: () => e.column.clearSorting(),
-                              children: w.sorting.clearSort
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  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: () => V(e),
-                      children: [
-                        /* @__PURE__ */ n("span", { className: "text-md", children: w.filters.filter }),
-                        /* @__PURE__ */ n(z, { name: "Filter", size: "xs" })
-                      ]
-                    }
-                  )
-                ] }) })
-              ] })
-            },
-            e.id
-          )) }, 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: N(
-                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,
+              table: u,
+              headerRefs: y,
+              pinnedOffsets: z,
+              maxSortedColumns: V,
+              i18n: $,
+              searchbarGlobalFilter: J,
+              isColumnFiltered: K,
+              onAddFilter: j
+            }
+          ),
+          /* @__PURE__ */ r(
+            C,
             {
-              "data-column-id": t.column.id,
-              className: u(
-                "border-0",
-                t.column.columnDef.meta?.pinned && "bg-d-background z-[50]"
-              ),
-              style: N(
-                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-table-body": "skeleton",
+              className: p && k || !p && d ? "" : "absolute -z-100 h-0 min-h-0 overflow-hidden opacity-0",
+              children: (p && k || !p && d) && /* @__PURE__ */ r(
+                le,
+                {
+                  skeletonRowCount: X,
+                  pinnedOffsets: z,
+                  table: u
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ r(
+            C,
             {
-              "data-state": o.getIsSelected() && "selected",
-              className: "border-0 shadow-[inset_0_-1px_0_var(--d-border)]",
-              children: o.getVisibleCells().map((e) => /* @__PURE__ */ n(
-                R,
+              "data-table-body": "data",
+              className: p && k || !p && d ? "absolute -z-100 h-0 min-h-0 overflow-hidden opacity-0" : "",
+              children: u.getRowModel().rows?.length ? u.getRowModel().rows.map((e) => /* @__PURE__ */ r(
+                P,
                 {
-                  "data-column-id": e.column.id,
-                  className: u(
-                    "border-0",
-                    e.column.columnDef.meta?.pinned ? "bg-d-background z-[50]" : "shadow-[inset_-1px_0_0_var(--d-border)]"
-                  ),
-                  style: N(
-                    e.column.id,
-                    e.column.columnDef.meta?.pinned,
-                    !1
-                  ),
-                  children: B(
-                    e.column.columnDef.cell,
-                    e.getContext()
-                  )
+                  "data-state": e.getIsSelected() && "selected",
+                  className: "border-0 shadow-[inset_0_-1px_0_var(--d-border)]",
+                  children: e.getVisibleCells().map((t) => /* @__PURE__ */ r(
+                    A,
+                    {
+                      "data-column-id": t.column.id,
+                      className: ne(
+                        "border-0",
+                        t.column.columnDef.meta?.pinned ? "bg-d-background z-[50]" : "shadow-[inset_-1px_0_0_var(--d-border)]"
+                      ),
+                      style: ie(
+                        t.column.id,
+                        z,
+                        t.column.columnDef.meta?.pinned,
+                        !1
+                      ),
+                      children: ee(
+                        t.column.columnDef.cell,
+                        t.getContext()
+                      )
+                    },
+                    t.id
+                  ))
                 },
                 e.id
-              ))
-            },
-            o.id
-          )) : /* @__PURE__ */ n(y, { children: /* @__PURE__ */ n(
-            R,
-            {
-              colSpan: s?.getHeaderGroups()?.[0]?.headers?.length ?? 1,
-              className: "pt-4 text-center",
-              children: U || M
+              )) : /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
+                A,
+                {
+                  colSpan: u?.getHeaderGroups()?.[0]?.headers?.length ?? 1,
+                  className: "pt-4 text-center",
+                  children: M || W
+                }
+              ) })
             }
-          ) }) })
+          )
         ] })
       ] })
     }
   );
 }
 export {
-  xe as DataTableBody
+  be as DataTableBody
 };