@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,261 @@
+import { useResolveText } from "../../i18n/hooks.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 { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/widgets/stats-widget.tsx
+/**
+* Get date range for a preset
+*/
+function getDateRange(preset) {
+	const now = /* @__PURE__ */ new Date();
+	const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+	switch (preset) {
+		case "today": return {
+			gte: today,
+			lte: /* @__PURE__ */ new Date(today.getTime() + 1440 * 60 * 1e3 - 1)
+		};
+		case "yesterday": return {
+			gte: /* @__PURE__ */ new Date(today.getTime() - 1440 * 60 * 1e3),
+			lte: /* @__PURE__ */ new Date(today.getTime() - 1)
+		};
+		case "thisWeek": {
+			const dayOfWeek = today.getDay();
+			return {
+				gte: /* @__PURE__ */ new Date(today.getTime() - (dayOfWeek === 0 ? 6 : dayOfWeek - 1) * 24 * 60 * 60 * 1e3),
+				lte: now
+			};
+		}
+		case "lastWeek": {
+			const dayOfWeek = today.getDay();
+			const thisMonday = /* @__PURE__ */ new Date(today.getTime() - (dayOfWeek === 0 ? 6 : dayOfWeek - 1) * 24 * 60 * 60 * 1e3);
+			return {
+				gte: /* @__PURE__ */ new Date(thisMonday.getTime() - 10080 * 60 * 1e3),
+				lte: /* @__PURE__ */ new Date(thisMonday.getTime() - 1)
+			};
+		}
+		case "thisMonth": return {
+			gte: new Date(now.getFullYear(), now.getMonth(), 1),
+			lte: now
+		};
+		case "lastMonth": {
+			const firstOfThisMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+			return {
+				gte: new Date(now.getFullYear(), now.getMonth() - 1, 1),
+				lte: /* @__PURE__ */ new Date(firstOfThisMonth.getTime() - 1)
+			};
+		}
+		case "last7days": return {
+			gte: /* @__PURE__ */ new Date(now.getTime() - 10080 * 60 * 1e3),
+			lte: now
+		};
+		case "last30days": return {
+			gte: /* @__PURE__ */ new Date(now.getTime() - 720 * 60 * 60 * 1e3),
+			lte: now
+		};
+		case "last90days": return {
+			gte: /* @__PURE__ */ new Date(now.getTime() - 2160 * 60 * 60 * 1e3),
+			lte: now
+		};
+		case "thisYear": return {
+			gte: new Date(now.getFullYear(), 0, 1),
+			lte: now
+		};
+		case "lastYear": return {
+			gte: new Date(now.getFullYear() - 1, 0, 1),
+			lte: new Date(now.getFullYear() - 1, 11, 31, 23, 59, 59)
+		};
+		default: return {
+			gte: today,
+			lte: now
+		};
+	}
+}
+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",
+	success: "text-success",
+	warning: "text-warning",
+	danger: "text-destructive"
+};
+/**
+* Stats widget component
+*
+* Shows:
+* - Total count for a collection
+* - Optional icon
+* - Color variant for visual distinction
+*/
+function StatsWidget(t0) {
+	const $ = c(43);
+	const { config } = t0;
+	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) {
+		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 (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 };

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

@@ -0,0 +1,273 @@
+import { useResolveText } from "../../i18n/hooks.mjs";
+import { cn, formatLabel } from "../../lib/utils.mjs";
+import { DefaultCell } from "../../views/collection/cells/primitive-cells.mjs";
+import { useCollectionList } from "../../hooks/use-collection.mjs";
+import { WidgetCard } from "../../views/dashboard/widget-card.mjs";
+import { TableWidgetSkeleton } from "./widget-skeletons.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/widgets/table-widget.tsx
+/**
+* Field types that need fieldDef passed to their cell component
+*/
+const FIELD_TYPES_NEEDING_FIELD_DEF = new Set([
+	"object",
+	"array",
+	"relation",
+	"reverseRelation"
+]);
+/**
+* Normalize column config - converts string to object format
+*/
+function normalizeColumn(column) {
+	if (typeof column === "string") return { key: column };
+	return column;
+}
+/**
+* Get column label from field definition or column config
+*/
+function getColumnLabel(column, fieldDef) {
+	if (column.label) return column.label;
+	const fieldOptions = fieldDef?.["~options"];
+	if (fieldOptions?.label) return fieldOptions.label;
+	return formatLabel(column.key);
+}
+/**
+* Resolve cell component from field definition
+*/
+function resolveCellComponent(fieldDef) {
+	if (fieldDef?.cell) return fieldDef.cell;
+	return DefaultCell;
+}
+/**
+* Renders a single table cell value using field definitions or custom renderers
+*/
+function TableCellRenderer(t0) {
+	const $ = c(14);
+	const { item, column, fields } = t0;
+	const value = item[column.key];
+	if (column.render) {
+		let t1$1;
+		if ($[0] !== column || $[1] !== item || $[2] !== value) {
+			t1$1 = column.render(value, item);
+			$[0] = column;
+			$[1] = item;
+			$[2] = value;
+			$[3] = t1$1;
+		} else t1$1 = $[3];
+		return t1$1;
+	}
+	const fieldDef = fields?.[column.key];
+	let t1;
+	if ($[4] !== fieldDef) {
+		t1 = resolveCellComponent(fieldDef);
+		$[4] = fieldDef;
+		$[5] = t1;
+	} else t1 = $[5];
+	const CellComponent = t1;
+	const fieldType = fieldDef?.name ?? "text";
+	let t2;
+	if ($[6] !== fieldType) {
+		t2 = FIELD_TYPES_NEEDING_FIELD_DEF.has(fieldType);
+		$[6] = fieldType;
+		$[7] = t2;
+	} else t2 = $[7];
+	const needsFieldDef = t2;
+	let t3;
+	if ($[8] !== CellComponent || $[9] !== fieldDef || $[10] !== item || $[11] !== needsFieldDef || $[12] !== value) {
+		t3 = needsFieldDef ? /* @__PURE__ */ jsx(CellComponent, {
+			value,
+			row: item,
+			fieldDef
+		}) : /* @__PURE__ */ jsx(CellComponent, {
+			value,
+			row: item
+		});
+		$[8] = CellComponent;
+		$[9] = fieldDef;
+		$[10] = item;
+		$[11] = needsFieldDef;
+		$[12] = value;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
+}
+/**
+* Table Widget Component
+*
+* Displays a mini table of collection items.
+* Uses field definitions from admin config for labels and cell rendering.
+*/
+function TableWidget(t0) {
+	const $ = c(37);
+	const { config, basePath: t1, navigate } = t0;
+	const basePath = t1 === void 0 ? "/admin" : t1;
+	const resolveText = useResolveText();
+	const { collection, columns: rawColumns, limit: t2, sortBy, sortOrder: t3, filter, linkToDetail, emptyMessage, realtime } = config;
+	const limit = t2 === void 0 ? 5 : t2;
+	const sortOrder = t3 === void 0 ? "desc" : t3;
+	const columns = rawColumns.map(normalizeColumn);
+	const fields = void 0;
+	let queryOptions;
+	if ($[0] !== filter || $[1] !== limit || $[2] !== sortBy || $[3] !== sortOrder) {
+		queryOptions = { limit };
+		if (sortBy) {
+			let t4$1;
+			if ($[5] !== sortBy || $[6] !== sortOrder) {
+				t4$1 = { [sortBy]: sortOrder };
+				$[5] = sortBy;
+				$[6] = sortOrder;
+				$[7] = t4$1;
+			} else t4$1 = $[7];
+			queryOptions.orderBy = t4$1;
+		}
+		if (filter) queryOptions.where = filter;
+		$[0] = filter;
+		$[1] = limit;
+		$[2] = sortBy;
+		$[3] = sortOrder;
+		$[4] = queryOptions;
+	} else queryOptions = $[4];
+	let t4;
+	if ($[8] !== realtime) {
+		t4 = { realtime };
+		$[8] = realtime;
+		$[9] = t4;
+	} else t4 = $[9];
+	const { data, isLoading, error, refetch } = useCollectionList(collection, queryOptions, void 0, t4);
+	const items = Array.isArray(data?.docs) ? data.docs : [];
+	let t5;
+	if ($[10] !== config.title || $[11] !== resolveText) {
+		t5 = config.title ? resolveText(config.title) : void 0;
+		$[10] = config.title;
+		$[11] = resolveText;
+		$[12] = t5;
+	} else t5 = $[12];
+	const title = t5;
+	let t6;
+	if ($[13] !== basePath || $[14] !== collection || $[15] !== linkToDetail || $[16] !== navigate) {
+		t6 = (item) => {
+			if (linkToDetail && navigate) navigate(`${basePath}/collections/${collection}/${item.id}`);
+		};
+		$[13] = basePath;
+		$[14] = collection;
+		$[15] = linkToDetail;
+		$[16] = navigate;
+		$[17] = t6;
+	} else t6 = $[17];
+	const handleRowClick = t6;
+	let t7;
+	if ($[18] !== emptyMessage || $[19] !== resolveText) {
+		t7 = emptyMessage ? resolveText(emptyMessage) : "No data available";
+		$[18] = emptyMessage;
+		$[19] = resolveText;
+		$[20] = t7;
+	} else t7 = $[20];
+	let t8;
+	if ($[21] !== t7) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground flex h-24 items-center justify-center",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm",
+				children: t7
+			})
+		});
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	const emptyContent = t8;
+	const tableContent = items.length === 0 ? emptyContent : /* @__PURE__ */ jsxs("div", {
+		className: "-mx-5 -mb-1",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "border-border text-muted-foreground bg-muted flex items-center gap-2 border-b px-5 py-2 text-[10px] font-medium tracking-wider uppercase",
+			children: columns.map((column) => {
+				const fieldDef = fields?.[column.key];
+				const label = getColumnLabel(column, fieldDef);
+				return /* @__PURE__ */ jsx("div", {
+					className: cn("min-w-0 flex-1", column.align === "center" && "text-center", column.align === "right" && "text-right"),
+					style: column.width ? {
+						width: column.width,
+						flex: "none"
+					} : void 0,
+					children: resolveText(label)
+				}, column.key);
+			})
+		}), items.map((item_0) => linkToDetail ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "border-border hover:bg-muted flex w-full cursor-pointer items-center gap-2 border-b px-5 py-2.5 text-left transition-all last:border-0",
+			onClick: () => handleRowClick(item_0),
+			children: columns.map((column_0) => /* @__PURE__ */ jsx("div", {
+				className: cn("min-w-0 flex-1 truncate text-sm", column_0.align === "center" && "text-center", column_0.align === "right" && "text-right"),
+				style: column_0.width ? {
+					width: column_0.width,
+					flex: "none"
+				} : void 0,
+				children: /* @__PURE__ */ jsx(TableCellRenderer, {
+					item: item_0,
+					column: column_0,
+					fields
+				})
+			}, column_0.key))
+		}, item_0.id) : /* @__PURE__ */ jsx("div", {
+			className: "border-border flex items-center gap-2 border-b px-5 py-2.5 last:border-0",
+			children: columns.map((column_1) => /* @__PURE__ */ jsx("div", {
+				className: cn("min-w-0 flex-1 truncate text-sm", column_1.align === "center" && "text-center", column_1.align === "right" && "text-right"),
+				style: column_1.width ? {
+					width: column_1.width,
+					flex: "none"
+				} : void 0,
+				children: /* @__PURE__ */ jsx(TableCellRenderer, {
+					item: item_0,
+					column: column_1,
+					fields
+				})
+			}, column_1.key))
+		}, item_0.id))]
+	});
+	let t9;
+	if ($[23] !== columns.length || $[24] !== limit) {
+		t9 = /* @__PURE__ */ jsx(TableWidgetSkeleton, {
+			rows: limit,
+			columns: columns.length
+		});
+		$[23] = columns.length;
+		$[24] = limit;
+		$[25] = t9;
+	} else t9 = $[25];
+	let t10;
+	if ($[26] !== error) {
+		t10 = error instanceof Error ? error : error ? new Error(String(error)) : null;
+		$[26] = error;
+		$[27] = t10;
+	} else t10 = $[27];
+	let t11;
+	if ($[28] !== refetch) {
+		t11 = () => refetch();
+		$[28] = refetch;
+		$[29] = t11;
+	} else t11 = $[29];
+	let t12;
+	if ($[30] !== isLoading || $[31] !== t10 || $[32] !== t11 || $[33] !== t9 || $[34] !== tableContent || $[35] !== title) {
+		t12 = /* @__PURE__ */ jsx(WidgetCard, {
+			title,
+			isLoading,
+			className: "qa-table-widget",
+			loadingSkeleton: t9,
+			error: t10,
+			onRefresh: t11,
+			children: tableContent
+		});
+		$[30] = isLoading;
+		$[31] = t10;
+		$[32] = t11;
+		$[33] = t9;
+		$[34] = tableContent;
+		$[35] = title;
+		$[36] = t12;
+	} else t12 = $[36];
+	return t12;
+}
+
+//#endregion
+export { TableWidget as default };