@payloadcms/next 3.0.0-canary.6041f49 → 3.0.0-canary.67aae47

package/dist/views/CreateFirstUser/index.js

@@ -1,43 +1,81 @@
-import { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buildFormState } from '@payloadcms/ui/utilities/buildFormState';
 import React from 'react';
+import { getDocPreferences } from '../Document/getDocPreferences.js';
+import { getDocumentData } from '../Document/getDocumentData.js';
+import { getDocumentPermissions } from '../Document/getDocumentPermissions.js';
 import { CreateFirstUserClient } from './index.client.js';
 export { generateCreateFirstUserMetadata } from './meta.js';
-export const CreateFirstUserView = async ({ initPageResult })=>{
-    const { req, req: { payload: { config: { admin: { user: userSlug } } } } } = initPageResult;
-    const fields = [
-        {
-            name: 'email',
-            type: 'email',
-            label: req.t('general:emailAddress'),
-            required: true
+export const CreateFirstUserView = async ({
+  initPageResult
+}) => {
+  const {
+    locale,
+    req,
+    req: {
+      payload: {
+        config: {
+          admin: {
+            user: userSlug
+          }
         },
-        {
-            name: 'password',
-            type: 'text',
-            label: req.t('general:password'),
-            required: true
-        },
-        {
-            name: 'confirm-password',
-            type: 'text',
-            label: req.t('authentication:confirmPassword'),
-            required: true
-        }
-    ];
-    const formState = await buildStateFromSchema({
-        fieldSchema: fields,
-        operation: 'create',
-        preferences: {
-            fields: {}
-        },
-        req
-    });
-    return /*#__PURE__*/ React.createElement("div", {
-        className: "create-first-user"
-    }, /*#__PURE__*/ React.createElement("h1", null, req.t('general:welcome')), /*#__PURE__*/ React.createElement("p", null, req.t('authentication:beginCreateFirstUser')), /*#__PURE__*/ React.createElement(CreateFirstUserClient, {
-        initialState: formState,
-        userSlug: userSlug
-    }));
+        config
+      }
+    }
+  } = initPageResult;
+  const collectionConfig = config.collections?.find(collection => collection?.slug === userSlug);
+  const {
+    auth: authOptions
+  } = collectionConfig;
+  const loginWithUsername = authOptions.loginWithUsername;
+  // Fetch the data required for the view
+  const data = await getDocumentData({
+    collectionSlug: collectionConfig.slug,
+    locale,
+    payload: req.payload,
+    user: req.user
+  });
+  // Get document preferences
+  const docPreferences = await getDocPreferences({
+    collectionSlug: collectionConfig.slug,
+    payload: req.payload,
+    user: req.user
+  });
+  // Get permissions
+  const {
+    docPermissions
+  } = await getDocumentPermissions({
+    collectionConfig,
+    data,
+    req
+  });
+  // Build initial form state from data
+  const {
+    state: formState
+  } = await buildFormState({
+    collectionSlug: collectionConfig.slug,
+    data,
+    docPermissions,
+    docPreferences,
+    locale: locale?.code,
+    operation: 'create',
+    renderAllFields: true,
+    req,
+    schemaPath: collectionConfig.slug
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    className: "create-first-user",
+    children: [/*#__PURE__*/_jsx("h1", {
+      children: req.t('general:welcome')
+    }), /*#__PURE__*/_jsx("p", {
+      children: req.t('authentication:beginCreateFirstUser')
+    }), /*#__PURE__*/_jsx(CreateFirstUserClient, {
+      docPermissions: docPermissions,
+      docPreferences: docPreferences,
+      initialState: formState,
+      loginWithUsername: loginWithUsername,
+      userSlug: userSlug
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type { AdminViewProps, Field } from 'payload/types'\n\nimport { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport React from 'react'\n\nimport { CreateFirstUserClient } from './index.client.js'\nimport './index.scss'\n\nexport { generateCreateFirstUserMetadata } from './meta.js'\n\nexport const CreateFirstUserView: React.FC<AdminViewProps> = async ({ initPageResult }) => {\n  const {\n    req,\n    req: {\n      payload: {\n        config: {\n          admin: { user: userSlug },\n        },\n      },\n    },\n  } = initPageResult\n\n  const fields: Field[] = [\n    {\n      name: 'email',\n      type: 'email',\n      label: req.t('general:emailAddress'),\n      required: true,\n    },\n    {\n      name: 'password',\n      type: 'text',\n      label: req.t('general:password'),\n      required: true,\n    },\n    {\n      name: 'confirm-password',\n      type: 'text',\n      label: req.t('authentication:confirmPassword'),\n      required: true,\n    },\n  ]\n\n  const formState = await buildStateFromSchema({\n    fieldSchema: fields,\n    operation: 'create',\n    preferences: { fields: {} },\n    req,\n  })\n\n  return (\n    <div className=\"create-first-user\">\n      <h1>{req.t('general:welcome')}</h1>\n      <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      <CreateFirstUserClient initialState={formState} userSlug={userSlug} />\n    </div>\n  )\n}\n"],"names":["buildStateFromSchema","React","CreateFirstUserClient","generateCreateFirstUserMetadata","CreateFirstUserView","initPageResult","req","payload","config","admin","user","userSlug","fields","name","type","label","t","required","formState","fieldSchema","operation","preferences","div","className","h1","p","initialState"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,oBAAoB,QAAQ,4CAA2C;AAChF,OAAOC,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,oBAAmB;AAGzD,SAASC,+BAA+B,QAAQ,YAAW;AAE3D,OAAO,MAAMC,sBAAgD,OAAO,EAAEC,cAAc,EAAE;IACpF,MAAM,EACJC,GAAG,EACHA,KAAK,EACHC,SAAS,EACPC,QAAQ,EACNC,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EAC1B,EACF,EACF,EACF,GAAGN;IAEJ,MAAMO,SAAkB;QACtB;YACEC,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOT,IAAIU,CAAC,CAAC;YACbC,UAAU;QACZ;KACD;IAED,MAAMC,YAAY,MAAMlB,qBAAqB;QAC3CmB,aAAaP;QACbQ,WAAW;QACXC,aAAa;YAAET,QAAQ,CAAC;QAAE;QAC1BN;IACF;IAEA,qBACE,oBAACgB;QAAIC,WAAU;qBACb,oBAACC,YAAIlB,IAAIU,CAAC,CAAC,mCACX,oBAACS,WAAGnB,IAAIU,CAAC,CAAC,uDACV,oBAACd;QAAsBwB,cAAcR;QAAWP,UAAUA;;AAGhE,EAAC"}
+{"version":3,"file":"index.js","names":["buildFormState","React","getDocPreferences","getDocumentData","getDocumentPermissions","CreateFirstUserClient","generateCreateFirstUserMetadata","CreateFirstUserView","initPageResult","locale","req","payload","config","admin","user","userSlug","collectionConfig","collections","find","collection","slug","auth","authOptions","loginWithUsername","data","collectionSlug","docPreferences","docPermissions","state","formState","code","operation","renderAllFields","schemaPath","_jsxs","className","_jsx","t","initialState"],"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { buildFormState } from '@payloadcms/ui/utilities/buildFormState'\nimport React from 'react'\n\nimport { getDocPreferences } from '../Document/getDocPreferences.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { CreateFirstUserClient } from './index.client.js'\nimport './index.scss'\n\nexport { generateCreateFirstUserMetadata } from './meta.js'\n\nexport const CreateFirstUserView: React.FC<AdminViewProps> = async ({ initPageResult }) => {\n  const {\n    locale,\n    req,\n    req: {\n      payload: {\n        config: {\n          admin: { user: userSlug },\n        },\n        config,\n      },\n    },\n  } = initPageResult\n\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n\n  // Fetch the data required for the view\n  const data = await getDocumentData({\n    collectionSlug: collectionConfig.slug,\n    locale,\n    payload: req.payload,\n    user: req.user,\n  })\n\n  // Get document preferences\n  const docPreferences = await getDocPreferences({\n    collectionSlug: collectionConfig.slug,\n    payload: req.payload,\n    user: req.user,\n  })\n\n  // Get permissions\n  const { docPermissions } = await getDocumentPermissions({\n    collectionConfig,\n    data,\n    req,\n  })\n\n  // Build initial form state from data\n  const { state: formState } = await buildFormState({\n    collectionSlug: collectionConfig.slug,\n    data,\n    docPermissions,\n    docPreferences,\n    locale: locale?.code,\n    operation: 'create',\n    renderAllFields: true,\n    req,\n    schemaPath: collectionConfig.slug,\n  })\n\n  return (\n    <div className=\"create-first-user\">\n      <h1>{req.t('general:welcome')}</h1>\n      <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      <CreateFirstUserClient\n        docPermissions={docPermissions}\n        docPreferences={docPreferences}\n        initialState={formState}\n        loginWithUsername={loginWithUsername}\n        userSlug={userSlug}\n      />\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,qBAAqB,QAAQ;AAGtC,SAASC,+BAA+B,QAAQ;AAEhD,OAAO,MAAMC,mBAAA,GAAgD,MAAAA,CAAO;EAAEC;AAAc,CAAE;EACpF,MAAM;IACJC,MAAM;IACNC,GAAG;IACHA,GAAA,EAAK;MACHC,OAAA,EAAS;QACPC,MAAA,EAAQ;UACNC,KAAA,EAAO;YAAEC,IAAA,EAAMC;UAAQ;QAAE,CAC1B;QACDH;MAAM;IACP;EACF,CACF,GAAGJ,cAAA;EAEJ,MAAMQ,gBAAA,GAAmBJ,MAAA,CAAOK,WAAW,EAAEC,IAAA,CAAMC,UAAA,IAAeA,UAAA,EAAYC,IAAA,KAASL,QAAA;EACvF,MAAM;IAAEM,IAAA,EAAMC;EAAW,CAAE,GAAGN,gBAAA;EAC9B,MAAMO,iBAAA,GAAoBD,WAAA,CAAYC,iBAAiB;EAEvD;EACA,MAAMC,IAAA,GAAO,MAAMrB,eAAA,CAAgB;IACjCsB,cAAA,EAAgBT,gBAAA,CAAiBI,IAAI;IACrCX,MAAA;IACAE,OAAA,EAASD,GAAA,CAAIC,OAAO;IACpBG,IAAA,EAAMJ,GAAA,CAAII;EACZ;EAEA;EACA,MAAMY,cAAA,GAAiB,MAAMxB,iBAAA,CAAkB;IAC7CuB,cAAA,EAAgBT,gBAAA,CAAiBI,IAAI;IACrCT,OAAA,EAASD,GAAA,CAAIC,OAAO;IACpBG,IAAA,EAAMJ,GAAA,CAAII;EACZ;EAEA;EACA,MAAM;IAAEa;EAAc,CAAE,GAAG,MAAMvB,sBAAA,CAAuB;IACtDY,gBAAA;IACAQ,IAAA;IACAd;EACF;EAEA;EACA,MAAM;IAAEkB,KAAA,EAAOC;EAAS,CAAE,GAAG,MAAM7B,cAAA,CAAe;IAChDyB,cAAA,EAAgBT,gBAAA,CAAiBI,IAAI;IACrCI,IAAA;IACAG,cAAA;IACAD,cAAA;IACAjB,MAAA,EAAQA,MAAA,EAAQqB,IAAA;IAChBC,SAAA,EAAW;IACXC,eAAA,EAAiB;IACjBtB,GAAA;IACAuB,UAAA,EAAYjB,gBAAA,CAAiBI;EAC/B;EAEA,oBACEc,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAAC;gBAAI1B,GAAA,CAAI2B,CAAC,CAAC;qBACXD,IAAA,CAAC;gBAAG1B,GAAA,CAAI2B,CAAC,CAAC;qBACVD,IAAA,CAAC/B,qBAAA;MACCsB,cAAA,EAAgBA,cAAA;MAChBD,cAAA,EAAgBA,cAAA;MAChBY,YAAA,EAAcT,SAAA;MACdN,iBAAA,EAAmBA,iBAAA;MACnBR,QAAA,EAAUA;;;AAIlB","ignoreList":[]}

package/dist/views/CreateFirstUser/index.scss

@@ -1,5 +1,21 @@
-.create-first-user {
-  > form > .field-type {
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .create-first-user {
+    display: flex;
+    flex-direction: column;
+    gap: base(0.4);
+
+    > form > .field-type {
+      margin-bottom: var(--base);
+
+      & .form-submit {
+        margin: 0;
+      }
+    }
+  }
+
+  .emailAndUsername {
     margin-bottom: var(--base);
   }
 }

package/dist/views/CreateFirstUser/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,+BAA+B,EAAE,oBAU7C,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,+BAA+B,EAAE,oBAU1C,CAAA"}

package/dist/views/CreateFirstUser/meta.js

@@ -1,11 +1,14 @@
 import { meta } from '../../utilities/meta.js';
-export const generateCreateFirstUserMetadata = async ({ config, i18n: { t } })=>{
-    return meta({
-        config,
-        description: t('authentication:createFirstUser'),
-        keywords: t('general:create'),
-        title: t('authentication:createFirstUser')
-    });
-};
-
+export const generateCreateFirstUserMetadata = async ({
+  config,
+  i18n: {
+    t
+  }
+}) => meta({
+  description: t('authentication:createFirstUser'),
+  keywords: t('general:create'),
+  serverURL: config.serverURL,
+  title: t('authentication:createFirstUser'),
+  ...(config.admin.meta || {})
+});
 //# sourceMappingURL=meta.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateCreateFirstUserMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) => {\n  return meta({\n    config,\n    description: t('authentication:createFirstUser'),\n    keywords: t('general:create'),\n    title: t('authentication:createFirstUser'),\n  })\n}\n"],"names":["meta","generateCreateFirstUserMetadata","config","i18n","t","description","keywords","title"],"rangeMappings":";;;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,kCAAwD,OAAO,EAC1EC,MAAM,EACNC,MAAM,EAAEC,CAAC,EAAE,EACZ;IACC,OAAOJ,KAAK;QACVE;QACAG,aAAaD,EAAE;QACfE,UAAUF,EAAE;QACZG,OAAOH,EAAE;IACX;AACF,EAAC"}
+{"version":3,"file":"meta.js","names":["meta","generateCreateFirstUserMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"sources":["../../../src/views/CreateFirstUser/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateCreateFirstUserMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) =>\n  meta({\n    description: t('authentication:createFirstUser'),\n    keywords: t('general:create'),\n    serverURL: config.serverURL,\n    title: t('authentication:createFirstUser'),\n    ...(config.admin.meta || {}),\n  })\n"],"mappings":"AAEA,SAASA,IAAI,QAAQ;AAErB,OAAO,MAAMC,+BAAA,GAAwD,MAAAA,CAAO;EAC1EC,MAAM;EACNC,IAAA,EAAM;IAAEC;EAAC;AAAE,CACZ,KACCJ,IAAA,CAAK;EACHK,WAAA,EAAaD,CAAA,CAAE;EACfE,QAAA,EAAUF,CAAA,CAAE;EACZG,SAAA,EAAWL,MAAA,CAAOK,SAAS;EAC3BC,KAAA,EAAOJ,CAAA,CAAE;EACT,IAAIF,MAAA,CAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;AAC7B","ignoreList":[]}

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

@@ -1,12 +1,21 @@
-import type { Permissions } from 'payload/auth';
-import type { SanitizedConfig, VisibleEntities } from 'payload/types';
+import type { groupNavItems } from '@payloadcms/ui/shared';
+import type { ClientUser, Permissions, ServerProps, VisibleEntities } from 'payload';
 import React from 'react';
 import './index.scss';
 export type DashboardProps = {
+    globalData: Array<{
+        data: {
+            _isLocked: boolean;
+            _lastEditedAt: string;
+            _userEditing: ClientUser | number | string;
+        };
+        lockDuration?: number;
+        slug: string;
+    }>;
     Link: React.ComponentType<any>;
-    config: SanitizedConfig;
+    navGroups?: ReturnType<typeof groupNavItems>;
     permissions: Permissions;
     visibleEntities: VisibleEntities;
-};
+} & ServerProps;
 export declare const DefaultDashboard: React.FC<DashboardProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Dashboard/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAKrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,EAAE,eAAe,CAAA;IACvB,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,eAAe,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6BrD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Dashboard/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAMpF,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE;YAAE,SAAS,EAAE,OAAO,CAAC;YAAC,aAAa,EAAE,MAAM,CAAC;YAAC,YAAY,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;SAAE,CAAA;QAC/F,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,IAAI,EAAE,MAAM,CAAA;KACb,CAAC,CAAA;IACF,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,eAAe,CAAA;CACjC,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmKrD,CAAA"}

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

@@ -1,28 +1,164 @@
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import { SetStepNav } from '@payloadcms/ui/elements/StepNav';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import React from 'react';
-import { DefaultDashboardClient } from './index.client.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { Button, Card, Gutter, Locked } from '@payloadcms/ui';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { EntityType, formatAdminURL } from '@payloadcms/ui/shared';
+import React, { Fragment } from 'react';
 const baseClass = 'dashboard';
-export const DefaultDashboard = (props)=>{
-    const { Link, config: { admin: { components: { afterDashboard, beforeDashboard } } }, permissions, visibleEntities } = props;
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(SetStepNav, {
-        nav: []
-    }), /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: []
-    }), /*#__PURE__*/ React.createElement(Gutter, {
-        className: `${baseClass}__wrap`
-    }, Array.isArray(beforeDashboard) && beforeDashboard.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
-            key: i
-        })), /*#__PURE__*/ React.createElement(DefaultDashboardClient, {
-        Link: Link,
-        permissions: permissions,
-        visibleEntities: visibleEntities
-    }), Array.isArray(afterDashboard) && afterDashboard.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
-            key: i
-        }))));
+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;
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsxs(Gutter, {
+      className: `${baseClass}__wrap`,
+      children: [beforeDashboard && /*#__PURE__*/_jsx(RenderServerComponent, {
+        Component: beforeDashboard,
+        importMap: payload.importMap,
+        serverProps: {
+          i18n,
+          locale,
+          params,
+          payload,
+          permissions,
+          searchParams,
+          user
+        }
+      }), /*#__PURE__*/_jsx(Fragment, {
+        children: !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(({
+                slug,
+                type,
+                label
+              }, entityIndex) => {
+                let title;
+                let buttonAriaLabel;
+                let createHREF;
+                let href;
+                let hasCreatePermission;
+                let isLocked = null;
+                let userEditing = null;
+                if (type === EntityType.collection) {
+                  title = getTranslation(label, i18n);
+                  buttonAriaLabel = t('general:showAllLabel', {
+                    label: title
+                  });
+                  href = formatAdminURL({
+                    adminRoute,
+                    path: `/collections/${slug}`
+                  });
+                  createHREF = formatAdminURL({
+                    adminRoute,
+                    path: `/collections/${slug}/create`
+                  });
+                  hasCreatePermission = permissions?.collections?.[slug]?.create?.permission;
+                }
+                if (type === EntityType.global) {
+                  title = getTranslation(label, i18n);
+                  buttonAriaLabel = t('general:editLabel', {
+                    label: getTranslation(label, i18n)
+                  });
+                  href = formatAdminURL({
+                    adminRoute,
+                    path: `/globals/${slug}`
+                  });
+                  // Find the lock status for the global
+                  const globalLockData = globalData.find(global => global.slug === slug);
+                  if (globalLockData) {
+                    isLocked = globalLockData.data._isLocked;
+                    userEditing = globalLockData.data._userEditing;
+                    // Check if the lock is expired
+                    const lockDuration = globalLockData?.lockDuration;
+                    const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime();
+                    const lockDurationInMilliseconds = lockDuration * 1000;
+                    const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds;
+                    if (new Date().getTime() > lockExpirationTime) {
+                      isLocked = false;
+                      userEditing = null;
+                    }
+                  }
+                }
+                return /*#__PURE__*/_jsx("li", {
+                  children: /*#__PURE__*/_jsx(Card, {
+                    actions: isLocked && 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
+                      }),
+                      buttonStyle: "icon-label",
+                      el: "link",
+                      icon: "plus",
+                      iconStyle: "with-border",
+                      Link: Link,
+                      round: true,
+                      to: createHREF
+                    }) : undefined,
+                    buttonAriaLabel: buttonAriaLabel,
+                    href: href,
+                    id: `card-${slug}`,
+                    Link: Link,
+                    title: getTranslation(label, i18n),
+                    titleAs: "h3"
+                  })
+                }, entityIndex);
+              })
+            })]
+          }, groupIndex);
+        })
+      }), afterDashboard && /*#__PURE__*/_jsx(RenderServerComponent, {
+        Component: afterDashboard,
+        importMap: payload.importMap,
+        serverProps: {
+          i18n,
+          locale,
+          params,
+          payload,
+          permissions,
+          searchParams,
+          user
+        }
+      })]
+    })
+  });
 };
-
 //# 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 { Permissions } from 'payload/auth'\nimport type { SanitizedConfig, VisibleEntities } from 'payload/types'\n\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { SetStepNav } from '@payloadcms/ui/elements/StepNav'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport React from 'react'\n\nimport { DefaultDashboardClient } from './index.client.js'\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  Link: React.ComponentType<any>\n  config: SanitizedConfig\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n}\n\nexport const DefaultDashboard: React.FC<DashboardProps> = (props) => {\n  const {\n    Link,\n    config: {\n      admin: {\n        components: { afterDashboard, beforeDashboard },\n      },\n    },\n    permissions,\n    visibleEntities,\n  } = props\n\n  return (\n    <div className={baseClass}>\n      <SetStepNav nav={[]} />\n      <SetViewActions actions={[]} />\n      <Gutter className={`${baseClass}__wrap`}>\n        {Array.isArray(beforeDashboard) &&\n          beforeDashboard.map((Component, i) => <Component key={i} />)}\n        <DefaultDashboardClient\n          Link={Link}\n          permissions={permissions}\n          visibleEntities={visibleEntities}\n        />\n        {Array.isArray(afterDashboard) &&\n          afterDashboard.map((Component, i) => <Component key={i} />)}\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["Gutter","SetStepNav","SetViewActions","React","DefaultDashboardClient","baseClass","DefaultDashboard","props","Link","config","admin","components","afterDashboard","beforeDashboard","permissions","visibleEntities","div","className","nav","actions","Array","isArray","map","Component","i","key"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,MAAM,QAAQ,iCAAgC;AACvD,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,cAAc,QAAQ,mCAAkC;AACjE,OAAOC,WAAW,QAAO;AAEzB,SAASC,sBAAsB,QAAQ,oBAAmB;AAG1D,MAAMC,YAAY;AASlB,OAAO,MAAMC,mBAA6C,CAACC;IACzD,MAAM,EACJC,IAAI,EACJC,QAAQ,EACNC,OAAO,EACLC,YAAY,EAAEC,cAAc,EAAEC,eAAe,EAAE,EAChD,EACF,EACDC,WAAW,EACXC,eAAe,EAChB,GAAGR;IAEJ,qBACE,oBAACS;QAAIC,WAAWZ;qBACd,oBAACJ;QAAWiB,KAAK,EAAE;sBACnB,oBAAChB;QAAeiB,SAAS,EAAE;sBAC3B,oBAACnB;QAAOiB,WAAW,CAAC,EAAEZ,UAAU,MAAM,CAAC;OACpCe,MAAMC,OAAO,CAACR,oBACbA,gBAAgBS,GAAG,CAAC,CAACC,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;2BACxD,oBAACpB;QACCI,MAAMA;QACNM,aAAaA;QACbC,iBAAiBA;QAElBK,MAAMC,OAAO,CAACT,mBACbA,eAAeU,GAAG,CAAC,CAACC,WAAWC,kBAAM,oBAACD;YAAUE,KAAKD;;AAI/D,EAAC"}
+{"version":3,"file":"index.js","names":["getTranslation","Button","Card","Gutter","Locked","RenderServerComponent","EntityType","formatAdminURL","React","Fragment","baseClass","DefaultDashboard","props","globalData","i18n","t","Link","locale","navGroups","params","payload","config","admin","components","afterDashboard","beforeDashboard","routes","adminRoute","permissions","searchParams","user","_jsx","className","_jsxs","Component","importMap","serverProps","length","map","entities","label","groupIndex","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","permission","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","iconStyle","round","to","undefined","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 } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, formatAdminURL } from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  globalData: Array<{\n    data: { _isLocked: boolean; _lastEditedAt: string; _userEditing: ClientUser | number | string }\n    lockDuration?: number\n    slug: string\n  }>\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  return (\n    <div className={baseClass}>\n      <Gutter className={`${baseClass}__wrap`}>\n        {beforeDashboard && (\n          <RenderServerComponent\n            Component={beforeDashboard}\n            importMap={payload.importMap}\n            serverProps={{\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            }}\n          />\n        )}\n        <Fragment>\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(({ slug, type, label }, entityIndex) => {\n                      let title: string\n                      let buttonAriaLabel: string\n                      let createHREF: string\n                      let href: string\n                      let hasCreatePermission: boolean\n                      let isLocked = null\n                      let userEditing = null\n\n                      if (type === EntityType.collection) {\n                        title = getTranslation(label, i18n)\n\n                        buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                        href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n\n                        createHREF = formatAdminURL({\n                          adminRoute,\n                          path: `/collections/${slug}/create`,\n                        })\n\n                        hasCreatePermission = permissions?.collections?.[slug]?.create?.permission\n                      }\n\n                      if (type === EntityType.global) {\n                        title = getTranslation(label, i18n)\n\n                        buttonAriaLabel = t('general:editLabel', {\n                          label: getTranslation(label, i18n),\n                        })\n\n                        href = formatAdminURL({\n                          adminRoute,\n                          path: `/globals/${slug}`,\n                        })\n\n                        // Find the lock status for the global\n                        const globalLockData = globalData.find((global) => global.slug === slug)\n                        if (globalLockData) {\n                          isLocked = globalLockData.data._isLocked\n                          userEditing = globalLockData.data._userEditing\n\n                          // Check if the lock is expired\n                          const lockDuration = globalLockData?.lockDuration\n                          const lastEditedAt = new Date(\n                            globalLockData.data?._lastEditedAt,\n                          ).getTime()\n\n                          const lockDurationInMilliseconds = lockDuration * 1000\n                          const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                          if (new Date().getTime() > lockExpirationTime) {\n                            isLocked = false\n                            userEditing = null\n                          }\n                        }\n                      }\n\n                      return (\n                        <li key={entityIndex}>\n                          <Card\n                            actions={\n                              isLocked && 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,\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-${slug}`}\n                            Link={Link}\n                            title={getTranslation(label, i18n)}\n                            titleAs=\"h3\"\n                          />\n                        </li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              )\n            })\n          )}\n        </Fragment>\n        {afterDashboard && (\n          <RenderServerComponent\n            Component={afterDashboard}\n            importMap={payload.importMap}\n            serverProps={{\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            }}\n          />\n        )}\n      </Gutter>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,58 +1,69 @@
 @import '../../../scss/styles.scss';
 
-.dashboard {
-  width: 100%;
-  --gap: var(--base);
-  --cols: 5;
-
-  &__wrap {
-    padding-bottom: var(--spacing-view-bottom);
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-  }
+@layer payload-default {
+  .dashboard {
+    width: 100%;
+    --gap: var(--base);
+    --cols: 5;
 
-  &__group {
-    display: flex;
-    flex-direction: column;
-    gap: var(--gap);
-  }
+    &__wrap {
+      padding-bottom: var(--spacing-view-bottom);
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
 
-  &__label {
-    margin: 0;
-  }
+    &__group {
+      display: flex;
+      flex-direction: column;
+      gap: var(--gap);
+    }
 
-  &__card-list {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    display: flex;
-    gap: var(--gap);
-    flex-wrap: wrap;
+    &__label {
+      margin: 0;
+    }
 
-    li {
-      width: calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1));
+    &__card-list {
+      padding: 0;
+      margin: 0;
+      list-style: none;
+      gap: var(--gap);
+      display: grid;
+      grid-template-columns: repeat(var(--cols), 1fr);
+
+      .card {
+        height: 100%;
+      }
     }
 
-    .card {
-      height: 100%;
+    &__locked.locked {
+      align-items: unset;
+      justify-content: unset;
     }
-  }
 
-  @include large-break {
-    --cols: 4;
-  }
+    @include large-break {
+      --cols: 4;
+    }
 
-  @include mid-break {
-    --gap: var(--base);
-    --cols: 2;
-  }
+    @include mid-break {
+      --gap: var(--base);
+      --cols: 2;
+    }
 
-  @include small-break {
-    --cols: 1;
+    @include small-break {
+      --cols: 2;
 
-    &__wrap {
-      gap: var(--base);
+      &__wrap {
+        gap: var(--base);
+      }
+
+      &__card-list {
+        gap: base(0.4);
+      }
+    }
+
+    @include extra-small-break {
+      --cols: 1;
     }
   }
 }

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

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 export { generateDashboardMetadata } from './meta.js';
 export declare const Dashboard: React.FC<AdminViewProps>;

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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AAIrD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+B9C,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;AAM7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AAIrD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0H9C,CAAA"}