@payloadcms/next 3.81.0-internal-debug.1a0f4d0 → 3.81.0

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

@@ -1,88 +1,78 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-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__*/ _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);
+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}`);
+          })
+        })
+      })
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

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

@@ -1,22 +1,29 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useDocumentInfo } from '@payloadcms/ui';
 import React from 'react';
-import './index.scss';
 const baseClass = 'pill-version-count';
-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);
+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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

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

@@ -1,64 +1,72 @@
 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,"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"}
+{"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":[]}

package/dist/elements/DocumentHeader/index.js

@@ -1,56 +1,36 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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__*/ _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);
+ */
+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]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

package/dist/elements/FormHeader/index.js

@@ -1,34 +1,20 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
 const baseClass = 'form-header';
-export function FormHeader({ description, heading }) {
-    if (!heading) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV("h1", {
-                children: heading
-            }, void 0, false, {
-                fileName: "src/elements/FormHeader/index.tsx",
-                lineNumber: 18,
-                columnNumber: 7
-            }, this),
-            Boolean(description) && /*#__PURE__*/ _jsxDEV("p", {
-                children: description
-            }, void 0, false, {
-                fileName: "src/elements/FormHeader/index.tsx",
-                lineNumber: 19,
-                columnNumber: 32
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/FormHeader/index.tsx",
-        lineNumber: 17,
-        columnNumber: 5
-    }, this);
+export function FormHeader({
+  description,
+  heading
+}) {
+  if (!heading) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx("h1", {
+      children: heading
+    }), Boolean(description) && /*#__PURE__*/_jsx("p", {
+      children: description
+    })]
+  });
 }
-
 //# sourceMappingURL=index.js.map

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

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