@payloadcms/next 3.0.0-canary.294ea5c → 3.0.0-canary.2d0dd26

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

@@ -3,159 +3,109 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { NavGroup, useAuth, useConfig, useEntityVisibility, useNav, useTranslation } from '@payloadcms/ui';
-import { EntityType, formatAdminURL, groupNavItems } from '@payloadcms/ui/shared';
+import { NavGroup, useConfig, useNav, useTranslation } from '@payloadcms/ui';
+import { EntityType, formatAdminURL } from '@payloadcms/ui/shared';
 import LinkWithDefault from 'next/link.js';
 import { usePathname } from 'next/navigation.js';
 import React, { Fragment } from 'react';
 const baseClass = 'nav';
-export const DefaultNavClient = () => {
-  const $ = _c(18);
+export const DefaultNavClient = t0 => {
+  const $ = _c(13);
   const {
-    permissions
-  } = useAuth();
-  const {
-    isEntityVisible
-  } = useEntityVisibility();
+    groups,
+    navPreferences
+  } = t0;
   const pathname = usePathname();
   const {
-    config: t0
+    config: t1
   } = useConfig();
   const {
-    collections,
-    globals,
-    routes: t1
-  } = t0;
+    routes: t2
+  } = t1;
   const {
     admin: adminRoute
-  } = t1;
+  } = t2;
   const {
     i18n
   } = useTranslation();
   const {
     navOpen
   } = useNav();
-  let t2;
-  if ($[0] !== isEntityVisible || $[1] !== collections || $[2] !== globals || $[3] !== permissions || $[4] !== i18n || $[5] !== adminRoute || $[6] !== pathname || $[7] !== navOpen) {
-    let t3;
-    if ($[9] !== isEntityVisible) {
-      t3 = t4 => {
-        const {
-          slug
-        } = t4;
-        return isEntityVisible({
-          collectionSlug: slug
-        });
-      };
-      $[9] = isEntityVisible;
-      $[10] = t3;
-    } else {
-      t3 = $[10];
-    }
+  let t3;
+  if ($[0] !== navPreferences || $[1] !== adminRoute || $[2] !== pathname || $[3] !== navOpen || $[4] !== i18n || $[5] !== groups) {
     let t4;
-    if ($[11] !== isEntityVisible) {
-      t4 = t5 => {
-        const {
-          slug: slug_0
-        } = t5;
-        return isEntityVisible({
-          globalSlug: slug_0
-        });
-      };
-      $[11] = isEntityVisible;
-      $[12] = t4;
-    } else {
-      t4 = $[12];
-    }
-    const groups = groupNavItems([...collections.filter(t3).map(_temp), ...globals.filter(t4).map(_temp2)], permissions, i18n);
-    let t5;
-    if ($[13] !== adminRoute || $[14] !== i18n || $[15] !== pathname || $[16] !== navOpen) {
-      t5 = (t6, key) => {
+    if ($[7] !== navPreferences || $[8] !== adminRoute || $[9] !== pathname || $[10] !== navOpen || $[11] !== i18n) {
+      t4 = (t5, key) => {
         const {
           entities,
           label
-        } = t6;
+        } = t5;
         return _jsx(NavGroup, {
+          isOpen: navPreferences?.groups?.[label]?.open,
           label,
-          children: entities.map((t7, i) => {
+          children: entities.map((t6, i) => {
             const {
+              slug,
               type,
-              entity
-            } = t7;
-            let entityLabel;
+              label: label_0
+            } = t6;
             let href;
             let id;
             if (type === EntityType.collection) {
               href = formatAdminURL({
                 adminRoute,
-                path: `/collections/${entity.slug}`
+                path: `/collections/${slug}`
               });
-              entityLabel = getTranslation(entity.labels.plural, i18n);
-              id = `nav-${entity.slug}`;
+              id = `nav-${slug}`;
             }
             if (type === EntityType.global) {
               href = formatAdminURL({
                 adminRoute,
-                path: `/globals/${entity.slug}`
+                path: `/globals/${slug}`
               });
-              entityLabel = getTranslation(entity.label, i18n);
-              id = `nav-global-${entity.slug}`;
+              id = `nav-global-${slug}`;
             }
             const Link = LinkWithDefault.default || LinkWithDefault;
             const LinkElement = Link || "a";
-            const activeCollection = pathname.endsWith(href);
+            const activeCollection = pathname.startsWith(href) && ["/", undefined].includes(pathname[href.length]);
             return _jsxs(LinkElement, {
               className: [`${baseClass}__link`, activeCollection && `active`].filter(Boolean).join(" "),
               href,
               id,
+              prefetch: Link ? false : undefined,
               tabIndex: !navOpen ? -1 : undefined,
               children: [activeCollection && _jsx("div", {
                 className: `${baseClass}__link-indicator`
               }), _jsx("span", {
                 className: `${baseClass}__link-label`,
-                children: entityLabel
+                children: getTranslation(label_0, i18n)
               })]
             }, i);
           })
         }, key);
       };
-      $[13] = adminRoute;
-      $[14] = i18n;
-      $[15] = pathname;
-      $[16] = navOpen;
-      $[17] = t5;
+      $[7] = navPreferences;
+      $[8] = adminRoute;
+      $[9] = pathname;
+      $[10] = navOpen;
+      $[11] = i18n;
+      $[12] = t4;
     } else {
-      t5 = $[17];
+      t4 = $[12];
     }
-    t2 = _jsx(Fragment, {
-      children: groups.map(t5)
+    t3 = _jsx(Fragment, {
+      children: groups.map(t4)
     });
-    $[0] = isEntityVisible;
-    $[1] = collections;
-    $[2] = globals;
-    $[3] = permissions;
+    $[0] = navPreferences;
+    $[1] = adminRoute;
+    $[2] = pathname;
+    $[3] = navOpen;
     $[4] = i18n;
-    $[5] = adminRoute;
-    $[6] = pathname;
-    $[7] = navOpen;
-    $[8] = t2;
+    $[5] = groups;
+    $[6] = t3;
   } else {
-    t2 = $[8];
+    t3 = $[6];
   }
-  return t2;
+  return t3;
 };
-function _temp(collection) {
-  const entityToGroup = {
-    type: EntityType.collection,
-    entity: collection
-  };
-  return entityToGroup;
-}
-function _temp2(global) {
-  const entityToGroup_0 = {
-    type: EntityType.global,
-    entity: global
-  };
-  return entityToGroup_0;
-}
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","NavGroup","useAuth","useConfig","useEntityVisibility","useNav","useTranslation","EntityType","formatAdminURL","groupNavItems","LinkWithDefault","usePathname","React","Fragment","baseClass","DefaultNavClient","$","permissions","isEntityVisible","pathname","config","t0","collections","globals","routes","t1","admin","adminRoute","i18n","navOpen","t2","t3","t4","slug","collectionSlug","t5","slug_0","globalSlug","groups","filter","map","_temp","_temp2","t6","key","entities","label","_jsx","children","t7","i","type","entity","entityLabel","href","id","collection","labels","plural","global","Link","default","LinkElement","activeCollection","endsWith","_jsxs","className","Boolean","join","tabIndex","undefined","entityToGroup","entityToGroup_0"],"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { EntityToGroup } from '@payloadcms/ui/shared'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  ChevronIcon,\n  NavGroup,\n  useAuth,\n  useConfig,\n  useEntityVisibility,\n  useNav,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { EntityType, formatAdminURL, groupNavItems } from '@payloadcms/ui/shared'\nimport LinkWithDefault from 'next/link.js'\nimport { usePathname } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\nexport const DefaultNavClient: React.FC = () => {\n  const { permissions } = useAuth()\n  const { isEntityVisible } = useEntityVisibility()\n  const pathname = usePathname()\n\n  const {\n    config: {\n      collections,\n      globals,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { navOpen } = useNav()\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => isEntityVisible({ collectionSlug: slug }))\n        .map((collection) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.collection,\n            entity: collection,\n          }\n\n          return entityToGroup\n        }),\n      ...globals\n        .filter(({ slug }) => isEntityVisible({ globalSlug: slug }))\n        .map((global) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.global,\n            entity: global,\n          }\n\n          return entityToGroup\n        }),\n    ],\n    permissions,\n    i18n,\n  )\n\n  return (\n    <Fragment>\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup key={key} label={label}>\n            {entities.map(({ type, entity }, i) => {\n              let entityLabel: string\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = formatAdminURL({ adminRoute, path: `/collections/${entity.slug}` })\n                entityLabel = getTranslation(entity.labels.plural, i18n)\n                id = `nav-${entity.slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = formatAdminURL({ adminRoute, path: `/globals/${entity.slug}` })\n                entityLabel = getTranslation(entity.label, i18n)\n                id = `nav-global-${entity.slug}`\n              }\n\n              const Link = (LinkWithDefault.default ||\n                LinkWithDefault) as typeof LinkWithDefault.default\n\n              const LinkElement = Link || 'a'\n              const activeCollection = pathname.endsWith(href)\n\n              return (\n                <LinkElement\n                  className={[`${baseClass}__link`, activeCollection && `active`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  href={href}\n                  id={id}\n                  key={i}\n                  tabIndex={!navOpen ? -1 : undefined}\n                >\n                  {activeCollection && <div className={`${baseClass}__link-indicator`} />}\n                  <span className={`${baseClass}__link-label`}>{entityLabel}</span>\n                </LinkElement>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","NavGroup","useConfig","useNav","useTranslation","EntityType","formatAdminURL","LinkWithDefault","usePathname","React","Fragment","baseClass","DefaultNavClient","t0","$","groups","navPreferences","pathname","config","t1","routes","t2","admin","adminRoute","i18n","navOpen","t3","t4","t5","key","entities","label","_jsx","isOpen","open","children","map","t6","i","slug","type","label_0","href","id","collection","global","Link","default","LinkElement","activeCollection","startsWith","undefined","includes","length","_jsxs","className","filter","Boolean","join","prefetch","tabIndex"],"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 { NavGroup, useConfig, useNav, useTranslation } from '@payloadcms/ui'\nimport { EntityType, formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkWithDefault from 'next/link.js'\nimport { usePathname } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\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      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { navOpen } = useNav()\n\n  return (\n    <Fragment>\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 Link = (LinkWithDefault.default ||\n                LinkWithDefault) as typeof LinkWithDefault.default\n\n              const LinkElement = Link || 'a'\n              const activeCollection =\n                pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n              return (\n                <LinkElement\n                  className={[`${baseClass}__link`, activeCollection && `active`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  href={href}\n                  id={id}\n                  key={i}\n                  prefetch={Link ? false : undefined}\n                  tabIndex={!navOpen ? -1 : undefined}\n                >\n                  {activeCollection && <div className={`${baseClass}__link-indicator`} />}\n                  <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n                </LinkElement>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Nav/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAwDzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AASrB,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAgGzC,CAAA"}

package/dist/elements/Nav/index.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Logout } from '@payloadcms/ui';
-import { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { EntityType, groupNavItems } from '@payloadcms/ui/shared';
 import React from 'react';
 import { NavHamburger } from './NavHamburger/index.js';
 import { NavWrapper } from './NavWrapper/index.js';
 const baseClass = 'nav';
+import { getNavPrefs } from './getNavPrefs.js';
 import { DefaultNavClient } from './index.client.js';
-export const DefaultNav = props => {
+export const DefaultNav = async props => {
   const {
     i18n,
     locale,
@@ -14,7 +16,8 @@ export const DefaultNav = props => {
     payload,
     permissions,
     searchParams,
-    user
+    user,
+    visibleEntities
   } = props;
   if (!payload?.config) {
     return null;
@@ -23,35 +26,75 @@ export const DefaultNav = props => {
     admin: {
       components: {
         afterNavLinks,
-        beforeNavLinks
+        beforeNavLinks,
+        logout
       }
-    }
+    },
+    collections,
+    globals
   } = payload.config;
-  const createMappedComponent = getCreateMappedComponent({
-    importMap: payload.importMap,
-    serverProps: {
-      i18n,
-      locale,
-      params,
-      payload,
-      permissions,
-      searchParams,
-      user
-    }
+  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({
+    payload,
+    user
   });
-  const mappedBeforeNavLinks = createMappedComponent(beforeNavLinks, undefined, undefined, 'beforeNavLinks');
-  const mappedAfterNavLinks = createMappedComponent(afterNavLinks, undefined, undefined, 'afterNavLinks');
   return /*#__PURE__*/_jsxs(NavWrapper, {
     baseClass: baseClass,
     children: [/*#__PURE__*/_jsxs("nav", {
       className: `${baseClass}__wrap`,
-      children: [/*#__PURE__*/_jsx(RenderComponent, {
-        mappedComponent: mappedBeforeNavLinks
-      }), /*#__PURE__*/_jsx(DefaultNavClient, {}), /*#__PURE__*/_jsx(RenderComponent, {
-        mappedComponent: mappedAfterNavLinks
+      children: [/*#__PURE__*/_jsx(RenderServerComponent, {
+        Component: beforeNavLinks,
+        importMap: payload.importMap,
+        serverProps: {
+          i18n,
+          locale,
+          params,
+          payload,
+          permissions,
+          searchParams,
+          user
+        }
+      }), /*#__PURE__*/_jsx(DefaultNavClient, {
+        groups: groups,
+        navPreferences: navPreferences
+      }), /*#__PURE__*/_jsx(RenderServerComponent, {
+        Component: afterNavLinks,
+        importMap: payload.importMap,
+        serverProps: {
+          i18n,
+          locale,
+          params,
+          payload,
+          permissions,
+          searchParams,
+          user
+        }
       }), /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__controls`,
-        children: /*#__PURE__*/_jsx(Logout, {})
+        children: /*#__PURE__*/_jsx(RenderServerComponent, {
+          Component: logout?.Button,
+          Fallback: Logout,
+          importMap: payload.importMap,
+          serverProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
+          }
+        })
       })]
     }), /*#__PURE__*/_jsx("div", {
       className: `${baseClass}__header`,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Logout","RenderComponent","getCreateMappedComponent","React","NavHamburger","NavWrapper","baseClass","DefaultNavClient","DefaultNav","props","i18n","locale","params","payload","permissions","searchParams","user","config","admin","components","afterNavLinks","beforeNavLinks","createMappedComponent","importMap","serverProps","mappedBeforeNavLinks","undefined","mappedAfterNavLinks","_jsxs","className","_jsx","mappedComponent"],"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload'\n\nimport { Logout } from '@payloadcms/ui'\nimport { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = ServerProps\n\nexport const DefaultNav: React.FC<NavProps> = (props) => {\n  const { i18n, locale, params, payload, permissions, searchParams, user } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks },\n    },\n  } = payload.config\n\n  const createMappedComponent = getCreateMappedComponent({\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const mappedBeforeNavLinks = createMappedComponent(\n    beforeNavLinks,\n    undefined,\n    undefined,\n    'beforeNavLinks',\n  )\n  const mappedAfterNavLinks = createMappedComponent(\n    afterNavLinks,\n    undefined,\n    undefined,\n    'afterNavLinks',\n  )\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        <RenderComponent mappedComponent={mappedBeforeNavLinks} />\n        <DefaultNavClient />\n        <RenderComponent mappedComponent={mappedAfterNavLinks} />\n        <div className={`${baseClass}__controls`}>\n          <Logout />\n        </div>\n      </nav>\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":";AAEA,SAASA,MAAM,QAAQ;AACvB,SAASC,eAAe,EAAEC,wBAAwB,QAAQ;AAC1D,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAG3B,MAAMC,SAAA,GAAY;AAElB,SAASC,gBAAgB,QAAQ;AAIjC,OAAO,MAAMC,UAAA,GAAkCC,KAAA;EAC7C,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAI,CAAE,GAAGP,KAAA;EAE3E,IAAI,CAACI,OAAA,EAASI,MAAA,EAAQ;IACpB,OAAO;EACT;EAEA,MAAM;IACJC,KAAA,EAAO;MACLC,UAAA,EAAY;QAAEC,aAAa;QAAEC;MAAc;IAAE;EAC9C,CACF,GAAGR,OAAA,CAAQI,MAAM;EAElB,MAAMK,qBAAA,GAAwBpB,wBAAA,CAAyB;IACrDqB,SAAA,EAAWV,OAAA,CAAQU,SAAS;IAC5BC,WAAA,EAAa;MACXd,IAAA;MACAC,MAAA;MACAC,MAAA;MACAC,OAAA;MACAC,WAAA;MACAC,YAAA;MACAC;IACF;EACF;EAEA,MAAMS,oBAAA,GAAuBH,qBAAA,CAC3BD,cAAA,EACAK,SAAA,EACAA,SAAA,EACA;EAEF,MAAMC,mBAAA,GAAsBL,qBAAA,CAC1BF,aAAA,EACAM,SAAA,EACAA,SAAA,EACA;EAGF,oBACEE,KAAA,CAACvB,UAAA;IAAWC,SAAA,EAAWA,SAAA;4BACrBsB,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGvB,SAAA,QAAiB;8BAClCwB,IAAA,CAAC7B,eAAA;QAAgB8B,eAAA,EAAiBN;uBAClCK,IAAA,CAACvB,gBAAA,O,aACDuB,IAAA,CAAC7B,eAAA;QAAgB8B,eAAA,EAAiBJ;uBAClCG,IAAA,CAAC;QAAID,SAAA,EAAW,GAAGvB,SAAA,YAAqB;kBACtC,aAAAwB,IAAA,CAAC9B,MAAA;;qBAGL8B,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGvB,SAAA,UAAmB;gBACpC,aAAAwB,IAAA,CAAC;QAAID,SAAA,EAAW,GAAGvB,SAAA,kBAA2B;kBAC5C,aAAAwB,IAAA,CAAC1B,YAAA;UAAaE,SAAA,EAAWA;;;;;AAKnC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Logout","RenderServerComponent","EntityType","groupNavItems","React","NavHamburger","NavWrapper","baseClass","getNavPrefs","DefaultNavClient","DefaultNav","props","i18n","locale","params","payload","permissions","searchParams","user","visibleEntities","config","admin","components","afterNavLinks","beforeNavLinks","logout","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","_jsxs","className","_jsx","Component","importMap","serverProps","Button","Fallback"],"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { 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 './index.scss'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\n\nconst baseClass = 'nav'\n\nimport { getNavPrefs } from './getNavPrefs.js'\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = ServerProps\n\nexport const DefaultNav: React.FC<NavProps> = async (props) => {\n  const { i18n, locale, params, payload, permissions, searchParams, user, visibleEntities } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks, logout },\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({ payload, user })\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        <RenderServerComponent\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        <DefaultNavClient groups={groups} navPreferences={navPreferences} />\n        <RenderServerComponent\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        <div className={`${baseClass}__controls`}>\n          <RenderServerComponent\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        </div>\n      </nav>\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":[]}