@questpie/admin 3.5.2 → 3.5.4

package/dist/client/styles/base.css

@@ -4,6 +4,8 @@
 @import "@fontsource-variable/geist";
 @import "@fontsource-variable/jetbrains-mono";
 
+@source "../**/*.{js,jsx,ts,tsx}";
+
 /* ================================================================
    QUESTPIE ADMIN THEME — Base
    ================================================================
@@ -361,46 +363,19 @@
 }
 
 /* =============================================================================
-   Rich Text Editor Styles
+   Rich Text Editor Styles — Notion-like document editor
    ============================================================================= */
 
 .qp-rich-text-editor {
 	position: relative;
-	border-color: var(--border-subtle);
-	background: var(--surface-low);
-	transition-property: background-color, border-color, box-shadow;
-	transition-duration: var(--motion-duration-base);
-	transition-timing-function: var(--motion-ease-standard);
-}
-
-.qp-rich-text-editor:focus-within {
-	border-color: var(--border-strong);
-	box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 18%, transparent);
-}
-
-.qp-rich-text-editor [data-rich-text-toolbar-button] {
-	flex: 0 0 auto;
-}
-
-.qp-rich-text-editor__toolbar {
-	scrollbar-width: none;
-	-webkit-overflow-scrolling: touch;
-}
-
-.qp-rich-text-editor__toolbar::-webkit-scrollbar {
-	display: none;
-}
-
-.qp-rich-text-editor__toolbar > [role="group"] {
-	flex: 0 0 auto;
 }
 
 .qp-rich-text-editor__bubble {
 	display: flex;
 	align-items: center;
-	gap: 0.25rem;
-	padding: 0.25rem;
-	border-radius: calc(var(--control-radius-inner) + 0.25rem);
+	gap: 0.375rem;
+	padding: 0.375rem;
+	border-radius: var(--floating-radius);
 }
 
 .qp-rich-text-editor__bubble-block {
@@ -411,7 +386,8 @@
 
 .qp-rich-text-editor__bubble-separator {
 	width: 1px;
-	height: 1.5rem;
+	height: 1.25rem;
+	margin: 0 0.125rem;
 	background: var(--border-subtle);
 }
 
@@ -419,8 +395,8 @@
 	display: grid;
 	grid-template-columns: auto minmax(12rem, 18rem) auto auto;
 	align-items: center;
-	gap: 0.375rem;
-	padding: 0.125rem;
+	gap: 0.5rem;
+	padding: 0.25rem;
 }
 
 .qp-rich-text-editor__link-input {
@@ -446,13 +422,14 @@
 	font-size: 0.75rem;
 }
 
+/* Content area — document editor feel */
 .qp-rich-text-editor__content {
 	min-height: 240px;
-	padding: 1rem 1.25rem 1.25rem;
+	padding: 1.25rem 1.5rem 1.5rem;
 	outline: none;
 	color: var(--foreground);
-	font-size: 0.9375rem;
-	line-height: 1.65;
+	font-size: 1rem;
+	line-height: 1.7;
 	text-wrap: pretty;
 	caret-color: var(--foreground);
 }
@@ -478,30 +455,30 @@
 }
 
 .qp-rich-text-editor__content p {
-	margin: 0 0 0.8rem;
+	margin: 0 0 0.5em;
 }
 
 .qp-rich-text-editor__content h1 {
-	margin: 1.5rem 0 0.85rem;
-	font-size: 1.625rem;
-	font-weight: 650;
-	letter-spacing: 0;
+	margin: 1.75em 0 0.4em;
+	font-size: 1.875rem;
+	font-weight: 700;
+	letter-spacing: -0.02em;
 	line-height: 1.2;
 	text-wrap: balance;
 }
 
 .qp-rich-text-editor__content h2 {
-	margin: 1.35rem 0 0.75rem;
-	font-size: 1.375rem;
+	margin: 1.5em 0 0.35em;
+	font-size: 1.5rem;
 	font-weight: 650;
-	letter-spacing: 0;
+	letter-spacing: -0.01em;
 	line-height: 1.25;
 	text-wrap: balance;
 }
 
 .qp-rich-text-editor__content h3 {
-	margin: 1.15rem 0 0.65rem;
-	font-size: 1.125rem;
+	margin: 1.25em 0 0.3em;
+	font-size: 1.25rem;
 	font-weight: 650;
 	letter-spacing: 0;
 	line-height: 1.3;
@@ -511,36 +488,40 @@
 .qp-rich-text-editor__content h4,
 .qp-rich-text-editor__content h5,
 .qp-rich-text-editor__content h6 {
-	margin: 1rem 0 0.5rem;
+	margin: 1.15em 0 0.25em;
 	font-size: 1rem;
 	font-weight: 650;
 	letter-spacing: 0;
-	line-height: 1.35;
+	line-height: 1.4;
 	text-wrap: balance;
 }
 
 .qp-rich-text-editor__content ul,
 .qp-rich-text-editor__content ol {
-	margin: 0.75rem 0;
-	padding-left: 1.35rem;
+	margin: 0.75em 0;
+	padding-left: 1.5rem;
 }
 
 .qp-rich-text-editor__content li {
-	margin: 0.25rem 0;
-	padding-left: 0.15rem;
+	margin: 0.35em 0;
+	padding-left: 0.25rem;
+}
+
+.qp-rich-text-editor__content li p {
+	margin: 0;
 }
 
 .qp-rich-text-editor__content blockquote {
-	margin: 1rem 0;
+	margin: 1.25em 0;
 	border-left: 3px solid var(--border-strong);
-	padding: 0.15rem 0 0.15rem 0.85rem;
+	padding: 0.25em 0 0.25em 1rem;
 	color: var(--muted-foreground);
 }
 
 .qp-rich-text-editor__content code {
 	background: var(--muted);
 	border-radius: var(--radius-xs);
-	padding: 0.1rem 0.3rem;
+	padding: 0.15em 0.35em;
 	font-size: 0.875em;
 	font-family: var(--font-mono);
 }
@@ -548,11 +529,11 @@
 .qp-rich-text-editor__content pre {
 	background: var(--muted);
 	border-radius: var(--control-radius-inner);
-	margin: 1rem 0;
-	padding: 0.875rem 1rem;
+	margin: 1.25em 0;
+	padding: 1rem 1.25rem;
 	font-family: var(--font-mono);
 	font-size: 0.8125rem;
-	line-height: 1.6;
+	line-height: 1.65;
 	overflow-x: auto;
 }
 
@@ -565,14 +546,14 @@
 .qp-rich-text-editor__content hr {
 	border: none;
 	border-top: 1px solid var(--border-subtle);
-	margin: 1.25rem 0;
+	margin: 1.75em 0;
 }
 
 .qp-rich-text-editor__content img {
 	display: block;
 	max-width: 100%;
 	height: auto;
-	margin: 1rem 0;
+	margin: 1.25em 0;
 	border-radius: var(--control-radius-inner);
 	outline: 1px solid rgba(255, 255, 255, 0.1);
 	outline-offset: -1px;
@@ -585,7 +566,7 @@
 
 .qp-rich-text-editor__content table {
 	border-collapse: collapse;
-	margin: 1rem 0;
+	margin: 1.25em 0;
 	width: 100%;
 	font-size: 0.875rem;
 }
@@ -593,7 +574,7 @@
 .qp-rich-text-editor__content th,
 .qp-rich-text-editor__content td {
 	border: 1px solid var(--border-subtle);
-	padding: 0.5rem 0.625rem;
+	padding: 0.5rem 0.75rem;
 	text-align: left;
 	vertical-align: top;
 }
@@ -615,25 +596,28 @@
 	padding: 0;
 }
 
+/* Slash command menu — compact command density */
 .qp-rich-text-editor__slash {
 	display: flex;
 	flex-direction: column;
-	gap: 0.25rem;
+	gap: 0.125rem;
 	min-width: 280px;
-	max-width: min(360px, calc(100vw - 2rem));
-	padding: 0.35rem;
+	max-width: min(340px, calc(100vw - 2rem));
+	max-height: min(19rem, calc(100vh - 4rem));
+	overflow-y: auto;
+	padding: 0.375rem;
 }
 
 .qp-rich-text-editor__slash-item {
 	display: flex;
 	width: 100%;
-	min-height: 3rem;
+	min-height: 2.25rem;
 	align-items: center;
-	gap: 0.625rem;
+	gap: 0.5rem;
 	border: 1px solid transparent;
-	border-radius: var(--control-radius-inner);
+	border-radius: var(--radius-sm);
 	background: transparent;
-	padding: 0.45rem 0.55rem;
+	padding: 0.3125rem 0.5rem;
 	color: var(--foreground);
 	font-size: 0.8125rem;
 	line-height: 1.2;
@@ -653,14 +637,15 @@
 
 .qp-rich-text-editor__slash-icon {
 	display: inline-flex;
-	width: 2rem;
-	height: 2rem;
+	width: 1.5rem;
+	height: 1.5rem;
 	flex: 0 0 auto;
 	align-items: center;
 	justify-content: center;
-	border-radius: var(--radius-xs);
+	border-radius: var(--radius-sm);
 	background: var(--surface-mid);
 	color: var(--muted-foreground);
+	font-size: 1.125rem;
 }
 
 .qp-rich-text-editor__slash-copy {
@@ -668,29 +653,40 @@
 	min-width: 0;
 	flex: 1;
 	flex-direction: column;
-	gap: 0.125rem;
+	gap: 0.0625rem;
 }
 
 .qp-rich-text-editor__slash-title {
 	font-family: var(--font-chrome);
-	font-weight: 600;
+	font-weight: 500;
 }
 
 .qp-rich-text-editor__slash-description {
 	color: var(--muted-foreground);
+	font-size: 0.6875rem;
+	line-height: 1.25;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
 
+.qp-rich-text-editor__slash-group {
+	padding: 0.3125rem 0.5rem 0.125rem;
+	font-family: var(--font-chrome);
+	font-size: 0.625rem;
+	font-weight: 600;
+	letter-spacing: 0.04em;
+	text-transform: uppercase;
+	color: var(--muted-foreground);
+}
+
 .qp-rich-text-editor__slash-empty {
-	padding: 0.5rem;
-	font-size: 0.75rem;
+	padding: 0.625rem;
+	font-size: 0.8125rem;
 	color: var(--muted-foreground);
 }
 
 @media (prefers-reduced-motion: reduce) {
-	.qp-rich-text-editor,
 	.qp-rich-text-editor__bubble,
 	.qp-rich-text-editor__slash-item {
 		transition: none;
@@ -700,7 +696,7 @@
 @media (max-width: 640px) {
 	.qp-rich-text-editor__content {
 		min-height: 200px;
-		padding: 0.875rem 1rem 1rem;
+		padding: 1rem 1rem 1.25rem;
 	}
 
 	.qp-rich-text-editor__bubble {

package/dist/client/utils/asset-url.mjs

@@ -0,0 +1,27 @@
+//#region src/client/utils/asset-url.ts
+const STORAGE_FILE_PATH_PATTERN = /^\/api\/[^/]+\/files(?:\/|$)/;
+function isStorageFilePath(pathname) {
+	return STORAGE_FILE_PATH_PATTERN.test(pathname);
+}
+function currentOrigin() {
+	if (typeof window === "undefined" || !window.location?.origin) return null;
+	return window.location.origin;
+}
+function resolveAssetUrl(url) {
+	if (typeof url !== "string") return void 0;
+	const trimmed = url.trim();
+	if (!trimmed) return void 0;
+	if (trimmed.startsWith("/")) return trimmed;
+	const origin = currentOrigin();
+	if (!origin) return trimmed;
+	try {
+		const parsed = new URL(trimmed);
+		if (isStorageFilePath(parsed.pathname) && parsed.origin === origin) return `${parsed.pathname}${parsed.search}${parsed.hash}`;
+	} catch {
+		return trimmed;
+	}
+	return trimmed;
+}
+
+//#endregion
+export { resolveAssetUrl };

package/dist/client/utils/build-field-definitions-from-schema.mjs

@@ -205,6 +205,7 @@ function applyRichTextConfig(config, metadata) {
 	if (metadata.placeholder !== void 0) config.placeholder = metadata.placeholder;
 	if (metadata.allowImages !== void 0) config.enableImages = metadata.allowImages;
 	if (metadata.imageCollection !== void 0) config.imageCollection = metadata.imageCollection;
+	if (metadata.outputMode !== void 0) config.outputMode = metadata.outputMode;
 }
 function buildNestedFieldDefinitions(nestedFields, relations, registry) {
 	const result = {};

package/dist/client/views/auth/accept-invite-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region src/client/views/auth/accept-invite-form.d.ts
 /**
@@ -67,6 +67,6 @@ declare function AcceptInviteForm({
   className,
   error,
   minPasswordLength
-}: AcceptInviteFormProps): react_jsx_runtime2.JSX.Element;
+}: AcceptInviteFormProps): react_jsx_runtime36.JSX.Element;
 //#endregion
 export { AcceptInviteForm };

package/dist/client/views/auth/auth-layout.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/client/views/auth/auth-layout.d.ts
 
@@ -26,7 +26,7 @@ declare function AuthDefaultLogo({
   brandName
 }: {
   brandName: string;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime34.JSX.Element;
 /**
  * Minimal split layout for authentication pages (login, register, forgot password, etc.)
  *
@@ -50,6 +50,6 @@ declare function AuthDefaultLogo({
  * </AuthLayout>
  * ```
  */
-declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime0.JSX.Element;
+declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { AuthDefaultLogo, AuthLayout, AuthLayoutProps };

package/dist/client/views/auth/forgot-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 
 //#region src/client/views/auth/forgot-password-form.d.ts
 /**
@@ -53,6 +53,6 @@ declare function ForgotPasswordForm({
   defaultValues,
   className,
   error
-}: ForgotPasswordFormProps): react_jsx_runtime3.JSX.Element;
+}: ForgotPasswordFormProps): react_jsx_runtime37.JSX.Element;
 //#endregion
 export { ForgotPasswordForm };

package/dist/client/views/auth/login-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/client/views/auth/login-form.d.ts
 /**
@@ -70,6 +70,6 @@ declare function LoginForm({
   className,
   error,
   minPasswordLength
-}: LoginFormProps): react_jsx_runtime5.JSX.Element;
+}: LoginFormProps): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { LoginForm };

package/dist/client/views/auth/reset-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/client/views/auth/reset-password-form.d.ts
 /**
@@ -60,6 +60,6 @@ declare function ResetPasswordForm({
   minPasswordLength,
   className,
   error
-}: ResetPasswordFormProps): react_jsx_runtime4.JSX.Element;
+}: ResetPasswordFormProps): react_jsx_runtime40.JSX.Element;
 //#endregion
 export { ResetPasswordForm };

package/dist/client/views/auth/setup-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/client/views/auth/setup-form.d.ts
 /**
@@ -55,6 +55,6 @@ declare function SetupForm({
   className,
   error,
   minPasswordLength
-}: SetupFormProps): react_jsx_runtime6.JSX.Element;
+}: SetupFormProps): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { SetupForm, SetupFormValues };

package/dist/client/views/collection/auto-form-fields.mjs

@@ -5,6 +5,7 @@ import { getGridColumnsClass } from "../../components/fields/field-utils.mjs";
 import { getFieldName, isFieldReference } from "../../builder/types/field-types.mjs";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../components/ui/accordion.mjs";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../components/ui/tabs.mjs";
+import { adminCollectionKey } from "../../hooks/query-access.mjs";
 import { useCollectionFields } from "../../hooks/use-collection-fields.mjs";
 import { useCollectionMeta } from "../../hooks/use-collection-meta.mjs";
 import { useGlobalFields } from "../../hooks/use-global-fields.mjs";
@@ -273,18 +274,18 @@ function SectionLayoutRenderer({ section, index, fields, collection, mode = "col
 		const value = `section-${index}`;
 		return /* @__PURE__ */ jsx(Accordion, {
 			defaultValue: section.defaultCollapsed !== true ? [value] : [],
-			className: "w-full",
+			className: "qa-form-fields__section qa-form-fields__section--collapsible panel-surface bg-card overflow-hidden",
 			children: /* @__PURE__ */ jsxs(AccordionItem, {
 				value,
-				className: "border-transparent px-4",
+				className: "border-none px-0 data-open:bg-transparent",
 				children: [/* @__PURE__ */ jsx(AccordionTrigger, {
-					className: "hover:no-underline",
+					className: "hover:bg-surface-low aria-expanded:bg-surface-low min-h-12 px-4 py-3 hover:no-underline",
 					children: /* @__PURE__ */ jsx("span", {
 						className: "font-semibold",
 						children: resolveText(section.label, "Section", formValues)
 					})
 				}), /* @__PURE__ */ jsxs(AccordionContent, {
-					className: "pt-2 pb-4",
+					className: "border-border-subtle border-t px-4 pt-3 pb-4",
 					children: [section.description && /* @__PURE__ */ jsx("p", {
 						className: "text-muted-foreground mb-4 text-sm text-pretty",
 						children: resolveText(section.description, "", formValues)
@@ -393,8 +394,8 @@ function AutoFormFields({ app: _cms, collection, mode = "collection", config, re
 		schemaQueryOptions: { enabled: mode === "collection" && !isActionForm && shouldFetchSchema }
 	});
 	const globalResult = useGlobalFields(mode === "global" ? collection : "", { schemaQueryOptions: { enabled: mode === "global" && shouldFetchSchema } });
-	const { data: collectionMeta } = useCollectionMeta(collection, { enabled: mode === "collection" && !isActionForm });
-	const { data: globalMeta } = useGlobalMeta(collection, { enabled: mode === "global" });
+	const { data: collectionMeta } = useCollectionMeta(adminCollectionKey(collection), { enabled: mode === "collection" && !isActionForm });
+	const { data: globalMeta } = useGlobalMeta(adminCollectionKey(collection), { enabled: mode === "global" });
 	const resolvedFields = mode === "global" ? {
 		...providedFields ?? globalResult.fields,
 		...config?.fields

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

@@ -104,6 +104,13 @@ function DateCell({ value }) {
 		children: date.toLocaleDateString()
 	});
 }
+function formatShortDate(date) {
+	const now = /* @__PURE__ */ new Date();
+	const sameYear = date.getFullYear() === now.getFullYear();
+	const month = date.toLocaleDateString(void 0, { month: "short" });
+	const day = date.getDate();
+	return sameYear ? `${month} ${day}` : `${month} ${day}, ${date.getFullYear()}`;
+}
 /**
 * DateTime cell - formatted date and time display
 */
@@ -117,13 +124,9 @@ function DateTimeCell({ value }) {
 		className: "text-muted-foreground",
 		children: String(value)
 	});
-	return /* @__PURE__ */ jsxs("span", {
+	return /* @__PURE__ */ jsx("span", {
 		className: "tabular-nums",
-		children: [
-			date.toLocaleDateString(),
-			" ",
-			date.toLocaleTimeString()
-		]
+		children: formatShortDate(date)
 	});
 }
 /**

package/dist/client/views/collection/cells/shared/asset-thumbnail.d.mts

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+
+//#region src/client/views/collection/cells/shared/asset-thumbnail.d.ts
+
+declare function getFileIcon(mimeType?: string): string;
+//#endregion
+export { getFileIcon };

package/dist/client/views/collection/cells/shared/asset-thumbnail.mjs

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.mjs";
 import { Button } from "../../../../components/ui/button.mjs";
+import { resolveAssetUrl } from "../../../../utils/asset-url.mjs";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -51,7 +52,7 @@ function AssetThumbnail({ asset, size = "sm", showFilename = false, showControls
 		})
 	});
 	const assetObj = asset;
-	const url = assetObj.url;
+	const url = resolveAssetUrl(assetObj.url);
 	const filename = assetObj.filename;
 	const mimeType = assetObj.mimeType;
 	const alt = assetObj.alt;
@@ -223,4 +224,4 @@ function AssetThumbnail({ asset, size = "sm", showFilename = false, showControls
 }
 
 //#endregion
-export { AssetThumbnail };
+export { AssetThumbnail, getFileIcon };

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

@@ -1,4 +1,5 @@
 import { formatLabel } from "../../../../lib/utils.mjs";
+import { resolveAssetUrl } from "../../../../utils/asset-url.mjs";
 
 //#region src/client/views/collection/cells/shared/cell-helpers.ts
 function getNestedValue(item, path) {
@@ -15,9 +16,9 @@ function toImageUrl(value) {
 	if (!value || typeof value !== "object") return null;
 	const obj = value;
 	const url = obj.url;
-	if (typeof url === "string" && url.length > 0) return url;
+	if (typeof url === "string" && url.length > 0) return resolveAssetUrl(url) ?? null;
 	const src = obj.src;
-	if (typeof src === "string" && src.length > 0) return src;
+	if (typeof src === "string" && src.length > 0) return resolveAssetUrl(src) ?? null;
 	return null;
 }
 /**

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

@@ -1,5 +1,6 @@
 import { useTranslation } from "../../../i18n/hooks.mjs";
 import { Badge } from "../../../components/ui/badge.mjs";
+import { resolveAssetUrl } from "../../../utils/asset-url.mjs";
 import { AssetThumbnail } from "./shared/asset-thumbnail.mjs";
 import { useCollectionItem } from "../../../hooks/use-collection.mjs";
 import "react";
@@ -81,7 +82,7 @@ function UploadManyCell({ value }) {
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "flex",
 				children: imageAssets.map((asset, index) => /* @__PURE__ */ jsx("img", {
-					src: asset.url,
+					src: resolveAssetUrl(asset.url) ?? "",
 					alt: asset.filename || "Asset",
 					className: `image-outline bg-background size-6 rounded object-cover${index > 0 ? " -ms-2" : ""}`
 				}, asset.id || index))

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

@@ -2,7 +2,7 @@ import { useResolveText } from "../../../i18n/hooks.mjs";
 import { useSafeContentLocales } from "../../../runtime/content-locales-provider.mjs";
 import { useScopedLocale } from "../../../runtime/locale-scope.mjs";
 import { LocaleSwitcher } from "../../../components/locale-switcher.mjs";
-import { DefaultCell, TextCell } from "../cells/primitive-cells.mjs";
+import { DateCell, DateTimeCell, DefaultCell, TextCell } from "../cells/primitive-cells.mjs";
 import { normalizeColumnConfig } from "../../../builder/types/collection-types.mjs";
 import { computeDefaultColumns, formatHeader } from "./column-defaults.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -133,6 +133,8 @@ function buildColumns(options) {
 		let CellComponent;
 		if (normalized.cell) CellComponent = normalized.cell;
 		else if (fieldDef?.cell) CellComponent = fieldDef.cell;
+		else if (fieldType === "datetime") CellComponent = DateTimeCell;
+		else if (fieldType === "date") CellComponent = DateCell;
 		else CellComponent = DefaultCell;
 		const needsFieldDef = FIELD_TYPES_NEEDING_FIELD_DEF.has(fieldType);
 		const accessorKey = (fieldType === "relation" || fieldType === "upload" || fieldType === "uploadMany") && fieldOptions.relationName ? fieldOptions.relationName : fieldName;

package/dist/client/views/collection/document-view.d.mts

@@ -0,0 +1,30 @@
+import { ComponentRegistry, DocumentViewConfig } from "../../builder/types/field-types.mjs";
+import { CollectionBuilderState } from "../../builder/types/collection-types.mjs";
+import * as React from "react";
+
+//#region src/client/views/collection/document-view.d.ts
+
+interface DocumentViewProps {
+  collection: string;
+  id?: string;
+  config?: Partial<CollectionBuilderState> | Record<string, any>;
+  viewConfig?: DocumentViewConfig & Record<string, any>;
+  navigate: (path: string) => void;
+  basePath?: string;
+  defaultValues?: Record<string, any>;
+  registry?: ComponentRegistry;
+  allCollectionsConfig?: Record<string, any>;
+  title?: string;
+}
+declare function DocumentView({
+  collection,
+  id,
+  config,
+  viewConfig,
+  defaultValues: defaultValuesProp,
+  registry,
+  allCollectionsConfig,
+  title: titleProp
+}: DocumentViewProps): React.ReactElement;
+//#endregion
+export { DocumentView };