@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.55.1 → 0.5.0-beta.58.1

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

@@ -1,398 +1,649 @@
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
-import { useSensors as ke, useSensor as q, PointerSensor as Ve, KeyboardSensor as Ee, DndContext as Le, closestCenter as Ke, DragOverlay as Ae } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as Fe } from "@dnd-kit/modifiers";
-import { sortableKeyboardCoordinates as je, arrayMove as Ge, SortableContext as Pe, horizontalListSortingStrategy as qe, useSortable as Ue } from "@dnd-kit/sortable";
-import { CSS as We } from "@dnd-kit/utilities";
-import { useReactTable as Be, getPaginationRowModel as Xe, getSortedRowModel as Ye, getCoreRowModel as Je, flexRender as Q } from "@tanstack/react-table";
-import { GripVerticalIcon as Qe, ArrowUpIcon as Ze, ArrowDownIcon as $e, ArrowUpDownIcon as et } from "lucide-react";
-import * as i from "react";
-import { DataTablePagination as tt } from "./data-table-pagination.js";
-import { Table as U, TableHeader as W, TableRow as H, TableBody as B, TableHead as Z, TableCell as X } from "../table.js";
-import { cn as h } from "../../../lib/utils.js";
-function ot(n, l, c) {
-  const s = n.toLowerCase().trim(), a = c.toLowerCase().trim();
-  switch (l) {
+import { jsx as s, jsxs as C, Fragment as V } from "react/jsx-runtime";
+import { useSensors as Pe, useSensor as P, PointerSensor as je, KeyboardSensor as Be, DndContext as Ue, closestCenter as Ye, DragOverlay as $e } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as qe } from "@dnd-kit/modifiers";
+import { sortableKeyboardCoordinates as We, arrayMove as Xe, SortableContext as Je, horizontalListSortingStrategy as Qe, useSortable as Ze } from "@dnd-kit/sortable";
+import { CSS as et } from "@dnd-kit/utilities";
+import { useReactTable as tt, getPaginationRowModel as nt, getSortedRowModel as ot, getCoreRowModel as rt, flexRender as L } from "@tanstack/react-table";
+import { GripVerticalIcon as st, ArrowUpIcon as at, ArrowDownIcon as it, ArrowUpDownIcon as lt, ChevronDownIcon as ct, ChevronRightIcon as ut } from "lucide-react";
+import * as l from "react";
+import { DataTablePagination as dt } from "./data-table-pagination.js";
+import { Table as j, TableHeader as B, TableBody as U, TableRow as D, TableHead as q, TableCell as I } from "../table.js";
+import { cn as x } from "../../../lib/utils.js";
+function mt(e, n, r) {
+  const t = e.toLowerCase().trim(), a = r.toLowerCase().trim();
+  switch (n) {
     case "contains":
-      return s.includes(a);
+      return t.includes(a);
     case "equals":
-      return s === a;
+      return t === a;
     case "not_equals":
-      return s !== a;
+      return t !== a;
     case "starts_with":
-      return s.startsWith(a);
+      return t.startsWith(a);
     case "ends_with":
-      return s.endsWith(a);
+      return t.endsWith(a);
     case "is_empty":
-      return s === "";
+      return t === "";
     case "is_not_empty":
-      return s !== "";
+      return t !== "";
     default:
       return !0;
   }
 }
-const $ = i.createContext(null);
-function ht() {
-  const n = i.useContext($);
-  if (!n)
+const W = l.createContext(null);
+function Ft() {
+  const e = l.useContext(W);
+  if (!e)
     throw new Error("useDataTable must be used within a <DataTable>");
-  return n;
+  return e;
 }
-function nt({
-  header: n,
-  children: l,
-  position: c,
-  numeric: s,
+function gt({
+  header: e,
+  children: n,
+  position: r,
+  numeric: t,
   truncate: a
 }) {
   const {
-    attributes: r,
-    listeners: f,
-    setNodeRef: y,
-    transform: g,
-    transition: C,
-    isDragging: v
-  } = Ue({ id: n.column.id }), D = {
-    transform: We.Transform.toString(
-      g ? { ...g, scaleX: 1, scaleY: 1 } : null
+    attributes: i,
+    listeners: o,
+    setNodeRef: c,
+    transform: u,
+    transition: d,
+    isDragging: m
+  } = Ze({ id: e.column.id }), g = {
+    transform: et.Transform.toString(
+      u ? { ...u, scaleX: 1, scaleY: 1 } : null
     ),
-    transition: C,
+    transition: d,
     position: "relative"
   };
-  return /* @__PURE__ */ o(
-    Z,
+  return /* @__PURE__ */ s(
+    q,
     {
-      ref: y,
-      style: D,
-      variant: s ? "numeric" : void 0,
+      ref: c,
+      style: g,
+      variant: t ? "numeric" : void 0,
       truncate: a,
-      className: h(
+      className: x(
         "group/header transition-shadow duration-150",
-        !v && c === "first" && "hover:shadow-[inset_-1px_0_0_0_var(--color-border)]",
-        !v && c === "last" && "hover:shadow-[inset_1px_0_0_0_var(--color-border)]",
-        !v && c === "middle" && "hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]",
-        v && "opacity-40"
+        !m && r === "first" && "hover:shadow-[inset_-1px_0_0_0_var(--color-border)]",
+        !m && r === "last" && "hover:shadow-[inset_1px_0_0_0_var(--color-border)]",
+        !m && r === "middle" && "hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]",
+        m && "opacity-40"
       ),
-      children: /* @__PURE__ */ x("div", { className: h("flex items-center gap-1 min-w-0", s && "flex-row-reverse"), children: [
-        /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: l }),
-        /* @__PURE__ */ o(
+      children: /* @__PURE__ */ C("div", { className: x("flex items-center gap-1 min-w-0", t && "flex-row-reverse"), children: [
+        /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: n }),
+        /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             "data-drag-handle": "",
             className: "cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing opacity-0 group-hover/header:opacity-100 transition-opacity",
-            ...r,
-            ...f,
-            children: /* @__PURE__ */ o(Qe, { className: "size-3.5" })
+            ...i,
+            ...o,
+            children: /* @__PURE__ */ s(st, { className: "size-3.5" })
           }
         )
       ] })
     }
   );
 }
-function Y({
-  header: n,
-  enableSorting: l,
-  numericColumns: c,
-  columnLabels: s,
+function X({
+  header: e,
+  enableSorting: n,
+  numericColumns: r,
+  columnLabels: t,
   truncate: a
 }) {
-  if (n.isPlaceholder) return null;
-  const r = l && n.column.getCanSort(), f = n.column.getIsSorted(), y = c.has(n.column.id);
-  return /* @__PURE__ */ x(
+  if (e.isPlaceholder) return null;
+  const i = n && e.column.getCanSort(), o = e.column.getIsSorted(), c = r.has(e.column.id);
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: h(
+      className: x(
         "flex items-center gap-1 min-w-0",
-        r && "group/sort cursor-pointer select-none",
-        y && "flex-row-reverse"
+        i && "group/sort cursor-pointer select-none",
+        c && "flex-row-reverse"
       ),
-      onClick: r ? n.column.getToggleSortingHandler() : void 0,
-      onKeyDown: (g) => {
-        (g.key === "Enter" || g.key === " ") && r && n.column.getToggleSortingHandler();
+      onClick: i ? e.column.getToggleSortingHandler() : void 0,
+      onKeyDown: (u) => {
+        (u.key === "Enter" || u.key === " ") && i && e.column.getToggleSortingHandler();
       },
       children: [
-        /* @__PURE__ */ o("span", { className: h("min-w-0", a && "truncate"), children: s[n.column.id] ?? Q(n.column.columnDef.header, n.getContext()) }),
-        r && /* @__PURE__ */ o(
+        /* @__PURE__ */ s("span", { className: x("min-w-0", a && "truncate"), children: t[e.column.id] ?? L(e.column.columnDef.header, e.getContext()) }),
+        i && /* @__PURE__ */ s(
           "span",
           {
-            className: h(
-              !f && "opacity-0 group-hover/sort:opacity-100 transition-opacity"
+            className: x(
+              !o && "opacity-0 group-hover/sort:opacity-100 transition-opacity"
             ),
-            children: f === "asc" ? /* @__PURE__ */ o(Ze, { className: "size-3.5 text-foreground" }) : f === "desc" ? /* @__PURE__ */ o($e, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ o(et, { className: "size-3.5 text-muted-foreground" })
+            children: o === "asc" ? /* @__PURE__ */ s(at, { className: "size-3.5 text-foreground" }) : o === "desc" ? /* @__PURE__ */ s(it, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ s(lt, { className: "size-3.5 text-muted-foreground" })
           }
         )
       ]
     }
   );
 }
-function J({
-  table: n,
-  columns: l,
-  numericColumns: c,
-  truncate: s
+const z = "—";
+function ft(e, n) {
+  const r = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+  for (const o of e) {
+    const c = o.getValue(n), u = c == null || c === "", d = u ? z : String(c), m = r.get(d);
+    m ? m.push(o) : (r.set(d, [o]), t.set(d, u ? null : c));
+  }
+  const a = [...r.keys()], i = a.every((o) => o === z || typeof t.get(o) == "number");
+  return a.sort((o, c) => o === z ? 1 : c === z ? -1 : i ? t.get(o) - t.get(c) : o.localeCompare(c, void 0, { sensitivity: "base", numeric: !0 })), { order: a, buckets: r };
+}
+function pt(e, n, r, t) {
+  const a = e.getColumn(n);
+  return r.find((i) => i.columnId === n)?.label ?? t[n] ?? (typeof a?.columnDef.header == "string" ? a.columnDef.header : n);
+}
+function ht({ row: e, numericColumns: n, truncate: r }) {
+  return /* @__PURE__ */ s(D, { "data-state": e.getIsSelected() ? "selected" : void 0, children: e.getVisibleCells().map((t) => /* @__PURE__ */ s(
+    I,
+    {
+      variant: n.has(t.column.id) ? "numeric" : void 0,
+      truncate: r && (t.column.columnDef.meta?.truncate ?? !0),
+      children: L(t.column.columnDef.cell, t.getContext())
+    },
+    t.id
+  )) });
+}
+function St({
+  groupKey: e,
+  groupLabel: n,
+  isExpanded: r,
+  colSpan: t,
+  onToggle: a
 }) {
-  return n.getRowModel().rows.length === 0 ? /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(X, { colSpan: l.length, className: "h-24 text-center text-muted-foreground", children: "No results." }) }) : n.getRowModel().rows.map((a) => /* @__PURE__ */ o(H, { "data-state": a.getIsSelected() ? "selected" : void 0, children: a.getVisibleCells().map((r) => /* @__PURE__ */ o(
-    X,
+  return /* @__PURE__ */ s(D, { "data-slot": "data-table-group-header", children: /* @__PURE__ */ s(I, { colSpan: t, className: "p-0 font-medium", children: /* @__PURE__ */ C(
+    "button",
     {
-      variant: c.has(r.column.id) ? "numeric" : void 0,
-      truncate: s && (r.column.columnDef.meta?.truncate ?? !0),
-      children: Q(r.column.columnDef.cell, r.getContext())
+      type: "button",
+      onClick: a,
+      "aria-expanded": r,
+      "aria-label": `${r ? "Collapse" : "Expand"} group ${e}`,
+      className: "flex w-full items-center gap-2 text-left p-4 in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+      children: [
+        r ? /* @__PURE__ */ s(ct, { className: "size-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ s(ut, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ s("span", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: n }),
+        /* @__PURE__ */ s("span", { className: "truncate", children: e })
+      ]
+    }
+  ) }) });
+}
+function bt({
+  table: e,
+  numericColumns: n,
+  truncate: r,
+  grouping: t,
+  groupConfig: a,
+  columnLabels: i,
+  collapsedGroups: o,
+  onToggleGroup: c
+}) {
+  const u = e.getVisibleLeafColumns().length, d = e.getSortedRowModel().rows;
+  if (d.length === 0)
+    return /* @__PURE__ */ s(D, { children: /* @__PURE__ */ s(I, { colSpan: u, className: "h-24 text-center text-muted-foreground", children: "No results." }) });
+  const { order: m, buckets: g } = ft(d, t), S = pt(e, t, a, i);
+  return /* @__PURE__ */ s(V, { children: m.map((h) => {
+    const b = g.get(h) ?? [], p = !o.has(h);
+    return /* @__PURE__ */ C(l.Fragment, { children: [
+      /* @__PURE__ */ s(
+        St,
+        {
+          groupKey: h,
+          groupLabel: S,
+          isExpanded: p,
+          colSpan: u,
+          onToggle: () => c(h)
+        }
+      ),
+      p && b.map((v) => /* @__PURE__ */ s(
+        ht,
+        {
+          row: v,
+          numericColumns: n,
+          truncate: r
+        },
+        v.id
+      ))
+    ] }, `group-${h}`);
+  }) });
+}
+function vt(e, n) {
+  if (e.length === 0) return /* @__PURE__ */ new Set();
+  const r = e[0], t = /* @__PURE__ */ new Set();
+  for (const a of n) {
+    const i = "accessorKey" in a ? String(a.accessorKey) : "";
+    i && typeof r[i] == "number" && t.add(i);
+  }
+  return t;
+}
+function Y(e) {
+  return e.filter((n) => "accessorKey" in n).map((n) => ({ columnId: String(n.accessorKey) }));
+}
+function Ct(e, n) {
+  const r = n.filter(
+    (t) => t.columnId && t.operator && (t.value.trim() !== "" || t.operator === "is_empty" || t.operator === "is_not_empty")
+  );
+  return r.length === 0 ? e : e.filter(
+    (t) => r.every((a) => {
+      const i = String(t[a.columnId] ?? "");
+      return mt(i, a.operator, a.value);
+    })
+  );
+}
+function yt(e, n) {
+  const r = Pe(
+    P(je, { activationConstraint: { distance: 5 } }),
+    P(Be, { coordinateGetter: We })
+  ), [t, a] = l.useState(null), i = l.useCallback((u) => {
+    a(String(u.active.id));
+  }, []), o = l.useCallback(
+    (u) => {
+      a(null);
+      const { active: d, over: m } = u;
+      if (!m || d.id === m.id) return;
+      const g = n.length > 0 ? n : e.getAllLeafColumns().map((p) => p.id), S = g.indexOf(String(d.id)), h = g.indexOf(String(m.id));
+      if (S === -1 || h === -1) return;
+      const b = Xe(g, S, h);
+      e.setColumnOrder(b);
+    },
+    [n, e]
+  ), c = t ? e.getFlatHeaders().find((u) => u.column.id === t) : null;
+  return { sensors: r, draggingHeader: c, handleDragStart: i, handleDragEnd: o };
+}
+function wt(e, n) {
+  const [r, t] = l.useState(null), [a, i] = l.useState(() => /* @__PURE__ */ new Set()), o = e === void 0 ? r : e, c = l.useCallback(
+    (d) => {
+      i(/* @__PURE__ */ new Set()), (n ?? t)(d);
     },
-    r.id
-  )) }, a.id));
+    [n]
+  ), u = l.useCallback((d) => {
+    i((m) => {
+      const g = new Set(m);
+      return g.has(d) ? g.delete(d) : g.add(d), g;
+    });
+  }, []);
+  return { grouping: o, collapsedGroups: a, handleGroupingChange: c, toggleGroup: u };
+}
+function xt({
+  table: e,
+  enableSorting: n,
+  numericColumns: r,
+  columnLabels: t,
+  truncate: a
+}) {
+  return /* @__PURE__ */ s(V, { children: e.getHeaderGroups().map((i) => /* @__PURE__ */ s(D, { children: i.headers.map((o) => /* @__PURE__ */ s(
+    q,
+    {
+      variant: r.has(o.column.id) ? "numeric" : void 0,
+      truncate: a && (o.column.columnDef.meta?.truncate ?? !0),
+      children: /* @__PURE__ */ s(
+        X,
+        {
+          header: o,
+          enableSorting: n,
+          numericColumns: r,
+          columnLabels: t,
+          truncate: a && (o.column.columnDef.meta?.truncate ?? !0)
+        }
+      )
+    },
+    o.id
+  )) }, i.id)) });
+}
+function Dt({
+  table: e,
+  enableSorting: n,
+  numericColumns: r,
+  columnLabels: t,
+  truncate: a
+}) {
+  return /* @__PURE__ */ s(V, { children: e.getHeaderGroups().map((i) => /* @__PURE__ */ s(D, { children: i.headers.map((o, c) => {
+    const u = c === 0 ? "first" : c === i.headers.length - 1 ? "last" : "middle";
+    return /* @__PURE__ */ s(
+      gt,
+      {
+        header: o,
+        position: u,
+        numeric: r.has(o.column.id),
+        truncate: a && (o.column.columnDef.meta?.truncate ?? !0),
+        children: /* @__PURE__ */ s(
+          X,
+          {
+            header: o,
+            enableSorting: n,
+            numericColumns: r,
+            columnLabels: t,
+            truncate: a && (o.column.columnDef.meta?.truncate ?? !0)
+          }
+        )
+      },
+      o.id
+    );
+  }) }, i.id)) });
 }
-function rt(n) {
-  const l = [], c = [], s = [], a = [];
-  return i.Children.forEach(n, (r) => {
-    i.isValidElement(r) && r.type === st ? l.push(r) : i.isValidElement(r) && r.type.displayName === "DataTableFilter" ? c.push(r) : i.isValidElement(r) && r.type === tt ? s.push(r) : a.push(r);
-  }), { toolbarSlots: l, filterSlots: c, paginationSlots: s, restSlots: a };
+function $({
+  table: e,
+  useFlexSize: n
+}) {
+  return /* @__PURE__ */ s("colgroup", { children: e.getHeaderGroups()[0]?.headers.map(
+    (r) => n ? /* @__PURE__ */ s("col", { style: { width: r.column.getSize() } }, r.id) : /* @__PURE__ */ s(
+      "col",
+      {
+        style: r.column.columnDef.size == null ? void 0 : { width: r.column.columnDef.size }
+      },
+      r.id
+    )
+  ) });
 }
-function yt({
+function Nt(e) {
+  const {
+    table: n,
+    columns: r,
+    variant: t,
+    containerClassName: a,
+    density: i,
+    hasExplicitSize: o,
+    enableSorting: c,
+    enableColumnReorder: u,
+    enableGrouping: d,
+    grouping: m,
+    groupConfig: g,
+    collapsedGroups: S,
+    onToggleGroup: h,
+    numericColumns: b,
+    columnLabels: p,
+    truncate: v,
+    reorderSensors: N,
+    draggingHeader: y,
+    onDragStart: G,
+    onDragEnd: M
+  } = e, _ = /* @__PURE__ */ s(
+    _t,
+    {
+      table: n,
+      columns: r,
+      numericColumns: b,
+      truncate: v,
+      grouping: d ? m : null,
+      groupConfig: g,
+      columnLabels: p,
+      collapsedGroups: S,
+      onToggleGroup: h
+    }
+  );
+  return u ? /* @__PURE__ */ C(
+    Ue,
+    {
+      sensors: N,
+      collisionDetection: Ye,
+      modifiers: [qe],
+      onDragStart: G,
+      onDragEnd: M,
+      children: [
+        /* @__PURE__ */ s(
+          Je,
+          {
+            items: n.getFlatHeaders().map((T) => T.column.id),
+            strategy: Qe,
+            children: /* @__PURE__ */ C(
+              j,
+              {
+                "data-density": i,
+                variant: t,
+                containerClassName: a,
+                layout: o ? "fixed" : void 0,
+                children: [
+                  o && /* @__PURE__ */ s($, { table: n, useFlexSize: !0 }),
+                  /* @__PURE__ */ s(B, { children: /* @__PURE__ */ s(
+                    Dt,
+                    {
+                      table: n,
+                      enableSorting: c,
+                      numericColumns: b,
+                      columnLabels: p,
+                      truncate: v
+                    }
+                  ) }),
+                  /* @__PURE__ */ s(U, { children: _ })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ s($e, { dropAnimation: null, children: y && /* @__PURE__ */ s("div", { className: "rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg", children: p[y.column.id] ?? (typeof y.column.columnDef.header == "string" ? y.column.columnDef.header : y.column.id) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ C(
+    j,
+    {
+      "data-density": i,
+      variant: t,
+      containerClassName: a,
+      layout: o ? "fixed" : void 0,
+      children: [
+        o && /* @__PURE__ */ s($, { table: n, useFlexSize: !1 }),
+        /* @__PURE__ */ s(B, { children: /* @__PURE__ */ s(
+          xt,
+          {
+            table: n,
+            enableSorting: c,
+            numericColumns: b,
+            columnLabels: p,
+            truncate: v
+          }
+        ) }),
+        /* @__PURE__ */ s(U, { children: _ })
+      ]
+    }
+  );
+}
+function _t({
+  table: e,
   columns: n,
-  data: l,
-  toolbar: c,
-  enableSorting: s = !1,
+  numericColumns: r,
+  truncate: t,
+  grouping: a,
+  groupConfig: i,
+  columnLabels: o,
+  collapsedGroups: c,
+  onToggleGroup: u
+}) {
+  return a ? /* @__PURE__ */ s(
+    bt,
+    {
+      table: e,
+      numericColumns: r,
+      truncate: t,
+      grouping: a,
+      groupConfig: i,
+      columnLabels: o,
+      collapsedGroups: c,
+      onToggleGroup: u
+    }
+  ) : e.getRowModel().rows.length === 0 ? /* @__PURE__ */ s(D, { children: /* @__PURE__ */ s(I, { colSpan: n.length, className: "h-24 text-center text-muted-foreground", children: "No results." }) }) : e.getRowModel().rows.map((d) => /* @__PURE__ */ s(D, { "data-state": d.getIsSelected() ? "selected" : void 0, children: d.getVisibleCells().map((m) => /* @__PURE__ */ s(
+    I,
+    {
+      variant: r.has(m.column.id) ? "numeric" : void 0,
+      truncate: t && (m.column.columnDef.meta?.truncate ?? !0),
+      children: L(m.column.columnDef.cell, m.getContext())
+    },
+    m.id
+  )) }, d.id));
+}
+function Tt(e) {
+  const n = [], r = [], t = [], a = [], i = [];
+  return l.Children.forEach(e, (o) => {
+    l.isValidElement(o) && o.type === Rt ? n.push(o) : l.isValidElement(o) && o.type.displayName === "DataTableFilter" ? r.push(o) : l.isValidElement(o) && o.type.displayName === "DataTableGroup" ? t.push(o) : l.isValidElement(o) && o.type === dt ? a.push(o) : i.push(o);
+  }), { toolbarSlots: n, filterSlots: r, groupSlots: t, paginationSlots: a, restSlots: i };
+}
+function Kt({
+  columns: e,
+  data: n,
+  toolbar: r,
+  enableSorting: t = !1,
   enableColumnVisibility: a = !1,
-  children: r,
-  columnOrder: f,
-  onColumnOrderChange: y,
-  columnVisibility: g,
-  onColumnVisibilityChange: C,
-  columnLabels: v,
-  onColumnLabelChange: D,
-  enablePagination: _ = !1,
-  defaultPageSize: ee = 10,
-  pagination: M,
-  onPaginationChange: R,
-  enableColumnReorder: te = !1,
-  enableFiltering: z = !1,
-  filters: oe,
-  onFiltersChange: E,
-  filterConfig: O,
-  manualFiltering: L = !1,
-  density: K = "default",
-  className: ne,
-  variant: A = "card",
-  containerClassName: F,
-  truncate: S = !0
+  children: i,
+  columnOrder: o,
+  onColumnOrderChange: c,
+  columnVisibility: u,
+  onColumnVisibilityChange: d,
+  columnLabels: m,
+  onColumnLabelChange: g,
+  enablePagination: S = !1,
+  defaultPageSize: h = 10,
+  pagination: b,
+  onPaginationChange: p,
+  enableColumnReorder: v = !1,
+  enableFiltering: N = !1,
+  filters: y,
+  onFiltersChange: G,
+  filterConfig: M,
+  manualFiltering: _ = !1,
+  enableGrouping: T = !1,
+  grouping: J,
+  onGroupingChange: Q,
+  groupConfig: O,
+  density: Z = "default",
+  className: ee,
+  variant: te = "card",
+  containerClassName: ne,
+  truncate: oe = !0
 }) {
-  const [re, se] = i.useState([]), [ie, le] = i.useState({}), [ae, ce] = i.useState([]), [ue, de] = i.useState({}), [me, fe] = i.useState({
+  const [re, se] = l.useState([]), [ae, ie] = l.useState({}), [le, ce] = l.useState([]), [ue, de] = l.useState({}), [me, ge] = l.useState({
     pageIndex: 0,
-    pageSize: ee
-  }), [ge, pe] = i.useState([]), he = M ?? me, k = oe ?? ge, V = g ?? ie, p = f ?? ae, T = v ?? ue, ye = i.useMemo(() => {
-    if (_)
-      return R ? (e) => {
-        const t = typeof e == "function" ? e(M) : e;
-        R(t);
-      } : fe;
-  }, [_, R, M]), ve = i.useMemo(() => {
+    pageSize: h
+  }), [fe, pe] = l.useState([]), { grouping: F, collapsedGroups: he, handleGroupingChange: Se, toggleGroup: be } = wt(J, Q), ve = b ?? me, H = y ?? fe, E = u ?? ae, R = o ?? le, K = m ?? ue, Ce = l.useMemo(() => {
+    if (S)
+      return p ? (f) => {
+        const w = typeof f == "function" ? f(b) : f;
+        p(w);
+      } : ge;
+  }, [S, p, b]), ye = l.useMemo(() => {
     if (a)
-      return (e) => {
-        const t = typeof e == "function" ? e(V) : e;
-        (C ?? le)(t);
+      return (f) => {
+        const w = typeof f == "function" ? f(E) : f;
+        (d ?? ie)(w);
       };
-  }, [a, V, C]), Se = i.useCallback(
-    (e) => {
-      (E ?? pe)(e);
+  }, [a, E, d]), we = l.useCallback(
+    (f) => {
+      (G ?? pe)(f);
     },
-    [E]
-  ), be = i.useMemo(() => O || n.filter((e) => "accessorKey" in e).map((e) => ({ columnId: String(e.accessorKey) })), [O, n]), xe = i.useMemo(() => {
-    if (!z || L) return l;
-    const e = k.filter(
-      (t) => t.columnId && t.operator && (t.value.trim() !== "" || t.operator === "is_empty" || t.operator === "is_not_empty")
-    );
-    return e.length === 0 ? l : l.filter(
-      (t) => e.every((u) => {
-        const m = String(
-          t[u.columnId] ?? ""
-        );
-        return ot(m, u.operator, u.value);
-      })
-    );
-  }, [l, k, z, L]), we = i.useCallback(
-    (e) => {
-      const t = typeof e == "function" ? e(p) : e;
-      (y ?? ce)(t);
+    [G]
+  ), xe = l.useMemo(
+    () => M ?? Y(e),
+    [M, e]
+  ), A = l.useMemo(
+    () => O ?? Y(e),
+    [O, e]
+  ), De = l.useMemo(
+    () => !N || _ ? n : Ct(n, H),
+    [n, H, N, _]
+  ), Ne = l.useCallback(
+    (f) => {
+      const w = typeof f == "function" ? f(R) : f;
+      (c ?? ce)(w);
     },
-    [p, y]
-  ), d = Be({
-    data: xe,
-    columns: n,
+    [R, c]
+  ), k = tt({
+    data: De,
+    columns: e,
     state: {
-      sorting: s ? re : void 0,
-      columnVisibility: a ? V : void 0,
-      columnOrder: p.length > 0 ? p : void 0,
-      ..._ ? { pagination: he } : {}
-    },
-    onSortingChange: s ? se : void 0,
-    onPaginationChange: ye,
-    onColumnVisibilityChange: ve,
-    onColumnOrderChange: we,
-    getCoreRowModel: Je(),
-    getSortedRowModel: s ? Ye() : void 0,
-    getPaginationRowModel: _ ? Xe() : void 0
-  }), Ce = i.useCallback(
-    (e, t) => {
-      (D ?? ((u, m) => de((N) => ({ ...N, [u]: m }))))(e, t);
+      sorting: t ? re : void 0,
+      columnVisibility: a ? E : void 0,
+      columnOrder: R.length > 0 ? R : void 0,
+      ...S ? { pagination: ve } : {}
     },
-    [D]
-  ), De = ke(
-    q(Ve, { activationConstraint: { distance: 5 } }),
-    q(Ee, { coordinateGetter: je })
-  ), [j, G] = i.useState(null), _e = i.useCallback(
-    (e) => {
-      G(String(e.active.id));
+    onSortingChange: t ? se : void 0,
+    onPaginationChange: Ce,
+    onColumnVisibilityChange: ye,
+    onColumnOrderChange: Ne,
+    getCoreRowModel: rt(),
+    getSortedRowModel: t || T ? ot() : void 0,
+    getPaginationRowModel: S ? nt() : void 0
+  }), _e = l.useCallback(
+    (f, w) => {
+      (g ?? ((Fe, Ke) => de((Ae) => ({ ...Ae, [Fe]: Ke }))))(f, w);
     },
-    []
-  ), Te = i.useCallback(
-    (e) => {
-      G(null);
-      const { active: t, over: u } = e;
-      if (!u || t.id === u.id) return;
-      const m = p.length > 0 ? p : d.getAllLeafColumns().map((Oe) => Oe.id), N = m.indexOf(String(t.id)), P = m.indexOf(String(u.id));
-      if (N === -1 || P === -1) return;
-      const ze = Ge(m, N, P);
-      d.setColumnOrder(ze);
-    },
-    [p, d]
-  ), w = j ? d.getFlatHeaders().find((e) => e.column.id === j) : null, b = i.useMemo(() => {
-    if (l.length === 0) return /* @__PURE__ */ new Set();
-    const e = l[0], t = /* @__PURE__ */ new Set();
-    for (const u of n) {
-      const m = "accessorKey" in u ? String(u.accessorKey) : "";
-      m && typeof e[m] == "number" && t.add(m);
-    }
-    return t;
-  }, [l, n]), I = n.some((e) => e.size != null), Ie = {
-    table: d,
-    columnLabels: T,
-    setColumnLabel: Ce,
-    filters: k,
-    setFilters: Se,
-    filterConfig: be,
-    enableFiltering: z
-  }, { toolbarSlots: Ne, filterSlots: He, paginationSlots: Me, restSlots: Re } = rt(r);
-  return /* @__PURE__ */ o($.Provider, { value: Ie, children: /* @__PURE__ */ x("div", { "data-slot": "data-table", className: h("w-full space-y-2", ne), children: [
-    c,
-    Ne,
-    He,
-    te ? /* @__PURE__ */ x(
-      Le,
-      {
-        sensors: De,
-        collisionDetection: Ke,
-        modifiers: [Fe],
-        onDragStart: _e,
-        onDragEnd: Te,
-        children: [
-          /* @__PURE__ */ o(
-            Pe,
-            {
-              items: d.getFlatHeaders().map((e) => e.column.id),
-              strategy: qe,
-              children: /* @__PURE__ */ x(
-                U,
-                {
-                  "data-density": K,
-                  variant: A,
-                  containerClassName: F,
-                  layout: I ? "fixed" : void 0,
-                  children: [
-                    I && /* @__PURE__ */ o("colgroup", { children: d.getHeaderGroups()[0]?.headers.map((e) => /* @__PURE__ */ o(
-                      "col",
-                      {
-                        style: { width: e.column.getSize() }
-                      },
-                      e.id
-                    )) }),
-                    /* @__PURE__ */ o(W, { children: d.getHeaderGroups().map((e) => /* @__PURE__ */ o(H, { children: e.headers.map((t, u) => /* @__PURE__ */ o(
-                      nt,
-                      {
-                        header: t,
-                        position: u === 0 ? "first" : u === e.headers.length - 1 ? "last" : "middle",
-                        numeric: b.has(t.column.id),
-                        truncate: S && (t.column.columnDef.meta?.truncate ?? !0),
-                        children: /* @__PURE__ */ o(
-                          Y,
-                          {
-                            header: t,
-                            enableSorting: s,
-                            numericColumns: b,
-                            columnLabels: T,
-                            truncate: S && (t.column.columnDef.meta?.truncate ?? !0)
-                          }
-                        )
-                      },
-                      t.id
-                    )) }, e.id)) }),
-                    /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(J, { table: d, columns: n, numericColumns: b, truncate: S }) })
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ o(Ae, { dropAnimation: null, children: w && /* @__PURE__ */ o("div", { className: "rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg", children: T[w.column.id] ?? (typeof w.column.columnDef.header == "string" ? w.column.columnDef.header : w.column.id) }) })
-        ]
-      }
-    ) : /* @__PURE__ */ x(
-      U,
+    [g]
+  ), {
+    sensors: Te,
+    draggingHeader: Re,
+    handleDragStart: Ie,
+    handleDragEnd: Ge
+  } = yt(k, R), Me = l.useMemo(
+    () => vt(n, e),
+    [n, e]
+  ), ze = e.some((f) => f.size != null), He = {
+    table: k,
+    columnLabels: K,
+    setColumnLabel: _e,
+    filters: H,
+    setFilters: we,
+    filterConfig: xe,
+    enableFiltering: N,
+    grouping: F,
+    setGrouping: Se,
+    groupConfig: A,
+    enableGrouping: T
+  }, { toolbarSlots: Ee, filterSlots: ke, groupSlots: Ve, paginationSlots: Le, restSlots: Oe } = Tt(i);
+  return /* @__PURE__ */ s(W.Provider, { value: He, children: /* @__PURE__ */ C("div", { "data-slot": "data-table", className: x("w-full space-y-2", ee), children: [
+    r,
+    Ee,
+    ke,
+    Ve,
+    /* @__PURE__ */ s(
+      Nt,
       {
-        "data-density": K,
-        variant: A,
-        containerClassName: F,
-        layout: I ? "fixed" : void 0,
-        children: [
-          I && /* @__PURE__ */ o("colgroup", { children: d.getHeaderGroups()[0]?.headers.map((e) => /* @__PURE__ */ o(
-            "col",
-            {
-              style: e.column.columnDef.size == null ? void 0 : { width: e.column.columnDef.size }
-            },
-            e.id
-          )) }),
-          /* @__PURE__ */ o(W, { children: d.getHeaderGroups().map((e) => /* @__PURE__ */ o(H, { children: e.headers.map((t) => /* @__PURE__ */ o(
-            Z,
-            {
-              variant: b.has(t.column.id) ? "numeric" : void 0,
-              truncate: S && (t.column.columnDef.meta?.truncate ?? !0),
-              children: /* @__PURE__ */ o(
-                Y,
-                {
-                  header: t,
-                  enableSorting: s,
-                  numericColumns: b,
-                  columnLabels: T,
-                  truncate: S && (t.column.columnDef.meta?.truncate ?? !0)
-                }
-              )
-            },
-            t.id
-          )) }, e.id)) }),
-          /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(J, { table: d, columns: n, numericColumns: b, truncate: S }) })
-        ]
+        table: k,
+        columns: e,
+        variant: te,
+        containerClassName: ne,
+        density: Z,
+        hasExplicitSize: ze,
+        enableSorting: t,
+        enableColumnReorder: v,
+        enableGrouping: T,
+        grouping: F,
+        groupConfig: A,
+        collapsedGroups: he,
+        onToggleGroup: be,
+        numericColumns: Me,
+        columnLabels: K,
+        truncate: oe,
+        reorderSensors: Te,
+        draggingHeader: Re,
+        onDragStart: Ie,
+        onDragEnd: Ge
       }
     ),
-    Me,
-    Re
+    Le,
+    Oe
   ] }) });
 }
-function st({
-  className: n,
-  children: l,
-  ...c
+function Rt({
+  className: e,
+  children: n,
+  ...r
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ s(
     "div",
     {
       "data-slot": "table-toolbar",
-      className: h("flex items-center justify-end gap-2", n),
-      ...c,
-      children: l
+      className: x("flex items-center justify-end gap-2", e),
+      ...r,
+      children: n
     }
   );
 }
 export {
-  yt as DataTable,
-  st as TableToolbar,
-  ht as useDataTable
+  Kt as DataTable,
+  Rt as TableToolbar,
+  mt as applyFilterCondition,
+  Ft as useDataTable
 };
 //# sourceMappingURL=data-table.js.map