@payloadcms/next 3.0.0-canary.a0b06af → 3.0.0-canary.a5aaf21

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

@@ -1,121 +1,153 @@
 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 } from '@payloadcms/ui/shared';
+import { Button, Card, Gutter, Locked, SetStepNav, SetViewActions } from '@payloadcms/ui';
+import { EntityType, formatAdminURL, getCreateMappedComponent, RenderComponent } 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;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsx(SetStepNav, {
-                nav: []
-            }),
-            /*#__PURE__*/ _jsx(SetViewActions, {
-                actions: []
-            }),
-            /*#__PURE__*/ _jsxs(Gutter, {
-                className: `${baseClass}__wrap`,
-                children: [
-                    Array.isArray(BeforeDashboards) && BeforeDashboards.map((Component)=>Component),
-                    /*#__PURE__*/ _jsxs(Fragment, {
-                        children: [
-                            /*#__PURE__*/ _jsx(SetViewActions, {
-                                actions: []
-                            }),
-                            !navGroups || navGroups?.length === 0 ? /*#__PURE__*/ _jsx("p", {
-                                children: "no nav groups...."
-                            }) : navGroups.map(({ entities, label }, groupIndex)=>{
-                                return /*#__PURE__*/ _jsxs("div", {
-                                    className: `${baseClass}__group`,
-                                    children: [
-                                        /*#__PURE__*/ _jsx("h2", {
-                                            className: `${baseClass}__label`,
-                                            children: label
-                                        }),
-                                        /*#__PURE__*/ _jsx("ul", {
-                                            className: `${baseClass}__card-list`,
-                                            children: entities.map(({ type, entity }, entityIndex)=>{
-                                                let title;
-                                                let buttonAriaLabel;
-                                                let createHREF;
-                                                let href;
-                                                let hasCreatePermission;
-                                                if (type === EntityType.collection) {
-                                                    title = getTranslation(entity.labels.plural, i18n);
-                                                    buttonAriaLabel = t('general:showAllLabel', {
-                                                        label: title
-                                                    });
-                                                    href = `${adminRoute}/collections/${entity.slug}`;
-                                                    createHREF = `${adminRoute}/collections/${entity.slug}/create`;
-                                                    hasCreatePermission = permissions?.collections?.[entity.slug]?.create?.permission;
-                                                }
-                                                if (type === EntityType.global) {
-                                                    title = getTranslation(entity.label, i18n);
-                                                    buttonAriaLabel = t('general:editLabel', {
-                                                        label: getTranslation(entity.label, i18n)
-                                                    });
-                                                    href = `${adminRoute}/globals/${entity.slug}`;
-                                                }
-                                                return /*#__PURE__*/ _jsx("li", {
-                                                    children: /*#__PURE__*/ _jsx(Card, {
-                                                        Link: Link,
-                                                        actions: hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/ _jsx(Button, {
-                                                            Link: Link,
-                                                            "aria-label": t('general:createNewLabel', {
-                                                                label: getTranslation(entity.labels.singular, i18n)
-                                                            }),
-                                                            buttonStyle: "icon-label",
-                                                            el: "link",
-                                                            icon: "plus",
-                                                            iconStyle: "with-border",
-                                                            round: true,
-                                                            to: createHREF
-                                                        }) : undefined,
-                                                        buttonAriaLabel: buttonAriaLabel,
-                                                        href: href,
-                                                        id: `card-${entity.slug}`,
-                                                        title: title,
-                                                        titleAs: "h3"
-                                                    })
-                                                }, entityIndex);
-                                            })
-                                        })
-                                    ]
-                                }, groupIndex);
-                            })
-                        ]
-                    }),
-                    Array.isArray(AfterDashboards) && AfterDashboards.map((Component)=>Component)
-                ]
-            })
-        ]
-    });
+export const DefaultDashboard = props => {
+  const {
+    globalData,
+    i18n,
+    i18n: {
+      t
+    },
+    Link,
+    locale,
+    navGroups,
+    params,
+    payload: {
+      config: {
+        admin: {
+          components: {
+            afterDashboard,
+            beforeDashboard
+          }
+        },
+        routes: {
+          admin: adminRoute
+        }
+      }
+    },
+    payload,
+    permissions,
+    searchParams,
+    user
+  } = props;
+  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: [/*#__PURE__*/_jsx(SetStepNav, {
+      nav: []
+    }), /*#__PURE__*/_jsx(SetViewActions, {
+      actions: []
+    }), /*#__PURE__*/_jsxs(Gutter, {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsx(RenderComponent, {
+        mappedComponent: mappedBeforeDashboards
+      }), /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx(SetViewActions, {
+          actions: []
+        }), !navGroups || navGroups?.length === 0 ? /*#__PURE__*/_jsx("p", {
+          children: "no nav groups...."
+        }) : navGroups.map(({
+          entities,
+          label
+        }, groupIndex) => {
+          return /*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__group`,
+            children: [/*#__PURE__*/_jsx("h2", {
+              className: `${baseClass}__label`,
+              children: label
+            }), /*#__PURE__*/_jsx("ul", {
+              className: `${baseClass}__card-list`,
+              children: entities.map(({
+                type,
+                entity
+              }, entityIndex) => {
+                let title;
+                let buttonAriaLabel;
+                let createHREF;
+                let href;
+                let hasCreatePermission;
+                let lockStatus = null;
+                let userEditing = null;
+                if (type === EntityType.collection) {
+                  title = getTranslation(entity.labels.plural, i18n);
+                  buttonAriaLabel = t('general:showAllLabel', {
+                    label: title
+                  });
+                  href = formatAdminURL({
+                    adminRoute,
+                    path: `/collections/${entity.slug}`
+                  });
+                  createHREF = formatAdminURL({
+                    adminRoute,
+                    path: `/collections/${entity.slug}/create`
+                  });
+                  hasCreatePermission = permissions?.collections?.[entity.slug]?.create?.permission;
+                }
+                if (type === EntityType.global) {
+                  title = getTranslation(entity.label, i18n);
+                  buttonAriaLabel = t('general:editLabel', {
+                    label: getTranslation(entity.label, i18n)
+                  });
+                  href = formatAdminURL({
+                    adminRoute,
+                    path: `/globals/${entity.slug}`
+                  });
+                  // Find the lock status for the global
+                  const globalLockData = globalData.find(global => global.slug === entity.slug);
+                  if (globalLockData) {
+                    lockStatus = globalLockData.data._isLocked;
+                    userEditing = globalLockData.data._userEditing;
+                  }
+                }
+                return /*#__PURE__*/_jsx("li", {
+                  children: /*#__PURE__*/_jsx(Card, {
+                    actions: lockStatus && user?.id !== userEditing?.id ? /*#__PURE__*/_jsx(Locked, {
+                      className: `${baseClass}__locked`,
+                      user: userEditing
+                    }) : hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/_jsx(Button, {
+                      "aria-label": t('general:createNewLabel', {
+                        label: getTranslation(entity.labels.singular, i18n)
+                      }),
+                      buttonStyle: "icon-label",
+                      el: "link",
+                      icon: "plus",
+                      iconStyle: "with-border",
+                      Link: Link,
+                      round: true,
+                      to: createHREF
+                    }) : undefined,
+                    buttonAriaLabel: buttonAriaLabel,
+                    href: href,
+                    id: `card-${entity.slug}`,
+                    Link: Link,
+                    title: title,
+                    titleAs: "h3"
+                  })
+                }, entityIndex);
+              })
+            })]
+          }, groupIndex);
+        })]
+      }), /*#__PURE__*/_jsx(RenderComponent, {
+        mappedComponent: mappedAfterDashboards
+      })]
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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 } from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = ServerProps & {\n  Link: React.ComponentType<any>\n  navGroups?: ReturnType<typeof groupNavItems>\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n}\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                        buttonAriaLabel = t('general:showAllLabel', { label: title })\n                        href = `${adminRoute}/collections/${entity.slug}`\n                        createHREF = `${adminRoute}/collections/${entity.slug}/create`\n                        hasCreatePermission =\n                          permissions?.collections?.[entity.slug]?.create?.permission\n                      }\n\n                      if (type === EntityType.global) {\n                        title = getTranslation(entity.label, i18n)\n                        buttonAriaLabel = t('general:editLabel', {\n                          label: getTranslation(entity.label, i18n),\n                        })\n                        href = `${adminRoute}/globals/${entity.slug}`\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","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","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,"file":"index.js","names":["getTranslation","Button","Card","Gutter","Locked","SetStepNav","SetViewActions","EntityType","formatAdminURL","getCreateMappedComponent","RenderComponent","React","Fragment","baseClass","DefaultDashboard","props","globalData","i18n","t","Link","locale","navGroups","params","payload","config","admin","components","afterDashboard","beforeDashboard","routes","adminRoute","permissions","searchParams","user","createMappedComponent","importMap","serverProps","mappedBeforeDashboards","undefined","mappedAfterDashboards","_jsxs","className","_jsx","nav","actions","mappedComponent","length","map","entities","label","groupIndex","type","entity","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","lockStatus","userEditing","collection","labels","plural","path","slug","collections","create","permission","global","globalLockData","find","data","_isLocked","_userEditing","id","singular","buttonStyle","el","icon","iconStyle","round","to","titleAs"],"sources":["../../../../src/views/Dashboard/Default/index.tsx"],"sourcesContent":["import type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { ClientUser, Permissions, ServerProps, VisibleEntities } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, Card, Gutter, Locked, SetStepNav, SetViewActions } from '@payloadcms/ui'\nimport {\n  EntityType,\n  formatAdminURL,\n  getCreateMappedComponent,\n  RenderComponent,\n} from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  globalData: Array<{ data: { _isLocked: boolean; _userEditing: ClientUser | null }; slug: string }>\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    globalData,\n    i18n,\n    i18n: { t },\n    Link,\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                      let lockStatus = null\n                      let userEditing = null\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                        // Find the lock status for the global\n                        const globalLockData = globalData.find(\n                          (global) => global.slug === entity.slug,\n                        )\n                        if (globalLockData) {\n                          lockStatus = globalLockData.data._isLocked\n                          userEditing = globalLockData.data._userEditing\n                        }\n                      }\n\n                      return (\n                        <li key={entityIndex}>\n                          <Card\n                            actions={\n                              lockStatus && user?.id !== userEditing?.id ? (\n                                <Locked className={`${baseClass}__locked`} user={userEditing} />\n                              ) : hasCreatePermission && type === EntityType.collection ? (\n                                <Button\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                                  Link={Link}\n                                  round\n                                  to={createHREF}\n                                />\n                              ) : undefined\n                            }\n                            buttonAriaLabel={buttonAriaLabel}\n                            href={href}\n                            id={`card-${entity.slug}`}\n                            Link={Link}\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"],"mappings":"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","ignoreList":[]}

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

@@ -26,19 +26,20 @@
     padding: 0;
     margin: 0;
     list-style: none;
-    display: flex;
     gap: var(--gap);
-    flex-wrap: wrap;
-
-    li {
-      width: calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1));
-    }
+    display: grid;
+    grid-template-columns: repeat(var(--cols), 1fr);
 
     .card {
       height: 100%;
     }
   }
 
+  &__locked.locked {
+    align-items: unset;
+    justify-content: unset;
+  }
+
   @include large-break {
     --cols: 4;
   }
@@ -49,10 +50,18 @@
   }
 
   @include small-break {
-    --cols: 1;
+    --cols: 2;
 
     &__wrap {
       gap: var(--base);
     }
+
+    &__card-list {
+      gap: base(0.4);
+    }
+  }
+
+  @include extra-small-break {
+    --cols: 1;
   }
 }

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,CAiH9C,CAAA"}

package/dist/views/Dashboard/index.js

@@ -1,66 +1,86 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HydrateClientUser } from '@payloadcms/ui';
-import { EntityType, RenderCustomComponent, groupNavItems } from '@payloadcms/ui/shared';
+import { HydrateAuthProvider } from '@payloadcms/ui';
+import { EntityType, getCreateMappedComponent, groupNavItems, RenderComponent } from '@payloadcms/ui/shared';
 import LinkImport from 'next/link.js';
 import React, { Fragment } from 'react';
 import { DefaultDashboard } from './Default/index.js';
 export { generateDashboardMetadata } from './meta.js';
 const Link = LinkImport.default || LinkImport;
-export const Dashboard = ({ initPageResult, params, searchParams })=>{
-    const { locale, permissions, req: { i18n, payload: { config }, payload, user }, visibleEntities } = initPageResult;
-    const CustomDashboardComponent = config.admin.components?.views?.Dashboard;
-    const collections = config.collections.filter((collection)=>permissions?.collections?.[collection.slug]?.read?.permission && visibleEntities.collections.includes(collection.slug));
-    const globals = config.globals.filter((global)=>permissions?.globals?.[global.slug]?.read?.permission && visibleEntities.globals.includes(global.slug));
-    const navGroups = groupNavItems([
-        ...collections.map((collection)=>{
-            const entityToGroup = {
-                type: EntityType.collection,
-                entity: collection
-            };
-            return entityToGroup;
-        }) ?? [],
-        ...globals.map((global)=>{
-            const entityToGroup = {
-                type: EntityType.global,
-                entity: global
-            };
-            return entityToGroup;
-        }) ?? []
-    ], permissions, i18n);
-    const viewComponentProps = {
-        Link,
-        i18n,
-        locale,
-        navGroups,
-        params,
-        payload,
-        permissions,
-        searchParams,
-        user,
-        visibleEntities
-    };
-    return /*#__PURE__*/ _jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(HydrateClientUser, {
-                permissions: permissions,
-                user: user
-            }),
-            /*#__PURE__*/ _jsx(RenderCustomComponent, {
-                CustomComponent: typeof CustomDashboardComponent === 'function' ? CustomDashboardComponent : undefined,
-                DefaultComponent: DefaultDashboard,
-                componentProps: viewComponentProps,
-                serverOnlyProps: {
-                    i18n,
-                    locale,
-                    params,
-                    payload,
-                    permissions,
-                    searchParams,
-                    user
-                }
-            })
-        ]
+export const Dashboard = async ({
+  initPageResult,
+  params,
+  searchParams
+}) => {
+  const {
+    locale,
+    permissions,
+    req: {
+      i18n,
+      payload: {
+        config
+      },
+      payload,
+      user
+    },
+    visibleEntities
+  } = initPageResult;
+  const CustomDashboardComponent = config.admin.components?.views?.Dashboard;
+  const collections = config.collections.filter(collection => permissions?.collections?.[collection.slug]?.read?.permission && visibleEntities.collections.includes(collection.slug));
+  const globals = config.globals.filter(global => permissions?.globals?.[global.slug]?.read?.permission && visibleEntities.globals.includes(global.slug));
+  const globalSlugs = config.globals.map(global => global.slug);
+  // Filter the slugs based on permissions and visibility
+  const filteredGlobalSlugs = globalSlugs.filter(slug => permissions?.globals?.[slug]?.read?.permission && visibleEntities.globals.includes(slug));
+  const globalData = await Promise.all(filteredGlobalSlugs.map(async slug => {
+    const data = await payload.findGlobal({
+      slug,
+      depth: 0,
+      includeLockStatus: true
     });
+    return {
+      slug,
+      data
+    };
+  }));
+  const navGroups = groupNavItems([...(collections.map(collection => {
+    const entityToGroup = {
+      type: EntityType.collection,
+      entity: collection
+    };
+    return entityToGroup;
+  }) ?? []), ...(globals.map(global => {
+    const entityToGroup = {
+      type: EntityType.global,
+      entity: global
+    };
+    return entityToGroup;
+  }) ?? [])], permissions, i18n);
+  const createMappedComponent = getCreateMappedComponent({
+    importMap: payload.importMap,
+    serverProps: {
+      globalData,
+      i18n,
+      Link,
+      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(RenderComponent, {
+      clientProps: {
+        Link,
+        locale
+      },
+      mappedComponent: mappedDashboardComponent
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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 { HydrateClientUser } 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      <HydrateClientUser permissions={permissions} user={user} />\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":["HydrateClientUser","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,iBAAiB,QAAQ,iBAAgB;AAClD,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;gBAAkBgB,aAAaA;gBAAaK,MAAMA;;0BACnD,KAACnB;gBACCwC,iBACE,OAAOnB,6BAA6B,aAAaA,2BAA2BoB;gBAE9EC,kBAAkBrC;gBAClBsC,gBAAgBJ;gBAChBK,iBAAiB;oBACf5B;oBACAH;oBACAF;oBACAM;oBACAH;oBACAF;oBACAO;gBACF;;;;AAIR,EAAC"}
+{"version":3,"file":"index.js","names":["HydrateAuthProvider","EntityType","getCreateMappedComponent","groupNavItems","RenderComponent","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","globalSlugs","map","filteredGlobalSlugs","globalData","Promise","all","data","findGlobal","depth","includeLockStatus","navGroups","entityToGroup","type","entity","createMappedComponent","importMap","serverProps","mappedDashboardComponent","Component","undefined","_jsxs","_jsx","clientProps","mappedComponent"],"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  getCreateMappedComponent,\n  groupNavItems,\n  RenderComponent,\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> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\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 globalSlugs = config.globals.map((global) => global.slug)\n\n  // Filter the slugs based on permissions and visibility\n  const filteredGlobalSlugs = globalSlugs.filter(\n    (slug) =>\n      permissions?.globals?.[slug]?.read?.permission && visibleEntities.globals.includes(slug),\n  )\n\n  const globalData = await Promise.all(\n    filteredGlobalSlugs.map(async (slug) => {\n      const data = await payload.findGlobal({\n        slug,\n        depth: 0,\n        includeLockStatus: true,\n      })\n\n      return {\n        slug,\n        data,\n      }\n    }),\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      globalData,\n      i18n,\n      Link,\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"],"mappings":";AAGA,SAASA,mBAAmB,QAAQ;AACpC,SACEC,UAAU,EACVC,wBAAwB,EACxBC,aAAa,EACbC,eAAe,QACV;AACP,OAAOC,UAAA,MAAgB;AACvB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,gBAAgB,QAAQ;AAEjC,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,IAAA,GAAQL,UAAA,CAAWM,OAAO,IAAIN,UAAA;AAEpC,OAAO,MAAMO,SAAA,GAAsC,MAAAA,CAAO;EACxDC,cAAc;EACdC,MAAM;EACNC;AAAY,CACb;EACC,MAAM;IACJC,MAAM;IACNC,WAAW;IACXC,GAAA,EAAK;MACHC,IAAI;MACJC,OAAA,EAAS;QAAEC;MAAM,CAAE;MACnBD,OAAO;MACPE;IAAI,CACL;IACDC;EAAe,CAChB,GAAGV,cAAA;EAEJ,MAAMW,wBAAA,GAA2BH,MAAA,CAAOI,KAAK,CAACC,UAAU,EAAEC,KAAA,EAAOf,SAAA;EAEjE,MAAMgB,WAAA,GAAcP,MAAA,CAAOO,WAAW,CAACC,MAAM,CAC1CC,UAAA,IACCb,WAAA,EAAaW,WAAA,GAAcE,UAAA,CAAWC,IAAI,CAAC,EAAEC,IAAA,EAAMC,UAAA,IACnDV,eAAA,CAAgBK,WAAW,CAACM,QAAQ,CAACJ,UAAA,CAAWC,IAAI;EAGxD,MAAMI,OAAA,GAAUd,MAAA,CAAOc,OAAO,CAACN,MAAM,CAClCO,MAAA,IACCnB,WAAA,EAAakB,OAAA,GAAUC,MAAA,CAAOL,IAAI,CAAC,EAAEC,IAAA,EAAMC,UAAA,IAC3CV,eAAA,CAAgBY,OAAO,CAACD,QAAQ,CAACE,MAAA,CAAOL,IAAI;EAGhD,MAAMM,WAAA,GAAchB,MAAA,CAAOc,OAAO,CAACG,GAAG,CAAEF,MAAA,IAAWA,MAAA,CAAOL,IAAI;EAE9D;EACA,MAAMQ,mBAAA,GAAsBF,WAAA,CAAYR,MAAM,CAC3CE,IAAA,IACCd,WAAA,EAAakB,OAAA,GAAUJ,IAAA,CAAK,EAAEC,IAAA,EAAMC,UAAA,IAAcV,eAAA,CAAgBY,OAAO,CAACD,QAAQ,CAACH,IAAA;EAGvF,MAAMS,UAAA,GAAa,MAAMC,OAAA,CAAQC,GAAG,CAClCH,mBAAA,CAAoBD,GAAG,CAAC,MAAOP,IAAA;IAC7B,MAAMY,IAAA,GAAO,MAAMvB,OAAA,CAAQwB,UAAU,CAAC;MACpCb,IAAA;MACAc,KAAA,EAAO;MACPC,iBAAA,EAAmB;IACrB;IAEA,OAAO;MACLf,IAAA;MACAY;IACF;EACF;EAGF,MAAMI,SAAA,GAAY5C,aAAA,CAChB,C,IACMyB,WAAA,CAAYU,GAAG,CAAER,UAAA;IACnB,MAAMkB,aAAA,GAA+B;MACnCC,IAAA,EAAMhD,UAAA,CAAW6B,UAAU;MAC3BoB,MAAA,EAAQpB;IACV;IAEA,OAAOkB,aAAA;EACT,MAAM,EAAE,G,IACJb,OAAA,CAAQG,GAAG,CAAEF,MAAA;IACf,MAAMY,aAAA,GAA+B;MACnCC,IAAA,EAAMhD,UAAA,CAAWmC,MAAM;MACvBc,MAAA,EAAQd;IACV;IAEA,OAAOY,aAAA;EACT,MAAM,EAAE,EACT,EACD/B,WAAA,EACAE,IAAA;EAGF,MAAMgC,qBAAA,GAAwBjD,wBAAA,CAAyB;IACrDkD,SAAA,EAAWhC,OAAA,CAAQgC,SAAS;IAC5BC,WAAA,EAAa;MACXb,UAAA;MACArB,IAAA;MACAT,IAAA;MACAM,MAAA;MACA+B,SAAA;MACAjC,MAAA;MACAM,OAAA;MACAH,WAAA;MACAF,YAAA;MACAO,IAAA;MACAC;IACF;EACF;EAEA,MAAM+B,wBAAA,GAA2BH,qBAAA,CAC/B3B,wBAAA,EAA0B+B,SAAA,EAC1BC,SAAA,EACAhD,gBAAA,EACA;EAGF,oBACEiD,KAAA,CAAClD,QAAA;4BACCmD,IAAA,CAAC1D,mBAAA;MAAoBiB,WAAA,EAAaA;qBAClCyC,IAAA,CAACtD,eAAA;MACCuD,WAAA,EAAa;QACXjD,IAAA;QACAM;MACF;MACA4C,eAAA,EAAiBN;;;AAIzB","ignoreList":[]}

package/dist/views/Dashboard/meta.js

@@ -1,14 +1,18 @@
 import { meta } from '../../utilities/meta.js';
-export const generateDashboardMetadata = async ({ config, i18n: { t } })=>meta({
-        description: `${t('general:dashboard')} Payload`,
-        keywords: `${t('general:dashboard')}, Payload`,
-        serverURL: config.serverURL,
-        title: t('general:dashboard'),
-        ...config.admin.meta || {},
-        openGraph: {
-            title: t('general:dashboard'),
-            ...config.admin.meta?.openGraph || {}
-        }
-    });
-
+export const generateDashboardMetadata = async ({
+  config,
+  i18n: {
+    t
+  }
+}) => meta({
+  description: `${t('general:dashboard')} Payload`,
+  keywords: `${t('general:dashboard')}, Payload`,
+  serverURL: config.serverURL,
+  title: t('general:dashboard'),
+  ...(config.admin.meta || {}),
+  openGraph: {
+    title: t('general:dashboard'),
+    ...(config.admin.meta?.openGraph || {})
+  }
+});
 //# sourceMappingURL=meta.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Dashboard/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateDashboardMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: `${t('general:dashboard')} Payload`,\n    keywords: `${t('general:dashboard')}, Payload`,\n    serverURL: config.serverURL,\n    title: t('general:dashboard'),\n    ...(config.admin.meta || {}),\n    openGraph: {\n      title: t('general:dashboard'),\n      ...(config.admin.meta?.openGraph || {}),\n    },\n  })\n"],"names":["meta","generateDashboardMetadata","config","i18n","t","description","keywords","serverURL","title","admin","openGraph"],"mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,4BAAkD,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,CAAC,EAAE,EAAE,GAC3FJ,KAAK;QACHK,aAAa,CAAC,EAAED,EAAE,qBAAqB,QAAQ,CAAC;QAChDE,UAAU,CAAC,EAAEF,EAAE,qBAAqB,SAAS,CAAC;QAC9CG,WAAWL,OAAOK,SAAS;QAC3BC,OAAOJ,EAAE;QACT,GAAIF,OAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;QAC3BU,WAAW;YACTF,OAAOJ,EAAE;YACT,GAAIF,OAAOO,KAAK,CAACT,IAAI,EAAEU,aAAa,CAAC,CAAC;QACxC;IACF,GAAE"}
+{"version":3,"file":"meta.js","names":["meta","generateDashboardMetadata","config","i18n","t","description","keywords","serverURL","title","admin","openGraph"],"sources":["../../../src/views/Dashboard/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateDashboardMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: `${t('general:dashboard')} Payload`,\n    keywords: `${t('general:dashboard')}, Payload`,\n    serverURL: config.serverURL,\n    title: t('general:dashboard'),\n    ...(config.admin.meta || {}),\n    openGraph: {\n      title: t('general:dashboard'),\n      ...(config.admin.meta?.openGraph || {}),\n    },\n  })\n"],"mappings":"AAEA,SAASA,IAAI,QAAQ;AAErB,OAAO,MAAMC,yBAAA,GAAkD,MAAAA,CAAO;EAAEC,MAAM;EAAEC,IAAA,EAAM;IAAEC;EAAC;AAAE,CAAE,KAC3FJ,IAAA,CAAK;EACHK,WAAA,EAAa,GAAGD,CAAA,CAAE,8BAA8B;EAChDE,QAAA,EAAU,GAAGF,CAAA,CAAE,+BAA+B;EAC9CG,SAAA,EAAWL,MAAA,CAAOK,SAAS;EAC3BC,KAAA,EAAOJ,CAAA,CAAE;EACT,IAAIF,MAAA,CAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;EAC3BU,SAAA,EAAW;IACTF,KAAA,EAAOJ,CAAA,CAAE;IACT,IAAIF,MAAA,CAAOO,KAAK,CAACT,IAAI,EAAEU,SAAA,IAAa,CAAC,CAAC;EACxC;AACF","ignoreList":[]}

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,4 @@
-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;
+export const getCustomViewByKey = (views, customViewKey) => {
+  return typeof views?.edit?.[customViewKey] === 'object' && 'Component' in views.edit[customViewKey] ? views?.edit?.[customViewKey].Component : null;
 };
-
 //# sourceMappingURL=getCustomViewByKey.js.map