@questpie/admin 3.2.2 → 3.2.4

package/dist/client/components/media/media-picker-dialog.mjs

@@ -65,7 +65,7 @@ const MIME_TYPE_FILTERS = [
 	}
 ];
 function MediaPickerDialog(t0) {
-	const $ = c(116);
+	const $ = c(112);
 	const { open, onOpenChange, mode: t1, accept, onSelect, maxItems, collection } = t0;
 	const mode = t1 === void 0 ? "single" : t1;
 	const { t } = useTranslation();
@@ -181,12 +181,20 @@ function MediaPickerDialog(t0) {
 	} else t10 = $[23];
 	const assets = t10;
 	let t11;
-	if ($[24] !== assets || $[25] !== previewAssetId) {
-		t11 = assets.find((asset) => asset.id === previewAssetId) ?? null;
-		$[24] = assets;
-		$[25] = previewAssetId;
-		$[26] = t11;
-	} else t11 = $[26];
+	bb1: {
+		if (!open || assets.length === 0) {
+			t11 = null;
+			break bb1;
+		}
+		let t12$1;
+		if ($[24] !== assets || $[25] !== previewAssetId) {
+			t12$1 = assets.find((asset) => asset.id === previewAssetId) ?? assets[0];
+			$[24] = assets;
+			$[25] = previewAssetId;
+			$[26] = t12$1;
+		} else t12$1 = $[26];
+		t11 = t12$1;
+	}
 	const previewAsset = t11;
 	let t12;
 	if ($[27] !== mimeFilter || $[28] !== t) {
@@ -197,70 +205,44 @@ function MediaPickerDialog(t0) {
 	} else t12 = $[29];
 	const selectedMimeFilterLabel = t12;
 	let t13;
-	let t14;
-	if ($[30] !== open) {
+	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
 		t13 = () => {
-			if (!open) {
-				setSelectedIds(/* @__PURE__ */ new Set());
-				setSearchQuery("");
-				setMimeFilter("all");
-				setPreviewAssetId(null);
-				return;
-			}
+			setSelectedIds(/* @__PURE__ */ new Set());
+			setSearchQuery("");
+			setMimeFilter("all");
+			setPreviewAssetId(null);
 		};
-		t14 = [open];
-		$[30] = open;
-		$[31] = t13;
+		$[30] = t13;
+	} else t13 = $[30];
+	const resetPickerState = t13;
+	let t14;
+	if ($[31] !== onOpenChange) {
+		t14 = (nextOpen) => {
+			if (!nextOpen) resetPickerState();
+			onOpenChange(nextOpen);
+		};
+		$[31] = onOpenChange;
 		$[32] = t14;
-	} else {
-		t13 = $[31];
-		t14 = $[32];
-	}
-	React.useEffect(t13, t14);
+	} else t14 = $[32];
+	const handleOpenChange = t14;
 	let t15;
-	let t16;
-	if ($[33] !== assets || $[34] !== open || $[35] !== previewAssetId) {
-		t15 = () => {
-			if (!open || assets.length === 0) return;
-			if (!previewAssetId) {
-				setPreviewAssetId(assets[0].id);
-				return;
-			}
-			if (!assets.some((asset_0) => asset_0.id === previewAssetId)) setPreviewAssetId(assets[0].id);
-		};
-		t16 = [
-			open,
-			assets,
-			previewAssetId
-		];
-		$[33] = assets;
-		$[34] = open;
-		$[35] = previewAssetId;
-		$[36] = t15;
-		$[37] = t16;
-	} else {
-		t15 = $[36];
-		t16 = $[37];
-	}
-	React.useEffect(t15, t16);
-	let t17;
-	if ($[38] !== maxItems || $[39] !== mode || $[40] !== t) {
-		t17 = (ids) => {
+	if ($[33] !== maxItems || $[34] !== mode || $[35] !== t) {
+		t15 = (ids) => {
 			if (mode === "multiple" && maxItems && ids.size > maxItems) {
 				toast.warning(t("error.maxItemsAllowed", { max: maxItems }));
 				return;
 			}
 			setSelectedIds(ids);
 		};
-		$[38] = maxItems;
-		$[39] = mode;
-		$[40] = t;
-		$[41] = t17;
-	} else t17 = $[41];
-	const handleSelectionChange = t17;
-	let t18;
-	if ($[42] !== availableUploadCollections || $[43] !== mode || $[44] !== onOpenChange || $[45] !== onSelect || $[46] !== resolvedCollection || $[47] !== selectedIds || $[48] !== t) {
-		t18 = () => {
+		$[33] = maxItems;
+		$[34] = mode;
+		$[35] = t;
+		$[36] = t15;
+	} else t15 = $[36];
+	const handleSelectionChange = t15;
+	let t16;
+	if ($[37] !== assets || $[38] !== availableUploadCollections || $[39] !== handleOpenChange || $[40] !== mode || $[41] !== onSelect || $[42] !== resolvedCollection || $[43] !== selectedIds || $[44] !== t) {
+		t16 = () => {
 			if (!resolvedCollection) {
 				toast.error(availableUploadCollections.length > 1 ? `Multiple upload collections are available (${availableUploadCollections.join(", ")}). Specify the collection for MediaPickerDialog.` : "No upload collection is configured for media library.");
 				return;
@@ -271,106 +253,107 @@ function MediaPickerDialog(t0) {
 			}
 			if (mode === "single") {
 				const [id] = Array.from(selectedIds);
-				onSelect(id);
-			} else onSelect(Array.from(selectedIds));
-			onOpenChange(false);
+				onSelect(id, assets.find((candidate) => candidate.id === id));
+			} else onSelect(Array.from(selectedIds), assets.filter((asset_1) => selectedIds.has(asset_1.id)));
+			handleOpenChange(false);
+		};
+		$[37] = assets;
+		$[38] = availableUploadCollections;
+		$[39] = handleOpenChange;
+		$[40] = mode;
+		$[41] = onSelect;
+		$[42] = resolvedCollection;
+		$[43] = selectedIds;
+		$[44] = t;
+		$[45] = t16;
+	} else t16 = $[45];
+	const handleSelect = t16;
+	let t17;
+	if ($[46] !== handleOpenChange) {
+		t17 = () => {
+			handleOpenChange(false);
 		};
-		$[42] = availableUploadCollections;
-		$[43] = mode;
-		$[44] = onOpenChange;
-		$[45] = onSelect;
-		$[46] = resolvedCollection;
-		$[47] = selectedIds;
+		$[46] = handleOpenChange;
+		$[47] = t17;
+	} else t17 = $[47];
+	const handleCancel = t17;
+	let t18;
+	if ($[48] !== t) {
+		t18 = t("media.browseLibrary");
 		$[48] = t;
 		$[49] = t18;
 	} else t18 = $[49];
-	const handleSelect = t18;
 	let t19;
-	if ($[50] !== onOpenChange) {
-		t19 = () => {
-			onOpenChange(false);
-		};
-		$[50] = onOpenChange;
+	if ($[50] !== t18) {
+		t19 = /* @__PURE__ */ jsx(SheetTitle, { children: t18 });
+		$[50] = t18;
 		$[51] = t19;
 	} else t19 = $[51];
-	const handleCancel = t19;
-	let t20;
-	if ($[52] !== t) {
-		t20 = t("media.browseLibrary");
-		$[52] = t;
-		$[53] = t20;
-	} else t20 = $[53];
+	const t20 = mode === "single" ? "Select an asset from your library" : `Select up to ${maxItems || "multiple"} assets`;
 	let t21;
-	if ($[54] !== t20) {
-		t21 = /* @__PURE__ */ jsx(SheetTitle, { children: t20 });
-		$[54] = t20;
-		$[55] = t21;
-	} else t21 = $[55];
-	const t22 = mode === "single" ? "Select an asset from your library" : `Select up to ${maxItems || "multiple"} assets`;
-	let t23;
-	if ($[56] !== t22) {
-		t23 = /* @__PURE__ */ jsx(SheetDescription, { children: t22 });
-		$[56] = t22;
-		$[57] = t23;
-	} else t23 = $[57];
-	let t24;
-	if ($[58] !== t21 || $[59] !== t23) {
-		t24 = /* @__PURE__ */ jsxs(SheetHeader, {
+	if ($[52] !== t20) {
+		t21 = /* @__PURE__ */ jsx(SheetDescription, { children: t20 });
+		$[52] = t20;
+		$[53] = t21;
+	} else t21 = $[53];
+	let t22;
+	if ($[54] !== t19 || $[55] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(SheetHeader, {
 			className: "px-6 pt-6",
-			children: [t21, t23]
+			children: [t19, t21]
 		});
-		$[58] = t21;
-		$[59] = t23;
-		$[60] = t24;
-	} else t24 = $[60];
-	let t25;
-	if ($[61] !== availableUploadCollections || $[62] !== resolvedCollection) {
-		t25 = !resolvedCollection && /* @__PURE__ */ jsx("div", {
+		$[54] = t19;
+		$[55] = t21;
+		$[56] = t22;
+	} else t22 = $[56];
+	let t23;
+	if ($[57] !== availableUploadCollections || $[58] !== resolvedCollection) {
+		t23 = !resolvedCollection && /* @__PURE__ */ jsx("div", {
 			className: "border-warning/40 bg-warning/5 text-warning border p-3 text-sm",
 			children: availableUploadCollections.length > 1 ? `Multiple upload collections are available (${availableUploadCollections.join(", ")}). Pass the collection prop to choose one.` : "No upload collection is configured for media library."
 		});
-		$[61] = availableUploadCollections;
-		$[62] = resolvedCollection;
-		$[63] = t25;
-	} else t25 = $[63];
-	let t26;
-	if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
-		t26 = /* @__PURE__ */ jsx(Icon, {
+		$[57] = availableUploadCollections;
+		$[58] = resolvedCollection;
+		$[59] = t23;
+	} else t23 = $[59];
+	let t24;
+	if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:magnifying-glass-bold",
 			className: "text-muted-foreground absolute top-1/2 left-3 size-4 -translate-y-1/2"
 		});
-		$[64] = t26;
-	} else t26 = $[64];
+		$[60] = t24;
+	} else t24 = $[60];
+	let t25;
+	if ($[61] !== t) {
+		t25 = t("media.searchPlaceholder");
+		$[61] = t;
+		$[62] = t25;
+	} else t25 = $[62];
+	let t26;
+	if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
+		t26 = (e) => setSearchQuery(e.target.value);
+		$[63] = t26;
+	} else t26 = $[63];
 	let t27;
-	if ($[65] !== t) {
-		t27 = t("media.searchPlaceholder");
-		$[65] = t;
-		$[66] = t27;
-	} else t27 = $[66];
-	let t28;
-	if ($[67] === Symbol.for("react.memo_cache_sentinel")) {
-		t28 = (e) => setSearchQuery(e.target.value);
-		$[67] = t28;
-	} else t28 = $[67];
-	let t29;
-	if ($[68] !== searchQuery || $[69] !== t27) {
-		t29 = /* @__PURE__ */ jsxs("div", {
+	if ($[64] !== searchQuery || $[65] !== t25) {
+		t27 = /* @__PURE__ */ jsxs("div", {
 			className: "relative flex-1",
-			children: [t26, /* @__PURE__ */ jsx(Input, {
+			children: [t24, /* @__PURE__ */ jsx(Input, {
 				type: "text",
-				placeholder: t27,
+				placeholder: t25,
 				value: searchQuery,
-				onChange: t28,
+				onChange: t26,
 				className: "pl-9"
 			})]
 		});
-		$[68] = searchQuery;
-		$[69] = t27;
-		$[70] = t29;
-	} else t29 = $[70];
-	let t30;
-	if ($[71] !== accept || $[72] !== mimeFilter || $[73] !== selectedMimeFilterLabel || $[74] !== t) {
-		t30 = !accept && /* @__PURE__ */ jsxs(Select, {
+		$[64] = searchQuery;
+		$[65] = t25;
+		$[66] = t27;
+	} else t27 = $[66];
+	let t28;
+	if ($[67] !== accept || $[68] !== mimeFilter || $[69] !== selectedMimeFilterLabel || $[70] !== t) {
+		t28 = !accept && /* @__PURE__ */ jsxs(Select, {
 			value: mimeFilter,
 			onValueChange: (value) => setMimeFilter(value || "all"),
 			children: [/* @__PURE__ */ jsx(SelectTrigger, {
@@ -387,30 +370,30 @@ function MediaPickerDialog(t0) {
 				children: t(filter_0.labelKey)
 			}, filter_0.value)) })]
 		});
-		$[71] = accept;
-		$[72] = mimeFilter;
-		$[73] = selectedMimeFilterLabel;
-		$[74] = t;
+		$[67] = accept;
+		$[68] = mimeFilter;
+		$[69] = selectedMimeFilterLabel;
+		$[70] = t;
+		$[71] = t28;
+	} else t28 = $[71];
+	let t29;
+	if ($[72] !== t27 || $[73] !== t28) {
+		t29 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3 border-b pb-4 sm:flex-row",
+			children: [t27, t28]
+		});
+		$[72] = t27;
+		$[73] = t28;
+		$[74] = t29;
+	} else t29 = $[74];
+	let t30;
+	if ($[75] === Symbol.for("react.memo_cache_sentinel")) {
+		t30 = (asset_2) => setPreviewAssetId(asset_2.id);
 		$[75] = t30;
 	} else t30 = $[75];
 	let t31;
-	if ($[76] !== t29 || $[77] !== t30) {
-		t31 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-3 border-b pb-4 sm:flex-row",
-			children: [t29, t30]
-		});
-		$[76] = t29;
-		$[77] = t30;
-		$[78] = t31;
-	} else t31 = $[78];
-	let t32;
-	if ($[79] === Symbol.for("react.memo_cache_sentinel")) {
-		t32 = (asset_1) => setPreviewAssetId(asset_1.id);
-		$[79] = t32;
-	} else t32 = $[79];
-	let t33;
-	if ($[80] !== assets || $[81] !== handleSelectionChange || $[82] !== isLoading || $[83] !== mode || $[84] !== selectedIds) {
-		t33 = /* @__PURE__ */ jsx("div", {
+	if ($[76] !== assets || $[77] !== handleSelectionChange || $[78] !== isLoading || $[79] !== mode || $[80] !== selectedIds) {
+		t31 = /* @__PURE__ */ jsx("div", {
 			className: "flex-1 overflow-y-auto pr-1",
 			children: /* @__PURE__ */ jsx(MediaGrid, {
 				assets,
@@ -420,29 +403,29 @@ function MediaPickerDialog(t0) {
 				loading: isLoading,
 				columns: 5,
 				className: "gap-2",
-				onAssetClick: t32
+				onAssetClick: t30
 			})
 		});
-		$[80] = assets;
-		$[81] = handleSelectionChange;
-		$[82] = isLoading;
-		$[83] = mode;
-		$[84] = selectedIds;
-		$[85] = t33;
-	} else t33 = $[85];
-	let t34;
-	if ($[86] === Symbol.for("react.memo_cache_sentinel")) {
-		t34 = /* @__PURE__ */ jsx("p", {
+		$[76] = assets;
+		$[77] = handleSelectionChange;
+		$[78] = isLoading;
+		$[79] = mode;
+		$[80] = selectedIds;
+		$[81] = t31;
+	} else t31 = $[81];
+	let t32;
+	if ($[82] === Symbol.for("react.memo_cache_sentinel")) {
+		t32 = /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground font-chrome chrome-meta text-xs font-medium",
 			children: "Preview"
 		});
-		$[86] = t34;
-	} else t34 = $[86];
-	let t35;
-	if ($[87] !== previewAsset) {
-		t35 = /* @__PURE__ */ jsxs("div", {
+		$[82] = t32;
+	} else t32 = $[82];
+	let t33;
+	if ($[83] !== previewAsset) {
+		t33 = /* @__PURE__ */ jsxs("div", {
 			className: "border-border hidden w-80 shrink-0 flex-col gap-3 border-l pl-4 lg:flex xl:w-96",
-			children: [t34, previewAsset ? /* @__PURE__ */ jsx(AssetPreview, {
+			children: [t32, previewAsset ? /* @__PURE__ */ jsx(AssetPreview, {
 				asset: previewAsset,
 				variant: "card"
 			}) : /* @__PURE__ */ jsx("div", {
@@ -450,22 +433,22 @@ function MediaPickerDialog(t0) {
 				children: "Select an asset to preview"
 			})]
 		});
-		$[87] = previewAsset;
-		$[88] = t35;
-	} else t35 = $[88];
-	let t36;
-	if ($[89] !== t33 || $[90] !== t35) {
-		t36 = /* @__PURE__ */ jsxs("div", {
+		$[83] = previewAsset;
+		$[84] = t33;
+	} else t33 = $[84];
+	let t34;
+	if ($[85] !== t31 || $[86] !== t33) {
+		t34 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-1 gap-4 overflow-hidden",
-			children: [t33, t35]
+			children: [t31, t33]
 		});
-		$[89] = t33;
-		$[90] = t35;
-		$[91] = t36;
-	} else t36 = $[91];
-	let t37;
-	if ($[92] !== previewAsset) {
-		t37 = /* @__PURE__ */ jsx("div", {
+		$[85] = t31;
+		$[86] = t33;
+		$[87] = t34;
+	} else t34 = $[87];
+	let t35;
+	if ($[88] !== previewAsset) {
+		t35 = /* @__PURE__ */ jsx("div", {
 			className: "border-t pt-4 lg:hidden",
 			children: previewAsset ? /* @__PURE__ */ jsx(AssetPreview, {
 				asset: previewAsset,
@@ -475,95 +458,95 @@ function MediaPickerDialog(t0) {
 				children: "Select an asset to preview"
 			})
 		});
-		$[92] = previewAsset;
-		$[93] = t37;
-	} else t37 = $[93];
-	let t38;
-	if ($[94] !== t25 || $[95] !== t31 || $[96] !== t36 || $[97] !== t37) {
-		t38 = /* @__PURE__ */ jsxs("div", {
+		$[88] = previewAsset;
+		$[89] = t35;
+	} else t35 = $[89];
+	let t36;
+	if ($[90] !== t23 || $[91] !== t29 || $[92] !== t34 || $[93] !== t35) {
+		t36 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-1 flex-col gap-4 overflow-hidden px-6 pb-6",
 			children: [
-				t25,
-				t31,
-				t36,
-				t37
+				t23,
+				t29,
+				t34,
+				t35
 			]
 		});
-		$[94] = t25;
-		$[95] = t31;
-		$[96] = t36;
-		$[97] = t37;
-		$[98] = t38;
-	} else t38 = $[98];
-	let t39;
-	if ($[99] !== handleCancel) {
-		t39 = /* @__PURE__ */ jsx(Button, {
+		$[90] = t23;
+		$[91] = t29;
+		$[92] = t34;
+		$[93] = t35;
+		$[94] = t36;
+	} else t36 = $[94];
+	let t37;
+	if ($[95] !== handleCancel) {
+		t37 = /* @__PURE__ */ jsx(Button, {
 			variant: "outline",
 			onClick: handleCancel,
 			children: "Cancel"
 		});
-		$[99] = handleCancel;
-		$[100] = t39;
-	} else t39 = $[100];
-	const t40 = selectedIds.size === 0 || isLoading;
-	const t41 = selectedIds.size > 0 && `(${selectedIds.size})`;
-	let t42;
-	if ($[101] !== handleSelect || $[102] !== t40 || $[103] !== t41) {
-		t42 = /* @__PURE__ */ jsxs(Button, {
+		$[95] = handleCancel;
+		$[96] = t37;
+	} else t37 = $[96];
+	const t38 = selectedIds.size === 0 || isLoading;
+	const t39 = selectedIds.size > 0 && `(${selectedIds.size})`;
+	let t40;
+	if ($[97] !== handleSelect || $[98] !== t38 || $[99] !== t39) {
+		t40 = /* @__PURE__ */ jsxs(Button, {
 			className: "tabular-nums",
 			onClick: handleSelect,
-			disabled: t40,
-			children: ["Select ", t41]
+			disabled: t38,
+			children: ["Select ", t39]
 		});
-		$[101] = handleSelect;
-		$[102] = t40;
-		$[103] = t41;
-		$[104] = t42;
-	} else t42 = $[104];
-	let t43;
-	if ($[105] !== t39 || $[106] !== t42) {
-		t43 = /* @__PURE__ */ jsx(SheetFooter, {
+		$[97] = handleSelect;
+		$[98] = t38;
+		$[99] = t39;
+		$[100] = t40;
+	} else t40 = $[100];
+	let t41;
+	if ($[101] !== t37 || $[102] !== t40) {
+		t41 = /* @__PURE__ */ jsx(SheetFooter, {
 			className: "border-t px-6 py-4",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex w-full justify-end gap-2",
-				children: [t39, t42]
+				children: [t37, t40]
 			})
 		});
-		$[105] = t39;
-		$[106] = t42;
-		$[107] = t43;
-	} else t43 = $[107];
-	let t44;
-	if ($[108] !== t24 || $[109] !== t38 || $[110] !== t43) {
-		t44 = /* @__PURE__ */ jsxs(SheetContent, {
+		$[101] = t37;
+		$[102] = t40;
+		$[103] = t41;
+	} else t41 = $[103];
+	let t42;
+	if ($[104] !== t22 || $[105] !== t36 || $[106] !== t41) {
+		t42 = /* @__PURE__ */ jsxs(SheetContent, {
 			side: "right",
 			showOverlay: false,
 			className: "qa-media-picker w-full p-0 data-[side=right]:sm:max-w-6xl",
 			children: [
-				t24,
-				t38,
-				t43
+				t22,
+				t36,
+				t41
 			]
 		});
-		$[108] = t24;
-		$[109] = t38;
-		$[110] = t43;
-		$[111] = t44;
-	} else t44 = $[111];
-	let t45;
-	if ($[112] !== onOpenChange || $[113] !== open || $[114] !== t44) {
-		t45 = /* @__PURE__ */ jsx(Sheet, {
+		$[104] = t22;
+		$[105] = t36;
+		$[106] = t41;
+		$[107] = t42;
+	} else t42 = $[107];
+	let t43;
+	if ($[108] !== handleOpenChange || $[109] !== open || $[110] !== t42) {
+		t43 = /* @__PURE__ */ jsx(Sheet, {
 			open,
-			onOpenChange,
+			onOpenChange: handleOpenChange,
 			modal: false,
-			children: t44
+			children: t42
 		});
-		$[112] = onOpenChange;
-		$[113] = open;
-		$[114] = t44;
-		$[115] = t45;
-	} else t45 = $[115];
-	return t45;
+		$[108] = handleOpenChange;
+		$[109] = open;
+		$[110] = t42;
+		$[111] = t43;
+	} else t43 = $[111];
+	return t43;
 }
 function _temp(pattern) {
 	if (pattern.startsWith(".")) return { filename: { endsWith: pattern } };