@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/blocks/threat-alert-banner/index.es.js

@@ -0,0 +1,265 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../../components/badge/index.es.js";
+import { Button as n } from "../../components/button/index.es.js";
+import { Card as r } from "../../components/card/index.es.js";
+import { useState as i } from "react";
+import { AlertCircle as a, AlertTriangle as o, Archive as s, ChevronDown as c, ChevronUp as l, Eye as u, Info as d, ShieldAlert as f, X as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/blocks/threat-alert-banner/index.tsx
+var _ = {
+	critical: {
+		icon: f,
+		bgColor: "bg-red-950/50 border-red-800",
+		iconColor: "text-red-400",
+		badgeVariant: "destructive"
+	},
+	high: {
+		icon: o,
+		bgColor: "bg-orange-950/50 border-orange-800",
+		iconColor: "text-orange-400",
+		badgeVariant: "destructive"
+	},
+	medium: {
+		icon: a,
+		bgColor: "bg-yellow-950/50 border-yellow-800",
+		iconColor: "text-yellow-400",
+		badgeVariant: "secondary"
+	},
+	low: {
+		icon: d,
+		bgColor: "bg-blue-950/50 border-blue-800",
+		iconColor: "text-blue-400",
+		badgeVariant: "default"
+	}
+}, v = {
+	quarantined: "Mis en quarantaine",
+	deleted: "Supprimé",
+	blocked: "Bloqué",
+	allowed: "Autorisé"
+}, y = {
+	quarantined: "text-orange-400",
+	deleted: "text-red-400",
+	blocked: "text-red-400",
+	allowed: "text-green-400"
+}, b = ({ alerts: a = [], maxVisible: o = 3, autoHideAfter: d = 0, onDismiss: b, onDismissAll: x, onViewDetails: S, onViewQuarantine: C, className: w }) => {
+	let [T, E] = i(/* @__PURE__ */ new Set()), D = a.filter((e) => !e.dismissed);
+	if (D.length === 0) return null;
+	let O = (e) => {
+		E((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, k = D.slice(0, o), A = D.length - o, j = (e) => {
+		let t = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(t / 6e4), r = Math.floor(t / 36e5);
+		return n < 1 ? "À l'instant" : n < 60 ? `Il y a ${n}m` : r < 24 ? `Il y a ${r}h` : e.toLocaleDateString("fr-FR", {
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+	};
+	return /* @__PURE__ */ g("div", {
+		className: e("space-y-2", w),
+		children: [
+			D.length > 1 && /* @__PURE__ */ g("div", {
+				className: "flex items-center justify-between bg-red-950/30 border border-red-800/50 rounded-lg px-4 py-2",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ h(f, { className: "h-4 w-4 text-red-400" }), /* @__PURE__ */ g("span", {
+						className: "text-sm font-medium text-red-200",
+						children: [
+							D.length,
+							" alerte",
+							D.length > 1 ? "s" : "",
+							" active",
+							D.length > 1 ? "s" : ""
+						]
+					})]
+				}), x && /* @__PURE__ */ h(n, {
+					variant: "ghost",
+					size: "sm",
+					onClick: x,
+					className: "text-red-300 hover:text-red-200",
+					children: "Tout ignorer"
+				})]
+			}),
+			k.map((i) => {
+				let a = _[i.severity], o = a.icon, d = T.has(i.id);
+				return /* @__PURE__ */ h(r, {
+					className: e("border-2 backdrop-blur-sm transition-all duration-200", a.bgColor, d && "shadow-lg"),
+					children: /* @__PURE__ */ h("div", {
+						className: "p-4",
+						children: /* @__PURE__ */ g("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ h("div", {
+								className: e("mt-0.5 flex-shrink-0", a.iconColor),
+								children: /* @__PURE__ */ h(o, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ g("div", {
+								className: "flex-1 min-w-0",
+								children: [
+									/* @__PURE__ */ g("div", {
+										className: "flex items-start justify-between gap-3",
+										children: [/* @__PURE__ */ g("div", {
+											className: "flex-1 min-w-0",
+											children: [/* @__PURE__ */ g("div", {
+												className: "flex items-center gap-2 flex-wrap",
+												children: [/* @__PURE__ */ h("h4", {
+													className: "text-sm font-semibold text-white truncate",
+													children: i.threatName
+												}), /* @__PURE__ */ h(t, {
+													variant: a.badgeVariant,
+													className: "text-xs",
+													children: i.severity.toUpperCase()
+												})]
+											}), /* @__PURE__ */ g("div", {
+												className: "mt-1 flex items-center gap-2 text-xs text-gray-400",
+												children: [
+													/* @__PURE__ */ h("span", {
+														className: "truncate",
+														title: i.filePath,
+														children: i.filename
+													}),
+													/* @__PURE__ */ h("span", { children: "•" }),
+													/* @__PURE__ */ h("span", {
+														className: y[i.action],
+														children: v[i.action]
+													}),
+													/* @__PURE__ */ h("span", { children: "•" }),
+													/* @__PURE__ */ h("span", { children: j(i.detectedAt) })
+												]
+											})]
+										}), /* @__PURE__ */ h(n, {
+											variant: "ghost",
+											size: "sm",
+											onClick: () => b?.(i.id),
+											className: "flex-shrink-0 h-8 w-8 p-0 text-gray-400 hover:text-white",
+											children: /* @__PURE__ */ h(p, { className: "h-4 w-4" })
+										})]
+									}),
+									d && /* @__PURE__ */ h("div", {
+										className: "mt-3 pt-3 border-t border-white/10 space-y-2 text-xs text-gray-300",
+										children: /* @__PURE__ */ g("div", {
+											className: "grid grid-cols-2 gap-2",
+											children: [
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("span", {
+													className: "text-gray-500",
+													children: "Chemin complet:"
+												}), /* @__PURE__ */ h("p", {
+													className: "font-mono break-all",
+													children: i.filePath
+												})] }),
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("span", {
+													className: "text-gray-500",
+													children: "Moteur antivirus:"
+												}), /* @__PURE__ */ h("p", {
+													className: "font-mono",
+													children: i.engineVersion
+												})] }),
+												i.userId && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("span", {
+													className: "text-gray-500",
+													children: "Utilisateur:"
+												}), /* @__PURE__ */ h("p", {
+													className: "font-mono",
+													children: i.userId
+												})] }),
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("span", {
+													className: "text-gray-500",
+													children: "Détecté le:"
+												}), /* @__PURE__ */ h("p", { children: i.detectedAt.toLocaleString("fr-FR", {
+													dateStyle: "medium",
+													timeStyle: "short"
+												}) })] })
+											]
+										})
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "mt-3 flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ h(n, {
+												variant: "outline",
+												size: "sm",
+												onClick: () => O(i.id),
+												className: "text-xs",
+												children: d ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(l, { className: "h-3 w-3 mr-1" }), "Masquer"] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(c, { className: "h-3 w-3 mr-1" }), "Détails"] })
+											}),
+											S && /* @__PURE__ */ g(n, {
+												variant: "outline",
+												size: "sm",
+												onClick: () => S(i.id),
+												className: "text-xs",
+												children: [/* @__PURE__ */ h(u, { className: "h-3 w-3 mr-1" }), "Analyse complète"]
+											}),
+											i.action === "quarantined" && C && /* @__PURE__ */ g(n, {
+												variant: "outline",
+												size: "sm",
+												onClick: C,
+												className: "text-xs",
+												children: [/* @__PURE__ */ h(s, { className: "h-3 w-3 mr-1" }), "Quarantaine"]
+											})
+										]
+									})
+								]
+							})]
+						})
+					})
+				}, i.id);
+			}),
+			A > 0 && /* @__PURE__ */ h("div", {
+				className: "text-center",
+				children: /* @__PURE__ */ g(n, {
+					variant: "ghost",
+					size: "sm",
+					className: "text-xs text-gray-400 hover:text-white",
+					children: [
+						"+ ",
+						A,
+						" autre",
+						A > 1 ? "s" : "",
+						" alerte",
+						A > 1 ? "s" : ""
+					]
+				})
+			})
+		]
+	});
+}, x = [
+	{
+		id: "1",
+		threatName: "Trojan.GenericKD.12345678",
+		filename: "invoice_2024.pdf.exe",
+		filePath: "/home/user/Downloads/invoice_2024.pdf.exe",
+		severity: "critical",
+		action: "quarantined",
+		detectedAt: /* @__PURE__ */ new Date(Date.now() - 5 * 6e4),
+		userId: "user@example.com",
+		engineVersion: "ClamAV 1.4.1",
+		dismissed: !1
+	},
+	{
+		id: "2",
+		threatName: "Malware.Suspicious.Archive",
+		filename: "files.zip",
+		filePath: "/var/www/uploads/files.zip",
+		severity: "high",
+		action: "blocked",
+		detectedAt: /* @__PURE__ */ new Date(Date.now() - 15 * 6e4),
+		engineVersion: "ClamAV 1.4.1",
+		dismissed: !1
+	},
+	{
+		id: "3",
+		threatName: "PUA.Win.Adware.Generic",
+		filename: "installer.exe",
+		filePath: "/tmp/installer.exe",
+		severity: "medium",
+		action: "deleted",
+		detectedAt: /* @__PURE__ */ new Date(Date.now() - 36e5),
+		userId: "admin@example.com",
+		engineVersion: "ClamAV 1.4.1",
+		dismissed: !1
+	}
+];
+//#endregion
+export { b as ThreatAlertBanner, x as defaultThreatAlerts };

package/dist/blocks/user-management/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../../components/alert-dialog/index.cjs.js`),r=require(`../../components/avatar/index.cjs.js`),i=require(`../../components/badge/index.cjs.js`),a=require(`../../components/button/index.cjs.js`),o=require(`../../components/dropdown-menu/index.cjs.js`),s=require(`../../components/input/index.cjs.js`),c=require(`../../components/table/index.cjs.js`),l=require(`../_shared/identity/SidePushLayout.cjs.js`),u=require(`../_shared/identity/RoleSelect.cjs.js`),d=require(`../_shared/identity/InviteUserPanel.cjs.js`);let f=require(`react`);f=e.__toESM(f);let p=require(`lucide-react`),m=require(`react/jsx-runtime`);function h(e){return((e.firstName?.[0]??``)+(e.lastName?.[0]??``)).toUpperCase()||e.email[0]?.toUpperCase()||`?`}function g(e){return e===`active`?`default`:e===`invited`?`secondary`:`destructive`}function _(e){return e===`active`?`Actif`:e===`invited`?`Invité`:`Suspendu`}function v({users:e,roles:v,isLoading:b,panelWidth:x=520,onInvite:S,onEditUser:C,onDeleteUser:w,onChangeRole:T,onToggleStatus:E,searchPlaceholder:D=`Rechercher un utilisateur`,emptyState:O,className:k}){let[A,j]=f.useState(``),[M,N]=f.useState(null),[P,F]=f.useState(null),[I,L]=f.useState(null),[R,z]=f.useState(!1),B=f.useMemo(()=>{let t=A.trim().toLowerCase();return t?e.filter(e=>{let n=`${e.firstName??``} ${e.lastName??``}`.toLowerCase();return e.email.toLowerCase().includes(t)||n.includes(t)}):e},[e,A]),V=()=>{N(null),F(null)};return(0,m.jsxs)(l.SidePushLayout,{panel:M===`invite`?(0,m.jsx)(d.InviteUserPanel,{roles:v,onSubmit:async e=>{if(!S)return V();z(!0);try{await S(e),V()}finally{z(!1)}},onCancel:V,isSubmitting:R}):M===`edit`&&P?(0,m.jsx)(y,{user:P,roles:v,onSubmit:async e=>{C&&P&&await C(P,e),V()},onCancel:V}):null,panelWidth:x,panelTitle:M===`invite`?`Inviter un utilisateur`:M===`edit`?`Modifier l’utilisateur`:void 0,onClose:V,className:t.cn(`h-full`,k),children:[(0,m.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,m.jsxs)(`div`,{className:`flex items-center justify-between gap-4 border-b p-4`,children:[(0,m.jsxs)(`div`,{className:`relative w-full max-w-sm`,children:[(0,m.jsx)(p.Search,{className:`absolute left-2.5 top-2.5 size-4 text-muted-foreground`}),(0,m.jsx)(s.Input,{"aria-label":`Rechercher un utilisateur`,placeholder:D,value:A,onChange:e=>j(e.target.value),className:`pl-9`})]}),(0,m.jsxs)(a.Button,{onClick:()=>N(`invite`),children:[(0,m.jsx)(p.UserPlus,{className:`size-4 mr-2`}),` Inviter`]})]}),(0,m.jsx)(`div`,{className:`flex-1 overflow-auto`,children:b?(0,m.jsx)(`div`,{className:`p-6 text-sm text-muted-foreground`,children:`Chargement…`}):B.length===0?(0,m.jsx)(`div`,{className:`p-12 text-center text-sm text-muted-foreground`,children:O??`Aucun utilisateur`}):(0,m.jsxs)(c.Table,{children:[(0,m.jsx)(c.TableHeader,{children:(0,m.jsxs)(c.TableRow,{children:[(0,m.jsx)(c.TableHead,{children:`Utilisateur`}),(0,m.jsx)(c.TableHead,{children:`Rôle`}),(0,m.jsx)(c.TableHead,{children:`Statut`}),(0,m.jsx)(c.TableHead,{children:`Dernière connexion`}),(0,m.jsx)(c.TableHead,{className:`w-12`})]})}),(0,m.jsx)(c.TableBody,{children:B.map(e=>(0,m.jsxs)(c.TableRow,{children:[(0,m.jsx)(c.TableCell,{children:(0,m.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,m.jsxs)(r.Avatar,{className:`size-8`,children:[e.avatarUrl&&(0,m.jsx)(r.AvatarImage,{src:e.avatarUrl,alt:``}),(0,m.jsx)(r.AvatarFallback,{children:h(e)})]}),(0,m.jsxs)(`div`,{className:`flex flex-col`,children:[(0,m.jsx)(`span`,{className:`font-medium`,children:e.firstName||e.lastName?`${e.firstName??``} ${e.lastName??``}`.trim():e.email}),(e.firstName||e.lastName)&&(0,m.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.email})]})]})}),(0,m.jsx)(c.TableCell,{children:(0,m.jsx)(u.RoleSelect,{value:e.roleId,roles:v,onChange:t=>T?.(e.id,t),disabled:!T,triggerClassName:`w-36`})}),(0,m.jsx)(c.TableCell,{children:(0,m.jsx)(i.Badge,{variant:g(e.status),children:_(e.status)})}),(0,m.jsx)(c.TableCell,{className:`text-sm text-muted-foreground`,children:e.lastLoginAt?e.lastLoginAt.toLocaleDateString():`—`}),(0,m.jsx)(c.TableCell,{children:(0,m.jsxs)(o.DropdownMenu,{children:[(0,m.jsx)(o.DropdownMenuTrigger,{asChild:!0,children:(0,m.jsx)(a.Button,{variant:`ghost`,size:`icon`,"aria-label":`Actions`,children:(0,m.jsx)(p.MoreHorizontal,{className:`size-4`})})}),(0,m.jsxs)(o.DropdownMenuContent,{align:`end`,children:[(0,m.jsxs)(o.DropdownMenuItem,{onClick:()=>{F(e),N(`edit`)},children:[(0,m.jsx)(p.Pencil,{className:`size-4 mr-2`}),` Modifier`]}),E&&(0,m.jsx)(o.DropdownMenuItem,{onClick:()=>E(e.id,e.status!==`active`),children:e.status===`active`?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(p.Ban,{className:`size-4 mr-2`}),` Suspendre`]}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(p.CheckCircle,{className:`size-4 mr-2`}),` Activer`]})}),w&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(o.DropdownMenuSeparator,{}),(0,m.jsxs)(o.DropdownMenuItem,{onClick:()=>L(e),className:`text-destructive focus:text-destructive`,children:[(0,m.jsx)(p.Trash2,{className:`size-4 mr-2`}),` Supprimer`]})]})]})]})})]},e.id))})]})})]}),(0,m.jsx)(n.AlertDialog,{open:!!I,onOpenChange:e=>!e&&L(null),children:(0,m.jsxs)(n.AlertDialogContent,{children:[(0,m.jsxs)(n.AlertDialogHeader,{children:[(0,m.jsx)(n.AlertDialogTitle,{children:`Supprimer cet utilisateur\xA0?`}),(0,m.jsxs)(n.AlertDialogDescription,{children:[`Cette action est définitive et révoque tous les accès de`,` `,I?.email,`.`]})]}),(0,m.jsxs)(n.AlertDialogFooter,{children:[(0,m.jsx)(n.AlertDialogCancel,{children:`Annuler`}),(0,m.jsx)(n.AlertDialogAction,{onClick:async()=>{I&&w&&await w(I),L(null)},children:`Supprimer`})]})]})})]})}function y({user:e,roles:t,onSubmit:n,onCancel:r}){let[i,o]=f.useState(e.firstName??``),[c,l]=f.useState(e.lastName??``),[d,p]=f.useState(e.roleId);return(0,m.jsxs)(`form`,{onSubmit:async e=>{e.preventDefault(),await n({firstName:i,lastName:c,roleId:d})},className:`flex flex-col gap-4 p-4 h-full`,children:[(0,m.jsxs)(`div`,{className:`space-y-2`,children:[(0,m.jsx)(`label`,{className:`text-sm font-medium`,htmlFor:`edit-fn`,children:`Prénom`}),(0,m.jsx)(s.Input,{id:`edit-fn`,value:i,onChange:e=>o(e.target.value)})]}),(0,m.jsxs)(`div`,{className:`space-y-2`,children:[(0,m.jsx)(`label`,{className:`text-sm font-medium`,htmlFor:`edit-ln`,children:`Nom`}),(0,m.jsx)(s.Input,{id:`edit-ln`,value:c,onChange:e=>l(e.target.value)})]}),(0,m.jsxs)(`div`,{className:`space-y-2`,children:[(0,m.jsx)(`label`,{className:`text-sm font-medium`,htmlFor:`edit-role`,children:`Rôle`}),(0,m.jsx)(u.RoleSelect,{id:`edit-role`,value:d,onChange:p,roles:t})]}),(0,m.jsxs)(`div`,{className:`mt-auto flex justify-end gap-2 pt-4 border-t`,children:[(0,m.jsx)(a.Button,{type:`button`,variant:`ghost`,onClick:r,children:`Annuler`}),(0,m.jsx)(a.Button,{type:`submit`,children:`Enregistrer`})]})]})}exports.WakaUserManagement=v;

package/dist/blocks/user-management/index.d.ts

@@ -1,95 +1,22 @@
-export type UserRole = "admin" | "moderator" | "user" | "guest";
-export type UserStatus = "active" | "inactive" | "pending" | "banned";
-export interface UserPermission {
-    id: string;
-    name: string;
-    description?: string;
-    category?: string;
-}
-export interface UserData {
-    id: string;
-    email: string;
-    displayName: string;
-    firstName?: string;
-    lastName?: string;
-    avatarUrl?: string;
-    role: UserRole;
-    status: UserStatus;
-    permissions?: string[];
-    createdAt: Date | string;
-    lastLogin?: Date | string;
-    metadata?: Record<string, unknown>;
-}
-export interface UserFormData {
-    email: string;
-    displayName: string;
-    firstName?: string;
-    lastName?: string;
-    role: UserRole;
-    status: UserStatus;
-    permissions?: string[];
-}
+import * as React from "react";
+import type { UserRecord, RoleDefinition, InvitePayload, UserPatch } from "../_shared/identity/types";
+export type { UserRecord, RoleDefinition, InvitePayload, UserPatch, } from "../_shared/identity/types";
 export interface WakaUserManagementProps {
-    /** Liste des utilisateurs */
-    users: UserData[];
-    /** Rôles disponibles */
-    roles?: {
-        value: UserRole;
-        label: string;
-        color?: string;
-    }[];
-    /** Permissions disponibles */
-    permissions?: UserPermission[];
-    /** Utilisateurs sélectionnés */
-    selectedUsers?: string[];
-    /** Callback sélection */
-    onSelectionChange?: (userIds: string[]) => void;
-    /** Callback création */
-    onCreate?: (user: UserFormData) => void | Promise<void>;
-    /** Callback modification */
-    onEdit?: (userId: string, data: Partial<UserFormData>) => void | Promise<void>;
-    /** Callback suppression */
-    onDelete?: (userId: string) => void | Promise<void>;
-    /** Callback suppression multiple */
-    onBulkDelete?: (userIds: string[]) => void | Promise<void>;
-    /** Callback changement de rôle */
-    onRoleChange?: (userId: string, role: UserRole) => void | Promise<void>;
-    /** Callback changement de statut */
-    onStatusChange?: (userId: string, status: UserStatus) => void | Promise<void>;
-    /** Callback réinitialisation mot de passe */
-    onResetPassword?: (userId: string) => void | Promise<void>;
-    /** Callback export */
-    onExport?: () => void;
-    /** Callback rafraîchissement */
-    onRefresh?: () => void;
-    /** En cours de chargement */
-    loading?: boolean;
-    /** En cours d'action */
-    actionLoading?: boolean;
-    /** Recherche */
-    searchQuery?: string;
-    /** Callback recherche */
-    onSearchChange?: (query: string) => void;
-    /** Filtre par rôle */
-    roleFilter?: UserRole | "all";
-    /** Callback filtre rôle */
-    onRoleFilterChange?: (role: UserRole | "all") => void;
-    /** Filtre par statut */
-    statusFilter?: UserStatus | "all";
-    /** Callback filtre statut */
-    onStatusFilterChange?: (status: UserStatus | "all") => void;
-    /** Afficher les actions en masse */
-    showBulkActions?: boolean;
-    /** Afficher le bouton création */
-    showCreateButton?: boolean;
-    /** Titre */
-    title?: string;
-    /** Description */
-    description?: string;
-    /** Classes CSS additionnelles */
+    users: UserRecord[];
+    roles: RoleDefinition[];
+    isLoading?: boolean;
+    panelWidth?: number;
+    onInvite?: (payload: InvitePayload) => Promise<void> | void;
+    onEditUser?: (user: UserRecord, patch: UserPatch) => Promise<void> | void;
+    onDeleteUser?: (user: UserRecord) => Promise<void> | void;
+    onChangeRole?: (userId: string, roleId: string) => Promise<void> | void;
+    onToggleStatus?: (userId: string, active: boolean) => Promise<void> | void;
+    searchPlaceholder?: string;
+    emptyState?: React.ReactNode;
     className?: string;
 }
-export declare function WakaUserManagement({ users, roles, permissions, selectedUsers, onSelectionChange, onCreate, onEdit, onDelete, onBulkDelete, onRoleChange, onStatusChange, onResetPassword, onExport, onRefresh, loading, actionLoading, searchQuery, onSearchChange, roleFilter, onRoleFilterChange, statusFilter, onStatusFilterChange, showBulkActions, showCreateButton, title, description, className, }: WakaUserManagementProps): import("react/jsx-runtime").JSX.Element;
-export declare const defaultUsers: UserData[];
-export declare const defaultPermissions: UserPermission[];
-export default WakaUserManagement;
+/**
+ * Full-page user management block with invite, edit, and revocation via a push-panel pattern.
+ * All network operations are delegated to callbacks — the component holds no server state.
+ */
+export declare function WakaUserManagement({ users, roles, isLoading, panelWidth, onInvite, onEditUser, onDeleteUser, onChangeRole, onToggleStatus, searchPlaceholder, emptyState, className, }: WakaUserManagementProps): React.ReactElement;

package/dist/blocks/user-management/index.es.js

@@ -0,0 +1,241 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { AlertDialog as t, AlertDialogAction as n, AlertDialogCancel as r, AlertDialogContent as i, AlertDialogDescription as a, AlertDialogFooter as o, AlertDialogHeader as s, AlertDialogTitle as c } from "../../components/alert-dialog/index.es.js";
+import { Avatar as l, AvatarFallback as ee, AvatarImage as te } from "../../components/avatar/index.es.js";
+import { Badge as ne } from "../../components/badge/index.es.js";
+import { Button as u } from "../../components/button/index.es.js";
+import { DropdownMenu as re, DropdownMenuContent as d, DropdownMenuItem as f, DropdownMenuSeparator as p, DropdownMenuTrigger as m } from "../../components/dropdown-menu/index.es.js";
+import { Input as h } from "../../components/input/index.es.js";
+import { Table as ie, TableBody as g, TableCell as _, TableHead as v, TableHeader as ae, TableRow as y } from "../../components/table/index.es.js";
+import { SidePushLayout as oe } from "../_shared/identity/SidePushLayout.es.js";
+import { RoleSelect as b } from "../_shared/identity/RoleSelect.es.js";
+import { InviteUserPanel as x } from "../_shared/identity/InviteUserPanel.es.js";
+import * as S from "react";
+import { Ban as C, CheckCircle as w, MoreHorizontal as T, Pencil as E, Search as se, Trash2 as ce, UserPlus as le } from "lucide-react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region src/blocks/user-management/index.tsx
+function A(e) {
+	return ((e.firstName?.[0] ?? "") + (e.lastName?.[0] ?? "")).toUpperCase() || e.email[0]?.toUpperCase() || "?";
+}
+function j(e) {
+	return e === "active" ? "default" : e === "invited" ? "secondary" : "destructive";
+}
+function M(e) {
+	return e === "active" ? "Actif" : e === "invited" ? "Invité" : "Suspendu";
+}
+function N({ users: N, roles: F, isLoading: I, panelWidth: L = 520, onInvite: R, onEditUser: z, onDeleteUser: B, onChangeRole: V, onToggleStatus: H, searchPlaceholder: U = "Rechercher un utilisateur", emptyState: ue, className: de }) {
+	let [W, fe] = S.useState(""), [G, K] = S.useState(null), [q, J] = S.useState(null), [Y, X] = S.useState(null), [pe, Z] = S.useState(!1), Q = S.useMemo(() => {
+		let e = W.trim().toLowerCase();
+		return e ? N.filter((t) => {
+			let n = `${t.firstName ?? ""} ${t.lastName ?? ""}`.toLowerCase();
+			return t.email.toLowerCase().includes(e) || n.includes(e);
+		}) : N;
+	}, [N, W]), $ = () => {
+		K(null), J(null);
+	};
+	return /* @__PURE__ */ k(oe, {
+		panel: G === "invite" ? /* @__PURE__ */ O(x, {
+			roles: F,
+			onSubmit: async (e) => {
+				if (!R) return $();
+				Z(!0);
+				try {
+					await R(e), $();
+				} finally {
+					Z(!1);
+				}
+			},
+			onCancel: $,
+			isSubmitting: pe
+		}) : G === "edit" && q ? /* @__PURE__ */ O(P, {
+			user: q,
+			roles: F,
+			onSubmit: async (e) => {
+				z && q && await z(q, e), $();
+			},
+			onCancel: $
+		}) : null,
+		panelWidth: L,
+		panelTitle: G === "invite" ? "Inviter un utilisateur" : G === "edit" ? "Modifier l’utilisateur" : void 0,
+		onClose: $,
+		className: e("h-full", de),
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex flex-col h-full",
+			children: [/* @__PURE__ */ k("div", {
+				className: "flex items-center justify-between gap-4 border-b p-4",
+				children: [/* @__PURE__ */ k("div", {
+					className: "relative w-full max-w-sm",
+					children: [/* @__PURE__ */ O(se, { className: "absolute left-2.5 top-2.5 size-4 text-muted-foreground" }), /* @__PURE__ */ O(h, {
+						"aria-label": "Rechercher un utilisateur",
+						placeholder: U,
+						value: W,
+						onChange: (e) => fe(e.target.value),
+						className: "pl-9"
+					})]
+				}), /* @__PURE__ */ k(u, {
+					onClick: () => K("invite"),
+					children: [/* @__PURE__ */ O(le, { className: "size-4 mr-2" }), " Inviter"]
+				})]
+			}), /* @__PURE__ */ O("div", {
+				className: "flex-1 overflow-auto",
+				children: I ? /* @__PURE__ */ O("div", {
+					className: "p-6 text-sm text-muted-foreground",
+					children: "Chargement…"
+				}) : Q.length === 0 ? /* @__PURE__ */ O("div", {
+					className: "p-12 text-center text-sm text-muted-foreground",
+					children: ue ?? "Aucun utilisateur"
+				}) : /* @__PURE__ */ k(ie, { children: [/* @__PURE__ */ O(ae, { children: /* @__PURE__ */ k(y, { children: [
+					/* @__PURE__ */ O(v, { children: "Utilisateur" }),
+					/* @__PURE__ */ O(v, { children: "Rôle" }),
+					/* @__PURE__ */ O(v, { children: "Statut" }),
+					/* @__PURE__ */ O(v, { children: "Dernière connexion" }),
+					/* @__PURE__ */ O(v, { className: "w-12" })
+				] }) }), /* @__PURE__ */ O(g, { children: Q.map((e) => /* @__PURE__ */ k(y, { children: [
+					/* @__PURE__ */ O(_, { children: /* @__PURE__ */ k("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ k(l, {
+							className: "size-8",
+							children: [e.avatarUrl && /* @__PURE__ */ O(te, {
+								src: e.avatarUrl,
+								alt: ""
+							}), /* @__PURE__ */ O(ee, { children: A(e) })]
+						}), /* @__PURE__ */ k("div", {
+							className: "flex flex-col",
+							children: [/* @__PURE__ */ O("span", {
+								className: "font-medium",
+								children: e.firstName || e.lastName ? `${e.firstName ?? ""} ${e.lastName ?? ""}`.trim() : e.email
+							}), (e.firstName || e.lastName) && /* @__PURE__ */ O("span", {
+								className: "text-xs text-muted-foreground",
+								children: e.email
+							})]
+						})]
+					}) }),
+					/* @__PURE__ */ O(_, { children: /* @__PURE__ */ O(b, {
+						value: e.roleId,
+						roles: F,
+						onChange: (t) => V?.(e.id, t),
+						disabled: !V,
+						triggerClassName: "w-36"
+					}) }),
+					/* @__PURE__ */ O(_, { children: /* @__PURE__ */ O(ne, {
+						variant: j(e.status),
+						children: M(e.status)
+					}) }),
+					/* @__PURE__ */ O(_, {
+						className: "text-sm text-muted-foreground",
+						children: e.lastLoginAt ? e.lastLoginAt.toLocaleDateString() : "—"
+					}),
+					/* @__PURE__ */ O(_, { children: /* @__PURE__ */ k(re, { children: [/* @__PURE__ */ O(m, {
+						asChild: !0,
+						children: /* @__PURE__ */ O(u, {
+							variant: "ghost",
+							size: "icon",
+							"aria-label": "Actions",
+							children: /* @__PURE__ */ O(T, { className: "size-4" })
+						})
+					}), /* @__PURE__ */ k(d, {
+						align: "end",
+						children: [
+							/* @__PURE__ */ k(f, {
+								onClick: () => {
+									J(e), K("edit");
+								},
+								children: [/* @__PURE__ */ O(E, { className: "size-4 mr-2" }), " Modifier"]
+							}),
+							H && /* @__PURE__ */ O(f, {
+								onClick: () => H(e.id, e.status !== "active"),
+								children: e.status === "active" ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(C, { className: "size-4 mr-2" }), " Suspendre"] }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(w, { className: "size-4 mr-2" }), " Activer"] })
+							}),
+							B && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(p, {}), /* @__PURE__ */ k(f, {
+								onClick: () => X(e),
+								className: "text-destructive focus:text-destructive",
+								children: [/* @__PURE__ */ O(ce, { className: "size-4 mr-2" }), " Supprimer"]
+							})] })
+						]
+					})] }) })
+				] }, e.id)) })] })
+			})]
+		}), /* @__PURE__ */ O(t, {
+			open: !!Y,
+			onOpenChange: (e) => !e && X(null),
+			children: /* @__PURE__ */ k(i, { children: [/* @__PURE__ */ k(s, { children: [/* @__PURE__ */ O(c, { children: "Supprimer cet utilisateur\xA0?" }), /* @__PURE__ */ k(a, { children: [
+				"Cette action est définitive et révoque tous les accès de",
+				" ",
+				Y?.email,
+				"."
+			] })] }), /* @__PURE__ */ k(o, { children: [/* @__PURE__ */ O(r, { children: "Annuler" }), /* @__PURE__ */ O(n, {
+				onClick: async () => {
+					Y && B && await B(Y), X(null);
+				},
+				children: "Supprimer"
+			})] })] })
+		})]
+	});
+}
+function P({ user: e, roles: t, onSubmit: n, onCancel: r }) {
+	let [i, a] = S.useState(e.firstName ?? ""), [o, s] = S.useState(e.lastName ?? ""), [c, l] = S.useState(e.roleId);
+	return /* @__PURE__ */ k("form", {
+		onSubmit: async (e) => {
+			e.preventDefault(), await n({
+				firstName: i,
+				lastName: o,
+				roleId: c
+			});
+		},
+		className: "flex flex-col gap-4 p-4 h-full",
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ O("label", {
+					className: "text-sm font-medium",
+					htmlFor: "edit-fn",
+					children: "Prénom"
+				}), /* @__PURE__ */ O(h, {
+					id: "edit-fn",
+					value: i,
+					onChange: (e) => a(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ O("label", {
+					className: "text-sm font-medium",
+					htmlFor: "edit-ln",
+					children: "Nom"
+				}), /* @__PURE__ */ O(h, {
+					id: "edit-ln",
+					value: o,
+					onChange: (e) => s(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ O("label", {
+					className: "text-sm font-medium",
+					htmlFor: "edit-role",
+					children: "Rôle"
+				}), /* @__PURE__ */ O(b, {
+					id: "edit-role",
+					value: c,
+					onChange: l,
+					roles: t
+				})]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "mt-auto flex justify-end gap-2 pt-4 border-t",
+				children: [/* @__PURE__ */ O(u, {
+					type: "button",
+					variant: "ghost",
+					onClick: r,
+					children: "Annuler"
+				}), /* @__PURE__ */ O(u, {
+					type: "submit",
+					children: "Enregistrer"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { N as WakaUserManagement };

package/dist/blocks/waka-doc-shell/index.cjs.js

@@ -0,0 +1,2 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../../components/button/index.cjs.js`),r=require(`../../components/waka-doc-toc/index.cjs.js`),i=require(`../../components/waka-doc-nav/index.cjs.js`),a=require(`../../components/waka-doc-search/index.cjs.js`),o=require(`../../components/waka-doc-version/index.cjs.js`),s=require(`../../components/waka-doc-toolbar/index.cjs.js`),c=require(`../../components/waka-doc-breadcrumb/index.cjs.js`),l=require(`../../components/waka-doc-renderer/index.cjs.js`);let u=require(`react`);u=e.__toESM(u);let d=require(`lucide-react`),f=require(`react/jsx-runtime`);function p({content:e,mode:p=`view`,canEdit:h=!1,onModeChange:g,onChange:_,debounceMs:v=1500,saveStatus:y=`idle`,navItems:b,activePageId:x,onPageChange:S,breadcrumbs:C,onBreadcrumbClick:w,searchPages:T,onSearchSelect:E,versions:D,currentVersion:O,onVersionChange:k,className:A}){let[j,M]=u.useState([]),[N,P]=u.useState(!1),[F,I]=u.useState(e);u.useEffect(()=>{I(e)},[e]);let L=u.useRef(void 0),R=u.useCallback(e=>{I(e),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{_?.(e)},v)},[_,v]);u.useEffect(()=>()=>{L.current&&clearTimeout(L.current)},[]);let z=b&&b.length>0,B=T&&T.length>0,V=D&&D.length>0&&O;return(0,f.jsxs)(`div`,{className:t.cn(`relative flex min-h-screen`,A),children:[z&&(0,f.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`fixed left-4 top-4 z-50 lg:hidden`,onClick:()=>P(!N),children:N?(0,f.jsx)(d.X,{className:`h-5 w-5`}):(0,f.jsx)(d.Menu,{className:`h-5 w-5`})}),z&&(0,f.jsx)(`aside`,{className:t.cn(`fixed inset-y-0 left-0 z-40 w-72 shrink-0 border-r border-border/50 bg-background/95 backdrop-blur-md transition-transform duration-300 lg:relative lg:translate-x-0`,N?`translate-x-0`:`-translate-x-full`),children:(0,f.jsxs)(`div`,{className:`flex h-full flex-col gap-4 overflow-y-auto p-4`,children:[B&&(0,f.jsx)(a.WakaDocSearch,{pages:T,onSelect:e=>{E?.(e),P(!1)}}),V&&(0,f.jsx)(o.WakaDocVersion,{versions:D,current:O,onVersionChange:k}),(0,f.jsx)(i.WakaDocNav,{items:b,activeId:x,onItemClick:e=>{S?.(e),P(!1)}})]})}),z&&N&&(0,f.jsx)(`div`,{className:`fixed inset-0 z-30 bg-black/50 lg:hidden`,onClick:()=>P(!1)}),(0,f.jsxs)(`main`,{className:`flex min-w-0 flex-1 gap-8`,children:[(0,f.jsxs)(`div`,{className:`mx-auto w-full max-w-3xl px-4 py-8 lg:px-8`,children:[(0,f.jsxs)(`div`,{className:`mb-6 flex flex-col gap-3`,children:[C&&C.length>0&&(0,f.jsx)(c.WakaDocBreadcrumb,{items:C,onItemClick:w}),(0,f.jsx)(s.WakaDocToolbar,{content:F,mode:p,canEdit:h,onModeChange:g,saveStatus:y})]}),p===`view`?(0,f.jsx)(l.WakaDocRenderer,{content:F,onHeadingsExtracted:M}):(0,f.jsx)(m,{content:F,onChange:R,onHeadingsExtracted:M})]}),j.length>0&&(0,f.jsx)(`aside`,{className:`hidden w-56 shrink-0 py-8 xl:block`,children:(0,f.jsx)(r.WakaDocToc,{items:j})})]})]})}function m({content:e,onChange:t,onHeadingsExtracted:n}){let[r,i]=u.useState(null);return u.useEffect(()=>{(async()=>{try{let{WakaRichTextEditor:e}=await Promise.resolve().then(()=>require(`../../components/waka-rich-text-editor/index.cjs.js`));i(()=>e)}catch{}})()},[]),u.useEffect(()=>{let t=[],r=e.split(`
+`);for(let e of r){let n=e.match(/^(#{2,4})\s+(.+)$/);if(n){let e=n[1].length,r=n[2].replace(/[`*_~]/g,``),i=r.toLowerCase().replace(/[^\w\s-]/g,``).replace(/\s+/g,`-`);t.push({id:i,text:r,level:e})}}n(t)},[e,n]),r?(0,f.jsx)(r,{value:e,onChange:t,placeholder:`Écrivez votre documentation...`,minHeight:400,editable:!0}):(0,f.jsx)(`textarea`,{value:e,onChange:e=>t(e.target.value),className:`min-h-[400px] w-full rounded-lg border border-border/50 bg-background p-4 font-mono text-sm focus:outline-none focus:ring-2 focus:ring-primary/50`,placeholder:`Écrivez en markdown...`})}exports.WakaDocShell=p;