@questpie/admin 3.2.3 → 3.2.4

package/dist/client/components/fields/rich-text-editor/bubble-menu.mjs

@@ -88,7 +88,7 @@ function setCurrentBlockValue(editor, value) {
 * Bubble menu that appears on text selection
 */
 function RichTextBubbleMenu(t0) {
-	const $ = c(45);
+	const $ = c(44);
 	const { editor, features, disabled, linkOpen, onImageClick, onLinkOpenChange, showFormatting: t1 } = t0;
 	const showFormatting = t1 === void 0 ? true : t1;
 	const { t } = useTranslation();
@@ -189,33 +189,31 @@ function RichTextBubbleMenu(t0) {
 	const removeLink = t7;
 	let t8;
 	let t9;
-	if ($[21] !== editor || $[22] !== linkOpen) {
+	if ($[21] !== linkOpen) {
 		t8 = () => {
 			if (!linkOpen) return;
-			const currentLink_0 = editor.getAttributes("link").href;
-			setLinkUrl(currentLink_0 || "");
-			window.requestAnimationFrame(() => {
+			const frame = window.requestAnimationFrame(() => {
 				linkInputRef.current?.focus();
 				linkInputRef.current?.select();
 			});
+			return () => window.cancelAnimationFrame(frame);
 		};
-		t9 = [editor, linkOpen];
-		$[21] = editor;
-		$[22] = linkOpen;
-		$[23] = t8;
-		$[24] = t9;
+		t9 = [linkOpen];
+		$[21] = linkOpen;
+		$[22] = t8;
+		$[23] = t9;
 	} else {
-		t8 = $[23];
-		t9 = $[24];
+		t8 = $[22];
+		t9 = $[23];
 	}
 	React.useEffect(t8, t9);
 	let t10;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
 		t10 = [120, 90];
-		$[25] = t10;
-	} else t10 = $[25];
+		$[24] = t10;
+	} else t10 = $[24];
 	let t11;
-	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
 		t11 = {
 			duration: t10,
 			interactive: true,
@@ -223,10 +221,10 @@ function RichTextBubbleMenu(t0) {
 			offset: [0, 8],
 			placement: "top"
 		};
-		$[26] = t11;
-	} else t11 = $[26];
+		$[25] = t11;
+	} else t11 = $[25];
 	let t12;
-	if ($[27] !== applyLink || $[28] !== closeLinkMode || $[29] !== currentBlockLabel || $[30] !== currentBlockValue || $[31] !== editor || $[32] !== features || $[33] !== isEditable || $[34] !== linkOpen || $[35] !== linkUrl || $[36] !== onImageClick || $[37] !== openLinkMode || $[38] !== removeLink || $[39] !== t) {
+	if ($[26] !== applyLink || $[27] !== closeLinkMode || $[28] !== currentBlockLabel || $[29] !== currentBlockValue || $[30] !== editor || $[31] !== features || $[32] !== isEditable || $[33] !== linkOpen || $[34] !== linkUrl || $[35] !== onImageClick || $[36] !== openLinkMode || $[37] !== removeLink || $[38] !== t) {
 		t12 = linkOpen ? /* @__PURE__ */ jsxs("form", {
 			className: "qp-rich-text-editor__link-form",
 			onSubmit: (event) => {
@@ -373,23 +371,23 @@ function RichTextBubbleMenu(t0) {
 				onClick: onImageClick
 			})
 		] });
-		$[27] = applyLink;
-		$[28] = closeLinkMode;
-		$[29] = currentBlockLabel;
-		$[30] = currentBlockValue;
-		$[31] = editor;
-		$[32] = features;
-		$[33] = isEditable;
-		$[34] = linkOpen;
-		$[35] = linkUrl;
-		$[36] = onImageClick;
-		$[37] = openLinkMode;
-		$[38] = removeLink;
-		$[39] = t;
-		$[40] = t12;
-	} else t12 = $[40];
+		$[26] = applyLink;
+		$[27] = closeLinkMode;
+		$[28] = currentBlockLabel;
+		$[29] = currentBlockValue;
+		$[30] = editor;
+		$[31] = features;
+		$[32] = isEditable;
+		$[33] = linkOpen;
+		$[34] = linkUrl;
+		$[35] = onImageClick;
+		$[36] = openLinkMode;
+		$[37] = removeLink;
+		$[38] = t;
+		$[39] = t12;
+	} else t12 = $[39];
 	let t13;
-	if ($[41] !== editor || $[42] !== shouldShow || $[43] !== t12) {
+	if ($[40] !== editor || $[41] !== shouldShow || $[42] !== t12) {
 		t13 = /* @__PURE__ */ jsx(BubbleMenu, {
 			editor,
 			shouldShow,
@@ -397,11 +395,11 @@ function RichTextBubbleMenu(t0) {
 			className: "qp-rich-text-editor__bubble floating-surface text-popover-foreground",
 			children: t12
 		});
-		$[41] = editor;
-		$[42] = shouldShow;
-		$[43] = t12;
-		$[44] = t13;
-	} else t13 = $[44];
+		$[40] = editor;
+		$[41] = shouldShow;
+		$[42] = t12;
+		$[43] = t13;
+	} else t13 = $[43];
 	return t13;
 }
 function _temp2(option_2) {

package/dist/client/components/fields/rich-text-editor/image-popover.mjs

@@ -2,7 +2,6 @@ import { useTranslation } from "../../../i18n/hooks.mjs";
 import { Button } from "../../ui/button.mjs";
 import { Input } from "../../ui/input.mjs";
 import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../ui/popover.mjs";
-import { useCollectionItem } from "../../../hooks/use-collection.mjs";
 import { MediaPickerDialog } from "../../media/media-picker-dialog.mjs";
 import { useRichTextImageUpload } from "./image-upload.mjs";
 import * as React from "react";
@@ -21,13 +20,11 @@ function ImagePopover({ editor, open, onOpenChange, disabled, onImageUpload, ima
 	const [uploadingImage, setUploadingImage] = React.useState(false);
 	const fileInputRef = React.useRef(null);
 	const [isPickerOpen, setIsPickerOpen] = React.useState(false);
-	const [selectedAssetId, setSelectedAssetId] = React.useState(null);
 	const { collection, uploadImageFile } = useRichTextImageUpload({
 		imageCollection,
 		onImageUpload
 	});
 	const showMediaLibrary = enableMediaLibrary ?? true;
-	const { data: selectedAsset } = useCollectionItem(collection || "", selectedAssetId || "", void 0, { enabled: !!collection && !!selectedAssetId });
 	const handleInsertImageUrl = React.useCallback(() => {
 		if (!editor || !imageUrl) return;
 		editor.chain().focus().setImage({
@@ -73,34 +70,26 @@ function ImagePopover({ editor, open, onOpenChange, disabled, onImageUpload, ima
 		t,
 		uploadImageFile
 	]);
-	React.useEffect(() => {
-		if (!selectedAssetId || !selectedAsset || !editor) return;
-		const assetUrl = selectedAsset?.url;
-		if (!assetUrl) {
+	const insertAssetImage = React.useCallback((asset) => {
+		if (!editor || !asset?.url) {
 			toast.error(t("upload.error"));
-			setSelectedAssetId(null);
 			return;
 		}
 		editor.chain().focus().setImage({
-			src: assetUrl,
-			alt: imageAlt || selectedAsset?.alt || void 0
+			src: asset.url,
+			alt: imageAlt || asset.alt || void 0
 		}).run();
 		setImageUrl("");
 		setImageAlt("");
-		setSelectedAssetId(null);
 		onOpenChange(false);
 	}, [
 		editor,
 		imageAlt,
 		onOpenChange,
-		selectedAsset,
-		selectedAssetId,
 		t
 	]);
-	const handlePickerSelect = (ids) => {
-		const selectedId = Array.isArray(ids) ? ids[0] : ids;
-		if (!selectedId) return;
-		setSelectedAssetId(selectedId);
+	const handlePickerSelect = (_ids, selectedAssets) => {
+		insertAssetImage(Array.isArray(selectedAssets) ? selectedAssets[0] : selectedAssets);
 		setIsPickerOpen(false);
 	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Popover, {

package/dist/client/components/fields/rich-text-editor/index.mjs

@@ -168,7 +168,7 @@ function RichTextEditorLoadingSkeleton(t0) {
 * "Schema is missing its top node type" error.
 */
 function RichTextEditor(t0) {
-	const $ = c(119);
+	const $ = c(114);
 	const { name, value, onChange, disabled, readOnly, label, description, placeholder, required, error, localized, locale, extensions, preset, features, showCharacterCount, maxCharacters, enableImages, onImageUpload, imageCollection, enableMediaLibrary } = t0;
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
@@ -376,16 +376,13 @@ function RichTextEditor(t0) {
 	const extensionLabels = t23;
 	let t24;
 	if ($[68] !== extensionLabels || $[69] !== extensions || $[70] !== maxCharacters || $[71] !== placeholder || $[72] !== resolvedFeatures || $[73] !== t) {
-		t24 = () => {
-			const result = buildExtensions({
-				features: resolvedFeatures,
-				labels: extensionLabels,
-				placeholder: placeholder || t("editor.startWriting"),
-				maxCharacters,
-				customExtensions: extensions
-			});
-			return result instanceof Promise ? void 0 : result;
-		};
+		t24 = buildExtensions({
+			features: resolvedFeatures,
+			labels: extensionLabels,
+			placeholder: placeholder || t("editor.startWriting"),
+			maxCharacters,
+			customExtensions: extensions
+		});
 		$[68] = extensionLabels;
 		$[69] = extensions;
 		$[70] = maxCharacters;
@@ -394,51 +391,38 @@ function RichTextEditor(t0) {
 		$[73] = t;
 		$[74] = t24;
 	} else t24 = $[74];
-	const [resolvedExtensions, setResolvedExtensions] = React.useState(t24);
+	const extensionBuild = t24;
+	const syncExtensions = extensionBuild instanceof Promise ? void 0 : extensionBuild;
+	const [asyncExtensionState, setAsyncExtensionState] = React.useState(null);
 	let t25;
 	let t26;
-	if ($[75] !== extensionLabels || $[76] !== extensions || $[77] !== maxCharacters || $[78] !== placeholder || $[79] !== resolvedFeatures || $[80] !== t) {
+	if ($[75] !== extensionBuild) {
 		t25 = () => {
+			if (!(extensionBuild instanceof Promise)) return;
 			let mounted = true;
-			const result_0 = buildExtensions({
-				features: resolvedFeatures,
-				labels: extensionLabels,
-				placeholder: placeholder || t("editor.startWriting"),
-				maxCharacters,
-				customExtensions: extensions
-			});
-			if (result_0 instanceof Promise) result_0.then((exts) => {
-				if (mounted) setResolvedExtensions(exts);
+			extensionBuild.then((exts) => {
+				if (mounted) setAsyncExtensionState({
+					source: extensionBuild,
+					extensions: exts
+				});
 			});
-			else setResolvedExtensions(result_0);
 			return () => {
 				mounted = false;
 			};
 		};
-		t26 = [
-			resolvedFeatures,
-			extensionLabels,
-			placeholder,
-			maxCharacters,
-			extensions,
-			t
-		];
-		$[75] = extensionLabels;
-		$[76] = extensions;
-		$[77] = maxCharacters;
-		$[78] = placeholder;
-		$[79] = resolvedFeatures;
-		$[80] = t;
-		$[81] = t25;
-		$[82] = t26;
+		t26 = [extensionBuild];
+		$[75] = extensionBuild;
+		$[76] = t25;
+		$[77] = t26;
 	} else {
-		t25 = $[81];
-		t26 = $[82];
+		t25 = $[76];
+		t26 = $[77];
 	}
 	React.useEffect(t25, t26);
+	const resolvedExtensions = syncExtensions ?? (asyncExtensionState?.source === extensionBuild ? asyncExtensionState.extensions : void 0);
 	const t27 = disabled || readOnly;
 	let t28;
-	if ($[83] !== locale || $[84] !== localized || $[85] !== name || $[86] !== required || $[87] !== resolvedLabel) {
+	if ($[78] !== locale || $[79] !== localized || $[80] !== name || $[81] !== required || $[82] !== resolvedLabel) {
 		t28 = resolvedLabel && /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
 			children: [/* @__PURE__ */ jsxs(Label, {
@@ -449,15 +433,15 @@ function RichTextEditor(t0) {
 				})]
 			}), localized && /* @__PURE__ */ jsx(LocaleBadge, { locale: locale || "i18n" })]
 		});
-		$[83] = locale;
-		$[84] = localized;
-		$[85] = name;
-		$[86] = required;
-		$[87] = resolvedLabel;
-		$[88] = t28;
-	} else t28 = $[88];
+		$[78] = locale;
+		$[79] = localized;
+		$[80] = name;
+		$[81] = required;
+		$[82] = resolvedLabel;
+		$[83] = t28;
+	} else t28 = $[83];
 	let t29;
-	if ($[89] !== describedBy || $[90] !== disabled || $[91] !== enableImages || $[92] !== enableMediaLibrary || $[93] !== error || $[94] !== imageCollection || $[95] !== locale || $[96] !== maxCharacters || $[97] !== name || $[98] !== onChange || $[99] !== onImageUpload || $[100] !== readOnly || $[101] !== resolvedExtensions || $[102] !== resolvedFeatures || $[103] !== resolvedLabel || $[104] !== showCharacterCount || $[105] !== value) {
+	if ($[84] !== describedBy || $[85] !== disabled || $[86] !== enableImages || $[87] !== enableMediaLibrary || $[88] !== error || $[89] !== imageCollection || $[90] !== locale || $[91] !== maxCharacters || $[92] !== name || $[93] !== onChange || $[94] !== onImageUpload || $[95] !== readOnly || $[96] !== resolvedExtensions || $[97] !== resolvedFeatures || $[98] !== resolvedLabel || $[99] !== showCharacterCount || $[100] !== value) {
 		t29 = resolvedExtensions ? /* @__PURE__ */ jsx(RichTextEditorCore, {
 			name,
 			ariaLabel: resolvedLabel ?? name,
@@ -482,49 +466,49 @@ function RichTextEditor(t0) {
 			error,
 			showToolbar: resolvedFeatures.toolbar
 		});
-		$[89] = describedBy;
-		$[90] = disabled;
-		$[91] = enableImages;
-		$[92] = enableMediaLibrary;
-		$[93] = error;
-		$[94] = imageCollection;
-		$[95] = locale;
-		$[96] = maxCharacters;
-		$[97] = name;
-		$[98] = onChange;
-		$[99] = onImageUpload;
-		$[100] = readOnly;
-		$[101] = resolvedExtensions;
-		$[102] = resolvedFeatures;
-		$[103] = resolvedLabel;
-		$[104] = showCharacterCount;
-		$[105] = value;
-		$[106] = t29;
-	} else t29 = $[106];
+		$[84] = describedBy;
+		$[85] = disabled;
+		$[86] = enableImages;
+		$[87] = enableMediaLibrary;
+		$[88] = error;
+		$[89] = imageCollection;
+		$[90] = locale;
+		$[91] = maxCharacters;
+		$[92] = name;
+		$[93] = onChange;
+		$[94] = onImageUpload;
+		$[95] = readOnly;
+		$[96] = resolvedExtensions;
+		$[97] = resolvedFeatures;
+		$[98] = resolvedLabel;
+		$[99] = showCharacterCount;
+		$[100] = value;
+		$[101] = t29;
+	} else t29 = $[101];
 	let t30;
-	if ($[107] !== descriptionId || $[108] !== resolvedDescription) {
+	if ($[102] !== descriptionId || $[103] !== resolvedDescription) {
 		t30 = resolvedDescription && /* @__PURE__ */ jsx("p", {
 			id: descriptionId,
 			className: "text-muted-foreground text-xs",
 			children: resolvedDescription
 		});
-		$[107] = descriptionId;
-		$[108] = resolvedDescription;
-		$[109] = t30;
-	} else t30 = $[109];
+		$[102] = descriptionId;
+		$[103] = resolvedDescription;
+		$[104] = t30;
+	} else t30 = $[104];
 	let t31;
-	if ($[110] !== error || $[111] !== errorId) {
+	if ($[105] !== error || $[106] !== errorId) {
 		t31 = error && /* @__PURE__ */ jsx("p", {
 			id: errorId,
 			className: "text-destructive text-xs",
 			children: error
 		});
-		$[110] = error;
-		$[111] = errorId;
-		$[112] = t31;
-	} else t31 = $[112];
+		$[105] = error;
+		$[106] = errorId;
+		$[107] = t31;
+	} else t31 = $[107];
 	let t32;
-	if ($[113] !== t27 || $[114] !== t28 || $[115] !== t29 || $[116] !== t30 || $[117] !== t31) {
+	if ($[108] !== t27 || $[109] !== t28 || $[110] !== t29 || $[111] !== t30 || $[112] !== t31) {
 		t32 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
 			"data-disabled": t27,
@@ -535,13 +519,13 @@ function RichTextEditor(t0) {
 				t31
 			]
 		});
-		$[113] = t27;
-		$[114] = t28;
-		$[115] = t29;
-		$[116] = t30;
-		$[117] = t31;
-		$[118] = t32;
-	} else t32 = $[118];
+		$[108] = t27;
+		$[109] = t28;
+		$[110] = t29;
+		$[111] = t30;
+		$[112] = t31;
+		$[113] = t32;
+	} else t32 = $[113];
 	return t32;
 }
 /**

package/dist/client/components/history-sidebar.mjs

@@ -26,13 +26,22 @@ const VERSION_META_KEYS = new Set([
 	"versionCreatedAt"
 ]);
 const EMPTY_AUDIT_ENTRIES = [];
+const RELATIVE_TIME_FORMATTERS = /* @__PURE__ */ new Map();
+function getRelativeTimeFormatter(locale) {
+	let formatter = RELATIVE_TIME_FORMATTERS.get(locale);
+	if (!formatter) {
+		formatter = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+		RELATIVE_TIME_FORMATTERS.set(locale, formatter);
+	}
+	return formatter;
+}
 function formatRelativeTime(date, locale) {
 	const diff = (/* @__PURE__ */ new Date()).getTime() - date.getTime();
 	const absSeconds = Math.max(0, Math.floor(Math.abs(diff) / 1e3));
 	const minutes = Math.floor(absSeconds / 60);
 	const hours = Math.floor(minutes / 60);
 	const days = Math.floor(hours / 24);
-	const formatter = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+	const formatter = getRelativeTimeFormatter(locale);
 	if (days > 0) return formatter.format(-days, "day");
 	if (hours > 0) return formatter.format(-hours, "hour");
 	if (minutes > 0) return formatter.format(-minutes, "minute");
@@ -136,16 +145,22 @@ function extractRichText(value) {
 	return summary ? truncate(summary, 180) : null;
 }
 function summarizeObjectArray(value) {
-	const labels = value.map((item) => isObjectRecord(item) ? summarizeObject(item) : null).filter((item) => !!item);
+	const labels = [];
+	for (const item of value) {
+		if (!isObjectRecord(item)) continue;
+		const label = summarizeObject(item);
+		if (label) labels.push(label);
+	}
 	if (labels.length === 0) return null;
 	return labels.length === value.length ? truncate(labels.join(", "), 180) : null;
 }
 function summarizeBlocks(value) {
-	const blockNames = value.map((item) => {
-		if (!isObjectRecord(item)) return null;
+	const blockNames = [];
+	for (const item of value) {
+		if (!isObjectRecord(item)) continue;
 		const type = item.blockType ?? item.block ?? item.type ?? item._type ?? item.name;
-		return typeof type === "string" ? formatLabel(type) : null;
-	}).filter((item) => !!item);
+		if (typeof type === "string") blockNames.push(formatLabel(type));
+	}
 	if (blockNames.length === 0) return null;
 	return truncate([...new Set(blockNames)].join(", "), 180);
 }
@@ -597,15 +612,15 @@ function VersionsList(t0) {
 	const resolveText = useResolveText();
 	let t1;
 	if ($[0] !== versions) {
-		t1 = [...versions].sort(_temp2);
+		t1 = versions.slice().sort(_temp2);
 		$[0] = versions;
 		$[1] = t1;
 	} else t1 = $[1];
 	const sortedAscVersions = t1;
 	let t2;
-	if ($[2] !== sortedAscVersions) {
-		t2 = [...sortedAscVersions].sort(_temp3);
-		$[2] = sortedAscVersions;
+	if ($[2] !== versions) {
+		t2 = versions.slice().sort(_temp3);
+		$[2] = versions;
 		$[3] = t2;
 	} else t2 = $[3];
 	const sortedVersions = t2;