@payloadcms/next 3.0.0-canary.e198dc5 → 3.0.0-canary.e1fc0e0

package/dist/cjs/withPayload.cjs

@@ -0,0 +1,145 @@
+/**
+ * @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';
+    }
+    /**
+   * @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'
+                }
+            }
+        },
+        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.cjs.map

package/dist/cjs/withPayload.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/withPayload.js"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;;;;;;;IA0HH,OAA0B;eAA1B;;IAzHa,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;;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,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;qBACD;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  /**\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    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"]}

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.scss

@@ -1,52 +1,54 @@
 @import '../../../scss/styles.scss';
 
-.doc-tabs {
-  display: flex;
-
-  &__tabs {
+@layer payload-default {
+  .doc-tabs {
     display: flex;
-    gap: calc(var(--base) / 2);
-    list-style: none;
-    align-items: center;
-    margin: 0;
-    padding-left: 0;
-  }
-
-  @include mid-break {
-    width: 100%;
-    padding: 0;
-    overflow: auto;
-
-    // this container has a gradient overlay as visual indication of `overflow: scroll`
-    &::-webkit-scrollbar {
-      display: none;
-    }
 
-    &::after {
-      content: '';
-      display: block;
-      position: sticky;
-      right: 0;
-      width: calc(var(--base) * 2);
-      height: calc(var(--base) * 2);
-      background: linear-gradient(to right, transparent, var(--theme-bg));
-      flex-shrink: 0;
-      z-index: 1111;
-      pointer-events: none;
+    &__tabs {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      list-style: none;
+      align-items: center;
+      margin: 0;
+      padding-left: 0;
     }
 
-    &__tabs {
+    @include mid-break {
+      width: 100%;
       padding: 0;
+      overflow: auto;
+
+      // this container has a gradient overlay as visual indication of `overflow: scroll`
+      &::-webkit-scrollbar {
+        display: none;
+      }
+
+      &::after {
+        content: '';
+        display: block;
+        position: sticky;
+        right: 0;
+        width: calc(var(--base) * 2);
+        height: calc(var(--base) * 2);
+        background: linear-gradient(to right, transparent, var(--theme-bg));
+        flex-shrink: 0;
+        z-index: 1111;
+        pointer-events: none;
+      }
+
+      &__tabs {
+        padding: 0;
+      }
     }
-  }
 
-  @include small-break {
-    &__tabs-container {
-      margin-right: var(--gutter-h);
-    }
+    @include small-break {
+      &__tabs-container {
+        margin-right: var(--gutter-h);
+      }
 
-    &__tabs {
-      gap: var(--gutter-h);
+      &__tabs {
+        gap: var(--gutter-h);
+      }
     }
   }
 }

package/dist/elements/DocumentHeader/index.scss

@@ -1,52 +1,54 @@
 @import '../../scss/styles.scss';
 
-.doc-header {
-  width: 100%;
-  margin-top: base(0.4);
-  padding-bottom: calc(var(--base) * 1.2);
-  display: flex;
-  align-items: center;
-  position: relative;
-  display: flex;
-  gap: calc(var(--base) / 2);
-
-  &::after {
-    content: '';
-    display: block;
-    position: absolute;
-    height: 1px;
-    background: var(--theme-elevation-100);
+@layer payload-default {
+  .doc-header {
     width: 100%;
-    left: 0;
-    top: calc(100% - 1px);
-  }
-
-  &__title {
-    flex-grow: 1;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin: 0;
-    padding-bottom: base(0.4);
-    line-height: 1;
-    vertical-align: top;
-  }
-
-  @include mid-break {
-    padding-left: 0;
-    padding-right: 0;
-    margin-top: base(0.25);
-    padding-bottom: calc(var(--base) / 1.5);
-    flex-direction: column;
+    margin-top: base(0.4);
+    padding-bottom: calc(var(--base) * 1.2);
+    display: flex;
+    align-items: center;
+    position: relative;
+    display: flex;
     gap: calc(var(--base) / 2);
-    padding-bottom: calc(var(--base) / 2);
 
-    &__title {
+    &::after {
+      content: '';
+      display: block;
+      position: absolute;
+      height: 1px;
+      background: var(--theme-elevation-100);
       width: 100%;
+      left: 0;
+      top: calc(100% - 1px);
     }
-  }
 
-  @include small-break {
-    margin-top: 0;
+    &__title {
+      flex-grow: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      margin: 0;
+      padding-bottom: base(0.4);
+      line-height: 1;
+      vertical-align: top;
+    }
+
+    @include mid-break {
+      padding-left: 0;
+      padding-right: 0;
+      margin-top: base(0.25);
+      padding-bottom: calc(var(--base) / 1.5);
+      flex-direction: column;
+      gap: calc(var(--base) / 2);
+      padding-bottom: calc(var(--base) / 2);
+
+      &__title {
+        width: 100%;
+      }
+    }
+
+    @include small-break {
+      margin-top: 0;
+    }
   }
 }

package/dist/elements/DocumentLocked/index.scss

@@ -1,37 +1,39 @@
 @import '../../scss/styles.scss';
 
-.document-locked {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-
-  &__wrapper {
-    z-index: 1;
-    position: relative;
+@layer payload-default {
+  .document-locked {
+    @include blur-bg;
     display: flex;
-    flex-direction: column;
-    gap: var(--base);
-    padding: base(2);
-  }
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      padding: base(2);
+    }
 
-    > * {
-      margin: 0;
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+
+      > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__controls {
-    display: flex;
-    gap: var(--base);
+    &__controls {
+      display: flex;
+      gap: var(--base);
 
-    .btn {
-      margin: 0;
+      .btn {
+        margin: 0;
+      }
     }
   }
 }

package/dist/elements/DocumentTakeOver/index.scss

@@ -1,37 +1,39 @@
 @import '../../scss/styles.scss';
 
-.document-take-over {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-
-  &__wrapper {
-    z-index: 1;
-    position: relative;
+@layer payload-default {
+  .document-take-over {
+    @include blur-bg;
     display: flex;
-    flex-direction: column;
-    gap: var(--base);
-    padding: base(2);
-  }
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      padding: base(2);
+    }
 
-    > * {
-      margin: 0;
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+
+      > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__controls {
-    display: flex;
-    gap: var(--base);
+    &__controls {
+      display: flex;
+      gap: var(--base);
 
-    .btn {
-      margin: 0;
+      .btn {
+        margin: 0;
+      }
     }
   }
 }

package/dist/elements/FormHeader/index.scss

@@ -1,6 +1,8 @@
-.form-header {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--base) * .5);
-  margin-bottom: var(--base);
+@layer payload-default {
+  .form-header {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) * 0.5);
+    margin-bottom: var(--base);
+  }
 }