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

package/dist/elements/Logo/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PayloadLogo, RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared';
+import React from 'react';
+export const Logo = props => {
+  const {
+    i18n,
+    locale,
+    params,
+    payload,
+    permissions,
+    searchParams,
+    user
+  } = props;
+  const {
+    admin: {
+      components: {
+        graphics: {
+          Logo: CustomLogo
+        } = {
+          Logo: undefined
+        }
+      } = {}
+    } = {}
+  } = payload.config;
+  const createMappedComponent = getCreateMappedComponent({
+    importMap: payload.importMap,
+    serverProps: {
+      i18n,
+      locale,
+      params,
+      payload,
+      permissions,
+      searchParams,
+      user
+    }
+  });
+  const mappedCustomLogo = createMappedComponent(CustomLogo, undefined, PayloadLogo, 'CustomLogo');
+  return /*#__PURE__*/_jsx(RenderComponent, {
+    mappedComponent: mappedCustomLogo
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PayloadLogo","RenderComponent","getCreateMappedComponent","React","Logo","props","i18n","locale","params","payload","permissions","searchParams","user","admin","components","graphics","CustomLogo","undefined","config","createMappedComponent","importMap","serverProps","mappedCustomLogo","_jsx","mappedComponent"],"sources":["../../../src/elements/Logo/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload'\n\nimport { PayloadLogo, RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nexport const Logo: React.FC<ServerProps> = (props) => {\n  const { i18n, locale, params, payload, permissions, searchParams, user } = props\n\n  const {\n    admin: {\n      components: {\n        graphics: { Logo: CustomLogo } = {\n          Logo: undefined,\n        },\n      } = {},\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 mappedCustomLogo = createMappedComponent(CustomLogo, undefined, PayloadLogo, 'CustomLogo')\n\n  return <RenderComponent mappedComponent={mappedCustomLogo} />\n}\n"],"mappings":";AAEA,SAASA,WAAW,EAAEC,eAAe,EAAEC,wBAAwB,QAAQ;AACvE,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,IAAA,GAA+BC,KAAA;EAC1C,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAI,CAAE,GAAGP,KAAA;EAE3E,MAAM;IACJQ,KAAA,EAAO;MACLC,UAAA,EAAY;QACVC,QAAA,EAAU;UAAEX,IAAA,EAAMY;QAAU,CAAE,GAAG;UAC/BZ,IAAA,EAAMa;QACR;MAAC,CACF,GAAG,CAAC;IAAC,CACP,GAAG,CAAC;EAAC,CACP,GAAGR,OAAA,CAAQS,MAAM;EAElB,MAAMC,qBAAA,GAAwBjB,wBAAA,CAAyB;IACrDkB,SAAA,EAAWX,OAAA,CAAQW,SAAS;IAC5BC,WAAA,EAAa;MACXf,IAAA;MACAC,MAAA;MACAC,MAAA;MACAC,OAAA;MACAC,WAAA;MACAC,YAAA;MACAC;IACF;EACF;EAEA,MAAMU,gBAAA,GAAmBH,qBAAA,CAAsBH,UAAA,EAAYC,SAAA,EAAWjB,WAAA,EAAa;EAEnF,oBAAOuB,IAAA,CAACtB,eAAA;IAAgBuB,eAAA,EAAiBF;;AAC3C","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const NavHamburger: React.FC<{
+    baseClass?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAeA,CAAA"}

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

@@ -0,0 +1,48 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Hamburger, useNav } from '@payloadcms/ui';
+import React from 'react';
+export const NavHamburger = t0 => {
+  const $ = _c(6);
+  const {
+    baseClass
+  } = t0;
+  const {
+    navOpen,
+    setNavOpen
+  } = useNav();
+  const t1 = `${baseClass}__mobile-close`;
+  let t2;
+  if ($[0] !== setNavOpen) {
+    t2 = () => {
+      setNavOpen(false);
+    };
+    $[0] = setNavOpen;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const t3 = !navOpen ? -1 : undefined;
+  let t4;
+  if ($[2] !== t1 || $[3] !== t2 || $[4] !== t3) {
+    t4 = _jsx("button", {
+      className: t1,
+      onClick: t2,
+      tabIndex: t3,
+      type: "button",
+      children: _jsx(Hamburger, {
+        isActive: true
+      })
+    });
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","Hamburger","useNav","React","NavHamburger","t0","$","baseClass","navOpen","setNavOpen","t1","t2","t3","undefined","t4","_jsx","className","onClick","tabIndex","type","children","isActive"],"sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const NavHamburger: React.FC<{\n  baseClass?: string\n}> = ({ baseClass }) => {\n  const { navOpen, setNavOpen } = useNav()\n\n  return (\n    <button\n      className={`${baseClass}__mobile-close`}\n      onClick={() => {\n        setNavOpen(false)\n      }}\n      tabIndex={!navOpen ? -1 : undefined}\n      type=\"button\"\n    >\n      <Hamburger isActive />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAClC,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,YAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO;EAAA,IAAAF,EAAa;EACjB;IAAAG,OAAA;IAAAC;EAAA,IAAgCP,MAAA;EAIjB,MAAAQ,EAAA,MAAGH,SAAA,gBAAyB;EAAA,IAAAI,EAAA;EAAA,IAAAL,CAAA,QAAAG,UAAA;IAC9BE,EAAA,GAAAA,CAAA;MACPF,UAAA,MAAW;IAAA;IACbH,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EACU,MAAAM,EAAA,IAACJ,OAAA,QAAAK,SAAe;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAI,EAAA,IAAAJ,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAM,EAAA;IAL5BE,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EACYN,EAA4B;MAAAO,OAAA,EAC9BN,EAET;MAAAO,QAAA,EACUN,EAAgB;MAAAO,IAAA,EACrB;MAAAC,QAAA,EAELL,IAAA,CAAAd,SAAA;QAAAoB,QAAA;MAAA,C;;;;;;;;;SARFP,E;CAWJ","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+export declare const NavWrapper: React.FC<{
+    baseClass?: string;
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAqBA,CAAA"}

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

@@ -0,0 +1,55 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNav } from '@payloadcms/ui';
+import React from 'react';
+export const NavWrapper = props => {
+  const $ = _c(10);
+  const {
+    baseClass,
+    children
+  } = props;
+  const {
+    hydrated,
+    navOpen,
+    navRef,
+    shouldAnimate
+  } = useNav();
+  const t0 = navOpen && `${baseClass}--nav-open`;
+  const t1 = shouldAnimate && `${baseClass}--nav-animate`;
+  const t2 = hydrated && `${baseClass}--nav-hydrated`;
+  let t3;
+  if ($[0] !== baseClass || $[1] !== t0 || $[2] !== t1 || $[3] !== t2) {
+    t3 = [baseClass, t0, t1, t2].filter(Boolean);
+    $[0] = baseClass;
+    $[1] = t0;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const t4 = t3.join(" ");
+  const t5 = `${baseClass}__scroll`;
+  let t6;
+  if ($[5] !== t5 || $[6] !== navRef || $[7] !== children || $[8] !== t4) {
+    t6 = _jsx("aside", {
+      className: t4,
+      children: _jsx("div", {
+        className: t5,
+        ref: navRef,
+        children
+      })
+    });
+    $[5] = t5;
+    $[6] = navRef;
+    $[7] = children;
+    $[8] = t4;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  return t6;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useNav","React","NavWrapper","props","$","baseClass","children","hydrated","navOpen","navRef","shouldAnimate","t0","t1","t2","t3","filter","Boolean","t4","join","t5","t6","_jsx","className","ref"],"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const NavWrapper: React.FC<{\n  baseClass?: string\n  children: React.ReactNode\n}> = (props) => {\n  const { baseClass, children } = props\n\n  const { hydrated, navOpen, navRef, shouldAnimate } = useNav()\n\n  return (\n    <aside\n      className={[\n        baseClass,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,QAAQ;AACvB,OAAOC,KAAA,MAAW;AAIlB,OAAO,MAAMC,UAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM,SAAA;IAAAC;EAAA,IAAgCH,KAAA;EAEhC;IAAAI,QAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC;EAAA,IAAqDV,MAAA;EAM/C,MAAAW,EAAA,GAAAH,OAAA,IAAW,GAAGH,SAAA,YAAqB;EACnC,MAAAO,EAAA,GAAAF,aAAA,IAAiB,GAAGL,SAAA,eAAwB;EAC5C,MAAAQ,EAAA,GAAAN,QAAA,IAAY,GAAGF,SAAA,gBAAyB;EAAA,IAAAS,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;IAJ/BC,EAAA,IACTT,SAAA,EACAM,EAAmC,EACnCC,EAA4C,EAC5CC,EAAwC,EAAAE,MAAA,CAAAC,OAEhC;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EANC,MAAAa,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;EAEQ,MAAAC,EAAA,MAAGd,SAAA,UAAmB;EAAA,IAAAe,EAAA;EAAA,IAAAhB,CAAA,QAAAe,EAAA,IAAAf,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAa,EAAA;IAVxCG,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EACYL,EAOH;MAAAX,QAAA,EAERe,IAAA,CAAC;QAAAC,SAAA,EAAeH,EAAsB;QAAAI,GAAA,EAAOd,MAAA;QAAAH;MAAA,C;;;;;;;;;;SAV/Cc,E;CAeJ","ignoreList":[]}

package/dist/elements/Nav/NavWrapper/index.scss

@@ -0,0 +1,20 @@
+@import '../../../scss/styles.scss';
+
+.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;
+
+  &--nav-animate {
+    transition: opacity var(--nav-trans-time) ease-in-out;
+  }
+
+  &--nav-open {
+    opacity: 1;
+  }
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const DefaultNavClient: React.FC;
+//# sourceMappingURL=index.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.client.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA2FpC,CAAA"}

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

@@ -0,0 +1,161 @@
+'use client';
+
+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 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);
+  const {
+    permissions
+  } = useAuth();
+  const {
+    isEntityVisible
+  } = useEntityVisibility();
+  const pathname = usePathname();
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    collections,
+    globals,
+    routes: t1
+  } = t0;
+  const {
+    admin: adminRoute
+  } = t1;
+  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 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) => {
+        const {
+          entities,
+          label
+        } = t6;
+        return _jsx(NavGroup, {
+          label,
+          children: entities.map((t7, i) => {
+            const {
+              type,
+              entity
+            } = t7;
+            let entityLabel;
+            let href;
+            let id;
+            if (type === EntityType.collection) {
+              href = formatAdminURL({
+                adminRoute,
+                path: `/collections/${entity.slug}`
+              });
+              entityLabel = getTranslation(entity.labels.plural, i18n);
+              id = `nav-${entity.slug}`;
+            }
+            if (type === EntityType.global) {
+              href = formatAdminURL({
+                adminRoute,
+                path: `/globals/${entity.slug}`
+              });
+              entityLabel = getTranslation(entity.label, i18n);
+              id = `nav-global-${entity.slug}`;
+            }
+            const Link = LinkWithDefault.default || LinkWithDefault;
+            const LinkElement = Link || "a";
+            const activeCollection = pathname.endsWith(href);
+            return _jsxs(LinkElement, {
+              className: [`${baseClass}__link`, activeCollection && `active`].filter(Boolean).join(" "),
+              href,
+              id,
+              tabIndex: !navOpen ? -1 : undefined,
+              children: [activeCollection && _jsx("div", {
+                className: `${baseClass}__link-indicator`
+              }), _jsx("span", {
+                className: `${baseClass}__link-label`,
+                children: entityLabel
+              })]
+            }, i);
+          })
+        }, key);
+      };
+      $[13] = adminRoute;
+      $[14] = i18n;
+      $[15] = pathname;
+      $[16] = navOpen;
+      $[17] = t5;
+    } else {
+      t5 = $[17];
+    }
+    t2 = _jsx(Fragment, {
+      children: groups.map(t5)
+    });
+    $[0] = isEntityVisible;
+    $[1] = collections;
+    $[2] = globals;
+    $[3] = permissions;
+    $[4] = i18n;
+    $[5] = adminRoute;
+    $[6] = pathname;
+    $[7] = navOpen;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+};
+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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,6 @@
+import type { ServerProps } from 'payload';
+import React from 'react';
+import './index.scss';
+export type NavProps = ServerProps;
+export declare const DefaultNav: React.FC<NavProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/elements/Nav/index.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Logout } from '@payloadcms/ui';
+import { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared';
+import React from 'react';
+import { NavHamburger } from './NavHamburger/index.js';
+import { NavWrapper } from './NavWrapper/index.js';
+const baseClass = 'nav';
+import { DefaultNavClient } from './index.client.js';
+export const DefaultNav = props => {
+  const {
+    i18n,
+    locale,
+    params,
+    payload,
+    permissions,
+    searchParams,
+    user
+  } = props;
+  if (!payload?.config) {
+    return null;
+  }
+  const {
+    admin: {
+      components: {
+        afterNavLinks,
+        beforeNavLinks
+      }
+    }
+  } = payload.config;
+  const createMappedComponent = getCreateMappedComponent({
+    importMap: payload.importMap,
+    serverProps: {
+      i18n,
+      locale,
+      params,
+      payload,
+      permissions,
+      searchParams,
+      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
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__controls`,
+        children: /*#__PURE__*/_jsx(Logout, {})
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__header`,
+      children: /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__header-content`,
+        children: /*#__PURE__*/_jsx(NavHamburger, {
+          baseClass: baseClass
+        })
+      })
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

package/dist/elements/Nav/index.scss

@@ -0,0 +1,156 @@
+@import '../../scss/styles.scss';
+
+.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-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(--app-header-height) base(1) base(2) base(1);
+    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 {
+    margin-top: auto;
+    margin-bottom: 0;
+
+    > * {
+      margin-top: base(1);
+    }
+
+    a:focus-visible {
+      outline: var(--accessibility-outline);
+    }
+  }
+
+  &__log-out {
+    &:hover {
+      g {
+        transform: translateX(-#{base(0.125)});
+      }
+    }
+  }
+
+  nav {
+    a {
+      position: relative;
+      padding-block: base(0.125);
+      padding-inline-start: 0;
+      padding-inline-end: base(1.5);
+      display: flex;
+      text-decoration: none;
+
+      &:focus:not(:focus-visible) {
+        box-shadow: none;
+        font-weight: 600;
+      }
+
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
+
+      &.active {
+        font-weight: normal;
+        padding-left: 0;
+        font-weight: 600;
+      }
+    }
+  }
+
+  &__link {
+    display: flex;
+    align-items: center;
+  }
+
+  &__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 {
+      padding: var(--app-header-height) base(0.5) base(2);
+    }
+  }
+
+  @include small-break {
+    &__scroll {
+      padding: var(--app-header-height) var(--gutter-h) base(2);
+    }
+
+    nav a {
+      font-size: base(0.875);
+      line-height: base(1.5);
+    }
+
+    &__mobile-close {
+      display: flex;
+      height: 100%;
+      align-items: center;
+    }
+  }
+}

package/dist/exports/layouts.js

@@ -1,3 +1,2 @@
 export { RootLayout, metadata } from '../layouts/Root/index.js';
-
 //# sourceMappingURL=layouts.js.map

package/dist/exports/layouts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/exports/layouts.ts"],"sourcesContent":["export { RootLayout, metadata } from '../layouts/Root/index.js'\n"],"names":["RootLayout","metadata"],"rangeMappings":"","mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,2BAA0B"}
+{"version":3,"file":"layouts.js","names":["RootLayout","metadata"],"sources":["../../src/exports/layouts.ts"],"sourcesContent":["export { RootLayout, metadata } from '../layouts/Root/index.js'\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ","ignoreList":[]}

package/dist/exports/routes.d.ts

@@ -1,3 +1,3 @@
 export { GRAPHQL_PLAYGROUND_GET, GRAPHQL_POST } from '../routes/graphql/index.js';
-export { DELETE as REST_DELETE, GET as REST_GET, PATCH as REST_PATCH, POST as REST_POST, } from '../routes/rest/index.js';
+export { DELETE as REST_DELETE, GET as REST_GET, OPTIONS as REST_OPTIONS, PATCH as REST_PATCH, POST as REST_POST, } from '../routes/rest/index.js';
 //# sourceMappingURL=routes.d.ts.map

package/dist/exports/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../src/exports/routes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEjF,OAAO,EACL,MAAM,IAAI,WAAW,EACrB,GAAG,IAAI,QAAQ,EACf,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,GAClB,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../src/exports/routes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEjF,OAAO,EACL,MAAM,IAAI,WAAW,EACrB,GAAG,IAAI,QAAQ,EACf,OAAO,IAAI,YAAY,EACvB,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,GAClB,MAAM,yBAAyB,CAAA"}