payload 1.0.25 → 1.0.26

package/dist/webpack/getBaseConfig.js

@@ -1,77 +1,77 @@
-"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|woff(2)?|eot|ttf|otf|svg)$/i,
-                        type: 'asset/resource',
-                    },
-                ],
-            },
-        ],
-    },
-    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,
-            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(),
-    ],
-});
+"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|woff(2)?|eot|ttf|otf|svg)$/i,
+                        type: 'asset/resource',
+                    },
+                ],
+            },
+        ],
+    },
+    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,
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0QmFzZUNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy93ZWJwYWNrL2dldEJhc2VDb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxnREFBd0I7QUFDeEIsOEVBQW9EO0FBQ3BELHNEQUFpRDtBQUVqRCxtRUFBMEM7QUFFMUMsTUFBTSxjQUFjLEdBQUcsY0FBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsd0JBQXdCLENBQUMsQ0FBQztBQUN6RSxNQUFNLGNBQWMsR0FBRyxjQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0FBRXBFLGtCQUFlLENBQUMsTUFBdUIsRUFBaUIsRUFBRSxDQUFDLENBQUM7SUFDMUQsS0FBSyxFQUFFO1FBQ0wsSUFBSSxFQUFFO1lBQ0osY0FBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDO1NBQ3BDO0tBQ0Y7SUFDRCxhQUFhLEVBQUU7UUFDYixPQUFPLEVBQUUsQ0FBQyxjQUFjLEVBQUUsY0FBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsb0JBQW9CLENBQUMsQ0FBQztLQUN0RTtJQUNELE1BQU0sRUFBRTtRQUNOLEtBQUssRUFBRTtZQUNMO2dCQUNFLElBQUksRUFBRSxhQUFhO2dCQUNuQixPQUFPLEVBQUUsdURBQXVEO2dCQUNoRSxHQUFHLEVBQUU7b0JBQ0g7d0JBQ0UsTUFBTSxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDO3dCQUN2QyxPQUFPLEVBQUUsc0JBQVc7cUJBQ3JCO2lCQUNGO2FBQ0Y7WUFDRDtnQkFDRSxLQUFLLEVBQUU7b0JBQ0w7d0JBQ0UsSUFBSSxFQUFFLHVEQUF1RDt3QkFDN0QsSUFBSSxFQUFFLGdCQUFnQjtxQkFDdkI7aUJBQ0Y7YUFDRjtTQUNGO0tBQ0Y7SUFDRCxPQUFPLEVBQUU7UUFDUCxRQUFRLEVBQUU7WUFDUixJQUFJLEVBQUUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQztZQUN4QyxNQUFNLEVBQUUsS0FBSztZQUNiLEtBQUssRUFBRSxLQUFLO1lBQ1osSUFBSSxFQUFFLEtBQUs7U0FDWjtRQUNELE9BQU8sRUFBRSxDQUFDLGNBQWMsRUFBRSxjQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxvQkFBb0IsQ0FBQyxDQUFDO1FBQ3hFLEtBQUssRUFBRTtZQUNMLGdCQUFnQixFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTTtZQUNyQyxRQUFRLEVBQUUsY0FBYztZQUN4QixrQkFBa0IsRUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUc7WUFDcEMsTUFBTSxFQUFFLGNBQWM7U0FDdkI7UUFDRCxVQUFVLEVBQUUsQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUM7S0FDNUM7SUFDRCxPQUFPLEVBQUU7UUFDUCxJQUFJLGlCQUFPLENBQUMsYUFBYSxDQUN2QixFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxDQUMvQjtRQUNELElBQUksaUJBQU8sQ0FBQyxZQUFZLENBQ3RCLE1BQU0sQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FDaEMsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEVBQUUsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ3hDLE9BQU8sQ0FBQztvQkFDTixHQUFHLE1BQU07b0JBQ1QsQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDLEVBQUUsSUFBSSxHQUFHLEdBQUc7aUJBQ25DLENBQUMsQ0FBQzthQUNKO1lBRUQsT0FBTyxNQUFNLENBQUM7UUFDaEIsQ0FBQyxFQUNELEVBQUUsQ0FDSCxDQUNGO1FBQ0QsSUFBSSw2QkFBaUIsQ0FBQztZQUNwQixRQUFRLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQyxTQUFTO1lBQ2hDLFFBQVEsRUFBRSxjQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQztTQUN6QyxDQUFDO1FBQ0YsSUFBSSxpQkFBTyxDQUFDLDBCQUEwQixFQUFFO0tBQ3pDO0NBQ0YsQ0FBQyxDQUFDIn0=

package/dist/webpack/getDevConfig.d.ts

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

package/dist/webpack/getDevConfig.js

@@ -1,60 +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;
-};
+"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

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

package/dist/webpack/getProdConfig.js

@@ -1,70 +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;
-};
+"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

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

package/dist/webpack/init.js

@@ -1,22 +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;
+"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

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

package/dist/webpack/mocks/dotENV.js

@@ -1,6 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    config: () => null,
-};
+"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

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

package/dist/webpack/mocks/emptyModule.js

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

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

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

package/dist/webpack/mocks/fileMock.js

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

package/docs/fields/code.mdx

@@ -39,7 +39,19 @@ This field uses `prismjs` for syntax highlighting and `react-simple-code-editor`
 
 In addition to the default [field admin config](/docs/fields/overview#admin-config), the Code field type also allows for the customization of a `language` property.
 
-Currently, the `language` property only supports JavaScript syntax but more support will be added as requested.
+The following `prismjs` plugins are imported, enabling the `language` property to accept the following values:
+
+| Plugin                       | Language |
+| ---------------------------- | ----------- |
+| **`prism-css`**              | `css` |
+| **`prism-clike`**            | `clike` |
+| **`prism-markup`**           | `markup`, `html`, `xml`, `svg`, `mathml`, `ssml`, `atom`, `rss` |
+| **`prism-javascript`**       | `javascript`, `js` |
+| **`prism-json`**             | `json` |
+| **`prism-jsx`**              | `jsx` |
+| **`prism-typescript`**       | `typescript`, `ts` |
+| **`prism-tsx`**              | `tsx` |
+| **`prism-yaml`**             | `yaml`, `yml` |
 
 ### Example
 

package/docs/fields/relationship.mdx

@@ -45,6 +45,14 @@ keywords: relationship, fields, config, configuration, documentation, Content Ma
   The <a href="/docs/getting-started/concepts#depth">Depth</a> parameter can be used to automatically populate related documents that are returned by the API.
 </Banner>
 
+### Admin config
+
+In addition to the default [field admin config](/docs/fields/overview#admin-config), the Relationship field type also allows for the following admin-specific properties:
+
+**`isSortable`**
+
+Set to `true` if you'd like this field to be sortable within the Admin UI using drag and drop. (Only works when `hasMany` is set to `true`)
+
 ### Filtering relationship options
 
 Options can be dynamically limited by supplying a [query constraint](/docs/queries/overview), which will be used both for validating input and filtering available relationships in the UI.

package/docs/fields/select.mdx

@@ -51,6 +51,10 @@ In addition to the default [field admin config](/docs/fields/overview#admin-conf
 
 Set to `true` if you'd like this field to be clearable within the Admin UI.
 
+**`isSortable`**
+
+Set to `true` if you'd like this field to be sortable within the Admin UI using drag and drop. (Only works when `hasMany` is set to `true`)
+
 ### Example
 
 `collections/ExampleCollection.js`
@@ -65,6 +69,7 @@ Set to `true` if you'd like this field to be clearable within the Admin UI.
       hasMany: true,
       admin: {
         isClearable: true,
+        isSortable: true, // use mouse to drag and drop different values, and sort them according to your choice
       },
       options: [
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "Node, React and MongoDB Headless CMS and Application Framework",
   "license": "MIT",
   "author": {
@@ -274,6 +274,7 @@
     "mongodb-memory-server": "^7.2.0",
     "nodemon": "^2.0.6",
     "passport-strategy": "^1.0.0",
+    "react-sortable-hoc": "^2.0.0",
     "release-it": "^14.2.2",
     "rimraf": "^3.0.2",
     "serve-static": "^1.14.2",