@payloadcms/ui 3.86.0-internal.ac46214 → 4.0.0-internal.1f9ae9a

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

@@ -0,0 +1,10 @@
+import type { PayloadRequest, SanitizedCollectionConfig, SanitizedGlobalConfig, SanitizedPermissions } from 'payload';
+import React from 'react';
+import './index.css';
+export declare const DocumentTabs: React.FC<{
+    collectionConfig: SanitizedCollectionConfig;
+    globalConfig: SanitizedGlobalConfig;
+    permissions: SanitizedPermissions;
+    req: PayloadRequest;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,YAAY,EAAE,qBAAqB,CAAA;IACnC,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;CACpB,CA8DA,CAAA"}

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

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { ShouldRenderTabs } from '../../../exports/client/index.js';
+import { RenderServerComponent } from '../../RenderServerComponent/index.js';
+import { DefaultDocumentTab } from './Tab/index.js';
+import { getTabs } from './tabs/index.js';
+import './index.css';
+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,
+                  server: req.server,
+                  user: req.user
+                }
+              });
+            }
+            return /*#__PURE__*/_jsx(DefaultDocumentTab, {
+              collectionConfig: collectionConfig,
+              globalConfig: globalConfig,
+              path: viewPath,
+              permissions: permissions,
+              req: req,
+              tabConfig: tabConfig
+            }, `tab-${index}`);
+          })
+        })
+      })
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ShouldRenderTabs","RenderServerComponent","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","server","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 React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { ShouldRenderTabs } from '../../../exports/client/index.js'\nimport { RenderServerComponent } from '../../RenderServerComponent/index.js'\nimport { DefaultDocumentTab } from './Tab/index.js'\nimport { getTabs } from './tabs/index.js'\nimport './index.css'\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                    server: req.server,\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,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,gBAAgB,QAAQ;AACjC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,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,CAACb,gBAAA;cACC,aAAAa,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,OAAOrB,qBAAA,CAAsB;gBAC3BsB,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,MAAA,EAAQpB,GAAA,CAAIoB,MAAM;kBAClBC,IAAA,EAAMrB,GAAA,CAAIqB;gBACZ;cACF;YACF;YAEA,oBACEjB,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":[]}

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

@@ -0,0 +1,11 @@
+@layer payload-default {
+  .pill-version-count {
+    line-height: var(--spacer-2-5);
+    min-width: var(--spacer-2-5);
+    text-align: center;
+    background-color: var(--color-bg-secondary);
+    border-radius: var(--radius-small);
+    padding: 2px var(--spacer-1);
+    color: var(--color-text-secondary);
+  }
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAQhC,CAAA"}

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

@@ -0,0 +1,30 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useDocumentInfo } from '../../../../../providers/DocumentInfo/index.js';
+import './index.css';
+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;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useDocumentInfo","baseClass","VersionsPill","$","versionCount","t0","_jsx","className","children"],"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useDocumentInfo } from '../../../../../providers/DocumentInfo/index.js'\nimport './index.css'\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,OAAOC,KAAA,MAAW;AAElB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAyBJ,eAAA;EAAA,KAEpBI,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":[]}

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

@@ -0,0 +1,11 @@
+import type { DocumentTabConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+export declare const documentViewKeys: string[];
+export type DocumentViewKey = (typeof documentViewKeys)[number];
+export declare const getTabs: ({ collectionConfig, globalConfig, }: {
+    collectionConfig?: SanitizedCollectionConfig;
+    globalConfig?: SanitizedGlobalConfig;
+}) => {
+    tab: DocumentTabConfig;
+    viewPath: string;
+}[];
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAKlG,eAAO,MAAM,gBAAgB,UAAgD,CAAA;AAE7E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,OAAO,GAAI,qCAGrB;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC,KAAG;IAAE,GAAG,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAqE/C,CAAA"}

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

@@ -0,0 +1,69 @@
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { VersionsPill } from '../../../../exports/client/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: {
+      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

@@ -0,0 +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","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\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { VersionsPill } from '../../../../exports/client/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        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;AACA,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;MACHC,IAAA,EAAM;MACNC,KAAA,EAAO;MACPE,KAAA,EAAO;MACP,IAAIT,WAAA,GAAc,MAAM,EAAEK,GAAA,IAAO,CAAC,CAAC;IACrC;IACAK,QAAA,EAAU;EACZ,EACD,CACEU,MAAM,CACLC,MAAA,CAAOC,OAAO,CAACtB,WAAA,EAAauB,MAAM,CAAC,CAACC,GAAA,EAAK,CAACC,GAAA,EAAKC,KAAA,CAAM;IACnD,IAAI9B,gBAAA,CAAiB+B,QAAQ,CAACF,GAAA,GAAM;MAClC,OAAOD,GAAA;IACT;IAEA,IAAIE,KAAA,EAAOrB,GAAA,EAAK;MACdmB,GAAA,CAAII,IAAI,CAAC;QACPvB,GAAA,EAAKqB,KAAA,CAAMrB,GAAG;QACdK,QAAA,EAAU,UAAUgB,KAAA,GAAQA,KAAA,CAAMG,IAAI,GAAG;MAC3C;IACF;IAEA,OAAOL,GAAA;EACT,GAAG,EAAE,IAELM,IAAA,CAAK,CAAC;IAAEzB,GAAA,EAAK0B;EAAC,CAAE,EAAE;IAAE1B,GAAA,EAAK2B;EAAC,CAAE;IAC5B,IAAID,CAAA,CAAEtB,KAAK,KAAKwB,SAAA,IAAaD,CAAA,CAAEvB,KAAK,KAAKwB,SAAA,EAAW;MAClD,OAAO;IACT,OAAO,IAAIF,CAAA,CAAEtB,KAAK,KAAKwB,SAAA,EAAW;MAChC,OAAO;IACT,OAAO,IAAID,CAAA,CAAEvB,KAAK,KAAKwB,SAAA,EAAW;MAChC,OAAO,CAAC;IACV;IAEA,OAAOF,CAAA,CAAEtB,KAAK,GAAGuB,CAAA,CAAEvB,KAAK;EAC1B;AACJ","ignoreList":[]}

package/dist/elements/DocumentHeader/index.css

@@ -0,0 +1,37 @@
+@layer payload-default {
+  .doc-header {
+    width: 100%;
+    padding: var(--spacer-2-5) var(--gutter-h);
+    position: relative;
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--spacer-2-5);
+  }
+
+  .doc-header__title {
+    flex-grow: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin: 0;
+    vertical-align: top;
+  }
+
+  .doc-header__after-header {
+    width: 100%;
+  }
+
+  @media (max-width: 768px) {
+    .doc-header {
+      flex-direction: column;
+      padding: var(--spacer-2) var(--gutter-h);
+      gap: var(--spacer-2);
+    }
+
+    .doc-header__title {
+      width: 100%;
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+import type { PayloadRequest, SanitizedCollectionConfig, SanitizedGlobalConfig, SanitizedPermissions } from 'payload';
+import React from 'react';
+import './index.css';
+/**
+ * @internal
+ */
+export declare const DocumentHeader: React.FC<{
+    AfterHeader?: React.ReactNode;
+    collectionConfig?: SanitizedCollectionConfig;
+    globalConfig?: SanitizedGlobalConfig;
+    hideTabs?: boolean;
+    permissions: SanitizedPermissions;
+    req: PayloadRequest;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;CACpB,CAiBA,CAAA"}

package/dist/elements/DocumentHeader/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { RenderTitle } from '../../exports/client/index.js';
+import { DocumentTabs } from './Tabs/index.js';
+import './index.css';
+const baseClass = `doc-header`;
+/**
+ * @internal
+ */
+export const DocumentHeader = props => {
+  const {
+    AfterHeader,
+    collectionConfig,
+    globalConfig,
+    hideTabs,
+    permissions,
+    req
+  } = props;
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    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]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","RenderTitle","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 React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { Gutter, RenderTitle } from '../../exports/client/index.js'\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.css'\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    <div className={baseClass}>\n      <RenderTitle className={`${baseClass}__title`} />\n      {!hideTabs && (\n        <DocumentTabs\n          collectionConfig={collectionConfig}\n          globalConfig={globalConfig}\n          permissions={permissions}\n          req={req}\n        />\n      )}\n      {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}\n    </div>\n  )\n}\n"],"mappings":";AAOA,OAAOA,KAAA,MAAW;AAElB;AACA,SAAiBC,WAAW,QAAQ;AACpC,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,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,CAAC;IAAIC,SAAA,EAAWV,SAAA;4BACdW,IAAA,CAACb,WAAA;MAAYY,SAAA,EAAW,GAAGV,SAAA;QAC1B,CAACM,QAAA,iBACAK,IAAA,CAACZ,YAAA;MACCK,gBAAA,EAAkBA,gBAAA;MAClBC,YAAA,EAAcA,YAAA;MACdE,WAAA,EAAaA,WAAA;MACbC,GAAA,EAAKA;QAGRL,WAAA,gBAAcQ,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGV,SAAA,gBAAyB;gBAAGG;SAAqB;;AAGzF","ignoreList":[]}

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

@@ -1,6 +1,5 @@
 import type { ClientUser } from 'payload';
 import React from 'react';
-import './index.scss';
 export declare const DocumentLocked: React.FC<{
     handleGoBack: () => void;
     isActive: boolean;

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

@@ -1 +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;AAEzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAQxC,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,GAAG,MAAM,GAAG,MAAM,CAAA;CACpC,CA4EA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAyBxC,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,GAAG,MAAM,GAAG,MAAM,CAAA;CACpC,CAoEA,CAAA"}

package/dist/elements/DocumentLocked/index.js

@@ -1,17 +1,15 @@
 'use client';
 
 import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { isClientUserObject } from '../../utilities/isClientUserObject.js';
 import { Button } from '../Button/index.js';
-import { Modal, useModal } from '../Modal/index.js';
-import './index.scss';
+import { AlertModal, useModal } from '../Modal/index.js';
 const modalSlug = 'document-locked';
-const baseClass = 'document-locked';
 const formatDate = date => {
   if (!date) {
     return '';
@@ -70,123 +68,111 @@ export const DocumentLocked = t0 => {
   }
   useEffect(t1, t2);
   let t3;
-  if ($[5] !== handleGoBack || $[6] !== startRouteTransition) {
+  if ($[5] !== closeModal || $[6] !== handleGoBack || $[7] !== startRouteTransition) {
     t3 = () => {
+      closeModal(modalSlug);
       startRouteTransition(() => handleGoBack());
     };
-    $[5] = handleGoBack;
-    $[6] = startRouteTransition;
-    $[7] = t3;
+    $[5] = closeModal;
+    $[6] = handleGoBack;
+    $[7] = startRouteTransition;
+    $[8] = t3;
   } else {
-    t3 = $[7];
+    t3 = $[8];
   }
   let t4;
-  if ($[8] !== clearRouteCache || $[9] !== closeModal || $[10] !== handleGoBack || $[11] !== onReadOnly || $[12] !== onTakeOver || $[13] !== startRouteTransition || $[14] !== t || $[15] !== t3 || $[16] !== updatedAt || $[17] !== user) {
+  if ($[9] !== clearRouteCache || $[10] !== closeModal || $[11] !== handleGoBack || $[12] !== onReadOnly || $[13] !== onTakeOver || $[14] !== startRouteTransition || $[15] !== t || $[16] !== t3 || $[17] !== updatedAt || $[18] !== user) {
     let t5;
-    if ($[19] !== t || $[20] !== user) {
-      t5 = isClientUserObject(user) ? user.email ?? user.id : `${t("general:user")}: ${user}`;
-      $[19] = t;
-      $[20] = user;
-      $[21] = t5;
+    if ($[20] !== clearRouteCache || $[21] !== closeModal || $[22] !== onReadOnly) {
+      t5 = () => {
+        onReadOnly();
+        closeModal(modalSlug);
+        clearRouteCache();
+      };
+      $[20] = clearRouteCache;
+      $[21] = closeModal;
+      $[22] = onReadOnly;
+      $[23] = t5;
     } else {
-      t5 = $[21];
+      t5 = $[23];
     }
     let t6;
-    if ($[22] !== closeModal || $[23] !== handleGoBack || $[24] !== startRouteTransition) {
+    if ($[24] !== closeModal || $[25] !== onTakeOver) {
       t6 = () => {
+        onTakeOver();
         closeModal(modalSlug);
-        startRouteTransition(() => handleGoBack());
       };
-      $[22] = closeModal;
-      $[23] = handleGoBack;
-      $[24] = startRouteTransition;
-      $[25] = t6;
+      $[24] = closeModal;
+      $[25] = onTakeOver;
+      $[26] = t6;
     } else {
-      t6 = $[25];
+      t6 = $[26];
     }
     let t7;
-    if ($[26] !== clearRouteCache || $[27] !== closeModal || $[28] !== onReadOnly) {
+    if ($[27] !== handleGoBack || $[28] !== startRouteTransition) {
       t7 = () => {
-        onReadOnly();
-        closeModal(modalSlug);
-        clearRouteCache();
+        startRouteTransition(() => handleGoBack());
       };
-      $[26] = clearRouteCache;
-      $[27] = closeModal;
-      $[28] = onReadOnly;
+      $[27] = handleGoBack;
+      $[28] = startRouteTransition;
       $[29] = t7;
     } else {
       t7 = $[29];
     }
     let t8;
-    if ($[30] !== closeModal || $[31] !== onTakeOver) {
-      t8 = () => {
-        onTakeOver();
-        closeModal(modalSlug);
-      };
-      $[30] = closeModal;
-      $[31] = onTakeOver;
+    if ($[30] !== t || $[31] !== user) {
+      t8 = isClientUserObject(user) ? user.email ?? user.id : `${t("general:user")}: ${user}`;
+      $[30] = t;
+      $[31] = user;
       $[32] = t8;
     } else {
       t8 = $[32];
     }
-    t4 = _jsx(Modal, {
-      className: baseClass,
-      closeOnBlur: false,
-      onClose: t3,
+    t4 = _jsxs(AlertModal, {
+      actions: _jsxs(_Fragment, {
+        children: [_jsx(Button, {
+          buttonStyle: "secondary",
+          id: `${modalSlug}-go-back`,
+          onClick: t3,
+          children: t("general:goBack")
+        }), _jsx(Button, {
+          buttonStyle: "secondary",
+          id: `${modalSlug}-view-read-only`,
+          onClick: t5,
+          children: t("general:viewReadOnly")
+        }), _jsx(Button, {
+          buttonStyle: "primary",
+          id: `${modalSlug}-take-over`,
+          onClick: t6,
+          children: t("general:takeOver")
+        })]
+      }),
+      onClose: t7,
       slug: modalSlug,
-      children: _jsxs("div", {
-        className: `${baseClass}__wrapper`,
-        children: [_jsxs("div", {
-          className: `${baseClass}__content`,
-          children: [_jsx("h1", {
-            children: t("general:documentLocked")
-          }), _jsxs("p", {
-            children: [_jsx("strong", {
-              children: t5
-            }), " ", t("general:currentlyEditing")]
-          }), _jsxs("p", {
-            children: [t("general:editedSince"), " ", _jsx("strong", {
-              children: formatDate(updatedAt)
-            })]
-          })]
-        }), _jsxs("div", {
-          className: `${baseClass}__controls`,
-          children: [_jsx(Button, {
-            buttonStyle: "secondary",
-            id: `${modalSlug}-go-back`,
-            onClick: t6,
-            size: "large",
-            children: t("general:goBack")
-          }), _jsx(Button, {
-            buttonStyle: "secondary",
-            id: `${modalSlug}-view-read-only`,
-            onClick: t7,
-            size: "large",
-            children: t("general:viewReadOnly")
-          }), _jsx(Button, {
-            buttonStyle: "primary",
-            id: `${modalSlug}-take-over`,
-            onClick: t8,
-            size: "large",
-            children: t("general:takeOver")
-          })]
+      title: t("general:documentLocked"),
+      children: [_jsxs("p", {
+        children: [_jsx("strong", {
+          children: t8
+        }), " ", t("general:currentlyEditing")]
+      }), _jsxs("p", {
+        children: [t("general:editedSince"), " ", _jsx("strong", {
+          children: formatDate(updatedAt)
         })]
-      })
+      })]
     });
-    $[8] = clearRouteCache;
-    $[9] = closeModal;
-    $[10] = handleGoBack;
-    $[11] = onReadOnly;
-    $[12] = onTakeOver;
-    $[13] = startRouteTransition;
-    $[14] = t;
-    $[15] = t3;
-    $[16] = updatedAt;
-    $[17] = user;
-    $[18] = t4;
+    $[9] = clearRouteCache;
+    $[10] = closeModal;
+    $[11] = handleGoBack;
+    $[12] = onReadOnly;
+    $[13] = onTakeOver;
+    $[14] = startRouteTransition;
+    $[15] = t;
+    $[16] = t3;
+    $[17] = updatedAt;
+    $[18] = user;
+    $[19] = t4;
   } else {
-    t4 = $[18];
+    t4 = $[19];
   }
   return t4;
 };