@questpie/admin 3.0.4 → 3.0.5

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

@@ -1,4 +1,4 @@
-import { useResolveText } from "../../i18n/hooks.mjs";
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { formatLabel } from "../../lib/utils.mjs";
 import { useCollectionList } from "../../hooks/use-collection.mjs";
 import { WidgetCard } from "../../views/dashboard/widget-card.mjs";
@@ -75,9 +75,10 @@ function _temp(entry) {
 	}, String(entry.name));
 }
 function ChartWidget(t0) {
-	const $ = c(49);
+	const $ = c(56);
 	const { config } = t0;
 	const resolveText = useResolveText();
+	const { t } = useTranslation();
 	const { collection, field, chartType: t1, timeRange: t2, label, color: t3, showGrid: t4, realtime, hasLoader, refreshInterval } = config;
 	const chartType = t1 === void 0 ? "area" : t1;
 	const timeRange = t2 === void 0 ? "30d" : t2;
@@ -188,19 +189,33 @@ function ChartWidget(t0) {
 	}
 	const chartData = t13;
 	let t14;
-	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = /* @__PURE__ */ jsx(WidgetEmptyState, {
+	if ($[24] !== t) {
+		t14 = t("widget.chart.emptyTitle");
+		$[24] = t;
+		$[25] = t14;
+	} else t14 = $[25];
+	let t15;
+	if ($[26] !== t) {
+		t15 = t("widget.chart.emptyDescription");
+		$[26] = t;
+		$[27] = t15;
+	} else t15 = $[27];
+	let t16;
+	if ($[28] !== t14 || $[29] !== t15) {
+		t16 = /* @__PURE__ */ jsx(WidgetEmptyState, {
 			iconName: "ph:chart-line",
-			title: "No chart data",
-			description: "There are no values for this range.",
+			title: t14,
+			description: t15,
 			className: "min-h-48"
 		});
-		$[24] = t14;
-	} else t14 = $[24];
-	const emptyContent = t14;
-	let t15;
-	if ($[25] !== chartData || $[26] !== chartType || $[27] !== color || $[28] !== showGrid) {
-		t15 = chartData.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {
+		$[28] = t14;
+		$[29] = t15;
+		$[30] = t16;
+	} else t16 = $[30];
+	const emptyContent = t16;
+	let t17;
+	if ($[31] !== chartData || $[32] !== chartType || $[33] !== color || $[34] !== emptyContent || $[35] !== showGrid) {
+		t17 = chartData.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {
 			className: "h-48 w-full",
 			children: /* @__PURE__ */ jsx(ResponsiveContainer, {
 				width: "100%",
@@ -213,66 +228,67 @@ function ChartWidget(t0) {
 				})
 			})
 		});
-		$[25] = chartData;
-		$[26] = chartType;
-		$[27] = color;
-		$[28] = showGrid;
-		$[29] = t15;
-	} else t15 = $[29];
-	const chartContent = t15;
-	let t16;
-	if ($[30] !== config.description || $[31] !== resolveText) {
-		t16 = config.description ? resolveText(config.description) : void 0;
-		$[30] = config.description;
-		$[31] = resolveText;
-		$[32] = t16;
-	} else t16 = $[32];
-	const t17 = isFetching && !isLoading;
+		$[31] = chartData;
+		$[32] = chartType;
+		$[33] = color;
+		$[34] = emptyContent;
+		$[35] = showGrid;
+		$[36] = t17;
+	} else t17 = $[36];
+	const chartContent = t17;
 	let t18;
-	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /* @__PURE__ */ jsx(ChartWidgetSkeleton, {});
-		$[33] = t18;
-	} else t18 = $[33];
-	let t19;
-	if ($[34] !== error) {
-		t19 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-		$[34] = error;
-		$[35] = t19;
-	} else t19 = $[35];
+	if ($[37] !== config.description || $[38] !== resolveText) {
+		t18 = config.description ? resolveText(config.description) : void 0;
+		$[37] = config.description;
+		$[38] = resolveText;
+		$[39] = t18;
+	} else t18 = $[39];
+	const t19 = isFetching && !isLoading;
 	let t20;
-	if ($[36] !== refetch) {
-		t20 = () => refetch();
-		$[36] = refetch;
-		$[37] = t20;
-	} else t20 = $[37];
+	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = /* @__PURE__ */ jsx(ChartWidgetSkeleton, {});
+		$[40] = t20;
+	} else t20 = $[40];
 	let t21;
-	if ($[38] !== chartContent || $[39] !== config.actions || $[40] !== config.cardVariant || $[41] !== config.className || $[42] !== displayLabel || $[43] !== isLoading || $[44] !== t16 || $[45] !== t17 || $[46] !== t19 || $[47] !== t20) {
-		t21 = /* @__PURE__ */ jsx(WidgetCard, {
+	if ($[41] !== error) {
+		t21 = error instanceof Error ? error : error ? new Error(String(error)) : null;
+		$[41] = error;
+		$[42] = t21;
+	} else t21 = $[42];
+	let t22;
+	if ($[43] !== refetch) {
+		t22 = () => refetch();
+		$[43] = refetch;
+		$[44] = t22;
+	} else t22 = $[44];
+	let t23;
+	if ($[45] !== chartContent || $[46] !== config.actions || $[47] !== config.cardVariant || $[48] !== config.className || $[49] !== displayLabel || $[50] !== isLoading || $[51] !== t18 || $[52] !== t19 || $[53] !== t21 || $[54] !== t22) {
+		t23 = /* @__PURE__ */ jsx(WidgetCard, {
 			title: displayLabel,
-			description: t16,
+			description: t18,
 			variant: config.cardVariant,
 			isLoading,
-			isRefreshing: t17,
-			loadingSkeleton: t18,
-			error: t19,
-			onRefresh: t20,
+			isRefreshing: t19,
+			loadingSkeleton: t20,
+			error: t21,
+			onRefresh: t22,
 			actions: config.actions,
 			className: config.className,
 			children: chartContent
 		});
-		$[38] = chartContent;
-		$[39] = config.actions;
-		$[40] = config.cardVariant;
-		$[41] = config.className;
-		$[42] = displayLabel;
-		$[43] = isLoading;
-		$[44] = t16;
-		$[45] = t17;
-		$[46] = t19;
-		$[47] = t20;
-		$[48] = t21;
-	} else t21 = $[48];
-	return t21;
+		$[45] = chartContent;
+		$[46] = config.actions;
+		$[47] = config.cardVariant;
+		$[48] = config.className;
+		$[49] = displayLabel;
+		$[50] = isLoading;
+		$[51] = t18;
+		$[52] = t19;
+		$[53] = t21;
+		$[54] = t22;
+		$[55] = t23;
+	} else t23 = $[55];
+	return t23;
 }
 /**
 * Renders the appropriate chart type as a proper component

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

@@ -1,4 +1,4 @@
-import { useResolveText } from "../../i18n/hooks.mjs";
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { selectClient, useAdminStore } from "../../runtime/provider.mjs";
 import { WidgetCard } from "../../views/dashboard/widget-card.mjs";
@@ -39,10 +39,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * ```
 */
 function ProgressWidget(t0) {
-	const $ = c(47);
+	const $ = c(48);
 	const { config } = t0;
 	const client = useAdminStore(selectClient);
 	const resolveText = useResolveText();
+	const { t } = useTranslation();
 	const { color, showPercentage: t1 } = config;
 	const showPercentage = t1 === void 0 ? true : t1;
 	const useServerData = !!config.hasLoader;
@@ -122,7 +123,7 @@ function ProgressWidget(t0) {
 	} else t9 = $[20];
 	const getProgressColor = t9;
 	let t10;
-	if ($[21] !== data || $[22] !== getProgressColor || $[23] !== percentage || $[24] !== percentageFormatted || $[25] !== showPercentage) {
+	if ($[21] !== data || $[22] !== getProgressColor || $[23] !== percentage || $[24] !== percentageFormatted || $[25] !== showPercentage || $[26] !== t) {
 		t10 = data ? /* @__PURE__ */ jsxs("div", {
 			className: "space-y-3",
 			children: [
@@ -153,44 +154,45 @@ function ProgressWidget(t0) {
 			]
 		}) : /* @__PURE__ */ jsx(WidgetEmptyState, {
 			iconName: "ph:target",
-			title: "No progress data",
-			description: "There is no target value to display."
+			title: t("widget.progress.emptyTitle"),
+			description: t("widget.progress.emptyDescription")
 		});
 		$[21] = data;
 		$[22] = getProgressColor;
 		$[23] = percentage;
 		$[24] = percentageFormatted;
 		$[25] = showPercentage;
-		$[26] = t10;
-	} else t10 = $[26];
+		$[26] = t;
+		$[27] = t10;
+	} else t10 = $[27];
 	const progressContent = t10;
 	let t11;
-	if ($[27] !== config.description || $[28] !== resolveText) {
+	if ($[28] !== config.description || $[29] !== resolveText) {
 		t11 = config.description ? resolveText(config.description) : void 0;
-		$[27] = config.description;
-		$[28] = resolveText;
-		$[29] = t11;
-	} else t11 = $[29];
+		$[28] = config.description;
+		$[29] = resolveText;
+		$[30] = t11;
+	} else t11 = $[30];
 	const t12 = isFetching && !isLoading;
 	let t13;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
 		t13 = /* @__PURE__ */ jsx(ProgressWidgetSkeleton, {});
-		$[30] = t13;
-	} else t13 = $[30];
+		$[31] = t13;
+	} else t13 = $[31];
 	let t14;
-	if ($[31] !== error) {
+	if ($[32] !== error) {
 		t14 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-		$[31] = error;
-		$[32] = t14;
-	} else t14 = $[32];
+		$[32] = error;
+		$[33] = t14;
+	} else t14 = $[33];
 	let t15;
-	if ($[33] !== refetch) {
+	if ($[34] !== refetch) {
 		t15 = () => refetch();
-		$[33] = refetch;
-		$[34] = t15;
-	} else t15 = $[34];
+		$[34] = refetch;
+		$[35] = t15;
+	} else t15 = $[35];
 	let t16;
-	if ($[35] !== config.actions || $[36] !== config.cardVariant || $[37] !== config.className || $[38] !== config.icon || $[39] !== isLoading || $[40] !== progressContent || $[41] !== t11 || $[42] !== t12 || $[43] !== t14 || $[44] !== t15 || $[45] !== title) {
+	if ($[36] !== config.actions || $[37] !== config.cardVariant || $[38] !== config.className || $[39] !== config.icon || $[40] !== isLoading || $[41] !== progressContent || $[42] !== t11 || $[43] !== t12 || $[44] !== t14 || $[45] !== t15 || $[46] !== title) {
 		t16 = /* @__PURE__ */ jsx(WidgetCard, {
 			title,
 			description: t11,
@@ -205,19 +207,19 @@ function ProgressWidget(t0) {
 			className: config.className,
 			children: progressContent
 		});
-		$[35] = config.actions;
-		$[36] = config.cardVariant;
-		$[37] = config.className;
-		$[38] = config.icon;
-		$[39] = isLoading;
-		$[40] = progressContent;
-		$[41] = t11;
-		$[42] = t12;
-		$[43] = t14;
-		$[44] = t15;
-		$[45] = title;
-		$[46] = t16;
-	} else t16 = $[46];
+		$[36] = config.actions;
+		$[37] = config.cardVariant;
+		$[38] = config.className;
+		$[39] = config.icon;
+		$[40] = isLoading;
+		$[41] = progressContent;
+		$[42] = t11;
+		$[43] = t12;
+		$[44] = t14;
+		$[45] = t15;
+		$[46] = title;
+		$[47] = t16;
+	} else t16 = $[47];
 	return t16;
 }
 

package/dist/client/components/widgets/quick-actions-widget.mjs

@@ -1,4 +1,4 @@
-import { useResolveText } from "../../i18n/hooks.mjs";
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { cn, formatLabel } from "../../lib/utils.mjs";
 import { resolveIconElement } from "../component-renderer.mjs";
 import { WidgetCard } from "../../views/dashboard/widget-card.mjs";
@@ -21,10 +21,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * of other dashboard widgets like recent-items.
 */
 function QuickActionsWidget(t0) {
-	const $ = c(56);
+	const $ = c(66);
 	const { config, basePath: t1, navigate } = t0;
 	const basePath = t1 === void 0 ? "/admin" : t1;
 	const resolveText = useResolveText();
+	const { t } = useTranslation();
 	const { layout: t2 } = config;
 	const layout = t2 === void 0 ? "list" : t2;
 	let T0;
@@ -35,39 +36,40 @@ function QuickActionsWidget(t0) {
 	let t7;
 	let t8;
 	let t9;
-	if ($[0] !== basePath || $[1] !== config.actions || $[2] !== config.cardVariant || $[3] !== config.className || $[4] !== config.description || $[5] !== config.label || $[6] !== config.quickActions || $[7] !== config.title || $[8] !== layout || $[9] !== navigate || $[10] !== resolveText) {
+	if ($[0] !== basePath || $[1] !== config.actions || $[2] !== config.cardVariant || $[3] !== config.className || $[4] !== config.description || $[5] !== config.label || $[6] !== config.quickActions || $[7] !== config.title || $[8] !== layout || $[9] !== navigate || $[10] !== resolveText || $[11] !== t) {
 		t9 = Symbol.for("react.early_return_sentinel");
 		bb0: {
 			const quickActions = config.quickActions ?? config.actions ?? [];
 			let t10$1;
-			if ($[19] !== config.label || $[20] !== config.title || $[21] !== resolveText) {
-				t10$1 = config.title ? resolveText(config.title) : config.label ? resolveText(config.label) : "Quick Actions";
-				$[19] = config.label;
-				$[20] = config.title;
-				$[21] = resolveText;
-				$[22] = t10$1;
-			} else t10$1 = $[22];
+			if ($[20] !== config.label || $[21] !== config.title || $[22] !== resolveText || $[23] !== t) {
+				t10$1 = config.title ? resolveText(config.title) : config.label ? resolveText(config.label) : t("dashboard.quickActions");
+				$[20] = config.label;
+				$[21] = config.title;
+				$[22] = resolveText;
+				$[23] = t;
+				$[24] = t10$1;
+			} else t10$1 = $[24];
 			const title = t10$1;
 			let t11$1;
-			if ($[23] !== basePath) {
+			if ($[25] !== basePath) {
 				t11$1 = (action, fallback) => {
 					if (!action) return fallback;
 					if (action.type === "create") return `${basePath}/collections/${action.collection}/create`;
 					if (action.type === "page") return `${basePath}/${action.pageId}`;
 					return action.href;
 				};
-				$[23] = basePath;
-				$[24] = t11$1;
-			} else t11$1 = $[24];
+				$[25] = basePath;
+				$[26] = t11$1;
+			} else t11$1 = $[26];
 			const resolveActionHref = t11$1;
 			let t12;
-			if ($[25] !== basePath || $[26] !== resolveActionHref || $[27] !== resolveText) {
+			if ($[27] !== basePath || $[28] !== resolveActionHref || $[29] !== resolveText || $[30] !== t) {
 				t12 = (action_0, index) => {
 					if (typeof action_0 === "string") {
 						const [collection, actionType] = action_0.split(".");
 						return {
 							id: `${action_0}-${index}`,
-							label: `${actionType === "create" ? "New" : actionType} ${formatLabel(collection)}`,
+							label: actionType === "create" ? t("collection.new", { name: formatLabel(collection) }) : `${actionType} ${formatLabel(collection)}`,
 							href: `${basePath}/collections/${collection}/${actionType === "create" ? "create" : ""}`,
 							icon: void 0,
 							variant: "default"
@@ -84,22 +86,23 @@ function QuickActionsWidget(t0) {
 						variant: action_0.variant || "default"
 					};
 				};
-				$[25] = basePath;
-				$[26] = resolveActionHref;
-				$[27] = resolveText;
-				$[28] = t12;
-			} else t12 = $[28];
+				$[27] = basePath;
+				$[28] = resolveActionHref;
+				$[29] = resolveText;
+				$[30] = t;
+				$[31] = t12;
+			} else t12 = $[31];
 			const parsedActions = quickActions.map(t12);
 			let t13;
-			if ($[29] !== navigate) {
+			if ($[32] !== navigate) {
 				t13 = (action_1) => {
 					if (action_1.onClick) action_1.onClick();
 					else if (action_1.href && action_1.external) window.open(action_1.href, "_blank", "noopener,noreferrer");
 					else if (action_1.href && navigate) navigate(action_1.href);
 				};
-				$[29] = navigate;
-				$[30] = t13;
-			} else t13 = $[30];
+				$[32] = navigate;
+				$[33] = t13;
+			} else t13 = $[33];
 			const handleClick = t13;
 			const variantStyles = {
 				default: "border-border-subtle bg-surface-low/60 hover:border-border hover:bg-surface-high cursor-pointer",
@@ -115,47 +118,64 @@ function QuickActionsWidget(t0) {
 			};
 			if (parsedActions.length === 0) {
 				let t14;
-				if ($[31] !== config.description || $[32] !== resolveText) {
+				if ($[34] !== config.description || $[35] !== resolveText) {
 					t14 = config.description ? resolveText(config.description) : void 0;
-					$[31] = config.description;
-					$[32] = resolveText;
-					$[33] = t14;
-				} else t14 = $[33];
-				let t15;
-				if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-					t15 = /* @__PURE__ */ jsx(WidgetEmptyState, {
+					$[34] = config.description;
+					$[35] = resolveText;
+					$[36] = t14;
+				} else t14 = $[36];
+				const t15 = config.cardVariant;
+				const t16 = config.className;
+				let t17;
+				if ($[37] !== t) {
+					t17 = t("widget.quickActions.emptyTitle");
+					$[37] = t;
+					$[38] = t17;
+				} else t17 = $[38];
+				let t18;
+				if ($[39] !== t) {
+					t18 = t("widget.quickActions.emptyDescription");
+					$[39] = t;
+					$[40] = t18;
+				} else t18 = $[40];
+				let t19;
+				if ($[41] !== t17 || $[42] !== t18) {
+					t19 = /* @__PURE__ */ jsx(WidgetEmptyState, {
 						iconName: "ph:lightning",
-						title: "No actions configured",
-						description: "There are no shortcuts to display."
+						title: t17,
+						description: t18
 					});
-					$[34] = t15;
-				} else t15 = $[34];
-				let t16;
-				if ($[35] !== config.cardVariant || $[36] !== config.className || $[37] !== t14 || $[38] !== title) {
-					t16 = /* @__PURE__ */ jsx(WidgetCard, {
+					$[41] = t17;
+					$[42] = t18;
+					$[43] = t19;
+				} else t19 = $[43];
+				let t20;
+				if ($[44] !== config.cardVariant || $[45] !== config.className || $[46] !== t14 || $[47] !== t19 || $[48] !== title) {
+					t20 = /* @__PURE__ */ jsx(WidgetCard, {
 						title,
 						description: t14,
-						variant: config.cardVariant,
-						className: config.className,
-						children: t15
+						variant: t15,
+						className: t16,
+						children: t19
 					});
-					$[35] = config.cardVariant;
-					$[36] = config.className;
-					$[37] = t14;
-					$[38] = title;
-					$[39] = t16;
-				} else t16 = $[39];
-				t9 = t16;
+					$[44] = config.cardVariant;
+					$[45] = config.className;
+					$[46] = t14;
+					$[47] = t19;
+					$[48] = title;
+					$[49] = t20;
+				} else t20 = $[49];
+				t9 = t20;
 				break bb0;
 			}
 			if (layout === "grid") {
 				let t14;
-				if ($[40] !== config.description || $[41] !== resolveText) {
+				if ($[50] !== config.description || $[51] !== resolveText) {
 					t14 = config.description ? resolveText(config.description) : void 0;
-					$[40] = config.description;
-					$[41] = resolveText;
-					$[42] = t14;
-				} else t14 = $[42];
+					$[50] = config.description;
+					$[51] = resolveText;
+					$[52] = t14;
+				} else t14 = $[52];
 				t9 = /* @__PURE__ */ jsx(WidgetCard, {
 					title,
 					description: t14,
@@ -184,12 +204,12 @@ function QuickActionsWidget(t0) {
 			}
 			T0 = WidgetCard;
 			t5 = title;
-			if ($[43] !== config.description || $[44] !== resolveText) {
+			if ($[53] !== config.description || $[54] !== resolveText) {
 				t6 = config.description ? resolveText(config.description) : void 0;
-				$[43] = config.description;
-				$[44] = resolveText;
-				$[45] = t6;
-			} else t6 = $[45];
+				$[53] = config.description;
+				$[54] = resolveText;
+				$[55] = t6;
+			} else t6 = $[55];
 			t7 = config.cardVariant;
 			t8 = config.className;
 			t3 = "-mx-1 space-y-1";
@@ -227,37 +247,38 @@ function QuickActionsWidget(t0) {
 		$[8] = layout;
 		$[9] = navigate;
 		$[10] = resolveText;
-		$[11] = T0;
-		$[12] = t3;
-		$[13] = t4;
-		$[14] = t5;
-		$[15] = t6;
-		$[16] = t7;
-		$[17] = t8;
-		$[18] = t9;
+		$[11] = t;
+		$[12] = T0;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t6;
+		$[17] = t7;
+		$[18] = t8;
+		$[19] = t9;
 	} else {
-		T0 = $[11];
-		t3 = $[12];
-		t4 = $[13];
-		t5 = $[14];
-		t6 = $[15];
-		t7 = $[16];
-		t8 = $[17];
-		t9 = $[18];
+		T0 = $[12];
+		t3 = $[13];
+		t4 = $[14];
+		t5 = $[15];
+		t6 = $[16];
+		t7 = $[17];
+		t8 = $[18];
+		t9 = $[19];
 	}
 	if (t9 !== Symbol.for("react.early_return_sentinel")) return t9;
 	let t10;
-	if ($[46] !== t3 || $[47] !== t4) {
+	if ($[56] !== t3 || $[57] !== t4) {
 		t10 = /* @__PURE__ */ jsx("div", {
 			className: t3,
 			children: t4
 		});
-		$[46] = t3;
-		$[47] = t4;
-		$[48] = t10;
-	} else t10 = $[48];
+		$[56] = t3;
+		$[57] = t4;
+		$[58] = t10;
+	} else t10 = $[58];
 	let t11;
-	if ($[49] !== T0 || $[50] !== t10 || $[51] !== t5 || $[52] !== t6 || $[53] !== t7 || $[54] !== t8) {
+	if ($[59] !== T0 || $[60] !== t10 || $[61] !== t5 || $[62] !== t6 || $[63] !== t7 || $[64] !== t8) {
 		t11 = /* @__PURE__ */ jsx(T0, {
 			title: t5,
 			description: t6,
@@ -265,14 +286,14 @@ function QuickActionsWidget(t0) {
 			className: t8,
 			children: t10
 		});
-		$[49] = T0;
-		$[50] = t10;
-		$[51] = t5;
-		$[52] = t6;
-		$[53] = t7;
-		$[54] = t8;
-		$[55] = t11;
-	} else t11 = $[55];
+		$[59] = T0;
+		$[60] = t10;
+		$[61] = t5;
+		$[62] = t6;
+		$[63] = t7;
+		$[64] = t8;
+		$[65] = t11;
+	} else t11 = $[65];
 	return t11;
 }