feat(next): export views, pass all props to custom dashboard view (#14094)

- Exports additional modules from `@payloadcms/next` like
`DashboardView`, which are useful for when you provide your own view but
want to render parts of the default view
- Passes all props to custom dashboard views, giving you access to
things like `req`
- Makes use of `select` API in `payload.find` call of the dashboard view
for improved performance

Author: AlessioGr

packages/next/package.json

@@ -64,6 +64,16 @@
       "import": "./src/exports/views.ts",
       "types": "./src/exports/views.ts",
       "default": "./src/exports/views.ts"
+    },
+    "./client": {
+      "import": "./src/exports/client.ts",
+      "types": "./src/exports/client.ts",
+      "default": "./src/exports/client.ts"
+    },
+    "./rsc": {
+      "import": "./src/exports/rsc.ts",
+      "types": "./src/exports/rsc.ts",
+      "default": "./src/exports/rsc.ts"
     }
   },
   "main": "./src/index.js",
@@ -177,6 +187,16 @@
         "import": "./dist/exports/views.js",
         "types": "./dist/exports/views.d.ts",
         "default": "./dist/exports/views.js"
+      },
+      "./client": {
+        "import": "./dist/exports/client.js",
+        "types": "./dist/exports/client.d.ts",
+        "default": "./dist/exports/client.js"
+      },
+      "./rsc": {
+        "import": "./dist/exports/rsc.js",
+        "types": "./dist/exports/rsc.d.ts",
+        "default": "./dist/exports/rsc.js"
       }
     },
     "main": "./dist/index.js",

packages/next/src/elements/DocumentHeader/index.tsx

@@ -13,6 +13,9 @@ import './index.scss'
 
 const baseClass = `doc-header`
 
+/**
+ * @internal
+ */
 export const DocumentHeader: React.FC<{
   AfterHeader?: React.ReactNode
   collectionConfig?: SanitizedCollectionConfig

packages/next/src/elements/Nav/NavHamburger/index.tsx

@@ -2,6 +2,9 @@
 import { Hamburger, useNav } from '@payloadcms/ui'
 import React from 'react'
 
+/**
+ * @internal
+ */
 export const NavHamburger: React.FC<{
   baseClass?: string
 }> = ({ baseClass }) => {

packages/next/src/elements/Nav/NavWrapper/index.tsx

@@ -4,6 +4,9 @@ import React from 'react'
 
 import './index.scss'
 
+/**
+ * @internal
+ */
 export const NavWrapper: React.FC<{
   baseClass?: string
   children: React.ReactNode

packages/next/src/elements/Nav/index.client.tsx

@@ -12,6 +12,9 @@ import React, { Fragment } from 'react'
 
 const baseClass = 'nav'
 
+/**
+ * @internal
+ */
 export const DefaultNavClient: React.FC<{
   groups: ReturnType<typeof groupNavItems>
   navPreferences: NavPreferences

packages/next/src/esbuildEntry.ts

@@ -1,4 +1,4 @@
 export { RootLayout } from './layouts/Root/index.js'
-export { Dashboard as DashboardPage } from './views/Dashboard/index.js'
+export { DashboardView } from './views/Dashboard/index.js'
 export { LoginView } from './views/Login/index.js'
 export { RootPage } from './views/Root/index.js'

packages/next/src/exports/client.ts

@@ -0,0 +1,5 @@
+'use client'
+
+export { DefaultNavClient } from '../elements/Nav/index.client.js'
+export { NavHamburger } from '../elements/Nav/NavHamburger/index.js'
+export { NavWrapper } from '../elements/Nav/NavWrapper/index.js'

packages/next/src/exports/rsc.ts

@@ -0,0 +1,3 @@
+export { DocumentHeader } from '../elements/DocumentHeader/index.js'
+export { Logo } from '../elements/Logo/index.js'
+export { DefaultNav } from '../elements/Nav/index.js'

packages/next/src/exports/views.ts

@@ -1,3 +1,15 @@
+export { AccountView } from '../views/Account/index.js'
+export {
+  type DashboardViewClientProps,
+  type DashboardViewServerProps,
+  type DashboardViewServerPropsOnly,
+  DefaultDashboard,
+} from '../views/Dashboard/Default/index.js'
+export { DashboardView } from '../views/Dashboard/index.js'
+
+export { ListView, renderListView, type RenderListViewArgs } from '../views/List/index.js'
+export { LoginView } from '../views/Login/index.js'
 export { NotFoundPage } from '../views/NotFound/index.js'
+
 export { type GenerateViewMetadata, RootPage } from '../views/Root/index.js'
 export { generatePageMetadata } from '../views/Root/metadata.js'

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

@@ -16,7 +16,7 @@ import { EditView } from '../Edit/index.js'
 import { AccountClient } from './index.client.js'
 import { Settings } from './Settings/index.js'
 
-export async function Account({ initPageResult, params, searchParams }: AdminViewServerProps) {
+export async function AccountView({ initPageResult, params, searchParams }: AdminViewServerProps) {
   const {
     languageOptions,
     locale,