@payloadcms/next 3.0.0-beta.9 → 3.0.0-beta.91

package/dist/cjs/withPayload.js

@@ -0,0 +1,111 @@
+/**
+ * @param {import('next').NextConfig} nextConfig
+ *
+ * @returns {import('next').NextConfig}
+ * */"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _export(target, all) {
+  for (var name in all) Object.defineProperty(target, name, {
+    enumerable: true,
+    get: all[name]
+  });
+}
+_export(exports, {
+  default: function () {
+    return _default;
+  },
+  withPayload: function () {
+    return withPayload;
+  }
+});
+const withPayload = (nextConfig = {}) => {
+  if (nextConfig.experimental?.staleTimes?.dynamic) {
+    console.warn('Payload detected a non-zero value for the `staleTimes.dynamic` option in your Next.js config. This may cause stale data to load in the Admin Panel. To clear this warning, remove the `staleTimes.dynamic` option from your Next.js config or set it to 0. In the future, Next.js may support scoping this option to specific routes.');
+  }
+  /**
+  * @type {import('next').NextConfig}
+  */
+  const toReturn = {
+    ...nextConfig,
+    env: {
+      ...(nextConfig?.env || {})
+    },
+    outputFileTracingExcludes: {
+      ...(nextConfig?.outputFileTracingExcludes || {}),
+      '**/*': [...(nextConfig?.outputFileTracingExcludes?.['**/*'] || []), 'drizzle-kit', 'drizzle-kit/api']
+    },
+    outputFileTracingIncludes: {
+      ...(nextConfig?.outputFileTracingIncludes || {}),
+      '**/*': [...(nextConfig?.outputFileTracingIncludes?.['**/*'] || []), '@libsql/client']
+    },
+    experimental: {
+      ...(nextConfig?.experimental || {}),
+      turbo: {
+        ...(nextConfig?.experimental?.turbo || {}),
+        resolveAlias: {
+          ...(nextConfig?.experimental?.turbo?.resolveAlias || {}),
+          'payload-mock-package': 'payload-mock-package'
+        }
+      }
+    },
+    headers: async () => {
+      const headersFromConfig = 'headers' in nextConfig ? await nextConfig.headers() : [];
+      return [...(headersFromConfig || []), {
+        source: '/:path*',
+        headers: [{
+          key: 'Accept-CH',
+          value: 'Sec-CH-Prefers-Color-Scheme'
+        }, {
+          key: 'Vary',
+          value: 'Sec-CH-Prefers-Color-Scheme'
+        }, {
+          key: 'Critical-CH',
+          value: 'Sec-CH-Prefers-Color-Scheme'
+        }]
+      }];
+    },
+    serverExternalPackages: [...(nextConfig?.serverExternalPackages || []), 'drizzle-kit', 'drizzle-kit/api', 'pino', 'libsql', 'pino-pretty', 'graphql'],
+    webpack: (webpackConfig, webpackOptions) => {
+      const incomingWebpackConfig = typeof nextConfig.webpack === 'function' ? nextConfig.webpack(webpackConfig, webpackOptions) : webpackConfig;
+      return {
+        ...incomingWebpackConfig,
+        externals: [...(incomingWebpackConfig?.externals || []), 'drizzle-kit', 'drizzle-kit/api', 'sharp', 'libsql'],
+        ignoreWarnings: [...(incomingWebpackConfig?.ignoreWarnings || []), {
+          module: /node_modules\/mongodb\/lib\/utils\.js/
+        }, {
+          file: /node_modules\/mongodb\/lib\/utils\.js/
+        }, {
+          module: /node_modules\/mongodb\/lib\/bson\.js/
+        }, {
+          file: /node_modules\/mongodb\/lib\/bson\.js/
+        }],
+        resolve: {
+          ...(incomingWebpackConfig?.resolve || {}),
+          alias: {
+            ...(incomingWebpackConfig?.resolve?.alias || {})
+          },
+          fallback: {
+            ...(incomingWebpackConfig?.resolve?.fallback || {}),
+            '@aws-sdk/credential-providers': false,
+            '@mongodb-js/zstd': false,
+            aws4: false,
+            kerberos: false,
+            'mongodb-client-encryption': false,
+            snappy: false,
+            'supports-color': false,
+            'yocto-queue': false
+          }
+        }
+      };
+    }
+  };
+  if (nextConfig.basePath) {
+    toReturn.env.NEXT_BASE_PATH = nextConfig.basePath;
+  }
+  return toReturn;
+};
+const _default = withPayload;
+//# sourceMappingURL=withPayload.js.map

package/dist/cjs/withPayload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withPayload.js","names":["default","_default","withPayload","nextConfig","experimental","staleTimes","dynamic","console","warn","toReturn","env","outputFileTracingExcludes","outputFileTracingIncludes","turbo","resolveAlias","headers","headersFromConfig","source","key","value","serverExternalPackages","webpack","webpackConfig","webpackOptions","incomingWebpackConfig","externals","ignoreWarnings","module","file","resolve","alias","fallback","aws4","kerberos","snappy","basePath","NEXT_BASE_PATH"],"sources":["../../src/withPayload.js"],"sourcesContent":["/**\n * @param {import('next').NextConfig} nextConfig\n *\n * @returns {import('next').NextConfig}\n * */\nexport const withPayload = (nextConfig = {}) => {\n  if (nextConfig.experimental?.staleTimes?.dynamic) {\n    console.warn(\n      'Payload detected a non-zero value for the `staleTimes.dynamic` option in your Next.js config. This may cause stale data to load in the Admin Panel. To clear this warning, remove the `staleTimes.dynamic` option from your Next.js config or set it to 0. In the future, Next.js may support scoping this option to specific routes.',\n    )\n  }\n\n  /**\n   * @type {import('next').NextConfig}\n   */\n  const toReturn = {\n    ...nextConfig,\n    env: {\n      ...(nextConfig?.env || {}),\n    },\n    outputFileTracingExcludes: {\n      ...(nextConfig?.outputFileTracingExcludes || {}),\n      '**/*': [\n        ...(nextConfig?.outputFileTracingExcludes?.['**/*'] || []),\n        'drizzle-kit',\n        'drizzle-kit/api',\n      ],\n    },\n    outputFileTracingIncludes: {\n      ...(nextConfig?.outputFileTracingIncludes || {}),\n      '**/*': [...(nextConfig?.outputFileTracingIncludes?.['**/*'] || []), '@libsql/client'],\n    },\n    experimental: {\n      ...(nextConfig?.experimental || {}),\n      turbo: {\n        ...(nextConfig?.experimental?.turbo || {}),\n        resolveAlias: {\n          ...(nextConfig?.experimental?.turbo?.resolveAlias || {}),\n          'payload-mock-package': 'payload-mock-package',\n        },\n      },\n    },\n    headers: async () => {\n      const headersFromConfig = 'headers' in nextConfig ? await nextConfig.headers() : []\n\n      return [\n        ...(headersFromConfig || []),\n        {\n          source: '/:path*',\n          headers: [\n            {\n              key: 'Accept-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Vary',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Critical-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n          ],\n        },\n      ]\n    },\n    serverExternalPackages: [\n      ...(nextConfig?.serverExternalPackages || []),\n      'drizzle-kit',\n      'drizzle-kit/api',\n      'pino',\n      'libsql',\n      'pino-pretty',\n      'graphql',\n    ],\n    webpack: (webpackConfig, webpackOptions) => {\n      const incomingWebpackConfig =\n        typeof nextConfig.webpack === 'function'\n          ? nextConfig.webpack(webpackConfig, webpackOptions)\n          : webpackConfig\n\n      return {\n        ...incomingWebpackConfig,\n        externals: [\n          ...(incomingWebpackConfig?.externals || []),\n          'drizzle-kit',\n          'drizzle-kit/api',\n          'sharp',\n          'libsql',\n        ],\n        ignoreWarnings: [\n          ...(incomingWebpackConfig?.ignoreWarnings || []),\n          { module: /node_modules\\/mongodb\\/lib\\/utils\\.js/ },\n          { file: /node_modules\\/mongodb\\/lib\\/utils\\.js/ },\n          { module: /node_modules\\/mongodb\\/lib\\/bson\\.js/ },\n          { file: /node_modules\\/mongodb\\/lib\\/bson\\.js/ },\n        ],\n        resolve: {\n          ...(incomingWebpackConfig?.resolve || {}),\n          alias: {\n            ...(incomingWebpackConfig?.resolve?.alias || {}),\n          },\n          fallback: {\n            ...(incomingWebpackConfig?.resolve?.fallback || {}),\n            '@aws-sdk/credential-providers': false,\n            '@mongodb-js/zstd': false,\n            aws4: false,\n            kerberos: false,\n            'mongodb-client-encryption': false,\n            snappy: false,\n            'supports-color': false,\n            'yocto-queue': false,\n          },\n        },\n      }\n    },\n  }\n\n  if (nextConfig.basePath) {\n    toReturn.env.NEXT_BASE_PATH = nextConfig.basePath\n  }\n\n  return toReturn\n}\n\nexport default withPayload\n"],"mappings":"AAAA;;;;KAIG;;;;;;;;;;;;EAyHHA,OAA0B,WAAAA,CAAA;WAA1BC,QAAA;;EAxHaC,WAAW,WAAAA,CAAA;WAAXA,WAAA;;;AAAN,MAAMA,WAAA,GAAcA,CAACC,UAAA,GAAa,CAAC,CAAC;EACzC,IAAIA,UAAA,CAAWC,YAAY,EAAEC,UAAA,EAAYC,OAAA,EAAS;IAChDC,OAAA,CAAQC,IAAI,CACV;EAEJ;EAEA;;;EAGA,MAAMC,QAAA,GAAW;IACf,GAAGN,UAAU;IACbO,GAAA,EAAK;MACH,IAAIP,UAAA,EAAYO,GAAA,IAAO,CAAC,CAAC;IAC3B;IACAC,yBAAA,EAA2B;MACzB,IAAIR,UAAA,EAAYQ,yBAAA,IAA6B,CAAC,CAAC;MAC/C,QAAQ,C,IACFR,UAAA,EAAYQ,yBAAA,GAA4B,OAAO,IAAI,EAAE,GACzD,eACA;IAEJ;IACAC,yBAAA,EAA2B;MACzB,IAAIT,UAAA,EAAYS,yBAAA,IAA6B,CAAC,CAAC;MAC/C,QAAQ,C,IAAKT,UAAA,EAAYS,yBAAA,GAA4B,OAAO,IAAI,EAAE,GAAG;IACvE;IACAR,YAAA,EAAc;MACZ,IAAID,UAAA,EAAYC,YAAA,IAAgB,CAAC,CAAC;MAClCS,KAAA,EAAO;QACL,IAAIV,UAAA,EAAYC,YAAA,EAAcS,KAAA,IAAS,CAAC,CAAC;QACzCC,YAAA,EAAc;UACZ,IAAIX,UAAA,EAAYC,YAAA,EAAcS,KAAA,EAAOC,YAAA,IAAgB,CAAC,CAAC;UACvD,wBAAwB;QAC1B;MACF;IACF;IACAC,OAAA,EAAS,MAAAA,CAAA;MACP,MAAMC,iBAAA,GAAoB,aAAab,UAAA,GAAa,MAAMA,UAAA,CAAWY,OAAO,KAAK,EAAE;MAEnF,OAAO,C,IACDC,iBAAA,IAAqB,EAAE,GAC3B;QACEC,MAAA,EAAQ;QACRF,OAAA,EAAS,CACP;UACEG,GAAA,EAAK;UACLC,KAAA,EAAO;QACT,GACA;UACED,GAAA,EAAK;UACLC,KAAA,EAAO;QACT,GACA;UACED,GAAA,EAAK;UACLC,KAAA,EAAO;QACT;MAEJ,EACD;IACH;IACAC,sBAAA,EAAwB,C,IAClBjB,UAAA,EAAYiB,sBAAA,IAA0B,EAAE,GAC5C,eACA,mBACA,QACA,UACA,eACA,UACD;IACDC,OAAA,EAASA,CAACC,aAAA,EAAeC,cAAA;MACvB,MAAMC,qBAAA,GACJ,OAAOrB,UAAA,CAAWkB,OAAO,KAAK,aAC1BlB,UAAA,CAAWkB,OAAO,CAACC,aAAA,EAAeC,cAAA,IAClCD,aAAA;MAEN,OAAO;QACL,GAAGE,qBAAqB;QACxBC,SAAA,EAAW,C,IACLD,qBAAA,EAAuBC,SAAA,IAAa,EAAE,GAC1C,eACA,mBACA,SACA,SACD;QACDC,cAAA,EAAgB,C,IACVF,qBAAA,EAAuBE,cAAA,IAAkB,EAAE,GAC/C;UAAEC,MAAA,EAAQ;QAAwC,GAClD;UAAEC,IAAA,EAAM;QAAwC,GAChD;UAAED,MAAA,EAAQ;QAAuC,GACjD;UAAEC,IAAA,EAAM;QAAuC,EAChD;QACDC,OAAA,EAAS;UACP,IAAIL,qBAAA,EAAuBK,OAAA,IAAW,CAAC,CAAC;UACxCC,KAAA,EAAO;YACL,IAAIN,qBAAA,EAAuBK,OAAA,EAASC,KAAA,IAAS,CAAC,CAAC;UACjD;UACAC,QAAA,EAAU;YACR,IAAIP,qBAAA,EAAuBK,OAAA,EAASE,QAAA,IAAY,CAAC,CAAC;YAClD,iCAAiC;YACjC,oBAAoB;YACpBC,IAAA,EAAM;YACNC,QAAA,EAAU;YACV,6BAA6B;YAC7BC,MAAA,EAAQ;YACR,kBAAkB;YAClB,eAAe;UACjB;QACF;MACF;IACF;EACF;EAEA,IAAI/B,UAAA,CAAWgC,QAAQ,EAAE;IACvB1B,QAAA,CAASC,GAAG,CAAC0B,cAAc,GAAGjC,UAAA,CAAWgC,QAAQ;EACnD;EAEA,OAAO1B,QAAA;AACT;MAEAR,QAAA,GAAeC,WAAA","ignoreList":[]}

package/dist/config.d.ts

@@ -1,4 +1,4 @@
-import type { SanitizedConfig } from 'payload/config';
+import type { SanitizedConfig } from 'payload';
 declare const _default: Promise<SanitizedConfig>;
 export default _default;
 //# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;;AAErD,wBAA6C"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;wBAEzB,OAAO,CAAC,eAAe,CAAC;AAA7C,wBAA6C"}

package/dist/config.js

@@ -1,3 +1,2 @@
 export default {};
-
 //# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/config.ts"],"sourcesContent":["import type { SanitizedConfig } from 'payload/config'\n\nexport default {} as Promise<SanitizedConfig>\n"],"names":[],"rangeMappings":"","mappings":"AAEA,eAAe,CAAC,EAA6B"}
+{"version":3,"file":"config.js","names":[],"sources":["../src/config.ts"],"sourcesContent":["import type { SanitizedConfig } from 'payload'\n\nexport default {} as Promise<SanitizedConfig>\n"],"mappings":"AAEA,eAAe,CAAC","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import type React from 'react';
+export declare const ShouldRenderTabs: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=ShouldRenderTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShouldRenderTabs.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/ShouldRenderTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAWA,CAAA"}

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

@@ -0,0 +1,19 @@
+'use client';
+
+import { useDocumentInfo } from '@payloadcms/ui';
+export const ShouldRenderTabs = t0 => {
+  const {
+    children
+  } = t0;
+  const {
+    id: idFromContext,
+    collectionSlug,
+    globalSlug
+  } = useDocumentInfo();
+  const id = idFromContext !== "create" ? idFromContext : null;
+  if (collectionSlug && id || globalSlug) {
+    return children;
+  }
+  return null;
+};
+//# sourceMappingURL=ShouldRenderTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShouldRenderTabs.js","names":["useDocumentInfo","ShouldRenderTabs","t0","children","id","idFromContext","collectionSlug","globalSlug"],"sources":["../../../../src/elements/DocumentHeader/Tabs/ShouldRenderTabs.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useDocumentInfo } from '@payloadcms/ui'\n\nexport const ShouldRenderTabs: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => {\n  const { id: idFromContext, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const id = idFromContext !== 'create' ? idFromContext : null\n\n  // Don't show tabs when creating new documents\n  if ((collectionSlug && id) || globalSlug) {\n    return children\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAGA,SAASA,eAAe,QAAQ;AAEhC,OAAO,MAAMC,gBAAA,GAERC,EAAA;EAAC;IAAAC;EAAA,IAAAD,EAAY;EAChB;IAAAE,EAAA,EAAAC,aAAA;IAAAC,cAAA;IAAAC;EAAA,IAA0DP,eAAA;EAE1D,MAAAI,EAAA,GAAWC,aAAA,KAAkB,WAAWA,aAAA,OAAgB;EAAA,IAGpDC,cAAC,IAAkBF,EAAA,IAAOG,UAAA;IAAA,OACrBJ,QAAA;EAAA;EAAA;AAAA,CAIX","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.d.ts

@@ -0,0 +1,13 @@
+import type { SanitizedConfig } from 'payload';
+import React from 'react';
+export declare const DocumentTabLink: React.FC<{
+    adminRoute: SanitizedConfig['routes']['admin'];
+    ariaLabel?: string;
+    baseClass: string;
+    children?: React.ReactNode;
+    href: string;
+    isActive?: boolean;
+    isCollection?: boolean;
+    newTab?: boolean;
+}>;
+//# sourceMappingURL=TabLink.d.ts.map

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLink.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,UAAU,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAwDA,CAAA"}

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js

@@ -0,0 +1,112 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSearchParams } from '@payloadcms/ui';
+import { formatAdminURL } from '@payloadcms/ui/shared';
+import LinkImport from 'next/link.js';
+import { useParams, usePathname } from 'next/navigation.js';
+import React from 'react';
+const Link = LinkImport.default || LinkImport;
+export const DocumentTabLink = t0 => {
+  const $ = _c(21);
+  const {
+    adminRoute,
+    ariaLabel,
+    baseClass,
+    children,
+    href: hrefFromProps,
+    isActive: isActiveFromProps,
+    newTab
+  } = t0;
+  const pathname = usePathname();
+  const params = useParams();
+  const {
+    searchParams
+  } = useSearchParams();
+  const locale = "locale" in searchParams && typeof searchParams.locale === "string" ? searchParams.locale : undefined;
+  const [entityType, entitySlug, segmentThree] = params.segments || [];
+  const isCollection = entityType === "collections";
+  const t1 = `/${isCollection ? "collections" : "globals"}/${entitySlug}`;
+  let t2;
+  if ($[0] !== adminRoute || $[1] !== t1) {
+    t2 = formatAdminURL({
+      adminRoute,
+      path: t1
+    });
+    $[0] = adminRoute;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let docPath = t2;
+  if (isCollection && segmentThree) {
+    docPath = docPath + `/${segmentThree}`;
+  }
+  const href = `${docPath}${hrefFromProps}`;
+  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ""}`;
+  let t3;
+  if ($[3] !== href || $[4] !== docPath || $[5] !== pathname || $[6] !== isActiveFromProps) {
+    t3 = href === docPath && pathname === docPath || href !== docPath && pathname.startsWith(href) || isActiveFromProps;
+    $[3] = href;
+    $[4] = docPath;
+    $[5] = pathname;
+    $[6] = isActiveFromProps;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const isActive = t3;
+  const t4 = isActive && `${baseClass}--active`;
+  let t5;
+  if ($[8] !== baseClass || $[9] !== t4) {
+    t5 = [baseClass, t4].filter(Boolean);
+    $[8] = baseClass;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  const t6 = t5.join(" ");
+  const t7 = `${baseClass}__link`;
+  const t8 = !isActive || href !== pathname ? hrefWithLocale : "";
+  let t9;
+  if ($[11] !== newTab) {
+    t9 = newTab && {
+      rel: "noopener noreferrer",
+      target: "_blank"
+    };
+    $[11] = newTab;
+    $[12] = t9;
+  } else {
+    t9 = $[12];
+  }
+  const t10 = isActive ? -1 : 0;
+  let t11;
+  if ($[13] !== t7 || $[14] !== t8 || $[15] !== t9 || $[16] !== t10 || $[17] !== children || $[18] !== ariaLabel || $[19] !== t6) {
+    t11 = _jsx("li", {
+      "aria-label": ariaLabel,
+      className: t6,
+      children: _jsx(Link, {
+        className: t7,
+        href: t8,
+        ...t9,
+        tabIndex: t10,
+        children
+      })
+    });
+    $[13] = t7;
+    $[14] = t8;
+    $[15] = t9;
+    $[16] = t10;
+    $[17] = children;
+    $[18] = ariaLabel;
+    $[19] = t6;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  return t11;
+};
+//# sourceMappingURL=TabLink.js.map

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLink.js","names":["c","_c","useSearchParams","formatAdminURL","LinkImport","useParams","usePathname","React","Link","default","DocumentTabLink","t0","$","adminRoute","ariaLabel","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","searchParams","locale","undefined","entityType","entitySlug","segmentThree","segments","isCollection","t1","t2","path","docPath","hrefWithLocale","t3","startsWith","t4","t5","filter","Boolean","t6","join","t7","t8","t9","rel","target","t10","t11","_jsx","className","tabIndex"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedConfig } from 'payload'\n\nimport { useSearchParams } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport { useParams, usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DocumentTabLink: React.FC<{\n  adminRoute: SanitizedConfig['routes']['admin']\n  ariaLabel?: string\n  baseClass: string\n  children?: React.ReactNode\n  href: string\n  isActive?: boolean\n  isCollection?: boolean\n  newTab?: boolean\n}> = ({\n  adminRoute,\n  ariaLabel,\n  baseClass,\n  children,\n  href: hrefFromProps,\n  isActive: isActiveFromProps,\n  newTab,\n}) => {\n  const pathname = usePathname()\n  const params = useParams()\n\n  const { searchParams } = useSearchParams()\n\n  const locale =\n    'locale' in searchParams && typeof searchParams.locale === 'string'\n      ? searchParams.locale\n      : undefined\n\n  const [entityType, entitySlug, segmentThree, segmentFour, ...rest] = params.segments || []\n  const isCollection = entityType === 'collections'\n\n  let docPath = formatAdminURL({\n    adminRoute,\n    path: `/${isCollection ? 'collections' : 'globals'}/${entitySlug}`,\n  })\n\n  if (isCollection && segmentThree) {\n    // doc ID\n    docPath += `/${segmentThree}`\n  }\n\n  const href = `${docPath}${hrefFromProps}`\n  // separated the two so it doesn't break checks against pathname\n  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`\n\n  const isActive =\n    (href === docPath && pathname === docPath) ||\n    (href !== docPath && pathname.startsWith(href)) ||\n    isActiveFromProps\n\n  return (\n    <li\n      aria-label={ariaLabel}\n      className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}\n    >\n      <Link\n        className={`${baseClass}__link`}\n        href={!isActive || href !== pathname ? hrefWithLocale : ''}\n        {...(newTab && { rel: 'noopener noreferrer', target: '_blank' })}\n        tabIndex={isActive ? -1 : 0}\n      >\n        {children}\n      </Link>\n    </li>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import type { DocumentTabConfig, DocumentTabProps } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare const baseClass = "doc-tab";
+export declare const DocumentTab: React.FC<{
+    readonly Pill_Component?: React.FC;
+} & DocumentTabConfig & DocumentTabProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGlE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,YAAY,CAAA;AAElC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAChC;IAAE,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CAAE,GAAG,iBAAiB,GAAG,gBAAgB,CAqF9E,CAAA"}

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

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared';
+import React, { Fragment } from 'react';
+import { DocumentTabLink } from './TabLink.js';
+export const baseClass = 'doc-tab';
+export const DocumentTab = props => {
+  const {
+    Pill,
+    Pill_Component,
+    apiURL,
+    collectionConfig,
+    condition,
+    globalConfig,
+    href: tabHref,
+    i18n,
+    isActive: tabIsActive,
+    label,
+    newTab,
+    payload,
+    permissions
+  } = props;
+  const {
+    config
+  } = payload;
+  const {
+    routes
+  } = config;
+  let href = typeof tabHref === 'string' ? tabHref : '';
+  let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false;
+  if (typeof tabHref === 'function') {
+    href = tabHref({
+      apiURL,
+      collection: collectionConfig,
+      global: globalConfig,
+      routes
+    });
+  }
+  if (typeof tabIsActive === 'function') {
+    isActive = tabIsActive({
+      href
+    });
+  }
+  const meetsCondition = !condition || condition && Boolean(condition({
+    collectionConfig,
+    config,
+    globalConfig,
+    permissions
+  }));
+  if (meetsCondition) {
+    const labelToRender = typeof label === 'function' ? label({
+      t: i18n.t
+    }) : label;
+    const createMappedComponent = getCreateMappedComponent({
+      importMap: payload.importMap,
+      serverProps: {
+        i18n,
+        payload,
+        permissions
+      }
+    });
+    const mappedPin = createMappedComponent(Pill, undefined, Pill_Component, 'Pill');
+    return /*#__PURE__*/_jsx(DocumentTabLink, {
+      adminRoute: routes.admin,
+      ariaLabel: labelToRender,
+      baseClass: baseClass,
+      href: href,
+      isActive: isActive,
+      isCollection: !!collectionConfig && !globalConfig,
+      newTab: newTab,
+      children: /*#__PURE__*/_jsxs("span", {
+        className: `${baseClass}__label`,
+        children: [labelToRender, mappedPin && /*#__PURE__*/_jsxs(Fragment, {
+          children: [" ", /*#__PURE__*/_jsx(RenderComponent, {
+            mappedComponent: mappedPin
+          })]
+        })]
+      })
+    });
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["RenderComponent","getCreateMappedComponent","React","Fragment","DocumentTabLink","baseClass","DocumentTab","props","Pill","Pill_Component","apiURL","collectionConfig","condition","globalConfig","href","tabHref","i18n","isActive","tabIsActive","label","newTab","payload","permissions","config","routes","collection","global","meetsCondition","Boolean","labelToRender","t","createMappedComponent","importMap","serverProps","mappedPin","undefined","_jsx","adminRoute","admin","ariaLabel","isCollection","_jsxs","className","mappedComponent"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, DocumentTabProps } from 'payload'\n\nimport { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport { DocumentTabLink } from './TabLink.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-tab'\n\nexport const DocumentTab: React.FC<\n  { readonly Pill_Component?: React.FC } & DocumentTabConfig & DocumentTabProps\n> = (props) => {\n  const {\n    Pill,\n    Pill_Component,\n    apiURL,\n    collectionConfig,\n    condition,\n    globalConfig,\n    href: tabHref,\n    i18n,\n    isActive: tabIsActive,\n    label,\n    newTab,\n    payload,\n    permissions,\n  } = props\n  const { config } = payload\n  const { routes } = config\n\n  let href = typeof tabHref === 'string' ? tabHref : ''\n  let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false\n\n  if (typeof tabHref === 'function') {\n    href = tabHref({\n      apiURL,\n      collection: collectionConfig,\n      global: globalConfig,\n      routes,\n    })\n  }\n\n  if (typeof tabIsActive === 'function') {\n    isActive = tabIsActive({\n      href,\n    })\n  }\n\n  const meetsCondition =\n    !condition ||\n    (condition && Boolean(condition({ collectionConfig, config, globalConfig, permissions })))\n\n  if (meetsCondition) {\n    const labelToRender =\n      typeof label === 'function'\n        ? label({\n            t: i18n.t,\n          })\n        : label\n\n    const createMappedComponent = getCreateMappedComponent({\n      importMap: payload.importMap,\n      serverProps: {\n        i18n,\n        payload,\n        permissions,\n      },\n    })\n\n    const mappedPin = createMappedComponent(Pill, undefined, Pill_Component, 'Pill')\n\n    return (\n      <DocumentTabLink\n        adminRoute={routes.admin}\n        ariaLabel={labelToRender}\n        baseClass={baseClass}\n        href={href}\n        isActive={isActive}\n        isCollection={!!collectionConfig && !globalConfig}\n        newTab={newTab}\n      >\n        <span className={`${baseClass}__label`}>\n          {labelToRender}\n          {mappedPin && (\n            <Fragment>\n              &nbsp;\n              <RenderComponent mappedComponent={mappedPin} />\n            </Fragment>\n          )}\n        </span>\n      </DocumentTabLink>\n    )\n  }\n\n  return null\n}\n"],"mappings":";AAEA,SAASA,eAAe,EAAEC,wBAAwB,QAAQ;AAC1D,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,eAAe,QAAQ;AAGhC,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,MAAMC,WAAA,GAERC,KAAA;EACH,MAAM;IACJC,IAAI;IACJC,cAAc;IACdC,MAAM;IACNC,gBAAgB;IAChBC,SAAS;IACTC,YAAY;IACZC,IAAA,EAAMC,OAAO;IACbC,IAAI;IACJC,QAAA,EAAUC,WAAW;IACrBC,KAAK;IACLC,MAAM;IACNC,OAAO;IACPC;EAAW,CACZ,GAAGf,KAAA;EACJ,MAAM;IAAEgB;EAAM,CAAE,GAAGF,OAAA;EACnB,MAAM;IAAEG;EAAM,CAAE,GAAGD,MAAA;EAEnB,IAAIT,IAAA,GAAO,OAAOC,OAAA,KAAY,WAAWA,OAAA,GAAU;EACnD,IAAIE,QAAA,GAAW,OAAOC,WAAA,KAAgB,YAAYA,WAAA,GAAc;EAEhE,IAAI,OAAOH,OAAA,KAAY,YAAY;IACjCD,IAAA,GAAOC,OAAA,CAAQ;MACbL,MAAA;MACAe,UAAA,EAAYd,gBAAA;MACZe,MAAA,EAAQb,YAAA;MACRW;IACF;EACF;EAEA,IAAI,OAAON,WAAA,KAAgB,YAAY;IACrCD,QAAA,GAAWC,WAAA,CAAY;MACrBJ;IACF;EACF;EAEA,MAAMa,cAAA,GACJ,CAACf,SAAA,IACAA,SAAA,IAAagB,OAAA,CAAQhB,SAAA,CAAU;IAAED,gBAAA;IAAkBY,MAAA;IAAQV,YAAA;IAAcS;EAAY;EAExF,IAAIK,cAAA,EAAgB;IAClB,MAAME,aAAA,GACJ,OAAOV,KAAA,KAAU,aACbA,KAAA,CAAM;MACJW,CAAA,EAAGd,IAAA,CAAKc;IACV,KACAX,KAAA;IAEN,MAAMY,qBAAA,GAAwB9B,wBAAA,CAAyB;MACrD+B,SAAA,EAAWX,OAAA,CAAQW,SAAS;MAC5BC,WAAA,EAAa;QACXjB,IAAA;QACAK,OAAA;QACAC;MACF;IACF;IAEA,MAAMY,SAAA,GAAYH,qBAAA,CAAsBvB,IAAA,EAAM2B,SAAA,EAAW1B,cAAA,EAAgB;IAEzE,oBACE2B,IAAA,CAAChC,eAAA;MACCiC,UAAA,EAAYb,MAAA,CAAOc,KAAK;MACxBC,SAAA,EAAWV,aAAA;MACXxB,SAAA,EAAWA,SAAA;MACXS,IAAA,EAAMA,IAAA;MACNG,QAAA,EAAUA,QAAA;MACVuB,YAAA,EAAc,CAAC,CAAC7B,gBAAA,IAAoB,CAACE,YAAA;MACrCO,MAAA,EAAQA,MAAA;gBAER,aAAAqB,KAAA,CAAC;QAAKC,SAAA,EAAW,GAAGrC,SAAA,SAAkB;mBACnCwB,aAAA,EACAK,SAAA,iBACCO,KAAA,CAACtC,QAAA;qBAAS,K,aAERiC,IAAA,CAACpC,eAAA;YAAgB2C,eAAA,EAAiBT;;;;;EAM9C;EAEA,OAAO;AACT","ignoreList":[]}

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

@@ -0,0 +1,93 @@
+@import '../../../../scss/styles.scss';
+
+.doc-tab {
+  @extend %h5;
+  position: relative;
+
+  &__link {
+    text-decoration: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    white-space: nowrap;
+
+    // Use a pseudo element for the accessability so that it doesn't take up DOM space
+    // Also because the parent element has `overflow: hidden` which would clip an outline
+    &:focus-visible::after {
+      content: '';
+      border: var(--accessibility-outline);
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      pointer-events: none;
+    }
+  }
+
+  &:focus:not(:focus-visible) {
+    opacity: 1;
+  }
+
+  &::before {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    border-radius: var(--style-radius-s);
+    background-color: var(--theme-elevation-50);
+    opacity: 0;
+  }
+
+  &:hover {
+    &::before {
+      opacity: 1;
+    }
+
+    .doc-tab__count {
+      background-color: var(--theme-elevation-150);
+    }
+  }
+
+  &--active {
+    font-weight: 600;
+    &::before {
+      opacity: 1;
+      background-color: var(--theme-elevation-100);
+    }
+
+    .doc-tab {
+      &__count {
+        background-color: var(--theme-elevation-250);
+      }
+    }
+
+    &:hover {
+      .doc-tab {
+        &__count {
+          background-color: var(--theme-elevation-250);
+        }
+      }
+    }
+  }
+
+  &__label {
+    display: flex;
+    position: relative;
+    align-items: center;
+    gap: 4px;
+    width: 100%;
+    height: 100%;
+    line-height: base(1.2);
+    padding: base(0.2) base(0.6);
+  }
+
+  &__count {
+    line-height: base(0.8);
+    min-width: base(0.8);
+    text-align: center;
+    background-color: var(--theme-elevation-100);
+    border-radius: var(--style-radius-s);
+  }
+}

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

@@ -0,0 +1,6 @@
+import type { EditViewConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+export declare const getCustomViews: (args: {
+    collectionConfig: SanitizedCollectionConfig;
+    globalConfig: SanitizedGlobalConfig;
+}) => EditViewConfig[];
+//# sourceMappingURL=getCustomViews.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCustomViews.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/getCustomViews.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAI/F,eAAO,MAAM,cAAc,SAAU;IACnC,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,YAAY,EAAE,qBAAqB,CAAA;CACpC,KAAG,cAAc,EAsCjB,CAAA"}

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

@@ -0,0 +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;
+};
+//# sourceMappingURL=getCustomViews.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,7 @@
+import type { EditViewConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+export declare const getViewConfig: (args: {
+    collectionConfig: SanitizedCollectionConfig;
+    globalConfig: SanitizedGlobalConfig;
+    name: string;
+}) => EditViewConfig;
+//# sourceMappingURL=getViewConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getViewConfig.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/getViewConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/F,eAAO,MAAM,aAAa,SAAU;IAClC,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,YAAY,EAAE,qBAAqB,CAAA;IACnC,IAAI,EAAE,MAAM,CAAA;CACb,KAAG,cAwBH,CAAA"}

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

@@ -0,0 +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;
+};
+//# sourceMappingURL=getViewConfig.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+import type { I18n } from '@payloadcms/translations';
+import type { Payload, Permissions, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare const DocumentTabs: React.FC<{
+    collectionConfig: SanitizedCollectionConfig;
+    globalConfig: SanitizedGlobalConfig;
+    i18n: I18n;
+    payload: Payload;
+    permissions: Permissions;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,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;AAMzB,OAAO,cAAc,CAAA;AAKrB,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,CAoGA,CAAA"}