@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/layout/field-layout-renderer.mjs

@@ -6,7 +6,6 @@ import { getGridColumnsClass } from "../fields/field-utils.mjs";
 import { getFieldName, isFieldReference } from "../../builder/types/field-types.mjs";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../ui/accordion.mjs";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -24,278 +23,131 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Render an array of FieldLayoutItem using the provided context.
 * Handles field references, sections, and tabs recursively.
 */
-function FieldLayoutRenderer(t0) {
-	const $ = c(7);
-	const { items, ctx } = t0;
+function FieldLayoutRenderer({ items, ctx }) {
 	if (!items?.length) return null;
-	let t1;
-	if ($[0] !== ctx || $[1] !== items) {
-		let t2$1;
-		if ($[3] !== ctx) {
-			t2$1 = (item, index) => {
-				if (isFieldReference(item)) {
-					const fieldName = getFieldName(item);
-					if (!fieldName) return null;
-					const className = typeof item === "object" && "className" in item ? item.className : void 0;
-					return /* @__PURE__ */ jsx(React.Fragment, { children: ctx.renderField(fieldName, { className }) }, fieldName);
-				}
-				if (typeof item === "object" && "type" in item) switch (item.type) {
-					case "section": return /* @__PURE__ */ jsx(SectionRenderer, {
-						section: item,
-						index,
-						ctx
-					}, `section-${index}`);
-					case "tabs": return /* @__PURE__ */ jsx(TabsRenderer, {
-						tabsLayout: item,
-						ctx
-					}, `tabs-${index}`);
-					default: return null;
-				}
-				return null;
-			};
-			$[3] = ctx;
-			$[4] = t2$1;
-		} else t2$1 = $[4];
-		t1 = items.map(t2$1).filter(Boolean);
-		$[0] = ctx;
-		$[1] = items;
-		$[2] = t1;
-	} else t1 = $[2];
-	const validItems = t1;
+	const validItems = items.map((item, index) => {
+		if (isFieldReference(item)) {
+			const fieldName = getFieldName(item);
+			if (!fieldName) return null;
+			const className = typeof item === "object" && "className" in item ? item.className : void 0;
+			return /* @__PURE__ */ jsx(React.Fragment, { children: ctx.renderField(fieldName, { className }) }, fieldName);
+		}
+		if (typeof item === "object" && "type" in item) switch (item.type) {
+			case "section": return /* @__PURE__ */ jsx(SectionRenderer, {
+				section: item,
+				index,
+				ctx
+			}, `section-${index}`);
+			case "tabs": return /* @__PURE__ */ jsx(TabsRenderer, {
+				tabsLayout: item,
+				ctx
+			}, `tabs-${index}`);
+			default: return null;
+		}
+		return null;
+	}).filter(Boolean);
 	if (validItems.length === 0) return null;
-	let t2;
-	if ($[5] !== validItems) {
-		t2 = validItems.length === 1 ? validItems[0] : /* @__PURE__ */ jsx("div", {
-			className: "space-y-6",
-			children: validItems
-		});
-		$[5] = validItems;
-		$[6] = t2;
-	} else t2 = $[6];
-	return t2;
+	return validItems.length === 1 ? validItems[0] : /* @__PURE__ */ jsx("div", {
+		className: "space-y-6",
+		children: validItems
+	});
 }
-function SectionRenderer(t0) {
-	const $ = c(37);
-	const { section, index, ctx } = t0;
+function SectionRenderer({ section, index, ctx }) {
 	const wrapper = section.wrapper ?? "flat";
 	const layout = section.layout ?? "stack";
 	const columns = section.columns ?? 2;
-	let t1;
-	if ($[0] !== columns || $[1] !== ctx || $[2] !== layout || $[3] !== section.className || $[4] !== section.fields) {
-		const renderSectionContent = () => {
-			if (!section.fields?.length) return null;
-			if (layout === "grid") return /* @__PURE__ */ jsx("div", {
-				className: cn("grid gap-4", getGridColumnsClass(columns, true), section.className),
-				children: section.fields.map((fieldItem, idx) => {
-					if (!isFieldReference(fieldItem)) return /* @__PURE__ */ jsx(FieldLayoutRenderer, {
-						items: [fieldItem],
-						ctx
-					}, `nested-${idx}`);
-					const fieldName = getFieldName(fieldItem);
-					if (!fieldName) return null;
-					const className = typeof fieldItem === "object" && "className" in fieldItem ? fieldItem.className : void 0;
-					return /* @__PURE__ */ jsx(React.Fragment, { children: ctx.renderField(fieldName, { className }) }, fieldName);
-				})
-			});
-			if (layout === "inline") return /* @__PURE__ */ jsx("div", {
-				className: cn("flex flex-wrap gap-4", section.className),
-				children: section.fields.map((fieldItem_0) => {
-					if (!isFieldReference(fieldItem_0)) return null;
-					const fieldName_0 = getFieldName(fieldItem_0);
-					if (!fieldName_0) return null;
-					return /* @__PURE__ */ jsx(React.Fragment, { children: ctx.renderField(fieldName_0) }, fieldName_0);
-				})
-			});
-			return /* @__PURE__ */ jsx(FieldLayoutRenderer, {
-				items: section.fields,
-				ctx
-			});
-		};
-		t1 = renderSectionContent();
-		$[0] = columns;
-		$[1] = ctx;
-		$[2] = layout;
-		$[3] = section.className;
-		$[4] = section.fields;
-		$[5] = t1;
-	} else t1 = $[5];
-	const content = t1;
+	const renderSectionContent = () => {
+		if (!section.fields?.length) return null;
+		if (layout === "grid") return /* @__PURE__ */ jsx("div", {
+			className: cn("grid gap-4", getGridColumnsClass(columns, true), section.className),
+			children: section.fields.map((fieldItem, idx) => {
+				if (!isFieldReference(fieldItem)) return /* @__PURE__ */ jsx(FieldLayoutRenderer, {
+					items: [fieldItem],
+					ctx
+				}, `nested-${idx}`);
+				const fieldName = getFieldName(fieldItem);
+				if (!fieldName) return null;
+				const className = typeof fieldItem === "object" && "className" in fieldItem ? fieldItem.className : void 0;
+				return /* @__PURE__ */ jsx(React.Fragment, { children: ctx.renderField(fieldName, { className }) }, fieldName);
+			})
+		});
+		if (layout === "inline") return /* @__PURE__ */ jsx("div", {
+			className: cn("flex flex-wrap gap-4", section.className),
+			children: section.fields.map((fieldItem) => {
+				if (!isFieldReference(fieldItem)) return null;
+				const fieldName = getFieldName(fieldItem);
+				if (!fieldName) return null;
+				return /* @__PURE__ */ jsx(React.Fragment, { children: ctx.renderField(fieldName) }, fieldName);
+			})
+		});
+		return /* @__PURE__ */ jsx(FieldLayoutRenderer, {
+			items: section.fields,
+			ctx
+		});
+	};
+	const content = renderSectionContent();
 	if (!content) return null;
 	if (wrapper === "collapsible") {
 		const value = `section-${index}`;
-		const defaultOpen = section.defaultCollapsed !== true;
-		let t2$1;
-		if ($[6] !== defaultOpen || $[7] !== value) {
-			t2$1 = defaultOpen ? [value] : [];
-			$[6] = defaultOpen;
-			$[7] = value;
-			$[8] = t2$1;
-		} else t2$1 = $[8];
-		let t3$1;
-		if ($[9] !== ctx || $[10] !== section.label) {
-			t3$1 = ctx.resolveText(section.label, "Section");
-			$[9] = ctx;
-			$[10] = section.label;
-			$[11] = t3$1;
-		} else t3$1 = $[11];
-		let t4$1;
-		if ($[12] !== t3$1) {
-			t4$1 = /* @__PURE__ */ jsx(AccordionTrigger, {
-				className: "hover:no-underline",
-				children: /* @__PURE__ */ jsx("span", {
-					className: "font-semibold",
-					children: t3$1
-				})
-			});
-			$[12] = t3$1;
-			$[13] = t4$1;
-		} else t4$1 = $[13];
-		let t5;
-		if ($[14] !== ctx || $[15] !== section.description) {
-			t5 = section.description && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mb-4 text-sm text-pretty",
-				children: ctx.resolveText(section.description, "")
-			});
-			$[14] = ctx;
-			$[15] = section.description;
-			$[16] = t5;
-		} else t5 = $[16];
-		let t6;
-		if ($[17] !== content || $[18] !== t5) {
-			t6 = /* @__PURE__ */ jsxs(AccordionContent, {
-				className: "pt-2 pb-4",
-				children: [t5, content]
-			});
-			$[17] = content;
-			$[18] = t5;
-			$[19] = t6;
-		} else t6 = $[19];
-		let t7;
-		if ($[20] !== t4$1 || $[21] !== t6 || $[22] !== value) {
-			t7 = /* @__PURE__ */ jsxs(AccordionItem, {
+		return /* @__PURE__ */ jsx(Accordion, {
+			defaultValue: section.defaultCollapsed !== true ? [value] : [],
+			className: "w-full",
+			children: /* @__PURE__ */ jsxs(AccordionItem, {
 				value,
 				className: "border-transparent px-4",
-				children: [t4$1, t6]
-			});
-			$[20] = t4$1;
-			$[21] = t6;
-			$[22] = value;
-			$[23] = t7;
-		} else t7 = $[23];
-		let t8;
-		if ($[24] !== t2$1 || $[25] !== t7) {
-			t8 = /* @__PURE__ */ jsx(Accordion, {
-				defaultValue: t2$1,
-				className: "w-full",
-				children: t7
-			});
-			$[24] = t2$1;
-			$[25] = t7;
-			$[26] = t8;
-		} else t8 = $[26];
-		return t8;
-	}
-	let t2;
-	if ($[27] !== ctx || $[28] !== section.description || $[29] !== section.label) {
-		t2 = section.label || section.description ? /* @__PURE__ */ jsxs("div", {
-			className: "mb-4",
-			children: [section.label && /* @__PURE__ */ jsx("h3", {
-				className: "text-lg font-semibold",
-				children: ctx.resolveText(section.label, "")
-			}), section.description && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mt-1 text-sm text-pretty",
-				children: ctx.resolveText(section.description, "")
-			})]
-		}) : null;
-		$[27] = ctx;
-		$[28] = section.description;
-		$[29] = section.label;
-		$[30] = t2;
-	} else t2 = $[30];
-	const header = t2;
-	let t3;
-	if ($[31] !== section.className) {
-		t3 = cn("space-y-4", section.className);
-		$[31] = section.className;
-		$[32] = t3;
-	} else t3 = $[32];
-	let t4;
-	if ($[33] !== content || $[34] !== header || $[35] !== t3) {
-		t4 = /* @__PURE__ */ jsxs("div", {
-			className: t3,
-			children: [header, content]
+				children: [/* @__PURE__ */ jsx(AccordionTrigger, {
+					className: "hover:no-underline",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "font-semibold",
+						children: ctx.resolveText(section.label, "Section")
+					})
+				}), /* @__PURE__ */ jsxs(AccordionContent, {
+					className: "pt-2 pb-4",
+					children: [section.description && /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground mb-4 text-sm text-pretty",
+						children: ctx.resolveText(section.description, "")
+					}), content]
+				})]
+			})
 		});
-		$[33] = content;
-		$[34] = header;
-		$[35] = t3;
-		$[36] = t4;
-	} else t4 = $[36];
-	return t4;
+	}
+	const header = section.label || section.description ? /* @__PURE__ */ jsxs("div", {
+		className: "mb-4",
+		children: [section.label && /* @__PURE__ */ jsx("h3", {
+			className: "text-lg font-semibold",
+			children: ctx.resolveText(section.label, "")
+		}), section.description && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-1 text-sm text-pretty",
+			children: ctx.resolveText(section.description, "")
+		})]
+	}) : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-4", section.className),
+		children: [header, content]
+	});
 }
-function TabsRenderer(t0) {
-	const $ = c(16);
-	const { tabsLayout, ctx } = t0;
+function TabsRenderer({ tabsLayout, ctx }) {
 	const tabs = tabsLayout.tabs;
 	if (!tabs?.length) return null;
 	const defaultTab = tabs[0]?.id;
-	let t1;
-	if ($[0] !== ctx || $[1] !== tabs) {
-		let t2$1;
-		if ($[3] !== ctx) {
-			t2$1 = (tab) => /* @__PURE__ */ jsxs(TabsTrigger, {
+	return /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: defaultTab,
+		children: [/* @__PURE__ */ jsx(TabsList, {
+			className: "w-full",
+			children: tabs.map((tab) => /* @__PURE__ */ jsxs(TabsTrigger, {
 				value: tab.id,
 				className: "flex-1",
 				children: [resolveIconElement(tab.icon, { className: "size-3.5" }), ctx.resolveText(tab.label, tab.id)]
-			}, tab.id);
-			$[3] = ctx;
-			$[4] = t2$1;
-		} else t2$1 = $[4];
-		t1 = tabs.map(t2$1);
-		$[0] = ctx;
-		$[1] = tabs;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[5] !== t1) {
-		t2 = /* @__PURE__ */ jsx(TabsList, {
-			className: "w-full",
-			children: t1
-		});
-		$[5] = t1;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== ctx || $[8] !== tabs) {
-		let t4$1;
-		if ($[10] !== ctx) {
-			t4$1 = (tab_0) => /* @__PURE__ */ jsx(TabsContent, {
-				value: tab_0.id,
-				className: "mt-4",
-				children: /* @__PURE__ */ jsx(FieldLayoutRenderer, {
-					items: tab_0.fields,
-					ctx
-				})
-			}, tab_0.id);
-			$[10] = ctx;
-			$[11] = t4$1;
-		} else t4$1 = $[11];
-		t3 = tabs.map(t4$1);
-		$[7] = ctx;
-		$[8] = tabs;
-		$[9] = t3;
-	} else t3 = $[9];
-	let t4;
-	if ($[12] !== defaultTab || $[13] !== t2 || $[14] !== t3) {
-		t4 = /* @__PURE__ */ jsxs(Tabs, {
-			defaultValue: defaultTab,
-			children: [t2, t3]
-		});
-		$[12] = defaultTab;
-		$[13] = t2;
-		$[14] = t3;
-		$[15] = t4;
-	} else t4 = $[15];
-	return t4;
+			}, tab.id))
+		}), tabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, {
+			value: tab.id,
+			className: "mt-4",
+			children: /* @__PURE__ */ jsx(FieldLayoutRenderer, {
+				items: tab.fields,
+				ctx
+			})
+		}, tab.id))]
+	});
 }
 
 //#endregion