@questpie/admin 3.2.4 → 3.2.6

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

@@ -1,7 +1,9 @@
 import { useResolveText, useTranslation } from "../../../i18n/hooks.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { resolveIconElement } from "../../../components/component-renderer.mjs";
+import { flattenOptions } from "../../../components/primitives/types.mjs";
 import { resolveOptionLabelForValue } from "../../../components/primitives/option-label.mjs";
 import { Badge } from "../../../components/ui/badge.mjs";
-import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -10,58 +12,27 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * 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;
+function DefaultCell({ value }) {
+	if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	return /* @__PURE__ */ jsx("span", { children: String(value) });
 }
 /**
 * 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;
-	}
+function TextCell({ value }) {
+	if (value === null || value === void 0 || value === "") return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
 	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;
+	return /* @__PURE__ */ jsx("span", {
+		className: "block max-w-[300px] truncate",
+		title: text,
+		children: text
+	});
 }
 function stripHtmlTags(value) {
 	return value.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim();
@@ -79,288 +50,107 @@ function getRichTextPreview(value) {
 	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;
+function RichTextCell({ value }) {
+	const text = getRichTextPreview(value);
+	if (!text) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "block max-w-[300px] truncate",
+		title: text,
+		children: text
+	});
 }
 /**
 * 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;
-	}
+function NumberCell({ value }) {
+	if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
 	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;
+	return /* @__PURE__ */ jsx("span", {
+		className: "tabular-nums",
+		children: Number.isNaN(num) ? String(value) : num.toLocaleString()
+	});
 }
 /**
 * Boolean cell - badge display
 */
-function BooleanCell(t0) {
-	const $ = c(6);
-	const { value } = t0;
+function BooleanCell({ value }) {
 	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;
+	return /* @__PURE__ */ jsx(Badge, {
+		variant: value ? "default" : "secondary",
+		children: value ? t("common.yes") : t("common.no")
+	});
 }
 /**
 * 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;
+function DateCell({ value }) {
+	if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	const date = value instanceof Date ? value : new Date(String(value));
+	if (Number.isNaN(date.getTime())) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: String(value)
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "tabular-nums",
+		children: date.toLocaleDateString()
+	});
 }
 /**
 * 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;
+function DateTimeCell({ value }) {
+	if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	const date = value instanceof Date ? value : new Date(String(value));
+	if (Number.isNaN(date.getTime())) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: String(value)
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		className: "tabular-nums",
+		children: [
+			date.toLocaleDateString(),
+			" ",
+			date.toLocaleTimeString()
+		]
+	});
 }
 /**
 * 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;
+function TimeCell({ value }) {
+	if (value === null || value === void 0 || value === "") return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "tabular-nums",
+		children: String(value)
+	});
 }
 /**
 * 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-foreground",
-			children: t1
-		});
-		$[1] = t1;
-		$[2] = t2;
-	} else t2 = $[2];
-	return t2;
+function EmailCell({ value }) {
+	if (value === null || value === void 0 || value === "") return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "text-foreground",
+		children: String(value)
+	});
 }
 /**
 * Select/Status cell - badge display
@@ -369,6 +159,10 @@ function getSelectOptions(fieldDef) {
 	const options = fieldDef?.["~options"]?.options;
 	return Array.isArray(options) ? options : void 0;
 }
+function findSelectOption(options, value) {
+	if (!options) return void 0;
+	return flattenOptions(options).find((opt) => String(opt.value) === String(value));
+}
 function resolveSelectCellLabel({ value, fieldDef, resolveText, t, locale }) {
 	return resolveOptionLabelForValue({
 		value,
@@ -378,67 +172,33 @@ function resolveSelectCellLabel({ value, fieldDef, resolveText, t, locale }) {
 		locale
 	});
 }
-function SelectCell(t0) {
-	const $ = c(16);
-	const { value, fieldDef } = t0;
+function SelectCell({ value, fieldDef }) {
 	const { t, locale } = useTranslation();
 	const resolveText = useResolveText();
-	if (value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 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 t1;
-	if ($[1] !== value) {
-		t1 = Array.isArray(value) ? value : [value];
-		$[1] = value;
-		$[2] = t1;
-	} else t1 = $[2];
-	const values = t1;
-	let t2;
-	if ($[3] !== fieldDef || $[4] !== locale || $[5] !== resolveText || $[6] !== t || $[7] !== values) {
-		let t3$1;
-		if ($[9] !== fieldDef || $[10] !== locale || $[11] !== resolveText || $[12] !== t) {
-			t3$1 = (item, index) => /* @__PURE__ */ jsx(Badge, {
+	if (value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	const values = Array.isArray(value) ? value : [value];
+	const options = getSelectOptions(fieldDef);
+	return /* @__PURE__ */ jsx("span", {
+		className: "inline-flex max-w-[300px] flex-wrap gap-1",
+		children: values.map((item, index) => {
+			const option = findSelectOption(options, item);
+			const icon = resolveIconElement(option?.icon);
+			return /* @__PURE__ */ jsxs(Badge, {
 				variant: "outline",
-				children: resolveSelectCellLabel({
+				className: cn("gap-1", option?.className),
+				children: [icon, resolveSelectCellLabel({
 					value: item,
 					fieldDef,
 					resolveText,
 					t,
 					locale
-				})
+				})]
 			}, `${String(item)}-${index}`);
-			$[9] = fieldDef;
-			$[10] = locale;
-			$[11] = resolveText;
-			$[12] = t;
-			$[13] = t3$1;
-		} else t3$1 = $[13];
-		t2 = values.map(t3$1);
-		$[3] = fieldDef;
-		$[4] = locale;
-		$[5] = resolveText;
-		$[6] = t;
-		$[7] = values;
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[14] !== t2) {
-		t3 = /* @__PURE__ */ jsx("span", {
-			className: "inline-flex max-w-[300px] flex-wrap gap-1",
-			children: t2
-		});
-		$[14] = t2;
-		$[15] = t3;
-	} else t3 = $[15];
-	return t3;
+		})
+	});
 }
 
 //#endregion