@payloadcms/next 3.0.0-canary.a5aaf21 → 3.0.0-canary.a6e7305

package/dist/elements/DocumentLocked/index.js

@@ -3,6 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Modal, useModal, useTranslation } from '@payloadcms/ui';
+import { isClientUserObject } from '@payloadcms/ui/shared';
 import React, { useEffect } from 'react';
 const modalSlug = 'document-locked';
 const baseClass = 'document-locked';
@@ -20,7 +21,7 @@ const formatDate = date => {
   }).format(date);
 };
 export const DocumentLocked = t0 => {
-  const $ = _c(19);
+  const $ = _c(22);
   const {
     handleGoBack,
     isActive,
@@ -60,29 +61,38 @@ export const DocumentLocked = t0 => {
   let t3;
   if ($[5] !== t || $[6] !== user || $[7] !== updatedAt || $[8] !== handleGoBack || $[9] !== onReadOnly || $[10] !== closeModal || $[11] !== onTakeOver) {
     let t4;
-    if ($[13] !== onReadOnly || $[14] !== closeModal) {
-      t4 = () => {
-        onReadOnly();
-        closeModal(modalSlug);
-      };
-      $[13] = onReadOnly;
-      $[14] = closeModal;
+    if ($[13] !== user || $[14] !== t) {
+      t4 = isClientUserObject(user) ? user.email ?? user.id : `${t("general:user")}: ${user}`;
+      $[13] = user;
+      $[14] = t;
       $[15] = t4;
     } else {
       t4 = $[15];
     }
     let t5;
-    if ($[16] !== onTakeOver || $[17] !== closeModal) {
+    if ($[16] !== onReadOnly || $[17] !== closeModal) {
       t5 = () => {
-        onTakeOver();
+        onReadOnly();
         closeModal(modalSlug);
       };
-      $[16] = onTakeOver;
+      $[16] = onReadOnly;
       $[17] = closeModal;
       $[18] = t5;
     } else {
       t5 = $[18];
     }
+    let t6;
+    if ($[19] !== onTakeOver || $[20] !== closeModal) {
+      t6 = () => {
+        onTakeOver();
+        closeModal(modalSlug);
+      };
+      $[19] = onTakeOver;
+      $[20] = closeModal;
+      $[21] = t6;
+    } else {
+      t6 = $[21];
+    }
     t3 = _jsx(Modal, {
       className: baseClass,
       onClose: handleGoBack,
@@ -95,7 +105,7 @@ export const DocumentLocked = t0 => {
             children: t("general:documentLocked")
           }), _jsxs("p", {
             children: [_jsx("strong", {
-              children: user?.email ?? user?.id
+              children: t4
             }), " ", t("general:currentlyEditing")]
           }), _jsxs("p", {
             children: [t("general:editedSince"), " ", _jsx("strong", {
@@ -113,13 +123,13 @@ export const DocumentLocked = t0 => {
           }), _jsx(Button, {
             buttonStyle: "secondary",
             id: `${modalSlug}-view-read-only`,
-            onClick: t4,
+            onClick: t5,
             size: "large",
             children: t("general:viewReadOnly")
           }), _jsx(Button, {
             buttonStyle: "primary",
             id: `${modalSlug}-take-over`,
-            onClick: t5,
+            onClick: t6,
             size: "large",
             children: t("general:takeOver")
           })]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Button","Modal","useModal","useTranslation","React","useEffect","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","t1","t2","t3","t4","t5","_jsx","className","onClose","slug","children","_jsxs","email","id","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport { Button, Modal, useModal, useTranslation } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} onClose={handleGoBack} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>{user?.email ?? user?.id}</strong> {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={handleGoBack}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              void onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","Button","Modal","useModal","useTranslation","isClientUserObject","React","useEffect","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","t1","t2","t3","t4","email","id","t5","t6","_jsx","className","onClose","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport { Button, Modal, useModal, useTranslation } from '@payloadcms/ui'\nimport { isClientUserObject } from '@payloadcms/ui/shared'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} onClose={handleGoBack} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={handleGoBack}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              void onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentLocked/index.scss

@@ -1,37 +1,40 @@
 @import '../../scss/styles.scss';
 
-.document-locked {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-
-  &__wrapper {
-    z-index: 1;
-    position: relative;
+@layer payload-default {
+  .document-locked {
+    @include blur-bg;
     display: flex;
-    flex-direction: column;
-    gap: var(--base);
-    padding: base(2);
-  }
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      padding: base(2);
+    }
 
-    > * {
-      margin: 0;
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      max-width: base(36);
+
+      > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__controls {
-    display: flex;
-    gap: var(--base);
+    &__controls {
+      display: flex;
+      gap: var(--base);
 
-    .btn {
-      margin: 0;
+      .btn {
+        margin: 0;
+      }
     }
   }
 }

package/dist/elements/DocumentTakeOver/index.scss

@@ -1,37 +1,39 @@
 @import '../../scss/styles.scss';
 
-.document-take-over {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-
-  &__wrapper {
-    z-index: 1;
-    position: relative;
+@layer payload-default {
+  .document-take-over {
+    @include blur-bg;
     display: flex;
-    flex-direction: column;
-    gap: var(--base);
-    padding: base(2);
-  }
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      padding: base(2);
+    }
 
-    > * {
-      margin: 0;
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+
+      > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__controls {
-    display: flex;
-    gap: var(--base);
+    &__controls {
+      display: flex;
+      gap: var(--base);
 
-    .btn {
-      margin: 0;
+      .btn {
+        margin: 0;
+      }
     }
   }
 }

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+type Props = {
+    description?: React.ReactNode | string;
+    heading: string;
+};
+export declare function FormHeader({ description, heading }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FormHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACtC,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AACD,wBAAgB,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,qBAWzD"}

package/dist/elements/FormHeader/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const baseClass = 'form-header';
+export function FormHeader({
+  description,
+  heading
+}) {
+  if (!heading) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx("h1", {
+      children: heading
+    }), Boolean(description) && /*#__PURE__*/_jsx("p", {
+      children: description
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","FormHeader","description","heading","_jsxs","className","_jsx","Boolean"],"sources":["../../../src/elements/FormHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'form-header'\n\ntype Props = {\n  description?: React.ReactNode | string\n  heading: string\n}\nexport function FormHeader({ description, heading }: Props) {\n  if (!heading) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <h1>{heading}</h1>\n      {Boolean(description) && <p>{description}</p>}\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,WAAW;EAAEC,WAAW;EAAEC;AAAO,CAAS;EACxD,IAAI,CAACA,OAAA,EAAS;IACZ,OAAO;EACT;EAEA,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWL,SAAA;4BACdM,IAAA,CAAC;gBAAIH;QACJI,OAAA,CAAQL,WAAA,kBAAgBI,IAAA,CAAC;gBAAGJ;;;AAGnC","ignoreList":[]}

package/dist/elements/FormHeader/index.scss

@@ -0,0 +1,8 @@
+@layer payload-default {
+  .form-header {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) * 0.5);
+    margin-bottom: var(--base);
+  }
+}

package/dist/elements/LeaveWithoutSaving/index.scss

@@ -1,37 +1,39 @@
 @import '../../scss/styles.scss';
 
-.leave-without-saving {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-
-  &__wrapper {
-    z-index: 1;
-    position: relative;
+@layer payload-default {
+  .leave-without-saving {
+    @include blur-bg;
     display: flex;
-    flex-direction: column;
-    gap: base(0.8);
-    padding: base(2);
-  }
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: base(0.4);
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+    }
 
-    > * {
-      margin: 0;
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
+
+      > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__controls {
-    display: flex;
-    gap: base(0.4);
+    &__controls {
+      display: flex;
+      gap: base(0.4);
 
-    .btn {
-      margin: 0;
+      .btn {
+        margin: 0;
+      }
     }
   }
 }

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

@@ -1,25 +1,27 @@
 @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;
+@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;
 
-  [dir='rtl'] & {
-    border-right: none;
-    border-left: 1px solid var(--theme-elevation-100);
-  }
+    [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-animate {
+      transition: opacity var(--nav-trans-time) ease-in-out;
+    }
 
-  &--nav-open {
-    opacity: 1;
+    &--nav-open {
+      opacity: 1;
+    }
   }
 }

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

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

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

@@ -108,6 +108,7 @@ export const DefaultNavClient = () => {
               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`

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","startsWith","undefined","includes","length","_jsxs","className","Boolean","join","tabIndex","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  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 =\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                  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","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","startsWith","undefined","includes","length","_jsxs","className","Boolean","join","prefetch","tabIndex","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  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 =\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`}>{entityLabel}</span>\n                </LinkElement>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}