@payloadcms/next 3.58.0-canary.0 → 3.58.0-canary.2

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

@@ -2,6 +2,7 @@ import type { PayloadRequest, SanitizedCollectionConfig, SanitizedGlobalConfig,
 import React from 'react';
 import './index.scss';
 export declare const DocumentHeader: React.FC<{
+    AfterHeader?: React.ReactNode;
     collectionConfig?: SanitizedCollectionConfig;
     globalConfig?: SanitizedGlobalConfig;
     hideTabs?: boolean;

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":"AACA,OAAO,KAAK,EACV,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,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,CAgBA,CAAA"}
+{"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;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,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,CAmBA,CAAA"}

package/dist/elements/DocumentHeader/index.js

@@ -5,6 +5,7 @@ import { DocumentTabs } from './Tabs/index.js';
 const baseClass = `doc-header`;
 export const DocumentHeader = props => {
   const {
+    AfterHeader,
     collectionConfig,
     globalConfig,
     hideTabs,
@@ -13,14 +14,20 @@ export const DocumentHeader = props => {
   } = props;
   return /*#__PURE__*/_jsxs(Gutter, {
     className: baseClass,
-    children: [/*#__PURE__*/_jsx(RenderTitle, {
-      className: `${baseClass}__title`
-    }), !hideTabs && /*#__PURE__*/_jsx(DocumentTabs, {
-      collectionConfig: collectionConfig,
-      globalConfig: globalConfig,
-      permissions: permissions,
-      req: req
-    })]
+    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]
   });
 };
 //# 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","collectionConfig","globalConfig","hideTabs","permissions","req","_jsxs","className","_jsx"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport 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\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = (props) => {\n  const { collectionConfig, globalConfig, hideTabs, permissions, req } = props\n\n  return (\n    <Gutter 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    </Gutter>\n  )\n}\n"],"mappings":";AAQA,SAASA,MAAM,EAAEC,WAAW,QAAQ;AACpC,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAG7B,MAAMC,SAAA,GAAY,YAAY;AAE9B,OAAO,MAAMC,cAAA,GAMPC,KAAA;EACJ,MAAM;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGL,KAAA;EAEvE,oBACEM,KAAA,CAACZ,MAAA;IAAOa,SAAA,EAAWT,SAAA;4BACjBU,IAAA,CAACb,WAAA;MAAYY,SAAA,EAAW,GAAGT,SAAA;QAC1B,CAACK,QAAA,iBACAK,IAAA,CAACX,YAAA;MACCI,gBAAA,EAAkBA,gBAAA;MAClBC,YAAA,EAAcA,YAAA;MACdE,WAAA,EAAaA,WAAA;MACbC,GAAA,EAAKA;;;AAKf","ignoreList":[]}
+{"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\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,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":[]}

package/dist/elements/DocumentHeader/index.scss

@@ -5,11 +5,7 @@
     width: 100%;
     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);
 
     &::after {
       content: '';
@@ -22,6 +18,12 @@
       top: calc(100% - 1px);
     }
 
+    &__header {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) / 2);
+    }
+
     &__title {
       flex-grow: 1;
       white-space: nowrap;
@@ -31,18 +33,29 @@
       padding-bottom: base(0.4);
       line-height: 1;
       vertical-align: top;
+      padding-bottom: 0;
+    }
+
+    &__after-header {
+      padding-top: var(--base);
     }
 
     @include mid-break {
       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);
+
+      &__header {
+        flex-direction: column;
+        gap: calc(var(--base) / 2);
+      }
 
       &__title {
         width: 100%;
       }
+
+      &__after-header {
+        padding-top: calc(var(--base) / 4);
+      }
     }
 
     @include small-break {