@payloadcms/next 3.0.0-beta.9 → 3.0.0-beta.91

package/dist/views/CreateFirstUser/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AAI1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,uBAAuB,EAAE,QAAQ,CAAA;IACjC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAcA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA0B,SAAS,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAa1F,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,YAAY,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAA;IACpD,QAAQ,EAAE,MAAM,CAAA;CACjB,CA+DA,CAAA"}

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

@@ -1,22 +1,106 @@
 'use client';
-import { RenderFields } from '@payloadcms/ui/forms/RenderFields';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfirmPasswordField, Form, FormSubmit, PasswordField, RenderFields, useConfig, useTranslation } from '@payloadcms/ui';
+import { getFormState } from '@payloadcms/ui/shared';
 import React from 'react';
-export const CreateFirstUserFields = ({ createFirstUserFieldMap, userSlug })=>{
-    const { getFieldMap } = useComponentMap();
-    const fieldMap = getFieldMap({
-        collectionSlug: userSlug
+import { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js';
+export const CreateFirstUserClient = t0 => {
+  const $ = _c(13);
+  const {
+    initialState,
+    loginWithUsername,
+    userSlug
+  } = t0;
+  const {
+    config: t1,
+    getEntityConfig
+  } = useConfig();
+  const {
+    routes: t2,
+    serverURL
+  } = t1;
+  const {
+    admin,
+    api: apiRoute
+  } = t2;
+  const {
+    t
+  } = useTranslation();
+  let t3;
+  if ($[0] !== userSlug || $[1] !== getEntityConfig || $[2] !== apiRoute || $[3] !== serverURL || $[4] !== loginWithUsername || $[5] !== t || $[6] !== initialState || $[7] !== admin) {
+    const collectionConfig = getEntityConfig({
+      collectionSlug: userSlug
     });
-    return /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: [
-            ...fieldMap || [],
-            ...createFirstUserFieldMap || []
-        ],
+    let t4;
+    if ($[9] !== apiRoute || $[10] !== userSlug || $[11] !== serverURL) {
+      t4 = async t5 => {
+        const {
+          formState: prevFormState
+        } = t5;
+        return getFormState({
+          apiRoute,
+          body: {
+            collectionSlug: userSlug,
+            formState: prevFormState,
+            operation: "create",
+            schemaPath: `_${userSlug}.auth`
+          },
+          serverURL
+        });
+      };
+      $[9] = apiRoute;
+      $[10] = userSlug;
+      $[11] = serverURL;
+      $[12] = t4;
+    } else {
+      t4 = $[12];
+    }
+    const onChange = t4;
+    t3 = _jsxs(Form, {
+      action: `${serverURL}${apiRoute}/${userSlug}/first-register`,
+      initialState,
+      method: "POST",
+      onChange: [onChange],
+      redirect: admin,
+      validationOperation: "create",
+      children: [_jsx(RenderEmailAndUsernameFields, {
+        className: "emailAndUsername",
+        loginWithUsername,
+        operation: "create",
+        readOnly: false
+      }), _jsx(PasswordField, {
+        autoComplete: "off",
+        field: {
+          name: "password",
+          label: t("authentication:newPassword"),
+          required: true
+        }
+      }), _jsx(ConfirmPasswordField, {}), _jsx(RenderFields, {
+        fields: collectionConfig.fields,
+        forceRender: true,
         operation: "create",
         path: "",
         readOnly: false,
         schemaPath: userSlug
+      }), _jsx(FormSubmit, {
+        size: "large",
+        children: t("general:create")
+      })]
     });
+    $[0] = userSlug;
+    $[1] = getEntityConfig;
+    $[2] = apiRoute;
+    $[3] = serverURL;
+    $[4] = loginWithUsername;
+    $[5] = t;
+    $[6] = initialState;
+    $[7] = admin;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 };
-
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { RenderFields } from '@payloadcms/ui/forms/RenderFields'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport React from 'react'\n\nexport const CreateFirstUserFields: React.FC<{\n  createFirstUserFieldMap: FieldMap\n  userSlug: string\n}> = ({ createFirstUserFieldMap, userSlug }) => {\n  const { getFieldMap } = useComponentMap()\n\n  const fieldMap = getFieldMap({ collectionSlug: userSlug })\n\n  return (\n    <RenderFields\n      fieldMap={[...(fieldMap || []), ...(createFirstUserFieldMap || [])]}\n      operation=\"create\"\n      path=\"\"\n      readOnly={false}\n      schemaPath={userSlug}\n    />\n  )\n}\n"],"names":["RenderFields","useComponentMap","React","CreateFirstUserFields","createFirstUserFieldMap","userSlug","getFieldMap","fieldMap","collectionSlug","operation","path","readOnly","schemaPath"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,oCAAmC;AAChE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,wBAGR,CAAC,EAAEC,uBAAuB,EAAEC,QAAQ,EAAE;IACzC,MAAM,EAAEC,WAAW,EAAE,GAAGL;IAExB,MAAMM,WAAWD,YAAY;QAAEE,gBAAgBH;IAAS;IAExD,qBACE,oBAACL;QACCO,UAAU;eAAKA,YAAY,EAAE;eAAOH,2BAA2B,EAAE;SAAE;QACnEK,WAAU;QACVC,MAAK;QACLC,UAAU;QACVC,YAAYP;;AAGlB,EAAC"}
+{"version":3,"file":"index.client.js","names":["c","_c","ConfirmPasswordField","Form","FormSubmit","PasswordField","RenderFields","useConfig","useTranslation","getFormState","React","RenderEmailAndUsernameFields","CreateFirstUserClient","t0","$","initialState","loginWithUsername","userSlug","config","t1","getEntityConfig","routes","t2","serverURL","admin","api","apiRoute","t","t3","collectionConfig","collectionSlug","t4","t5","formState","prevFormState","body","operation","schemaPath","onChange","_jsxs","action","method","redirect","validationOperation","children","_jsx","className","readOnly","autoComplete","field","name","label","required","fields","forceRender","path","size"],"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, FormState, LoginWithUsernameOptions } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  type FormProps,\n  FormSubmit,\n  PasswordField,\n  RenderFields,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js'\n\nexport const CreateFirstUserClient: React.FC<{\n  initialState: FormState\n  loginWithUsername?: LoginWithUsernameOptions | false\n  userSlug: string\n}> = ({ initialState, loginWithUsername, userSlug }) => {\n  const {\n    config: {\n      routes: { admin, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug }) as ClientCollectionConfig\n\n  const onChange: FormProps['onChange'][0] = React.useCallback(\n    async ({ formState: prevFormState }) =>\n      getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: userSlug,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath: `_${userSlug}.auth`,\n        },\n        serverURL,\n      }),\n    [apiRoute, userSlug, serverURL],\n  )\n\n  return (\n    <Form\n      action={`${serverURL}${apiRoute}/${userSlug}/first-register`}\n      initialState={initialState}\n      method=\"POST\"\n      onChange={[onChange]}\n      redirect={admin}\n      validationOperation=\"create\"\n    >\n      <RenderEmailAndUsernameFields\n        className=\"emailAndUsername\"\n        loginWithUsername={loginWithUsername}\n        operation=\"create\"\n        readOnly={false}\n      />\n      <PasswordField\n        autoComplete={'off'}\n        field={{\n          name: 'password',\n          label: t('authentication:newPassword'),\n          required: true,\n        }}\n      />\n      <ConfirmPasswordField />\n      <RenderFields\n        fields={collectionConfig.fields}\n        forceRender\n        operation=\"create\"\n        path=\"\"\n        readOnly={false}\n        schemaPath={userSlug}\n      />\n      <FormSubmit size=\"large\">{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,oBAAoB,EACpBC,IAAI,EAEJC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,cAAc,QACT;AACP,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,4BAA4B,QAAQ;AAE7C,OAAO,MAAMC,qBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAAC;IAAAc,YAAA;IAAAC,iBAAA;IAAAC;EAAA,IAAAJ,EAA6C;EACjD;IAAAK,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAMIb,SAAA;EALM;IAAAc,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAJ,EAGP;EAFS;IAAAK,KAAA;IAAAC,GAAA,EAAAC;EAAA,IAAAJ,EAAwB;EAMpC;IAAAK;EAAA,IAAcnB,cAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAd,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAY,QAAA,IAAAZ,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAE,iBAAA,IAAAF,CAAA,QAAAa,CAAA,IAAAb,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAU,KAAA;IAEd,MAAAK,gBAAA,GAAyBT,eAAA;MAAAU,cAAA,EAAkCb;IAAA,CAAS;IAAA,IAAAc,EAAA;IAAA,IAAAjB,CAAA,QAAAY,QAAA,IAAAZ,CAAA,SAAAG,QAAA,IAAAH,CAAA,SAAAS,SAAA;MAGlEQ,EAAA,SAAAC,EAAA;QAAO;UAAAC,SAAA,EAAAC;QAAA,IAAAF,EAA4B;QAAA,OACjCvB,YAAA;UAAAiB,QAAA;UAAAS,IAAA;YAAAL,cAAA,EAGoBb,QAAA;YAAAgB,SAAA,EACLC,aAAA;YAAAE,SAAA,EACA;YAAAC,UAAA,EACC,IAAIpB,QAAA;UAAe;UAAAM;QAAA,CAGnC;MAAA;MAAAT,CAAA,MAAAY,QAAA;MAAAZ,CAAA,OAAAG,QAAA;MAAAH,CAAA,OAAAS,SAAA;MAAAT,CAAA,OAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IAXJ,MAAAwB,QAAA,GAA2CP,EAYV;IAI/BH,EAAA,GAAAW,KAAA,CAAApC,IAAA;MAAAqC,MAAA,EACU,GAAGjB,SAAA,GAAYG,QAAA,IAAYT,QAAA,iBAAyB;MAAAF,YAAA;MAAA0B,MAAA,EAErD;MAAAH,QAAA,GACIA,QAAA;MAAAI,QAAA,EACDlB,KAAA;MAAAmB,mBAAA,EACU;MAAAC,QAAA,GAEpBC,IAAA,CAAAlC,4BAAA;QAAAmC,SAAA,EACY;QAAA9B,iBAAA;QAAAoB,SAAA,EAEA;QAAAW,QAAA;MAAA,C,GAGZF,IAAA,CAAAxC,aAAA;QAAA2C,YAAA,EACgB;QAAAC,KAAA;UAAAC,IAAA,EAEN;UAAAC,KAAA,EACCxB,CAAA,CAAE;UAAAyB,QAAA;QAAA;MAAA,C,GAIbP,IAAA,CAAA3C,oBAAA,IAAC,GACD2C,IAAA,CAAAvC,YAAA;QAAA+C,MAAA,EACUxB,gBAAA,CAAAwB,MAAA;QAAAC,WAAA;QAAAlB,SAAA,EAEE;QAAAmB,IAAA,EACL;QAAAR,QAAA;QAAAV,UAAA,EAEOpB;MAAA,C,GAEd4B,IAAA,CAAAzC,UAAA;QAAAoD,IAAA,EAAiB;QAAAZ,QAAA,EAASjB,CAAA,CAAE;MAAA,C;;;;;;;;;;;;;;SA/B9BC,E;CAkCJ","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 import './index.scss';
 export { generateCreateFirstUserMetadata } from './meta.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAOnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAE3D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4ExD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAE3D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoCxD,CAAA"}

package/dist/views/CreateFirstUser/index.js

@@ -1,63 +1,49 @@
-import { Form } from '@payloadcms/ui/forms/Form';
-import { FormSubmit } from '@payloadcms/ui/forms/Submit';
-import { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema';
-import { WithServerSideProps as WithServerSidePropsGeneric } from '@payloadcms/ui/providers/ComponentMap';
-import { mapFields } from '@payloadcms/ui/utilities/buildComponentMap';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { CreateFirstUserFields } from './index.client.js';
+import { getDocumentData } from '../Document/getDocumentData.js';
+import { CreateFirstUserClient } from './index.client.js';
 export { generateCreateFirstUserMetadata } from './meta.js';
-export const CreateFirstUserView = async ({ initPageResult })=>{
-    const { req, req: { i18n, payload, payload: { config, config: { admin: { user: userSlug }, routes: { admin: adminRoute, api: apiRoute }, serverURL } } } } = 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 WithServerSideProps = ({ Component, ...rest })=>{
-        return /*#__PURE__*/ React.createElement(WithServerSidePropsGeneric, {
-            Component: Component,
-            payload: payload,
-            ...rest
-        });
-    };
-    const createFirstUserFieldMap = mapFields({
-        WithServerSideProps,
-        config,
-        fieldSchema: fields,
-        i18n,
-        parentPath: userSlug
-    });
-    const formState = await buildStateFromSchema({
-        fieldSchema: fields,
-        operation: 'create',
-        preferences: {},
-        req
-    });
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h1", null, req.t('general:welcome')), /*#__PURE__*/ React.createElement("p", null, req.t('authentication:beginCreateFirstUser')), /*#__PURE__*/ React.createElement(Form, {
-        action: `${serverURL}${apiRoute}/${userSlug}/first-register`,
-        initialState: formState,
-        method: "POST",
-        redirect: adminRoute,
-        validationOperation: "create"
-    }, /*#__PURE__*/ React.createElement(CreateFirstUserFields, {
-        createFirstUserFieldMap: createFirstUserFieldMap,
-        userSlug: userSlug
-    }), /*#__PURE__*/ React.createElement(FormSubmit, null, req.t('general:create'))));
+        config
+      }
+    }
+  } = initPageResult;
+  const collectionConfig = config.collections?.find(collection => collection?.slug === userSlug);
+  const {
+    auth: authOptions
+  } = collectionConfig;
+  const loginWithUsername = authOptions.loginWithUsername;
+  const {
+    formState
+  } = await getDocumentData({
+    collectionConfig,
+    locale,
+    req,
+    schemaPath: `_${collectionConfig.slug}.auth`
+  });
+  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, {
+      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 { Field, WithServerSideProps as WithServerSidePropsType } from 'payload/types'\nimport type { AdminViewProps } from 'payload/types'\n\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { FormSubmit } from '@payloadcms/ui/forms/Submit'\nimport { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport { WithServerSideProps as WithServerSidePropsGeneric } from '@payloadcms/ui/providers/ComponentMap'\nimport { mapFields } from '@payloadcms/ui/utilities/buildComponentMap'\nimport React from 'react'\n\nimport { CreateFirstUserFields } 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      i18n,\n      payload,\n      payload: {\n        config,\n        config: {\n          admin: { user: userSlug },\n          routes: { admin: adminRoute, api: apiRoute },\n          serverURL,\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 WithServerSideProps: WithServerSidePropsType = ({ Component, ...rest }) => {\n    return <WithServerSidePropsGeneric Component={Component} payload={payload} {...rest} />\n  }\n\n  const createFirstUserFieldMap = mapFields({\n    WithServerSideProps,\n    config,\n    fieldSchema: fields,\n    i18n,\n    parentPath: userSlug,\n  })\n\n  const formState = await buildStateFromSchema({\n    fieldSchema: fields,\n    operation: 'create',\n    preferences: {},\n    req,\n  })\n\n  return (\n    <React.Fragment>\n      <h1>{req.t('general:welcome')}</h1>\n      <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      <Form\n        action={`${serverURL}${apiRoute}/${userSlug}/first-register`}\n        initialState={formState}\n        method=\"POST\"\n        redirect={adminRoute}\n        validationOperation=\"create\"\n      >\n        <CreateFirstUserFields\n          createFirstUserFieldMap={createFirstUserFieldMap}\n          userSlug={userSlug}\n        />\n        <FormSubmit>{req.t('general:create')}</FormSubmit>\n      </Form>\n    </React.Fragment>\n  )\n}\n"],"names":["Form","FormSubmit","buildStateFromSchema","WithServerSideProps","WithServerSidePropsGeneric","mapFields","React","CreateFirstUserFields","generateCreateFirstUserMetadata","CreateFirstUserView","initPageResult","req","i18n","payload","config","admin","user","userSlug","routes","adminRoute","api","apiRoute","serverURL","fields","name","type","label","t","required","Component","rest","createFirstUserFieldMap","fieldSchema","parentPath","formState","operation","preferences","Fragment","h1","p","action","initialState","method","redirect","validationOperation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,IAAI,QAAQ,4BAA2B;AAChD,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,oBAAoB,QAAQ,4CAA2C;AAChF,SAASC,uBAAuBC,0BAA0B,QAAQ,wCAAuC;AACzG,SAASC,SAAS,QAAQ,6CAA4C;AACtE,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,IAAI,EACJC,OAAO,EACPA,SAAS,EACPC,MAAM,EACNA,QAAQ,EACNC,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EACzBC,QAAQ,EAAEH,OAAOI,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC5CC,SAAS,EACV,EACF,EACF,EACF,GAAGZ;IAEJ,MAAMa,SAAkB;QACtB;YACEC,MAAM;YACNC,MAAM;YACNC,OAAOf,IAAIgB,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOf,IAAIgB,CAAC,CAAC;YACbC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAOf,IAAIgB,CAAC,CAAC;YACbC,UAAU;QACZ;KACD;IAED,MAAMzB,sBAA+C,CAAC,EAAE0B,SAAS,EAAE,GAAGC,MAAM;QAC1E,qBAAO,oBAAC1B;YAA2ByB,WAAWA;YAAWhB,SAASA;YAAU,GAAGiB,IAAI;;IACrF;IAEA,MAAMC,0BAA0B1B,UAAU;QACxCF;QACAW;QACAkB,aAAaT;QACbX;QACAqB,YAAYhB;IACd;IAEA,MAAMiB,YAAY,MAAMhC,qBAAqB;QAC3C8B,aAAaT;QACbY,WAAW;QACXC,aAAa,CAAC;QACdzB;IACF;IAEA,qBACE,oBAACL,MAAM+B,QAAQ,sBACb,oBAACC,YAAI3B,IAAIgB,CAAC,CAAC,mCACX,oBAACY,WAAG5B,IAAIgB,CAAC,CAAC,uDACV,oBAAC3B;QACCwC,QAAQ,CAAC,EAAElB,UAAU,EAAED,SAAS,CAAC,EAAEJ,SAAS,eAAe,CAAC;QAC5DwB,cAAcP;QACdQ,QAAO;QACPC,UAAUxB;QACVyB,qBAAoB;qBAEpB,oBAACrC;QACCwB,yBAAyBA;QACzBd,UAAUA;sBAEZ,oBAAChB,kBAAYU,IAAIgB,CAAC,CAAC;AAI3B,EAAC"}
+{"version":3,"file":"index.js","names":["React","getDocumentData","CreateFirstUserClient","generateCreateFirstUserMetadata","CreateFirstUserView","initPageResult","locale","req","payload","config","admin","user","userSlug","collectionConfig","collections","find","collection","slug","auth","authOptions","loginWithUsername","formState","schemaPath","_jsxs","className","_jsx","t","initialState"],"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport React from 'react'\n\nimport type { LoginFieldProps } from '../Login/LoginField/index.js'\n\nimport { getDocumentData } from '../Document/getDocumentData.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  const { formState } = await getDocumentData({\n    collectionConfig,\n    locale,\n    req,\n    schemaPath: `_${collectionConfig.slug}.auth`,\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        initialState={formState}\n        loginWithUsername={loginWithUsername}\n        userSlug={userSlug}\n      />\n    </div>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAIlB,SAASC,eAAe,QAAQ;AAChC,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,MAAM;IAAEC;EAAS,CAAE,GAAG,MAAMpB,eAAA,CAAgB;IAC1CY,gBAAA;IACAP,MAAA;IACAC,GAAA;IACAe,UAAA,EAAY,IAAIT,gBAAA,CAAiBI,IAAI;EACvC;EAEA,oBACEM,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAAC;gBAAIlB,GAAA,CAAImB,CAAC,CAAC;qBACXD,IAAA,CAAC;gBAAGlB,GAAA,CAAImB,CAAC,CAAC;qBACVD,IAAA,CAACvB,qBAAA;MACCyB,YAAA,EAAcN,SAAA;MACdD,iBAAA,EAAmBA,iBAAA;MACnBR,QAAA,EAAUA;;;AAIlB","ignoreList":[]}

package/dist/views/CreateFirstUser/index.scss

@@ -1,15 +1,9 @@
 .create-first-user {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  min-height: 100vh;
-
-  &__wrap {
-    width: 100%;
-    margin: 0 auto var(--base);
-
-    svg {
-      width: 100%;
-    }
+  > form > .field-type {
+    margin-bottom: var(--base);
   }
 }
+
+.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,12 @@
-import type { Permissions } from 'payload/auth';
-import type { SanitizedConfig, VisibleEntities } from 'payload/types';
+import type { groupNavItems } from '@payloadcms/ui/shared';
+import type { Permissions, ServerProps, VisibleEntities } from 'payload';
 import React from 'react';
 import './index.scss';
 export type DashboardProps = {
     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,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAUxE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG;IAC3B,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,CA4IrD,CAAA"}

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

@@ -1,28 +1,141 @@
-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, SetStepNav, SetViewActions } from '@payloadcms/ui';
+import { EntityType, RenderComponent, formatAdminURL, getCreateMappedComponent } 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 {
+    Link,
+    i18n,
+    i18n: {
+      t
+    },
+    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;
+                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}`
+                  });
+                }
+                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);
+        })]
+      }), /*#__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 { 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","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","_jsxs","className","_jsx","nav","actions","mappedComponent","length","map","entities","label","groupIndex","type","entity","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","collection","labels","plural","path","slug","collections","create","permission","global","singular","buttonStyle","el","icon","iconStyle","round","to","id","titleAs"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -26,13 +26,9 @@
     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%;
@@ -49,10 +45,18 @@
   }
 
   @include small-break {
-    --cols: 1;
+    --cols: 2;
 
     &__wrap {
       gap: var(--base);
     }
+
+    &__card-list {
+      gap: base(0.4);
+    }
+  }
+
+  @include extra-small-break {
+    --cols: 1;
   }
 }