@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-datetime-picker/index.es.js

@@ -0,0 +1,359 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Label as n } from "../label/index.es.js";
+import { Popover as r, PopoverContent as ee, PopoverTrigger as te } from "../popover/index.es.js";
+import { ScrollArea as ne } from "../scroll-area/index.es.js";
+import { Separator as re } from "../separator/index.es.js";
+import { Tooltip as ie, TooltipContent as ae, TooltipProvider as i, TooltipTrigger as a } from "../tooltip/index.es.js";
+import { useTranslation as oe } from "../../hooks/use-translation.es.js";
+import * as o from "react";
+import { AlertCircle as s, Calendar as c, Clock as se, Info as ce, X as l } from "lucide-react";
+import { Fragment as le, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { endOfDay as ue, endOfMonth as de, endOfWeek as fe, endOfYear as pe, format as f, isAfter as me, isBefore as he, isEqual as p, isWithinInterval as ge, startOfDay as m, startOfMonth as _e, startOfWeek as h, startOfYear as ve, subDays as g, subMonths as ye, subWeeks as _ } from "date-fns";
+import { de as v, enUS as y, es as be, fr as b, it as xe, ja as x, pt as S, zhCN as C } from "date-fns/locale";
+import Se, { registerLocale as w } from "react-datepicker";
+w("fr", b), w("en", y), w("es", be), w("de", v), w("it", xe), w("pt", S), w("ja", x), w("zh", C);
+var T = o.forwardRef(({ value: w, onChange: T, placeholder: E, disabled: D = !1, className: O, variant: k = "date", format: Ce, minDate: A, maxDate: j, showSeconds: M = !1, showClear: N = !0, showPresets: P = !1, presets: we, locale: F = "fr", timeFormat: I = "24h", size: Te = "md", error: L, label: R, required: z = !1, inline: B = !1, monthsShown: V = 1, timeIntervals: Ee = 15, validation: H, showWeekNumbers: De = !1, showTodayButton: Oe = !0, showSelectionInfo: ke = !1, allowTimeRange: Ae = !1, timezone: je, onBeforeChange: Me, onAfterChange: Ne, renderDay: Pe, popoverClassName: Fe, disableAnimations: Ie = !1, readOnly: U = !1, id: W, name: Le, autoFocus: Re = !1 }, ze) => {
+	let { t: G } = oe(), [Be, K] = o.useState(!1), [q, Ve] = o.useState(k === "range" && w && !("from" in w) ? {
+		from: w,
+		to: void 0
+	} : w), [J, Y] = o.useState(null), [X, He] = o.useState(null), Z = {
+		fr: b,
+		en: y,
+		es: be,
+		de: v,
+		it: xe,
+		pt: S,
+		ja: x,
+		zh: C
+	}[F] || b, Ue = [
+		{
+			label: G?.("today") || "Aujourd'hui",
+			value: () => /* @__PURE__ */ new Date()
+		},
+		{
+			label: G?.("yesterday") || "Hier",
+			value: () => g(/* @__PURE__ */ new Date(), 1)
+		},
+		{
+			label: G?.("thisWeek") || "Cette semaine",
+			range: () => ({
+				from: h(/* @__PURE__ */ new Date(), { locale: Z }),
+				to: fe(/* @__PURE__ */ new Date(), { locale: Z })
+			})
+		},
+		{
+			label: G?.("lastWeek") || "Semaine dernière",
+			range: () => ({
+				from: h(_(/* @__PURE__ */ new Date(), 1), { locale: Z }),
+				to: fe(_(/* @__PURE__ */ new Date(), 1), { locale: Z })
+			})
+		},
+		{
+			label: G?.("thisMonth") || "Ce mois",
+			range: () => ({
+				from: _e(/* @__PURE__ */ new Date()),
+				to: de(/* @__PURE__ */ new Date())
+			})
+		},
+		{
+			label: G?.("lastMonth") || "Mois dernier",
+			range: () => ({
+				from: _e(ye(/* @__PURE__ */ new Date(), 1)),
+				to: de(ye(/* @__PURE__ */ new Date(), 1))
+			})
+		},
+		{
+			label: G?.("last7Days") || "7 derniers jours",
+			range: () => ({
+				from: g(/* @__PURE__ */ new Date(), 7),
+				to: /* @__PURE__ */ new Date()
+			})
+		},
+		{
+			label: G?.("last30Days") || "30 derniers jours",
+			range: () => ({
+				from: g(/* @__PURE__ */ new Date(), 30),
+				to: /* @__PURE__ */ new Date()
+			})
+		},
+		{
+			label: G?.("thisYear") || "Cette année",
+			range: () => ({
+				from: ve(/* @__PURE__ */ new Date()),
+				to: pe(/* @__PURE__ */ new Date())
+			})
+		}
+	], We = we || (P ? Ue : []), Ge = {
+		sm: "h-8 px-3 text-xs",
+		md: "h-10 px-4 text-sm",
+		lg: "h-12 px-5 text-base"
+	}, Q = Ce || (() => {
+		switch (k) {
+			case "time": return M ? I === "12h" ? "h:mm:ss a" : "HH:mm:ss" : I === "12h" ? "h:mm a" : "HH:mm";
+			case "datetime": return M ? I === "12h" ? "PPP h:mm:ss a" : "PPP HH:mm:ss" : I === "12h" ? "PPP h:mm a" : "PPP HH:mm";
+			case "range": return "PPP";
+			case "multiple": return "PPP";
+			default: return "PPP";
+		}
+	})(), Ke = (e) => {
+		if (!H) return null;
+		if (A && he(e, m(A))) return G?.("dateBeforeMin") || `Date antérieure au ${f(A, Q, { locale: Z })}`;
+		if (j && me(e, ue(j))) return G?.("dateAfterMax") || `Date postérieure au ${f(j, Q, { locale: Z })}`;
+		if (H.disabledDates?.some((t) => p(m(t), m(e))) || H.disabledDatesFn?.(e)) return H.message || G?.("dateDisabled") || "Date désactivée";
+		if (H.disabledDaysOfWeek?.includes(e.getDay())) return H.message || G?.("dayOfWeekDisabled") || "Jour de la semaine désactivé";
+		if (H.validate) {
+			let t = H.validate(e);
+			if (t === !1) return H.message || G?.("invalidDate") || "Date invalide";
+			if (typeof t == "string") return t;
+		}
+		return null;
+	}, $ = (e) => {
+		if (U) return;
+		let t = null;
+		if (k === "range") {
+			if (Array.isArray(e) && e[0] && e[1]) t = {
+				from: e[0],
+				to: e[1]
+			};
+			else if (e) {
+				let n = q;
+				t = n?.from && !n.to ? {
+					from: n.from,
+					to: e
+				} : {
+					from: e,
+					to: void 0
+				};
+			}
+		} else if (k === "multiple") if (Array.isArray(q)) {
+			let n = [...q], r = n.findIndex((t) => p(m(t), m(e)));
+			r >= 0 ? n.splice(r, 1) : n.push(e), t = n;
+		} else t = e ? [e] : [];
+		else t = e;
+		if (!(Me && !Me(t))) {
+			if (t && !Array.isArray(t) && !("from" in t)) {
+				let e = Ke(t);
+				if (e) {
+					Y(e);
+					return;
+				}
+			}
+			Y(null), Ve(t), T?.(t), Ne?.(t), k !== "range" && k !== "multiple" && !B && K(!1);
+		}
+	}, qe = (e) => {
+		if (e.range) {
+			let t = typeof e.range == "function" ? e.range() : e.range;
+			$([t.from, t.to]);
+		} else if (e.value) {
+			let t = typeof e.value == "function" ? e.value() : e.value;
+			$(t);
+		}
+		B || K(!1);
+	}, Je = (e) => {
+		e && e.stopPropagation(), !U && (Ve(null), Y(null), T?.(null), Ne?.(null));
+	}, Ye = () => {
+		$(/* @__PURE__ */ new Date());
+	}, Xe = () => {
+		if (!q) return E || G?.("selectDate") || "Sélectionner une date";
+		try {
+			if (k === "range") {
+				let e = q;
+				return e.from && e.to ? `${f(e.from, Q, { locale: Z })} - ${f(e.to, Q, { locale: Z })}` : e.from ? `${f(e.from, Q, { locale: Z })} - ...` : E || G?.("selectDateRange") || "Sélectionner une période";
+			}
+			if (k === "multiple") {
+				let e = q;
+				return e.length === 0 ? E || G?.("selectDates") || "Sélectionner des dates" : e.length === 1 ? f(e[0], Q, { locale: Z }) : `${e.length} ${G?.("datesSelected") || "dates sélectionnées"}`;
+			}
+			return f(q, Q, { locale: Z });
+		} catch (e) {
+			return console.error("Error formatting date:", e), E || G?.("selectDate") || "Sélectionner une date";
+		}
+	}, Ze = (e) => !!(A && he(e, m(A)) || j && me(e, ue(j)) || H?.disabledDates?.some((t) => p(m(t), m(e))) || H?.disabledDatesFn?.(e) || H?.disabledDaysOfWeek?.includes(e.getDay())), Qe = (e) => !!(H?.highlightedDates?.some((t) => p(m(t), m(e))) || H?.highlightedDatesFn?.(e)), $e = () => {
+		let r = {
+			selected: k === "range" ? q?.from : k === "multiple" ? void 0 : q,
+			onChange: $,
+			startDate: k === "range" ? q?.from : void 0,
+			endDate: k === "range" ? q?.to : void 0,
+			selectsRange: k === "range",
+			selectsMultiple: k === "multiple",
+			highlightDates: k === "multiple" ? q : void 0,
+			showTimeSelect: k === "time" || k === "datetime",
+			showTimeSelectOnly: k === "time",
+			timeFormat: M ? I === "12h" ? "h:mm:ss aa" : "HH:mm:ss" : I === "12h" ? "h:mm aa" : "HH:mm",
+			timeIntervals: Ee,
+			timeCaption: G?.("time") || "Heure",
+			dateFormat: Q,
+			locale: F,
+			formatWeekDay: (e) => e.charAt(0).toUpperCase() + e.charAt(1),
+			placeholderText: E,
+			disabled: D,
+			minDate: A,
+			maxDate: j,
+			inline: B,
+			monthsShown: k === "range" ? Math.max(2, V) : V,
+			showWeekNumbers: De,
+			filterDate: (e) => !Ze(e),
+			dayClassName: (e) => {
+				let t = [];
+				if (Qe(e) && t.push("highlighted-date"), X && k === "range") {
+					let n = q;
+					n?.from && !n.to && ge(e, {
+						start: n.from < X ? n.from : X,
+						end: n.from > X ? n.from : X
+					}) && t.push("in-selecting-range");
+				}
+				return t.join(" ");
+			},
+			onDayMouseEnter: (e) => He(e),
+			calendarClassName: e("waka-datepicker", Ie && "no-animations"),
+			wrapperClassName: "w-full",
+			autoFocus: Re
+		};
+		return /* @__PURE__ */ d("div", {
+			className: "flex gap-3",
+			children: [P && We.length > 0 && /* @__PURE__ */ d("div", {
+				className: "flex flex-col gap-1 min-w-[150px] border-r border-border pr-3",
+				children: [/* @__PURE__ */ u(n, {
+					className: "text-xs font-semibold text-muted-foreground mb-1",
+					children: G?.("quickSelection") || "Sélection rapide"
+				}), /* @__PURE__ */ u(ne, {
+					className: "h-[300px]",
+					children: /* @__PURE__ */ u("div", {
+						className: "space-y-1",
+						children: We.map((e, n) => /* @__PURE__ */ u(t, {
+							variant: "ghost",
+							size: "sm",
+							className: "w-full justify-start text-xs",
+							onClick: () => qe(e),
+							children: e.label
+						}, n))
+					})
+				})]
+			}), /* @__PURE__ */ d("div", {
+				className: "flex-1",
+				children: [/* @__PURE__ */ u(Se, { ...r }), ke && q && /* @__PURE__ */ d("div", {
+					className: "mt-3 p-2 bg-muted rounded-md text-xs space-y-1",
+					children: [/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ u(ce, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ d("span", {
+							className: "font-medium",
+							children: [G?.("selection") || "Sélection", " :"]
+						})]
+					}), /* @__PURE__ */ u("div", {
+						className: "text-muted-foreground pl-5",
+						children: Xe()
+					})]
+				})]
+			})]
+		});
+	};
+	return B ? /* @__PURE__ */ d("div", {
+		ref: ze,
+		className: e("space-y-2", O),
+		id: W,
+		children: [
+			R && /* @__PURE__ */ d(n, {
+				className: "text-sm font-medium text-foreground",
+				children: [R, z && /* @__PURE__ */ u("span", {
+					className: "text-destructive ml-1",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "border border-border rounded-lg p-4 bg-card",
+				children: $e()
+			}),
+			(L || J) && /* @__PURE__ */ d("div", {
+				className: "flex items-center gap-1.5 text-sm text-destructive",
+				children: [/* @__PURE__ */ u(s, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: L || J })]
+			})
+		]
+	}) : /* @__PURE__ */ d("div", {
+		ref: ze,
+		className: e("space-y-2", O),
+		id: W,
+		children: [
+			R && /* @__PURE__ */ d(n, {
+				htmlFor: `${W}-input`,
+				className: "text-sm font-medium text-foreground",
+				children: [R, z && /* @__PURE__ */ u("span", {
+					className: "text-destructive ml-1",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ d(r, {
+				open: Be,
+				onOpenChange: K,
+				children: [/* @__PURE__ */ u(te, {
+					asChild: !0,
+					children: /* @__PURE__ */ d(t, {
+						id: `${W}-input`,
+						name: Le,
+						variant: "outline",
+						disabled: D || U,
+						className: e("w-full justify-between text-left font-normal", !q && "text-muted-foreground", Ge[Te], (L || J) && "border-destructive focus-visible:ring-destructive", U && "cursor-default opacity-70"),
+						"aria-label": R || E,
+						"aria-invalid": !!(L || J),
+						"aria-required": z,
+						children: [/* @__PURE__ */ d("span", {
+							className: "flex items-center gap-2 flex-1 truncate",
+							children: [u(k === "time" ? se : c, { className: "h-4 w-4 flex-shrink-0" }), /* @__PURE__ */ u("span", {
+								className: "truncate",
+								children: Xe()
+							})]
+						}), /* @__PURE__ */ d("div", {
+							className: "flex items-center gap-1 flex-shrink-0 ml-2",
+							children: [q && N && !U && /* @__PURE__ */ u(i, { children: /* @__PURE__ */ d(ie, { children: [/* @__PURE__ */ u(a, {
+								asChild: !0,
+								children: /* @__PURE__ */ u("div", {
+									className: "h-5 w-5 rounded hover:bg-destructive/10 flex items-center justify-center cursor-pointer",
+									onClick: Je,
+									role: "button",
+									"aria-label": G?.("clear") || "Effacer",
+									children: /* @__PURE__ */ u(l, { className: "h-3 w-3 text-muted-foreground hover:text-destructive" })
+								})
+							}), /* @__PURE__ */ u(ae, { children: /* @__PURE__ */ u("p", { children: G?.("clear") || "Effacer" }) })] }) }), J && /* @__PURE__ */ u(i, { children: /* @__PURE__ */ d(ie, { children: [/* @__PURE__ */ u(a, {
+								asChild: !0,
+								children: /* @__PURE__ */ u(s, { className: "h-4 w-4 text-destructive" })
+							}), /* @__PURE__ */ u(ae, { children: /* @__PURE__ */ u("p", { children: J }) })] }) })]
+						})]
+					})
+				}), /* @__PURE__ */ d(ee, {
+					className: e("w-auto p-0", Fe),
+					align: "start",
+					sideOffset: 4,
+					children: [/* @__PURE__ */ u("div", {
+						className: "p-4",
+						children: $e()
+					}), (Oe || N) && /* @__PURE__ */ d(le, { children: [/* @__PURE__ */ u(re, {}), /* @__PURE__ */ d("div", {
+						className: "flex items-center justify-between p-3 gap-2",
+						children: [Oe && /* @__PURE__ */ d(t, {
+							variant: "outline",
+							size: "sm",
+							onClick: Ye,
+							disabled: D || U,
+							children: [/* @__PURE__ */ u(c, { className: "h-3.5 w-3.5 mr-1.5" }), G?.("today") || "Aujourd'hui"]
+						}), N && q && /* @__PURE__ */ d(t, {
+							variant: "outline",
+							size: "sm",
+							onClick: Je,
+							disabled: D || U,
+							className: "ml-auto",
+							children: [/* @__PURE__ */ u(l, { className: "h-3.5 w-3.5 mr-1.5" }), G?.("clear") || "Effacer"]
+						})]
+					})] })]
+				})]
+			}),
+			(L || J) && /* @__PURE__ */ d("div", {
+				className: "flex items-center gap-1.5 text-sm text-destructive",
+				children: [/* @__PURE__ */ u(s, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: L || J })]
+			})
+		]
+	});
+});
+T.displayName = "WakaDateTimePicker";
+//#endregion
+export { T as WakaDateTimePicker };

package/dist/components/waka-datetime-picker.form-integration/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../waka-datetime-picker/index.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("react/jsx-runtime"),i=require("react-hook-form");function a({name:e,control:n,defaultValue:a,...o}){return(0,r.jsx)(i.Controller,{name:e,control:n,defaultValue:a,render:({field:e,fieldState:n})=>(0,r.jsx)(t.WakaDateTimePicker,{...o,value:e.value,onChange:e.onChange,error:n.error?.message})})}function o(e){return n.useMemo(()=>({formatDateForSubmit:e=>e?e.toISOString():null,formatRangeForSubmit:e=>!e?.from||!e?.to?null:{from:e.from.toISOString(),to:e.to.toISOString()},parseDateFromServer:e=>e?new Date(e):null,parseRangeFromServer:e=>e?{from:new Date(e.from),to:new Date(e.to)}:null}),[])}exports.WakaDateTimePickerForm=a,exports.useDateForm=o;

package/dist/components/waka-datetime-picker.form-integration/index.d.ts

@@ -59,19 +59,19 @@ export declare function WakaDateTimePickerForm<T extends FieldValues>({ name, co
  * Hook personnalisé pour les formulaires de dates
  */
 export declare function useDateForm<T extends FieldValues>(defaultValues?: Partial<T>): {
-    formatDateForSubmit: (date: Date | null) => string;
+    formatDateForSubmit: (date: Date | null) => string | null;
     formatRangeForSubmit: (range: DateRange | null) => {
         from: string;
         to: string;
-    };
-    parseDateFromServer: (dateString: string | null) => Date;
+    } | null;
+    parseDateFromServer: (dateString: string | null) => Date | null;
     parseRangeFromServer: (rangeData: {
         from: string;
         to: string;
     } | null) => {
         from: Date;
         to: Date;
-    };
+    } | null;
 };
 export {};
 /**

package/dist/components/waka-datetime-picker.form-integration/index.es.js

@@ -0,0 +1,36 @@
+"use client";
+"use client";
+import { WakaDateTimePicker as e } from "../waka-datetime-picker/index.es.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Controller as r } from "react-hook-form";
+//#region src/components/waka-datetime-picker.form-integration/index.tsx
+function i({ name: t, control: i, defaultValue: a, ...o }) {
+	return /* @__PURE__ */ n(r, {
+		name: t,
+		control: i,
+		defaultValue: a,
+		render: ({ field: t, fieldState: r }) => /* @__PURE__ */ n(e, {
+			...o,
+			value: t.value,
+			onChange: t.onChange,
+			error: r.error?.message
+		})
+	});
+}
+function a(e) {
+	return t.useMemo(() => ({
+		formatDateForSubmit: (e) => e ? e.toISOString() : null,
+		formatRangeForSubmit: (e) => !e?.from || !e?.to ? null : {
+			from: e.from.toISOString(),
+			to: e.to.toISOString()
+		},
+		parseDateFromServer: (e) => e ? new Date(e) : null,
+		parseRangeFromServer: (e) => e ? {
+			from: new Date(e.from),
+			to: new Date(e.to)
+		} : null
+	}), []);
+}
+//#endregion
+export { i as WakaDateTimePickerForm, a as useDateForm };

package/dist/components/waka-dependency-tree/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("../badge/index.cjs.js"),r=require("../button/index.cjs.js"),i=require("../input/index.cjs.js"),a=require("../scroll-area/index.cjs.js"),o=require("../tooltip/index.cjs.js");let s=require("react");s=e.__toESM(s);let c=require("lucide-react"),l=require("react/jsx-runtime");var u={direct:{label:`Direct`,color:`bg-blue-500`},transitive:{label:`Transitive`,color:`bg-gray-500`},dev:{label:`Dev`,color:`bg-purple-500`},peer:{label:`Peer`,color:`bg-orange-500`},optional:{label:`Optional`,color:`bg-cyan-500`}};function d(e){return e?e.critical>0?`critical`:e.high>0?`high`:e.medium>0?`medium`:e.low>0?`low`:`none`:`none`}function f(e){return e?e.critical+e.high+e.medium+e.low:0}function p(e){if(!e)return``;if(e<1024)return`${e} B`;let t=1024,n=[`B`,`KB`,`MB`],r=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/t**r).toFixed(1))+` `+n[r]}function m({dependency:e,depth:i,isExpanded:a,onToggle:s,onDependencyClick:m,onUpgrade:h}){let g=e.children&&e.children.length>0,_=d(e.vulnerabilities),v=f(e.vulnerabilities),y=u[e.type];return(0,l.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 px-2 py-1.5 hover:bg-muted/50 transition-colors rounded`,_===`critical`&&`bg-red-500/5`,_===`high`&&`bg-orange-500/5`),style:{paddingLeft:`${i*20+8}px`},children:[(0,l.jsx)(`button`,{className:`w-5 h-5 flex items-center justify-center text-muted-foreground`,onClick:s,disabled:!g,children:g?a?(0,l.jsx)(c.ChevronDown,{className:`h-4 w-4`}):(0,l.jsx)(c.ChevronRight,{className:`h-4 w-4`}):(0,l.jsx)(`span`,{className:`w-4`})}),(0,l.jsxs)(`div`,{className:`relative`,children:[(0,l.jsx)(c.Package,{className:`h-4 w-4 text-muted-foreground`}),_!==`none`&&(0,l.jsx)(`div`,{className:t.cn(`absolute -top-1 -right-1 w-2 h-2 rounded-full`,_===`critical`?`bg-red-500`:_===`high`?`bg-orange-500`:_===`medium`?`bg-yellow-500`:`bg-blue-500`)})]}),(0,l.jsx)(`button`,{className:`font-medium text-sm hover:text-primary hover:underline`,onClick:()=>m?.(e),children:e.name}),(0,l.jsx)(`code`,{className:`text-xs bg-muted px-1.5 py-0.5 rounded`,children:e.version}),(0,l.jsx)(n.Badge,{variant:`outline`,className:`text-xs`,children:y.label}),v>0&&(0,l.jsx)(o.TooltipProvider,{children:(0,l.jsxs)(o.Tooltip,{children:[(0,l.jsx)(o.TooltipTrigger,{asChild:!0,children:(0,l.jsxs)(n.Badge,{className:t.cn(`text-xs text-white`,_===`critical`?`bg-red-500`:_===`high`?`bg-orange-500`:_===`medium`?`bg-yellow-500`:`bg-blue-500`),children:[(0,l.jsx)(c.ShieldAlert,{className:`h-3 w-3 mr-1`}),v]})}),(0,l.jsx)(o.TooltipContent,{children:(0,l.jsxs)(`div`,{className:`space-y-1 text-xs`,children:[e.vulnerabilities?.critical>0&&(0,l.jsxs)(`div`,{className:`text-red-500`,children:[e.vulnerabilities?.critical,` critical`]}),e.vulnerabilities?.high>0&&(0,l.jsxs)(`div`,{className:`text-orange-500`,children:[e.vulnerabilities?.high,` high`]}),e.vulnerabilities?.medium>0&&(0,l.jsxs)(`div`,{className:`text-yellow-500`,children:[e.vulnerabilities?.medium,` medium`]}),e.vulnerabilities?.low>0&&(0,l.jsxs)(`div`,{className:`text-blue-500`,children:[e.vulnerabilities?.low,` low`]})]})})]})}),e.outdated&&e.latestVersion&&(0,l.jsx)(o.TooltipProvider,{children:(0,l.jsxs)(o.Tooltip,{children:[(0,l.jsx)(o.TooltipTrigger,{asChild:!0,children:(0,l.jsxs)(r.Button,{variant:`ghost`,size:`sm`,className:`h-6 px-2 text-xs text-yellow-500`,onClick:t=>{t.stopPropagation(),h?.(e)},children:[(0,l.jsx)(c.ArrowUpCircle,{className:`h-3 w-3 mr-1`}),e.latestVersion]})}),(0,l.jsxs)(o.TooltipContent,{children:[`Upgrade to `,e.latestVersion]})]})}),e.license&&(0,l.jsx)(`span`,{className:`text-xs text-muted-foreground ml-auto`,children:e.license}),e.size&&(0,l.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:p(e.size)})]})}function h({dependencies:e,depth:t,expandedIds:n,onToggle:r,onDependencyClick:i,onUpgrade:a,searchQuery:o}){return(0,l.jsx)(l.Fragment,{children:e.map(e=>{let c=n.has(e.id);return!(!o||e.name.toLowerCase().includes(o.toLowerCase()))&&!e.children?.some(e=>e.name.toLowerCase().includes(o.toLowerCase()))?null:(0,l.jsxs)(s.Fragment,{children:[(0,l.jsx)(m,{dependency:e,depth:t,isExpanded:c,onToggle:()=>r(e.id),onDependencyClick:i,onUpgrade:a}),c&&e.children&&(0,l.jsx)(h,{dependencies:e.children,depth:t+1,expandedIds:n,onToggle:r,onDependencyClick:i,onUpgrade:a,searchQuery:o})]},e.id)})})}function g({dependencies:e,onDependencyClick:o,onUpgrade:u,title:d=`Dependencies`,showDevDeps:p=!0,showVulnerableOnly:m=!1,className:g}){let[_,v]=s.useState(``),[y,b]=s.useState(new Set),[x,S]=s.useState(m),C=e=>{b(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},w=()=>{let t=new Set,n=e=>{e.forEach(e=>{t.add(e.id),e.children&&n(e.children)})};n(e),b(t)},T=()=>{b(new Set)},E=s.useMemo(()=>{let t=e;if(p||(t=t.filter(e=>e.type!==`dev`)),x){let e=t=>f(t.vulnerabilities)>0?!0:t.children?.some(e)||!1;t=t.filter(e)}return t},[e,p,x]),D=s.useMemo(()=>{let t=0,n=0,r=0,i=0,a=e=>{e.forEach(e=>{t++,f(e.vulnerabilities)>0&&n++,e.vulnerabilities?.critical&&(i+=e.vulnerabilities.critical),e.outdated&&r++,e.children&&a(e.children)})};return a(e),{total:t,vulnerable:n,outdated:r,criticalVulns:i}},[e]);return(0,l.jsxs)(`div`,{className:t.cn(`flex flex-col border rounded-lg bg-background`,g),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-4 p-3 border-b`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,l.jsx)(c.GitBranch,{className:`h-5 w-5`}),(0,l.jsx)(`h3`,{className:`font-semibold`,children:d}),(0,l.jsx)(n.Badge,{variant:`secondary`,children:D.total})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[D.criticalVulns>0&&(0,l.jsxs)(n.Badge,{className:`bg-red-500`,children:[D.criticalVulns,` critical`]}),D.vulnerable>0&&(0,l.jsxs)(n.Badge,{variant:`secondary`,className:`text-orange-500`,children:[D.vulnerable,` vulnerable`]}),D.outdated>0&&(0,l.jsxs)(n.Badge,{variant:`outline`,children:[D.outdated,` outdated`]})]})]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2 p-2 border-b bg-muted/30`,children:[(0,l.jsxs)(`div`,{className:`relative flex-1 max-w-sm`,children:[(0,l.jsx)(c.Search,{className:`absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,l.jsx)(i.Input,{placeholder:`Search packages...`,value:_,onChange:e=>v(e.target.value),className:`pl-8 h-8`})]}),(0,l.jsxs)(r.Button,{variant:x?`default`:`outline`,size:`sm`,className:`h-8`,onClick:()=>S(!x),children:[(0,l.jsx)(c.ShieldAlert,{className:`h-4 w-4 mr-1`}),`Vulnerable only`]}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8`,onClick:w,children:`Expand All`}),(0,l.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8`,onClick:T,children:`Collapse All`})]})]}),(0,l.jsx)(a.ScrollArea,{className:`flex-1 max-h-[500px]`,children:(0,l.jsx)(`div`,{className:`py-2`,children:E.length===0?(0,l.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-32 text-muted-foreground`,children:[(0,l.jsx)(c.Package,{className:`h-8 w-8 mb-2`}),(0,l.jsx)(`span`,{children:`No dependencies found`})]}):(0,l.jsx)(h,{dependencies:E,depth:0,expandedIds:y,onToggle:C,onDependencyClick:o,onUpgrade:u,searchQuery:_})})})]})}var _=[{id:`1`,name:`react`,version:`18.2.0`,latestVersion:`18.2.0`,type:`direct`,license:`MIT`,size:2.5*1024*1024,children:[{id:`1-1`,name:`loose-envify`,version:`1.4.0`,type:`transitive`,license:`MIT`}]},{id:`2`,name:`lodash`,version:`4.17.19`,latestVersion:`4.17.21`,type:`direct`,license:`MIT`,outdated:!0,vulnerabilities:{critical:0,high:1,medium:1,low:0},size:530*1024},{id:`3`,name:`axios`,version:`0.21.1`,latestVersion:`1.6.0`,type:`direct`,license:`MIT`,outdated:!0,vulnerabilities:{critical:1,high:0,medium:0,low:0},size:450*1024,children:[{id:`3-1`,name:`follow-redirects`,version:`1.14.0`,type:`transitive`,license:`MIT`,vulnerabilities:{critical:0,high:1,medium:0,low:0}}]},{id:`4`,name:`typescript`,version:`5.0.0`,latestVersion:`5.3.0`,type:`dev`,license:`Apache-2.0`,outdated:!0,size:15*1024*1024},{id:`5`,name:`eslint`,version:`8.50.0`,type:`dev`,license:`MIT`,size:3*1024*1024}];exports.WakaDependencyTree=g,exports.defaultDependencies=_;