@questpie/admin 3.2.4 → 3.2.6

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

@@ -6,7 +6,6 @@ import { Input } from "../ui/input.mjs";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../ui/sheet.mjs";
 import { useAllowedBlockTypes, useBlockEditorActions, useBlockInsertPosition, useBlockRegistry } from "./block-editor-context.mjs";
 import { BlockIcon } from "./block-type-icon.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -18,31 +17,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Drawer component for selecting block types to add.
 * Uses shadcn Sheet component for mobile-friendly sidebar.
 */
-function BlockLibrarySidebar(t0) {
-	const $ = c(48);
-	const { open, onClose } = t0;
+function BlockLibrarySidebar({ open, onClose }) {
 	const { t } = useTranslation();
 	const actions = useBlockEditorActions();
 	const blockRegistry = useBlockRegistry();
 	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 ($[4] !== allowedBlockSet || $[5] !== blockRegistry || $[6] !== normalizedSearch) {
+	const allowedBlockSet = React.useMemo(() => allowedBlocks ? new Set(allowedBlocks) : null, [allowedBlocks]);
+	const normalizedSearch = search.trim().toLowerCase();
+	const categories = React.useMemo(() => {
 		const categoryMap = /* @__PURE__ */ new Map();
 		const uncategorizedConfig = {
 			label: {
@@ -77,222 +61,111 @@ function BlockLibrarySidebar(t0) {
 				name
 			});
 		}
-		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 result = Array.from(categoryMap.values()).sort((a, b) => (a.config.order ?? 999) - (b.config.order ?? 999));
+		for (const category of result) category.blocks = category.blocks.slice().sort((a, b) => (a.admin?.order ?? 999) - (b.admin?.order ?? 999));
+		return result;
+	}, [
+		blockRegistry,
+		allowedBlockSet,
+		normalizedSearch
+	]);
 	const searchInputRef = React.useRef(null);
-	let t3;
-	let t4;
-	if ($[8] !== open) {
-		t3 = () => {
-			if (open) {
-				const timer = setTimeout(() => searchInputRef.current?.focus(), 100);
-				return () => clearTimeout(timer);
-			}
-		};
-		t4 = [open];
-		$[8] = open;
-		$[9] = t3;
-		$[10] = t4;
-	} else {
-		t3 = $[9];
-		t4 = $[10];
-	}
-	React.useEffect(t3, t4);
-	let t5;
-	if ($[11] !== actions || $[12] !== insertPosition || $[13] !== onClose) {
-		t5 = (type) => {
-			if (insertPosition) actions.addBlock(type, insertPosition);
-			onClose();
-			setSearch("");
-		};
-		$[11] = actions;
-		$[12] = insertPosition;
-		$[13] = onClose;
-		$[14] = t5;
-	} else t5 = $[14];
-	const handleSelectBlock = t5;
-	let t6;
-	if ($[15] !== onClose) {
-		t6 = (nextOpen) => {
+	React.useEffect(() => {
+		if (open) {
+			const timer = setTimeout(() => searchInputRef.current?.focus(), 100);
+			return () => clearTimeout(timer);
+		}
+	}, [open]);
+	const handleSelectBlock = (type) => {
+		if (insertPosition) actions.addBlock(type, insertPosition);
+		onClose();
+		setSearch("");
+	};
+	return /* @__PURE__ */ jsx(Sheet, {
+		open,
+		onOpenChange: (nextOpen) => {
 			if (!nextOpen) onClose();
-		};
-		$[15] = onClose;
-		$[16] = t6;
-	} else t6 = $[16];
-	let t7;
-	if ($[17] !== t) {
-		t7 = t("blocks.add");
-		$[17] = t;
-		$[18] = t7;
-	} else t7 = $[18];
-	let t8;
-	if ($[19] !== t7) {
-		t8 = /* @__PURE__ */ jsx(SheetTitle, { children: t7 });
-		$[19] = t7;
-		$[20] = t8;
-	} else t8 = $[20];
-	let t9;
-	if ($[21] !== t) {
-		t9 = t("blocks.libraryDescription");
-		$[21] = t;
-		$[22] = t9;
-	} else t9 = $[22];
-	let t10;
-	if ($[23] !== t9) {
-		t10 = /* @__PURE__ */ jsx(SheetDescription, { children: t9 });
-		$[23] = t9;
-		$[24] = t10;
-	} else t10 = $[24];
-	let t11;
-	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 ($[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 ($[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: [t12, /* @__PURE__ */ jsx(Input, {
-					ref: searchInputRef,
-					placeholder: t13,
-					value: search,
-					onChange: t14,
-					className: "pl-9"
-				})]
-			})
-		});
-		$[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",
-				children: [
-					/* @__PURE__ */ jsx(Icon, {
-						icon: "ph:cube",
-						className: "text-muted-foreground/50 mb-4 h-12 w-12"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground text-sm",
-						children: t("blocks.noSearchResults")
-					}),
-					search && /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground mt-1 text-xs",
-						children: t("blocks.tryDifferentSearch")
-					})
-				]
-			}) : /* @__PURE__ */ jsx("div", {
-				className: "space-y-6",
-				children: categories.map((category_0) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
-					className: "mb-3 flex items-center gap-2",
-					children: [category_0.config.icon && /* @__PURE__ */ jsx(Icon, {
-						icon: category_0.config.icon.props.name,
-						className: "text-muted-foreground h-4 w-4"
-					}), /* @__PURE__ */ jsx("h4", {
-						className: "text-muted-foreground font-chrome chrome-meta text-xs font-semibold",
-						children: getCategoryDisplayLabel(category_0.config)
-					})]
-				}), /* @__PURE__ */ jsx("div", {
-					className: "grid grid-cols-2 gap-2",
-					children: category_0.blocks.map((block) => /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: cn("panel-surface flex flex-col items-start gap-2 p-3 text-left", "hover:border-border hover:bg-accent transition-colors", "focus-visible:ring-ring/25 focus:outline-none focus-visible:ring-3"),
-						onClick: () => handleSelectBlock(block.name),
-						children: [/* @__PURE__ */ jsx(BlockIcon, {
-							icon: block.admin?.icon,
-							size: 20,
-							className: "text-muted-foreground"
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "truncate text-sm font-medium",
-								children: getBlockDisplayLabel(block)
-							}), block.admin?.description && /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground mt-0.5 line-clamp-2 text-xs",
-								children: getDescriptionText(block.admin.description)
-							})]
-						})]
-					}, block.name))
-				})] }, category_0.key))
-			})
-		});
-		$[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, {
+		},
+		children: /* @__PURE__ */ jsxs(SheetContent, {
 			side: "left",
 			className: "qa-block-library flex w-full flex-col sm:max-w-md",
 			children: [
-				t11,
-				t15,
-				t16
+				/* @__PURE__ */ jsxs(SheetHeader, {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ jsx(SheetTitle, { children: t("blocks.add") }), /* @__PURE__ */ jsx(SheetDescription, { children: t("blocks.libraryDescription") })]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "px-6 py-4",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "relative",
+						children: [/* @__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"
+						}), /* @__PURE__ */ jsx(Input, {
+							ref: searchInputRef,
+							placeholder: t("blocks.searchPlaceholder"),
+							value: search,
+							onChange: (e) => setSearch(e.target.value),
+							className: "pl-9"
+						})]
+					})
+				}),
+				/* @__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",
+						children: [
+							/* @__PURE__ */ jsx(Icon, {
+								icon: "ph:cube",
+								className: "text-muted-foreground/50 mb-4 h-12 w-12"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground text-sm",
+								children: t("blocks.noSearchResults")
+							}),
+							search && /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground mt-1 text-xs",
+								children: t("blocks.tryDifferentSearch")
+							})
+						]
+					}) : /* @__PURE__ */ jsx("div", {
+						className: "space-y-6",
+						children: categories.map((category) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+							className: "mb-3 flex items-center gap-2",
+							children: [category.config.icon && /* @__PURE__ */ jsx(Icon, {
+								icon: category.config.icon.props.name,
+								className: "text-muted-foreground h-4 w-4"
+							}), /* @__PURE__ */ jsx("h4", {
+								className: "text-muted-foreground font-chrome chrome-meta text-xs font-semibold",
+								children: getCategoryDisplayLabel(category.config)
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "grid grid-cols-2 gap-2",
+							children: category.blocks.map((block) => /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								className: cn("panel-surface flex flex-col items-start gap-2 p-3 text-left", "hover:border-border hover:bg-accent transition-colors", "focus-visible:ring-ring/25 focus:outline-none focus-visible:ring-3"),
+								onClick: () => handleSelectBlock(block.name),
+								children: [/* @__PURE__ */ jsx(BlockIcon, {
+									icon: block.admin?.icon,
+									size: 20,
+									className: "text-muted-foreground"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ jsx("p", {
+										className: "truncate text-sm font-medium",
+										children: getBlockDisplayLabel(block)
+									}), block.admin?.description && /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground mt-0.5 line-clamp-2 text-xs",
+										children: getDescriptionText(block.admin.description)
+									})]
+								})]
+							}, block.name))
+						})] }, category.key))
+					})
+				})
 			]
-		});
-		$[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: t6,
-			children: t17
-		});
-		$[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);
-}
-function _temp(a, b) {
-	return (a.config.order ?? 999) - (b.config.order ?? 999);
+		})
+	});
 }
 function getBlockDisplayLabel(block) {
 	const label = block.admin?.label;

package/dist/client/components/blocks/block-tree.mjs

@@ -3,7 +3,6 @@
 import { cn } from "../../lib/utils.mjs";
 import { BlockInsertButton } from "./block-insert-button.mjs";
 import { BlockItem } from "./block-item.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
@@ -17,57 +16,21 @@ import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable"
 function areBlockTreePropsEqual(prev, next) {
 	return prev.blocks === next.blocks && prev.level === next.level && prev.parentId === next.parentId && prev.className === next.className;
 }
-const BlockTree = React.memo(function BlockTree$1(t0) {
-	const $ = c(22);
-	const { blocks, level, parentId, className } = t0;
-	let t1;
-	if ($[0] !== blocks) {
-		t1 = blocks.map(_temp);
-		$[0] = blocks;
-		$[1] = t1;
-	} else t1 = $[1];
-	const blockIds = t1;
+const BlockTree = React.memo(function BlockTree$1({ blocks, level, parentId, className }) {
+	const blockIds = React.useMemo(() => blocks.map((b) => b.id), [blocks]);
 	const isRoot = level === 0;
-	let t2;
-	if ($[2] !== className) {
-		t2 = cn("space-y-2", className);
-		$[2] = className;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== blocks || $[5] !== level || $[6] !== parentId) {
-		let t4$1;
-		if ($[8] !== level || $[9] !== parentId) {
-			t4$1 = (block, index) => /* @__PURE__ */ jsx(BlockItem, {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-2", className),
+		children: [/* @__PURE__ */ jsx(SortableContext, {
+			items: blockIds,
+			strategy: verticalListSortingStrategy,
+			children: blocks.map((block, index) => /* @__PURE__ */ jsx(BlockItem, {
 				block,
 				level,
 				index,
 				parentId
-			}, block.id);
-			$[8] = level;
-			$[9] = parentId;
-			$[10] = t4$1;
-		} else t4$1 = $[10];
-		t3 = blocks.map(t4$1);
-		$[4] = blocks;
-		$[5] = level;
-		$[6] = parentId;
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[11] !== blockIds || $[12] !== t3) {
-		t4 = /* @__PURE__ */ jsx(SortableContext, {
-			items: blockIds,
-			strategy: verticalListSortingStrategy,
-			children: t3
-		});
-		$[11] = blockIds;
-		$[12] = t3;
-		$[13] = t4;
-	} else t4 = $[13];
-	let t5;
-	if ($[14] !== blocks.length || $[15] !== isRoot || $[16] !== parentId) {
-		t5 = isRoot && /* @__PURE__ */ jsx("div", {
+			}, block.id))
+		}), isRoot && /* @__PURE__ */ jsx("div", {
 			className: "mt-4",
 			children: /* @__PURE__ */ jsx(BlockInsertButton, {
 				position: {
@@ -76,28 +39,9 @@ const BlockTree = React.memo(function BlockTree$1(t0) {
 				},
 				variant: "default"
 			})
-		});
-		$[14] = blocks.length;
-		$[15] = isRoot;
-		$[16] = parentId;
-		$[17] = t5;
-	} else t5 = $[17];
-	let t6;
-	if ($[18] !== t2 || $[19] !== t4 || $[20] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: t2,
-			children: [t4, t5]
-		});
-		$[18] = t2;
-		$[19] = t4;
-		$[20] = t5;
-		$[21] = t6;
-	} else t6 = $[21];
-	return t6;
+		})]
+	});
 }, areBlockTreePropsEqual);
-function _temp(b) {
-	return b.id;
-}
 
 //#endregion
 export { BlockTree };

package/dist/client/components/blocks/block-type-icon.mjs

@@ -3,7 +3,6 @@
 import { cn } from "../../lib/utils.mjs";
 import { ComponentRenderer } from "../component-renderer.mjs";
 import { useBlockDefinition } from "./block-editor-context.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -17,70 +16,29 @@ const DEFAULT_BLOCK_ICON_REFERENCE = {
 	type: "icon",
 	props: { name: "ph:cube" }
 };
-const BlockTypeIcon = React.memo(function BlockTypeIcon$1(t0) {
-	const $ = c(4);
-	const { type, className, size: t1 } = t0;
-	const size = t1 === void 0 ? 16 : t1;
+const BlockTypeIcon = React.memo(function BlockTypeIcon$1({ type, className, size = 16 }) {
 	const iconRef = useBlockDefinition(type)?.admin?.icon;
-	let t2;
-	if ($[0] !== className || $[1] !== iconRef || $[2] !== size) {
-		t2 = /* @__PURE__ */ jsx(BlockIcon, {
-			icon: iconRef,
-			className,
-			size
-		});
-		$[0] = className;
-		$[1] = iconRef;
-		$[2] = size;
-		$[3] = t2;
-	} else t2 = $[3];
-	return t2;
+	return /* @__PURE__ */ jsx(BlockIcon, {
+		icon: iconRef,
+		className,
+		size
+	});
 });
 /**
 * Standalone icon component that doesn't require context.
 * Useful for rendering icons outside the editor.
 * Shows a default cube icon if no icon is provided.
 */
-const BlockIcon = React.memo(function BlockIcon$1(t0) {
-	const $ = c(10);
-	const { icon, className, size: t1 } = t0;
-	const size = t1 === void 0 ? 16 : t1;
-	let t2;
-	if ($[0] !== icon) {
-		t2 = normalizeIconReference(icon);
-		$[0] = icon;
-		$[1] = t2;
-	} else t2 = $[1];
-	const finalReference = t2 ?? DEFAULT_BLOCK_ICON_REFERENCE;
-	let t3;
-	if ($[2] !== className) {
-		t3 = cn("shrink-0", className);
-		$[2] = className;
-		$[3] = t3;
-	} else t3 = $[3];
-	const mergedClassName = t3;
-	let t4;
-	if ($[4] !== mergedClassName || $[5] !== size) {
-		t4 = {
+const BlockIcon = React.memo(function BlockIcon$1({ icon, className, size = 16 }) {
+	const finalReference = React.useMemo(() => normalizeIconReference(icon), [icon]) ?? DEFAULT_BLOCK_ICON_REFERENCE;
+	const mergedClassName = React.useMemo(() => cn("shrink-0", className), [className]);
+	return /* @__PURE__ */ jsx(ComponentRenderer, {
+		reference: finalReference,
+		additionalProps: React.useMemo(() => ({
 			className: mergedClassName,
 			size
-		};
-		$[4] = mergedClassName;
-		$[5] = size;
-		$[6] = t4;
-	} else t4 = $[6];
-	const additionalProps = t4;
-	let t5;
-	if ($[7] !== additionalProps || $[8] !== finalReference) {
-		t5 = /* @__PURE__ */ jsx(ComponentRenderer, {
-			reference: finalReference,
-			additionalProps
-		});
-		$[7] = additionalProps;
-		$[8] = finalReference;
-		$[9] = t5;
-	} else t5 = $[9];
-	return t5;
+		}), [mergedClassName, size])
+	});
 });
 function normalizeIconReference(icon) {
 	if (!icon) return void 0;