payload 0.20.0 → 0.20.1

package/dist/webpack/components.config.js

@@ -0,0 +1,92 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
+const terser_webpack_plugin_1 = __importDefault(require("terser-webpack-plugin"));
+const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
+exports.default = {
+    entry: {
+        main: [path_1.default.resolve(__dirname, '../admin/components/index.js')],
+    },
+    externals: {
+        react: 'react',
+    },
+    output: {
+        path: path_1.default.resolve(__dirname, '../../components'),
+        publicPath: '/',
+        filename: 'index.js',
+        libraryTarget: 'commonjs2',
+    },
+    optimization: {
+        minimizer: [new terser_webpack_plugin_1.default({
+                extractComments: false,
+            }), new css_minimizer_webpack_plugin_1.default({})],
+    },
+    mode: 'production',
+    stats: 'errors-only',
+    module: {
+        rules: [
+            {
+                test: /\.js$/,
+                exclude: /node_modules/,
+                use: {
+                    loader: 'babel-loader',
+                },
+            },
+            {
+                oneOf: [
+                    {
+                        test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
+                        loader: require.resolve('url-loader'),
+                        options: {
+                            limit: 10000,
+                            name: 'static/media/[name].[hash:8].[ext]',
+                        },
+                    },
+                    {
+                        test: /\.(sa|sc|c)ss$/,
+                        sideEffects: true,
+                        use: [
+                            mini_css_extract_plugin_1.default.loader,
+                            'css-loader',
+                            {
+                                loader: 'postcss-loader',
+                                options: {
+                                    postcssOptions: {
+                                        plugins: [
+                                            'postcss-preset-env',
+                                        ],
+                                    },
+                                },
+                            },
+                            'sass-loader',
+                        ],
+                    },
+                    {
+                        exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/],
+                        loader: require.resolve('file-loader'),
+                        options: {
+                            name: 'static/media/[name].[hash:8].[ext]',
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+    plugins: [
+        new mini_css_extract_plugin_1.default({
+            filename: 'styles.css',
+            ignoreOrder: true,
+        }),
+    ],
+    resolve: {
+        alias: {
+            'payload-scss-overrides': path_1.default.resolve(__dirname, '../admin/scss/overrides.scss'),
+        },
+        modules: ['node_modules', path_1.default.resolve(__dirname, '../../node_modules')],
+    },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvd2VicGFjay9jb21wb25lbnRzLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLGdEQUF3QjtBQUN4QixzRkFBMkQ7QUFDM0Qsa0ZBQW1EO0FBQ25ELGdHQUFtRTtBQUVuRSxrQkFBZTtJQUNiLEtBQUssRUFBRTtRQUNMLElBQUksRUFBRSxDQUFDLGNBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLDhCQUE4QixDQUFDLENBQUM7S0FDaEU7SUFDRCxTQUFTLEVBQUU7UUFDVCxLQUFLLEVBQUUsT0FBTztLQUNmO0lBQ0QsTUFBTSxFQUFFO1FBQ04sSUFBSSxFQUFFLGNBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLGtCQUFrQixDQUFDO1FBQ2pELFVBQVUsRUFBRSxHQUFHO1FBQ2YsUUFBUSxFQUFFLFVBQVU7UUFDcEIsYUFBYSxFQUFFLFdBQVc7S0FDM0I7SUFDRCxZQUFZLEVBQUU7UUFDWixTQUFTLEVBQUUsQ0FBQyxJQUFJLCtCQUFjLENBQUM7Z0JBQzdCLGVBQWUsRUFBRSxLQUFLO2FBQ3ZCLENBQUMsRUFBRSxJQUFJLHNDQUF1QixDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQ3JDO0lBQ0QsSUFBSSxFQUFFLFlBQVk7SUFDbEIsS0FBSyxFQUFFLGFBQWE7SUFDcEIsTUFBTSxFQUFFO1FBQ04sS0FBSyxFQUFFO1lBQ0w7Z0JBQ0UsSUFBSSxFQUFFLE9BQU87Z0JBQ2IsT0FBTyxFQUFFLGNBQWM7Z0JBQ3ZCLEdBQUcsRUFBRTtvQkFDSCxNQUFNLEVBQUUsY0FBYztpQkFDdkI7YUFDRjtZQUNEO2dCQUNFLEtBQUssRUFBRTtvQkFDTDt3QkFDRSxJQUFJLEVBQUUsQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxRQUFRLENBQUM7d0JBQ2hELE1BQU0sRUFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQzt3QkFDckMsT0FBTyxFQUFFOzRCQUNQLEtBQUssRUFBRSxLQUFLOzRCQUNaLElBQUksRUFBRSxvQ0FBb0M7eUJBQzNDO3FCQUNGO29CQUNEO3dCQUNFLElBQUksRUFBRSxnQkFBZ0I7d0JBQ3RCLFdBQVcsRUFBRSxJQUFJO3dCQUNqQixHQUFHLEVBQUU7NEJBQ0gsaUNBQW9CLENBQUMsTUFBTTs0QkFDM0IsWUFBWTs0QkFDWjtnQ0FDRSxNQUFNLEVBQUUsZ0JBQWdCO2dDQUN4QixPQUFPLEVBQUU7b0NBQ1AsY0FBYyxFQUFFO3dDQUNkLE9BQU8sRUFBRTs0Q0FDUCxvQkFBb0I7eUNBQ3JCO3FDQUNGO2lDQUNGOzZCQUNGOzRCQUNELGFBQWE7eUJBQ2Q7cUJBQ0Y7b0JBQ0Q7d0JBQ0UsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQzt3QkFDbEQsTUFBTSxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDO3dCQUN0QyxPQUFPLEVBQUU7NEJBQ1AsSUFBSSxFQUFFLG9DQUFvQzt5QkFDM0M7cUJBQ0Y7aUJBQ0Y7YUFDRjtTQUNGO0tBQ0Y7SUFDRCxPQUFPLEVBQUU7UUFDUCxJQUFJLGlDQUFvQixDQUFDO1lBQ3ZCLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLFdBQVcsRUFBRSxJQUFJO1NBQ2xCLENBQUM7S0FDSDtJQUNELE9BQU8sRUFBRTtRQUNQLEtBQUssRUFBRTtZQUNMLHdCQUF3QixFQUFFLGNBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLDhCQUE4QixDQUFDO1NBQ2xGO1FBQ0QsT0FBTyxFQUFFLENBQUMsY0FBYyxFQUFFLGNBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLG9CQUFvQixDQUFDLENBQUM7S0FDekU7Q0FDRixDQUFDIn0=

package/dist/webpack/getBaseConfig.d.ts

@@ -0,0 +1,4 @@
+import { Configuration } from 'webpack';
+import { SanitizedConfig } from '../config/types';
+declare const _default: (config: SanitizedConfig) => Configuration;
+export default _default;

package/dist/webpack/getBaseConfig.js

@@ -0,0 +1,82 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
+const webpack_1 = __importDefault(require("webpack"));
+const babel_config_1 = __importDefault(require("../babel.config"));
+const mockModulePath = path_1.default.resolve(__dirname, './mocks/emptyModule.js');
+const mockDotENVPath = path_1.default.resolve(__dirname, './mocks/dotENV.js');
+exports.default = (config) => ({
+    entry: {
+        main: [
+            path_1.default.resolve(__dirname, '../admin'),
+        ],
+    },
+    resolveLoader: {
+        modules: ['node_modules', path_1.default.join(__dirname, '../../node_modules')],
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(t|j)sx?$/,
+                exclude: /node_modules[\\/](?!(@payloadcms[\\/]payload)[\\/]).*/,
+                use: [
+                    {
+                        loader: require.resolve('babel-loader'),
+                        options: babel_config_1.default,
+                    },
+                ],
+            },
+            {
+                oneOf: [
+                    {
+                        test: /\.(?:ico|gif|png|jpg|jpeg)$/i,
+                        type: 'asset/resource',
+                    },
+                    {
+                        test: /\.(woff(2)?|eot|ttf|otf|svg|)$/,
+                        type: 'asset/inline',
+                    },
+                ],
+            },
+        ],
+    },
+    resolve: {
+        fallback: {
+            path: require.resolve('path-browserify'),
+            crypto: false,
+            https: false,
+            http: false,
+        },
+        modules: ['node_modules', path_1.default.resolve(__dirname, '../../node_modules')],
+        alias: {
+            'payload-config': config.paths.config,
+            payload$: mockModulePath,
+            'payload-user-css': config.admin.css,
+            'payload-scss-overrides': config.admin.scss,
+            dotenv: mockDotENVPath,
+        },
+        extensions: ['.ts', '.tsx', '.js', '.json'],
+    },
+    plugins: [
+        new webpack_1.default.ProvidePlugin({ process: 'process/browser' }),
+        new webpack_1.default.DefinePlugin(Object.entries(process.env).reduce((values, [key, val]) => {
+            if (key.indexOf('PAYLOAD_PUBLIC_') === 0) {
+                return ({
+                    ...values,
+                    [`process.env.${key}`]: `'${val}'`,
+                });
+            }
+            return values;
+        }, {})),
+        new html_webpack_plugin_1.default({
+            template: config.admin.indexHTML,
+            filename: path_1.default.normalize('./index.html'),
+        }),
+        new webpack_1.default.HotModuleReplacementPlugin(),
+    ],
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0QmFzZUNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy93ZWJwYWNrL2dldEJhc2VDb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxnREFBd0I7QUFDeEIsOEVBQW9EO0FBQ3BELHNEQUFpRDtBQUVqRCxtRUFBMEM7QUFFMUMsTUFBTSxjQUFjLEdBQUcsY0FBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsd0JBQXdCLENBQUMsQ0FBQztBQUN6RSxNQUFNLGNBQWMsR0FBRyxjQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0FBRXBFLGtCQUFlLENBQUMsTUFBdUIsRUFBaUIsRUFBRSxDQUFDLENBQUM7SUFDMUQsS0FBSyxFQUFFO1FBQ0wsSUFBSSxFQUFFO1lBQ0osY0FBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDO1NBQ3BDO0tBQ0Y7SUFDRCxhQUFhLEVBQUU7UUFDYixPQUFPLEVBQUUsQ0FBQyxjQUFjLEVBQUUsY0FBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsb0JBQW9CLENBQUMsQ0FBQztLQUN0RTtJQUNELE1BQU0sRUFBRTtRQUNOLEtBQUssRUFBRTtZQUNMO2dCQUNFLElBQUksRUFBRSxhQUFhO2dCQUNuQixPQUFPLEVBQUUsdURBQXVEO2dCQUNoRSxHQUFHLEVBQUU7b0JBQ0g7d0JBQ0UsTUFBTSxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDO3dCQUN2QyxPQUFPLEVBQUUsc0JBQVc7cUJBQ3JCO2lCQUNGO2FBQ0Y7WUFDRDtnQkFDRSxLQUFLLEVBQUU7b0JBQ0w7d0JBQ0UsSUFBSSxFQUFFLDhCQUE4Qjt3QkFDcEMsSUFBSSxFQUFFLGdCQUFnQjtxQkFDdkI7b0JBQ0Q7d0JBQ0UsSUFBSSxFQUFFLGdDQUFnQzt3QkFDdEMsSUFBSSxFQUFFLGNBQWM7cUJBQ3JCO2lCQUNGO2FBQ0Y7U0FDRjtLQUNGO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsUUFBUSxFQUFFO1lBQ1IsSUFBSSxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUM7WUFDeEMsTUFBTSxFQUFFLEtBQUs7WUFDYixLQUFLLEVBQUUsS0FBSztZQUNaLElBQUksRUFBRSxLQUFLO1NBQ1o7UUFDRCxPQUFPLEVBQUUsQ0FBQyxjQUFjLEVBQUUsY0FBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsb0JBQW9CLENBQUMsQ0FBQztRQUN4RSxLQUFLLEVBQUU7WUFDTCxnQkFBZ0IsRUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU07WUFDckMsUUFBUSxFQUFFLGNBQWM7WUFDeEIsa0JBQWtCLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQyxHQUFHO1lBQ3BDLHdCQUF3QixFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSTtZQUMzQyxNQUFNLEVBQUUsY0FBYztTQUN2QjtRQUNELFVBQVUsRUFBRSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQztLQUM1QztJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksaUJBQU8sQ0FBQyxhQUFhLENBQ3ZCLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLENBQy9CO1FBQ0QsSUFBSSxpQkFBTyxDQUFDLFlBQVksQ0FDdEIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUNoQyxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsRUFBRSxFQUFFO1lBQ3JCLElBQUksR0FBRyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDeEMsT0FBTyxDQUFDO29CQUNOLEdBQUcsTUFBTTtvQkFDVCxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUMsRUFBRSxJQUFJLEdBQUcsR0FBRztpQkFDbkMsQ0FBQyxDQUFDO2FBQ0o7WUFFRCxPQUFPLE1BQU0sQ0FBQztRQUNoQixDQUFDLEVBQ0QsRUFBRSxDQUNILENBQ0Y7UUFDRCxJQUFJLDZCQUFpQixDQUFDO1lBQ3BCLFFBQVEsRUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDLFNBQVM7WUFDaEMsUUFBUSxFQUFFLGNBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDO1NBQ3pDLENBQUM7UUFDRixJQUFJLGlCQUFPLENBQUMsMEJBQTBCLEVBQUU7S0FDekM7Q0FDRixDQUFDLENBQUMifQ==

package/dist/webpack/getDevConfig.d.ts

@@ -0,0 +1,4 @@
+import { Configuration } from 'webpack';
+import { SanitizedConfig } from '../config/types';
+declare const _default: (payloadConfig: SanitizedConfig) => Configuration;
+export default _default;

package/dist/webpack/getDevConfig.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_1 = __importDefault(require("webpack"));
+const getBaseConfig_1 = __importDefault(require("./getBaseConfig"));
+exports.default = (payloadConfig) => {
+    const baseConfig = (0, getBaseConfig_1.default)(payloadConfig);
+    let config = {
+        ...baseConfig,
+        cache: {
+            type: 'filesystem',
+            buildDependencies: {
+                config: [__filename],
+            },
+        },
+        entry: {
+            ...baseConfig.entry,
+            main: [
+                require.resolve('webpack-hot-middleware/client'),
+                ...baseConfig.entry.main,
+            ],
+        },
+        output: {
+            publicPath: payloadConfig.routes.admin,
+            path: '/',
+            filename: '[name].js',
+        },
+        devtool: 'inline-source-map',
+        mode: 'development',
+        stats: 'errors-warnings',
+        plugins: [
+            ...baseConfig.plugins,
+            new webpack_1.default.HotModuleReplacementPlugin(),
+        ],
+    };
+    config.module.rules.push({
+        test: /\.(scss|css)$/,
+        sideEffects: true,
+        use: [
+            require.resolve('style-loader'),
+            require.resolve('css-loader'),
+            {
+                loader: require.resolve('postcss-loader'),
+                options: {
+                    postcssOptions: {
+                        plugins: [require.resolve('postcss-preset-env')],
+                    },
+                },
+            },
+            require.resolve('sass-loader'),
+        ],
+    });
+    if (payloadConfig.admin.webpack && typeof payloadConfig.admin.webpack === 'function') {
+        config = payloadConfig.admin.webpack(config);
+    }
+    return config;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0RGV2Q29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3dlYnBhY2svZ2V0RGV2Q29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsc0RBQWlEO0FBRWpELG9FQUE0QztBQUU1QyxrQkFBZSxDQUFDLGFBQThCLEVBQWlCLEVBQUU7SUFDL0QsTUFBTSxVQUFVLEdBQUcsSUFBQSx1QkFBYSxFQUFDLGFBQWEsQ0FBUSxDQUFDO0lBRXZELElBQUksTUFBTSxHQUFrQjtRQUMxQixHQUFHLFVBQVU7UUFDYixLQUFLLEVBQUU7WUFDTCxJQUFJLEVBQUUsWUFBWTtZQUNsQixpQkFBaUIsRUFBRTtnQkFDakIsTUFBTSxFQUFFLENBQUMsVUFBVSxDQUFDO2FBQ3JCO1NBQ0Y7UUFDRCxLQUFLLEVBQUU7WUFDTCxHQUFHLFVBQVUsQ0FBQyxLQUFLO1lBQ25CLElBQUksRUFBRTtnQkFDSixPQUFPLENBQUMsT0FBTyxDQUFDLCtCQUErQixDQUFDO2dCQUNoRCxHQUFJLFVBQVUsQ0FBQyxLQUFLLENBQUMsSUFBaUI7YUFDdkM7U0FDRjtRQUNELE1BQU0sRUFBRTtZQUNOLFVBQVUsRUFBRSxhQUFhLENBQUMsTUFBTSxDQUFDLEtBQUs7WUFDdEMsSUFBSSxFQUFFLEdBQUc7WUFDVCxRQUFRLEVBQUUsV0FBVztTQUN0QjtRQUNELE9BQU8sRUFBRSxtQkFBbUI7UUFDNUIsSUFBSSxFQUFFLGFBQWE7UUFDbkIsS0FBSyxFQUFFLGlCQUFpQjtRQUN4QixPQUFPLEVBQUU7WUFDUCxHQUFHLFVBQVUsQ0FBQyxPQUFPO1lBQ3JCLElBQUksaUJBQU8sQ0FBQywwQkFBMEIsRUFBRTtTQUN6QztLQUNGLENBQUM7SUFFRixNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7UUFDdkIsSUFBSSxFQUFFLGVBQWU7UUFDckIsV0FBVyxFQUFFLElBQUk7UUFDakIsR0FBRyxFQUFFO1lBQ0gsT0FBTyxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUM7WUFDL0IsT0FBTyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUM7WUFDN0I7Z0JBQ0UsTUFBTSxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUM7Z0JBQ3pDLE9BQU8sRUFBRTtvQkFDUCxjQUFjLEVBQUU7d0JBQ2QsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO3FCQUNqRDtpQkFDRjthQUNGO1lBQ0QsT0FBTyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUM7U0FDL0I7S0FDRixDQUFDLENBQUM7SUFFSCxJQUFJLGFBQWEsQ0FBQyxLQUFLLENBQUMsT0FBTyxJQUFJLE9BQU8sYUFBYSxDQUFDLEtBQUssQ0FBQyxPQUFPLEtBQUssVUFBVSxFQUFFO1FBQ3BGLE1BQU0sR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztLQUM5QztJQUVELE9BQU8sTUFBTSxDQUFDO0FBQ2hCLENBQUMsQ0FBQyJ9

package/dist/webpack/getProdConfig.d.ts

@@ -0,0 +1,4 @@
+import { Configuration } from 'webpack';
+import { SanitizedConfig } from '../config/types';
+declare const _default: (payloadConfig: SanitizedConfig) => Configuration;
+export default _default;

package/dist/webpack/getProdConfig.js

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const terser_webpack_plugin_1 = __importDefault(require("terser-webpack-plugin"));
+const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
+const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
+const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
+const path_1 = __importDefault(require("path"));
+const getBaseConfig_1 = __importDefault(require("./getBaseConfig"));
+exports.default = (payloadConfig) => {
+    const baseConfig = (0, getBaseConfig_1.default)(payloadConfig);
+    let config = {
+        ...baseConfig,
+        output: {
+            publicPath: `${payloadConfig.routes.admin}/`,
+            path: path_1.default.resolve(process.cwd(), 'build'),
+            filename: '[name].[chunkhash].js',
+            chunkFilename: '[name].[chunkhash].js',
+        },
+        mode: 'production',
+        stats: 'errors-only',
+        optimization: {
+            minimizer: [new terser_webpack_plugin_1.default({}), new css_minimizer_webpack_plugin_1.default()],
+            splitChunks: {
+                cacheGroups: {
+                    styles: {
+                        name: 'styles',
+                        test: /\.(sa|sc|c)ss$/,
+                        chunks: 'all',
+                        enforce: true,
+                    },
+                },
+            },
+        },
+        plugins: [
+            ...baseConfig.plugins,
+            new mini_css_extract_plugin_1.default({
+                filename: '[name].css',
+                ignoreOrder: true,
+            }),
+        ],
+    };
+    config.module.rules.push({
+        test: /\.(scss|css)$/,
+        sideEffects: true,
+        use: [
+            mini_css_extract_plugin_1.default.loader,
+            require.resolve('css-loader'),
+            {
+                loader: require.resolve('postcss-loader'),
+                options: {
+                    postcssOptions: {
+                        plugins: [require.resolve('postcss-preset-env')],
+                    },
+                },
+            },
+            require.resolve('sass-loader'),
+        ],
+    });
+    if (process.env.PAYLOAD_ANALYZE_BUNDLE) {
+        config.plugins.push(new webpack_bundle_analyzer_1.BundleAnalyzerPlugin());
+    }
+    if (payloadConfig.admin.webpack && typeof payloadConfig.admin.webpack === 'function') {
+        config = payloadConfig.admin.webpack(config);
+    }
+    return config;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0UHJvZENvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy93ZWJwYWNrL2dldFByb2RDb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxrRkFBbUQ7QUFDbkQsc0ZBQTJEO0FBQzNELGdHQUE4RDtBQUM5RCxxRUFBK0Q7QUFDL0QsZ0RBQXdCO0FBR3hCLG9FQUE0QztBQUU1QyxrQkFBZSxDQUFDLGFBQThCLEVBQWlCLEVBQUU7SUFDL0QsTUFBTSxVQUFVLEdBQUcsSUFBQSx1QkFBYSxFQUFDLGFBQWEsQ0FBUSxDQUFDO0lBRXZELElBQUksTUFBTSxHQUFrQjtRQUMxQixHQUFHLFVBQVU7UUFDYixNQUFNLEVBQUU7WUFDTixVQUFVLEVBQUUsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRztZQUM1QyxJQUFJLEVBQUUsY0FBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLEVBQUUsT0FBTyxDQUFDO1lBQzFDLFFBQVEsRUFBRSx1QkFBdUI7WUFDakMsYUFBYSxFQUFFLHVCQUF1QjtTQUN2QztRQUNELElBQUksRUFBRSxZQUFZO1FBQ2xCLEtBQUssRUFBRSxhQUFhO1FBQ3BCLFlBQVksRUFBRTtZQUNaLFNBQVMsRUFBRSxDQUFDLElBQUksK0JBQWMsQ0FBQyxFQUFFLENBQUMsRUFBRSxJQUFJLHNDQUFrQixFQUFFLENBQUM7WUFDN0QsV0FBVyxFQUFFO2dCQUNYLFdBQVcsRUFBRTtvQkFDWCxNQUFNLEVBQUU7d0JBQ04sSUFBSSxFQUFFLFFBQVE7d0JBQ2QsSUFBSSxFQUFFLGdCQUFnQjt3QkFDdEIsTUFBTSxFQUFFLEtBQUs7d0JBQ2IsT0FBTyxFQUFFLElBQUk7cUJBQ2Q7aUJBQ0Y7YUFDRjtTQUNGO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsR0FBRyxVQUFVLENBQUMsT0FBTztZQUNyQixJQUFJLGlDQUFvQixDQUFDO2dCQUN2QixRQUFRLEVBQUUsWUFBWTtnQkFDdEIsV0FBVyxFQUFFLElBQUk7YUFDbEIsQ0FBQztTQUNIO0tBQ0YsQ0FBQztJQUVGLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQztRQUN2QixJQUFJLEVBQUUsZUFBZTtRQUNyQixXQUFXLEVBQUUsSUFBSTtRQUNqQixHQUFHLEVBQUU7WUFDSCxpQ0FBb0IsQ0FBQyxNQUFNO1lBQzNCLE9BQU8sQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDO1lBQzdCO2dCQUNFLE1BQU0sRUFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDO2dCQUN6QyxPQUFPLEVBQUU7b0JBQ1AsY0FBYyxFQUFFO3dCQUNkLE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQztxQkFDakQ7aUJBQ0Y7YUFDRjtZQUNELE9BQU8sQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDO1NBQy9CO0tBQ0YsQ0FBQyxDQUFDO0lBRUgsSUFBSSxPQUFPLENBQUMsR0FBRyxDQUFDLHNCQUFzQixFQUFFO1FBQ3RDLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksOENBQW9CLEVBQUUsQ0FBQyxDQUFDO0tBQ2pEO0lBRUQsSUFBSSxhQUFhLENBQUMsS0FBSyxDQUFDLE9BQU8sSUFBSSxPQUFPLGFBQWEsQ0FBQyxLQUFLLENBQUMsT0FBTyxLQUFLLFVBQVUsRUFBRTtRQUNwRixNQUFNLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7S0FDOUM7SUFFRCxPQUFPLE1BQU0sQ0FBQztBQUNoQixDQUFDLENBQUMifQ==

package/dist/webpack/init.d.ts

@@ -0,0 +1,4 @@
+import { Router } from 'express';
+import { SanitizedConfig } from '../config/types';
+declare function initWebpack(config: SanitizedConfig): Router;
+export default initWebpack;

package/dist/webpack/init.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_1 = __importDefault(require("webpack"));
+const express_1 = __importDefault(require("express"));
+const webpack_dev_middleware_1 = __importDefault(require("webpack-dev-middleware"));
+const webpack_hot_middleware_1 = __importDefault(require("webpack-hot-middleware"));
+const getDevConfig_1 = __importDefault(require("./getDevConfig"));
+const router = express_1.default.Router();
+function initWebpack(config) {
+    const webpackDevConfig = (0, getDevConfig_1.default)(config);
+    const compiler = (0, webpack_1.default)(webpackDevConfig);
+    router.use((0, webpack_dev_middleware_1.default)(compiler, {
+        publicPath: webpackDevConfig.output.publicPath,
+    }));
+    router.use((0, webpack_hot_middleware_1.default)(compiler));
+    return router;
+}
+exports.default = initWebpack;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5pdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy93ZWJwYWNrL2luaXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxzREFBOEI7QUFDOUIsc0RBQTBDO0FBQzFDLG9GQUEwRDtBQUMxRCxvRkFBMEQ7QUFDMUQsa0VBQWlEO0FBR2pELE1BQU0sTUFBTSxHQUFHLGlCQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7QUFFaEMsU0FBUyxXQUFXLENBQUMsTUFBdUI7SUFDMUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFBLHNCQUFtQixFQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JELE1BQU0sUUFBUSxHQUFHLElBQUEsaUJBQU8sRUFBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBRTNDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBQSxnQ0FBb0IsRUFBQyxRQUFRLEVBQUU7UUFDeEMsVUFBVSxFQUFFLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxVQUFvQjtLQUN6RCxDQUFDLENBQUMsQ0FBQztJQUVKLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBQSxnQ0FBb0IsRUFBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBRTNDLE9BQU8sTUFBTSxDQUFDO0FBQ2hCLENBQUM7QUFFRCxrQkFBZSxXQUFXLENBQUMifQ==

package/dist/webpack/mocks/dotENV.d.ts

@@ -0,0 +1,4 @@
+declare namespace _default {
+    function config(): any;
+}
+export default _default;

package/dist/webpack/mocks/dotENV.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    config: () => null,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG90RU5WLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3dlYnBhY2svbW9ja3MvZG90RU5WLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsa0JBQWU7SUFDYixNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSTtDQUNuQixDQUFDIn0=

package/dist/webpack/mocks/emptyModule.d.ts

@@ -0,0 +1,2 @@
+declare function _default(): void;
+export default _default;

package/dist/webpack/mocks/emptyModule.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = () => { };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHlNb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvd2VicGFjay9tb2Nrcy9lbXB0eU1vZHVsZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLGtCQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQyJ9

package/dist/webpack/mocks/fileMock.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "file-stub";
+export default _default;

package/dist/webpack/mocks/fileMock.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = 'file-stub';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZU1vY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvd2VicGFjay9tb2Nrcy9maWxlTW9jay5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLGtCQUFlLFdBQVcsQ0FBQyJ9

package/docs/admin/customizing-css.mdx

@@ -24,26 +24,38 @@ const config = buildConfig({
 })
 ```
 
-### Overriding built-in styles
+### Overriding SCSS variables
 
-To make it as easy as possible for you to override our styles, Payload uses [BEM naming conventions](http://getbem.com/) for all CSS within the Admin UI. If you provide your own CSS, you can override any built-in styles easily.
+You can specify your own SCSS variable stylesheet that will allow for the override of Payload's base theme. This unlocks a ton of powerful theming and design options such as:
 
-In addition to adding your own style definitions, you can also override Payload's built-in CSS variables. We use as much as possible behind the scenes, and you can override any of them that you'd like to.
+- Changing dashboard font families
+- Modifying color palette
+- Creating a dark theme
+- Etc.
 
-You can find the built-in Payload CSS variables within [`./src/admin/scss/app.scss`](https://github.com/payloadcms/payload/blob/master/src/admin/scss/app.scss) and [`./src/admin/scss/colors.scss`](https://github.com/payloadcms/payload/blob/master/src/admin/scss/colors.scss). The following variables are defined and can be overridden:
+To do so, provide your base Payload config with a path to your own SCSS variable sheet.
 
-- Breakpoints
-- Base color shades (white to black by default)
-- Success / warning / error color shades
-- Theme-specific colors (background, input background, text color, etc.)
-- Elevation colors (used to determine how "bright" something should be when compared to the background)
-- Fonts
-- Horizontal gutter
+**Example in payload.config.js:**
+```js
+import { buildConfig } from 'payload/config';
+import path from 'path';
 
-#### Dark mode
+const config = buildConfig({
+	admin: {
+		scss: path.resolve(__dirname, 'relative/path/to/vars.scss'),
+	},
+})
+```
 
-<Banner type="warning">
-  If you're overriding colors or theme elevations, make sure to consider how your changes will affect dark mode.
-</Banner>
+**Example stylesheet override:**
+```scss
+$font-body: 'Papyrus';
+$style-radius-m: 10px;
+```
+
+To reference all Sass variables that you can override, look at the default [SCSS variable stylesheet](https://github.com/payloadcms/payload/blob/master/src/admin/scss/vars.scss) within the Payload source code.
 
-By default, Payload automatically overrides all `--theme-elevation`s and inverts all success / warning / error shades to suit dark mode. We also update some base theme variables like `--theme-bg`, `--theme-text`, etc.
+<Banner type="error">
+	<strong>Warning:</strong><br />
+	Only SCSS variables, mixins, functions, and extends are allowed in <strong>your SCSS overrides</strong>. Do not attempt to add any CSS declarations to this file, as this variable stylesheet is imported by many components throughout the Payload Admin panel and will result in your CSS definition(s) being duplicated many times. If you need to add real CSS definitions, see "Adding your own CSS / SCSS" the top of this page.
+</Banner>

package/docs/fields/date.mdx

@@ -1,7 +1,7 @@
 ---
 title: Date Field
 label: Date
-order: 70
+order: 60
 desc: The Date field type stores a Date in the database. Learn how to use and customize the Date field, see examples and options.
 keywords: date, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/email.mdx

@@ -1,7 +1,7 @@
 ---
 title: Email Field
 label: Email
-order: 80
+order: 70
 desc: The Email field enforces that the value provided is a valid email address. Learn how to use Email fields, see examples and options.
 keywords: email, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/group.mdx

@@ -1,7 +1,7 @@
 ---
 title: Group Field
 label: Group
-order: 90
+order: 80
 desc: The Group field allows other fields to be nested under a common property. Learn how to use Group fields, see examples and options.
 keywords: group, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/number.mdx

@@ -1,7 +1,7 @@
 ---
 title: Number Field
 label: Number
-order: 100
+order: 90
 desc: Number fields store and validate numeric data. Learn how to use and format Number fields, see examples and Number field options.
 keywords: number, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/overview.mdx

@@ -38,7 +38,6 @@ const Pages = {
 - [Blocks](/docs/fields/blocks) - block-based fields, allowing powerful layout creation
 - [Checkbox](/docs/fields/checkbox) - boolean true / false checkbox
 - [Code](/docs/fields/code) - code editor that saves a string to the database
-- [Collapsible](/docs/fields/collapsible) - used for admin layout, nest fields within a collapsible component
 - [Date](/docs/fields/date) - date / time field that saves a timestamp
 - [Email](/docs/fields/email) - validates the entry is a properly formatted email
 - [Group](/docs/fields/group) - nest fields within an object

package/docs/fields/point.mdx

@@ -1,7 +1,7 @@
 ---
 title: Point Field
 label: Point
-order: 110
+order: 95
 desc: The Point field type stores coordinates in the database. Learn how to use Point field for geolocation and geometry.
 
 keywords: point, geolocation, geospatial, geojson, 2dsphere, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express

package/docs/fields/radio.mdx

@@ -1,7 +1,7 @@
 ---
 title: Radio Field
 label: Radio Group
-order: 120
+order: 100
 desc: The Radio field type allows for the selection of one value from a predefined set of possible values. Learn how to use Radio fields, see examples and options.
 keywords: radio, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/relationship.mdx

@@ -1,7 +1,7 @@
 ---
 title: Relationship Field
 label: Relationship
-order: 130
+order: 110
 desc: The Relationship field provides the ability to relate documents together. Learn how to use Relationship fields, see examples and options.
 keywords: relationship, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/rich-text.mdx

@@ -1,7 +1,7 @@
 ---
 title: Rich Text Field
 label: Rich Text
-order: 140
+order: 120
 desc: The Rich Text field allows dynamic content to be written through the Admin Panel. Learn how to use Rich Text fields, see examples and options.
 keywords: rich text, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/row.mdx

@@ -1,7 +1,7 @@
 ---
 title: Row Field
 label: Row
-order: 150
+order: 130
 desc: With the Row field you can arrange fields next to each other in the Admin Panel to help you customize your Dashboard.
 keywords: row, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/select.mdx

@@ -1,7 +1,7 @@
 ---
 title: Select Field
 label: Select
-order: 160
+order: 140
 desc: The Select field provides a dropdown-style interface for choosing options from a predefined list. Learn how to use Select fields, see examples and options.
 keywords: select, multi-select, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/text.mdx

@@ -1,7 +1,7 @@
 ---
 title: Text Field
 label: Text
-order: 180
+order: 150
 desc: Text field types simply save a string to the database and provide the Admin panel with a text input. Learn how to use Text fields, see examples and options.
 keywords: text, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/textarea.mdx

@@ -1,7 +1,7 @@
 ---
 title: Textarea Field
 label: Textarea
-order: 190
+order: 160
 desc: Textarea field types save a string to the database, similar to the Text field type but equipped for longer text. Learn how to use Textarea fields, see examples and options.
 keywords: textarea, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/ui.mdx

@@ -1,7 +1,7 @@
 ---
 title: UI Field
 label: UI
-order: 200
+order: 170
 desc: UI fields are purely presentational and allow developers to customize the admin panel to a very fine degree, including adding actions and other functions.
 keywords: custom field, react component, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/upload.mdx

@@ -1,7 +1,7 @@
 ---
 title: Upload Field
 label: Upload
-order: 210
+order: 180
 desc: Upload fields will allow a file to be uploaded, only from a collection supporting Uploads. Learn how to use Upload fields, see examples and options.
 keywords: upload, images media, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---