@payloadcms/next 3.0.0-canary.d6053cd → 3.0.0-canary.d894ac7

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js

@@ -4,7 +4,7 @@ import { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } fr
 import { email, text } from 'payload/shared';
 import React, { Fragment, useState } from 'react';
 export const ForgotPasswordForm = ()=>{
-    const config = useConfig();
+    const { config } = useConfig();
     const { admin: { user: userSlug }, routes: { api } } = config;
     const { t } = useTranslation();
     const [hasSubmitted, setHasSubmitted] = useState(false);
@@ -56,9 +56,11 @@ export const ForgotPasswordForm = ()=>{
                 children: loginWithUsername ? t('authentication:forgotPasswordUsernameInstructions') : t('authentication:forgotPasswordEmailInstructions')
             }),
             loginWithUsername ? /*#__PURE__*/ _jsx(TextField, {
-                label: t('authentication:username'),
-                name: "username",
-                required: true,
+                field: {
+                    name: 'username',
+                    label: t('authentication:username'),
+                    required: true
+                },
                 validate: (value)=>text(value, {
                         name: 'username',
                         type: 'text',
@@ -77,9 +79,11 @@ export const ForgotPasswordForm = ()=>{
                     })
             }) : /*#__PURE__*/ _jsx(EmailField, {
                 autoComplete: "email",
-                label: t('general:email'),
-                name: "email",
-                required: true,
+                field: {
+                    name: 'email',
+                    label: t('general:email'),
+                    required: true
+                },
                 validate: (value)=>email(value, {
                         name: 'email',
                         type: 'email',

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { FormState, PayloadRequest } from 'payload'\n\nimport { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { email, text } from 'payload/shared'\nimport React, { Fragment, useState } from 'react'\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const config = useConfig()\n\n  const {\n    admin: { user: userSlug },\n    routes: { api },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const loginWithUsername = collectionConfig?.auth?.loginWithUsername\n\n  const handleResponse: FormProps['handleResponse'] = (res, successToast, errorToast) => {\n    res\n      .json()\n      .then(() => {\n        setHasSubmitted(true)\n        successToast(t('general:submissionSuccessful'))\n      })\n      .catch(() => {\n        errorToast(\n          loginWithUsername\n            ? t('authentication:usernameNotValid')\n            : t('authentication:emailNotValid'),\n        )\n      })\n  }\n\n  const initialState: FormState = loginWithUsername\n    ? {\n        username: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n    : {\n        email: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n\n  if (hasSubmitted) {\n    return (\n      <Fragment>\n        <h1>{t('authentication:emailSent')}</h1>\n        <p>{t('authentication:checkYourEmailForPasswordReset')}</p>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Form\n      action={`${api}/${userSlug}/forgot-password`}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      method=\"POST\"\n    >\n      <h1>{t('authentication:forgotPassword')}</h1>\n      <p>\n        {loginWithUsername\n          ? t('authentication:forgotPasswordUsernameInstructions')\n          : t('authentication:forgotPasswordEmailInstructions')}\n      </p>\n\n      {loginWithUsername ? (\n        <TextField\n          label={t('authentication:username')}\n          name=\"username\"\n          required\n          validate={(value) =>\n            text(value, {\n              name: 'username',\n              type: 'text',\n              data: {},\n              preferences: { fields: {} },\n              req: {\n                payload: {\n                  config,\n                },\n                t,\n              } as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      ) : (\n        <EmailField\n          autoComplete=\"email\"\n          label={t('general:email')}\n          name=\"email\"\n          required\n          validate={(value) =>\n            email(value, {\n              name: 'email',\n              type: 'email',\n              data: {},\n              preferences: { fields: {} },\n              req: { t } as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      )}\n      <FormSubmit>{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["EmailField","Form","FormSubmit","TextField","useConfig","useTranslation","email","text","React","Fragment","useState","ForgotPasswordForm","config","admin","user","userSlug","routes","api","t","hasSubmitted","setHasSubmitted","collectionConfig","collections","find","collection","slug","loginWithUsername","auth","handleResponse","res","successToast","errorToast","json","then","catch","initialState","username","initialValue","valid","value","undefined","h1","p","action","method","label","name","required","validate","type","data","preferences","fields","req","payload","siblingData","autoComplete"],"mappings":"AAAA;;AAKA,SAASA,UAAU,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACnG,SAASC,KAAK,EAAEC,IAAI,QAAQ,iBAAgB;AAC5C,OAAOC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AAEjD,OAAO,MAAMC,qBAA+B;IAC1C,MAAMC,SAASR;IAEf,MAAM,EACJS,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EACzBC,QAAQ,EAAEC,GAAG,EAAE,EAChB,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGb;IACd,MAAM,CAACc,cAAcC,gBAAgB,GAAGV,SAAS;IACjD,MAAMW,mBAAmBT,OAAOU,WAAW,EAAEC,KAAK,CAACC,aAAeA,YAAYC,SAASV;IACvF,MAAMW,oBAAoBL,kBAAkBM,MAAMD;IAElD,MAAME,iBAA8C,CAACC,KAAKC,cAAcC;QACtEF,IACGG,IAAI,GACJC,IAAI,CAAC;YACJb,gBAAgB;YAChBU,aAAaZ,EAAE;QACjB,GACCgB,KAAK,CAAC;YACLH,WACEL,oBACIR,EAAE,qCACFA,EAAE;QAEV;IACJ;IAEA,MAAMiB,eAA0BT,oBAC5B;QACEU,UAAU;YACRC,cAAc;YACdC,OAAO;YACPC,OAAOC;QACT;IACF,IACA;QACElC,OAAO;YACL+B,cAAc;YACdC,OAAO;YACPC,OAAOC;QACT;IACF;IAEJ,IAAIrB,cAAc;QAChB,qBACE,MAACV;;8BACC,KAACgC;8BAAIvB,EAAE;;8BACP,KAACwB;8BAAGxB,EAAE;;;;IAGZ;IAEA,qBACE,MAACjB;QACC0C,QAAQ,CAAC,EAAE1B,IAAI,CAAC,EAAEF,SAAS,gBAAgB,CAAC;QAC5Ca,gBAAgBA;QAChBO,cAAcA;QACdS,QAAO;;0BAEP,KAACH;0BAAIvB,EAAE;;0BACP,KAACwB;0BACEhB,oBACGR,EAAE,uDACFA,EAAE;;YAGPQ,kCACC,KAACvB;gBACC0C,OAAO3B,EAAE;gBACT4B,MAAK;gBACLC,QAAQ;gBACRC,UAAU,CAACT,QACThC,KAAKgC,OAAO;wBACVO,MAAM;wBACNG,MAAM;wBACNC,MAAM,CAAC;wBACPC,aAAa;4BAAEC,QAAQ,CAAC;wBAAE;wBAC1BC,KAAK;4BACHC,SAAS;gCACP1C;4BACF;4BACAM;wBACF;wBACA6B,UAAU;wBACVQ,aAAa,CAAC;oBAChB;+BAIJ,KAACvD;gBACCwD,cAAa;gBACbX,OAAO3B,EAAE;gBACT4B,MAAK;gBACLC,QAAQ;gBACRC,UAAU,CAACT,QACTjC,MAAMiC,OAAO;wBACXO,MAAM;wBACNG,MAAM;wBACNC,MAAM,CAAC;wBACPC,aAAa;4BAAEC,QAAQ,CAAC;wBAAE;wBAC1BC,KAAK;4BAAEnC;wBAAE;wBACT6B,UAAU;wBACVQ,aAAa,CAAC;oBAChB;;0BAIN,KAACrD;0BAAYgB,EAAE;;;;AAGrB,EAAC"}
+{"version":3,"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { FormState, PayloadRequest } from 'payload'\n\nimport { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { email, text } from 'payload/shared'\nimport React, { Fragment, useState } from 'react'\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const { config } = useConfig()\n\n  const {\n    admin: { user: userSlug },\n    routes: { api },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const loginWithUsername = collectionConfig?.auth?.loginWithUsername\n\n  const handleResponse: FormProps['handleResponse'] = (res, successToast, errorToast) => {\n    res\n      .json()\n      .then(() => {\n        setHasSubmitted(true)\n        successToast(t('general:submissionSuccessful'))\n      })\n      .catch(() => {\n        errorToast(\n          loginWithUsername\n            ? t('authentication:usernameNotValid')\n            : t('authentication:emailNotValid'),\n        )\n      })\n  }\n\n  const initialState: FormState = loginWithUsername\n    ? {\n        username: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n    : {\n        email: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n\n  if (hasSubmitted) {\n    return (\n      <Fragment>\n        <h1>{t('authentication:emailSent')}</h1>\n        <p>{t('authentication:checkYourEmailForPasswordReset')}</p>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Form\n      action={`${api}/${userSlug}/forgot-password`}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      method=\"POST\"\n    >\n      <h1>{t('authentication:forgotPassword')}</h1>\n      <p>\n        {loginWithUsername\n          ? t('authentication:forgotPasswordUsernameInstructions')\n          : t('authentication:forgotPasswordEmailInstructions')}\n      </p>\n\n      {loginWithUsername ? (\n        <TextField\n          field={{\n            name: 'username',\n            label: t('authentication:username'),\n            required: true,\n          }}\n          validate={(value) =>\n            text(value, {\n              name: 'username',\n              type: 'text',\n              data: {},\n              preferences: { fields: {} },\n              req: {\n                payload: {\n                  config,\n                },\n                t,\n              } as unknown as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      ) : (\n        <EmailField\n          autoComplete=\"email\"\n          field={{\n            name: 'email',\n            label: t('general:email'),\n            required: true,\n          }}\n          validate={(value) =>\n            email(value, {\n              name: 'email',\n              type: 'email',\n              data: {},\n              preferences: { fields: {} },\n              req: { t } as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      )}\n      <FormSubmit>{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["EmailField","Form","FormSubmit","TextField","useConfig","useTranslation","email","text","React","Fragment","useState","ForgotPasswordForm","config","admin","user","userSlug","routes","api","t","hasSubmitted","setHasSubmitted","collectionConfig","collections","find","collection","slug","loginWithUsername","auth","handleResponse","res","successToast","errorToast","json","then","catch","initialState","username","initialValue","valid","value","undefined","h1","p","action","method","field","name","label","required","validate","type","data","preferences","fields","req","payload","siblingData","autoComplete"],"mappings":"AAAA;;AAKA,SAASA,UAAU,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACnG,SAASC,KAAK,EAAEC,IAAI,QAAQ,iBAAgB;AAC5C,OAAOC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AAEjD,OAAO,MAAMC,qBAA+B;IAC1C,MAAM,EAAEC,MAAM,EAAE,GAAGR;IAEnB,MAAM,EACJS,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EACzBC,QAAQ,EAAEC,GAAG,EAAE,EAChB,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGb;IACd,MAAM,CAACc,cAAcC,gBAAgB,GAAGV,SAAS;IACjD,MAAMW,mBAAmBT,OAAOU,WAAW,EAAEC,KAAK,CAACC,aAAeA,YAAYC,SAASV;IACvF,MAAMW,oBAAoBL,kBAAkBM,MAAMD;IAElD,MAAME,iBAA8C,CAACC,KAAKC,cAAcC;QACtEF,IACGG,IAAI,GACJC,IAAI,CAAC;YACJb,gBAAgB;YAChBU,aAAaZ,EAAE;QACjB,GACCgB,KAAK,CAAC;YACLH,WACEL,oBACIR,EAAE,qCACFA,EAAE;QAEV;IACJ;IAEA,MAAMiB,eAA0BT,oBAC5B;QACEU,UAAU;YACRC,cAAc;YACdC,OAAO;YACPC,OAAOC;QACT;IACF,IACA;QACElC,OAAO;YACL+B,cAAc;YACdC,OAAO;YACPC,OAAOC;QACT;IACF;IAEJ,IAAIrB,cAAc;QAChB,qBACE,MAACV;;8BACC,KAACgC;8BAAIvB,EAAE;;8BACP,KAACwB;8BAAGxB,EAAE;;;;IAGZ;IAEA,qBACE,MAACjB;QACC0C,QAAQ,CAAC,EAAE1B,IAAI,CAAC,EAAEF,SAAS,gBAAgB,CAAC;QAC5Ca,gBAAgBA;QAChBO,cAAcA;QACdS,QAAO;;0BAEP,KAACH;0BAAIvB,EAAE;;0BACP,KAACwB;0BACEhB,oBACGR,EAAE,uDACFA,EAAE;;YAGPQ,kCACC,KAACvB;gBACC0C,OAAO;oBACLC,MAAM;oBACNC,OAAO7B,EAAE;oBACT8B,UAAU;gBACZ;gBACAC,UAAU,CAACV,QACThC,KAAKgC,OAAO;wBACVO,MAAM;wBACNI,MAAM;wBACNC,MAAM,CAAC;wBACPC,aAAa;4BAAEC,QAAQ,CAAC;wBAAE;wBAC1BC,KAAK;4BACHC,SAAS;gCACP3C;4BACF;4BACAM;wBACF;wBACA8B,UAAU;wBACVQ,aAAa,CAAC;oBAChB;+BAIJ,KAACxD;gBACCyD,cAAa;gBACbZ,OAAO;oBACLC,MAAM;oBACNC,OAAO7B,EAAE;oBACT8B,UAAU;gBACZ;gBACAC,UAAU,CAACV,QACTjC,MAAMiC,OAAO;wBACXO,MAAM;wBACNI,MAAM;wBACNC,MAAM,CAAC;wBACPC,aAAa;4BAAEC,QAAQ,CAAC;wBAAE;wBAC1BC,KAAK;4BAAEpC;wBAAE;wBACT8B,UAAU;wBACVQ,aAAa,CAAC;oBAChB;;0BAIN,KAACtD;0BAAYgB,EAAE;;;;AAGrB,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA;AAG1D,eAAO,MAAM,uBAAuB,oBAAoB,CAAA;AAExD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2CvD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA;AAG1D,eAAO,MAAM,uBAAuB,oBAAoB,CAAA;AAExD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2DvD,CAAA"}

package/dist/views/ForgotPassword/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Translation } from '@payloadcms/ui';
+import { formatAdminURL } from '@payloadcms/ui/shared';
 import LinkImport from 'next/link.js';
 import React, { Fragment } from 'react';
 import { ForgotPasswordForm } from './ForgotPasswordForm/index.js';
@@ -8,7 +9,7 @@ const Link = LinkImport.default || LinkImport;
 export const forgotPasswordBaseClass = 'forgot-password';
 export const ForgotPasswordView = ({ initPageResult })=>{
     const { req: { i18n, payload: { config }, user } } = initPageResult;
-    const { admin: { routes: { account: accountRoute } }, routes: { admin } } = config;
+    const { admin: { routes: { account: accountRoute, login: loginRoute } }, routes: { admin: adminRoute } } = config;
     if (user) {
         return /*#__PURE__*/ _jsxs(Fragment, {
             children: [
@@ -19,7 +20,10 @@ export const ForgotPasswordView = ({ initPageResult })=>{
                     children: /*#__PURE__*/ _jsx(Translation, {
                         elements: {
                             '0': ({ children })=>/*#__PURE__*/ _jsx(Link, {
-                                    href: `${admin}${accountRoute}`,
+                                    href: formatAdminURL({
+                                        adminRoute,
+                                        path: accountRoute
+                                    }),
                                     children: children
                                 })
                         },
@@ -32,7 +36,8 @@ export const ForgotPasswordView = ({ initPageResult })=>{
                     Link: Link,
                     buttonStyle: "secondary",
                     el: "link",
-                    to: admin,
+                    size: "large",
+                    to: adminRoute,
                     children: i18n.t('general:backToDashboard')
                 })
             ]
@@ -42,7 +47,10 @@ export const ForgotPasswordView = ({ initPageResult })=>{
         children: [
             /*#__PURE__*/ _jsx(ForgotPasswordForm, {}),
             /*#__PURE__*/ _jsx(Link, {
-                href: `${admin}/login`,
+                href: formatAdminURL({
+                    adminRoute,
+                    path: loginRoute
+                }),
                 children: i18n.t('authentication:backToLogin')
             })
         ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ForgotPassword/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { Button, Translation } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport { ForgotPasswordForm } from './ForgotPasswordForm/index.js'\n\nexport { generateForgotPasswordMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\nexport const forgotPasswordBaseClass = 'forgot-password'\n\nexport const ForgotPasswordView: React.FC<AdminViewProps> = ({ initPageResult }) => {\n  const {\n    req: {\n      i18n,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: {\n      routes: { account: accountRoute },\n    },\n    routes: { admin },\n  } = config\n\n  if (user) {\n    return (\n      <Fragment>\n        <h1>{i18n.t('authentication:alreadyLoggedIn')}</h1>\n        <p>\n          <Translation\n            elements={{\n              '0': ({ children }) => <Link href={`${admin}${accountRoute}`}>{children}</Link>,\n            }}\n            i18nKey=\"authentication:loggedInChangePassword\"\n            t={i18n.t}\n          />\n        </p>\n        <br />\n        <Button Link={Link} buttonStyle=\"secondary\" el=\"link\" to={admin}>\n          {i18n.t('general:backToDashboard')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Fragment>\n      <ForgotPasswordForm />\n      <Link href={`${admin}/login`}>{i18n.t('authentication:backToLogin')}</Link>\n    </Fragment>\n  )\n}\n"],"names":["Button","Translation","LinkImport","React","Fragment","ForgotPasswordForm","generateForgotPasswordMetadata","Link","default","forgotPasswordBaseClass","ForgotPasswordView","initPageResult","req","i18n","payload","config","user","admin","routes","account","accountRoute","h1","t","p","elements","children","href","i18nKey","br","buttonStyle","el","to"],"mappings":";AAEA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AACpD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,kBAAkB,QAAQ,gCAA+B;AAElE,SAASC,8BAA8B,QAAQ,YAAW;AAE1D,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AACpC,OAAO,MAAMO,0BAA0B,kBAAiB;AAExD,OAAO,MAAMC,qBAA+C,CAAC,EAAEC,cAAc,EAAE;IAC7E,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGL;IAEJ,MAAM,EACJM,OAAO,EACLC,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAED,KAAK,EAAE,EAClB,GAAGF;IAEJ,IAAIC,MAAM;QACR,qBACE,MAACZ;;8BACC,KAACiB;8BAAIR,KAAKS,CAAC,CAAC;;8BACZ,KAACC;8BACC,cAAA,KAACtB;wBACCuB,UAAU;4BACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAAK,KAAClB;oCAAKmB,MAAM,CAAC,EAAET,MAAM,EAAEG,aAAa,CAAC;8CAAGK;;wBACjE;wBACAE,SAAQ;wBACRL,GAAGT,KAAKS,CAAC;;;8BAGb,KAACM;8BACD,KAAC5B;oBAAOO,MAAMA;oBAAMsB,aAAY;oBAAYC,IAAG;oBAAOC,IAAId;8BACvDJ,KAAKS,CAAC,CAAC;;;;IAIhB;IAEA,qBACE,MAAClB;;0BACC,KAACC;0BACD,KAACE;gBAAKmB,MAAM,CAAC,EAAET,MAAM,MAAM,CAAC;0BAAGJ,KAAKS,CAAC,CAAC;;;;AAG5C,EAAC"}
+{"version":3,"sources":["../../../src/views/ForgotPassword/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { Button, Translation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nimport { ForgotPasswordForm } from './ForgotPasswordForm/index.js'\n\nexport { generateForgotPasswordMetadata } from './meta.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\nexport const forgotPasswordBaseClass = 'forgot-password'\n\nexport const ForgotPasswordView: React.FC<AdminViewProps> = ({ initPageResult }) => {\n  const {\n    req: {\n      i18n,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: {\n      routes: { account: accountRoute, login: loginRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  if (user) {\n    return (\n      <Fragment>\n        <h1>{i18n.t('authentication:alreadyLoggedIn')}</h1>\n        <p>\n          <Translation\n            elements={{\n              '0': ({ children }) => (\n                <Link\n                  href={formatAdminURL({\n                    adminRoute,\n                    path: accountRoute,\n                  })}\n                >\n                  {children}\n                </Link>\n              ),\n            }}\n            i18nKey=\"authentication:loggedInChangePassword\"\n            t={i18n.t}\n          />\n        </p>\n        <br />\n        <Button Link={Link} buttonStyle=\"secondary\" el=\"link\" size=\"large\" to={adminRoute}>\n          {i18n.t('general:backToDashboard')}\n        </Button>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Fragment>\n      <ForgotPasswordForm />\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: loginRoute,\n        })}\n      >\n        {i18n.t('authentication:backToLogin')}\n      </Link>\n    </Fragment>\n  )\n}\n"],"names":["Button","Translation","formatAdminURL","LinkImport","React","Fragment","ForgotPasswordForm","generateForgotPasswordMetadata","Link","default","forgotPasswordBaseClass","ForgotPasswordView","initPageResult","req","i18n","payload","config","user","admin","routes","account","accountRoute","login","loginRoute","adminRoute","h1","t","p","elements","children","href","path","i18nKey","br","buttonStyle","el","size","to"],"mappings":";AAEA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AACpD,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,kBAAkB,QAAQ,gCAA+B;AAElE,SAASC,8BAA8B,QAAQ,YAAW;AAE1D,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AACpC,OAAO,MAAMO,0BAA0B,kBAAiB;AAExD,OAAO,MAAMC,qBAA+C,CAAC,EAAEC,cAAc,EAAE;IAC7E,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGL;IAEJ,MAAM,EACJM,OAAO,EACLC,QAAQ,EAAEC,SAASC,YAAY,EAAEC,OAAOC,UAAU,EAAE,EACrD,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAE,EAC9B,GAAGR;IAEJ,IAAIC,MAAM;QACR,qBACE,MAACZ;;8BACC,KAACoB;8BAAIX,KAAKY,CAAC,CAAC;;8BACZ,KAACC;8BACC,cAAA,KAAC1B;wBACC2B,UAAU;4BACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAChB,KAACrB;oCACCsB,MAAM5B,eAAe;wCACnBsB;wCACAO,MAAMV;oCACR;8CAECQ;;wBAGP;wBACAG,SAAQ;wBACRN,GAAGZ,KAAKY,CAAC;;;8BAGb,KAACO;8BACD,KAACjC;oBAAOQ,MAAMA;oBAAM0B,aAAY;oBAAYC,IAAG;oBAAOC,MAAK;oBAAQC,IAAIb;8BACpEV,KAAKY,CAAC,CAAC;;;;IAIhB;IAEA,qBACE,MAACrB;;0BACC,KAACC;0BACD,KAACE;gBACCsB,MAAM5B,eAAe;oBACnBsB;oBACAO,MAAMR;gBACR;0BAECT,KAAKY,CAAC,CAAC;;;;AAIhB,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/Default/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EA4KnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/Default/index.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EA6KnC,CAAA"}

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button, DeleteMany, EditMany, Gutter, ListControls, ListSelection, Pagination, PerPage, Pill, PublishMany, RelationshipProvider, SelectionProvider, SetViewActions, StaggeredShimmers, Table, UnpublishMany, useComponentMap, useConfig, useEditDepth, useListInfo, useListQuery, useSearchParams, useStepNav, useTranslation, useWindowInfo } from '@payloadcms/ui';
+import { Button, DeleteMany, EditMany, Gutter, ListControls, ListHeader, ListSelection, Pagination, PerPage, PublishMany, RelationshipProvider, RenderComponent, SelectionProvider, SetViewActions, StaggeredShimmers, Table, UnpublishMany, ViewDescription, useConfig, useEditDepth, useListInfo, useListQuery, useSearchParams, useStepNav, useTranslation, useWindowInfo } from '@payloadcms/ui';
 import LinkImport from 'next/link.js';
 import { formatFilesize, isNumber } from 'payload/shared';
 import React, { Fragment, useEffect } from 'react';
@@ -11,14 +11,11 @@ export const DefaultListView = ()=>{
     const { Header, collectionSlug, hasCreatePermission, newDocumentURL } = useListInfo();
     const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery();
     const { searchParams } = useSearchParams();
-    const config = useConfig();
-    const { getComponentMap } = useComponentMap();
-    const componentMap = getComponentMap({
+    const { getEntityConfig } = useConfig();
+    const collectionConfig = getEntityConfig({
         collectionSlug
     });
-    const { AfterList, AfterListTable, BeforeList, BeforeListTable, Description, actionsMap, fieldMap } = componentMap || {};
-    const collectionConfig = config.collections.find((collection)=>collection.slug === collectionSlug);
-    const { labels } = collectionConfig;
+    const { admin: { components: { Description, afterList, afterListTable, beforeList, beforeListTable, views: { list: { actions } } }, description }, fields, labels } = collectionConfig;
     const { i18n } = useTranslation();
     const drawerDepth = useEditDepth();
     const { setStepNav } = useStepNav();
@@ -46,47 +43,53 @@ export const DefaultListView = ()=>{
         drawerDepth
     ]);
     return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
+        className: `${baseClass} ${baseClass}--${collectionSlug}`,
         children: [
             /*#__PURE__*/ _jsx(SetViewActions, {
-                actions: actionsMap?.List
+                actions: actions
+            }),
+            /*#__PURE__*/ _jsx(RenderComponent, {
+                mappedComponent: beforeList
             }),
-            BeforeList,
             /*#__PURE__*/ _jsx(SelectionProvider, {
                 docs: data.docs,
                 totalDocs: data.totalDocs,
                 children: /*#__PURE__*/ _jsxs(Gutter, {
                     className: `${baseClass}__wrap`,
                     children: [
-                        /*#__PURE__*/ _jsx("header", {
-                            className: `${baseClass}__header`,
-                            children: Header || /*#__PURE__*/ _jsxs(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ _jsx("h1", {
-                                        children: getTranslation(labels?.plural, i18n)
-                                    }),
-                                    hasCreatePermission && /*#__PURE__*/ _jsx(Pill, {
-                                        "aria-label": i18n.t('general:createNewLabel', {
-                                            label: getTranslation(labels?.singular, i18n)
-                                        }),
-                                        to: newDocumentURL,
-                                        children: i18n.t('general:createNew')
-                                    }),
-                                    !smallBreak && /*#__PURE__*/ _jsx(ListSelection, {
-                                        label: getTranslation(collectionConfig.labels.plural, i18n)
+                        Header || /*#__PURE__*/ _jsxs(ListHeader, {
+                            heading: getTranslation(labels?.plural, i18n),
+                            children: [
+                                hasCreatePermission && /*#__PURE__*/ _jsx(Button, {
+                                    Link: Link,
+                                    "aria-label": i18n.t('general:createNewLabel', {
+                                        label: getTranslation(labels?.singular, i18n)
                                     }),
-                                    Description && /*#__PURE__*/ _jsx("div", {
-                                        className: `${baseClass}__sub-header`,
-                                        children: Description
+                                    buttonStyle: "pill",
+                                    el: "link",
+                                    size: "small",
+                                    to: newDocumentURL,
+                                    children: i18n.t('general:createNew')
+                                }),
+                                !smallBreak && /*#__PURE__*/ _jsx(ListSelection, {
+                                    label: getTranslation(collectionConfig.labels.plural, i18n)
+                                }),
+                                (description || Description) && /*#__PURE__*/ _jsx("div", {
+                                    className: `${baseClass}__sub-header`,
+                                    children: /*#__PURE__*/ _jsx(ViewDescription, {
+                                        Description: Description,
+                                        description: description
                                     })
-                                ]
-                            })
+                                })
+                            ]
                         }),
                         /*#__PURE__*/ _jsx(ListControls, {
                             collectionConfig: collectionConfig,
-                            fieldMap: fieldMap
+                            fields: fields
+                        }),
+                        /*#__PURE__*/ _jsx(RenderComponent, {
+                            mappedComponent: beforeListTable
                         }),
-                        BeforeListTable,
                         !data.docs && /*#__PURE__*/ _jsx(StaggeredShimmers, {
                             className: [
                                 `${baseClass}__shimmer`,
@@ -101,7 +104,7 @@ export const DefaultListView = ()=>{
                                     uploadConfig: collectionConfig.upload
                                 },
                                 data: docs,
-                                fieldMap: fieldMap
+                                fields: fields
                             })
                         }),
                         data.docs && data.docs.length === 0 && /*#__PURE__*/ _jsxs("div", {
@@ -122,7 +125,9 @@ export const DefaultListView = ()=>{
                                 })
                             ]
                         }),
-                        AfterListTable,
+                        /*#__PURE__*/ _jsx(RenderComponent, {
+                            mappedComponent: afterListTable
+                        }),
                         data.docs && data.docs.length > 0 && /*#__PURE__*/ _jsxs("div", {
                             className: `${baseClass}__page-controls`,
                             children: [
@@ -132,7 +137,7 @@ export const DefaultListView = ()=>{
                                     limit: data.limit,
                                     nextPage: data.nextPage,
                                     numberOfNeighbors: 1,
-                                    onChange: handlePageChange,
+                                    onChange: (page)=>void handlePageChange(page),
                                     page: data.page,
                                     prevPage: data.prevPage,
                                     totalPages: data.totalPages
@@ -152,38 +157,36 @@ export const DefaultListView = ()=>{
                                             ]
                                         }),
                                         /*#__PURE__*/ _jsx(PerPage, {
-                                            handleChange: handlePerPageChange,
+                                            handleChange: (limit)=>void handlePerPageChange(limit),
                                             limit: isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit,
                                             limits: collectionConfig?.admin?.pagination?.limits,
                                             resetPage: data.totalDocs <= data.pagingCounter
                                         }),
-                                        smallBreak && /*#__PURE__*/ _jsx("div", {
+                                        smallBreak && /*#__PURE__*/ _jsxs("div", {
                                             className: `${baseClass}__list-selection`,
-                                            children: /*#__PURE__*/ _jsxs(Fragment, {
-                                                children: [
-                                                    /*#__PURE__*/ _jsx(ListSelection, {
-                                                        label: getTranslation(collectionConfig.labels.plural, i18n)
-                                                    }),
-                                                    /*#__PURE__*/ _jsxs("div", {
-                                                        className: `${baseClass}__list-selection-actions`,
-                                                        children: [
-                                                            /*#__PURE__*/ _jsx(EditMany, {
-                                                                collection: collectionConfig,
-                                                                fieldMap: fieldMap
-                                                            }),
-                                                            /*#__PURE__*/ _jsx(PublishMany, {
-                                                                collection: collectionConfig
-                                                            }),
-                                                            /*#__PURE__*/ _jsx(UnpublishMany, {
-                                                                collection: collectionConfig
-                                                            }),
-                                                            /*#__PURE__*/ _jsx(DeleteMany, {
-                                                                collection: collectionConfig
-                                                            })
-                                                        ]
-                                                    })
-                                                ]
-                                            })
+                                            children: [
+                                                /*#__PURE__*/ _jsx(ListSelection, {
+                                                    label: getTranslation(collectionConfig.labels.plural, i18n)
+                                                }),
+                                                /*#__PURE__*/ _jsxs("div", {
+                                                    className: `${baseClass}__list-selection-actions`,
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(EditMany, {
+                                                            collection: collectionConfig,
+                                                            fields: fields
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(PublishMany, {
+                                                            collection: collectionConfig
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(UnpublishMany, {
+                                                            collection: collectionConfig
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(DeleteMany, {
+                                                            collection: collectionConfig
+                                                        })
+                                                    ]
+                                                })
+                                            ]
                                         })
                                     ]
                                 })
@@ -192,7 +195,9 @@ export const DefaultListView = ()=>{
                     ]
                 })
             }),
-            AfterList
+            /*#__PURE__*/ _jsx(RenderComponent, {
+                mappedComponent: afterList
+            })
         ]
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/List/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionComponentMap } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DeleteMany,\n  EditMany,\n  Gutter,\n  ListControls,\n  ListSelection,\n  Pagination,\n  PerPage,\n  Pill,\n  PublishMany,\n  RelationshipProvider,\n  SelectionProvider,\n  SetViewActions,\n  StaggeredShimmers,\n  Table,\n  UnpublishMany,\n  useComponentMap,\n  useConfig,\n  useEditDepth,\n  useListInfo,\n  useListQuery,\n  useSearchParams,\n  useStepNav,\n  useTranslation,\n  useWindowInfo,\n} from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport { formatFilesize, isNumber } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultListView: React.FC = () => {\n  const { Header, collectionSlug, hasCreatePermission, newDocumentURL } = useListInfo()\n  const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery()\n  const { searchParams } = useSearchParams()\n\n  const config = useConfig()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug }) as CollectionComponentMap\n\n  const {\n    AfterList,\n    AfterListTable,\n    BeforeList,\n    BeforeListTable,\n    Description,\n    actionsMap,\n    fieldMap,\n  } = componentMap || {}\n\n  const collectionConfig = config.collections.find(\n    (collection) => collection.slug === collectionSlug,\n  )\n\n  const { labels } = collectionConfig\n\n  const { i18n } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  let docs = data.docs || []\n\n  if (collectionConfig.upload) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\n\n  useEffect(() => {\n    if (drawerDepth <= 1) {\n      setStepNav([\n        {\n          label: labels?.plural,\n        },\n      ])\n    }\n  }, [setStepNav, labels, drawerDepth])\n\n  return (\n    <div className={baseClass}>\n      <SetViewActions actions={actionsMap?.List} />\n      {BeforeList}\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <header className={`${baseClass}__header`}>\n            {Header || (\n              <Fragment>\n                <h1>{getTranslation(labels?.plural, i18n)}</h1>\n                {hasCreatePermission && (\n                  <Pill\n                    aria-label={i18n.t('general:createNewLabel', {\n                      label: getTranslation(labels?.singular, i18n),\n                    })}\n                    to={newDocumentURL}\n                  >\n                    {i18n.t('general:createNew')}\n                  </Pill>\n                )}\n                {!smallBreak && (\n                  <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n                )}\n                {Description && <div className={`${baseClass}__sub-header`}>{Description}</div>}\n              </Fragment>\n            )}\n          </header>\n          <ListControls collectionConfig={collectionConfig} fieldMap={fieldMap} />\n          {BeforeListTable}\n          {!data.docs && (\n            <StaggeredShimmers\n              className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}\n              count={6}\n            />\n          )}\n          {data.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <Table\n                customCellContext={{\n                  collectionSlug,\n                  uploadConfig: collectionConfig.upload,\n                }}\n                data={docs}\n                fieldMap={fieldMap}\n              />\n            </RelationshipProvider>\n          )}\n          {data.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>{i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}</p>\n              {hasCreatePermission && newDocumentURL && (\n                <Button Link={Link} el=\"link\" to={newDocumentURL}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                </Button>\n              )}\n            </div>\n          )}\n          {AfterListTable}\n          {data.docs && data.docs.length > 0 && (\n            <div className={`${baseClass}__page-controls`}>\n              <Pagination\n                hasNextPage={data.hasNextPage}\n                hasPrevPage={data.hasPrevPage}\n                limit={data.limit}\n                nextPage={data.nextPage}\n                numberOfNeighbors={1}\n                onChange={handlePageChange}\n                page={data.page}\n                prevPage={data.prevPage}\n                totalPages={data.totalPages}\n              />\n              {data?.totalDocs > 0 && (\n                <Fragment>\n                  <div className={`${baseClass}__page-info`}>\n                    {data.page * data.limit - (data.limit - 1)}-\n                    {data.totalPages > 1 && data.totalPages !== data.page\n                      ? data.limit * data.page\n                      : data.totalDocs}{' '}\n                    {i18n.t('general:of')} {data.totalDocs}\n                  </div>\n                  <PerPage\n                    handleChange={handlePerPageChange}\n                    limit={\n                      isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit\n                    }\n                    limits={collectionConfig?.admin?.pagination?.limits}\n                    resetPage={data.totalDocs <= data.pagingCounter}\n                  />\n                  {smallBreak && (\n                    <div className={`${baseClass}__list-selection`}>\n                      <Fragment>\n                        <ListSelection\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          <EditMany collection={collectionConfig} fieldMap={fieldMap} />\n                          <PublishMany collection={collectionConfig} />\n                          <UnpublishMany collection={collectionConfig} />\n                          <DeleteMany collection={collectionConfig} />\n                        </div>\n                      </Fragment>\n                    </div>\n                  )}\n                </Fragment>\n              )}\n            </div>\n          )}\n        </Gutter>\n      </SelectionProvider>\n      {AfterList}\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","DeleteMany","EditMany","Gutter","ListControls","ListSelection","Pagination","PerPage","Pill","PublishMany","RelationshipProvider","SelectionProvider","SetViewActions","StaggeredShimmers","Table","UnpublishMany","useComponentMap","useConfig","useEditDepth","useListInfo","useListQuery","useSearchParams","useStepNav","useTranslation","useWindowInfo","LinkImport","formatFilesize","isNumber","React","Fragment","useEffect","baseClass","Link","default","DefaultListView","Header","collectionSlug","hasCreatePermission","newDocumentURL","data","defaultLimit","handlePageChange","handlePerPageChange","searchParams","config","getComponentMap","componentMap","AfterList","AfterListTable","BeforeList","BeforeListTable","Description","actionsMap","fieldMap","collectionConfig","collections","find","collection","slug","labels","i18n","drawerDepth","setStepNav","breakpoints","s","smallBreak","docs","upload","map","doc","filesize","label","plural","div","className","actions","List","totalDocs","header","h1","aria-label","t","singular","to","join","count","length","customCellContext","uploadConfig","p","el","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","admin","pagination","resetPage","pagingCounter"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/views/List/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  DeleteMany,\n  EditMany,\n  Gutter,\n  ListControls,\n  ListHeader,\n  ListSelection,\n  Pagination,\n  PerPage,\n  PublishMany,\n  RelationshipProvider,\n  RenderComponent,\n  SelectionProvider,\n  SetViewActions,\n  StaggeredShimmers,\n  Table,\n  UnpublishMany,\n  ViewDescription,\n  useConfig,\n  useEditDepth,\n  useListInfo,\n  useListQuery,\n  useSearchParams,\n  useStepNav,\n  useTranslation,\n  useWindowInfo,\n} from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport { formatFilesize, isNumber } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultListView: React.FC = () => {\n  const { Header, collectionSlug, hasCreatePermission, newDocumentURL } = useListInfo()\n  const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery()\n  const { searchParams } = useSearchParams()\n\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n\n  const {\n    admin: {\n      components: {\n        Description,\n        afterList,\n        afterListTable,\n        beforeList,\n        beforeListTable,\n        views: {\n          list: { actions },\n        },\n      },\n      description,\n    },\n    fields,\n    labels,\n  } = collectionConfig\n\n  const { i18n } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  let docs = data.docs || []\n\n  if (collectionConfig.upload) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\n\n  useEffect(() => {\n    if (drawerDepth <= 1) {\n      setStepNav([\n        {\n          label: labels?.plural,\n        },\n      ])\n    }\n  }, [setStepNav, labels, drawerDepth])\n\n  return (\n    <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n      <SetViewActions actions={actions} />\n      <RenderComponent mappedComponent={beforeList} />\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <Gutter className={`${baseClass}__wrap`}>\n          {Header || (\n            <ListHeader heading={getTranslation(labels?.plural, i18n)}>\n              {hasCreatePermission && (\n                <Button\n                  Link={Link}\n                  aria-label={i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                  buttonStyle=\"pill\"\n                  el=\"link\"\n                  size=\"small\"\n                  to={newDocumentURL}\n                >\n                  {i18n.t('general:createNew')}\n                </Button>\n              )}\n              {!smallBreak && (\n                <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n              )}\n              {(description || Description) && (\n                <div className={`${baseClass}__sub-header`}>\n                  <ViewDescription Description={Description} description={description} />\n                </div>\n              )}\n            </ListHeader>\n          )}\n          <ListControls collectionConfig={collectionConfig} fields={fields} />\n          <RenderComponent mappedComponent={beforeListTable} />\n          {!data.docs && (\n            <StaggeredShimmers\n              className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}\n              count={6}\n            />\n          )}\n          {data.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <Table\n                customCellContext={{\n                  collectionSlug,\n                  uploadConfig: collectionConfig.upload,\n                }}\n                data={docs}\n                fields={fields}\n              />\n            </RelationshipProvider>\n          )}\n          {data.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>{i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}</p>\n              {hasCreatePermission && newDocumentURL && (\n                <Button Link={Link} el=\"link\" to={newDocumentURL}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                </Button>\n              )}\n            </div>\n          )}\n          <RenderComponent mappedComponent={afterListTable} />\n          {data.docs && data.docs.length > 0 && (\n            <div className={`${baseClass}__page-controls`}>\n              <Pagination\n                hasNextPage={data.hasNextPage}\n                hasPrevPage={data.hasPrevPage}\n                limit={data.limit}\n                nextPage={data.nextPage}\n                numberOfNeighbors={1}\n                onChange={(page) => void handlePageChange(page)}\n                page={data.page}\n                prevPage={data.prevPage}\n                totalPages={data.totalPages}\n              />\n              {data?.totalDocs > 0 && (\n                <Fragment>\n                  <div className={`${baseClass}__page-info`}>\n                    {data.page * data.limit - (data.limit - 1)}-\n                    {data.totalPages > 1 && data.totalPages !== data.page\n                      ? data.limit * data.page\n                      : data.totalDocs}{' '}\n                    {i18n.t('general:of')} {data.totalDocs}\n                  </div>\n                  <PerPage\n                    handleChange={(limit) => void handlePerPageChange(limit)}\n                    limit={\n                      isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit\n                    }\n                    limits={collectionConfig?.admin?.pagination?.limits}\n                    resetPage={data.totalDocs <= data.pagingCounter}\n                  />\n                  {smallBreak && (\n                    <div className={`${baseClass}__list-selection`}>\n                      <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n                      <div className={`${baseClass}__list-selection-actions`}>\n                        <EditMany collection={collectionConfig} fields={fields} />\n                        <PublishMany collection={collectionConfig} />\n                        <UnpublishMany collection={collectionConfig} />\n                        <DeleteMany collection={collectionConfig} />\n                      </div>\n                    </div>\n                  )}\n                </Fragment>\n              )}\n            </div>\n          )}\n        </Gutter>\n      </SelectionProvider>\n      <RenderComponent mappedComponent={afterList} />\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","DeleteMany","EditMany","Gutter","ListControls","ListHeader","ListSelection","Pagination","PerPage","PublishMany","RelationshipProvider","RenderComponent","SelectionProvider","SetViewActions","StaggeredShimmers","Table","UnpublishMany","ViewDescription","useConfig","useEditDepth","useListInfo","useListQuery","useSearchParams","useStepNav","useTranslation","useWindowInfo","LinkImport","formatFilesize","isNumber","React","Fragment","useEffect","baseClass","Link","default","DefaultListView","Header","collectionSlug","hasCreatePermission","newDocumentURL","data","defaultLimit","handlePageChange","handlePerPageChange","searchParams","getEntityConfig","collectionConfig","admin","components","Description","afterList","afterListTable","beforeList","beforeListTable","views","list","actions","description","fields","labels","i18n","drawerDepth","setStepNav","breakpoints","s","smallBreak","docs","upload","map","doc","filesize","label","plural","div","className","mappedComponent","totalDocs","heading","aria-label","t","singular","buttonStyle","el","size","to","join","count","length","customCellContext","uploadConfig","p","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","pagination","resetPage","pagingCounter","collection"],"mappings":"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"}

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

@@ -2,7 +2,6 @@
 
 .collection-list {
   width: 100%;
-  margin-top: base(0.5);
 
   &__wrap {
     padding-bottom: var(--spacing-view-bottom);
@@ -12,30 +11,20 @@
     }
   }
 
-  &__header {
-    display: flex;
-    align-items: flex-end;
-    flex-wrap: wrap;
-    gap: base(0.75);
-
-    h1 {
-      margin: 0;
-    }
-
+  .list-header {
     a {
       text-decoration: none;
     }
 
-    .pill {
+    .btn--withoutPopup,
+    .btn--withPopup {
       position: relative;
-      top: -14px;
-      margin: 0;
+      margin: 0 0 base(0.2);
     }
   }
 
   &__sub-header {
     flex-basis: 100%;
-    margin-top: base(0.25);
   }
 
   .table {
@@ -57,7 +46,7 @@
       #heading-_select,
       .cell-_select {
         min-width: unset;
-        width: auto;
+        width: base(1);
       }
     }
   }
@@ -98,18 +87,18 @@
     position: fixed;
     bottom: 0;
     z-index: 10;
-    padding: base(0.75) 0;
+    padding: base(0.8) 0;
     width: 100%;
     background-color: var(--theme-bg);
 
     .btn {
-      margin: 0 0 0 base(0.5);
+      margin: 0 0 0 base(0.4);
     }
 
     .btn {
       background-color: var(--theme-elevation-100);
       cursor: pointer;
-      padding: 0 base(0.25);
+      padding: 0 base(0.4);
       border-radius: $style-radius-s;
 
       &:hover {
@@ -183,13 +172,6 @@
   }
 
   @include small-break {
-    margin-top: 0;
-    margin-bottom: base(3);
-
-    &__header {
-      .pill {
-        top: -6px;
-      }
-    }
+    margin-bottom: base(2.4);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAS,MAAM,SAAS,CAAA;AAYpD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8J7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiC,MAAM,SAAS,CAAA;AAa5E,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0L7C,CAAA"}