@krosoft/react 0.0.162 → 0.0.164

package/dist/DataTable-DJM7KWWK.js

@@ -1,476 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { u as ae } from "./useDataTable-CxcA5S-s.js";
-import { ay as A, aM as P, aA as B, aC as se, $, az as ne } from "./toggle-group-BASGy2mQ.js";
-import "./alert-B78CiTYe.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as C } from "./tooltip-BWyFpIxo.js";
-import "@radix-ui/react-collapsible";
-import "./sheet-Gop1cIaU.js";
-import { MoreVerticalIcon as ie, Loader2Icon as le, GripVerticalIcon as de, ArrowUpIcon as oe, ArrowDownIcon as ce, ArrowUpDownIcon as me, ChevronLeftIcon as he, ChevronRightIcon as ge, SettingsIcon as ue } from "lucide-react";
-import "react-resizable-panels";
-import "clsx";
-import "tailwind-merge";
-import "./select-MWzbMBAS.js";
-import "next-themes";
-import "sonner";
-import "react";
-const L = [5, 10, 30, 50, 100], pe = L[1];
-function xe({ actions: l, row: s }) {
-  return /* @__PURE__ */ r(A, { children: [
-    /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(C, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(ie, { className: "size-3.5" }) }) }),
-    /* @__PURE__ */ e(
-      B,
-      {
-        align: "end",
-        onClick: (t) => {
-          t.stopPropagation();
-        },
-        children: l.map((t, a) => {
-          const c = t.icon;
-          return /* @__PURE__ */ r(
-            se,
-            {
-              onClick: () => {
-                t.onClick(s);
-              },
-              className: t.className,
-              children: [
-                c !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-4 flex items-center justify-center", children: /* @__PURE__ */ e(c, { className: "size-4" }) }),
-                t.label
-              ]
-            },
-            a
-          );
-        })
-      }
-    )
-  ] });
-}
-function fe({
-  isLoading: l,
-  colSpanCount: s,
-  noDataMessage: t,
-  paginatedData: a,
-  getRowId: c,
-  onRowClick: n,
-  hasBulkActions: p,
-  selectedRows: f,
-  toggleRowSelection: h,
-  visibleColumnsArray: o,
-  columnWidths: v,
-  hasActions: w,
-  actions: y,
-  columns: z,
-  bordered: N = !1
-}) {
-  const D = (m, g) => {
-    const i = z.find((b) => b.key === g);
-    if ((i == null ? void 0 : i.renderCell) !== void 0)
-      return i.renderCell(m);
-    const x = m[g];
-    return /* @__PURE__ */ e("span", { className: "text-sm truncate", children: x != null ? String(x) : "-" });
-  };
-  return l ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: s, className: "py-8 text-center", children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ e(le, { className: "h-6 w-6 animate-spin text-primary" }),
-    /* @__PURE__ */ e("span", { className: "text-sm", children: "Chargement..." })
-  ] }) }) }) }) : a.length === 0 ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: s, className: "py-8 text-center text-sm text-muted-foreground", children: t }) }) }) : /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: a.map((m) => {
-    const g = c(m);
-    return /* @__PURE__ */ r(
-      "tr",
-      {
-        className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${n !== void 0 ? "cursor-pointer" : ""}`,
-        onClick: () => n == null ? void 0 : n(m),
-        children: [
-          p ? /* @__PURE__ */ e(
-            "td",
-            {
-              className: "p-1 text-center align-middle",
-              style: { width: "32px", minWidth: "32px", maxWidth: "32px" },
-              onClick: (i) => {
-                i.stopPropagation();
-              },
-              children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
-                $,
-                {
-                  checked: f.includes(g),
-                  onCheckedChange: () => {
-                    h(g);
-                  }
-                }
-              ) })
-            }
-          ) : null,
-          o.map((i, x) => {
-            const b = x === o.length - 1;
-            return /* @__PURE__ */ e(
-              "td",
-              {
-                className: `px-2 py-2 relative ${N && !b ? "border-r border-gray-100 dark:border-gray-800" : ""}`,
-                style: { width: v[i.key] },
-                children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: D(m, i.key) })
-              },
-              i.key
-            );
-          }),
-          w ? /* @__PURE__ */ e(
-            "td",
-            {
-              className: "p-1 text-center align-middle",
-              style: { width: "32px", minWidth: "32px", maxWidth: "32px" },
-              onClick: (i) => {
-                i.stopPropagation();
-              },
-              children: y !== void 0 && y.length > 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(xe, { actions: y, row: m }) }) : null
-            }
-          ) : null
-        ]
-      },
-      g
-    );
-  }) });
-}
-function ye({ selectedRows: l, setSelectedRows: s, bulkActions: t }) {
-  return /* @__PURE__ */ r("div", { className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-lg", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ r("span", { className: "text-sm font-medium text-primary ml-1", children: [
-        l.length,
-        " sélectionné(s)"
-      ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: t.map((a, c) => {
-        const n = a.icon;
-        return /* @__PURE__ */ r(
-          C,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => {
-              a.onClick(l, () => {
-                s([]);
-              });
-            },
-            className: `h-7 bg-background shadow-sm text-xs px-2.5 ${a.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
-            children: [
-              n !== void 0 && /* @__PURE__ */ e("span", { className: "mr-1.5 flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "h-3.5 w-3.5" }) }),
-              a.label
-            ]
-          },
-          c
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ e(
-      C,
-      {
-        variant: "ghost",
-        size: "sm",
-        onClick: () => {
-          s([]);
-        },
-        className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
-        children: "Désélectionner"
-      }
-    )
-  ] });
-}
-function be({
-  hasBulkActions: l,
-  selectedRows: s,
-  totalItems: t,
-  toggleSelectAll: a,
-  visibleColumnsArray: c,
-  draggableColumns: n,
-  resizableColumns: p,
-  columnWidths: f,
-  sortColumn: h,
-  sortDirection: o,
-  handleSort: v,
-  handleDragStart: w,
-  handleDragOver: y,
-  handleDrop: z,
-  handleMouseDown: N,
-  hasActions: D,
-  settingsNode: m,
-  bordered: g = !1
-}) {
-  let i = !1;
-  s.length === t && t > 0 ? i = !0 : s.length > 0 && (i = "indeterminate");
-  const x = (d) => d.sortable !== !0 ? null : h === d.key ? o === "asc" ? /* @__PURE__ */ e(oe, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(ce, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(me, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), b = (d, I) => {
-    const S = I !== !1, k = d.sortable === !0;
-    return /* @__PURE__ */ r(
-      "th",
-      {
-        className: [
-          "px-2 py-2 text-left text-sm font-medium text-gray-900 dark:text-gray-100 relative group",
-          g ? "border-r border-gray-200 dark:border-gray-800" : "",
-          k ? "cursor-pointer select-none" : ""
-        ].filter(Boolean).join(" "),
-        style: { width: f[d.key] },
-        draggable: S,
-        onClick: () => {
-          v(d.key);
-        },
-        onDragStart: (u) => {
-          S ? w(u, d.key) : u.preventDefault();
-        },
-        onDragOver: (u) => {
-          y(u, d.key);
-        },
-        onDrop: (u) => {
-          z(u, d.key);
-        },
-        children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center justify-between pr-2", children: [
-            /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
-              S ? /* @__PURE__ */ e(de, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
-              /* @__PURE__ */ e("span", { className: "truncate", children: d.label })
-            ] }),
-            /* @__PURE__ */ e("div", { className: "ml-1 shrink-0", children: x(d) })
-          ] }),
-          p ? /* @__PURE__ */ e(
-            "div",
-            {
-              className: "absolute right-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-blue-500 opacity-0 group-hover:opacity-50 transition-opacity",
-              onMouseDown: (u) => {
-                N(u, d.key);
-              }
-            }
-          ) : null
-        ]
-      },
-      d.key
-    );
-  };
-  return /* @__PURE__ */ e("thead", { className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ r("tr", { children: [
-    l ? /* @__PURE__ */ e("th", { className: "p-1 flex-shrink-0 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e($, { checked: i, onCheckedChange: a }) }) }) : null,
-    c.map((d) => b(d, n)),
-    D || m !== void 0 ? /* @__PURE__ */ e("th", { className: "p-1 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: m }) : null
-  ] }) });
-}
-function ve({
-  totalItems: l,
-  startIndex: s,
-  endIndex: t,
-  pageSize: a,
-  setPageSize: c,
-  currentPage: n,
-  setCurrentPage: p,
-  pageSizeOptions: f,
-  totalPages: h
-}) {
-  return /* @__PURE__ */ r("div", { className: "px-4 py-2 border-t border-gray-200 dark:border-gray-800 flex items-center justify-between bg-muted/50 dark:bg-gray-900/50 flex-wrap gap-2", children: [
-    /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: [
-      l === 0 ? "0" : `${String(s + 1)} - ${String(t)}`,
-      " sur ",
-      l
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Lignes par page :" }),
-        /* @__PURE__ */ e(
-          "select",
-          {
-            value: a,
-            onChange: (o) => {
-              c(Number(o.target.value)), p(1);
-            },
-            className: "border border-input bg-background rounded px-2 py-1 text-sm text-foreground",
-            children: f.map((o) => /* @__PURE__ */ e("option", { value: o, children: o }, o))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(
-          C,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-8 w-8 p-0",
-            onClick: () => {
-              p((o) => Math.max(1, o - 1));
-            },
-            disabled: n === 1,
-            children: /* @__PURE__ */ e(he, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
-          "Page ",
-          n,
-          " sur ",
-          h
-        ] }),
-        /* @__PURE__ */ e(
-          C,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-8 w-8 p-0",
-            onClick: () => {
-              p((o) => Math.min(h, o + 1));
-            },
-            disabled: n === h,
-            children: /* @__PURE__ */ e(ge, { className: "size-4" })
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function Ne({ columns: l, visibleColumns: s, toggleColumnVisibility: t }) {
-  return /* @__PURE__ */ r(A, { children: [
-    /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(C, { variant: "outline", size: "sm", className: "size-7 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e(ue, { className: "size-3.5 text-gray-600 dark:text-gray-300" }) }) }),
-    /* @__PURE__ */ e(B, { align: "end", className: "w-56", children: l.map((a) => /* @__PURE__ */ e(
-      ne,
-      {
-        checked: s.has(a.key),
-        onCheckedChange: () => {
-          t(a.key);
-        },
-        children: a.label
-      },
-      a.key
-    )) })
-  ] });
-}
-function He({
-  data: l,
-  columns: s,
-  getRowId: t,
-  onRowClick: a,
-  actions: c,
-  bulkActions: n,
-  draggableColumns: p = !1,
-  resizableColumns: f = !1,
-  columnVisibility: h = !1,
-  isLoading: o = !1,
-  bordered: v = !1,
-  noDataMessage: w = "Aucun résultat",
-  defaultPageSize: y = pe,
-  pageSizeOptions: z = L,
-  totalRows: N,
-  currentPage: D,
-  pageSize: m,
-  onPageChange: g,
-  onPageSizeChange: i,
-  sortColumn: x,
-  sortDirection: b,
-  onSortChange: d
-}) {
-  const {
-    sortColumn: I,
-    sortDirection: S,
-    selectedRows: k,
-    setSelectedRows: u,
-    visibleColumns: H,
-    columnWidths: j,
-    safeCurrentPage: O,
-    totalPages: U,
-    startIndex: V,
-    endIndex: G,
-    tableRef: q,
-    hasActions: M,
-    hasBulkActions: T,
-    visibleColumnsArray: W,
-    colSpanCount: E,
-    paginatedData: F,
-    handleSort: J,
-    handleMouseDown: Q,
-    handleDragStart: X,
-    handleDragOver: Y,
-    handleDrop: Z,
-    toggleColumnVisibility: _,
-    toggleRowSelection: K,
-    toggleSelectAll: R,
-    pageSize: ee,
-    setPageSize: re,
-    setCurrentPage: te
-  } = ae({
-    data: l,
-    columns: s,
-    getRowId: t,
-    defaultPageSize: y,
-    actions: c,
-    bulkActions: n,
-    columnVisibility: h,
-    totalRows: N,
-    currentPage: D,
-    pageSize: m,
-    onPageChange: g,
-    onPageSizeChange: i,
-    sortColumn: x,
-    sortDirection: b,
-    onSortChange: d
-  });
-  return /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-    k.length > 0 && n !== void 0 && n.length > 0 && /* @__PURE__ */ e(ye, { selectedRows: k, setSelectedRows: u, bulkActions: n }),
-    /* @__PURE__ */ r("div", { className: "w-full bg-card dark:bg-gray-950 rounded-md border border-gray-200 dark:border-gray-800 overflow-hidden", children: [
-      /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { ref: q, className: "w-full", children: [
-        /* @__PURE__ */ e(
-          be,
-          {
-            hasBulkActions: T,
-            selectedRows: k,
-            totalItems: l.length,
-            toggleSelectAll: R,
-            visibleColumnsArray: W,
-            draggableColumns: p,
-            resizableColumns: f,
-            columnWidths: j,
-            sortColumn: I,
-            sortDirection: S,
-            handleSort: J,
-            handleDragStart: X,
-            handleDragOver: Y,
-            handleDrop: Z,
-            handleMouseDown: Q,
-            hasActions: M,
-            bordered: v,
-            settingsNode: h ? /* @__PURE__ */ e(Ne, { columns: s, visibleColumns: H, toggleColumnVisibility: _ }) : void 0
-          }
-        ),
-        /* @__PURE__ */ e(
-          fe,
-          {
-            bordered: v,
-            isLoading: o,
-            colSpanCount: E,
-            noDataMessage: w,
-            paginatedData: F,
-            getRowId: t,
-            onRowClick: a,
-            hasBulkActions: T,
-            selectedRows: k,
-            toggleRowSelection: K,
-            visibleColumnsArray: W,
-            columnWidths: j,
-            hasActions: M || h,
-            actions: c,
-            columns: s
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ e(
-        ve,
-        {
-          totalItems: N ?? l.length,
-          startIndex: V,
-          endIndex: G,
-          pageSize: ee,
-          setPageSize: re,
-          currentPage: O,
-          setCurrentPage: te,
-          pageSizeOptions: z,
-          totalPages: U
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  He as D,
-  xe as T,
-  fe as a,
-  ye as b,
-  be as c,
-  ve as d,
-  Ne as e
-};