@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/fields/relation/displays/table-display.mjs

@@ -4,9 +4,8 @@ import { Skeleton } from "../../../ui/skeleton.mjs";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../../ui/table.mjs";
 import { formatColumnHeader, resolveCellForColumn } from "./types.mjs";
 import { CollectionEditLink } from "../../../admin-link.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/fields/relation/displays/table-display.tsx
@@ -15,263 +14,90 @@ import { jsx, jsxs } from "react/jsx-runtime";
 *
 * Uses the same cell components as TableView for consistent rendering.
 */
-function TableSkeleton(t0) {
-	const $ = c(18);
-	const { count: t1, columns: t2, hasActions: t3 } = t0;
-	const count = t1 === void 0 ? 3 : t1;
-	let t4;
-	if ($[0] !== t2) {
-		t4 = t2 === void 0 ? ["_title"] : t2;
-		$[0] = t2;
-		$[1] = t4;
-	} else t4 = $[1];
-	const columns = t4;
-	const hasActions = t3 === void 0 ? false : t3;
-	let t5;
-	if ($[2] !== count) {
-		t5 = Array.from({ length: count }, _temp);
-		$[2] = count;
-		$[3] = t5;
-	} else t5 = $[3];
-	const skeletonKeys = t5;
-	let t6;
-	if ($[4] !== columns) {
-		t6 = columns.map(_temp2);
-		$[4] = columns;
-		$[5] = t6;
-	} else t6 = $[5];
-	let t7;
-	if ($[6] !== hasActions) {
-		t7 = hasActions && /* @__PURE__ */ jsx(TableHead, { className: "w-20" });
-		$[6] = hasActions;
-		$[7] = t7;
-	} else t7 = $[7];
-	let t8;
-	if ($[8] !== t6 || $[9] !== t7) {
-		t8 = /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [t6, t7] }) });
-		$[8] = t6;
-		$[9] = t7;
-		$[10] = t8;
-	} else t8 = $[10];
-	let t9;
-	if ($[11] !== columns || $[12] !== hasActions || $[13] !== skeletonKeys) {
-		t9 = /* @__PURE__ */ jsx(TableBody, { children: skeletonKeys.map((key) => /* @__PURE__ */ jsxs(TableRow, { children: [columns.map(_temp3), hasActions && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", {
+function TableSkeleton({ count = 3, columns = ["_title"], hasActions = false }) {
+	const skeletonKeys = React.useMemo(() => Array.from({ length: count }, () => crypto.randomUUID()), [count]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "panel-surface min-w-0 overflow-x-auto",
+		children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [columns.map((col) => /* @__PURE__ */ jsx(TableHead, { children: formatColumnHeader(col) }, col)), hasActions && /* @__PURE__ */ jsx(TableHead, { className: "w-20" })] }) }), /* @__PURE__ */ jsx(TableBody, { children: skeletonKeys.map((key) => /* @__PURE__ */ jsxs(TableRow, { children: [columns.map((col) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			className: "h-4 w-24"
+		}) }, col)), hasActions && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", {
 			className: "flex items-center justify-end gap-1",
 			children: /* @__PURE__ */ jsx(Skeleton, {
 				variant: "text",
 				className: "h-6 w-6"
 			})
-		}) })] }, key)) });
-		$[11] = columns;
-		$[12] = hasActions;
-		$[13] = skeletonKeys;
-		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] !== t8 || $[16] !== t9) {
-		t10 = /* @__PURE__ */ jsx("div", {
-			className: "panel-surface min-w-0 overflow-x-auto",
-			children: /* @__PURE__ */ jsxs(Table, { children: [t8, t9] })
-		});
-		$[15] = t8;
-		$[16] = t9;
-		$[17] = t10;
-	} else t10 = $[17];
-	return t10;
+		}) })] }, key)) })] })
+	});
 }
 /**
 * Cell renderer that uses resolved cell components from field registry
 */
-function _temp3(col_0) {
-	return /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, {
-		variant: "text",
-		className: "h-4 w-24"
-	}) }, col_0);
-}
-function _temp2(col) {
-	return /* @__PURE__ */ jsx(TableHead, { children: formatColumnHeader(col) }, col);
-}
-function _temp() {
-	return crypto.randomUUID();
-}
-function CellRenderer(t0) {
-	const $ = c(12);
-	const { item, column, collectionConfig } = t0;
-	let t1;
-	if ($[0] !== collectionConfig || $[1] !== column) {
-		t1 = resolveCellForColumn(column, collectionConfig);
-		$[0] = collectionConfig;
-		$[1] = column;
-		$[2] = t1;
-	} else t1 = $[2];
-	const resolved = t1;
+function CellRenderer({ item, column, collectionConfig }) {
+	const resolved = React.useMemo(() => resolveCellForColumn(column, collectionConfig), [column, collectionConfig]);
 	const value = item[resolved.accessorKey];
 	const { component: CellComponent, fieldDef, needsFieldDef } = resolved;
-	if (needsFieldDef) {
-		let t2$1;
-		if ($[3] !== CellComponent || $[4] !== fieldDef || $[5] !== item || $[6] !== value) {
-			t2$1 = /* @__PURE__ */ jsx(CellComponent, {
-				value,
-				row: item,
-				fieldDef
-			});
-			$[3] = CellComponent;
-			$[4] = fieldDef;
-			$[5] = item;
-			$[6] = value;
-			$[7] = t2$1;
-		} else t2$1 = $[7];
-		return t2$1;
-	}
-	let t2;
-	if ($[8] !== CellComponent || $[9] !== item || $[10] !== value) {
-		t2 = /* @__PURE__ */ jsx(CellComponent, {
-			value,
-			row: item
-		});
-		$[8] = CellComponent;
-		$[9] = item;
-		$[10] = value;
-		$[11] = t2;
-	} else t2 = $[11];
-	return t2;
+	if (needsFieldDef) return /* @__PURE__ */ jsx(CellComponent, {
+		value,
+		row: item,
+		fieldDef
+	});
+	return /* @__PURE__ */ jsx(CellComponent, {
+		value,
+		row: item
+	});
 }
-function TableDisplay(t0) {
-	const $ = c(37);
-	const { items, collection, actions, editable: t1, columns: t2, linkToDetail: t3, collectionConfig, isLoading: t4, loadingCount: t5 } = t0;
-	const editable = t1 === void 0 ? false : t1;
-	let t6;
-	if ($[0] !== t2) {
-		t6 = t2 === void 0 ? ["_title"] : t2;
-		$[0] = t2;
-		$[1] = t6;
-	} else t6 = $[1];
-	const columns = t6;
-	const linkToDetail = t3 === void 0 ? false : t3;
-	const isLoading = t4 === void 0 ? false : t4;
-	const loadingCount = t5 === void 0 ? 3 : t5;
+function TableDisplay({ items, collection, actions, editable = false, columns = ["_title"], linkToDetail = false, collectionConfig, isLoading = false, loadingCount = 3 }) {
 	const { t } = useTranslation();
 	const hasActions = editable || linkToDetail || !!actions?.onEdit;
-	if (isLoading && items.length === 0) {
-		let t7$1;
-		if ($[2] !== columns || $[3] !== hasActions || $[4] !== loadingCount) {
-			t7$1 = /* @__PURE__ */ jsx(TableSkeleton, {
-				count: loadingCount,
-				columns,
-				hasActions
-			});
-			$[2] = columns;
-			$[3] = hasActions;
-			$[4] = loadingCount;
-			$[5] = t7$1;
-		} else t7$1 = $[5];
-		return t7$1;
-	}
-	let t7;
-	if ($[6] !== columns) {
-		t7 = columns.map(_temp4);
-		$[6] = columns;
-		$[7] = t7;
-	} else t7 = $[7];
-	let t8;
-	if ($[8] !== hasActions) {
-		t8 = hasActions && /* @__PURE__ */ jsx(TableHead, { className: "w-20" });
-		$[8] = hasActions;
-		$[9] = t8;
-	} else t8 = $[9];
-	let t9;
-	if ($[10] !== t7 || $[11] !== t8) {
-		t9 = /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [t7, t8] }) });
-		$[10] = t7;
-		$[11] = t8;
-		$[12] = t9;
-	} else t9 = $[12];
-	let t10;
-	if ($[13] !== actions || $[14] !== collection || $[15] !== collectionConfig || $[16] !== columns || $[17] !== editable || $[18] !== hasActions || $[19] !== items || $[20] !== linkToDetail || $[21] !== t) {
-		let t11$1;
-		if ($[23] !== actions || $[24] !== collection || $[25] !== collectionConfig || $[26] !== columns || $[27] !== editable || $[28] !== hasActions || $[29] !== linkToDetail || $[30] !== t) {
-			t11$1 = (item) => /* @__PURE__ */ jsxs(TableRow, { children: [columns.map((col_0) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(CellRenderer, {
-				item,
-				column: col_0,
-				collectionConfig
-			}) }, col_0)), hasActions && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-end gap-1",
-				children: [
-					actions?.onEdit && /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "ghost",
-						size: "icon-xs",
-						onClick: () => actions.onEdit?.(item),
-						"aria-label": t("field.editItem"),
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: "ph:pencil",
-							className: "size-4"
-						})
-					}),
-					editable && actions?.onRemove && /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "ghost",
-						size: "icon-xs",
-						onClick: () => actions.onRemove?.(item),
-						"aria-label": t("field.removeItem"),
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: "ph:x",
-							className: "size-4"
-						})
-					}),
-					!editable && linkToDetail && !actions?.onEdit && /* @__PURE__ */ jsx(CollectionEditLink, {
-						collection,
-						id: item.id,
-						className: "item-surface text-muted-foreground hover:border-border hover:bg-accent hover:text-accent-foreground inline-flex min-h-10 min-w-10 items-center justify-center active:scale-[0.96]",
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: "ph:arrow-right",
-							className: "size-4"
-						})
+	if (isLoading && items.length === 0) return /* @__PURE__ */ jsx(TableSkeleton, {
+		count: loadingCount,
+		columns,
+		hasActions
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "panel-surface min-w-0 overflow-x-auto",
+		children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [columns.map((col) => /* @__PURE__ */ jsx(TableHead, { children: formatColumnHeader(col) }, col)), hasActions && /* @__PURE__ */ jsx(TableHead, { className: "w-20" })] }) }), /* @__PURE__ */ jsx(TableBody, { children: items.map((item) => /* @__PURE__ */ jsxs(TableRow, { children: [columns.map((col) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(CellRenderer, {
+			item,
+			column: col,
+			collectionConfig
+		}) }, col)), hasActions && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-end gap-1",
+			children: [
+				actions?.onEdit && /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-xs",
+					onClick: () => actions.onEdit?.(item),
+					"aria-label": t("field.editItem"),
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:pencil",
+						className: "size-4"
 					})
-				]
-			}) })] }, item.id);
-			$[23] = actions;
-			$[24] = collection;
-			$[25] = collectionConfig;
-			$[26] = columns;
-			$[27] = editable;
-			$[28] = hasActions;
-			$[29] = linkToDetail;
-			$[30] = t;
-			$[31] = t11$1;
-		} else t11$1 = $[31];
-		t10 = items.map(t11$1);
-		$[13] = actions;
-		$[14] = collection;
-		$[15] = collectionConfig;
-		$[16] = columns;
-		$[17] = editable;
-		$[18] = hasActions;
-		$[19] = items;
-		$[20] = linkToDetail;
-		$[21] = t;
-		$[22] = t10;
-	} else t10 = $[22];
-	let t11;
-	if ($[32] !== t10) {
-		t11 = /* @__PURE__ */ jsx(TableBody, { children: t10 });
-		$[32] = t10;
-		$[33] = t11;
-	} else t11 = $[33];
-	let t12;
-	if ($[34] !== t11 || $[35] !== t9) {
-		t12 = /* @__PURE__ */ jsx("div", {
-			className: "panel-surface min-w-0 overflow-x-auto",
-			children: /* @__PURE__ */ jsxs(Table, { children: [t9, t11] })
-		});
-		$[34] = t11;
-		$[35] = t9;
-		$[36] = t12;
-	} else t12 = $[36];
-	return t12;
-}
-function _temp4(col) {
-	return /* @__PURE__ */ jsx(TableHead, { children: formatColumnHeader(col) }, col);
+				}),
+				editable && actions?.onRemove && /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-xs",
+					onClick: () => actions.onRemove?.(item),
+					"aria-label": t("field.removeItem"),
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:x",
+						className: "size-4"
+					})
+				}),
+				!editable && linkToDetail && !actions?.onEdit && /* @__PURE__ */ jsx(CollectionEditLink, {
+					collection,
+					id: item.id,
+					className: "item-surface text-muted-foreground hover:border-border hover:bg-accent hover:text-accent-foreground inline-flex min-h-10 min-w-10 items-center justify-center active:scale-[0.96]",
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:arrow-right",
+						className: "size-4"
+					})
+				})
+			]
+		}) })] }, item.id)) })] })
+	});
 }
 
 //#endregion

package/dist/client/components/fields/relation/relation-items-display.mjs

@@ -4,138 +4,42 @@ import { ChipsDisplay } from "./displays/chips-display.mjs";
 import { GridDisplay } from "./displays/grid-display.mjs";
 import { ListDisplay } from "./displays/list-display.mjs";
 import { TableDisplay } from "./displays/table-display.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/fields/relation/relation-items-display.tsx
-function RelationItemsDisplay(t0) {
-	const $ = c(35);
-	const { display: t1, items, collection, collectionIcon, actions, editable: t2, orderable: t3, columns, fields, gridColumns, linkToDetail: t4, renderItem, emptyMessage, collectionConfig, isLoading: t5, loadingCount } = t0;
-	const display = t1 === void 0 ? "list" : t1;
-	const editable = t2 === void 0 ? false : t2;
-	const orderable = t3 === void 0 ? false : t3;
-	const linkToDetail = t4 === void 0 ? false : t4;
-	const isLoading = t5 === void 0 ? false : t5;
+function RelationItemsDisplay({ display = "list", items, collection, collectionIcon, actions, editable = false, orderable = false, columns, fields, gridColumns, linkToDetail = false, renderItem, emptyMessage, collectionConfig, isLoading = false, loadingCount }) {
 	const { t } = useTranslation();
-	const resolveText = useResolveText();
-	let t6;
-	if ($[0] !== emptyMessage || $[1] !== t) {
-		t6 = emptyMessage ?? t("field.noItems");
-		$[0] = emptyMessage;
-		$[1] = t;
-		$[2] = t6;
-	} else t6 = $[2];
-	let t7;
-	if ($[3] !== resolveText || $[4] !== t6) {
-		t7 = resolveText(t6);
-		$[3] = resolveText;
-		$[4] = t6;
-		$[5] = t7;
-	} else t7 = $[5];
-	const resolvedEmptyMessage = t7;
-	let t8;
-	if ($[6] !== columns) {
-		t8 = columns || ["_title"];
-		$[6] = columns;
-		$[7] = t8;
-	} else t8 = $[7];
-	let t9;
-	if ($[8] !== actions || $[9] !== collection || $[10] !== collectionConfig || $[11] !== collectionIcon || $[12] !== editable || $[13] !== fields || $[14] !== gridColumns || $[15] !== isLoading || $[16] !== items || $[17] !== linkToDetail || $[18] !== loadingCount || $[19] !== orderable || $[20] !== renderItem || $[21] !== t8) {
-		t9 = {
-			items,
-			collection,
-			collectionIcon,
-			actions,
-			editable,
-			orderable,
-			columns: t8,
-			fields,
-			gridColumns,
-			linkToDetail,
-			renderItem,
-			collectionConfig,
-			isLoading,
-			loadingCount
-		};
-		$[8] = actions;
-		$[9] = collection;
-		$[10] = collectionConfig;
-		$[11] = collectionIcon;
-		$[12] = editable;
-		$[13] = fields;
-		$[14] = gridColumns;
-		$[15] = isLoading;
-		$[16] = items;
-		$[17] = linkToDetail;
-		$[18] = loadingCount;
-		$[19] = orderable;
-		$[20] = renderItem;
-		$[21] = t8;
-		$[22] = t9;
-	} else t9 = $[22];
-	const displayProps = t9;
-	if (!isLoading && (!items || items.length === 0)) {
-		let t10;
-		if ($[23] !== resolvedEmptyMessage) {
-			t10 = /* @__PURE__ */ jsx("div", {
-				className: "py-2",
-				children: /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground text-sm",
-					children: resolvedEmptyMessage
-				})
-			});
-			$[23] = resolvedEmptyMessage;
-			$[24] = t10;
-		} else t10 = $[24];
-		return t10;
-	}
+	const resolvedEmptyMessage = useResolveText()(emptyMessage ?? t("field.noItems"));
+	const displayProps = {
+		items,
+		collection,
+		collectionIcon,
+		actions,
+		editable,
+		orderable,
+		columns: columns || ["_title"],
+		fields,
+		gridColumns,
+		linkToDetail,
+		renderItem,
+		collectionConfig,
+		isLoading,
+		loadingCount
+	};
+	if (!isLoading && (!items || items.length === 0)) return /* @__PURE__ */ jsx("div", {
+		className: "py-2",
+		children: /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: resolvedEmptyMessage
+		})
+	});
 	switch (display) {
-		case "chips": {
-			let t10;
-			if ($[25] !== displayProps) {
-				t10 = /* @__PURE__ */ jsx(ChipsDisplay, { ...displayProps });
-				$[25] = displayProps;
-				$[26] = t10;
-			} else t10 = $[26];
-			return t10;
-		}
-		case "table": {
-			let t10;
-			if ($[27] !== displayProps) {
-				t10 = /* @__PURE__ */ jsx(TableDisplay, { ...displayProps });
-				$[27] = displayProps;
-				$[28] = t10;
-			} else t10 = $[28];
-			return t10;
-		}
-		case "cards": {
-			let t10;
-			if ($[29] !== displayProps) {
-				t10 = /* @__PURE__ */ jsx(CardsDisplay, { ...displayProps });
-				$[29] = displayProps;
-				$[30] = t10;
-			} else t10 = $[30];
-			return t10;
-		}
-		case "grid": {
-			let t10;
-			if ($[31] !== displayProps) {
-				t10 = /* @__PURE__ */ jsx(GridDisplay, { ...displayProps });
-				$[31] = displayProps;
-				$[32] = t10;
-			} else t10 = $[32];
-			return t10;
-		}
+		case "chips": return /* @__PURE__ */ jsx(ChipsDisplay, { ...displayProps });
+		case "table": return /* @__PURE__ */ jsx(TableDisplay, { ...displayProps });
+		case "cards": return /* @__PURE__ */ jsx(CardsDisplay, { ...displayProps });
+		case "grid": return /* @__PURE__ */ jsx(GridDisplay, { ...displayProps });
 		case "list":
-		default: {
-			let t10;
-			if ($[33] !== displayProps) {
-				t10 = /* @__PURE__ */ jsx(ListDisplay, { ...displayProps });
-				$[33] = displayProps;
-				$[34] = t10;
-			} else t10 = $[34];
-			return t10;
-		}
+		default: return /* @__PURE__ */ jsx(ListDisplay, { ...displayProps });
 	}
 }
 

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

@@ -1,7 +1,6 @@
 import { useResolveText } from "../../i18n/hooks.mjs";
 import { RelationPicker } from "./relation-picker.mjs";
 import { RelationSelect } from "./relation-select.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Controller, useFormContext } from "react-hook-form";
 
@@ -34,43 +33,21 @@ import { Controller, useFormContext } from "react-hook-form";
 * />
 * ```
 */
-function RelationField(t0) {
-	const $ = c(31);
-	const { name, targetCollection, type, label, description, localized, locale, filter, required, disabled, readOnly, placeholder, orderable, maxItems, renderOption, renderValue, renderItem, control: controlProp } = t0;
+function RelationField({ name, targetCollection, type, label, description, localized, locale, filter, required, disabled, readOnly, placeholder, orderable, maxItems, renderOption, renderValue, renderItem, control: controlProp }) {
 	const resolveText = useResolveText();
-	let t1;
-	if ($[0] !== label || $[1] !== resolveText) {
-		t1 = label ? resolveText(label) : void 0;
-		$[0] = label;
-		$[1] = resolveText;
-		$[2] = t1;
-	} else t1 = $[2];
-	const resolvedLabel = t1;
-	let t2;
-	if ($[3] !== description || $[4] !== resolveText) {
-		t2 = description ? resolveText(description) : void 0;
-		$[3] = description;
-		$[4] = resolveText;
-		$[5] = t2;
-	} else t2 = $[5];
-	const resolvedDescription = t2;
+	const resolvedLabel = label ? resolveText(label) : void 0;
+	const resolvedDescription = description ? resolveText(description) : void 0;
 	const formContext = useFormContext();
 	const control = controlProp ?? formContext?.control;
 	if (!control) {
 		if (process.env.NODE_ENV !== "production") console.warn("RelationField: No form control found. Make sure to use within FormProvider or pass control prop.");
 		return null;
 	}
-	const t3 = required ? `${resolvedLabel || name} is required` : void 0;
-	let t4;
-	if ($[6] !== t3) {
-		t4 = { required: t3 };
-		$[6] = t3;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== disabled || $[9] !== filter || $[10] !== locale || $[11] !== localized || $[12] !== maxItems || $[13] !== name || $[14] !== orderable || $[15] !== placeholder || $[16] !== readOnly || $[17] !== renderItem || $[18] !== renderOption || $[19] !== renderValue || $[20] !== required || $[21] !== resolvedDescription || $[22] !== resolvedLabel || $[23] !== targetCollection || $[24] !== type) {
-		t5 = (t6$1) => {
-			const { field, fieldState } = t6$1;
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control,
+		rules: { required: required ? `${resolvedLabel || name} is required` : void 0 },
+		render: ({ field, fieldState }) => {
 			const error = fieldState.error?.message;
 			if (type === "single") return /* @__PURE__ */ jsxs("div", {
 				className: "qa-relation-field space-y-1",
@@ -120,41 +97,8 @@ function RelationField(t0) {
 					children: resolvedDescription
 				})]
 			});
-		};
-		$[8] = disabled;
-		$[9] = filter;
-		$[10] = locale;
-		$[11] = localized;
-		$[12] = maxItems;
-		$[13] = name;
-		$[14] = orderable;
-		$[15] = placeholder;
-		$[16] = readOnly;
-		$[17] = renderItem;
-		$[18] = renderOption;
-		$[19] = renderValue;
-		$[20] = required;
-		$[21] = resolvedDescription;
-		$[22] = resolvedLabel;
-		$[23] = targetCollection;
-		$[24] = type;
-		$[25] = t5;
-	} else t5 = $[25];
-	let t6;
-	if ($[26] !== control || $[27] !== name || $[28] !== t4 || $[29] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Controller, {
-			name,
-			control,
-			rules: t4,
-			render: t5
-		});
-		$[26] = control;
-		$[27] = name;
-		$[28] = t4;
-		$[29] = t5;
-		$[30] = t6;
-	} else t6 = $[30];
-	return t6;
+		}
+	});
 }
 
 //#endregion