chore(next): exports view base classes

packages/next/src/views/ForgotPassword/index.tsx

@@ -6,6 +6,8 @@ import type { AdminViewProps } from '../Root'
 
 export { generateForgotPasswordMetadata } from './meta'
 
+export const forgotPasswordBaseClass = 'forgot-password'
+
 export const ForgotPassword: React.FC<AdminViewProps> = ({ initPageResult }) => {
   const {
     req: {

packages/next/src/views/Login/index.tsx

@@ -9,7 +9,9 @@ import './index.scss'
 
 export { generateLoginMetadata } from './meta'
 
-export const Login: React.FC<AdminViewProps> = ({ baseClass, initPageResult, searchParams }) => {
+export const loginBaseClass = 'login'
+
+export const Login: React.FC<AdminViewProps> = ({ initPageResult, searchParams }) => {
   const { req } = initPageResult
 
   const {
@@ -31,7 +33,7 @@ export const Login: React.FC<AdminViewProps> = ({ baseClass, initPageResult, sea
 
   return (
     <Fragment>
-      <div className={`${baseClass}__brand`}>
+      <div className={`${loginBaseClass}__brand`}>
         <Logo config={config} />
       </div>
       {Array.isArray(beforeLogin) && beforeLogin.map((Component, i) => <Component key={i} />)}

packages/next/src/views/ResetPassword/index.tsx

@@ -15,7 +15,7 @@ import type { AdminViewProps } from '../Root'
 
 import './index.scss'
 
-const baseClass = 'reset-password'
+export const resetPasswordBaseClass = 'reset-password'
 
 export { generateResetPasswordMetadata } from './meta'
 
@@ -48,8 +48,8 @@ export const ResetPassword: React.FC<AdminViewProps> = ({ initPageResult, params
 
   if (user) {
     return (
-      <MinimalTemplate className={baseClass}>
-        <div className={`${baseClass}__wrap`}>
+      <MinimalTemplate className={resetPasswordBaseClass}>
+        <div className={`${resetPasswordBaseClass}__wrap`}>
           <h1>{i18n.t('authentication:alreadyLoggedIn')}</h1>
           <p>
             <Translation
@@ -70,8 +70,8 @@ export const ResetPassword: React.FC<AdminViewProps> = ({ initPageResult, params
   }
 
   return (
-    <MinimalTemplate className={baseClass}>
-      <div className={`${baseClass}__wrap`}>
+    <MinimalTemplate className={resetPasswordBaseClass}>
+      <div className={`${resetPasswordBaseClass}__wrap`}>
         <h1>{i18n.t('authentication:resetPassword')}</h1>
         <Form
           action={`${serverURL}${api}/${userSlug}/reset-password`}

packages/next/src/views/Root/index.tsx

@@ -8,13 +8,13 @@ import { Account } from '../Account'
 import { CreateFirstUser } from '../CreateFirstUser'
 import { Dashboard } from '../Dashboard'
 import { Document as DocumentView } from '../Document'
-import { ForgotPassword } from '../ForgotPassword'
+import { ForgotPassword, forgotPasswordBaseClass } from '../ForgotPassword'
 import { ListView } from '../List'
-import { Login } from '../Login'
+import { Login, loginBaseClass } from '../Login'
 import { Logout, LogoutInactivity } from '../Logout'
-import { ResetPassword } from '../ResetPassword'
+import { ResetPassword, resetPasswordBaseClass } from '../ResetPassword'
 import { Unauthorized } from '../Unauthorized'
-import { Verify } from '../Verify'
+import { Verify, verifyBaseClass } from '../Verify'
 import { Metadata } from 'next'
 import { I18n } from '@payloadcms/translations'
 
@@ -37,17 +37,16 @@ export type GenerateViewMetadata = (args: {
 }) => Promise<Metadata>
 
 export type AdminViewProps = {
-  baseClass?: string
   initPageResult: InitPageResult
   params?: { [key: string]: string | string[] | undefined }
   searchParams: { [key: string]: string | string[] | undefined }
 }
 
 const baseClasses = {
-  forgot: 'forgot-password',
-  login: 'login',
-  reset: 'reset-password',
-  verify: 'verify',
+  forgot: forgotPasswordBaseClass,
+  login: loginBaseClass,
+  reset: resetPasswordBaseClass,
+  verify: verifyBaseClass,
 }
 
 const oneSegmentViews = {

packages/next/src/views/Verify/index.tsx

@@ -6,7 +6,7 @@ import type { AdminViewProps } from '../Root'
 
 import './index.scss'
 
-const baseClass = 'verify'
+export const verifyBaseClass = 'verify'
 
 export { generateVerifyMetadata } from './meta'
 
@@ -41,7 +41,7 @@ export const Verify: React.FC<AdminViewProps> = async ({ initPageResult, params
 
   return (
     <React.Fragment>
-      <div className={`${baseClass}__brand`}>
+      <div className={`${verifyBaseClass}__brand`}>
         <Logo config={config} />
       </div>
       <h2>{textToRender}</h2>