@questpie/admin 3.2.3 → 3.2.5

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

@@ -2,7 +2,6 @@ import { useResolveText } from "../../../../i18n/hooks.mjs";
 import { cn } from "../../../../lib/utils.mjs";
 import { Badge } from "../../../../components/ui/badge.mjs";
 import { getRelationItemAvatarUrl, getRelationItemId, getRelationItemLabelWithField } from "./cell-helpers.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/views/collection/cells/shared/relation-chip.tsx
@@ -10,139 +9,44 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Clickable relation chip component
 * Shows label and navigates to related item on click (or opens sheet if onClick provided)
 */
-function RelationChip(t0) {
-	const $ = c(37);
-	const { item, targetCollection, onClick, className, showAvatar: t1, avatarField, labelField } = t0;
-	const showAvatar = t1 === void 0 ? false : t1;
-	const resolveText = useResolveText();
-	let t2;
-	if ($[0] !== item || $[1] !== labelField || $[2] !== resolveText) {
-		t2 = resolveText(getRelationItemLabelWithField(item, labelField));
-		$[0] = item;
-		$[1] = labelField;
-		$[2] = resolveText;
-		$[3] = t2;
-	} else t2 = $[3];
-	const label = t2;
-	let t3;
-	if ($[4] !== avatarField || $[5] !== item) {
-		t3 = getRelationItemAvatarUrl(item, avatarField);
-		$[4] = avatarField;
-		$[5] = item;
-		$[6] = t3;
-	} else t3 = $[6];
-	const avatarUrl = t3;
-	let t4;
-	if ($[7] !== item) {
-		t4 = getRelationItemId(item);
-		$[7] = item;
-		$[8] = t4;
-	} else t4 = $[8];
-	const id = t4;
+function RelationChip({ item, targetCollection, onClick, className, showAvatar = false, avatarField, labelField }) {
+	const label = useResolveText()(getRelationItemLabelWithField(item, labelField));
+	const avatarUrl = getRelationItemAvatarUrl(item, avatarField);
+	const id = getRelationItemId(item);
 	const canInteract = targetCollection && id;
-	let t5;
-	if ($[9] !== avatarUrl || $[10] !== label || $[11] !== showAvatar) {
-		t5 = showAvatar && avatarUrl ? /* @__PURE__ */ jsx("img", {
-			src: avatarUrl,
-			alt: label,
-			className: "image-outline size-4 rounded-full object-cover"
-		}) : null;
-		$[9] = avatarUrl;
-		$[10] = label;
-		$[11] = showAvatar;
-		$[12] = t5;
-	} else t5 = $[12];
-	const avatar = t5;
-	let t6;
-	if ($[13] !== id || $[14] !== onClick || $[15] !== targetCollection) {
-		t6 = (e) => {
-			e.stopPropagation();
-			if (onClick && id && targetCollection) {
-				e.preventDefault();
-				onClick(id, targetCollection);
-			}
-		};
-		$[13] = id;
-		$[14] = onClick;
-		$[15] = targetCollection;
-		$[16] = t6;
-	} else t6 = $[16];
-	const handleClick = t6;
-	if (canInteract) {
-		const href = `/admin/collections/${targetCollection}/${id}`;
-		let t7$1;
-		if ($[17] !== handleClick || $[18] !== href) {
-			t7$1 = /* @__PURE__ */ jsx("a", {
-				href,
-				onClick: handleClick,
-				onPointerDown: _temp
-			});
-			$[17] = handleClick;
-			$[18] = href;
-			$[19] = t7$1;
-		} else t7$1 = $[19];
-		let t8$1;
-		if ($[20] !== className) {
-			t8$1 = cn("qa-relation-chip cursor-pointer", "max-w-40", className);
-			$[20] = className;
-			$[21] = t8$1;
-		} else t8$1 = $[21];
-		let t9$1;
-		if ($[22] !== label) {
-			t9$1 = /* @__PURE__ */ jsx("span", {
-				className: "truncate",
-				children: label
-			});
-			$[22] = label;
-			$[23] = t9$1;
-		} else t9$1 = $[23];
-		let t10;
-		if ($[24] !== avatar || $[25] !== t7$1 || $[26] !== t8$1 || $[27] !== t9$1) {
-			t10 = /* @__PURE__ */ jsxs(Badge, {
-				variant: "secondary",
-				render: t7$1,
-				className: t8$1,
-				children: [avatar, t9$1]
-			});
-			$[24] = avatar;
-			$[25] = t7$1;
-			$[26] = t8$1;
-			$[27] = t9$1;
-			$[28] = t10;
-		} else t10 = $[28];
-		return t10;
-	}
-	let t7;
-	if ($[29] !== className) {
-		t7 = cn("qa-relation-chip cursor-default", className);
-		$[29] = className;
-		$[30] = t7;
-	} else t7 = $[30];
-	let t8;
-	if ($[31] !== label) {
-		t8 = /* @__PURE__ */ jsx("span", {
+	const avatar = showAvatar && avatarUrl ? /* @__PURE__ */ jsx("img", {
+		src: avatarUrl,
+		alt: label,
+		className: "image-outline size-4 rounded-full object-cover"
+	}) : null;
+	const handleClick = (e) => {
+		e.stopPropagation();
+		if (onClick && id && targetCollection) {
+			e.preventDefault();
+			onClick(id, targetCollection);
+		}
+	};
+	if (canInteract) return /* @__PURE__ */ jsxs(Badge, {
+		variant: "secondary",
+		render: /* @__PURE__ */ jsx("a", {
+			href: `/admin/collections/${targetCollection}/${id}`,
+			onClick: handleClick,
+			onPointerDown: (e) => e.stopPropagation()
+		}),
+		className: cn("qa-relation-chip cursor-pointer", "max-w-40", className),
+		children: [avatar, /* @__PURE__ */ jsx("span", {
 			className: "truncate",
 			children: label
-		});
-		$[31] = label;
-		$[32] = t8;
-	} else t8 = $[32];
-	let t9;
-	if ($[33] !== avatar || $[34] !== t7 || $[35] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(Badge, {
-			variant: "secondary",
-			className: t7,
-			children: [avatar, t8]
-		});
-		$[33] = avatar;
-		$[34] = t7;
-		$[35] = t8;
-		$[36] = t9;
-	} else t9 = $[36];
-	return t9;
-}
-function _temp(e_0) {
-	return e_0.stopPropagation();
+		})]
+	});
+	return /* @__PURE__ */ jsxs(Badge, {
+		variant: "secondary",
+		className: cn("qa-relation-chip cursor-default", className),
+		children: [avatar, /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: label
+		})]
+	});
 }
 
 //#endregion

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

@@ -2,7 +2,6 @@ import { useTranslation } from "../../../i18n/hooks.mjs";
 import { Badge } from "../../../components/ui/badge.mjs";
 import { AssetThumbnail } from "./shared/asset-thumbnail.mjs";
 import { useCollectionItem } from "../../../hooks/use-collection.mjs";
-import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,33 +10,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Upload cell - displays single asset thumbnail or file info
 * Uses AssetThumbnail with size="sm"
 */
-function UploadCell(t0) {
-	const $ = c(6);
-	const { value, fieldDef } = t0;
-	if (Array.isArray(value)) {
-		let t1$1;
-		if ($[0] !== fieldDef || $[1] !== value) {
-			t1$1 = /* @__PURE__ */ jsx(UploadManyCell, {
-				value,
-				fieldDef
-			});
-			$[0] = fieldDef;
-			$[1] = value;
-			$[2] = t1$1;
-		} else t1$1 = $[2];
-		return t1$1;
-	}
-	let t1;
-	if ($[3] !== fieldDef || $[4] !== value) {
-		t1 = /* @__PURE__ */ jsx(UploadSingleCell, {
-			value,
-			fieldDef
-		});
-		$[3] = fieldDef;
-		$[4] = value;
-		$[5] = t1;
-	} else t1 = $[5];
-	return t1;
+function UploadCell({ value, fieldDef }) {
+	if (Array.isArray(value)) return /* @__PURE__ */ jsx(UploadManyCell, {
+		value,
+		fieldDef
+	});
+	return /* @__PURE__ */ jsx(UploadSingleCell, {
+		value,
+		fieldDef
+	});
 }
 function getUploadCollection(fieldDef) {
 	const options = fieldDef?.["~options"] ?? {};
@@ -57,161 +38,63 @@ function hasAssetDisplayData(value) {
 	const asset = value;
 	return !!(asset.url || asset.filename || asset.mimeType);
 }
-function UploadSingleCell(t0) {
-	const $ = c(11);
-	const { value, fieldDef } = t0;
-	let t1;
-	if ($[0] !== fieldDef) {
-		t1 = getUploadCollection(fieldDef);
-		$[0] = fieldDef;
-		$[1] = t1;
-	} else t1 = $[1];
-	const collection = t1;
-	let t2;
-	if ($[2] !== value) {
-		t2 = getAssetId(value);
-		$[2] = value;
-		$[3] = t2;
-	} else t2 = $[3];
-	const assetId = t2;
-	let t3;
-	if ($[4] !== assetId || $[5] !== value) {
-		t3 = !!assetId && !hasAssetDisplayData(value);
-		$[4] = assetId;
-		$[5] = value;
-		$[6] = t3;
-	} else t3 = $[6];
-	const shouldFetch = t3;
-	let t4;
-	if ($[7] !== shouldFetch) {
-		t4 = {
-			enabled: shouldFetch,
-			staleTime: 3e4
-		};
-		$[7] = shouldFetch;
-		$[8] = t4;
-	} else t4 = $[8];
-	const { data: fetchedAsset } = useCollectionItem(collection, assetId || "", void 0, t4);
-	const t5 = fetchedAsset || value;
-	let t6;
-	if ($[9] !== t5) {
-		t6 = /* @__PURE__ */ jsx(AssetThumbnail, {
-			asset: t5,
-			size: "sm",
-			showFilename: true
-		});
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
-	return t6;
+function UploadSingleCell({ value, fieldDef }) {
+	const collection = getUploadCollection(fieldDef);
+	const assetId = getAssetId(value);
+	const shouldFetch = !!assetId && !hasAssetDisplayData(value);
+	const { data: fetchedAsset } = useCollectionItem(collection, assetId || "", void 0, {
+		enabled: shouldFetch,
+		staleTime: 3e4
+	});
+	return /* @__PURE__ */ jsx(AssetThumbnail, {
+		asset: fetchedAsset || value,
+		size: "sm",
+		showFilename: true
+	});
 }
 /**
 * Upload many cell - displays multiple assets count or thumbnails
 */
-function UploadManyCell(t0) {
-	const $ = c(15);
-	const { value } = t0;
+function UploadManyCell({ value }) {
 	const { t } = useTranslation();
-	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;
-	}
-	if (!Array.isArray(value)) {
-		let t1$1;
-		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-			t1$1 = /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground",
-				children: "-"
-			});
-			$[1] = t1$1;
-		} else t1$1 = $[1];
-		return t1$1;
-	}
-	if (value.length === 0) {
-		let t1$1;
-		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-			t1$1 = /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground",
-				children: "-"
-			});
-			$[2] = t1$1;
-		} else t1$1 = $[2];
-		return t1$1;
-	}
-	let t1;
-	if ($[3] !== value) {
-		t1 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			const imageAssets = value.filter(_temp).slice(0, 3);
-			if (imageAssets.length > 0) {
-				const remaining = value.length - imageAssets.length;
-				const t2$1 = /* @__PURE__ */ jsx("div", {
-					className: "flex -space-x-2",
-					children: imageAssets.map(_temp2)
-				});
-				let t3$1;
-				if ($[5] !== remaining) {
-					t3$1 = remaining > 0 && /* @__PURE__ */ jsxs("span", {
-						className: "text-muted-foreground ml-1 text-xs tabular-nums",
-						children: ["+", remaining]
-					});
-					$[5] = remaining;
-					$[6] = t3$1;
-				} else t3$1 = $[6];
-				let t4;
-				if ($[7] !== t2$1 || $[8] !== t3$1) {
-					t4 = /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1",
-						children: [t2$1, t3$1]
-					});
-					$[7] = t2$1;
-					$[8] = t3$1;
-					$[9] = t4;
-				} else t4 = $[9];
-				t1 = t4;
-				break bb0;
-			}
-		}
-		$[3] = value;
-		$[4] = t1;
-	} else t1 = $[4];
-	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
-	let t2;
-	if ($[10] !== t || $[11] !== value.length) {
-		t2 = t("cell.file", { count: value.length });
-		$[10] = t;
-		$[11] = value.length;
-		$[12] = t2;
-	} else t2 = $[12];
-	let t3;
-	if ($[13] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Badge, {
-			variant: "secondary",
-			children: t2
+	if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	if (!Array.isArray(value)) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	if (value.length === 0) return /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	const imageAssets = value.filter((item) => {
+		if (typeof item !== "object" || item === null) return false;
+		const mimeType = item.mimeType;
+		return typeof mimeType === "string" && mimeType.startsWith("image/");
+	}).slice(0, 3);
+	if (imageAssets.length > 0) {
+		const remaining = value.length - imageAssets.length;
+		return /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex -space-x-2",
+				children: imageAssets.map((asset, index) => /* @__PURE__ */ jsx("img", {
+					src: asset.url,
+					alt: asset.filename || "Asset",
+					className: "image-outline bg-background size-6 rounded object-cover"
+				}, asset.id || index))
+			}), remaining > 0 && /* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground ml-1 text-xs tabular-nums",
+				children: ["+", remaining]
+			})]
 		});
-		$[13] = t2;
-		$[14] = t3;
-	} else t3 = $[14];
-	return t3;
-}
-function _temp2(asset, index) {
-	return /* @__PURE__ */ jsx("img", {
-		src: asset.url,
-		alt: asset.filename || "Asset",
-		className: "image-outline bg-background size-6 rounded object-cover"
-	}, asset.id || index);
-}
-function _temp(item) {
-	if (typeof item !== "object" || item === null) return false;
-	const mimeType = item.mimeType;
-	return typeof mimeType === "string" && mimeType.startsWith("image/");
+	}
+	return /* @__PURE__ */ jsx(Badge, {
+		variant: "secondary",
+		children: t("cell.file", { count: value.length })
+	});
 }
 
 //#endregion

package/dist/client/views/collection/columns/build-columns.mjs

@@ -5,68 +5,28 @@ import { DefaultCell, TextCell } from "../cells/primitive-cells.mjs";
 import { LocaleSwitcher } from "../../../components/locale-switcher.mjs";
 import { normalizeColumnConfig } from "../../../builder/types/collection-types.mjs";
 import { computeDefaultColumns, formatHeader } from "./column-defaults.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/views/collection/columns/build-columns.tsx
 /**
 * Column header component that resolves I18nText labels
 */
-function ColumnHeader(t0) {
-	const $ = c(17);
-	const { label, fallback, localized } = t0;
+function ColumnHeader({ label, fallback, localized }) {
 	const resolveText = useResolveText();
 	const contentLocales = useSafeContentLocales();
 	const { locale: contentLocale, setLocale: setContentLocale } = useScopedLocale();
 	const resolvedLocale = contentLocale ?? contentLocales?.defaultLocale ?? contentLocales?.locales[0]?.code;
-	let t1;
-	if ($[0] !== contentLocales || $[1] !== resolvedLocale) {
-		t1 = contentLocales?.locales?.length ? contentLocales.locales : resolvedLocale ? [{ code: resolvedLocale }] : [];
-		$[0] = contentLocales;
-		$[1] = resolvedLocale;
-		$[2] = t1;
-	} else t1 = $[2];
-	const localeOptions = t1;
+	const localeOptions = contentLocales?.locales?.length ? contentLocales.locales : resolvedLocale ? [{ code: resolvedLocale }] : [];
 	const showLocaleSwitcher = localized && localeOptions.length > 0;
-	let t2;
-	if ($[3] !== fallback || $[4] !== label || $[5] !== resolveText) {
-		t2 = resolveText(label, fallback);
-		$[3] = fallback;
-		$[4] = label;
-		$[5] = resolveText;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== t2) {
-		t3 = /* @__PURE__ */ jsx("span", { children: t2 });
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== localeOptions || $[10] !== resolvedLocale || $[11] !== setContentLocale || $[12] !== showLocaleSwitcher) {
-		t4 = showLocaleSwitcher && /* @__PURE__ */ jsx(LocaleSwitcher, {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "inline-flex items-center gap-1.5",
+		children: [/* @__PURE__ */ jsx("span", { children: resolveText(label, fallback) }), showLocaleSwitcher && /* @__PURE__ */ jsx(LocaleSwitcher, {
 			locales: localeOptions,
 			value: resolvedLocale,
 			onChange: setContentLocale,
 			labelMode: "code"
-		});
-		$[9] = localeOptions;
-		$[10] = resolvedLocale;
-		$[11] = setContentLocale;
-		$[12] = showLocaleSwitcher;
-		$[13] = t4;
-	} else t4 = $[13];
-	let t5;
-	if ($[14] !== t3 || $[15] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("span", {
-			className: "inline-flex items-center gap-1.5",
-			children: [t3, t4]
-		});
-		$[14] = t3;
-		$[15] = t4;
-		$[16] = t5;
-	} else t5 = $[16];
-	return t5;
+		})]
+	});
 }
 /**
 * Field types that need fieldDef passed to their cell component
@@ -139,7 +99,7 @@ function buildColumns(options) {
 		columnConfigs = [titleColumn, ...titleColumn === "_title" ? allFields : allFields.filter((f) => f !== titleColumn)];
 	} else if (listConfig?.columns && listConfig.columns.length > 0) columnConfigs = listConfig.columns;
 	else if (Object.keys(fields).length > 0) columnConfigs = computeDefaultColumns(fields, { meta });
-	else columnConfigs = [titleColumn, ...fallbackColumns.filter((c$1) => c$1 !== titleColumn && c$1 !== "_title")];
+	else columnConfigs = [titleColumn, ...fallbackColumns.filter((c) => c !== titleColumn && c !== "_title")];
 	return columnConfigs.map((colConfig) => {
 		const normalized = normalizeColumnConfig(colConfig);
 		const fieldName = normalized.field;

package/dist/client/views/collection/field-renderer.mjs

@@ -7,7 +7,6 @@ import { scopeDependencies, trackDependencies } from "../../utils/dependency-tra
 import { buildComponentProps, getFieldContext, getFieldOptions, getFullFieldName } from "./field-context.mjs";
 import { useFieldHooks } from "../../hooks/use-field-hooks.mjs";
 import { useReactiveProps } from "../../hooks/use-reactive-prop.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
@@ -25,9 +24,7 @@ function renderConfigError(message) {
 		children: message
 	});
 }
-function FieldComponentSkeleton(t0) {
-	const $ = c(3);
-	const { type } = t0;
+function FieldComponentSkeleton({ type }) {
 	const largeFieldTypes = new Set([
 		"blocks",
 		"json",
@@ -36,25 +33,14 @@ function FieldComponentSkeleton(t0) {
 	]);
 	const tallFieldTypes = new Set(["textarea", "upload"]);
 	const controlClassName = largeFieldTypes.has(type ?? "") ? "h-40 w-full" : tallFieldTypes.has(type ?? "") ? "h-28 w-full" : "h-10 w-full";
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx(Skeleton, {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		"aria-busy": "true",
+		children: [/* @__PURE__ */ jsx(Skeleton, {
 			variant: "text",
 			className: "h-4 w-24"
-		});
-		$[0] = t1;
-	} else t1 = $[0];
-	let t2;
-	if ($[1] !== controlClassName) {
-		t2 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
-			"aria-busy": "true",
-			children: [t1, /* @__PURE__ */ jsx(Skeleton, { className: controlClassName })]
-		});
-		$[1] = controlClassName;
-		$[2] = t2;
-	} else t2 = $[2];
-	return t2;
+		}), /* @__PURE__ */ jsx(Skeleton, { className: controlClassName })]
+	});
 }
 function stripFieldUiOptions(options) {
 	const rest = { ...options };
@@ -197,8 +183,6 @@ function FieldRenderer({ fieldName, fieldDef, collection, mode = "collection", r
 		loadOptions: fieldOptions.loadOptions,
 		staticOptions: context.options
 	});
-	if (context.isHidden) return null;
-	if (!fieldDef) return renderConfigError(`Field "${fieldName}" not found in ${mode === "global" ? "global" : "collection"} "${collection}" config.`);
 	const resolvedOptions = hookOptions ?? context.options;
 	const rawComponentProps = buildComponentProps(context);
 	const { props: resolvedFieldProps } = useReactiveProps({
@@ -208,8 +192,11 @@ function FieldRenderer({ fieldName, fieldDef, collection, mode = "collection", r
 		props: React.useMemo(() => ({
 			...stripFieldUiOptions(getFieldOptions(fieldDef)),
 			...extraProps ?? {}
-		}), [fieldDef, extraProps])
+		}), [fieldDef, extraProps]),
+		enabled: !context.isHidden && !!fieldDef
 	});
+	if (context.isHidden) return null;
+	if (!fieldDef) return renderConfigError(`Field "${fieldName}" not found in ${mode === "global" ? "global" : "collection"} "${collection}" config.`);
 	const fieldValue = isComputed ? computedValue : watchedFieldValue === void 0 ? rawComponentProps.value : watchedFieldValue;
 	const componentProps = {
 		...rawComponentProps,