laif-ds 0.2.23 → 0.2.25

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

@@ -0,0 +1,340 @@
+"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({
+  table: s,
+  tableContainerRef: c,
+  loading: x,
+  data: $,
+  emptyComponent: q,
+  notFoundMessage: L,
+  onAddFilter: U,
+  maxSortedColumns: y = 3,
+  i18n: g
+}) {
+  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 e = {};
+    let o = !1;
+    if (!c.current) {
+      t < 5 && setTimeout(() => h(t + 1), 100);
+      return;
+    }
+    const r = c.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 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;
+    }
+    G(e);
+    const S = B();
+    T(S), o && t < 5 && setTimeout(
+      () => h(t + 1),
+      100 * (t + 1)
+    );
+  };
+  X(() => {
+    (() => {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          setTimeout(() => {
+            h();
+          }, 50);
+        });
+      });
+    })();
+  }, [
+    I,
+    O,
+    p.map((t) => t.id).join("|"),
+    x,
+    $,
+    s.getState().pagination
+  ]), E(() => {
+    const t = () => {
+      clearTimeout(t.timeout), t.timeout = setTimeout(() => h(), 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();
+    };
+  }, []), E(() => {
+    if (x) {
+      const t = () => {
+        const r = B();
+        T(r);
+      };
+      t();
+      const e = c.current;
+      let o = null;
+      return e && typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
+        t();
+      }), o.observe(e)), () => {
+        o && o.disconnect();
+      };
+    }
+  }, [x, c]);
+  const N = (t, e, o) => {
+    const r = F[t];
+    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;
+    return {
+      position: "sticky",
+      left: f,
+      right: w,
+      zIndex: o ? 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)`
+    };
+  };
+  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: (o) => {
+                z.current[e.column.id] = o;
+              },
+              className: v(
+                "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__ */ l(J, { children: [
+                /* @__PURE__ */ n(
+                  K,
+                  {
+                    asChild: !0,
+                    onClick: (o) => {
+                      e.column.columnDef.meta?.sortable || e.column.columnDef.meta?.filterable || (o.preventDefault(), o.stopPropagation());
+                    },
+                    children: /* @__PURE__ */ l(
+                      "div",
+                      {
+                        className: v(
+                          "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(
+                            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();
+                              }
+                            }
+                          ),
+                          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();
+                              }
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                ),
+                /* @__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(
+                    "div",
+                    {
+                      className: v(
+                        "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"
+                      ),
+                      "aria-disabled": s.getState().sorting.length >= y && !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(
+                            b,
+                            {
+                              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(
+                                  !1,
+                                  !0
+                                );
+                              },
+                              children: g.sorting.ascending
+                            }
+                          ),
+                          /* @__PURE__ */ n(
+                            b,
+                            {
+                              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);
+                              },
+                              children: g.sorting.descending
+                            }
+                          ),
+                          e.column.getIsSorted() && /* @__PURE__ */ n(
+                            b,
+                            {
+                              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
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  e.column.columnDef.meta?.filterable && /* @__PURE__ */ l(
+                    "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),
+                      children: [
+                        /* @__PURE__ */ n("span", { className: "text-md", children: g.filters.filter }),
+                        /* @__PURE__ */ n(W, { name: "Filter", size: "xs" })
+                      ]
+                    }
+                  )
+                ] }) })
+              ] })
+            },
+            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,
+            {
+              "data-state": t.getIsSelected() && "selected",
+              className: "border-0 shadow-[inset_0_-1px_0_var(--d-border)]",
+              children: t.getVisibleCells().map((e) => /* @__PURE__ */ n(
+                A,
+                {
+                  "data-column-id": e.column.id,
+                  className: v(
+                    "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: P(
+                    e.column.columnDef.cell,
+                    e.getContext()
+                  )
+                },
+                e.id
+              ))
+            },
+            t.id
+          )) : /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(
+            A,
+            {
+              colSpan: s?.getHeaderGroups()?.[0]?.headers?.length ?? 1,
+              className: "pt-4 text-center",
+              children: q || L
+            }
+          ) }) })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  ge as DataTableBody
+};

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

@@ -0,0 +1,274 @@
+"use client";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useState as k } from "react";
+import { Button as b } from "../../../button.js";
+import { Icon as C } from "../../../icon.js";
+import { Popover as R, PopoverTrigger as H, PopoverContent as K } from "../../../popover.js";
+import { getIconFromColumnType as z } from "../data-table.service.js";
+function U({
+  table: m,
+  visibleColumns: L,
+  hiddenColumns: Y,
+  i18n: x
+}) {
+  const [c, u] = k({ section: null, position: -1, itemId: null }), [O, T] = k(!1), d = (e) => e?.id ?? e?.columnDef?.id ?? e?.columnDef?.accessorKey ?? "", D = (e) => d(e) === "data-table-integrated-checkbox-column" || e?.columnDef?.enableHiding === !1, V = () => {
+    const e = m?.getState?.().columnOrder || [];
+    return e && e.length > 0 ? [...e] : (m?.getAllLeafColumns?.() || []).map((i) => i.id);
+  }, P = (e, t) => {
+    e.dataTransfer.setData("text/column-id", t), e.dataTransfer.effectAllowed = "move", T(!0);
+  }, j = () => {
+    T(!1), u({ section: null, position: -1, itemId: null });
+  }, A = (e) => {
+    const t = e.currentTarget, i = Array.from(t.querySelectorAll("[data-column-item]")), o = e.clientY;
+    for (let n = 0; n < i.length; n++) {
+      const a = i[n].getBoundingClientRect(), l = a.top + a.height / 2;
+      if (o < l)
+        return n;
+    }
+    return i.length;
+  }, w = (e, t, i) => {
+    const o = m?.getColumn?.(e);
+    if (!o || D(o))
+      return;
+    const n = o.getIsVisible(), s = t === "visible" ? g : N;
+    if (t === "visible" && i === 0)
+      return;
+    (t === "visible" && !n || t === "hidden" && n) && o.toggleVisibility(t === "visible");
+    const a = V(), l = s.map(d), p = a.indexOf(e);
+    if (p === -1) return;
+    const h = [...a];
+    h.splice(p, 1);
+    let v = 0;
+    if (i < l.length && i >= 0) {
+      const I = l[i];
+      v = h.indexOf(I), v === -1 && (v = h.length);
+    } else {
+      const I = l[l.length - 1];
+      I && (v = h.indexOf(I) + 1);
+    }
+    h.splice(v, 0, e), m.setColumnOrder(h);
+  }, S = (e, t, i, o) => {
+    e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move";
+    const n = e.currentTarget.getBoundingClientRect(), s = e.clientY, a = n.top + n.height / 2, l = s < a ? o : o + 1;
+    u({
+      section: t,
+      position: l,
+      itemId: i
+    });
+  }, E = (e) => (t) => {
+    t.preventDefault(), t.dataTransfer.dropEffect = "move";
+    const i = A(t);
+    u({
+      section: e,
+      position: e === "visible" && i === 0 ? 1 : i,
+      itemId: null
+    });
+  }, M = (e) => (t) => {
+    t.preventDefault(), t.stopPropagation();
+    const i = t.dataTransfer.getData("text/column-id");
+    if (!i) return;
+    const o = c.position !== -1 ? c.position : A(t);
+    w(i, e, e === "visible" && o === 0 ? 1 : o), u({ section: null, position: -1, itemId: null });
+  }, B = V(), F = (m?.getAllLeafColumns?.() || []).map(
+    (e) => e.id
+  ), G = new Map(
+    F.map((e, t) => [e, t])
+  ), y = (e) => {
+    const t = B.indexOf(e);
+    if (t !== -1) return t;
+    const i = G.get(e);
+    return i !== void 0 ? i : Number.MAX_SAFE_INTEGER;
+  }, g = [...L].filter((e) => !D(e)).sort((e, t) => y(d(e)) - y(d(t))), N = [...Y].filter((e) => !D(e)).sort((e, t) => y(d(e)) - y(d(t)));
+  return /* @__PURE__ */ f(R, { children: [
+    /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ r(
+      b,
+      {
+        className: "h-6 w-6",
+        iconLeft: "Eye",
+        size: "icon",
+        variant: "ghost"
+      }
+    ) }),
+    /* @__PURE__ */ f(K, { className: "flex flex-col gap-2 px-3 py-2", children: [
+      g.length > 0 && /* @__PURE__ */ f(
+        "div",
+        {
+          className: "flex max-h-[250px] flex-col",
+          onDragOver: E("visible"),
+          onDrop: M("visible"),
+          children: [
+            /* @__PURE__ */ f("div", { className: "flex flex-row items-center justify-between gap-2", children: [
+              /* @__PURE__ */ r("div", { className: "text-d-foreground text-sm", children: x.columnVisibility.visibleColumns }),
+              /* @__PURE__ */ r(
+                b,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "text-xs",
+                  onClick: () => {
+                    m.setColumnVisibility(() => {
+                      const e = [...g, ...N], t = d(g[0] ?? e[0]);
+                      return e.reduce(
+                        (o, n) => {
+                          const s = d(n);
+                          return s && (o[s] = s === t), o;
+                        },
+                        {}
+                      );
+                    });
+                  },
+                  children: x.columnVisibility.hideAll
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r("div", { className: "border-d-border flex min-h-0 flex-1 flex-col overflow-y-auto border-b", children: g.map((e, t) => {
+              const i = d(e), o = t === 0, n = D(e), s = c.section === "visible" && c.position === t && t > 0, a = c.section === "visible" && c.position === t + 1;
+              return /* @__PURE__ */ f("div", { className: "relative", children: [
+                s && /* @__PURE__ */ r("div", { className: "bg-d-primary absolute -top-1 right-0 left-0 z-10 h-0.5 rounded-full" }),
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    "data-column-item": !0,
+                    draggable: !o && !n,
+                    onDragStart: (l) => {
+                      if (o || n) {
+                        l.preventDefault();
+                        return;
+                      }
+                      P(l, i);
+                    },
+                    onDragEnd: j,
+                    onDragOver: (l) => {
+                      if (t === 0) {
+                        l.dataTransfer.dropEffect = "none";
+                        return;
+                      }
+                      S(l, "visible", i, t);
+                    },
+                    onDrop: (l) => {
+                      l.preventDefault(), l.stopPropagation();
+                      const p = l.dataTransfer.getData("text/column-id");
+                      p && p !== i && t > 0 && w(
+                        p,
+                        "visible",
+                        Math.max(1, t)
+                      ), u({
+                        section: null,
+                        position: -1,
+                        itemId: null
+                      });
+                    },
+                    className: `rounded transition-all duration-150 ${o || n ? "cursor-not-allowed opacity-60" : O && c.itemId === i ? "scale-95 opacity-50" : "hover:bg-d-foreground/5"}`,
+                    children: /* @__PURE__ */ r(
+                      b,
+                      {
+                        variant: "ghost",
+                        className: "w-full cursor-grab justify-start",
+                        iconLeft: "GripVertical",
+                        onClick: () => {
+                          n || e.toggleVisibility();
+                        },
+                        disabled: i === d(g[0]) || n,
+                        children: /* @__PURE__ */ f("div", { className: "flex w-full flex-row items-center justify-between gap-1", children: [
+                          /* @__PURE__ */ r(
+                            C,
+                            {
+                              name: z(
+                                e.columnDef.meta?.type
+                              ),
+                              className: "h-4 w-4"
+                            }
+                          ),
+                          /* @__PURE__ */ r("div", { className: "flex flex-1", children: e.columnDef.header?.toString() }),
+                          /* @__PURE__ */ r(C, { name: "Eye" })
+                        ] })
+                      },
+                      i
+                    )
+                  }
+                ),
+                a && /* @__PURE__ */ r("div", { className: "bg-d-primary absolute right-0 -bottom-1 left-0 z-10 h-0.5 rounded-full" })
+              ] }, i);
+            }) })
+          ]
+        }
+      ),
+      N.length > 0 && /* @__PURE__ */ f(
+        "div",
+        {
+          className: "flex max-h-[250px] flex-col",
+          onDragOver: E("hidden"),
+          onDrop: M("hidden"),
+          children: [
+            /* @__PURE__ */ f("div", { className: "flex flex-row items-center justify-between gap-2", children: [
+              /* @__PURE__ */ r("div", { className: "text-d-foreground text-sm", children: x.columnVisibility.hiddenColumns }),
+              /* @__PURE__ */ r(
+                b,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "text-xs",
+                  onClick: () => m.setColumnVisibility({}),
+                  children: x.columnVisibility.showAll
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r("div", { className: "border-d-border flex min-h-0 flex-1 flex-col overflow-y-auto border-b", children: N.map((e, t) => {
+              const i = d(e), o = c.section === "hidden" && c.position === t, n = c.section === "hidden" && c.position === t + 1;
+              return /* @__PURE__ */ f("div", { className: "relative", children: [
+                o && /* @__PURE__ */ r("div", { className: "bg-d-primary absolute -top-1 right-0 left-0 z-10 h-0.5 rounded-full" }),
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    "data-column-item": !0,
+                    draggable: !0,
+                    onDragStart: (s) => P(s, i),
+                    onDragEnd: j,
+                    onDragOver: (s) => S(s, "hidden", i, t),
+                    onDrop: (s) => {
+                      s.preventDefault(), s.stopPropagation();
+                      const a = s.dataTransfer.getData("text/column-id");
+                      a && a !== i && w(a, "hidden", t), u({
+                        section: null,
+                        position: -1,
+                        itemId: null
+                      });
+                    },
+                    className: `rounded transition-all duration-150 ${O && c.itemId === i ? "scale-95 opacity-50" : "hover:bg-d-foreground/5"}`,
+                    children: /* @__PURE__ */ r(
+                      b,
+                      {
+                        variant: "ghost",
+                        className: "w-full justify-start",
+                        iconLeft: "GripVertical",
+                        onClick: () => e.toggleVisibility(),
+                        children: /* @__PURE__ */ f("div", { className: "flex w-full flex-row items-center justify-between gap-1", children: [
+                          /* @__PURE__ */ r(
+                            C,
+                            {
+                              name: z(
+                                e.columnDef.meta?.type
+                              ),
+                              className: "h-4 w-4"
+                            }
+                          ),
+                          /* @__PURE__ */ r("div", { className: "flex flex-1", children: e.columnDef.header?.toString() }),
+                          /* @__PURE__ */ r(C, { name: "EyeOff" })
+                        ] })
+                      },
+                      i
+                    )
+                  }
+                ),
+                n && /* @__PURE__ */ r("div", { className: "bg-d-primary absolute right-0 -bottom-1 left-0 z-10 h-0.5 rounded-full" })
+              ] }, i);
+            }) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  U as DataTableColumnVisibility
+};