@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/blocks/block-fields-renderer.mjs

@@ -6,8 +6,7 @@ import { buildFieldDefinitionsFromMetadata } from "../../utils/build-field-defin
 import { useLazyComponent } from "../../utils/use-lazy-component.mjs";
 import { FieldLayoutRenderer } from "../layout/field-layout-renderer.mjs";
 import { Skeleton } from "../ui/skeleton.mjs";
-import { c } from "react/compiler-runtime";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/blocks/block-fields-renderer.tsx
@@ -17,57 +16,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Renders form fields for a block inline (inside the block card).
 * Uses registered field components from the admin config.
 */
-function BlockFieldsRenderer(t0) {
-	const $ = c(24);
-	const { blockId, blockSchema } = t0;
+function BlockFieldsRenderer({ blockId, blockSchema }) {
 	const { t } = useTranslation();
 	const admin = useAdminStore(selectAdmin);
-	blockSchema?.fields;
-	let t1;
-	bb0: {
-		if (!blockSchema?.fields || !admin) {
-			let t2$2;
-			if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-				t2$2 = {};
-				$[0] = t2$2;
-			} else t2$2 = $[0];
-			t1 = t2$2;
-			break bb0;
-		}
-		const t2$1 = blockSchema.fields;
-		let t3$1;
-		if ($[1] !== admin || $[2] !== t2$1) {
-			t3$1 = buildFieldDefinitionsFromMetadata(t2$1, admin.getFields());
-			$[1] = admin;
-			$[2] = t2$1;
-			$[3] = t3$1;
-		} else t3$1 = $[3];
-		t1 = t3$1;
-	}
-	const blockFields = t1;
+	const blockFields = React.useMemo(() => {
+		if (!blockSchema?.fields || !admin) return {};
+		return buildFieldDefinitionsFromMetadata(blockSchema.fields, admin.getFields());
+	}, [blockSchema?.fields, admin]);
 	const resolveText = useResolveText();
-	if (Object.keys(blockFields).length === 0) {
-		let t2$1;
-		if ($[4] !== t) {
-			t2$1 = t("blocks.noEditableFields");
-			$[4] = t;
-			$[5] = t2$1;
-		} else t2$1 = $[5];
-		let t3$1;
-		if ($[6] !== t2$1) {
-			t3$1 = /* @__PURE__ */ jsx("div", {
-				className: "text-muted-foreground py-4 text-center text-sm",
-				children: t2$1
-			});
-			$[6] = t2$1;
-			$[7] = t3$1;
-		} else t3$1 = $[7];
-		return t3$1;
-	}
-	if (blockSchema.form?.fields?.length) {
-		let t2$1;
-		if ($[8] !== blockFields || $[9] !== blockId) {
-			t2$1 = (fieldName) => {
+	if (Object.keys(blockFields).length === 0) return /* @__PURE__ */ jsx("div", {
+		className: "text-muted-foreground py-4 text-center text-sm",
+		children: t("blocks.noEditableFields")
+	});
+	if (blockSchema.form?.fields?.length) return /* @__PURE__ */ jsx(FieldLayoutRenderer, {
+		items: blockSchema.form.fields,
+		ctx: {
+			renderField: (fieldName) => {
 				const fieldDef = blockFields[fieldName];
 				if (!fieldDef) return null;
 				return /* @__PURE__ */ jsx(BlockField, {
@@ -75,194 +39,55 @@ function BlockFieldsRenderer(t0) {
 					blockId,
 					definition: fieldDef
 				}, `${blockId}:${fieldName}`);
-			};
-			$[8] = blockFields;
-			$[9] = blockId;
-			$[10] = t2$1;
-		} else t2$1 = $[10];
-		let t3$1;
-		if ($[11] !== resolveText) {
-			t3$1 = (text, fallback) => resolveText(text, fallback);
-			$[11] = resolveText;
-			$[12] = t3$1;
-		} else t3$1 = $[12];
-		let t4;
-		if ($[13] !== t2$1 || $[14] !== t3$1) {
-			t4 = {
-				renderField: t2$1,
-				resolveText: t3$1
-			};
-			$[13] = t2$1;
-			$[14] = t3$1;
-			$[15] = t4;
-		} else t4 = $[15];
-		const layoutCtx = t4;
-		const t5 = blockSchema.form.fields;
-		let t6;
-		if ($[16] !== layoutCtx || $[17] !== t5) {
-			t6 = /* @__PURE__ */ jsx(FieldLayoutRenderer, {
-				items: t5,
-				ctx: layoutCtx
-			});
-			$[16] = layoutCtx;
-			$[17] = t5;
-			$[18] = t6;
-		} else t6 = $[18];
-		return t6;
-	}
-	let t2;
-	if ($[19] !== blockFields) {
-		t2 = Object.entries(blockFields);
-		$[19] = blockFields;
-		$[20] = t2;
-	} else t2 = $[20];
-	let t3;
-	if ($[21] !== blockId || $[22] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: "space-y-4",
-			children: t2.map((t4) => {
-				const [fieldName_0, fieldDef_0] = t4;
-				return /* @__PURE__ */ jsx(BlockField, {
-					name: fieldName_0,
-					blockId,
-					definition: fieldDef_0
-				}, `${blockId}:${fieldName_0}`);
-			})
-		});
-		$[21] = blockId;
-		$[22] = t2;
-		$[23] = t3;
-	} else t3 = $[23];
-	return t3;
+			},
+			resolveText: (text, fallback) => resolveText(text, fallback)
+		}
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "space-y-4",
+		children: Object.entries(blockFields).map(([fieldName, fieldDef]) => /* @__PURE__ */ jsx(BlockField, {
+			name: fieldName,
+			blockId,
+			definition: fieldDef
+		}, `${blockId}:${fieldName}`))
+	});
 }
-function BlockFieldSkeleton(t0) {
-	const $ = c(3);
-	const { type } = t0;
+function BlockFieldSkeleton({ type }) {
 	const isLarge = type === "blocks" || type === "json" || type === "richText";
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx(Skeleton, {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		"aria-busy": "true",
+		children: [/* @__PURE__ */ jsx(Skeleton, {
 			variant: "text",
 			className: "h-4 w-24"
-		});
-		$[0] = t1;
-	} else t1 = $[0];
-	const t2 = isLarge ? "h-40 w-full" : "h-10 w-full";
-	let t3;
-	if ($[1] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
-			"aria-busy": "true",
-			children: [t1, /* @__PURE__ */ jsx(Skeleton, { className: t2 })]
-		});
-		$[1] = t2;
-		$[2] = t3;
-	} else t3 = $[2];
-	return t3;
+		}), /* @__PURE__ */ jsx(Skeleton, { className: isLarge ? "h-40 w-full" : "h-10 w-full" })]
+	});
 }
-function BlockField(t0) {
-	const $ = c(31);
-	const { name, blockId, definition } = t0;
+function BlockField({ name, blockId, definition }) {
 	const resolveText = useResolveText();
-	let t1;
-	if ($[0] !== definition) {
-		t1 = definition["~options"] || {};
-		$[0] = definition;
-		$[1] = t1;
-	} else t1 = $[1];
-	const options = t1;
+	const options = definition["~options"] || {};
 	const fieldType = definition.name;
-	let t2;
-	if ($[2] !== name || $[3] !== options.label || $[4] !== resolveText) {
-		t2 = resolveText(options.label, name);
-		$[2] = name;
-		$[3] = options.label;
-		$[4] = resolveText;
-		$[5] = t2;
-	} else t2 = $[5];
-	const label = t2;
-	let t3;
-	if ($[6] !== options.description || $[7] !== resolveText) {
-		t3 = resolveText(options.description, "");
-		$[6] = options.description;
-		$[7] = resolveText;
-		$[8] = t3;
-	} else t3 = $[8];
-	const description = t3;
-	let t4;
-	if ($[9] !== options.placeholder || $[10] !== resolveText) {
-		t4 = resolveText(options.placeholder, "");
-		$[9] = options.placeholder;
-		$[10] = resolveText;
-		$[11] = t4;
-	} else t4 = $[11];
-	const placeholder = t4;
+	const label = resolveText(options.label, name);
+	const description = resolveText(options.description, "");
+	const placeholder = resolveText(options.placeholder, "");
 	const scopedName = `content._values.${blockId}.${name}`;
 	const { Component: FieldComponent, loading: componentLoading } = useLazyComponent(definition.component);
-	if (componentLoading) {
-		let t5$1;
-		if ($[12] !== fieldType) {
-			t5$1 = /* @__PURE__ */ jsx(BlockFieldSkeleton, { type: fieldType });
-			$[12] = fieldType;
-			$[13] = t5$1;
-		} else t5$1 = $[13];
-		return t5$1;
-	}
-	if (!FieldComponent) {
-		let t5$1;
-		if ($[14] !== fieldType) {
-			t5$1 = /* @__PURE__ */ jsxs("div", {
-				className: "text-destructive text-sm",
-				children: ["No component registered for field type: ", fieldType]
-			});
-			$[14] = fieldType;
-			$[15] = t5$1;
-		} else t5$1 = $[15];
-		return t5$1;
-	}
-	const t5 = options.required ?? false;
-	const t6 = options.disabled ?? false;
-	const t7 = options.readOnly ?? false;
-	const t8 = options.localized ?? false;
-	let t9;
-	if ($[16] !== options) {
-		t9 = stripUiOptions(options);
-		$[16] = options;
-		$[17] = t9;
-	} else t9 = $[17];
-	let t10;
-	if ($[18] !== description || $[19] !== label || $[20] !== placeholder || $[21] !== scopedName || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t8 || $[26] !== t9) {
-		t10 = {
-			name: scopedName,
-			label,
-			description,
-			placeholder,
-			required: t5,
-			disabled: t6,
-			readOnly: t7,
-			localized: t8,
-			...t9
-		};
-		$[18] = description;
-		$[19] = label;
-		$[20] = placeholder;
-		$[21] = scopedName;
-		$[22] = t5;
-		$[23] = t6;
-		$[24] = t7;
-		$[25] = t8;
-		$[26] = t9;
-		$[27] = t10;
-	} else t10 = $[27];
-	const componentProps = t10;
-	let t11;
-	if ($[28] !== FieldComponent || $[29] !== componentProps) {
-		t11 = /* @__PURE__ */ jsx(FieldComponent, { ...componentProps });
-		$[28] = FieldComponent;
-		$[29] = componentProps;
-		$[30] = t11;
-	} else t11 = $[30];
-	return t11;
+	if (componentLoading) return /* @__PURE__ */ jsx(BlockFieldSkeleton, { type: fieldType });
+	if (!FieldComponent) return /* @__PURE__ */ jsxs("div", {
+		className: "text-destructive text-sm",
+		children: ["No component registered for field type: ", fieldType]
+	});
+	return /* @__PURE__ */ jsx(FieldComponent, {
+		name: scopedName,
+		label,
+		description,
+		placeholder,
+		required: options.required ?? false,
+		disabled: options.disabled ?? false,
+		readOnly: options.readOnly ?? false,
+		localized: options.localized ?? false,
+		...stripUiOptions(options)
+	});
 }
 /**
 * Strip UI-specific options that shouldn't be passed to field components

package/dist/client/components/blocks/block-insert-button.mjs

@@ -4,7 +4,6 @@ import { useTranslation } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { Button } from "../ui/button.mjs";
 import { useBlockEditorActions } from "./block-editor-context.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -15,174 +14,59 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Button to add new blocks at a specific position.
 * Opens the block library sidebar.
 */
-function BlockInsertButton(t0) {
-	const $ = c(39);
-	const { position, compact: t1, variant: t2, parentLabel, className } = t0;
-	const compact = t1 === void 0 ? false : t1;
-	const variant = t2 === void 0 ? "default" : t2;
+function BlockInsertButton({ position, compact = false, variant = "default", parentLabel, className }) {
 	const { t } = useTranslation();
 	const { openLibrary } = useBlockEditorActions();
-	let t3;
-	if ($[0] !== openLibrary || $[1] !== position) {
-		t3 = () => {
-			openLibrary(position);
-		};
-		$[0] = openLibrary;
-		$[1] = position;
-		$[2] = t3;
-	} else t3 = $[2];
-	const handleOpen = t3;
-	if (variant === "compact" || compact) {
-		let t4$1;
-		if ($[3] !== className) {
-			t4$1 = cn("group relative z-10 -my-0.5 w-full cursor-pointer", "h-2 sm:h-1.5", className);
-			$[3] = className;
-			$[4] = t4$1;
-		} else t4$1 = $[4];
-		let t5$1;
-		if ($[5] !== handleOpen) {
-			t5$1 = (e) => {
-				if (e.key === "Enter" || e.key === " ") {
-					e.preventDefault();
-					handleOpen();
-				}
-			};
-			$[5] = handleOpen;
-			$[6] = t5$1;
-		} else t5$1 = $[6];
-		let t6$1;
-		if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-			t6$1 = /* @__PURE__ */ jsx("div", { className: "bg-border-strong sm:group-hover:bg-foreground absolute inset-x-0 top-1/2 h-px -translate-y-1/2 transition-colors sm:bg-transparent" });
-			$[7] = t6$1;
-		} else t6$1 = $[7];
-		let t7$1;
-		if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-			t7$1 = /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:plus-bold",
-				width: 10,
-				height: 10
-			});
-			$[8] = t7$1;
-		} else t7$1 = $[8];
-		let t8;
-		if ($[9] !== t) {
-			t8 = t("common.add");
-			$[9] = t;
-			$[10] = t8;
-		} else t8 = $[10];
-		let t9;
-		if ($[11] !== t8) {
-			t9 = /* @__PURE__ */ jsx("div", {
-				className: "pointer-events-none absolute inset-x-0 top-1/2 flex -translate-y-1/2 items-center justify-center opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "bg-foreground text-background pointer-events-auto flex cursor-pointer items-center gap-1 rounded-full px-2 py-0.5 text-xs shadow-sm",
-					children: [t7$1, /* @__PURE__ */ jsx("span", { children: t8 })]
-				})
-			});
-			$[11] = t8;
-			$[12] = t9;
-		} else t9 = $[12];
-		let t10;
-		if ($[13] !== handleOpen || $[14] !== t4$1 || $[15] !== t5$1 || $[16] !== t9) {
-			t10 = /* @__PURE__ */ jsxs("div", {
-				className: t4$1,
-				role: "button",
-				tabIndex: 0,
-				onClick: handleOpen,
-				onKeyDown: t5$1,
-				children: [t6$1, t9]
-			});
-			$[13] = handleOpen;
-			$[14] = t4$1;
-			$[15] = t5$1;
-			$[16] = t9;
-			$[17] = t10;
-		} else t10 = $[17];
-		return t10;
-	}
-	if (variant === "rail") {
-		let t4$1;
-		if ($[18] !== className) {
-			t4$1 = cn("group text-muted-foreground hover:text-foreground relative flex min-h-10 items-center gap-2 text-xs font-medium transition-colors active:scale-[0.96]", className);
-			$[18] = className;
-			$[19] = t4$1;
-		} else t4$1 = $[19];
-		let t5$1;
-		if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-			t5$1 = /* @__PURE__ */ jsx("div", {
-				className: "border-border bg-background text-muted-foreground group-hover:border-foreground group-hover:text-foreground relative z-10 flex h-5 w-5 items-center justify-center rounded-full border transition-[background-color,border-color,color]",
-				children: /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:plus",
-					className: "h-3 w-3"
-				})
-			});
-			$[20] = t5$1;
-		} else t5$1 = $[20];
-		let t6$1;
-		if ($[21] !== parentLabel || $[22] !== t) {
-			t6$1 = parentLabel ? t("blocks.addTo", { parent: parentLabel }) : t("blocks.add");
-			$[21] = parentLabel;
-			$[22] = t;
-			$[23] = t6$1;
-		} else t6$1 = $[23];
-		let t7$1;
-		if ($[24] !== t6$1) {
-			t7$1 = /* @__PURE__ */ jsx("span", {
-				className: "truncate",
-				children: t6$1
-			});
-			$[24] = t6$1;
-			$[25] = t7$1;
-		} else t7$1 = $[25];
-		let t8;
-		if ($[26] !== handleOpen || $[27] !== t4$1 || $[28] !== t7$1) {
-			t8 = /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: t4$1,
-				onClick: handleOpen,
-				children: [t5$1, t7$1]
-			});
-			$[26] = handleOpen;
-			$[27] = t4$1;
-			$[28] = t7$1;
-			$[29] = t8;
-		} else t8 = $[29];
-		return t8;
-	}
-	let t4;
-	if ($[30] !== className) {
-		t4 = cn("w-full border-dashed", className);
-		$[30] = className;
-		$[31] = t4;
-	} else t4 = $[31];
-	let t5;
-	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(Icon, {
+	const handleOpen = () => {
+		openLibrary(position);
+	};
+	if (variant === "compact" || compact) return /* @__PURE__ */ jsxs("div", {
+		className: cn("group relative z-10 -my-0.5 w-full cursor-pointer", "h-2 sm:h-1.5", className),
+		role: "button",
+		tabIndex: 0,
+		onClick: handleOpen,
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				handleOpen();
+			}
+		},
+		children: [/* @__PURE__ */ jsx("div", { className: "bg-border-strong sm:group-hover:bg-foreground absolute inset-x-0 top-1/2 h-px -translate-y-1/2 transition-colors sm:bg-transparent" }), /* @__PURE__ */ jsx("div", {
+			className: "pointer-events-none absolute inset-x-0 top-1/2 flex -translate-y-1/2 items-center justify-center opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "bg-foreground text-background pointer-events-auto flex cursor-pointer items-center gap-1 rounded-full px-2 py-0.5 text-xs shadow-sm",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:plus-bold",
+					width: 10,
+					height: 10
+				}), /* @__PURE__ */ jsx("span", { children: t("common.add") })]
+			})
+		})]
+	});
+	if (variant === "rail") return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: cn("group text-muted-foreground hover:text-foreground relative flex min-h-10 items-center gap-2 text-xs font-medium transition-colors active:scale-[0.96]", className),
+		onClick: handleOpen,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "border-border bg-background text-muted-foreground group-hover:border-foreground group-hover:text-foreground relative z-10 flex h-5 w-5 items-center justify-center rounded-full border transition-[background-color,border-color,color]",
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:plus",
+				className: "h-3 w-3"
+			})
+		}), /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: parentLabel ? t("blocks.addTo", { parent: parentLabel }) : t("blocks.add")
+		})]
+	});
+	return /* @__PURE__ */ jsxs(Button, {
+		variant: "outline",
+		className: cn("w-full border-dashed", className),
+		onClick: handleOpen,
+		children: [/* @__PURE__ */ jsx(Icon, {
 			icon: "ph:plus",
 			className: "mr-2 h-4 w-4"
-		});
-		$[32] = t5;
-	} else t5 = $[32];
-	let t6;
-	if ($[33] !== t) {
-		t6 = t("blocks.add");
-		$[33] = t;
-		$[34] = t6;
-	} else t6 = $[34];
-	let t7;
-	if ($[35] !== handleOpen || $[36] !== t4 || $[37] !== t6) {
-		t7 = /* @__PURE__ */ jsxs(Button, {
-			variant: "outline",
-			className: t4,
-			onClick: handleOpen,
-			children: [t5, t6]
-		});
-		$[35] = handleOpen;
-		$[36] = t4;
-		$[37] = t6;
-		$[38] = t7;
-	} else t7 = $[38];
-	return t7;
+		}), t("blocks.add")]
+	});
 }
 
 //#endregion