@questpie/admin 3.2.4 → 3.2.6

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

@@ -5,7 +5,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 { 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
@@ -23,203 +22,78 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * - Configurable number of items
 * - Links to edit each item
 */
-function RecentItemsWidget(t0) {
-	const $ = c(53);
-	const { config } = t0;
+function RecentItemsWidget({ config }) {
 	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;
-	const dateField = t3 === void 0 ? "createdAt" : t3;
-	const t4 = !!hasLoader;
-	let t5;
-	if ($[0] !== refreshInterval || $[1] !== t4) {
-		t5 = {
-			enabled: t4,
-			refreshInterval
-		};
-		$[0] = refreshInterval;
-		$[1] = t4;
-		$[2] = t5;
-	} else t5 = $[2];
-	const serverQuery = useServerWidgetData(config.id, t5);
-	let t6;
-	if ($[3] !== dateField) {
-		t6 = { [dateField]: "desc" };
-		$[3] = dateField;
-		$[4] = t6;
-	} else t6 = $[4];
-	let t7;
-	if ($[5] !== limit || $[6] !== t6) {
-		t7 = {
-			orderBy: t6,
-			limit
-		};
-		$[5] = limit;
-		$[6] = t6;
-		$[7] = t7;
-	} else t7 = $[7];
-	const t8 = !hasLoader;
-	let t9;
-	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 { collection, limit = 5, label, titleField = "_title", dateField = "createdAt", subtitleFields, onItemClick, realtime, hasLoader, refreshInterval } = config;
+	const serverQuery = useServerWidgetData(config.id, {
+		enabled: !!hasLoader,
+		refreshInterval
+	});
+	const collectionQuery = useCollectionList(collection, {
+		orderBy: { [dateField]: "desc" },
+		limit
+	}, { enabled: !hasLoader }, { realtime });
 	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);
-			if (item.title) return String(item.title);
-			if (item.label) return String(item.label);
-			return `Item #${item.id}`;
-		};
-		$[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(" - ");
-		};
-		$[21] = subtitleFields;
-		$[22] = t14;
-	} else t14 = $[22];
-	const getSubtitle = t14;
-	let t15;
-	if ($[23] !== onItemClick) {
-		t15 = (item_1) => {
-			if (onItemClick) onItemClick(item_1);
-		};
-		$[23] = onItemClick;
-		$[24] = t15;
-	} else t15 = $[24];
-	const handleItemClick = t15;
-	let t16;
-	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: t("widget.recentItems.emptyTitle"),
-			description: t("widget.recentItems.emptyDescription")
-		}) : /* @__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);
-			})
-		});
-		$[25] = dateField;
-		$[26] = getSubtitle;
-		$[27] = getTitleValue;
-		$[28] = handleItemClick;
-		$[29] = items;
-		$[30] = t;
-		$[31] = t16;
-	} else t16 = $[31];
-	const listContent = t16;
-	let t17;
-	if ($[32] !== config.description || $[33] !== resolveText) {
-		t17 = config.description ? resolveText(config.description) : void 0;
-		$[32] = config.description;
-		$[33] = resolveText;
-		$[34] = t17;
-	} else t17 = $[34];
-	const t18 = isFetching && !isLoading;
-	let t19;
-	if ($[35] !== limit) {
-		t19 = /* @__PURE__ */ jsx(RecentItemsWidgetSkeleton, { count: limit });
-		$[35] = limit;
-		$[36] = t19;
-	} else t19 = $[36];
-	let t20;
-	if ($[37] !== error) {
-		t20 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-		$[37] = error;
-		$[38] = t20;
-	} else t20 = $[38];
-	let t21;
-	if ($[39] !== refetch) {
-		t21 = () => refetch();
-		$[39] = refetch;
-		$[40] = t21;
-	} else t21 = $[40];
-	let t22;
-	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,
-			variant: config.cardVariant,
-			isLoading,
-			isRefreshing: t18,
-			loadingSkeleton: t19,
-			error: t20,
-			onRefresh: t21,
-			actions: config.actions,
-			className: config.className,
-			children: listContent
-		});
-		$[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;
+	const items = Array.isArray(data) ? data : Array.isArray(data?.docs) ? data.docs : [];
+	const displayLabel = config.title ? resolveText(config.title) : label ? resolveText(label) : `Recent ${formatLabel(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(WidgetEmptyState, {
+		iconName: "ph:clock-counter-clockwise",
+		title: t("widget.recentItems.emptyTitle"),
+		description: t("widget.recentItems.emptyDescription")
+	}) : /* @__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: "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)
+					}), /* @__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.id);
+		})
+	});
+	return /* @__PURE__ */ jsx(WidgetCard, {
+		title: displayLabel,
+		description: config.description ? resolveText(config.description) : void 0,
+		variant: config.cardVariant,
+		isLoading,
+		isRefreshing: isFetching && !isLoading,
+		loadingSkeleton: /* @__PURE__ */ jsx(RecentItemsWidgetSkeleton, { count: limit }),
+		error: error instanceof Error ? error : error ? new Error(String(error)) : null,
+		onRefresh: () => refetch(),
+		actions: config.actions,
+		className: config.className,
+		children: listContent
+	});
 }
 /**
 * Format relative time

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

@@ -4,7 +4,7 @@ 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 { c } from "react/compiler-runtime";
+import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/widgets/stats-widget.tsx
@@ -90,190 +90,56 @@ const variantValueStyles = {
 * - Optional icon
 * - Color variant for visual distinction
 */
-function StatsWidget(t0) {
-	const $ = c(53);
-	const { config } = t0;
+function StatsWidget({ config }) {
 	const resolveText = useResolveText();
-	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) {
+	const { collection, label, filter, filterFn, dateFilter, icon: Icon, variant = "default", realtime, hasLoader, refreshInterval } = config;
+	const serverQuery = useServerWidgetData(config.id, {
+		enabled: !!hasLoader,
+		refreshInterval
+	});
+	const computedFilter = useMemo(() => {
 		let result = {};
 		if (filter) result = {
 			...result,
 			...filter
 		};
-		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
-			};
-		}
+		if (filterFn) result = {
+			...result,
+			...filterFn()
+		};
 		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;
+			const { gte, lte } = getDateRange(dateFilter.range);
+			result[dateFilter.field] = {
+				gte: gte.toISOString(),
+				lte: lte.toISOString()
+			};
 		}
-		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];
-	const t6 = !hasLoader;
-	let t7;
-	if ($[17] !== t6) {
-		t7 = { enabled: t6 };
-		$[17] = t6;
-		$[18] = t7;
-	} else t7 = $[18];
-	let t8;
-	if ($[19] !== realtime) {
-		t8 = { realtime };
-		$[19] = realtime;
-		$[20] = t8;
-	} else t8 = $[20];
-	const collectionQuery = useCollectionCount(collection, t5, t7, t8);
+		return Object.keys(result).length > 0 ? result : void 0;
+	}, [
+		filter,
+		filterFn,
+		dateFilter
+	]);
+	const collectionQuery = useCollectionCount(collection, computedFilter ? { where: computedFilter } : void 0, { enabled: !hasLoader }, { realtime });
 	const { data: rawData, isLoading, error, refetch, isFetching } = hasLoader ? serverQuery : collectionQuery;
 	const count = hasLoader ? rawData?.count ?? 0 : rawData ?? 0;
-	let t9;
-	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] !== 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 ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t13 = /* @__PURE__ */ jsx(StatsWidgetSkeleton, {});
-		$[29] = t13;
-	} else t13 = $[29];
-	let t14;
-	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] !== 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
-		});
-		$[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,
-			isRefreshing: t12,
-			loadingSkeleton: t13,
-			error: t14,
-			onRefresh: t15,
-			actions: t16,
-			className: t17,
-			children: t21
-		});
-		$[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;
+	return /* @__PURE__ */ jsx(WidgetCard, {
+		title: config.title ? resolveText(config.title) : label ? resolveText(label) : formatLabel(collection),
+		description: config.description ? resolveText(config.description) : void 0,
+		icon: Icon,
+		variant: config.cardVariant,
+		isLoading,
+		isRefreshing: isFetching && !isLoading,
+		loadingSkeleton: /* @__PURE__ */ jsx(StatsWidgetSkeleton, {}),
+		error: error instanceof Error ? error : error ? new Error(String(error)) : null,
+		onRefresh: () => refetch(),
+		actions: config.actions,
+		className: config.className,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("text-2xl font-bold", variantValueStyles[variant]),
+			children: count.toLocaleString()
+		})
+	});
 }
 
 //#endregion

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

@@ -127,7 +127,7 @@ function TableWidget({ config, basePath = "/admin", navigate }) {
 			className: "min-w-full table-fixed",
 			style: { minWidth: table.getTotalSize() },
 			children: [
-				/* @__PURE__ */ jsx("colgroup", { children: visibleColumns.map((column_0) => /* @__PURE__ */ jsx("col", { style: { width: column_0.getSize() } }, column_0.id)) }),
+				/* @__PURE__ */ jsx("colgroup", { children: visibleColumns.map((column) => /* @__PURE__ */ jsx("col", { style: { width: column.getSize() } }, column.id)) }),
 				/* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, {
 					className: "hover:bg-transparent",
 					children: headerGroup.headers.map((header) => {
@@ -139,28 +139,28 @@ function TableWidget({ config, basePath = "/admin", navigate }) {
 						}, header.id);
 					})
 				}, headerGroup.id)) }),
-				/* @__PURE__ */ jsx(TableBody, { children: rows.map((row_0) => {
-					const canNavigate = !!linkToDetail && !!navigate && !!row_0.original?.id;
+				/* @__PURE__ */ jsx(TableBody, { children: rows.map((row) => {
+					const canNavigate = !!linkToDetail && !!navigate && !!row.original?.id;
 					return /* @__PURE__ */ jsx(TableRow, {
 						role: canNavigate ? "link" : void 0,
 						tabIndex: canNavigate ? 0 : void 0,
 						className: cn(canNavigate && "cursor-pointer"),
-						onClick: canNavigate ? () => handleRowClick(row_0.original) : void 0,
+						onClick: canNavigate ? () => handleRowClick(row.original) : void 0,
 						onKeyDown: canNavigate ? (event) => {
 							if (event.key === "Enter" || event.key === " ") {
 								event.preventDefault();
-								handleRowClick(row_0.original);
+								handleRowClick(row.original);
 							}
 						} : void 0,
-						children: row_0.getVisibleCells().map((cell) => {
-							const meta_0 = cell.column.columnDef.meta;
+						children: row.getVisibleCells().map((cell) => {
+							const meta = cell.column.columnDef.meta;
 							return /* @__PURE__ */ jsx(TableCell, {
-								className: cn(getAlignClass(meta_0?.align), meta_0?.className),
+								className: cn(getAlignClass(meta?.align), meta?.className),
 								style: getColumnSizeStyle(cell.column),
 								children: flexRender(cell.column.columnDef.cell, cell.getContext())
 							}, cell.id);
 						})
-					}, row_0.id);
+					}, row.id);
 				}) })
 			]
 		})