@questpie/admin 2.0.0 → 3.0.1

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

@@ -1,8 +1,9 @@
 import { useResolveText } from "../../i18n/hooks.mjs";
-import { formatCollectionName } from "../../lib/utils.mjs";
+import { formatLabel } from "../../lib/utils.mjs";
 import { useCollectionList } from "../../hooks/use-collection.mjs";
 import { WidgetCard } from "../../views/dashboard/widget-card.mjs";
 import { RecentItemsWidgetSkeleton } from "./widget-skeletons.mjs";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/widgets/recent-items-widget.tsx
@@ -20,66 +21,161 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * - Configurable number of items
 * - Links to edit each item
 */
-function RecentItemsWidget({ config }) {
+function RecentItemsWidget(t0) {
+	const $ = c(38);
+	const { config } = t0;
 	const resolveText = useResolveText();
-	const { collection, limit = 5, label, titleField = "_title", dateField = "createdAt", subtitleFields, onItemClick, realtime } = config;
-	const { data, isLoading, error, refetch } = useCollectionList(collection, {
-		orderBy: { [dateField]: "desc" },
-		limit
-	}, void 0, { realtime });
-	const items = Array.isArray(data?.docs) ? data.docs : [];
-	const displayLabel = label ? resolveText(label) : `Recent ${formatCollectionName(collection)}`;
-	const getTitleValue = (item) => {
-		if (titleField && item[titleField]) return String(item[titleField]);
-		if (item._title) return String(item._title);
-		if (item.name) return String(item.name);
-		if (item.title) return String(item.title);
-		if (item.label) return String(item.label);
-		return `Item #${item.id}`;
-	};
-	const getSubtitle = (item) => {
-		if (!subtitleFields?.length) return null;
-		return subtitleFields.map((field) => item[field]).filter(Boolean).join(" - ");
-	};
-	const handleItemClick = (item) => {
-		if (onItemClick) onItemClick(item);
-	};
-	const listContent = items.length === 0 ? /* @__PURE__ */ jsx("p", {
-		className: "text-sm text-muted-foreground",
-		children: "No items yet"
-	}) : /* @__PURE__ */ jsx("div", {
-		className: "space-y-1",
-		children: items.map((item) => {
-			const dateValue = item[dateField];
-			const subtitle = getSubtitle(item);
-			return /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: () => handleItemClick(item),
-				className: "flex w-full items-center gap-3 rounded-md p-2 hover:bg-muted/50 cursor-pointer transition-colors text-left",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "flex-1 min-w-0",
-					children: [/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium truncate",
-						children: getTitleValue(item)
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2 text-xs text-muted-foreground",
-						children: [dateValue && /* @__PURE__ */ jsx("span", { children: formatRelativeTime(new Date(dateValue)) }), subtitle && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: "-" }), /* @__PURE__ */ jsx("span", {
-							className: "truncate",
-							children: subtitle
-						})] })]
-					})]
-				})
-			}, item.id);
-		})
-	});
-	return /* @__PURE__ */ jsx(WidgetCard, {
-		title: displayLabel,
-		isLoading,
-		loadingSkeleton: /* @__PURE__ */ jsx(RecentItemsWidgetSkeleton, { count: limit }),
-		error: error instanceof Error ? error : error ? new Error(String(error)) : null,
-		onRefresh: () => refetch(),
-		children: listContent
-	});
+	const { collection, limit: t1, label, titleField: t2, dateField: t3, subtitleFields, onItemClick, realtime } = 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];
+	let t5;
+	if ($[2] !== limit || $[3] !== t4) {
+		t5 = {
+			orderBy: t4,
+			limit
+		};
+		$[2] = limit;
+		$[3] = t4;
+		$[4] = t5;
+	} else t5 = $[4];
+	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);
+	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;
+	let t9;
+	if ($[13] !== titleField) {
+		t9 = (item) => {
+			if (titleField && item[titleField]) return String(item[titleField]);
+			if (item._title) return String(item._title);
+			if (item.name) return String(item.name);
+			if (item.title) return String(item.title);
+			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) => {
+			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) => {
+			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"
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "space-y-1",
+			children: items.map((item_2) => {
+				const dateValue = item_2[dateField];
+				const subtitle = getSubtitle(item_2);
+				return /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => handleItemClick(item_2),
+					className: "hover:bg-muted flex w-full cursor-pointer items-center gap-3 p-2 text-left transition-colors",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "truncate text-sm font-medium",
+							children: getTitleValue(item_2)
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "text-muted-foreground flex items-center gap-2 text-xs",
+							children: [dateValue && /* @__PURE__ */ jsx("span", { children: formatRelativeTime(new Date(dateValue)) }), subtitle && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: "-" }), /* @__PURE__ */ jsx("span", {
+								className: "truncate",
+								children: subtitle
+							})] })]
+						})]
+					})
+				}, 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, {
+			title: displayLabel,
+			isLoading,
+			loadingSkeleton: t13,
+			error: t14,
+			onRefresh: t15,
+			children: listContent
+		});
+		$[31] = displayLabel;
+		$[32] = isLoading;
+		$[33] = listContent;
+		$[34] = t13;
+		$[35] = t14;
+		$[36] = t15;
+		$[37] = t16;
+	} else t16 = $[37];
+	return t16;
 }
 /**
 * Format relative time
@@ -97,5 +193,4 @@ function formatRelativeTime(date) {
 }
 
 //#endregion
-export { RecentItemsWidget as default };
-//# sourceMappingURL=recent-items-widget.mjs.map
+export { RecentItemsWidget as default };

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

@@ -1,10 +1,10 @@
 import { useResolveText } from "../../i18n/hooks.mjs";
-import { cn, formatCollectionName } from "../../lib/utils.mjs";
+import { cn, formatLabel } from "../../lib/utils.mjs";
 import { useCollectionCount } from "../../hooks/use-collection.mjs";
 import { WidgetCard } from "../../views/dashboard/widget-card.mjs";
 import { useServerWidgetData } from "../../hooks/use-server-widget-data.mjs";
 import { StatsWidgetSkeleton } from "./widget-skeletons.mjs";
-import { useMemo } from "react";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/widgets/stats-widget.tsx
@@ -97,54 +97,165 @@ const variantValueStyles = {
 * - Optional icon
 * - Color variant for visual distinction
 */
-function StatsWidget({ config }) {
+function StatsWidget(t0) {
+	const $ = c(43);
+	const { config } = t0;
 	const resolveText = useResolveText();
-	const { collection, label, filter, filterFn, dateFilter, icon: Icon, variant = "default", realtime, hasFetchFn, refreshInterval } = config;
-	const serverQuery = useServerWidgetData(config.id, {
-		enabled: !!hasFetchFn,
-		refreshInterval
-	});
-	const computedFilter = useMemo(() => {
+	const { collection, label, filter, filterFn, dateFilter, icon: Icon, variant: t1, realtime, hasLoader, refreshInterval } = config;
+	const variant = t1 === void 0 ? "default" : t1;
+	const t2 = !!hasLoader;
+	let t3;
+	if ($[0] !== refreshInterval || $[1] !== t2) {
+		t3 = {
+			enabled: t2,
+			refreshInterval
+		};
+		$[0] = refreshInterval;
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	const serverQuery = useServerWidgetData(config.id, t3);
+	let t4;
+	if ($[3] !== dateFilter || $[4] !== filter || $[5] !== filterFn) {
 		let result = {};
 		if (filter) result = {
 			...result,
 			...filter
 		};
-		if (filterFn) result = {
-			...result,
-			...filterFn()
-		};
-		if (dateFilter) {
-			const { gte, lte } = getDateRange(dateFilter.range);
-			result[dateFilter.field] = {
-				gte: gte.toISOString(),
-				lte: lte.toISOString()
+		if (filterFn) {
+			const t5$1 = result;
+			let t6$1;
+			if ($[7] !== filterFn) {
+				t6$1 = filterFn();
+				$[7] = filterFn;
+				$[8] = t6$1;
+			} else t6$1 = $[8];
+			result = {
+				...t5$1,
+				...t6$1
 			};
 		}
-		return Object.keys(result).length > 0 ? result : void 0;
-	}, [
-		filter,
-		filterFn,
-		dateFilter
-	]);
-	const collectionQuery = useCollectionCount(collection, computedFilter ? { where: computedFilter } : void 0, void 0, { realtime });
-	const { data: rawData, isLoading, error, refetch } = hasFetchFn ? serverQuery : collectionQuery;
-	const count = hasFetchFn ? rawData?.count ?? 0 : rawData ?? 0;
-	return /* @__PURE__ */ jsx(WidgetCard, {
-		title: label ? resolveText(label) : formatCollectionName(collection),
-		icon: Icon,
-		isLoading,
-		loadingSkeleton: /* @__PURE__ */ jsx(StatsWidgetSkeleton, {}),
-		error: error instanceof Error ? error : error ? new Error(String(error)) : null,
-		onRefresh: () => refetch(),
-		className: variantStyles[variant],
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("text-2xl font-bold", variantValueStyles[variant]),
-			children: count.toLocaleString()
-		})
-	});
+		if (dateFilter) {
+			let t5$1;
+			let t6$1;
+			if ($[9] !== dateFilter.range) {
+				const { gte, lte } = getDateRange(dateFilter.range);
+				t5$1 = gte.toISOString();
+				t6$1 = lte.toISOString();
+				$[9] = dateFilter.range;
+				$[10] = t5$1;
+				$[11] = t6$1;
+			} else {
+				t5$1 = $[10];
+				t6$1 = $[11];
+			}
+			let t7$1;
+			if ($[12] !== t5$1 || $[13] !== t6$1) {
+				t7$1 = {
+					gte: t5$1,
+					lte: t6$1
+				};
+				$[12] = t5$1;
+				$[13] = t6$1;
+				$[14] = t7$1;
+			} else t7$1 = $[14];
+			result[dateFilter.field] = t7$1;
+		}
+		t4 = Object.keys(result).length > 0 ? result : void 0;
+		$[3] = dateFilter;
+		$[4] = filter;
+		$[5] = filterFn;
+		$[6] = t4;
+	} else t4 = $[6];
+	const computedFilter = t4;
+	let t5;
+	if ($[15] !== computedFilter) {
+		t5 = computedFilter ? { where: computedFilter } : void 0;
+		$[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;
+	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;
+	let t8;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(StatsWidgetSkeleton, {});
+		$[23] = t8;
+	} else t8 = $[23];
+	let t9;
+	if ($[24] !== error) {
+		t9 = error instanceof Error ? error : error ? new Error(String(error)) : null;
+		$[24] = error;
+		$[25] = t9;
+	} else t9 = $[25];
+	let t10;
+	if ($[26] !== refetch) {
+		t10 = () => refetch();
+		$[26] = refetch;
+		$[27] = t10;
+	} else t10 = $[27];
+	const t11 = variantStyles[variant];
+	const t12 = variantValueStyles[variant];
+	let t13;
+	if ($[28] !== t12) {
+		t13 = cn("text-2xl font-bold", t12);
+		$[28] = t12;
+		$[29] = t13;
+	} else t13 = $[29];
+	let t14;
+	if ($[30] !== count) {
+		t14 = count.toLocaleString();
+		$[30] = count;
+		$[31] = t14;
+	} else t14 = $[31];
+	let t15;
+	if ($[32] !== t13 || $[33] !== t14) {
+		t15 = /* @__PURE__ */ jsx("div", {
+			className: t13,
+			children: t14
+		});
+		$[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, {
+			title: displayLabel,
+			icon: Icon,
+			isLoading,
+			loadingSkeleton: t8,
+			error: t9,
+			onRefresh: t10,
+			className: t11,
+			children: t15
+		});
+		$[35] = Icon;
+		$[36] = displayLabel;
+		$[37] = isLoading;
+		$[38] = t10;
+		$[39] = t11;
+		$[40] = t15;
+		$[41] = t9;
+		$[42] = t16;
+	} else t16 = $[42];
+	return t16;
 }
 
 //#endregion
-export { StatsWidget as default };
-//# sourceMappingURL=stats-widget.mjs.map
+export { StatsWidget as default };