@payloadcms/next 3.0.0-canary.4704e79 → 3.0.0-canary.483db21

package/dist/views/Edit/Default/index.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentControls, DocumentFields, Form, OperationProvider, Upload, useAuth, useComponentMap, useConfig, useDocumentEvents, useDocumentInfo, useEditDepth, useFormQueryParams } from '@payloadcms/ui/client';
-import { getFormState } from '@payloadcms/ui/shared';
+import { DocumentControls, DocumentFields, Form, OperationProvider, Upload, useAuth, useComponentMap, useConfig, useDocumentEvents, useDocumentInfo, useEditDepth, useUploadEdits } from '@payloadcms/ui';
+import { formatAdminURL, getFormState } from '@payloadcms/ui/shared';
 import { useRouter, useSearchParams } from 'next/navigation.js';
-import React, { Fragment, useCallback } from 'react';
+import React, { Fragment, useCallback, useState } from 'react';
 import { LeaveWithoutSaving } from '../../../elements/LeaveWithoutSaving/index.js';
 import { Auth } from './Auth/index.js';
 import { SetDocumentStepNav } from './SetDocumentStepNav/index.js';
@@ -17,16 +17,20 @@ export const DefaultEditView = ()=>{
     const { refreshCookieAsync, user } = useAuth();
     const config = useConfig();
     const router = useRouter();
-    const { dispatchFormQueryParams } = useFormQueryParams();
-    const { getFieldMap } = useComponentMap();
-    const params = useSearchParams();
+    const { getComponentMap, getFieldMap } = useComponentMap();
     const depth = useEditDepth();
+    const params = useSearchParams();
     const { reportUpdate } = useDocumentEvents();
-    const { admin: { user: userSlug }, collections, globals, routes: { admin: adminRoute, api: apiRoute }, serverURL } = config;
+    const { resetUploadEdits } = useUploadEdits();
     const locale = params.get('locale');
+    const { admin: { user: userSlug }, collections, globals, routes: { admin: adminRoute, api: apiRoute }, serverURL } = config;
     const collectionConfig = collectionSlug && collections.find((collection)=>collection.slug === collectionSlug);
     const globalConfig = globalSlug && globals.find((global)=>global.slug === globalSlug);
     const entitySlug = collectionConfig?.slug || globalConfig?.slug;
+    const componentMap = getComponentMap({
+        collectionSlug: collectionConfig?.slug,
+        globalSlug: globalConfig?.slug
+    });
     const fieldMap = getFieldMap({
         collectionSlug: collectionConfig?.slug,
         globalSlug: globalConfig?.slug
@@ -39,6 +43,11 @@ export const DefaultEditView = ()=>{
         baseClass,
         id && `${baseClass}--is-editing`
     ].filter(Boolean).join(' ');
+    const [schemaPath, setSchemaPath] = React.useState(entitySlug);
+    const [validateBeforeSubmit, setValidateBeforeSubmit] = useState(()=>{
+        if (operation === 'create' && collectionConfig.auth && !collectionConfig.auth.disableLocalStrategy) return true;
+        return false;
+    });
     const onSave = useCallback((json)=>{
         reportUpdate({
             id,
@@ -59,15 +68,13 @@ export const DefaultEditView = ()=>{
         }
         if (!isEditing && depth < 2) {
             // Redirect to the same locale if it's been set
-            const redirectRoute = `${adminRoute}/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`;
+            const redirectRoute = formatAdminURL({
+                adminRoute,
+                path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`
+            });
             router.push(redirectRoute);
         } else {
-            dispatchFormQueryParams({
-                type: 'SET',
-                params: {
-                    uploadEdits: null
-                }
-            });
+            resetUploadEdits();
         }
     }, [
         onSaveFromContext,
@@ -82,9 +89,9 @@ export const DefaultEditView = ()=>{
         isEditing,
         refreshCookieAsync,
         adminRoute,
-        locale,
         router,
-        dispatchFormQueryParams
+        locale,
+        resetUploadEdits
     ]);
     const onChange = useCallback(async ({ formState: prevFormState })=>{
         const docPreferences = await getDocPreferences();
@@ -97,19 +104,19 @@ export const DefaultEditView = ()=>{
                 formState: prevFormState,
                 globalSlug,
                 operation,
-                schemaPath: entitySlug
+                schemaPath
             },
             serverURL
         });
     }, [
-        serverURL,
         apiRoute,
-        id,
-        operation,
-        entitySlug,
         collectionSlug,
+        schemaPath,
+        getDocPreferences,
         globalSlug,
-        getDocPreferences
+        id,
+        operation,
+        serverURL
     ]);
     return /*#__PURE__*/ _jsx("main", {
         className: classes,
@@ -118,7 +125,7 @@ export const DefaultEditView = ()=>{
             children: /*#__PURE__*/ _jsxs(Form, {
                 action: action,
                 className: `${baseClass}__form`,
-                disableValidationOnSubmit: true,
+                disableValidationOnSubmit: !validateBeforeSubmit,
                 disabled: isInitializing || !hasSavePermission,
                 initialState: !isInitializing && initialState,
                 isInitializing: isInitializing,
@@ -163,14 +170,18 @@ export const DefaultEditView = ()=>{
                                     collectionSlug: collectionConfig.slug,
                                     disableLocalStrategy: collectionConfig.auth?.disableLocalStrategy,
                                     email: data?.email,
+                                    loginWithUsername: auth?.loginWithUsername,
                                     operation: operation,
                                     readOnly: !hasSavePermission,
                                     requirePassword: !id,
+                                    setSchemaPath: setSchemaPath,
+                                    setValidateBeforeSubmit: setValidateBeforeSubmit,
                                     useAPIKey: auth.useAPIKey,
+                                    username: data?.username,
                                     verify: auth.verify
                                 }),
                                 upload && /*#__PURE__*/ _jsx(React.Fragment, {
-                                    children: /*#__PURE__*/ _jsx(Upload, {
+                                    children: componentMap.Upload !== undefined ? componentMap.Upload : /*#__PURE__*/ _jsx(Upload, {
                                         collectionSlug: collectionConfig.slug,
                                         initialState: initialState,
                                         uploadConfig: upload
@@ -181,7 +192,7 @@ export const DefaultEditView = ()=>{
                         docPermissions: docPermissions,
                         fieldMap: fieldMap,
                         readOnly: !hasSavePermission,
-                        schemaPath: entitySlug
+                        schemaPath: schemaPath
                     }),
                     AfterDocument
                 ]

package/dist/views/Edit/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Edit/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  DocumentControls,\n  DocumentFields,\n  Form,\n  type FormProps,\n  OperationProvider,\n  Upload,\n  useAuth,\n  useComponentMap,\n  useConfig,\n  useDocumentEvents,\n  useDocumentInfo,\n  useEditDepth,\n  useFormQueryParams,\n} from '@payloadcms/ui/client'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { Fragment, useCallback } from 'react'\n\nimport { LeaveWithoutSaving } from '../../../elements/LeaveWithoutSaving/index.js'\nimport { Auth } from './Auth/index.js'\nimport { SetDocumentStepNav } from './SetDocumentStepNav/index.js'\nimport { SetDocumentTitle } from './SetDocumentTitle/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\nexport const DefaultEditView: React.FC = () => {\n  const {\n    id,\n    AfterDocument,\n    AfterFields,\n    BeforeDocument,\n    BeforeFields,\n    action,\n    apiURL,\n    collectionSlug,\n    disableActions,\n    disableLeaveWithoutSaving,\n    docPermissions,\n    getDocPreferences,\n    getVersions,\n    globalSlug,\n    hasPublishPermission,\n    hasSavePermission,\n    initialData: data,\n    initialState,\n    isEditing,\n    isInitializing,\n    onSave: onSaveFromContext,\n  } = useDocumentInfo()\n\n  const { refreshCookieAsync, user } = useAuth()\n  const config = useConfig()\n  const router = useRouter()\n  const { dispatchFormQueryParams } = useFormQueryParams()\n  const { getFieldMap } = useComponentMap()\n  const params = useSearchParams()\n  const depth = useEditDepth()\n  const { reportUpdate } = useDocumentEvents()\n\n  const {\n    admin: { user: userSlug },\n    collections,\n    globals,\n    routes: { admin: adminRoute, api: apiRoute },\n    serverURL,\n  } = config\n\n  const locale = params.get('locale')\n\n  const collectionConfig =\n    collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n  const globalConfig = globalSlug && globals.find((global) => global.slug === globalSlug)\n\n  const entitySlug = collectionConfig?.slug || globalConfig?.slug\n\n  const fieldMap = getFieldMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\n\n  const operation = collectionSlug && !id ? 'create' : 'update'\n\n  const auth = collectionConfig ? collectionConfig.auth : undefined\n  const upload = collectionConfig ? collectionConfig.upload : undefined\n\n  const preventLeaveWithoutSaving =\n    (!(collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      !(globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n    !disableLeaveWithoutSaving\n\n  const classes = [baseClass, id && `${baseClass}--is-editing`].filter(Boolean).join(' ')\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        id,\n        entitySlug,\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      // If we're editing the doc of the logged-in user,\n      // Refresh the cookie to get new permissions\n      if (user && collectionSlug === userSlug && id === user.id) {\n        void refreshCookieAsync()\n      }\n\n      void getVersions()\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: id ? 'update' : 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = `${adminRoute}/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`\n        router.push(redirectRoute)\n      } else {\n        dispatchFormQueryParams({\n          type: 'SET',\n          params: {\n            uploadEdits: null,\n          },\n        })\n      }\n    },\n    [\n      onSaveFromContext,\n      userSlug,\n      reportUpdate,\n      id,\n      entitySlug,\n      user,\n      depth,\n      collectionSlug,\n      getVersions,\n      isEditing,\n      refreshCookieAsync,\n      adminRoute,\n      locale,\n      router,\n      dispatchFormQueryParams,\n    ],\n  )\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const docPreferences = await getDocPreferences()\n\n      return getFormState({\n        apiRoute,\n        body: {\n          id,\n          collectionSlug,\n          docPreferences,\n          formState: prevFormState,\n          globalSlug,\n          operation,\n          schemaPath: entitySlug,\n        },\n        serverURL,\n      })\n    },\n    [serverURL, apiRoute, id, operation, entitySlug, collectionSlug, globalSlug, getDocPreferences],\n  )\n\n  return (\n    <main className={classes}>\n      <OperationProvider operation={operation}>\n        <Form\n          action={action}\n          className={`${baseClass}__form`}\n          disableValidationOnSubmit\n          disabled={isInitializing || !hasSavePermission}\n          initialState={!isInitializing && initialState}\n          isInitializing={isInitializing}\n          method={id ? 'PATCH' : 'POST'}\n          onChange={[onChange]}\n          onSuccess={onSave}\n        >\n          {BeforeDocument}\n          {preventLeaveWithoutSaving && <LeaveWithoutSaving />}\n          <SetDocumentStepNav\n            collectionSlug={collectionConfig?.slug}\n            globalSlug={globalConfig?.slug}\n            id={id}\n            pluralLabel={collectionConfig?.labels?.plural}\n            useAsTitle={collectionConfig?.admin?.useAsTitle}\n          />\n          <SetDocumentTitle\n            collectionConfig={collectionConfig}\n            config={config}\n            fallback={depth <= 1 ? id?.toString() : undefined}\n            globalConfig={globalConfig}\n          />\n          <DocumentControls\n            apiURL={apiURL}\n            data={data}\n            disableActions={disableActions}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={id}\n            isEditing={isEditing}\n            permissions={docPermissions}\n            slug={collectionConfig?.slug || globalConfig?.slug}\n          />\n          <DocumentFields\n            AfterFields={AfterFields}\n            BeforeFields={\n              BeforeFields || (\n                <Fragment>\n                  {auth && (\n                    <Auth\n                      className={`${baseClass}__auth`}\n                      collectionSlug={collectionConfig.slug}\n                      disableLocalStrategy={collectionConfig.auth?.disableLocalStrategy}\n                      email={data?.email}\n                      operation={operation}\n                      readOnly={!hasSavePermission}\n                      requirePassword={!id}\n                      useAPIKey={auth.useAPIKey}\n                      verify={auth.verify}\n                    />\n                  )}\n                  {upload && (\n                    <React.Fragment>\n                      <Upload\n                        collectionSlug={collectionConfig.slug}\n                        initialState={initialState}\n                        uploadConfig={upload}\n                      />\n                    </React.Fragment>\n                  )}\n                </Fragment>\n              )\n            }\n            docPermissions={docPermissions}\n            fieldMap={fieldMap}\n            readOnly={!hasSavePermission}\n            schemaPath={entitySlug}\n          />\n          {AfterDocument}\n        </Form>\n      </OperationProvider>\n    </main>\n  )\n}\n"],"names":["DocumentControls","DocumentFields","Form","OperationProvider","Upload","useAuth","useComponentMap","useConfig","useDocumentEvents","useDocumentInfo","useEditDepth","useFormQueryParams","getFormState","useRouter","useSearchParams","React","Fragment","useCallback","LeaveWithoutSaving","Auth","SetDocumentStepNav","SetDocumentTitle","baseClass","DefaultEditView","id","AfterDocument","AfterFields","BeforeDocument","BeforeFields","action","apiURL","collectionSlug","disableActions","disableLeaveWithoutSaving","docPermissions","getDocPreferences","getVersions","globalSlug","hasPublishPermission","hasSavePermission","initialData","data","initialState","isEditing","isInitializing","onSave","onSaveFromContext","refreshCookieAsync","user","config","router","dispatchFormQueryParams","getFieldMap","params","depth","reportUpdate","admin","userSlug","collections","globals","routes","adminRoute","api","apiRoute","serverURL","locale","get","collectionConfig","find","collection","slug","globalConfig","global","entitySlug","fieldMap","operation","auth","undefined","upload","preventLeaveWithoutSaving","versions","drafts","autosave","classes","filter","Boolean","join","json","updatedAt","result","Date","toISOString","redirectRoute","doc","push","type","uploadEdits","onChange","formState","prevFormState","docPreferences","body","schemaPath","main","className","disableValidationOnSubmit","disabled","method","onSuccess","pluralLabel","labels","plural","useAsTitle","fallback","toString","permissions","disableLocalStrategy","email","readOnly","requirePassword","useAPIKey","verify","uploadConfig"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/views/Edit/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  DocumentControls,\n  DocumentFields,\n  Form,\n  type FormProps,\n  OperationProvider,\n  Upload,\n  useAuth,\n  useComponentMap,\n  useConfig,\n  useDocumentEvents,\n  useDocumentInfo,\n  useEditDepth,\n  useUploadEdits,\n} from '@payloadcms/ui'\nimport { formatAdminURL, getFormState } from '@payloadcms/ui/shared'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { Fragment, useCallback, useState } from 'react'\n\nimport { LeaveWithoutSaving } from '../../../elements/LeaveWithoutSaving/index.js'\nimport { Auth } from './Auth/index.js'\nimport { SetDocumentStepNav } from './SetDocumentStepNav/index.js'\nimport { SetDocumentTitle } from './SetDocumentTitle/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\nexport const DefaultEditView: React.FC = () => {\n  const {\n    id,\n    AfterDocument,\n    AfterFields,\n    BeforeDocument,\n    BeforeFields,\n    action,\n    apiURL,\n    collectionSlug,\n    disableActions,\n    disableLeaveWithoutSaving,\n    docPermissions,\n    getDocPreferences,\n    getVersions,\n    globalSlug,\n    hasPublishPermission,\n    hasSavePermission,\n    initialData: data,\n    initialState,\n    isEditing,\n    isInitializing,\n    onSave: onSaveFromContext,\n  } = useDocumentInfo()\n\n  const { refreshCookieAsync, user } = useAuth()\n  const config = useConfig()\n  const router = useRouter()\n  const { getComponentMap, getFieldMap } = useComponentMap()\n  const depth = useEditDepth()\n  const params = useSearchParams()\n  const { reportUpdate } = useDocumentEvents()\n  const { resetUploadEdits } = useUploadEdits()\n\n  const locale = params.get('locale')\n\n  const {\n    admin: { user: userSlug },\n    collections,\n    globals,\n    routes: { admin: adminRoute, api: apiRoute },\n    serverURL,\n  } = config\n\n  const collectionConfig =\n    collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n  const globalConfig = globalSlug && globals.find((global) => global.slug === globalSlug)\n\n  const entitySlug = collectionConfig?.slug || globalConfig?.slug\n\n  const componentMap = getComponentMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\n  const fieldMap = getFieldMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\n\n  const operation = collectionSlug && !id ? 'create' : 'update'\n\n  const auth = collectionConfig ? collectionConfig.auth : undefined\n  const upload = collectionConfig ? collectionConfig.upload : undefined\n\n  const preventLeaveWithoutSaving =\n    (!(collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      !(globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n    !disableLeaveWithoutSaving\n\n  const classes = [baseClass, id && `${baseClass}--is-editing`].filter(Boolean).join(' ')\n\n  const [schemaPath, setSchemaPath] = React.useState(entitySlug)\n  const [validateBeforeSubmit, setValidateBeforeSubmit] = useState(() => {\n    if (\n      operation === 'create' &&\n      collectionConfig.auth &&\n      !collectionConfig.auth.disableLocalStrategy\n    )\n      return true\n    return false\n  })\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        id,\n        entitySlug,\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      // If we're editing the doc of the logged-in user,\n      // Refresh the cookie to get new permissions\n      if (user && collectionSlug === userSlug && id === user.id) {\n        void refreshCookieAsync()\n      }\n\n      void getVersions()\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: id ? 'update' : 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n        })\n        router.push(redirectRoute)\n      } else {\n        resetUploadEdits()\n      }\n    },\n    [\n      onSaveFromContext,\n      userSlug,\n      reportUpdate,\n      id,\n      entitySlug,\n      user,\n      depth,\n      collectionSlug,\n      getVersions,\n      isEditing,\n      refreshCookieAsync,\n      adminRoute,\n      router,\n      locale,\n      resetUploadEdits,\n    ],\n  )\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const docPreferences = await getDocPreferences()\n      return getFormState({\n        apiRoute,\n        body: {\n          id,\n          collectionSlug,\n          docPreferences,\n          formState: prevFormState,\n          globalSlug,\n          operation,\n          schemaPath,\n        },\n        serverURL,\n      })\n    },\n    [apiRoute, collectionSlug, schemaPath, getDocPreferences, globalSlug, id, operation, serverURL],\n  )\n\n  return (\n    <main className={classes}>\n      <OperationProvider operation={operation}>\n        <Form\n          action={action}\n          className={`${baseClass}__form`}\n          disableValidationOnSubmit={!validateBeforeSubmit}\n          disabled={isInitializing || !hasSavePermission}\n          initialState={!isInitializing && initialState}\n          isInitializing={isInitializing}\n          method={id ? 'PATCH' : 'POST'}\n          onChange={[onChange]}\n          onSuccess={onSave}\n        >\n          {BeforeDocument}\n          {preventLeaveWithoutSaving && <LeaveWithoutSaving />}\n          <SetDocumentStepNav\n            collectionSlug={collectionConfig?.slug}\n            globalSlug={globalConfig?.slug}\n            id={id}\n            pluralLabel={collectionConfig?.labels?.plural}\n            useAsTitle={collectionConfig?.admin?.useAsTitle}\n          />\n          <SetDocumentTitle\n            collectionConfig={collectionConfig}\n            config={config}\n            fallback={depth <= 1 ? id?.toString() : undefined}\n            globalConfig={globalConfig}\n          />\n          <DocumentControls\n            apiURL={apiURL}\n            data={data}\n            disableActions={disableActions}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={id}\n            isEditing={isEditing}\n            permissions={docPermissions}\n            slug={collectionConfig?.slug || globalConfig?.slug}\n          />\n          <DocumentFields\n            AfterFields={AfterFields}\n            BeforeFields={\n              BeforeFields || (\n                <Fragment>\n                  {auth && (\n                    <Auth\n                      className={`${baseClass}__auth`}\n                      collectionSlug={collectionConfig.slug}\n                      disableLocalStrategy={collectionConfig.auth?.disableLocalStrategy}\n                      email={data?.email}\n                      loginWithUsername={auth?.loginWithUsername}\n                      operation={operation}\n                      readOnly={!hasSavePermission}\n                      requirePassword={!id}\n                      setSchemaPath={setSchemaPath}\n                      setValidateBeforeSubmit={setValidateBeforeSubmit}\n                      useAPIKey={auth.useAPIKey}\n                      username={data?.username}\n                      verify={auth.verify}\n                    />\n                  )}\n                  {upload && (\n                    <React.Fragment>\n                      {componentMap.Upload !== undefined ? (\n                        componentMap.Upload\n                      ) : (\n                        <Upload\n                          collectionSlug={collectionConfig.slug}\n                          initialState={initialState}\n                          uploadConfig={upload}\n                        />\n                      )}\n                    </React.Fragment>\n                  )}\n                </Fragment>\n              )\n            }\n            docPermissions={docPermissions}\n            fieldMap={fieldMap}\n            readOnly={!hasSavePermission}\n            schemaPath={schemaPath}\n          />\n          {AfterDocument}\n        </Form>\n      </OperationProvider>\n    </main>\n  )\n}\n"],"names":["DocumentControls","DocumentFields","Form","OperationProvider","Upload","useAuth","useComponentMap","useConfig","useDocumentEvents","useDocumentInfo","useEditDepth","useUploadEdits","formatAdminURL","getFormState","useRouter","useSearchParams","React","Fragment","useCallback","useState","LeaveWithoutSaving","Auth","SetDocumentStepNav","SetDocumentTitle","baseClass","DefaultEditView","id","AfterDocument","AfterFields","BeforeDocument","BeforeFields","action","apiURL","collectionSlug","disableActions","disableLeaveWithoutSaving","docPermissions","getDocPreferences","getVersions","globalSlug","hasPublishPermission","hasSavePermission","initialData","data","initialState","isEditing","isInitializing","onSave","onSaveFromContext","refreshCookieAsync","user","config","router","getComponentMap","getFieldMap","depth","params","reportUpdate","resetUploadEdits","locale","get","admin","userSlug","collections","globals","routes","adminRoute","api","apiRoute","serverURL","collectionConfig","find","collection","slug","globalConfig","global","entitySlug","componentMap","fieldMap","operation","auth","undefined","upload","preventLeaveWithoutSaving","versions","drafts","autosave","classes","filter","Boolean","join","schemaPath","setSchemaPath","validateBeforeSubmit","setValidateBeforeSubmit","disableLocalStrategy","json","updatedAt","result","Date","toISOString","redirectRoute","path","doc","push","onChange","formState","prevFormState","docPreferences","body","main","className","disableValidationOnSubmit","disabled","method","onSuccess","pluralLabel","labels","plural","useAsTitle","fallback","toString","permissions","email","loginWithUsername","readOnly","requirePassword","useAPIKey","username","verify","uploadConfig"],"mappings":"AAAA;;AAEA,SACEA,gBAAgB,EAChBC,cAAc,EACdC,IAAI,EAEJC,iBAAiB,EACjBC,MAAM,EACNC,OAAO,EACPC,eAAe,EACfC,SAAS,EACTC,iBAAiB,EACjBC,eAAe,EACfC,YAAY,EACZC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,EAAEC,YAAY,QAAQ,wBAAuB;AACpE,SAASC,SAAS,EAAEC,eAAe,QAAQ,qBAAoB;AAC/D,OAAOC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAE9D,SAASC,kBAAkB,QAAQ,gDAA+C;AAClF,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,kBAAkB,QAAQ,gCAA+B;AAClE,SAASC,gBAAgB,QAAQ,8BAA6B;AAG9D,MAAMC,YAAY;AAElB,gDAAgD;AAChD,iDAAiD;AACjD,wEAAwE;AACxE,OAAO,MAAMC,kBAA4B;IACvC,MAAM,EACJC,EAAE,EACFC,aAAa,EACbC,WAAW,EACXC,cAAc,EACdC,YAAY,EACZC,MAAM,EACNC,MAAM,EACNC,cAAc,EACdC,cAAc,EACdC,yBAAyB,EACzBC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,UAAU,EACVC,oBAAoB,EACpBC,iBAAiB,EACjBC,aAAaC,IAAI,EACjBC,YAAY,EACZC,SAAS,EACTC,cAAc,EACdC,QAAQC,iBAAiB,EAC1B,GAAGvC;IAEJ,MAAM,EAAEwC,kBAAkB,EAAEC,IAAI,EAAE,GAAG7C;IACrC,MAAM8C,SAAS5C;IACf,MAAM6C,SAAStC;IACf,MAAM,EAAEuC,eAAe,EAAEC,WAAW,EAAE,GAAGhD;IACzC,MAAMiD,QAAQ7C;IACd,MAAM8C,SAASzC;IACf,MAAM,EAAE0C,YAAY,EAAE,GAAGjD;IACzB,MAAM,EAAEkD,gBAAgB,EAAE,GAAG/C;IAE7B,MAAMgD,SAASH,OAAOI,GAAG,CAAC;IAE1B,MAAM,EACJC,OAAO,EAAEX,MAAMY,QAAQ,EAAE,EACzBC,WAAW,EACXC,OAAO,EACPC,QAAQ,EAAEJ,OAAOK,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC5CC,SAAS,EACV,GAAGlB;IAEJ,MAAMmB,mBACJrC,kBAAkB8B,YAAYQ,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKxC;IAEzE,MAAMyC,eAAenC,cAAcyB,QAAQO,IAAI,CAAC,CAACI,SAAWA,OAAOF,IAAI,KAAKlC;IAE5E,MAAMqC,aAAaN,kBAAkBG,QAAQC,cAAcD;IAE3D,MAAMI,eAAexB,gBAAgB;QACnCpB,gBAAgBqC,kBAAkBG;QAClClC,YAAYmC,cAAcD;IAC5B;IACA,MAAMK,WAAWxB,YAAY;QAC3BrB,gBAAgBqC,kBAAkBG;QAClClC,YAAYmC,cAAcD;IAC5B;IAEA,MAAMM,YAAY9C,kBAAkB,CAACP,KAAK,WAAW;IAErD,MAAMsD,OAAOV,mBAAmBA,iBAAiBU,IAAI,GAAGC;IACxD,MAAMC,SAASZ,mBAAmBA,iBAAiBY,MAAM,GAAGD;IAE5D,MAAME,4BACJ,AAAC,CAAA,CAAEb,CAAAA,kBAAkBc,UAAUC,UAAUf,kBAAkBc,UAAUC,QAAQC,QAAO,KAClF,CAAEZ,CAAAA,cAAcU,UAAUC,UAAUX,cAAcU,UAAUC,QAAQC,QAAO,CAAC,KAC9E,CAACnD;IAEH,MAAMoD,UAAU;QAAC/D;QAAWE,MAAM,CAAC,EAAEF,UAAU,YAAY,CAAC;KAAC,CAACgE,MAAM,CAACC,SAASC,IAAI,CAAC;IAEnF,MAAM,CAACC,YAAYC,cAAc,GAAG5E,MAAMG,QAAQ,CAACyD;IACnD,MAAM,CAACiB,sBAAsBC,wBAAwB,GAAG3E,SAAS;QAC/D,IACE4D,cAAc,YACdT,iBAAiBU,IAAI,IACrB,CAACV,iBAAiBU,IAAI,CAACe,oBAAoB,EAE3C,OAAO;QACT,OAAO;IACT;IAEA,MAAMhD,SAAS7B,YACb,CAAC8E;QACCvC,aAAa;YACX/B;YACAkD;YACAqB,WAAWD,MAAME,QAAQD,aAAa,IAAIE,OAAOC,WAAW;QAC9D;QAEA,kDAAkD;QAClD,4CAA4C;QAC5C,IAAIlD,QAAQjB,mBAAmB6B,YAAYpC,OAAOwB,KAAKxB,EAAE,EAAE;YACzD,KAAKuB;QACP;QAEA,KAAKX;QAEL,IAAI,OAAOU,sBAAsB,YAAY;YAC3C,KAAKA,kBAAkB;gBACrB,GAAGgD,IAAI;gBACPjB,WAAWrD,KAAK,WAAW;YAC7B;QACF;QAEA,IAAI,CAACmB,aAAaU,QAAQ,GAAG;YAC3B,+CAA+C;YAC/C,MAAM8C,gBAAgBzF,eAAe;gBACnCsD;gBACAoC,MAAM,CAAC,aAAa,EAAErE,eAAe,CAAC,EAAE+D,MAAMO,KAAK7E,GAAG,EAAEiC,SAAS,CAAC,QAAQ,EAAEA,OAAO,CAAC,GAAG,GAAG,CAAC;YAC7F;YACAP,OAAOoD,IAAI,CAACH;QACd,OAAO;YACL3C;QACF;IACF,GACA;QACEV;QACAc;QACAL;QACA/B;QACAkD;QACA1B;QACAK;QACAtB;QACAK;QACAO;QACAI;QACAiB;QACAd;QACAO;QACAD;KACD;IAGH,MAAM+C,WAAqCvF,YACzC,OAAO,EAAEwF,WAAWC,aAAa,EAAE;QACjC,MAAMC,iBAAiB,MAAMvE;QAC7B,OAAOxB,aAAa;YAClBuD;YACAyC,MAAM;gBACJnF;gBACAO;gBACA2E;gBACAF,WAAWC;gBACXpE;gBACAwC;gBACAY;YACF;YACAtB;QACF;IACF,GACA;QAACD;QAAUnC;QAAgB0D;QAAYtD;QAAmBE;QAAYb;QAAIqD;QAAWV;KAAU;IAGjG,qBACE,KAACyC;QAAKC,WAAWxB;kBACf,cAAA,KAACpF;YAAkB4E,WAAWA;sBAC5B,cAAA,MAAC7E;gBACC6B,QAAQA;gBACRgF,WAAW,CAAC,EAAEvF,UAAU,MAAM,CAAC;gBAC/BwF,2BAA2B,CAACnB;gBAC5BoB,UAAUnE,kBAAkB,CAACL;gBAC7BG,cAAc,CAACE,kBAAkBF;gBACjCE,gBAAgBA;gBAChBoE,QAAQxF,KAAK,UAAU;gBACvB+E,UAAU;oBAACA;iBAAS;gBACpBU,WAAWpE;;oBAEVlB;oBACAsD,2CAA6B,KAAC/D;kCAC/B,KAACE;wBACCW,gBAAgBqC,kBAAkBG;wBAClClC,YAAYmC,cAAcD;wBAC1B/C,IAAIA;wBACJ0F,aAAa9C,kBAAkB+C,QAAQC;wBACvCC,YAAYjD,kBAAkBT,OAAO0D;;kCAEvC,KAAChG;wBACC+C,kBAAkBA;wBAClBnB,QAAQA;wBACRqE,UAAUjE,SAAS,IAAI7B,IAAI+F,aAAaxC;wBACxCP,cAAcA;;kCAEhB,KAAC1E;wBACCgC,QAAQA;wBACRW,MAAMA;wBACNT,gBAAgBA;wBAChBM,sBAAsBA;wBACtBC,mBAAmBA;wBACnBf,IAAIA;wBACJmB,WAAWA;wBACX6E,aAAatF;wBACbqC,MAAMH,kBAAkBG,QAAQC,cAAcD;;kCAEhD,KAACxE;wBACC2B,aAAaA;wBACbE,cACEA,8BACE,MAACb;;gCACE+D,sBACC,KAAC3D;oCACC0F,WAAW,CAAC,EAAEvF,UAAU,MAAM,CAAC;oCAC/BS,gBAAgBqC,iBAAiBG,IAAI;oCACrCsB,sBAAsBzB,iBAAiBU,IAAI,EAAEe;oCAC7C4B,OAAOhF,MAAMgF;oCACbC,mBAAmB5C,MAAM4C;oCACzB7C,WAAWA;oCACX8C,UAAU,CAACpF;oCACXqF,iBAAiB,CAACpG;oCAClBkE,eAAeA;oCACfE,yBAAyBA;oCACzBiC,WAAW/C,KAAK+C,SAAS;oCACzBC,UAAUrF,MAAMqF;oCAChBC,QAAQjD,KAAKiD,MAAM;;gCAGtB/C,wBACC,KAAClE,MAAMC,QAAQ;8CACZ4D,aAAazE,MAAM,KAAK6E,YACvBJ,aAAazE,MAAM,iBAEnB,KAACA;wCACC6B,gBAAgBqC,iBAAiBG,IAAI;wCACrC7B,cAAcA;wCACdsF,cAAchD;;;;;wBAQ5B9C,gBAAgBA;wBAChB0C,UAAUA;wBACV+C,UAAU,CAACpF;wBACXkD,YAAYA;;oBAEbhE;;;;;AAKX,EAAC"}

package/dist/views/Edit/Default/index.scss

@@ -8,8 +8,8 @@
   }
 
   &__auth {
-    margin-bottom: calc(var(--base) * 2);
-    margin-top: calc(var(--base) * 0.5);
+    margin-bottom: base(1.6);
+    border-radius: var(--style-radius-s);
   }
 
   @include small-break {

package/dist/views/Edit/Default/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Edit/Default/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload'\n\nexport type IndexProps = {\n  collection: SanitizedCollectionConfig\n  isEditing?: boolean\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAGC"}
+{"version":3,"sources":["../../../../src/views/Edit/Default/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload'\n\nexport type IndexProps = {\n  collection: SanitizedCollectionConfig\n  isEditing?: boolean\n}\n"],"names":[],"mappings":"AAEA,WAGC"}

package/dist/views/Edit/index.client.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SetViewActions, useComponentMap, useDocumentInfo } from '@payloadcms/ui/client';
+import { SetViewActions, useComponentMap, useDocumentInfo } from '@payloadcms/ui';
 import React, { Fragment } from 'react';
 export const EditViewClient = ()=>{
     const { collectionSlug, globalSlug } = useDocumentInfo();

package/dist/views/Edit/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { SetViewActions, useComponentMap, useDocumentInfo } from '@payloadcms/ui/client'\nimport React, { Fragment } from 'react'\n\nexport const EditViewClient: React.FC = () => {\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap } = useComponentMap()\n\n  const { Edit, actionsMap } = getComponentMap({\n    collectionSlug,\n    globalSlug,\n  })\n\n  if (!Edit) {\n    return null\n  }\n\n  return (\n    <Fragment>\n      <SetViewActions actions={actionsMap?.Edit?.Default} />\n      {Edit}\n    </Fragment>\n  )\n}\n"],"names":["SetViewActions","useComponentMap","useDocumentInfo","React","Fragment","EditViewClient","collectionSlug","globalSlug","getComponentMap","Edit","actionsMap","actions","Default"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,cAAc,EAAEC,eAAe,EAAEC,eAAe,QAAQ,wBAAuB;AACxF,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,iBAA2B;IACtC,MAAM,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGL;IAEvC,MAAM,EAAEM,eAAe,EAAE,GAAGP;IAE5B,MAAM,EAAEQ,IAAI,EAAEC,UAAU,EAAE,GAAGF,gBAAgB;QAC3CF;QACAC;IACF;IAEA,IAAI,CAACE,MAAM;QACT,OAAO;IACT;IAEA,qBACE,MAACL;;0BACC,KAACJ;gBAAeW,SAASD,YAAYD,MAAMG;;YAC1CH;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/views/Edit/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { SetViewActions, useComponentMap, useDocumentInfo } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nexport const EditViewClient: React.FC = () => {\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap } = useComponentMap()\n\n  const { Edit, actionsMap } = getComponentMap({\n    collectionSlug,\n    globalSlug,\n  })\n\n  if (!Edit) {\n    return null\n  }\n\n  return (\n    <Fragment>\n      <SetViewActions actions={actionsMap?.Edit?.Default} />\n      {Edit}\n    </Fragment>\n  )\n}\n"],"names":["SetViewActions","useComponentMap","useDocumentInfo","React","Fragment","EditViewClient","collectionSlug","globalSlug","getComponentMap","Edit","actionsMap","actions","Default"],"mappings":"AAAA;;AAEA,SAASA,cAAc,EAAEC,eAAe,EAAEC,eAAe,QAAQ,iBAAgB;AACjF,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,iBAA2B;IACtC,MAAM,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGL;IAEvC,MAAM,EAAEM,eAAe,EAAE,GAAGP;IAE5B,MAAM,EAAEQ,IAAI,EAAEC,UAAU,EAAE,GAAGF,gBAAgB;QAC3CF;QACAC;IACF;IAEA,IAAI,CAACE,MAAM;QACT,OAAO;IACT;IAEA,qBACE,MAACL;;0BACC,KAACJ;gBAAeW,SAASD,YAAYD,MAAMG;;YAC1CH;;;AAGP,EAAC"}

package/dist/views/Edit/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload'\n\nimport React from 'react'\n\nimport { EditViewClient } from './index.client.js'\n\nexport const EditView: EditViewComponent = () => {\n  return <EditViewClient />\n}\n"],"names":["React","EditViewClient","EditView"],"rangeMappings":";;;;;","mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,oBAAmB;AAElD,OAAO,MAAMC,WAA8B;IACzC,qBAAO,KAACD;AACV,EAAC"}
+{"version":3,"sources":["../../../src/views/Edit/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload'\n\nimport React from 'react'\n\nimport { EditViewClient } from './index.client.js'\n\nexport const EditView: EditViewComponent = () => {\n  return <EditViewClient />\n}\n"],"names":["React","EditViewClient","EditView"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,oBAAmB;AAElD,OAAO,MAAMC,WAA8B;IACzC,qBAAO,KAACD;AACV,EAAC"}

package/dist/views/Edit/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n  isEditing,\n}): Promise<Metadata> => {\n  const { t } = i18n\n\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  const metaTitle = `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`\n\n  const ogTitle = `${isEditing ? t('general:edit') : t('general:edit')} - ${entityLabel}`\n\n  const description = `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`\n\n  const keywords = `${entityLabel}, Payload, CMS`\n\n  const baseOGOverrides = config.admin.meta.openGraph || {}\n\n  const entityOGOverrides = collectionConfig\n    ? collectionConfig.admin?.meta?.openGraph\n    : globalConfig\n      ? globalConfig.admin?.meta?.openGraph\n      : {}\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    openGraph: {\n      title: ogTitle,\n      ...baseOGOverrides,\n      ...entityOGOverrides,\n    },\n    ...(collectionConfig?.admin.meta || {}),\n    ...(globalConfig?.admin.meta || {}),\n    serverURL: config.serverURL,\n    title: metaTitle,\n  })\n}\n"],"names":["getTranslation","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","isEditing","t","entityLabel","labels","singular","label","metaTitle","ogTitle","description","keywords","baseOGOverrides","admin","openGraph","entityOGOverrides","title","serverURL"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,IAAI,EACJC,SAAS,EACV;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGF;IAEd,MAAMG,cAAcN,mBAChBH,eAAeG,iBAAiBO,MAAM,CAACC,QAAQ,EAAEL,QACjDD,eACEL,eAAeK,aAAaO,KAAK,EAAEN,QACnC;IAEN,MAAMO,YAAY,CAAC,EAAEN,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAEC,YAAY,CAAC;IAEhG,MAAMK,UAAU,CAAC,EAAEP,YAAYC,EAAE,kBAAkBA,EAAE,gBAAgB,GAAG,EAAEC,YAAY,CAAC;IAEvF,MAAMM,cAAc,CAAC,EAAER,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAEC,YAAY,CAAC;IAElG,MAAMO,WAAW,CAAC,EAAEP,YAAY,cAAc,CAAC;IAE/C,MAAMQ,kBAAkBb,OAAOc,KAAK,CAACjB,IAAI,CAACkB,SAAS,IAAI,CAAC;IAExD,MAAMC,oBAAoBjB,mBACtBA,iBAAiBe,KAAK,EAAEjB,MAAMkB,YAC9Bd,eACEA,aAAaa,KAAK,EAAEjB,MAAMkB,YAC1B,CAAC;IAEP,OAAOlB,KAAK;QACV,GAAIG,OAAOc,KAAK,CAACjB,IAAI,IAAI,CAAC,CAAC;QAC3Bc;QACAC;QACAG,WAAW;YACTE,OAAOP;YACP,GAAGG,eAAe;YAClB,GAAGG,iBAAiB;QACtB;QACA,GAAIjB,kBAAkBe,MAAMjB,QAAQ,CAAC,CAAC;QACtC,GAAII,cAAca,MAAMjB,QAAQ,CAAC,CAAC;QAClCqB,WAAWlB,OAAOkB,SAAS;QAC3BD,OAAOR;IACT;AACF,EAAC"}
+{"version":3,"sources":["../../../src/views/Edit/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n  isEditing,\n}): Promise<Metadata> => {\n  const { t } = i18n\n\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  const metaTitle = `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`\n\n  const ogTitle = `${isEditing ? t('general:edit') : t('general:edit')} - ${entityLabel}`\n\n  const description = `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`\n\n  const keywords = `${entityLabel}, Payload, CMS`\n\n  const baseOGOverrides = config.admin.meta.openGraph || {}\n\n  const entityOGOverrides = collectionConfig\n    ? collectionConfig.admin?.meta?.openGraph\n    : globalConfig\n      ? globalConfig.admin?.meta?.openGraph\n      : {}\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    openGraph: {\n      title: ogTitle,\n      ...baseOGOverrides,\n      ...entityOGOverrides,\n    },\n    ...(collectionConfig?.admin.meta || {}),\n    ...(globalConfig?.admin.meta || {}),\n    serverURL: config.serverURL,\n    title: metaTitle,\n  })\n}\n"],"names":["getTranslation","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","isEditing","t","entityLabel","labels","singular","label","metaTitle","ogTitle","description","keywords","baseOGOverrides","admin","openGraph","entityOGOverrides","title","serverURL"],"mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,IAAI,EACJC,SAAS,EACV;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGF;IAEd,MAAMG,cAAcN,mBAChBH,eAAeG,iBAAiBO,MAAM,CAACC,QAAQ,EAAEL,QACjDD,eACEL,eAAeK,aAAaO,KAAK,EAAEN,QACnC;IAEN,MAAMO,YAAY,CAAC,EAAEN,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAEC,YAAY,CAAC;IAEhG,MAAMK,UAAU,CAAC,EAAEP,YAAYC,EAAE,kBAAkBA,EAAE,gBAAgB,GAAG,EAAEC,YAAY,CAAC;IAEvF,MAAMM,cAAc,CAAC,EAAER,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAEC,YAAY,CAAC;IAElG,MAAMO,WAAW,CAAC,EAAEP,YAAY,cAAc,CAAC;IAE/C,MAAMQ,kBAAkBb,OAAOc,KAAK,CAACjB,IAAI,CAACkB,SAAS,IAAI,CAAC;IAExD,MAAMC,oBAAoBjB,mBACtBA,iBAAiBe,KAAK,EAAEjB,MAAMkB,YAC9Bd,eACEA,aAAaa,KAAK,EAAEjB,MAAMkB,YAC1B,CAAC;IAEP,OAAOlB,KAAK;QACV,GAAIG,OAAOc,KAAK,CAACjB,IAAI,IAAI,CAAC,CAAC;QAC3Bc;QACAC;QACAG,WAAW;YACTE,OAAOP;YACP,GAAGG,eAAe;YAClB,GAAGG,iBAAiB;QACtB;QACA,GAAIjB,kBAAkBe,MAAMjB,QAAQ,CAAC,CAAC;QACtC,GAAII,cAAca,MAAMjB,QAAQ,CAAC,CAAC;QAClCqB,WAAWlB,OAAOkB,SAAS;QAC3BD,OAAOR;IACT;AACF,EAAC"}

package/dist/views/Edit/sanitizeEditViewProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/sanitizeEditViewProps.ts"],"sourcesContent":["import type { EditViewProps, ServerSideEditViewProps } from 'payload'\n\nexport const sanitizeEditViewProps = (props: ServerSideEditViewProps): EditViewProps => {\n  const clientSideProps = { ...props }\n  delete clientSideProps.initPageResult.req\n  delete clientSideProps.initPageResult.collectionConfig\n  delete clientSideProps.initPageResult.globalConfig\n  return clientSideProps as EditViewProps\n}\n"],"names":["sanitizeEditViewProps","props","clientSideProps","initPageResult","req","collectionConfig","globalConfig"],"rangeMappings":";;;;;;;;","mappings":"AAEA,OAAO,MAAMA,wBAAwB,CAACC;IACpC,MAAMC,kBAAkB;QAAE,GAAGD,KAAK;IAAC;IACnC,OAAOC,gBAAgBC,cAAc,CAACC,GAAG;IACzC,OAAOF,gBAAgBC,cAAc,CAACE,gBAAgB;IACtD,OAAOH,gBAAgBC,cAAc,CAACG,YAAY;IAClD,OAAOJ;AACT,EAAC"}
+{"version":3,"sources":["../../../src/views/Edit/sanitizeEditViewProps.ts"],"sourcesContent":["import type { EditViewProps, ServerSideEditViewProps } from 'payload'\n\nexport const sanitizeEditViewProps = (props: ServerSideEditViewProps): EditViewProps => {\n  const clientSideProps = { ...props }\n  delete clientSideProps.initPageResult.req\n  delete clientSideProps.initPageResult.collectionConfig\n  delete clientSideProps.initPageResult.globalConfig\n  return clientSideProps as EditViewProps\n}\n"],"names":["sanitizeEditViewProps","props","clientSideProps","initPageResult","req","collectionConfig","globalConfig"],"mappings":"AAEA,OAAO,MAAMA,wBAAwB,CAACC;IACpC,MAAMC,kBAAkB;QAAE,GAAGD,KAAK;IAAC;IACnC,OAAOC,gBAAgBC,cAAc,CAACC,GAAG;IACzC,OAAOF,gBAAgBC,cAAc,CAACE,gBAAgB;IACtD,OAAOH,gBAAgBC,cAAc,CAACG,YAAY;IAClD,OAAOJ;AACT,EAAC"}

package/dist/views/ForgotPassword/ForgotPasswordForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAqEtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAgHtC,CAAA"}

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js

@@ -1,22 +1,30 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EmailField, Form, FormSubmit, useConfig, useTranslation } from '@payloadcms/ui/client';
-import { email } from 'payload/shared';
+import { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui';
+import { email, text } from 'payload/shared';
 import React, { Fragment, useState } from 'react';
 export const ForgotPasswordForm = ()=>{
     const config = useConfig();
     const { admin: { user: userSlug }, routes: { api } } = config;
     const { t } = useTranslation();
     const [hasSubmitted, setHasSubmitted] = useState(false);
+    const collectionConfig = config.collections?.find((collection)=>collection?.slug === userSlug);
+    const loginWithUsername = collectionConfig?.auth?.loginWithUsername;
     const handleResponse = (res, successToast, errorToast)=>{
         res.json().then(()=>{
             setHasSubmitted(true);
             successToast(t('general:submissionSuccessful'));
         }).catch(()=>{
-            errorToast(t('authentication:emailNotValid'));
+            errorToast(loginWithUsername ? t('authentication:usernameNotValid') : t('authentication:emailNotValid'));
         });
     };
-    const initialState = {
+    const initialState = loginWithUsername ? {
+        username: {
+            initialValue: '',
+            valid: true,
+            value: undefined
+        }
+    } : {
         email: {
             initialValue: '',
             valid: true,
@@ -45,9 +53,29 @@ export const ForgotPasswordForm = ()=>{
                 children: t('authentication:forgotPassword')
             }),
             /*#__PURE__*/ _jsx("p", {
-                children: t('authentication:forgotPasswordEmailInstructions')
+                children: loginWithUsername ? t('authentication:forgotPasswordUsernameInstructions') : t('authentication:forgotPasswordEmailInstructions')
             }),
-            /*#__PURE__*/ _jsx(EmailField, {
+            loginWithUsername ? /*#__PURE__*/ _jsx(TextField, {
+                label: t('authentication:username'),
+                name: "username",
+                required: true,
+                validate: (value)=>text(value, {
+                        name: 'username',
+                        type: 'text',
+                        data: {},
+                        preferences: {
+                            fields: {}
+                        },
+                        req: {
+                            payload: {
+                                config
+                            },
+                            t
+                        },
+                        required: true,
+                        siblingData: {}
+                    })
+            }) : /*#__PURE__*/ _jsx(EmailField, {
                 autoComplete: "email",
                 label: t('general:email'),
                 name: "email",

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui/client'\nimport type { FormState, PayloadRequestWithData } from 'payload'\n\nimport { EmailField, Form, FormSubmit, useConfig, useTranslation } from '@payloadcms/ui/client'\nimport { email } from 'payload/shared'\nimport React, { Fragment, useState } from 'react'\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const config = useConfig()\n\n  const {\n    admin: { user: userSlug },\n    routes: { api },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n\n  const handleResponse: FormProps['handleResponse'] = (res, successToast, errorToast) => {\n    res\n      .json()\n      .then(() => {\n        setHasSubmitted(true)\n        successToast(t('general:submissionSuccessful'))\n      })\n      .catch(() => {\n        errorToast(t('authentication:emailNotValid'))\n      })\n  }\n\n  const initialState: FormState = {\n    email: {\n      initialValue: '',\n      valid: true,\n      value: undefined,\n    },\n  }\n\n  if (hasSubmitted) {\n    return (\n      <Fragment>\n        <h1>{t('authentication:emailSent')}</h1>\n        <p>{t('authentication:checkYourEmailForPasswordReset')}</p>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Form\n      action={`${api}/${userSlug}/forgot-password`}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      method=\"POST\"\n    >\n      <h1>{t('authentication:forgotPassword')}</h1>\n      <p>{t('authentication:forgotPasswordEmailInstructions')}</p>\n      <EmailField\n        autoComplete=\"email\"\n        label={t('general:email')}\n        name=\"email\"\n        required\n        validate={(value) =>\n          email(value, {\n            name: 'email',\n            type: 'email',\n            data: {},\n            preferences: { fields: {} },\n            req: { t } as PayloadRequestWithData,\n            required: true,\n            siblingData: {},\n          })\n        }\n      />\n      <FormSubmit>{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["EmailField","Form","FormSubmit","useConfig","useTranslation","email","React","Fragment","useState","ForgotPasswordForm","config","admin","user","userSlug","routes","api","t","hasSubmitted","setHasSubmitted","handleResponse","res","successToast","errorToast","json","then","catch","initialState","initialValue","valid","value","undefined","h1","p","action","method","autoComplete","label","name","required","validate","type","data","preferences","fields","req","siblingData"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAKA,SAASA,UAAU,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ,wBAAuB;AAC/F,SAASC,KAAK,QAAQ,iBAAgB;AACtC,OAAOC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AAEjD,OAAO,MAAMC,qBAA+B;IAC1C,MAAMC,SAASP;IAEf,MAAM,EACJQ,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EACzBC,QAAQ,EAAEC,GAAG,EAAE,EAChB,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGZ;IACd,MAAM,CAACa,cAAcC,gBAAgB,GAAGV,SAAS;IAEjD,MAAMW,iBAA8C,CAACC,KAAKC,cAAcC;QACtEF,IACGG,IAAI,GACJC,IAAI,CAAC;YACJN,gBAAgB;YAChBG,aAAaL,EAAE;QACjB,GACCS,KAAK,CAAC;YACLH,WAAWN,EAAE;QACf;IACJ;IAEA,MAAMU,eAA0B;QAC9BrB,OAAO;YACLsB,cAAc;YACdC,OAAO;YACPC,OAAOC;QACT;IACF;IAEA,IAAIb,cAAc;QAChB,qBACE,MAACV;;8BACC,KAACwB;8BAAIf,EAAE;;8BACP,KAACgB;8BAAGhB,EAAE;;;;IAGZ;IAEA,qBACE,MAACf;QACCgC,QAAQ,CAAC,EAAElB,IAAI,CAAC,EAAEF,SAAS,gBAAgB,CAAC;QAC5CM,gBAAgBA;QAChBO,cAAcA;QACdQ,QAAO;;0BAEP,KAACH;0BAAIf,EAAE;;0BACP,KAACgB;0BAAGhB,EAAE;;0BACN,KAAChB;gBACCmC,cAAa;gBACbC,OAAOpB,EAAE;gBACTqB,MAAK;gBACLC,QAAQ;gBACRC,UAAU,CAACV,QACTxB,MAAMwB,OAAO;wBACXQ,MAAM;wBACNG,MAAM;wBACNC,MAAM,CAAC;wBACPC,aAAa;4BAAEC,QAAQ,CAAC;wBAAE;wBAC1BC,KAAK;4BAAE5B;wBAAE;wBACTsB,UAAU;wBACVO,aAAa,CAAC;oBAChB;;0BAGJ,KAAC3C;0BAAYc,EAAE;;;;AAGrB,EAAC"}
+{"version":3,"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { FormState, PayloadRequest } from 'payload'\n\nimport { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { email, text } from 'payload/shared'\nimport React, { Fragment, useState } from 'react'\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const config = useConfig()\n\n  const {\n    admin: { user: userSlug },\n    routes: { api },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const loginWithUsername = collectionConfig?.auth?.loginWithUsername\n\n  const handleResponse: FormProps['handleResponse'] = (res, successToast, errorToast) => {\n    res\n      .json()\n      .then(() => {\n        setHasSubmitted(true)\n        successToast(t('general:submissionSuccessful'))\n      })\n      .catch(() => {\n        errorToast(\n          loginWithUsername\n            ? t('authentication:usernameNotValid')\n            : t('authentication:emailNotValid'),\n        )\n      })\n  }\n\n  const initialState: FormState = loginWithUsername\n    ? {\n        username: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n    : {\n        email: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n\n  if (hasSubmitted) {\n    return (\n      <Fragment>\n        <h1>{t('authentication:emailSent')}</h1>\n        <p>{t('authentication:checkYourEmailForPasswordReset')}</p>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Form\n      action={`${api}/${userSlug}/forgot-password`}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      method=\"POST\"\n    >\n      <h1>{t('authentication:forgotPassword')}</h1>\n      <p>\n        {loginWithUsername\n          ? t('authentication:forgotPasswordUsernameInstructions')\n          : t('authentication:forgotPasswordEmailInstructions')}\n      </p>\n\n      {loginWithUsername ? (\n        <TextField\n          label={t('authentication:username')}\n          name=\"username\"\n          required\n          validate={(value) =>\n            text(value, {\n              name: 'username',\n              type: 'text',\n              data: {},\n              preferences: { fields: {} },\n              req: {\n                payload: {\n                  config,\n                },\n                t,\n              } as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      ) : (\n        <EmailField\n          autoComplete=\"email\"\n          label={t('general:email')}\n          name=\"email\"\n          required\n          validate={(value) =>\n            email(value, {\n              name: 'email',\n              type: 'email',\n              data: {},\n              preferences: { fields: {} },\n              req: { t } as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      )}\n      <FormSubmit>{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["EmailField","Form","FormSubmit","TextField","useConfig","useTranslation","email","text","React","Fragment","useState","ForgotPasswordForm","config","admin","user","userSlug","routes","api","t","hasSubmitted","setHasSubmitted","collectionConfig","collections","find","collection","slug","loginWithUsername","auth","handleResponse","res","successToast","errorToast","json","then","catch","initialState","username","initialValue","valid","value","undefined","h1","p","action","method","label","name","required","validate","type","data","preferences","fields","req","payload","siblingData","autoComplete"],"mappings":"AAAA;;AAKA,SAASA,UAAU,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACnG,SAASC,KAAK,EAAEC,IAAI,QAAQ,iBAAgB;AAC5C,OAAOC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AAEjD,OAAO,MAAMC,qBAA+B;IAC1C,MAAMC,SAASR;IAEf,MAAM,EACJS,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EACzBC,QAAQ,EAAEC,GAAG,EAAE,EAChB,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGb;IACd,MAAM,CAACc,cAAcC,gBAAgB,GAAGV,SAAS;IACjD,MAAMW,mBAAmBT,OAAOU,WAAW,EAAEC,KAAK,CAACC,aAAeA,YAAYC,SAASV;IACvF,MAAMW,oBAAoBL,kBAAkBM,MAAMD;IAElD,MAAME,iBAA8C,CAACC,KAAKC,cAAcC;QACtEF,IACGG,IAAI,GACJC,IAAI,CAAC;YACJb,gBAAgB;YAChBU,aAAaZ,EAAE;QACjB,GACCgB,KAAK,CAAC;YACLH,WACEL,oBACIR,EAAE,qCACFA,EAAE;QAEV;IACJ;IAEA,MAAMiB,eAA0BT,oBAC5B;QACEU,UAAU;YACRC,cAAc;YACdC,OAAO;YACPC,OAAOC;QACT;IACF,IACA;QACElC,OAAO;YACL+B,cAAc;YACdC,OAAO;YACPC,OAAOC;QACT;IACF;IAEJ,IAAIrB,cAAc;QAChB,qBACE,MAACV;;8BACC,KAACgC;8BAAIvB,EAAE;;8BACP,KAACwB;8BAAGxB,EAAE;;;;IAGZ;IAEA,qBACE,MAACjB;QACC0C,QAAQ,CAAC,EAAE1B,IAAI,CAAC,EAAEF,SAAS,gBAAgB,CAAC;QAC5Ca,gBAAgBA;QAChBO,cAAcA;QACdS,QAAO;;0BAEP,KAACH;0BAAIvB,EAAE;;0BACP,KAACwB;0BACEhB,oBACGR,EAAE,uDACFA,EAAE;;YAGPQ,kCACC,KAACvB;gBACC0C,OAAO3B,EAAE;gBACT4B,MAAK;gBACLC,QAAQ;gBACRC,UAAU,CAACT,QACThC,KAAKgC,OAAO;wBACVO,MAAM;wBACNG,MAAM;wBACNC,MAAM,CAAC;wBACPC,aAAa;4BAAEC,QAAQ,CAAC;wBAAE;wBAC1BC,KAAK;4BACHC,SAAS;gCACP1C;4BACF;4BACAM;wBACF;wBACA6B,UAAU;wBACVQ,aAAa,CAAC;oBAChB;+BAIJ,KAACvD;gBACCwD,cAAa;gBACbX,OAAO3B,EAAE;gBACT4B,MAAK;gBACLC,QAAQ;gBACRC,UAAU,CAACT,QACTjC,MAAMiC,OAAO;wBACXO,MAAM;wBACNG,MAAM;wBACNC,MAAM,CAAC;wBACPC,aAAa;4BAAEC,QAAQ,CAAC;wBAAE;wBAC1BC,KAAK;4BAAEnC;wBAAE;wBACT6B,UAAU;wBACVQ,aAAa,CAAC;oBAChB;;0BAIN,KAACrD;0BAAYgB,EAAE;;;;AAGrB,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA;AAG1D,eAAO,MAAM,uBAAuB,oBAAoB,CAAA;AAExD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2CvD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA;AAG1D,eAAO,MAAM,uBAAuB,oBAAoB,CAAA;AAExD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2DvD,CAAA"}

package/dist/views/ForgotPassword/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Translation } from '@payloadcms/ui/client';
+import { Button, Translation } from '@payloadcms/ui';
+import { formatAdminURL } from '@payloadcms/ui/shared';
 import LinkImport from 'next/link.js';
 import React, { Fragment } from 'react';
 import { ForgotPasswordForm } from './ForgotPasswordForm/index.js';
@@ -8,7 +9,7 @@ const Link = LinkImport.default || LinkImport;
 export const forgotPasswordBaseClass = 'forgot-password';
 export const ForgotPasswordView = ({ initPageResult })=>{
     const { req: { i18n, payload: { config }, user } } = initPageResult;
-    const { admin: { routes: { account: accountRoute } }, routes: { admin } } = config;
+    const { admin: { routes: { account: accountRoute, login: loginRoute } }, routes: { admin: adminRoute } } = config;
     if (user) {
         return /*#__PURE__*/ _jsxs(Fragment, {
             children: [
@@ -19,7 +20,10 @@ export const ForgotPasswordView = ({ initPageResult })=>{
                     children: /*#__PURE__*/ _jsx(Translation, {
                         elements: {
                             '0': ({ children })=>/*#__PURE__*/ _jsx(Link, {
-                                    href: `${admin}${accountRoute}`,
+                                    href: formatAdminURL({
+                                        adminRoute,
+                                        path: accountRoute
+                                    }),
                                     children: children
                                 })
                         },
@@ -32,7 +36,8 @@ export const ForgotPasswordView = ({ initPageResult })=>{
                     Link: Link,
                     buttonStyle: "secondary",
                     el: "link",
-                    to: admin,
+                    size: "large",
+                    to: adminRoute,
                     children: i18n.t('general:backToDashboard')
                 })
             ]
@@ -42,7 +47,10 @@ export const ForgotPasswordView = ({ initPageResult })=>{
         children: [
             /*#__PURE__*/ _jsx(ForgotPasswordForm, {}),
             /*#__PURE__*/ _jsx(Link, {
-                href: `${admin}/login`,
+                href: formatAdminURL({
+                    adminRoute,
+                    path: loginRoute
+                }),
                 children: i18n.t('authentication:backToLogin')
             })
         ]

package/dist/views/ForgotPassword/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ForgotPassword/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { Button, Translation } from '@payloadcms/ui/client'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport { ForgotPasswordForm } from './ForgotPasswordForm/index.js'\n\nexport { generateForgotPasswordMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\nexport const forgotPasswordBaseClass = 'forgot-password'\n\nexport const ForgotPasswordView: React.FC<AdminViewProps> = ({ initPageResult }) => {\n  const {\n    req: {\n      i18n,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: {\n      routes: { account: accountRoute },\n    },\n    routes: { admin },\n  } = config\n\n  if (user) {\n    return (\n      <Fragment>\n        <h1>{i18n.t('authentication:alreadyLoggedIn')}</h1>\n        <p>\n          <Translation\n            elements={{\n              '0': ({ children }) => <Link href={`${admin}${accountRoute}`}>{children}</Link>,\n            }}\n            i18nKey=\"authentication:loggedInChangePassword\"\n            t={i18n.t}\n          />\n        </p>\n        <br />\n        <Button Link={Link} buttonStyle=\"secondary\" el=\"link\" to={admin}>\n          {i18n.t('general:backToDashboard')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Fragment>\n      <ForgotPasswordForm />\n      <Link href={`${admin}/login`}>{i18n.t('authentication:backToLogin')}</Link>\n    </Fragment>\n  )\n}\n"],"names":["Button","Translation","LinkImport","React","Fragment","ForgotPasswordForm","generateForgotPasswordMetadata","Link","default","forgotPasswordBaseClass","ForgotPasswordView","initPageResult","req","i18n","payload","config","user","admin","routes","account","accountRoute","h1","t","p","elements","children","href","i18nKey","br","buttonStyle","el","to"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAEA,SAASA,MAAM,EAAEC,WAAW,QAAQ,wBAAuB;AAC3D,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,kBAAkB,QAAQ,gCAA+B;AAElE,SAASC,8BAA8B,QAAQ,YAAW;AAE1D,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AACpC,OAAO,MAAMO,0BAA0B,kBAAiB;AAExD,OAAO,MAAMC,qBAA+C,CAAC,EAAEC,cAAc,EAAE;IAC7E,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGL;IAEJ,MAAM,EACJM,OAAO,EACLC,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAED,KAAK,EAAE,EAClB,GAAGF;IAEJ,IAAIC,MAAM;QACR,qBACE,MAACZ;;8BACC,KAACiB;8BAAIR,KAAKS,CAAC,CAAC;;8BACZ,KAACC;8BACC,cAAA,KAACtB;wBACCuB,UAAU;4BACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAAK,KAAClB;oCAAKmB,MAAM,CAAC,EAAET,MAAM,EAAEG,aAAa,CAAC;8CAAGK;;wBACjE;wBACAE,SAAQ;wBACRL,GAAGT,KAAKS,CAAC;;;8BAGb,KAACM;8BACD,KAAC5B;oBAAOO,MAAMA;oBAAMsB,aAAY;oBAAYC,IAAG;oBAAOC,IAAId;8BACvDJ,KAAKS,CAAC,CAAC;;;;IAIhB;IAEA,qBACE,MAAClB;;0BACC,KAACC;0BACD,KAACE;gBAAKmB,MAAM,CAAC,EAAET,MAAM,MAAM,CAAC;0BAAGJ,KAAKS,CAAC,CAAC;;;;AAG5C,EAAC"}
+{"version":3,"sources":["../../../src/views/ForgotPassword/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { Button, Translation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport { ForgotPasswordForm } from './ForgotPasswordForm/index.js'\n\nexport { generateForgotPasswordMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\nexport const forgotPasswordBaseClass = 'forgot-password'\n\nexport const ForgotPasswordView: React.FC<AdminViewProps> = ({ initPageResult }) => {\n  const {\n    req: {\n      i18n,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: {\n      routes: { account: accountRoute, login: loginRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  if (user) {\n    return (\n      <Fragment>\n        <h1>{i18n.t('authentication:alreadyLoggedIn')}</h1>\n        <p>\n          <Translation\n            elements={{\n              '0': ({ children }) => (\n                <Link\n                  href={formatAdminURL({\n                    adminRoute,\n                    path: accountRoute,\n                  })}\n                >\n                  {children}\n                </Link>\n              ),\n            }}\n            i18nKey=\"authentication:loggedInChangePassword\"\n            t={i18n.t}\n          />\n        </p>\n        <br />\n        <Button Link={Link} buttonStyle=\"secondary\" el=\"link\" size=\"large\" to={adminRoute}>\n          {i18n.t('general:backToDashboard')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Fragment>\n      <ForgotPasswordForm />\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: loginRoute,\n        })}\n      >\n        {i18n.t('authentication:backToLogin')}\n      </Link>\n    </Fragment>\n  )\n}\n"],"names":["Button","Translation","formatAdminURL","LinkImport","React","Fragment","ForgotPasswordForm","generateForgotPasswordMetadata","Link","default","forgotPasswordBaseClass","ForgotPasswordView","initPageResult","req","i18n","payload","config","user","admin","routes","account","accountRoute","login","loginRoute","adminRoute","h1","t","p","elements","children","href","path","i18nKey","br","buttonStyle","el","size","to"],"mappings":";AAEA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AACpD,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,kBAAkB,QAAQ,gCAA+B;AAElE,SAASC,8BAA8B,QAAQ,YAAW;AAE1D,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AACpC,OAAO,MAAMO,0BAA0B,kBAAiB;AAExD,OAAO,MAAMC,qBAA+C,CAAC,EAAEC,cAAc,EAAE;IAC7E,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGL;IAEJ,MAAM,EACJM,OAAO,EACLC,QAAQ,EAAEC,SAASC,YAAY,EAAEC,OAAOC,UAAU,EAAE,EACrD,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAE,EAC9B,GAAGR;IAEJ,IAAIC,MAAM;QACR,qBACE,MAACZ;;8BACC,KAACoB;8BAAIX,KAAKY,CAAC,CAAC;;8BACZ,KAACC;8BACC,cAAA,KAAC1B;wBACC2B,UAAU;4BACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAChB,KAACrB;oCACCsB,MAAM5B,eAAe;wCACnBsB;wCACAO,MAAMV;oCACR;8CAECQ;;wBAGP;wBACAG,SAAQ;wBACRN,GAAGZ,KAAKY,CAAC;;;8BAGb,KAACO;8BACD,KAACjC;oBAAOQ,MAAMA;oBAAM0B,aAAY;oBAAYC,IAAG;oBAAOC,MAAK;oBAAQC,IAAIb;8BACpEV,KAAKY,CAAC,CAAC;;;;IAIhB;IAEA,qBACE,MAACrB;;0BACC,KAACC;0BACD,KAACE;gBACCsB,MAAM5B,eAAe;oBACnBsB;oBACAO,MAAMR;gBACR;0BAECT,KAAKY,CAAC,CAAC;;;;AAIhB,EAAC"}

package/dist/views/ForgotPassword/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ForgotPassword/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateForgotPasswordMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) =>\n  meta({\n    description: t('authentication:forgotPassword'),\n    keywords: t('authentication:forgotPassword'),\n    title: t('authentication:forgotPassword'),\n    ...(config.admin.meta || {}),\n    serverURL: config.serverURL,\n  })\n"],"names":["meta","generateForgotPasswordMetadata","config","i18n","t","description","keywords","title","admin","serverURL"],"rangeMappings":";;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,iCAAuD,OAAO,EACzEC,MAAM,EACNC,MAAM,EAAEC,CAAC,EAAE,EACZ,GACCJ,KAAK;QACHK,aAAaD,EAAE;QACfE,UAAUF,EAAE;QACZG,OAAOH,EAAE;QACT,GAAIF,OAAOM,KAAK,CAACR,IAAI,IAAI,CAAC,CAAC;QAC3BS,WAAWP,OAAOO,SAAS;IAC7B,GAAE"}
+{"version":3,"sources":["../../../src/views/ForgotPassword/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateForgotPasswordMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) =>\n  meta({\n    description: t('authentication:forgotPassword'),\n    keywords: t('authentication:forgotPassword'),\n    title: t('authentication:forgotPassword'),\n    ...(config.admin.meta || {}),\n    serverURL: config.serverURL,\n  })\n"],"names":["meta","generateForgotPasswordMetadata","config","i18n","t","description","keywords","title","admin","serverURL"],"mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,iCAAuD,OAAO,EACzEC,MAAM,EACNC,MAAM,EAAEC,CAAC,EAAE,EACZ,GACCJ,KAAK;QACHK,aAAaD,EAAE;QACfE,UAAUF,EAAE;QACZG,OAAOH,EAAE;QACT,GAAIF,OAAOM,KAAK,CAACR,IAAI,IAAI,CAAC,CAAC;QAC3BS,WAAWP,OAAOO,SAAS;IAC7B,GAAE"}

package/dist/views/List/Default/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button, DeleteMany, EditMany, Gutter, ListControls, ListSelection, Pagination, PerPage, Pill, PublishMany, RelationshipProvider, SelectionProvider, SetViewActions, StaggeredShimmers, Table, UnpublishMany, useComponentMap, useConfig, useEditDepth, useListInfo, useListQuery, useSearchParams, useStepNav, useTranslation, useWindowInfo } from '@payloadcms/ui/client';
+import { Button, DeleteMany, EditMany, Gutter, ListControls, ListSelection, Pagination, PerPage, Pill, PublishMany, RelationshipProvider, SelectionProvider, SetViewActions, StaggeredShimmers, Table, UnpublishMany, useComponentMap, useConfig, useEditDepth, useListInfo, useListQuery, useSearchParams, useStepNav, useTranslation, useWindowInfo } from '@payloadcms/ui';
 import LinkImport from 'next/link.js';
 import { formatFilesize, isNumber } from 'payload/shared';
 import React, { Fragment, useEffect } from 'react';

package/dist/views/List/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/List/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionComponentMap } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DeleteMany,\n  EditMany,\n  Gutter,\n  ListControls,\n  ListSelection,\n  Pagination,\n  PerPage,\n  Pill,\n  PublishMany,\n  RelationshipProvider,\n  SelectionProvider,\n  SetViewActions,\n  StaggeredShimmers,\n  Table,\n  UnpublishMany,\n  useComponentMap,\n  useConfig,\n  useEditDepth,\n  useListInfo,\n  useListQuery,\n  useSearchParams,\n  useStepNav,\n  useTranslation,\n  useWindowInfo,\n} from '@payloadcms/ui/client'\nimport LinkImport from 'next/link.js'\nimport { formatFilesize, isNumber } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultListView: React.FC = () => {\n  const { Header, collectionSlug, hasCreatePermission, newDocumentURL } = useListInfo()\n  const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery()\n  const { searchParams } = useSearchParams()\n\n  const config = useConfig()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug }) as CollectionComponentMap\n\n  const {\n    AfterList,\n    AfterListTable,\n    BeforeList,\n    BeforeListTable,\n    Description,\n    actionsMap,\n    fieldMap,\n  } = componentMap || {}\n\n  const collectionConfig = config.collections.find(\n    (collection) => collection.slug === collectionSlug,\n  )\n\n  const { labels } = collectionConfig\n\n  const { i18n } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  let docs = data.docs || []\n\n  if (collectionConfig.upload) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\n\n  useEffect(() => {\n    if (drawerDepth <= 1) {\n      setStepNav([\n        {\n          label: labels?.plural,\n        },\n      ])\n    }\n  }, [setStepNav, labels, drawerDepth])\n\n  return (\n    <div className={baseClass}>\n      <SetViewActions actions={actionsMap?.List} />\n      {BeforeList}\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <header className={`${baseClass}__header`}>\n            {Header || (\n              <Fragment>\n                <h1>{getTranslation(labels?.plural, i18n)}</h1>\n                {hasCreatePermission && (\n                  <Pill\n                    aria-label={i18n.t('general:createNewLabel', {\n                      label: getTranslation(labels?.singular, i18n),\n                    })}\n                    to={newDocumentURL}\n                  >\n                    {i18n.t('general:createNew')}\n                  </Pill>\n                )}\n                {!smallBreak && (\n                  <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n                )}\n                {Description && <div className={`${baseClass}__sub-header`}>{Description}</div>}\n              </Fragment>\n            )}\n          </header>\n          <ListControls collectionConfig={collectionConfig} fieldMap={fieldMap} />\n          {BeforeListTable}\n          {!data.docs && (\n            <StaggeredShimmers\n              className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}\n              count={6}\n            />\n          )}\n          {data.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <Table\n                customCellContext={{\n                  collectionSlug,\n                  uploadConfig: collectionConfig.upload,\n                }}\n                data={docs}\n                fieldMap={fieldMap}\n              />\n            </RelationshipProvider>\n          )}\n          {data.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>{i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}</p>\n              {hasCreatePermission && newDocumentURL && (\n                <Button Link={Link} el=\"link\" to={newDocumentURL}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                </Button>\n              )}\n            </div>\n          )}\n          {AfterListTable}\n          {data.docs && data.docs.length > 0 && (\n            <div className={`${baseClass}__page-controls`}>\n              <Pagination\n                hasNextPage={data.hasNextPage}\n                hasPrevPage={data.hasPrevPage}\n                limit={data.limit}\n                nextPage={data.nextPage}\n                numberOfNeighbors={1}\n                onChange={handlePageChange}\n                page={data.page}\n                prevPage={data.prevPage}\n                totalPages={data.totalPages}\n              />\n              {data?.totalDocs > 0 && (\n                <Fragment>\n                  <div className={`${baseClass}__page-info`}>\n                    {data.page * data.limit - (data.limit - 1)}-\n                    {data.totalPages > 1 && data.totalPages !== data.page\n                      ? data.limit * data.page\n                      : data.totalDocs}{' '}\n                    {i18n.t('general:of')} {data.totalDocs}\n                  </div>\n                  <PerPage\n                    handleChange={handlePerPageChange}\n                    limit={\n                      isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit\n                    }\n                    limits={collectionConfig?.admin?.pagination?.limits}\n                    resetPage={data.totalDocs <= data.pagingCounter}\n                  />\n                  {smallBreak && (\n                    <div className={`${baseClass}__list-selection`}>\n                      <Fragment>\n                        <ListSelection\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          <EditMany collection={collectionConfig} fieldMap={fieldMap} />\n                          <PublishMany collection={collectionConfig} />\n                          <UnpublishMany collection={collectionConfig} />\n                          <DeleteMany collection={collectionConfig} />\n                        </div>\n                      </Fragment>\n                    </div>\n                  )}\n                </Fragment>\n              )}\n            </div>\n          )}\n        </Gutter>\n      </SelectionProvider>\n      {AfterList}\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","DeleteMany","EditMany","Gutter","ListControls","ListSelection","Pagination","PerPage","Pill","PublishMany","RelationshipProvider","SelectionProvider","SetViewActions","StaggeredShimmers","Table","UnpublishMany","useComponentMap","useConfig","useEditDepth","useListInfo","useListQuery","useSearchParams","useStepNav","useTranslation","useWindowInfo","LinkImport","formatFilesize","isNumber","React","Fragment","useEffect","baseClass","Link","default","DefaultListView","Header","collectionSlug","hasCreatePermission","newDocumentURL","data","defaultLimit","handlePageChange","handlePerPageChange","searchParams","config","getComponentMap","componentMap","AfterList","AfterListTable","BeforeList","BeforeListTable","Description","actionsMap","fieldMap","collectionConfig","collections","find","collection","slug","labels","i18n","drawerDepth","setStepNav","breakpoints","s","smallBreak","docs","upload","map","doc","filesize","label","plural","div","className","actions","List","totalDocs","header","h1","aria-label","t","singular","to","join","count","length","customCellContext","uploadConfig","p","el","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","admin","pagination","resetPage","pagingCounter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/views/List/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionComponentMap } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DeleteMany,\n  EditMany,\n  Gutter,\n  ListControls,\n  ListSelection,\n  Pagination,\n  PerPage,\n  Pill,\n  PublishMany,\n  RelationshipProvider,\n  SelectionProvider,\n  SetViewActions,\n  StaggeredShimmers,\n  Table,\n  UnpublishMany,\n  useComponentMap,\n  useConfig,\n  useEditDepth,\n  useListInfo,\n  useListQuery,\n  useSearchParams,\n  useStepNav,\n  useTranslation,\n  useWindowInfo,\n} from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport { formatFilesize, isNumber } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultListView: React.FC = () => {\n  const { Header, collectionSlug, hasCreatePermission, newDocumentURL } = useListInfo()\n  const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery()\n  const { searchParams } = useSearchParams()\n\n  const config = useConfig()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug }) as CollectionComponentMap\n\n  const {\n    AfterList,\n    AfterListTable,\n    BeforeList,\n    BeforeListTable,\n    Description,\n    actionsMap,\n    fieldMap,\n  } = componentMap || {}\n\n  const collectionConfig = config.collections.find(\n    (collection) => collection.slug === collectionSlug,\n  )\n\n  const { labels } = collectionConfig\n\n  const { i18n } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  let docs = data.docs || []\n\n  if (collectionConfig.upload) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\n\n  useEffect(() => {\n    if (drawerDepth <= 1) {\n      setStepNav([\n        {\n          label: labels?.plural,\n        },\n      ])\n    }\n  }, [setStepNav, labels, drawerDepth])\n\n  return (\n    <div className={baseClass}>\n      <SetViewActions actions={actionsMap?.List} />\n      {BeforeList}\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <header className={`${baseClass}__header`}>\n            {Header || (\n              <Fragment>\n                <h1>{getTranslation(labels?.plural, i18n)}</h1>\n                {hasCreatePermission && (\n                  <Pill\n                    aria-label={i18n.t('general:createNewLabel', {\n                      label: getTranslation(labels?.singular, i18n),\n                    })}\n                    to={newDocumentURL}\n                  >\n                    {i18n.t('general:createNew')}\n                  </Pill>\n                )}\n                {!smallBreak && (\n                  <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n                )}\n                {Description && <div className={`${baseClass}__sub-header`}>{Description}</div>}\n              </Fragment>\n            )}\n          </header>\n          <ListControls collectionConfig={collectionConfig} fieldMap={fieldMap} />\n          {BeforeListTable}\n          {!data.docs && (\n            <StaggeredShimmers\n              className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}\n              count={6}\n            />\n          )}\n          {data.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <Table\n                customCellContext={{\n                  collectionSlug,\n                  uploadConfig: collectionConfig.upload,\n                }}\n                data={docs}\n                fieldMap={fieldMap}\n              />\n            </RelationshipProvider>\n          )}\n          {data.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>{i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}</p>\n              {hasCreatePermission && newDocumentURL && (\n                <Button Link={Link} el=\"link\" to={newDocumentURL}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                </Button>\n              )}\n            </div>\n          )}\n          {AfterListTable}\n          {data.docs && data.docs.length > 0 && (\n            <div className={`${baseClass}__page-controls`}>\n              <Pagination\n                hasNextPage={data.hasNextPage}\n                hasPrevPage={data.hasPrevPage}\n                limit={data.limit}\n                nextPage={data.nextPage}\n                numberOfNeighbors={1}\n                onChange={handlePageChange}\n                page={data.page}\n                prevPage={data.prevPage}\n                totalPages={data.totalPages}\n              />\n              {data?.totalDocs > 0 && (\n                <Fragment>\n                  <div className={`${baseClass}__page-info`}>\n                    {data.page * data.limit - (data.limit - 1)}-\n                    {data.totalPages > 1 && data.totalPages !== data.page\n                      ? data.limit * data.page\n                      : data.totalDocs}{' '}\n                    {i18n.t('general:of')} {data.totalDocs}\n                  </div>\n                  <PerPage\n                    handleChange={handlePerPageChange}\n                    limit={\n                      isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit\n                    }\n                    limits={collectionConfig?.admin?.pagination?.limits}\n                    resetPage={data.totalDocs <= data.pagingCounter}\n                  />\n                  {smallBreak && (\n                    <div className={`${baseClass}__list-selection`}>\n                      <Fragment>\n                        <ListSelection\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          <EditMany collection={collectionConfig} fieldMap={fieldMap} />\n                          <PublishMany collection={collectionConfig} />\n                          <UnpublishMany collection={collectionConfig} />\n                          <DeleteMany collection={collectionConfig} />\n                        </div>\n                      </Fragment>\n                    </div>\n                  )}\n                </Fragment>\n              )}\n            </div>\n          )}\n        </Gutter>\n      </SelectionProvider>\n      {AfterList}\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","DeleteMany","EditMany","Gutter","ListControls","ListSelection","Pagination","PerPage","Pill","PublishMany","RelationshipProvider","SelectionProvider","SetViewActions","StaggeredShimmers","Table","UnpublishMany","useComponentMap","useConfig","useEditDepth","useListInfo","useListQuery","useSearchParams","useStepNav","useTranslation","useWindowInfo","LinkImport","formatFilesize","isNumber","React","Fragment","useEffect","baseClass","Link","default","DefaultListView","Header","collectionSlug","hasCreatePermission","newDocumentURL","data","defaultLimit","handlePageChange","handlePerPageChange","searchParams","config","getComponentMap","componentMap","AfterList","AfterListTable","BeforeList","BeforeListTable","Description","actionsMap","fieldMap","collectionConfig","collections","find","collection","slug","labels","i18n","drawerDepth","setStepNav","breakpoints","s","smallBreak","docs","upload","map","doc","filesize","label","plural","div","className","actions","List","totalDocs","header","h1","aria-label","t","singular","to","join","count","length","customCellContext","uploadConfig","p","el","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","admin","pagination","resetPage","pagingCounter"],"mappings":"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"}

package/dist/views/List/Default/index.scss

@@ -2,7 +2,6 @@
 
 .collection-list {
   width: 100%;
-  margin-top: base(0.5);
 
   &__wrap {
     padding-bottom: var(--spacing-view-bottom);
@@ -14,7 +13,7 @@
 
   &__header {
     display: flex;
-    align-items: flex-end;
+    align-items: center;
     flex-wrap: wrap;
     gap: base(0.75);
 
@@ -28,14 +27,12 @@
 
     .pill {
       position: relative;
-      top: -14px;
       margin: 0;
     }
   }
 
   &__sub-header {
     flex-basis: 100%;
-    margin-top: base(0.25);
   }
 
   .table {
@@ -57,7 +54,7 @@
       #heading-_select,
       .cell-_select {
         min-width: unset;
-        width: auto;
+        width: base(1);
       }
     }
   }

package/dist/views/List/Default/types.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnPreferences } from '@payloadcms/ui/client';
+import type { ColumnPreferences } from '@payloadcms/ui';
 import type { SanitizedCollectionConfig } from 'payload';
 export type DefaultListViewProps = {
     collectionSlug: SanitizedCollectionConfig['slug'];