@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/widgets/timeline-widget.mjs

@@ -6,7 +6,6 @@ import { WidgetCard } from "../../views/dashboard/widget-card.mjs";
 import { useServerWidgetData } from "../../hooks/use-server-widget-data.mjs";
 import { WidgetEmptyState } from "./widget-empty-state.mjs";
 import { TimelineWidgetSkeleton } from "./widget-skeletons.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { useQuery } from "@tanstack/react-query";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -80,240 +79,101 @@ function formatTimestamp(date, format = "relative", t, formatDate) {
 * />
 * ```
 */
-function TimelineWidget(t0) {
-	const $ = c(64);
-	const { config, navigate } = t0;
+function TimelineWidget({ config, navigate }) {
 	const client = useAdminStore(selectClient);
 	const resolveText = useResolveText();
 	const { t, formatDate } = useTranslation();
-	const { maxItems: t1, showTimestamps: t2, timestampFormat: t3, emptyMessage } = config;
-	const maxItems = t1 === void 0 ? 10 : t1;
-	const showTimestamps = t2 === void 0 ? true : t2;
-	const timestampFormat = t3 === void 0 ? "relative" : t3;
+	const { maxItems = 10, showTimestamps = true, timestampFormat = "relative", emptyMessage } = config;
 	const useServerData = !!config.hasLoader;
-	let t4;
-	if ($[0] !== config.refreshInterval || $[1] !== useServerData) {
-		t4 = {
-			enabled: useServerData,
-			refreshInterval: config.refreshInterval
-		};
-		$[0] = config.refreshInterval;
-		$[1] = useServerData;
-		$[2] = t4;
-	} else t4 = $[2];
-	const serverQuery = useServerWidgetData(config.id, t4);
-	let t5;
-	if ($[3] !== config.id) {
-		t5 = [
+	const serverQuery = useServerWidgetData(config.id, {
+		enabled: useServerData,
+		refreshInterval: config.refreshInterval
+	});
+	const clientQuery = useQuery({
+		queryKey: [
 			"widget",
 			"timeline",
 			config.id
-		];
-		$[3] = config.id;
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== client || $[6] !== config.loader) {
-		t6 = () => config.loader(client);
-		$[5] = client;
-		$[6] = config.loader;
-		$[7] = t6;
-	} else t6 = $[7];
-	const t7 = !useServerData && !!config.loader;
-	let t8;
-	if ($[8] !== config.refreshInterval || $[9] !== t5 || $[10] !== t6 || $[11] !== t7) {
-		t8 = {
-			queryKey: t5,
-			queryFn: t6,
-			enabled: t7,
-			refetchInterval: config.refreshInterval
-		};
-		$[8] = config.refreshInterval;
-		$[9] = t5;
-		$[10] = t6;
-		$[11] = t7;
-		$[12] = t8;
-	} else t8 = $[12];
-	const clientQuery = useQuery(t8);
+		],
+		queryFn: () => config.loader(client),
+		enabled: !useServerData && !!config.loader,
+		refetchInterval: config.refreshInterval
+	});
 	const { data, isLoading, error, refetch, isFetching } = useServerData ? serverQuery : clientQuery;
-	let t9;
-	let title;
-	if ($[13] !== config.title || $[14] !== data || $[15] !== emptyMessage || $[16] !== formatDate || $[17] !== maxItems || $[18] !== navigate || $[19] !== resolveText || $[20] !== showTimestamps || $[21] !== t || $[22] !== timestampFormat) {
-		const items = data?.slice(0, maxItems) ?? [];
-		let t10$1;
-		if ($[25] !== config.title || $[26] !== resolveText) {
-			t10$1 = config.title ? resolveText(config.title) : void 0;
-			$[25] = config.title;
-			$[26] = resolveText;
-			$[27] = t10$1;
-		} else t10$1 = $[27];
-		title = t10$1;
-		let t11$1;
-		if ($[28] !== navigate) {
-			t11$1 = (item) => {
-				if (item.href && navigate) navigate(item.href);
-			};
-			$[28] = navigate;
-			$[29] = t11$1;
-		} else t11$1 = $[29];
-		const handleItemClick = t11$1;
-		let t12$1;
-		if ($[30] !== emptyMessage || $[31] !== resolveText) {
-			t12$1 = emptyMessage ? resolveText(emptyMessage) : void 0;
-			$[30] = emptyMessage;
-			$[31] = resolveText;
-			$[32] = t12$1;
-		} else t12$1 = $[32];
-		const resolvedEmptyMessage = t12$1;
-		let t13$1;
-		if ($[33] !== resolvedEmptyMessage || $[34] !== t) {
-			t13$1 = resolvedEmptyMessage ?? t("widget.timeline.emptyTitle");
-			$[33] = resolvedEmptyMessage;
-			$[34] = t;
-			$[35] = t13$1;
-		} else t13$1 = $[35];
-		let t14$1;
-		if ($[36] !== resolvedEmptyMessage || $[37] !== t) {
-			t14$1 = resolvedEmptyMessage ? void 0 : t("widget.timeline.emptyDescription");
-			$[36] = resolvedEmptyMessage;
-			$[37] = t;
-			$[38] = t14$1;
-		} else t14$1 = $[38];
-		let t15$1;
-		if ($[39] !== t13$1 || $[40] !== t14$1) {
-			t15$1 = /* @__PURE__ */ jsx(WidgetEmptyState, {
-				iconName: "ph:clock-counter-clockwise",
-				title: t13$1,
-				description: t14$1
-			});
-			$[39] = t13$1;
-			$[40] = t14$1;
-			$[41] = t15$1;
-		} else t15$1 = $[41];
-		const emptyContent = t15$1;
-		t9 = items.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {
-			className: "space-y-0",
-			children: items.map((item_0, index) => {
-				const iconElement = resolveIconElement(item_0.icon, { className: "h-3 w-3 text-white" });
-				const variant = item_0.variant || "default";
-				const isLast = index === items.length - 1;
-				const isClickable = !!(item_0.href && navigate);
-				const itemContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-					!isLast && /* @__PURE__ */ jsx("div", { className: "bg-border absolute top-6 bottom-0 left-[11px] w-px" }),
-					/* @__PURE__ */ jsx("div", {
-						className: cn("relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full", variantStyles[variant]),
-						children: iconElement ?? /* @__PURE__ */ jsx(Icon, {
-							icon: "ph:circle-bold",
-							className: "h-3 w-3 text-white"
-						})
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "min-w-0 flex-1 pt-0.5 text-left",
-						children: [
-							/* @__PURE__ */ jsx("p", {
-								className: "truncate text-sm font-medium",
-								children: item_0.title
-							}),
-							item_0.description && /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground mt-0.5 line-clamp-2 text-xs",
-								children: item_0.description
-							}),
-							showTimestamps && item_0.timestamp && /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground mt-1 text-xs",
-								children: formatTimestamp(item_0.timestamp, timestampFormat, t, formatDate)
-							})
-						]
+	const items = data?.slice(0, maxItems) ?? [];
+	const title = config.title ? resolveText(config.title) : void 0;
+	const handleItemClick = (item) => {
+		if (item.href && navigate) navigate(item.href);
+	};
+	const resolvedEmptyMessage = emptyMessage ? resolveText(emptyMessage) : void 0;
+	const emptyContent = /* @__PURE__ */ jsx(WidgetEmptyState, {
+		iconName: "ph:clock-counter-clockwise",
+		title: resolvedEmptyMessage ?? t("widget.timeline.emptyTitle"),
+		description: resolvedEmptyMessage ? void 0 : t("widget.timeline.emptyDescription")
+	});
+	const timelineContent = items.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {
+		className: "space-y-0",
+		children: items.map((item, index) => {
+			const iconElement = resolveIconElement(item.icon, { className: "h-3 w-3 text-white" });
+			const variant = item.variant || "default";
+			const isLast = index === items.length - 1;
+			const isClickable = !!(item.href && navigate);
+			const itemContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+				!isLast && /* @__PURE__ */ jsx("div", { className: "bg-border absolute top-6 bottom-0 left-[11px] w-px" }),
+				/* @__PURE__ */ jsx("div", {
+					className: cn("relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full", variantStyles[variant]),
+					children: iconElement ?? /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:circle-bold",
+						className: "h-3 w-3 text-white"
 					})
-				] });
-				return /* @__PURE__ */ jsx("div", {
-					className: cn("relative flex gap-3 pb-4", isLast && "pb-0"),
-					...isClickable ? {
-						role: "button",
-						tabIndex: 0,
-						onClick: () => handleItemClick(item_0),
-						onKeyDown: (e) => {
-							if (e.key === "Enter" || e.key === " ") handleItemClick(item_0);
-						},
-						style: { cursor: "pointer" }
-					} : {},
-					children: itemContent
-				}, item_0.id);
-			})
-		});
-		$[13] = config.title;
-		$[14] = data;
-		$[15] = emptyMessage;
-		$[16] = formatDate;
-		$[17] = maxItems;
-		$[18] = navigate;
-		$[19] = resolveText;
-		$[20] = showTimestamps;
-		$[21] = t;
-		$[22] = timestampFormat;
-		$[23] = t9;
-		$[24] = title;
-	} else {
-		t9 = $[23];
-		title = $[24];
-	}
-	const timelineContent = t9;
-	let t10;
-	if ($[42] !== config.description || $[43] !== resolveText) {
-		t10 = config.description ? resolveText(config.description) : void 0;
-		$[42] = config.description;
-		$[43] = resolveText;
-		$[44] = t10;
-	} else t10 = $[44];
-	const t11 = isFetching && !isLoading;
-	let t12;
-	if ($[45] !== maxItems) {
-		t12 = /* @__PURE__ */ jsx(TimelineWidgetSkeleton, { count: maxItems });
-		$[45] = maxItems;
-		$[46] = t12;
-	} else t12 = $[46];
-	let t13;
-	if ($[47] !== error) {
-		t13 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-		$[47] = error;
-		$[48] = t13;
-	} else t13 = $[48];
-	let t14;
-	if ($[49] !== refetch) {
-		t14 = () => refetch();
-		$[49] = refetch;
-		$[50] = t14;
-	} else t14 = $[50];
-	let t15;
-	if ($[51] !== config.actions || $[52] !== config.cardVariant || $[53] !== config.className || $[54] !== config.icon || $[55] !== isLoading || $[56] !== t10 || $[57] !== t11 || $[58] !== t12 || $[59] !== t13 || $[60] !== t14 || $[61] !== timelineContent || $[62] !== title) {
-		t15 = /* @__PURE__ */ jsx(WidgetCard, {
-			title,
-			description: t10,
-			icon: config.icon,
-			variant: config.cardVariant,
-			isLoading,
-			isRefreshing: t11,
-			loadingSkeleton: t12,
-			error: t13,
-			onRefresh: t14,
-			actions: config.actions,
-			className: config.className,
-			children: timelineContent
-		});
-		$[51] = config.actions;
-		$[52] = config.cardVariant;
-		$[53] = config.className;
-		$[54] = config.icon;
-		$[55] = isLoading;
-		$[56] = t10;
-		$[57] = t11;
-		$[58] = t12;
-		$[59] = t13;
-		$[60] = t14;
-		$[61] = timelineContent;
-		$[62] = title;
-		$[63] = t15;
-	} else t15 = $[63];
-	return t15;
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1 pt-0.5 text-left",
+					children: [
+						/* @__PURE__ */ jsx("p", {
+							className: "truncate text-sm font-medium",
+							children: item.title
+						}),
+						item.description && /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground mt-0.5 line-clamp-2 text-xs",
+							children: item.description
+						}),
+						showTimestamps && item.timestamp && /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground mt-1 text-xs",
+							children: formatTimestamp(item.timestamp, timestampFormat, t, formatDate)
+						})
+					]
+				})
+			] });
+			return /* @__PURE__ */ jsx("div", {
+				className: cn("relative flex gap-3 pb-4", isLast && "pb-0"),
+				...isClickable ? {
+					role: "button",
+					tabIndex: 0,
+					onClick: () => handleItemClick(item),
+					onKeyDown: (e) => {
+						if (e.key === "Enter" || e.key === " ") handleItemClick(item);
+					},
+					style: { cursor: "pointer" }
+				} : {},
+				children: itemContent
+			}, item.id);
+		})
+	});
+	return /* @__PURE__ */ jsx(WidgetCard, {
+		title,
+		description: config.description ? resolveText(config.description) : void 0,
+		icon: config.icon,
+		variant: config.cardVariant,
+		isLoading,
+		isRefreshing: isFetching && !isLoading,
+		loadingSkeleton: /* @__PURE__ */ jsx(TimelineWidgetSkeleton, { count: maxItems }),
+		error: error instanceof Error ? error : error ? new Error(String(error)) : null,
+		onRefresh: () => refetch(),
+		actions: config.actions,
+		className: config.className,
+		children: timelineContent
+	});
 }
 
 //#endregion