@krosoft/react 0.0.217 → 0.0.219

package/dist/DataTable-Cpbp6yse.js

@@ -0,0 +1,551 @@
+import { jsxs as n, jsx as e, Fragment as le } from "react/jsx-runtime";
+import { u as de } from "./useDataTable-CxcA5S-s.js";
+import { u as B } from "./useKrosoftTranslation-DdcylBY2.js";
+import { a3 as L, ah as V, a5 as O, a7 as ce, E as H, a4 as oe } from "./toggle-group-DLLrEwv2.js";
+import "./alert-B9F1N9Qk.js";
+import "@radix-ui/react-aspect-ratio";
+import { B as b } from "./tooltip-DVeqVwqV.js";
+import "./chart-DntJZGxB.js";
+import "@radix-ui/react-collapsible";
+import "./sheet-CDqLa-FP.js";
+import { MoreVerticalIcon as he, Loader2Icon as me, AlertTriangleIcon as ge, GripVerticalIcon as ue, ArrowUpIcon as fe, ArrowDownIcon as pe, ArrowUpDownIcon as xe, ChevronLeftIcon as ve, ChevronRightIcon as ye, SettingsIcon as be } from "lucide-react";
+import "react-resizable-panels";
+import "clsx";
+import "tailwind-merge";
+import { S as Ne, h as ke, i as Se, a as we, c as ze } from "./select-BpjFWqAY.js";
+import "next-themes";
+import "sonner";
+import "react";
+const R = [5, 10, 30, 50, 100], Ce = R[1];
+function De({ actions: l, row: a }) {
+  const s = l.filter((r) => r.visible === void 0 || r.visible(a));
+  if (s.length === 0)
+    return null;
+  const d = s.filter((r) => r.overflow !== !0), m = s.filter((r) => r.overflow === !0);
+  return /* @__PURE__ */ n("div", { className: "flex items-center justify-center gap-1", children: [
+    d.map((r, c) => {
+      var o;
+      const h = r.icon;
+      return /* @__PURE__ */ n(
+        b,
+        {
+          variant: r.variant ?? "ghost",
+          size: "sm",
+          disabled: ((o = r.disabled) == null ? void 0 : o.call(r, a)) ?? !1,
+          className: `h-7 px-2 text-muted-foreground hover:text-foreground ${r.className ?? ""}`,
+          onClick: (f) => {
+            f.stopPropagation(), r.onClick(a);
+          },
+          children: [
+            h !== void 0 && /* @__PURE__ */ e(h, { className: "size-3.5" }),
+            r.label
+          ]
+        },
+        c
+      );
+    }),
+    m.length > 0 && /* @__PURE__ */ n(L, { children: [
+      /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(b, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(he, { className: "size-3.5" }) }) }),
+      /* @__PURE__ */ e(
+        O,
+        {
+          align: "end",
+          onClick: (r) => {
+            r.stopPropagation();
+          },
+          children: m.map((r, c) => {
+            var o;
+            const h = r.icon;
+            return /* @__PURE__ */ n(
+              ce,
+              {
+                disabled: ((o = r.disabled) == null ? void 0 : o.call(r, a)) ?? !1,
+                onClick: () => {
+                  r.onClick(a);
+                },
+                className: r.className,
+                children: [
+                  h !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-4 flex items-center justify-center", children: /* @__PURE__ */ e(h, { className: "size-4" }) }),
+                  r.label
+                ]
+              },
+              c
+            );
+          })
+        }
+      )
+    ] })
+  ] });
+}
+function Ie({
+  isLoading: l,
+  error: a,
+  colSpanCount: s,
+  noDataMessage: d,
+  paginatedData: m,
+  getRowId: r,
+  onRowClick: c,
+  hasBulkActions: h,
+  selectedRows: o,
+  toggleRowSelection: f,
+  visibleColumnsArray: y,
+  columnWidths: i,
+  hasActions: N,
+  actions: k,
+  columns: I,
+  bordered: w = !1,
+  resizableColumns: z = !1
+}) {
+  const { t: C } = B(), S = (u, p) => {
+    const t = I.find((v) => v.key === p);
+    if ((t == null ? void 0 : t.renderCell) !== void 0)
+      return t.renderCell(u);
+    const x = u[p];
+    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__ */ n("div", { className: "flex flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+    /* @__PURE__ */ e(me, { className: "h-6 w-6 animate-spin text-primary" }),
+    /* @__PURE__ */ e("span", { className: "text-sm", children: C("states.loading") })
+  ] }) }) }) }) : a ? /* @__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__ */ n("div", { className: "flex flex-col items-center justify-center gap-2 text-destructive", children: [
+    /* @__PURE__ */ e(ge, { className: "h-6 w-6" }),
+    /* @__PURE__ */ e("span", { className: "text-sm", children: a })
+  ] }) }) }) }) : m.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: d ?? C("states.noResult") }) }) }) : /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: m.map((u) => {
+    const p = r(u);
+    return /* @__PURE__ */ n(
+      "tr",
+      {
+        className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${c !== void 0 ? "cursor-pointer" : ""}`,
+        onClick: (t) => c == null ? void 0 : c(u, t),
+        children: [
+          h ? /* @__PURE__ */ e(
+            "td",
+            {
+              className: "p-1 text-center align-middle",
+              style: { width: "32px", minWidth: "32px", maxWidth: "32px" },
+              onClick: (t) => {
+                t.stopPropagation();
+              },
+              children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
+                H,
+                {
+                  checked: o.includes(p),
+                  onCheckedChange: () => {
+                    f(p);
+                  }
+                }
+              ) })
+            }
+          ) : null,
+          y.map((t, x) => {
+            const v = x === y.length - 1;
+            return /* @__PURE__ */ e(
+              "td",
+              {
+                className: `px-2 py-2 relative ${w && !v ? "border-r border-gray-100 dark:border-gray-800" : ""} ${t.className ?? ""}`,
+                style: z ? { width: i[t.key] } : { minWidth: i[t.key] },
+                children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: S(u, t.key) })
+              },
+              t.key
+            );
+          }),
+          N ? /* @__PURE__ */ e(
+            "td",
+            {
+              className: "p-1 text-center align-middle whitespace-nowrap",
+              style: { minWidth: "32px" },
+              onClick: (t) => {
+                t.stopPropagation();
+              },
+              children: k !== void 0 && k.length > 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(De, { actions: k, row: u }) }) : null
+            }
+          ) : null
+        ]
+      },
+      p
+    );
+  }) });
+}
+function je({ selectedRows: l, setSelectedRows: a, bulkActions: s }) {
+  return /* @__PURE__ */ n("div", { className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ n("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: s.map((d, m) => {
+        const r = d.icon;
+        return /* @__PURE__ */ n(
+          b,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => {
+              d.onClick(l, () => {
+                a([]);
+              });
+            },
+            className: `h-7 bg-background shadow-sm text-xs px-2.5 ${d.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
+            children: [
+              r !== void 0 && /* @__PURE__ */ e("span", { className: "mr-1.5 flex items-center justify-center", children: /* @__PURE__ */ e(r, { className: "h-3.5 w-3.5" }) }),
+              d.label
+            ]
+          },
+          m
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ e(
+      b,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => {
+          a([]);
+        },
+        className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
+        children: "Désélectionner"
+      }
+    )
+  ] });
+}
+function Te({
+  hasBulkActions: l,
+  selectedRows: a,
+  totalItems: s,
+  toggleSelectAll: d,
+  visibleColumnsArray: m,
+  draggableColumns: r,
+  resizableColumns: c,
+  columnWidths: h,
+  sortColumn: o,
+  sortDirection: f,
+  handleSort: y,
+  handleDragStart: i,
+  handleDragOver: N,
+  handleDrop: k,
+  handleMouseDown: I,
+  hasActions: w,
+  settingsNode: z,
+  bordered: C = !1
+}) {
+  let S = !1;
+  a.length === s && s > 0 ? S = !0 : a.length > 0 && (S = "indeterminate");
+  const u = (t) => t.sortable !== !0 ? null : o === t.key ? f === "asc" ? /* @__PURE__ */ e(fe, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(pe, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(xe, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), p = (t, x) => {
+    const v = x !== !1, T = t.sortable === !0;
+    return /* @__PURE__ */ n(
+      "th",
+      {
+        className: [
+          "px-2 py-2 text-left text-sm font-medium text-gray-900 dark:text-gray-100 relative group",
+          C ? "border-r border-gray-200 dark:border-gray-800" : "",
+          T ? "cursor-pointer select-none" : "",
+          t.className ?? ""
+        ].filter(Boolean).join(" "),
+        style: c ? { width: h[t.key] } : { minWidth: h[t.key] },
+        draggable: v,
+        onClick: () => {
+          y(t.key);
+        },
+        onDragStart: (g) => {
+          v ? i(g, t.key) : g.preventDefault();
+        },
+        onDragOver: (g) => {
+          N(g, t.key);
+        },
+        onDrop: (g) => {
+          k(g, t.key);
+        },
+        children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center justify-between pr-2", children: [
+            /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
+              v ? /* @__PURE__ */ e(ue, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
+              /* @__PURE__ */ e("span", { className: "truncate", children: t.label })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "ml-1 shrink-0", children: u(t) })
+          ] }),
+          c ? /* @__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: (g) => {
+                I(g, t.key);
+              }
+            }
+          ) : null
+        ]
+      },
+      t.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__ */ n("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(H, { checked: S, onCheckedChange: d }) }) }) : null,
+    m.map((t) => p(t, r)),
+    w || z !== void 0 ? /* @__PURE__ */ e("th", { className: "p-1 text-center align-middle", style: { minWidth: "32px" }, children: z }) : null
+  ] }) });
+}
+const D = "…";
+function j(l, a) {
+  return Array.from({ length: a - l + 1 }, (s, d) => l + d);
+}
+function Me(l, a, s = 1) {
+  if (s * 2 + 5 >= a)
+    return j(1, a);
+  const m = Math.max(l - s, 1), r = Math.min(l + s, a), c = m > 2, h = r < a - 1;
+  if (!c && h)
+    return [...j(1, s + 2), D, a];
+  if (c && !h) {
+    const o = j(a - (s + 2) + 1, a);
+    return [1, D, ...o];
+  }
+  return [1, D, ...j(m, r), D, a];
+}
+function Ae({
+  totalItems: l,
+  startIndex: a,
+  endIndex: s,
+  pageSize: d,
+  setPageSize: m,
+  currentPage: r,
+  setCurrentPage: c,
+  pageSizeOptions: h,
+  totalPages: o
+}) {
+  const { t: f } = B(), y = Me(r, o);
+  return /* @__PURE__ */ n("div", { className: "px-4 py-2 border-t border-gray-200 dark:border-gray-800 flex flex-col sm:grid sm:grid-cols-3 items-center gap-2 bg-muted/50 dark:bg-gray-900/50", children: [
+    /* @__PURE__ */ n("div", { className: "text-sm text-muted-foreground justify-self-start", children: [
+      l === 0 ? "0" : `${String(a + 1)} - ${String(s)}`,
+      " sur ",
+      l
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-center gap-1", children: o > 1 && /* @__PURE__ */ n(le, { children: [
+      /* @__PURE__ */ e(
+        b,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-8 w-8 rounded-control",
+          onClick: () => {
+            c((i) => Math.max(1, i - 1));
+          },
+          disabled: r === 1,
+          "aria-label": f("table.previousPage"),
+          children: /* @__PURE__ */ e(ve, { className: "size-4" })
+        }
+      ),
+      y.map(
+        (i, N) => i === D ? /* @__PURE__ */ e("span", { className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground", children: D }, `dots-${String(N)}`) : /* @__PURE__ */ e(
+          b,
+          {
+            variant: i === r ? "default" : "ghost",
+            size: "icon",
+            className: "h-8 w-8 rounded-control text-sm",
+            onClick: () => {
+              c(i);
+            },
+            "aria-current": i === r ? "page" : void 0,
+            children: i
+          },
+          i
+        )
+      ),
+      /* @__PURE__ */ e(
+        b,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-8 w-8 rounded-control",
+          onClick: () => {
+            c((i) => Math.min(o, i + 1));
+          },
+          disabled: r === o,
+          "aria-label": f("table.nextPage"),
+          children: /* @__PURE__ */ e(ye, { className: "size-4" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "justify-self-end", children: /* @__PURE__ */ n(
+      Ne,
+      {
+        value: String(d),
+        onValueChange: (i) => {
+          m(Number(i)), c(1);
+        },
+        children: [
+          /* @__PURE__ */ e(ke, { className: "h-8 w-[110px] text-sm", children: /* @__PURE__ */ e(Se, {}) }),
+          /* @__PURE__ */ e(we, { children: h.map((i) => /* @__PURE__ */ n(ze, { value: String(i), children: [
+            i,
+            " / page"
+          ] }, i)) })
+        ]
+      }
+    ) })
+  ] });
+}
+function $e({ columns: l, visibleColumns: a, toggleColumnVisibility: s }) {
+  return /* @__PURE__ */ n(L, { children: [
+    /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(b, { 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(be, { className: "size-3.5 text-gray-600 dark:text-gray-300" }) }) }),
+    /* @__PURE__ */ e(O, { align: "end", className: "w-56", children: l.map((d) => /* @__PURE__ */ e(
+      oe,
+      {
+        checked: a.has(d.key),
+        onCheckedChange: () => {
+          s(d.key);
+        },
+        children: d.label
+      },
+      d.key
+    )) })
+  ] });
+}
+function Ye({
+  data: l,
+  columns: a,
+  getRowId: s,
+  onRowClick: d,
+  actions: m,
+  bulkActions: r,
+  draggableColumns: c = !1,
+  resizableColumns: h = !1,
+  columnVisibility: o = !1,
+  isLoading: f = !1,
+  error: y = null,
+  bordered: i = !1,
+  noDataMessage: N,
+  defaultPageSize: k = Ce,
+  pageSizeOptions: I = R,
+  totalRows: w,
+  currentPage: z,
+  pageSize: C,
+  onPageChange: S,
+  onPageSizeChange: u,
+  sortColumn: p,
+  sortDirection: t,
+  onSortChange: x
+}) {
+  const {
+    sortColumn: v,
+    sortDirection: T,
+    selectedRows: g,
+    setSelectedRows: U,
+    visibleColumns: E,
+    columnWidths: M,
+    safeCurrentPage: F,
+    totalPages: G,
+    startIndex: _,
+    endIndex: q,
+    tableRef: J,
+    hasActions: A,
+    hasBulkActions: $,
+    visibleColumnsArray: W,
+    colSpanCount: K,
+    paginatedData: P,
+    handleSort: Q,
+    handleMouseDown: X,
+    handleDragStart: Y,
+    handleDragOver: Z,
+    handleDrop: ee,
+    toggleColumnVisibility: re,
+    toggleRowSelection: te,
+    toggleSelectAll: ae,
+    pageSize: se,
+    setPageSize: ie,
+    setCurrentPage: ne
+  } = de({
+    data: l,
+    columns: a,
+    getRowId: s,
+    defaultPageSize: k,
+    actions: m,
+    bulkActions: r,
+    columnVisibility: o,
+    totalRows: w,
+    currentPage: z,
+    pageSize: C,
+    onPageChange: S,
+    onPageSizeChange: u,
+    sortColumn: p,
+    sortDirection: t,
+    onSortChange: x
+  });
+  return (
+    // Le tableau suit le preset de l'application — square reste square — mais
+    // bascule sur les valeurs plafonnées : ni ses contrôles ni son cadre ne
+    // prennent la forme capsule. Le scope couvre le cadre, les actions
+    // groupées et la pagination. Les fallbacks correspondent au preset "soft".
+    /* @__PURE__ */ n("div", { className: "space-y-4 [--k-radius-control:var(--k-radius-control-dense,0.5rem)] [--k-radius-surface:var(--k-radius-surface-dense,0.75rem)]", children: [
+      g.length > 0 && r !== void 0 && r.length > 0 && /* @__PURE__ */ e(je, { selectedRows: g, setSelectedRows: U, bulkActions: r }),
+      /* @__PURE__ */ n("div", { className: "w-full bg-card dark:bg-gray-950 rounded-surface border border-gray-200 dark:border-gray-800 overflow-hidden", children: [
+        /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ n("table", { ref: J, className: "w-full", children: [
+          /* @__PURE__ */ e(
+            Te,
+            {
+              hasBulkActions: $,
+              selectedRows: g,
+              totalItems: l.length,
+              toggleSelectAll: ae,
+              visibleColumnsArray: W,
+              draggableColumns: c,
+              resizableColumns: h,
+              columnWidths: M,
+              sortColumn: v,
+              sortDirection: T,
+              handleSort: Q,
+              handleDragStart: Y,
+              handleDragOver: Z,
+              handleDrop: ee,
+              handleMouseDown: X,
+              hasActions: A,
+              bordered: i,
+              settingsNode: o ? /* @__PURE__ */ e($e, { columns: a, visibleColumns: E, toggleColumnVisibility: re }) : void 0
+            }
+          ),
+          /* @__PURE__ */ e(
+            Ie,
+            {
+              bordered: i,
+              isLoading: f,
+              error: y,
+              colSpanCount: K,
+              noDataMessage: N,
+              paginatedData: P,
+              getRowId: s,
+              onRowClick: d,
+              hasBulkActions: $,
+              selectedRows: g,
+              toggleRowSelection: te,
+              visibleColumnsArray: W,
+              columnWidths: M,
+              hasActions: A || o,
+              actions: m,
+              columns: a,
+              resizableColumns: h
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ e(
+          Ae,
+          {
+            totalItems: w ?? l.length,
+            startIndex: _,
+            endIndex: q,
+            pageSize: se,
+            setPageSize: ie,
+            currentPage: F,
+            setCurrentPage: ne,
+            pageSizeOptions: I,
+            totalPages: G
+          }
+        )
+      ] })
+    ] })
+  );
+}
+export {
+  Ye as D,
+  De as T,
+  Ie as a,
+  je as b,
+  Te as c,
+  Ae as d,
+  $e as e
+};

package/dist/ErrorAlert-D_203tKa.js

@@ -0,0 +1,21 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { u as a } from "./useKrosoftTranslation-DdcylBY2.js";
+import { A as n, a as c } from "./alert-B9F1N9Qk.js";
+import { AlertTriangle as o } from "lucide-react";
+const h = ({ error: s }) => {
+  const { t: i } = a();
+  return s ? /* @__PURE__ */ r(n, { variant: "destructive", children: [
+    /* @__PURE__ */ e(o, { className: "size-4" }),
+    /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ e("span", { className: "font-semibold", children: i("states.errorPrefix") }),
+        /* @__PURE__ */ e("span", { children: s.code }),
+        /* @__PURE__ */ e("span", { children: s.message })
+      ] }),
+      s.errors && s.errors.length > 0 && /* @__PURE__ */ e("ul", { className: "mt-2 list-disc list-inside", children: s.errors.map((t, l) => /* @__PURE__ */ e("li", { children: t }, l)) })
+    ] })
+  ] }) : null;
+};
+export {
+  h as E
+};

package/dist/ErrorState-DfJ009uc.js

@@ -0,0 +1,12 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { u as o } from "./useKrosoftTranslation-DdcylBY2.js";
+const d = ({ message: r }) => {
+  const { t: e } = o();
+  return /* @__PURE__ */ s("div", { className: "p-6 border border-destructive bg-destructive/10 text-destructive rounded-surface animate-fade-in", children: [
+    /* @__PURE__ */ t("p", { className: "font-semibold mb-2", children: e("states.error") }),
+    r !== void 0 && r !== "" ? /* @__PURE__ */ t("p", { className: "text-sm opacity-80", children: r }) : null
+  ] });
+};
+export {
+  d as E
+};