@wakastellar/ui 3.3.3 → 3.5.0

package/dist/waka-rich-text-editor-BJzzxeP1.mjs

@@ -1,361 +0,0 @@
-import { n as e } from "./chunk-BH6uBOac.mjs";
-import { t } from "./cn-DpLcAzrf.mjs";
-import { n, r, t as i } from "./separator-BDReXBvI.mjs";
-import * as a from "react";
-import { AlignCenter as o, AlignLeft as s, AlignRight as c, Bold as l, Code as u, Heading1 as d, Heading2 as f, Heading3 as p, Italic as m, Link as h, List as g, ListOrdered as _, Quote as v, Redo as y, Strikethrough as b, Underline as x, Undo as S } from "lucide-react";
-import { cva as C } from "class-variance-authority";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import * as E from "@radix-ui/react-label";
-import * as D from "@radix-ui/react-popover";
-//#region src/components/label/index.tsx
-var O = C("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), k = a.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ w(E.Root, {
-	ref: r,
-	className: t(O(), e),
-	...n
-}));
-k.displayName = E.Root.displayName;
-//#endregion
-//#region src/components/popover/index.tsx
-var A = D.Root, j = D.Trigger, M = a.forwardRef(({ className: e, align: n = "center", sideOffset: r = 4, ...i }, a) => /* @__PURE__ */ w(D.Portal, { children: /* @__PURE__ */ w(D.Content, {
-	ref: a,
-	align: n,
-	sideOffset: r,
-	className: t("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
-	...i
-}) }));
-M.displayName = D.Content.displayName;
-//#endregion
-//#region src/components/textarea/index.tsx
-var N = a.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ w("textarea", {
-	className: t("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", e),
-	ref: r,
-	...n
-}));
-N.displayName = "Textarea";
-//#endregion
-//#region src/components/waka-rich-text-editor/index.tsx
-var P = /* @__PURE__ */ e({
-	WakaRichTextEditor: () => I,
-	default: () => I
-}), F = [
-	[
-		"bold",
-		"italic",
-		"underline",
-		"strike"
-	],
-	[
-		"h1",
-		"h2",
-		"h3"
-	],
-	[
-		"bulletList",
-		"orderedList",
-		"blockquote"
-	],
-	["link", "code"],
-	["undo", "redo"]
-], I = a.forwardRef(({ value: e = "", onChange: t, toolbar: n = F, placeholder: r = "Écrivez ici...", maxLength: i, showCharacterCount: o = !1, minHeight: s = 200, disabled: c = !1, error: l, className: u, label: d, description: f, editable: p = !0 }, m) => {
-	let [h, g] = a.useState(null), [_, v] = a.useState(null), [y, b] = a.useState(null), [x, S] = a.useState("");
-	return a.useEffect(() => {
-		(async () => {
-			try {
-				let [{ useEditor: e, EditorContent: t }, { default: n }, { default: r }, { default: i }, { default: a }] = await Promise.all([
-					import("@tiptap/react"),
-					import("@tiptap/starter-kit"),
-					import("@tiptap/extension-underline"),
-					import("@tiptap/extension-link"),
-					import("@tiptap/extension-text-align")
-				]);
-				v({
-					useEditor: e,
-					EditorContent: t,
-					StarterKit: n,
-					Underline: r,
-					Link: i,
-					TextAlign: a
-				}), g(!0);
-			} catch {
-				g(!1);
-			}
-		})();
-	}, []), h && _ ? /* @__PURE__ */ w(L, {
-		ref: m,
-		components: _,
-		value: e,
-		onChange: t,
-		toolbar: n,
-		placeholder: r,
-		maxLength: i,
-		showCharacterCount: o,
-		minHeight: s,
-		disabled: c,
-		error: l,
-		className: u,
-		label: d,
-		description: f,
-		editable: p,
-		linkUrl: x,
-		setLinkUrl: S,
-		editor: y,
-		setEditor: b
-	}) : /* @__PURE__ */ w(z, {
-		ref: m,
-		value: e,
-		onChange: t,
-		placeholder: r,
-		maxLength: i,
-		showCharacterCount: o,
-		minHeight: s,
-		disabled: c,
-		error: l,
-		className: u,
-		label: d,
-		description: f,
-		loading: h === null
-	});
-});
-I.displayName = "WakaRichTextEditor";
-var L = a.forwardRef(({ components: e, value: n, onChange: r, toolbar: o, placeholder: s, maxLength: c, showCharacterCount: l, minHeight: u, disabled: d, error: f, className: p, label: m, description: h, editable: g, linkUrl: _, setLinkUrl: v, setEditor: y }, b) => {
-	let { useEditor: x, EditorContent: S, StarterKit: C, Underline: E, Link: D, TextAlign: O } = e, A = x({
-		extensions: [
-			C.configure({ heading: { levels: [
-				1,
-				2,
-				3
-			] } }),
-			E,
-			D.configure({ openOnClick: !1 }),
-			O.configure({ types: ["heading", "paragraph"] })
-		],
-		content: n,
-		editable: g && !d,
-		onUpdate: ({ editor: e }) => {
-			let t = e.getHTML();
-			(!c || t.length <= c) && r?.(t);
-		}
-	});
-	a.useEffect(() => {
-		y(A);
-	}, [A, y]), a.useEffect(() => {
-		A && n !== A.getHTML() && A.commands?.setContent?.(n || "", !1);
-	}, [n, A]);
-	let j = () => {
-		A && (_ ? A.chain().focus().setLink({ href: _ }).run() : A.chain().focus().unsetLink().run(), v(""));
-	}, M = A?.storage?.characterCount?.characters?.() ?? n?.replace(/<[^>]*>/g, "").length ?? 0;
-	return /* @__PURE__ */ T("div", {
-		ref: b,
-		className: t("space-y-1.5", p),
-		children: [
-			m && /* @__PURE__ */ w(k, { children: m }),
-			h && /* @__PURE__ */ w("p", {
-				className: "text-sm text-muted-foreground",
-				children: h
-			}),
-			/* @__PURE__ */ T("div", {
-				className: t("border rounded-lg overflow-hidden", f && "border-destructive"),
-				children: [
-					A && o && /* @__PURE__ */ w("div", {
-						className: "flex flex-wrap items-center gap-0.5 p-1 border-b bg-muted/30",
-						children: o.map((e, t) => /* @__PURE__ */ T(a.Fragment, { children: [t > 0 && /* @__PURE__ */ w(i, {
-							orientation: "vertical",
-							className: "mx-1 h-6"
-						}), e.map((e) => /* @__PURE__ */ w(R, {
-							button: e,
-							editor: A,
-							linkUrl: _,
-							setLinkUrl: v,
-							handleSetLink: j
-						}, e))] }, t))
-					}),
-					/* @__PURE__ */ w("div", {
-						style: { minHeight: u },
-						children: /* @__PURE__ */ w(S, {
-							editor: A,
-							className: t("prose prose-sm max-w-none p-3 focus-within:outline-none h-full", "[&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[inherit]")
-						})
-					}),
-					l && /* @__PURE__ */ T("div", {
-						className: "flex justify-end p-1.5 border-t bg-muted/30 text-xs text-muted-foreground",
-						children: [
-							M,
-							c && ` / ${c}`,
-							" caractères"
-						]
-					})
-				]
-			}),
-			f && /* @__PURE__ */ w("p", {
-				className: "text-sm text-destructive",
-				children: f
-			})
-		]
-	});
-});
-L.displayName = "TiptapEditorComponent";
-function R({ button: e, editor: t, linkUrl: i, setLinkUrl: a, handleSetLink: C }) {
-	let { icon: E, action: D, isActive: O } = {
-		bold: {
-			icon: /* @__PURE__ */ w(l, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleBold().run(),
-			isActive: () => t.isActive("bold")
-		},
-		italic: {
-			icon: /* @__PURE__ */ w(m, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleItalic().run(),
-			isActive: () => t.isActive("italic")
-		},
-		underline: {
-			icon: /* @__PURE__ */ w(x, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleUnderline().run(),
-			isActive: () => t.isActive("underline")
-		},
-		strike: {
-			icon: /* @__PURE__ */ w(b, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleStrike().run(),
-			isActive: () => t.isActive("strike")
-		},
-		h1: {
-			icon: /* @__PURE__ */ w(d, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleHeading({ level: 1 }).run(),
-			isActive: () => t.isActive("heading", { level: 1 })
-		},
-		h2: {
-			icon: /* @__PURE__ */ w(f, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleHeading({ level: 2 }).run(),
-			isActive: () => t.isActive("heading", { level: 2 })
-		},
-		h3: {
-			icon: /* @__PURE__ */ w(p, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleHeading({ level: 3 }).run(),
-			isActive: () => t.isActive("heading", { level: 3 })
-		},
-		bulletList: {
-			icon: /* @__PURE__ */ w(g, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleBulletList().run(),
-			isActive: () => t.isActive("bulletList")
-		},
-		orderedList: {
-			icon: /* @__PURE__ */ w(_, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleOrderedList().run(),
-			isActive: () => t.isActive("orderedList")
-		},
-		blockquote: {
-			icon: /* @__PURE__ */ w(v, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleBlockquote().run(),
-			isActive: () => t.isActive("blockquote")
-		},
-		code: {
-			icon: /* @__PURE__ */ w(u, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().toggleCodeBlock().run(),
-			isActive: () => t.isActive("codeBlock")
-		},
-		link: {
-			icon: /* @__PURE__ */ w(h, { className: "h-4 w-4" }),
-			action: () => {},
-			isActive: () => t.isActive("link")
-		},
-		alignLeft: {
-			icon: /* @__PURE__ */ w(s, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().setTextAlign("left").run(),
-			isActive: () => t.isActive({ textAlign: "left" })
-		},
-		alignCenter: {
-			icon: /* @__PURE__ */ w(o, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().setTextAlign("center").run(),
-			isActive: () => t.isActive({ textAlign: "center" })
-		},
-		alignRight: {
-			icon: /* @__PURE__ */ w(c, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().setTextAlign("right").run(),
-			isActive: () => t.isActive({ textAlign: "right" })
-		},
-		undo: {
-			icon: /* @__PURE__ */ w(S, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().undo().run()
-		},
-		redo: {
-			icon: /* @__PURE__ */ w(y, { className: "h-4 w-4" }),
-			action: () => t.chain().focus().redo().run()
-		}
-	}[e];
-	return e === "link" ? /* @__PURE__ */ T(A, { children: [/* @__PURE__ */ w(j, {
-		asChild: !0,
-		children: /* @__PURE__ */ w(r, {
-			type: "button",
-			variant: O?.() ? "secondary" : "ghost",
-			size: "icon",
-			className: "h-7 w-7",
-			children: E
-		})
-	}), /* @__PURE__ */ w(M, {
-		className: "w-64 p-2",
-		children: /* @__PURE__ */ T("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ w(n, {
-				value: i,
-				onChange: (e) => a(e.target.value),
-				placeholder: "https://...",
-				className: "h-8"
-			}), /* @__PURE__ */ w(r, {
-				size: "sm",
-				onClick: C,
-				children: "OK"
-			})]
-		})
-	})] }) : /* @__PURE__ */ w(r, {
-		type: "button",
-		variant: O?.() ? "secondary" : "ghost",
-		size: "icon",
-		className: "h-7 w-7",
-		onClick: D,
-		children: E
-	});
-}
-var z = a.forwardRef(({ value: e, onChange: n, placeholder: r, maxLength: i, showCharacterCount: a, minHeight: o, disabled: s, error: c, className: l, label: u, description: d, loading: f }, p) => /* @__PURE__ */ T("div", {
-	ref: p,
-	className: t("space-y-1.5", l),
-	children: [
-		u && /* @__PURE__ */ w(k, { children: u }),
-		d && /* @__PURE__ */ w("p", {
-			className: "text-sm text-muted-foreground",
-			children: d
-		}),
-		/* @__PURE__ */ T("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ w(N, {
-				value: e,
-				onChange: (e) => n?.(e.target.value),
-				placeholder: r,
-				maxLength: i,
-				disabled: s || f,
-				style: { minHeight: o },
-				className: t(c && "border-destructive")
-			}), f && /* @__PURE__ */ w("div", {
-				className: "absolute inset-0 flex items-center justify-center bg-background/50",
-				children: /* @__PURE__ */ w("span", {
-					className: "text-sm text-muted-foreground",
-					children: "Chargement..."
-				})
-			})]
-		}),
-		/* @__PURE__ */ T("div", {
-			className: "flex items-center justify-between",
-			children: [c && /* @__PURE__ */ w("p", {
-				className: "text-sm text-destructive",
-				children: c
-			}), a && /* @__PURE__ */ T("p", {
-				className: "text-xs text-muted-foreground ml-auto",
-				children: [
-					e?.length || 0,
-					i && ` / ${i}`,
-					" caractères"
-				]
-			})]
-		})
-	]
-}));
-z.displayName = "FallbackEditor";
-//#endregion
-export { M as a, A as i, P as n, j as o, N as r, k as s, I as t };

package/dist/waka-rich-text-editor-wnXLwvUo.js

@@ -1 +0,0 @@
-const e=require(`./waka-rich-text-editor-BJGlQgpq.js`);exports.WakaRichTextEditor=e.t,exports.default=e.t;

package/src/components/waka-actor-badge/index.tsx

@@ -1,34 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { cn } from "../../utils/cn"
-
-const WAKA_ROLES = ["CW", "SW", "IW", "LW", "DW", "TW", "AW", "BW", "FW", "EW"]
-
-export interface ActorBadgeProps {
-  role: string
-  name?: string
-  isPrimary?: boolean
-  className?: string
-}
-
-function ActorBadge({ role, name, isPrimary, className }: ActorBadgeProps) {
-  const isWaka = WAKA_ROLES.includes(role)
-  return (
-    <span
-      className={cn(
-        "inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium",
-        isWaka
-          ? "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300"
-          : "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300",
-        className,
-      )}
-    >
-      <span className="font-bold">{role}</span>
-      {name && <span className="font-normal truncate max-w-[120px]">{name}</span>}
-      {isPrimary && <span className="text-amber-500" aria-label="Principal">&#9733;</span>}
-    </span>
-  )
-}
-
-export { ActorBadge }

package/src/components/waka-actors-list/index.tsx

@@ -1,125 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { cn } from "../../utils/cn"
-import { ActorBadge } from "../waka-actor-badge"
-
-export interface Actor {
-  id: string
-  userId: string
-  userName: string
-  role: string
-  isPrimary: boolean
-}
-
-export interface ActorsListProps {
-  wakaActors: Actor[]
-  ppActors: Actor[]
-  requiredWakaRoles: string[]
-  requiredPpRoles: string[]
-  onAdd: (side: "waka" | "pp") => void
-  onRemove: (actorId: string) => void
-  onTogglePrimary: (actorId: string) => void
-}
-
-function ActorPanel({
-  title,
-  actors,
-  requiredRoles,
-  bgClass,
-  side,
-  onAdd,
-  onRemove,
-  onTogglePrimary,
-}: {
-  title: string
-  actors: Actor[]
-  requiredRoles: string[]
-  bgClass: string
-  side: "waka" | "pp"
-  onAdd: (side: "waka" | "pp") => void
-  onRemove: (actorId: string) => void
-  onTogglePrimary: (actorId: string) => void
-}) {
-  const filledRoles = new Set(actors.map((a) => a.role))
-  const missingRequired = requiredRoles.filter((r) => !filledRoles.has(r))
-
-  return (
-    <div className={cn("flex-1 rounded-lg border p-3 space-y-2", bgClass)}>
-      <div className="flex items-center justify-between">
-        <h4 className="text-sm font-semibold">{title}</h4>
-        <button
-          onClick={() => onAdd(side)}
-          className="rounded-md bg-background border px-2 py-1 text-xs hover:bg-accent"
-          aria-label={`Ajouter un acteur ${title}`}
-        >
-          + Ajouter
-        </button>
-      </div>
-
-      {missingRequired.length > 0 && (
-        <div className="text-xs text-red-600 border border-red-200 rounded p-1.5 bg-red-50 dark:bg-red-900/10">
-          Roles obligatoires manquants : {missingRequired.join(", ")}
-        </div>
-      )}
-
-      <div className="space-y-1.5">
-        {actors.map((a) => (
-          <div key={a.id} className="flex items-center justify-between rounded-md bg-background/80 px-2 py-1.5">
-            <ActorBadge role={a.role} name={a.userName} isPrimary={a.isPrimary} />
-            <div className="flex items-center gap-1">
-              <button
-                onClick={() => onTogglePrimary(a.id)}
-                className="text-xs text-muted-foreground hover:text-foreground"
-                title={a.isPrimary ? "Retirer principal" : "Marquer principal"}
-              >
-                {a.isPrimary ? "★" : "☆"}
-              </button>
-              <button
-                onClick={() => onRemove(a.id)}
-                className="text-xs text-red-500 hover:text-red-700 ml-1"
-                aria-label={`Retirer ${a.userName}`}
-              >
-                ×
-              </button>
-            </div>
-          </div>
-        ))}
-        {actors.length === 0 && (
-          <p className="text-xs text-muted-foreground text-center py-2">Aucun acteur</p>
-        )}
-      </div>
-    </div>
-  )
-}
-
-function ActorsList({
-  wakaActors, ppActors, requiredWakaRoles, requiredPpRoles, onAdd, onRemove, onTogglePrimary,
-}: ActorsListProps) {
-  return (
-    <div className="flex gap-3">
-      <ActorPanel
-        title="Acteurs Waka"
-        actors={wakaActors}
-        requiredRoles={requiredWakaRoles}
-        bgClass="bg-blue-50/50 dark:bg-blue-950/10"
-        side="waka"
-        onAdd={onAdd}
-        onRemove={onRemove}
-        onTogglePrimary={onTogglePrimary}
-      />
-      <ActorPanel
-        title="Acteurs PP"
-        actors={ppActors}
-        requiredRoles={requiredPpRoles}
-        bgClass="bg-emerald-50/50 dark:bg-emerald-950/10"
-        side="pp"
-        onAdd={onAdd}
-        onRemove={onRemove}
-        onTogglePrimary={onTogglePrimary}
-      />
-    </div>
-  )
-}
-
-export { ActorsList }

package/src/components/waka-ai-assistant-button/index.tsx

@@ -1,31 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { cn } from "../../utils/cn"
-
-export interface AiAssistantButtonProps {
-  onClick: () => void
-  hasExistingDoc?: boolean
-  disabled?: boolean
-  className?: string
-}
-
-function AiAssistantButton({ onClick, hasExistingDoc, disabled, className }: AiAssistantButtonProps) {
-  return (
-    <button
-      onClick={onClick}
-      disabled={disabled}
-      className={cn(
-        "inline-flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors",
-        "bg-violet-600 text-white hover:bg-violet-700 disabled:opacity-50",
-        className,
-      )}
-      aria-label={hasExistingDoc ? "Ouvrir document IA" : "Assistant IA"}
-    >
-      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/><path d="M5 3v4"/><path d="M19 17v4"/><path d="M3 5h4"/><path d="M17 19h4"/></svg>
-      {hasExistingDoc ? "Ouvrir document IA" : "Assistant IA"}
-    </button>
-  )
-}
-
-export { AiAssistantButton }

package/src/components/waka-document-flyover/index.tsx

@@ -1,36 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "../hover-card"
-
-export interface DocumentFlyoverProps {
-  name: string
-  extension: string
-  sizeKb: number
-  lastModified: string
-  author: string
-  onClick: () => void
-}
-
-function DocumentFlyover({ name, extension, sizeKb, lastModified, author, onClick }: DocumentFlyoverProps) {
-  return (
-    <HoverCard openDelay={200}>
-      <HoverCardTrigger asChild>
-        <button
-          onClick={onClick}
-          className="inline-flex items-center justify-center h-7 w-7 rounded-md bg-muted hover:bg-accent transition-colors"
-          aria-label={`Document: ${name}`}
-        >
-          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
-        </button>
-      </HoverCardTrigger>
-      <HoverCardContent className="w-56 p-3 text-xs" side="top">
-        <p className="font-medium truncate">{name}.{extension}</p>
-        <p className="text-muted-foreground">{sizeKb} Ko — {lastModified}</p>
-        <p className="text-muted-foreground">par {author}</p>
-      </HoverCardContent>
-    </HoverCard>
-  )
-}
-
-export { DocumentFlyover }