@questpie/admin 3.0.4 → 3.0.6

package/dist/client/components/media/media-grid.mjs

@@ -1,3 +1,4 @@
+import { useSafeI18n } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { Skeleton } from "../ui/skeleton.mjs";
 import { c } from "react/compiler-runtime";
@@ -198,15 +199,23 @@ function AssetItem(t0) {
 }
 const EMPTY_SET = /* @__PURE__ */ new Set();
 function MediaGrid(t0) {
-	const $ = c(31);
+	const $ = c(37);
 	const { assets, selectedIds: t1, onSelectionChange, selectionMode: t2, loading: t3, onAssetClick, columns: t4, className } = t0;
 	const selectedIds = t1 === void 0 ? EMPTY_SET : t1;
 	const selectionMode = t2 === void 0 ? "none" : t2;
 	const loading = t3 === void 0 ? false : t3;
 	const columns = t4 === void 0 ? 4 : t4;
+	const i18n = useSafeI18n();
 	let t5;
-	if ($[0] !== onSelectionChange || $[1] !== selectedIds || $[2] !== selectionMode) {
-		t5 = (assetId) => {
+	if ($[0] !== i18n) {
+		t5 = (key, fallback) => i18n?.t(key) ?? fallback;
+		$[0] = i18n;
+		$[1] = t5;
+	} else t5 = $[1];
+	const t = t5;
+	let t6;
+	if ($[2] !== onSelectionChange || $[3] !== selectedIds || $[4] !== selectionMode) {
+		t6 = (assetId) => {
 			if (!onSelectionChange) return;
 			const newSelection = new Set(selectedIds);
 			if (selectionMode === "single") {
@@ -216,101 +225,109 @@ function MediaGrid(t0) {
 			else newSelection.add(assetId);
 			onSelectionChange(newSelection);
 		};
-		$[0] = onSelectionChange;
-		$[1] = selectedIds;
-		$[2] = selectionMode;
-		$[3] = t5;
-	} else t5 = $[3];
-	const handleToggle = t5;
+		$[2] = onSelectionChange;
+		$[3] = selectedIds;
+		$[4] = selectionMode;
+		$[5] = t6;
+	} else t6 = $[5];
+	const handleToggle = t6;
 	if (loading) {
-		let t6$1;
-		if ($[4] !== columns) {
-			t6$1 = /* @__PURE__ */ jsx(MediaGridSkeleton, { columns });
-			$[4] = columns;
-			$[5] = t6$1;
-		} else t6$1 = $[5];
 		let t7$1;
-		if ($[6] !== className || $[7] !== t6$1) {
-			t7$1 = /* @__PURE__ */ jsx("div", {
+		if ($[6] !== columns) {
+			t7$1 = /* @__PURE__ */ jsx(MediaGridSkeleton, { columns });
+			$[6] = columns;
+			$[7] = t7$1;
+		} else t7$1 = $[7];
+		let t8$1;
+		if ($[8] !== className || $[9] !== t7$1) {
+			t8$1 = /* @__PURE__ */ jsx("div", {
 				className,
-				children: t6$1
+				children: t7$1
 			});
-			$[6] = className;
-			$[7] = t6$1;
-			$[8] = t7$1;
-		} else t7$1 = $[8];
-		return t7$1;
+			$[8] = className;
+			$[9] = t7$1;
+			$[10] = t8$1;
+		} else t8$1 = $[10];
+		return t8$1;
 	}
 	if (assets.length === 0) {
-		let t6$1;
-		if ($[9] !== className) {
-			t6$1 = cn("flex flex-col items-center justify-center p-8", "text-muted-foreground", className);
-			$[9] = className;
-			$[10] = t6$1;
-		} else t6$1 = $[10];
 		let t7$1;
-		if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-			t7$1 = /* @__PURE__ */ jsx("p", {
+		if ($[11] !== className) {
+			t7$1 = cn("flex flex-col items-center justify-center p-8", "text-muted-foreground", className);
+			$[11] = className;
+			$[12] = t7$1;
+		} else t7$1 = $[12];
+		let t8$1;
+		if ($[13] !== t) {
+			t8$1 = t("media.noAssets", "No assets found");
+			$[13] = t;
+			$[14] = t8$1;
+		} else t8$1 = $[14];
+		let t9$1;
+		if ($[15] !== t8$1) {
+			t9$1 = /* @__PURE__ */ jsx("p", {
 				className: "text-sm",
-				children: "No assets found"
+				children: t8$1
 			});
-			$[11] = t7$1;
-		} else t7$1 = $[11];
-		let t8$1;
-		if ($[12] !== t6$1) {
-			t8$1 = /* @__PURE__ */ jsx("div", {
-				className: t6$1,
-				children: t7$1
+			$[15] = t8$1;
+			$[16] = t9$1;
+		} else t9$1 = $[16];
+		let t10;
+		if ($[17] !== t7$1 || $[18] !== t9$1) {
+			t10 = /* @__PURE__ */ jsx("div", {
+				className: t7$1,
+				children: t9$1
 			});
-			$[12] = t6$1;
-			$[13] = t8$1;
-		} else t8$1 = $[13];
-		return t8$1;
+			$[17] = t7$1;
+			$[18] = t9$1;
+			$[19] = t10;
+		} else t10 = $[19];
+		return t10;
 	}
 	const gridClass = columns === 2 ? "grid-cols-2" : columns === 3 ? "grid-cols-2 sm:grid-cols-3" : columns === 5 ? "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5" : "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4";
-	let t6;
-	if ($[14] !== className || $[15] !== gridClass) {
-		t6 = cn("grid gap-3", gridClass, className);
-		$[14] = className;
-		$[15] = gridClass;
-		$[16] = t6;
-	} else t6 = $[16];
 	let t7;
-	if ($[17] !== assets || $[18] !== handleToggle || $[19] !== onAssetClick || $[20] !== selectedIds || $[21] !== selectionMode) {
-		let t8$1;
-		if ($[23] !== handleToggle || $[24] !== onAssetClick || $[25] !== selectedIds || $[26] !== selectionMode) {
-			t8$1 = (asset) => /* @__PURE__ */ jsx(AssetItem, {
+	if ($[20] !== className || $[21] !== gridClass) {
+		t7 = cn("grid gap-3", gridClass, className);
+		$[20] = className;
+		$[21] = gridClass;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== assets || $[24] !== handleToggle || $[25] !== onAssetClick || $[26] !== selectedIds || $[27] !== selectionMode) {
+		let t9$1;
+		if ($[29] !== handleToggle || $[30] !== onAssetClick || $[31] !== selectedIds || $[32] !== selectionMode) {
+			t9$1 = (asset) => /* @__PURE__ */ jsx(AssetItem, {
 				asset,
 				selected: selectedIds.has(asset.id),
 				selectionMode,
 				onToggle: () => handleToggle(asset.id),
 				onClick: onAssetClick ? () => onAssetClick(asset) : void 0
 			}, asset.id);
-			$[23] = handleToggle;
-			$[24] = onAssetClick;
-			$[25] = selectedIds;
-			$[26] = selectionMode;
-			$[27] = t8$1;
-		} else t8$1 = $[27];
-		t7 = assets.map(t8$1);
-		$[17] = assets;
-		$[18] = handleToggle;
-		$[19] = onAssetClick;
-		$[20] = selectedIds;
-		$[21] = selectionMode;
-		$[22] = t7;
-	} else t7 = $[22];
-	let t8;
-	if ($[28] !== t6 || $[29] !== t7) {
-		t8 = /* @__PURE__ */ jsx("div", {
-			className: t6,
-			children: t7
+			$[29] = handleToggle;
+			$[30] = onAssetClick;
+			$[31] = selectedIds;
+			$[32] = selectionMode;
+			$[33] = t9$1;
+		} else t9$1 = $[33];
+		t8 = assets.map(t9$1);
+		$[23] = assets;
+		$[24] = handleToggle;
+		$[25] = onAssetClick;
+		$[26] = selectedIds;
+		$[27] = selectionMode;
+		$[28] = t8;
+	} else t8 = $[28];
+	let t9;
+	if ($[34] !== t7 || $[35] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: t7,
+			children: t8
 		});
-		$[28] = t6;
-		$[29] = t7;
-		$[30] = t8;
-	} else t8 = $[30];
-	return t8;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t9;
+	} else t9 = $[36];
+	return t9;
 }
 
 //#endregion