@questpie/admin 2.0.0 → 3.0.0

package/dist/client/views/collection/cells/shared/cell-helpers.mjs

@@ -1,6 +1,25 @@
 import { formatLabel } from "../../../../lib/utils.mjs";
 
 //#region src/client/views/collection/cells/shared/cell-helpers.ts
+function getNestedValue(item, path) {
+	if (!item || typeof item !== "object") return void 0;
+	let current = item;
+	for (const segment of path.split(".")) {
+		if (!segment || typeof current !== "object" || current === null) return;
+		current = current[segment];
+	}
+	return current;
+}
+function toImageUrl(value) {
+	if (typeof value === "string" && value.length > 0) return value;
+	if (!value || typeof value !== "object") return null;
+	const obj = value;
+	const url = obj.url;
+	if (typeof url === "string" && url.length > 0) return url;
+	const src = obj.src;
+	if (typeof src === "string" && src.length > 0) return src;
+	return null;
+}
 /**
 * Get display label for a relation item
 * Prefers _title (backend computed), then common label fields, then id
@@ -13,6 +32,35 @@ function getRelationItemLabel(item) {
 	return String(item);
 }
 /**
+* Get display label for a relation item using a custom field path when provided.
+*/
+function getRelationItemLabelWithField(item, labelField) {
+	if (labelField) {
+		const customLabel = getNestedValue(item, labelField);
+		if (typeof customLabel === "string" || typeof customLabel === "number") return String(customLabel);
+	}
+	return getRelationItemLabel(item);
+}
+/**
+* Get avatar/image URL for a relation item.
+* Supports direct URL strings and nested asset objects ({ url }).
+*/
+function getRelationItemAvatarUrl(item, avatarField) {
+	if (!item || typeof item !== "object") return null;
+	const obj = item;
+	if (avatarField) return toImageUrl(getNestedValue(obj, avatarField));
+	for (const key of [
+		"image",
+		"avatar",
+		"photo",
+		"profileImage"
+	]) {
+		const url = toImageUrl(obj[key]);
+		if (url) return url;
+	}
+	return null;
+}
+/**
 * Get ID from a relation item
 */
 function getRelationItemId(item) {
@@ -74,5 +122,4 @@ function getItemLabel(item, idx, itemLabelFn) {
 }
 
 //#endregion
-export { formatFieldLabel, formatPrimitiveValue, getFieldLabel, getItemLabel, getRelationItemId, getRelationItemLabel, summarizeValue };
-//# sourceMappingURL=cell-helpers.mjs.map
+export { formatFieldLabel, formatPrimitiveValue, getFieldLabel, getItemLabel, getRelationItemAvatarUrl, getRelationItemId, getRelationItemLabelWithField, summarizeValue };

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

@@ -1,37 +1,121 @@
 import { useResolveText } from "../../../../i18n/hooks.mjs";
 import { cn } from "../../../../lib/utils.mjs";
-import { getRelationItemId, getRelationItemLabel } from "./cell-helpers.mjs";
-import { jsx } from "react/jsx-runtime";
+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
 /**
 * Clickable relation chip component
 * Shows label and navigates to related item on click (or opens sheet if onClick provided)
 */
-function RelationChip({ item, targetCollection, onClick, className }) {
-	const label = useResolveText()(getRelationItemLabel(item));
-	const id = getRelationItemId(item);
+function RelationChip(t0) {
+	const $ = c(31);
+	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;
 	const canInteract = targetCollection && id;
-	const handleClick = (e) => {
-		e.stopPropagation();
-		if (onClick && id && targetCollection) {
-			e.preventDefault();
-			onClick(id, targetCollection);
-		}
-	};
-	if (canInteract) return /* @__PURE__ */ jsx("a", {
-		href: `/admin/collections/${targetCollection}/${id}`,
-		onClick: handleClick,
-		onPointerDown: (e) => e.stopPropagation(),
-		className: cn("inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs", "bg-primary/10 text-primary hover:bg-primary/20", "transition-colors cursor-pointer", "border border-primary/20 hover:border-primary/40", className),
-		children: label
-	});
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs", "bg-muted text-muted-foreground", "border border-border", className),
-		children: label
-	});
+	let t5;
+	if ($[9] !== avatarUrl || $[10] !== label || $[11] !== showAvatar) {
+		t5 = showAvatar && avatarUrl ? /* @__PURE__ */ jsx("img", {
+			src: avatarUrl,
+			alt: label,
+			className: "border-border size-4 rounded-full border 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] !== className) {
+			t7$1 = cn("qa-relation-chip inline-flex items-center gap-1 px-2 py-0.5 text-xs", "bg-primary/10 text-primary hover:bg-primary/20", "cursor-pointer transition-colors", "border-primary/20 hover:border-primary/40 border", className);
+			$[17] = className;
+			$[18] = t7$1;
+		} else t7$1 = $[18];
+		const chipClassName = t7$1;
+		let t8$1;
+		if ($[19] !== avatar || $[20] !== chipClassName || $[21] !== handleClick || $[22] !== href || $[23] !== label) {
+			t8$1 = /* @__PURE__ */ jsxs("a", {
+				href,
+				onClick: handleClick,
+				onPointerDown: _temp,
+				className: chipClassName,
+				children: [avatar, label]
+			});
+			$[19] = avatar;
+			$[20] = chipClassName;
+			$[21] = handleClick;
+			$[22] = href;
+			$[23] = label;
+			$[24] = t8$1;
+		} else t8$1 = $[24];
+		return t8$1;
+	}
+	let t7;
+	if ($[25] !== className) {
+		t7 = cn("qa-relation-chip inline-flex items-center gap-1 px-2 py-0.5 text-xs", "bg-muted text-muted-foreground", "border-border border", className);
+		$[25] = className;
+		$[26] = t7;
+	} else t7 = $[26];
+	let t8;
+	if ($[27] !== avatar || $[28] !== label || $[29] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("span", {
+			className: t7,
+			children: [avatar, label]
+		});
+		$[27] = avatar;
+		$[28] = label;
+		$[29] = t7;
+		$[30] = t8;
+	} else t8 = $[30];
+	return t8;
+}
+function _temp(e_0) {
+	return e_0.stopPropagation();
 }
 
 //#endregion
-export { RelationChip };
-//# sourceMappingURL=relation-chip.mjs.map
+export { RelationChip };

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

@@ -1,4 +1,5 @@
 import { AssetThumbnail } from "./shared/asset-thumbnail.mjs";
+import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -7,14 +8,21 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Upload cell - displays single asset thumbnail or file info
 * Uses AssetThumbnail with size="sm"
 */
-function UploadCell({ value }) {
-	return /* @__PURE__ */ jsx(AssetThumbnail, {
-		asset: value,
-		size: "sm",
-		showFilename: true
-	});
+function UploadCell(t0) {
+	const $ = c(2);
+	const { value } = t0;
+	let t1;
+	if ($[0] !== value) {
+		t1 = /* @__PURE__ */ jsx(AssetThumbnail, {
+			asset: value,
+			size: "sm",
+			showFilename: true
+		});
+		$[0] = value;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 }
 
 //#endregion
-export { UploadCell };
-//# sourceMappingURL=upload-cells.mjs.map
+export { UploadCell };

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

@@ -1,32 +1,72 @@
 import { useResolveText } from "../../../i18n/hooks.mjs";
 import { useSafeContentLocales } from "../../../runtime/content-locales-provider.mjs";
 import { useScopedLocale } from "../../../runtime/locale-scope.mjs";
+import { DefaultCell, TextCell } from "../cells/primitive-cells.mjs";
 import { LocaleSwitcher } from "../../../components/locale-switcher.mjs";
 import { normalizeColumnConfig } from "../../../builder/types/collection-types.mjs";
-import { DefaultCell, TextCell } from "../cells/primitive-cells.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({ label, fallback, localized }) {
+function ColumnHeader(t0) {
+	const $ = c(17);
+	const { label, fallback, localized } = t0;
 	const resolveText = useResolveText();
 	const contentLocales = useSafeContentLocales();
 	const { locale: contentLocale, setLocale: setContentLocale } = useScopedLocale();
 	const resolvedLocale = contentLocale ?? contentLocales?.defaultLocale ?? contentLocales?.locales[0]?.code;
-	const localeOptions = contentLocales?.locales?.length ? contentLocales.locales : resolvedLocale ? [{ code: resolvedLocale }] : [];
+	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 showLocaleSwitcher = localized && localeOptions.length > 0;
-	return /* @__PURE__ */ jsxs("span", {
-		className: "inline-flex items-center gap-1.5",
-		children: [/* @__PURE__ */ jsx("span", { children: resolveText(label, fallback) }), showLocaleSwitcher && /* @__PURE__ */ jsx(LocaleSwitcher, {
+	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, {
 			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
@@ -79,7 +119,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) => c !== titleColumn && c !== "_title")];
+	else columnConfigs = [titleColumn, ...fallbackColumns.filter((c$1) => c$1 !== titleColumn && c$1 !== "_title")];
 	return columnConfigs.map((colConfig) => {
 		const normalized = normalizeColumnConfig(colConfig);
 		const fieldName = normalized.field;
@@ -112,7 +152,7 @@ function buildColumns(options) {
 		isLocalizedField(fieldName, fieldDef);
 		let CellComponent;
 		if (normalized.cell) CellComponent = normalized.cell;
-		else if (fieldDef?.cell?.component) CellComponent = fieldDef.cell.component;
+		else if (fieldDef?.cell) CellComponent = fieldDef.cell;
 		else CellComponent = DefaultCell;
 		const needsFieldDef = FIELD_TYPES_NEEDING_FIELD_DEF.has(fieldType);
 		const accessorKey = fieldType === "relation" && fieldOptions.relationName ? fieldOptions.relationName : fieldName;
@@ -152,5 +192,4 @@ function buildColumns(options) {
 }
 
 //#endregion
-export { buildColumns };
-//# sourceMappingURL=build-columns.mjs.map
+export { buildColumns };

package/dist/client/views/collection/columns/column-defaults.mjs

@@ -94,6 +94,22 @@ function getAllAvailableFields(fields, options) {
 			options: fieldOptions
 		});
 	}
+	if (options?.meta?.timestamps) {
+		if (!fields?.createdAt) availableFields.push({
+			name: "createdAt",
+			label: "Created At",
+			type: "date",
+			isSystem: true,
+			options: void 0
+		});
+		if (!fields?.updatedAt) availableFields.push({
+			name: "updatedAt",
+			label: "Updated At",
+			type: "date",
+			isSystem: true,
+			options: void 0
+		});
+	}
 	return availableFields;
 }
 /**
@@ -104,5 +120,4 @@ function formatHeader(fieldName) {
 }
 
 //#endregion
-export { computeDefaultColumns, formatHeader, getAllAvailableFields };
-//# sourceMappingURL=column-defaults.mjs.map
+export { computeDefaultColumns, formatHeader, getAllAvailableFields };

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

@@ -1,14 +1,14 @@
 //#region src/client/views/collection/field-context.ts
 /**
-* Get field type from FieldDefinition
-* FieldDefinition.name contains the type name (e.g., "text", "relation")
+* Get field type from FieldInstance
+* FieldInstance.name contains the type name (e.g., "text", "relation")
 */
 function getFieldType(fieldDef) {
 	if (!fieldDef) return void 0;
 	return fieldDef.name;
 }
 /**
-* Get field options from FieldDefinition
+* Get field options from FieldInstance
 * Options are stored in "~options" property
 */
 function getFieldOptions(fieldDef) {
@@ -16,12 +16,12 @@ function getFieldOptions(fieldDef) {
 	return fieldDef["~options"] || {};
 }
 /**
-* Get field component from FieldDefinition
-* Component is stored in field.component
+* Get field component from FieldInstance
+* Component is stored directly on the instance
 */
 function getFieldComponent(fieldDef) {
-	if (!fieldDef?.field?.component) return void 0;
-	return fieldDef.field.component;
+	if (!fieldDef?.component) return void 0;
+	return fieldDef.component;
 }
 function resolveValue(value, formValues, defaultValue) {
 	if (value === void 0) return defaultValue;
@@ -64,7 +64,7 @@ function getFieldContext({ fieldName, fieldDef, collection, form, fieldPrefix, l
 	const label = options.label;
 	const description = options.description;
 	const placeholder = options.placeholder;
-	const isHidden = resolveValue(options.hidden, formValues, false);
+	const isHidden = !resolveValue(options.visible, formValues, true) || resolveValue(options.hidden, formValues, false);
 	const isComputed = typeof options.compute === "function";
 	const isReadOnly = isComputed || resolveValue(options.readOnly, formValues, false);
 	const isDisabled = resolveValue(options.disabled, formValues, false);
@@ -102,7 +102,7 @@ function getFieldContext({ fieldName, fieldDef, collection, form, fieldPrefix, l
 	};
 }
 /**
-* Build props for a FieldDefinition component (field.component).
+* Build props for a FieldInstance component (field.component).
 * Returns raw props with I18nText - resolve before passing to component.
 */
 function buildComponentProps(context) {
@@ -123,5 +123,4 @@ function buildComponentProps(context) {
 }
 
 //#endregion
-export { buildComponentProps, getFieldContext, getFieldOptions, getFullFieldName, resolveValue };
-//# sourceMappingURL=field-context.mjs.map
+export { buildComponentProps, getFieldContext, getFieldOptions, getFullFieldName, resolveValue };