@questpie/admin 3.2.4 → 3.2.5

package/dist/client/components/widgets/value-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 { ValueWidgetSkeleton } from "./widget-skeletons.mjs";
-import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -44,397 +43,91 @@ function formatValue(value) {
 * />
 * ```
 */
-function ValueWidget(t0) {
-	const $ = c(137);
-	const { config } = t0;
+function ValueWidget({ config }) {
 	const client = useAdminStore(selectClient);
 	const resolveText = useResolveText();
 	const { t } = useTranslation();
 	const useServerData = !!config.hasLoader;
-	let t1;
-	if ($[0] !== config.refreshInterval || $[1] !== useServerData) {
-		t1 = {
-			enabled: useServerData,
-			refreshInterval: config.refreshInterval
-		};
-		$[0] = config.refreshInterval;
-		$[1] = useServerData;
-		$[2] = t1;
-	} else t1 = $[2];
-	const serverQuery = useServerWidgetData(config.id, t1);
-	let t2;
-	if ($[3] !== config.id) {
-		t2 = [
+	const serverQuery = useServerWidgetData(config.id, {
+		enabled: useServerData,
+		refreshInterval: config.refreshInterval
+	});
+	const clientQuery = useQuery({
+		queryKey: [
 			"widget",
 			"value",
 			config.id
-		];
-		$[3] = config.id;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== client || $[6] !== config.loader) {
-		t3 = () => config.loader(client);
-		$[5] = client;
-		$[6] = config.loader;
-		$[7] = t3;
-	} else t3 = $[7];
-	const t4 = !useServerData && !!config.loader;
-	let t5;
-	if ($[8] !== config.refreshInterval || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
-		t5 = {
-			queryKey: t2,
-			queryFn: t3,
-			enabled: t4,
-			refetchInterval: config.refreshInterval
-		};
-		$[8] = config.refreshInterval;
-		$[9] = t2;
-		$[10] = t3;
-		$[11] = t4;
-		$[12] = t5;
-	} else t5 = $[12];
-	const clientQuery = useQuery(t5);
+		],
+		queryFn: () => config.loader(client),
+		enabled: !useServerData && !!config.loader,
+		refetchInterval: config.refreshInterval
+	});
 	const { data, isLoading, error, refetch, isFetching } = useServerData ? serverQuery : clientQuery;
 	const isFeatured = config.cardVariant === "featured";
-	if (isLoading || error) {
-		let t6$1;
-		if ($[13] !== config.title || $[14] !== resolveText) {
-			t6$1 = config.title ? resolveText(config.title) : void 0;
-			$[13] = config.title;
-			$[14] = resolveText;
-			$[15] = t6$1;
-		} else t6$1 = $[15];
-		let t7$1;
-		if ($[16] !== config.description || $[17] !== resolveText) {
-			t7$1 = config.description ? resolveText(config.description) : void 0;
-			$[16] = config.description;
-			$[17] = resolveText;
-			$[18] = t7$1;
-		} else t7$1 = $[18];
-		const t8$1 = config.icon;
-		const t9$1 = config.cardVariant;
-		let t10$1;
-		if ($[19] !== isFeatured) {
-			t10$1 = /* @__PURE__ */ jsx(ValueWidgetSkeleton, { featured: isFeatured });
-			$[19] = isFeatured;
-			$[20] = t10$1;
-		} else t10$1 = $[20];
-		let t11$1;
-		if ($[21] !== error) {
-			t11$1 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-			$[21] = error;
-			$[22] = t11$1;
-		} else t11$1 = $[22];
-		let t12$1;
-		if ($[23] !== refetch) {
-			t12$1 = () => refetch();
-			$[23] = refetch;
-			$[24] = t12$1;
-		} else t12$1 = $[24];
-		const t13$1 = config.actions;
-		const t14$1 = data?.classNames?.root;
-		let t15$1;
-		if ($[25] !== config.className || $[26] !== t14$1) {
-			t15$1 = cn(config.className, t14$1);
-			$[25] = config.className;
-			$[26] = t14$1;
-			$[27] = t15$1;
-		} else t15$1 = $[27];
-		let t16$1;
-		if ($[28] !== config.actions || $[29] !== config.cardVariant || $[30] !== config.icon || $[31] !== isLoading || $[32] !== t10$1 || $[33] !== t11$1 || $[34] !== t12$1 || $[35] !== t15$1 || $[36] !== t6$1 || $[37] !== t7$1) {
-			t16$1 = /* @__PURE__ */ jsx(WidgetCard, {
-				title: t6$1,
-				description: t7$1,
-				icon: t8$1,
-				variant: t9$1,
-				isLoading,
-				loadingSkeleton: t10$1,
-				error: t11$1,
-				onRefresh: t12$1,
-				actions: t13$1,
-				className: t15$1
-			});
-			$[28] = config.actions;
-			$[29] = config.cardVariant;
-			$[30] = config.icon;
-			$[31] = isLoading;
-			$[32] = t10$1;
-			$[33] = t11$1;
-			$[34] = t12$1;
-			$[35] = t15$1;
-			$[36] = t6$1;
-			$[37] = t7$1;
-			$[38] = t16$1;
-		} else t16$1 = $[38];
-		return t16$1;
-	}
-	if (!data) {
-		let t6$1;
-		if ($[39] !== config.title || $[40] !== resolveText) {
-			t6$1 = config.title ? resolveText(config.title) : void 0;
-			$[39] = config.title;
-			$[40] = resolveText;
-			$[41] = t6$1;
-		} else t6$1 = $[41];
-		let t7$1;
-		if ($[42] !== config.description || $[43] !== resolveText) {
-			t7$1 = config.description ? resolveText(config.description) : void 0;
-			$[42] = config.description;
-			$[43] = resolveText;
-			$[44] = t7$1;
-		} else t7$1 = $[44];
-		const t8$1 = config.icon;
-		const t9$1 = config.cardVariant;
-		const t10$1 = isFetching && !isLoading;
-		let t11$1;
-		if ($[45] !== refetch) {
-			t11$1 = () => refetch();
-			$[45] = refetch;
-			$[46] = t11$1;
-		} else t11$1 = $[46];
-		const t12$1 = config.actions;
-		const t13$1 = config.className;
-		let t14$1;
-		if ($[47] !== t) {
-			t14$1 = t("widget.value.emptyTitle");
-			$[47] = t;
-			$[48] = t14$1;
-		} else t14$1 = $[48];
-		let t15$1;
-		if ($[49] !== t) {
-			t15$1 = t("widget.value.emptyDescription");
-			$[49] = t;
-			$[50] = t15$1;
-		} else t15$1 = $[50];
-		let t16$1;
-		if ($[51] !== t14$1 || $[52] !== t15$1) {
-			t16$1 = /* @__PURE__ */ jsx(WidgetEmptyState, {
-				iconName: "ph:gauge",
-				title: t14$1,
-				description: t15$1
-			});
-			$[51] = t14$1;
-			$[52] = t15$1;
-			$[53] = t16$1;
-		} else t16$1 = $[53];
-		let t17$1;
-		if ($[54] !== config.actions || $[55] !== config.cardVariant || $[56] !== config.className || $[57] !== config.icon || $[58] !== t10$1 || $[59] !== t11$1 || $[60] !== t16$1 || $[61] !== t6$1 || $[62] !== t7$1) {
-			t17$1 = /* @__PURE__ */ jsx(WidgetCard, {
-				title: t6$1,
-				description: t7$1,
-				icon: t8$1,
-				variant: t9$1,
-				isRefreshing: t10$1,
-				onRefresh: t11$1,
-				actions: t12$1,
-				className: t13$1,
-				children: t16$1
-			});
-			$[54] = config.actions;
-			$[55] = config.cardVariant;
-			$[56] = config.className;
-			$[57] = config.icon;
-			$[58] = t10$1;
-			$[59] = t11$1;
-			$[60] = t16$1;
-			$[61] = t6$1;
-			$[62] = t7$1;
-			$[63] = t17$1;
-		} else t17$1 = $[63];
-		return t17$1;
-	}
-	let T0;
-	let cls;
-	let footer;
-	let subtitle;
-	let t10;
-	let t11;
-	let t12;
-	let t13;
-	let t14;
-	let t15;
-	let t16;
-	let t6;
-	let t7;
-	let t8;
-	let t9;
-	if ($[64] !== config.actions || $[65] !== config.cardVariant || $[66] !== config.className || $[67] !== config.description || $[68] !== config.title || $[69] !== data.classNames || $[70] !== data.footer || $[71] !== data.formatted || $[72] !== data.icon || $[73] !== data.label || $[74] !== data.subtitle || $[75] !== data.trend || $[76] !== data.value || $[77] !== isFetching || $[78] !== isLoading || $[79] !== refetch || $[80] !== resolveText) {
-		cls = data.classNames ?? {};
-		const Icon = data.icon;
-		const TrendIcon = data.trend?.icon;
-		let t17$1;
-		if ($[96] !== config.title || $[97] !== data.label || $[98] !== resolveText) {
-			t17$1 = data.label ? resolveText(data.label) : config.title ? resolveText(config.title) : void 0;
-			$[96] = config.title;
-			$[97] = data.label;
-			$[98] = resolveText;
-			$[99] = t17$1;
-		} else t17$1 = $[99];
-		const label = t17$1;
-		let t18$1;
-		if ($[100] !== data.subtitle || $[101] !== resolveText) {
-			t18$1 = data.subtitle ? resolveText(data.subtitle) : void 0;
-			$[100] = data.subtitle;
-			$[101] = resolveText;
-			$[102] = t18$1;
-		} else t18$1 = $[102];
-		subtitle = t18$1;
-		let t19$1;
-		if ($[103] !== data.footer || $[104] !== resolveText) {
-			t19$1 = data.footer ? resolveText(data.footer) : void 0;
-			$[103] = data.footer;
-			$[104] = resolveText;
-			$[105] = t19$1;
-		} else t19$1 = $[105];
-		footer = t19$1;
-		T0 = WidgetCard;
-		t9 = label;
-		t10 = Icon;
-		if ($[106] !== config.description || $[107] !== resolveText) {
-			t11 = config.description ? resolveText(config.description) : void 0;
-			$[106] = config.description;
-			$[107] = resolveText;
-			$[108] = t11;
-		} else t11 = $[108];
-		t12 = config.cardVariant;
-		if ($[109] !== refetch) {
-			t13 = () => refetch();
-			$[109] = refetch;
-			$[110] = t13;
-		} else t13 = $[110];
-		t14 = isFetching && !isLoading;
-		t15 = config.actions;
-		t16 = cn(config.className, cls.root);
-		t6 = cn("space-y-1", cls.content);
-		let t20$1;
-		if ($[111] !== data.formatted || $[112] !== data.value) {
-			t20$1 = data.formatted ?? formatValue(data.value);
-			$[111] = data.formatted;
-			$[112] = data.value;
-			$[113] = t20$1;
-		} else t20$1 = $[113];
-		t7 = /* @__PURE__ */ jsx("div", {
-			className: cn("text-2xl font-bold", cls.value),
-			children: t20$1
-		});
-		t8 = data.trend && /* @__PURE__ */ jsxs("div", {
-			className: cn("flex items-center gap-1 text-sm", cls.trend),
-			children: [resolveIconElement(TrendIcon, { className: cn("h-3 w-3", cls.trendIcon) }), /* @__PURE__ */ jsx("span", { children: data.trend.value })]
-		});
-		$[64] = config.actions;
-		$[65] = config.cardVariant;
-		$[66] = config.className;
-		$[67] = config.description;
-		$[68] = config.title;
-		$[69] = data.classNames;
-		$[70] = data.footer;
-		$[71] = data.formatted;
-		$[72] = data.icon;
-		$[73] = data.label;
-		$[74] = data.subtitle;
-		$[75] = data.trend;
-		$[76] = data.value;
-		$[77] = isFetching;
-		$[78] = isLoading;
-		$[79] = refetch;
-		$[80] = resolveText;
-		$[81] = T0;
-		$[82] = cls;
-		$[83] = footer;
-		$[84] = subtitle;
-		$[85] = t10;
-		$[86] = t11;
-		$[87] = t12;
-		$[88] = t13;
-		$[89] = t14;
-		$[90] = t15;
-		$[91] = t16;
-		$[92] = t6;
-		$[93] = t7;
-		$[94] = t8;
-		$[95] = t9;
-	} else {
-		T0 = $[81];
-		cls = $[82];
-		footer = $[83];
-		subtitle = $[84];
-		t10 = $[85];
-		t11 = $[86];
-		t12 = $[87];
-		t13 = $[88];
-		t14 = $[89];
-		t15 = $[90];
-		t16 = $[91];
-		t6 = $[92];
-		t7 = $[93];
-		t8 = $[94];
-		t9 = $[95];
-	}
-	let t17;
-	if ($[114] !== cls || $[115] !== subtitle) {
-		t17 = subtitle && /* @__PURE__ */ jsx("p", {
-			className: cn("text-muted-foreground text-xs", cls.subtitle),
-			children: subtitle
-		});
-		$[114] = cls;
-		$[115] = subtitle;
-		$[116] = t17;
-	} else t17 = $[116];
-	let t18;
-	if ($[117] !== cls || $[118] !== footer) {
-		t18 = footer && /* @__PURE__ */ jsx("p", {
-			className: cn("text-muted-foreground pt-2 text-xs", cls.footer),
-			children: footer
-		});
-		$[117] = cls;
-		$[118] = footer;
-		$[119] = t18;
-	} else t18 = $[119];
-	let t19;
-	if ($[120] !== t17 || $[121] !== t18 || $[122] !== t6 || $[123] !== t7 || $[124] !== t8) {
-		t19 = /* @__PURE__ */ jsxs("div", {
-			className: t6,
+	if (isLoading || error) return /* @__PURE__ */ jsx(WidgetCard, {
+		title: config.title ? resolveText(config.title) : void 0,
+		description: config.description ? resolveText(config.description) : void 0,
+		icon: config.icon,
+		variant: config.cardVariant,
+		isLoading,
+		loadingSkeleton: /* @__PURE__ */ jsx(ValueWidgetSkeleton, { featured: isFeatured }),
+		error: error instanceof Error ? error : error ? new Error(String(error)) : null,
+		onRefresh: () => refetch(),
+		actions: config.actions,
+		className: cn(config.className, data?.classNames?.root)
+	});
+	if (!data) return /* @__PURE__ */ jsx(WidgetCard, {
+		title: config.title ? resolveText(config.title) : void 0,
+		description: config.description ? resolveText(config.description) : void 0,
+		icon: config.icon,
+		variant: config.cardVariant,
+		isRefreshing: isFetching && !isLoading,
+		onRefresh: () => refetch(),
+		actions: config.actions,
+		className: config.className,
+		children: /* @__PURE__ */ jsx(WidgetEmptyState, {
+			iconName: "ph:gauge",
+			title: t("widget.value.emptyTitle"),
+			description: t("widget.value.emptyDescription")
+		})
+	});
+	const cls = data.classNames ?? {};
+	const Icon = data.icon;
+	const TrendIcon = data.trend?.icon;
+	const label = data.label ? resolveText(data.label) : config.title ? resolveText(config.title) : void 0;
+	const subtitle = data.subtitle ? resolveText(data.subtitle) : void 0;
+	const footer = data.footer ? resolveText(data.footer) : void 0;
+	return /* @__PURE__ */ jsx(WidgetCard, {
+		title: label,
+		icon: Icon,
+		description: config.description ? resolveText(config.description) : void 0,
+		variant: config.cardVariant,
+		onRefresh: () => refetch(),
+		isRefreshing: isFetching && !isLoading,
+		actions: config.actions,
+		className: cn(config.className, cls.root),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("space-y-1", cls.content),
 			children: [
-				t7,
-				t8,
-				t17,
-				t18
+				/* @__PURE__ */ jsx("div", {
+					className: cn("text-2xl font-bold", cls.value),
+					children: data.formatted ?? formatValue(data.value)
+				}),
+				data.trend && /* @__PURE__ */ jsxs("div", {
+					className: cn("flex items-center gap-1 text-sm", cls.trend),
+					children: [resolveIconElement(TrendIcon, { className: cn("h-3 w-3", cls.trendIcon) }), /* @__PURE__ */ jsx("span", { children: data.trend.value })]
+				}),
+				subtitle && /* @__PURE__ */ jsx("p", {
+					className: cn("text-muted-foreground text-xs", cls.subtitle),
+					children: subtitle
+				}),
+				footer && /* @__PURE__ */ jsx("p", {
+					className: cn("text-muted-foreground pt-2 text-xs", cls.footer),
+					children: footer
+				})
 			]
-		});
-		$[120] = t17;
-		$[121] = t18;
-		$[122] = t6;
-		$[123] = t7;
-		$[124] = t8;
-		$[125] = t19;
-	} else t19 = $[125];
-	let t20;
-	if ($[126] !== T0 || $[127] !== t10 || $[128] !== t11 || $[129] !== t12 || $[130] !== t13 || $[131] !== t14 || $[132] !== t15 || $[133] !== t16 || $[134] !== t19 || $[135] !== t9) {
-		t20 = /* @__PURE__ */ jsx(T0, {
-			title: t9,
-			icon: t10,
-			description: t11,
-			variant: t12,
-			onRefresh: t13,
-			isRefreshing: t14,
-			actions: t15,
-			className: t16,
-			children: t19
-		});
-		$[126] = T0;
-		$[127] = t10;
-		$[128] = t11;
-		$[129] = t12;
-		$[130] = t13;
-		$[131] = t14;
-		$[132] = t15;
-		$[133] = t16;
-		$[134] = t19;
-		$[135] = t9;
-		$[136] = t20;
-	} else t20 = $[136];
-	return t20;
+		})
+	});
 }
 
 //#endregion

package/dist/client/components/widgets/widget-empty-state.mjs

@@ -1,87 +1,37 @@
 import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/widgets/widget-empty-state.tsx
-function WidgetEmptyState(t0) {
-	const $ = c(18);
-	const { title, description, iconName: t1, action, className } = t0;
-	const iconName = t1 === void 0 ? "ph:tray" : t1;
-	let t2;
-	if ($[0] !== className) {
-		t2 = cn("qa-widget-empty-state flex min-h-28 flex-col items-center justify-center px-4 py-6 text-center", className);
-		$[0] = className;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] !== iconName) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: "border-border-subtle bg-surface-low text-muted-foreground mb-3 flex size-9 items-center justify-center rounded-md border",
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: iconName,
-				className: "size-4"
-			})
-		});
-		$[2] = iconName;
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== title) {
-		t4 = /* @__PURE__ */ jsx("p", {
-			className: "text-foreground text-sm leading-5 font-medium text-balance",
-			children: title
-		});
-		$[4] = title;
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== description) {
-		t5 = description && /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground mt-1 max-w-60 text-xs/5 text-pretty",
-			children: description
-		});
-		$[6] = description;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== action) {
-		t6 = action && /* @__PURE__ */ jsx("div", {
-			className: "mt-4",
-			children: action
-		});
-		$[8] = action;
-		$[9] = t6;
-	} else t6 = $[9];
-	let t7;
-	if ($[10] !== t3 || $[11] !== t4 || $[12] !== t5 || $[13] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
+function WidgetEmptyState({ title, description, iconName = "ph:tray", action, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "widget-empty-state",
+		className: cn("qa-widget-empty-state flex min-h-28 flex-col items-center justify-center px-4 py-6 text-center", className),
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex max-w-64 flex-col items-center",
 			children: [
-				t3,
-				t4,
-				t5,
-				t6
+				/* @__PURE__ */ jsx("div", {
+					className: "border-border-subtle bg-surface-low text-muted-foreground mb-3 flex size-9 items-center justify-center rounded-md border",
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: iconName,
+						className: "size-4"
+					})
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-foreground text-sm leading-5 font-medium text-balance",
+					children: title
+				}),
+				description && /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mt-1 max-w-60 text-xs/5 text-pretty",
+					children: description
+				}),
+				action && /* @__PURE__ */ jsx("div", {
+					className: "mt-4",
+					children: action
+				})
 			]
-		});
-		$[10] = t3;
-		$[11] = t4;
-		$[12] = t5;
-		$[13] = t6;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== t2 || $[16] !== t7) {
-		t8 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "widget-empty-state",
-			className: t2,
-			children: t7
-		});
-		$[15] = t2;
-		$[16] = t7;
-		$[17] = t8;
-	} else t8 = $[17];
-	return t8;
+		})
+	});
 }
 
 //#endregion