@payloadcms/next 3.0.0-beta.77 → 3.0.0-beta.79

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

@@ -1,35 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui';
-import { EntityType, WithServerSideProps, formatAdminURL } from '@payloadcms/ui/shared';
+import { EntityType, RenderComponent, formatAdminURL, getCreateMappedComponent } from '@payloadcms/ui/shared';
 import React, { Fragment } from 'react';
 const baseClass = 'dashboard';
 export const DefaultDashboard = (props)=>{
     const { Link, i18n, i18n: { t }, locale, navGroups, params, payload: { config: { admin: { components: { afterDashboard, beforeDashboard } }, routes: { admin: adminRoute } } }, payload, permissions, searchParams, user } = props;
-    const BeforeDashboards = Array.isArray(beforeDashboard) ? beforeDashboard.map((Component, i)=>/*#__PURE__*/ _jsx(WithServerSideProps, {
-            Component: Component,
-            serverOnlyProps: {
-                i18n,
-                locale,
-                params,
-                payload,
-                permissions,
-                searchParams,
-                user
-            }
-        }, i)) : null;
-    const AfterDashboards = Array.isArray(afterDashboard) ? afterDashboard.map((Component, i)=>/*#__PURE__*/ _jsx(WithServerSideProps, {
-            Component: Component,
-            serverOnlyProps: {
-                i18n,
-                locale,
-                params,
-                payload,
-                permissions,
-                searchParams,
-                user
-            }
-        }, i)) : null;
+    const createMappedComponent = getCreateMappedComponent({
+        importMap: payload.importMap,
+        serverProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
+        }
+    });
+    const mappedBeforeDashboards = createMappedComponent(beforeDashboard, undefined, undefined, 'beforeDashboard');
+    const mappedAfterDashboards = createMappedComponent(afterDashboard, undefined, undefined, 'afterDashboard');
     return /*#__PURE__*/ _jsxs("div", {
         className: baseClass,
         children: [
@@ -42,7 +32,9 @@ export const DefaultDashboard = (props)=>{
             /*#__PURE__*/ _jsxs(Gutter, {
                 className: `${baseClass}__wrap`,
                 children: [
-                    Array.isArray(BeforeDashboards) && BeforeDashboards.map((Component)=>Component),
+                    /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: mappedBeforeDashboards
+                    }),
                     /*#__PURE__*/ _jsxs(Fragment, {
                         children: [
                             /*#__PURE__*/ _jsx(SetViewActions, {
@@ -120,7 +112,9 @@ export const DefaultDashboard = (props)=>{
                             })
                         ]
                     }),
-                    Array.isArray(AfterDashboards) && AfterDashboards.map((Component)=>Component)
+                    /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: mappedAfterDashboards
+                    })
                 ]
             })
         ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.tsx"],"sourcesContent":["import type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { Permissions, ServerProps, VisibleEntities } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui'\nimport { EntityType, WithServerSideProps, formatAdminURL } from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  Link: React.ComponentType<any>\n  navGroups?: ReturnType<typeof groupNavItems>\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n} & ServerProps\n\nexport const DefaultDashboard: React.FC<DashboardProps> = (props) => {\n  const {\n    Link,\n    i18n,\n    i18n: { t },\n    locale,\n    navGroups,\n    params,\n    payload: {\n      config: {\n        admin: {\n          components: { afterDashboard, beforeDashboard },\n        },\n        routes: { admin: adminRoute },\n      },\n    },\n    payload,\n    permissions,\n    searchParams,\n    user,\n  } = props\n\n  const BeforeDashboards = Array.isArray(beforeDashboard)\n    ? beforeDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  const AfterDashboards = Array.isArray(afterDashboard)\n    ? afterDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  return (\n    <div className={baseClass}>\n      <SetStepNav nav={[]} />\n      <SetViewActions actions={[]} />\n      <Gutter className={`${baseClass}__wrap`}>\n        {Array.isArray(BeforeDashboards) && BeforeDashboards.map((Component) => Component)}\n        <Fragment>\n          <SetViewActions actions={[]} />\n          {!navGroups || navGroups?.length === 0 ? (\n            <p>no nav groups....</p>\n          ) : (\n            navGroups.map(({ entities, label }, groupIndex) => {\n              return (\n                <div className={`${baseClass}__group`} key={groupIndex}>\n                  <h2 className={`${baseClass}__label`}>{label}</h2>\n                  <ul className={`${baseClass}__card-list`}>\n                    {entities.map(({ type, entity }, entityIndex) => {\n                      let title: string\n                      let buttonAriaLabel: string\n                      let createHREF: string\n                      let href: string\n                      let hasCreatePermission: boolean\n\n                      if (type === EntityType.collection) {\n                        title = getTranslation(entity.labels.plural, i18n)\n\n                        buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                        href = formatAdminURL({ adminRoute, path: `/collections/${entity.slug}` })\n\n                        createHREF = formatAdminURL({\n                          adminRoute,\n                          path: `/collections/${entity.slug}/create`,\n                        })\n\n                        hasCreatePermission =\n                          permissions?.collections?.[entity.slug]?.create?.permission\n                      }\n\n                      if (type === EntityType.global) {\n                        title = getTranslation(entity.label, i18n)\n\n                        buttonAriaLabel = t('general:editLabel', {\n                          label: getTranslation(entity.label, i18n),\n                        })\n\n                        href = formatAdminURL({\n                          adminRoute,\n                          path: `/globals/${entity.slug}`,\n                        })\n                      }\n\n                      return (\n                        <li key={entityIndex}>\n                          <Card\n                            Link={Link}\n                            actions={\n                              hasCreatePermission && type === EntityType.collection ? (\n                                <Button\n                                  Link={Link}\n                                  aria-label={t('general:createNewLabel', {\n                                    label: getTranslation(entity.labels.singular, i18n),\n                                  })}\n                                  buttonStyle=\"icon-label\"\n                                  el=\"link\"\n                                  icon=\"plus\"\n                                  iconStyle=\"with-border\"\n                                  round\n                                  to={createHREF}\n                                />\n                              ) : undefined\n                            }\n                            buttonAriaLabel={buttonAriaLabel}\n                            href={href}\n                            id={`card-${entity.slug}`}\n                            title={title}\n                            titleAs=\"h3\"\n                          />\n                        </li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              )\n            })\n          )}\n        </Fragment>\n        {Array.isArray(AfterDashboards) && AfterDashboards.map((Component) => Component)}\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Card","Gutter","SetStepNav","SetViewActions","EntityType","WithServerSideProps","formatAdminURL","React","Fragment","baseClass","DefaultDashboard","props","Link","i18n","t","locale","navGroups","params","payload","config","admin","components","afterDashboard","beforeDashboard","routes","adminRoute","permissions","searchParams","user","BeforeDashboards","Array","isArray","map","Component","i","serverOnlyProps","AfterDashboards","div","className","nav","actions","length","p","entities","label","groupIndex","h2","ul","type","entity","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","collection","labels","plural","path","slug","collections","create","permission","global","li","aria-label","singular","buttonStyle","el","icon","iconStyle","round","to","undefined","id","titleAs"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.tsx"],"sourcesContent":["import type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { Permissions, ServerProps, VisibleEntities } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui'\nimport {\n  EntityType,\n  RenderComponent,\n  formatAdminURL,\n  getCreateMappedComponent,\n} from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  Link: React.ComponentType<any>\n  navGroups?: ReturnType<typeof groupNavItems>\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n} & ServerProps\n\nexport const DefaultDashboard: React.FC<DashboardProps> = (props) => {\n  const {\n    Link,\n    i18n,\n    i18n: { t },\n    locale,\n    navGroups,\n    params,\n    payload: {\n      config: {\n        admin: {\n          components: { afterDashboard, beforeDashboard },\n        },\n        routes: { admin: adminRoute },\n      },\n    },\n    payload,\n    permissions,\n    searchParams,\n    user,\n  } = props\n\n  const createMappedComponent = getCreateMappedComponent({\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const mappedBeforeDashboards = createMappedComponent(\n    beforeDashboard,\n    undefined,\n    undefined,\n    'beforeDashboard',\n  )\n\n  const mappedAfterDashboards = createMappedComponent(\n    afterDashboard,\n    undefined,\n    undefined,\n    'afterDashboard',\n  )\n\n  return (\n    <div className={baseClass}>\n      <SetStepNav nav={[]} />\n      <SetViewActions actions={[]} />\n      <Gutter className={`${baseClass}__wrap`}>\n        <RenderComponent mappedComponent={mappedBeforeDashboards} />\n        <Fragment>\n          <SetViewActions actions={[]} />\n          {!navGroups || navGroups?.length === 0 ? (\n            <p>no nav groups....</p>\n          ) : (\n            navGroups.map(({ entities, label }, groupIndex) => {\n              return (\n                <div className={`${baseClass}__group`} key={groupIndex}>\n                  <h2 className={`${baseClass}__label`}>{label}</h2>\n                  <ul className={`${baseClass}__card-list`}>\n                    {entities.map(({ type, entity }, entityIndex) => {\n                      let title: string\n                      let buttonAriaLabel: string\n                      let createHREF: string\n                      let href: string\n                      let hasCreatePermission: boolean\n\n                      if (type === EntityType.collection) {\n                        title = getTranslation(entity.labels.plural, i18n)\n\n                        buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                        href = formatAdminURL({ adminRoute, path: `/collections/${entity.slug}` })\n\n                        createHREF = formatAdminURL({\n                          adminRoute,\n                          path: `/collections/${entity.slug}/create`,\n                        })\n\n                        hasCreatePermission =\n                          permissions?.collections?.[entity.slug]?.create?.permission\n                      }\n\n                      if (type === EntityType.global) {\n                        title = getTranslation(entity.label, i18n)\n\n                        buttonAriaLabel = t('general:editLabel', {\n                          label: getTranslation(entity.label, i18n),\n                        })\n\n                        href = formatAdminURL({\n                          adminRoute,\n                          path: `/globals/${entity.slug}`,\n                        })\n                      }\n\n                      return (\n                        <li key={entityIndex}>\n                          <Card\n                            Link={Link}\n                            actions={\n                              hasCreatePermission && type === EntityType.collection ? (\n                                <Button\n                                  Link={Link}\n                                  aria-label={t('general:createNewLabel', {\n                                    label: getTranslation(entity.labels.singular, i18n),\n                                  })}\n                                  buttonStyle=\"icon-label\"\n                                  el=\"link\"\n                                  icon=\"plus\"\n                                  iconStyle=\"with-border\"\n                                  round\n                                  to={createHREF}\n                                />\n                              ) : undefined\n                            }\n                            buttonAriaLabel={buttonAriaLabel}\n                            href={href}\n                            id={`card-${entity.slug}`}\n                            title={title}\n                            titleAs=\"h3\"\n                          />\n                        </li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              )\n            })\n          )}\n        </Fragment>\n        <RenderComponent mappedComponent={mappedAfterDashboards} />\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Card","Gutter","SetStepNav","SetViewActions","EntityType","RenderComponent","formatAdminURL","getCreateMappedComponent","React","Fragment","baseClass","DefaultDashboard","props","Link","i18n","t","locale","navGroups","params","payload","config","admin","components","afterDashboard","beforeDashboard","routes","adminRoute","permissions","searchParams","user","createMappedComponent","importMap","serverProps","mappedBeforeDashboards","undefined","mappedAfterDashboards","div","className","nav","actions","mappedComponent","length","p","map","entities","label","groupIndex","h2","ul","type","entity","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","collection","labels","plural","path","slug","collections","create","permission","global","li","aria-label","singular","buttonStyle","el","icon","iconStyle","round","to","id","titleAs"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Dashboard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AAIrD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoF9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Dashboard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAU7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AAIrD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqF9C,CAAA"}

package/dist/views/Dashboard/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HydrateAuthProvider } from '@payloadcms/ui';
-import { EntityType, RenderCustomComponent, groupNavItems } from '@payloadcms/ui/shared';
+import { EntityType, RenderComponent, getCreateMappedComponent, groupNavItems } from '@payloadcms/ui/shared';
 import LinkImport from 'next/link.js';
 import React, { Fragment } from 'react';
 import { DefaultDashboard } from './Default/index.js';
@@ -27,36 +27,33 @@ export const Dashboard = ({ initPageResult, params, searchParams })=>{
             return entityToGroup;
         }) ?? []
     ], permissions, i18n);
-    const viewComponentProps = {
-        Link,
-        i18n,
-        locale,
-        navGroups,
-        params,
-        payload,
-        permissions,
-        searchParams,
-        user,
-        visibleEntities
-    };
+    const createMappedComponent = getCreateMappedComponent({
+        importMap: payload.importMap,
+        serverProps: {
+            Link,
+            i18n,
+            locale,
+            navGroups,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user,
+            visibleEntities
+        }
+    });
+    const mappedDashboardComponent = createMappedComponent(CustomDashboardComponent?.Component, undefined, DefaultDashboard, 'CustomDashboardComponent.Component');
     return /*#__PURE__*/ _jsxs(Fragment, {
         children: [
             /*#__PURE__*/ _jsx(HydrateAuthProvider, {
                 permissions: permissions
             }),
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
-                CustomComponent: typeof CustomDashboardComponent === 'function' ? CustomDashboardComponent : undefined,
-                DefaultComponent: DefaultDashboard,
-                componentProps: viewComponentProps,
-                serverOnlyProps: {
-                    i18n,
-                    locale,
-                    params,
-                    payload,
-                    permissions,
-                    searchParams,
-                    user
-                }
+            /*#__PURE__*/ _jsx(RenderComponent, {
+                clientProps: {
+                    Link,
+                    locale
+                },
+                mappedComponent: mappedDashboardComponent
             })
         ]
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Dashboard/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { AdminViewProps } from 'payload'\n\nimport { HydrateAuthProvider } from '@payloadcms/ui'\nimport { EntityType, RenderCustomComponent, groupNavItems } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport type { DashboardProps } from './Default/index.js'\n\nimport { DefaultDashboard } from './Default/index.js'\n\nexport { generateDashboardMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const Dashboard: React.FC<AdminViewProps> = ({ initPageResult, params, searchParams }) => {\n  const {\n    locale,\n    permissions,\n    req: {\n      i18n,\n      payload: { config },\n      payload,\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const CustomDashboardComponent = config.admin.components?.views?.Dashboard\n\n  const collections = config.collections.filter(\n    (collection) =>\n      permissions?.collections?.[collection.slug]?.read?.permission &&\n      visibleEntities.collections.includes(collection.slug),\n  )\n\n  const globals = config.globals.filter(\n    (global) =>\n      permissions?.globals?.[global.slug]?.read?.permission &&\n      visibleEntities.globals.includes(global.slug),\n  )\n\n  const navGroups = groupNavItems(\n    [\n      ...(collections.map((collection) => {\n        const entityToGroup: EntityToGroup = {\n          type: EntityType.collection,\n          entity: collection,\n        }\n\n        return entityToGroup\n      }) ?? []),\n      ...(globals.map((global) => {\n        const entityToGroup: EntityToGroup = {\n          type: EntityType.global,\n          entity: global,\n        }\n\n        return entityToGroup\n      }) ?? []),\n    ],\n    permissions,\n    i18n,\n  )\n\n  const viewComponentProps: DashboardProps = {\n    Link,\n    i18n,\n    locale,\n    navGroups,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n    visibleEntities,\n  }\n\n  return (\n    <Fragment>\n      <HydrateAuthProvider permissions={permissions} />\n      <RenderCustomComponent\n        CustomComponent={\n          typeof CustomDashboardComponent === 'function' ? CustomDashboardComponent : undefined\n        }\n        DefaultComponent={DefaultDashboard}\n        componentProps={viewComponentProps}\n        serverOnlyProps={{\n          i18n,\n          locale,\n          params,\n          payload,\n          permissions,\n          searchParams,\n          user,\n        }}\n      />\n    </Fragment>\n  )\n}\n"],"names":["HydrateAuthProvider","EntityType","RenderCustomComponent","groupNavItems","LinkImport","React","Fragment","DefaultDashboard","generateDashboardMetadata","Link","default","Dashboard","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","visibleEntities","CustomDashboardComponent","admin","components","views","collections","filter","collection","slug","read","permission","includes","globals","global","navGroups","map","entityToGroup","type","entity","viewComponentProps","CustomComponent","undefined","DefaultComponent","componentProps","serverOnlyProps"],"mappings":";AAGA,SAASA,mBAAmB,QAAQ,iBAAgB;AACpD,SAASC,UAAU,EAAEC,qBAAqB,EAAEC,aAAa,QAAQ,wBAAuB;AACxF,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,gBAAgB,QAAQ,qBAAoB;AAErD,SAASC,yBAAyB,QAAQ,YAAW;AAErD,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AAEpC,OAAO,MAAMO,YAAsC,CAAC,EAAEC,cAAc,EAAEC,MAAM,EAAEC,YAAY,EAAE;IAC1F,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBD,OAAO,EACPE,IAAI,EACL,EACDC,eAAe,EAChB,GAAGV;IAEJ,MAAMW,2BAA2BH,OAAOI,KAAK,CAACC,UAAU,EAAEC,OAAOf;IAEjE,MAAMgB,cAAcP,OAAOO,WAAW,CAACC,MAAM,CAC3C,CAACC,aACCb,aAAaW,aAAa,CAACE,WAAWC,IAAI,CAAC,EAAEC,MAAMC,cACnDV,gBAAgBK,WAAW,CAACM,QAAQ,CAACJ,WAAWC,IAAI;IAGxD,MAAMI,UAAUd,OAAOc,OAAO,CAACN,MAAM,CACnC,CAACO,SACCnB,aAAakB,SAAS,CAACC,OAAOL,IAAI,CAAC,EAAEC,MAAMC,cAC3CV,gBAAgBY,OAAO,CAACD,QAAQ,CAACE,OAAOL,IAAI;IAGhD,MAAMM,YAAYjC,cAChB;WACMwB,YAAYU,GAAG,CAAC,CAACR;YACnB,MAAMS,gBAA+B;gBACnCC,MAAMtC,WAAW4B,UAAU;gBAC3BW,QAAQX;YACV;YAEA,OAAOS;QACT,MAAM,EAAE;WACJJ,QAAQG,GAAG,CAAC,CAACF;YACf,MAAMG,gBAA+B;gBACnCC,MAAMtC,WAAWkC,MAAM;gBACvBK,QAAQL;YACV;YAEA,OAAOG;QACT,MAAM,EAAE;KACT,EACDtB,aACAE;IAGF,MAAMuB,qBAAqC;QACzChC;QACAS;QACAH;QACAqB;QACAvB;QACAM;QACAH;QACAF;QACAO;QACAC;IACF;IAEA,qBACE,MAAChB;;0BACC,KAACN;gBAAoBgB,aAAaA;;0BAClC,KAACd;gBACCwC,iBACE,OAAOnB,6BAA6B,aAAaA,2BAA2BoB;gBAE9EC,kBAAkBrC;gBAClBsC,gBAAgBJ;gBAChBK,iBAAiB;oBACf5B;oBACAH;oBACAF;oBACAM;oBACAH;oBACAF;oBACAO;gBACF;;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../src/views/Dashboard/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { AdminViewProps } from 'payload'\n\nimport { HydrateAuthProvider } from '@payloadcms/ui'\nimport {\n  EntityType,\n  RenderComponent,\n  getCreateMappedComponent,\n  groupNavItems,\n} from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport { DefaultDashboard } from './Default/index.js'\n\nexport { generateDashboardMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const Dashboard: React.FC<AdminViewProps> = ({ initPageResult, params, searchParams }) => {\n  const {\n    locale,\n    permissions,\n    req: {\n      i18n,\n      payload: { config },\n      payload,\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const CustomDashboardComponent = config.admin.components?.views?.Dashboard\n\n  const collections = config.collections.filter(\n    (collection) =>\n      permissions?.collections?.[collection.slug]?.read?.permission &&\n      visibleEntities.collections.includes(collection.slug),\n  )\n\n  const globals = config.globals.filter(\n    (global) =>\n      permissions?.globals?.[global.slug]?.read?.permission &&\n      visibleEntities.globals.includes(global.slug),\n  )\n\n  const navGroups = groupNavItems(\n    [\n      ...(collections.map((collection) => {\n        const entityToGroup: EntityToGroup = {\n          type: EntityType.collection,\n          entity: collection,\n        }\n\n        return entityToGroup\n      }) ?? []),\n      ...(globals.map((global) => {\n        const entityToGroup: EntityToGroup = {\n          type: EntityType.global,\n          entity: global,\n        }\n\n        return entityToGroup\n      }) ?? []),\n    ],\n    permissions,\n    i18n,\n  )\n\n  const createMappedComponent = getCreateMappedComponent({\n    importMap: payload.importMap,\n    serverProps: {\n      Link,\n      i18n,\n      locale,\n      navGroups,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n      visibleEntities,\n    },\n  })\n\n  const mappedDashboardComponent = createMappedComponent(\n    CustomDashboardComponent?.Component,\n    undefined,\n    DefaultDashboard,\n    'CustomDashboardComponent.Component',\n  )\n\n  return (\n    <Fragment>\n      <HydrateAuthProvider permissions={permissions} />\n      <RenderComponent\n        clientProps={{\n          Link,\n          locale,\n        }}\n        mappedComponent={mappedDashboardComponent}\n      />\n    </Fragment>\n  )\n}\n"],"names":["HydrateAuthProvider","EntityType","RenderComponent","getCreateMappedComponent","groupNavItems","LinkImport","React","Fragment","DefaultDashboard","generateDashboardMetadata","Link","default","Dashboard","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","visibleEntities","CustomDashboardComponent","admin","components","views","collections","filter","collection","slug","read","permission","includes","globals","global","navGroups","map","entityToGroup","type","entity","createMappedComponent","importMap","serverProps","mappedDashboardComponent","Component","undefined","clientProps","mappedComponent"],"mappings":";AAGA,SAASA,mBAAmB,QAAQ,iBAAgB;AACpD,SACEC,UAAU,EACVC,eAAe,EACfC,wBAAwB,EACxBC,aAAa,QACR,wBAAuB;AAC9B,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,gBAAgB,QAAQ,qBAAoB;AAErD,SAASC,yBAAyB,QAAQ,YAAW;AAErD,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AAEpC,OAAO,MAAMO,YAAsC,CAAC,EAAEC,cAAc,EAAEC,MAAM,EAAEC,YAAY,EAAE;IAC1F,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBD,OAAO,EACPE,IAAI,EACL,EACDC,eAAe,EAChB,GAAGV;IAEJ,MAAMW,2BAA2BH,OAAOI,KAAK,CAACC,UAAU,EAAEC,OAAOf;IAEjE,MAAMgB,cAAcP,OAAOO,WAAW,CAACC,MAAM,CAC3C,CAACC,aACCb,aAAaW,aAAa,CAACE,WAAWC,IAAI,CAAC,EAAEC,MAAMC,cACnDV,gBAAgBK,WAAW,CAACM,QAAQ,CAACJ,WAAWC,IAAI;IAGxD,MAAMI,UAAUd,OAAOc,OAAO,CAACN,MAAM,CACnC,CAACO,SACCnB,aAAakB,SAAS,CAACC,OAAOL,IAAI,CAAC,EAAEC,MAAMC,cAC3CV,gBAAgBY,OAAO,CAACD,QAAQ,CAACE,OAAOL,IAAI;IAGhD,MAAMM,YAAYjC,cAChB;WACMwB,YAAYU,GAAG,CAAC,CAACR;YACnB,MAAMS,gBAA+B;gBACnCC,MAAMvC,WAAW6B,UAAU;gBAC3BW,QAAQX;YACV;YAEA,OAAOS;QACT,MAAM,EAAE;WACJJ,QAAQG,GAAG,CAAC,CAACF;YACf,MAAMG,gBAA+B;gBACnCC,MAAMvC,WAAWmC,MAAM;gBACvBK,QAAQL;YACV;YAEA,OAAOG;QACT,MAAM,EAAE;KACT,EACDtB,aACAE;IAGF,MAAMuB,wBAAwBvC,yBAAyB;QACrDwC,WAAWvB,QAAQuB,SAAS;QAC5BC,aAAa;YACXlC;YACAS;YACAH;YACAqB;YACAvB;YACAM;YACAH;YACAF;YACAO;YACAC;QACF;IACF;IAEA,MAAMsB,2BAA2BH,sBAC/BlB,0BAA0BsB,WAC1BC,WACAvC,kBACA;IAGF,qBACE,MAACD;;0BACC,KAACP;gBAAoBiB,aAAaA;;0BAClC,KAACf;gBACC8C,aAAa;oBACXtC;oBACAM;gBACF;gBACAiC,iBAAiBJ;;;;AAIzB,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"getCustomViewByKey.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getCustomViewByKey.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIlG,eAAO,MAAM,kBAAkB,UAEzB,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,GACzD,qBAAqB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,iBAC1C,MAAM,KACpB,iBAaF,CAAA"}
+{"version":3,"file":"getCustomViewByKey.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getCustomViewByKey.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAElG,eAAO,MAAM,kBAAkB,UAEzB,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,GACzD,qBAAqB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,iBAC1C,MAAM,KACpB,iBAKF,CAAA"}

package/dist/views/Document/getCustomViewByKey.js

@@ -1,6 +1,5 @@
-import { isReactComponentOrFunction } from 'payload/shared';
 export const getCustomViewByKey = (views, customViewKey)=>{
-    return typeof views?.Edit === 'function' ? views?.Edit : typeof views?.Edit === 'object' && views?.Edit?.[customViewKey] && typeof views?.Edit?.[customViewKey] === 'function' ? views?.Edit?.[customViewKey] : views?.Edit?.[customViewKey] ? typeof views?.Edit?.[customViewKey] === 'object' && 'Component' in views.Edit[customViewKey] && isReactComponentOrFunction(views?.Edit?.[customViewKey].Component) && views?.Edit?.[customViewKey].Component : null;
+    return typeof views?.edit?.[customViewKey] === 'object' && 'Component' in views.edit[customViewKey] ? views?.edit?.[customViewKey].Component : null;
 };
 
 //# sourceMappingURL=getCustomViewByKey.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/getCustomViewByKey.tsx"],"sourcesContent":["import type { EditViewComponent, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { isReactComponentOrFunction } from 'payload/shared'\n\nexport const getCustomViewByKey = (\n  views:\n    | SanitizedCollectionConfig['admin']['components']['views']\n    | SanitizedGlobalConfig['admin']['components']['views'],\n  customViewKey: string,\n): EditViewComponent => {\n  return typeof views?.Edit === 'function'\n    ? views?.Edit\n    : typeof views?.Edit === 'object' &&\n        views?.Edit?.[customViewKey] &&\n        typeof views?.Edit?.[customViewKey] === 'function'\n      ? views?.Edit?.[customViewKey]\n      : views?.Edit?.[customViewKey]\n        ? typeof views?.Edit?.[customViewKey] === 'object' &&\n          'Component' in views.Edit[customViewKey] &&\n          isReactComponentOrFunction(views?.Edit?.[customViewKey].Component) &&\n          views?.Edit?.[customViewKey].Component\n        : null\n}\n"],"names":["isReactComponentOrFunction","getCustomViewByKey","views","customViewKey","Edit","Component"],"mappings":"AAEA,SAASA,0BAA0B,QAAQ,iBAAgB;AAE3D,OAAO,MAAMC,qBAAqB,CAChCC,OAGAC;IAEA,OAAO,OAAOD,OAAOE,SAAS,aAC1BF,OAAOE,OACP,OAAOF,OAAOE,SAAS,YACrBF,OAAOE,MAAM,CAACD,cAAc,IAC5B,OAAOD,OAAOE,MAAM,CAACD,cAAc,KAAK,aACxCD,OAAOE,MAAM,CAACD,cAAc,GAC5BD,OAAOE,MAAM,CAACD,cAAc,GAC1B,OAAOD,OAAOE,MAAM,CAACD,cAAc,KAAK,YACxC,eAAeD,MAAME,IAAI,CAACD,cAAc,IACxCH,2BAA2BE,OAAOE,MAAM,CAACD,cAAc,CAACE,cACxDH,OAAOE,MAAM,CAACD,cAAc,CAACE,YAC7B;AACV,EAAC"}
+{"version":3,"sources":["../../../src/views/Document/getCustomViewByKey.tsx"],"sourcesContent":["import type { EditViewComponent, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nexport const getCustomViewByKey = (\n  views:\n    | SanitizedCollectionConfig['admin']['components']['views']\n    | SanitizedGlobalConfig['admin']['components']['views'],\n  customViewKey: string,\n): EditViewComponent => {\n  return typeof views?.edit?.[customViewKey] === 'object' &&\n    'Component' in views.edit[customViewKey]\n    ? views?.edit?.[customViewKey].Component\n    : null\n}\n"],"names":["getCustomViewByKey","views","customViewKey","edit","Component"],"mappings":"AAEA,OAAO,MAAMA,qBAAqB,CAChCC,OAGAC;IAEA,OAAO,OAAOD,OAAOE,MAAM,CAACD,cAAc,KAAK,YAC7C,eAAeD,MAAME,IAAI,CAACD,cAAc,GACtCD,OAAOE,MAAM,CAACD,cAAc,CAACE,YAC7B;AACN,EAAC"}

package/dist/views/Document/getCustomViewByRoute.js

@@ -1,7 +1,7 @@
 import { isPathMatchingRoute } from '../Root/isPathMatchingRoute.js';
 export const getCustomViewByRoute = ({ baseRoute, currentRoute, views })=>{
-    if (typeof views?.Edit === 'object' && typeof views?.Edit !== 'function') {
-        const foundViewConfig = Object.entries(views.Edit).find(([, view])=>{
+    if (typeof views?.edit === 'object' && typeof views?.edit !== 'function') {
+        const foundViewConfig = Object.entries(views.edit).find(([, view])=>{
             if (typeof view === 'object' && typeof view !== 'function' && 'path' in view) {
                 const viewPath = `${baseRoute}${view.path}`;
                 return isPathMatchingRoute({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/getCustomViewByRoute.tsx"],"sourcesContent":["import type { EditViewComponent, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { isPathMatchingRoute } from '../Root/isPathMatchingRoute.js'\n\nexport const getCustomViewByRoute = ({\n  baseRoute,\n  currentRoute,\n  views,\n}: {\n  baseRoute: string\n  currentRoute: string\n  views:\n    | SanitizedCollectionConfig['admin']['components']['views']\n    | SanitizedGlobalConfig['admin']['components']['views']\n}): EditViewComponent => {\n  if (typeof views?.Edit === 'object' && typeof views?.Edit !== 'function') {\n    const foundViewConfig = Object.entries(views.Edit).find(([, view]) => {\n      if (typeof view === 'object' && typeof view !== 'function' && 'path' in view) {\n        const viewPath = `${baseRoute}${view.path}`\n\n        return isPathMatchingRoute({\n          currentRoute,\n          exact: true,\n          path: viewPath,\n        })\n      }\n      return false\n    })?.[1]\n\n    if (foundViewConfig && 'Component' in foundViewConfig) {\n      return foundViewConfig.Component\n    }\n  }\n\n  return null\n}\n"],"names":["isPathMatchingRoute","getCustomViewByRoute","baseRoute","currentRoute","views","Edit","foundViewConfig","Object","entries","find","view","viewPath","path","exact","Component"],"mappings":"AAEA,SAASA,mBAAmB,QAAQ,iCAAgC;AAEpE,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,SAAS,EACTC,YAAY,EACZC,KAAK,EAON;IACC,IAAI,OAAOA,OAAOC,SAAS,YAAY,OAAOD,OAAOC,SAAS,YAAY;QACxE,MAAMC,kBAAkBC,OAAOC,OAAO,CAACJ,MAAMC,IAAI,EAAEI,IAAI,CAAC,CAAC,GAAGC,KAAK;YAC/D,IAAI,OAAOA,SAAS,YAAY,OAAOA,SAAS,cAAc,UAAUA,MAAM;gBAC5E,MAAMC,WAAW,CAAC,EAAET,UAAU,EAAEQ,KAAKE,IAAI,CAAC,CAAC;gBAE3C,OAAOZ,oBAAoB;oBACzBG;oBACAU,OAAO;oBACPD,MAAMD;gBACR;YACF;YACA,OAAO;QACT,IAAI,CAAC,EAAE;QAEP,IAAIL,mBAAmB,eAAeA,iBAAiB;YACrD,OAAOA,gBAAgBQ,SAAS;QAClC;IACF;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/views/Document/getCustomViewByRoute.tsx"],"sourcesContent":["import type { EditViewComponent, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { isPathMatchingRoute } from '../Root/isPathMatchingRoute.js'\n\nexport const getCustomViewByRoute = ({\n  baseRoute,\n  currentRoute,\n  views,\n}: {\n  baseRoute: string\n  currentRoute: string\n  views:\n    | SanitizedCollectionConfig['admin']['components']['views']\n    | SanitizedGlobalConfig['admin']['components']['views']\n}): EditViewComponent => {\n  if (typeof views?.edit === 'object' && typeof views?.edit !== 'function') {\n    const foundViewConfig = Object.entries(views.edit).find(([, view]) => {\n      if (typeof view === 'object' && typeof view !== 'function' && 'path' in view) {\n        const viewPath = `${baseRoute}${view.path}`\n\n        return isPathMatchingRoute({\n          currentRoute,\n          exact: true,\n          path: viewPath,\n        })\n      }\n      return false\n    })?.[1]\n\n    if (foundViewConfig && 'Component' in foundViewConfig) {\n      return foundViewConfig.Component\n    }\n  }\n\n  return null\n}\n"],"names":["isPathMatchingRoute","getCustomViewByRoute","baseRoute","currentRoute","views","edit","foundViewConfig","Object","entries","find","view","viewPath","path","exact","Component"],"mappings":"AAEA,SAASA,mBAAmB,QAAQ,iCAAgC;AAEpE,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,SAAS,EACTC,YAAY,EACZC,KAAK,EAON;IACC,IAAI,OAAOA,OAAOC,SAAS,YAAY,OAAOD,OAAOC,SAAS,YAAY;QACxE,MAAMC,kBAAkBC,OAAOC,OAAO,CAACJ,MAAMC,IAAI,EAAEI,IAAI,CAAC,CAAC,GAAGC,KAAK;YAC/D,IAAI,OAAOA,SAAS,YAAY,OAAOA,SAAS,cAAc,UAAUA,MAAM;gBAC5E,MAAMC,WAAW,CAAC,EAAET,UAAU,EAAEQ,KAAKE,IAAI,CAAC,CAAC;gBAE3C,OAAOZ,oBAAoB;oBACzBG;oBACAU,OAAO;oBACPD,MAAMD;gBACR;YACF;YACA,OAAO;QACT,IAAI,CAAC,EAAE;QAEP,IAAIL,mBAAmB,eAAeA,iBAAiB;YACrD,OAAOA,gBAAgBQ,SAAS;QAClC;IACF;IAEA,OAAO;AACT,EAAC"}

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

@@ -1,4 +1,9 @@
-import type { AdminViewComponent, CollectionPermission, EditViewComponent, GlobalPermission, SanitizedCollectionConfig, SanitizedConfig, SanitizedGlobalConfig } from 'payload';
+import type { AdminViewProps, CollectionPermission, GlobalPermission, PayloadComponent, SanitizedCollectionConfig, SanitizedConfig, SanitizedGlobalConfig, ServerSideEditViewProps } from 'payload';
+import type React from 'react';
+export type ViewFromConfig<TProps extends object> = {
+    Component?: React.FC<TProps>;
+    payloadComponent?: PayloadComponent<TProps>;
+};
 export declare const getViewsFromConfig: ({ collectionConfig, config, docPermissions, globalConfig, routeSegments, }: {
     collectionConfig?: SanitizedCollectionConfig;
     config: SanitizedConfig;
@@ -6,11 +11,11 @@ export declare const getViewsFromConfig: ({ collectionConfig, config, docPermiss
     globalConfig?: SanitizedGlobalConfig;
     routeSegments: string[];
 }) => {
-    CustomView: EditViewComponent;
-    DefaultView: EditViewComponent;
+    CustomView: ViewFromConfig<ServerSideEditViewProps>;
+    DefaultView: ViewFromConfig<ServerSideEditViewProps>;
     /**
      * The error view to display if CustomView or DefaultView do not exist (could be either due to not found, or unauthorized). Can be null
      */
-    ErrorView: AdminViewComponent;
+    ErrorView: ViewFromConfig<AdminViewProps>;
 } | null;
 //# sourceMappingURL=getViewsFromConfig.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getViewsFromConfig.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getViewsFromConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,EACf,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAahB,eAAO,MAAM,kBAAkB,+EAM5B;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IAEvB,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB,KAAG;IACF,UAAU,EAAE,iBAAiB,CAAA;IAC7B,WAAW,EAAE,iBAAiB,CAAA;IAC9B;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAA;CAC9B,GAAG,IAiQH,CAAA"}
+{"version":3,"file":"getViewsFromConfig.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getViewsFromConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,EACf,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,MAAM,IAAI;IAClD,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAA;IAC5B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,kBAAkB,+EAM5B;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IACvB,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB,KAAG;IACF,UAAU,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAA;IACnD,WAAW,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAA;IACpD;;OAEG;IACH,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAC1C,GAAG,IA+TH,CAAA"}

package/dist/views/Document/getViewsFromConfig.js

@@ -16,7 +16,7 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
     const views = collectionConfig && collectionConfig?.admin?.components?.views || globalConfig && globalConfig?.admin?.components?.views;
     const livePreviewEnabled = collectionConfig && collectionConfig?.admin?.livePreview || config?.admin?.livePreview?.collections?.includes(collectionConfig?.slug) || globalConfig && globalConfig?.admin?.livePreview || config?.admin?.livePreview?.globals?.includes(globalConfig?.slug);
     if (collectionConfig) {
-        const editConfig = collectionConfig?.admin?.components?.views?.Edit;
+        const editConfig = collectionConfig?.admin?.components?.views?.edit;
         const EditOverride = typeof editConfig === 'function' ? editConfig : null;
         if (EditOverride) {
             CustomView = EditOverride;
@@ -34,17 +34,27 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                                 case 'create':
                                     {
                                         if ('create' in docPermissions && docPermissions?.create?.permission) {
-                                            CustomView = getCustomViewByKey(views, 'Default');
-                                            DefaultView = DefaultEditView;
+                                            CustomView = {
+                                                payloadComponent: getCustomViewByKey(views, 'default')
+                                            };
+                                            DefaultView = {
+                                                Component: DefaultEditView
+                                            };
                                         } else {
-                                            ErrorView = UnauthorizedView;
+                                            ErrorView = {
+                                                Component: UnauthorizedView
+                                            };
                                         }
                                         break;
                                     }
                                 default:
                                     {
-                                        CustomView = getCustomViewByKey(views, 'Default');
-                                        DefaultView = DefaultEditView;
+                                        CustomView = {
+                                            payloadComponent: getCustomViewByKey(views, 'default')
+                                        };
+                                        DefaultView = {
+                                            Component: DefaultEditView
+                                        };
                                         break;
                                     }
                             }
@@ -57,25 +67,37 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                                 case 'api':
                                     {
                                         if (collectionConfig?.admin?.hideAPIURL !== true) {
-                                            CustomView = getCustomViewByKey(views, 'API');
-                                            DefaultView = DefaultAPIView;
+                                            CustomView = {
+                                                payloadComponent: getCustomViewByKey(views, 'api')
+                                            };
+                                            DefaultView = {
+                                                Component: DefaultAPIView
+                                            };
                                         }
                                         break;
                                     }
                                 case 'preview':
                                     {
                                         if (livePreviewEnabled) {
-                                            DefaultView = DefaultLivePreviewView;
+                                            DefaultView = {
+                                                Component: DefaultLivePreviewView
+                                            };
                                         }
                                         break;
                                     }
                                 case 'versions':
                                     {
                                         if (docPermissions?.readVersions?.permission) {
-                                            CustomView = getCustomViewByKey(views, 'Versions');
-                                            DefaultView = DefaultVersionsView;
+                                            CustomView = {
+                                                payloadComponent: getCustomViewByKey(views, 'versions')
+                                            };
+                                            DefaultView = {
+                                                Component: DefaultVersionsView
+                                            };
                                         } else {
-                                            ErrorView = UnauthorizedView;
+                                            ErrorView = {
+                                                Component: UnauthorizedView
+                                            };
                                         }
                                         break;
                                     }
@@ -93,11 +115,13 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                                             segment5,
                                             ...remainingSegments
                                         ].filter(Boolean).join('/');
-                                        CustomView = getCustomViewByRoute({
-                                            baseRoute,
-                                            currentRoute,
-                                            views
-                                        });
+                                        CustomView = {
+                                            payloadComponent: getCustomViewByRoute({
+                                                baseRoute,
+                                                currentRoute,
+                                                views
+                                            })
+                                        };
                                         break;
                                     }
                             }
@@ -108,10 +132,16 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                         {
                             if (segment4 === 'versions') {
                                 if (docPermissions?.readVersions?.permission) {
-                                    CustomView = getCustomViewByKey(views, 'Version');
-                                    DefaultView = DefaultVersionView;
+                                    CustomView = {
+                                        payloadComponent: getCustomViewByKey(views, 'version')
+                                    };
+                                    DefaultView = {
+                                        Component: DefaultVersionView
+                                    };
                                 } else {
-                                    ErrorView = UnauthorizedView;
+                                    ErrorView = {
+                                        Component: UnauthorizedView
+                                    };
                                 }
                             } else {
                                 const baseRoute = [
@@ -126,11 +156,13 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                                     segment5,
                                     ...remainingSegments
                                 ].filter(Boolean).join('/');
-                                CustomView = getCustomViewByRoute({
-                                    baseRoute,
-                                    currentRoute,
-                                    views
-                                });
+                                CustomView = {
+                                    payloadComponent: getCustomViewByRoute({
+                                        baseRoute,
+                                        currentRoute,
+                                        views
+                                    })
+                                };
                             }
                             break;
                         }
@@ -139,7 +171,7 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
         }
     }
     if (globalConfig) {
-        const editConfig = globalConfig?.admin?.components?.views?.Edit;
+        const editConfig = globalConfig?.admin?.components?.views?.edit;
         const EditOverride = typeof editConfig === 'function' ? editConfig : null;
         if (EditOverride) {
             CustomView = EditOverride;
@@ -152,8 +184,12 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                 switch(routeSegments.length){
                     case 2:
                         {
-                            CustomView = getCustomViewByKey(views, 'Default');
-                            DefaultView = DefaultEditView;
+                            CustomView = {
+                                payloadComponent: getCustomViewByKey(views, 'default')
+                            };
+                            DefaultView = {
+                                Component: DefaultEditView
+                            };
                             break;
                         }
                     case 3:
@@ -163,25 +199,37 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                                 case 'api':
                                     {
                                         if (globalConfig?.admin?.hideAPIURL !== true) {
-                                            CustomView = getCustomViewByKey(views, 'API');
-                                            DefaultView = DefaultAPIView;
+                                            CustomView = {
+                                                payloadComponent: getCustomViewByKey(views, 'api')
+                                            };
+                                            DefaultView = {
+                                                Component: DefaultAPIView
+                                            };
                                         }
                                         break;
                                     }
                                 case 'preview':
                                     {
                                         if (livePreviewEnabled) {
-                                            DefaultView = DefaultLivePreviewView;
+                                            DefaultView = {
+                                                Component: DefaultLivePreviewView
+                                            };
                                         }
                                         break;
                                     }
                                 case 'versions':
                                     {
                                         if (docPermissions?.readVersions?.permission) {
-                                            CustomView = getCustomViewByKey(views, 'Versions');
-                                            DefaultView = DefaultVersionsView;
+                                            CustomView = {
+                                                payloadComponent: getCustomViewByKey(views, 'versions')
+                                            };
+                                            DefaultView = {
+                                                Component: DefaultVersionsView
+                                            };
                                         } else {
-                                            ErrorView = UnauthorizedView;
+                                            ErrorView = {
+                                                Component: UnauthorizedView
+                                            };
                                         }
                                         break;
                                     }
@@ -199,14 +247,20 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                                                 segment3,
                                                 ...remainingSegments
                                             ].filter(Boolean).join('/');
-                                            CustomView = getCustomViewByRoute({
-                                                baseRoute,
-                                                currentRoute,
-                                                views
-                                            });
-                                            DefaultView = DefaultEditView;
+                                            CustomView = {
+                                                payloadComponent: getCustomViewByRoute({
+                                                    baseRoute,
+                                                    currentRoute,
+                                                    views
+                                                })
+                                            };
+                                            DefaultView = {
+                                                Component: DefaultEditView
+                                            };
                                         } else {
-                                            ErrorView = UnauthorizedView;
+                                            ErrorView = {
+                                                Component: UnauthorizedView
+                                            };
                                         }
                                         break;
                                     }
@@ -218,10 +272,16 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                             // `../:slug/versions/:version`, etc
                             if (segment3 === 'versions') {
                                 if (docPermissions?.readVersions?.permission) {
-                                    CustomView = getCustomViewByKey(views, 'Version');
-                                    DefaultView = DefaultVersionView;
+                                    CustomView = {
+                                        payloadComponent: getCustomViewByKey(views, 'version')
+                                    };
+                                    DefaultView = {
+                                        Component: DefaultVersionView
+                                    };
                                 } else {
-                                    ErrorView = UnauthorizedView;
+                                    ErrorView = {
+                                        Component: UnauthorizedView
+                                    };
                                 }
                             } else {
                                 const baseRoute = [
@@ -234,11 +294,13 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                                     segment3,
                                     ...remainingSegments
                                 ].filter(Boolean).join('/');
-                                CustomView = getCustomViewByRoute({
-                                    baseRoute,
-                                    currentRoute,
-                                    views
-                                });
+                                CustomView = {
+                                    payloadComponent: getCustomViewByRoute({
+                                        baseRoute,
+                                        currentRoute,
+                                        views
+                                    })
+                                };
                             }
                             break;
                         }