payload 1.3.4 → 1.4.0

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[];

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

@@ -1,16 +1,16 @@
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
 import { SanitizedGlobalConfig } from '../../../../globals/config/types';
-export type LocaleOption = {
+export declare type LocaleOption = {
     label: string;
     value: string;
 };
-export type CompareOption = {
+export declare type CompareOption = {
     label: string;
     value: string;
     relationTo?: string;
     options?: CompareOption[];
 };
-export type Props = {
+export declare type Props = {
     collection?: SanitizedCollectionConfig;
     global?: SanitizedGlobalConfig;
 };

package/dist/admin/components/views/Versions/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;
 };

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 type Props = {
+export declare type Props = {
     useAPIKey?: boolean;
     requirePassword?: boolean;
     verify?: VerifyConfig | boolean;

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

@@ -35,7 +35,7 @@ const DefaultEditView = (props) => {
     const { admin: { dateFormat }, routes: { admin } } = useConfig();
     const { publishedDoc } = useDocumentInfo();
     const { t, i18n } = useTranslation('general');
-    const { collection, isEditing, data, onSave, permissions, isLoading, initialState, apiURL, action, hasSavePermission, disableEyebrow, disableActions, disableLeaveWithoutSaving, customHeader, id, } = props;
+    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 = [
         baseClass,
@@ -46,7 +46,7 @@ const DefaultEditView = (props) => {
         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 },
-                React.createElement(SetStepNav, { collection: collection, isEditing: isEditing, id: data.id }),
+                !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)),
@@ -94,9 +94,9 @@ const DefaultEditView = (props) => {
                                     React.createElement("div", { className: `${baseClass}__label` }, t('version:versions')),
                                     React.createElement(VersionsCount, { collection: collection, id: id }))),
                                 timestamps && (React.createElement(React.Fragment, null,
-                                    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)))),
                                     ((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))))))))))))))));

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

@@ -110,6 +110,7 @@ const Upload = (props) => {
                 React.createElement("span", { className: `${baseClass}__filename` }, value.name),
                 React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
                         setValue(null);
+                        inputRef.current.value = null;
                     } }))),
             !value && (React.createElement(React.Fragment, null,
                 React.createElement("div", { className: `${baseClass}__drop-zone`, ref: dropRef, onPaste: (e) => {

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

@@ -1,10 +1,10 @@
 import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
-export type Data = {
+export declare type Data = {
     filename: string;
     mimeType: string;
     filesize: number;
 };
-export type Props = {
+export declare type Props = {
     data?: Data;
     collection: SanitizedCollectionConfig;
     adminThumbnail?: string;

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

@@ -25,16 +25,18 @@ const EditView = (props) => {
     const { state: locationState } = useLocation();
     const history = useHistory();
     const [initialState, setInitialState] = useState();
+    const [updatedAt, setUpdatedAt] = useState();
     const { user } = useAuth();
     const { getVersions, preferencesKey, getDocPermissions, docPermissions } = useDocumentInfo();
     const { getPreference } = usePreferences();
     const { t } = useTranslation('general');
     const onSave = useCallback(async (json) => {
-        var _a;
+        var _a, _b;
         getVersions();
         getDocPermissions();
+        setUpdatedAt((_a = json === null || json === void 0 ? void 0 : json.doc) === null || _a === void 0 ? void 0 : _a.updatedAt);
         if (!isEditing) {
-            setRedirect(`${admin}/collections/${collection.slug}/${(_a = json === null || json === void 0 ? void 0 : json.doc) === null || _a === void 0 ? void 0 : _a.id}`);
+            setRedirect(`${admin}/collections/${collection.slug}/${(_b = json === null || json === void 0 ? void 0 : json.doc) === null || _b === void 0 ? void 0 : _b.id}`);
         }
         else {
             const state = await buildStateFromSchema({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
@@ -48,6 +50,7 @@ const EditView = (props) => {
             return;
         }
         const awaitInitialState = async () => {
+            setUpdatedAt(dataToRender === null || dataToRender === void 0 ? void 0 : dataToRender.updatedAt);
             const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: isEditing ? 'update' : 'create', id, locale, t });
             await getPreference(preferencesKey);
             setInitialState(state);
@@ -78,6 +81,7 @@ const EditView = (props) => {
                 hasSavePermission,
                 apiURL,
                 action,
+                updatedAt: updatedAt || (dataToRender === null || dataToRender === void 0 ? void 0 : dataToRender.updatedAt),
             } })));
 };
 export default EditView;

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

@@ -3,11 +3,11 @@ import { SanitizedCollectionConfig } from '../../../../../collections/config/typ
 import { CollectionPermission } from '../../../../../auth/types';
 import { Document } from '../../../../../types';
 import { Fields } from '../../../forms/Form/types';
-export type IndexProps = {
+export declare type IndexProps = {
     collection: SanitizedCollectionConfig;
     isEditing?: boolean;
 };
-export type Props = IndexProps & {
+export declare type Props = IndexProps & {
     data: Document;
     onSave?: () => void;
     id?: string;
@@ -22,4 +22,5 @@ export type Props = IndexProps & {
     disableActions?: boolean;
     disableLeaveWithoutSaving?: boolean;
     customHeader?: React.ReactNode;
+    updatedAt?: string;
 };

package/dist/admin/components/views/collections/List/Cell/field-types/Array/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ArrayField } from '../../../../../../../../fields/config/types';
-type Props = {
+declare type Props = {
     data: Record<string, unknown>;
     field: ArrayField;
 };

package/dist/admin/components/views/collections/List/Cell/field-types/Blocks/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BlockField } from '../../../../../../../../fields/config/types';
-type Props = {
+declare type Props = {
     data: any;
     field: BlockField;
 };

package/dist/admin/components/views/collections/List/Cell/field-types/Select/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SelectField } from '../../../../../../../../fields/config/types';
-type Props = {
+declare type Props = {
     data: any;
     field: SelectField;
 };

package/dist/admin/components/views/collections/List/Cell/index.js

@@ -6,19 +6,28 @@ import RenderCustomComponent from '../../../../utilities/RenderCustomComponent';
 import cellComponents from './field-types';
 import { getTranslation } from '../../../../../../utilities/getTranslation';
 const DefaultCell = (props) => {
-    const { field, colIndex, collection: { slug, }, cellData, rowData: { id, } = {}, } = props;
+    const { field, collection: { slug, }, cellData, rowData: { id, } = {}, link = true, onClick, className, } = props;
     const { routes: { admin } } = useConfig();
     const { t, i18n } = useTranslation('general');
     let WrapElement = 'span';
-    const wrapElementProps = {};
-    if (colIndex === 0) {
+    const wrapElementProps = {
+        className,
+    };
+    if (link) {
         WrapElement = Link;
         wrapElementProps.to = `${admin}/collections/${slug}/${id}`;
     }
+    if (typeof onClick === 'function') {
+        WrapElement = 'button';
+        wrapElementProps.type = 'button';
+        wrapElementProps.onClick = () => {
+            onClick(props);
+        };
+    }
     const CellComponent = cellData && cellComponents[field.type];
     if (!CellComponent) {
         return (React.createElement(WrapElement, { ...wrapElementProps },
-            (cellData === '' || typeof cellData === 'undefined') && t('noLabel', { label: getTranslation(typeof field.label === 'function' ? 'data' : field.label || 'data', i18n) }),
+            ((cellData === '' || typeof cellData === 'undefined') && 'label' in field) && t('noLabel', { label: getTranslation(typeof field.label === 'function' ? 'data' : field.label || 'data', i18n) }),
             typeof cellData === 'string' && cellData,
             typeof cellData === 'number' && cellData,
             typeof cellData === 'object' && JSON.stringify(cellData)));
@@ -27,13 +36,16 @@ const DefaultCell = (props) => {
         React.createElement(CellComponent, { field: field, data: cellData })));
 };
 const Cell = (props) => {
-    const { colIndex, collection, cellData, rowData, field, field: { admin: { components: { Cell: CustomCell, } = {}, } = {}, }, } = props;
+    const { colIndex, collection, cellData, rowData, field, field: { admin: { components: { Cell: CustomCell, } = {}, } = {}, }, link, onClick, className, } = props;
     return (React.createElement(RenderCustomComponent, { componentProps: {
             rowData,
             colIndex,
             cellData,
             collection,
             field,
+            link,
+            onClick,
+            className,
         }, CustomComponent: CustomCell, DefaultComponent: DefaultCell }));
 };
 export default Cell;

package/dist/admin/components/views/collections/List/Cell/types.d.ts

@@ -1,6 +1,6 @@
 import { Field } from '../../../../../../fields/config/types';
 import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
-export type Props = {
+export declare type Props = {
     field: Field;
     colIndex: number;
     collection: SanitizedCollectionConfig;
@@ -8,4 +8,7 @@ export type Props = {
     rowData: {
         [path: string]: unknown;
     };
+    link?: boolean;
+    onClick?: (Props: any) => void;
+    className?: string;
 };