@payloadcms/next 3.0.0-canary.83a688a → 3.0.0-canary.852f9fc

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

@@ -1,38 +1,34 @@
 import { documentViewKeys } from './tabs/index.js';
-export const getCustomViews = (args)=>{
-    const { collectionConfig, globalConfig } = args;
-    let customViews;
-    if (collectionConfig) {
-        const collectionViewsConfig = typeof collectionConfig?.admin?.components?.views?.Edit === 'object' && typeof collectionConfig?.admin?.components?.views?.Edit !== 'function' ? collectionConfig?.admin?.components?.views?.Edit : undefined;
-        customViews = Object.entries(collectionViewsConfig || {}).reduce((prev, [key, view])=>{
-            if (documentViewKeys.includes(key)) {
-                return prev;
-            }
-            return [
-                ...prev,
-                {
-                    ...view,
-                    key
-                }
-            ];
-        }, []);
-    }
-    if (globalConfig) {
-        const globalViewsConfig = typeof globalConfig?.admin?.components?.views?.Edit === 'object' && typeof globalConfig?.admin?.components?.views?.Edit !== 'function' ? globalConfig?.admin?.components?.views?.Edit : undefined;
-        customViews = Object.entries(globalViewsConfig || {}).reduce((prev, [key, view])=>{
-            if (documentViewKeys.includes(key)) {
-                return prev;
-            }
-            return [
-                ...prev,
-                {
-                    ...view,
-                    key
-                }
-            ];
-        }, []);
-    }
-    return customViews;
+export const getCustomViews = args => {
+  const {
+    collectionConfig,
+    globalConfig
+  } = args;
+  let customViews;
+  if (collectionConfig) {
+    const collectionViewsConfig = typeof collectionConfig?.admin?.components?.views?.edit === 'object' && typeof collectionConfig?.admin?.components?.views?.edit !== 'function' ? collectionConfig?.admin?.components?.views?.edit : undefined;
+    customViews = Object.entries(collectionViewsConfig || {}).reduce((prev, [key, view]) => {
+      if (documentViewKeys.includes(key)) {
+        return prev;
+      }
+      return [...prev, {
+        ...view,
+        key
+      }];
+    }, []);
+  }
+  if (globalConfig) {
+    const globalViewsConfig = typeof globalConfig?.admin?.components?.views?.edit === 'object' && typeof globalConfig?.admin?.components?.views?.edit !== 'function' ? globalConfig?.admin?.components?.views?.edit : undefined;
+    customViews = Object.entries(globalViewsConfig || {}).reduce((prev, [key, view]) => {
+      if (documentViewKeys.includes(key)) {
+        return prev;
+      }
+      return [...prev, {
+        ...view,
+        key
+      }];
+    }, []);
+  }
+  return customViews;
 };
-
 //# sourceMappingURL=getCustomViews.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/getCustomViews.ts"],"sourcesContent":["import type { EditViewConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { documentViewKeys } from './tabs/index.js'\n\nexport const getCustomViews = (args: {\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n}): EditViewConfig[] => {\n  const { collectionConfig, globalConfig } = args\n\n  let customViews: EditViewConfig[]\n\n  if (collectionConfig) {\n    const collectionViewsConfig =\n      typeof collectionConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof collectionConfig?.admin?.components?.views?.Edit !== 'function'\n        ? collectionConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    customViews = Object.entries(collectionViewsConfig || {}).reduce((prev, [key, view]) => {\n      if (documentViewKeys.includes(key)) {\n        return prev\n      }\n\n      return [...prev, { ...view, key }]\n    }, [])\n  }\n\n  if (globalConfig) {\n    const globalViewsConfig =\n      typeof globalConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof globalConfig?.admin?.components?.views?.Edit !== 'function'\n        ? globalConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    customViews = Object.entries(globalViewsConfig || {}).reduce((prev, [key, view]) => {\n      if (documentViewKeys.includes(key)) {\n        return prev\n      }\n\n      return [...prev, { ...view, key }]\n    }, [])\n  }\n\n  return customViews\n}\n"],"names":["documentViewKeys","getCustomViews","args","collectionConfig","globalConfig","customViews","collectionViewsConfig","admin","components","views","Edit","undefined","Object","entries","reduce","prev","key","view","includes","globalViewsConfig"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,kBAAiB;AAElD,OAAO,MAAMC,iBAAiB,CAACC;IAI7B,MAAM,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAAGF;IAE3C,IAAIG;IAEJ,IAAIF,kBAAkB;QACpB,MAAMG,wBACJ,OAAOH,kBAAkBI,OAAOC,YAAYC,OAAOC,SAAS,YAC5D,OAAOP,kBAAkBI,OAAOC,YAAYC,OAAOC,SAAS,aACxDP,kBAAkBI,OAAOC,YAAYC,OAAOC,OAC5CC;QAENN,cAAcO,OAAOC,OAAO,CAACP,yBAAyB,CAAC,GAAGQ,MAAM,CAAC,CAACC,MAAM,CAACC,KAAKC,KAAK;YACjF,IAAIjB,iBAAiBkB,QAAQ,CAACF,MAAM;gBAClC,OAAOD;YACT;YAEA,OAAO;mBAAIA;gBAAM;oBAAE,GAAGE,IAAI;oBAAED;gBAAI;aAAE;QACpC,GAAG,EAAE;IACP;IAEA,IAAIZ,cAAc;QAChB,MAAMe,oBACJ,OAAOf,cAAcG,OAAOC,YAAYC,OAAOC,SAAS,YACxD,OAAON,cAAcG,OAAOC,YAAYC,OAAOC,SAAS,aACpDN,cAAcG,OAAOC,YAAYC,OAAOC,OACxCC;QAENN,cAAcO,OAAOC,OAAO,CAACM,qBAAqB,CAAC,GAAGL,MAAM,CAAC,CAACC,MAAM,CAACC,KAAKC,KAAK;YAC7E,IAAIjB,iBAAiBkB,QAAQ,CAACF,MAAM;gBAClC,OAAOD;YACT;YAEA,OAAO;mBAAIA;gBAAM;oBAAE,GAAGE,IAAI;oBAAED;gBAAI;aAAE;QACpC,GAAG,EAAE;IACP;IAEA,OAAOX;AACT,EAAC"}
+{"version":3,"file":"getCustomViews.js","names":["documentViewKeys","getCustomViews","args","collectionConfig","globalConfig","customViews","collectionViewsConfig","admin","components","views","edit","undefined","Object","entries","reduce","prev","key","view","includes","globalViewsConfig"],"sources":["../../../../src/elements/DocumentHeader/Tabs/getCustomViews.ts"],"sourcesContent":["import type { EditViewConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { documentViewKeys } from './tabs/index.js'\n\nexport const getCustomViews = (args: {\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n}): EditViewConfig[] => {\n  const { collectionConfig, globalConfig } = args\n\n  let customViews: EditViewConfig[]\n\n  if (collectionConfig) {\n    const collectionViewsConfig =\n      typeof collectionConfig?.admin?.components?.views?.edit === 'object' &&\n      typeof collectionConfig?.admin?.components?.views?.edit !== 'function'\n        ? collectionConfig?.admin?.components?.views?.edit\n        : undefined\n\n    customViews = Object.entries(collectionViewsConfig || {}).reduce((prev, [key, view]) => {\n      if (documentViewKeys.includes(key)) {\n        return prev\n      }\n\n      return [...prev, { ...view, key }]\n    }, [])\n  }\n\n  if (globalConfig) {\n    const globalViewsConfig =\n      typeof globalConfig?.admin?.components?.views?.edit === 'object' &&\n      typeof globalConfig?.admin?.components?.views?.edit !== 'function'\n        ? globalConfig?.admin?.components?.views?.edit\n        : undefined\n\n    customViews = Object.entries(globalViewsConfig || {}).reduce((prev, [key, view]) => {\n      if (documentViewKeys.includes(key)) {\n        return prev\n      }\n\n      return [...prev, { ...view, key }]\n    }, [])\n  }\n\n  return customViews\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,cAAA,GAAkBC,IAAA;EAI7B,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAE,GAAGF,IAAA;EAE3C,IAAIG,WAAA;EAEJ,IAAIF,gBAAA,EAAkB;IACpB,MAAMG,qBAAA,GACJ,OAAOH,gBAAA,EAAkBI,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,KAAS,YAC5D,OAAOP,gBAAA,EAAkBI,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,KAAS,aACxDP,gBAAA,EAAkBI,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAC5CC,SAAA;IAENN,WAAA,GAAcO,MAAA,CAAOC,OAAO,CAACP,qBAAA,IAAyB,CAAC,GAAGQ,MAAM,CAAC,CAACC,IAAA,EAAM,CAACC,GAAA,EAAKC,IAAA,CAAK;MACjF,IAAIjB,gBAAA,CAAiBkB,QAAQ,CAACF,GAAA,GAAM;QAClC,OAAOD,IAAA;MACT;MAEA,OAAO,C,GAAIA,IAAA,EAAM;QAAE,GAAGE,IAAI;QAAED;MAAI,EAAE;IACpC,GAAG,EAAE;EACP;EAEA,IAAIZ,YAAA,EAAc;IAChB,MAAMe,iBAAA,GACJ,OAAOf,YAAA,EAAcG,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,KAAS,YACxD,OAAON,YAAA,EAAcG,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,KAAS,aACpDN,YAAA,EAAcG,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,GACxCC,SAAA;IAENN,WAAA,GAAcO,MAAA,CAAOC,OAAO,CAACM,iBAAA,IAAqB,CAAC,GAAGL,MAAM,CAAC,CAACC,IAAA,EAAM,CAACC,GAAA,EAAKC,IAAA,CAAK;MAC7E,IAAIjB,gBAAA,CAAiBkB,QAAQ,CAACF,GAAA,GAAM;QAClC,OAAOD,IAAA;MACT;MAEA,OAAO,C,GAAIA,IAAA,EAAM;QAAE,GAAGE,IAAI;QAAED;MAAI,EAAE;IACpC,GAAG,EAAE;EACP;EAEA,OAAOX,WAAA;AACT","ignoreList":[]}

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

@@ -1,14 +1,17 @@
-export const getViewConfig = (args)=>{
-    const { name, collectionConfig, globalConfig } = args;
-    if (collectionConfig) {
-        const collectionConfigViewsConfig = typeof collectionConfig?.admin?.components?.views?.Edit === 'object' && typeof collectionConfig?.admin?.components?.views?.Edit !== 'function' ? collectionConfig?.admin?.components?.views?.Edit : undefined;
-        return collectionConfigViewsConfig?.[name];
-    }
-    if (globalConfig) {
-        const globalConfigViewsConfig = typeof globalConfig?.admin?.components?.views?.Edit === 'object' && typeof globalConfig?.admin?.components?.views?.Edit !== 'function' ? globalConfig?.admin?.components?.views?.Edit : undefined;
-        return globalConfigViewsConfig?.[name];
-    }
-    return null;
+export const getViewConfig = args => {
+  const {
+    name,
+    collectionConfig,
+    globalConfig
+  } = args;
+  if (collectionConfig) {
+    const collectionConfigViewsConfig = typeof collectionConfig?.admin?.components?.views?.edit === 'object' && typeof collectionConfig?.admin?.components?.views?.edit !== 'function' ? collectionConfig?.admin?.components?.views?.edit : undefined;
+    return collectionConfigViewsConfig?.[name];
+  }
+  if (globalConfig) {
+    const globalConfigViewsConfig = typeof globalConfig?.admin?.components?.views?.edit === 'object' && typeof globalConfig?.admin?.components?.views?.edit !== 'function' ? globalConfig?.admin?.components?.views?.edit : undefined;
+    return globalConfigViewsConfig?.[name];
+  }
+  return null;
 };
-
 //# sourceMappingURL=getViewConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/getViewConfig.ts"],"sourcesContent":["import type { EditViewConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nexport const getViewConfig = (args: {\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  name: string\n}): EditViewConfig => {\n  const { name, collectionConfig, globalConfig } = args\n\n  if (collectionConfig) {\n    const collectionConfigViewsConfig =\n      typeof collectionConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof collectionConfig?.admin?.components?.views?.Edit !== 'function'\n        ? collectionConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    return collectionConfigViewsConfig?.[name]\n  }\n\n  if (globalConfig) {\n    const globalConfigViewsConfig =\n      typeof globalConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof globalConfig?.admin?.components?.views?.Edit !== 'function'\n        ? globalConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    return globalConfigViewsConfig?.[name]\n  }\n\n  return null\n}\n"],"names":["getViewConfig","args","name","collectionConfig","globalConfig","collectionConfigViewsConfig","admin","components","views","Edit","undefined","globalConfigViewsConfig"],"mappings":"AAEA,OAAO,MAAMA,gBAAgB,CAACC;IAK5B,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAAGH;IAEjD,IAAIE,kBAAkB;QACpB,MAAME,8BACJ,OAAOF,kBAAkBG,OAAOC,YAAYC,OAAOC,SAAS,YAC5D,OAAON,kBAAkBG,OAAOC,YAAYC,OAAOC,SAAS,aACxDN,kBAAkBG,OAAOC,YAAYC,OAAOC,OAC5CC;QAEN,OAAOL,6BAA6B,CAACH,KAAK;IAC5C;IAEA,IAAIE,cAAc;QAChB,MAAMO,0BACJ,OAAOP,cAAcE,OAAOC,YAAYC,OAAOC,SAAS,YACxD,OAAOL,cAAcE,OAAOC,YAAYC,OAAOC,SAAS,aACpDL,cAAcE,OAAOC,YAAYC,OAAOC,OACxCC;QAEN,OAAOC,yBAAyB,CAACT,KAAK;IACxC;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"getViewConfig.js","names":["getViewConfig","args","name","collectionConfig","globalConfig","collectionConfigViewsConfig","admin","components","views","edit","undefined","globalConfigViewsConfig"],"sources":["../../../../src/elements/DocumentHeader/Tabs/getViewConfig.ts"],"sourcesContent":["import type { EditViewConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nexport const getViewConfig = (args: {\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  name: string\n}): EditViewConfig => {\n  const { name, collectionConfig, globalConfig } = args\n\n  if (collectionConfig) {\n    const collectionConfigViewsConfig =\n      typeof collectionConfig?.admin?.components?.views?.edit === 'object' &&\n      typeof collectionConfig?.admin?.components?.views?.edit !== 'function'\n        ? collectionConfig?.admin?.components?.views?.edit\n        : undefined\n\n    return collectionConfigViewsConfig?.[name]\n  }\n\n  if (globalConfig) {\n    const globalConfigViewsConfig =\n      typeof globalConfig?.admin?.components?.views?.edit === 'object' &&\n      typeof globalConfig?.admin?.components?.views?.edit !== 'function'\n        ? globalConfig?.admin?.components?.views?.edit\n        : undefined\n\n    return globalConfigViewsConfig?.[name]\n  }\n\n  return null\n}\n"],"mappings":"AAEA,OAAO,MAAMA,aAAA,GAAiBC,IAAA;EAK5B,MAAM;IAAEC,IAAI;IAAEC,gBAAgB;IAAEC;EAAY,CAAE,GAAGH,IAAA;EAEjD,IAAIE,gBAAA,EAAkB;IACpB,MAAME,2BAAA,GACJ,OAAOF,gBAAA,EAAkBG,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,KAAS,YAC5D,OAAON,gBAAA,EAAkBG,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,KAAS,aACxDN,gBAAA,EAAkBG,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAC5CC,SAAA;IAEN,OAAOL,2BAAA,GAA8BH,IAAA,CAAK;EAC5C;EAEA,IAAIE,YAAA,EAAc;IAChB,MAAMO,uBAAA,GACJ,OAAOP,YAAA,EAAcE,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,KAAS,YACxD,OAAOL,YAAA,EAAcE,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,KAAS,aACpDL,YAAA,EAAcE,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,GACxCC,SAAA;IAEN,OAAOC,uBAAA,GAA0BT,IAAA,CAAK;EACxC;EAEA,OAAO;AACT","ignoreList":[]}

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

@@ -1,12 +1,12 @@
 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 DocumentTabs: React.FC<{
     collectionConfig: SanitizedCollectionConfig;
-    config: SanitizedConfig;
     globalConfig: SanitizedGlobalConfig;
     i18n: I18n;
+    payload: Payload;
     permissions: Permissions;
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/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,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,MAAM,EAAE,eAAe,CAAA;IACvB,YAAY,EAAE,qBAAqB,CAAA;IACnC,IAAI,EAAE,IAAI,CAAA;IACV,WAAW,EAAE,WAAW,CAAA;CACzB,CA8EA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/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,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,YAAY,EAAE,qBAAqB,CAAA;IACnC,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;CACzB,CAwGA,CAAA"}

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

@@ -1,81 +1,104 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { isPlainObject } from 'payload';
+import { getCreateMappedComponent, RenderComponent } from '@payloadcms/ui/shared';
 import React from 'react';
-import { ShouldRenderTabs } from './ShouldRenderTabs.js';
-import { DocumentTab } from './Tab/index.js';
 import { getCustomViews } from './getCustomViews.js';
 import { getViewConfig } from './getViewConfig.js';
+import { ShouldRenderTabs } from './ShouldRenderTabs.js';
+import { DocumentTab } from './Tab/index.js';
 import { tabs as defaultTabs } from './tabs/index.js';
 const baseClass = 'doc-tabs';
-export const DocumentTabs = (props)=>{
-    const { collectionConfig, config, globalConfig, permissions } = props;
-    const customViews = getCustomViews({
-        collectionConfig,
-        globalConfig
-    });
-    return /*#__PURE__*/ _jsx(ShouldRenderTabs, {
-        children: /*#__PURE__*/ _jsx("div", {
-            className: baseClass,
-            children: /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__tabs-container`,
-                children: /*#__PURE__*/ _jsxs("ul", {
-                    className: `${baseClass}__tabs`,
-                    children: [
-                        Object.entries(defaultTabs)?.sort(([, a], [, 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;
-                        })?.map(([name, tab], index)=>{
-                            const viewConfig = getViewConfig({
-                                name,
-                                collectionConfig,
-                                globalConfig
-                            });
-                            const tabFromConfig = viewConfig && 'Tab' in viewConfig ? viewConfig.Tab : undefined;
-                            const tabConfig = typeof tabFromConfig === 'object' ? tabFromConfig : undefined;
-                            const { condition } = tabConfig || {};
-                            const meetsCondition = !condition || condition && Boolean(condition({
-                                collectionConfig,
-                                config,
-                                globalConfig,
-                                permissions
-                            }));
-                            if (meetsCondition) {
-                                return /*#__PURE__*/ _jsx(DocumentTab, {
-                                    ...props,
-                                    ...tab || {},
-                                    ...tabFromConfig || {}
-                                }, `tab-${index}`);
-                            }
-                            return null;
-                        }),
-                        customViews?.map((CustomView, index)=>{
-                            if ('Tab' in CustomView) {
-                                const { Tab, path } = CustomView;
-                                if (typeof Tab === 'object' && !isPlainObject(Tab)) {
-                                    throw new Error(`Custom 'Tab' Component for path: "${path}" must be a React Server Component. To use client-side functionality, render your Client Component within a Server Component and pass it only props that are serializable. More info: https://react.dev/reference/react/use-server#serializable-parameters-and-return-values`);
-                                }
-                                if (typeof Tab === 'function') {
-                                    return /*#__PURE__*/ _createElement(Tab, {
-                                        path: path,
-                                        ...props,
-                                        key: `tab-custom-${index}`
-                                    });
-                                }
-                                return /*#__PURE__*/ _jsx(DocumentTab, {
-                                    ...props,
-                                    ...Tab
-                                }, `tab-custom-${index}`);
-                            }
-                            return null;
-                        })
-                    ]
-                })
-            })
+export const DocumentTabs = props => {
+  const {
+    collectionConfig,
+    globalConfig,
+    i18n,
+    payload,
+    permissions
+  } = props;
+  const {
+    config
+  } = payload;
+  const customViews = getCustomViews({
+    collectionConfig,
+    globalConfig
+  });
+  return /*#__PURE__*/_jsx(ShouldRenderTabs, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: baseClass,
+      children: /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__tabs-container`,
+        children: /*#__PURE__*/_jsxs("ul", {
+          className: `${baseClass}__tabs`,
+          children: [Object.entries(defaultTabs)?.sort(([, a], [, 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;
+          })?.map(([name, tab], index) => {
+            const viewConfig = getViewConfig({
+              name,
+              collectionConfig,
+              globalConfig
+            });
+            const tabFromConfig = viewConfig && 'tab' in viewConfig ? viewConfig.tab : undefined;
+            const {
+              condition
+            } = tabFromConfig || {};
+            const meetsCondition = !condition || condition && Boolean(condition({
+              collectionConfig,
+              config,
+              globalConfig,
+              permissions
+            }));
+            if (meetsCondition) {
+              return /*#__PURE__*/_jsx(DocumentTab, {
+                ...props,
+                ...(tab || {}),
+                ...(tabFromConfig || {})
+              }, `tab-${index}`);
+            }
+            return null;
+          }), customViews?.map((CustomView, index) => {
+            if ('tab' in CustomView) {
+              const {
+                path,
+                tab
+              } = CustomView;
+              if (tab.Component) {
+                const createMappedComponent = getCreateMappedComponent({
+                  importMap: payload.importMap,
+                  serverProps: {
+                    i18n,
+                    payload,
+                    permissions,
+                    ...props,
+                    key: `tab-custom-${index}`,
+                    path
+                  }
+                });
+                const mappedTab = createMappedComponent(tab.Component, undefined, undefined, 'tab.Component');
+                return /*#__PURE__*/_jsx(RenderComponent, {
+                  clientProps: {
+                    key: `tab-custom-${index}`,
+                    path
+                  },
+                  mappedComponent: mappedTab
+                }, `tab-custom-${index}`);
+              }
+              return /*#__PURE__*/_jsx(DocumentTab, {
+                ...props,
+                ...tab
+              }, `tab-custom-${index}`);
+            }
+            return null;
+          })]
         })
-    });
+      })
+    })
+  });
 };
-
 //# 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 { I18n } from '@payloadcms/translations'\nimport type {\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { isPlainObject } from 'payload'\nimport React from 'react'\n\nimport { ShouldRenderTabs } from './ShouldRenderTabs.js'\nimport { DocumentTab } from './Tab/index.js'\nimport { getCustomViews } from './getCustomViews.js'\nimport { getViewConfig } from './getViewConfig.js'\nimport './index.scss'\nimport { tabs as defaultTabs } from './tabs/index.js'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  config: SanitizedConfig\n  globalConfig: SanitizedGlobalConfig\n  i18n: I18n\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, config, globalConfig, permissions } = props\n\n  const customViews = getCustomViews({ collectionConfig, globalConfig })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {Object.entries(defaultTabs)\n              // sort `defaultViews` based on `order` property from smallest to largest\n              // if no `order`, append the view to the end\n              // TODO: open `order` to the config and merge `defaultViews` with `customViews`\n              ?.sort(([, a], [, b]) => {\n                if (a.order === undefined && b.order === undefined) return 0\n                else if (a.order === undefined) return 1\n                else if (b.order === undefined) return -1\n                return a.order - b.order\n              })\n              ?.map(([name, tab], index) => {\n                const viewConfig = getViewConfig({ name, collectionConfig, globalConfig })\n                const tabFromConfig = viewConfig && 'Tab' in viewConfig ? viewConfig.Tab : undefined\n                const tabConfig = typeof tabFromConfig === 'object' ? tabFromConfig : undefined\n\n                const { condition } = tabConfig || {}\n\n                const meetsCondition =\n                  !condition ||\n                  (condition &&\n                    Boolean(condition({ collectionConfig, config, globalConfig, permissions })))\n\n                if (meetsCondition) {\n                  return (\n                    <DocumentTab\n                      key={`tab-${index}`}\n                      {...{\n                        ...props,\n                        ...(tab || {}),\n                        ...(tabFromConfig || {}),\n                      }}\n                    />\n                  )\n                }\n\n                return null\n              })}\n            {customViews?.map((CustomView, index) => {\n              if ('Tab' in CustomView) {\n                const { Tab, path } = CustomView\n\n                if (typeof Tab === 'object' && !isPlainObject(Tab)) {\n                  throw new Error(\n                    `Custom 'Tab' Component for path: \"${path}\" must be a React Server Component. To use client-side functionality, render your Client Component within a Server Component and pass it only props that are serializable. More info: https://react.dev/reference/react/use-server#serializable-parameters-and-return-values`,\n                  )\n                }\n\n                if (typeof Tab === 'function') {\n                  return <Tab path={path} {...props} key={`tab-custom-${index}`} />\n                }\n\n                return (\n                  <DocumentTab\n                    key={`tab-custom-${index}`}\n                    {...{\n                      ...props,\n                      ...Tab,\n                    }}\n                  />\n                )\n              }\n              return null\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"names":["isPlainObject","React","ShouldRenderTabs","DocumentTab","getCustomViews","getViewConfig","tabs","defaultTabs","baseClass","DocumentTabs","props","collectionConfig","config","globalConfig","permissions","customViews","div","className","ul","Object","entries","sort","a","b","order","undefined","map","name","tab","index","viewConfig","tabFromConfig","Tab","tabConfig","condition","meetsCondition","Boolean","CustomView","path","Error","key"],"mappings":";;AAQA,SAASA,aAAa,QAAQ,UAAS;AACvC,OAAOC,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,WAAW,QAAQ,iBAAgB;AAC5C,SAASC,cAAc,QAAQ,sBAAqB;AACpD,SAASC,aAAa,QAAQ,qBAAoB;AAElD,SAASC,QAAQC,WAAW,QAAQ,kBAAiB;AAErD,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAMR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,YAAY,EAAEC,WAAW,EAAE,GAAGJ;IAEhE,MAAMK,cAAcX,eAAe;QAAEO;QAAkBE;IAAa;IAEpE,qBACE,KAACX;kBACC,cAAA,KAACc;YAAIC,WAAWT;sBACd,cAAA,KAACQ;gBAAIC,WAAW,CAAC,EAAET,UAAU,gBAAgB,CAAC;0BAC5C,cAAA,MAACU;oBAAGD,WAAW,CAAC,EAAET,UAAU,MAAM,CAAC;;wBAChCW,OAAOC,OAAO,CAACb,cAIZc,KAAK,CAAC,GAAGC,EAAE,EAAE,GAAGC,EAAE;4BAClB,IAAID,EAAEE,KAAK,KAAKC,aAAaF,EAAEC,KAAK,KAAKC,WAAW,OAAO;iCACtD,IAAIH,EAAEE,KAAK,KAAKC,WAAW,OAAO;iCAClC,IAAIF,EAAEC,KAAK,KAAKC,WAAW,OAAO,CAAC;4BACxC,OAAOH,EAAEE,KAAK,GAAGD,EAAEC,KAAK;wBAC1B,IACEE,IAAI,CAAC,CAACC,MAAMC,IAAI,EAAEC;4BAClB,MAAMC,aAAazB,cAAc;gCAAEsB;gCAAMhB;gCAAkBE;4BAAa;4BACxE,MAAMkB,gBAAgBD,cAAc,SAASA,aAAaA,WAAWE,GAAG,GAAGP;4BAC3E,MAAMQ,YAAY,OAAOF,kBAAkB,WAAWA,gBAAgBN;4BAEtE,MAAM,EAAES,SAAS,EAAE,GAAGD,aAAa,CAAC;4BAEpC,MAAME,iBACJ,CAACD,aACAA,aACCE,QAAQF,UAAU;gCAAEvB;gCAAkBC;gCAAQC;gCAAcC;4BAAY;4BAE5E,IAAIqB,gBAAgB;gCAClB,qBACE,KAAChC;oCAGG,GAAGO,KAAK;oCACR,GAAIkB,OAAO,CAAC,CAAC;oCACb,GAAIG,iBAAiB,CAAC,CAAC;mCAJpB,CAAC,IAAI,EAAEF,MAAM,CAAC;4BAQzB;4BAEA,OAAO;wBACT;wBACDd,aAAaW,IAAI,CAACW,YAAYR;4BAC7B,IAAI,SAASQ,YAAY;gCACvB,MAAM,EAAEL,GAAG,EAAEM,IAAI,EAAE,GAAGD;gCAEtB,IAAI,OAAOL,QAAQ,YAAY,CAAChC,cAAcgC,MAAM;oCAClD,MAAM,IAAIO,MACR,CAAC,kCAAkC,EAAED,KAAK,4QAA4Q,CAAC;gCAE3T;gCAEA,IAAI,OAAON,QAAQ,YAAY;oCAC7B,qBAAO,eAACA;wCAAIM,MAAMA;wCAAO,GAAG5B,KAAK;wCAAE8B,KAAK,CAAC,WAAW,EAAEX,MAAM,CAAC;;gCAC/D;gCAEA,qBACE,KAAC1B;oCAGG,GAAGO,KAAK;oCACR,GAAGsB,GAAG;mCAHH,CAAC,WAAW,EAAEH,MAAM,CAAC;4BAOhC;4BACA,OAAO;wBACT;;;;;;AAMZ,EAAC"}
+{"version":3,"file":"index.js","names":["getCreateMappedComponent","RenderComponent","React","getCustomViews","getViewConfig","ShouldRenderTabs","DocumentTab","tabs","defaultTabs","baseClass","DocumentTabs","props","collectionConfig","globalConfig","i18n","payload","permissions","config","customViews","_jsx","className","_jsxs","Object","entries","sort","a","b","order","undefined","map","name","tab","index","viewConfig","tabFromConfig","condition","meetsCondition","Boolean","CustomView","path","Component","createMappedComponent","importMap","serverProps","key","mappedTab","clientProps","mappedComponent"],"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Payload,\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { getCreateMappedComponent, RenderComponent } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { getCustomViews } from './getCustomViews.js'\nimport { getViewConfig } from './getViewConfig.js'\nimport './index.scss'\nimport { ShouldRenderTabs } from './ShouldRenderTabs.js'\nimport { DocumentTab } from './Tab/index.js'\nimport { tabs as defaultTabs } from './tabs/index.js'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  i18n: I18n\n  payload: Payload\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, globalConfig, i18n, payload, permissions } = props\n  const { config } = payload\n\n  const customViews = getCustomViews({ collectionConfig, globalConfig })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {Object.entries(defaultTabs)\n              // sort `defaultViews` based on `order` property from smallest to largest\n              // if no `order`, append the view to the end\n              // TODO: open `order` to the config and merge `defaultViews` with `customViews`\n              ?.sort(([, a], [, 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                return a.order - b.order\n              })\n              ?.map(([name, tab], index) => {\n                const viewConfig = getViewConfig({ name, collectionConfig, globalConfig })\n                const tabFromConfig = viewConfig && 'tab' in viewConfig ? viewConfig.tab : undefined\n\n                const { condition } = tabFromConfig || {}\n\n                const meetsCondition =\n                  !condition ||\n                  (condition &&\n                    Boolean(condition({ collectionConfig, config, globalConfig, permissions })))\n\n                if (meetsCondition) {\n                  return (\n                    <DocumentTab\n                      key={`tab-${index}`}\n                      {...{\n                        ...props,\n                        ...(tab || {}),\n                        ...(tabFromConfig || {}),\n                      }}\n                    />\n                  )\n                }\n\n                return null\n              })}\n            {customViews?.map((CustomView, index) => {\n              if ('tab' in CustomView) {\n                const { path, tab } = CustomView\n\n                if (tab.Component) {\n                  const createMappedComponent = getCreateMappedComponent({\n                    importMap: payload.importMap,\n                    serverProps: {\n                      i18n,\n                      payload,\n                      permissions,\n                      ...props,\n                      key: `tab-custom-${index}`,\n                      path,\n                    },\n                  })\n\n                  const mappedTab = createMappedComponent(\n                    tab.Component,\n                    undefined,\n                    undefined,\n                    'tab.Component',\n                  )\n\n                  return (\n                    <RenderComponent\n                      clientProps={{\n                        key: `tab-custom-${index}`,\n                        path,\n                      }}\n                      key={`tab-custom-${index}`}\n                      mappedComponent={mappedTab}\n                    />\n                  )\n                }\n\n                return (\n                  <DocumentTab\n                    key={`tab-custom-${index}`}\n                    {...{\n                      ...props,\n                      ...tab,\n                    }}\n                  />\n                )\n              }\n              return null\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -37,7 +37,6 @@
 
     &__tabs {
       padding: 0;
-      margin-left: 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,EAmBhC,CAAA"}

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

@@ -1,23 +1,40 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDocumentInfo } from '@payloadcms/ui';
-import React, { Fragment } from 'react';
+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(5);
+  const {
+    versions
+  } = useDocumentInfo();
+  const hasVersions = versions?.totalDocs > 0;
+  if (hasVersions) {
+    const t0 = hasVersions ? `${baseClass}__count--has-count` : "";
+    let t1;
+    if ($[0] !== t0) {
+      t1 = [`${baseClass}__count`, t0].filter(Boolean);
+      $[0] = t0;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    const t2 = t1.join(" ");
+    let t3;
+    if ($[2] !== versions.totalDocs || $[3] !== t2) {
+      t3 = _jsx("span", {
+        className: t2,
+        children: versions.totalDocs.toString()
+      });
+      $[2] = versions.totalDocs;
+      $[3] = t2;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    return t3;
+  }
 };
-
 //# 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, { 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"],"mappings":"AAAA;;AACA,SAASA,eAAe,QAAQ,iBAAgB;AAChD,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","hasVersions","totalDocs","t0","t1","filter","Boolean","t2","join","t3","_jsx","className","children","toString"],"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  // 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  if (hasVersions) {\n    return (\n      <span\n        className={[`${baseClass}__count`, hasVersions ? `${baseClass}__count--has-count` : '']\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {versions.totalDocs.toString()}\n      </span>\n    )\n  }\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;EAKrB,MAAAM,WAAA,GAAoBD,QAAA,EAAAE,SAAA,IAAsB;EAAA,IAEtCD,WAAA;IAGqC,MAAAE,EAAA,GAAAF,WAAA,GAAc,GAAAJ,SAAA,oBAAgC,GAAG;IAAA,IAAAO,EAAA;IAAA,IAAAL,CAAA,QAAAI,EAAA;MAAzEC,EAAA,IAAC,GAAAP,SAAA,SAAqB,EAAEM,EAAiD,EAAAE,MAAA,CAAAC,OAC1E;MAAAP,CAAA,MAAAI,EAAA;MAAAJ,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IADC,MAAAQ,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAV,CAAA,QAAAC,QAAA,CAAAE,SAAA,IAAAH,CAAA,QAAAQ,EAAA;MAHVE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EACYJ,EAEH;QAAAK,QAAA,EAEPZ,QAAA,CAAAE,SAAA,CAAAW,QAAA,CAA2B;MAAA,C;;;;;;;WAL9BJ,E;;CASN","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, {
     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;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,iBAAiB,CA6DtB,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