@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,395 @@
+import { useTranslation } from "../../../i18n/hooks.mjs";
+import { Badge } from "../../../components/ui/badge.mjs";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/collection/cells/primitive-cells.tsx
+/**
+* Ultra-simple default cell renderer
+* Used as fallback when field has no .cell defined
+*/
+function DefaultCell(t0) {
+	const $ = c(3);
+	const { value } = t0;
+	if (value === null || value === void 0) {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	const t1 = String(value);
+	let t2;
+	if ($[1] !== t1) {
+		t2 = /* @__PURE__ */ jsx("span", { children: t1 });
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+}
+/**
+* Text cell - simple text display with truncation
+*/
+function TextCell(t0) {
+	const $ = c(3);
+	const { value } = t0;
+	if (value === null || value === void 0 || value === "") {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	const text = String(value);
+	let t1;
+	if ($[1] !== text) {
+		t1 = /* @__PURE__ */ jsx("span", {
+			className: "block max-w-[300px] truncate",
+			title: text,
+			children: text
+		});
+		$[1] = text;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+function stripHtmlTags(value) {
+	return value.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim();
+}
+function extractTextFromNode(node) {
+	if (!node) return "";
+	if (Array.isArray(node)) return node.map(extractTextFromNode).filter(Boolean).join(" ");
+	if (typeof node.text === "string") return node.text;
+	if (Array.isArray(node.content)) return node.content.map(extractTextFromNode).filter(Boolean).join(" ");
+	return "";
+}
+function getRichTextPreview(value) {
+	if (value === null || value === void 0) return "";
+	if (typeof value === "string") return /<\/?[a-z][\s\S]*>/i.test(value) ? stripHtmlTags(value) : value.trim();
+	if (typeof value === "object") return extractTextFromNode(value).replace(/\s+/g, " ").trim();
+	return String(value);
+}
+function RichTextCell(t0) {
+	const $ = c(5);
+	const { value } = t0;
+	let t1;
+	if ($[0] !== value) {
+		t1 = getRichTextPreview(value);
+		$[0] = value;
+		$[1] = t1;
+	} else t1 = $[1];
+	const text = t1;
+	if (!text) {
+		let t2$1;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t2$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[2] = t2$1;
+		} else t2$1 = $[2];
+		return t2$1;
+	}
+	let t2;
+	if ($[3] !== text) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "block max-w-[300px] truncate",
+			title: text,
+			children: text
+		});
+		$[3] = text;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+}
+/**
+* Number cell - right-aligned number display
+*/
+function NumberCell(t0) {
+	const $ = c(6);
+	const { value } = t0;
+	if (value === null || value === void 0) {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	const num = Number(value);
+	let t1;
+	if ($[1] !== num || $[2] !== value) {
+		t1 = Number.isNaN(num) ? String(value) : num.toLocaleString();
+		$[1] = num;
+		$[2] = value;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "tabular-nums",
+			children: t1
+		});
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+/**
+* Boolean cell - badge display
+*/
+function BooleanCell(t0) {
+	const $ = c(6);
+	const { value } = t0;
+	const { t } = useTranslation();
+	const t1 = value ? "default" : "secondary";
+	let t2;
+	if ($[0] !== t || $[1] !== value) {
+		t2 = value ? t("common.yes") : t("common.no");
+		$[0] = t;
+		$[1] = value;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== t1 || $[4] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Badge, {
+			variant: t1,
+			children: t2
+		});
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
+}
+/**
+* Date cell - formatted date display
+*/
+function DateCell(t0) {
+	const $ = c(10);
+	const { value } = t0;
+	if (value === null || value === void 0) {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	let date;
+	let t1;
+	if ($[1] !== value) {
+		date = value instanceof Date ? value : new Date(String(value));
+		t1 = Number.isNaN(date.getTime());
+		$[1] = value;
+		$[2] = date;
+		$[3] = t1;
+	} else {
+		date = $[2];
+		t1 = $[3];
+	}
+	if (t1) {
+		const t2$1 = String(value);
+		let t3$1;
+		if ($[4] !== t2$1) {
+			t3$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: t2$1
+			});
+			$[4] = t2$1;
+			$[5] = t3$1;
+		} else t3$1 = $[5];
+		return t3$1;
+	}
+	let t2;
+	if ($[6] !== date) {
+		t2 = date.toLocaleDateString();
+		$[6] = date;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "tabular-nums",
+			children: t2
+		});
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+}
+/**
+* DateTime cell - formatted date and time display
+*/
+function DateTimeCell(t0) {
+	const $ = c(13);
+	const { value } = t0;
+	if (value === null || value === void 0) {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	let date;
+	let t1;
+	if ($[1] !== value) {
+		date = value instanceof Date ? value : new Date(String(value));
+		t1 = Number.isNaN(date.getTime());
+		$[1] = value;
+		$[2] = date;
+		$[3] = t1;
+	} else {
+		date = $[2];
+		t1 = $[3];
+	}
+	if (t1) {
+		const t2$1 = String(value);
+		let t3$1;
+		if ($[4] !== t2$1) {
+			t3$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: t2$1
+			});
+			$[4] = t2$1;
+			$[5] = t3$1;
+		} else t3$1 = $[5];
+		return t3$1;
+	}
+	let t2;
+	if ($[6] !== date) {
+		t2 = date.toLocaleDateString();
+		$[6] = date;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== date) {
+		t3 = date.toLocaleTimeString();
+		$[8] = date;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== t2 || $[11] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("span", {
+			className: "tabular-nums",
+			children: [
+				t2,
+				" ",
+				t3
+			]
+		});
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+/**
+* Time cell - formatted time display (for time-only values stored as string)
+*/
+function TimeCell(t0) {
+	const $ = c(3);
+	const { value } = t0;
+	if (value === null || value === void 0 || value === "") {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	const t1 = String(value);
+	let t2;
+	if ($[1] !== t1) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "tabular-nums",
+			children: t1
+		});
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+}
+/**
+* Email cell - displays email with mailto link styling
+*/
+function EmailCell(t0) {
+	const $ = c(3);
+	const { value } = t0;
+	if (value === null || value === void 0 || value === "") {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	const t1 = String(value);
+	let t2;
+	if ($[1] !== t1) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "text-primary",
+			children: t1
+		});
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+}
+/**
+* Select/Status cell - badge display
+*/
+function SelectCell(t0) {
+	const $ = c(3);
+	const { value } = t0;
+	if (value === null || value === void 0 || value === "") {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	const t1 = String(value);
+	let t2;
+	if ($[1] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Badge, {
+			variant: "outline",
+			children: t1
+		});
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+}
+
+//#endregion
+export { BooleanCell, DateCell, DateTimeCell, DefaultCell, EmailCell, NumberCell, RichTextCell, SelectCell, TextCell, TimeCell };

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

@@ -0,0 +1,260 @@
+import { useResolveText } from "../../../i18n/hooks.mjs";
+import { Badge } from "../../../components/ui/badge.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.mjs";
+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";
+
+//#region src/client/views/collection/cells/relation-cells.tsx
+/**
+* Relation Cell Components
+*
+* Cells for displaying relation fields:
+* - RelationCell - forward relations (belongs-to, has-one, has-many)
+* - ReverseRelationCell - reverse relations (computed from other collections)
+*/
+/**
+* Relation cell - displays relation as clickable chips
+* Supports both single relations and arrays
+* Opens detail sheet on click
+*/
+function RelationCell(t0) {
+	const $ = c(58);
+	const { value, fieldDef } = t0;
+	const resolveText = useResolveText();
+	let t1;
+	if ($[0] !== fieldDef) {
+		t1 = fieldDef?.["~options"] ?? {};
+		$[0] = fieldDef;
+		$[1] = t1;
+	} else t1 = $[1];
+	const fieldOptions = t1;
+	const targetCollection = fieldOptions.targetCollection;
+	const listCellConfig = fieldOptions.listCell;
+	const showAvatar = listCellConfig?.display === "avatarChip";
+	const avatarField = listCellConfig?.avatarField;
+	const labelField = listCellConfig?.labelField;
+	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;
+	if (value === null || value === void 0) {
+		let t3$1;
+		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+			t3$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[3] = t3$1;
+		} else t3$1 = $[3];
+		return t3$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", {
+					className: "text-muted-foreground",
+					children: "-"
+				});
+				$[4] = t3$2;
+			} else t3$2 = $[4];
+			return t3$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;
+			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) => {
+					const itemId_0 = getRelationItemId(item);
+					return /* @__PURE__ */ jsx(RelationChip, {
+						item,
+						targetCollection,
+						onClick: handleChipClick,
+						className: "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;
+			$[14] = t4$1;
+		} else {
+			T0 = $[10];
+			T1 = $[11];
+			remainingCount = $[12];
+			t3$1 = $[13];
+			t4$1 = $[14];
+		}
+		let t5$1;
+		if ($[20] !== remainingCount) {
+			t5$1 = remainingCount > 0 && /* @__PURE__ */ jsxs(Badge, {
+				variant: "secondary",
+				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]
+			});
+			$[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];
+		let t8;
+		if ($[29] !== labelField || $[30] !== resolveText || $[31] !== targetCollection || $[32] !== value) {
+			t8 = 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 /* @__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",
+								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;
+			$[36] = t8;
+			$[37] = t9;
+		} else t9 = $[37];
+		let t10;
+		if ($[38] !== sheetCollection || $[39] !== sheetItemId || $[40] !== sheetOpen) {
+			t10 = sheetCollection && sheetItemId && /* @__PURE__ */ jsx(ResourceSheet, {
+				type: "collection",
+				collection: sheetCollection,
+				itemId: sheetItemId,
+				open: sheetOpen,
+				onOpenChange: setSheetOpen
+			});
+			$[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;
+			$[44] = t11;
+		} else t11 = $[44];
+		return t11;
+	}
+	let t3;
+	if ($[45] !== avatarField || $[46] !== labelField || $[47] !== showAvatar || $[48] !== targetCollection || $[49] !== value) {
+		t3 = /* @__PURE__ */ jsx(RelationChip, {
+			item: value,
+			targetCollection,
+			onClick: handleChipClick,
+			showAvatar,
+			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, {
+			type: "collection",
+			collection: sheetCollection,
+			itemId: sheetItemId,
+			open: sheetOpen,
+			onOpenChange: setSheetOpen
+		});
+		$[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;
+		$[56] = t4;
+		$[57] = t5;
+	} else t5 = $[57];
+	return t5;
+}
+
+//#endregion
+export { RelationCell };