@payloadcms/next 3.77.0 → 3.78.0-internal-debug.f663370

package/dist/elements/Nav/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","BrowseByFolderButton","Link","NavGroup","useConfig","useTranslation","EntityType","usePathname","formatAdminURL","React","Fragment","baseClass","DefaultNavClient","t0","$","groups","navPreferences","pathname","config","t1","admin","t2","folders","routes","t3","t4","browseByFolder","foldersRoute","adminRoute","i18n","t5","folderURL","path","viewingRootFolderView","startsWith","t6","t7","key","entities","label","_jsx","isOpen","open","children","map","t8","i","slug","type","label_0","href","id","collection","global","isActive","undefined","includes","length","Label","_jsxs","_Fragment","className","prefetch","active"],"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { BrowseByFolderButton, Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType } from '@payloadcms/ui/shared'\nimport { usePathname } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\n/**\n * @internal\n */\nexport const DefaultNavClient: React.FC<{\n  groups: ReturnType<typeof groupNavItems>\n  navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      admin: {\n        routes: { browseByFolder: foldersRoute },\n      },\n      folders,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const folderURL = formatAdminURL({\n    adminRoute,\n    path: foldersRoute,\n  })\n\n  const viewingRootFolderView = pathname.startsWith(folderURL)\n\n  return (\n    <Fragment>\n      {folders && folders.browseByFolder && <BrowseByFolderButton active={viewingRootFolderView} />}\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n            {entities.map(({ slug, type, label }, i) => {\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n                id = `nav-${slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n                id = `nav-global-${slug}`\n              }\n\n              const isActive =\n                pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n              const Label = (\n                <>\n                  {isActive && <div className={`${baseClass}__link-indicator`} />}\n                  <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n                </>\n              )\n\n              // If the URL matches the link exactly\n              if (pathname === href) {\n                return (\n                  <div className={`${baseClass}__link`} id={id} key={i}>\n                    {Label}\n                  </div>\n                )\n              }\n\n              return (\n                <Link className={`${baseClass}__link`} href={href} id={id} key={i} prefetch={false}>\n                  {Label}\n                </Link>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { BrowseByFolderButton, Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType } from '@payloadcms/ui/shared'\nimport { usePathname } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\n/**\n * @internal\n */\nexport const DefaultNavClient: React.FC<{\n  groups: ReturnType<typeof groupNavItems>\n  navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      admin: {\n        routes: { browseByFolder: foldersRoute },\n      },\n      folders,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const folderURL = formatAdminURL({\n    adminRoute,\n    path: foldersRoute,\n  })\n\n  const viewingRootFolderView = pathname.startsWith(folderURL)\n\n  return (\n    <Fragment>\n      {folders && folders.browseByFolder && <BrowseByFolderButton active={viewingRootFolderView} />}\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n            {entities.map(({ slug, type, label }, i) => {\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n                id = `nav-${slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n                id = `nav-global-${slug}`\n              }\n\n              const isActive =\n                pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n              const Label = (\n                <>\n                  {isActive && <div className={`${baseClass}__link-indicator`} />}\n                  <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n                </>\n              )\n\n              // If the URL matches the link exactly\n              if (pathname === href) {\n                return (\n                  <div className={`${baseClass}__link`} id={id} key={i}>\n                    {Label}\n                  </div>\n                )\n              }\n\n              return (\n                <Link className={`${baseClass}__link`} href={href} id={id} key={i} prefetch={false}>\n                  {Label}\n                </Link>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"names":["getTranslation","BrowseByFolderButton","Link","NavGroup","useConfig","useTranslation","EntityType","usePathname","formatAdminURL","React","Fragment","baseClass","DefaultNavClient","groups","navPreferences","pathname","config","admin","routes","browseByFolder","foldersRoute","folders","adminRoute","i18n","folderURL","path","viewingRootFolderView","startsWith","active","map","entities","label","key","isOpen","open","slug","type","i","href","id","collection","global","isActive","undefined","includes","length","Label","div","className","span","prefetch"],"mappings":"AAAA;;AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,oBAAoB,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAChG,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,MAAMC,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,mBAGR,CAAC,EAAEC,MAAM,EAAEC,cAAc,EAAE;IAC9B,MAAMC,WAAWR;IAEjB,MAAM,EACJS,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,gBAAgBC,YAAY,EAAE,EACzC,EACDC,OAAO,EACPH,QAAQ,EAAED,OAAOK,UAAU,EAAE,EAC9B,EACF,GAAGlB;IAEJ,MAAM,EAAEmB,IAAI,EAAE,GAAGlB;IAEjB,MAAMmB,YAAYhB,eAAe;QAC/Bc;QACAG,MAAML;IACR;IAEA,MAAMM,wBAAwBX,SAASY,UAAU,CAACH;IAElD,qBACE,QAACd;;YACEW,WAAWA,QAAQF,cAAc,kBAAI,QAAClB;gBAAqB2B,QAAQF;;;;;;YACnEb,OAAOgB,GAAG,CAAC,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,EAAEC;gBAChC,qBACE,QAAC7B;oBAAS8B,QAAQnB,gBAAgBD,QAAQ,CAACkB,MAAM,EAAEG;oBAAgBH,OAAOA;8BACvED,SAASD,GAAG,CAAC,CAAC,EAAEM,IAAI,EAAEC,IAAI,EAAEL,KAAK,EAAE,EAAEM;wBACpC,IAAIC;wBACJ,IAAIC;wBAEJ,IAAIH,SAAS9B,WAAWkC,UAAU,EAAE;4BAClCF,OAAO9B,eAAe;gCAAEc;gCAAYG,MAAM,CAAC,aAAa,EAAEU,MAAM;4BAAC;4BACjEI,KAAK,CAAC,IAAI,EAAEJ,MAAM;wBACpB;wBAEA,IAAIC,SAAS9B,WAAWmC,MAAM,EAAE;4BAC9BH,OAAO9B,eAAe;gCAAEc;gCAAYG,MAAM,CAAC,SAAS,EAAEU,MAAM;4BAAC;4BAC7DI,KAAK,CAAC,WAAW,EAAEJ,MAAM;wBAC3B;wBAEA,MAAMO,WACJ3B,SAASY,UAAU,CAACW,SAAS;4BAAC;4BAAKK;yBAAU,CAACC,QAAQ,CAAC7B,QAAQ,CAACuB,KAAKO,MAAM,CAAC;wBAE9E,MAAMC,sBACJ;;gCACGJ,0BAAY,QAACK;oCAAIC,WAAW,GAAGrC,UAAU,gBAAgB,CAAC;;;;;;8CAC3D,QAACsC;oCAAKD,WAAW,GAAGrC,UAAU,YAAY,CAAC;8CAAGX,eAAe+B,OAAOR;;;;;;;;wBAIxE,sCAAsC;wBACtC,IAAIR,aAAauB,MAAM;4BACrB,qBACE,QAACS;gCAAIC,WAAW,GAAGrC,UAAU,MAAM,CAAC;gCAAE4B,IAAIA;0CACvCO;+BADgDT;;;;;wBAIvD;wBAEA,qBACE,QAACnC;4BAAK8C,WAAW,GAAGrC,UAAU,MAAM,CAAC;4BAAE2B,MAAMA;4BAAMC,IAAIA;4BAAYW,UAAU;sCAC1EJ;2BAD6DT;;;;;oBAIpE;mBAvC4DL;;;;;YA0ClE;;;;;;;AAGN,EAAC"}

package/dist/elements/Nav/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Logout } from '@payloadcms/ui';
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import { EntityType, groupNavItems } from '@payloadcms/ui/shared';
@@ -6,178 +6,199 @@ import React from 'react';
 import { NavHamburger } from './NavHamburger/index.js';
 import { NavWrapper } from './NavWrapper/index.js';
 import { SettingsMenuButton } from './SettingsMenuButton/index.js';
+import './index.scss';
 const baseClass = 'nav';
 import { getNavPrefs } from './getNavPrefs.js';
 import { DefaultNavClient } from './index.client.js';
-export const DefaultNav = async props => {
-  const {
-    documentSubViewType,
-    i18n,
-    locale,
-    params,
-    payload,
-    permissions,
-    req,
-    searchParams,
-    user,
-    viewType,
-    visibleEntities
-  } = props;
-  if (!payload?.config) {
-    return null;
-  }
-  const {
-    admin: {
-      components: {
-        afterNav,
-        afterNavLinks,
-        beforeNav,
-        beforeNavLinks,
-        logout,
-        settingsMenu
-      }
-    },
-    collections,
-    globals
-  } = payload.config;
-  const groups = groupNavItems([...collections.filter(({
-    slug
-  }) => visibleEntities.collections.includes(slug)).map(collection => ({
-    type: EntityType.collection,
-    entity: collection
-  })), ...globals.filter(({
-    slug
-  }) => visibleEntities.globals.includes(slug)).map(global => ({
-    type: EntityType.global,
-    entity: global
-  }))], permissions, i18n);
-  const navPreferences = await getNavPrefs(req);
-  const LogoutComponent = RenderServerComponent({
-    clientProps: {
-      documentSubViewType,
-      viewType
-    },
-    Component: logout?.Button,
-    Fallback: Logout,
-    importMap: payload.importMap,
-    serverProps: {
-      i18n,
-      locale,
-      params,
-      payload,
-      permissions,
-      searchParams,
-      user
+export const DefaultNav = async (props)=>{
+    const { documentSubViewType, i18n, locale, params, payload, permissions, req, searchParams, user, viewType, visibleEntities } = props;
+    if (!payload?.config) {
+        return null;
     }
-  });
-  const RenderedSettingsMenu = settingsMenu && Array.isArray(settingsMenu) ? settingsMenu.map((item, index) => RenderServerComponent({
-    clientProps: {
-      documentSubViewType,
-      viewType
-    },
-    Component: item,
-    importMap: payload.importMap,
-    key: `settings-menu-item-${index}`,
-    serverProps: {
-      i18n,
-      locale,
-      params,
-      payload,
-      permissions,
-      searchParams,
-      user
-    }
-  })) : [];
-  const RenderedBeforeNav = RenderServerComponent({
-    clientProps: {
-      documentSubViewType,
-      viewType
-    },
-    Component: beforeNav,
-    importMap: payload.importMap,
-    serverProps: {
-      i18n,
-      locale,
-      params,
-      payload,
-      permissions,
-      searchParams,
-      user
-    }
-  });
-  const RenderedBeforeNavLinks = RenderServerComponent({
-    clientProps: {
-      documentSubViewType,
-      viewType
-    },
-    Component: beforeNavLinks,
-    importMap: payload.importMap,
-    serverProps: {
-      i18n,
-      locale,
-      params,
-      payload,
-      permissions,
-      searchParams,
-      user
-    }
-  });
-  const RenderedAfterNavLinks = RenderServerComponent({
-    clientProps: {
-      documentSubViewType,
-      viewType
-    },
-    Component: afterNavLinks,
-    importMap: payload.importMap,
-    serverProps: {
-      i18n,
-      locale,
-      params,
-      payload,
-      permissions,
-      searchParams,
-      user
-    }
-  });
-  const RenderedAfterNav = RenderServerComponent({
-    clientProps: {
-      documentSubViewType,
-      viewType
-    },
-    Component: afterNav,
-    importMap: payload.importMap,
-    serverProps: {
-      i18n,
-      locale,
-      params,
-      payload,
-      permissions,
-      searchParams,
-      user
-    }
-  });
-  return /*#__PURE__*/_jsxs(NavWrapper, {
-    baseClass: baseClass,
-    children: [RenderedBeforeNav, /*#__PURE__*/_jsxs("nav", {
-      className: `${baseClass}__wrap`,
-      children: [RenderedBeforeNavLinks, /*#__PURE__*/_jsx(DefaultNavClient, {
-        groups: groups,
-        navPreferences: navPreferences
-      }), RenderedAfterNavLinks, /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__controls`,
-        children: [/*#__PURE__*/_jsx(SettingsMenuButton, {
-          settingsMenu: RenderedSettingsMenu
-        }), LogoutComponent]
-      })]
-    }), RenderedAfterNav, /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__header`,
-      children: /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__header-content`,
-        children: /*#__PURE__*/_jsx(NavHamburger, {
-          baseClass: baseClass
-        })
-      })
-    })]
-  });
+    const { admin: { components: { afterNav, afterNavLinks, beforeNav, beforeNavLinks, logout, settingsMenu } }, collections, globals } = payload.config;
+    const groups = groupNavItems([
+        ...collections.filter(({ slug })=>visibleEntities.collections.includes(slug)).map((collection)=>({
+                type: EntityType.collection,
+                entity: collection
+            })),
+        ...globals.filter(({ slug })=>visibleEntities.globals.includes(slug)).map((global)=>({
+                type: EntityType.global,
+                entity: global
+            }))
+    ], permissions, i18n);
+    const navPreferences = await getNavPrefs(req);
+    const LogoutComponent = RenderServerComponent({
+        clientProps: {
+            documentSubViewType,
+            viewType
+        },
+        Component: logout?.Button,
+        Fallback: Logout,
+        importMap: payload.importMap,
+        serverProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
+        }
+    });
+    const RenderedSettingsMenu = settingsMenu && Array.isArray(settingsMenu) ? settingsMenu.map((item, index)=>RenderServerComponent({
+            clientProps: {
+                documentSubViewType,
+                viewType
+            },
+            Component: item,
+            importMap: payload.importMap,
+            key: `settings-menu-item-${index}`,
+            serverProps: {
+                i18n,
+                locale,
+                params,
+                payload,
+                permissions,
+                searchParams,
+                user
+            }
+        })) : [];
+    const RenderedBeforeNav = RenderServerComponent({
+        clientProps: {
+            documentSubViewType,
+            viewType
+        },
+        Component: beforeNav,
+        importMap: payload.importMap,
+        serverProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
+        }
+    });
+    const RenderedBeforeNavLinks = RenderServerComponent({
+        clientProps: {
+            documentSubViewType,
+            viewType
+        },
+        Component: beforeNavLinks,
+        importMap: payload.importMap,
+        serverProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
+        }
+    });
+    const RenderedAfterNavLinks = RenderServerComponent({
+        clientProps: {
+            documentSubViewType,
+            viewType
+        },
+        Component: afterNavLinks,
+        importMap: payload.importMap,
+        serverProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
+        }
+    });
+    const RenderedAfterNav = RenderServerComponent({
+        clientProps: {
+            documentSubViewType,
+            viewType
+        },
+        Component: afterNav,
+        importMap: payload.importMap,
+        serverProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
+        }
+    });
+    return /*#__PURE__*/ _jsxDEV(NavWrapper, {
+        baseClass: baseClass,
+        children: [
+            RenderedBeforeNav,
+            /*#__PURE__*/ _jsxDEV("nav", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    RenderedBeforeNavLinks,
+                    /*#__PURE__*/ _jsxDEV(DefaultNavClient, {
+                        groups: groups,
+                        navPreferences: navPreferences
+                    }, void 0, false, {
+                        fileName: "src/elements/Nav/index.tsx",
+                        lineNumber: 197,
+                        columnNumber: 9
+                    }, this),
+                    RenderedAfterNavLinks,
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__controls`,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(SettingsMenuButton, {
+                                settingsMenu: RenderedSettingsMenu
+                            }, void 0, false, {
+                                fileName: "src/elements/Nav/index.tsx",
+                                lineNumber: 200,
+                                columnNumber: 11
+                            }, this),
+                            LogoutComponent
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/Nav/index.tsx",
+                        lineNumber: 199,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Nav/index.tsx",
+                lineNumber: 195,
+                columnNumber: 7
+            }, this),
+            RenderedAfterNav,
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__header`,
+                children: /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__header-content`,
+                    children: /*#__PURE__*/ _jsxDEV(NavHamburger, {
+                        baseClass: baseClass
+                    }, void 0, false, {
+                        fileName: "src/elements/Nav/index.tsx",
+                        lineNumber: 207,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/Nav/index.tsx",
+                    lineNumber: 206,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Nav/index.tsx",
+                lineNumber: 205,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Nav/index.tsx",
+        lineNumber: 193,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/Nav/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Logout","RenderServerComponent","EntityType","groupNavItems","React","NavHamburger","NavWrapper","SettingsMenuButton","baseClass","getNavPrefs","DefaultNavClient","DefaultNav","props","documentSubViewType","i18n","locale","params","payload","permissions","req","searchParams","user","viewType","visibleEntities","config","admin","components","afterNav","afterNavLinks","beforeNav","beforeNavLinks","logout","settingsMenu","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","LogoutComponent","clientProps","Component","Button","Fallback","importMap","serverProps","RenderedSettingsMenu","Array","isArray","item","index","key","RenderedBeforeNav","RenderedBeforeNavLinks","RenderedAfterNavLinks","RenderedAfterNav","_jsxs","className","_jsx"],"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { Logout } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport { SettingsMenuButton } from './SettingsMenuButton/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nimport { getNavPrefs } from './getNavPrefs.js'\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = {\n  req?: PayloadRequest\n} & ServerProps\n\nexport const DefaultNav: React.FC<NavProps> = async (props) => {\n  const {\n    documentSubViewType,\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    req,\n    searchParams,\n    user,\n    viewType,\n    visibleEntities,\n  } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNav, afterNavLinks, beforeNav, beforeNavLinks, logout, settingsMenu },\n    },\n    collections,\n    globals,\n  } = payload.config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => visibleEntities.collections.includes(slug))\n        .map(\n          (collection) =>\n            ({\n              type: EntityType.collection,\n              entity: collection,\n            }) satisfies EntityToGroup,\n        ),\n      ...globals\n        .filter(({ slug }) => visibleEntities.globals.includes(slug))\n        .map(\n          (global) =>\n            ({\n              type: EntityType.global,\n              entity: global,\n            }) satisfies EntityToGroup,\n        ),\n    ],\n    permissions,\n    i18n,\n  )\n\n  const navPreferences = await getNavPrefs(req)\n\n  const LogoutComponent = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: logout?.Button,\n    Fallback: Logout,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const RenderedSettingsMenu =\n    settingsMenu && Array.isArray(settingsMenu)\n      ? settingsMenu.map((item, index) =>\n          RenderServerComponent({\n            clientProps: {\n              documentSubViewType,\n              viewType,\n            },\n            Component: item,\n            importMap: payload.importMap,\n            key: `settings-menu-item-${index}`,\n            serverProps: {\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            },\n          }),\n        )\n      : []\n\n  const RenderedBeforeNav = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: beforeNav,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const RenderedBeforeNavLinks = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: beforeNavLinks,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const RenderedAfterNavLinks = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: afterNavLinks,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const RenderedAfterNav = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: afterNav,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      {RenderedBeforeNav}\n      <nav className={`${baseClass}__wrap`}>\n        {RenderedBeforeNavLinks}\n        <DefaultNavClient groups={groups} navPreferences={navPreferences} />\n        {RenderedAfterNavLinks}\n        <div className={`${baseClass}__controls`}>\n          <SettingsMenuButton settingsMenu={RenderedSettingsMenu} />\n          {LogoutComponent}\n        </div>\n      </nav>\n      {RenderedAfterNav}\n      <div className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-content`}>\n          <NavHamburger baseClass={baseClass} />\n        </div>\n      </div>\n    </NavWrapper>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { Logout } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport { SettingsMenuButton } from './SettingsMenuButton/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nimport { getNavPrefs } from './getNavPrefs.js'\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = {\n  req?: PayloadRequest\n} & ServerProps\n\nexport const DefaultNav: React.FC<NavProps> = async (props) => {\n  const {\n    documentSubViewType,\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    req,\n    searchParams,\n    user,\n    viewType,\n    visibleEntities,\n  } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNav, afterNavLinks, beforeNav, beforeNavLinks, logout, settingsMenu },\n    },\n    collections,\n    globals,\n  } = payload.config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => visibleEntities.collections.includes(slug))\n        .map(\n          (collection) =>\n            ({\n              type: EntityType.collection,\n              entity: collection,\n            }) satisfies EntityToGroup,\n        ),\n      ...globals\n        .filter(({ slug }) => visibleEntities.globals.includes(slug))\n        .map(\n          (global) =>\n            ({\n              type: EntityType.global,\n              entity: global,\n            }) satisfies EntityToGroup,\n        ),\n    ],\n    permissions,\n    i18n,\n  )\n\n  const navPreferences = await getNavPrefs(req)\n\n  const LogoutComponent = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: logout?.Button,\n    Fallback: Logout,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const RenderedSettingsMenu =\n    settingsMenu && Array.isArray(settingsMenu)\n      ? settingsMenu.map((item, index) =>\n          RenderServerComponent({\n            clientProps: {\n              documentSubViewType,\n              viewType,\n            },\n            Component: item,\n            importMap: payload.importMap,\n            key: `settings-menu-item-${index}`,\n            serverProps: {\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            },\n          }),\n        )\n      : []\n\n  const RenderedBeforeNav = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: beforeNav,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const RenderedBeforeNavLinks = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: beforeNavLinks,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const RenderedAfterNavLinks = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: afterNavLinks,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const RenderedAfterNav = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: afterNav,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      {RenderedBeforeNav}\n      <nav className={`${baseClass}__wrap`}>\n        {RenderedBeforeNavLinks}\n        <DefaultNavClient groups={groups} navPreferences={navPreferences} />\n        {RenderedAfterNavLinks}\n        <div className={`${baseClass}__controls`}>\n          <SettingsMenuButton settingsMenu={RenderedSettingsMenu} />\n          {LogoutComponent}\n        </div>\n      </nav>\n      {RenderedAfterNav}\n      <div className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-content`}>\n          <NavHamburger baseClass={baseClass} />\n        </div>\n      </div>\n    </NavWrapper>\n  )\n}\n"],"names":["Logout","RenderServerComponent","EntityType","groupNavItems","React","NavHamburger","NavWrapper","SettingsMenuButton","baseClass","getNavPrefs","DefaultNavClient","DefaultNav","props","documentSubViewType","i18n","locale","params","payload","permissions","req","searchParams","user","viewType","visibleEntities","config","admin","components","afterNav","afterNavLinks","beforeNav","beforeNavLinks","logout","settingsMenu","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","LogoutComponent","clientProps","Component","Button","Fallback","importMap","serverProps","RenderedSettingsMenu","Array","isArray","item","index","key","RenderedBeforeNav","RenderedBeforeNavLinks","RenderedAfterNavLinks","RenderedAfterNav","nav","className","div"],"mappings":"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"}

package/dist/elements/Nav/index.scss

@@ -0,0 +1,173 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .nav {
+    position: sticky;
+    top: 0;
+    left: 0;
+    flex-shrink: 0;
+    height: 100vh;
+    width: var(--nav-width);
+    border-right: 1px solid var(--theme-elevation-100);
+    opacity: 0;
+    overflow: hidden;
+    --nav-padding-inline-start: var(--base);
+    --nav-padding-inline-end: var(--base);
+    --nav-padding-block-start: var(--app-header-height);
+    --nav-padding-block-end: calc(var(--base) * 2);
+
+    [dir='rtl'] & {
+      border-right: none;
+      border-left: 1px solid var(--theme-elevation-100);
+    }
+
+    &--nav-animate {
+      transition: opacity var(--nav-trans-time) ease-in-out;
+    }
+
+    &--nav-open {
+      opacity: 1;
+    }
+
+    &__header {
+      position: absolute;
+      top: 0;
+      width: 100vw;
+      height: var(--app-header-height);
+    }
+
+    &__header-content {
+      z-index: 1;
+      position: relative;
+      height: 100%;
+      width: 100%;
+    }
+
+    &__mobile-close {
+      display: none;
+      background: none;
+      border: 0;
+      outline: 0;
+      padding: base(0.8) 0;
+    }
+
+    &__scroll {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      padding: var(--nav-padding-block-start) var(--nav-padding-inline-end)
+        var(--nav-padding-block-end) var(--nav-padding-inline-start);
+      overflow-y: auto;
+
+      // remove the scrollbar here to prevent layout shift as nav groups are toggled
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+
+    &__wrap {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      flex-grow: 1;
+    }
+
+    &__label {
+      color: var(--theme-elevation-400);
+    }
+
+    &__controls {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.75);
+      margin-top: auto;
+      margin-bottom: 0;
+
+      > :first-child {
+        margin-top: base(1);
+      }
+
+      a:focus-visible {
+        outline: var(--accessibility-outline);
+      }
+    }
+
+    &__log-out {
+      &:hover {
+        g {
+          transform: translateX(-#{base(0.125)});
+        }
+      }
+    }
+
+    &__link {
+      display: flex;
+      align-items: center;
+      position: relative;
+      padding-block: base(0.125);
+      padding-inline-start: 0;
+      padding-inline-end: base(1.5);
+      text-decoration: none;
+
+      &:focus:not(:focus-visible) {
+        box-shadow: none;
+        font-weight: 600;
+      }
+
+      &.active {
+        font-weight: normal;
+        padding-left: 0;
+        font-weight: 600;
+      }
+    }
+
+    a.nav__link {
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
+    }
+
+    &__link:has(.nav__link-indicator) {
+      font-weight: 600;
+      padding-left: 0;
+    }
+
+    &__link-indicator {
+      position: absolute;
+      display: block;
+      // top: 0;
+      inset-inline-start: base(-1);
+      width: 2px;
+      height: 16px;
+      border-start-end-radius: 2px;
+      border-end-end-radius: 2px;
+      background: var(--theme-text);
+    }
+
+    @include mid-break {
+      &__scroll {
+        --nav-padding-inline-start: calc(var(--base) * 0.5);
+        --nav-padding-inline-end: calc(var(--base) * 0.5);
+      }
+    }
+
+    @include small-break {
+      &__scroll {
+        --nav-padding-inline-start: var(--gutter-h);
+        --nav-padding-inline-end: var(--gutter-h);
+      }
+
+      &__link {
+        font-size: base(0.875);
+        line-height: base(1.5);
+      }
+
+      &__mobile-close {
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+}

package/dist/esbuildEntry.d.ts

@@ -0,0 +1,5 @@
+export { RootLayout } from './layouts/Root/index.js';
+export { DashboardView } from './views/Dashboard/index.js';
+export { LoginView } from './views/Login/index.js';
+export { RootPage } from './views/Root/index.js';
+//# sourceMappingURL=esbuildEntry.d.ts.map

package/dist/esbuildEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esbuildEntry.d.ts","sourceRoot":"","sources":["../src/esbuildEntry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA"}