@payloadcms/next 3.0.0-canary.92e4997 → 3.0.0-canary.a0b06af

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

@@ -1,25 +1,30 @@
 'use client';
-import { Email } from '@payloadcms/ui/fields/Email';
-import { Form } from '@payloadcms/ui/forms/Form';
-import { FormSubmit } from '@payloadcms/ui/forms/Submit';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { email } from 'payload/fields/validations';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui';
+import { email, text } from 'payload/shared';
 import React, { Fragment, useState } from 'react';
-import { toast } from 'react-toastify';
 export const ForgotPasswordForm = ()=>{
     const config = useConfig();
     const { admin: { user: userSlug }, routes: { api } } = config;
     const { t } = useTranslation();
     const [hasSubmitted, setHasSubmitted] = useState(false);
-    const handleResponse = (res)=>{
+    const collectionConfig = config.collections?.find((collection)=>collection?.slug === userSlug);
+    const loginWithUsername = collectionConfig?.auth?.loginWithUsername;
+    const handleResponse = (res, successToast, errorToast)=>{
         res.json().then(()=>{
             setHasSubmitted(true);
-        }, ()=>{
-            toast.error(t('authentication:emailNotValid'));
+            successToast(t('general:submissionSuccessful'));
+        }).catch(()=>{
+            errorToast(loginWithUsername ? t('authentication:usernameNotValid') : t('authentication:emailNotValid'));
         });
     };
-    const initialState = {
+    const initialState = loginWithUsername ? {
+        username: {
+            initialValue: '',
+            valid: true,
+            value: undefined
+        }
+    } : {
         email: {
             initialValue: '',
             valid: true,
@@ -27,32 +32,73 @@ export const ForgotPasswordForm = ()=>{
         }
     };
     if (hasSubmitted) {
-        return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("h1", null, t('authentication:emailSent')), /*#__PURE__*/ React.createElement("p", null, t('authentication:checkYourEmailForPasswordReset')));
+        return /*#__PURE__*/ _jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx("h1", {
+                    children: t('authentication:emailSent')
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    children: t('authentication:checkYourEmailForPasswordReset')
+                })
+            ]
+        });
     }
-    return /*#__PURE__*/ React.createElement(Form, {
+    return /*#__PURE__*/ _jsxs(Form, {
         action: `${api}/${userSlug}/forgot-password`,
         handleResponse: handleResponse,
         initialState: initialState,
-        method: "POST"
-    }, /*#__PURE__*/ React.createElement("h1", null, t('authentication:forgotPassword')), /*#__PURE__*/ React.createElement("p", null, t('authentication:forgotPasswordEmailInstructions')), /*#__PURE__*/ React.createElement(Email, {
-        autoComplete: "email",
-        label: t('general:email'),
-        name: "email",
-        required: true,
-        validate: (value)=>email(value, {
-                name: 'email',
-                type: 'email',
-                data: {},
-                preferences: {
-                    fields: {}
-                },
-                req: {
-                    t
-                },
+        method: "POST",
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                children: t('authentication:forgotPassword')
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                children: loginWithUsername ? t('authentication:forgotPasswordUsernameInstructions') : t('authentication:forgotPasswordEmailInstructions')
+            }),
+            loginWithUsername ? /*#__PURE__*/ _jsx(TextField, {
+                label: t('authentication:username'),
+                name: "username",
+                required: true,
+                validate: (value)=>text(value, {
+                        name: 'username',
+                        type: 'text',
+                        data: {},
+                        preferences: {
+                            fields: {}
+                        },
+                        req: {
+                            payload: {
+                                config
+                            },
+                            t
+                        },
+                        required: true,
+                        siblingData: {}
+                    })
+            }) : /*#__PURE__*/ _jsx(EmailField, {
+                autoComplete: "email",
+                label: t('general:email'),
+                name: "email",
                 required: true,
-                siblingData: {}
+                validate: (value)=>email(value, {
+                        name: 'email',
+                        type: 'email',
+                        data: {},
+                        preferences: {
+                            fields: {}
+                        },
+                        req: {
+                            t
+                        },
+                        required: true,
+                        siblingData: {}
+                    })
+            }),
+            /*#__PURE__*/ _jsx(FormSubmit, {
+                children: t('general:submit')
             })
-    }), /*#__PURE__*/ React.createElement(FormSubmit, null, t('general:submit')));
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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 { FormState, PayloadRequestWithData } from 'payload/types'\n\nimport { Email } from '@payloadcms/ui/fields/Email'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { FormSubmit } from '@payloadcms/ui/forms/Submit'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { email } from 'payload/fields/validations'\nimport React, { Fragment, useState } from 'react'\nimport { toast } from 'react-toastify'\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\n  const handleResponse = (res) => {\n    res.json().then(\n      () => {\n        setHasSubmitted(true)\n      },\n      () => {\n        toast.error(t('authentication:emailNotValid'))\n      },\n    )\n  }\n\n  const initialState: FormState = {\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>{t('authentication:forgotPasswordEmailInstructions')}</p>\n      <Email\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 PayloadRequestWithData,\n            required: true,\n            siblingData: {},\n          })\n        }\n      />\n      <FormSubmit>{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["Email","Form","FormSubmit","useConfig","useTranslation","email","React","Fragment","useState","toast","ForgotPasswordForm","config","admin","user","userSlug","routes","api","t","hasSubmitted","setHasSubmitted","handleResponse","res","json","then","error","initialState","initialValue","valid","value","undefined","h1","p","action","method","autoComplete","label","name","required","validate","type","data","preferences","fields","req","siblingData"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,KAAK,QAAQ,8BAA6B;AACnD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,QAAQ,6BAA4B;AAClD,OAAOC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,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,GAAGX,SAAS;IAEjD,MAAMY,iBAAiB,CAACC;QACtBA,IAAIC,IAAI,GAAGC,IAAI,CACb;YACEJ,gBAAgB;QAClB,GACA;YACEV,MAAMe,KAAK,CAACP,EAAE;QAChB;IAEJ;IAEA,MAAMQ,eAA0B;QAC9BpB,OAAO;YACLqB,cAAc;YACdC,OAAO;YACPC,OAAOC;QACT;IACF;IAEA,IAAIX,cAAc;QAChB,qBACE,oBAACX,8BACC,oBAACuB,YAAIb,EAAE,4CACP,oBAACc,WAAGd,EAAE;IAGZ;IAEA,qBACE,oBAAChB;QACC+B,QAAQ,CAAC,EAAEhB,IAAI,CAAC,EAAEF,SAAS,gBAAgB,CAAC;QAC5CM,gBAAgBA;QAChBK,cAAcA;QACdQ,QAAO;qBAEP,oBAACH,YAAIb,EAAE,iDACP,oBAACc,WAAGd,EAAE,kEACN,oBAACjB;QACCkC,cAAa;QACbC,OAAOlB,EAAE;QACTmB,MAAK;QACLC,UAAAA;QACAC,UAAU,CAACV,QACTvB,MAAMuB,OAAO;gBACXQ,MAAM;gBACNG,MAAM;gBACNC,MAAM,CAAC;gBACPC,aAAa;oBAAEC,QAAQ,CAAC;gBAAE;gBAC1BC,KAAK;oBAAE1B;gBAAE;gBACToB,UAAU;gBACVO,aAAa,CAAC;YAChB;sBAGJ,oBAAC1C,kBAAYe,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          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"}

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

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 export { generateForgotPasswordMetadata } from './meta.js';
 export declare const forgotPasswordBaseClass = "forgot-password";

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,eAAe,CAAA;AAKnD,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,CAwCvD,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;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"}

package/dist/views/ForgotPassword/index.js

@@ -1,5 +1,5 @@
-import { Button } from '@payloadcms/ui/elements/Button';
-import { Translation } from '@payloadcms/ui/elements/Translation';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Translation } from '@payloadcms/ui';
 import LinkImport from 'next/link.js';
 import React, { Fragment } from 'react';
 import { ForgotPasswordForm } from './ForgotPasswordForm/index.js';
@@ -8,26 +8,45 @@ const Link = LinkImport.default || LinkImport;
 export const forgotPasswordBaseClass = 'forgot-password';
 export const ForgotPasswordView = ({ initPageResult })=>{
     const { req: { i18n, payload: { config }, user } } = initPageResult;
-    const { routes: { admin } } = config;
+    const { admin: { routes: { account: accountRoute } }, routes: { admin } } = config;
     if (user) {
-        return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("h1", null, i18n.t('authentication:alreadyLoggedIn')), /*#__PURE__*/ React.createElement("p", null, /*#__PURE__*/ React.createElement(Translation, {
-            elements: {
-                '0': ({ children })=>/*#__PURE__*/ React.createElement(Link, {
-                        href: `${admin}/account`
-                    }, children)
-            },
-            i18nKey: "authentication:loggedInChangePassword",
-            t: i18n.t
-        })), /*#__PURE__*/ React.createElement("br", null), /*#__PURE__*/ React.createElement(Button, {
-            Link: Link,
-            buttonStyle: "secondary",
-            el: "link",
-            to: admin
-        }, i18n.t('general:backToDashboard')));
+        return /*#__PURE__*/ _jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx("h1", {
+                    children: i18n.t('authentication:alreadyLoggedIn')
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    children: /*#__PURE__*/ _jsx(Translation, {
+                        elements: {
+                            '0': ({ children })=>/*#__PURE__*/ _jsx(Link, {
+                                    href: `${admin}${accountRoute}`,
+                                    children: children
+                                })
+                        },
+                        i18nKey: "authentication:loggedInChangePassword",
+                        t: i18n.t
+                    })
+                }),
+                /*#__PURE__*/ _jsx("br", {}),
+                /*#__PURE__*/ _jsx(Button, {
+                    Link: Link,
+                    buttonStyle: "secondary",
+                    el: "link",
+                    to: admin,
+                    children: i18n.t('general:backToDashboard')
+                })
+            ]
+        });
     }
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(ForgotPasswordForm, null), /*#__PURE__*/ React.createElement(Link, {
-        href: `${admin}/login`
-    }, i18n.t('authentication:backToLogin')));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(ForgotPasswordForm, {}),
+            /*#__PURE__*/ _jsx(Link, {
+                href: `${admin}/login`,
+                children: i18n.t('authentication:backToLogin')
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ForgotPassword/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload/types'\n\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { Translation } from '@payloadcms/ui/elements/Translation'\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    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}/account`}>{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","routes","admin","h1","t","p","elements","children","href","i18nKey","br","buttonStyle","el","to"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,MAAM,QAAQ,iCAAgC;AACvD,SAASC,WAAW,QAAQ,sCAAqC;AACjE,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,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGH;IAEJ,IAAIC,MAAM;QACR,qBACE,oBAACZ,8BACC,oBAACe,YAAIN,KAAKO,CAAC,CAAC,kDACZ,oBAACC,yBACC,oBAACpB;YACCqB,UAAU;gBACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAAK,oBAAChB;wBAAKiB,MAAM,CAAC,EAAEN,MAAM,QAAQ,CAAC;uBAAGK;YAC1D;YACAE,SAAQ;YACRL,GAAGP,KAAKO,CAAC;2BAGb,oBAACM,2BACD,oBAAC1B;YAAOO,MAAMA;YAAMoB,aAAY;YAAYC,IAAG;YAAOC,IAAIX;WACvDL,KAAKO,CAAC,CAAC;IAIhB;IAEA,qBACE,oBAAChB,8BACC,oBAACC,yCACD,oBAACE;QAAKiB,MAAM,CAAC,EAAEN,MAAM,MAAM,CAAC;OAAGL,KAAKO,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 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"}

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

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,8BAA8B,EAAE,oBAU5C,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,8BAA8B,EAAE,oBAUzC,CAAA"}

package/dist/views/ForgotPassword/meta.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ForgotPassword/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateForgotPasswordMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) => {\n  return meta({\n    config,\n    description: t('authentication:forgotPassword'),\n    keywords: t('authentication:forgotPassword'),\n    title: t('authentication:forgotPassword'),\n  })\n}\n"],"names":["meta","generateForgotPasswordMetadata","config","i18n","t","description","keywords","title"],"rangeMappings":";;;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,iCAAuD,OAAO,EACzEC,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,"sources":["../../../src/views/ForgotPassword/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateForgotPasswordMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) =>\n  meta({\n    description: t('authentication:forgotPassword'),\n    keywords: t('authentication:forgotPassword'),\n    title: t('authentication:forgotPassword'),\n    ...(config.admin.meta || {}),\n    serverURL: config.serverURL,\n  })\n"],"names":["meta","generateForgotPasswordMetadata","config","i18n","t","description","keywords","title","admin","serverURL"],"mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,iCAAuD,OAAO,EACzEC,MAAM,EACNC,MAAM,EAAEC,CAAC,EAAE,EACZ,GACCJ,KAAK;QACHK,aAAaD,EAAE;QACfE,UAAUF,EAAE;QACZG,OAAOH,EAAE;QACT,GAAIF,OAAOM,KAAK,CAACR,IAAI,IAAI,CAAC,CAAC;QAC3BS,WAAWP,OAAOO,SAAS;IAC7B,GAAE"}

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":"AA+BA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAwKnC,CAAA"}
+{"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"}

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

@@ -1,31 +1,9 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button } from '@payloadcms/ui/elements/Button';
-import { DeleteMany } from '@payloadcms/ui/elements/DeleteMany';
-import { EditMany } from '@payloadcms/ui/elements/EditMany';
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import { ListControls } from '@payloadcms/ui/elements/ListControls';
-import { ListSelection } from '@payloadcms/ui/elements/ListSelection';
-import { Pagination } from '@payloadcms/ui/elements/Pagination';
-import { PerPage } from '@payloadcms/ui/elements/PerPage';
-import { Pill } from '@payloadcms/ui/elements/Pill';
-import { PublishMany } from '@payloadcms/ui/elements/PublishMany';
-import { StaggeredShimmers } from '@payloadcms/ui/elements/ShimmerEffect';
-import { useStepNav } from '@payloadcms/ui/elements/StepNav';
-import { Table } from '@payloadcms/ui/elements/Table';
-import { RelationshipProvider } from '@payloadcms/ui/elements/Table/RelationshipProvider';
-import { UnpublishMany } from '@payloadcms/ui/elements/UnpublishMany';
-import { useWindowInfo } from '@payloadcms/ui/elements/WindowInfo';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useListInfo } from '@payloadcms/ui/providers/ListInfo';
-import { useListQuery } from '@payloadcms/ui/providers/ListQuery';
-import { useSearchParams } from '@payloadcms/ui/providers/SearchParams';
-import { SelectionProvider } from '@payloadcms/ui/providers/Selection';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+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 LinkImport from 'next/link.js';
-import { formatFilesize, isNumber } from 'payload/utilities';
+import { formatFilesize, isNumber } from 'payload/shared';
 import React, { Fragment, useEffect } from 'react';
 const baseClass = 'collection-list';
 const Link = LinkImport.default || LinkImport;
@@ -42,6 +20,7 @@ export const DefaultListView = ()=>{
     const collectionConfig = config.collections.find((collection)=>collection.slug === collectionSlug);
     const { labels } = collectionConfig;
     const { i18n } = useTranslation();
+    const drawerDepth = useEditDepth();
     const { setStepNav } = useStepNav();
     const { breakpoints: { s: smallBreak } } = useWindowInfo();
     let docs = data.docs || [];
@@ -54,96 +33,168 @@ export const DefaultListView = ()=>{
         });
     }
     useEffect(()=>{
-        setStepNav([
-            {
-                label: labels?.plural
-            }
-        ]);
+        if (drawerDepth <= 1) {
+            setStepNav([
+                {
+                    label: labels?.plural
+                }
+            ]);
+        }
     }, [
         setStepNav,
-        labels
+        labels,
+        drawerDepth
     ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: actionsMap?.List
-    }), BeforeList, /*#__PURE__*/ React.createElement(SelectionProvider, {
-        docs: data.docs,
-        totalDocs: data.totalDocs
-    }, /*#__PURE__*/ React.createElement(Gutter, {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement("header", {
-        className: `${baseClass}__header`
-    }, Header || /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("h1", null, getTranslation(labels?.plural, i18n)), hasCreatePermission && /*#__PURE__*/ React.createElement(Pill, {
-        "aria-label": i18n.t('general:createNewLabel', {
-            label: getTranslation(labels?.singular, i18n)
-        }),
-        to: newDocumentURL
-    }, i18n.t('general:createNew')), !smallBreak && /*#__PURE__*/ React.createElement(ListSelection, {
-        label: getTranslation(collectionConfig.labels.plural, i18n)
-    }), Description && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__sub-header`
-    }, Description))), /*#__PURE__*/ React.createElement(ListControls, {
-        collectionConfig: collectionConfig,
-        fieldMap: fieldMap
-    }), BeforeListTable, !data.docs && /*#__PURE__*/ React.createElement(StaggeredShimmers, {
-        className: [
-            `${baseClass}__shimmer`,
-            `${baseClass}__shimmer--rows`
-        ].join(' '),
-        count: 6
-    }), data.docs && data.docs.length > 0 && /*#__PURE__*/ React.createElement(RelationshipProvider, null, /*#__PURE__*/ React.createElement(Table, {
-        customCellContext: {
-            collectionSlug,
-            uploadConfig: collectionConfig.upload
-        },
-        data: docs,
-        fieldMap: fieldMap
-    })), data.docs && data.docs.length === 0 && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__no-results`
-    }, /*#__PURE__*/ React.createElement("p", null, i18n.t('general:noResults', {
-        label: getTranslation(labels?.plural, i18n)
-    })), hasCreatePermission && newDocumentURL && /*#__PURE__*/ React.createElement(Button, {
-        Link: Link,
-        el: "link",
-        to: newDocumentURL
-    }, i18n.t('general:createNewLabel', {
-        label: getTranslation(labels?.singular, i18n)
-    }))), AfterListTable, data.docs && data.docs.length > 0 && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__page-controls`
-    }, /*#__PURE__*/ React.createElement(Pagination, {
-        hasNextPage: data.hasNextPage,
-        hasPrevPage: data.hasPrevPage,
-        limit: data.limit,
-        nextPage: data.nextPage,
-        numberOfNeighbors: 1,
-        onChange: handlePageChange,
-        page: data.page,
-        prevPage: data.prevPage,
-        totalPages: data.totalPages
-    }), data?.totalDocs > 0 && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__page-info`
-    }, data.page * data.limit - (data.limit - 1), "-", data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs, ' ', i18n.t('general:of'), " ", data.totalDocs), /*#__PURE__*/ React.createElement(PerPage, {
-        handleChange: handlePerPageChange,
-        limit: isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit,
-        limits: collectionConfig?.admin?.pagination?.limits,
-        resetPage: data.totalDocs <= data.pagingCounter
-    }), smallBreak && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__list-selection`
-    }, /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(ListSelection, {
-        label: getTranslation(collectionConfig.labels.plural, i18n)
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__list-selection-actions`
-    }, /*#__PURE__*/ React.createElement(EditMany, {
-        collection: collectionConfig,
-        fieldMap: fieldMap
-    }), /*#__PURE__*/ React.createElement(PublishMany, {
-        collection: collectionConfig
-    }), /*#__PURE__*/ React.createElement(UnpublishMany, {
-        collection: collectionConfig
-    }), /*#__PURE__*/ React.createElement(DeleteMany, {
-        collection: collectionConfig
-    })))))))), AfterList);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx(SetViewActions, {
+                actions: actionsMap?.List
+            }),
+            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)
+                                    }),
+                                    Description && /*#__PURE__*/ _jsx("div", {
+                                        className: `${baseClass}__sub-header`,
+                                        children: Description
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(ListControls, {
+                            collectionConfig: collectionConfig,
+                            fieldMap: fieldMap
+                        }),
+                        BeforeListTable,
+                        !data.docs && /*#__PURE__*/ _jsx(StaggeredShimmers, {
+                            className: [
+                                `${baseClass}__shimmer`,
+                                `${baseClass}__shimmer--rows`
+                            ].join(' '),
+                            count: 6
+                        }),
+                        data.docs && data.docs.length > 0 && /*#__PURE__*/ _jsx(RelationshipProvider, {
+                            children: /*#__PURE__*/ _jsx(Table, {
+                                customCellContext: {
+                                    collectionSlug,
+                                    uploadConfig: collectionConfig.upload
+                                },
+                                data: docs,
+                                fieldMap: fieldMap
+                            })
+                        }),
+                        data.docs && data.docs.length === 0 && /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__no-results`,
+                            children: [
+                                /*#__PURE__*/ _jsx("p", {
+                                    children: i18n.t('general:noResults', {
+                                        label: getTranslation(labels?.plural, i18n)
+                                    })
+                                }),
+                                hasCreatePermission && newDocumentURL && /*#__PURE__*/ _jsx(Button, {
+                                    Link: Link,
+                                    el: "link",
+                                    to: newDocumentURL,
+                                    children: i18n.t('general:createNewLabel', {
+                                        label: getTranslation(labels?.singular, i18n)
+                                    })
+                                })
+                            ]
+                        }),
+                        AfterListTable,
+                        data.docs && data.docs.length > 0 && /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__page-controls`,
+                            children: [
+                                /*#__PURE__*/ _jsx(Pagination, {
+                                    hasNextPage: data.hasNextPage,
+                                    hasPrevPage: data.hasPrevPage,
+                                    limit: data.limit,
+                                    nextPage: data.nextPage,
+                                    numberOfNeighbors: 1,
+                                    onChange: handlePageChange,
+                                    page: data.page,
+                                    prevPage: data.prevPage,
+                                    totalPages: data.totalPages
+                                }),
+                                data?.totalDocs > 0 && /*#__PURE__*/ _jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: `${baseClass}__page-info`,
+                                            children: [
+                                                data.page * data.limit - (data.limit - 1),
+                                                "-",
+                                                data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs,
+                                                ' ',
+                                                i18n.t('general:of'),
+                                                " ",
+                                                data.totalDocs
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(PerPage, {
+                                            handleChange: handlePerPageChange,
+                                            limit: isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit,
+                                            limits: collectionConfig?.admin?.pagination?.limits,
+                                            resetPage: data.totalDocs <= data.pagingCounter
+                                        }),
+                                        smallBreak && /*#__PURE__*/ _jsx("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
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            AfterList
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map