camox 0.3.0 → 0.3.1

package/dist/features/preview/components/AssetPickerGrid.js

@@ -2,6 +2,7 @@ import { useProjectSlug } from "../../../lib/auth.js";
 import { fileQueries, projectQueries } from "../../../lib/queries.js";
 import { AssetLightbox } from "./AssetLightbox.js";
 import { AssetCard } from "../../content/components/AssetCard.js";
+import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -9,90 +10,221 @@ import { Button } from "@camox/ui/button";
 import { ArrowLeft } from "lucide-react";
 import { Skeleton } from "@camox/ui/skeleton";
 //#region src/features/preview/components/AssetPickerGrid.tsx
-var AssetPickerGrid = ({ assetType, mode, onSelectSingle, onSelectMultiple, onClose }) => {
+var AssetPickerGrid = (t0) => {
+	const $ = c(45);
+	const { assetType, mode, onSelectSingle, onSelectMultiple, onClose } = t0;
 	const projectSlug = useProjectSlug();
-	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
-	const { data: allFiles } = useQuery({
-		...fileQueries.list(project?.id ?? 0),
-		enabled: !!project
-	});
-	const [selectedIds, setSelectedIds] = React.useState(/* @__PURE__ */ new Set());
+	let t1;
+	if ($[0] !== projectSlug) {
+		t1 = projectQueries.getBySlug(projectSlug);
+		$[0] = projectSlug;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { data: project } = useQuery(t1);
+	let t2;
+	if ($[2] !== project?.id) {
+		t2 = fileQueries.list(project?.id ?? 0);
+		$[2] = project?.id;
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = !!project;
+	let t4;
+	if ($[4] !== t2 || $[5] !== t3) {
+		t4 = {
+			...t2,
+			enabled: t3
+		};
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	const { data: allFiles } = useQuery(t4);
+	let t5;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ new Set();
+		$[7] = t5;
+	} else t5 = $[7];
+	const [selectedIds, setSelectedIds] = React.useState(t5);
 	const [lightboxFile, setLightboxFile] = React.useState(null);
 	const isImage = assetType === "Image";
-	const files = React.useMemo(() => {
-		if (!allFiles) return void 0;
-		if (!isImage) return allFiles;
-		return allFiles.filter((f) => f.mimeType?.startsWith("image/"));
-	}, [allFiles, isImage]);
-	const toggleSelection = (fileId) => {
-		setSelectedIds((prev) => {
-			const next = new Set(prev);
-			if (next.has(fileId)) next.delete(fileId);
-			else next.add(fileId);
-			return next;
+	let t6;
+	bb0: {
+		if (!allFiles) {
+			t6 = void 0;
+			break bb0;
+		}
+		if (!isImage) {
+			t6 = allFiles;
+			break bb0;
+		}
+		let t7;
+		if ($[8] !== allFiles) {
+			t7 = allFiles.filter(_temp);
+			$[8] = allFiles;
+			$[9] = t7;
+		} else t7 = $[9];
+		t6 = t7;
+	}
+	const files = t6;
+	let t7;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (fileId) => {
+			setSelectedIds((prev) => {
+				const next = new Set(prev);
+				if (next.has(fileId)) next.delete(fileId);
+				else next.add(fileId);
+				return next;
+			});
+		};
+		$[10] = t7;
+	} else t7 = $[10];
+	const toggleSelection = t7;
+	let t8;
+	if ($[11] !== files || $[12] !== onSelectMultiple || $[13] !== selectedIds) {
+		t8 = () => {
+			if (!files) return;
+			onSelectMultiple(files.filter((f_0) => selectedIds.has(f_0.id)));
+		};
+		$[11] = files;
+		$[12] = onSelectMultiple;
+		$[13] = selectedIds;
+		$[14] = t8;
+	} else t8 = $[14];
+	const handleConfirmMultiple = t8;
+	const title = mode === "multiple" ? `Select ${isImage ? "images" : "files"}` : `Select ${isImage ? "image" : "file"}`;
+	let t9;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" });
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== onClose || $[17] !== title) {
+		t10 = /* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			size: "sm",
+			onClick: onClose,
+			children: [t9, title]
 		});
-	};
-	const handleConfirmMultiple = () => {
-		if (!files) return;
-		onSelectMultiple(files.filter((f) => selectedIds.has(f.id)));
-	};
-	return /* @__PURE__ */ jsxs("div", { children: [
-		/* @__PURE__ */ jsxs("div", {
+		$[16] = onClose;
+		$[17] = title;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== handleConfirmMultiple || $[20] !== mode || $[21] !== selectedIds) {
+		t11 = mode === "multiple" && /* @__PURE__ */ jsxs(Button, {
+			variant: "default",
+			size: "sm",
+			className: "ml-auto",
+			disabled: selectedIds.size === 0,
+			onClick: handleConfirmMultiple,
+			children: [
+				"Add selected (",
+				selectedIds.size,
+				")"
+			]
+		});
+		$[19] = handleConfirmMultiple;
+		$[20] = mode;
+		$[21] = selectedIds;
+		$[22] = t11;
+	} else t11 = $[22];
+	let t12;
+	if ($[23] !== t10 || $[24] !== t11) {
+		t12 = /* @__PURE__ */ jsxs("div", {
 			className: "bg-background sticky top-0 z-10 flex items-center gap-2 px-4 py-4",
-			children: [/* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				size: "sm",
-				onClick: onClose,
-				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), mode === "multiple" ? `Select ${isImage ? "images" : "files"}` : `Select ${isImage ? "image" : "file"}`]
-			}), mode === "multiple" && /* @__PURE__ */ jsxs(Button, {
-				variant: "default",
-				size: "sm",
-				className: "ml-auto",
-				disabled: selectedIds.size === 0,
-				onClick: handleConfirmMultiple,
-				children: [
-					"Add selected (",
-					selectedIds.size,
-					")"
-				]
-			})]
-		}),
-		/* @__PURE__ */ jsxs("div", {
+			children: [t10, t11]
+		});
+		$[23] = t10;
+		$[24] = t11;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] !== files) {
+		t13 = files === void 0 && /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
+			children: Array.from({ length: 6 }).map(_temp2)
+		});
+		$[26] = files;
+		$[27] = t13;
+	} else t13 = $[27];
+	let t14;
+	if ($[28] !== files?.length) {
+		t14 = files?.length === 0 && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground py-8 text-center text-sm",
+			children: "No assets yet"
+		});
+		$[28] = files?.length;
+		$[29] = t14;
+	} else t14 = $[29];
+	let t15;
+	if ($[30] !== files || $[31] !== mode || $[32] !== onSelectSingle || $[33] !== selectedIds) {
+		t15 = files && files.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
+			children: files.map((file) => /* @__PURE__ */ jsx(AssetCard, {
+				file,
+				selected: selectedIds.has(file.id),
+				onSelect: () => {
+					if (mode === "single") onSelectSingle(file);
+					else toggleSelection(file.id);
+				},
+				onOpen: () => setLightboxFile(file)
+			}, file.id))
+		});
+		$[30] = files;
+		$[31] = mode;
+		$[32] = onSelectSingle;
+		$[33] = selectedIds;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== t13 || $[36] !== t14 || $[37] !== t15) {
+		t16 = /* @__PURE__ */ jsxs("div", {
 			className: "px-4 pb-4",
 			children: [
-				files === void 0 && /* @__PURE__ */ jsx("div", {
-					className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
-					children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col gap-1.5 rounded-lg p-2",
-						children: [/* @__PURE__ */ jsx(Skeleton, { className: "aspect-4/3 w-full rounded-md" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-3/4 rounded" })]
-					}, i))
-				}),
-				files?.length === 0 && /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground py-8 text-center text-sm",
-					children: "No assets yet"
-				}),
-				files && files.length > 0 && /* @__PURE__ */ jsx("div", {
-					className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",
-					children: files.map((file) => /* @__PURE__ */ jsx(AssetCard, {
-						file,
-						selected: selectedIds.has(file.id),
-						onSelect: () => {
-							if (mode === "single") onSelectSingle(file);
-							else toggleSelection(file.id);
-						},
-						onOpen: () => setLightboxFile(file)
-					}, file.id))
-				})
+				t13,
+				t14,
+				t15
 			]
-		}),
-		lightboxFile && /* @__PURE__ */ jsx(AssetLightbox, {
+		});
+		$[35] = t13;
+		$[36] = t14;
+		$[37] = t15;
+		$[38] = t16;
+	} else t16 = $[38];
+	let t17;
+	if ($[39] !== lightboxFile) {
+		t17 = lightboxFile && /* @__PURE__ */ jsx(AssetLightbox, {
 			open: !!lightboxFile,
 			onOpenChange: (open) => {
 				if (!open) setLightboxFile(null);
 			},
 			fileId: lightboxFile.id
-		})
-	] });
+		});
+		$[39] = lightboxFile;
+		$[40] = t17;
+	} else t17 = $[40];
+	let t18;
+	if ($[41] !== t12 || $[42] !== t16 || $[43] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("div", { children: [
+			t12,
+			t16,
+			t17
+		] });
+		$[41] = t12;
+		$[42] = t16;
+		$[43] = t17;
+		$[44] = t18;
+	} else t18 = $[44];
+	return t18;
 };
+function _temp(f) {
+	return f.mimeType?.startsWith("image/");
+}
+function _temp2(_, i) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1.5 rounded-lg p-2",
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "aspect-4/3 w-full rounded-md" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-3/4 rounded" })]
+	}, i);
+}
 //#endregion
 export { AssetPickerGrid };