@questpie/admin 3.0.4 → 3.0.6

package/dist/client/components/widgets/recent-items-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";
@@ -24,9 +24,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * - Links to edit each item
 */
 function RecentItemsWidget(t0) {
-	const $ = c(52);
+	const $ = c(53);
 	const { config } = t0;
 	const resolveText = useResolveText();
+	const { t } = useTranslation();
 	const { collection, limit: t1, label, titleField: t2, dateField: t3, subtitleFields, onItemClick, realtime, hasLoader, refreshInterval } = config;
 	const limit = t1 === void 0 ? 5 : t1;
 	const titleField = t2 === void 0 ? "_title" : t2;
@@ -125,11 +126,11 @@ function RecentItemsWidget(t0) {
 	} else t15 = $[24];
 	const handleItemClick = t15;
 	let t16;
-	if ($[25] !== dateField || $[26] !== getSubtitle || $[27] !== getTitleValue || $[28] !== handleItemClick || $[29] !== items) {
+	if ($[25] !== dateField || $[26] !== getSubtitle || $[27] !== getTitleValue || $[28] !== handleItemClick || $[29] !== items || $[30] !== t) {
 		t16 = items.length === 0 ? /* @__PURE__ */ jsx(WidgetEmptyState, {
 			iconName: "ph:clock-counter-clockwise",
-			title: "No recent items",
-			description: "There are no recent records to show."
+			title: t("widget.recentItems.emptyTitle"),
+			description: t("widget.recentItems.emptyDescription")
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "space-y-1",
 			children: items.map((item_2) => {
@@ -160,37 +161,38 @@ function RecentItemsWidget(t0) {
 		$[27] = getTitleValue;
 		$[28] = handleItemClick;
 		$[29] = items;
-		$[30] = t16;
-	} else t16 = $[30];
+		$[30] = t;
+		$[31] = t16;
+	} else t16 = $[31];
 	const listContent = t16;
 	let t17;
-	if ($[31] !== config.description || $[32] !== resolveText) {
+	if ($[32] !== config.description || $[33] !== resolveText) {
 		t17 = config.description ? resolveText(config.description) : void 0;
-		$[31] = config.description;
-		$[32] = resolveText;
-		$[33] = t17;
-	} else t17 = $[33];
+		$[32] = config.description;
+		$[33] = resolveText;
+		$[34] = t17;
+	} else t17 = $[34];
 	const t18 = isFetching && !isLoading;
 	let t19;
-	if ($[34] !== limit) {
+	if ($[35] !== limit) {
 		t19 = /* @__PURE__ */ jsx(RecentItemsWidgetSkeleton, { count: limit });
-		$[34] = limit;
-		$[35] = t19;
-	} else t19 = $[35];
+		$[35] = limit;
+		$[36] = t19;
+	} else t19 = $[36];
 	let t20;
-	if ($[36] !== error) {
+	if ($[37] !== error) {
 		t20 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-		$[36] = error;
-		$[37] = t20;
-	} else t20 = $[37];
+		$[37] = error;
+		$[38] = t20;
+	} else t20 = $[38];
 	let t21;
-	if ($[38] !== refetch) {
+	if ($[39] !== refetch) {
 		t21 = () => refetch();
-		$[38] = refetch;
-		$[39] = t21;
-	} else t21 = $[39];
+		$[39] = refetch;
+		$[40] = t21;
+	} else t21 = $[40];
 	let t22;
-	if ($[40] !== config.actions || $[41] !== config.cardVariant || $[42] !== config.className || $[43] !== displayLabel || $[44] !== isLoading || $[45] !== listContent || $[46] !== t17 || $[47] !== t18 || $[48] !== t19 || $[49] !== t20 || $[50] !== t21) {
+	if ($[41] !== config.actions || $[42] !== config.cardVariant || $[43] !== config.className || $[44] !== displayLabel || $[45] !== isLoading || $[46] !== listContent || $[47] !== t17 || $[48] !== t18 || $[49] !== t19 || $[50] !== t20 || $[51] !== t21) {
 		t22 = /* @__PURE__ */ jsx(WidgetCard, {
 			title: displayLabel,
 			description: t17,
@@ -204,19 +206,19 @@ function RecentItemsWidget(t0) {
 			className: config.className,
 			children: listContent
 		});
-		$[40] = config.actions;
-		$[41] = config.cardVariant;
-		$[42] = config.className;
-		$[43] = displayLabel;
-		$[44] = isLoading;
-		$[45] = listContent;
-		$[46] = t17;
-		$[47] = t18;
-		$[48] = t19;
-		$[49] = t20;
-		$[50] = t21;
-		$[51] = t22;
-	} else t22 = $[51];
+		$[41] = config.actions;
+		$[42] = config.cardVariant;
+		$[43] = config.className;
+		$[44] = displayLabel;
+		$[45] = isLoading;
+		$[46] = listContent;
+		$[47] = t17;
+		$[48] = t18;
+		$[49] = t19;
+		$[50] = t20;
+		$[51] = t21;
+		$[52] = t22;
+	} else t22 = $[52];
 	return t22;
 }
 /**

package/dist/client/components/widgets/table-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 { useCollectionFields } from "../../hooks/use-collection-fields.mjs";
 import { useCollectionMeta } from "../../hooks/use-collection-meta.mjs";
@@ -61,6 +61,7 @@ function getAlignClass(align) {
 */
 function TableWidget({ config, basePath = "/admin", navigate }) {
 	const resolveText = useResolveText();
+	const { t } = useTranslation();
 	const { collection, columns: rawColumns, limit = 5, sortBy, sortOrder = "desc", filter, linkToDetail, emptyMessage, realtime } = config;
 	const useServerData = !!config.hasLoader;
 	const serverQuery = useServerWidgetData(config.id, {
@@ -115,8 +116,8 @@ function TableWidget({ config, basePath = "/admin", navigate }) {
 	const resolvedEmptyMessage = emptyMessage ? resolveText(emptyMessage) : void 0;
 	const emptyContent = /* @__PURE__ */ jsx(WidgetEmptyState, {
 		iconName: "ph:table",
-		title: resolvedEmptyMessage ?? "No rows to show",
-		description: resolvedEmptyMessage ? void 0 : "There are no records for the current criteria.",
+		title: resolvedEmptyMessage ?? t("widget.table.emptyTitle"),
+		description: resolvedEmptyMessage ? void 0 : t("widget.table.emptyDescription"),
 		className: "min-h-32"
 	});
 	const tableContent = items.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {

package/dist/client/components/widgets/timeline-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 { resolveIconElement } from "../component-renderer.mjs";
@@ -28,11 +28,14 @@ const variantStyles = {
 /**
 * Format timestamp based on format option
 */
-function formatTimestamp(date, format = "relative") {
+function formatTimestamp(date, format = "relative", t, formatDate) {
 	const d = typeof date === "string" ? new Date(date) : date;
 	switch (format) {
-		case "absolute": return d.toLocaleDateString();
-		case "datetime": return d.toLocaleString();
+		case "absolute": return formatDate(d);
+		case "datetime": return formatDate(d, {
+			dateStyle: "medium",
+			timeStyle: "short"
+		});
 		case "relative":
 		default: {
 			const diff = (/* @__PURE__ */ new Date()).getTime() - d.getTime();
@@ -40,11 +43,11 @@ function formatTimestamp(date, format = "relative") {
 			const minutes = Math.floor(seconds / 60);
 			const hours = Math.floor(minutes / 60);
 			const days = Math.floor(hours / 24);
-			if (days > 7) return d.toLocaleDateString();
-			if (days > 0) return `${days}d ago`;
-			if (hours > 0) return `${hours}h ago`;
-			if (minutes > 0) return `${minutes}m ago`;
-			return "just now";
+			if (days > 7) return formatDate(d);
+			if (days > 0) return t("time.daysAgoShort", { count: days });
+			if (hours > 0) return t("time.hoursAgoShort", { count: hours });
+			if (minutes > 0) return t("time.minutesAgoShort", { count: minutes });
+			return t("time.justNow");
 		}
 	}
 }
@@ -78,10 +81,11 @@ function formatTimestamp(date, format = "relative") {
 * ```
 */
 function TimelineWidget(t0) {
-	const $ = c(56);
+	const $ = c(64);
 	const { config, navigate } = t0;
 	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;
@@ -134,46 +138,58 @@ function TimelineWidget(t0) {
 	const { data, isLoading, error, refetch, isFetching } = useServerData ? serverQuery : clientQuery;
 	let t9;
 	let title;
-	if ($[13] !== config.title || $[14] !== data || $[15] !== emptyMessage || $[16] !== maxItems || $[17] !== navigate || $[18] !== resolveText || $[19] !== showTimestamps || $[20] !== timestampFormat) {
+	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 ($[23] !== config.title || $[24] !== resolveText) {
+		if ($[25] !== config.title || $[26] !== resolveText) {
 			t10$1 = config.title ? resolveText(config.title) : void 0;
-			$[23] = config.title;
-			$[24] = resolveText;
-			$[25] = t10$1;
-		} else t10$1 = $[25];
+			$[25] = config.title;
+			$[26] = resolveText;
+			$[27] = t10$1;
+		} else t10$1 = $[27];
 		title = t10$1;
 		let t11$1;
-		if ($[26] !== navigate) {
+		if ($[28] !== navigate) {
 			t11$1 = (item) => {
 				if (item.href && navigate) navigate(item.href);
 			};
-			$[26] = navigate;
-			$[27] = t11$1;
-		} else t11$1 = $[27];
+			$[28] = navigate;
+			$[29] = t11$1;
+		} else t11$1 = $[29];
 		const handleItemClick = t11$1;
 		let t12$1;
-		if ($[28] !== emptyMessage || $[29] !== resolveText) {
+		if ($[30] !== emptyMessage || $[31] !== resolveText) {
 			t12$1 = emptyMessage ? resolveText(emptyMessage) : void 0;
-			$[28] = emptyMessage;
-			$[29] = resolveText;
-			$[30] = t12$1;
-		} else t12$1 = $[30];
+			$[30] = emptyMessage;
+			$[31] = resolveText;
+			$[32] = t12$1;
+		} else t12$1 = $[32];
 		const resolvedEmptyMessage = t12$1;
-		const t13$1 = resolvedEmptyMessage ?? "No activity yet";
-		const t14$1 = resolvedEmptyMessage ? void 0 : "There are no events to display.";
+		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 ($[31] !== t13$1 || $[32] !== t14$1) {
+		if ($[39] !== t13$1 || $[40] !== t14$1) {
 			t15$1 = /* @__PURE__ */ jsx(WidgetEmptyState, {
 				iconName: "ph:clock-counter-clockwise",
 				title: t13$1,
 				description: t14$1
 			});
-			$[31] = t13$1;
-			$[32] = t14$1;
-			$[33] = t15$1;
-		} else t15$1 = $[33];
+			$[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",
@@ -204,7 +220,7 @@ function TimelineWidget(t0) {
 							}),
 							showTimestamps && item_0.timestamp && /* @__PURE__ */ jsx("p", {
 								className: "text-muted-foreground mt-1 text-xs",
-								children: formatTimestamp(item_0.timestamp, timestampFormat)
+								children: formatTimestamp(item_0.timestamp, timestampFormat, t, formatDate)
 							})
 						]
 					})
@@ -227,46 +243,48 @@ function TimelineWidget(t0) {
 		$[13] = config.title;
 		$[14] = data;
 		$[15] = emptyMessage;
-		$[16] = maxItems;
-		$[17] = navigate;
-		$[18] = resolveText;
-		$[19] = showTimestamps;
-		$[20] = timestampFormat;
-		$[21] = t9;
-		$[22] = title;
+		$[16] = formatDate;
+		$[17] = maxItems;
+		$[18] = navigate;
+		$[19] = resolveText;
+		$[20] = showTimestamps;
+		$[21] = t;
+		$[22] = timestampFormat;
+		$[23] = t9;
+		$[24] = title;
 	} else {
-		t9 = $[21];
-		title = $[22];
+		t9 = $[23];
+		title = $[24];
 	}
 	const timelineContent = t9;
 	let t10;
-	if ($[34] !== config.description || $[35] !== resolveText) {
+	if ($[42] !== config.description || $[43] !== resolveText) {
 		t10 = config.description ? resolveText(config.description) : void 0;
-		$[34] = config.description;
-		$[35] = resolveText;
-		$[36] = t10;
-	} else t10 = $[36];
+		$[42] = config.description;
+		$[43] = resolveText;
+		$[44] = t10;
+	} else t10 = $[44];
 	const t11 = isFetching && !isLoading;
 	let t12;
-	if ($[37] !== maxItems) {
+	if ($[45] !== maxItems) {
 		t12 = /* @__PURE__ */ jsx(TimelineWidgetSkeleton, { count: maxItems });
-		$[37] = maxItems;
-		$[38] = t12;
-	} else t12 = $[38];
+		$[45] = maxItems;
+		$[46] = t12;
+	} else t12 = $[46];
 	let t13;
-	if ($[39] !== error) {
+	if ($[47] !== error) {
 		t13 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-		$[39] = error;
-		$[40] = t13;
-	} else t13 = $[40];
+		$[47] = error;
+		$[48] = t13;
+	} else t13 = $[48];
 	let t14;
-	if ($[41] !== refetch) {
+	if ($[49] !== refetch) {
 		t14 = () => refetch();
-		$[41] = refetch;
-		$[42] = t14;
-	} else t14 = $[42];
+		$[49] = refetch;
+		$[50] = t14;
+	} else t14 = $[50];
 	let t15;
-	if ($[43] !== config.actions || $[44] !== config.cardVariant || $[45] !== config.className || $[46] !== config.icon || $[47] !== isLoading || $[48] !== t10 || $[49] !== t11 || $[50] !== t12 || $[51] !== t13 || $[52] !== t14 || $[53] !== timelineContent || $[54] !== title) {
+	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,
@@ -281,20 +299,20 @@ function TimelineWidget(t0) {
 			className: config.className,
 			children: timelineContent
 		});
-		$[43] = config.actions;
-		$[44] = config.cardVariant;
-		$[45] = config.className;
-		$[46] = config.icon;
-		$[47] = isLoading;
-		$[48] = t10;
-		$[49] = t11;
-		$[50] = t12;
-		$[51] = t13;
-		$[52] = t14;
-		$[53] = timelineContent;
-		$[54] = title;
-		$[55] = t15;
-	} else t15 = $[55];
+		$[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;
 }