@questpie/admin 3.0.2 → 3.0.4

package/dist/client/components/widgets/recent-items-widget.mjs

@@ -2,6 +2,8 @@ import { useResolveText } 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";
+import { useServerWidgetData } from "../../hooks/use-server-widget-data.mjs";
+import { WidgetEmptyState } from "./widget-empty-state.mjs";
 import { RecentItemsWidgetSkeleton } from "./widget-skeletons.mjs";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -22,55 +24,76 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * - Links to edit each item
 */
 function RecentItemsWidget(t0) {
-	const $ = c(38);
+	const $ = c(52);
 	const { config } = t0;
 	const resolveText = useResolveText();
-	const { collection, limit: t1, label, titleField: t2, dateField: t3, subtitleFields, onItemClick, realtime } = config;
+	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;
 	const dateField = t3 === void 0 ? "createdAt" : t3;
-	let t4;
-	if ($[0] !== dateField) {
-		t4 = { [dateField]: "desc" };
-		$[0] = dateField;
-		$[1] = t4;
-	} else t4 = $[1];
+	const t4 = !!hasLoader;
 	let t5;
-	if ($[2] !== limit || $[3] !== t4) {
+	if ($[0] !== refreshInterval || $[1] !== t4) {
 		t5 = {
-			orderBy: t4,
-			limit
+			enabled: t4,
+			refreshInterval
 		};
-		$[2] = limit;
-		$[3] = t4;
-		$[4] = t5;
-	} else t5 = $[4];
+		$[0] = refreshInterval;
+		$[1] = t4;
+		$[2] = t5;
+	} else t5 = $[2];
+	const serverQuery = useServerWidgetData(config.id, t5);
 	let t6;
-	if ($[5] !== realtime) {
-		t6 = { realtime };
-		$[5] = realtime;
-		$[6] = t6;
-	} else t6 = $[6];
-	const { data, isLoading, error, refetch } = useCollectionList(collection, t5, void 0, t6);
+	if ($[3] !== dateField) {
+		t6 = { [dateField]: "desc" };
+		$[3] = dateField;
+		$[4] = t6;
+	} else t6 = $[4];
 	let t7;
-	if ($[7] !== data) {
-		t7 = Array.isArray(data?.docs) ? data.docs : [];
-		$[7] = data;
-		$[8] = t7;
-	} else t7 = $[8];
-	const items = t7;
-	let t8;
-	if ($[9] !== collection || $[10] !== label || $[11] !== resolveText) {
-		t8 = label ? resolveText(label) : `Recent ${formatLabel(collection)}`;
-		$[9] = collection;
-		$[10] = label;
-		$[11] = resolveText;
-		$[12] = t8;
-	} else t8 = $[12];
-	const displayLabel = t8;
+	if ($[5] !== limit || $[6] !== t6) {
+		t7 = {
+			orderBy: t6,
+			limit
+		};
+		$[5] = limit;
+		$[6] = t6;
+		$[7] = t7;
+	} else t7 = $[7];
+	const t8 = !hasLoader;
 	let t9;
-	if ($[13] !== titleField) {
-		t9 = (item) => {
+	if ($[8] !== t8) {
+		t9 = { enabled: t8 };
+		$[8] = t8;
+		$[9] = t9;
+	} else t9 = $[9];
+	let t10;
+	if ($[10] !== realtime) {
+		t10 = { realtime };
+		$[10] = realtime;
+		$[11] = t10;
+	} else t10 = $[11];
+	const collectionQuery = useCollectionList(collection, t7, t9, t10);
+	const { data, isLoading, error, refetch, isFetching } = hasLoader ? serverQuery : collectionQuery;
+	let t11;
+	if ($[12] !== data) {
+		t11 = Array.isArray(data) ? data : Array.isArray(data?.docs) ? data.docs : [];
+		$[12] = data;
+		$[13] = t11;
+	} else t11 = $[13];
+	const items = t11;
+	let t12;
+	if ($[14] !== collection || $[15] !== config.title || $[16] !== label || $[17] !== resolveText) {
+		t12 = config.title ? resolveText(config.title) : label ? resolveText(label) : `Recent ${formatLabel(collection)}`;
+		$[14] = collection;
+		$[15] = config.title;
+		$[16] = label;
+		$[17] = resolveText;
+		$[18] = t12;
+	} else t12 = $[18];
+	const displayLabel = t12;
+	let t13;
+	if ($[19] !== titleField) {
+		t13 = (item) => {
 			if (titleField && item[titleField]) return String(item[titleField]);
 			if (item._title) return String(item._title);
 			if (item.name) return String(item.name);
@@ -78,34 +101,35 @@ function RecentItemsWidget(t0) {
 			if (item.label) return String(item.label);
 			return `Item #${item.id}`;
 		};
-		$[13] = titleField;
-		$[14] = t9;
-	} else t9 = $[14];
-	const getTitleValue = t9;
-	let t10;
-	if ($[15] !== subtitleFields) {
-		t10 = (item_0) => {
+		$[19] = titleField;
+		$[20] = t13;
+	} else t13 = $[20];
+	const getTitleValue = t13;
+	let t14;
+	if ($[21] !== subtitleFields) {
+		t14 = (item_0) => {
 			if (!subtitleFields?.length) return null;
 			return subtitleFields.map((field) => item_0[field]).filter(Boolean).join(" - ");
 		};
-		$[15] = subtitleFields;
-		$[16] = t10;
-	} else t10 = $[16];
-	const getSubtitle = t10;
-	let t11;
-	if ($[17] !== onItemClick) {
-		t11 = (item_1) => {
+		$[21] = subtitleFields;
+		$[22] = t14;
+	} else t14 = $[22];
+	const getSubtitle = t14;
+	let t15;
+	if ($[23] !== onItemClick) {
+		t15 = (item_1) => {
 			if (onItemClick) onItemClick(item_1);
 		};
-		$[17] = onItemClick;
-		$[18] = t11;
-	} else t11 = $[18];
-	const handleItemClick = t11;
-	let t12;
-	if ($[19] !== dateField || $[20] !== getSubtitle || $[21] !== getTitleValue || $[22] !== handleItemClick || $[23] !== items) {
-		t12 = items.length === 0 ? /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground text-sm",
-			children: "No items yet"
+		$[23] = onItemClick;
+		$[24] = t15;
+	} else t15 = $[24];
+	const handleItemClick = t15;
+	let t16;
+	if ($[25] !== dateField || $[26] !== getSubtitle || $[27] !== getTitleValue || $[28] !== handleItemClick || $[29] !== items) {
+		t16 = items.length === 0 ? /* @__PURE__ */ jsx(WidgetEmptyState, {
+			iconName: "ph:clock-counter-clockwise",
+			title: "No recent items",
+			description: "There are no recent records to show."
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "space-y-1",
 			children: items.map((item_2) => {
@@ -131,51 +155,69 @@ function RecentItemsWidget(t0) {
 				}, item_2.id);
 			})
 		});
-		$[19] = dateField;
-		$[20] = getSubtitle;
-		$[21] = getTitleValue;
-		$[22] = handleItemClick;
-		$[23] = items;
-		$[24] = t12;
-	} else t12 = $[24];
-	const listContent = t12;
-	let t13;
-	if ($[25] !== limit) {
-		t13 = /* @__PURE__ */ jsx(RecentItemsWidgetSkeleton, { count: limit });
-		$[25] = limit;
-		$[26] = t13;
-	} else t13 = $[26];
-	let t14;
-	if ($[27] !== error) {
-		t14 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-		$[27] = error;
-		$[28] = t14;
-	} else t14 = $[28];
-	let t15;
-	if ($[29] !== refetch) {
-		t15 = () => refetch();
-		$[29] = refetch;
-		$[30] = t15;
-	} else t15 = $[30];
-	let t16;
-	if ($[31] !== displayLabel || $[32] !== isLoading || $[33] !== listContent || $[34] !== t13 || $[35] !== t14 || $[36] !== t15) {
-		t16 = /* @__PURE__ */ jsx(WidgetCard, {
+		$[25] = dateField;
+		$[26] = getSubtitle;
+		$[27] = getTitleValue;
+		$[28] = handleItemClick;
+		$[29] = items;
+		$[30] = t16;
+	} else t16 = $[30];
+	const listContent = t16;
+	let t17;
+	if ($[31] !== config.description || $[32] !== resolveText) {
+		t17 = config.description ? resolveText(config.description) : void 0;
+		$[31] = config.description;
+		$[32] = resolveText;
+		$[33] = t17;
+	} else t17 = $[33];
+	const t18 = isFetching && !isLoading;
+	let t19;
+	if ($[34] !== limit) {
+		t19 = /* @__PURE__ */ jsx(RecentItemsWidgetSkeleton, { count: limit });
+		$[34] = limit;
+		$[35] = t19;
+	} else t19 = $[35];
+	let t20;
+	if ($[36] !== error) {
+		t20 = error instanceof Error ? error : error ? new Error(String(error)) : null;
+		$[36] = error;
+		$[37] = t20;
+	} else t20 = $[37];
+	let t21;
+	if ($[38] !== refetch) {
+		t21 = () => refetch();
+		$[38] = refetch;
+		$[39] = t21;
+	} else t21 = $[39];
+	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) {
+		t22 = /* @__PURE__ */ jsx(WidgetCard, {
 			title: displayLabel,
+			description: t17,
+			variant: config.cardVariant,
 			isLoading,
-			loadingSkeleton: t13,
-			error: t14,
-			onRefresh: t15,
+			isRefreshing: t18,
+			loadingSkeleton: t19,
+			error: t20,
+			onRefresh: t21,
+			actions: config.actions,
+			className: config.className,
 			children: listContent
 		});
-		$[31] = displayLabel;
-		$[32] = isLoading;
-		$[33] = listContent;
-		$[34] = t13;
-		$[35] = t14;
-		$[36] = t15;
-		$[37] = t16;
-	} else t16 = $[37];
-	return t16;
+		$[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];
+	return t22;
 }
 /**
 * Format relative time

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

@@ -75,16 +75,9 @@ function getDateRange(preset) {
 		};
 	}
 }
-const variantStyles = {
-	default: "",
-	primary: "border-primary/30 bg-primary/5",
-	success: "border-success/30 bg-success/5",
-	warning: "border-warning/30 bg-warning/5",
-	danger: "border-destructive/30 bg-destructive/5"
-};
 const variantValueStyles = {
 	default: "",
-	primary: "text-primary",
+	primary: "text-foreground",
 	success: "text-success",
 	warning: "text-warning",
 	danger: "text-destructive"
@@ -98,7 +91,7 @@ const variantValueStyles = {
 * - Color variant for visual distinction
 */
 function StatsWidget(t0) {
-	const $ = c(43);
+	const $ = c(53);
 	const { config } = t0;
 	const resolveText = useResolveText();
 	const { collection, label, filter, filterFn, dateFilter, icon: Icon, variant: t1, realtime, hasLoader, refreshInterval } = config;
@@ -174,87 +167,113 @@ function StatsWidget(t0) {
 		$[15] = computedFilter;
 		$[16] = t5;
 	} else t5 = $[16];
-	let t6;
-	if ($[17] !== realtime) {
-		t6 = { realtime };
-		$[17] = realtime;
-		$[18] = t6;
-	} else t6 = $[18];
-	const collectionQuery = useCollectionCount(collection, t5, void 0, t6);
-	const { data: rawData, isLoading, error, refetch } = hasLoader ? serverQuery : collectionQuery;
-	const count = hasLoader ? rawData?.count ?? 0 : rawData ?? 0;
+	const t6 = !hasLoader;
 	let t7;
-	if ($[19] !== collection || $[20] !== label || $[21] !== resolveText) {
-		t7 = label ? resolveText(label) : formatLabel(collection);
-		$[19] = collection;
-		$[20] = label;
-		$[21] = resolveText;
-		$[22] = t7;
-	} else t7 = $[22];
-	const displayLabel = t7;
+	if ($[17] !== t6) {
+		t7 = { enabled: t6 };
+		$[17] = t6;
+		$[18] = t7;
+	} else t7 = $[18];
 	let t8;
-	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(StatsWidgetSkeleton, {});
-		$[23] = t8;
-	} else t8 = $[23];
+	if ($[19] !== realtime) {
+		t8 = { realtime };
+		$[19] = realtime;
+		$[20] = t8;
+	} else t8 = $[20];
+	const collectionQuery = useCollectionCount(collection, t5, t7, t8);
+	const { data: rawData, isLoading, error, refetch, isFetching } = hasLoader ? serverQuery : collectionQuery;
+	const count = hasLoader ? rawData?.count ?? 0 : rawData ?? 0;
 	let t9;
-	if ($[24] !== error) {
-		t9 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-		$[24] = error;
+	if ($[21] !== collection || $[22] !== config.title || $[23] !== label || $[24] !== resolveText) {
+		t9 = config.title ? resolveText(config.title) : label ? resolveText(label) : formatLabel(collection);
+		$[21] = collection;
+		$[22] = config.title;
+		$[23] = label;
+		$[24] = resolveText;
 		$[25] = t9;
 	} else t9 = $[25];
+	const displayLabel = t9;
 	let t10;
-	if ($[26] !== refetch) {
-		t10 = () => refetch();
-		$[26] = refetch;
-		$[27] = t10;
-	} else t10 = $[27];
-	const t11 = variantStyles[variant];
-	const t12 = variantValueStyles[variant];
+	if ($[26] !== config.description || $[27] !== resolveText) {
+		t10 = config.description ? resolveText(config.description) : void 0;
+		$[26] = config.description;
+		$[27] = resolveText;
+		$[28] = t10;
+	} else t10 = $[28];
+	const t11 = config.cardVariant;
+	const t12 = isFetching && !isLoading;
 	let t13;
-	if ($[28] !== t12) {
-		t13 = cn("text-2xl font-bold", t12);
-		$[28] = t12;
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsx(StatsWidgetSkeleton, {});
 		$[29] = t13;
 	} else t13 = $[29];
 	let t14;
-	if ($[30] !== count) {
-		t14 = count.toLocaleString();
-		$[30] = count;
+	if ($[30] !== error) {
+		t14 = error instanceof Error ? error : error ? new Error(String(error)) : null;
+		$[30] = error;
 		$[31] = t14;
 	} else t14 = $[31];
 	let t15;
-	if ($[32] !== t13 || $[33] !== t14) {
-		t15 = /* @__PURE__ */ jsx("div", {
-			className: t13,
-			children: t14
+	if ($[32] !== refetch) {
+		t15 = () => refetch();
+		$[32] = refetch;
+		$[33] = t15;
+	} else t15 = $[33];
+	const t16 = config.actions;
+	const t17 = config.className;
+	const t18 = variantValueStyles[variant];
+	let t19;
+	if ($[34] !== t18) {
+		t19 = cn("text-2xl font-bold", t18);
+		$[34] = t18;
+		$[35] = t19;
+	} else t19 = $[35];
+	let t20;
+	if ($[36] !== count) {
+		t20 = count.toLocaleString();
+		$[36] = count;
+		$[37] = t20;
+	} else t20 = $[37];
+	let t21;
+	if ($[38] !== t19 || $[39] !== t20) {
+		t21 = /* @__PURE__ */ jsx("div", {
+			className: t19,
+			children: t20
 		});
-		$[32] = t13;
-		$[33] = t14;
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== Icon || $[36] !== displayLabel || $[37] !== isLoading || $[38] !== t10 || $[39] !== t11 || $[40] !== t15 || $[41] !== t9) {
-		t16 = /* @__PURE__ */ jsx(WidgetCard, {
+		$[38] = t19;
+		$[39] = t20;
+		$[40] = t21;
+	} else t21 = $[40];
+	let t22;
+	if ($[41] !== Icon || $[42] !== config.actions || $[43] !== config.cardVariant || $[44] !== config.className || $[45] !== displayLabel || $[46] !== isLoading || $[47] !== t10 || $[48] !== t12 || $[49] !== t14 || $[50] !== t15 || $[51] !== t21) {
+		t22 = /* @__PURE__ */ jsx(WidgetCard, {
 			title: displayLabel,
+			description: t10,
 			icon: Icon,
+			variant: t11,
 			isLoading,
-			loadingSkeleton: t8,
-			error: t9,
-			onRefresh: t10,
-			className: t11,
-			children: t15
+			isRefreshing: t12,
+			loadingSkeleton: t13,
+			error: t14,
+			onRefresh: t15,
+			actions: t16,
+			className: t17,
+			children: t21
 		});
-		$[35] = Icon;
-		$[36] = displayLabel;
-		$[37] = isLoading;
-		$[38] = t10;
-		$[39] = t11;
-		$[40] = t15;
-		$[41] = t9;
-		$[42] = t16;
-	} else t16 = $[42];
-	return t16;
+		$[41] = Icon;
+		$[42] = config.actions;
+		$[43] = config.cardVariant;
+		$[44] = config.className;
+		$[45] = displayLabel;
+		$[46] = isLoading;
+		$[47] = t10;
+		$[48] = t12;
+		$[49] = t14;
+		$[50] = t15;
+		$[51] = t21;
+		$[52] = t22;
+	} else t22 = $[52];
+	return t22;
 }
 
 //#endregion