@payloadcms/ui 4.0.0-internal.688c4d0 → 4.0.0-internal.bc5cf8c

package/dist/views/Document/renderDocumentSlots.d.ts

@@ -1,6 +1,7 @@
 import type { DocumentSlots, Locale, PayloadRequest, SanitizedCollectionConfig, SanitizedGlobalConfig, SanitizedPermissions, ServerFunction } from 'payload';
 export declare const renderDocumentSlots: (args: {
     collectionConfig?: SanitizedCollectionConfig;
+    doc?: Record<string, unknown>;
     globalConfig?: SanitizedGlobalConfig;
     hasSavePermission: boolean;
     id?: number | string;

package/dist/views/Document/renderDocumentSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderDocumentSlots.d.ts","sourceRoot":"","sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,aAAa,EAEb,MAAM,EACN,cAAc,EAGd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EAGpB,cAAc,EAMf,MAAM,SAAS,CAAA;AAShB,eAAO,MAAM,mBAAmB,EAAE,CAAC,IAAI,EAAE;IACvC,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;CACpB,KAAK,aA6LL,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,cAAc,CAAC;IACtD,cAAc,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAwBA,CAAA"}
+{"version":3,"file":"renderDocumentSlots.d.ts","sourceRoot":"","sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,aAAa,EAEb,MAAM,EAEN,cAAc,EAGd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EAGpB,cAAc,EAOf,MAAM,SAAS,CAAA;AAShB,eAAO,MAAM,mBAAmB,EAAE,CAAC,IAAI,EAAE;IACvC,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7B,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;CACpB,KAAK,aAgOL,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,cAAc,CAAC;IACtD,cAAc,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CA6CA,CAAA"}

package/dist/views/Document/renderDocumentSlots.js

@@ -1,4 +1,4 @@
-import { hasDraftsEnabled } from 'payload/shared';
+import { hasDraftsEnabled, matchMimeType } from 'payload/shared';
 import { RenderServerComponent } from '../../elements/RenderServerComponent/index.js';
 // eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
 import { ViewDescription } from '../../exports/client/index.js';
@@ -7,6 +7,7 @@ export const renderDocumentSlots = args => {
   const {
     id,
     collectionConfig,
+    doc,
     globalConfig,
     hasSavePermission,
     locale,
@@ -145,6 +146,31 @@ export const renderDocumentSlots = args => {
       serverProps
     });
   }
+  const filePreviewConfig = collectionConfig?.upload?.admin?.components?.filePreview;
+  if (collectionConfig?.upload && filePreviewConfig) {
+    const mimeType = doc?.mimeType ?? '';
+    let filePreviewComponent;
+    if (typeof filePreviewConfig === 'string' || typeof filePreviewConfig === 'object' && 'path' in filePreviewConfig) {
+      filePreviewComponent = filePreviewConfig;
+    } else {
+      filePreviewComponent = matchMimeType(filePreviewConfig, mimeType);
+    }
+    if (filePreviewComponent) {
+      components.UploadFilePreview = RenderServerComponent({
+        clientProps: {
+          filename: doc?.filename,
+          filesize: doc?.filesize,
+          fileSrc: doc?.url,
+          height: doc?.height,
+          mimeType,
+          width: doc?.width
+        },
+        Component: filePreviewComponent,
+        importMap: req.payload.importMap,
+        serverProps
+      });
+    }
+  }
   return components;
 };
 export const renderDocumentSlotsHandler = async args => {
@@ -167,9 +193,29 @@ export const renderDocumentSlotsHandler = async args => {
     data: {},
     req
   });
+  let doc;
+  if (id && collectionConfig.upload) {
+    const result = await req.payload.findByID({
+      id,
+      collection: collectionSlug,
+      depth: 0,
+      overrideAccess: false,
+      req,
+      select: {
+        filename: true,
+        filesize: true,
+        height: true,
+        mimeType: true,
+        url: true,
+        width: true
+      }
+    });
+    doc = result;
+  }
   return renderDocumentSlots({
     id,
     collectionConfig,
+    doc,
     hasSavePermission,
     locale,
     permissions,

package/dist/views/Document/renderDocumentSlots.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderDocumentSlots.js","names":["hasDraftsEnabled","RenderServerComponent","ViewDescription","getDocumentPermissions","renderDocumentSlots","args","id","collectionConfig","globalConfig","hasSavePermission","locale","permissions","req","components","unsavedDraftWithValidations","undefined","isPreviewEnabled","admin","preview","serverProps","i18n","payload","server","user","BeforeDocumentControls","edit","beforeDocumentControls","Component","importMap","BeforeDocumentMeta","EditMenuItems","editMenuItems","CustomPreviewButton","PreviewButton","LivePreview","views","livePreview","descriptionFromConfig","description","staticDescription","t","CustomDescription","Description","hasDescription","clientProps","collectionSlug","slug","Fallback","versions","drafts","CustomStatus","Status","CustomPublishButton","PublishButton","CustomUnpublishButton","UnpublishButton","CustomSaveDraftButton","SaveDraftButton","draftsEnabled","CustomSaveButton","SaveButton","upload","Upload","controls","UploadControls","renderDocumentSlotsHandler","collections","config","Error","data"],"sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"sourcesContent":["import type {\n  BeforeDocumentControlsServerPropsOnly,\n  DocumentSlots,\n  EditMenuItemsServerPropsOnly,\n  Locale,\n  PayloadRequest,\n  PreviewButtonServerPropsOnly,\n  PublishButtonServerPropsOnly,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n  SaveButtonServerPropsOnly,\n  SaveDraftButtonServerPropsOnly,\n  ServerFunction,\n  ServerProps,\n  StaticDescription,\n  UnpublishButtonServerPropsOnly,\n  ViewDescriptionClientProps,\n  ViewDescriptionServerPropsOnly,\n} from 'payload'\n\nimport { hasDraftsEnabled } from 'payload/shared'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ViewDescription } from '../../exports/client/index.js'\nimport { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js'\n\nexport const renderDocumentSlots: (args: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hasSavePermission: boolean\n  id?: number | string\n  locale: Locale\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}) => DocumentSlots = (args) => {\n  const { id, collectionConfig, globalConfig, hasSavePermission, locale, permissions, req } = args\n\n  const components: DocumentSlots = {} as DocumentSlots\n\n  const unsavedDraftWithValidations = undefined\n\n  const isPreviewEnabled = collectionConfig?.admin?.preview || globalConfig?.admin?.preview\n\n  const serverProps: ServerProps = {\n    id,\n    i18n: req.i18n,\n    locale,\n    payload: req.payload,\n    permissions,\n    server: req.server,\n    user: req.user,\n    // TODO: Add remaining serverProps\n  }\n\n  const BeforeDocumentControls =\n    collectionConfig?.admin?.components?.edit?.beforeDocumentControls ||\n    globalConfig?.admin?.components?.edit?.beforeDocumentControls\n\n  if (BeforeDocumentControls) {\n    components.BeforeDocumentControls = RenderServerComponent({\n      Component: BeforeDocumentControls,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies BeforeDocumentControlsServerPropsOnly,\n    })\n  }\n\n  const BeforeDocumentMeta =\n    collectionConfig?.admin?.components?.edit?.BeforeDocumentMeta ||\n    globalConfig?.admin?.components?.edit?.BeforeDocumentMeta\n\n  if (BeforeDocumentMeta) {\n    components.BeforeDocumentMeta = RenderServerComponent({\n      Component: BeforeDocumentMeta,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const EditMenuItems = collectionConfig?.admin?.components?.edit?.editMenuItems\n\n  if (EditMenuItems) {\n    components.EditMenuItems = RenderServerComponent({\n      Component: EditMenuItems,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies EditMenuItemsServerPropsOnly,\n    })\n  }\n\n  const CustomPreviewButton =\n    collectionConfig?.admin?.components?.edit?.PreviewButton ||\n    globalConfig?.admin?.components?.edit?.PreviewButton\n\n  if (isPreviewEnabled && CustomPreviewButton) {\n    components.PreviewButton = RenderServerComponent({\n      Component: CustomPreviewButton,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies PreviewButtonServerPropsOnly,\n    })\n  }\n\n  const LivePreview =\n    collectionConfig?.admin?.components?.views?.edit?.livePreview ||\n    globalConfig?.admin?.components?.views?.edit?.livePreview\n\n  if (LivePreview?.Component) {\n    components.LivePreview = RenderServerComponent({\n      Component: LivePreview.Component,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const descriptionFromConfig =\n    collectionConfig?.admin?.description || globalConfig?.admin?.description\n\n  const staticDescription: StaticDescription =\n    typeof descriptionFromConfig === 'function'\n      ? descriptionFromConfig({ t: req.i18n.t })\n      : descriptionFromConfig\n\n  const CustomDescription =\n    collectionConfig?.admin?.components?.Description || globalConfig?.admin?.components?.Description\n\n  const hasDescription = CustomDescription || staticDescription\n\n  if (hasDescription) {\n    components.Description = RenderServerComponent({\n      clientProps: {\n        collectionSlug: collectionConfig?.slug,\n        description: staticDescription,\n      } satisfies ViewDescriptionClientProps,\n      Component: CustomDescription,\n      Fallback: ViewDescription,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies ViewDescriptionServerPropsOnly,\n    })\n  }\n\n  if (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) {\n    const CustomStatus =\n      collectionConfig?.admin?.components?.edit?.Status ||\n      globalConfig?.admin?.components?.edit?.Status\n\n    if (CustomStatus) {\n      components.Status = RenderServerComponent({\n        Component: CustomStatus,\n        importMap: req.payload.importMap,\n        serverProps,\n      })\n    }\n  }\n\n  if (hasSavePermission) {\n    if (hasDraftsEnabled(collectionConfig || globalConfig)) {\n      const CustomPublishButton =\n        collectionConfig?.admin?.components?.edit?.PublishButton ||\n        globalConfig?.admin?.components?.edit?.PublishButton\n\n      if (CustomPublishButton) {\n        components.PublishButton = RenderServerComponent({\n          Component: CustomPublishButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies PublishButtonServerPropsOnly,\n        })\n      }\n\n      const CustomUnpublishButton =\n        collectionConfig?.admin?.components?.edit?.UnpublishButton ||\n        globalConfig?.admin?.components?.edit?.UnpublishButton\n\n      if (CustomUnpublishButton) {\n        components.UnpublishButton = RenderServerComponent({\n          Component: CustomUnpublishButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies UnpublishButtonServerPropsOnly,\n        })\n      }\n\n      const CustomSaveDraftButton =\n        collectionConfig?.admin?.components?.edit?.SaveDraftButton ||\n        globalConfig?.admin?.components?.edit?.SaveDraftButton\n\n      const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig)\n\n      if ((draftsEnabled || unsavedDraftWithValidations) && CustomSaveDraftButton) {\n        components.SaveDraftButton = RenderServerComponent({\n          Component: CustomSaveDraftButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies SaveDraftButtonServerPropsOnly,\n        })\n      }\n    } else {\n      const CustomSaveButton =\n        collectionConfig?.admin?.components?.edit?.SaveButton ||\n        globalConfig?.admin?.components?.edit?.SaveButton\n\n      if (CustomSaveButton) {\n        components.SaveButton = RenderServerComponent({\n          Component: CustomSaveButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies SaveButtonServerPropsOnly,\n        })\n      }\n    }\n  }\n\n  if (collectionConfig?.upload && collectionConfig?.admin?.components?.edit?.Upload) {\n    components.Upload = RenderServerComponent({\n      Component: collectionConfig.admin.components.edit.Upload,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  if (collectionConfig?.upload && collectionConfig.upload.admin?.components?.controls) {\n    components.UploadControls = RenderServerComponent({\n      Component: collectionConfig.upload.admin.components.controls,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  return components\n}\n\nexport const renderDocumentSlotsHandler: ServerFunction<{\n  collectionSlug: string\n  id?: number | string\n}> = async (args) => {\n  const { id, collectionSlug, locale, permissions, req } = args\n\n  const collectionConfig = req.payload.collections[collectionSlug]?.config\n\n  if (!collectionConfig) {\n    throw new Error(req.t('error:incorrectCollection'))\n  }\n\n  const { hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data: {},\n    req,\n  })\n\n  return renderDocumentSlots({\n    id,\n    collectionConfig,\n    hasSavePermission,\n    locale,\n    permissions,\n    req,\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderDocumentSlots.js","names":["hasDraftsEnabled","matchMimeType","RenderServerComponent","ViewDescription","getDocumentPermissions","renderDocumentSlots","args","id","collectionConfig","doc","globalConfig","hasSavePermission","locale","permissions","req","components","unsavedDraftWithValidations","undefined","isPreviewEnabled","admin","preview","serverProps","i18n","payload","server","user","BeforeDocumentControls","edit","beforeDocumentControls","Component","importMap","BeforeDocumentMeta","EditMenuItems","editMenuItems","CustomPreviewButton","PreviewButton","LivePreview","views","livePreview","descriptionFromConfig","description","staticDescription","t","CustomDescription","Description","hasDescription","clientProps","collectionSlug","slug","Fallback","versions","drafts","CustomStatus","Status","CustomPublishButton","PublishButton","CustomUnpublishButton","UnpublishButton","CustomSaveDraftButton","SaveDraftButton","draftsEnabled","CustomSaveButton","SaveButton","upload","Upload","controls","UploadControls","filePreviewConfig","filePreview","mimeType","filePreviewComponent","UploadFilePreview","filename","filesize","fileSrc","url","height","width","renderDocumentSlotsHandler","collections","config","Error","data","result","findByID","collection","depth","overrideAccess","select"],"sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"sourcesContent":["import type {\n  BeforeDocumentControlsServerPropsOnly,\n  DocumentSlots,\n  EditMenuItemsServerPropsOnly,\n  Locale,\n  PayloadComponent,\n  PayloadRequest,\n  PreviewButtonServerPropsOnly,\n  PublishButtonServerPropsOnly,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n  SaveButtonServerPropsOnly,\n  SaveDraftButtonServerPropsOnly,\n  ServerFunction,\n  ServerProps,\n  StaticDescription,\n  UnpublishButtonServerPropsOnly,\n  UploadFilePreviewClientProps,\n  ViewDescriptionClientProps,\n  ViewDescriptionServerPropsOnly,\n} from 'payload'\n\nimport { hasDraftsEnabled, matchMimeType } from 'payload/shared'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ViewDescription } from '../../exports/client/index.js'\nimport { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js'\n\nexport const renderDocumentSlots: (args: {\n  collectionConfig?: SanitizedCollectionConfig\n  doc?: Record<string, unknown>\n  globalConfig?: SanitizedGlobalConfig\n  hasSavePermission: boolean\n  id?: number | string\n  locale: Locale\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}) => DocumentSlots = (args) => {\n  const { id, collectionConfig, doc, globalConfig, hasSavePermission, locale, permissions, req } =\n    args\n\n  const components: DocumentSlots = {} as DocumentSlots\n\n  const unsavedDraftWithValidations = undefined\n\n  const isPreviewEnabled = collectionConfig?.admin?.preview || globalConfig?.admin?.preview\n\n  const serverProps: ServerProps = {\n    id,\n    i18n: req.i18n,\n    locale,\n    payload: req.payload,\n    permissions,\n    server: req.server,\n    user: req.user,\n    // TODO: Add remaining serverProps\n  }\n\n  const BeforeDocumentControls =\n    collectionConfig?.admin?.components?.edit?.beforeDocumentControls ||\n    globalConfig?.admin?.components?.edit?.beforeDocumentControls\n\n  if (BeforeDocumentControls) {\n    components.BeforeDocumentControls = RenderServerComponent({\n      Component: BeforeDocumentControls,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies BeforeDocumentControlsServerPropsOnly,\n    })\n  }\n\n  const BeforeDocumentMeta =\n    collectionConfig?.admin?.components?.edit?.BeforeDocumentMeta ||\n    globalConfig?.admin?.components?.edit?.BeforeDocumentMeta\n\n  if (BeforeDocumentMeta) {\n    components.BeforeDocumentMeta = RenderServerComponent({\n      Component: BeforeDocumentMeta,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const EditMenuItems = collectionConfig?.admin?.components?.edit?.editMenuItems\n\n  if (EditMenuItems) {\n    components.EditMenuItems = RenderServerComponent({\n      Component: EditMenuItems,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies EditMenuItemsServerPropsOnly,\n    })\n  }\n\n  const CustomPreviewButton =\n    collectionConfig?.admin?.components?.edit?.PreviewButton ||\n    globalConfig?.admin?.components?.edit?.PreviewButton\n\n  if (isPreviewEnabled && CustomPreviewButton) {\n    components.PreviewButton = RenderServerComponent({\n      Component: CustomPreviewButton,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies PreviewButtonServerPropsOnly,\n    })\n  }\n\n  const LivePreview =\n    collectionConfig?.admin?.components?.views?.edit?.livePreview ||\n    globalConfig?.admin?.components?.views?.edit?.livePreview\n\n  if (LivePreview?.Component) {\n    components.LivePreview = RenderServerComponent({\n      Component: LivePreview.Component,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const descriptionFromConfig =\n    collectionConfig?.admin?.description || globalConfig?.admin?.description\n\n  const staticDescription: StaticDescription =\n    typeof descriptionFromConfig === 'function'\n      ? descriptionFromConfig({ t: req.i18n.t })\n      : descriptionFromConfig\n\n  const CustomDescription =\n    collectionConfig?.admin?.components?.Description || globalConfig?.admin?.components?.Description\n\n  const hasDescription = CustomDescription || staticDescription\n\n  if (hasDescription) {\n    components.Description = RenderServerComponent({\n      clientProps: {\n        collectionSlug: collectionConfig?.slug,\n        description: staticDescription,\n      } satisfies ViewDescriptionClientProps,\n      Component: CustomDescription,\n      Fallback: ViewDescription,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies ViewDescriptionServerPropsOnly,\n    })\n  }\n\n  if (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) {\n    const CustomStatus =\n      collectionConfig?.admin?.components?.edit?.Status ||\n      globalConfig?.admin?.components?.edit?.Status\n\n    if (CustomStatus) {\n      components.Status = RenderServerComponent({\n        Component: CustomStatus,\n        importMap: req.payload.importMap,\n        serverProps,\n      })\n    }\n  }\n\n  if (hasSavePermission) {\n    if (hasDraftsEnabled(collectionConfig || globalConfig)) {\n      const CustomPublishButton =\n        collectionConfig?.admin?.components?.edit?.PublishButton ||\n        globalConfig?.admin?.components?.edit?.PublishButton\n\n      if (CustomPublishButton) {\n        components.PublishButton = RenderServerComponent({\n          Component: CustomPublishButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies PublishButtonServerPropsOnly,\n        })\n      }\n\n      const CustomUnpublishButton =\n        collectionConfig?.admin?.components?.edit?.UnpublishButton ||\n        globalConfig?.admin?.components?.edit?.UnpublishButton\n\n      if (CustomUnpublishButton) {\n        components.UnpublishButton = RenderServerComponent({\n          Component: CustomUnpublishButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies UnpublishButtonServerPropsOnly,\n        })\n      }\n\n      const CustomSaveDraftButton =\n        collectionConfig?.admin?.components?.edit?.SaveDraftButton ||\n        globalConfig?.admin?.components?.edit?.SaveDraftButton\n\n      const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig)\n\n      if ((draftsEnabled || unsavedDraftWithValidations) && CustomSaveDraftButton) {\n        components.SaveDraftButton = RenderServerComponent({\n          Component: CustomSaveDraftButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies SaveDraftButtonServerPropsOnly,\n        })\n      }\n    } else {\n      const CustomSaveButton =\n        collectionConfig?.admin?.components?.edit?.SaveButton ||\n        globalConfig?.admin?.components?.edit?.SaveButton\n\n      if (CustomSaveButton) {\n        components.SaveButton = RenderServerComponent({\n          Component: CustomSaveButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies SaveButtonServerPropsOnly,\n        })\n      }\n    }\n  }\n\n  if (collectionConfig?.upload && collectionConfig?.admin?.components?.edit?.Upload) {\n    components.Upload = RenderServerComponent({\n      Component: collectionConfig.admin.components.edit.Upload,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  if (collectionConfig?.upload && collectionConfig.upload.admin?.components?.controls) {\n    components.UploadControls = RenderServerComponent({\n      Component: collectionConfig.upload.admin.components.controls,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const filePreviewConfig = collectionConfig?.upload?.admin?.components?.filePreview\n  if (collectionConfig?.upload && filePreviewConfig) {\n    const mimeType = (doc?.mimeType as string) ?? ''\n    let filePreviewComponent: PayloadComponent | undefined\n\n    if (\n      typeof filePreviewConfig === 'string' ||\n      (typeof filePreviewConfig === 'object' && 'path' in filePreviewConfig)\n    ) {\n      filePreviewComponent = filePreviewConfig as PayloadComponent\n    } else {\n      filePreviewComponent = matchMimeType(\n        filePreviewConfig as Record<string, PayloadComponent>,\n        mimeType,\n      )\n    }\n\n    if (filePreviewComponent) {\n      components.UploadFilePreview = RenderServerComponent({\n        clientProps: {\n          filename: doc?.filename,\n          filesize: doc?.filesize,\n          fileSrc: doc?.url,\n          height: doc?.height,\n          mimeType,\n          width: doc?.width,\n        } as UploadFilePreviewClientProps,\n        Component: filePreviewComponent,\n        importMap: req.payload.importMap,\n        serverProps,\n      })\n    }\n  }\n\n  return components\n}\n\nexport const renderDocumentSlotsHandler: ServerFunction<{\n  collectionSlug: string\n  id?: number | string\n}> = async (args) => {\n  const { id, collectionSlug, locale, permissions, req } = args\n\n  const collectionConfig = req.payload.collections[collectionSlug]?.config\n\n  if (!collectionConfig) {\n    throw new Error(req.t('error:incorrectCollection'))\n  }\n\n  const { hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data: {},\n    req,\n  })\n\n  let doc: Record<string, unknown> | undefined\n  if (id && collectionConfig.upload) {\n    const result = await req.payload.findByID({\n      id,\n      collection: collectionSlug,\n      depth: 0,\n      overrideAccess: false,\n      req,\n      select: {\n        filename: true,\n        filesize: true,\n        height: true,\n        mimeType: true,\n        url: true,\n        width: true,\n      },\n    })\n    doc = result as Record<string, unknown>\n  }\n\n  return renderDocumentSlots({\n    id,\n    collectionConfig,\n    doc,\n    hasSavePermission,\n    locale,\n    permissions,\n    req,\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Edit/index.css

@@ -1,18 +1,160 @@
 @layer payload-default {
+  .collection-edit__form {
+    height: 100%;
+    width: 100%;
+    container-type: inline-size;
+    container-name: edit-main;
+  }
+
   .collection-edit__main-wrapper {
     width: 100%;
     display: flex;
   }
 
+  .collection-edit__main-wrapper--scroll-fields-only {
+    height: calc(
+      100dvh - var(--app-header-height, 0px) - var(--doc-controls-height, 0px) -
+        var(--doc-header-height, 0px)
+    );
+    overflow: hidden;
+
+    .collection-edit__main {
+      min-height: 0;
+      overflow: hidden;
+    }
+
+    .document-fields {
+      height: 100%;
+      min-height: 0;
+    }
+
+    .document-fields--force-sidebar-wrap {
+      overflow-y: auto;
+      overscroll-behavior: contain;
+      scrollbar-width: thin;
+      scrollbar-color: var(--scrollbar-color) transparent;
+    }
+
+    .document-fields:not(.document-fields--force-sidebar-wrap) .document-fields__main {
+      min-height: 0;
+      overflow-y: auto;
+      overscroll-behavior: contain;
+      scrollbar-width: thin;
+      scrollbar-color: var(--scrollbar-color) transparent;
+    }
+
+    .document-fields--force-sidebar-wrap .document-fields__main {
+      overflow-y: visible;
+      overscroll-behavior: auto;
+      scrollbar-width: auto;
+      scrollbar-color: auto;
+    }
+
+    .document-fields__sidebar {
+      overscroll-behavior: contain;
+      scrollbar-width: thin;
+      scrollbar-color: var(--scrollbar-color) transparent;
+    }
+
+    .document-fields__sidebar-wrap {
+      --sidebar-wrap-top: 0px;
+      --sidebar-wrap-height: 100%;
+    }
+  }
+
+  .template-default__wrap:has(.collection-edit__main-wrapper--scroll-fields-only) {
+    height: 100dvh;
+    overflow: hidden;
+  }
+
   .collection-edit__main {
     width: 100%;
-    container-type: inline-size;
   }
 
   .collection-edit__main--popup-open {
     width: 100%;
   }
 
+  .collection-edit__main-wrapper--has-upload-panel {
+    .collection-edit__main {
+      flex: 1;
+    }
+    .file-manager {
+      flex: 2;
+      border-inline-start: var(--stroke-width-small) solid var(--color-border);
+    }
+
+    .collection-edit__main:not(:has(.field-type)) {
+      display: none;
+    }
+
+    .collection-edit__main:not(:has(.field-type)) ~ .file-manager {
+      border-inline-start: none;
+    }
+  }
+
+  /* Container query (not viewport) so the layout stacks based on the space actually available
+     to the edit view — e.g. inside a narrow document drawer it uses the stacked mobile layout. */
+  @container edit-main (max-width: 1024px) {
+    .collection-edit__main-wrapper--scroll-fields-only {
+      height: auto;
+      overflow: visible;
+
+      .collection-edit__main {
+        min-height: initial;
+        overflow: visible;
+      }
+
+      .document-fields {
+        height: auto;
+        min-height: initial;
+      }
+
+      .document-fields--force-sidebar-wrap {
+        overflow-y: visible;
+        overscroll-behavior: auto;
+        scrollbar-width: auto;
+        scrollbar-color: auto;
+      }
+
+      .document-fields:not(.document-fields--force-sidebar-wrap) .document-fields__main {
+        min-height: initial;
+        overflow-y: visible;
+        overscroll-behavior: auto;
+        scrollbar-width: auto;
+        scrollbar-color: auto;
+      }
+
+      .document-fields__sidebar {
+        overscroll-behavior: auto;
+        scrollbar-width: auto;
+        scrollbar-color: auto;
+      }
+    }
+
+    .template-default__wrap:has(.collection-edit__main-wrapper--scroll-fields-only) {
+      height: auto;
+      overflow: visible;
+    }
+
+    .collection-edit__main-wrapper--has-upload-panel {
+      flex-direction: column-reverse;
+      gap: var(--spacer-5);
+
+      .file-manager {
+        order: 0;
+        flex: 1 0 0;
+        /* Stacked — no vertical divider; the file manager's own bottom border separates it. */
+        border-inline-start: 0;
+      }
+
+      .document-fields {
+        flex: 0 0 auto;
+        width: 100%;
+      }
+    }
+  }
+
   .collection-edit__main--is-live-previewing {
     width: 40%;
     position: relative;
@@ -29,11 +171,6 @@
     }
   }
 
-  .collection-edit__form {
-    height: 100%;
-    width: 100%;
-  }
-
   .collection-edit__auth {
     border-radius: var(--radius-small);
   }

package/dist/views/Edit/index.d.ts

@@ -5,5 +5,5 @@ export type OnSaveContext = {
     getDocPermissions?: boolean;
     incrementVersionCount?: boolean;
 };
-export declare function DefaultEditView({ BeforeDocumentControls, BeforeDocumentMeta, Description, EditMenuItems, LivePreview: CustomLivePreview, PreviewButton, PublishButton, SaveButton, SaveDraftButton, Status, UnpublishButton, Upload: CustomUpload, UploadControls, }: DocumentViewClientProps): React.JSX.Element;
+export declare function DefaultEditView({ BeforeDocumentControls, BeforeDocumentMeta, Description, EditMenuItems, LivePreview: CustomLivePreview, PreviewButton, PublishButton, SaveButton, SaveDraftButton, Status, UnpublishButton, Upload: CustomUpload, UploadControls, UploadFilePreview, }: DocumentViewClientProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Edit/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAc,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGlE,OAAO,KAAsE,MAAM,OAAO,CAAA;AAsC1F,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAKD,wBAAgB,eAAe,CAAC,EAC9B,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,WAAW,EAAE,iBAAiB,EAC9B,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,EACf,MAAM,EACN,eAAe,EACf,MAAM,EAAE,YAAY,EACpB,cAAc,GACf,EAAE,uBAAuB,qBAswBzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAc,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGlE,OAAO,KAA4D,MAAM,OAAO,CAAA;AAsChF,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAKD,wBAAgB,eAAe,CAAC,EAC9B,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,WAAW,EAAE,iBAAiB,EAC9B,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,EACf,MAAM,EACN,eAAe,EACf,MAAM,EAAE,YAAY,EACpB,cAAc,EACd,iBAAiB,GAClB,EAAE,uBAAuB,qBAgxBzB"}

package/dist/views/Edit/index.js

@@ -2,7 +2,7 @@
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { formatAdminURL, hasAutosaveEnabled } from 'payload/shared';
-import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { toast } from 'sonner';
 import { DocumentControls } from '../../elements/DocumentControls/index.js';
 import { DocumentDrawerHeader } from '../../elements/DocumentDrawer/DrawerHeader/index.js';
@@ -11,9 +11,9 @@ import { DocumentFields } from '../../elements/DocumentFields/index.js';
 import { DocumentLocked } from '../../elements/DocumentLocked/index.js';
 import { DocumentStaleData } from '../../elements/DocumentStaleData/index.js';
 import { DocumentTakeOver } from '../../elements/DocumentTakeOver/index.js';
+import { FileManager } from '../../elements/FileManager/index.js';
 import { LeaveWithoutSaving } from '../../elements/LeaveWithoutSaving/index.js';
 import { LivePreviewWindow } from '../../elements/LivePreview/Window/index.js';
-import { Upload } from '../../elements/Upload/index.js';
 import { Form } from '../../forms/Form/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
@@ -54,7 +54,8 @@ export function DefaultEditView({
   Status,
   UnpublishButton,
   Upload: CustomUpload,
-  UploadControls
+  UploadControls,
+  UploadFilePreview
 }) {
   const {
     id,
@@ -496,6 +497,23 @@ export function DefaultEditView({
     redirectAfterRestore,
     user: currentEditor
   };
+  const renderAuth = auth ? /*#__PURE__*/_jsx(Auth, {
+    className: `${baseClass}__auth`,
+    collectionSlug: collectionConfig.slug,
+    disableLocalStrategy: collectionConfig.auth?.disableLocalStrategy,
+    email: data?.email,
+    loginWithUsername: auth?.loginWithUsername,
+    operation: operation,
+    readOnly: !hasSavePermission,
+    requirePassword: !id,
+    setValidateBeforeSubmit: setValidateBeforeSubmit,
+    // eslint-disable-next-line react-compiler/react-compiler
+    useAPIKey: auth.useAPIKey,
+    username: data?.username,
+    verify: auth.verify
+  }) : undefined;
+  const shouldRenderUploadPanel = Boolean(upload);
+  const shouldScrollFieldsOnly = shouldRenderUploadPanel;
   return /*#__PURE__*/_jsx("main", {
     className: [baseClass, (id || globalSlug) && `${baseClass}--is-editing`, globalSlug && `global-edit--${globalSlug}`, collectionSlug && `collection-edit--${collectionSlug}`, isLivePreviewing && `${baseClass}--is-live-previewing`].filter(Boolean).join(' '),
     children: /*#__PURE__*/_jsx(OperationProvider, {
@@ -588,45 +606,30 @@ export function DefaultEditView({
           ...documentControlsProps,
           variant: "default"
         }), /*#__PURE__*/_jsxs("div", {
-          className: [`${baseClass}__main-wrapper`, isPopupOpen && `${baseClass}--detached`].filter(Boolean).join(' '),
+          className: [`${baseClass}__main-wrapper`, shouldRenderUploadPanel && `${baseClass}__main-wrapper--has-upload-panel`, shouldScrollFieldsOnly && `${baseClass}__main-wrapper--scroll-fields-only`, isPopupOpen && `${baseClass}--detached`].filter(Boolean).join(' '),
           children: [/*#__PURE__*/_jsxs("div", {
             className: [`${baseClass}__main`, isPopupOpen && `${baseClass}__main--popup-open`].filter(Boolean).join(' '),
             children: [/*#__PURE__*/_jsx(DocumentFields, {
               AfterFields: AfterFields,
-              BeforeFields: BeforeFields || /*#__PURE__*/_jsxs(Fragment, {
-                children: [auth && /*#__PURE__*/_jsx(Auth, {
-                  className: `${baseClass}__auth`,
-                  collectionSlug: collectionConfig.slug,
-                  disableLocalStrategy: collectionConfig.auth?.disableLocalStrategy,
-                  email: data?.email,
-                  loginWithUsername: auth?.loginWithUsername,
-                  operation: operation,
-                  readOnly: !hasSavePermission,
-                  requirePassword: !id,
-                  setValidateBeforeSubmit: setValidateBeforeSubmit,
-                  // eslint-disable-next-line react-compiler/react-compiler
-                  useAPIKey: auth.useAPIKey,
-                  username: data?.username,
-                  verify: auth.verify
-                }), upload && /*#__PURE__*/_jsx(React.Fragment, {
-                  children: /*#__PURE__*/_jsx(UploadControlsProvider, {
-                    children: CustomUpload || /*#__PURE__*/_jsx(Upload, {
-                      collectionSlug: collectionConfig.slug,
-                      initialState: initialState,
-                      uploadConfig: upload,
-                      UploadControls: UploadControls
-                    })
-                  })
-                })]
-              }),
+              BeforeFields: renderAuth || BeforeFields ? /*#__PURE__*/_jsxs(_Fragment, {
+                children: [renderAuth, BeforeFields]
+              }) : null,
               Description: Description,
               docPermissions: docPermissions,
               fields: docConfig.fields,
-              forceSidebarWrap: isLivePreviewing,
+              forceSidebarWrap: shouldRenderUploadPanel || isLivePreviewing,
               isTrashed: isTrashed,
               readOnly: isReadOnlyForIncomingUser || !hasSavePermission || isTrashed,
               schemaPathSegments: schemaPathSegments
             }), AfterDocument]
+          }), shouldRenderUploadPanel && /*#__PURE__*/_jsx(UploadControlsProvider, {
+            children: CustomUpload || /*#__PURE__*/_jsx(FileManager, {
+              collectionSlug: collectionConfig.slug,
+              initialState: initialState,
+              uploadConfig: upload,
+              UploadControls: UploadControls,
+              UploadFilePreview: UploadFilePreview
+            })
           }), isLivePreviewEnabled && !isInDrawer && livePreviewURL && /*#__PURE__*/_jsx(_Fragment, {
             children: CustomLivePreview || /*#__PURE__*/_jsx(LivePreviewWindow, {
               collectionSlug: collectionSlug,