@questpie/admin 3.2.4 → 3.2.6

package/dist/client/views/collection/cells/shared/asset-thumbnail.mjs

@@ -1,6 +1,5 @@
 import { cn } from "../../../../lib/utils.mjs";
 import { Button } from "../../../../components/ui/button.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -35,125 +34,49 @@ function isVideo(mimeType) {
 function isAudio(mimeType) {
 	return !!mimeType?.toLowerCase().startsWith("audio/");
 }
-function AssetThumbnail(t0) {
-	const $ = c(97);
-	const { asset, size: t1, showFilename: t2, showControls: t3, onClick, className } = t0;
-	const size = t1 === void 0 ? "sm" : t1;
-	const showFilename = t2 === void 0 ? false : t2;
-	const showControls = t3 === void 0 ? false : t3;
-	if (asset === null || asset === void 0) {
-		let t4$1;
-		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-			t4$1 = /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground",
-				children: "-"
-			});
-			$[0] = t4$1;
-		} else t4$1 = $[0];
-		return t4$1;
-	}
-	if (typeof asset === "string") {
-		let t4$1;
-		if ($[1] !== className) {
-			t4$1 = cn("qa-asset-thumbnail text-muted-foreground inline-flex items-center gap-2", className);
-			$[1] = className;
-			$[2] = t4$1;
-		} else t4$1 = $[2];
-		let t5$1;
-		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-			t5$1 = /* @__PURE__ */ jsx("span", {
-				className: "bg-muted border-border-subtle flex size-8 shrink-0 items-center justify-center rounded border",
-				children: /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:file",
-					className: "size-4"
-				})
-			});
-			$[3] = t5$1;
-		} else t5$1 = $[3];
-		let t6$1;
-		if ($[4] !== asset || $[5] !== t4$1) {
-			t6$1 = /* @__PURE__ */ jsx("span", {
-				className: t4$1,
-				title: asset,
-				children: t5$1
-			});
-			$[4] = asset;
-			$[5] = t4$1;
-			$[6] = t6$1;
-		} else t6$1 = $[6];
-		return t6$1;
-	}
+function AssetThumbnail({ asset, size = "sm", showFilename = false, showControls = false, onClick, className }) {
+	if (asset === null || asset === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	if (typeof asset === "string") return /* @__PURE__ */ jsx("span", {
+		className: cn("qa-asset-thumbnail text-muted-foreground inline-flex items-center gap-2", className),
+		title: asset,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "bg-muted border-border-subtle flex size-8 shrink-0 items-center justify-center rounded border",
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:file",
+				className: "size-4"
+			})
+		})
+	});
 	const assetObj = asset;
 	const url = assetObj.url;
 	const filename = assetObj.filename;
 	const mimeType = assetObj.mimeType;
 	const alt = assetObj.alt;
-	let t4;
-	if ($[7] !== mimeType) {
-		t4 = isImage(mimeType);
-		$[7] = mimeType;
-		$[8] = t4;
-	} else t4 = $[8];
-	const isImageType = t4;
-	let t5;
-	if ($[9] !== mimeType) {
-		t5 = isVideo(mimeType);
-		$[9] = mimeType;
-		$[10] = t5;
-	} else t5 = $[10];
-	const isVideoType = t5;
-	let t6;
-	if ($[11] !== mimeType) {
-		t6 = isAudio(mimeType);
-		$[11] = mimeType;
-		$[12] = t6;
-	} else t6 = $[12];
-	const isAudioType = t6;
-	let t7;
-	if ($[13] !== mimeType) {
-		t7 = getFileIcon(mimeType);
-		$[13] = mimeType;
-		$[14] = t7;
-	} else t7 = $[14];
-	const fileIcon = t7;
+	const isImageType = isImage(mimeType);
+	const isVideoType = isVideo(mimeType);
+	const isAudioType = isAudio(mimeType);
+	const fileIcon = getFileIcon(mimeType);
 	if (size === "sm") {
 		const assetId = assetObj.id;
-		let t8$1;
-		if ($[15] !== assetId || $[16] !== onClick) {
-			t8$1 = onClick && assetId ? () => onClick(assetId) : void 0;
-			$[15] = assetId;
-			$[16] = onClick;
-			$[17] = t8$1;
-		} else t8$1 = $[17];
-		const handleClick = t8$1;
-		let t9$1;
-		if ($[18] !== handleClick) {
-			t9$1 = handleClick ? {
-				role: "button",
-				tabIndex: 0,
-				onClick: handleClick,
-				onKeyDown: (e) => {
-					if (e.key === "Enter" || e.key === " ") {
-						e.preventDefault();
-						handleClick();
-					}
+		const handleClick = onClick && assetId ? () => onClick(assetId) : void 0;
+		const containerProps = handleClick ? {
+			role: "button",
+			tabIndex: 0,
+			onClick: handleClick,
+			onKeyDown: (e) => {
+				if (e.key === "Enter" || e.key === " ") {
+					e.preventDefault();
+					handleClick();
 				}
-			} : {};
-			$[18] = handleClick;
-			$[19] = t9$1;
-		} else t9$1 = $[19];
-		const containerProps = t9$1;
-		const t10$1 = onClick && "cursor-pointer hover:opacity-80";
-		let t11$1;
-		if ($[20] !== className || $[21] !== t10$1) {
-			t11$1 = cn("qa-asset-thumbnail flex items-center gap-2", t10$1, className);
-			$[20] = className;
-			$[21] = t10$1;
-			$[22] = t11$1;
-		} else t11$1 = $[22];
-		let t12$1;
-		if ($[23] !== fileIcon || $[24] !== filename || $[25] !== isImageType || $[26] !== url) {
-			t12$1 = isImageType && url ? /* @__PURE__ */ jsx("img", {
+			}
+		} : {};
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn("qa-asset-thumbnail flex items-center gap-2", onClick && "cursor-pointer hover:opacity-80", className),
+			...containerProps,
+			children: [isImageType && url ? /* @__PURE__ */ jsx("img", {
 				src: url,
 				alt: filename || "Asset",
 				className: "image-outline size-8 rounded object-cover"
@@ -163,292 +86,140 @@ function AssetThumbnail(t0) {
 					icon: fileIcon,
 					className: "text-muted-foreground size-4"
 				})
-			});
-			$[23] = fileIcon;
-			$[24] = filename;
-			$[25] = isImageType;
-			$[26] = url;
-			$[27] = t12$1;
-		} else t12$1 = $[27];
-		let t13$1;
-		if ($[28] !== filename || $[29] !== showFilename) {
-			t13$1 = showFilename && filename && /* @__PURE__ */ jsx("span", {
+			}), showFilename && filename && /* @__PURE__ */ jsx("span", {
 				className: "max-w-[120px] truncate text-xs",
 				title: filename,
 				children: filename
-			});
-			$[28] = filename;
-			$[29] = showFilename;
-			$[30] = t13$1;
-		} else t13$1 = $[30];
-		let t14$1;
-		if ($[31] !== containerProps || $[32] !== t11$1 || $[33] !== t12$1 || $[34] !== t13$1) {
-			t14$1 = /* @__PURE__ */ jsxs("div", {
-				className: t11$1,
-				...containerProps,
-				children: [t12$1, t13$1]
-			});
-			$[31] = containerProps;
-			$[32] = t11$1;
-			$[33] = t12$1;
-			$[34] = t13$1;
-			$[35] = t14$1;
-		} else t14$1 = $[35];
-		return t14$1;
+			})]
+		});
 	}
 	if (size === "md") {
-		const assetId_0 = assetObj.id;
-		let t8$1;
-		if ($[36] !== assetId_0 || $[37] !== onClick) {
-			t8$1 = onClick && assetId_0 ? () => onClick(assetId_0) : void 0;
-			$[36] = assetId_0;
-			$[37] = onClick;
-			$[38] = t8$1;
-		} else t8$1 = $[38];
-		const handleClick_0 = t8$1;
+		const assetId = assetObj.id;
+		const handleClick = onClick && assetId ? () => onClick(assetId) : void 0;
 		if (isImageType && url) {
-			let t9$2;
-			if ($[39] !== handleClick_0) {
-				t9$2 = handleClick_0 ? {
-					role: "button",
-					tabIndex: 0,
-					onClick: handleClick_0,
-					onKeyDown: (e_0) => {
-						if (e_0.key === "Enter" || e_0.key === " ") {
-							e_0.preventDefault();
-							handleClick_0();
-						}
+			const interactiveProps = handleClick ? {
+				role: "button",
+				tabIndex: 0,
+				onClick: handleClick,
+				onKeyDown: (e) => {
+					if (e.key === "Enter" || e.key === " ") {
+						e.preventDefault();
+						handleClick();
 					}
-				} : {};
-				$[39] = handleClick_0;
-				$[40] = t9$2;
-			} else t9$2 = $[40];
-			const interactiveProps = t9$2;
-			const t10$2 = onClick && "cursor-pointer hover:opacity-80";
-			let t11$2;
-			if ($[41] !== className || $[42] !== t10$2) {
-				t11$2 = cn("qa-asset-thumbnail flex items-center justify-center", t10$2, className);
-				$[41] = className;
-				$[42] = t10$2;
-				$[43] = t11$2;
-			} else t11$2 = $[43];
-			const t12$2 = filename || "Asset";
-			let t13$2;
-			if ($[44] !== t12$2 || $[45] !== url) {
-				t13$2 = /* @__PURE__ */ jsx("img", {
+				}
+			} : {};
+			return /* @__PURE__ */ jsx("div", {
+				className: cn("qa-asset-thumbnail flex items-center justify-center", onClick && "cursor-pointer hover:opacity-80", className),
+				...interactiveProps,
+				children: /* @__PURE__ */ jsx("img", {
 					src: url,
-					alt: t12$2,
+					alt: filename || "Asset",
 					className: "image-outline size-10 rounded object-cover"
-				});
-				$[44] = t12$2;
-				$[45] = url;
-				$[46] = t13$2;
-			} else t13$2 = $[46];
-			let t14$1;
-			if ($[47] !== interactiveProps || $[48] !== t11$2 || $[49] !== t13$2) {
-				t14$1 = /* @__PURE__ */ jsx("div", {
-					className: t11$2,
-					...interactiveProps,
-					children: t13$2
-				});
-				$[47] = interactiveProps;
-				$[48] = t11$2;
-				$[49] = t13$2;
-				$[50] = t14$1;
-			} else t14$1 = $[50];
-			return t14$1;
+				})
+			});
 		}
-		let t9$1;
-		if ($[51] !== handleClick_0) {
-			t9$1 = handleClick_0 ? {
+		{
+			const interactiveProps = handleClick ? {
 				role: "button",
 				tabIndex: 0,
-				onClick: handleClick_0,
-				onKeyDown: (e_1) => {
-					if (e_1.key === "Enter" || e_1.key === " ") {
-						e_1.preventDefault();
-						handleClick_0();
+				onClick: handleClick,
+				onKeyDown: (e) => {
+					if (e.key === "Enter" || e.key === " ") {
+						e.preventDefault();
+						handleClick();
 					}
 				}
 			} : {};
-			$[51] = handleClick_0;
-			$[52] = t9$1;
-		} else t9$1 = $[52];
-		const interactiveProps_0 = t9$1;
-		const t10$1 = onClick && "cursor-pointer hover:opacity-80";
-		let t11$1;
-		if ($[53] !== className || $[54] !== t10$1) {
-			t11$1 = cn("qa-asset-thumbnail flex items-center justify-center", t10$1, className);
-			$[53] = className;
-			$[54] = t10$1;
-			$[55] = t11$1;
-		} else t11$1 = $[55];
-		let t12$1;
-		if ($[56] !== fileIcon) {
-			t12$1 = /* @__PURE__ */ jsx("div", {
-				className: "bg-muted flex size-10 items-center justify-center rounded border",
-				children: /* @__PURE__ */ jsx(Icon, {
-					icon: fileIcon,
-					className: "text-muted-foreground size-5"
+			return /* @__PURE__ */ jsx("div", {
+				className: cn("qa-asset-thumbnail flex items-center justify-center", onClick && "cursor-pointer hover:opacity-80", className),
+				...interactiveProps,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "bg-muted flex size-10 items-center justify-center rounded border",
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: fileIcon,
+						className: "text-muted-foreground size-5"
+					})
 				})
 			});
-			$[56] = fileIcon;
-			$[57] = t12$1;
-		} else t12$1 = $[57];
-		let t13$1;
-		if ($[58] !== interactiveProps_0 || $[59] !== t11$1 || $[60] !== t12$1) {
-			t13$1 = /* @__PURE__ */ jsx("div", {
-				className: t11$1,
-				...interactiveProps_0,
-				children: t12$1
-			});
-			$[58] = interactiveProps_0;
-			$[59] = t11$1;
-			$[60] = t12$1;
-			$[61] = t13$1;
-		} else t13$1 = $[61];
-		return t13$1;
+		}
 	}
-	let t8;
-	if ($[62] !== className) {
-		t8 = cn("qa-asset-thumbnail bg-muted relative overflow-hidden border", className);
-		$[62] = className;
-		$[63] = t8;
-	} else t8 = $[63];
-	let t9;
-	if ($[64] !== alt || $[65] !== filename || $[66] !== isImageType || $[67] !== url) {
-		t9 = isImageType && url && /* @__PURE__ */ jsx("div", {
-			className: "relative",
-			children: /* @__PURE__ */ jsx("img", {
-				src: url,
-				alt: alt || filename || "Asset preview",
-				className: "image-outline max-h-[400px] w-full object-contain"
-			})
-		});
-		$[64] = alt;
-		$[65] = filename;
-		$[66] = isImageType;
-		$[67] = url;
-		$[68] = t9;
-	} else t9 = $[68];
-	let t10;
-	if ($[69] !== fileIcon || $[70] !== filename || $[71] !== isVideoType || $[72] !== showControls || $[73] !== url) {
-		t10 = isVideoType && url && /* @__PURE__ */ jsx("div", {
-			className: "relative",
-			children: showControls ? /* @__PURE__ */ jsxs("video", {
-				src: url,
-				controls: true,
-				className: "max-h-[400px] w-full",
-				preload: "metadata",
-				children: [/* @__PURE__ */ jsx("track", { kind: "captions" }), "Your browser does not support the video tag."]
-			}) : /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("qa-asset-thumbnail bg-muted relative overflow-hidden border", className),
+		children: [
+			isImageType && url && /* @__PURE__ */ jsx("div", {
+				className: "relative",
+				children: /* @__PURE__ */ jsx("img", {
+					src: url,
+					alt: alt || filename || "Asset preview",
+					className: "image-outline max-h-[400px] w-full object-contain"
+				})
+			}),
+			isVideoType && url && /* @__PURE__ */ jsx("div", {
+				className: "relative",
+				children: showControls ? /* @__PURE__ */ jsxs("video", {
+					src: url,
+					controls: true,
+					className: "max-h-[400px] w-full",
+					preload: "metadata",
+					children: [/* @__PURE__ */ jsx("track", { kind: "captions" }), "Your browser does not support the video tag."]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center justify-center gap-4 p-12",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: fileIcon,
+						className: "text-muted-foreground size-20"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: filename || "Video"
+					})]
+				})
+			}),
+			isAudioType && url && /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center justify-center gap-4 p-8",
+				children: [
+					/* @__PURE__ */ jsx(Icon, {
+						icon: fileIcon,
+						className: "text-muted-foreground size-16"
+					}),
+					showControls && /* @__PURE__ */ jsxs("audio", {
+						src: url,
+						controls: true,
+						className: "w-full max-w-md",
+						preload: "metadata",
+						children: [/* @__PURE__ */ jsx("track", { kind: "captions" }), "Your browser does not support the audio tag."]
+					}),
+					!showControls && /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm",
+						children: filename || "Audio"
+					})
+				]
+			}),
+			(!url || !isImageType && !isVideoType && !isAudioType) && /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col items-center justify-center gap-4 p-12",
 				children: [/* @__PURE__ */ jsx(Icon, {
 					icon: fileIcon,
 					className: "text-muted-foreground size-20"
 				}), /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground text-sm",
-					children: filename || "Video"
+					children: filename || "File"
 				})]
-			})
-		});
-		$[69] = fileIcon;
-		$[70] = filename;
-		$[71] = isVideoType;
-		$[72] = showControls;
-		$[73] = url;
-		$[74] = t10;
-	} else t10 = $[74];
-	let t11;
-	if ($[75] !== fileIcon || $[76] !== filename || $[77] !== isAudioType || $[78] !== showControls || $[79] !== url) {
-		t11 = isAudioType && url && /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col items-center justify-center gap-4 p-8",
-			children: [
-				/* @__PURE__ */ jsx(Icon, {
-					icon: fileIcon,
-					className: "text-muted-foreground size-16"
-				}),
-				showControls && /* @__PURE__ */ jsxs("audio", {
-					src: url,
-					controls: true,
-					className: "w-full max-w-md",
-					preload: "metadata",
-					children: [/* @__PURE__ */ jsx("track", { kind: "captions" }), "Your browser does not support the audio tag."]
-				}),
-				!showControls && /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground text-sm",
-					children: filename || "Audio"
+			}),
+			url && /* @__PURE__ */ jsx("div", {
+				className: "absolute top-2 right-2",
+				children: /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "secondary",
+					size: "icon-sm",
+					nativeButton: false,
+					render: /* @__PURE__ */ jsx("a", {
+						href: url,
+						target: "_blank",
+						rel: "noopener noreferrer"
+					}),
+					children: /* @__PURE__ */ jsx(Icon, { icon: "ph:arrow-square-out-bold" })
 				})
-			]
-		});
-		$[75] = fileIcon;
-		$[76] = filename;
-		$[77] = isAudioType;
-		$[78] = showControls;
-		$[79] = url;
-		$[80] = t11;
-	} else t11 = $[80];
-	let t12;
-	if ($[81] !== fileIcon || $[82] !== filename || $[83] !== isAudioType || $[84] !== isImageType || $[85] !== isVideoType || $[86] !== url) {
-		t12 = (!url || !isImageType && !isVideoType && !isAudioType) && /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col items-center justify-center gap-4 p-12",
-			children: [/* @__PURE__ */ jsx(Icon, {
-				icon: fileIcon,
-				className: "text-muted-foreground size-20"
-			}), /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-sm",
-				children: filename || "File"
-			})]
-		});
-		$[81] = fileIcon;
-		$[82] = filename;
-		$[83] = isAudioType;
-		$[84] = isImageType;
-		$[85] = isVideoType;
-		$[86] = url;
-		$[87] = t12;
-	} else t12 = $[87];
-	let t13;
-	if ($[88] !== url) {
-		t13 = url && /* @__PURE__ */ jsx("div", {
-			className: "absolute top-2 right-2",
-			children: /* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "secondary",
-				size: "icon-sm",
-				nativeButton: false,
-				render: /* @__PURE__ */ jsx("a", {
-					href: url,
-					target: "_blank",
-					rel: "noopener noreferrer"
-				}),
-				children: /* @__PURE__ */ jsx(Icon, { icon: "ph:arrow-square-out-bold" })
 			})
-		});
-		$[88] = url;
-		$[89] = t13;
-	} else t13 = $[89];
-	let t14;
-	if ($[90] !== t10 || $[91] !== t11 || $[92] !== t12 || $[93] !== t13 || $[94] !== t8 || $[95] !== t9) {
-		t14 = /* @__PURE__ */ jsxs("div", {
-			className: t8,
-			children: [
-				t9,
-				t10,
-				t11,
-				t12,
-				t13
-			]
-		});
-		$[90] = t10;
-		$[91] = t11;
-		$[92] = t12;
-		$[93] = t13;
-		$[94] = t8;
-		$[95] = t9;
-		$[96] = t14;
-	} else t14 = $[96];
-	return t14;
+		]
+	});
 }
 
 //#endregion