@questpie/admin 3.0.2 → 3.0.4

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

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

package/dist/client/components/preview/live-preview-mode.mjs

@@ -393,7 +393,7 @@ function LivePreviewContent(t0) {
 			"aria-label": "Resize preview pane",
 			onMouseDown: handleMouseDown,
 			onClick: _temp2,
-			className: "bg-border hover:bg-primary/40 w-1 shrink-0 cursor-col-resize appearance-none border-0 p-0 transition-colors"
+			className: "bg-border hover:bg-border-strong w-1 shrink-0 cursor-col-resize appearance-none border-0 p-0 transition-colors"
 		}), /* @__PURE__ */ jsx("div", {
 			className: "bg-muted min-w-0",
 			style: { width: `${previewPercent}%` },