@payloadcms/next 3.0.0-canary.a78fca3 → 3.0.0-canary.ab70b75

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

@@ -1,53 +1,54 @@
 @import '../../../scss/styles.scss';
 
-.doc-tabs {
-  display: flex;
-
-  &__tabs {
+@layer payload-default {
+  .doc-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 {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      list-style: none;
+      align-items: center;
+      margin: 0;
+      padding-left: 0;
     }
 
-    &__tabs {
+    @include mid-break {
+      width: 100%;
       padding: 0;
-      margin-left: var(--gutter-h);
+      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);
-    }
+    @include small-break {
+      &__tabs-container {
+        margin-right: var(--gutter-h);
+      }
 
-    &__tabs {
-      gap: var(--gutter-h);
+      &__tabs {
+        gap: var(--gutter-h);
+      }
     }
   }
 }

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAiBhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAWhC,CAAA"}

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

@@ -1,23 +1,44 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useDocumentInfo } from '@payloadcms/ui/client';
-import React, { Fragment } from 'react';
+import { useDocumentInfo } from '@payloadcms/ui';
+import React from 'react';
 import { baseClass } from '../../Tab/index.js';
-export const VersionsPill = ()=>{
-    const { versions } = useDocumentInfo();
-    // To prevent CLS (versions are currently loaded client-side), render non-breaking space if there are no versions
-    // The pill is already conditionally rendered to begin with based on whether the document is version-enabled
-    // documents that are version enabled _always_ have at least one version
-    const hasVersions = versions?.totalDocs > 0;
-    return /*#__PURE__*/ _jsx("span", {
-        className: [
-            `${baseClass}__count`,
-            hasVersions ? `${baseClass}__count--has-count` : ''
-        ].filter(Boolean).join(' '),
-        children: hasVersions ? versions.totalDocs.toString() : /*#__PURE__*/ _jsx(Fragment, {
-            children: " "
-        })
-    });
+export const VersionsPill = () => {
+  const $ = _c(4);
+  const {
+    versions
+  } = useDocumentInfo();
+  let t0;
+  let t1;
+  if ($[0] !== versions?.docs || $[1] !== versions?.totalDocs) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const totalVersions = versions?.docs.filter(_temp).length || 0;
+      if (!versions?.totalDocs) {
+        t1 = null;
+        break bb0;
+      }
+      t0 = _jsx("span", {
+        className: `${baseClass}__count`,
+        children: totalVersions
+      });
+    }
+    $[0] = versions?.docs;
+    $[1] = versions?.totalDocs;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+  return t0;
 };
-
+function _temp(version) {
+  return !version.snapshot;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport { useDocumentInfo } from '@payloadcms/ui/client'\nimport React, { Fragment } from 'react'\n\nimport { baseClass } from '../../Tab/index.js'\n\nexport const VersionsPill: React.FC = () => {\n  const { versions } = useDocumentInfo()\n\n  // To prevent CLS (versions are currently loaded client-side), render non-breaking space if there are no versions\n  // The pill is already conditionally rendered to begin with based on whether the document is version-enabled\n  // documents that are version enabled _always_ have at least one version\n  const hasVersions = versions?.totalDocs > 0\n\n  return (\n    <span\n      className={[`${baseClass}__count`, hasVersions ? `${baseClass}__count--has-count` : '']\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {hasVersions ? versions.totalDocs.toString() : <Fragment>&nbsp;</Fragment>}\n    </span>\n  )\n}\n"],"names":["useDocumentInfo","React","Fragment","baseClass","VersionsPill","versions","hasVersions","totalDocs","span","className","filter","Boolean","join","toString"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,eAAe,QAAQ,wBAAuB;AACvD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,SAAS,QAAQ,qBAAoB;AAE9C,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IAErB,iHAAiH;IACjH,4GAA4G;IAC5G,wEAAwE;IACxE,MAAMM,cAAcD,UAAUE,YAAY;IAE1C,qBACE,KAACC;QACCC,WAAW;YAAC,CAAC,EAAEN,UAAU,OAAO,CAAC;YAAEG,cAAc,CAAC,EAAEH,UAAU,kBAAkB,CAAC,GAAG;SAAG,CACpFO,MAAM,CAACC,SACPC,IAAI,CAAC;kBAEPN,cAAcD,SAASE,SAAS,CAACM,QAAQ,mBAAK,KAACX;sBAAS;;;AAG/D,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useDocumentInfo","React","baseClass","VersionsPill","$","versions","t0","t1","docs","totalDocs","Symbol","for","bb0","totalVersions","filter","_temp","length","_jsx","className","children","version","snapshot"],"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { baseClass } from '../../Tab/index.js'\n\nexport const VersionsPill: React.FC = () => {\n  const { versions } = useDocumentInfo()\n\n  // don't count snapshots\n  const totalVersions = versions?.docs.filter((version) => !version.snapshot).length || 0\n\n  if (!versions?.totalDocs) {\n    return null\n  }\n\n  return <span className={`${baseClass}__count`}>{totalVersions}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAE1B,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAqBL,eAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAH,CAAA,QAAAC,QAAA,EAAAG,IAAA,IAAAJ,CAAA,QAAAC,QAAA,EAAAI,SAAA;IAMZF,EAAA,GAAAG,MAAA,CAAAC,GAAA;IAAAC,GAAA;MAHT,MAAAC,aAAA,GAAsBR,QAAA,EAAAG,IAAA,CAAAM,MAAA,CAAAC,KAAA,EAAAC,MAAA,KAAgE;MAAA,KAEjFX,QAAA,EAAAI,SAAA;QACIF,EAAA;QAAA,MAAAK,GAAA;MAAA;MAGFN,EAAA,GAAAW,IAAA,CAAC;QAAAC,SAAA,EAAgB,GAAAhB,SAAA,SAAqB;QAAAiB,QAAA,EAAGN;MAAA,C;;;;;;;;;;;;;SAAzCP,E;CACT;AAXsC,SAAAS,MAAAK,OAAA;EAAA,QAIsBA,OAAA,CAAAC,QAAA;AAAA","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/tabs/index.d.ts

@@ -1,7 +1,9 @@
 import type { DocumentTabConfig } from 'payload';
+import type React from 'react';
 export declare const documentViewKeys: string[];
 export type DocumentViewKey = (typeof documentViewKeys)[number];
-export declare const tabs: Record<DocumentViewKey, DocumentTabConfig & {
+export declare const tabs: Record<DocumentViewKey, {
     order?: number;
-}>;
+    Pill_Component?: React.FC;
+} & DocumentTabConfig>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/Tabs/tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAIhD,eAAO,MAAM,gBAAgB,UAQ5B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,IAAI,EAAE,MAAM,CACvB,eAAe,EACf,iBAAiB,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CA6DF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,gBAAgB,UAQ5B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,IAAI,EAAE,MAAM,CACvB,eAAe,EACf;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CAC1B,GAAG,iBAAiB,CA6DtB,CAAA"}

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

@@ -1,57 +1,65 @@
 import { VersionsPill } from './VersionsPill/index.js';
-export const documentViewKeys = [
-    'API',
-    'Default',
-    'LivePreview',
-    'References',
-    'Relationships',
-    'Version',
-    'Versions'
-];
+export const documentViewKeys = ['api', 'default', 'livePreview', 'references', 'relationships', 'version', 'versions'];
 export const tabs = {
-    API: {
-        condition: ({ collectionConfig, globalConfig })=>collectionConfig && !collectionConfig?.admin?.hideAPIURL || globalConfig && !globalConfig?.admin?.hideAPIURL,
-        href: '/api',
-        label: 'API',
-        order: 1000
+  api: {
+    condition: ({
+      collectionConfig,
+      globalConfig
+    }) => collectionConfig && !collectionConfig?.admin?.hideAPIURL || globalConfig && !globalConfig?.admin?.hideAPIURL,
+    href: '/api',
+    label: 'API',
+    order: 1000
+  },
+  default: {
+    href: '',
+    // isActive: ({ href, location }) =>
+    // location.pathname === href || location.pathname === `${href}/create`,
+    label: ({
+      t
+    }) => t('general:edit'),
+    order: 0
+  },
+  livePreview: {
+    condition: ({
+      collectionConfig,
+      config,
+      globalConfig
+    }) => {
+      if (collectionConfig) {
+        return Boolean(config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) || collectionConfig?.admin?.livePreview);
+      }
+      if (globalConfig) {
+        return Boolean(config?.admin?.livePreview?.globals?.includes(globalConfig.slug) || globalConfig?.admin?.livePreview);
+      }
+      return false;
     },
-    Default: {
-        href: '',
-        // isActive: ({ href, location }) =>
-        // location.pathname === href || location.pathname === `${href}/create`,
-        label: ({ t })=>t('general:edit'),
-        order: 0
-    },
-    LivePreview: {
-        condition: ({ collectionConfig, config, globalConfig })=>{
-            if (collectionConfig) {
-                return Boolean(config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) || collectionConfig?.admin?.livePreview);
-            }
-            if (globalConfig) {
-                return Boolean(config?.admin?.livePreview?.globals?.includes(globalConfig.slug) || globalConfig?.admin?.livePreview);
-            }
-            return false;
-        },
-        href: '/preview',
-        label: ({ t })=>t('general:livePreview'),
-        order: 100
-    },
-    References: {
-        condition: ()=>false
-    },
-    Relationships: {
-        condition: ()=>false
-    },
-    Version: {
-        condition: ()=>false
-    },
-    Versions: {
-        Pill: VersionsPill,
-        condition: ({ collectionConfig, globalConfig, permissions })=>Boolean(collectionConfig?.versions && permissions?.collections?.[collectionConfig?.slug]?.readVersions?.permission || globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions?.permission),
-        href: '/versions',
-        label: ({ t })=>t('version:versions'),
-        order: 200
-    }
+    href: '/preview',
+    label: ({
+      t
+    }) => t('general:livePreview'),
+    order: 100
+  },
+  references: {
+    condition: () => false
+  },
+  relationships: {
+    condition: () => false
+  },
+  version: {
+    condition: () => false
+  },
+  versions: {
+    condition: ({
+      collectionConfig,
+      globalConfig,
+      permissions
+    }) => Boolean(collectionConfig?.versions && permissions?.collections?.[collectionConfig?.slug]?.readVersions?.permission || globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions?.permission),
+    href: '/versions',
+    label: ({
+      t
+    }) => t('version:versions'),
+    order: 200,
+    Pill_Component: VersionsPill
+  }
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig } from 'payload'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = [\n  'API',\n  'Default',\n  'LivePreview',\n  'References',\n  'Relationships',\n  'Version',\n  'Versions',\n]\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const tabs: Record<\n  DocumentViewKey,\n  DocumentTabConfig & {\n    order?: number // TODO: expose this to the globalConfig config\n  }\n> = {\n  API: {\n    condition: ({ collectionConfig, globalConfig }) =>\n      (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n      (globalConfig && !globalConfig?.admin?.hideAPIURL),\n    href: '/api',\n    label: 'API',\n    order: 1000,\n  },\n  Default: {\n    href: '',\n    // isActive: ({ href, location }) =>\n    // location.pathname === href || location.pathname === `${href}/create`,\n    label: ({ t }) => t('general:edit'),\n    order: 0,\n  },\n  LivePreview: {\n    condition: ({ collectionConfig, config, globalConfig }) => {\n      if (collectionConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) ||\n            collectionConfig?.admin?.livePreview,\n        )\n      }\n\n      if (globalConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.globals?.includes(globalConfig.slug) ||\n            globalConfig?.admin?.livePreview,\n        )\n      }\n\n      return false\n    },\n    href: '/preview',\n    label: ({ t }) => t('general:livePreview'),\n    order: 100,\n  },\n  References: {\n    condition: () => false,\n  },\n  Relationships: {\n    condition: () => false,\n  },\n  Version: {\n    condition: () => false,\n  },\n  Versions: {\n    Pill: VersionsPill,\n    condition: ({ collectionConfig, globalConfig, permissions }) =>\n      Boolean(\n        (collectionConfig?.versions &&\n          permissions?.collections?.[collectionConfig?.slug]?.readVersions?.permission) ||\n          (globalConfig?.versions &&\n            permissions?.globals?.[globalConfig?.slug]?.readVersions?.permission),\n      ),\n    href: '/versions',\n    label: ({ t }) => t('version:versions'),\n    order: 200,\n  },\n}\n"],"names":["VersionsPill","documentViewKeys","tabs","API","condition","collectionConfig","globalConfig","admin","hideAPIURL","href","label","order","Default","t","LivePreview","config","Boolean","livePreview","collections","includes","slug","globals","References","Relationships","Version","Versions","Pill","permissions","versions","readVersions","permission"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,mBAAmB;IAC9B;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAA;AAID,OAAO,MAAMC,OAKT;IACFC,KAAK;QACHC,WAAW,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAC5C,AAACD,oBAAoB,CAACA,kBAAkBE,OAAOC,cAC9CF,gBAAgB,CAACA,cAAcC,OAAOC;QACzCC,MAAM;QACNC,OAAO;QACPC,OAAO;IACT;IACAC,SAAS;QACPH,MAAM;QACN,oCAAoC;QACpC,wEAAwE;QACxEC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;IACAG,aAAa;QACXV,WAAW,CAAC,EAAEC,gBAAgB,EAAEU,MAAM,EAAET,YAAY,EAAE;YACpD,IAAID,kBAAkB;gBACpB,OAAOW,QACLD,QAAQR,OAAOU,aAAaC,aAAaC,SAASd,iBAAiBe,IAAI,KACrEf,kBAAkBE,OAAOU;YAE/B;YAEA,IAAIX,cAAc;gBAChB,OAAOU,QACLD,QAAQR,OAAOU,aAAaI,SAASF,SAASb,aAAac,IAAI,KAC7Dd,cAAcC,OAAOU;YAE3B;YAEA,OAAO;QACT;QACAR,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;IACAW,YAAY;QACVlB,WAAW,IAAM;IACnB;IACAmB,eAAe;QACbnB,WAAW,IAAM;IACnB;IACAoB,SAAS;QACPpB,WAAW,IAAM;IACnB;IACAqB,UAAU;QACRC,MAAM1B;QACNI,WAAW,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAEqB,WAAW,EAAE,GACzDX,QACE,AAACX,kBAAkBuB,YACjBD,aAAaT,aAAa,CAACb,kBAAkBe,KAAK,EAAES,cAAcC,cACjExB,cAAcsB,YACbD,aAAaN,SAAS,CAACf,cAAcc,KAAK,EAAES,cAAcC;QAElErB,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;AACF,EAAC"}
+{"version":3,"file":"index.js","names":["VersionsPill","documentViewKeys","tabs","api","condition","collectionConfig","globalConfig","admin","hideAPIURL","href","label","order","default","t","livePreview","config","Boolean","collections","includes","slug","globals","references","relationships","version","versions","permissions","readVersions","permission","Pill_Component"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig } from 'payload'\nimport type React from 'react'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = [\n  'api',\n  'default',\n  'livePreview',\n  'references',\n  'relationships',\n  'version',\n  'versions',\n]\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const tabs: Record<\n  DocumentViewKey,\n  {\n    order?: number // TODO: expose this to the globalConfig config\n    Pill_Component?: React.FC\n  } & DocumentTabConfig\n> = {\n  api: {\n    condition: ({ collectionConfig, globalConfig }) =>\n      (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n      (globalConfig && !globalConfig?.admin?.hideAPIURL),\n    href: '/api',\n    label: 'API',\n    order: 1000,\n  },\n  default: {\n    href: '',\n    // isActive: ({ href, location }) =>\n    // location.pathname === href || location.pathname === `${href}/create`,\n    label: ({ t }) => t('general:edit'),\n    order: 0,\n  },\n  livePreview: {\n    condition: ({ collectionConfig, config, globalConfig }) => {\n      if (collectionConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) ||\n            collectionConfig?.admin?.livePreview,\n        )\n      }\n\n      if (globalConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.globals?.includes(globalConfig.slug) ||\n            globalConfig?.admin?.livePreview,\n        )\n      }\n\n      return false\n    },\n    href: '/preview',\n    label: ({ t }) => t('general:livePreview'),\n    order: 100,\n  },\n  references: {\n    condition: () => false,\n  },\n  relationships: {\n    condition: () => false,\n  },\n  version: {\n    condition: () => false,\n  },\n  versions: {\n    condition: ({ collectionConfig, globalConfig, permissions }) =>\n      Boolean(\n        (collectionConfig?.versions &&\n          permissions?.collections?.[collectionConfig?.slug]?.readVersions?.permission) ||\n          (globalConfig?.versions &&\n            permissions?.globals?.[globalConfig?.slug]?.readVersions?.permission),\n      ),\n    href: '/versions',\n    label: ({ t }) => t('version:versions'),\n    order: 200,\n    Pill_Component: VersionsPill,\n  },\n}\n"],"mappings":"AAGA,SAASA,YAAY,QAAQ;AAE7B,OAAO,MAAMC,gBAAA,GAAmB,CAC9B,OACA,WACA,eACA,cACA,iBACA,WACA,WACD;AAID,OAAO,MAAMC,IAAA,GAMT;EACFC,GAAA,EAAK;IACHC,SAAA,EAAWA,CAAC;MAAEC,gBAAgB;MAAEC;IAAY,CAAE,KAC5CD,gBAAC,IAAoB,CAACA,gBAAA,EAAkBE,KAAA,EAAOC,UAAA,IAC9CF,YAAA,IAAgB,CAACA,YAAA,EAAcC,KAAA,EAAOC,UAAA;IACzCC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,KAAA,EAAO;EACT;EACAC,OAAA,EAAS;IACPH,IAAA,EAAM;IACN;IACA;IACAC,KAAA,EAAOA,CAAC;MAAEG;IAAC,CAAE,KAAKA,CAAA,CAAE;IACpBF,KAAA,EAAO;EACT;EACAG,WAAA,EAAa;IACXV,SAAA,EAAWA,CAAC;MAAEC,gBAAgB;MAAEU,MAAM;MAAET;IAAY,CAAE;MACpD,IAAID,gBAAA,EAAkB;QACpB,OAAOW,OAAA,CACLD,MAAA,EAAQR,KAAA,EAAOO,WAAA,EAAaG,WAAA,EAAaC,QAAA,CAASb,gBAAA,CAAiBc,IAAI,KACrEd,gBAAA,EAAkBE,KAAA,EAAOO,WAAA;MAE/B;MAEA,IAAIR,YAAA,EAAc;QAChB,OAAOU,OAAA,CACLD,MAAA,EAAQR,KAAA,EAAOO,WAAA,EAAaM,OAAA,EAASF,QAAA,CAASZ,YAAA,CAAaa,IAAI,KAC7Db,YAAA,EAAcC,KAAA,EAAOO,WAAA;MAE3B;MAEA,OAAO;IACT;IACAL,IAAA,EAAM;IACNC,KAAA,EAAOA,CAAC;MAAEG;IAAC,CAAE,KAAKA,CAAA,CAAE;IACpBF,KAAA,EAAO;EACT;EACAU,UAAA,EAAY;IACVjB,SAAA,EAAWA,CAAA,KAAM;EACnB;EACAkB,aAAA,EAAe;IACblB,SAAA,EAAWA,CAAA,KAAM;EACnB;EACAmB,OAAA,EAAS;IACPnB,SAAA,EAAWA,CAAA,KAAM;EACnB;EACAoB,QAAA,EAAU;IACRpB,SAAA,EAAWA,CAAC;MAAEC,gBAAgB;MAAEC,YAAY;MAAEmB;IAAW,CAAE,KACzDT,OAAA,CACEX,gBAAC,EAAkBmB,QAAA,IACjBC,WAAA,EAAaR,WAAA,GAAcZ,gBAAA,EAAkBc,IAAA,CAAK,EAAEO,YAAA,EAAcC,UAAA,IACjErB,YAAA,EAAckB,QAAA,IACbC,WAAA,EAAaL,OAAA,GAAUd,YAAA,EAAca,IAAA,CAAK,EAAEO,YAAA,EAAcC,UAAA;IAElElB,IAAA,EAAM;IACNC,KAAA,EAAOA,CAAC;MAAEG;IAAC,CAAE,KAAKA,CAAA,CAAE;IACpBF,KAAA,EAAO;IACPiB,cAAA,EAAgB5B;EAClB;AACF","ignoreList":[]}

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

@@ -1,14 +1,14 @@
 import type { I18n } from '@payloadcms/translations';
-import type { Permissions, SanitizedCollectionConfig, SanitizedConfig, SanitizedGlobalConfig } from 'payload';
+import type { Payload, Permissions, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const DocumentHeader: React.FC<{
     collectionConfig?: SanitizedCollectionConfig;
-    config: SanitizedConfig;
     customHeader?: React.ReactNode;
     globalConfig?: SanitizedGlobalConfig;
     hideTabs?: boolean;
     i18n: I18n;
+    payload: Payload;
     permissions: Permissions;
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,WAAW,EACX,yBAAyB,EACzB,eAAe,EACf,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,WAAW,EAAE,WAAW,CAAA;CACzB,CAuBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;CACzB,CAuBA,CAAA"}

package/dist/elements/DocumentHeader/index.js

@@ -1,30 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gutter, RenderTitle } from '@payloadcms/ui/client';
+import { Gutter, RenderTitle } from '@payloadcms/ui';
 import React, { Fragment } from 'react';
 import { DocumentTabs } from './Tabs/index.js';
 const baseClass = `doc-header`;
-export const DocumentHeader = (props)=>{
-    const { collectionConfig, config, customHeader, globalConfig, hideTabs, i18n, permissions } = props;
-    return /*#__PURE__*/ _jsxs(Gutter, {
-        className: baseClass,
-        children: [
-            customHeader && customHeader,
-            !customHeader && /*#__PURE__*/ _jsxs(Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx(RenderTitle, {
-                        className: `${baseClass}__title`
-                    }),
-                    !hideTabs && /*#__PURE__*/ _jsx(DocumentTabs, {
-                        collectionConfig: collectionConfig,
-                        config: config,
-                        globalConfig: globalConfig,
-                        i18n: i18n,
-                        permissions: permissions
-                    })
-                ]
-            })
-        ]
-    });
+export const DocumentHeader = props => {
+  const {
+    collectionConfig,
+    customHeader,
+    globalConfig,
+    hideTabs,
+    i18n,
+    payload,
+    permissions
+  } = props;
+  return /*#__PURE__*/_jsxs(Gutter, {
+    className: baseClass,
+    children: [customHeader && customHeader, !customHeader && /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx(RenderTitle, {
+        className: `${baseClass}__title`
+      }), !hideTabs && /*#__PURE__*/_jsx(DocumentTabs, {
+        collectionConfig: collectionConfig,
+        globalConfig: globalConfig,
+        i18n: i18n,
+        payload: payload,
+        permissions: permissions
+      })]
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui/client'\nimport React, { Fragment } from 'react'\n\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  config: SanitizedConfig\n  customHeader?: React.ReactNode\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, config, customHeader, globalConfig, hideTabs, i18n, permissions } =\n    props\n\n  return (\n    <Gutter className={baseClass}>\n      {customHeader && customHeader}\n      {!customHeader && (\n        <Fragment>\n          <RenderTitle className={`${baseClass}__title`} />\n          {!hideTabs && (\n            <DocumentTabs\n              collectionConfig={collectionConfig}\n              config={config}\n              globalConfig={globalConfig}\n              i18n={i18n}\n              permissions={permissions}\n            />\n          )}\n        </Fragment>\n      )}\n    </Gutter>\n  )\n}\n"],"names":["Gutter","RenderTitle","React","Fragment","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","config","customHeader","globalConfig","hideTabs","i18n","permissions","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAQA,SAASA,MAAM,EAAEC,WAAW,QAAQ,wBAAuB;AAC3D,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,YAAY,QAAQ,kBAAiB;AAG9C,MAAMC,YAAY,CAAC,UAAU,CAAC;AAE9B,OAAO,MAAMC,iBAQR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,WAAW,EAAE,GACzFP;IAEF,qBACE,MAACP;QAAOe,WAAWV;;YAChBK,gBAAgBA;YAChB,CAACA,8BACA,MAACP;;kCACC,KAACF;wBAAYc,WAAW,CAAC,EAAEV,UAAU,OAAO,CAAC;;oBAC5C,CAACO,0BACA,KAACR;wBACCI,kBAAkBA;wBAClBC,QAAQA;wBACRE,cAAcA;wBACdE,MAAMA;wBACNC,aAAaA;;;;;;AAO3B,EAAC"}
+{"version":3,"file":"index.js","names":["Gutter","RenderTitle","React","Fragment","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","customHeader","globalConfig","hideTabs","i18n","payload","permissions","_jsxs","className","_jsx"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Payload,\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\nimport { DocumentTabs } from './Tabs/index.js'\n\nconst baseClass = `doc-header`\n\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  customHeader?: React.ReactNode\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n  payload: Payload\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, customHeader, globalConfig, hideTabs, i18n, payload, permissions } =\n    props\n\n  return (\n    <Gutter className={baseClass}>\n      {customHeader && customHeader}\n      {!customHeader && (\n        <Fragment>\n          <RenderTitle className={`${baseClass}__title`} />\n          {!hideTabs && (\n            <DocumentTabs\n              collectionConfig={collectionConfig}\n              globalConfig={globalConfig}\n              i18n={i18n}\n              payload={payload}\n              permissions={permissions}\n            />\n          )}\n        </Fragment>\n      )}\n    </Gutter>\n  )\n}\n"],"mappings":";AAQA,SAASA,MAAM,EAAEC,WAAW,QAAQ;AACpC,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAGhC,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY,YAAY;AAE9B,OAAO,MAAMC,cAAA,GAQPC,KAAA;EACJ,MAAM;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAW,CAAE,GAC1FP,KAAA;EAEF,oBACEQ,KAAA,CAACf,MAAA;IAAOgB,SAAA,EAAWX,SAAA;eAChBI,YAAA,IAAgBA,YAAA,EAChB,CAACA,YAAA,iBACAM,KAAA,CAACZ,QAAA;8BACCc,IAAA,CAAChB,WAAA;QAAYe,SAAA,EAAW,GAAGX,SAAA;UAC1B,CAACM,QAAA,iBACAM,IAAA,CAACb,YAAA;QACCI,gBAAA,EAAkBA,gBAAA;QAClBE,YAAA,EAAcA,YAAA;QACdE,IAAA,EAAMA,IAAA;QACNC,OAAA,EAASA,OAAA;QACTC,WAAA,EAAaA;;;;AAO3B","ignoreList":[]}

package/dist/elements/DocumentHeader/index.scss

@@ -1,51 +1,54 @@
 @import '../../scss/styles.scss';
 
-.doc-header {
-  width: 100%;
-  margin-top: base(0.5);
-  padding-bottom: calc(var(--base) * 1.5);
-  display: flex;
-  align-items: center;
-  position: relative;
-  display: flex;
-  gap: calc(var(--base) / 2);
-
-  &::after {
-    content: '';
-    display: block;
-    position: absolute;
-    height: 1px;
-    background: var(--theme-elevation-100);
+@layer payload-default {
+  .doc-header {
     width: 100%;
-    left: 0;
-    top: calc(100% - 1px);
-  }
-
-  &__title {
-    flex-grow: 1;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin: 0;
-  }
-
-  @include mid-break {
-    padding-left: 0;
-    padding-right: 0;
-    margin-top: base(0.25);
-    padding-bottom: calc(var(--base) / 1.5);
-    flex-direction: column;
+    margin-top: base(0.4);
+    padding-bottom: calc(var(--base) * 1.2);
+    display: flex;
+    align-items: center;
+    position: relative;
+    display: flex;
     gap: calc(var(--base) / 2);
-    padding-bottom: calc(var(--base) / 2);
 
-    &__title {
+    &::after {
+      content: '';
+      display: block;
+      position: absolute;
+      height: 1px;
+      background: var(--theme-elevation-100);
       width: 100%;
-      padding-left: var(--gutter-h);
-      padding-right: var(--gutter-h);
+      left: 0;
+      top: calc(100% - 1px);
     }
-  }
 
-  @include small-break {
-    margin-top: 0;
+    &__title {
+      flex-grow: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      margin: 0;
+      padding-bottom: base(0.4);
+      line-height: 1;
+      vertical-align: top;
+    }
+
+    @include mid-break {
+      padding-left: 0;
+      padding-right: 0;
+      margin-top: base(0.25);
+      padding-bottom: calc(var(--base) / 1.5);
+      flex-direction: column;
+      gap: calc(var(--base) / 2);
+      padding-bottom: calc(var(--base) / 2);
+
+      &__title {
+        width: 100%;
+      }
+    }
+
+    @include small-break {
+      margin-top: 0;
+    }
   }
 }

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

@@ -0,0 +1,12 @@
+import type { ClientUser } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare const DocumentLocked: React.FC<{
+    handleGoBack: () => void;
+    isActive: boolean;
+    onReadOnly: () => void;
+    onTakeOver: () => void;
+    updatedAt?: null | number;
+    user?: ClientUser;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAoBrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CA2DA,CAAA"}