payload 0.15.1 → 0.15.4

package/dist/admin/components/forms/useField/index.js

@@ -1,21 +1,36 @@
 import { useCallback, useEffect, useState, } from 'react';
+import { useAuth } from '@payloadcms/config-provider';
 import { useFormProcessing, useFormSubmitted, useFormModified, useForm } from '../Form/context';
 import useDebounce from '../../../hooks/useDebounce';
+import { useDocumentInfo } from '../../utilities/DocumentInfo';
+import { useOperation } from '../../utilities/OperationProvider';
 const useField = (options) => {
     const { path, validate, enableDebouncedValue, disableFormData, ignoreWhileFlattening, condition, } = options;
     const formContext = useForm();
     const submitted = useFormSubmitted();
     const processing = useFormProcessing();
     const modified = useFormModified();
-    const { dispatchFields, getField, setModified, } = formContext || {};
+    const { user } = useAuth();
+    const { id } = useDocumentInfo();
+    const operation = useOperation();
+    const { dispatchFields, getField, getData, getSiblingData, setModified, } = formContext || {};
     const [internalValue, setInternalValue] = useState(undefined);
+    const [internallyValid, setInternallyValid] = useState(undefined);
     // Debounce internal values to update form state only every 60ms
     const debouncedValue = useDebounce(internalValue, 120);
     // Get field by path
     const field = getField(path);
     const initialValue = field === null || field === void 0 ? void 0 : field.initialValue;
-    // Valid could be a string equal to an error message
-    const valid = (field && typeof field.valid === 'boolean') ? field.valid : true;
+    // Validation is defined by two ways -
+    // 1. by field state
+    // 2. maintained locally to reflect instant validation state changes
+    let valid = true;
+    if (field && typeof field.valid === 'boolean') {
+        valid = field.valid;
+    }
+    if (typeof internallyValid === 'boolean') {
+        valid = internallyValid;
+    }
     const showError = valid === false && submitted;
     // Method to send update field values from field component(s)
     // Should only be used internally
@@ -31,25 +46,40 @@ const useField = (options) => {
             valid: false,
             errorMessage: undefined,
         };
-        const validationResult = typeof validate === 'function' ? await validate(valueToSend) : true;
+        const validateOptions = {
+            id,
+            user,
+            data: getData(),
+            siblingData: getSiblingData(path),
+            operation,
+        };
+        const validationResult = typeof validate === 'function' ? await validate(valueToSend, validateOptions) : true;
         if (typeof validationResult === 'string') {
             fieldToDispatch.errorMessage = validationResult;
             fieldToDispatch.valid = false;
+            setInternallyValid(false);
         }
         else {
             fieldToDispatch.valid = validationResult;
+            fieldToDispatch.errorMessage = undefined;
+            setInternallyValid(true);
         }
         if (typeof dispatchFields === 'function') {
             dispatchFields(fieldToDispatch);
         }
     }, [
-        path,
-        dispatchFields,
-        validate,
+        condition,
         disableFormData,
+        dispatchFields,
+        getData,
+        getSiblingData,
+        id,
         ignoreWhileFlattening,
         initialValue,
-        condition,
+        operation,
+        path,
+        user,
+        validate,
     ]);
     // Method to return from `useField`, used to
     // update internal field values from field component(s)
@@ -69,6 +99,7 @@ const useField = (options) => {
     ]);
     useEffect(() => {
         setInternalValue(initialValue);
+        setInternallyValid(undefined);
     }, [initialValue]);
     // The only time that the FORM value should be updated
     // is when the debounced value updates. So, when the debounced value updates,

package/dist/admin/components/utilities/OperationProvider/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const OperationContext: import("react").Context<any>;
+export declare type Operation = 'create' | 'update';
+export declare const useOperation: () => Operation | undefined;

package/dist/admin/components/utilities/OperationProvider/index.js

@@ -0,0 +1,3 @@
+import { useContext, createContext } from 'react';
+export const OperationContext = createContext(undefined);
+export const useOperation = () => useContext(OperationContext);

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

@@ -14,6 +14,7 @@ import LeaveWithoutSaving from '../../modals/LeaveWithoutSaving';
 import Meta from '../../utilities/Meta';
 import Auth from '../collections/Edit/Auth';
 import Loading from '../../elements/Loading';
+import { OperationContext } from '../../utilities/OperationProvider';
 import './index.scss';
 const baseClass = 'account';
 const DefaultAccount = (props) => {
@@ -26,44 +27,45 @@ const DefaultAccount = (props) => {
     ].filter(Boolean).join(' ');
     return (React.createElement("div", { className: classes },
         isLoading && (React.createElement(Loading, null)),
-        !isLoading && (React.createElement(Form, { className: `${baseClass}__form`, method: "put", action: action, initialState: initialState, disabled: !hasSavePermission },
-            React.createElement("div", { className: `${baseClass}__main` },
-                React.createElement(Meta, { title: "Account", description: "Account of current user", keywords: "Account, Dashboard, Payload, CMS" }),
-                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)) && (React.createElement(LeaveWithoutSaving, null)),
-                React.createElement("div", { className: `${baseClass}__edit` },
-                    React.createElement("header", { className: `${baseClass}__header` },
-                        React.createElement("h1", null,
-                            React.createElement(RenderTitle, { ...{ data, useAsTitle, fallback: '[Untitled]' } }))),
-                    React.createElement(Auth, { useAPIKey: auth.useAPIKey, collection: collection, email: data === null || data === void 0 ? void 0 : data.email, operation: "update" }),
-                    React.createElement(RenderFields, { operation: "update", permissions: permissions.fields, readOnly: !hasSavePermission, 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 }))),
-            React.createElement("div", { className: `${baseClass}__sidebar-wrap` },
-                React.createElement("div", { className: `${baseClass}__sidebar` },
-                    React.createElement("div", { className: `${baseClass}__sidebar-sticky-wrap` },
-                        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, { to: `${admin}/collections/${slug}/create` }, "Create New"))))),
-                        React.createElement("div", { className: `${baseClass}__document-actions${preview ? ` ${baseClass}__document-actions--with-preview` : ''}` },
-                            React.createElement(PreviewButton, { generatePreviewURL: preview, data: data }),
-                            hasSavePermission && (React.createElement(FormSubmit, null, "Save"))),
-                        React.createElement("div", { className: `${baseClass}__sidebar-fields` },
-                            React.createElement(RenderFields, { operation: "update", permissions: permissions.fields, readOnly: !hasSavePermission, 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 })),
-                        React.createElement("ul", { className: `${baseClass}__meta` },
-                            React.createElement("li", { className: `${baseClass}__api-url` },
-                                React.createElement("span", { className: `${baseClass}__label` },
-                                    "API URL",
-                                    ' ',
-                                    React.createElement(CopyToClipboard, { value: apiURL })),
-                                React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL)),
-                            React.createElement("li", null,
-                                React.createElement("div", { className: `${baseClass}__label` }, "ID"),
-                                React.createElement("div", null, data === null || data === void 0 ? void 0 : data.id)),
-                            timestamps && (React.createElement(React.Fragment, null,
-                                data.updatedAt && (React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, "Last Modified"),
-                                    React.createElement("div", null, format(new Date(data.updatedAt), dateFormat)))),
-                                data.createdAt && (React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, "Created"),
-                                    React.createElement("div", null, format(new Date(data.createdAt), dateFormat))))))))))))));
+        !isLoading && (React.createElement(OperationContext.Provider, { value: "update" },
+            React.createElement(Form, { className: `${baseClass}__form`, method: "put", action: action, initialState: initialState, disabled: !hasSavePermission },
+                React.createElement("div", { className: `${baseClass}__main` },
+                    React.createElement(Meta, { title: "Account", description: "Account of current user", keywords: "Account, Dashboard, Payload, CMS" }),
+                    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)) && (React.createElement(LeaveWithoutSaving, null)),
+                    React.createElement("div", { className: `${baseClass}__edit` },
+                        React.createElement("header", { className: `${baseClass}__header` },
+                            React.createElement("h1", null,
+                                React.createElement(RenderTitle, { ...{ data, useAsTitle, fallback: '[Untitled]' } }))),
+                        React.createElement(Auth, { useAPIKey: auth.useAPIKey, collection: collection, email: data === null || data === void 0 ? void 0 : data.email, operation: "update" }),
+                        React.createElement(RenderFields, { permissions: permissions.fields, readOnly: !hasSavePermission, 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 }))),
+                React.createElement("div", { className: `${baseClass}__sidebar-wrap` },
+                    React.createElement("div", { className: `${baseClass}__sidebar` },
+                        React.createElement("div", { className: `${baseClass}__sidebar-sticky-wrap` },
+                            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, { to: `${admin}/collections/${slug}/create` }, "Create New"))))),
+                            React.createElement("div", { className: `${baseClass}__document-actions${preview ? ` ${baseClass}__document-actions--with-preview` : ''}` },
+                                React.createElement(PreviewButton, { generatePreviewURL: preview, data: data }),
+                                hasSavePermission && (React.createElement(FormSubmit, null, "Save"))),
+                            React.createElement("div", { className: `${baseClass}__sidebar-fields` },
+                                React.createElement(RenderFields, { permissions: permissions.fields, readOnly: !hasSavePermission, 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 })),
+                            React.createElement("ul", { className: `${baseClass}__meta` },
+                                React.createElement("li", { className: `${baseClass}__api-url` },
+                                    React.createElement("span", { className: `${baseClass}__label` },
+                                        "API URL",
+                                        ' ',
+                                        React.createElement(CopyToClipboard, { value: apiURL })),
+                                    React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL)),
+                                React.createElement("li", null,
+                                    React.createElement("div", { className: `${baseClass}__label` }, "ID"),
+                                    React.createElement("div", null, data === null || data === void 0 ? void 0 : data.id)),
+                                timestamps && (React.createElement(React.Fragment, null,
+                                    data.updatedAt && (React.createElement("li", null,
+                                        React.createElement("div", { className: `${baseClass}__label` }, "Last Modified"),
+                                        React.createElement("div", null, format(new Date(data.updatedAt), dateFormat)))),
+                                    data.createdAt && (React.createElement("li", null,
+                                        React.createElement("div", { className: `${baseClass}__label` }, "Created"),
+                                        React.createElement("div", null, format(new Date(data.createdAt), dateFormat)))))))))))))));
 };
 export default DefaultAccount;

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

@@ -8,6 +8,7 @@ import DefaultAccount from './Default';
 import buildStateFromSchema from '../../forms/Form/buildStateFromSchema';
 import RenderCustomComponent from '../../utilities/RenderCustomComponent';
 import { NegativeFieldGutterProvider } from '../../forms/FieldTypeGutter/context';
+import { useDocumentInfo } from '../../utilities/DocumentInfo';
 const AccountView = () => {
     var _a, _b;
     const { state: locationState } = useLocation();
@@ -15,6 +16,7 @@ const AccountView = () => {
     const { setStepNav } = useStepNav();
     const { user, permissions } = useAuth();
     const [initialState, setInitialState] = useState({});
+    const { id } = useDocumentInfo();
     const { serverURL, routes: { api }, collections, admin: { user: adminUser, components: { views: { Account: CustomAccount, } = {
         Account: undefined,
     }, } = {}, } = {
@@ -36,11 +38,11 @@ const AccountView = () => {
     }, [setStepNav]);
     useEffect(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema(fields, dataToRender);
+            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, operation: 'update', id, user });
             setInitialState(state);
         };
         awaitInitialState();
-    }, [dataToRender, fields]);
+    }, [dataToRender, fields, id, user]);
     return (React.createElement(NegativeFieldGutterProvider, { allow: true },
         React.createElement(RenderCustomComponent, { DefaultComponent: DefaultAccount, CustomComponent: CustomAccount, componentProps: {
                 action,

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

@@ -43,7 +43,7 @@ const CreateFirstUser = (props) => {
         React.createElement("h1", null, "Welcome"),
         React.createElement("p", null, "To begin, create your first user."),
         React.createElement(Meta, { title: "Create First User", description: "Create first user", keywords: "Create, Payload, CMS" }),
-        React.createElement(Form, { onSuccess: onSuccess, method: "post", redirect: admin, action: `${serverURL}${api}/${userSlug}/first-register` },
+        React.createElement(Form, { onSuccess: onSuccess, method: "post", redirect: admin, action: `${serverURL}${api}/${userSlug}/first-register`, validationOperation: "create" },
             React.createElement(NegativeFieldGutterProvider, { allow: true },
                 React.createElement(RenderFields, { fieldSchema: [
                         ...fields,

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

@@ -19,6 +19,7 @@ import Publish from '../../elements/Publish';
 import Status from '../../elements/Status';
 import Autosave from '../../elements/Autosave';
 import './index.scss';
+import { OperationContext } from '../../utilities/OperationProvider';
 const baseClass = 'global-edit';
 const DefaultGlobalView = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
@@ -29,48 +30,49 @@ const DefaultGlobalView = (props) => {
     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(Form, { className: `${baseClass}__form`, method: "post", action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
-            React.createElement("div", { className: `${baseClass}__main` },
-                React.createElement(Meta, { title: label, description: label, keywords: `${label}, 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("div", { className: `${baseClass}__edit` },
-                    React.createElement("header", { className: `${baseClass}__header` },
-                        React.createElement("h1", null,
-                            "Edit",
-                            ' ',
-                            label),
-                        description && (React.createElement("div", { className: `${baseClass}__sub-header` },
-                            React.createElement(ViewDescription, { description: description })))),
-                    React.createElement(RenderFields, { operation: "update", 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, data: data })),
-                            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, null, "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, data: data })),
-                            ((_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, { operation: "update", 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` }, "Versions"),
-                                React.createElement(VersionsCount, { global: global }))),
-                            (data && !hideAPIURL) && (React.createElement("li", { className: `${baseClass}__api-url` },
-                                React.createElement("span", { className: `${baseClass}__label` },
-                                    "API URL",
-                                    ' ',
-                                    React.createElement(CopyToClipboard, { value: apiURL })),
-                                React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL))),
-                            data.updatedAt && (React.createElement("li", null,
-                                React.createElement("div", { className: `${baseClass}__label` }, "Last Modified"),
-                                React.createElement("div", null, format(new Date(data.updatedAt), dateFormat))))))))))));
+        !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: label, description: label, keywords: `${label}, 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("div", { className: `${baseClass}__edit` },
+                        React.createElement("header", { className: `${baseClass}__header` },
+                            React.createElement("h1", null,
+                                "Edit",
+                                ' ',
+                                label),
+                            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, data: data })),
+                                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, null, "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, data: data })),
+                                ((_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` }, "Versions"),
+                                    React.createElement(VersionsCount, { global: global }))),
+                                (data && !hideAPIURL) && (React.createElement("li", { className: `${baseClass}__api-url` },
+                                    React.createElement("span", { className: `${baseClass}__label` },
+                                        "API URL",
+                                        ' ',
+                                        React.createElement(CopyToClipboard, { value: apiURL })),
+                                    React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL))),
+                                data.updatedAt && (React.createElement("li", null,
+                                    React.createElement("div", { className: `${baseClass}__label` }, "Last Modified"),
+                                    React.createElement("div", null, format(new Date(data.updatedAt), dateFormat)))))))))))));
 };
 export default DefaultGlobalView;

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

@@ -14,7 +14,7 @@ const GlobalView = (props) => {
     const { state: locationState } = useLocation();
     const locale = useLocale();
     const { setStepNav } = useStepNav();
-    const { permissions } = useAuth();
+    const { permissions, user } = useAuth();
     const [initialState, setInitialState] = useState({});
     const { getVersions } = useDocumentInfo();
     const { serverURL, routes: { api, }, } = useConfig();
@@ -22,9 +22,9 @@ const GlobalView = (props) => {
     const { slug, label, fields, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = global;
     const onSave = useCallback(async (json) => {
         getVersions();
-        const state = await buildStateFromSchema(fields, json.result);
+        const state = await buildStateFromSchema({ fieldSchema: fields, data: json.result, operation: 'update', user });
         setInitialState(state);
-    }, [getVersions, fields]);
+    }, [getVersions, fields, user]);
     const [{ data, isLoading }] = usePayloadAPI(`${serverURL}${api}/globals/${slug}`, { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
     const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
     useEffect(() => {
@@ -35,11 +35,11 @@ const GlobalView = (props) => {
     }, [setStepNav, label]);
     useEffect(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema(fields, dataToRender);
+            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: 'update' });
             setInitialState(state);
         };
         awaitInitialState();
-    }, [dataToRender, fields]);
+    }, [dataToRender, fields, user]);
     const globalPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[slug];
     return (React.createElement(NegativeFieldGutterProvider, { allow: true },
         React.createElement(RenderCustomComponent, { DefaultComponent: DefaultGlobal, CustomComponent: CustomEdit, componentProps: {

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

@@ -8,7 +8,7 @@ import { useWatchForm } from '../../../../forms/Form/context';
 import GenerateConfirmation from '../../../../elements/GenerateConfirmation';
 const path = 'apiKey';
 const baseClass = 'api-key';
-const validate = (val) => text(val, { minLength: 24, maxLength: 48 });
+const validate = (val) => text(val, { minLength: 24, maxLength: 48, data: {}, siblingData: {} });
 const APIKey = () => {
     const [initialAPIKey, setInitialAPIKey] = useState(null);
     const [highlightedField, setHighlightedField] = useState(false);

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

@@ -23,6 +23,7 @@ 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 './index.scss';
 const baseClass = 'collection-edit';
 const DefaultEditView = (props) => {
@@ -39,58 +40,59 @@ const DefaultEditView = (props) => {
     const operation = isEditing ? 'update' : 'create';
     return (React.createElement("div", { className: classes },
         isLoading && (React.createElement(Loading, null)),
-        !isLoading && (React.createElement(Form, { className: `${baseClass}__form`, method: id ? 'put' : 'post', action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
-            React.createElement("div", { className: `${baseClass}__main` },
-                React.createElement(Meta, { title: `${isEditing ? 'Editing' : 'Creating'} - ${collection.labels.singular}`, description: `${isEditing ? 'Editing' : 'Creating'} - ${collection.labels.singular}`, keywords: `${collection.labels.singular}, Payload, CMS` }),
-                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)) && (React.createElement(LeaveWithoutSaving, null)),
-                React.createElement("div", { className: `${baseClass}__edit` },
-                    React.createElement("header", { className: `${baseClass}__header` },
-                        React.createElement("h1", null,
-                            React.createElement(RenderTitle, { ...{ data, useAsTitle, fallback: '[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, { operation: operation, 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` },
-                        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, { to: `${admin}/collections/${slug}/create` }, "Create New")),
-                                !disableDuplicate && (React.createElement("li", null,
-                                    React.createElement(DuplicateDocument, { 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 })))),
-                        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, data: data })),
-                            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, null, "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, data: data })),
-                            ((_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, { operation: isEditing ? 'update' : 'create', 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` },
-                                    "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` }, "Versions"),
-                                React.createElement(VersionsCount, { collection: collection, id: id }))),
-                            timestamps && (React.createElement(React.Fragment, null,
-                                data.updatedAt && (React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, "Last Modified"),
-                                    React.createElement("div", null, format(new Date(data.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` }, "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)))))))))))))));
+        !isLoading && (React.createElement(OperationContext.Provider, { value: operation },
+            React.createElement(Form, { className: `${baseClass}__form`, method: id ? 'put' : 'post', action: action, onSuccess: onSave, disabled: !hasSavePermission, initialState: initialState },
+                React.createElement("div", { className: `${baseClass}__main` },
+                    React.createElement(Meta, { title: `${isEditing ? 'Editing' : 'Creating'} - ${collection.labels.singular}`, description: `${isEditing ? 'Editing' : 'Creating'} - ${collection.labels.singular}`, keywords: `${collection.labels.singular}, Payload, CMS` }),
+                    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)) && (React.createElement(LeaveWithoutSaving, null)),
+                    React.createElement("div", { className: `${baseClass}__edit` },
+                        React.createElement("header", { className: `${baseClass}__header` },
+                            React.createElement("h1", null,
+                                React.createElement(RenderTitle, { ...{ data, useAsTitle, fallback: '[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` },
+                            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, { to: `${admin}/collections/${slug}/create` }, "Create New")),
+                                    !disableDuplicate && (React.createElement("li", null,
+                                        React.createElement(DuplicateDocument, { 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 })))),
+                            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, data: data })),
+                                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, null, "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, data: data })),
+                                ((_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` },
+                                        "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` }, "Versions"),
+                                    React.createElement(VersionsCount, { collection: collection, id: id }))),
+                                timestamps && (React.createElement(React.Fragment, null,
+                                    data.updatedAt && (React.createElement("li", null,
+                                        React.createElement("div", { className: `${baseClass}__label` }, "Last Modified"),
+                                        React.createElement("div", null, format(new Date(data.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` }, "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))))))))))))))));
 };
 export default DefaultEditView;

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

@@ -23,7 +23,7 @@ const EditView = (props) => {
     const history = useHistory();
     const { setStepNav } = useStepNav();
     const [initialState, setInitialState] = useState({});
-    const { permissions } = useAuth();
+    const { permissions, user } = useAuth();
     const { getVersions } = useDocumentInfo();
     const onSave = useCallback(async (json) => {
         var _a;
@@ -32,10 +32,10 @@ const EditView = (props) => {
             history.push(`${admin}/collections/${collection.slug}/${(_a = json === null || json === void 0 ? void 0 : json.doc) === null || _a === void 0 ? void 0 : _a.id}`);
         }
         else {
-            const state = await buildStateFromSchema(collection.fields, json.doc);
+            const state = await buildStateFromSchema({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update' });
             setInitialState(state);
         }
-    }, [admin, collection, history, isEditing, getVersions]);
+    }, [admin, collection, history, isEditing, getVersions, user, id]);
     const [{ data, isLoading, isError }] = usePayloadAPI((isEditing ? `${serverURL}${api}/${slug}/${id}` : null), { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
     const dataToRender = ((_a = locationState) === null || _a === void 0 ? void 0 : _a.data) || data;
     useEffect(() => {
@@ -71,11 +71,11 @@ const EditView = (props) => {
     }, [setStepNav, isEditing, pluralLabel, dataToRender, slug, useAsTitle, admin]);
     useEffect(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema(fields, dataToRender);
+            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: isEditing ? 'update' : 'create', id });
             setInitialState(state);
         };
         awaitInitialState();
-    }, [dataToRender, fields]);
+    }, [dataToRender, fields, isEditing, id, user]);
     if (isError) {
         return (React.createElement(Redirect, { to: `${admin}/not-found` }));
     }

package/dist/auth/auth.spec.d.ts

@@ -0,0 +1 @@
+export {};