@payloadcms/next 3.60.0-internal.c130254 → 3.60.0-internal.c277fd4

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+export type SettingsMenuButtonProps = {
+    settingsMenu?: React.ReactNode[];
+};
+export declare const SettingsMenuButton: React.FC<SettingsMenuButtonProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/SettingsMenuButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqBhE,CAAA"}

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

@@ -0,0 +1,45 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GearIcon, Popup, useTranslation } from '@payloadcms/ui';
+import React, { Fragment } from 'react';
+const baseClass = 'settings-menu-button';
+export const SettingsMenuButton = t0 => {
+  const $ = _c(3);
+  const {
+    settingsMenu
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  if (!settingsMenu || settingsMenu.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== settingsMenu || $[1] !== t) {
+    t1 = _jsx(Popup, {
+      button: _jsx(GearIcon, {
+        ariaLabel: t("general:menu")
+      }),
+      className: baseClass,
+      horizontalAlign: "left",
+      id: "settings-menu",
+      size: "small",
+      verticalAlign: "bottom",
+      children: settingsMenu.map(_temp)
+    });
+    $[0] = settingsMenu;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+function _temp(item, i) {
+  return _jsx(Fragment, {
+    children: item
+  }, `settings-menu-item-${i}`);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","GearIcon","Popup","useTranslation","React","Fragment","baseClass","SettingsMenuButton","t0","$","settingsMenu","t","length","t1","_jsx","button","ariaLabel","id","size","verticalAlign","children","map","_temp","item","i"],"sources":["../../../../src/elements/Nav/SettingsMenuButton/index.tsx"],"sourcesContent":["'use client'\nimport { GearIcon, Popup, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'settings-menu-button'\n\nexport type SettingsMenuButtonProps = {\n  settingsMenu?: React.ReactNode[]\n}\n\nexport const SettingsMenuButton: React.FC<SettingsMenuButtonProps> = ({ settingsMenu }) => {\n  const { t } = useTranslation()\n\n  if (!settingsMenu || settingsMenu.length === 0) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<GearIcon ariaLabel={t('general:menu')} />}\n      className={baseClass}\n      horizontalAlign=\"left\"\n      id=\"settings-menu\"\n      size=\"small\"\n      verticalAlign=\"bottom\"\n    >\n      {settingsMenu.map((item, i) => (\n        <Fragment key={`settings-menu-item-${i}`}>{item}</Fragment>\n      ))}\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,QAAQ,EAAEC,KAAK,EAAEC,cAAc,QAAQ;AAChD,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,MAAMC,SAAA,GAAY;AAMlB,OAAO,MAAMC,kBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAgB;EACpF;IAAAG;EAAA,IAAcR,cAAA;EAAA,IAEV,CAACO,YAAA,IAAgBA,YAAA,CAAAE,MAAA,MAAwB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAE,CAAA;IAK3CE,EAAA,GAAAC,IAAA,CAAAZ,KAAA;MAAAa,MAAA,EACUD,IAAA,CAAAb,QAAA;QAAAe,SAAA,EAAqBL,CAAA,CAAE;MAAA,C;;uBAEf;MAAAM,EAAA,EACb;MAAAC,IAAA,EACE;MAAAC,aAAA,EACS;MAAAC,QAAA,EAEbV,YAAA,CAAAW,GAAA,CAAAC,KACyC;IAAA,C;;;;;;;SAT5CT,E;CAaJ;AArBqE,SAAAS,MAAAC,IAAA,EAAAC,CAAA;EAAA,OAiB7DV,IAAA,CAAAT,QAAA;IAAAe,QAAA,EAA2CG;EAAA,GAA5B,sBAAsBC,CAAA,EAAG;AAAA","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .settings-menu-button {
+    &.popup--h-align-left {
+      .popup__content {
+        left: calc(var(--nav-padding-inline-start) * -0.5);
+      }
+    }
+  }
+}

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":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAOrB,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,CAAC,EAAE,cAAc,CAAA;CACrB,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAwHzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAOrB,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,CAAC,EAAE,cAAc,CAAA;CACrB,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAmJzC,CAAA"}

package/dist/elements/Nav/index.js

@@ -5,6 +5,7 @@ import { EntityType, groupNavItems } from '@payloadcms/ui/shared';
 import React from 'react';
 import { NavHamburger } from './NavHamburger/index.js';
 import { NavWrapper } from './NavWrapper/index.js';
+import { SettingsMenuButton } from './SettingsMenuButton/index.js';
 const baseClass = 'nav';
 import { getNavPrefs } from './getNavPrefs.js';
 import { DefaultNavClient } from './index.client.js';
@@ -30,7 +31,8 @@ export const DefaultNav = async props => {
       components: {
         afterNavLinks,
         beforeNavLinks,
-        logout
+        logout,
+        settingsMenu
       }
     },
     collections,
@@ -66,6 +68,24 @@ export const DefaultNav = async props => {
       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
+    }
+  })) : [];
   return /*#__PURE__*/_jsxs(NavWrapper, {
     baseClass: baseClass,
     children: [/*#__PURE__*/_jsxs("nav", {
@@ -105,9 +125,11 @@ export const DefaultNav = async props => {
           searchParams,
           user
         }
-      }), /*#__PURE__*/_jsx("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__controls`,
-        children: LogoutComponent
+        children: [/*#__PURE__*/_jsx(SettingsMenuButton, {
+          settingsMenu: renderedSettingsMenu
+        }), LogoutComponent]
       })]
     }), /*#__PURE__*/_jsx("div", {
       className: `${baseClass}__header`,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Logout","RenderServerComponent","EntityType","groupNavItems","React","NavHamburger","NavWrapper","baseClass","getNavPrefs","DefaultNavClient","DefaultNav","props","documentSubViewType","i18n","locale","params","payload","permissions","req","searchParams","user","viewType","visibleEntities","config","admin","components","afterNavLinks","beforeNavLinks","logout","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","LogoutComponent","clientProps","Component","Button","Fallback","importMap","serverProps","_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 './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: { 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(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  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        {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        <DefaultNavClient groups={groups} navPreferences={navPreferences} />\n        {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        <div className={`${baseClass}__controls`}>{LogoutComponent}</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":[]}
+{"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","afterNavLinks","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","_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: { afterNavLinks, 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  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        {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        <DefaultNavClient groups={groups} navPreferences={navPreferences} />\n        {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        <div className={`${baseClass}__controls`}>\n          <SettingsMenuButton settingsMenu={renderedSettingsMenu} />\n          {LogoutComponent}\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":[]}

package/dist/elements/Nav/index.scss

@@ -11,6 +11,10 @@
     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;
@@ -51,7 +55,8 @@
       height: 100%;
       display: flex;
       flex-direction: column;
-      padding: var(--app-header-height) base(1) base(2) base(1);
+      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
@@ -73,10 +78,13 @@
     }
 
     &__controls {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.75);
       margin-top: auto;
       margin-bottom: 0;
 
-      > * {
+      > :first-child {
         margin-top: base(1);
       }
 
@@ -140,13 +148,15 @@
 
     @include mid-break {
       &__scroll {
-        padding: var(--app-header-height) base(0.5) base(2);
+        --nav-padding-inline-start: calc(var(--base) * 0.5);
+        --nav-padding-inline-end: calc(var(--base) * 0.5);
       }
     }
 
     @include small-break {
       &__scroll {
-        padding: var(--app-header-height) var(--gutter-h) base(2);
+        --nav-padding-inline-start: var(--gutter-h);
+        --nav-padding-inline-end: var(--gutter-h);
       }
 
       &__link {

package/dist/exports/utilities.d.ts

@@ -51,11 +51,11 @@ export declare const addDataAndFileToRequest: (req: import("payload").PayloadReq
  * ```
  */
 export declare const sanitizeLocales: ({ fallbackLocale, locale, localization, }: {
-    fallbackLocale: string;
+    fallbackLocale: string | string[];
     locale: string;
     localization: import("payload").SanitizedConfig["localization"];
 }) => {
-    fallbackLocale?: string;
+    fallbackLocale?: string | string[];
     locale?: string;
 };
 /**