@questpie/admin 3.0.2 → 3.0.4

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

@@ -22,7 +22,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * Opens detail sheet on click
 */
 function RelationCell(t0) {
-	const $ = c(58);
+	const $ = c(59);
 	const { value, fieldDef } = t0;
 	const resolveText = useResolveText();
 	let t1;
@@ -50,109 +50,121 @@ function RelationCell(t0) {
 		$[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 t3$1;
-		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-			t3$1 = /* @__PURE__ */ jsx("span", {
+		let t4$1;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t4$1 = /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground",
 				children: "-"
 			});
-			$[3] = t3$1;
-		} else t3$1 = $[3];
-		return t3$1;
+			$[4] = t4$1;
+		} else t4$1 = $[4];
+		return t4$1;
 	}
 	if (Array.isArray(value)) {
 		if (value.length === 0) {
-			let t3$2;
-			if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-				t3$2 = /* @__PURE__ */ jsx("span", {
+			let t4$2;
+			if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+				t4$2 = /* @__PURE__ */ jsx("span", {
 					className: "text-muted-foreground",
 					children: "-"
 				});
-				$[4] = t3$2;
-			} else t3$2 = $[4];
-			return t3$2;
+				$[5] = t4$2;
+			} else t4$2 = $[5];
+			return t4$2;
 		}
 		let T0;
 		let T1;
 		let remainingCount;
-		let t3$1;
 		let t4$1;
-		if ($[5] !== avatarField || $[6] !== labelField || $[7] !== showAvatar || $[8] !== targetCollection || $[9] !== value) {
-			const visibleItems = value.slice(0, 3);
-			remainingCount = value.length - 3;
+		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;
-			t3$1 = "inline-flex max-w-[250px] items-center gap-1 overflow-hidden";
-			let t5$2;
-			if ($[15] !== avatarField || $[16] !== labelField || $[17] !== showAvatar || $[18] !== targetCollection) {
-				t5$2 = (item) => {
+			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: "shrink-0",
+						className: "max-w-28 shrink-0",
 						showAvatar,
 						avatarField,
 						labelField
 					}, itemId_0 ?? String(item));
 				};
-				$[15] = avatarField;
-				$[16] = labelField;
-				$[17] = showAvatar;
-				$[18] = targetCollection;
-				$[19] = t5$2;
-			} else t5$2 = $[19];
-			t4$1 = visibleItems.map(t5$2);
-			$[5] = avatarField;
-			$[6] = labelField;
-			$[7] = showAvatar;
-			$[8] = targetCollection;
-			$[9] = value;
-			$[10] = T0;
-			$[11] = T1;
-			$[12] = remainingCount;
-			$[13] = t3$1;
+				$[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 = $[10];
-			T1 = $[11];
-			remainingCount = $[12];
-			t3$1 = $[13];
+			T0 = $[11];
+			T1 = $[12];
+			remainingCount = $[13];
 			t4$1 = $[14];
+			t5$1 = $[15];
 		}
-		let t5$1;
-		if ($[20] !== remainingCount) {
-			t5$1 = remainingCount > 0 && /* @__PURE__ */ jsxs(Badge, {
-				variant: "secondary",
+		let t6$1;
+		if ($[21] !== remainingCount) {
+			t6$1 = remainingCount > 0 && /* @__PURE__ */ jsxs(Badge, {
+				variant: "outline",
 				className: "h-5 shrink-0 px-1.5 text-[10px]",
 				children: ["+", remainingCount]
 			});
-			$[20] = remainingCount;
-			$[21] = t5$1;
-		} else t5$1 = $[21];
-		let t6;
-		if ($[22] !== t3$1 || $[23] !== t4$1 || $[24] !== t5$1) {
-			t6 = /* @__PURE__ */ jsxs("span", {
-				className: t3$1,
-				children: [t4$1, t5$1]
+			$[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]
 			});
-			$[22] = t3$1;
 			$[23] = t4$1;
 			$[24] = t5$1;
-			$[25] = t6;
-		} else t6 = $[25];
-		let t7;
-		if ($[26] !== T0 || $[27] !== t6) {
-			t7 = /* @__PURE__ */ jsx(T0, { render: t6 });
-			$[26] = T0;
-			$[27] = t6;
-			$[28] = t7;
-		} else t7 = $[28];
+			$[25] = t6$1;
+			$[26] = t7;
+		} else t7 = $[26];
 		let t8;
-		if ($[29] !== labelField || $[30] !== resolveText || $[31] !== targetCollection || $[32] !== value) {
-			t8 = value.length > 3 && /* @__PURE__ */ jsx(TooltipContent, {
+		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",
@@ -163,61 +175,67 @@ function RelationCell(t0) {
 						const id = getRelationItemId(item_0);
 						const canNavigate = targetCollection && id;
 						const key = id ?? label ?? `item-${idx}`;
-						return /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-1.5 text-xs",
-							children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), canNavigate ? /* @__PURE__ */ jsx("button", {
-								type: "button",
-								onClick: (e) => {
-									e.stopPropagation();
-									handleChipClick(id, targetCollection);
-								},
-								className: "text-primary text-left hover:underline",
+						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
-							}) : /* @__PURE__ */ jsx("span", { children: label })]
+							})]
 						}, key);
 					})
 				})
 			});
-			$[29] = labelField;
-			$[30] = resolveText;
-			$[31] = targetCollection;
-			$[32] = value;
-			$[33] = t8;
-		} else t8 = $[33];
-		let t9;
-		if ($[34] !== T1 || $[35] !== t7 || $[36] !== t8) {
-			t9 = /* @__PURE__ */ jsxs(T1, { children: [t7, t8] });
-			$[34] = T1;
-			$[35] = t7;
+			$[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;
-		} else t9 = $[37];
-		let t10;
-		if ($[38] !== sheetCollection || $[39] !== sheetItemId || $[40] !== sheetOpen) {
-			t10 = sheetCollection && sheetItemId && /* @__PURE__ */ jsx(ResourceSheet, {
+			$[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: setSheetOpen
+				onOpenChange: handleSheetOpenChange
 			});
-			$[38] = sheetCollection;
-			$[39] = sheetItemId;
-			$[40] = sheetOpen;
-			$[41] = t10;
-		} else t10 = $[41];
-		let t11;
-		if ($[42] !== t10 || $[43] !== t9) {
-			t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t9, t10] });
-			$[42] = t10;
-			$[43] = t9;
+			$[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;
-		} else t11 = $[44];
-		return t11;
+			$[45] = t12;
+		} else t12 = $[45];
+		return t12;
 	}
-	let t3;
-	if ($[45] !== avatarField || $[46] !== labelField || $[47] !== showAvatar || $[48] !== targetCollection || $[49] !== value) {
-		t3 = /* @__PURE__ */ jsx(RelationChip, {
+	let t4;
+	if ($[46] !== avatarField || $[47] !== labelField || $[48] !== showAvatar || $[49] !== targetCollection || $[50] !== value) {
+		t4 = /* @__PURE__ */ jsx(RelationChip, {
 			item: value,
 			targetCollection,
 			onClick: handleChipClick,
@@ -225,35 +243,35 @@ function RelationCell(t0) {
 			avatarField,
 			labelField
 		});
-		$[45] = avatarField;
-		$[46] = labelField;
-		$[47] = showAvatar;
-		$[48] = targetCollection;
-		$[49] = value;
-		$[50] = t3;
-	} else t3 = $[50];
-	let t4;
-	if ($[51] !== sheetCollection || $[52] !== sheetItemId || $[53] !== sheetOpen) {
-		t4 = sheetCollection && sheetItemId && /* @__PURE__ */ jsx(ResourceSheet, {
+		$[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, {
 			type: "collection",
 			collection: sheetCollection,
 			itemId: sheetItemId,
 			open: sheetOpen,
-			onOpenChange: setSheetOpen
+			onOpenChange: handleSheetOpenChange
 		});
-		$[51] = sheetCollection;
-		$[52] = sheetItemId;
-		$[53] = sheetOpen;
-		$[54] = t4;
-	} else t4 = $[54];
-	let t5;
-	if ($[55] !== t3 || $[56] !== t4) {
-		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, t4] });
-		$[55] = t3;
+		$[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;
-	} else t5 = $[57];
-	return t5;
+		$[58] = t6;
+	} else t6 = $[58];
+	return t6;
 }
 
 //#endregion