@payloadcms/next 3.0.0-canary.ff8c8fd → 3.0.0

package/dist/cjs/withPayload.cjs

@@ -0,0 +1,166 @@
+/**
+ * @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 = {})=>{
+    const env = nextConfig?.env || {};
+    if (nextConfig.experimental?.staleTimes?.dynamic) {
+        console.warn('Payload detected a non-zero value for the `staleTimes.dynamic` option in your Next.js config. This will slow down page transitions and may cause stale data to load within 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.');
+        env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH = 'true';
+    }
+    if (process.env.PAYLOAD_PATCH_TURBOPACK_WARNINGS !== 'false') {
+        const consoleWarn = console.warn;
+        console.warn = (...args)=>{
+            // Force to disable serverExternalPackages warnings: https://github.com/vercel/next.js/issues/68805
+            if (typeof args[1] === 'string' && args[1].includes('Packages that should be external need to be installed in the project directory, so they can be resolved from the output files.\nTry to install it into the project directory by running')) {
+                return;
+            }
+            consoleWarn(...args);
+        };
+    }
+    const poweredByHeader = {
+        key: 'X-Powered-By',
+        value: 'Next.js, Payload'
+    };
+    /**
+   * @type {import('next').NextConfig}
+   */ const toReturn = {
+        ...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'
+                }
+            }
+        },
+        // We disable the poweredByHeader here because we add it manually in the headers function below
+        ...nextConfig?.poweredByHeader !== false ? {
+            poweredByHeader: false
+        } : {},
+        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'
+                        },
+                        ...nextConfig?.poweredByHeader !== false ? [
+                            poweredByHeader
+                        ] : []
+                    ]
+                }
+            ];
+        },
+        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.cjs.map

package/dist/cjs/withPayload.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/withPayload.js"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;;;;;;;IAoJH,OAA0B;eAA1B;;IAnJa,WAAW;eAAX;;;AAAN,MAAM,cAAc,CAAC,aAAa,CAAC,CAAC;IACzC,MAAM,MAAM,YAAY,OAAO,CAAC;IAEhC,IAAI,WAAW,YAAY,EAAE,YAAY,SAAS;QAChD,QAAQ,IAAI,CACV;QAEF,IAAI,uCAAuC,GAAG;IAChD;IAEA,IAAI,QAAQ,GAAG,CAAC,gCAAgC,KAAK,SAAS;QAC5D,MAAM,cAAc,QAAQ,IAAI;QAEhC,QAAQ,IAAI,GAAG,CAAC,GAAG;YACjB,mGAAmG;YACnG,IACE,OAAO,IAAI,CAAC,EAAE,KAAK,YACnB,IAAI,CAAC,EAAE,CAAC,QAAQ,CACd,4LAEF;gBACA;YACF;YAEA,eAAe;QACjB;IACF;IAEA,MAAM,kBAAkB;QACtB,KAAK;QACL,OAAO;IACT;IAEA;;GAEC,GACD,MAAM,WAAW;QACf,GAAG,UAAU;QACb;QACA,2BAA2B;YACzB,GAAI,YAAY,6BAA6B,CAAC,CAAC;YAC/C,QAAQ;mBACF,YAAY,2BAA2B,CAAC,OAAO,IAAI,EAAE;gBACzD;gBACA;aACD;QACH;QACA,2BAA2B;YACzB,GAAI,YAAY,6BAA6B,CAAC,CAAC;YAC/C,QAAQ;mBAAK,YAAY,2BAA2B,CAAC,OAAO,IAAI,EAAE;gBAAG;aAAiB;QACxF;QACA,cAAc;YACZ,GAAI,YAAY,gBAAgB,CAAC,CAAC;YAClC,OAAO;gBACL,GAAI,YAAY,cAAc,SAAS,CAAC,CAAC;gBACzC,cAAc;oBACZ,GAAI,YAAY,cAAc,OAAO,gBAAgB,CAAC,CAAC;oBACvD,wBAAwB;gBAC1B;YACF;QACF;QACA,+FAA+F;QAC/F,GAAI,YAAY,oBAAoB,QAAQ;YAAE,iBAAiB;QAAM,IAAI,CAAC,CAAC;QAC3E,SAAS;YACP,MAAM,oBAAoB,aAAa,aAAa,MAAM,WAAW,OAAO,KAAK,EAAE;YAEnF,OAAO;mBACD,qBAAqB,EAAE;gBAC3B;oBACE,QAAQ;oBACR,SAAS;wBACP;4BACE,KAAK;4BACL,OAAO;wBACT;wBACA;4BACE,KAAK;4BACL,OAAO;wBACT;wBACA;4BACE,KAAK;4BACL,OAAO;wBACT;2BACI,YAAY,oBAAoB,QAAQ;4BAAC;yBAAgB,GAAG,EAAE;qBACnE;gBACH;aACD;QACH;QACA,wBAAwB;eAClB,YAAY,0BAA0B,EAAE;YAC5C;YACA;YACA;YACA;YACA;YACA;SACD;QACD,SAAS,CAAC,eAAe;YACvB,MAAM,wBACJ,OAAO,WAAW,OAAO,KAAK,aAC1B,WAAW,OAAO,CAAC,eAAe,kBAClC;YAEN,OAAO;gBACL,GAAG,qBAAqB;gBACxB,WAAW;uBACL,uBAAuB,aAAa,EAAE;oBAC1C;oBACA;oBACA;oBACA;iBACD;gBACD,gBAAgB;uBACV,uBAAuB,kBAAkB,EAAE;oBAC/C;wBAAE,QAAQ;oBAAwC;oBAClD;wBAAE,MAAM;oBAAwC;oBAChD;wBAAE,QAAQ;oBAAuC;oBACjD;wBAAE,MAAM;oBAAuC;iBAChD;gBACD,SAAS;oBACP,GAAI,uBAAuB,WAAW,CAAC,CAAC;oBACxC,OAAO;wBACL,GAAI,uBAAuB,SAAS,SAAS,CAAC,CAAC;oBACjD;oBACA,UAAU;wBACR,GAAI,uBAAuB,SAAS,YAAY,CAAC,CAAC;wBAClD,iCAAiC;wBACjC,oBAAoB;wBACpB,MAAM;wBACN,UAAU;wBACV,6BAA6B;wBAC7B,QAAQ;wBACR,kBAAkB;wBAClB,eAAe;oBACjB;gBACF;YACF;QACF;IACF;IAEA,IAAI,WAAW,QAAQ,EAAE;QACvB,SAAS,GAAG,CAAC,cAAc,GAAG,WAAW,QAAQ;IACnD;IAEA,OAAO;AACT;MAEA,WAAe","file":"withPayload.cjs","sourcesContent":["/**\n * @param {import('next').NextConfig} nextConfig\n *\n * @returns {import('next').NextConfig}\n * */\nexport const withPayload = (nextConfig = {}) => {\n  const env = nextConfig?.env || {}\n\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 will slow down page transitions and may cause stale data to load within 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    env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH = 'true'\n  }\n\n  if (process.env.PAYLOAD_PATCH_TURBOPACK_WARNINGS !== 'false') {\n    const consoleWarn = console.warn\n\n    console.warn = (...args) => {\n      // Force to disable serverExternalPackages warnings: https://github.com/vercel/next.js/issues/68805\n      if (\n        typeof args[1] === 'string' &&\n        args[1].includes(\n          'Packages that should be external need to be installed in the project directory, so they can be resolved from the output files.\\nTry to install it into the project directory by running',\n        )\n      ) {\n        return\n      }\n\n      consoleWarn(...args)\n    }\n  }\n\n  const poweredByHeader = {\n    key: 'X-Powered-By',\n    value: 'Next.js, Payload',\n  }\n\n  /**\n   * @type {import('next').NextConfig}\n   */\n  const toReturn = {\n    ...nextConfig,\n    env,\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    // We disable the poweredByHeader here because we add it manually in the headers function below\n    ...(nextConfig?.poweredByHeader !== false ? { poweredByHeader: false } : {}),\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            ...(nextConfig?.poweredByHeader !== false ? [poweredByHeader] : []),\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"]}

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

@@ -1 +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"}
+{"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,CAyDA,CAAA"}

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

@@ -91,6 +91,7 @@ export const DocumentTabLink = t0 => {
       children: _jsx(Link, {
         className: t7,
         href: t8,
+        prefetch: false,
         ...t9,
         tabIndex: t10,
         children

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

@@ -1 +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":[]}
+{"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","prefetch","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        prefetch={false}\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

@@ -1,5 +1,5 @@
 import type { DocumentTabConfig, DocumentTabProps } from 'payload';
-import React from 'react';
+import type React from 'react';
 import './index.scss';
 export declare const baseClass = "doc-tab";
 export declare const DocumentTab: React.FC<{

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

@@ -1 +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"}
+{"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;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,cAAc,CAAA;AAGrB,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,CAmF9E,CAAA"}

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

@@ -1,12 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared';
-import React, { Fragment } from 'react';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { Fragment } from 'react';
 import { DocumentTabLink } from './TabLink.js';
 export const baseClass = 'doc-tab';
 export const DocumentTab = props => {
   const {
-    Pill,
-    Pill_Component,
     apiURL,
     collectionConfig,
     condition,
@@ -17,7 +15,9 @@ export const DocumentTab = props => {
     label,
     newTab,
     payload,
-    permissions
+    permissions,
+    Pill,
+    Pill_Component
   } = props;
   const {
     config
@@ -50,15 +50,6 @@ export const DocumentTab = props => {
     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,
@@ -69,11 +60,18 @@ export const DocumentTab = props => {
       newTab: newTab,
       children: /*#__PURE__*/_jsxs("span", {
         className: `${baseClass}__label`,
-        children: [labelToRender, mappedPin && /*#__PURE__*/_jsxs(Fragment, {
-          children: [" ", /*#__PURE__*/_jsx(RenderComponent, {
-            mappedComponent: mappedPin
+        children: [labelToRender, Pill || Pill_Component ? /*#__PURE__*/_jsxs(Fragment, {
+          children: [" ", /*#__PURE__*/_jsx(RenderServerComponent, {
+            Component: Pill,
+            Fallback: Pill_Component,
+            importMap: payload.importMap,
+            serverProps: {
+              i18n,
+              payload,
+              permissions
+            }
           })]
-        })]
+        }) : null]
       })
     });
   }

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

@@ -1 +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":[]}
+{"version":3,"file":"index.js","names":["RenderServerComponent","Fragment","DocumentTabLink","baseClass","DocumentTab","props","apiURL","collectionConfig","condition","globalConfig","href","tabHref","i18n","isActive","tabIsActive","label","newTab","payload","permissions","Pill","Pill_Component","config","routes","collection","global","meetsCondition","Boolean","labelToRender","t","_jsx","adminRoute","admin","ariaLabel","isCollection","_jsxs","className","Component","Fallback","importMap","serverProps"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, DocumentTabProps } from 'payload'\nimport type React from 'react'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { Fragment } from 'react'\n\nimport './index.scss'\nimport { DocumentTabLink } from './TabLink.js'\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    apiURL,\n    collectionConfig,\n    condition,\n    globalConfig,\n    href: tabHref,\n    i18n,\n    isActive: tabIsActive,\n    label,\n    newTab,\n    payload,\n    permissions,\n    Pill,\n    Pill_Component,\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    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          {Pill || Pill_Component ? (\n            <Fragment>\n              &nbsp;\n              <RenderServerComponent\n                Component={Pill}\n                Fallback={Pill_Component}\n                importMap={payload.importMap}\n                serverProps={{\n                  i18n,\n                  payload,\n                  permissions,\n                }}\n              />\n            </Fragment>\n          ) : null}\n        </span>\n      </DocumentTabLink>\n    )\n  }\n\n  return null\n}\n"],"mappings":";AAGA,SAASA,qBAAqB,QAAQ;AACtC,SAASC,QAAQ,QAAQ;AAGzB,SAASC,eAAe,QAAQ;AAEhC,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,MAAMC,WAAA,GAERC,KAAA;EACH,MAAM;IACJC,MAAM;IACNC,gBAAgB;IAChBC,SAAS;IACTC,YAAY;IACZC,IAAA,EAAMC,OAAO;IACbC,IAAI;IACJC,QAAA,EAAUC,WAAW;IACrBC,KAAK;IACLC,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,IAAI;IACJC;EAAc,CACf,GAAGf,KAAA;EACJ,MAAM;IAAEgB;EAAM,CAAE,GAAGJ,OAAA;EACnB,MAAM;IAAEK;EAAM,CAAE,GAAGD,MAAA;EAEnB,IAAIX,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;MACAiB,UAAA,EAAYhB,gBAAA;MACZiB,MAAA,EAAQf,YAAA;MACRa;IACF;EACF;EAEA,IAAI,OAAOR,WAAA,KAAgB,YAAY;IACrCD,QAAA,GAAWC,WAAA,CAAY;MACrBJ;IACF;EACF;EAEA,MAAMe,cAAA,GACJ,CAACjB,SAAA,IACAA,SAAA,IAAakB,OAAA,CAAQlB,SAAA,CAAU;IAAED,gBAAA;IAAkBc,MAAA;IAAQZ,YAAA;IAAcS;EAAY;EAExF,IAAIO,cAAA,EAAgB;IAClB,MAAME,aAAA,GACJ,OAAOZ,KAAA,KAAU,aACbA,KAAA,CAAM;MACJa,CAAA,EAAGhB,IAAA,CAAKgB;IACV,KACAb,KAAA;IAEN,oBACEc,IAAA,CAAC3B,eAAA;MACC4B,UAAA,EAAYR,MAAA,CAAOS,KAAK;MACxBC,SAAA,EAAWL,aAAA;MACXxB,SAAA,EAAWA,SAAA;MACXO,IAAA,EAAMA,IAAA;MACNG,QAAA,EAAUA,QAAA;MACVoB,YAAA,EAAc,CAAC,CAAC1B,gBAAA,IAAoB,CAACE,YAAA;MACrCO,MAAA,EAAQA,MAAA;gBAER,aAAAkB,KAAA,CAAC;QAAKC,SAAA,EAAW,GAAGhC,SAAA,SAAkB;mBACnCwB,aAAA,EACAR,IAAA,IAAQC,cAAA,gBACPc,KAAA,CAACjC,QAAA;qBAAS,K,aAER4B,IAAA,CAAC7B,qBAAA;YACCoC,SAAA,EAAWjB,IAAA;YACXkB,QAAA,EAAUjB,cAAA;YACVkB,SAAA,EAAWrB,OAAA,CAAQqB,SAAS;YAC5BC,WAAA,EAAa;cACX3B,IAAA;cACAK,OAAA;cACAC;YACF;;aAGF;;;EAIZ;EAEA,OAAO;AACT","ignoreList":[]}

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

@@ -1,93 +1,95 @@
 @import '../../../../scss/styles.scss';
 
-.doc-tab {
-  @extend %h5;
-  position: relative;
+@layer payload-default {
+  .doc-tab {
+    @extend %h5;
+    position: relative;
 
-  &__link {
-    text-decoration: none;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    white-space: nowrap;
+    &__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;
+      // 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 {
+    &:focus:not(:focus-visible) {
       opacity: 1;
     }
 
-    .doc-tab__count {
-      background-color: var(--theme-elevation-150);
-    }
-  }
-
-  &--active {
-    font-weight: 600;
     &::before {
-      opacity: 1;
-      background-color: var(--theme-elevation-100);
+      content: '';
+      display: block;
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      border-radius: var(--style-radius-s);
+      background-color: var(--theme-elevation-50);
+      opacity: 0;
     }
 
-    .doc-tab {
-      &__count {
-        background-color: var(--theme-elevation-250);
+    &:hover {
+      &::before {
+        opacity: 1;
+      }
+
+      .doc-tab__count {
+        background-color: var(--theme-elevation-150);
       }
     }
 
-    &:hover {
+    &--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);
-  }
+    &__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);
+    &__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/index.d.ts

@@ -1,5 +1,5 @@
 import type { I18n } from '@payloadcms/translations';
-import type { Payload, Permissions, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+import type { Payload, SanitizedCollectionConfig, SanitizedGlobalConfig, SanitizedPermissions } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const DocumentTabs: React.FC<{
@@ -7,6 +7,6 @@ export declare const DocumentTabs: React.FC<{
     globalConfig: SanitizedGlobalConfig;
     i18n: I18n;
     payload: Payload;
-    permissions: Permissions;
+    permissions: SanitizedPermissions;
 }>;
 //# 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,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"}
+{"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,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,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,oBAAoB,CAAA;CAClC,CA6FA,CAAA"}

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 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 => {
@@ -30,7 +30,13 @@ export const DocumentTabs = props => {
         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;
+            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({
@@ -63,24 +69,19 @@ export const DocumentTabs = props => {
                 tab
               } = CustomView;
               if (tab.Component) {
-                const createMappedComponent = getCreateMappedComponent({
+                return /*#__PURE__*/_jsx(RenderServerComponent, {
+                  clientProps: {
+                    path
+                  },
+                  Component: tab.Component,
                   importMap: payload.importMap,
                   serverProps: {
+                    collectionConfig,
+                    globalConfig,
                     i18n,
                     payload,
-                    permissions,
-                    ...props,
-                    key: `tab-custom-${index}`,
-                    path
+                    permissions
                   }
-                });
-                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, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RenderComponent","getCreateMappedComponent","React","ShouldRenderTabs","DocumentTab","getCustomViews","getViewConfig","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 { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared'\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  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) 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\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":[]}
+{"version":3,"file":"index.js","names":["RenderServerComponent","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","clientProps","importMap","serverProps"],"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Payload,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\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: SanitizedPermissions\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                  return (\n                    <RenderServerComponent\n                      clientProps={{\n                        path,\n                      }}\n                      Component={tab.Component}\n                      importMap={payload.importMap}\n                      key={`tab-custom-${index}`}\n                      serverProps={{\n                        collectionConfig,\n                        globalConfig,\n                        i18n,\n                        payload,\n                        permissions,\n                      }}\n                    />\n                  )\n                }\n\n                return (\n                  <DocumentTab\n                    key={`tab-custom-${index}`}\n                    {...{\n                      ...props,\n                      ...tab,\n                    }}\n                  />\n                )\n              }\n\n              return null\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"mappings":";AAQA,SAASA,qBAAqB,QAAQ;AACtC,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAE9B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,IAAA,IAAQC,WAAW,QAAQ;AAEpC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAMPC,KAAA;EACJ,MAAM;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAW,CAAE,GAAGL,KAAA;EACvE,MAAM;IAAEM;EAAM,CAAE,GAAGF,OAAA;EAEnB,MAAMG,WAAA,GAAcf,cAAA,CAAe;IAAES,gBAAA;IAAkBC;EAAa;EAEpE,oBACEM,IAAA,CAACd,gBAAA;cACC,aAAAc,IAAA,CAAC;MAAIC,SAAA,EAAWX,SAAA;gBACd,aAAAU,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAGX,SAAA,kBAA2B;kBAC5C,aAAAY,KAAA,CAAC;UAAGD,SAAA,EAAW,GAAGX,SAAA,QAAiB;qBAChCa,MAAA,CAAOC,OAAO,CAACf,WAAA,GAIZgB,IAAA,CAAK,CAAC,GAAGC,CAAA,CAAE,EAAE,GAAGC,CAAA,CAAE;YAClB,IAAID,CAAA,CAAEE,KAAK,KAAKC,SAAA,IAAaF,CAAA,CAAEC,KAAK,KAAKC,SAAA,EAAW;cAClD,OAAO;YACT,OAAO,IAAIH,CAAA,CAAEE,KAAK,KAAKC,SAAA,EAAW;cAChC,OAAO;YACT,OAAO,IAAIF,CAAA,CAAEC,KAAK,KAAKC,SAAA,EAAW;cAChC,OAAO,CAAC;YACV;YACA,OAAOH,CAAA,CAAEE,KAAK,GAAGD,CAAA,CAAEC,KAAK;UAC1B,IACEE,GAAA,CAAI,CAAC,CAACC,IAAA,EAAMC,GAAA,CAAI,EAAEC,KAAA;YAClB,MAAMC,UAAA,GAAa7B,aAAA,CAAc;cAAE0B,IAAA;cAAMlB,gBAAA;cAAkBC;YAAa;YACxE,MAAMqB,aAAA,GAAgBD,UAAA,IAAc,SAASA,UAAA,GAAaA,UAAA,CAAWF,GAAG,GAAGH,SAAA;YAE3E,MAAM;cAAEO;YAAS,CAAE,GAAGD,aAAA,IAAiB,CAAC;YAExC,MAAME,cAAA,GACJ,CAACD,SAAA,IACAA,SAAA,IACCE,OAAA,CAAQF,SAAA,CAAU;cAAEvB,gBAAA;cAAkBK,MAAA;cAAQJ,YAAA;cAAcG;YAAY;YAE5E,IAAIoB,cAAA,EAAgB;cAClB,oBACEjB,IAAA,CAACb,WAAA;gBAGG,GAAGK,KAAK;gBACR,IAAIoB,GAAA,IAAO,CAAC,CAAC;gBACb,IAAIG,aAAA,IAAiB,CAAC,CAAC;iBAJpB,OAAOF,KAAA,EAAO;YAQzB;YAEA,OAAO;UACT,IACDd,WAAA,EAAaW,GAAA,CAAI,CAACS,UAAA,EAAYN,KAAA;YAC7B,IAAI,SAASM,UAAA,EAAY;cACvB,MAAM;gBAAEC,IAAI;gBAAER;cAAG,CAAE,GAAGO,UAAA;cAEtB,IAAIP,GAAA,CAAIS,SAAS,EAAE;gBACjB,oBACErB,IAAA,CAAClB,qBAAA;kBACCwC,WAAA,EAAa;oBACXF;kBACF;kBACAC,SAAA,EAAWT,GAAA,CAAIS,SAAS;kBACxBE,SAAA,EAAW3B,OAAA,CAAQ2B,SAAS;kBAE5BC,WAAA,EAAa;oBACX/B,gBAAA;oBACAC,YAAA;oBACAC,IAAA;oBACAC,OAAA;oBACAC;kBACF;mBAPK,cAAcgB,KAAA,EAAO;cAUhC;cAEA,oBACEb,IAAA,CAACb,WAAA;gBAGG,GAAGK,KAAK;gBACR,GAAGoB;iBAHA,cAAcC,KAAA,EAAO;YAOhC;YAEA,OAAO;UACT;;;;;AAMZ","ignoreList":[]}