@payloadcms/next 3.74.0-canary.6 → 3.74.0-internal-debug.1b84a48

package/dist/elements/DocumentHeader/Tabs/index.js

@@ -1,78 +1,88 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import React from 'react';
 import { ShouldRenderTabs } from './ShouldRenderTabs.js';
 import { DefaultDocumentTab } from './Tab/index.js';
 import { getTabs } from './tabs/index.js';
+import './index.scss';
 const baseClass = 'doc-tabs';
-export const DocumentTabs = ({
-  collectionConfig,
-  globalConfig,
-  permissions,
-  req
-}) => {
-  const {
-    config
-  } = req.payload;
-  const tabs = getTabs({
-    collectionConfig,
-    globalConfig
-  });
-  return /*#__PURE__*/_jsx(ShouldRenderTabs, {
-    children: /*#__PURE__*/_jsx("div", {
-      className: baseClass,
-      children: /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__tabs-container`,
-        children: /*#__PURE__*/_jsx("ul", {
-          className: `${baseClass}__tabs`,
-          children: tabs?.map(({
-            tab: tabConfig,
-            viewPath
-          }, index) => {
-            const {
-              condition
-            } = tabConfig || {};
-            const meetsCondition = !condition || condition({
-              collectionConfig,
-              config,
-              globalConfig,
-              permissions,
-              req
-            });
-            if (!meetsCondition) {
-              return null;
-            }
-            if (tabConfig?.Component) {
-              return RenderServerComponent({
-                clientProps: {
-                  path: viewPath
-                },
-                Component: tabConfig.Component,
-                importMap: req.payload.importMap,
-                key: `tab-${index}`,
-                serverProps: {
-                  collectionConfig,
-                  globalConfig,
-                  i18n: req.i18n,
-                  payload: req.payload,
-                  permissions,
-                  req,
-                  user: req.user
-                }
-              });
-            }
-            return /*#__PURE__*/_jsx(DefaultDocumentTab, {
-              collectionConfig: collectionConfig,
-              globalConfig: globalConfig,
-              path: viewPath,
-              permissions: permissions,
-              req: req,
-              tabConfig: tabConfig
-            }, `tab-${index}`);
-          })
-        })
-      })
-    })
-  });
+export const DocumentTabs = ({ collectionConfig, globalConfig, permissions, req })=>{
+    const { config } = req.payload;
+    const tabs = getTabs({
+        collectionConfig,
+        globalConfig
+    });
+    return /*#__PURE__*/ _jsxDEV(ShouldRenderTabs, {
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: baseClass,
+            children: /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__tabs-container`,
+                children: /*#__PURE__*/ _jsxDEV("ul", {
+                    className: `${baseClass}__tabs`,
+                    children: tabs?.map(({ tab: tabConfig, viewPath }, index)=>{
+                        const { condition } = tabConfig || {};
+                        const meetsCondition = !condition || condition({
+                            collectionConfig,
+                            config,
+                            globalConfig,
+                            permissions,
+                            req
+                        });
+                        if (!meetsCondition) {
+                            return null;
+                        }
+                        if (tabConfig?.Component) {
+                            return RenderServerComponent({
+                                clientProps: {
+                                    path: viewPath
+                                },
+                                Component: tabConfig.Component,
+                                importMap: req.payload.importMap,
+                                key: `tab-${index}`,
+                                serverProps: {
+                                    collectionConfig,
+                                    globalConfig,
+                                    i18n: req.i18n,
+                                    payload: req.payload,
+                                    permissions,
+                                    req,
+                                    user: req.user
+                                }
+                            });
+                        }
+                        return /*#__PURE__*/ _jsxDEV(DefaultDocumentTab, {
+                            collectionConfig: collectionConfig,
+                            globalConfig: globalConfig,
+                            path: viewPath,
+                            permissions: permissions,
+                            req: req,
+                            tabConfig: tabConfig
+                        }, `tab-${index}`, false, {
+                            fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
+                            lineNumber: 70,
+                            columnNumber: 17
+                        }, this);
+                    })
+                }, void 0, false, {
+                    fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
+                    lineNumber: 37,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
+                lineNumber: 36,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
+            lineNumber: 35,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RenderServerComponent","React","ShouldRenderTabs","DefaultDocumentTab","getTabs","baseClass","DocumentTabs","collectionConfig","globalConfig","permissions","req","config","payload","tabs","_jsx","className","map","tab","tabConfig","viewPath","index","condition","meetsCondition","Component","clientProps","path","importMap","key","serverProps","i18n","user"],"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type {\n  DocumentTabClientProps,\n  DocumentTabServerPropsOnly,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nimport { ShouldRenderTabs } from './ShouldRenderTabs.js'\nimport { DefaultDocumentTab } from './Tab/index.js'\nimport { getTabs } from './tabs/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = ({ collectionConfig, globalConfig, permissions, req }) => {\n  const { config } = req.payload\n\n  const tabs = getTabs({\n    collectionConfig,\n    globalConfig,\n  })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {tabs?.map(({ tab: tabConfig, viewPath }, index) => {\n              const { condition } = tabConfig || {}\n\n              const meetsCondition =\n                !condition ||\n                condition({ collectionConfig, config, globalConfig, permissions, req })\n\n              if (!meetsCondition) {\n                return null\n              }\n\n              if (tabConfig?.Component) {\n                return RenderServerComponent({\n                  clientProps: {\n                    path: viewPath,\n                  } satisfies DocumentTabClientProps,\n                  Component: tabConfig.Component,\n                  importMap: req.payload.importMap,\n                  key: `tab-${index}`,\n                  serverProps: {\n                    collectionConfig,\n                    globalConfig,\n                    i18n: req.i18n,\n                    payload: req.payload,\n                    permissions,\n                    req,\n                    user: req.user,\n                  } satisfies DocumentTabServerPropsOnly,\n                })\n              }\n\n              return (\n                <DefaultDocumentTab\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  key={`tab-${index}`}\n                  path={viewPath}\n                  permissions={permissions}\n                  req={req}\n                  tabConfig={tabConfig}\n                />\n              )\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"mappings":";AASA,SAASA,qBAAqB,QAAQ;AACtC,OAAOC,KAAA,MAAW;AAElB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AAGxB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAKRA,CAAC;EAAEC,gBAAgB;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAAG,CAAE;EACxD,MAAM;IAAEC;EAAM,CAAE,GAAGD,GAAA,CAAIE,OAAO;EAE9B,MAAMC,IAAA,GAAOT,OAAA,CAAQ;IACnBG,gBAAA;IACAC;EACF;EAEA,oBACEM,IAAA,CAACZ,gBAAA;cACC,aAAAY,IAAA,CAAC;MAAIC,SAAA,EAAWV,SAAA;gBACd,aAAAS,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAGV,SAAA,kBAA2B;kBAC5C,aAAAS,IAAA,CAAC;UAAGC,SAAA,EAAW,GAAGV,SAAA,QAAiB;oBAChCQ,IAAA,EAAMG,GAAA,CAAI,CAAC;YAAEC,GAAA,EAAKC,SAAS;YAAEC;UAAQ,CAAE,EAAEC,KAAA;YACxC,MAAM;cAAEC;YAAS,CAAE,GAAGH,SAAA,IAAa,CAAC;YAEpC,MAAMI,cAAA,GACJ,CAACD,SAAA,IACDA,SAAA,CAAU;cAAEd,gBAAA;cAAkBI,MAAA;cAAQH,YAAA;cAAcC,WAAA;cAAaC;YAAI;YAEvE,IAAI,CAACY,cAAA,EAAgB;cACnB,OAAO;YACT;YAEA,IAAIJ,SAAA,EAAWK,SAAA,EAAW;cACxB,OAAOvB,qBAAA,CAAsB;gBAC3BwB,WAAA,EAAa;kBACXC,IAAA,EAAMN;gBACR;gBACAI,SAAA,EAAWL,SAAA,CAAUK,SAAS;gBAC9BG,SAAA,EAAWhB,GAAA,CAAIE,OAAO,CAACc,SAAS;gBAChCC,GAAA,EAAK,OAAOP,KAAA,EAAO;gBACnBQ,WAAA,EAAa;kBACXrB,gBAAA;kBACAC,YAAA;kBACAqB,IAAA,EAAMnB,GAAA,CAAImB,IAAI;kBACdjB,OAAA,EAASF,GAAA,CAAIE,OAAO;kBACpBH,WAAA;kBACAC,GAAA;kBACAoB,IAAA,EAAMpB,GAAA,CAAIoB;gBACZ;cACF;YACF;YAEA,oBACEhB,IAAA,CAACX,kBAAA;cACCI,gBAAA,EAAkBA,gBAAA;cAClBC,YAAA,EAAcA,YAAA;cAEdiB,IAAA,EAAMN,QAAA;cACNV,WAAA,EAAaA,WAAA;cACbC,GAAA,EAAKA,GAAA;cACLQ,SAAA,EAAWA;eAJN,OAAOE,KAAA,EAAO;UAOzB;;;;;AAMZ","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type {\n  DocumentTabClientProps,\n  DocumentTabServerPropsOnly,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nimport { ShouldRenderTabs } from './ShouldRenderTabs.js'\nimport { DefaultDocumentTab } from './Tab/index.js'\nimport { getTabs } from './tabs/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = ({ collectionConfig, globalConfig, permissions, req }) => {\n  const { config } = req.payload\n\n  const tabs = getTabs({\n    collectionConfig,\n    globalConfig,\n  })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {tabs?.map(({ tab: tabConfig, viewPath }, index) => {\n              const { condition } = tabConfig || {}\n\n              const meetsCondition =\n                !condition ||\n                condition({ collectionConfig, config, globalConfig, permissions, req })\n\n              if (!meetsCondition) {\n                return null\n              }\n\n              if (tabConfig?.Component) {\n                return RenderServerComponent({\n                  clientProps: {\n                    path: viewPath,\n                  } satisfies DocumentTabClientProps,\n                  Component: tabConfig.Component,\n                  importMap: req.payload.importMap,\n                  key: `tab-${index}`,\n                  serverProps: {\n                    collectionConfig,\n                    globalConfig,\n                    i18n: req.i18n,\n                    payload: req.payload,\n                    permissions,\n                    req,\n                    user: req.user,\n                  } satisfies DocumentTabServerPropsOnly,\n                })\n              }\n\n              return (\n                <DefaultDocumentTab\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  key={`tab-${index}`}\n                  path={viewPath}\n                  permissions={permissions}\n                  req={req}\n                  tabConfig={tabConfig}\n                />\n              )\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"names":["RenderServerComponent","React","ShouldRenderTabs","DefaultDocumentTab","getTabs","baseClass","DocumentTabs","collectionConfig","globalConfig","permissions","req","config","payload","tabs","div","className","ul","map","tab","tabConfig","viewPath","index","condition","meetsCondition","Component","clientProps","path","importMap","key","serverProps","i18n","user"],"mappings":";AASA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,OAAOC,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,kBAAkB,QAAQ,iBAAgB;AACnD,SAASC,OAAO,QAAQ,kBAAiB;AACzC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAKR,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,WAAW,EAAEC,GAAG,EAAE;IACxD,MAAM,EAAEC,MAAM,EAAE,GAAGD,IAAIE,OAAO;IAE9B,MAAMC,OAAOT,QAAQ;QACnBG;QACAC;IACF;IAEA,qBACE,QAACN;kBACC,cAAA,QAACY;YAAIC,WAAWV;sBACd,cAAA,QAACS;gBAAIC,WAAW,GAAGV,UAAU,gBAAgB,CAAC;0BAC5C,cAAA,QAACW;oBAAGD,WAAW,GAAGV,UAAU,MAAM,CAAC;8BAChCQ,MAAMI,IAAI,CAAC,EAAEC,KAAKC,SAAS,EAAEC,QAAQ,EAAE,EAAEC;wBACxC,MAAM,EAAEC,SAAS,EAAE,GAAGH,aAAa,CAAC;wBAEpC,MAAMI,iBACJ,CAACD,aACDA,UAAU;4BAAEf;4BAAkBI;4BAAQH;4BAAcC;4BAAaC;wBAAI;wBAEvE,IAAI,CAACa,gBAAgB;4BACnB,OAAO;wBACT;wBAEA,IAAIJ,WAAWK,WAAW;4BACxB,OAAOxB,sBAAsB;gCAC3ByB,aAAa;oCACXC,MAAMN;gCACR;gCACAI,WAAWL,UAAUK,SAAS;gCAC9BG,WAAWjB,IAAIE,OAAO,CAACe,SAAS;gCAChCC,KAAK,CAAC,IAAI,EAAEP,OAAO;gCACnBQ,aAAa;oCACXtB;oCACAC;oCACAsB,MAAMpB,IAAIoB,IAAI;oCACdlB,SAASF,IAAIE,OAAO;oCACpBH;oCACAC;oCACAqB,MAAMrB,IAAIqB,IAAI;gCAChB;4BACF;wBACF;wBAEA,qBACE,QAAC5B;4BACCI,kBAAkBA;4BAClBC,cAAcA;4BAEdkB,MAAMN;4BACNX,aAAaA;4BACbC,KAAKA;4BACLS,WAAWA;2BAJN,CAAC,IAAI,EAAEE,OAAO;;;;;oBAOzB;;;;;;;;;;;;;;;;;;;;;AAMZ,EAAC"}

package/dist/elements/DocumentHeader/Tabs/index.scss

@@ -0,0 +1,54 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .doc-tabs {
+    display: flex;
+
+    &__tabs {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      list-style: none;
+      align-items: center;
+      margin: 0;
+      padding-left: 0;
+    }
+
+    @include mid-break {
+      width: 100%;
+      padding: 0;
+      overflow: auto;
+
+      // this container has a gradient overlay as visual indication of `overflow: scroll`
+      &::-webkit-scrollbar {
+        display: none;
+      }
+
+      &::after {
+        content: '';
+        display: block;
+        position: sticky;
+        right: 0;
+        width: calc(var(--base) * 2);
+        height: calc(var(--base) * 2);
+        background: linear-gradient(to right, transparent, var(--theme-bg));
+        flex-shrink: 0;
+        z-index: 1111;
+        pointer-events: none;
+      }
+
+      &__tabs {
+        padding: 0;
+      }
+    }
+
+    @include small-break {
+      &__tabs-container {
+        margin-right: var(--gutter-h);
+      }
+
+      &__tabs {
+        gap: var(--gutter-h);
+      }
+    }
+  }
+}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js

@@ -1,29 +1,22 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useDocumentInfo } from '@payloadcms/ui';
 import React from 'react';
+import './index.scss';
 const baseClass = 'pill-version-count';
-export const VersionsPill = () => {
-  const $ = _c(2);
-  const {
-    versionCount
-  } = useDocumentInfo();
-  if (!versionCount) {
-    return null;
-  }
-  let t0;
-  if ($[0] !== versionCount) {
-    t0 = _jsx("span", {
-      className: baseClass,
-      children: versionCount
-    });
-    $[0] = versionCount;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
+export const VersionsPill = ()=>{
+    const { versionCount } = useDocumentInfo();
+    if (!versionCount) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxDEV("span", {
+        className: baseClass,
+        children: versionCount
+    }, void 0, false, {
+        fileName: "src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx",
+        lineNumber: 16,
+        columnNumber: 10
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useDocumentInfo","React","baseClass","VersionsPill","$","versionCount","t0","_jsx","className","children"],"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'pill-version-count'\n\nexport const VersionsPill: React.FC = () => {\n  const { versionCount } = useDocumentInfo()\n\n  if (!versionCount) {\n    return null\n  }\n\n  return <span className={baseClass}>{versionCount}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAyBL,eAAA;EAAA,KAEpBK,YAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA;IAIEC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAN,SAAA;MAAAO,QAAA,EAA4BJ;IAAA,C;;;;;;SAA7BC,E;CACT","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'pill-version-count'\n\nexport const VersionsPill: React.FC = () => {\n  const { versionCount } = useDocumentInfo()\n\n  if (!versionCount) {\n    return null\n  }\n\n  return <span className={baseClass}>{versionCount}</span>\n}\n"],"names":["useDocumentInfo","React","baseClass","VersionsPill","versionCount","span","className"],"mappings":"AAAA;;AACA,SAASA,eAAe,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,YAAY,EAAE,GAAGJ;IAEzB,IAAI,CAACI,cAAc;QACjB,OAAO;IACT;IAEA,qBAAO,QAACC;QAAKC,WAAWJ;kBAAYE;;;;;;AACtC,EAAC"}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.scss

@@ -0,0 +1,10 @@
+@layer payload-default {
+  .pill-version-count {
+    line-height: calc(var(--base) * 0.8);
+    min-width: calc(var(--base) * 0.8);
+    text-align: center;
+    background-color: var(--theme-elevation-100);
+    border-radius: var(--style-radius-s);
+    padding: 2px 4px;
+  }
+}

package/dist/elements/DocumentHeader/Tabs/tabs/index.js

@@ -1,72 +1,64 @@
 import { VersionsPill } from './VersionsPill/index.js';
-export const documentViewKeys = ['api', 'default', 'livePreview', 'versions'];
-export const getTabs = ({
-  collectionConfig,
-  globalConfig
-}) => {
-  const customViews = collectionConfig?.admin?.components?.views?.edit || globalConfig?.admin?.components?.views?.edit || {};
-  return [{
-    tab: {
-      href: '',
-      label: ({
-        t
-      }) => t('general:edit'),
-      order: 100,
-      ...(customViews?.['default']?.tab || {})
-    },
-    viewPath: '/'
-  }, {
-    tab: {
-      condition: ({
-        collectionConfig,
-        globalConfig,
-        permissions
-      }) => Boolean(collectionConfig?.versions && permissions?.collections?.[collectionConfig?.slug]?.readVersions || globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),
-      href: '/versions',
-      label: ({
-        t
-      }) => t('version:versions'),
-      order: 300,
-      Pill_Component: VersionsPill,
-      ...(customViews?.['versions']?.tab || {})
-    },
-    viewPath: '/versions'
-  }, {
-    tab: {
-      condition: ({
-        collectionConfig,
-        globalConfig
-      }) => collectionConfig && !collectionConfig?.admin?.hideAPIURL || globalConfig && !globalConfig?.admin?.hideAPIURL,
-      href: '/api',
-      label: 'API',
-      order: 400,
-      ...(customViews?.['api']?.tab || {})
-    },
-    viewPath: '/api'
-  }].concat(Object.entries(customViews).reduce((acc, [key, value]) => {
-    if (documentViewKeys.includes(key)) {
-      return acc;
-    }
-    if (value?.tab) {
-      acc.push({
-        tab: value.tab,
-        viewPath: 'path' in value ? value.path : ''
-      });
-    }
-    return acc;
-  }, []))?.sort(({
-    tab: a
-  }, {
-    tab: b
-  }) => {
-    if (a.order === undefined && b.order === undefined) {
-      return 0;
-    } else if (a.order === undefined) {
-      return 1;
-    } else if (b.order === undefined) {
-      return -1;
-    }
-    return a.order - b.order;
-  });
+export const documentViewKeys = [
+    'api',
+    'default',
+    'livePreview',
+    'versions'
+];
+export const getTabs = ({ collectionConfig, globalConfig })=>{
+    const customViews = collectionConfig?.admin?.components?.views?.edit || globalConfig?.admin?.components?.views?.edit || {};
+    return [
+        {
+            tab: {
+                href: '',
+                label: ({ t })=>t('general:edit'),
+                order: 100,
+                ...customViews?.['default']?.tab || {}
+            },
+            viewPath: '/'
+        },
+        {
+            tab: {
+                condition: ({ collectionConfig, globalConfig, permissions })=>Boolean(collectionConfig?.versions && permissions?.collections?.[collectionConfig?.slug]?.readVersions || globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),
+                href: '/versions',
+                label: ({ t })=>t('version:versions'),
+                order: 300,
+                Pill_Component: VersionsPill,
+                ...customViews?.['versions']?.tab || {}
+            },
+            viewPath: '/versions'
+        },
+        {
+            tab: {
+                condition: ({ collectionConfig, globalConfig })=>collectionConfig && !collectionConfig?.admin?.hideAPIURL || globalConfig && !globalConfig?.admin?.hideAPIURL,
+                href: '/api',
+                label: 'API',
+                order: 400,
+                ...customViews?.['api']?.tab || {}
+            },
+            viewPath: '/api'
+        }
+    ].concat(Object.entries(customViews).reduce((acc, [key, value])=>{
+        if (documentViewKeys.includes(key)) {
+            return acc;
+        }
+        if (value?.tab) {
+            acc.push({
+                tab: value.tab,
+                viewPath: 'path' in value ? value.path : ''
+            });
+        }
+        return acc;
+    }, []))?.sort(({ tab: a }, { tab: b })=>{
+        if (a.order === undefined && b.order === undefined) {
+            return 0;
+        } else if (a.order === undefined) {
+            return 1;
+        } else if (b.order === undefined) {
+            return -1;
+        }
+        return a.order - b.order;
+    });
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VersionsPill","documentViewKeys","getTabs","collectionConfig","globalConfig","customViews","admin","components","views","edit","tab","href","label","t","order","viewPath","condition","permissions","Boolean","versions","collections","slug","readVersions","globals","Pill_Component","hideAPIURL","concat","Object","entries","reduce","acc","key","value","includes","push","path","sort","a","b","undefined"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = ['api', 'default', 'livePreview', 'versions']\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const getTabs = ({\n  collectionConfig,\n  globalConfig,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n}): { tab: DocumentTabConfig; viewPath: string }[] => {\n  const customViews =\n    collectionConfig?.admin?.components?.views?.edit ||\n    globalConfig?.admin?.components?.views?.edit ||\n    {}\n\n  return [\n    {\n      tab: {\n        href: '',\n        label: ({ t }) => t('general:edit'),\n        order: 100,\n        ...(customViews?.['default']?.tab || {}),\n      },\n      viewPath: '/',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig, permissions }) =>\n          Boolean(\n            (collectionConfig?.versions &&\n              permissions?.collections?.[collectionConfig?.slug]?.readVersions) ||\n              (globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),\n          ),\n        href: '/versions',\n        label: ({ t }) => t('version:versions'),\n        order: 300,\n        Pill_Component: VersionsPill,\n        ...(customViews?.['versions']?.tab || {}),\n      },\n      viewPath: '/versions',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig }) =>\n          (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n          (globalConfig && !globalConfig?.admin?.hideAPIURL),\n        href: '/api',\n        label: 'API',\n        order: 400,\n        ...(customViews?.['api']?.tab || {}),\n      },\n      viewPath: '/api',\n    },\n  ]\n    .concat(\n      Object.entries(customViews).reduce((acc, [key, value]) => {\n        if (documentViewKeys.includes(key)) {\n          return acc\n        }\n\n        if (value?.tab) {\n          acc.push({\n            tab: value.tab,\n            viewPath: 'path' in value ? value.path : '',\n          })\n        }\n\n        return acc\n      }, []),\n    )\n    ?.sort(({ tab: a }, { tab: b }) => {\n      if (a.order === undefined && b.order === undefined) {\n        return 0\n      } else if (a.order === undefined) {\n        return 1\n      } else if (b.order === undefined) {\n        return -1\n      }\n\n      return a.order - b.order\n    })\n}\n"],"mappings":"AAEA,SAASA,YAAY,QAAQ;AAE7B,OAAO,MAAMC,gBAAA,GAAmB,CAAC,OAAO,WAAW,eAAe,WAAW;AAI7E,OAAO,MAAMC,OAAA,GAAUA,CAAC;EACtBC,gBAAgB;EAChBC;AAAY,CAIb;EACC,MAAMC,WAAA,GACJF,gBAAA,EAAkBG,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,IAC5CL,YAAA,EAAcE,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,IACxC,CAAC;EAEH,OAAO,CACL;IACEC,GAAA,EAAK;MACHC,IAAA,EAAM;MACNC,KAAA,EAAOA,CAAC;QAAEC;MAAC,CAAE,KAAKA,CAAA,CAAE;MACpBC,KAAA,EAAO;MACP,IAAIT,WAAA,GAAc,UAAU,EAAEK,GAAA,IAAO,CAAC,CAAC;IACzC;IACAK,QAAA,EAAU;EACZ,GACA;IACEL,GAAA,EAAK;MACHM,SAAA,EAAWA,CAAC;QAAEb,gBAAgB;QAAEC,YAAY;QAAEa;MAAW,CAAE,KACzDC,OAAA,CACEf,gBAAC,EAAkBgB,QAAA,IACjBF,WAAA,EAAaG,WAAA,GAAcjB,gBAAA,EAAkBkB,IAAA,CAAK,EAAEC,YAAA,IACnDlB,YAAA,EAAce,QAAA,IAAYF,WAAA,EAAaM,OAAA,GAAUnB,YAAA,EAAciB,IAAA,CAAK,EAAEC,YAAA;MAE7EX,IAAA,EAAM;MACNC,KAAA,EAAOA,CAAC;QAAEC;MAAC,CAAE,KAAKA,CAAA,CAAE;MACpBC,KAAA,EAAO;MACPU,cAAA,EAAgBxB,YAAA;MAChB,IAAIK,WAAA,GAAc,WAAW,EAAEK,GAAA,IAAO,CAAC,CAAC;IAC1C;IACAK,QAAA,EAAU;EACZ,GACA;IACEL,GAAA,EAAK;MACHM,SAAA,EAAWA,CAAC;QAAEb,gBAAgB;QAAEC;MAAY,CAAE,KAC5CD,gBAAC,IAAoB,CAACA,gBAAA,EAAkBG,KAAA,EAAOmB,UAAA,IAC9CrB,YAAA,IAAgB,CAACA,YAAA,EAAcE,KAAA,EAAOmB,UAAA;MACzCd,IAAA,EAAM;MACNC,KAAA,EAAO;MACPE,KAAA,EAAO;MACP,IAAIT,WAAA,GAAc,MAAM,EAAEK,GAAA,IAAO,CAAC,CAAC;IACrC;IACAK,QAAA,EAAU;EACZ,EACD,CACEW,MAAM,CACLC,MAAA,CAAOC,OAAO,CAACvB,WAAA,EAAawB,MAAM,CAAC,CAACC,GAAA,EAAK,CAACC,GAAA,EAAKC,KAAA,CAAM;IACnD,IAAI/B,gBAAA,CAAiBgC,QAAQ,CAACF,GAAA,GAAM;MAClC,OAAOD,GAAA;IACT;IAEA,IAAIE,KAAA,EAAOtB,GAAA,EAAK;MACdoB,GAAA,CAAII,IAAI,CAAC;QACPxB,GAAA,EAAKsB,KAAA,CAAMtB,GAAG;QACdK,QAAA,EAAU,UAAUiB,KAAA,GAAQA,KAAA,CAAMG,IAAI,GAAG;MAC3C;IACF;IAEA,OAAOL,GAAA;EACT,GAAG,EAAE,IAELM,IAAA,CAAK,CAAC;IAAE1B,GAAA,EAAK2B;EAAC,CAAE,EAAE;IAAE3B,GAAA,EAAK4B;EAAC,CAAE;IAC5B,IAAID,CAAA,CAAEvB,KAAK,KAAKyB,SAAA,IAAaD,CAAA,CAAExB,KAAK,KAAKyB,SAAA,EAAW;MAClD,OAAO;IACT,OAAO,IAAIF,CAAA,CAAEvB,KAAK,KAAKyB,SAAA,EAAW;MAChC,OAAO;IACT,OAAO,IAAID,CAAA,CAAExB,KAAK,KAAKyB,SAAA,EAAW;MAChC,OAAO,CAAC;IACV;IAEA,OAAOF,CAAA,CAAEvB,KAAK,GAAGwB,CAAA,CAAExB,KAAK;EAC1B;AACJ","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = ['api', 'default', 'livePreview', 'versions']\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const getTabs = ({\n  collectionConfig,\n  globalConfig,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n}): { tab: DocumentTabConfig; viewPath: string }[] => {\n  const customViews =\n    collectionConfig?.admin?.components?.views?.edit ||\n    globalConfig?.admin?.components?.views?.edit ||\n    {}\n\n  return [\n    {\n      tab: {\n        href: '',\n        label: ({ t }) => t('general:edit'),\n        order: 100,\n        ...(customViews?.['default']?.tab || {}),\n      },\n      viewPath: '/',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig, permissions }) =>\n          Boolean(\n            (collectionConfig?.versions &&\n              permissions?.collections?.[collectionConfig?.slug]?.readVersions) ||\n              (globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),\n          ),\n        href: '/versions',\n        label: ({ t }) => t('version:versions'),\n        order: 300,\n        Pill_Component: VersionsPill,\n        ...(customViews?.['versions']?.tab || {}),\n      },\n      viewPath: '/versions',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig }) =>\n          (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n          (globalConfig && !globalConfig?.admin?.hideAPIURL),\n        href: '/api',\n        label: 'API',\n        order: 400,\n        ...(customViews?.['api']?.tab || {}),\n      },\n      viewPath: '/api',\n    },\n  ]\n    .concat(\n      Object.entries(customViews).reduce((acc, [key, value]) => {\n        if (documentViewKeys.includes(key)) {\n          return acc\n        }\n\n        if (value?.tab) {\n          acc.push({\n            tab: value.tab,\n            viewPath: 'path' in value ? value.path : '',\n          })\n        }\n\n        return acc\n      }, []),\n    )\n    ?.sort(({ tab: a }, { tab: b }) => {\n      if (a.order === undefined && b.order === undefined) {\n        return 0\n      } else if (a.order === undefined) {\n        return 1\n      } else if (b.order === undefined) {\n        return -1\n      }\n\n      return a.order - b.order\n    })\n}\n"],"names":["VersionsPill","documentViewKeys","getTabs","collectionConfig","globalConfig","customViews","admin","components","views","edit","tab","href","label","t","order","viewPath","condition","permissions","Boolean","versions","collections","slug","readVersions","globals","Pill_Component","hideAPIURL","concat","Object","entries","reduce","acc","key","value","includes","push","path","sort","a","b","undefined"],"mappings":"AAEA,SAASA,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,mBAAmB;IAAC;IAAO;IAAW;IAAe;CAAW,CAAA;AAI7E,OAAO,MAAMC,UAAU,CAAC,EACtBC,gBAAgB,EAChBC,YAAY,EAIb;IACC,MAAMC,cACJF,kBAAkBG,OAAOC,YAAYC,OAAOC,QAC5CL,cAAcE,OAAOC,YAAYC,OAAOC,QACxC,CAAC;IAEH,OAAO;QACL;YACEC,KAAK;gBACHC,MAAM;gBACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;gBACpBC,OAAO;gBACP,GAAIT,aAAa,CAAC,UAAU,EAAEK,OAAO,CAAC,CAAC;YACzC;YACAK,UAAU;QACZ;QACA;YACEL,KAAK;gBACHM,WAAW,CAAC,EAAEb,gBAAgB,EAAEC,YAAY,EAAEa,WAAW,EAAE,GACzDC,QACE,AAACf,kBAAkBgB,YACjBF,aAAaG,aAAa,CAACjB,kBAAkBkB,KAAK,EAAEC,gBACnDlB,cAAce,YAAYF,aAAaM,SAAS,CAACnB,cAAciB,KAAK,EAAEC;gBAE7EX,MAAM;gBACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;gBACpBC,OAAO;gBACPU,gBAAgBxB;gBAChB,GAAIK,aAAa,CAAC,WAAW,EAAEK,OAAO,CAAC,CAAC;YAC1C;YACAK,UAAU;QACZ;QACA;YACEL,KAAK;gBACHM,WAAW,CAAC,EAAEb,gBAAgB,EAAEC,YAAY,EAAE,GAC5C,AAACD,oBAAoB,CAACA,kBAAkBG,OAAOmB,cAC9CrB,gBAAgB,CAACA,cAAcE,OAAOmB;gBACzCd,MAAM;gBACNC,OAAO;gBACPE,OAAO;gBACP,GAAIT,aAAa,CAAC,MAAM,EAAEK,OAAO,CAAC,CAAC;YACrC;YACAK,UAAU;QACZ;KACD,CACEW,MAAM,CACLC,OAAOC,OAAO,CAACvB,aAAawB,MAAM,CAAC,CAACC,KAAK,CAACC,KAAKC,MAAM;QACnD,IAAI/B,iBAAiBgC,QAAQ,CAACF,MAAM;YAClC,OAAOD;QACT;QAEA,IAAIE,OAAOtB,KAAK;YACdoB,IAAII,IAAI,CAAC;gBACPxB,KAAKsB,MAAMtB,GAAG;gBACdK,UAAU,UAAUiB,QAAQA,MAAMG,IAAI,GAAG;YAC3C;QACF;QAEA,OAAOL;IACT,GAAG,EAAE,IAELM,KAAK,CAAC,EAAE1B,KAAK2B,CAAC,EAAE,EAAE,EAAE3B,KAAK4B,CAAC,EAAE;QAC5B,IAAID,EAAEvB,KAAK,KAAKyB,aAAaD,EAAExB,KAAK,KAAKyB,WAAW;YAClD,OAAO;QACT,OAAO,IAAIF,EAAEvB,KAAK,KAAKyB,WAAW;YAChC,OAAO;QACT,OAAO,IAAID,EAAExB,KAAK,KAAKyB,WAAW;YAChC,OAAO,CAAC;QACV;QAEA,OAAOF,EAAEvB,KAAK,GAAGwB,EAAExB,KAAK;IAC1B;AACJ,EAAC"}

package/dist/elements/DocumentHeader/index.js

@@ -1,36 +1,56 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Gutter, RenderTitle } from '@payloadcms/ui';
 import React from 'react';
 import { DocumentTabs } from './Tabs/index.js';
+import './index.scss';
 const baseClass = `doc-header`;
 /**
  * @internal
- */
-export const DocumentHeader = props => {
-  const {
-    AfterHeader,
-    collectionConfig,
-    globalConfig,
-    hideTabs,
-    permissions,
-    req
-  } = props;
-  return /*#__PURE__*/_jsxs(Gutter, {
-    className: baseClass,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__header`,
-      children: [/*#__PURE__*/_jsx(RenderTitle, {
-        className: `${baseClass}__title`
-      }), !hideTabs && /*#__PURE__*/_jsx(DocumentTabs, {
-        collectionConfig: collectionConfig,
-        globalConfig: globalConfig,
-        permissions: permissions,
-        req: req
-      })]
-    }), AfterHeader ? /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__after-header`,
-      children: AfterHeader
-    }) : null]
-  });
+ */ export const DocumentHeader = (props)=>{
+    const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props;
+    return /*#__PURE__*/ _jsxDEV(Gutter, {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__header`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV(RenderTitle, {
+                        className: `${baseClass}__title`
+                    }, void 0, false, {
+                        fileName: "src/elements/DocumentHeader/index.tsx",
+                        lineNumber: 32,
+                        columnNumber: 9
+                    }, this),
+                    !hideTabs && /*#__PURE__*/ _jsxDEV(DocumentTabs, {
+                        collectionConfig: collectionConfig,
+                        globalConfig: globalConfig,
+                        permissions: permissions,
+                        req: req
+                    }, void 0, false, {
+                        fileName: "src/elements/DocumentHeader/index.tsx",
+                        lineNumber: 34,
+                        columnNumber: 11
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/DocumentHeader/index.tsx",
+                lineNumber: 31,
+                columnNumber: 7
+            }, this),
+            AfterHeader ? /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__after-header`,
+                children: AfterHeader
+            }, void 0, false, {
+                fileName: "src/elements/DocumentHeader/index.tsx",
+                lineNumber: 42,
+                columnNumber: 22
+            }, this) : null
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/DocumentHeader/index.tsx",
+        lineNumber: 30,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Gutter","RenderTitle","React","DocumentTabs","baseClass","DocumentHeader","props","AfterHeader","collectionConfig","globalConfig","hideTabs","permissions","req","_jsxs","className","_jsx"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type {\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\n/**\n * @internal\n */\nexport const DocumentHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = (props) => {\n  const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <RenderTitle className={`${baseClass}__title`} />\n        {!hideTabs && (\n          <DocumentTabs\n            collectionConfig={collectionConfig}\n            globalConfig={globalConfig}\n            permissions={permissions}\n            req={req}\n          />\n        )}\n      </div>\n      {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}\n    </Gutter>\n  )\n}\n"],"mappings":";AAOA,SAASA,MAAM,EAAEC,WAAW,QAAQ;AACpC,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAG7B,MAAMC,SAAA,GAAY,YAAY;AAE9B;;;AAGA,OAAO,MAAMC,cAAA,GAOPC,KAAA;EACJ,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGN,KAAA;EAEpF,oBACEO,KAAA,CAACb,MAAA;IAAOc,SAAA,EAAWV,SAAA;4BACjBS,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGV,SAAA,UAAmB;8BACpCW,IAAA,CAACd,WAAA;QAAYa,SAAA,EAAW,GAAGV,SAAA;UAC1B,CAACM,QAAA,iBACAK,IAAA,CAACZ,YAAA;QACCK,gBAAA,EAAkBA,gBAAA;QAClBC,YAAA,EAAcA,YAAA;QACdE,WAAA,EAAaA,WAAA;QACbC,GAAA,EAAKA;;QAIVL,WAAA,gBAAcQ,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGV,SAAA,gBAAyB;gBAAGG;SAAqB;;AAGzF","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type {\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\n/**\n * @internal\n */\nexport const DocumentHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = (props) => {\n  const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <RenderTitle className={`${baseClass}__title`} />\n        {!hideTabs && (\n          <DocumentTabs\n            collectionConfig={collectionConfig}\n            globalConfig={globalConfig}\n            permissions={permissions}\n            req={req}\n          />\n        )}\n      </div>\n      {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}\n    </Gutter>\n  )\n}\n"],"names":["Gutter","RenderTitle","React","DocumentTabs","baseClass","DocumentHeader","props","AfterHeader","collectionConfig","globalConfig","hideTabs","permissions","req","className","div"],"mappings":";AAOA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AACpD,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,kBAAiB;AAC9C,OAAO,eAAc;AAErB,MAAMC,YAAY,CAAC,UAAU,CAAC;AAE9B;;CAEC,GACD,OAAO,MAAMC,iBAOR,CAACC;IACJ,MAAM,EAAEC,WAAW,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAGN;IAEpF,qBACE,QAACN;QAAOa,WAAWT;;0BACjB,QAACU;gBAAID,WAAW,GAAGT,UAAU,QAAQ,CAAC;;kCACpC,QAACH;wBAAYY,WAAW,GAAGT,UAAU,OAAO,CAAC;;;;;;oBAC5C,CAACM,0BACA,QAACP;wBACCK,kBAAkBA;wBAClBC,cAAcA;wBACdE,aAAaA;wBACbC,KAAKA;;;;;;;;;;;;YAIVL,4BAAc,QAACO;gBAAID,WAAW,GAAGT,UAAU,cAAc,CAAC;0BAAGG;;;;;uBAAqB;;;;;;;AAGzF,EAAC"}