@questpie/admin 3.2.4 → 3.2.5

package/dist/client/views/collection/cells/relation-cells.mjs

@@ -4,7 +4,6 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/
 import { getRelationItemId, getRelationItemLabelWithField } from "./shared/cell-helpers.mjs";
 import { ResourceSheet } from "../../../components/sheets/resource-sheet.mjs";
 import { RelationChip } from "./shared/relation-chip.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
@@ -21,17 +20,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * Supports both single relations and arrays
 * Opens detail sheet on click
 */
-function RelationCell(t0) {
-	const $ = c(59);
-	const { value, fieldDef } = t0;
+function RelationCell({ value, fieldDef }) {
 	const resolveText = useResolveText();
-	let t1;
-	if ($[0] !== fieldDef) {
-		t1 = fieldDef?.["~options"] ?? {};
-		$[0] = fieldDef;
-		$[1] = t1;
-	} else t1 = $[1];
-	const fieldOptions = t1;
+	const fieldOptions = fieldDef?.["~options"] ?? {};
 	const targetCollection = fieldOptions.targetCollection;
 	const listCellConfig = fieldOptions.listCell;
 	const showAvatar = listCellConfig?.display === "avatarChip";
@@ -40,238 +31,100 @@ function RelationCell(t0) {
 	const [sheetOpen, setSheetOpen] = React.useState(false);
 	const [sheetItemId, setSheetItemId] = React.useState();
 	const [sheetCollection, setSheetCollection] = React.useState();
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = (itemId, collection) => {
-			setSheetItemId(itemId);
-			setSheetCollection(collection);
-			setSheetOpen(true);
-		};
-		$[2] = t2;
-	} else t2 = $[2];
-	const handleChipClick = t2;
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = (open) => {
-			setSheetOpen(open);
-			if (!open) {
-				setSheetItemId(void 0);
-				setSheetCollection(void 0);
-			}
-		};
-		$[3] = t3;
-	} else t3 = $[3];
-	const handleSheetOpenChange = t3;
-	if (value === null || value === void 0) {
-		let t4$1;
-		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-			t4$1 = /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground",
-				children: "-"
-			});
-			$[4] = t4$1;
-		} else t4$1 = $[4];
-		return t4$1;
-	}
-	if (Array.isArray(value)) {
-		if (value.length === 0) {
-			let t4$2;
-			if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-				t4$2 = /* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground",
-					children: "-"
-				});
-				$[5] = t4$2;
-			} else t4$2 = $[5];
-			return t4$2;
-		}
-		let T0;
-		let T1;
-		let remainingCount;
-		let t4$1;
-		let t5$1;
-		if ($[6] !== avatarField || $[7] !== labelField || $[8] !== showAvatar || $[9] !== targetCollection || $[10] !== value) {
-			const visibleItems = value.slice(0, 2);
-			remainingCount = value.length - 2;
-			T1 = Tooltip;
-			T0 = TooltipTrigger;
-			t4$1 = "inline-flex max-w-[260px] flex-nowrap items-center gap-1 overflow-hidden";
-			let t6$2;
-			if ($[16] !== avatarField || $[17] !== labelField || $[18] !== showAvatar || $[19] !== targetCollection) {
-				t6$2 = (item) => {
-					const itemId_0 = getRelationItemId(item);
-					return /* @__PURE__ */ jsx(RelationChip, {
-						item,
-						targetCollection,
-						onClick: handleChipClick,
-						className: "max-w-28 shrink-0",
-						showAvatar,
-						avatarField,
-						labelField
-					}, itemId_0 ?? String(item));
-				};
-				$[16] = avatarField;
-				$[17] = labelField;
-				$[18] = showAvatar;
-				$[19] = targetCollection;
-				$[20] = t6$2;
-			} else t6$2 = $[20];
-			t5$1 = visibleItems.map(t6$2);
-			$[6] = avatarField;
-			$[7] = labelField;
-			$[8] = showAvatar;
-			$[9] = targetCollection;
-			$[10] = value;
-			$[11] = T0;
-			$[12] = T1;
-			$[13] = remainingCount;
-			$[14] = t4$1;
-			$[15] = t5$1;
-		} else {
-			T0 = $[11];
-			T1 = $[12];
-			remainingCount = $[13];
-			t4$1 = $[14];
-			t5$1 = $[15];
+	const handleChipClick = React.useCallback((itemId, collection) => {
+		setSheetItemId(itemId);
+		setSheetCollection(collection);
+		setSheetOpen(true);
+	}, []);
+	const handleSheetOpenChange = React.useCallback((open) => {
+		setSheetOpen(open);
+		if (!open) {
+			setSheetItemId(void 0);
+			setSheetCollection(void 0);
 		}
-		let t6$1;
-		if ($[21] !== remainingCount) {
-			t6$1 = remainingCount > 0 && /* @__PURE__ */ jsxs(Badge, {
+	}, []);
+	if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	if (Array.isArray(value)) {
+		if (value.length === 0) return /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground",
+			children: "-"
+		});
+		const visibleItems = value.slice(0, 2);
+		const remainingCount = value.length - 2;
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex max-w-[260px] flex-nowrap items-center gap-1 overflow-hidden",
+			children: [visibleItems.map((item) => {
+				const itemId = getRelationItemId(item);
+				return /* @__PURE__ */ jsx(RelationChip, {
+					item,
+					targetCollection,
+					onClick: handleChipClick,
+					className: "max-w-28 shrink-0",
+					showAvatar,
+					avatarField,
+					labelField
+				}, itemId ?? String(item));
+			}), remainingCount > 0 && /* @__PURE__ */ jsxs(Badge, {
 				variant: "outline",
 				className: "h-5 shrink-0 px-1.5 text-[10px]",
 				children: ["+", remainingCount]
-			});
-			$[21] = remainingCount;
-			$[22] = t6$1;
-		} else t6$1 = $[22];
-		let t7;
-		if ($[23] !== t4$1 || $[24] !== t5$1 || $[25] !== t6$1) {
-			t7 = /* @__PURE__ */ jsxs("span", {
-				className: t4$1,
-				children: [t5$1, t6$1]
-			});
-			$[23] = t4$1;
-			$[24] = t5$1;
-			$[25] = t6$1;
-			$[26] = t7;
-		} else t7 = $[26];
-		let t8;
-		if ($[27] !== T0 || $[28] !== t7) {
-			t8 = /* @__PURE__ */ jsx(T0, { render: t7 });
-			$[27] = T0;
-			$[28] = t7;
-			$[29] = t8;
-		} else t8 = $[29];
-		let t9;
-		if ($[30] !== labelField || $[31] !== resolveText || $[32] !== targetCollection || $[33] !== value) {
-			t9 = value.length > 3 && /* @__PURE__ */ jsx(TooltipContent, {
-				side: "bottom",
-				align: "start",
-				className: "w-56 p-0",
-				children: /* @__PURE__ */ jsx("div", {
-					className: "max-h-[200px] space-y-1 overflow-y-auto p-2",
-					children: value.map((item_0, idx) => {
-						const label = resolveText(getRelationItemLabelWithField(item_0, labelField));
-						const id = getRelationItemId(item_0);
-						const canNavigate = targetCollection && id;
-						const key = id ?? label ?? `item-${idx}`;
-						return canNavigate ? /* @__PURE__ */ jsxs("button", {
-							type: "button",
-							onClick: (e) => {
-								e.stopPropagation();
-								handleChipClick(id, targetCollection);
-							},
-							className: "item-surface border-border hover:bg-accent hover:text-accent-foreground flex w-full items-center gap-2 px-2 py-1.5 text-left text-sm",
-							children: [/* @__PURE__ */ jsx("span", { className: "bg-muted-foreground/50 size-1.5 shrink-0 rounded-full" }), /* @__PURE__ */ jsx("span", {
-								className: "truncate",
-								children: label
-							})]
-						}, key) : /* @__PURE__ */ jsxs("div", {
-							className: "item-surface border-border flex w-full items-center gap-2 px-2 py-1.5 text-sm",
-							children: [/* @__PURE__ */ jsx("span", { className: "bg-muted-foreground/50 size-1.5 shrink-0 rounded-full" }), /* @__PURE__ */ jsx("span", {
-								className: "truncate",
-								children: label
-							})]
-						}, key);
-					})
+			})]
+		}) }), value.length > 3 && /* @__PURE__ */ jsx(TooltipContent, {
+			side: "bottom",
+			align: "start",
+			className: "w-56 p-0",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "max-h-[200px] space-y-1 overflow-y-auto p-2",
+				children: value.map((item, idx) => {
+					const label = resolveText(getRelationItemLabelWithField(item, labelField));
+					const id = getRelationItemId(item);
+					const canNavigate = targetCollection && id;
+					const key = id ?? label ?? `item-${idx}`;
+					return canNavigate ? /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: (e) => {
+							e.stopPropagation();
+							handleChipClick(id, targetCollection);
+						},
+						className: "item-surface border-border hover:bg-accent hover:text-accent-foreground flex w-full items-center gap-2 px-2 py-1.5 text-left text-sm",
+						children: [/* @__PURE__ */ jsx("span", { className: "bg-muted-foreground/50 size-1.5 shrink-0 rounded-full" }), /* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: label
+						})]
+					}, key) : /* @__PURE__ */ jsxs("div", {
+						className: "item-surface border-border flex w-full items-center gap-2 px-2 py-1.5 text-sm",
+						children: [/* @__PURE__ */ jsx("span", { className: "bg-muted-foreground/50 size-1.5 shrink-0 rounded-full" }), /* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: label
+						})]
+					}, key);
 				})
-			});
-			$[30] = labelField;
-			$[31] = resolveText;
-			$[32] = targetCollection;
-			$[33] = value;
-			$[34] = t9;
-		} else t9 = $[34];
-		let t10;
-		if ($[35] !== T1 || $[36] !== t8 || $[37] !== t9) {
-			t10 = /* @__PURE__ */ jsxs(T1, { children: [t8, t9] });
-			$[35] = T1;
-			$[36] = t8;
-			$[37] = t9;
-			$[38] = t10;
-		} else t10 = $[38];
-		let t11;
-		if ($[39] !== sheetCollection || $[40] !== sheetItemId || $[41] !== sheetOpen) {
-			t11 = sheetCollection && sheetItemId && /* @__PURE__ */ jsx(ResourceSheet, {
-				type: "collection",
-				collection: sheetCollection,
-				itemId: sheetItemId,
-				open: sheetOpen,
-				onOpenChange: handleSheetOpenChange
-			});
-			$[39] = sheetCollection;
-			$[40] = sheetItemId;
-			$[41] = sheetOpen;
-			$[42] = t11;
-		} else t11 = $[42];
-		let t12;
-		if ($[43] !== t10 || $[44] !== t11) {
-			t12 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t11] });
-			$[43] = t10;
-			$[44] = t11;
-			$[45] = t12;
-		} else t12 = $[45];
-		return t12;
-	}
-	let t4;
-	if ($[46] !== avatarField || $[47] !== labelField || $[48] !== showAvatar || $[49] !== targetCollection || $[50] !== value) {
-		t4 = /* @__PURE__ */ jsx(RelationChip, {
-			item: value,
-			targetCollection,
-			onClick: handleChipClick,
-			showAvatar,
-			avatarField,
-			labelField
-		});
-		$[46] = avatarField;
-		$[47] = labelField;
-		$[48] = showAvatar;
-		$[49] = targetCollection;
-		$[50] = value;
-		$[51] = t4;
-	} else t4 = $[51];
-	let t5;
-	if ($[52] !== sheetCollection || $[53] !== sheetItemId || $[54] !== sheetOpen) {
-		t5 = sheetCollection && sheetItemId && /* @__PURE__ */ jsx(ResourceSheet, {
+			})
+		})] }), sheetCollection && sheetItemId && /* @__PURE__ */ jsx(ResourceSheet, {
 			type: "collection",
 			collection: sheetCollection,
 			itemId: sheetItemId,
 			open: sheetOpen,
 			onOpenChange: handleSheetOpenChange
-		});
-		$[52] = sheetCollection;
-		$[53] = sheetItemId;
-		$[54] = sheetOpen;
-		$[55] = t5;
-	} else t5 = $[55];
-	let t6;
-	if ($[56] !== t4 || $[57] !== t5) {
-		t6 = /* @__PURE__ */ jsxs(Fragment, { children: [t4, t5] });
-		$[56] = t4;
-		$[57] = t5;
-		$[58] = t6;
-	} else t6 = $[58];
-	return t6;
+		})] });
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RelationChip, {
+		item: value,
+		targetCollection,
+		onClick: handleChipClick,
+		showAvatar,
+		avatarField,
+		labelField
+	}), sheetCollection && sheetItemId && /* @__PURE__ */ jsx(ResourceSheet, {
+		type: "collection",
+		collection: sheetCollection,
+		itemId: sheetItemId,
+		open: sheetOpen,
+		onOpenChange: handleSheetOpenChange
+	})] });
 }
 
 //#endregion