payload 1.3.3 → 1.4.0

package/dist/admin/components/forms/field-types/Upload/Input.js

@@ -1,27 +1,27 @@
-import React, { useEffect, useState } from 'react';
-import { useModal } from '@faceless-ui/modal';
+import React, { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import Button from '../../../elements/Button';
 import Label from '../../Label';
 import Error from '../../Error';
 import FileDetails from '../../../elements/FileDetails';
 import FieldDescription from '../../FieldDescription';
-import AddModal from './Add';
-import SelectExistingModal from './SelectExisting';
-import { useEditDepth, EditDepthContext } from '../../../utilities/EditDepth';
 import { getTranslation } from '../../../../../utilities/getTranslation';
+import { useDocumentDrawer } from '../../../elements/DocumentDrawer';
+import { useListDrawer } from '../../../elements/ListDrawer';
+import Button from '../../../elements/Button';
 import './index.scss';
 const baseClass = 'upload';
 const UploadInput = (props) => {
-    const { path, required, readOnly, style, className, width, description, label, relationTo, fieldTypes, value, onChange, showError, serverURL = 'http://localhost:3000', api = '/api', collection, errorMessage, filterOptions, } = props;
-    const { toggleModal, modalState } = useModal();
+    const { path, required, readOnly, style, className, width, description, label, relationTo, value, onChange, showError, serverURL = 'http://localhost:3000', api = '/api', collection, errorMessage, } = props;
     const { t, i18n } = useTranslation('fields');
-    const editDepth = useEditDepth();
-    const addModalSlug = `${path}-add-depth-${editDepth}`;
-    const selectExistingModalSlug = `${path}-select-existing-depth-${editDepth}`;
     const [file, setFile] = useState(undefined);
     const [missingFile, setMissingFile] = useState(false);
-    const [modalToRender, setModalToRender] = useState();
+    const [collectionSlugs] = useState([collection === null || collection === void 0 ? void 0 : collection.slug]);
+    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, },] = useDocumentDrawer({
+        collectionSlug: collectionSlugs[0],
+    });
+    const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer, },] = useListDrawer({
+        collectionSlugs,
+    });
     const classes = [
         'field-type',
         baseClass,
@@ -59,12 +59,18 @@ const UploadInput = (props) => {
         serverURL,
         i18n,
     ]);
-    useEffect(() => {
-        var _a, _b;
-        if (!((_a = modalState[addModalSlug]) === null || _a === void 0 ? void 0 : _a.isOpen) && !((_b = modalState[selectExistingModalSlug]) === null || _b === void 0 ? void 0 : _b.isOpen)) {
-            setModalToRender(undefined);
-        }
-    }, [modalState, addModalSlug, selectExistingModalSlug]);
+    const onSave = useCallback((args) => {
+        setMissingFile(false);
+        onChange(args.doc);
+        closeDrawer();
+    }, [onChange, closeDrawer]);
+    const onSelect = useCallback((args) => {
+        setMissingFile(false);
+        onChange({
+            id: args.docID,
+        });
+        closeListDrawer();
+    }, [onChange, closeListDrawer]);
     return (React.createElement("div", { className: classes, style: {
             ...style,
             width,
@@ -76,32 +82,13 @@ const UploadInput = (props) => {
                     onChange(null);
                 } })),
             (!file || missingFile) && (React.createElement("div", { className: `${baseClass}__wrap` },
-                React.createElement(Button, { buttonStyle: "secondary", onClick: () => {
-                        toggleModal(addModalSlug);
-                        setModalToRender(addModalSlug);
-                    } }, t('uploadNewLabel', { label: getTranslation(collection.labels.singular, i18n) })),
-                React.createElement(Button, { buttonStyle: "secondary", onClick: () => {
-                        toggleModal(selectExistingModalSlug);
-                        setModalToRender(selectExistingModalSlug);
-                    } }, t('chooseFromExisting')))),
-            React.createElement(EditDepthContext.Provider, { value: editDepth + 1 },
-                modalToRender === addModalSlug && (React.createElement(AddModal, { ...{
-                        collection,
-                        slug: addModalSlug,
-                        fieldTypes,
-                        setValue: (e) => {
-                            setMissingFile(false);
-                            onChange(e);
-                        },
-                    } })),
-                modalToRender === selectExistingModalSlug && (React.createElement(SelectExistingModal, { ...{
-                        collection,
-                        slug: selectExistingModalSlug,
-                        setValue: onChange,
-                        addModalSlug,
-                        filterOptions,
-                        path,
-                    } }))),
-            React.createElement(FieldDescription, { value: file, description: description })))));
+                React.createElement("div", { className: `${baseClass}__buttons` },
+                    React.createElement(DocumentDrawerToggler, { className: `${baseClass}__toggler` },
+                        React.createElement(Button, { buttonStyle: "secondary", el: "div" }, t('uploadNewLabel', { label: getTranslation(collection.labels.singular, i18n) }))),
+                    React.createElement(ListDrawerToggler, { className: `${baseClass}__toggler` },
+                        React.createElement(Button, { buttonStyle: "secondary", el: "div" }, t('chooseFromExisting')))))),
+            React.createElement(FieldDescription, { value: file, description: description }))),
+        React.createElement(DocumentDrawer, { onSave: onSave }),
+        React.createElement(ListDrawer, { onSelect: onSelect })));
 };
 export default UploadInput;

package/dist/admin/components/forms/field-types/Upload/index.scss

@@ -5,26 +5,38 @@
   margin-bottom: $baseline;
 
   &__wrap {
-    display: flex;
-    padding: base(1.5) base(1.5) $baseline;
     background: var(--theme-elevation-50);
+    padding: base(1);
+  }
+
+  &__buttons {
+    margin: base(-0.25);
+    width: calc(100% + #{base(0.5)});
     flex-wrap: wrap;
+    display: flex;
+    align-items: center;
 
     .btn {
-      margin: 0 $baseline base(.5) 0;
-      min-width: base(7);
+      margin: 0
     }
   }
 
+  &__toggler {
+    margin: base(0.25);
+    min-width: base(7);
+  }
+
   @include mid-break {
     &__wrap {
+      padding: base(0.75);
+    }
+
+    &__buttons {
       display: block;
-      padding: $baseline $baseline base(.5);
+    }
 
-      .btn {
-        width: 100%;
-        min-width: initial;
-      }
+    &__toggler {
+      width: calc(100% - #{base(0.5)});
     }
   }
-}
+}

package/dist/admin/components/forms/field-types/Upload/types.d.ts

@@ -1,6 +1,6 @@
 import { UploadField } from '../../../../../fields/config/types';
 import { FieldTypes } from '..';
-export type Props = Omit<UploadField, 'type'> & {
+export declare type Props = Omit<UploadField, 'type'> & {
     path?: string;
     fieldTypes: FieldTypes;
 };

package/dist/admin/components/forms/field-types/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export type FieldTypes = {
+export declare type FieldTypes = {
     code: React.ComponentType<any>;
     email: React.ComponentType<any>;
     hidden: React.ComponentType<any>;

package/dist/admin/components/forms/field-types/rowReducer.d.ts

@@ -1,9 +1,9 @@
-export type Row = {
+export declare type Row = {
     id: string;
     collapsed?: boolean;
     blockType?: string;
 };
-type SET_ALL = {
+declare type SET_ALL = {
     type: 'SET_ALL';
     data: {
         id?: string;
@@ -13,29 +13,29 @@ type SET_ALL = {
     blockType?: string;
     initCollapsed?: boolean;
 };
-type SET_COLLAPSE = {
+declare type SET_COLLAPSE = {
     type: 'SET_COLLAPSE';
     id: string;
     collapsed: boolean;
 };
-type SET_ALL_COLLAPSED = {
+declare type SET_ALL_COLLAPSED = {
     type: 'SET_ALL_COLLAPSED';
     collapse: boolean;
 };
-type ADD = {
+declare type ADD = {
     type: 'ADD';
     rowIndex: number;
     blockType?: string;
 };
-type REMOVE = {
+declare type REMOVE = {
     type: 'REMOVE';
     rowIndex: number;
 };
-type MOVE = {
+declare type MOVE = {
     type: 'MOVE';
     moveFromIndex: number;
     moveToIndex: number;
 };
-type Action = SET_ALL | SET_COLLAPSE | SET_ALL_COLLAPSED | ADD | REMOVE | MOVE;
+declare type Action = SET_ALL | SET_COLLAPSE | SET_ALL_COLLAPSED | ADD | REMOVE | MOVE;
 declare const reducer: (currentState: Row[], action: Action) => Row[];
 export default reducer;

package/dist/admin/components/forms/useField/types.d.ts

@@ -1,11 +1,11 @@
 import { Condition, Validate } from '../../../../fields/config/types';
-export type Options = {
+export declare type Options = {
     path: string;
     validate?: Validate;
     disableFormData?: boolean;
     condition?: Condition;
 };
-export type FieldType<T> = {
+export declare type FieldType<T> = {
     value: T;
     errorMessage?: string;
     showError: boolean;

package/dist/admin/components/modals/StayLoggedIn/types.d.ts

@@ -1,3 +1,3 @@
-export type Props = {
+export declare type Props = {
     refreshCookie: () => void;
 };

package/dist/admin/components/templates/Default/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type Props = {
+export declare type Props = {
     className?: string;
     children?: React.ReactNode;
 };

package/dist/admin/components/templates/Minimal/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type Props = {
+export declare type Props = {
     className?: string;
     width?: 'normal' | 'wide';
     style?: React.CSSProperties;

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

@@ -4,6 +4,6 @@ import { AuthContext } from './types';
 export declare const AuthProvider: React.FC<{
     children: React.ReactNode;
 }>;
-type UseAuth<T = User> = () => AuthContext<T>;
+declare type UseAuth<T = User> = () => AuthContext<T>;
 export declare const useAuth: UseAuth;
 export {};

package/dist/admin/components/utilities/Auth/types.d.ts

@@ -1,5 +1,5 @@
 import { User, Permissions } from '../../../../auth/types';
-export type AuthContext<T = User> = {
+export declare type AuthContext<T = User> = {
     user?: T | null;
     logOut: () => void;
     refreshCookie: () => void;

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

@@ -154,7 +154,7 @@ export const DocumentInfoProvider = ({ children, global, collection, id, }) => {
             setDocPermissions(json);
         }
         else {
-            // fallback to permissions from the collection
+            // fallback to permissions from the entity type
             // (i.e. create has no id)
             setDocPermissions(permissions[pluralType][slug]);
         }
@@ -163,10 +163,12 @@ export const DocumentInfoProvider = ({ children, global, collection, id, }) => {
         getVersions();
     }, [getVersions]);
     useEffect(() => {
-        const getDocPreferences = async () => {
-            await getPreference(preferencesKey);
-        };
-        getDocPreferences();
+        if (preferencesKey) {
+            const getDocPreferences = async () => {
+                await getPreference(preferencesKey);
+            };
+            getDocPreferences();
+        }
     }, [getPreference, preferencesKey]);
     useEffect(() => {
         getDocPermissions();

package/dist/admin/components/utilities/DocumentInfo/types.d.ts

@@ -4,10 +4,10 @@ import { SanitizedCollectionConfig, TypeWithID, TypeWithTimestamps } from '../..
 import { SanitizedGlobalConfig } from '../../../../globals/config/types';
 import { PaginatedDocs } from '../../../../mongoose/types';
 import { TypeWithVersion } from '../../../../versions/types';
-export type Version = TypeWithVersion<any>;
-export type DocumentPermissions = null | GlobalPermission | CollectionPermission;
-export type EntityType = 'global' | 'collection';
-export type ContextType = {
+export declare type Version = TypeWithVersion<any>;
+export declare type DocumentPermissions = null | GlobalPermission | CollectionPermission;
+export declare type EntityType = 'global' | 'collection';
+export declare type ContextType = {
     collection?: SanitizedCollectionConfig;
     global?: SanitizedGlobalConfig;
     type: EntityType;
@@ -24,7 +24,7 @@ export type ContextType = {
     docPermissions: DocumentPermissions;
     getDocPermissions: () => Promise<void>;
 };
-export type Props = {
+export declare type Props = {
     collection?: SanitizedCollectionConfig;
     global?: SanitizedGlobalConfig;
     id?: string | number;

package/dist/admin/components/utilities/Meta/types.d.ts

@@ -1,8 +1,8 @@
-export type Meta = {
+export declare type Meta = {
     property: string;
     content: string;
 };
-export type Props = {
+export declare type Props = {
     title: string;
     description?: string;
     lang?: string;

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-type PreferencesContext = {
+declare type PreferencesContext = {
     getPreference: <T = any>(key: string) => T | Promise<T>;
     setPreference: <T = any>(key: string, value: T) => void;
 };

package/dist/admin/components/utilities/RenderCustomComponent/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type Props = {
+export declare type Props = {
     CustomComponent: React.ComponentType<any>;
     DefaultComponent: React.ComponentType<any>;
     componentProps?: Record<string, unknown>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-export type Theme = 'light' | 'dark';
-export type ThemeContext = {
+export declare type Theme = 'light' | 'dark';
+export declare type ThemeContext = {
     theme: Theme;
     setTheme: (theme: Theme) => void;
     autoMode: boolean;

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

@@ -24,7 +24,7 @@ import './index.scss';
 const baseClass = 'account';
 const DefaultAccount = (props) => {
     var _a, _b, _c, _d;
-    const { collection, data, permissions, hasSavePermission, apiURL, initialState, isLoading, action, } = props;
+    const { collection, data, permissions, hasSavePermission, apiURL, initialState, isLoading, action, onSave, } = props;
     const { slug, fields, admin: { useAsTitle, preview, }, timestamps, auth, } = collection;
     const { admin: { dateFormat }, routes: { admin } } = useConfig();
     const { t, i18n } = useTranslation('authentication');
@@ -35,7 +35,7 @@ const DefaultAccount = (props) => {
     return (React.createElement("div", { className: classes },
         isLoading && (React.createElement(Loading, null)),
         !isLoading && (React.createElement(OperationContext.Provider, { value: "update" },
-            React.createElement(Form, { className: `${baseClass}__form`, method: "patch", action: action, initialState: initialState, disabled: !hasSavePermission },
+            React.createElement(Form, { className: `${baseClass}__form`, method: "patch", action: action, onSuccess: onSave, initialState: initialState, disabled: !hasSavePermission },
                 React.createElement("div", { className: `${baseClass}__main` },
                     React.createElement(Meta, { title: t('account'), description: t('accountOfCurrentUser'), keywords: t('account') }),
                     React.createElement(Eyebrow, null),

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

@@ -12,33 +12,35 @@ import RenderCustomComponent from '../../utilities/RenderCustomComponent';
 import { useDocumentInfo } from '../../utilities/DocumentInfo';
 import { usePreferences } from '../../utilities/Preferences';
 const AccountView = () => {
-    var _a, _b;
+    var _a;
     const { state: locationState } = useLocation();
     const locale = useLocale();
     const { setStepNav } = useStepNav();
-    const { user, permissions } = useAuth();
+    const { user } = useAuth();
     const [initialState, setInitialState] = useState();
-    const { id, preferencesKey } = useDocumentInfo();
+    const { id, preferencesKey, docPermissions, getDocPermissions, slug } = useDocumentInfo();
     const { getPreference } = usePreferences();
-    const { serverURL, routes: { api }, collections, admin: { user: adminUser, components: { views: { Account: CustomAccount, } = {
+    const { serverURL, routes: { api }, collections, admin: { components: { views: { Account: CustomAccount, } = {
         Account: undefined,
-    }, } = {}, } = {
-        user: 'users',
-    }, } = useConfig();
+    }, } = {}, }, } = useConfig();
     const { t } = useTranslation('authentication');
-    const collection = collections.find((coll) => coll.slug === adminUser);
+    const collection = collections.find((coll) => coll.slug === slug);
     const { fields } = collection;
-    const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[adminUser];
-    const [{ data }] = usePayloadAPI(`${serverURL}${api}/${collection === null || collection === void 0 ? void 0 : collection.slug}/${user === null || user === void 0 ? void 0 : user.id}`, {
+    const [{ data }] = usePayloadAPI(`${serverURL}${api}/${slug}/${id}`, {
         initialParams: {
             'fallback-locale': 'null',
             depth: 0,
         },
     });
-    const hasSavePermission = (_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.update) === null || _b === void 0 ? void 0 : _b.permission;
+    const hasSavePermission = (_a = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.update) === null || _a === void 0 ? void 0 : _a.permission;
     const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
-    const apiURL = `${serverURL}${api}/${user.collection}/${data === null || data === void 0 ? void 0 : data.id}`;
-    const action = `${serverURL}${api}/${user.collection}/${data === null || data === void 0 ? void 0 : data.id}?locale=${locale}&depth=0`;
+    const apiURL = `${serverURL}${api}/${slug}/${data === null || data === void 0 ? void 0 : data.id}`;
+    const action = `${serverURL}${api}/${slug}/${data === null || data === void 0 ? void 0 : data.id}?locale=${locale}&depth=0`;
+    const onSave = React.useCallback(async (json) => {
+        getDocPermissions();
+        const state = await buildStateFromSchema({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
+        setInitialState(state);
+    }, [collection, user, id, t, locale, getDocPermissions]);
     useEffect(() => {
         const nav = [{
                 label: t('account'),
@@ -47,7 +49,15 @@ const AccountView = () => {
     }, [setStepNav, t]);
     useEffect(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, operation: 'update', id, user, locale, t });
+            const state = await buildStateFromSchema({
+                fieldSchema: fields,
+                data: dataToRender,
+                operation: 'update',
+                id,
+                user,
+                locale,
+                t,
+            });
             await getPreference(preferencesKey);
             setInitialState(state);
         };
@@ -57,11 +67,12 @@ const AccountView = () => {
             action,
             data,
             collection,
-            permissions: collectionPermissions,
+            permissions: docPermissions,
             hasSavePermission,
             initialState,
             apiURL,
-            isLoading: !initialState,
+            isLoading: !initialState || !docPermissions,
+            onSave,
         } }));
 };
 export default AccountView;

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

@@ -1,7 +1,7 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
 import { Fields, Data } from '../../forms/Form/types';
 import { CollectionPermission } from '../../../../auth/types';
-export type Props = {
+export declare type Props = {
     hasSavePermission: boolean;
     apiURL: string;
     collection: SanitizedCollectionConfig;
@@ -10,4 +10,5 @@ export type Props = {
     initialState: Fields;
     isLoading: boolean;
     action: string;
+    onSave?: () => void;
 };

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

@@ -1,3 +1,3 @@
-export type Props = {
+export declare type Props = {
     setInitialized: (initialized: boolean) => void;
 };

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

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

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

@@ -29,7 +29,7 @@ const DefaultGlobalView = (props) => {
     const { admin: { dateFormat } } = useConfig();
     const { publishedDoc } = useDocumentInfo();
     const { t, i18n } = useTranslation('general');
-    const { global, data, onSave, permissions, action, apiURL, initialState, isLoading, } = props;
+    const { global, data, onSave, permissions, action, apiURL, initialState, isLoading, updatedAt, } = props;
     const { fields, preview, versions, label, admin: { description, hideAPIURL, } = {}, } = global;
     const hasSavePermission = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.update) === null || _a === void 0 ? void 0 : _a.permission;
     return (React.createElement("div", { className: baseClass },
@@ -72,8 +72,8 @@ const DefaultGlobalView = (props) => {
                                         ' ',
                                         React.createElement(CopyToClipboard, { value: apiURL })),
                                     React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL))),
-                                data.updatedAt && (React.createElement("li", null,
+                                updatedAt && (React.createElement("li", null,
                                     React.createElement("div", { className: `${baseClass}__label` }, t('lastModified')),
-                                    React.createElement("div", null, format(new Date(data.updatedAt), dateFormat)))))))))))));
+                                    React.createElement("div", null, format(new Date(updatedAt), dateFormat)))))))))))));
 };
 export default DefaultGlobalView;

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

@@ -18,6 +18,7 @@ const GlobalView = (props) => {
     const { setStepNav } = useStepNav();
     const { user } = useAuth();
     const [initialState, setInitialState] = useState();
+    const [updatedAt, setUpdatedAt] = useState();
     const { getVersions, preferencesKey, docPermissions, getDocPermissions } = useDocumentInfo();
     const { getPreference } = usePreferences();
     const { t } = useTranslation();
@@ -25,8 +26,10 @@ const GlobalView = (props) => {
     const { global } = props;
     const { slug, label, fields, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = global;
     const onSave = useCallback(async (json) => {
+        var _a;
         getVersions();
         getDocPermissions();
+        setUpdatedAt((_a = json === null || json === void 0 ? void 0 : json.result) === null || _a === void 0 ? void 0 : _a.updatedAt);
         const state = await buildStateFromSchema({ fieldSchema: fields, data: json.result, operation: 'update', user, locale, t });
         setInitialState(state);
     }, [getVersions, fields, user, locale, t, getDocPermissions]);
@@ -55,6 +58,7 @@ const GlobalView = (props) => {
             onSave,
             apiURL: `${serverURL}${api}/globals/${slug}${((_a = global.versions) === null || _a === void 0 ? void 0 : _a.drafts) ? '?draft=true' : ''}`,
             action: `${serverURL}${api}/globals/${slug}?locale=${locale}&depth=0&fallback-locale=null`,
+            updatedAt: updatedAt || (dataToRender === null || dataToRender === void 0 ? void 0 : dataToRender.updatedAt),
         } }));
 };
 export default GlobalView;

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

@@ -2,10 +2,10 @@ import { GlobalPermission } from '../../../../auth/types';
 import { SanitizedGlobalConfig } from '../../../../globals/config/types';
 import { Fields } from '../../forms/Form/types';
 import { Document } from '../../../../types';
-export type IndexProps = {
+export declare type IndexProps = {
     global: SanitizedGlobalConfig;
 };
-export type Props = {
+export declare type Props = {
     global: SanitizedGlobalConfig;
     data: Document;
     onSave: () => void;
@@ -15,4 +15,5 @@ export type Props = {
     initialState: Fields;
     isLoading: boolean;
     autosaveEnabled: boolean;
+    updatedAt: string;
 };

package/dist/admin/components/views/Version/Compare/types.d.ts

@@ -1,7 +1,7 @@
 import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
 import { PaginatedDocs } from '../../../../../mongoose/types';
 import { CompareOption } from '../types';
-export type Props = {
+export declare type Props = {
     onChange: (val: CompareOption) => void;
     value: CompareOption;
     baseURL: string;
@@ -9,17 +9,17 @@ export type Props = {
     versionID: string;
     parentID?: string;
 };
-type CLEAR = {
+declare type CLEAR = {
     type: 'CLEAR';
     required: boolean;
 };
-type ADD = {
+declare type ADD = {
     type: 'ADD';
     data: PaginatedDocs<any>;
     collection: SanitizedCollectionConfig;
 };
-export type Action = CLEAR | ADD;
-export type ValueWithRelation = {
+export declare type Action = CLEAR | ADD;
+export declare type ValueWithRelation = {
     relationTo: string;
     value: string;
 };

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/types.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { DiffMethod } from 'react-diff-viewer';
 import { FieldPermissions } from '../../../../../../auth';
-export type FieldComponents = Record<string, React.FC<Props>>;
-export type Props = {
+export declare type FieldComponents = Record<string, React.FC<Props>>;
+export declare type Props = {
     diffMethod?: DiffMethod;
     fieldComponents: FieldComponents;
     version: any;

package/dist/admin/components/views/Version/RenderFieldsToDiff/types.d.ts

@@ -1,7 +1,7 @@
 import { FieldPermissions } from '../../../../../auth';
 import { Field } from '../../../../../fields/config/types';
 import { FieldComponents } from './fields/types';
-export type Props = {
+export declare type Props = {
     fields: Field[];
     fieldComponents: FieldComponents;
     fieldPermissions: Record<string, FieldPermissions>;

package/dist/admin/components/views/Version/Restore/types.d.ts

@@ -1,6 +1,6 @@
 import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
 import { SanitizedGlobalConfig } from '../../../../../globals/config/types';
-export type Props = {
+export declare type Props = {
     collection?: SanitizedCollectionConfig;
     global?: SanitizedGlobalConfig;
     className?: string;

package/dist/admin/components/views/Version/SelectLocales/types.d.ts

@@ -1,5 +1,5 @@
 import { LocaleOption } from '../types';
-export type Props = {
+export declare type Props = {
     onChange: (options: LocaleOption[]) => void;
     value: LocaleOption[];
     options: LocaleOption[];