@questpie/admin 2.0.0 → 3.0.1

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

@@ -1,9 +1,10 @@
 import { useResolveText } from "../../i18n/hooks.mjs";
 import { cn, formatLabel } from "../../lib/utils.mjs";
-import { useCollectionList } from "../../hooks/use-collection.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
@@ -36,60 +37,155 @@ function getColumnLabel(column, fieldDef) {
 * Resolve cell component from field definition
 */
 function resolveCellComponent(fieldDef) {
-	if (fieldDef?.cell?.component) return fieldDef.cell.component;
+	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({ config, basePath = "/admin", navigate }) {
+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 = 5, sortBy, sortOrder = "desc", filter, linkToDetail, emptyMessage, realtime } = config;
+	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;
-	const queryOptions = { limit };
-	if (sortBy) queryOptions.orderBy = { [sortBy]: sortOrder };
-	if (filter) queryOptions.where = filter;
-	const { data, isLoading, error, refetch } = useCollectionList(collection, queryOptions, void 0, { realtime });
+	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 : [];
-	const title = config.title ? resolveText(config.title) : void 0;
-	const handleRowClick = (item) => {
-		if (linkToDetail && navigate) navigate(`${basePath}/collections/${collection}/${item.id}`);
-	};
-	const renderCell = (item, column) => {
-		const value = item[column.key];
-		if (column.render) return column.render(value, item);
-		const fieldDef = fields?.[column.key];
-		const CellComponent = resolveCellComponent(fieldDef);
-		const fieldType = fieldDef?.name ?? "text";
-		return FIELD_TYPES_NEEDING_FIELD_DEF.has(fieldType) ? /* @__PURE__ */ jsx(CellComponent, {
-			value,
-			row: item,
-			fieldDef
-		}) : /* @__PURE__ */ jsx(CellComponent, {
-			value,
-			row: item
+	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
+			})
 		});
-	};
-	const emptyContent = /* @__PURE__ */ jsx("div", {
-		className: "flex h-24 items-center justify-center text-muted-foreground",
-		children: /* @__PURE__ */ jsx("p", {
-			className: "text-sm",
-			children: emptyMessage ? resolveText(emptyMessage) : "No data available"
-		})
-	});
+		$[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: "flex items-center gap-2 px-5 py-2 border-b border-border/30 text-[10px] font-medium uppercase tracking-wider text-muted-foreground bg-muted/20 backdrop-blur-sm",
+			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("flex-1 min-w-0", column.align === "center" && "text-center", column.align === "right" && "text-right"),
+					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"
@@ -97,43 +193,81 @@ function TableWidget({ config, basePath = "/admin", navigate }) {
 					children: resolveText(label)
 				}, column.key);
 			})
-		}), items.map((item) => linkToDetail ? /* @__PURE__ */ jsx("button", {
+		}), items.map((item_0) => linkToDetail ? /* @__PURE__ */ jsx("button", {
 			type: "button",
-			className: "flex w-full items-center gap-2 px-5 py-2.5 border-b border-border/20 last:border-0 transition-all cursor-pointer hover:bg-muted/30 hover:backdrop-blur-sm text-left",
-			onClick: () => handleRowClick(item),
-			children: columns.map((column) => /* @__PURE__ */ jsx("div", {
-				className: cn("flex-1 min-w-0 text-sm truncate", column.align === "center" && "text-center", column.align === "right" && "text-right"),
-				style: column.width ? {
-					width: column.width,
+			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: renderCell(item, column)
-			}, column.key))
-		}, item.id) : /* @__PURE__ */ jsx("div", {
-			className: "flex items-center gap-2 px-5 py-2.5 border-b border-border/20 last:border-0",
-			children: columns.map((column) => /* @__PURE__ */ jsx("div", {
-				className: cn("flex-1 min-w-0 text-sm truncate", column.align === "center" && "text-center", column.align === "right" && "text-right"),
-				style: column.width ? {
-					width: column.width,
+				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: renderCell(item, column)
-			}, column.key))
-		}, item.id))]
+				children: /* @__PURE__ */ jsx(TableCellRenderer, {
+					item: item_0,
+					column: column_1,
+					fields
+				})
+			}, column_1.key))
+		}, item_0.id))]
 	});
-	return /* @__PURE__ */ jsx(WidgetCard, {
-		title,
-		isLoading,
-		loadingSkeleton: /* @__PURE__ */ jsx(TableWidgetSkeleton, {
+	let t9;
+	if ($[23] !== columns.length || $[24] !== limit) {
+		t9 = /* @__PURE__ */ jsx(TableWidgetSkeleton, {
 			rows: limit,
 			columns: columns.length
-		}),
-		error: error instanceof Error ? error : error ? new Error(String(error)) : null,
-		onRefresh: () => refetch(),
-		children: tableContent
-	});
+		});
+		$[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 };
-//# sourceMappingURL=table-widget.mjs.map
+export { TableWidget as default };

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

@@ -5,6 +5,7 @@ import { resolveIconElement } from "../component-renderer.mjs";
 import { WidgetCard } from "../../views/dashboard/widget-card.mjs";
 import { useServerWidgetData } from "../../hooks/use-server-widget-data.mjs";
 import { TimelineWidgetSkeleton } from "./widget-skeletons.mjs";
+import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { useQuery } from "@tanstack/react-query";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -58,7 +59,7 @@ function formatTimestamp(date, format = "relative") {
 *     type: "timeline",
 *     id: "recent-activity",
 *     title: "Recent Activity",
-*     fetchFn: async (client) => {
+*     loader: async (client) => {
 *       const activities = await client.collections.activities.findMany({
 *         limit: 10,
 *         orderBy: { createdAt: "desc" }
@@ -75,94 +76,204 @@ function formatTimestamp(date, format = "relative") {
 * />
 * ```
 */
-function TimelineWidget({ config, navigate }) {
+function TimelineWidget(t0) {
+	const $ = c(46);
+	const { config, navigate } = t0;
 	const client = useAdminStore(selectClient);
 	const resolveText = useResolveText();
-	const { maxItems = 10, showTimestamps = true, timestampFormat = "relative", emptyMessage } = config;
-	const useServerData = !!config.hasFetchFn;
-	const serverQuery = useServerWidgetData(config.id, {
-		enabled: useServerData,
-		refreshInterval: config.refreshInterval
-	});
-	const clientQuery = useQuery({
-		queryKey: [
+	const { maxItems: t1, showTimestamps: t2, timestampFormat: t3, emptyMessage } = config;
+	const maxItems = t1 === void 0 ? 10 : t1;
+	const showTimestamps = t2 === void 0 ? true : t2;
+	const timestampFormat = t3 === void 0 ? "relative" : t3;
+	const useServerData = !!config.hasLoader;
+	let t4;
+	if ($[0] !== config.refreshInterval || $[1] !== useServerData) {
+		t4 = {
+			enabled: useServerData,
+			refreshInterval: config.refreshInterval
+		};
+		$[0] = config.refreshInterval;
+		$[1] = useServerData;
+		$[2] = t4;
+	} else t4 = $[2];
+	const serverQuery = useServerWidgetData(config.id, t4);
+	let t5;
+	if ($[3] !== config.id) {
+		t5 = [
 			"widget",
 			"timeline",
 			config.id
-		],
-		queryFn: () => config.fetchFn(client),
-		enabled: !useServerData && !!config.fetchFn,
-		refetchInterval: config.refreshInterval
-	});
+		];
+		$[3] = config.id;
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== client || $[6] !== config.loader) {
+		t6 = () => config.loader(client);
+		$[5] = client;
+		$[6] = config.loader;
+		$[7] = t6;
+	} else t6 = $[7];
+	const t7 = !useServerData && !!config.loader;
+	let t8;
+	if ($[8] !== config.refreshInterval || $[9] !== t5 || $[10] !== t6 || $[11] !== t7) {
+		t8 = {
+			queryKey: t5,
+			queryFn: t6,
+			enabled: t7,
+			refetchInterval: config.refreshInterval
+		};
+		$[8] = config.refreshInterval;
+		$[9] = t5;
+		$[10] = t6;
+		$[11] = t7;
+		$[12] = t8;
+	} else t8 = $[12];
+	const clientQuery = useQuery(t8);
 	const { data, isLoading, error, refetch } = useServerData ? serverQuery : clientQuery;
-	const items = data?.slice(0, maxItems) ?? [];
-	const title = config.title ? resolveText(config.title) : void 0;
-	const handleItemClick = (item) => {
-		if (item.href && navigate) navigate(item.href);
-	};
-	const emptyContent = /* @__PURE__ */ jsx("div", {
-		className: "flex h-24 items-center justify-center text-muted-foreground",
-		children: /* @__PURE__ */ jsx("p", {
-			className: "text-sm",
-			children: emptyMessage ? resolveText(emptyMessage) : "No activity yet"
-		})
-	});
-	const timelineContent = items.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {
-		className: "space-y-0",
-		children: items.map((item, index) => {
-			const iconElement = resolveIconElement(item.icon, { className: "h-3 w-3 text-white" });
-			const variant = item.variant || "default";
-			const isLast = index === items.length - 1;
-			const isClickable = !!(item.href && navigate);
-			const itemContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-				!isLast && /* @__PURE__ */ jsx("div", { className: "absolute left-[11px] top-6 bottom-0 w-px bg-border" }),
-				/* @__PURE__ */ jsx("div", {
-					className: cn("relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full", variantStyles[variant]),
-					children: iconElement ?? /* @__PURE__ */ jsx(Icon, {
-						icon: "ph:circle-bold",
-						className: "h-3 w-3 text-white"
-					})
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex-1 min-w-0 pt-0.5 text-left",
-					children: [
-						/* @__PURE__ */ jsx("p", {
-							className: "text-sm font-medium truncate",
-							children: item.title
-						}),
-						item.description && /* @__PURE__ */ jsx("p", {
-							className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
-							children: item.description
-						}),
-						showTimestamps && item.timestamp && /* @__PURE__ */ jsx("p", {
-							className: "text-xs text-muted-foreground mt-1",
-							children: formatTimestamp(item.timestamp, timestampFormat)
-						})
-					]
+	let t9;
+	let title;
+	if ($[13] !== config.title || $[14] !== data || $[15] !== emptyMessage || $[16] !== maxItems || $[17] !== navigate || $[18] !== resolveText || $[19] !== showTimestamps || $[20] !== timestampFormat) {
+		const items = data?.slice(0, maxItems) ?? [];
+		let t10$1;
+		if ($[23] !== config.title || $[24] !== resolveText) {
+			t10$1 = config.title ? resolveText(config.title) : void 0;
+			$[23] = config.title;
+			$[24] = resolveText;
+			$[25] = t10$1;
+		} else t10$1 = $[25];
+		title = t10$1;
+		let t11$1;
+		if ($[26] !== navigate) {
+			t11$1 = (item) => {
+				if (item.href && navigate) navigate(item.href);
+			};
+			$[26] = navigate;
+			$[27] = t11$1;
+		} else t11$1 = $[27];
+		const handleItemClick = t11$1;
+		let t12$1;
+		if ($[28] !== emptyMessage || $[29] !== resolveText) {
+			t12$1 = emptyMessage ? resolveText(emptyMessage) : "No activity yet";
+			$[28] = emptyMessage;
+			$[29] = resolveText;
+			$[30] = t12$1;
+		} else t12$1 = $[30];
+		let t13$1;
+		if ($[31] !== t12$1) {
+			t13$1 = /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground flex h-24 items-center justify-center",
+				children: /* @__PURE__ */ jsx("p", {
+					className: "text-sm",
+					children: t12$1
 				})
-			] });
-			if (isClickable) return /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: cn("relative flex gap-3 pb-4 w-full", "cursor-pointer hover:bg-muted/30 -mx-2 px-2 rounded-md transition-colors", isLast && "pb-0"),
-				onClick: () => handleItemClick(item),
-				children: itemContent
-			}, item.id);
-			return /* @__PURE__ */ jsx("div", {
-				className: cn("relative flex gap-3 pb-4", isLast && "pb-0"),
-				children: itemContent
-			}, item.id);
-		})
-	});
-	return /* @__PURE__ */ jsx(WidgetCard, {
-		title,
-		isLoading,
-		loadingSkeleton: /* @__PURE__ */ jsx(TimelineWidgetSkeleton, { count: maxItems }),
-		error: error instanceof Error ? error : error ? new Error(String(error)) : null,
-		onRefresh: () => refetch(),
-		children: timelineContent
-	});
+			});
+			$[31] = t12$1;
+			$[32] = t13$1;
+		} else t13$1 = $[32];
+		const emptyContent = t13$1;
+		t9 = items.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {
+			className: "space-y-0",
+			children: items.map((item_0, index) => {
+				const iconElement = resolveIconElement(item_0.icon, { className: "h-3 w-3 text-white" });
+				const variant = item_0.variant || "default";
+				const isLast = index === items.length - 1;
+				const isClickable = !!(item_0.href && navigate);
+				const itemContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+					!isLast && /* @__PURE__ */ jsx("div", { className: "bg-border absolute top-6 bottom-0 left-[11px] w-px" }),
+					/* @__PURE__ */ jsx("div", {
+						className: cn("relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full", variantStyles[variant]),
+						children: iconElement ?? /* @__PURE__ */ jsx(Icon, {
+							icon: "ph:circle-bold",
+							className: "h-3 w-3 text-white"
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0 flex-1 pt-0.5 text-left",
+						children: [
+							/* @__PURE__ */ jsx("p", {
+								className: "truncate text-sm font-medium",
+								children: item_0.title
+							}),
+							item_0.description && /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground mt-0.5 line-clamp-2 text-xs",
+								children: item_0.description
+							}),
+							showTimestamps && item_0.timestamp && /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground mt-1 text-xs",
+								children: formatTimestamp(item_0.timestamp, timestampFormat)
+							})
+						]
+					})
+				] });
+				return /* @__PURE__ */ jsx("div", {
+					className: cn("relative flex gap-3 pb-4", isLast && "pb-0"),
+					...isClickable ? {
+						role: "button",
+						tabIndex: 0,
+						onClick: () => handleItemClick(item_0),
+						onKeyDown: (e) => {
+							if (e.key === "Enter" || e.key === " ") handleItemClick(item_0);
+						},
+						style: { cursor: "pointer" }
+					} : {},
+					children: itemContent
+				}, item_0.id);
+			})
+		});
+		$[13] = config.title;
+		$[14] = data;
+		$[15] = emptyMessage;
+		$[16] = maxItems;
+		$[17] = navigate;
+		$[18] = resolveText;
+		$[19] = showTimestamps;
+		$[20] = timestampFormat;
+		$[21] = t9;
+		$[22] = title;
+	} else {
+		t9 = $[21];
+		title = $[22];
+	}
+	const timelineContent = t9;
+	let t10;
+	if ($[33] !== maxItems) {
+		t10 = /* @__PURE__ */ jsx(TimelineWidgetSkeleton, { count: maxItems });
+		$[33] = maxItems;
+		$[34] = t10;
+	} else t10 = $[34];
+	let t11;
+	if ($[35] !== error) {
+		t11 = error instanceof Error ? error : error ? new Error(String(error)) : null;
+		$[35] = error;
+		$[36] = t11;
+	} else t11 = $[36];
+	let t12;
+	if ($[37] !== refetch) {
+		t12 = () => refetch();
+		$[37] = refetch;
+		$[38] = t12;
+	} else t12 = $[38];
+	let t13;
+	if ($[39] !== isLoading || $[40] !== t10 || $[41] !== t11 || $[42] !== t12 || $[43] !== timelineContent || $[44] !== title) {
+		t13 = /* @__PURE__ */ jsx(WidgetCard, {
+			title,
+			isLoading,
+			loadingSkeleton: t10,
+			error: t11,
+			onRefresh: t12,
+			children: timelineContent
+		});
+		$[39] = isLoading;
+		$[40] = t10;
+		$[41] = t11;
+		$[42] = t12;
+		$[43] = timelineContent;
+		$[44] = title;
+		$[45] = t13;
+	} else t13 = $[45];
+	return t13;
 }
 
 //#endregion
-export { TimelineWidget as default };
-//# sourceMappingURL=timeline-widget.mjs.map
+export { TimelineWidget as default };