@questpie/admin 2.0.0 → 3.0.0

package/dist/client/views/dashboard/widget-card.mjs

@@ -1,9 +1,11 @@
+import { useTranslation } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { resolveIconElement } from "../../components/component-renderer.mjs";
 import { Button } from "../../components/ui/button.mjs";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../components/ui/dropdown-menu.mjs";
-import { Skeleton } from "../../components/ui/skeleton.mjs";
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/ui/card.mjs";
+import { Skeleton } from "../../components/ui/skeleton.mjs";
+import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
@@ -17,29 +19,92 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const variantStyles = {
 	default: "",
 	compact: "py-3 gap-3",
-	featured: "border-primary/30 bg-gradient-to-br from-primary/5 to-transparent shadow-sm"
+	featured: "border-primary/30 bg-gradient-to-br from-primary/5 to-transparent"
 };
 const variantContentStyles = {
 	default: "",
 	compact: "pt-0",
 	featured: ""
 };
-function WidgetCardLoading({ variant = "default" }) {
-	return /* @__PURE__ */ jsxs(Card, {
-		className: cn("h-full flex flex-col", variantStyles[variant]),
-		children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) }), /* @__PURE__ */ jsx(CardContent, {
-			className: cn("flex-1", variantContentStyles[variant]),
-			children: /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full" })
-		})]
-	});
+function WidgetCardLoading(t0) {
+	const $ = c(11);
+	const { variant: t1 } = t0;
+	const variant = t1 === void 0 ? "default" : t1;
+	const t2 = variantStyles[variant];
+	let t3;
+	if ($[0] !== t2) {
+		t3 = cn("flex flex-col", t2);
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) });
+		$[2] = t4;
+	} else t4 = $[2];
+	const t5 = variantContentStyles[variant];
+	let t6;
+	if ($[3] !== t5) {
+		t6 = cn("flex-1", t5);
+		$[3] = t5;
+		$[4] = t6;
+	} else t6 = $[4];
+	let t7;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full" });
+		$[5] = t7;
+	} else t7 = $[5];
+	let t8;
+	if ($[6] !== t6) {
+		t8 = /* @__PURE__ */ jsx(CardContent, {
+			className: t6,
+			children: t7
+		});
+		$[6] = t6;
+		$[7] = t8;
+	} else t8 = $[7];
+	let t9;
+	if ($[8] !== t3 || $[9] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Card, {
+			className: t3,
+			children: [t4, t8]
+		});
+		$[8] = t3;
+		$[9] = t8;
+		$[10] = t9;
+	} else t9 = $[10];
+	return t9;
 }
-function WidgetCardError({ error, variant = "default", onRetry }) {
-	return /* @__PURE__ */ jsxs(Card, {
-		className: cn("h-full flex flex-col border-destructive/20 bg-destructive/5", variantStyles[variant]),
-		children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, {
-			className: "text-sm font-medium text-destructive",
-			children: "Error"
-		}), onRetry && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx(Button, {
+function WidgetCardError(t0) {
+	const $ = c(22);
+	const { error, variant: t1, onRetry } = t0;
+	const variant = t1 === void 0 ? "default" : t1;
+	const { t } = useTranslation();
+	const t2 = variantStyles[variant];
+	let t3;
+	if ($[0] !== t2) {
+		t3 = cn("border-destructive/20 bg-destructive/5 flex flex-col", t2);
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== t) {
+		t4 = t("toast.error");
+		$[2] = t;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== t4) {
+		t5 = /* @__PURE__ */ jsx(CardTitle, {
+			className: "text-destructive text-sm font-medium",
+			children: t4
+		});
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== onRetry) {
+		t6 = onRetry && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",
 			size: "icon-xs",
 			onClick: onRetry,
@@ -47,14 +112,55 @@ function WidgetCardError({ error, variant = "default", onRetry }) {
 				icon: "ph:arrow-clockwise",
 				className: "h-3.5 w-3.5"
 			})
-		}) })] }), /* @__PURE__ */ jsx(CardContent, {
-			className: cn("flex-1", variantContentStyles[variant]),
-			children: /* @__PURE__ */ jsx("p", {
-				className: "text-xs text-muted-foreground",
-				children: error.message
-			})
-		})]
-	});
+		}) });
+		$[6] = onRetry;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== t5 || $[9] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(CardHeader, { children: [t5, t6] });
+		$[8] = t5;
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	const t8 = variantContentStyles[variant];
+	let t9;
+	if ($[11] !== t8) {
+		t9 = cn("flex-1", t8);
+		$[11] = t8;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== error.message) {
+		t10 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-xs",
+			children: error.message
+		});
+		$[13] = error.message;
+		$[14] = t10;
+	} else t10 = $[14];
+	let t11;
+	if ($[15] !== t10 || $[16] !== t9) {
+		t11 = /* @__PURE__ */ jsx(CardContent, {
+			className: t9,
+			children: t10
+		});
+		$[15] = t10;
+		$[16] = t9;
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] !== t11 || $[19] !== t3 || $[20] !== t7) {
+		t12 = /* @__PURE__ */ jsxs(Card, {
+			className: t3,
+			children: [t7, t11]
+		});
+		$[18] = t11;
+		$[19] = t3;
+		$[20] = t7;
+		$[21] = t12;
+	} else t12 = $[21];
+	return t12;
 }
 /**
 * WidgetCard - Standardized card wrapper for dashboard widgets
@@ -71,89 +177,196 @@ function WidgetCardError({ error, variant = "default", onRetry }) {
 * </WidgetCard>
 * ```
 */
-function WidgetCard({ title, description, icon, variant = "default", isLoading, isRefreshing, error, onRefresh, onExpand, actions, className, loadingSkeleton, children }) {
+function WidgetCard(t0) {
+	const $ = c(41);
+	const { title, description, icon, variant: t1, isLoading, isRefreshing, error, onRefresh, onExpand, actions, className, loadingSkeleton, children } = t0;
+	const variant = t1 === void 0 ? "default" : t1;
+	const { t } = useTranslation();
 	if (isLoading) {
-		if (loadingSkeleton) return /* @__PURE__ */ jsxs(Card, {
-			className: cn("h-full flex flex-col", variantStyles[variant], className),
-			children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) }), /* @__PURE__ */ jsx(CardContent, {
-				className: cn("flex-1", variantContentStyles[variant]),
-				children: loadingSkeleton
-			})]
-		});
-		return /* @__PURE__ */ jsx(WidgetCardLoading, { variant });
+		if (loadingSkeleton) {
+			const t2$2 = variantStyles[variant];
+			let t3$1;
+			if ($[0] !== className || $[1] !== t2$2) {
+				t3$1 = cn("flex flex-col", t2$2, className);
+				$[0] = className;
+				$[1] = t2$2;
+				$[2] = t3$1;
+			} else t3$1 = $[2];
+			let t4$1;
+			if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+				t4$1 = /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) });
+				$[3] = t4$1;
+			} else t4$1 = $[3];
+			const t5$1 = variantContentStyles[variant];
+			let t6$1;
+			if ($[4] !== t5$1) {
+				t6$1 = cn("flex-1", t5$1);
+				$[4] = t5$1;
+				$[5] = t6$1;
+			} else t6$1 = $[5];
+			let t7$1;
+			if ($[6] !== loadingSkeleton || $[7] !== t6$1) {
+				t7$1 = /* @__PURE__ */ jsx(CardContent, {
+					className: t6$1,
+					children: loadingSkeleton
+				});
+				$[6] = loadingSkeleton;
+				$[7] = t6$1;
+				$[8] = t7$1;
+			} else t7$1 = $[8];
+			let t8$1;
+			if ($[9] !== t3$1 || $[10] !== t7$1) {
+				t8$1 = /* @__PURE__ */ jsxs(Card, {
+					className: t3$1,
+					children: [t4$1, t7$1]
+				});
+				$[9] = t3$1;
+				$[10] = t7$1;
+				$[11] = t8$1;
+			} else t8$1 = $[11];
+			return t8$1;
+		}
+		let t2$1;
+		if ($[12] !== variant) {
+			t2$1 = /* @__PURE__ */ jsx(WidgetCardLoading, { variant });
+			$[12] = variant;
+			$[13] = t2$1;
+		} else t2$1 = $[13];
+		return t2$1;
+	}
+	if (error) {
+		let t2$1;
+		if ($[14] !== error || $[15] !== onRefresh || $[16] !== variant) {
+			t2$1 = /* @__PURE__ */ jsx(WidgetCardError, {
+				error,
+				variant,
+				onRetry: onRefresh
+			});
+			$[14] = error;
+			$[15] = onRefresh;
+			$[16] = variant;
+			$[17] = t2$1;
+		} else t2$1 = $[17];
+		return t2$1;
 	}
-	if (error) return /* @__PURE__ */ jsx(WidgetCardError, {
-		error,
-		variant,
-		onRetry: onRefresh
-	});
 	const hasHeader = title || description || icon || onRefresh || onExpand || actions?.length;
-	return /* @__PURE__ */ jsxs(Card, {
-		className: cn("h-full flex flex-col", variantStyles[variant], className),
-		children: [hasHeader && /* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [resolveIconElement(icon, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ jsxs("div", {
-				className: "flex-1 min-w-0",
-				children: [title && /* @__PURE__ */ jsx(CardTitle, {
-					className: "text-sm font-medium truncate",
-					children: title
-				}), description && /* @__PURE__ */ jsx(CardDescription, {
-					className: "truncate",
-					children: description
+	const t2 = variantStyles[variant];
+	let t3;
+	if ($[18] !== className || $[19] !== t2) {
+		t3 = cn("qa-widget-card flex flex-col", t2, className);
+		$[18] = className;
+		$[19] = t2;
+		$[20] = t3;
+	} else t3 = $[20];
+	let t4;
+	if ($[21] !== actions || $[22] !== description || $[23] !== hasHeader || $[24] !== icon || $[25] !== isRefreshing || $[26] !== onExpand || $[27] !== onRefresh || $[28] !== t || $[29] !== title) {
+		t4 = hasHeader && /* @__PURE__ */ jsxs(CardHeader, {
+			className: "qa-widget-card__header",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [resolveIconElement(icon, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1",
+					children: [title && /* @__PURE__ */ jsx(CardTitle, {
+						className: "truncate text-sm font-medium",
+						children: title
+					}), description && /* @__PURE__ */ jsx(CardDescription, {
+						className: "truncate",
+						children: description
+					})]
 				})]
-			})]
-		}), (onRefresh || onExpand || actions?.length) && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-1",
-			children: [
-				actions && actions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					size: "icon-xs",
-					onClick: actions[0].onClick,
-					title: actions[0].label,
-					children: resolveIconElement(actions[0].icon, { className: "h-3.5 w-3.5" })
-				}, actions[0].id), actions.length > 1 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					size: "icon-xs",
-					children: /* @__PURE__ */ jsx(Icon, {
-						icon: "ph:dots-three-vertical",
-						className: "h-3.5 w-3.5"
-					})
-				}) }), /* @__PURE__ */ jsx(DropdownMenuContent, {
-					align: "end",
-					children: actions.slice(1).map((action) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-						onClick: action.onClick,
-						children: [resolveIconElement(action.icon, { className: "h-3.5 w-3.5 mr-2" }), action.label]
-					}, action.id))
-				})] })] }),
-				onRefresh && /* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					size: "icon-xs",
-					onClick: onRefresh,
-					title: "Refresh",
-					disabled: isRefreshing,
-					children: /* @__PURE__ */ jsx(Icon, {
-						icon: "ph:arrow-clockwise",
-						className: cn("h-3.5 w-3.5", isRefreshing && "animate-spin")
-					})
-				}),
-				onExpand && /* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					size: "icon-xs",
-					onClick: onExpand,
-					title: "Expand",
-					children: /* @__PURE__ */ jsx(Icon, {
-						icon: "ph:arrows-out-simple",
-						className: "h-3.5 w-3.5"
+			}), (onRefresh || onExpand || actions?.length) && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [
+					actions && actions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: actions[0].onClick,
+						title: actions[0].label,
+						children: resolveIconElement(actions[0].icon, { className: "h-3.5 w-3.5" })
+					}, actions[0].id), actions.length > 1 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon-xs",
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: "ph:dots-three-vertical",
+							className: "h-3.5 w-3.5"
+						})
+					}) }), /* @__PURE__ */ jsx(DropdownMenuContent, {
+						align: "end",
+						children: actions.slice(1).map(_temp)
+					})] })] }),
+					onRefresh && /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: onRefresh,
+						title: t("common.refresh"),
+						disabled: isRefreshing,
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: "ph:arrow-clockwise",
+							className: cn("h-3.5 w-3.5", isRefreshing && "animate-spin")
+						})
+					}),
+					onExpand && /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon-xs",
+						onClick: onExpand,
+						title: t("ui.expand"),
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: "ph:arrows-out-simple",
+							className: "h-3.5 w-3.5"
+						})
 					})
-				})
-			]
-		}) })] }), /* @__PURE__ */ jsx(CardContent, {
-			className: cn("flex-1", variantContentStyles[variant], !hasHeader && "pt-0"),
+				]
+			}) })]
+		});
+		$[21] = actions;
+		$[22] = description;
+		$[23] = hasHeader;
+		$[24] = icon;
+		$[25] = isRefreshing;
+		$[26] = onExpand;
+		$[27] = onRefresh;
+		$[28] = t;
+		$[29] = title;
+		$[30] = t4;
+	} else t4 = $[30];
+	const t5 = variantContentStyles[variant];
+	const t6 = !hasHeader && "pt-0";
+	let t7;
+	if ($[31] !== t5 || $[32] !== t6) {
+		t7 = cn("qa-widget-card__content flex-1", t5, t6);
+		$[31] = t5;
+		$[32] = t6;
+		$[33] = t7;
+	} else t7 = $[33];
+	let t8;
+	if ($[34] !== children || $[35] !== t7) {
+		t8 = /* @__PURE__ */ jsx(CardContent, {
+			className: t7,
 			children
-		})]
-	});
+		});
+		$[34] = children;
+		$[35] = t7;
+		$[36] = t8;
+	} else t8 = $[36];
+	let t9;
+	if ($[37] !== t3 || $[38] !== t4 || $[39] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Card, {
+			className: t3,
+			children: [t4, t8]
+		});
+		$[37] = t3;
+		$[38] = t4;
+		$[39] = t8;
+		$[40] = t9;
+	} else t9 = $[40];
+	return t9;
+}
+function _temp(action) {
+	return /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		onClick: action.onClick,
+		children: [resolveIconElement(action.icon, { className: "h-3.5 w-3.5 mr-2" }), action.label]
+	}, action.id);
 }
 
 //#endregion
-export { WidgetCard };
-//# sourceMappingURL=widget-card.mjs.map
+export { WidgetCard };