@questpie/admin 3.2.3 → 3.2.4

package/dist/client/views/collection/bulk-action-toolbar.mjs

@@ -47,7 +47,7 @@ function getSelectedIds(items) {
 * ```
 */
 function BulkActionToolbar(t0) {
-	const $ = c(86);
+	const $ = c(83);
 	const { table, actions, collection, helpers, totalCount, pageCount, onOpenDialog, onSelectAllMatching, onBulkDelete, onBulkRestore, filterCount: t1, onClearFilters, onOpenFilters } = t0;
 	const filterCount = t1 === void 0 ? 0 : t1;
 	const { t } = useTranslation();
@@ -121,31 +121,10 @@ function BulkActionToolbar(t0) {
 	const hasFilters = filterCount > 0;
 	const hasSelection = selectedCount > 0;
 	const isVisible = hasSelection || hasFilters;
-	const [shouldRender, setShouldRender] = React.useState(isVisible);
+	if (!isVisible) return null;
 	let t7;
-	let t8;
-	if ($[17] !== isVisible) {
-		t7 = () => {
-			if (isVisible) {
-				setShouldRender(true);
-				return;
-			}
-			const timeout = window.setTimeout(() => setShouldRender(false), 180);
-			return () => window.clearTimeout(timeout);
-		};
-		t8 = [isVisible];
-		$[17] = isVisible;
-		$[18] = t7;
-		$[19] = t8;
-	} else {
-		t7 = $[18];
-		t8 = $[19];
-	}
-	React.useEffect(t7, t8);
-	if (!shouldRender) return null;
-	let t9;
-	if ($[20] !== ctx || $[21] !== helpers || $[22] !== onBulkDelete || $[23] !== onBulkRestore || $[24] !== onOpenDialog || $[25] !== selectedItems || $[26] !== t || $[27] !== table) {
-		t9 = async (action_0) => {
+	if ($[17] !== ctx || $[18] !== helpers || $[19] !== onBulkDelete || $[20] !== onBulkRestore || $[21] !== onOpenDialog || $[22] !== selectedItems || $[23] !== t || $[24] !== table) {
+		t7 = async (action_0) => {
 			const { handler } = action_0;
 			if (action_0.id === "deleteMany" && onBulkDelete) {
 				setIsLoading(true);
@@ -173,7 +152,7 @@ function BulkActionToolbar(t0) {
 				}
 				return;
 			}
-			bb86: switch (handler.type) {
+			bb77: switch (handler.type) {
 				case "api": {
 					setIsLoading(true);
 					const ids_1 = getSelectedIds(selectedItems);
@@ -187,7 +166,7 @@ function BulkActionToolbar(t0) {
 						helpers.toast.error(t("collection.bulkActionFailed"));
 						setIsLoading(false);
 					}
-					break bb86;
+					break bb77;
 				}
 				case "custom":
 					setIsLoading(true);
@@ -199,93 +178,93 @@ function BulkActionToolbar(t0) {
 						helpers.toast.error(t("collection.bulkActionFailed"));
 						setIsLoading(false);
 					}
-					break bb86;
+					break bb77;
 				case "dialog":
 				case "form":
 					onOpenDialog?.(action_0, selectedItems);
-					break bb86;
+					break bb77;
 				case "navigate":
 					helpers.toast.error("Navigate action not supported for bulk operations");
-					break bb86;
+					break bb77;
 				case "server": onOpenDialog?.(action_0, selectedItems);
 			}
 		};
-		$[20] = ctx;
-		$[21] = helpers;
-		$[22] = onBulkDelete;
-		$[23] = onBulkRestore;
-		$[24] = onOpenDialog;
-		$[25] = selectedItems;
-		$[26] = t;
-		$[27] = table;
-		$[28] = t9;
-	} else t9 = $[28];
-	const executeBulkAction = t9;
-	let t10;
-	if ($[29] !== executeBulkAction) {
-		t10 = (action_1) => {
+		$[17] = ctx;
+		$[18] = helpers;
+		$[19] = onBulkDelete;
+		$[20] = onBulkRestore;
+		$[21] = onOpenDialog;
+		$[22] = selectedItems;
+		$[23] = t;
+		$[24] = table;
+		$[25] = t7;
+	} else t7 = $[25];
+	const executeBulkAction = t7;
+	let t8;
+	if ($[26] !== executeBulkAction) {
+		t8 = (action_1) => {
 			if (action_1.confirmation) setConfirmAction(action_1);
 			else executeBulkAction(action_1);
 		};
-		$[29] = executeBulkAction;
-		$[30] = t10;
-	} else t10 = $[30];
-	const handleActionClick = t10;
-	let t11;
-	if ($[31] !== confirmAction || $[32] !== executeBulkAction) {
-		t11 = async () => {
+		$[26] = executeBulkAction;
+		$[27] = t8;
+	} else t8 = $[27];
+	const handleActionClick = t8;
+	let t9;
+	if ($[28] !== confirmAction || $[29] !== executeBulkAction) {
+		t9 = async () => {
 			if (confirmAction) {
 				await executeBulkAction(confirmAction);
 				setConfirmAction(null);
 			}
 		};
-		$[31] = confirmAction;
-		$[32] = executeBulkAction;
-		$[33] = t11;
-	} else t11 = $[33];
-	const handleConfirm = t11;
-	let t12;
-	if ($[34] !== onSelectAllMatching) {
-		t12 = async () => {
+		$[28] = confirmAction;
+		$[29] = executeBulkAction;
+		$[30] = t9;
+	} else t9 = $[30];
+	const handleConfirm = t9;
+	let t10;
+	if ($[31] !== onSelectAllMatching) {
+		t10 = async () => {
 			if (!onSelectAllMatching) return;
 			setIsSelectingAll(true);
 			try {
 				await onSelectAllMatching();
 				setIsSelectingAll(false);
-			} catch (t13$1) {
-				const _err = t13$1;
+			} catch (t11$1) {
+				const _err = t11$1;
 				setIsSelectingAll(false);
 				throw _err;
 			}
 		};
-		$[34] = onSelectAllMatching;
-		$[35] = t12;
-	} else t12 = $[35];
-	const handleSelectAllMatching = t12;
-	let t13;
-	if ($[36] !== ctx) {
-		t13 = (action_2) => {
+		$[31] = onSelectAllMatching;
+		$[32] = t10;
+	} else t10 = $[32];
+	const handleSelectAllMatching = t10;
+	let t11;
+	if ($[33] !== ctx) {
+		t11 = (action_2) => {
 			if (action_2.disabled === void 0) return false;
 			if (typeof action_2.disabled === "function") return action_2.disabled(ctx);
 			return action_2.disabled;
 		};
-		$[36] = ctx;
-		$[37] = t13;
-	} else t13 = $[37];
-	const isDisabled = t13;
+		$[33] = ctx;
+		$[34] = t11;
+	} else t11 = $[34];
+	const isDisabled = t11;
+	let t12;
+	let t13;
 	let t14;
 	let t15;
 	let t16;
-	let t17;
-	let t18;
-	if ($[38] !== filterCount || $[39] !== handleActionClick || $[40] !== handleSelectAllMatching || $[41] !== hasFilters || $[42] !== hasSelection || $[43] !== isDisabled || $[44] !== isLoading || $[45] !== isSelectingAll || $[46] !== isVisible || $[47] !== onClearFilters || $[48] !== onOpenFilters || $[49] !== onSelectAllMatching || $[50] !== pageCount || $[51] !== resolveText || $[52] !== selectedCount || $[53] !== t || $[54] !== table || $[55] !== totalCount || $[56] !== visibleActions) {
+	if ($[35] !== filterCount || $[36] !== handleActionClick || $[37] !== handleSelectAllMatching || $[38] !== hasFilters || $[39] !== hasSelection || $[40] !== isDisabled || $[41] !== isLoading || $[42] !== isSelectingAll || $[43] !== isVisible || $[44] !== onClearFilters || $[45] !== onOpenFilters || $[46] !== onSelectAllMatching || $[47] !== pageCount || $[48] !== resolveText || $[49] !== selectedCount || $[50] !== t || $[51] !== table || $[52] !== totalCount || $[53] !== visibleActions) {
 		const regularActions = visibleActions.filter(_temp2);
 		const destructiveActions = visibleActions.filter(_temp3);
-		t17 = isVisible ? "open" : "closed";
-		t18 = "qa-bulk-toolbar fixed bottom-6 left-1/2 z-50 max-w-[calc(100%-2rem)] -translate-x-1/2 transition-[opacity,translate,scale] duration-[var(--motion-duration-slow)] ease-[var(--motion-ease-enter)] data-[state=closed]:pointer-events-none data-[state=closed]:translate-y-2 data-[state=closed]:scale-[0.98] data-[state=closed]:opacity-0 data-[state=open]:translate-y-0 data-[state=open]:scale-100 data-[state=open]:opacity-100 motion-reduce:transition-none sm:max-w-none";
-		t14 = "qa-bulk-toolbar__bar bg-background border-border flex items-center gap-2 overflow-x-auto rounded-full border px-3 py-2 shadow-lg transition-[gap,padding] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] sm:gap-3 sm:px-4 sm:py-2.5";
-		if ($[62] !== filterCount || $[63] !== hasFilters || $[64] !== hasSelection || $[65] !== onClearFilters || $[66] !== onOpenFilters || $[67] !== t) {
-			t15 = hasFilters && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		t15 = isVisible ? "open" : "closed";
+		t16 = "qa-bulk-toolbar fixed bottom-6 left-1/2 z-50 max-w-[calc(100%-2rem)] -translate-x-1/2 transition-[opacity,translate,scale] duration-[var(--motion-duration-slow)] ease-[var(--motion-ease-enter)] data-[state=closed]:pointer-events-none data-[state=closed]:translate-y-2 data-[state=closed]:scale-[0.98] data-[state=closed]:opacity-0 data-[state=open]:translate-y-0 data-[state=open]:scale-100 data-[state=open]:opacity-100 motion-reduce:transition-none sm:max-w-none";
+		t12 = "qa-bulk-toolbar__bar bg-background border-border flex items-center gap-2 overflow-x-auto rounded-full border px-3 py-2 shadow-lg transition-[gap,padding] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] sm:gap-3 sm:px-4 sm:py-2.5";
+		if ($[59] !== filterCount || $[60] !== hasFilters || $[61] !== hasSelection || $[62] !== onClearFilters || $[63] !== onOpenFilters || $[64] !== t) {
+			t13 = hasFilters && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex shrink-0 items-center gap-2",
 				children: [onOpenFilters ? /* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
@@ -317,15 +296,15 @@ function BulkActionToolbar(t0) {
 				className: "qa-bulk-toolbar__divider bg-border h-4 w-px shrink-0",
 				"aria-hidden": "true"
 			})] });
-			$[62] = filterCount;
-			$[63] = hasFilters;
-			$[64] = hasSelection;
-			$[65] = onClearFilters;
-			$[66] = onOpenFilters;
-			$[67] = t;
-			$[68] = t15;
-		} else t15 = $[68];
-		t16 = hasSelection && /* @__PURE__ */ jsxs(Fragment, { children: [
+			$[59] = filterCount;
+			$[60] = hasFilters;
+			$[61] = hasSelection;
+			$[62] = onClearFilters;
+			$[63] = onOpenFilters;
+			$[64] = t;
+			$[65] = t13;
+		} else t13 = $[65];
+		t14 = hasSelection && /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "shrink-0 text-sm font-medium whitespace-nowrap",
 				children: t("collection.selected", { count: selectedCount })
@@ -417,63 +396,63 @@ function BulkActionToolbar(t0) {
 				})]
 			})
 		] });
-		$[38] = filterCount;
-		$[39] = handleActionClick;
-		$[40] = handleSelectAllMatching;
-		$[41] = hasFilters;
-		$[42] = hasSelection;
-		$[43] = isDisabled;
-		$[44] = isLoading;
-		$[45] = isSelectingAll;
-		$[46] = isVisible;
-		$[47] = onClearFilters;
-		$[48] = onOpenFilters;
-		$[49] = onSelectAllMatching;
-		$[50] = pageCount;
-		$[51] = resolveText;
-		$[52] = selectedCount;
-		$[53] = t;
-		$[54] = table;
-		$[55] = totalCount;
-		$[56] = visibleActions;
-		$[57] = t14;
-		$[58] = t15;
-		$[59] = t16;
-		$[60] = t17;
-		$[61] = t18;
+		$[35] = filterCount;
+		$[36] = handleActionClick;
+		$[37] = handleSelectAllMatching;
+		$[38] = hasFilters;
+		$[39] = hasSelection;
+		$[40] = isDisabled;
+		$[41] = isLoading;
+		$[42] = isSelectingAll;
+		$[43] = isVisible;
+		$[44] = onClearFilters;
+		$[45] = onOpenFilters;
+		$[46] = onSelectAllMatching;
+		$[47] = pageCount;
+		$[48] = resolveText;
+		$[49] = selectedCount;
+		$[50] = t;
+		$[51] = table;
+		$[52] = totalCount;
+		$[53] = visibleActions;
+		$[54] = t12;
+		$[55] = t13;
+		$[56] = t14;
+		$[57] = t15;
+		$[58] = t16;
 	} else {
-		t14 = $[57];
-		t15 = $[58];
-		t16 = $[59];
-		t17 = $[60];
-		t18 = $[61];
+		t12 = $[54];
+		t13 = $[55];
+		t14 = $[56];
+		t15 = $[57];
+		t16 = $[58];
 	}
-	let t19;
-	if ($[69] !== t14 || $[70] !== t15 || $[71] !== t16) {
-		t19 = /* @__PURE__ */ jsxs("div", {
-			className: t14,
-			children: [t15, t16]
+	let t17;
+	if ($[66] !== t12 || $[67] !== t13 || $[68] !== t14) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: t12,
+			children: [t13, t14]
+		});
+		$[66] = t12;
+		$[67] = t13;
+		$[68] = t14;
+		$[69] = t17;
+	} else t17 = $[69];
+	let t18;
+	if ($[70] !== t15 || $[71] !== t16 || $[72] !== t17) {
+		t18 = /* @__PURE__ */ jsx("div", {
+			"data-state": t15,
+			className: t16,
+			children: t17
 		});
-		$[69] = t14;
 		$[70] = t15;
 		$[71] = t16;
-		$[72] = t19;
-	} else t19 = $[72];
-	let t20;
-	if ($[73] !== t17 || $[74] !== t18 || $[75] !== t19) {
-		t20 = /* @__PURE__ */ jsx("div", {
-			"data-state": t17,
-			className: t18,
-			children: t19
-		});
-		$[73] = t17;
-		$[74] = t18;
-		$[75] = t19;
-		$[76] = t20;
-	} else t20 = $[76];
-	let t21;
-	if ($[77] !== confirmAction || $[78] !== handleConfirm || $[79] !== isLoading || $[80] !== resolveText || $[81] !== selectedCount) {
-		t21 = confirmAction?.confirmation && /* @__PURE__ */ jsx(ConfirmationDialog, {
+		$[72] = t17;
+		$[73] = t18;
+	} else t18 = $[73];
+	let t19;
+	if ($[74] !== confirmAction || $[75] !== handleConfirm || $[76] !== isLoading || $[77] !== resolveText || $[78] !== selectedCount) {
+		t19 = confirmAction?.confirmation && /* @__PURE__ */ jsx(ConfirmationDialog, {
 			open: !!confirmAction,
 			onOpenChange: (open) => !open && setConfirmAction(null),
 			config: {
@@ -483,21 +462,21 @@ function BulkActionToolbar(t0) {
 			onConfirm: handleConfirm,
 			loading: isLoading
 		});
-		$[77] = confirmAction;
-		$[78] = handleConfirm;
-		$[79] = isLoading;
-		$[80] = resolveText;
-		$[81] = selectedCount;
-		$[82] = t21;
-	} else t21 = $[82];
-	let t22;
-	if ($[83] !== t20 || $[84] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(Fragment, { children: [t20, t21] });
-		$[83] = t20;
-		$[84] = t21;
-		$[85] = t22;
-	} else t22 = $[85];
-	return t22;
+		$[74] = confirmAction;
+		$[75] = handleConfirm;
+		$[76] = isLoading;
+		$[77] = resolveText;
+		$[78] = selectedCount;
+		$[79] = t19;
+	} else t19 = $[79];
+	let t20;
+	if ($[80] !== t18 || $[81] !== t19) {
+		t20 = /* @__PURE__ */ jsxs(Fragment, { children: [t18, t19] });
+		$[80] = t18;
+		$[81] = t19;
+		$[82] = t20;
+	} else t20 = $[82];
+	return t20;
 }
 function _temp3(a_0) {
 	return a_0.variant === "destructive";

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

@@ -8,17 +8,11 @@ import { buildComponentProps, getFieldContext, getFieldOptions, getFullFieldName
 import { useFieldHooks } from "../../hooks/use-field-hooks.mjs";
 import { useReactiveProps } from "../../hooks/use-reactive-prop.mjs";
 import { c } from "react/compiler-runtime";
-import * as React from "react";
+import "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",
@@ -143,38 +137,90 @@ function renderEmbeddedField({ context, registry, allCollectionsConfig, componen
 * 2. FieldDefinition.field.component (registry-first approach)
 * 3. Error message if no component registered
 */
-function FieldRenderer({ fieldName, fieldDef, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, renderEmbeddedFields, className, entityMeta: entityMetaProp, extraProps }) {
+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;
 	const form = useFormContext();
 	const { locale } = useScopedLocale();
 	const resolveText = useResolveText();
 	const { data: adminConfig } = useAdminConfig();
-	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
-	});
+	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 watchedFieldValue = Array.isArray(watchedDependencyValues) ? watchedDependencyValues[0] : watchedDependencyValues;
-	const formValues = React.useMemo(() => {
-		if (!fieldPrefix) return form.getValues() ?? {};
-		return form.getValues(fieldPrefix) ?? {};
-	}, [
-		form,
-		fieldPrefix,
-		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 context = getFieldContext({
 		fieldName,
 		fieldDef,
@@ -197,19 +243,60 @@ function FieldRenderer({ fieldName, fieldDef, collection, mode = "collection", r
 		loadOptions: fieldOptions.loadOptions,
 		staticOptions: context.options
 	});
-	if (context.isHidden) return null;
-	if (!fieldDef) return renderConfigError(`Field "${fieldName}" not found in ${mode === "global" ? "global" : "collection"} "${collection}" config.`);
 	const resolvedOptions = hookOptions ?? context.options;
 	const rawComponentProps = buildComponentProps(context);
-	const { props: resolvedFieldProps } = useReactiveProps({
-		entity: collection,
-		entityType: mode,
-		field: fullFieldName,
-		props: React.useMemo(() => ({
-			...stripFieldUiOptions(getFieldOptions(fieldDef)),
-			...extraProps ?? {}
-		}), [fieldDef, extraProps])
-	});
+	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);
+	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;
+	}
 	const fieldValue = isComputed ? computedValue : watchedFieldValue === void 0 ? rawComponentProps.value : watchedFieldValue;
 	const componentProps = {
 		...rawComponentProps,
@@ -243,12 +330,36 @@ function FieldRenderer({ fieldName, fieldDef, collection, mode = "collection", r
 		componentProps,
 		blocks: adminConfig?.blocks
 	});
-	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 });
+	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;
 }
 
 //#endregion