payload 1.4.2 → 1.5.1

package/dist/admin/components/views/collections/Edit/Auth/APIKey.js

@@ -1,25 +1,53 @@
-import React, { useMemo, useState, useEffect } from 'react';
-import { v4 as uuidv4 } from 'uuid';
-import { useTranslation } from 'react-i18next';
-import useField from '../../../../forms/useField';
-import Label from '../../../../forms/Label';
-import CopyToClipboard from '../../../../elements/CopyToClipboard';
-import { text } from '../../../../../../fields/validations';
-import { useFormFields } from '../../../../forms/Form/context';
-import GenerateConfirmation from '../../../../elements/GenerateConfirmation';
+"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 uuid_1 = require("uuid");
+const react_i18next_1 = require("react-i18next");
+const useField_1 = __importDefault(require("../../../../forms/useField"));
+const Label_1 = __importDefault(require("../../../../forms/Label"));
+const CopyToClipboard_1 = __importDefault(require("../../../../elements/CopyToClipboard"));
+const validations_1 = require("../../../../../../fields/validations");
+const context_1 = require("../../../../forms/Form/context");
+const GenerateConfirmation_1 = __importDefault(require("../../../../elements/GenerateConfirmation"));
 const path = 'apiKey';
 const baseClass = 'api-key';
 const APIKey = () => {
-    const [initialAPIKey, setInitialAPIKey] = useState(null);
-    const [highlightedField, setHighlightedField] = useState(false);
-    const { t } = useTranslation();
-    const apiKey = useFormFields(([fields]) => fields[path]);
-    const validate = (val) => text(val, { minLength: 24, maxLength: 48, data: {}, siblingData: {}, t });
+    const [initialAPIKey, setInitialAPIKey] = (0, react_1.useState)(null);
+    const [highlightedField, setHighlightedField] = (0, react_1.useState)(false);
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const apiKey = (0, context_1.useFormFields)(([fields]) => fields[path]);
+    const validate = (val) => (0, validations_1.text)(val, { minLength: 24, maxLength: 48, data: {}, siblingData: {}, t });
     const apiKeyValue = apiKey === null || apiKey === void 0 ? void 0 : apiKey.value;
-    const APIKeyLabel = useMemo(() => (React.createElement("div", { className: `${baseClass}__label` },
-        React.createElement("span", null, "API Key"),
-        React.createElement(CopyToClipboard, { value: apiKeyValue }))), [apiKeyValue]);
-    const fieldType = useField({
+    const APIKeyLabel = (0, react_1.useMemo)(() => (react_1.default.createElement("div", { className: `${baseClass}__label` },
+        react_1.default.createElement("span", null, "API Key"),
+        react_1.default.createElement(CopyToClipboard_1.default, { value: apiKeyValue }))), [apiKeyValue]);
+    const fieldType = (0, useField_1.default)({
         path: 'apiKey',
         validate,
     });
@@ -32,15 +60,15 @@ const APIKey = () => {
         }, 1);
     };
     const { value, setValue, } = fieldType;
-    useEffect(() => {
-        setInitialAPIKey(uuidv4());
+    (0, react_1.useEffect)(() => {
+        setInitialAPIKey((0, uuid_1.v4)());
     }, []);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!apiKeyValue) {
             setValue(initialAPIKey);
         }
     }, [apiKeyValue, setValue, initialAPIKey]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (highlightedField) {
             setTimeout(() => {
                 setHighlightedField(false);
@@ -52,10 +80,10 @@ const APIKey = () => {
         'api-key',
         'read-only',
     ].filter(Boolean).join(' ');
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: classes },
-            React.createElement(Label, { htmlFor: path, label: APIKeyLabel }),
-            React.createElement("input", { value: value || '', className: highlightedField ? 'highlight' : undefined, disabled: true, type: "text", id: "apiKey", name: "apiKey" })),
-        React.createElement(GenerateConfirmation, { setKey: () => setValue(uuidv4()), highlightField: highlightField })));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: classes },
+            react_1.default.createElement(Label_1.default, { htmlFor: path, label: APIKeyLabel }),
+            react_1.default.createElement("input", { value: value || '', className: highlightedField ? 'highlight' : undefined, disabled: true, type: "text", id: "apiKey", name: "apiKey" })),
+        react_1.default.createElement(GenerateConfirmation_1.default, { setKey: () => setValue((0, uuid_1.v4)()), highlightField: highlightField })));
 };
-export default APIKey;
+exports.default = APIKey;

package/dist/admin/components/views/collections/Edit/Auth/index.js

@@ -1,32 +1,60 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { toast } from 'react-toastify';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../../utilities/Config';
-import Email from '../../../../forms/field-types/Email';
-import Password from '../../../../forms/field-types/Password';
-import Checkbox from '../../../../forms/field-types/Checkbox';
-import Button from '../../../../elements/Button';
-import ConfirmPassword from '../../../../forms/field-types/ConfirmPassword';
-import { useFormModified, useFormFields } from '../../../../forms/Form/context';
-import APIKey from './APIKey';
-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_toastify_1 = require("react-toastify");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../../utilities/Config");
+const Email_1 = __importDefault(require("../../../../forms/field-types/Email"));
+const Password_1 = __importDefault(require("../../../../forms/field-types/Password"));
+const Checkbox_1 = __importDefault(require("../../../../forms/field-types/Checkbox"));
+const Button_1 = __importDefault(require("../../../../elements/Button"));
+const ConfirmPassword_1 = __importDefault(require("../../../../forms/field-types/ConfirmPassword"));
+const context_1 = require("../../../../forms/Form/context");
+const APIKey_1 = __importDefault(require("./APIKey"));
+require("./index.scss");
 const baseClass = 'auth-fields';
 const Auth = (props) => {
     const { useAPIKey, requirePassword, verify, collection: { slug }, collection, email, operation } = props;
-    const [changingPassword, setChangingPassword] = useState(requirePassword);
-    const enableAPIKey = useFormFields(([fields]) => fields.enableAPIKey);
-    const dispatchFields = useFormFields((reducer) => reducer[1]);
-    const modified = useFormModified();
-    const { t, i18n } = useTranslation('authentication');
-    const { serverURL, routes: { api, }, } = useConfig();
-    const handleChangePassword = useCallback(async (state) => {
+    const [changingPassword, setChangingPassword] = (0, react_1.useState)(requirePassword);
+    const enableAPIKey = (0, context_1.useFormFields)(([fields]) => fields.enableAPIKey);
+    const dispatchFields = (0, context_1.useFormFields)((reducer) => reducer[1]);
+    const modified = (0, context_1.useFormModified)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('authentication');
+    const { serverURL, routes: { api, }, } = (0, Config_1.useConfig)();
+    const handleChangePassword = (0, react_1.useCallback)(async (state) => {
         if (!state) {
             dispatchFields({ type: 'REMOVE', path: 'password' });
             dispatchFields({ type: 'REMOVE', path: 'confirm-password' });
         }
         setChangingPassword(state);
     }, [dispatchFields]);
-    const unlock = useCallback(async () => {
+    const unlock = (0, react_1.useCallback)(async () => {
         const url = `${serverURL}${api}/${slug}/unlock`;
         const response = await fetch(url, {
             credentials: 'include',
@@ -40,13 +68,13 @@ const Auth = (props) => {
             method: 'post',
         });
         if (response.status === 200) {
-            toast.success(t('successfullyUnlocked'), { autoClose: 3000 });
+            react_toastify_1.toast.success(t('successfullyUnlocked'), { autoClose: 3000 });
         }
         else {
-            toast.error(t('failedToUnlock'));
+            react_toastify_1.toast.error(t('failedToUnlock'));
         }
     }, [i18n, serverURL, api, slug, email, t]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!modified) {
             setChangingPassword(false);
         }
@@ -54,17 +82,17 @@ const Auth = (props) => {
     if (collection.auth.disableLocalStrategy) {
         return null;
     }
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Email, { required: true, name: "email", label: t('general:email'), admin: { autoComplete: 'email' } }),
-        (changingPassword || requirePassword) && (React.createElement("div", { className: `${baseClass}__changing-password` },
-            React.createElement(Password, { autoComplete: "off", required: true, name: "password", label: t('newPassword') }),
-            React.createElement(ConfirmPassword, null),
-            !requirePassword && (React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => handleChangePassword(false) }, t('general:cancel'))))),
-        (!changingPassword && !requirePassword) && (React.createElement(Button, { id: "change-password", size: "small", buttonStyle: "secondary", onClick: () => handleChangePassword(true) }, t('changePassword'))),
-        operation === 'update' && (React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => unlock() }, t('forceUnlock'))),
-        useAPIKey && (React.createElement("div", { className: `${baseClass}__api-key` },
-            React.createElement(Checkbox, { label: t('enableAPIKey'), name: "enableAPIKey" }),
-            (enableAPIKey === null || enableAPIKey === void 0 ? void 0 : enableAPIKey.value) && (React.createElement(APIKey, null)))),
-        verify && (React.createElement(Checkbox, { label: t('verified'), name: "_verified" }))));
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(Email_1.default, { required: true, name: "email", label: t('general:email'), admin: { autoComplete: 'email' } }),
+        (changingPassword || requirePassword) && (react_1.default.createElement("div", { className: `${baseClass}__changing-password` },
+            react_1.default.createElement(Password_1.default, { autoComplete: "off", required: true, name: "password", label: t('newPassword') }),
+            react_1.default.createElement(ConfirmPassword_1.default, null),
+            !requirePassword && (react_1.default.createElement(Button_1.default, { size: "small", buttonStyle: "secondary", onClick: () => handleChangePassword(false) }, t('general:cancel'))))),
+        (!changingPassword && !requirePassword) && (react_1.default.createElement(Button_1.default, { id: "change-password", size: "small", buttonStyle: "secondary", onClick: () => handleChangePassword(true) }, t('changePassword'))),
+        operation === 'update' && (react_1.default.createElement(Button_1.default, { size: "small", buttonStyle: "secondary", onClick: () => unlock() }, t('forceUnlock'))),
+        useAPIKey && (react_1.default.createElement("div", { className: `${baseClass}__api-key` },
+            react_1.default.createElement(Checkbox_1.default, { label: t('enableAPIKey'), name: "enableAPIKey" }),
+            (enableAPIKey === null || enableAPIKey === void 0 ? void 0 : enableAPIKey.value) && (react_1.default.createElement(APIKey_1.default, null)))),
+        verify && (react_1.default.createElement(Checkbox_1.default, { label: t('verified'), name: "_verified" }))));
 };
-export default Auth;
+exports.default = Auth;

package/dist/admin/components/views/collections/Edit/Auth/types.d.ts

@@ -1,6 +1,6 @@
 import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
 import { VerifyConfig } from '../../../../../../auth/types';
-export declare type Props = {
+export type Props = {
     useAPIKey?: boolean;
     requirePassword?: boolean;
     verify?: VerifyConfig | boolean;

package/dist/admin/components/views/collections/Edit/Auth/types.js

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

package/dist/admin/components/views/collections/Edit/Default.js

@@ -1,40 +1,45 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-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 Loading from '../../../elements/Loading';
-import PreviewButton from '../../../elements/PreviewButton';
-import FormSubmit from '../../../forms/Submit';
-import RenderFields from '../../../forms/RenderFields';
-import CopyToClipboard from '../../../elements/CopyToClipboard';
-import DuplicateDocument from '../../../elements/DuplicateDocument';
-import DeleteDocument from '../../../elements/DeleteDocument';
-import Meta from '../../../utilities/Meta';
-import fieldTypes from '../../../forms/field-types';
-import RenderTitle from '../../../elements/RenderTitle';
-import LeaveWithoutSaving from '../../../modals/LeaveWithoutSaving';
-import Auth from './Auth';
-import VersionsCount from '../../../elements/VersionsCount';
-import Upload from './Upload';
-import Autosave from '../../../elements/Autosave';
-import Status from '../../../elements/Status';
-import Publish from '../../../elements/Publish';
-import SaveDraft from '../../../elements/SaveDraft';
-import { useDocumentInfo } from '../../../utilities/DocumentInfo';
-import { OperationContext } from '../../../utilities/OperationProvider';
-import { Gutter } from '../../../elements/Gutter';
-import { getTranslation } from '../../../../../utilities/getTranslation';
-import { SetStepNav } from './SetStepNav';
-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 react_router_dom_1 = require("react-router-dom");
+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 Loading_1 = __importDefault(require("../../../elements/Loading"));
+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 DuplicateDocument_1 = __importDefault(require("../../../elements/DuplicateDocument"));
+const DeleteDocument_1 = __importDefault(require("../../../elements/DeleteDocument"));
+const Meta_1 = __importDefault(require("../../../utilities/Meta"));
+const field_types_1 = __importDefault(require("../../../forms/field-types"));
+const RenderTitle_1 = __importDefault(require("../../../elements/RenderTitle"));
+const LeaveWithoutSaving_1 = __importDefault(require("../../../modals/LeaveWithoutSaving"));
+const Auth_1 = __importDefault(require("./Auth"));
+const VersionsCount_1 = __importDefault(require("../../../elements/VersionsCount"));
+const Upload_1 = __importDefault(require("./Upload"));
+const Autosave_1 = __importDefault(require("../../../elements/Autosave"));
+const Status_1 = __importDefault(require("../../../elements/Status"));
+const Publish_1 = __importDefault(require("../../../elements/Publish"));
+const SaveDraft_1 = __importDefault(require("../../../elements/SaveDraft"));
+const DocumentInfo_1 = require("../../../utilities/DocumentInfo");
+const OperationProvider_1 = require("../../../utilities/OperationProvider");
+const Gutter_1 = require("../../../elements/Gutter");
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+const SetStepNav_1 = require("./SetStepNav");
+require("./index.scss");
 const baseClass = 'collection-edit';
 const DefaultEditView = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    const { admin: { dateFormat }, routes: { admin } } = useConfig();
-    const { publishedDoc } = useDocumentInfo();
-    const { t, i18n } = useTranslation('general');
+    const { admin: { dateFormat }, routes: { admin } } = (0, Config_1.useConfig)();
+    const { publishedDoc } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
     const { collection, isEditing, data, onSave, permissions, isLoading, initialState, apiURL, action, hasSavePermission, disableEyebrow, disableActions, disableLeaveWithoutSaving, customHeader, id, updatedAt, } = props;
     const { slug, fields, admin: { useAsTitle, disableDuplicate, preview, hideAPIURL, }, versions, timestamps, auth, upload, } = collection;
     const classes = [
@@ -42,63 +47,63 @@ const DefaultEditView = (props) => {
         isEditing && `${baseClass}--is-editing`,
     ].filter(Boolean).join(' ');
     const operation = isEditing ? 'update' : 'create';
-    return (React.createElement("div", { className: classes },
-        isLoading && (React.createElement(Loading, null)),
-        !isLoading && (React.createElement(OperationContext.Provider, { value: operation },
-            React.createElement(Form, { className: `${baseClass}__form`, method: id ? 'patch' : 'post', action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
-                !disableEyebrow && (React.createElement(SetStepNav, { collection: collection, isEditing: isEditing, id: data.id })),
-                React.createElement("div", { className: `${baseClass}__main` },
-                    React.createElement(Meta, { title: `${isEditing ? t('editing') : t('creating')} - ${getTranslation(collection.labels.singular, i18n)}`, description: `${isEditing ? t('editing') : t('creating')} - ${getTranslation(collection.labels.singular, i18n)}`, keywords: `${getTranslation(collection.labels.singular, i18n)}, Payload, CMS` }),
-                    !disableEyebrow && (React.createElement(Eyebrow, null)),
-                    (!(((_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) && ((_c = (_b = collection.versions) === null || _b === void 0 ? void 0 : _b.drafts) === null || _c === void 0 ? void 0 : _c.autosave)) && !disableLeaveWithoutSaving) && (React.createElement(LeaveWithoutSaving, null)),
-                    React.createElement(Gutter, { className: `${baseClass}__edit` },
-                        React.createElement("header", { className: `${baseClass}__header` },
+    return (react_1.default.createElement("div", { className: classes },
+        isLoading && (react_1.default.createElement(Loading_1.default, null)),
+        !isLoading && (react_1.default.createElement(OperationProvider_1.OperationContext.Provider, { value: operation },
+            react_1.default.createElement(Form_1.default, { className: `${baseClass}__form`, method: id ? 'patch' : 'post', action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
+                !disableEyebrow && (react_1.default.createElement(SetStepNav_1.SetStepNav, { collection: collection, isEditing: isEditing, id: data.id })),
+                react_1.default.createElement("div", { className: `${baseClass}__main` },
+                    react_1.default.createElement(Meta_1.default, { title: `${isEditing ? t('editing') : t('creating')} - ${(0, getTranslation_1.getTranslation)(collection.labels.singular, i18n)}`, description: `${isEditing ? t('editing') : t('creating')} - ${(0, getTranslation_1.getTranslation)(collection.labels.singular, i18n)}`, keywords: `${(0, getTranslation_1.getTranslation)(collection.labels.singular, i18n)}, Payload, CMS` }),
+                    !disableEyebrow && (react_1.default.createElement(Eyebrow_1.default, null)),
+                    (!(((_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) && ((_c = (_b = collection.versions) === null || _b === void 0 ? void 0 : _b.drafts) === null || _c === void 0 ? void 0 : _c.autosave)) && !disableLeaveWithoutSaving) && (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` },
                             customHeader && customHeader,
-                            !customHeader && (React.createElement("h1", null,
-                                React.createElement(RenderTitle, { ...{ data, useAsTitle, fallback: `[${t('untitled')}]` } })))),
-                        auth && (React.createElement(Auth, { useAPIKey: auth.useAPIKey, requirePassword: !isEditing, verify: auth.verify, collection: collection, email: data === null || data === void 0 ? void 0 : data.email, operation: operation })),
-                        upload && (React.createElement(Upload, { data: data, collection: collection })),
-                        React.createElement(RenderFields, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => { var _a, _b; return (!((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) || (((_b = field === null || field === void 0 ? void 0 : field.admin) === null || _b === void 0 ? void 0 : _b.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` },
-                            !disableActions && (React.createElement("ul", { className: `${baseClass}__collection-actions` },
-                                ((_d = permissions === null || permissions === void 0 ? void 0 : permissions.create) === null || _d === void 0 ? void 0 : _d.permission) && (React.createElement(React.Fragment, null,
-                                    React.createElement("li", null,
-                                        React.createElement(Link, { id: "action-create", to: `${admin}/collections/${slug}/create` }, t('createNew'))),
-                                    !disableDuplicate && isEditing && (React.createElement("li", null,
-                                        React.createElement(DuplicateDocument, { collection: collection, id: id, slug: slug }))))),
-                                ((_e = permissions === null || permissions === void 0 ? void 0 : permissions.delete) === null || _e === void 0 ? void 0 : _e.permission) && (React.createElement("li", null,
-                                    React.createElement(DeleteDocument, { collection: collection, id: id, buttonId: "action-delete" }))))),
-                            React.createElement("div", { className: `${baseClass}__document-actions${((((_f = collection.versions) === null || _f === void 0 ? void 0 : _f.drafts) && !((_h = (_g = collection.versions) === null || _g === void 0 ? void 0 : _g.drafts) === null || _h === void 0 ? void 0 : _h.autosave)) || (isEditing && preview)) ? ` ${baseClass}__document-actions--has-2` : ''}` },
-                                (preview && (!((_j = collection.versions) === null || _j === void 0 ? void 0 : _j.drafts) || ((_l = (_k = collection.versions) === null || _k === void 0 ? void 0 : _k.drafts) === null || _l === void 0 ? void 0 : _l.autosave))) && (React.createElement(PreviewButton, { generatePreviewURL: preview })),
-                                hasSavePermission && (React.createElement(React.Fragment, null,
-                                    ((_m = collection.versions) === null || _m === void 0 ? void 0 : _m.drafts) && (React.createElement(React.Fragment, null,
-                                        !collection.versions.drafts.autosave && (React.createElement(SaveDraft, null)),
-                                        React.createElement(Publish, null))),
-                                    !((_o = collection.versions) === null || _o === void 0 ? void 0 : _o.drafts) && (React.createElement(FormSubmit, { buttonId: "action-save" }, t('save')))))),
-                            React.createElement("div", { className: `${baseClass}__sidebar-fields` },
-                                (isEditing && preview && (((_p = collection.versions) === null || _p === void 0 ? void 0 : _p.drafts) && !((_r = (_q = collection.versions) === null || _q === void 0 ? void 0 : _q.drafts) === null || _r === void 0 ? void 0 : _r.autosave))) && (React.createElement(PreviewButton, { generatePreviewURL: preview })),
-                                ((_s = collection.versions) === null || _s === void 0 ? void 0 : _s.drafts) && (React.createElement(React.Fragment, null,
-                                    React.createElement(Status, null),
-                                    (((_t = collection.versions) === null || _t === void 0 ? void 0 : _t.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), collection: collection, id: id })))),
-                                React.createElement(RenderFields, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) === 'sidebar'; }, fieldTypes: fieldTypes, fieldSchema: fields })),
-                            isEditing && (React.createElement("ul", { className: `${baseClass}__meta` },
-                                !hideAPIURL && (React.createElement("li", { className: `${baseClass}__api-url` },
-                                    React.createElement("span", { className: `${baseClass}__label` },
+                            !customHeader && (react_1.default.createElement("h1", null,
+                                react_1.default.createElement(RenderTitle_1.default, { ...{ data, useAsTitle, fallback: `[${t('untitled')}]` } })))),
+                        auth && (react_1.default.createElement(Auth_1.default, { useAPIKey: auth.useAPIKey, requirePassword: !isEditing, verify: auth.verify, collection: collection, email: data === null || data === void 0 ? void 0 : data.email, operation: operation })),
+                        upload && (react_1.default.createElement(Upload_1.default, { data: data, collection: collection })),
+                        react_1.default.createElement(RenderFields_1.default, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => { var _a, _b; return (!((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) || (((_b = field === null || field === void 0 ? void 0 : field.admin) === null || _b === void 0 ? void 0 : _b.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` },
+                            !disableActions && (react_1.default.createElement("ul", { className: `${baseClass}__collection-actions` },
+                                ((_d = permissions === null || permissions === void 0 ? void 0 : permissions.create) === null || _d === void 0 ? void 0 : _d.permission) && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    react_1.default.createElement("li", null,
+                                        react_1.default.createElement(react_router_dom_1.Link, { id: "action-create", to: `${admin}/collections/${slug}/create` }, t('createNew'))),
+                                    !disableDuplicate && isEditing && (react_1.default.createElement("li", null,
+                                        react_1.default.createElement(DuplicateDocument_1.default, { collection: collection, id: id, slug: slug }))))),
+                                ((_e = permissions === null || permissions === void 0 ? void 0 : permissions.delete) === null || _e === void 0 ? void 0 : _e.permission) && (react_1.default.createElement("li", null,
+                                    react_1.default.createElement(DeleteDocument_1.default, { collection: collection, id: id, buttonId: "action-delete" }))))),
+                            react_1.default.createElement("div", { className: `${baseClass}__document-actions${((((_f = collection.versions) === null || _f === void 0 ? void 0 : _f.drafts) && !((_h = (_g = collection.versions) === null || _g === void 0 ? void 0 : _g.drafts) === null || _h === void 0 ? void 0 : _h.autosave)) || (isEditing && preview)) ? ` ${baseClass}__document-actions--has-2` : ''}` },
+                                (preview && (!((_j = collection.versions) === null || _j === void 0 ? void 0 : _j.drafts) || ((_l = (_k = collection.versions) === null || _k === void 0 ? void 0 : _k.drafts) === null || _l === void 0 ? void 0 : _l.autosave))) && (react_1.default.createElement(PreviewButton_1.default, { generatePreviewURL: preview })),
+                                hasSavePermission && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    ((_m = collection.versions) === null || _m === void 0 ? void 0 : _m.drafts) && (react_1.default.createElement(react_1.default.Fragment, null,
+                                        !collection.versions.drafts.autosave && (react_1.default.createElement(SaveDraft_1.default, null)),
+                                        react_1.default.createElement(Publish_1.default, null))),
+                                    !((_o = collection.versions) === null || _o === void 0 ? void 0 : _o.drafts) && (react_1.default.createElement(Submit_1.default, { buttonId: "action-save" }, t('save')))))),
+                            react_1.default.createElement("div", { className: `${baseClass}__sidebar-fields` },
+                                (isEditing && preview && (((_p = collection.versions) === null || _p === void 0 ? void 0 : _p.drafts) && !((_r = (_q = collection.versions) === null || _q === void 0 ? void 0 : _q.drafts) === null || _r === void 0 ? void 0 : _r.autosave))) && (react_1.default.createElement(PreviewButton_1.default, { generatePreviewURL: preview })),
+                                ((_s = collection.versions) === null || _s === void 0 ? void 0 : _s.drafts) && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    react_1.default.createElement(Status_1.default, null),
+                                    (((_t = collection.versions) === null || _t === void 0 ? void 0 : _t.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), collection: collection, id: id })))),
+                                react_1.default.createElement(RenderFields_1.default, { readOnly: !hasSavePermission, permissions: permissions.fields, filter: (field) => { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) === 'sidebar'; }, fieldTypes: field_types_1.default, fieldSchema: fields })),
+                            isEditing && (react_1.default.createElement("ul", { className: `${baseClass}__meta` },
+                                !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))),
-                                versions && (React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, t('version:versions')),
-                                    React.createElement(VersionsCount, { collection: collection, id: id }))),
-                                timestamps && (React.createElement(React.Fragment, null,
-                                    updatedAt && (React.createElement("li", null,
-                                        React.createElement("div", { className: `${baseClass}__label` }, t('lastModified')),
-                                        React.createElement("div", null, format(new Date(updatedAt), dateFormat)))),
-                                    ((publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc.createdAt) || (data === null || data === void 0 ? void 0 : data.createdAt)) && (React.createElement("li", null,
-                                        React.createElement("div", { className: `${baseClass}__label` }, t('created')),
-                                        React.createElement("div", null, format(new Date((publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc.createdAt) || (data === null || data === void 0 ? void 0 : data.createdAt)), dateFormat))))))))))))))));
+                                        react_1.default.createElement(CopyToClipboard_1.default, { value: apiURL })),
+                                    react_1.default.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL))),
+                                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, { collection: collection, id: id }))),
+                                timestamps && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    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)))),
+                                    ((publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc.createdAt) || (data === null || data === void 0 ? void 0 : data.createdAt)) && (react_1.default.createElement("li", null,
+                                        react_1.default.createElement("div", { className: `${baseClass}__label` }, t('created')),
+                                        react_1.default.createElement("div", null, (0, format_1.default)(new Date((publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc.createdAt) || (data === null || data === void 0 ? void 0 : data.createdAt)), dateFormat))))))))))))))));
 };
-export default DefaultEditView;
+exports.default = DefaultEditView;

package/dist/admin/components/views/collections/Edit/SetStepNav.js

@@ -1,19 +1,25 @@
-import { useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { getTranslation } from '../../../../../utilities/getTranslation';
-import useTitle from '../../../../hooks/useTitle';
-import { useStepNav } from '../../../elements/StepNav';
-import { useConfig } from '../../../utilities/Config';
-export const SetStepNav = ({ collection, isEditing, id }) => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetStepNav = void 0;
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+const useTitle_1 = __importDefault(require("../../../../hooks/useTitle"));
+const StepNav_1 = require("../../../elements/StepNav");
+const Config_1 = require("../../../utilities/Config");
+const SetStepNav = ({ collection, isEditing, id }) => {
     const { slug, labels: { plural: pluralLabel, }, admin: { useAsTitle, }, } = collection;
-    const { setStepNav } = useStepNav();
-    const { t, i18n } = useTranslation('general');
-    const { routes: { admin } } = useConfig();
-    const title = useTitle(useAsTitle);
-    useEffect(() => {
+    const { setStepNav } = (0, StepNav_1.useStepNav)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const { routes: { admin } } = (0, Config_1.useConfig)();
+    const title = (0, useTitle_1.default)(useAsTitle);
+    (0, react_1.useEffect)(() => {
         const nav = [{
                 url: `${admin}/collections/${slug}`,
-                label: getTranslation(pluralLabel, i18n),
+                label: (0, getTranslation_1.getTranslation)(pluralLabel, i18n),
             }];
         if (isEditing) {
             nav.push({
@@ -29,3 +35,4 @@ export const SetStepNav = ({ collection, isEditing, id }) => {
     }, [setStepNav, isEditing, pluralLabel, id, slug, useAsTitle, admin, t, i18n, title]);
     return null;
 };
+exports.SetStepNav = SetStepNav;