payload 1.4.2 → 1.5.0

package/dist/admin/components/views/Dashboard/Default.js

@@ -1,66 +1,94 @@
-import React, { useEffect, useState } from 'react';
-import { useHistory } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import Eyebrow from '../../elements/Eyebrow';
-import Card from '../../elements/Card';
-import Button from '../../elements/Button';
-import { Gutter } from '../../elements/Gutter';
-import { groupNavItems, EntityType } from '../../../utilities/groupNavItems';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Eyebrow_1 = __importDefault(require("../../elements/Eyebrow"));
+const Card_1 = __importDefault(require("../../elements/Card"));
+const Button_1 = __importDefault(require("../../elements/Button"));
+const Gutter_1 = require("../../elements/Gutter");
+const groupNavItems_1 = require("../../../utilities/groupNavItems");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'dashboard';
 const Dashboard = (props) => {
     const { collections, globals, permissions, } = props;
-    const { push } = useHistory();
-    const { i18n } = useTranslation('general');
-    const { routes: { admin, }, admin: { components: { afterDashboard, beforeDashboard, }, }, } = useConfig();
-    const [groups, setGroups] = useState([]);
-    useEffect(() => {
-        setGroups(groupNavItems([
+    const { push } = (0, react_router_dom_1.useHistory)();
+    const { i18n } = (0, react_i18next_1.useTranslation)('general');
+    const { routes: { admin, }, admin: { components: { afterDashboard, beforeDashboard, }, }, } = (0, Config_1.useConfig)();
+    const [groups, setGroups] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        setGroups((0, groupNavItems_1.groupNavItems)([
             ...collections.map((collection) => {
                 const entityToGroup = {
-                    type: EntityType.collection,
+                    type: groupNavItems_1.EntityType.collection,
                     entity: collection,
                 };
                 return entityToGroup;
             }),
             ...globals.map((global) => {
                 const entityToGroup = {
-                    type: EntityType.global,
+                    type: groupNavItems_1.EntityType.global,
                     entity: global,
                 };
                 return entityToGroup;
             }),
         ], permissions, i18n));
     }, [collections, globals, i18n, permissions]);
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Eyebrow, null),
-        React.createElement(Gutter, { className: `${baseClass}__wrap` },
-            Array.isArray(beforeDashboard) && beforeDashboard.map((Component, i) => React.createElement(Component, { key: i })),
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(Eyebrow_1.default, null),
+        react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__wrap` },
+            Array.isArray(beforeDashboard) && beforeDashboard.map((Component, i) => react_1.default.createElement(Component, { key: i })),
             groups.map(({ label, entities }, groupIndex) => {
-                return (React.createElement(React.Fragment, { key: groupIndex },
-                    React.createElement("h2", { className: `${baseClass}__label` }, label),
-                    React.createElement("ul", { className: `${baseClass}__card-list` }, entities.map(({ entity, type }, entityIndex) => {
+                return (react_1.default.createElement(react_1.default.Fragment, { key: groupIndex },
+                    react_1.default.createElement("h2", { className: `${baseClass}__label` }, label),
+                    react_1.default.createElement("ul", { className: `${baseClass}__card-list` }, entities.map(({ entity, type }, entityIndex) => {
                         var _a, _b, _c;
                         let title;
                         let createHREF;
                         let onClick;
                         let hasCreatePermission;
-                        if (type === EntityType.collection) {
-                            title = getTranslation(entity.labels.plural, i18n);
+                        if (type === groupNavItems_1.EntityType.collection) {
+                            title = (0, getTranslation_1.getTranslation)(entity.labels.plural, i18n);
                             onClick = () => push({ pathname: `${admin}/collections/${entity.slug}` });
                             createHREF = `${admin}/collections/${entity.slug}/create`;
                             hasCreatePermission = (_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[entity.slug]) === null || _b === void 0 ? void 0 : _b.create) === null || _c === void 0 ? void 0 : _c.permission;
                         }
-                        if (type === EntityType.global) {
-                            title = getTranslation(entity.label, i18n);
+                        if (type === groupNavItems_1.EntityType.global) {
+                            title = (0, getTranslation_1.getTranslation)(entity.label, i18n);
                             onClick = () => push({ pathname: `${admin}/globals/${entity.slug}` });
                         }
-                        return (React.createElement("li", { key: entityIndex },
-                            React.createElement(Card, { title: title, id: `card-${entity.slug}`, onClick: onClick, actions: (hasCreatePermission && type === EntityType.collection) ? (React.createElement(Button, { el: "link", to: createHREF, icon: "plus", round: true, buttonStyle: "icon-label", iconStyle: "with-border" })) : undefined })));
+                        return (react_1.default.createElement("li", { key: entityIndex },
+                            react_1.default.createElement(Card_1.default, { title: title, id: `card-${entity.slug}`, onClick: onClick, actions: (hasCreatePermission && type === groupNavItems_1.EntityType.collection) ? (react_1.default.createElement(Button_1.default, { el: "link", to: createHREF, icon: "plus", round: true, buttonStyle: "icon-label", iconStyle: "with-border" })) : undefined })));
                     }))));
             }),
-            Array.isArray(afterDashboard) && afterDashboard.map((Component, i) => React.createElement(Component, { key: i })))));
+            Array.isArray(afterDashboard) && afterDashboard.map((Component, i) => react_1.default.createElement(Component, { key: i })))));
 };
-export default Dashboard;
+exports.default = Dashboard;

package/dist/admin/components/views/Dashboard/index.js

@@ -1,26 +1,54 @@
-import React, { useState, useEffect } from 'react';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import { useStepNav } from '../../elements/StepNav';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import DefaultDashboard from './Default';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Config_1 = require("../../utilities/Config");
+const Auth_1 = require("../../utilities/Auth");
+const StepNav_1 = require("../../elements/StepNav");
+const RenderCustomComponent_1 = __importDefault(require("../../utilities/RenderCustomComponent"));
+const Default_1 = __importDefault(require("./Default"));
 const Dashboard = () => {
-    const { permissions } = useAuth();
-    const { setStepNav } = useStepNav();
-    const [filteredGlobals, setFilteredGlobals] = useState([]);
+    const { permissions } = (0, Auth_1.useAuth)();
+    const { setStepNav } = (0, StepNav_1.useStepNav)();
+    const [filteredGlobals, setFilteredGlobals] = (0, react_1.useState)([]);
     const { collections, globals, admin: { components: { views: { Dashboard: CustomDashboard, } = {
         Dashboard: undefined,
-    }, } = {}, } = {}, } = useConfig();
-    useEffect(() => {
+    }, } = {}, } = {}, } = (0, Config_1.useConfig)();
+    (0, react_1.useEffect)(() => {
         setFilteredGlobals(globals.filter((global) => { var _a, _b, _c; return (_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; }));
     }, [permissions, globals]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setStepNav([]);
     }, [setStepNav]);
-    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultDashboard, CustomComponent: CustomDashboard, componentProps: {
+    return (react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: CustomDashboard, componentProps: {
             globals: filteredGlobals,
             collections: collections.filter((collection) => { var _a, _b, _c; return (_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; }),
             permissions,
         } }));
 };
-export default Dashboard;
+exports.default = Dashboard;

package/dist/admin/components/views/Dashboard/types.d.ts

@@ -1,7 +1,7 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
 import { SanitizedGlobalConfig } from '../../../../globals/config/types';
 import { Permissions } from '../../../../auth/types';
-export declare type Props = {
+export type Props = {
     collections: SanitizedCollectionConfig[];
     globals: SanitizedGlobalConfig[];
     permissions: Permissions;

package/dist/admin/components/views/Dashboard/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/admin/components/views/ForgotPassword/index.js

@@ -1,51 +1,79 @@
-import React, { useState } from 'react';
-import { Link } from 'react-router-dom';
-import { toast } from 'react-toastify';
-import { Trans, useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import MinimalTemplate from '../../templates/Minimal';
-import Form from '../../forms/Form';
-import Email from '../../forms/field-types/Email';
-import FormSubmit from '../../forms/Submit';
-import Button from '../../elements/Button';
-import Meta from '../../utilities/Meta';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const react_toastify_1 = require("react-toastify");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Auth_1 = require("../../utilities/Auth");
+const Minimal_1 = __importDefault(require("../../templates/Minimal"));
+const Form_1 = __importDefault(require("../../forms/Form"));
+const Email_1 = __importDefault(require("../../forms/field-types/Email"));
+const Submit_1 = __importDefault(require("../../forms/Submit"));
+const Button_1 = __importDefault(require("../../elements/Button"));
+const Meta_1 = __importDefault(require("../../utilities/Meta"));
+require("./index.scss");
 const baseClass = 'forgot-password';
 const ForgotPassword = () => {
-    const [hasSubmitted, setHasSubmitted] = useState(false);
-    const { user } = useAuth();
-    const { t } = useTranslation('authentication');
-    const { admin: { user: userSlug }, serverURL, routes: { admin, api, }, } = useConfig();
+    const [hasSubmitted, setHasSubmitted] = (0, react_1.useState)(false);
+    const { user } = (0, Auth_1.useAuth)();
+    const { t } = (0, react_i18next_1.useTranslation)('authentication');
+    const { admin: { user: userSlug }, serverURL, routes: { admin, api, }, } = (0, Config_1.useConfig)();
     const handleResponse = (res) => {
         res.json()
             .then(() => {
             setHasSubmitted(true);
         }, () => {
-            toast.error(t('emailNotValid'));
+            react_toastify_1.toast.error(t('emailNotValid'));
         });
     };
     if (user) {
-        return (React.createElement(MinimalTemplate, { className: baseClass },
-            React.createElement(Meta, { title: t('forgotPassword'), description: t('forgotPassword'), keywords: t('forgotPassword') }),
-            React.createElement("h1", null, t('alreadyLoggedIn')),
-            React.createElement("p", null,
-                React.createElement(Trans, { i18nKey: "loggedInChangePassword", t: t },
-                    React.createElement(Link, { to: `${admin}/account` }, "account"))),
-            React.createElement("br", null),
-            React.createElement(Button, { el: "link", buttonStyle: "secondary", to: admin }, t('general:backToDashboard'))));
+        return (react_1.default.createElement(Minimal_1.default, { className: baseClass },
+            react_1.default.createElement(Meta_1.default, { title: t('forgotPassword'), description: t('forgotPassword'), keywords: t('forgotPassword') }),
+            react_1.default.createElement("h1", null, t('alreadyLoggedIn')),
+            react_1.default.createElement("p", null,
+                react_1.default.createElement(react_i18next_1.Trans, { i18nKey: "loggedInChangePassword", t: t },
+                    react_1.default.createElement(react_router_dom_1.Link, { to: `${admin}/account` }, "account"))),
+            react_1.default.createElement("br", null),
+            react_1.default.createElement(Button_1.default, { el: "link", buttonStyle: "secondary", to: admin }, t('general:backToDashboard'))));
     }
     if (hasSubmitted) {
-        return (React.createElement(MinimalTemplate, { className: baseClass },
-            React.createElement("h1", null, t('emailSent')),
-            React.createElement("p", null, t('checkYourEmailForPasswordReset'))));
+        return (react_1.default.createElement(Minimal_1.default, { className: baseClass },
+            react_1.default.createElement("h1", null, t('emailSent')),
+            react_1.default.createElement("p", null, t('checkYourEmailForPasswordReset'))));
     }
-    return (React.createElement(MinimalTemplate, { className: baseClass },
-        React.createElement(Form, { handleResponse: handleResponse, method: "post", action: `${serverURL}${api}/${userSlug}/forgot-password` },
-            React.createElement("h1", null, t('forgotPassword')),
-            React.createElement("p", null, t('forgotPasswordEmailInstructions')),
-            React.createElement(Email, { label: t('general:emailAddress'), name: "email", admin: { autoComplete: 'email' }, required: true }),
-            React.createElement(FormSubmit, null, t('general:submit'))),
-        React.createElement(Link, { to: `${admin}/login` }, t('backToLogin'))));
+    return (react_1.default.createElement(Minimal_1.default, { className: baseClass },
+        react_1.default.createElement(Form_1.default, { handleResponse: handleResponse, method: "post", action: `${serverURL}${api}/${userSlug}/forgot-password` },
+            react_1.default.createElement("h1", null, t('forgotPassword')),
+            react_1.default.createElement("p", null, t('forgotPasswordEmailInstructions')),
+            react_1.default.createElement(Email_1.default, { label: t('general:emailAddress'), name: "email", admin: { autoComplete: 'email' }, required: true }),
+            react_1.default.createElement(Submit_1.default, null, t('general:submit'))),
+        react_1.default.createElement(react_router_dom_1.Link, { to: `${admin}/login` }, t('backToLogin'))));
 };
-export default ForgotPassword;
+exports.default = ForgotPassword;

package/dist/admin/components/views/Global/Default.js

@@ -1,79 +1,84 @@
-import React from 'react';
-import format from 'date-fns/format';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import Eyebrow from '../../elements/Eyebrow';
-import Form from '../../forms/Form';
-import PreviewButton from '../../elements/PreviewButton';
-import FormSubmit from '../../forms/Submit';
-import RenderFields from '../../forms/RenderFields';
-import CopyToClipboard from '../../elements/CopyToClipboard';
-import Meta from '../../utilities/Meta';
-import fieldTypes from '../../forms/field-types';
-import LeaveWithoutSaving from '../../modals/LeaveWithoutSaving';
-import VersionsCount from '../../elements/VersionsCount';
-import ViewDescription from '../../elements/ViewDescription';
-import Loading from '../../elements/Loading';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import SaveDraft from '../../elements/SaveDraft';
-import Publish from '../../elements/Publish';
-import Status from '../../elements/Status';
-import Autosave from '../../elements/Autosave';
-import { OperationContext } from '../../utilities/OperationProvider';
-import { Gutter } from '../../elements/Gutter';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const format_1 = __importDefault(require("date-fns/format"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Eyebrow_1 = __importDefault(require("../../elements/Eyebrow"));
+const Form_1 = __importDefault(require("../../forms/Form"));
+const PreviewButton_1 = __importDefault(require("../../elements/PreviewButton"));
+const Submit_1 = __importDefault(require("../../forms/Submit"));
+const RenderFields_1 = __importDefault(require("../../forms/RenderFields"));
+const CopyToClipboard_1 = __importDefault(require("../../elements/CopyToClipboard"));
+const Meta_1 = __importDefault(require("../../utilities/Meta"));
+const field_types_1 = __importDefault(require("../../forms/field-types"));
+const LeaveWithoutSaving_1 = __importDefault(require("../../modals/LeaveWithoutSaving"));
+const VersionsCount_1 = __importDefault(require("../../elements/VersionsCount"));
+const ViewDescription_1 = __importDefault(require("../../elements/ViewDescription"));
+const Loading_1 = __importDefault(require("../../elements/Loading"));
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const SaveDraft_1 = __importDefault(require("../../elements/SaveDraft"));
+const Publish_1 = __importDefault(require("../../elements/Publish"));
+const Status_1 = __importDefault(require("../../elements/Status"));
+const Autosave_1 = __importDefault(require("../../elements/Autosave"));
+const OperationProvider_1 = require("../../utilities/OperationProvider");
+const Gutter_1 = require("../../elements/Gutter");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'global-edit';
 const DefaultGlobalView = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    const { admin: { dateFormat } } = useConfig();
-    const { publishedDoc } = useDocumentInfo();
-    const { t, i18n } = useTranslation('general');
+    const { admin: { dateFormat } } = (0, Config_1.useConfig)();
+    const { publishedDoc } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
     const { global, data, onSave, permissions, action, apiURL, initialState, isLoading, updatedAt, } = props;
     const { fields, preview, versions, label, admin: { description, hideAPIURL, } = {}, } = global;
     const hasSavePermission = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.update) === null || _a === void 0 ? void 0 : _a.permission;
-    return (React.createElement("div", { className: baseClass },
-        isLoading && (React.createElement(Loading, null)),
-        !isLoading && (React.createElement(OperationContext.Provider, { value: "update" },
-            React.createElement(Form, { className: `${baseClass}__form`, method: "post", action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
-                React.createElement("div", { className: `${baseClass}__main` },
-                    React.createElement(Meta, { title: getTranslation(label, i18n), description: getTranslation(label, i18n), keywords: `${getTranslation(label, i18n)}, Payload, CMS` }),
-                    React.createElement(Eyebrow, null),
-                    !(((_b = global.versions) === null || _b === void 0 ? void 0 : _b.drafts) && ((_d = (_c = global.versions) === null || _c === void 0 ? void 0 : _c.drafts) === null || _d === void 0 ? void 0 : _d.autosave)) && (React.createElement(LeaveWithoutSaving, null)),
-                    React.createElement(Gutter, { className: `${baseClass}__edit` },
-                        React.createElement("header", { className: `${baseClass}__header` },
-                            React.createElement("h1", null, t('editLabel', { label: getTranslation(label, i18n) })),
-                            description && (React.createElement("div", { className: `${baseClass}__sub-header` },
-                                React.createElement(ViewDescription, { description: description })))),
-                        React.createElement(RenderFields, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => (!field.admin.position || (field.admin.position && field.admin.position !== 'sidebar')), fieldTypes: fieldTypes, fieldSchema: fields }))),
-                React.createElement("div", { className: `${baseClass}__sidebar-wrap` },
-                    React.createElement("div", { className: `${baseClass}__sidebar` },
-                        React.createElement("div", { className: `${baseClass}__sidebar-sticky-wrap` },
-                            React.createElement("div", { className: `${baseClass}__document-actions${((((_e = global.versions) === null || _e === void 0 ? void 0 : _e.drafts) && !((_g = (_f = global.versions) === null || _f === void 0 ? void 0 : _f.drafts) === null || _g === void 0 ? void 0 : _g.autosave)) || preview) ? ` ${baseClass}__document-actions--has-2` : ''}` },
-                                (preview && (!((_h = global.versions) === null || _h === void 0 ? void 0 : _h.drafts) || ((_k = (_j = global.versions) === null || _j === void 0 ? void 0 : _j.drafts) === null || _k === void 0 ? void 0 : _k.autosave))) && (React.createElement(PreviewButton, { generatePreviewURL: preview })),
-                                hasSavePermission && (React.createElement(React.Fragment, null,
-                                    ((_l = global.versions) === null || _l === void 0 ? void 0 : _l.drafts) && (React.createElement(React.Fragment, null,
-                                        !global.versions.drafts.autosave && (React.createElement(SaveDraft, null)),
-                                        React.createElement(Publish, null))),
-                                    !((_m = global.versions) === null || _m === void 0 ? void 0 : _m.drafts) && (React.createElement(FormSubmit, { buttonId: "action-save" }, t('save')))))),
-                            React.createElement("div", { className: `${baseClass}__sidebar-fields` },
-                                (preview && (((_o = global.versions) === null || _o === void 0 ? void 0 : _o.drafts) && !((_q = (_p = global.versions) === null || _p === void 0 ? void 0 : _p.drafts) === null || _q === void 0 ? void 0 : _q.autosave))) && (React.createElement(PreviewButton, { generatePreviewURL: preview })),
-                                ((_r = global.versions) === null || _r === void 0 ? void 0 : _r.drafts) && (React.createElement(React.Fragment, null,
-                                    React.createElement(Status, null),
-                                    (global.versions.drafts.autosave && hasSavePermission) && (React.createElement(Autosave, { publishedDocUpdatedAt: (publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc.updatedAt) || (data === null || data === void 0 ? void 0 : data.createdAt), global: global })))),
-                                React.createElement(RenderFields, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => field.admin.position === 'sidebar', fieldTypes: fieldTypes, fieldSchema: fields })),
-                            React.createElement("ul", { className: `${baseClass}__meta` },
-                                versions && (React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, t('version:versions')),
-                                    React.createElement(VersionsCount, { global: global }))),
-                                (data && !hideAPIURL) && (React.createElement("li", { className: `${baseClass}__api-url` },
-                                    React.createElement("span", { className: `${baseClass}__label` },
+    return (react_1.default.createElement("div", { className: baseClass },
+        isLoading && (react_1.default.createElement(Loading_1.default, null)),
+        !isLoading && (react_1.default.createElement(OperationProvider_1.OperationContext.Provider, { value: "update" },
+            react_1.default.createElement(Form_1.default, { className: `${baseClass}__form`, method: "post", action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
+                react_1.default.createElement("div", { className: `${baseClass}__main` },
+                    react_1.default.createElement(Meta_1.default, { title: (0, getTranslation_1.getTranslation)(label, i18n), description: (0, getTranslation_1.getTranslation)(label, i18n), keywords: `${(0, getTranslation_1.getTranslation)(label, i18n)}, Payload, CMS` }),
+                    react_1.default.createElement(Eyebrow_1.default, null),
+                    !(((_b = global.versions) === null || _b === void 0 ? void 0 : _b.drafts) && ((_d = (_c = global.versions) === null || _c === void 0 ? void 0 : _c.drafts) === null || _d === void 0 ? void 0 : _d.autosave)) && (react_1.default.createElement(LeaveWithoutSaving_1.default, null)),
+                    react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__edit` },
+                        react_1.default.createElement("header", { className: `${baseClass}__header` },
+                            react_1.default.createElement("h1", null, t('editLabel', { label: (0, getTranslation_1.getTranslation)(label, i18n) })),
+                            description && (react_1.default.createElement("div", { className: `${baseClass}__sub-header` },
+                                react_1.default.createElement(ViewDescription_1.default, { description: description })))),
+                        react_1.default.createElement(RenderFields_1.default, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => (!field.admin.position || (field.admin.position && field.admin.position !== 'sidebar')), fieldTypes: field_types_1.default, fieldSchema: fields }))),
+                react_1.default.createElement("div", { className: `${baseClass}__sidebar-wrap` },
+                    react_1.default.createElement("div", { className: `${baseClass}__sidebar` },
+                        react_1.default.createElement("div", { className: `${baseClass}__sidebar-sticky-wrap` },
+                            react_1.default.createElement("div", { className: `${baseClass}__document-actions${((((_e = global.versions) === null || _e === void 0 ? void 0 : _e.drafts) && !((_g = (_f = global.versions) === null || _f === void 0 ? void 0 : _f.drafts) === null || _g === void 0 ? void 0 : _g.autosave)) || preview) ? ` ${baseClass}__document-actions--has-2` : ''}` },
+                                (preview && (!((_h = global.versions) === null || _h === void 0 ? void 0 : _h.drafts) || ((_k = (_j = global.versions) === null || _j === void 0 ? void 0 : _j.drafts) === null || _k === void 0 ? void 0 : _k.autosave))) && (react_1.default.createElement(PreviewButton_1.default, { generatePreviewURL: preview })),
+                                hasSavePermission && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    ((_l = global.versions) === null || _l === void 0 ? void 0 : _l.drafts) && (react_1.default.createElement(react_1.default.Fragment, null,
+                                        !global.versions.drafts.autosave && (react_1.default.createElement(SaveDraft_1.default, null)),
+                                        react_1.default.createElement(Publish_1.default, null))),
+                                    !((_m = global.versions) === null || _m === void 0 ? void 0 : _m.drafts) && (react_1.default.createElement(Submit_1.default, { buttonId: "action-save" }, t('save')))))),
+                            react_1.default.createElement("div", { className: `${baseClass}__sidebar-fields` },
+                                (preview && (((_o = global.versions) === null || _o === void 0 ? void 0 : _o.drafts) && !((_q = (_p = global.versions) === null || _p === void 0 ? void 0 : _p.drafts) === null || _q === void 0 ? void 0 : _q.autosave))) && (react_1.default.createElement(PreviewButton_1.default, { generatePreviewURL: preview })),
+                                ((_r = global.versions) === null || _r === void 0 ? void 0 : _r.drafts) && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    react_1.default.createElement(Status_1.default, null),
+                                    (global.versions.drafts.autosave && hasSavePermission) && (react_1.default.createElement(Autosave_1.default, { publishedDocUpdatedAt: (publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc.updatedAt) || (data === null || data === void 0 ? void 0 : data.createdAt), global: global })))),
+                                react_1.default.createElement(RenderFields_1.default, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => field.admin.position === 'sidebar', fieldTypes: field_types_1.default, fieldSchema: fields })),
+                            react_1.default.createElement("ul", { className: `${baseClass}__meta` },
+                                versions && (react_1.default.createElement("li", null,
+                                    react_1.default.createElement("div", { className: `${baseClass}__label` }, t('version:versions')),
+                                    react_1.default.createElement(VersionsCount_1.default, { global: global }))),
+                                (data && !hideAPIURL) && (react_1.default.createElement("li", { className: `${baseClass}__api-url` },
+                                    react_1.default.createElement("span", { className: `${baseClass}__label` },
                                         "API URL",
                                         ' ',
-                                        React.createElement(CopyToClipboard, { value: apiURL })),
-                                    React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL))),
-                                updatedAt && (React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, t('lastModified')),
-                                    React.createElement("div", null, format(new Date(updatedAt), dateFormat)))))))))))));
+                                        react_1.default.createElement(CopyToClipboard_1.default, { value: apiURL })),
+                                    react_1.default.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL))),
+                                updatedAt && (react_1.default.createElement("li", null,
+                                    react_1.default.createElement("div", { className: `${baseClass}__label` }, t('lastModified')),
+                                    react_1.default.createElement("div", null, (0, format_1.default)(new Date(updatedAt), dateFormat)))))))))))));
 };
-export default DefaultGlobalView;
+exports.default = DefaultGlobalView;