@questpie/admin 3.2.4 → 3.2.6

package/dist/client/components/fields/relation-picker.mjs

@@ -90,26 +90,26 @@ function RelationPicker({ name, value, onChange, targetCollection, label, filter
 			const options = { limit: 50 };
 			if (search) options.search = search;
 			if (filter) options.where = filter;
-			const response_0 = await client.collections[targetCollection].find(options);
+			const response = await client.collections[targetCollection].find(options);
 			let docs;
-			if (response_0) if (response_0.docs) docs = response_0.docs;
+			if (response) if (response.docs) docs = response.docs;
 			else docs = [];
 			else docs = [];
 			const selectedIdSet = new Set(selectedIds);
 			return docs.filter((opt) => !selectedIdSet.has(opt.id)).map((item) => {
-				let label_0;
-				if (renderOption) label_0 = String(renderOption(item));
-				else if (item._title) label_0 = item._title;
-				else if (item.id) label_0 = item.id;
-				else label_0 = "";
+				let label$1;
+				if (renderOption) label$1 = String(renderOption(item));
+				else if (item._title) label$1 = item._title;
+				else if (item.id) label$1 = item.id;
+				else label$1 = "";
 				return {
 					value: item.id,
-					label: label_0,
+					label: label$1,
 					icon: resolveIconElement(collectionIconRef, { className: "size-3.5 text-muted-foreground" })
 				};
 			});
-		} catch (error_0) {
-			console.error("Failed to load relation options:", error_0);
+		} catch (error$1) {
+			console.error("Failed to load relation options:", error$1);
 			toast.error(t("error.failedToLoadOptions"));
 			return [];
 		}
@@ -154,15 +154,15 @@ function RelationPicker({ name, value, onChange, targetCollection, label, filter
 		maxItems,
 		onChange
 	]);
-	const handleRemove = React.useCallback((itemId_0) => {
-		onChange(selectedIds.filter((id_0) => id_0 !== itemId_0));
+	const handleRemove = React.useCallback((itemId) => {
+		onChange(selectedIds.filter((id) => id !== itemId));
 	}, [selectedIds, onChange]);
 	const handleOpenCreate = React.useCallback(() => {
 		setEditingItemId(void 0);
 		setIsSheetOpen(true);
 	}, []);
-	const handleOpenEdit = React.useCallback((itemId_1) => {
-		setEditingItemId(itemId_1);
+	const handleOpenEdit = React.useCallback((itemId) => {
+		setEditingItemId(itemId);
 		setIsSheetOpen(true);
 	}, []);
 	const handleSheetSave = React.useCallback(async (result) => {
@@ -176,8 +176,8 @@ function RelationPicker({ name, value, onChange, targetCollection, label, filter
 	]);
 	const canAddMore = !maxItems || selectedIds.length < maxItems;
 	const displayActions = React.useMemo(() => ({
-		onEdit: !readOnly ? (item_0) => handleOpenEdit(item_0.id) : void 0,
-		onRemove: !readOnly && (!required || selectedIds.length > 1) ? (item_1) => handleRemove(item_1.id) : void 0
+		onEdit: !readOnly ? (item) => handleOpenEdit(item.id) : void 0,
+		onRemove: !readOnly && (!required || selectedIds.length > 1) ? (item) => handleRemove(item.id) : void 0
 	}), [
 		readOnly,
 		required,
@@ -237,13 +237,13 @@ function RelationPicker({ name, value, onChange, targetCollection, label, filter
 						value: null,
 						onChange: handleAdd,
 						loadOptions,
-						queryKey: (search_0) => queryOpts.key([
+						queryKey: (search) => queryOpts.key([
 							"collections",
 							targetCollection,
 							"find",
 							{
 								limit: 50,
-								search: search_0,
+								search,
 								where: filter ?? void 0,
 								selectedIds
 							}

package/dist/client/components/fields/relation-select.mjs

@@ -56,19 +56,19 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 			else docs = [];
 			else docs = [];
 			return docs.map((item) => {
-				let label_0;
-				if (renderOption) label_0 = String(renderOption(item));
-				else if (item._title) label_0 = item._title;
-				else if (item.id) label_0 = item.id;
-				else label_0 = "";
+				let label$1;
+				if (renderOption) label$1 = String(renderOption(item));
+				else if (item._title) label$1 = item._title;
+				else if (item.id) label$1 = item.id;
+				else label$1 = "";
 				return {
 					value: item.id,
-					label: label_0,
+					label: label$1,
 					icon: resolveIconElement(collectionIconRef, { className: "size-3.5 text-muted-foreground" })
 				};
 			});
-		} catch (error_0) {
-			console.error("Failed to load relation options:", error_0);
+		} catch (error$1) {
+			console.error("Failed to load relation options:", error$1);
 			toast.error(t("error.failedToLoadOptions"));
 			return [];
 		}
@@ -160,14 +160,14 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 					onChange: handleValueChange,
 					options: selectedOptions,
 					loadOptions,
-					queryKey: (search_0) => queryOpts.key([
+					queryKey: (search) => queryOpts.key([
 						"collections",
 						targetCollection,
 						"find",
 						{
 							limit: 50,
 							locale,
-							search: search_0,
+							search,
 							where: filter ?? void 0
 						}
 					]),
@@ -214,14 +214,14 @@ function RelationSelect({ name, value, onChange, targetCollection, label, filter
 				onChange: handleValueChange,
 				options: selectedOptions,
 				loadOptions,
-				queryKey: (search_1) => queryOpts.key([
+				queryKey: (search) => queryOpts.key([
 					"collections",
 					targetCollection,
 					"find",
 					{
 						limit: 50,
 						locale,
-						search: search_1,
+						search,
 						where: filter ?? void 0
 					}
 				]),

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

@@ -4,7 +4,6 @@ import { Input } from "../../ui/input.mjs";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "../../ui/select.mjs";
 import { createLinkAttributes } from "./link-utils.mjs";
 import { EDITOR_ICONS, ToolbarButton } from "./toolbar.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -87,154 +86,90 @@ function setCurrentBlockValue(editor, value) {
 /**
 * Bubble menu that appears on text selection
 */
-function RichTextBubbleMenu(t0) {
-	const $ = c(44);
-	const { editor, features, disabled, linkOpen, onImageClick, onLinkOpenChange, showFormatting: t1 } = t0;
-	const showFormatting = t1 === void 0 ? true : t1;
+function RichTextBubbleMenu({ editor, features, disabled, linkOpen, onImageClick, onLinkOpenChange, showFormatting = true }) {
 	const { t } = useTranslation();
 	const [linkUrl, setLinkUrl] = React.useState("");
 	const linkInputRef = React.useRef(null);
 	const isEditable = !disabled;
-	let currentBlockValue;
-	let t2;
-	if ($[0] !== editor || $[1] !== t) {
-		currentBlockValue = getCurrentBlockValue(editor);
-		t2 = BLOCK_OPTIONS.find((option) => option.value === currentBlockValue)?.value ? getBlockOptionLabel(currentBlockValue, t) : t("editor.paragraph");
-		$[0] = editor;
-		$[1] = t;
-		$[2] = currentBlockValue;
-		$[3] = t2;
-	} else {
-		currentBlockValue = $[2];
-		t2 = $[3];
-	}
-	const currentBlockLabel = t2;
-	let t3;
-	if ($[4] !== isEditable || $[5] !== linkOpen || $[6] !== showFormatting) {
-		t3 = (t4$1) => {
-			const { editor: currentEditor, from, to } = t4$1;
-			if (!isEditable) return false;
-			if (linkOpen) return true;
-			if (!showFormatting) return false;
-			if (from === to) return false;
-			return !currentEditor.isActive("image");
-		};
-		$[4] = isEditable;
-		$[5] = linkOpen;
-		$[6] = showFormatting;
-		$[7] = t3;
-	} else t3 = $[7];
-	const shouldShow = t3;
-	let t4;
-	if ($[8] !== editor || $[9] !== onLinkOpenChange) {
-		t4 = () => {
-			const currentLink = editor.getAttributes("link").href;
-			setLinkUrl(currentLink || "");
-			onLinkOpenChange(true);
-		};
-		$[8] = editor;
-		$[9] = onLinkOpenChange;
-		$[10] = t4;
-	} else t4 = $[10];
-	const openLinkMode = t4;
-	let t5;
-	if ($[11] !== editor || $[12] !== onLinkOpenChange) {
-		t5 = () => {
-			onLinkOpenChange(false);
-			setLinkUrl("");
-			editor.chain().focus().run();
-		};
-		$[11] = editor;
-		$[12] = onLinkOpenChange;
-		$[13] = t5;
-	} else t5 = $[13];
-	const closeLinkMode = t5;
-	let t6;
-	if ($[14] !== closeLinkMode || $[15] !== editor || $[16] !== linkUrl) {
-		t6 = () => {
-			const trimmedUrl = linkUrl.trim();
-			if (!trimmedUrl) {
-				editor.chain().focus().extendMarkRange("link").unsetLink().run();
-				closeLinkMode();
-				return;
-			}
-			const attrs = createLinkAttributes(trimmedUrl);
-			if (editor.state.selection.empty && !editor.isActive("link")) editor.chain().focus().insertContent({
-				type: "text",
-				text: attrs.href,
-				marks: [{
-					type: "link",
-					attrs
-				}]
-			}).run();
-			else editor.chain().focus().extendMarkRange("link").setLink(attrs).run();
-			closeLinkMode();
-		};
-		$[14] = closeLinkMode;
-		$[15] = editor;
-		$[16] = linkUrl;
-		$[17] = t6;
-	} else t6 = $[17];
-	const applyLink = t6;
-	let t7;
-	if ($[18] !== closeLinkMode || $[19] !== editor) {
-		t7 = () => {
+	const currentBlockValue = getCurrentBlockValue(editor);
+	const currentBlockLabel = BLOCK_OPTIONS.find((option) => option.value === currentBlockValue)?.value ? getBlockOptionLabel(currentBlockValue, t) : t("editor.paragraph");
+	const shouldShow = React.useCallback(({ editor: currentEditor, from, to }) => {
+		if (!isEditable) return false;
+		if (linkOpen) return true;
+		if (!showFormatting) return false;
+		if (from === to) return false;
+		return !currentEditor.isActive("image");
+	}, [
+		isEditable,
+		linkOpen,
+		showFormatting
+	]);
+	const openLinkMode = React.useCallback(() => {
+		const currentLink = editor.getAttributes("link").href;
+		setLinkUrl(currentLink || "");
+		onLinkOpenChange(true);
+	}, [editor, onLinkOpenChange]);
+	const closeLinkMode = React.useCallback(() => {
+		onLinkOpenChange(false);
+		setLinkUrl("");
+		editor.chain().focus().run();
+	}, [editor, onLinkOpenChange]);
+	const applyLink = React.useCallback(() => {
+		const trimmedUrl = linkUrl.trim();
+		if (!trimmedUrl) {
 			editor.chain().focus().extendMarkRange("link").unsetLink().run();
 			closeLinkMode();
-		};
-		$[18] = closeLinkMode;
-		$[19] = editor;
-		$[20] = t7;
-	} else t7 = $[20];
-	const removeLink = t7;
-	let t8;
-	let t9;
-	if ($[21] !== linkOpen) {
-		t8 = () => {
-			if (!linkOpen) return;
-			const frame = window.requestAnimationFrame(() => {
-				linkInputRef.current?.focus();
-				linkInputRef.current?.select();
-			});
-			return () => window.cancelAnimationFrame(frame);
-		};
-		t9 = [linkOpen];
-		$[21] = linkOpen;
-		$[22] = t8;
-		$[23] = t9;
-	} else {
-		t8 = $[22];
-		t9 = $[23];
-	}
-	React.useEffect(t8, t9);
-	let t10;
-	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = [120, 90];
-		$[24] = t10;
-	} else t10 = $[24];
-	let t11;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = {
-			duration: t10,
+			return;
+		}
+		const attrs = createLinkAttributes(trimmedUrl);
+		if (editor.state.selection.empty && !editor.isActive("link")) editor.chain().focus().insertContent({
+			type: "text",
+			text: attrs.href,
+			marks: [{
+				type: "link",
+				attrs
+			}]
+		}).run();
+		else editor.chain().focus().extendMarkRange("link").setLink(attrs).run();
+		closeLinkMode();
+	}, [
+		closeLinkMode,
+		editor,
+		linkUrl
+	]);
+	const removeLink = React.useCallback(() => {
+		editor.chain().focus().extendMarkRange("link").unsetLink().run();
+		closeLinkMode();
+	}, [closeLinkMode, editor]);
+	React.useEffect(() => {
+		if (!linkOpen) return;
+		const frame = window.requestAnimationFrame(() => {
+			linkInputRef.current?.focus();
+			linkInputRef.current?.select();
+		});
+		return () => window.cancelAnimationFrame(frame);
+	}, [linkOpen]);
+	return /* @__PURE__ */ jsx(BubbleMenu, {
+		editor,
+		shouldShow,
+		tippyOptions: {
+			duration: [120, 90],
 			interactive: true,
 			maxWidth: "none",
 			offset: [0, 8],
 			placement: "top"
-		};
-		$[25] = t11;
-	} else t11 = $[25];
-	let t12;
-	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__bubble floating-surface text-popover-foreground",
+		children: linkOpen ? /* @__PURE__ */ jsxs("form", {
 			className: "qp-rich-text-editor__link-form",
 			onSubmit: (event) => {
 				event.preventDefault();
 				applyLink();
 			},
-			onKeyDown: (event_0) => {
-				event_0.stopPropagation();
-				if (event_0.key === "Escape") {
-					event_0.preventDefault();
+			onKeyDown: (event) => {
+				event.stopPropagation();
+				if (event.key === "Escape") {
+					event.preventDefault();
 					closeLinkMode();
 				}
 			},
@@ -256,7 +191,7 @@ function RichTextBubbleMenu(t0) {
 					placeholder: t("editor.pasteOrTypeLink"),
 					type: "text",
 					value: linkUrl,
-					onChange: (event_1) => setLinkUrl(event_1.target.value),
+					onChange: (event) => setLinkUrl(event.target.value),
 					disabled: !isEditable
 				}),
 				/* @__PURE__ */ jsx(Button, {
@@ -303,15 +238,15 @@ function RichTextBubbleMenu(t0) {
 							children: t("editor.paragraph")
 						})] }),
 						/* @__PURE__ */ jsx(SelectSeparator, {}),
-						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.headings") }), BLOCK_OPTIONS.filter(_temp).map((option_1) => /* @__PURE__ */ jsx(SelectItem, {
-							value: option_1.value,
-							children: getBlockOptionLabel(option_1.value, t)
-						}, option_1.value))] }),
+						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.headings") }), BLOCK_OPTIONS.filter((option) => option.group === "heading").map((option) => /* @__PURE__ */ jsx(SelectItem, {
+							value: option.value,
+							children: getBlockOptionLabel(option.value, t)
+						}, option.value))] }),
 						/* @__PURE__ */ jsx(SelectSeparator, {}),
-						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.list") }), BLOCK_OPTIONS.filter(_temp2).map((option_3) => /* @__PURE__ */ jsx(SelectItem, {
-							value: option_3.value,
-							children: getBlockOptionLabel(option_3.value, t)
-						}, option_3.value))] }),
+						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.list") }), BLOCK_OPTIONS.filter((option) => option.group === "list").map((option) => /* @__PURE__ */ jsx(SelectItem, {
+							value: option.value,
+							children: getBlockOptionLabel(option.value, t)
+						}, option.value))] }),
 						/* @__PURE__ */ jsx(SelectSeparator, {}),
 						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.blocks") }), /* @__PURE__ */ jsx(SelectItem, {
 							value: "blockquote",
@@ -370,43 +305,8 @@ function RichTextBubbleMenu(t0) {
 				title: t("editor.image"),
 				onClick: onImageClick
 			})
-		] });
-		$[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 ($[40] !== editor || $[41] !== shouldShow || $[42] !== t12) {
-		t13 = /* @__PURE__ */ jsx(BubbleMenu, {
-			editor,
-			shouldShow,
-			tippyOptions: t11,
-			className: "qp-rich-text-editor__bubble floating-surface text-popover-foreground",
-			children: t12
-		});
-		$[40] = editor;
-		$[41] = shouldShow;
-		$[42] = t12;
-		$[43] = t13;
-	} else t13 = $[43];
-	return t13;
-}
-function _temp2(option_2) {
-	return option_2.group === "list";
-}
-function _temp(option_0) {
-	return option_0.group === "heading";
+		] })
+	});
 }
 
 //#endregion

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

@@ -110,7 +110,7 @@ function ImagePopover({ editor, open, onOpenChange, disabled, onImageUpload, ima
 							type: "url",
 							value: imageUrl,
 							placeholder: "https://example.com/image.jpg…",
-							onChange: (event_0) => setImageUrl(event_0.target.value),
+							onChange: (event) => setImageUrl(event.target.value),
 							disabled
 						}),
 						/* @__PURE__ */ jsx(Input, {
@@ -119,7 +119,7 @@ function ImagePopover({ editor, open, onOpenChange, disabled, onImageUpload, ima
 							name: "rich-text-image-alt",
 							value: imageAlt,
 							placeholder: `${t("editor.altText")}…`,
-							onChange: (event_1) => setImageAlt(event_1.target.value),
+							onChange: (event) => setImageAlt(event.target.value),
 							disabled
 						}),
 						/* @__PURE__ */ jsx("div", {

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

@@ -2,7 +2,7 @@ import { useTranslation } from "../../../i18n/hooks.mjs";
 import { sanitizeFilename } from "../field-utils.mjs";
 import { useUploadCollection } from "../../../hooks/use-upload-collection.mjs";
 import { useUpload } from "../../../hooks/use-upload.mjs";
-import { c } from "react/compiler-runtime";
+import * as React from "react";
 
 //#region src/client/components/fields/rich-text-editor/image-upload.ts
 function getImageFilesFromDataTransfer(dataTransfer) {
@@ -13,15 +13,15 @@ function getImageAltFromFile(file) {
 	if (!cleanName) return void 0;
 	return cleanName.replace(/\.[^.]+$/, "") || cleanName;
 }
-function useRichTextImageUpload(t0) {
-	const $ = c(11);
-	const { imageCollection, onImageUpload } = t0;
+function useRichTextImageUpload({ imageCollection, onImageUpload }) {
 	const { t } = useTranslation();
 	const { upload, isUploading } = useUpload();
 	const { collection, collections } = useUploadCollection(imageCollection);
-	let t1;
-	if ($[0] !== collection || $[1] !== collections || $[2] !== onImageUpload || $[3] !== t || $[4] !== upload) {
-		t1 = async (file) => {
+	return {
+		collection,
+		collections,
+		isUploading,
+		uploadImageFile: React.useCallback(async (file) => {
 			if (!file.type.startsWith("image/")) throw new Error(`"${file.name}" is not an image file.`);
 			if (onImageUpload) {
 				const url = await onImageUpload(file);
@@ -36,30 +36,14 @@ function useRichTextImageUpload(t0) {
 			const uploadedAsset = await upload(sanitizedName === file.name ? file : new File([file], sanitizedName, { type: file.type }), { to: collection });
 			if (!uploadedAsset?.url) throw new Error(t("upload.error"));
 			return uploadedAsset.url;
-		};
-		$[0] = collection;
-		$[1] = collections;
-		$[2] = onImageUpload;
-		$[3] = t;
-		$[4] = upload;
-		$[5] = t1;
-	} else t1 = $[5];
-	const uploadImageFile = t1;
-	let t2;
-	if ($[6] !== collection || $[7] !== collections || $[8] !== isUploading || $[9] !== uploadImageFile) {
-		t2 = {
+		}, [
 			collection,
 			collections,
-			isUploading,
-			uploadImageFile
-		};
-		$[6] = collection;
-		$[7] = collections;
-		$[8] = isUploading;
-		$[9] = uploadImageFile;
-		$[10] = t2;
-	} else t2 = $[10];
-	return t2;
+			onImageUpload,
+			t,
+			upload
+		])
+	};
 }
 
 //#endregion