payload 0.19.0 → 0.20.0

package/docs/fields/row.mdx

@@ -1,7 +1,7 @@
 ---
 title: Row Field
 label: Row
-order: 130
+order: 150
 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: 140
+order: 160
 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/tabs.mdx

@@ -0,0 +1,9 @@
+---
+title: Tabs Field
+label: Tabs
+order: 170
+desc: Tabs field desc here
+keywords: tabs, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
+---
+
+Coming soon

package/docs/fields/text.mdx

@@ -1,7 +1,7 @@
 ---
 title: Text Field
 label: Text
-order: 150
+order: 180
 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: 160
+order: 190
 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: 170
+order: 200
 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: 180
+order: 210
 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
 ---

package/docs/hooks/collections.mdx

@@ -19,7 +19,11 @@ Collections feature the ability to define the following hooks:
 
 Additionally, `auth`-enabled collections feature the following hooks:
 
+- [beforeLogin](#beforelogin)
 - [afterLogin](#afterlogin)
+- [afterLogout](#afterlogout)
+- [afterRefresh](#afterrefresh)
+- [afterMe](#afterme)
 - [afterForgotPassword](#afterforgotpassword)
 
 ## Config
@@ -45,7 +49,11 @@ module.exports = {
     afterDelete: [(args) => {...}],
 
     // Auth-enabled hooks
+    beforeLogin: [(args) => {...}],
     afterLogin: [(args) => {...}],
+    afterLogout: [(args) => {...}],
+    afterRefresh: [(args) => {...}],
+    afterMe: [(args) => {...}],
     afterForgotPassword: [(args) => {...}],
   }
 }
@@ -55,7 +63,7 @@ module.exports = {
 
 The `beforeOperation` Hook type can be used to modify the arguments that operations accept or execute side-effects that run before an operation begins.
 
-Available Collection operations include `create`, `read`, `update`, `delete`, `refresh`, and `forgotPassword`.
+Available Collection operations include `create`, `read`, `update`, `delete`, `login`, `refresh` and `forgotPassword`.
 
 ```js
 const beforeOperationHook = async ({
@@ -162,12 +170,12 @@ const afterDeleteHook = async ({
 }) => {...}
 ```
 
-### afterLogin
+### beforeLogin
 
 For auth-enabled Collections, this hook runs after successful `login` operations. You can optionally modify the user that is returned.
 
 ```js
-const afterLoginHook = async ({
+const beforeLoginHook = async ({
   req, // full express request
   user, // user being logged in
   token, // user token
@@ -176,6 +184,49 @@ const afterLoginHook = async ({
 }
 ```
 
+### afterLogin
+
+For auth-enabled Collections, this hook runs after successful `login` operations. You can optionally modify the user that is returned.
+
+```js
+const afterLoginHook = async ({
+  req, // full express request
+}) => {...}
+```
+
+### afterLogout
+
+For auth-enabled Collections, this hook runs after `logout` operations.
+
+```js
+const afterLogoutHook = async ({
+  req, // full express request
+}) => {...}
+```
+
+### afterRefresh
+
+For auth-enabled Collections, this hook runs after `refresh` operations.
+
+```js
+const afterRefreshHook = async ({
+  req, // full express request
+  res, // full express response
+  token, // newly refreshed user token
+}) => {...}
+```
+
+### afterMe
+
+For auth-enabled Collections, this hook runs after `me` operations.
+
+```js
+const afterMeHook = async ({
+  req, // full express request
+  response, // response to return
+}) => {...}
+```
+
 ### afterForgotPassword
 
 For auth-enabled Collections, this hook runs after successful `forgotPassword` operations. Returned values are discarded.
@@ -206,6 +257,9 @@ import type {
   CollectionAfterDeleteHook,
   CollectionBeforeLoginHook,
   CollectionAfterLoginHook,
+  CollectionAfterLogoutHook,
+  CollectionAfterRefreshHook,
+  CollectionAfterMeHook,
   CollectionAfterForgotPasswordHook,
 } from 'payload/types';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "Node, React and MongoDB Headless CMS and Application Framework",
   "license": "MIT",
   "author": {
@@ -37,14 +37,14 @@
     "demo:generate:types": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts node dist/bin/generateTypes",
     "demo:generate:graphqlschema": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts node dist/bin/generateGraphQLSchema",
     "demo:serve": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts NODE_ENV=production nodemon",
-    "dev": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts nodemon",
-    "test": "yarn test:int && yarn test:client",
-    "pretest": "yarn build",
-    "test:int": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts NODE_ENV=test DISABLE_LOGGING=true jest --forceExit --runInBand",
-    "test:client": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts NODE_ENV=test jest --config=jest.react.config.js",
-    "cy:open": "cypress open",
-    "cy:run": "cypress run",
-    "test:e2e": "cross-env DISABLE_LOGGING=true MEMORY_SERVER=true start-server-and-test dev http-get://localhost:3000/admin cy:run",
+    "dev": "nodemon",
+    "dev:generatetypes": "node ./test/generateTypes.js",
+    "test": "yarn test:int && yarn test:components",
+    "test:int": "cross-env NODE_ENV=test DISABLE_LOGGING=true jest --forceExit --detectOpenHandles",
+    "test:e2e": "cross-env NODE_ENV=test DISABLE_LOGGING=true playwright test",
+    "test:e2e:headed": "cross-env NODE_ENV=test DISABLE_LOGGING=true playwright test --headed",
+    "test:e2e:debug": "cross-env PWDEBUG=1 NODE_ENV=test DISABLE_LOGGING=true playwright test",
+    "test:components": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts NODE_ENV=test jest --config=jest.components.config.js",
     "clean": "rimraf dist",
     "release": "release-it",
     "release:patch": "release-it patch",
@@ -89,10 +89,10 @@
     "@babel/preset-typescript": "^7.12.1",
     "@babel/register": "^7.11.5",
     "@date-io/date-fns": "^2.10.6",
-    "@faceless-ui/collapsibles": "^1.0.0",
     "@faceless-ui/modal": "^1.1.7",
     "@faceless-ui/scroll-info": "^1.2.3",
     "@faceless-ui/window-info": "^2.0.2",
+    "@types/is-plain-object": "^2.0.4",
     "babel-jest": "^26.3.0",
     "babel-loader": "^8.1.0",
     "body-parser": "^1.19.0",
@@ -123,6 +123,7 @@
     "html-webpack-plugin": "^5.0.0-alpha.14",
     "http-status": "^1.4.2",
     "is-hotkey": "^0.2.0",
+    "is-plain-object": "^5.0.0",
     "isomorphic-fetch": "^3.0.0",
     "jest": "^26.6.3",
     "joi": "^17.3.0",
@@ -139,7 +140,7 @@
     "mongoose-paginate-v2": "^1.6.1",
     "nodemailer": "^6.4.2",
     "object-to-formdata": "^4.1.0",
-    "passport": "^0.4.1",
+    "passport": "^0.6.0",
     "passport-anonymous": "^1.0.1",
     "passport-headerapikey": "^1.2.1",
     "passport-jwt": "^4.0.0",
@@ -190,6 +191,7 @@
   },
   "devDependencies": {
     "@bahmutov/cy-api": "^2.1.3",
+    "@playwright/test": "^1.23.1",
     "@release-it/conventional-changelog": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^13.0.1",
@@ -259,15 +261,16 @@
     "babel-plugin-ignore-html-and-css-imports": "^0.1.0",
     "copyfiles": "^2.4.0",
     "cross-env": "^7.0.2",
-    "cypress": "9.2.0",
     "eslint": "^6.8.0",
     "eslint-plugin-import": "^2.20.0",
     "eslint-plugin-jest": "^23.16.0",
     "eslint-plugin-jest-dom": "^4.0.1",
     "eslint-plugin-jsx-a11y": "^6.2.1",
+    "eslint-plugin-playwright": "^0.9.0",
     "eslint-plugin-react": "^7.18.0",
     "eslint-plugin-react-hooks": "^2.3.0",
     "form-data": "^3.0.0",
+    "get-port": "5.1.1",
     "graphql-request": "^3.4.0",
     "mongodb": "^3.6.2",
     "mongodb-memory-server": "^7.2.0",
@@ -288,7 +291,7 @@
     "*.js",
     "*.d.ts",
     "!jest.config.js",
-    "!jest.react.config.js"
+    "!jest.components.config.js"
   ],
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/scss/index.scss

@@ -1,12 +1,5 @@
 @import '../dist/admin/scss/vars';
 @import '../dist/admin/scss/z-index';
-
-//////////////////////////////
-// IMPORT OVERRIDES
-//////////////////////////////
-
-@import '~payload-scss-overrides';
-
 @import '../dist/admin/scss/type';
 @import '../dist/admin/scss/queries';
 @import '../dist/admin/scss/resets';

package/dist/admin/api.d.ts

@@ -1,6 +0,0 @@
-export declare const requests: {
-    get: (url: string, params?: unknown) => Promise<Response>;
-    post: (url: string, options?: RequestInit) => Promise<Response>;
-    put: (url: string, options?: RequestInit) => Promise<Response>;
-    delete: (url: string, options?: RequestInit) => Promise<Response>;
-};

package/dist/admin/api.js

@@ -1,39 +0,0 @@
-import qs from 'qs';
-export const requests = {
-    get: (url, params = {}) => {
-        const query = qs.stringify(params, { addQueryPrefix: true });
-        return fetch(`${url}${query}`);
-    },
-    post: (url, options = { headers: {} }) => {
-        const headers = options && options.headers ? { ...options.headers } : {};
-        const formattedOptions = {
-            ...options,
-            method: 'post',
-            headers: {
-                ...headers,
-            },
-        };
-        return fetch(`${url}`, formattedOptions);
-    },
-    put: (url, options = { headers: {} }) => {
-        const headers = options && options.headers ? { ...options.headers } : {};
-        const formattedOptions = {
-            ...options,
-            method: 'put',
-            headers: {
-                ...headers,
-            },
-        };
-        return fetch(url, formattedOptions);
-    },
-    delete: (url, options = { headers: {} }) => {
-        const headers = options && options.headers ? { ...options.headers } : {};
-        return fetch(url, {
-            ...options,
-            method: 'delete',
-            headers: {
-                ...headers,
-            },
-        });
-    },
-};

package/dist/admin/assets/images/favicon.svg

@@ -1,15 +0,0 @@
-<svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <style>
-    path {
-      fill: #333333;
-    }
-
-    @media (prefers-color-scheme: dark) {
-      path {
-        fill: white;
-      }
-    }
-  </style>
-	<path d="M120.59 8.5824L231.788 75.6142V202.829L148.039 251.418V124.203L36.7866 57.2249L120.59 8.5824Z" />
-	<path d="M112.123 244.353V145.073L28.2114 193.769L112.123 244.353Z" />
-</svg>

package/dist/admin/assets/images/generic-block-image.svg

@@ -1,9 +0,0 @@
-<svg width="82" height="53" viewBox="0 0 82 53" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect x="0.713013" width="80.574" height="52.7791" fill="url(#pattern0)"/>
-<defs>
-<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0" transform="scale(0.00387597 0.00591716)"/>
-</pattern>
-<image id="image0" width="258" height="169" xlink:href="data:image/png;base64,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"/>
-</defs>
-</svg>

package/dist/admin/components/Routes.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: React.ComponentClass<Pick<import("react-router").RouteComponentProps<any, import("react-router").StaticContext, unknown>, never>, any> & import("react-router").WithRouterStatics<() => JSX.Element>;
-export default _default;

package/dist/admin/components/Routes.js

@@ -1,174 +0,0 @@
-import React, { Suspense, lazy, useState, useEffect } from 'react';
-import { Route, Switch, withRouter, Redirect, } from 'react-router-dom';
-import { useAuth } from './utilities/Auth';
-import { useConfig } from './utilities/Config';
-import List from './views/collections/List';
-import DefaultTemplate from './templates/Default';
-import { requests } from '../api';
-import Loading from './elements/Loading';
-import StayLoggedIn from './modals/StayLoggedIn';
-import Versions from './views/Versions';
-import Version from './views/Version';
-import { DocumentInfoProvider } from './utilities/DocumentInfo';
-const Dashboard = lazy(() => import('./views/Dashboard'));
-const ForgotPassword = lazy(() => import('./views/ForgotPassword'));
-const Login = lazy(() => import('./views/Login'));
-const Logout = lazy(() => import('./views/Logout'));
-const NotFound = lazy(() => import('./views/NotFound'));
-const Verify = lazy(() => import('./views/Verify'));
-const CreateFirstUser = lazy(() => import('./views/CreateFirstUser'));
-const Edit = lazy(() => import('./views/collections/Edit'));
-const EditGlobal = lazy(() => import('./views/Global'));
-const ResetPassword = lazy(() => import('./views/ResetPassword'));
-const Unauthorized = lazy(() => import('./views/Unauthorized'));
-const Account = lazy(() => import('./views/Account'));
-const Routes = () => {
-    const [initialized, setInitialized] = useState(null);
-    const { user, permissions, refreshCookie } = useAuth();
-    const canAccessAdmin = permissions === null || permissions === void 0 ? void 0 : permissions.canAccessAdmin;
-    const { admin: { user: userSlug, components: { routes: customRoutes, } = {}, }, routes, collections, globals, } = useConfig();
-    useEffect(() => {
-        requests.get(`${routes.api}/${userSlug}/init`).then((res) => res.json().then((data) => {
-            if (data && 'initialized' in data) {
-                setInitialized(data.initialized);
-            }
-        }));
-    }, [routes, userSlug]);
-    return (React.createElement(Suspense, { fallback: React.createElement(Loading, null) },
-        React.createElement(Route, { path: routes.admin, render: ({ match }) => {
-                if (initialized === false) {
-                    return (React.createElement(Switch, null,
-                        React.createElement(Route, { path: `${match.url}/create-first-user` },
-                            React.createElement(CreateFirstUser, { setInitialized: setInitialized })),
-                        React.createElement(Route, null,
-                            React.createElement(Redirect, { to: `${match.url}/create-first-user` }))));
-                }
-                if (initialized === true) {
-                    if (typeof user === 'undefined' || (user && typeof canAccessAdmin === 'undefined')) {
-                        return React.createElement(Loading, null);
-                    }
-                    return (React.createElement(Switch, null,
-                        Array.isArray(customRoutes) && customRoutes.map(({ path, Component, strict, exact, sensitive }) => (React.createElement(Route, { key: `${match.url}${path}`, path: `${match.url}${path}`, strict: strict, exact: exact, sensitive: sensitive },
-                            React.createElement(Component, { user: user, canAccessAdmin: canAccessAdmin })))),
-                        React.createElement(Route, { path: `${match.url}/login` },
-                            React.createElement(Login, null)),
-                        React.createElement(Route, { path: `${match.url}/logout` },
-                            React.createElement(Logout, null)),
-                        React.createElement(Route, { path: `${match.url}/logout-inactivity` },
-                            React.createElement(Logout, { inactivity: true })),
-                        React.createElement(Route, { path: `${match.url}/forgot` },
-                            React.createElement(ForgotPassword, null)),
-                        React.createElement(Route, { path: `${match.url}/reset/:token` },
-                            React.createElement(ResetPassword, null)),
-                        collections.map((collection) => {
-                            var _a;
-                            if ((_a = collection === null || collection === void 0 ? void 0 : collection.auth) === null || _a === void 0 ? void 0 : _a.verify) {
-                                return (React.createElement(Route, { key: `${collection.slug}-verify`, path: `${match.url}/${collection.slug}/verify/:token`, exact: true },
-                                    React.createElement(Verify, { collection: collection })));
-                            }
-                            return null;
-                        }),
-                        React.createElement(Route, { render: () => {
-                                if (user) {
-                                    if (canAccessAdmin) {
-                                        return (React.createElement(DefaultTemplate, null,
-                                            React.createElement(Switch, null,
-                                                React.createElement(Route, { path: `${match.url}/`, exact: true },
-                                                    React.createElement(Dashboard, null)),
-                                                React.createElement(Route, { path: `${match.url}/account` },
-                                                    React.createElement(DocumentInfoProvider, { collection: collections.find(({ slug }) => slug === userSlug), id: user.id },
-                                                        React.createElement(Account, null))),
-                                                collections.reduce((collectionRoutes, collection) => {
-                                                    const routesToReturn = [
-                                                        ...collectionRoutes,
-                                                        React.createElement(Route, { key: `${collection.slug}-list`, path: `${match.url}/collections/${collection.slug}`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(List, { ...routeProps, collection: collection }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }),
-                                                        React.createElement(Route, { key: `${collection.slug}-create`, path: `${match.url}/collections/${collection.slug}/create`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.create) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(DocumentInfoProvider, { collection: collection },
-                                                                        React.createElement(Edit, { ...routeProps, collection: collection })));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }),
-                                                        React.createElement(Route, { key: `${collection.slug}-edit`, path: `${match.url}/collections/${collection.slug}/:id`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                const { match: { params: { id } } } = routeProps;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(DocumentInfoProvider, { collection: collection, id: id },
-                                                                        React.createElement(Edit, { isEditing: true, ...routeProps, collection: collection })));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }),
-                                                    ];
-                                                    if (collection.versions) {
-                                                        routesToReturn.push(React.createElement(Route, { key: `${collection.slug}-versions`, path: `${match.url}/collections/${collection.slug}/:id/versions`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(Versions, { ...routeProps, collection: collection }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }));
-                                                        routesToReturn.push(React.createElement(Route, { key: `${collection.slug}-view-version`, path: `${match.url}/collections/${collection.slug}/:id/versions/:versionID`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(Version, { ...routeProps, collection: collection }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }));
-                                                    }
-                                                    return routesToReturn;
-                                                }, []),
-                                                globals && globals.reduce((globalRoutes, global) => {
-                                                    const routesToReturn = [
-                                                        ...globalRoutes,
-                                                        React.createElement(Route, { key: `${global.slug}`, path: `${match.url}/globals/${global.slug}`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(DocumentInfoProvider, { global: global },
-                                                                        React.createElement(EditGlobal, { ...routeProps, global: global })));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }),
-                                                    ];
-                                                    if (global.versions) {
-                                                        routesToReturn.push(React.createElement(Route, { key: `${global.slug}-versions`, path: `${match.url}/globals/${global.slug}/versions`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(Versions, { ...routeProps, global: global }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }));
-                                                        routesToReturn.push(React.createElement(Route, { key: `${global.slug}-view-version`, path: `${match.url}/globals/${global.slug}/versions/:versionID`, exact: true, render: (routeProps) => {
-                                                                var _a, _b, _c;
-                                                                if ((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug]) === null || _b === void 0 ? void 0 : _b.readVersions) === null || _c === void 0 ? void 0 : _c.permission) {
-                                                                    return (React.createElement(Version, { ...routeProps, global: global }));
-                                                                }
-                                                                return React.createElement(Unauthorized, null);
-                                                            } }));
-                                                    }
-                                                    return routesToReturn;
-                                                }, []),
-                                                React.createElement(Route, { path: `${match.url}*` },
-                                                    React.createElement(NotFound, null)))));
-                                    }
-                                    if (canAccessAdmin === false) {
-                                        return React.createElement(Unauthorized, null);
-                                    }
-                                    return React.createElement(Loading, null);
-                                }
-                                return React.createElement(Redirect, { to: `${match.url}/login` });
-                            } }),
-                        React.createElement(Route, { path: `${match.url}*` },
-                            React.createElement(NotFound, null))));
-                }
-                return null;
-            } }),
-        React.createElement(StayLoggedIn, { refreshCookie: refreshCookie })));
-};
-export default withRouter(Routes);

package/dist/admin/components/elements/Autosave/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const Autosave: React.FC<Props>;
-export default Autosave;