@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/fields/asset-preview-field.mjs

@@ -1,158 +1,58 @@
 import { cn } from "../../lib/utils.mjs";
 import { AssetThumbnail } from "../../views/collection/cells/shared/asset-thumbnail.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
-import { c } from "react/compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 
 //#region src/client/components/fields/asset-preview-field.tsx
-function AssetPreviewField(t0) {
-	const $ = c(37);
-	const { name: t1, label: t2, description, className, urlField: t3, mimeTypeField: t4, filenameField: t5, altField: t6 } = t0;
-	const name = t1 === void 0 ? "preview" : t1;
-	const label = t2 === void 0 ? "Preview" : t2;
-	const urlField = t3 === void 0 ? "url" : t3;
-	const mimeTypeField = t4 === void 0 ? "mimeType" : t4;
-	const filenameField = t5 === void 0 ? "filename" : t5;
-	const altField = t6 === void 0 ? "alt" : t6;
+function AssetPreviewField({ name = "preview", label = "Preview", description, className, urlField = "url", mimeTypeField = "mimeType", filenameField = "filename", altField = "alt" }) {
 	const form = useFormContext();
-	const t7 = form?.control;
-	let t8;
-	if ($[0] !== t7 || $[1] !== urlField) {
-		t8 = {
-			control: t7,
-			name: urlField
-		};
-		$[0] = t7;
-		$[1] = urlField;
-		$[2] = t8;
-	} else t8 = $[2];
-	const url = useWatch(t8);
-	const t9 = form?.control;
-	let t10;
-	if ($[3] !== mimeTypeField || $[4] !== t9) {
-		t10 = {
-			control: t9,
-			name: mimeTypeField
-		};
-		$[3] = mimeTypeField;
-		$[4] = t9;
-		$[5] = t10;
-	} else t10 = $[5];
-	const mimeType = useWatch(t10);
-	const t11 = form?.control;
-	let t12;
-	if ($[6] !== filenameField || $[7] !== t11) {
-		t12 = {
-			control: t11,
-			name: filenameField
-		};
-		$[6] = filenameField;
-		$[7] = t11;
-		$[8] = t12;
-	} else t12 = $[8];
-	const filename = useWatch(t12);
-	const t13 = form?.control;
-	let t14;
-	if ($[9] !== altField || $[10] !== t13) {
-		t14 = {
-			control: t13,
-			name: altField
-		};
-		$[9] = altField;
-		$[10] = t13;
-		$[11] = t14;
-	} else t14 = $[11];
-	const alt = useWatch(t14);
-	let t15;
-	if ($[12] !== alt || $[13] !== filename || $[14] !== mimeType || $[15] !== url) {
-		t15 = url ? {
-			url,
-			mimeType,
-			filename,
-			alt
-		} : null;
-		$[12] = alt;
-		$[13] = filename;
-		$[14] = mimeType;
-		$[15] = url;
-		$[16] = t15;
-	} else t15 = $[16];
-	const asset = t15;
-	if (!asset) {
-		let t16$1;
-		if ($[17] !== className) {
-			t16$1 = cn("qa-asset-preview-field flex items-center justify-center py-4", "text-muted-foreground", className);
-			$[17] = className;
-			$[18] = t16$1;
-		} else t16$1 = $[18];
-		let t17$1;
-		if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-			t17$1 = /* @__PURE__ */ jsx("p", {
+	const url = useWatch({
+		control: form?.control,
+		name: urlField
+	});
+	const mimeType = useWatch({
+		control: form?.control,
+		name: mimeTypeField
+	});
+	const filename = useWatch({
+		control: form?.control,
+		name: filenameField
+	});
+	const alt = useWatch({
+		control: form?.control,
+		name: altField
+	});
+	const asset = url ? {
+		url,
+		mimeType,
+		filename,
+		alt
+	} : null;
+	if (!asset) return /* @__PURE__ */ jsx(FieldWrapper, {
+		name,
+		label,
+		description,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("qa-asset-preview-field flex items-center justify-center py-4", "text-muted-foreground", className),
+			children: /* @__PURE__ */ jsx("p", {
 				className: "text-sm",
 				children: "No preview available"
-			});
-			$[19] = t17$1;
-		} else t17$1 = $[19];
-		let t18$1;
-		if ($[20] !== t16$1) {
-			t18$1 = /* @__PURE__ */ jsx("div", {
-				className: t16$1,
-				children: t17$1
-			});
-			$[20] = t16$1;
-			$[21] = t18$1;
-		} else t18$1 = $[21];
-		let t19;
-		if ($[22] !== description || $[23] !== label || $[24] !== name || $[25] !== t18$1) {
-			t19 = /* @__PURE__ */ jsx(FieldWrapper, {
-				name,
-				label,
-				description,
-				children: t18$1
-			});
-			$[22] = description;
-			$[23] = label;
-			$[24] = name;
-			$[25] = t18$1;
-			$[26] = t19;
-		} else t19 = $[26];
-		return t19;
-	}
-	let t16;
-	if ($[27] !== className) {
-		t16 = cn("qa-asset-preview-field", className);
-		$[27] = className;
-		$[28] = t16;
-	} else t16 = $[28];
-	let t17;
-	if ($[29] !== asset || $[30] !== t16) {
-		t17 = /* @__PURE__ */ jsx(AssetThumbnail, {
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx(FieldWrapper, {
+		name,
+		label,
+		description,
+		children: /* @__PURE__ */ jsx(AssetThumbnail, {
 			asset,
 			size: "lg",
 			showControls: true,
-			className: t16
-		});
-		$[29] = asset;
-		$[30] = t16;
-		$[31] = t17;
-	} else t17 = $[31];
-	let t18;
-	if ($[32] !== description || $[33] !== label || $[34] !== name || $[35] !== t17) {
-		t18 = /* @__PURE__ */ jsx(FieldWrapper, {
-			name,
-			label,
-			description,
-			children: t17
-		});
-		$[32] = description;
-		$[33] = label;
-		$[34] = name;
-		$[35] = t17;
-		$[36] = t18;
-	} else t18 = $[36];
-	return t18;
+			className: cn("qa-asset-preview-field", className)
+		})
+	});
 }
 
 //#endregion

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

@@ -7,8 +7,7 @@ import { FieldWrapper } from "../field-wrapper.mjs";
 import { countBlocks } from "../../blocks/utils/tree-utils.mjs";
 import { BlockEditorLayout } from "../../blocks/block-editor-layout.mjs";
 import { BlockEditorProvider } from "../../blocks/block-editor-provider.mjs";
-import { c } from "react/compiler-runtime";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 
@@ -25,164 +24,69 @@ const EMPTY_BLOCKS = {};
 *
 * Renders the visual block editor for editing block content.
 */
-function BlocksField(t0) {
-	const $ = c(39);
-	const { name, value, onChange, label, description, error, required, disabled, allowedBlocks, minBlocks, maxBlocks } = t0;
+function BlocksField({ name, value, onChange, label, description, error, required, disabled, allowedBlocks, minBlocks, maxBlocks }) {
 	const { t } = useTranslation();
-	const form = useFormContext();
-	let t1;
-	if ($[0] !== form.control || $[1] !== name) {
-		t1 = {
-			control: form.control,
-			name
-		};
-		$[0] = form.control;
-		$[1] = name;
-		$[2] = t1;
-	} else t1 = $[2];
-	const watchedContent = useWatch(t1);
+	const watchedContent = useWatch({
+		control: useFormContext().control,
+		name
+	});
 	const { data: adminConfig } = useAdminConfig();
-	let t2;
-	if ($[3] !== value || $[4] !== watchedContent) {
-		t2 = isBlockContent(watchedContent) ? watchedContent : isBlockContent(value) ? value : EMPTY_BLOCK_CONTENT;
-		$[3] = value;
-		$[4] = watchedContent;
-		$[5] = t2;
-	} else t2 = $[5];
-	const content = t2;
+	const content = isBlockContent(watchedContent) ? watchedContent : isBlockContent(value) ? value : EMPTY_BLOCK_CONTENT;
 	const blocks = adminConfig?.blocks ?? EMPTY_BLOCKS;
-	let t3;
-	bb0: {
-		if (!allowedBlocks || allowedBlocks.length === 0) {
-			t3 = blocks;
-			break bb0;
-		}
-		let t4$1;
-		if ($[6] !== allowedBlocks) {
-			t4$1 = new Set(allowedBlocks);
-			$[6] = allowedBlocks;
-			$[7] = t4$1;
-		} else t4$1 = $[7];
-		const allowed = t4$1;
-		let t5$1;
-		if ($[8] !== allowed || $[9] !== blocks) {
-			t5$1 = Object.fromEntries(Object.entries(blocks).filter((t6$1) => {
-				const [name_0] = t6$1;
-				return allowed.has(name_0);
-			}));
-			$[8] = allowed;
-			$[9] = blocks;
-			$[10] = t5$1;
-		} else t5$1 = $[10];
-		t3 = t5$1;
-	}
-	const filteredBlocks = t3;
-	let t4;
-	if ($[11] !== onChange) {
-		t4 = (newContent) => {
-			onChange?.(newContent);
-		};
-		$[11] = onChange;
-		$[12] = t4;
-	} else t4 = $[12];
-	const handleChange = t4;
-	let t5;
-	if ($[13] !== content._tree) {
-		t5 = countBlocks(content._tree);
-		$[13] = content._tree;
-		$[14] = t5;
-	} else t5 = $[14];
-	const blockCount = t5;
-	let t6;
-	if ($[15] !== filteredBlocks) {
-		t6 = Object.keys(filteredBlocks);
-		$[15] = filteredBlocks;
-		$[16] = t6;
-	} else t6 = $[16];
-	const hasBlocks = t6.length > 0;
-	let t7;
-	if ($[17] !== allowedBlocks || $[18] !== content || $[19] !== filteredBlocks || $[20] !== handleChange || $[21] !== hasBlocks || $[22] !== t) {
-		t7 = hasBlocks ? /* @__PURE__ */ jsx(BlockEditorProvider, {
-			value: content,
-			onChange: handleChange,
-			blocks: filteredBlocks,
-			allowedBlocks,
-			children: /* @__PURE__ */ jsx(BlockEditorLayout, {})
-		}) : /* @__PURE__ */ jsxs("div", {
-			className: "text-muted-foreground py-4",
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "text-sm",
-				children: t("blocks.noDefinitions")
-			}), /* @__PURE__ */ jsx("p", {
-				className: "mt-1 text-xs",
-				children: t("blocks.noDefinitionsHint")
-			})]
-		});
-		$[17] = allowedBlocks;
-		$[18] = content;
-		$[19] = filteredBlocks;
-		$[20] = handleChange;
-		$[21] = hasBlocks;
-		$[22] = t;
-		$[23] = t7;
-	} else t7 = $[23];
-	let t8;
-	if ($[24] !== blockCount || $[25] !== maxBlocks || $[26] !== minBlocks) {
-		t8 = (minBlocks || maxBlocks) && /* @__PURE__ */ jsxs("div", {
-			className: "text-muted-foreground mt-2 text-xs",
-			children: [
-				minBlocks && /* @__PURE__ */ jsxs("span", { children: [
-					"Min: ",
-					minBlocks,
-					" blocks "
-				] }),
-				maxBlocks && /* @__PURE__ */ jsxs("span", { children: [
-					"Max: ",
-					maxBlocks,
-					" blocks"
-				] }),
-				/* @__PURE__ */ jsxs("span", {
-					className: "ml-2",
-					children: ["Current: ", blockCount]
-				})
-			]
-		});
-		$[24] = blockCount;
-		$[25] = maxBlocks;
-		$[26] = minBlocks;
-		$[27] = t8;
-	} else t8 = $[27];
-	let t9;
-	if ($[28] !== t7 || $[29] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("div", {
+	const filteredBlocks = React.useMemo(() => {
+		if (!allowedBlocks || allowedBlocks.length === 0) return blocks;
+		const allowed = new Set(allowedBlocks);
+		return Object.fromEntries(Object.entries(blocks).filter(([name$1]) => allowed.has(name$1)));
+	}, [blocks, allowedBlocks]);
+	const handleChange = React.useCallback((newContent) => {
+		onChange?.(newContent);
+	}, [onChange]);
+	const blockCount = countBlocks(content._tree);
+	return /* @__PURE__ */ jsx(FieldWrapper, {
+		name,
+		label,
+		description,
+		error,
+		required,
+		disabled,
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "qa-blocks-field",
-			children: [t7, t8]
-		});
-		$[28] = t7;
-		$[29] = t8;
-		$[30] = t9;
-	} else t9 = $[30];
-	let t10;
-	if ($[31] !== description || $[32] !== disabled || $[33] !== error || $[34] !== label || $[35] !== name || $[36] !== required || $[37] !== t9) {
-		t10 = /* @__PURE__ */ jsx(FieldWrapper, {
-			name,
-			label,
-			description,
-			error,
-			required,
-			disabled,
-			children: t9
-		});
-		$[31] = description;
-		$[32] = disabled;
-		$[33] = error;
-		$[34] = label;
-		$[35] = name;
-		$[36] = required;
-		$[37] = t9;
-		$[38] = t10;
-	} else t10 = $[38];
-	return t10;
+			children: [Object.keys(filteredBlocks).length > 0 ? /* @__PURE__ */ jsx(BlockEditorProvider, {
+				value: content,
+				onChange: handleChange,
+				blocks: filteredBlocks,
+				allowedBlocks,
+				children: /* @__PURE__ */ jsx(BlockEditorLayout, {})
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground py-4",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm",
+					children: t("blocks.noDefinitions")
+				}), /* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-xs",
+					children: t("blocks.noDefinitionsHint")
+				})]
+			}), (minBlocks || maxBlocks) && /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground mt-2 text-xs",
+				children: [
+					minBlocks && /* @__PURE__ */ jsxs("span", { children: [
+						"Min: ",
+						minBlocks,
+						" blocks "
+					] }),
+					maxBlocks && /* @__PURE__ */ jsxs("span", { children: [
+						"Max: ",
+						maxBlocks,
+						" blocks"
+					] }),
+					/* @__PURE__ */ jsxs("span", {
+						className: "ml-2",
+						children: ["Current: ", blockCount]
+					})
+				]
+			})]
+		})
+	});
 }
 
 //#endregion

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

@@ -3,7 +3,6 @@ import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
 import { CheckboxInput } from "../primitives/checkbox-input.mjs";
 import { ToggleInput } from "../primitives/toggle-input.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 
@@ -12,65 +11,36 @@ import { Controller } from "react-hook-form";
 * Unified boolean field component.
 * Renders as checkbox (default) or switch based on `displayAs` prop.
 */
-function BooleanField(t0) {
-	const $ = c(14);
-	const { name, label, description, required, disabled, localized, locale, control, className, displayAs: t1 } = t0;
-	const displayAs = t1 === void 0 ? "checkbox" : t1;
-	const resolvedControl = useResolvedControl(control);
-	let t2;
-	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== displayAs || $[4] !== label || $[5] !== locale || $[6] !== localized || $[7] !== name || $[8] !== required) {
-		t2 = (t3$1) => {
-			const { field, fieldState } = t3$1;
-			return /* @__PURE__ */ jsx(FieldWrapper, {
-				name,
-				label,
-				description,
-				required,
-				disabled,
-				localized,
-				locale,
-				error: fieldState.error?.message,
-				children: displayAs === "switch" ? /* @__PURE__ */ jsx(ToggleInput, {
-					id: name,
-					value: !!field.value,
-					onChange: field.onChange,
-					disabled,
-					"aria-invalid": !!fieldState.error,
-					className: cn("qa-boolean-field", className)
-				}) : /* @__PURE__ */ jsx(CheckboxInput, {
-					id: name,
-					value: !!field.value,
-					onChange: field.onChange,
-					disabled,
-					"aria-invalid": !!fieldState.error,
-					className: cn("qa-boolean-field", className)
-				})
-			});
-		};
-		$[0] = className;
-		$[1] = description;
-		$[2] = disabled;
-		$[3] = displayAs;
-		$[4] = label;
-		$[5] = locale;
-		$[6] = localized;
-		$[7] = name;
-		$[8] = required;
-		$[9] = t2;
-	} else t2 = $[9];
-	let t3;
-	if ($[10] !== name || $[11] !== resolvedControl || $[12] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Controller, {
+function BooleanField({ name, label, description, required, disabled, localized, locale, control, className, displayAs = "checkbox" }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
 			name,
-			control: resolvedControl,
-			render: t2
-		});
-		$[10] = name;
-		$[11] = resolvedControl;
-		$[12] = t2;
-		$[13] = t3;
-	} else t3 = $[13];
-	return t3;
+			label,
+			description,
+			required,
+			disabled,
+			localized,
+			locale,
+			error: fieldState.error?.message,
+			children: displayAs === "switch" ? /* @__PURE__ */ jsx(ToggleInput, {
+				id: name,
+				value: !!field.value,
+				onChange: field.onChange,
+				disabled,
+				"aria-invalid": !!fieldState.error,
+				className: cn("qa-boolean-field", className)
+			}) : /* @__PURE__ */ jsx(CheckboxInput, {
+				id: name,
+				value: !!field.value,
+				onChange: field.onChange,
+				disabled,
+				"aria-invalid": !!fieldState.error,
+				className: cn("qa-boolean-field", className)
+			})
+		})
+	});
 }
 
 //#endregion

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

@@ -2,19 +2,15 @@ import { cn } from "../../lib/utils.mjs";
 import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
 import { DateInput } from "../primitives/date-input.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 
 //#region src/client/components/fields/date-field.tsx
-function DateField(t0) {
-	const $ = c(17);
-	const { name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format } = t0;
-	const resolvedControl = useResolvedControl(control);
-	let t1;
-	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== format || $[4] !== label || $[5] !== locale || $[6] !== localized || $[7] !== maxDate || $[8] !== minDate || $[9] !== name || $[10] !== placeholder || $[11] !== required) {
-		t1 = (t2$1) => {
-			const { field, fieldState } = t2$1;
+function DateField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => {
 			const dateValue = (() => {
 				if (!field.value) return null;
 				const d = field.value instanceof Date ? field.value : new Date(field.value);
@@ -42,34 +38,8 @@ function DateField(t0) {
 					className: cn("qa-date-field", className)
 				})
 			});
-		};
-		$[0] = className;
-		$[1] = description;
-		$[2] = disabled;
-		$[3] = format;
-		$[4] = label;
-		$[5] = locale;
-		$[6] = localized;
-		$[7] = maxDate;
-		$[8] = minDate;
-		$[9] = name;
-		$[10] = placeholder;
-		$[11] = required;
-		$[12] = t1;
-	} else t1 = $[12];
-	let t2;
-	if ($[13] !== name || $[14] !== resolvedControl || $[15] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Controller, {
-			name,
-			control: resolvedControl,
-			render: t1
-		});
-		$[13] = name;
-		$[14] = resolvedControl;
-		$[15] = t1;
-		$[16] = t2;
-	} else t2 = $[16];
-	return t2;
+		}
+	});
 }
 
 //#endregion

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

@@ -2,19 +2,15 @@ import { cn } from "../../lib/utils.mjs";
 import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
 import { DateTimeInput } from "../primitives/date-input.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 
 //#region src/client/components/fields/datetime-field.tsx
-function DatetimeField(t0) {
-	const $ = c(18);
-	const { name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format, precision } = t0;
-	const resolvedControl = useResolvedControl(control);
-	let t1;
-	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== format || $[4] !== label || $[5] !== locale || $[6] !== localized || $[7] !== maxDate || $[8] !== minDate || $[9] !== name || $[10] !== placeholder || $[11] !== precision || $[12] !== required) {
-		t1 = (t2$1) => {
-			const { field, fieldState } = t2$1;
+function DatetimeField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format, precision }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => {
 			const dateValue = field.value instanceof Date ? field.value : field.value ? new Date(field.value) : null;
 			return /* @__PURE__ */ jsx(FieldWrapper, {
 				name,
@@ -39,35 +35,8 @@ function DatetimeField(t0) {
 					className: cn("qa-datetime-field", className)
 				})
 			});
-		};
-		$[0] = className;
-		$[1] = description;
-		$[2] = disabled;
-		$[3] = format;
-		$[4] = label;
-		$[5] = locale;
-		$[6] = localized;
-		$[7] = maxDate;
-		$[8] = minDate;
-		$[9] = name;
-		$[10] = placeholder;
-		$[11] = precision;
-		$[12] = required;
-		$[13] = t1;
-	} else t1 = $[13];
-	let t2;
-	if ($[14] !== name || $[15] !== resolvedControl || $[16] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Controller, {
-			name,
-			control: resolvedControl,
-			render: t1
-		});
-		$[14] = name;
-		$[15] = resolvedControl;
-		$[16] = t1;
-		$[17] = t2;
-	} else t2 = $[17];
-	return t2;
+		}
+	});
 }
 
 //#endregion