@questpie/admin 1.1.1 → 3.0.0

package/dist/client/views/collection/auto-form-fields.mjs

@@ -0,0 +1,873 @@
+import { useResolveText } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { resolveIconElement } from "../../components/component-renderer.mjs";
+import { getGridColumnsClass } from "../../components/fields/field-utils.mjs";
+import { getFieldName, isFieldReference } from "../../builder/types/field-types.mjs";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../components/ui/accordion.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../components/ui/tabs.mjs";
+import { useCollectionFields } from "../../hooks/use-collection-fields.mjs";
+import { useCollectionMeta } from "../../hooks/use-collection-meta.mjs";
+import { useGlobalFields } from "../../hooks/use-global-fields.mjs";
+import { useGlobalMeta } from "../../hooks/use-global-meta.mjs";
+import { scopeDependencies, trackDependencies } from "../../utils/dependency-tracker.mjs";
+import { getFullFieldName, resolveValue } from "./field-context.mjs";
+import { FieldRenderer } from "./field-renderer.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFormContext, useWatch } from "react-hook-form";
+
+//#region src/client/views/collection/auto-form-fields.tsx
+/**
+* Normalize FieldLayoutItem to field name
+* Only handles field references, returns null for layout containers
+*/
+function normalizeFieldItem(item) {
+	if (typeof item === "string") return { field: item };
+	if (typeof item === "object" && item !== null && "field" in item && typeof item.field === "string") return {
+		field: item.field,
+		className: "className" in item ? item.className : void 0
+	};
+	return null;
+}
+function getGapStyle(gap) {
+	if (gap === void 0) return void 0;
+	return `${gap * .25}rem`;
+}
+function trackDynamicValueDependencies(value, formValues, deps) {
+	if (typeof value !== "function") return;
+	const tracked = trackDependencies(formValues, value);
+	for (const dep of tracked.deps) deps.add(dep);
+}
+function collectLayoutDependencies(fieldItems, formValues, deps) {
+	if (!fieldItems?.length) return;
+	for (const item of fieldItems) {
+		if (typeof item !== "object" || item === null || !("type" in item)) continue;
+		if (item.type === "section") {
+			trackDynamicValueDependencies(item.hidden, formValues, deps);
+			trackDynamicValueDependencies(item.label, formValues, deps);
+			trackDynamicValueDependencies(item.description, formValues, deps);
+			collectLayoutDependencies(item.fields, formValues, deps);
+			continue;
+		}
+		if (item.type === "tabs") for (const tab of item.tabs) {
+			trackDynamicValueDependencies(tab.hidden, formValues, deps);
+			trackDynamicValueDependencies(tab.label, formValues, deps);
+			collectLayoutDependencies(tab.fields, formValues, deps);
+		}
+	}
+}
+function mapFormSchemaToConfig(form) {
+	if (!form) return void 0;
+	if (form.fields?.length) return {
+		fields: form.fields,
+		sidebar: form.sidebar
+	};
+}
+/**
+* Render fields list
+*/
+function renderFields({ fieldItems, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, columns = 1, gap, className }) {
+	const visibleFields = fieldItems.map(normalizeFieldItem).filter((item) => item !== null).filter((item) => !excludedFields?.has(item.field));
+	if (!visibleFields.length) return null;
+	const gridClass = columns > 1 ? getGridColumnsClass(columns, true) : "";
+	const shouldLastFieldSpan = columns > 1 && visibleFields.length % columns !== 0;
+	const fieldElements = visibleFields.map((item, index) => {
+		const spanClass = index === visibleFields.length - 1 && shouldLastFieldSpan ? "col-span-full" : "";
+		return /* @__PURE__ */ jsx(FieldRenderer, {
+			fieldName: item.field,
+			fieldDef: fields[item.field],
+			collection,
+			mode,
+			registry,
+			fieldPrefix,
+			allCollectionsConfig,
+			entityMeta,
+			className: cn(item.className, spanClass),
+			renderEmbeddedFields: ({ embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex }) => /* @__PURE__ */ jsx(AutoFormFields, {
+				collection: embeddedCollection,
+				mode: "collection",
+				config: embeddedCollectionConfig,
+				registry,
+				fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
+				allCollectionsConfig
+			})
+		}, item.field);
+	});
+	if (columns > 1) return /* @__PURE__ */ jsx("div", {
+		className: cn("grid gap-4", gridClass, className),
+		style: gap ? { gap: getGapStyle(gap) } : void 0,
+		children: fieldElements
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("space-y-4", className),
+		children: fieldElements
+	});
+}
+/**
+* Render field layout items (fields, sections, tabs)
+*
+* NEW API: fields array can contain:
+* - Field references (string or {field, className})
+* - Section layouts ({ type: 'section', ... })
+* - Tabs layouts ({ type: 'tabs', ... })
+*/
+function getLayoutKey(item) {
+	if (item.type === "tabs") {
+		const tabKey = item.tabs.map((tab) => tab.id).filter(Boolean).join("-");
+		return tabKey ? `tabs-${tabKey}` : "tabs";
+	}
+	const fieldKey = item.fields.map((fieldItem) => {
+		if (isFieldReference(fieldItem)) return getFieldName(fieldItem) ?? "field";
+		if (typeof fieldItem === "object" && "type" in fieldItem) return fieldItem.type;
+		return "item";
+	}).join("-");
+	return fieldKey ? `section-${fieldKey}` : "section";
+}
+function FieldLayoutItems(t0) {
+	const $ = c(25);
+	const { fieldItems, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	if (!fieldItems?.length) return null;
+	let t2;
+	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== entityMeta || $[3] !== excludedFields || $[4] !== fieldItems || $[5] !== fieldPrefix || $[6] !== fields || $[7] !== formValues || $[8] !== mode || $[9] !== registry || $[10] !== resolveText) {
+		let t3$1;
+		if ($[12] !== allCollectionsConfig || $[13] !== collection || $[14] !== entityMeta || $[15] !== excludedFields || $[16] !== fieldPrefix || $[17] !== fields || $[18] !== formValues || $[19] !== mode || $[20] !== registry || $[21] !== resolveText) {
+			t3$1 = (item, index) => {
+				if (isFieldReference(item)) {
+					const fieldName = getFieldName(item);
+					if (!fieldName || !fields[fieldName]) return null;
+					if (excludedFields?.has(fieldName)) return null;
+					const fieldDef = fields[fieldName];
+					return /* @__PURE__ */ jsx(FieldRenderer, {
+						fieldName,
+						fieldDef,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						entityMeta,
+						className: typeof item === "object" && "className" in item ? item.className : void 0,
+						renderEmbeddedFields: (t4) => {
+							const { embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex } = t4;
+							return /* @__PURE__ */ jsx(AutoFormFields, {
+								collection: embeddedCollection,
+								mode: "collection",
+								config: embeddedCollectionConfig,
+								registry,
+								fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
+								allCollectionsConfig
+							});
+						}
+					}, fieldName);
+				}
+				if (typeof item === "object" && "type" in item) switch (item.type) {
+					case "tabs": return /* @__PURE__ */ jsx(TabsLayoutRenderer, {
+						tabsLayout: item,
+						fields,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						excludedFields,
+						entityMeta,
+						formValues,
+						resolveText
+					}, getLayoutKey(item));
+					case "section": return /* @__PURE__ */ jsx(SectionLayoutRenderer, {
+						section: item,
+						index,
+						fields,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						excludedFields,
+						entityMeta,
+						formValues,
+						resolveText
+					}, getLayoutKey(item));
+					default: return null;
+				}
+				return null;
+			};
+			$[12] = allCollectionsConfig;
+			$[13] = collection;
+			$[14] = entityMeta;
+			$[15] = excludedFields;
+			$[16] = fieldPrefix;
+			$[17] = fields;
+			$[18] = formValues;
+			$[19] = mode;
+			$[20] = registry;
+			$[21] = resolveText;
+			$[22] = t3$1;
+		} else t3$1 = $[22];
+		t2 = fieldItems.map(t3$1).filter(Boolean);
+		$[0] = allCollectionsConfig;
+		$[1] = collection;
+		$[2] = entityMeta;
+		$[3] = excludedFields;
+		$[4] = fieldItems;
+		$[5] = fieldPrefix;
+		$[6] = fields;
+		$[7] = formValues;
+		$[8] = mode;
+		$[9] = registry;
+		$[10] = resolveText;
+		$[11] = t2;
+	} else t2 = $[11];
+	const validItems = t2;
+	let t3;
+	if ($[23] !== validItems) {
+		t3 = validItems.length === 1 ? validItems[0] : /* @__PURE__ */ jsx("div", {
+			className: "space-y-6",
+			children: validItems
+		});
+		$[23] = validItems;
+		$[24] = t3;
+	} else t3 = $[24];
+	return t3;
+}
+/**
+* Render a section layout
+* Mirrors object field: wrapper (flat|collapsible) + layout (stack|inline|grid)
+*/
+function SectionLayoutRenderer(t0) {
+	const $ = c(51);
+	const { section, index, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	if (resolveValue(section.hidden, formValues, false)) return null;
+	const wrapper = section.wrapper ?? "flat";
+	const layout = section.layout ?? "stack";
+	const columns = section.columns ?? 2;
+	const gap = section.gap;
+	let t2;
+	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== columns || $[3] !== entityMeta || $[4] !== excludedFields || $[5] !== fieldPrefix || $[6] !== fields || $[7] !== formValues || $[8] !== gap || $[9] !== layout || $[10] !== mode || $[11] !== registry || $[12] !== resolveText || $[13] !== section.className || $[14] !== section.fields) {
+		const renderSectionFields = () => {
+			if (layout === "grid") return renderFields({
+				fieldItems: section.fields,
+				fields,
+				collection,
+				mode,
+				registry,
+				fieldPrefix,
+				allCollectionsConfig,
+				excludedFields,
+				entityMeta,
+				columns,
+				gap,
+				className: section.className
+			});
+			if (layout === "inline") return /* @__PURE__ */ jsx("div", {
+				className: cn("flex flex-wrap gap-4", section.className),
+				children: section.fields.map((item, _idx) => {
+					const fieldName = getFieldName(item);
+					if (!fieldName || !fields[fieldName]) return null;
+					if (excludedFields?.has(fieldName)) return null;
+					const fieldDef = fields[fieldName];
+					return /* @__PURE__ */ jsx(FieldRenderer, {
+						fieldName,
+						fieldDef,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						entityMeta,
+						className: typeof item === "object" && "className" in item ? item.className : void 0,
+						renderEmbeddedFields: (t3$1) => {
+							const { embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex } = t3$1;
+							return /* @__PURE__ */ jsx(AutoFormFields, {
+								collection: embeddedCollection,
+								mode: "collection",
+								config: embeddedCollectionConfig,
+								registry,
+								fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
+								allCollectionsConfig
+							});
+						}
+					}, fieldName);
+				})
+			});
+			return /* @__PURE__ */ jsx(FieldLayoutItems, {
+				fieldItems: section.fields,
+				fields,
+				collection,
+				mode,
+				registry,
+				fieldPrefix,
+				allCollectionsConfig,
+				excludedFields,
+				entityMeta,
+				formValues,
+				resolveText
+			});
+		};
+		t2 = renderSectionFields();
+		$[0] = allCollectionsConfig;
+		$[1] = collection;
+		$[2] = columns;
+		$[3] = entityMeta;
+		$[4] = excludedFields;
+		$[5] = fieldPrefix;
+		$[6] = fields;
+		$[7] = formValues;
+		$[8] = gap;
+		$[9] = layout;
+		$[10] = mode;
+		$[11] = registry;
+		$[12] = resolveText;
+		$[13] = section.className;
+		$[14] = section.fields;
+		$[15] = t2;
+	} else t2 = $[15];
+	const content = t2;
+	if (!content) return null;
+	let t3;
+	if ($[16] !== formValues || $[17] !== resolveText || $[18] !== section.description || $[19] !== section.label) {
+		t3 = section.label || section.description ? /* @__PURE__ */ jsxs("div", {
+			className: "mb-4",
+			children: [section.label && /* @__PURE__ */ jsx("h3", {
+				className: "qa-form-fields__section-title text-lg font-semibold",
+				children: resolveText(section.label, "", formValues)
+			}), section.description && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-1 text-sm",
+				children: resolveText(section.description, "", formValues)
+			})]
+		}) : null;
+		$[16] = formValues;
+		$[17] = resolveText;
+		$[18] = section.description;
+		$[19] = section.label;
+		$[20] = t3;
+	} else t3 = $[20];
+	const header = t3;
+	if (wrapper === "collapsible") {
+		const value = `section-${index}`;
+		const defaultOpen = section.defaultCollapsed !== true;
+		let t4$1;
+		if ($[21] !== defaultOpen || $[22] !== value) {
+			t4$1 = defaultOpen ? [value] : [];
+			$[21] = defaultOpen;
+			$[22] = value;
+			$[23] = t4$1;
+		} else t4$1 = $[23];
+		let t5$1;
+		if ($[24] !== formValues || $[25] !== resolveText || $[26] !== section.label) {
+			t5$1 = resolveText(section.label, "Section", formValues);
+			$[24] = formValues;
+			$[25] = resolveText;
+			$[26] = section.label;
+			$[27] = t5$1;
+		} else t5$1 = $[27];
+		let t6;
+		if ($[28] !== t5$1) {
+			t6 = /* @__PURE__ */ jsx(AccordionTrigger, {
+				className: "hover:no-underline",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: t5$1
+				})
+			});
+			$[28] = t5$1;
+			$[29] = t6;
+		} else t6 = $[29];
+		let t7;
+		if ($[30] !== formValues || $[31] !== resolveText || $[32] !== section.description) {
+			t7 = section.description && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mb-4 text-sm",
+				children: resolveText(section.description, "", formValues)
+			});
+			$[30] = formValues;
+			$[31] = resolveText;
+			$[32] = section.description;
+			$[33] = t7;
+		} else t7 = $[33];
+		let t8;
+		if ($[34] !== content || $[35] !== t7) {
+			t8 = /* @__PURE__ */ jsxs(AccordionContent, {
+				className: "pt-2 pb-4",
+				children: [t7, content]
+			});
+			$[34] = content;
+			$[35] = t7;
+			$[36] = t8;
+		} else t8 = $[36];
+		let t9;
+		if ($[37] !== t6 || $[38] !== t8 || $[39] !== value) {
+			t9 = /* @__PURE__ */ jsxs(AccordionItem, {
+				value,
+				className: "border px-4",
+				children: [t6, t8]
+			});
+			$[37] = t6;
+			$[38] = t8;
+			$[39] = value;
+			$[40] = t9;
+		} else t9 = $[40];
+		let t10;
+		if ($[41] !== t4$1 || $[42] !== t9 || $[43] !== value) {
+			t10 = /* @__PURE__ */ jsx(Accordion, {
+				defaultValue: t4$1,
+				className: "w-full",
+				children: t9
+			}, value);
+			$[41] = t4$1;
+			$[42] = t9;
+			$[43] = value;
+			$[44] = t10;
+		} else t10 = $[44];
+		return t10;
+	}
+	let t4;
+	if ($[45] !== section.className) {
+		t4 = cn("qa-form-fields__section space-y-4", section.className);
+		$[45] = section.className;
+		$[46] = t4;
+	} else t4 = $[46];
+	let t5;
+	if ($[47] !== content || $[48] !== header || $[49] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [header, content]
+		});
+		$[47] = content;
+		$[48] = header;
+		$[49] = t4;
+		$[50] = t5;
+	} else t5 = $[50];
+	return t5;
+}
+/**
+* Render tabs layout
+*/
+function TabsLayoutRenderer(t0) {
+	const $ = c(29);
+	const { tabsLayout, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	const t2 = tabsLayout.tabs;
+	let t3;
+	let t4;
+	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== entityMeta || $[3] !== excludedFields || $[4] !== fieldPrefix || $[5] !== fields || $[6] !== formValues || $[7] !== mode || $[8] !== registry || $[9] !== resolveText || $[10] !== tabsLayout.tabs) {
+		t4 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let t5;
+			if ($[13] !== formValues) {
+				t5 = (tab) => !resolveValue(tab.hidden, formValues, false);
+				$[13] = formValues;
+				$[14] = t5;
+			} else t5 = $[14];
+			const visibleTabs = t2.filter(t5);
+			if (!visibleTabs.length) {
+				t4 = null;
+				break bb0;
+			}
+			const defaultTab = visibleTabs[0]?.id;
+			let t6;
+			if ($[15] !== formValues || $[16] !== resolveText) {
+				t6 = (tab_0) => /* @__PURE__ */ jsxs(TabsTrigger, {
+					value: tab_0.id,
+					children: [resolveIconElement(tab_0.icon, { className: "mr-2 size-4" }), resolveText(tab_0.label, tab_0.id, formValues)]
+				}, tab_0.id);
+				$[15] = formValues;
+				$[16] = resolveText;
+				$[17] = t6;
+			} else t6 = $[17];
+			let t7;
+			if ($[18] !== allCollectionsConfig || $[19] !== collection || $[20] !== entityMeta || $[21] !== excludedFields || $[22] !== fieldPrefix || $[23] !== fields || $[24] !== formValues || $[25] !== mode || $[26] !== registry || $[27] !== resolveText) {
+				t7 = (tab_1) => /* @__PURE__ */ jsx(TabsContent, {
+					value: tab_1.id,
+					className: "mt-4",
+					children: /* @__PURE__ */ jsx(FieldLayoutItems, {
+						fieldItems: tab_1.fields,
+						fields,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						excludedFields,
+						entityMeta,
+						formValues,
+						resolveText
+					})
+				}, tab_1.id);
+				$[18] = allCollectionsConfig;
+				$[19] = collection;
+				$[20] = entityMeta;
+				$[21] = excludedFields;
+				$[22] = fieldPrefix;
+				$[23] = fields;
+				$[24] = formValues;
+				$[25] = mode;
+				$[26] = registry;
+				$[27] = resolveText;
+				$[28] = t7;
+			} else t7 = $[28];
+			t3 = /* @__PURE__ */ jsxs(Tabs, {
+				defaultValue: defaultTab,
+				children: [/* @__PURE__ */ jsx(TabsList, {
+					variant: "line",
+					children: visibleTabs.map(t6)
+				}), visibleTabs.map(t7)]
+			});
+		}
+		$[0] = allCollectionsConfig;
+		$[1] = collection;
+		$[2] = entityMeta;
+		$[3] = excludedFields;
+		$[4] = fieldPrefix;
+		$[5] = fields;
+		$[6] = formValues;
+		$[7] = mode;
+		$[8] = registry;
+		$[9] = resolveText;
+		$[10] = tabsLayout.tabs;
+		$[11] = t3;
+		$[12] = t4;
+	} else {
+		t3 = $[11];
+		t4 = $[12];
+	}
+	if (t4 !== Symbol.for("react.early_return_sentinel")) return t4;
+	return t3;
+}
+/**
+* Render sidebar content
+*/
+function SidebarRenderer(t0) {
+	const $ = c(11);
+	const { sidebar, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, entityMeta, formValues, resolveText } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	let t2;
+	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== entityMeta || $[3] !== fieldPrefix || $[4] !== fields || $[5] !== formValues || $[6] !== mode || $[7] !== registry || $[8] !== resolveText || $[9] !== sidebar.fields) {
+		t2 = /* @__PURE__ */ jsx(FieldLayoutItems, {
+			fieldItems: sidebar.fields,
+			fields,
+			collection,
+			mode,
+			registry,
+			fieldPrefix,
+			allCollectionsConfig,
+			entityMeta,
+			formValues,
+			resolveText
+		});
+		$[0] = allCollectionsConfig;
+		$[1] = collection;
+		$[2] = entityMeta;
+		$[3] = fieldPrefix;
+		$[4] = fields;
+		$[5] = formValues;
+		$[6] = mode;
+		$[7] = registry;
+		$[8] = resolveText;
+		$[9] = sidebar.fields;
+		$[10] = t2;
+	} else t2 = $[10];
+	return t2;
+}
+/**
+* Extract field names from field layout items recursively
+*/
+function extractFieldNamesFromFieldItems(fieldItems) {
+	const fieldNames = /* @__PURE__ */ new Set();
+	if (!fieldItems) return fieldNames;
+	for (const item of fieldItems) {
+		if (isFieldReference(item)) {
+			const fieldName = getFieldName(item);
+			if (fieldName) fieldNames.add(fieldName);
+			continue;
+		}
+		if (typeof item === "object" && "type" in item) switch (item.type) {
+			case "tabs":
+				for (const tab of item.tabs) {
+					const tabFields = extractFieldNamesFromFieldItems(tab.fields);
+					for (const f of tabFields) fieldNames.add(f);
+				}
+				break;
+			case "section": {
+				const sectionFields = extractFieldNamesFromFieldItems(item.fields);
+				for (const f of sectionFields) fieldNames.add(f);
+				break;
+			}
+		}
+	}
+	return fieldNames;
+}
+/**
+* AutoFormFields Component
+*
+* Renders form fields based on CollectionBuilderState config.
+* Supports recursive tabs/sections nesting and auto-generates
+* field list when no form config is defined.
+*/
+function AutoFormFields(t0) {
+	const $ = c(55);
+	const { collection, mode: t1, config, registry, fieldResolver, fieldPrefix, allCollectionsConfig } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	const t2 = mode === "collection" ? config?.fields : void 0;
+	const t3 = mode === "collection";
+	let t4;
+	if ($[0] !== t3) {
+		t4 = { enabled: t3 };
+		$[0] = t3;
+		$[1] = t4;
+	} else t4 = $[1];
+	let t5;
+	if ($[2] !== t2 || $[3] !== t4) {
+		t5 = {
+			fallbackFields: t2,
+			schemaQueryOptions: t4
+		};
+		$[2] = t2;
+		$[3] = t4;
+		$[4] = t5;
+	} else t5 = $[4];
+	const collectionResult = useCollectionFields(mode === "collection" ? collection : "", t5);
+	const t6 = mode === "global";
+	let t7;
+	if ($[5] !== t6) {
+		t7 = { schemaQueryOptions: { enabled: t6 } };
+		$[5] = t6;
+		$[6] = t7;
+	} else t7 = $[6];
+	const globalResult = useGlobalFields(mode === "global" ? collection : "", t7);
+	const t8 = mode === "collection";
+	let t9;
+	if ($[7] !== t8) {
+		t9 = { enabled: t8 };
+		$[7] = t8;
+		$[8] = t9;
+	} else t9 = $[8];
+	const { data: collectionMeta } = useCollectionMeta(collection, t9);
+	const t10 = mode === "global";
+	let t11;
+	if ($[9] !== t10) {
+		t11 = { enabled: t10 };
+		$[9] = t10;
+		$[10] = t11;
+	} else t11 = $[10];
+	const { data: globalMeta } = useGlobalMeta(collection, t11);
+	const resolvedFields = mode === "global" ? {
+		...globalResult.fields,
+		...config?.fields
+	} : collectionResult.fields;
+	const schema = mode === "global" ? globalResult.schema : collectionResult.schema;
+	const entityMeta = mode === "global" ? globalMeta : collectionMeta;
+	const form = useFormContext();
+	const resolveText = useResolveText();
+	const fields = resolvedFields || {};
+	const t12 = schema?.admin?.form;
+	let t13;
+	if ($[11] !== t12) {
+		t13 = mapFormSchemaToConfig(t12);
+		$[11] = t12;
+		$[12] = t13;
+	} else t13 = $[12];
+	const schemaFormConfig = t13;
+	const formConfig = (config?.form)?.["~config"] ?? config?.form ?? schemaFormConfig;
+	let t14;
+	bb0: {
+		if (!fieldPrefix) {
+			let t15$2;
+			if ($[13] !== form) {
+				t15$2 = form.getValues() ?? {};
+				$[13] = form;
+				$[14] = t15$2;
+			} else t15$2 = $[14];
+			t14 = t15$2;
+			break bb0;
+		}
+		let t15$1;
+		if ($[15] !== fieldPrefix || $[16] !== form) {
+			t15$1 = form.getValues(fieldPrefix) ?? {};
+			$[15] = fieldPrefix;
+			$[16] = form;
+			$[17] = t15$1;
+		} else t15$1 = $[17];
+		t14 = t15$1;
+	}
+	const initialScopedValues = t14;
+	let t15;
+	if ($[18] !== fieldPrefix || $[19] !== formConfig || $[20] !== initialScopedValues) {
+		const deps = /* @__PURE__ */ new Set();
+		collectLayoutDependencies(formConfig?.fields, initialScopedValues, deps);
+		if (formConfig?.sidebar?.fields) collectLayoutDependencies(formConfig.sidebar.fields, initialScopedValues, deps);
+		t15 = scopeDependencies([...deps], fieldPrefix);
+		$[18] = fieldPrefix;
+		$[19] = formConfig;
+		$[20] = initialScopedValues;
+		$[21] = t15;
+	} else t15 = $[21];
+	const layoutWatchDeps = t15;
+	const t16 = layoutWatchDeps;
+	const t17 = layoutWatchDeps.length === 0;
+	let t18;
+	if ($[22] !== form.control || $[23] !== t16 || $[24] !== t17) {
+		t18 = {
+			control: form.control,
+			name: t16,
+			disabled: t17
+		};
+		$[22] = form.control;
+		$[23] = t16;
+		$[24] = t17;
+		$[25] = t18;
+	} else t18 = $[25];
+	useWatch(t18);
+	let t19;
+	bb1: {
+		if (!fieldPrefix) {
+			let t20$2;
+			if ($[26] !== form) {
+				t20$2 = form.getValues() ?? {};
+				$[26] = form;
+				$[27] = t20$2;
+			} else t20$2 = $[27];
+			t19 = t20$2;
+			break bb1;
+		}
+		let t20$1;
+		if ($[28] !== fieldPrefix || $[29] !== form) {
+			t20$1 = form.getValues(fieldPrefix) ?? {};
+			$[28] = fieldPrefix;
+			$[29] = form;
+			$[30] = t20$1;
+		} else t20$1 = $[30];
+		t19 = t20$1;
+	}
+	const formValues = t19;
+	const allFieldNames = Object.keys(fields);
+	const sidebarFieldNames = formConfig?.sidebar ? extractFieldNamesFromFieldItems(formConfig.sidebar.fields) : /* @__PURE__ */ new Set();
+	if (fieldResolver) {
+		const renderedFields = allFieldNames.map((fieldName) => {
+			const fullFieldName = getFullFieldName(fieldName, fieldPrefix);
+			return /* @__PURE__ */ jsx(React.Fragment, { children: fieldResolver(fullFieldName, fields[fieldName]) }, fullFieldName);
+		});
+		let t20$1;
+		if ($[31] !== renderedFields) {
+			t20$1 = /* @__PURE__ */ jsx("div", {
+				className: "space-y-4",
+				children: renderedFields
+			});
+			$[31] = renderedFields;
+			$[32] = t20$1;
+		} else t20$1 = $[32];
+		return t20$1;
+	}
+	let mainContent = null;
+	if (formConfig?.fields?.length) mainContent = /* @__PURE__ */ jsx(FieldLayoutItems, {
+		fieldItems: formConfig.fields,
+		fields,
+		collection,
+		mode,
+		registry,
+		fieldPrefix,
+		allCollectionsConfig,
+		excludedFields: sidebarFieldNames,
+		entityMeta,
+		formValues,
+		resolveText
+	});
+	else {
+		const autoFields = allFieldNames.filter((f) => !sidebarFieldNames.has(f));
+		if (autoFields.length) mainContent = renderFields({
+			fieldItems: autoFields,
+			fields,
+			collection,
+			mode,
+			registry,
+			fieldPrefix,
+			allCollectionsConfig,
+			entityMeta
+		});
+	}
+	if (formConfig?.sidebar?.fields?.length && formConfig?.sidebar) {
+		const t20$1 = (formConfig.sidebar.position || "right") === "left" && "@2xl:flex-row-reverse";
+		let t21;
+		if ($[33] !== t20$1) {
+			t21 = cn("qa-form-fields__layout flex flex-col-reverse gap-6 @2xl:flex-row", t20$1);
+			$[33] = t20$1;
+			$[34] = t21;
+		} else t21 = $[34];
+		let t22;
+		if ($[35] !== mainContent) {
+			t22 = /* @__PURE__ */ jsx("div", {
+				className: "qa-form-fields__main min-w-0 flex-1",
+				children: mainContent
+			});
+			$[35] = mainContent;
+			$[36] = t22;
+		} else t22 = $[36];
+		let t23;
+		if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+			t23 = cn("qa-form-fields__sidebar", "border-border w-full @max-2xl:border-b @max-2xl:pb-4 @2xl:border-l @2xl:pl-4", "w-full @2xl:max-w-xs");
+			$[37] = t23;
+		} else t23 = $[37];
+		let t24;
+		if ($[38] !== allCollectionsConfig || $[39] !== collection || $[40] !== entityMeta || $[41] !== fieldPrefix || $[42] !== fields || $[43] !== formConfig.sidebar || $[44] !== formValues || $[45] !== mode || $[46] !== registry || $[47] !== resolveText) {
+			t24 = /* @__PURE__ */ jsx("aside", {
+				className: t23,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "space-y-4 @2xl:sticky @2xl:top-4 @2xl:h-auto",
+					children: /* @__PURE__ */ jsx(SidebarRenderer, {
+						sidebar: formConfig.sidebar,
+						fields,
+						collection,
+						mode,
+						registry,
+						fieldPrefix,
+						allCollectionsConfig,
+						entityMeta,
+						formValues,
+						resolveText
+					})
+				})
+			});
+			$[38] = allCollectionsConfig;
+			$[39] = collection;
+			$[40] = entityMeta;
+			$[41] = fieldPrefix;
+			$[42] = fields;
+			$[43] = formConfig.sidebar;
+			$[44] = formValues;
+			$[45] = mode;
+			$[46] = registry;
+			$[47] = resolveText;
+			$[48] = t24;
+		} else t24 = $[48];
+		let t25;
+		if ($[49] !== t21 || $[50] !== t22 || $[51] !== t24) {
+			t25 = /* @__PURE__ */ jsx("div", {
+				className: "qa-form-fields @container w-full",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: t21,
+					children: [t22, t24]
+				})
+			});
+			$[49] = t21;
+			$[50] = t22;
+			$[51] = t24;
+			$[52] = t25;
+		} else t25 = $[52];
+		return t25;
+	}
+	let t20;
+	if ($[53] !== mainContent) {
+		t20 = /* @__PURE__ */ jsx("div", {
+			className: "qa-form-fields @container",
+			children: mainContent
+		});
+		$[53] = mainContent;
+		$[54] = t20;
+	} else t20 = $[54];
+	return t20;
+}
+
+//#endregion
+export { AutoFormFields };