@questpie/admin 3.2.4 → 3.2.6

package/dist/client/views/collection/field-renderer.mjs

@@ -7,21 +7,24 @@ import { scopeDependencies, trackDependencies } from "../../utils/dependency-tra
 import { buildComponentProps, getFieldContext, getFieldOptions, getFullFieldName } from "./field-context.mjs";
 import { useFieldHooks } from "../../hooks/use-field-hooks.mjs";
 import { useReactiveProps } from "../../hooks/use-reactive-prop.mjs";
-import { c } from "react/compiler-runtime";
-import "react";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 
 //#region src/client/views/collection/field-renderer.tsx
+/**
+* FieldRenderer Component
+*
+* Renders a single form field using FieldDefinition.
+* Shared between AutoFormFields and BlockEditor.
+*/
 function renderConfigError(message) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "border-destructive/40 bg-destructive/5 text-destructive rounded border p-3 text-sm",
 		children: message
 	});
 }
-function FieldComponentSkeleton(t0) {
-	const $ = c(3);
-	const { type } = t0;
+function FieldComponentSkeleton({ type }) {
 	const largeFieldTypes = new Set([
 		"blocks",
 		"json",
@@ -30,25 +33,14 @@ function FieldComponentSkeleton(t0) {
 	]);
 	const tallFieldTypes = new Set(["textarea", "upload"]);
 	const controlClassName = largeFieldTypes.has(type ?? "") ? "h-40 w-full" : tallFieldTypes.has(type ?? "") ? "h-28 w-full" : "h-10 w-full";
-	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];
-	let t2;
-	if ($[1] !== controlClassName) {
-		t2 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
-			"aria-busy": "true",
-			children: [t1, /* @__PURE__ */ jsx(Skeleton, { className: controlClassName })]
-		});
-		$[1] = controlClassName;
-		$[2] = t2;
-	} else t2 = $[2];
-	return t2;
+		}), /* @__PURE__ */ jsx(Skeleton, { className: controlClassName })]
+	});
 }
 function stripFieldUiOptions(options) {
 	const rest = { ...options };
@@ -137,90 +129,38 @@ function renderEmbeddedField({ context, registry, allCollectionsConfig, componen
 * 2. FieldDefinition.field.component (registry-first approach)
 * 3. Error message if no component registered
 */
-function FieldRenderer(t0) {
-	const $ = c(44);
-	const { fieldName, fieldDef, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, renderEmbeddedFields, className, entityMeta: entityMetaProp, extraProps } = t0;
-	const mode = t1 === void 0 ? "collection" : t1;
+function FieldRenderer({ fieldName, fieldDef, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, renderEmbeddedFields, className, entityMeta: entityMetaProp, extraProps }) {
 	const form = useFormContext();
 	const { locale } = useScopedLocale();
 	const resolveText = useResolveText();
 	const { data: adminConfig } = useAdminConfig();
-	let t2;
-	if ($[0] !== fieldName || $[1] !== fieldPrefix) {
-		t2 = getFullFieldName(fieldName, fieldPrefix);
-		$[0] = fieldName;
-		$[1] = fieldPrefix;
-		$[2] = t2;
-	} else t2 = $[2];
-	const fullFieldName = t2;
-	let t3;
-	if ($[3] !== fieldDef) {
-		t3 = getFieldOptions(fieldDef);
-		$[3] = fieldDef;
-		$[4] = t3;
-	} else t3 = $[4];
-	const fieldOptions = t3;
-	let t4;
-	if ($[5] !== fieldOptions || $[6] !== fieldPrefix || $[7] !== form) {
-		t4 = computeDynamicDependencyPaths({
-			fieldOptions,
-			form,
-			fieldPrefix
-		});
-		$[5] = fieldOptions;
-		$[6] = fieldPrefix;
-		$[7] = form;
-		$[8] = t4;
-	} else t4 = $[8];
-	const dynamicDependencyPaths = t4;
-	let t5;
-	if ($[9] !== dynamicDependencyPaths || $[10] !== fullFieldName) {
-		t5 = new Set([fullFieldName, ...dynamicDependencyPaths]);
-		$[9] = dynamicDependencyPaths;
-		$[10] = fullFieldName;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== t5) {
-		t6 = [...t5];
-		$[12] = t5;
-		$[13] = t6;
-	} else t6 = $[13];
-	const t7 = t6;
-	let t8;
-	if ($[14] !== form.control || $[15] !== t7) {
-		t8 = {
-			control: form.control,
-			name: t7
-		};
-		$[14] = form.control;
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
-	const watchedDependencyValues = useWatch(t8);
+	const fullFieldName = getFullFieldName(fieldName, fieldPrefix);
+	const fieldOptions = React.useMemo(() => getFieldOptions(fieldDef), [fieldDef]);
+	const dynamicDependencyPaths = React.useMemo(() => computeDynamicDependencyPaths({
+		fieldOptions,
+		form,
+		fieldPrefix
+	}), [
+		fieldOptions,
+		form,
+		fieldPrefix
+	]);
+	const watchNames = React.useMemo(() => {
+		return [...new Set([fullFieldName, ...dynamicDependencyPaths])];
+	}, [fullFieldName, dynamicDependencyPaths]);
+	const watchedDependencyValues = useWatch({
+		control: form.control,
+		name: watchNames
+	});
 	const watchedFieldValue = Array.isArray(watchedDependencyValues) ? watchedDependencyValues[0] : watchedDependencyValues;
-	let t9;
-	bb0: {
-		if (!fieldPrefix) {
-			let t10$2;
-			if ($[17] !== form) {
-				t10$2 = form.getValues() ?? {};
-				$[17] = form;
-				$[18] = t10$2;
-			} else t10$2 = $[18];
-			t9 = t10$2;
-			break bb0;
-		}
-		let t10$1;
-		if ($[19] !== fieldPrefix || $[20] !== form) {
-			t10$1 = form.getValues(fieldPrefix) ?? {};
-			$[19] = fieldPrefix;
-			$[20] = form;
-			$[21] = t10$1;
-		} else t10$1 = $[21];
-		t9 = t10$1;
-	}
-	const formValues = t9;
+	const formValues = React.useMemo(() => {
+		if (!fieldPrefix) return form.getValues() ?? {};
+		return form.getValues(fieldPrefix) ?? {};
+	}, [
+		form,
+		fieldPrefix,
+		watchedDependencyValues
+	]);
 	const context = getFieldContext({
 		fieldName,
 		fieldDef,
@@ -245,58 +185,18 @@ function FieldRenderer(t0) {
 	});
 	const resolvedOptions = hookOptions ?? context.options;
 	const rawComponentProps = buildComponentProps(context);
-	let t10;
-	if ($[22] !== fieldDef) {
-		t10 = stripFieldUiOptions(getFieldOptions(fieldDef));
-		$[22] = fieldDef;
-		$[23] = t10;
-	} else t10 = $[23];
-	let t11;
-	if ($[24] !== extraProps) {
-		t11 = extraProps ?? {};
-		$[24] = extraProps;
-		$[25] = t11;
-	} else t11 = $[25];
-	let t12;
-	if ($[26] !== t10 || $[27] !== t11) {
-		t12 = {
-			...t10,
-			...t11
-		};
-		$[26] = t10;
-		$[27] = t11;
-		$[28] = t12;
-	} else t12 = $[28];
-	const mergedFieldProps = t12;
-	const t13 = !context.isHidden && !!fieldDef;
-	let t14;
-	if ($[29] !== collection || $[30] !== fullFieldName || $[31] !== mergedFieldProps || $[32] !== mode || $[33] !== t13) {
-		t14 = {
-			entity: collection,
-			entityType: mode,
-			field: fullFieldName,
-			props: mergedFieldProps,
-			enabled: t13
-		};
-		$[29] = collection;
-		$[30] = fullFieldName;
-		$[31] = mergedFieldProps;
-		$[32] = mode;
-		$[33] = t13;
-		$[34] = t14;
-	} else t14 = $[34];
-	const { props: resolvedFieldProps } = useReactiveProps(t14);
+	const { props: resolvedFieldProps } = useReactiveProps({
+		entity: collection,
+		entityType: mode,
+		field: fullFieldName,
+		props: React.useMemo(() => ({
+			...stripFieldUiOptions(getFieldOptions(fieldDef)),
+			...extraProps ?? {}
+		}), [fieldDef, extraProps]),
+		enabled: !context.isHidden && !!fieldDef
+	});
 	if (context.isHidden) return null;
-	if (!fieldDef) {
-		const t15$1 = `Field "${fieldName}" not found in ${mode === "global" ? "global" : "collection"} "${collection}" config.`;
-		let t16;
-		if ($[35] !== t15$1) {
-			t16 = renderConfigError(t15$1);
-			$[35] = t15$1;
-			$[36] = t16;
-		} else t16 = $[36];
-		return t16;
-	}
+	if (!fieldDef) return renderConfigError(`Field "${fieldName}" not found in ${mode === "global" ? "global" : "collection"} "${collection}" config.`);
 	const fieldValue = isComputed ? computedValue : watchedFieldValue === void 0 ? rawComponentProps.value : watchedFieldValue;
 	const componentProps = {
 		...rawComponentProps,
@@ -330,36 +230,12 @@ function FieldRenderer(t0) {
 		componentProps,
 		blocks: adminConfig?.blocks
 	});
-	if (!content) {
-		const t15$1 = `No component registered for field type "${context.type}" (field: "${context.fieldName}").`;
-		let t16;
-		if ($[37] !== t15$1) {
-			t16 = renderConfigError(t15$1);
-			$[37] = t15$1;
-			$[38] = t16;
-		} else t16 = $[38];
-		content = t16;
-	}
-	if (className) {
-		let t15$1;
-		if ($[39] !== className || $[40] !== content) {
-			t15$1 = /* @__PURE__ */ jsx("div", {
-				className,
-				children: content
-			});
-			$[39] = className;
-			$[40] = content;
-			$[41] = t15$1;
-		} else t15$1 = $[41];
-		return t15$1;
-	}
-	let t15;
-	if ($[42] !== content) {
-		t15 = /* @__PURE__ */ jsx(Fragment, { children: content });
-		$[42] = content;
-		$[43] = t15;
-	} else t15 = $[43];
-	return t15;
+	if (!content) content = renderConfigError(`No component registered for field type "${context.type}" (field: "${context.fieldName}").`);
+	if (className) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children: content });
 }
 
 //#endregion