@questpie/admin 3.2.3 → 3.2.4

package/dist/client/blocks/block-renderer.d.mts

@@ -1,6 +1,6 @@
 import { BlockContent } from "./types.mjs";
 import * as React from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/client/blocks/block-renderer.d.ts
 
@@ -50,6 +50,6 @@ declare function BlockRenderer({
   onBlockClick,
   onBlockInsert,
   className
-}: BlockRendererProps): react_jsx_runtime19.JSX.Element | null;
+}: BlockRendererProps): react_jsx_runtime18.JSX.Element | null;
 //#endregion
 export { BlockRenderer, BlockRendererProps };

package/dist/client/components/admin-link.d.mts

@@ -1,6 +1,6 @@
 import { CollectionNames, GlobalNames } from "../builder/index.mjs";
 import * as React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { QuestpieApp } from "questpie/client";
 
 //#region src/client/components/admin-link.d.ts
@@ -61,6 +61,6 @@ declare function AdminLink<TApp extends QuestpieApp>({
   children,
   onClick,
   ...rest
-}: AdminLinkProps<TApp>): react_jsx_runtime12.JSX.Element;
+}: AdminLinkProps<TApp>): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { AdminLink };

package/dist/client/components/blocks/block-library-sidebar.mjs

@@ -19,7 +19,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Uses shadcn Sheet component for mobile-friendly sidebar.
 */
 function BlockLibrarySidebar(t0) {
-	const $ = c(44);
+	const $ = c(48);
 	const { open, onClose } = t0;
 	const { t } = useTranslation();
 	const actions = useBlockEditorActions();
@@ -27,8 +27,22 @@ function BlockLibrarySidebar(t0) {
 	const allowedBlocks = useAllowedBlockTypes();
 	const insertPosition = useBlockInsertPosition();
 	const [search, setSearch] = React.useState("");
+	let t1;
+	if ($[0] !== allowedBlocks) {
+		t1 = allowedBlocks ? new Set(allowedBlocks) : null;
+		$[0] = allowedBlocks;
+		$[1] = t1;
+	} else t1 = $[1];
+	const allowedBlockSet = t1;
+	let t2;
+	if ($[2] !== search) {
+		t2 = search.trim().toLowerCase();
+		$[2] = search;
+		$[3] = t2;
+	} else t2 = $[3];
+	const normalizedSearch = t2;
 	let result;
-	if ($[0] !== allowedBlocks || $[1] !== blockRegistry || $[2] !== search) {
+	if ($[4] !== allowedBlockSet || $[5] !== blockRegistry || $[6] !== normalizedSearch) {
 		const categoryMap = /* @__PURE__ */ new Map();
 		const uncategorizedConfig = {
 			label: {
@@ -38,10 +52,10 @@ function BlockLibrarySidebar(t0) {
 			order: 999
 		};
 		for (const [name, def] of Object.entries(blockRegistry)) {
-			if (allowedBlocks && !allowedBlocks.includes(name)) continue;
+			if (allowedBlockSet && !allowedBlockSet.has(name)) continue;
 			if (def.admin?.hidden) continue;
-			if (search) {
-				if (!getBlockDisplayLabel(def).toLowerCase().includes(search.toLowerCase())) continue;
+			if (normalizedSearch) {
+				if (!getBlockDisplayLabel(def).toLowerCase().includes(normalizedSearch)) continue;
 			}
 			const categoryConfig = def.admin?.category;
 			let key;
@@ -63,130 +77,129 @@ function BlockLibrarySidebar(t0) {
 				name
 			});
 		}
-		result = Array.from(categoryMap.values());
-		result.sort(_temp);
-		for (const category of result) category.blocks.sort(_temp2);
-		$[0] = allowedBlocks;
-		$[1] = blockRegistry;
-		$[2] = search;
-		$[3] = result;
-	} else result = $[3];
+		result = Array.from(categoryMap.values()).sort(_temp);
+		for (const category of result) category.blocks = category.blocks.slice().sort(_temp2);
+		$[4] = allowedBlockSet;
+		$[5] = blockRegistry;
+		$[6] = normalizedSearch;
+		$[7] = result;
+	} else result = $[7];
 	const categories = result;
 	const searchInputRef = React.useRef(null);
-	let t1;
-	let t2;
-	if ($[4] !== open) {
-		t1 = () => {
+	let t3;
+	let t4;
+	if ($[8] !== open) {
+		t3 = () => {
 			if (open) {
 				const timer = setTimeout(() => searchInputRef.current?.focus(), 100);
 				return () => clearTimeout(timer);
 			}
 		};
-		t2 = [open];
-		$[4] = open;
-		$[5] = t1;
-		$[6] = t2;
+		t4 = [open];
+		$[8] = open;
+		$[9] = t3;
+		$[10] = t4;
 	} else {
-		t1 = $[5];
-		t2 = $[6];
+		t3 = $[9];
+		t4 = $[10];
 	}
-	React.useEffect(t1, t2);
-	let t3;
-	if ($[7] !== actions || $[8] !== insertPosition || $[9] !== onClose) {
-		t3 = (type) => {
+	React.useEffect(t3, t4);
+	let t5;
+	if ($[11] !== actions || $[12] !== insertPosition || $[13] !== onClose) {
+		t5 = (type) => {
 			if (insertPosition) actions.addBlock(type, insertPosition);
 			onClose();
 			setSearch("");
 		};
-		$[7] = actions;
-		$[8] = insertPosition;
-		$[9] = onClose;
-		$[10] = t3;
-	} else t3 = $[10];
-	const handleSelectBlock = t3;
-	let t4;
-	if ($[11] !== onClose) {
-		t4 = (nextOpen) => {
-			if (!nextOpen) onClose();
-		};
-		$[11] = onClose;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== t) {
-		t5 = t("blocks.add");
-		$[13] = t;
+		$[11] = actions;
+		$[12] = insertPosition;
+		$[13] = onClose;
 		$[14] = t5;
 	} else t5 = $[14];
+	const handleSelectBlock = t5;
 	let t6;
-	if ($[15] !== t5) {
-		t6 = /* @__PURE__ */ jsx(SheetTitle, { children: t5 });
-		$[15] = t5;
+	if ($[15] !== onClose) {
+		t6 = (nextOpen) => {
+			if (!nextOpen) onClose();
+		};
+		$[15] = onClose;
 		$[16] = t6;
 	} else t6 = $[16];
 	let t7;
 	if ($[17] !== t) {
-		t7 = t("blocks.libraryDescription");
+		t7 = t("blocks.add");
 		$[17] = t;
 		$[18] = t7;
 	} else t7 = $[18];
 	let t8;
 	if ($[19] !== t7) {
-		t8 = /* @__PURE__ */ jsx(SheetDescription, { children: t7 });
+		t8 = /* @__PURE__ */ jsx(SheetTitle, { children: t7 });
 		$[19] = t7;
 		$[20] = t8;
 	} else t8 = $[20];
 	let t9;
-	if ($[21] !== t6 || $[22] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(SheetHeader, {
-			className: "space-y-2",
-			children: [t6, t8]
-		});
-		$[21] = t6;
-		$[22] = t8;
-		$[23] = t9;
-	} else t9 = $[23];
+	if ($[21] !== t) {
+		t9 = t("blocks.libraryDescription");
+		$[21] = t;
+		$[22] = t9;
+	} else t9 = $[22];
 	let t10;
-	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:magnifying-glass",
-			className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
-		});
+	if ($[23] !== t9) {
+		t10 = /* @__PURE__ */ jsx(SheetDescription, { children: t9 });
+		$[23] = t9;
 		$[24] = t10;
 	} else t10 = $[24];
 	let t11;
-	if ($[25] !== t) {
-		t11 = t("blocks.searchPlaceholder");
-		$[25] = t;
-		$[26] = t11;
-	} else t11 = $[26];
+	if ($[25] !== t10 || $[26] !== t8) {
+		t11 = /* @__PURE__ */ jsxs(SheetHeader, {
+			className: "space-y-2",
+			children: [t8, t10]
+		});
+		$[25] = t10;
+		$[26] = t8;
+		$[27] = t11;
+	} else t11 = $[27];
 	let t12;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = (e) => setSearch(e.target.value);
-		$[27] = t12;
-	} else t12 = $[27];
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:magnifying-glass",
+			className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2"
+		});
+		$[28] = t12;
+	} else t12 = $[28];
 	let t13;
-	if ($[28] !== search || $[29] !== t11) {
-		t13 = /* @__PURE__ */ jsx("div", {
+	if ($[29] !== t) {
+		t13 = t("blocks.searchPlaceholder");
+		$[29] = t;
+		$[30] = t13;
+	} else t13 = $[30];
+	let t14;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = (e) => setSearch(e.target.value);
+		$[31] = t14;
+	} else t14 = $[31];
+	let t15;
+	if ($[32] !== search || $[33] !== t13) {
+		t15 = /* @__PURE__ */ jsx("div", {
 			className: "px-6 py-4",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "relative",
-				children: [t10, /* @__PURE__ */ jsx(Input, {
+				children: [t12, /* @__PURE__ */ jsx(Input, {
 					ref: searchInputRef,
-					placeholder: t11,
+					placeholder: t13,
 					value: search,
-					onChange: t12,
+					onChange: t14,
 					className: "pl-9"
 				})]
 			})
 		});
-		$[28] = search;
-		$[29] = t11;
-		$[30] = t13;
-	} else t13 = $[30];
-	let t14;
-	if ($[31] !== categories || $[32] !== handleSelectBlock || $[33] !== search || $[34] !== t) {
-		t14 = /* @__PURE__ */ jsx("div", {
+		$[32] = search;
+		$[33] = t13;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== categories || $[36] !== handleSelectBlock || $[37] !== search || $[38] !== t) {
+		t16 = /* @__PURE__ */ jsx("div", {
 			className: "flex-1 overflow-y-auto px-6 pb-6",
 			children: categories.length === 0 ? /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col items-center justify-center py-12 text-center",
@@ -239,41 +252,41 @@ function BlockLibrarySidebar(t0) {
 				})] }, category_0.key))
 			})
 		});
-		$[31] = categories;
-		$[32] = handleSelectBlock;
-		$[33] = search;
-		$[34] = t;
-		$[35] = t14;
-	} else t14 = $[35];
-	let t15;
-	if ($[36] !== t13 || $[37] !== t14 || $[38] !== t9) {
-		t15 = /* @__PURE__ */ jsxs(SheetContent, {
+		$[35] = categories;
+		$[36] = handleSelectBlock;
+		$[37] = search;
+		$[38] = t;
+		$[39] = t16;
+	} else t16 = $[39];
+	let t17;
+	if ($[40] !== t11 || $[41] !== t15 || $[42] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(SheetContent, {
 			side: "left",
 			className: "qa-block-library flex w-full flex-col sm:max-w-md",
 			children: [
-				t9,
-				t13,
-				t14
+				t11,
+				t15,
+				t16
 			]
 		});
-		$[36] = t13;
-		$[37] = t14;
-		$[38] = t9;
-		$[39] = t15;
-	} else t15 = $[39];
-	let t16;
-	if ($[40] !== open || $[41] !== t15 || $[42] !== t4) {
-		t16 = /* @__PURE__ */ jsx(Sheet, {
+		$[40] = t11;
+		$[41] = t15;
+		$[42] = t16;
+		$[43] = t17;
+	} else t17 = $[43];
+	let t18;
+	if ($[44] !== open || $[45] !== t17 || $[46] !== t6) {
+		t18 = /* @__PURE__ */ jsx(Sheet, {
 			open,
-			onOpenChange: t4,
-			children: t15
+			onOpenChange: t6,
+			children: t17
 		});
-		$[40] = open;
-		$[41] = t15;
-		$[42] = t4;
-		$[43] = t16;
-	} else t16 = $[43];
-	return t16;
+		$[44] = open;
+		$[45] = t17;
+		$[46] = t6;
+		$[47] = t18;
+	} else t18 = $[47];
+	return t18;
 }
 function _temp2(a_0, b_0) {
 	return (a_0.admin?.order ?? 999) - (b_0.admin?.order ?? 999);

package/dist/client/components/fields/json-field.mjs

@@ -204,51 +204,34 @@ function JsonField(t0) {
 * Code editor for JSON (using Textarea for simplicity)
 * Can be replaced with Monaco/CodeMirror in the future
 */
+function formatJsonEditorValue(value) {
+	if (typeof value === "string") return value;
+	if (value === null || value === void 0) return "";
+	try {
+		return JSON.stringify(value, null, 2);
+	} catch {
+		return "";
+	}
+}
 function JsonCodeEditor(t0) {
 	const $ = c(40);
 	const { value, onChange, disabled, readOnly, placeholder, minHeight, maxHeight, error } = t0;
 	let t1;
 	if ($[0] !== value) {
-		t1 = () => {
-			if (typeof value === "string") return value;
-			if (value === null || value === void 0) return "";
-			try {
-				return JSON.stringify(value, null, 2);
-			} catch {
-				return "";
-			}
-		};
+		t1 = formatJsonEditorValue(value);
 		$[0] = value;
 		$[1] = t1;
 	} else t1 = $[1];
-	const [localValue, setLocalValue] = React.useState(t1);
+	const externalValue = t1;
+	const [localValue, setLocalValue] = React.useState(externalValue);
 	const [parseError, setParseError] = React.useState(null);
-	const isEditingRef = React.useRef(false);
+	const [isEditing, setIsEditing] = React.useState(false);
+	const displayedValue = isEditing ? localValue : externalValue;
 	let t2;
-	let t3;
-	if ($[2] !== value) {
-		t2 = () => {
-			if (isEditingRef.current) return;
-			if (typeof value === "string") setLocalValue(value);
-			else if (value !== null && value !== void 0) try {
-				setLocalValue(JSON.stringify(value, null, 2));
-			} catch {}
-			else setLocalValue("");
-		};
-		t3 = [value];
-		$[2] = value;
-		$[3] = t2;
-		$[4] = t3;
-	} else {
-		t2 = $[3];
-		t3 = $[4];
-	}
-	React.useEffect(t2, t3);
-	let t4;
-	if ($[5] !== onChange) {
-		t4 = (e) => {
-			isEditingRef.current = true;
+	if ($[2] !== onChange) {
+		t2 = (e) => {
 			const newValue = e.target.value;
+			setIsEditing(true);
 			setLocalValue(newValue);
 			if (!newValue.trim()) {
 				setParseError(null);
@@ -259,86 +242,99 @@ function JsonCodeEditor(t0) {
 				const parsed = JSON.parse(newValue);
 				setParseError(null);
 				onChange(parsed);
-			} catch (t5$1) {
+			} catch (t3$1) {
 				setParseError("Invalid JSON");
 				onChange(newValue);
 			}
 		};
-		$[5] = onChange;
-		$[6] = t4;
-	} else t4 = $[6];
-	const handleChange = t4;
-	let t5;
-	if ($[7] !== localValue || $[8] !== onChange) {
-		t5 = () => {
+		$[2] = onChange;
+		$[3] = t2;
+	} else t2 = $[3];
+	const handleChange = t2;
+	let t3;
+	if ($[4] !== displayedValue || $[5] !== onChange) {
+		t3 = () => {
 			try {
-				const parsed_0 = JSON.parse(localValue);
-				setLocalValue(JSON.stringify(parsed_0, null, 2));
+				const parsed_0 = JSON.parse(displayedValue);
+				const formatted = JSON.stringify(parsed_0, null, 2);
+				setIsEditing(true);
+				setLocalValue(formatted);
 				setParseError(null);
 				onChange(parsed_0);
 			} catch {}
 		};
-		$[7] = localValue;
-		$[8] = onChange;
+		$[4] = displayedValue;
+		$[5] = onChange;
+		$[6] = t3;
+	} else t3 = $[6];
+	const handleFormat = t3;
+	let t4;
+	if ($[7] !== externalValue) {
+		t4 = () => {
+			setLocalValue(externalValue);
+			setIsEditing(true);
+		};
+		$[7] = externalValue;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => {
+			setIsEditing(false);
+		};
 		$[9] = t5;
 	} else t5 = $[9];
-	const handleFormat = t5;
-	let t6;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = () => {
-			isEditingRef.current = false;
-		};
+	const t6 = error || parseError ? "border-destructive" : "";
+	let t7;
+	if ($[10] !== t6) {
+		t7 = cn("font-mono text-xs", t6);
 		$[10] = t6;
-	} else t6 = $[10];
-	const t7 = error || parseError ? "border-destructive" : "";
-	let t8;
-	if ($[11] !== t7) {
-		t8 = cn("font-mono text-xs", t7);
 		$[11] = t7;
-		$[12] = t8;
-	} else t8 = $[12];
-	const t9 = `${minHeight}px`;
-	const t10 = maxHeight ? `${maxHeight}px` : void 0;
-	const t11 = maxHeight ? "none" : "vertical";
-	let t12;
-	if ($[13] !== t10 || $[14] !== t11 || $[15] !== t9) {
-		t12 = {
-			minHeight: t9,
-			maxHeight: t10,
-			resize: t11
+	} else t7 = $[11];
+	const t8 = `${minHeight}px`;
+	const t9 = maxHeight ? `${maxHeight}px` : void 0;
+	const t10 = maxHeight ? "none" : "vertical";
+	let t11;
+	if ($[12] !== t10 || $[13] !== t8 || $[14] !== t9) {
+		t11 = {
+			minHeight: t8,
+			maxHeight: t9,
+			resize: t10
 		};
-		$[13] = t10;
-		$[14] = t11;
-		$[15] = t9;
-		$[16] = t12;
-	} else t12 = $[16];
-	const t13 = !!error || !!parseError;
-	let t14;
-	if ($[17] !== disabled || $[18] !== handleChange || $[19] !== localValue || $[20] !== placeholder || $[21] !== readOnly || $[22] !== t12 || $[23] !== t13 || $[24] !== t8) {
-		t14 = /* @__PURE__ */ jsx(Textarea, {
-			value: localValue,
+		$[12] = t10;
+		$[13] = t8;
+		$[14] = t9;
+		$[15] = t11;
+	} else t11 = $[15];
+	const t12 = !!error || !!parseError;
+	let t13;
+	if ($[16] !== disabled || $[17] !== displayedValue || $[18] !== handleChange || $[19] !== placeholder || $[20] !== readOnly || $[21] !== t11 || $[22] !== t12 || $[23] !== t4 || $[24] !== t7) {
+		t13 = /* @__PURE__ */ jsx(Textarea, {
+			value: displayedValue,
 			onChange: handleChange,
-			onBlur: t6,
+			onFocus: t4,
+			onBlur: t5,
 			disabled,
 			readOnly,
 			placeholder,
-			className: t8,
-			style: t12,
-			"aria-invalid": t13
+			className: t7,
+			style: t11,
+			"aria-invalid": t12
 		});
-		$[17] = disabled;
+		$[16] = disabled;
+		$[17] = displayedValue;
 		$[18] = handleChange;
-		$[19] = localValue;
-		$[20] = placeholder;
-		$[21] = readOnly;
+		$[19] = placeholder;
+		$[20] = readOnly;
+		$[21] = t11;
 		$[22] = t12;
-		$[23] = t13;
-		$[24] = t8;
-		$[25] = t14;
-	} else t14 = $[25];
-	let t15;
+		$[23] = t4;
+		$[24] = t7;
+		$[25] = t13;
+	} else t13 = $[25];
+	let t14;
 	if ($[26] !== parseError) {
-		t15 = parseError && /* @__PURE__ */ jsxs("div", {
+		t14 = parseError && /* @__PURE__ */ jsxs("div", {
 			className: "text-destructive bg-background/80 absolute top-2 right-2 flex items-center gap-1 px-1 text-xs text-pretty backdrop-blur-sm",
 			children: [/* @__PURE__ */ jsx(Icon, {
 				icon: "ph:warning-circle-fill",
@@ -346,21 +342,21 @@ function JsonCodeEditor(t0) {
 			}), parseError]
 		});
 		$[26] = parseError;
-		$[27] = t15;
-	} else t15 = $[27];
-	let t16;
-	if ($[28] !== t14 || $[29] !== t15) {
-		t16 = /* @__PURE__ */ jsxs("div", {
+		$[27] = t14;
+	} else t14 = $[27];
+	let t15;
+	if ($[28] !== t13 || $[29] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
 			className: "relative",
-			children: [t14, t15]
+			children: [t13, t14]
 		});
-		$[28] = t14;
-		$[29] = t15;
-		$[30] = t16;
-	} else t16 = $[30];
-	let t17;
-	if ($[31] !== disabled || $[32] !== handleFormat || $[33] !== localValue || $[34] !== parseError || $[35] !== readOnly) {
-		t17 = !readOnly && !disabled && localValue && /* @__PURE__ */ jsx("div", {
+		$[28] = t13;
+		$[29] = t14;
+		$[30] = t15;
+	} else t15 = $[30];
+	let t16;
+	if ($[31] !== disabled || $[32] !== displayedValue || $[33] !== handleFormat || $[34] !== parseError || $[35] !== readOnly) {
+		t16 = !readOnly && !disabled && displayedValue && /* @__PURE__ */ jsx("div", {
 			className: "flex justify-end",
 			children: /* @__PURE__ */ jsx(Button, {
 				type: "button",
@@ -372,23 +368,23 @@ function JsonCodeEditor(t0) {
 			})
 		});
 		$[31] = disabled;
-		$[32] = handleFormat;
-		$[33] = localValue;
+		$[32] = displayedValue;
+		$[33] = handleFormat;
 		$[34] = parseError;
 		$[35] = readOnly;
-		$[36] = t17;
-	} else t17 = $[36];
-	let t18;
-	if ($[37] !== t16 || $[38] !== t17) {
-		t18 = /* @__PURE__ */ jsxs("div", {
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== t15 || $[38] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
-			children: [t16, t17]
+			children: [t15, t16]
 		});
-		$[37] = t16;
-		$[38] = t17;
-		$[39] = t18;
-	} else t18 = $[39];
-	return t18;
+		$[37] = t15;
+		$[38] = t16;
+		$[39] = t17;
+	} else t17 = $[39];
+	return t17;
 }
 /**
 * Form-based editor wrapper