payload 1.3.0 → 1.3.1

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

@@ -2,7 +2,7 @@ import React, { ChangeEvent } from 'react';
 import { TextareaField } from '../../../../../fields/config/types';
 import { Description } from '../../FieldDescription/types';
 import './index.scss';
-export declare type TextAreaInputProps = Omit<TextareaField, 'type'> & {
+export type TextAreaInputProps = Omit<TextareaField, 'type'> & {
     showError?: boolean;
     errorMessage?: string;
     readOnly?: boolean;

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

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

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

@@ -1,6 +1,6 @@
 import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
 import { FieldTypes } from '../..';
-export declare type Props = {
+export type Props = {
     setValue: (val: {
         id: string;
     } | null) => void;

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

@@ -4,7 +4,7 @@ import { Description } from '../../FieldDescription/types';
 import { FieldTypes } from '..';
 import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
 import './index.scss';
-export declare type UploadInputProps = Omit<UploadField, 'type'> & {
+export type UploadInputProps = Omit<UploadField, 'type'> & {
     showError?: boolean;
     errorMessage?: string;
     readOnly?: boolean;

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

@@ -1,6 +1,6 @@
 import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
 import { FilterOptions } from '../../../../../../fields/config/types';
-export declare type Props = {
+export type Props = {
     setValue: (val: {
         id: string;
     } | null) => void;

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 declare type Props = Omit<UploadField, 'type'> & {
+export 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 declare type FieldTypes = {
+export 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 declare type Row = {
+export type Row = {
     id: string;
     collapsed?: boolean;
     blockType?: string;
 };
-declare type SET_ALL = {
+type SET_ALL = {
     type: 'SET_ALL';
     data: {
         id?: string;
@@ -13,29 +13,29 @@ declare type SET_ALL = {
     blockType?: string;
     initCollapsed?: boolean;
 };
-declare type SET_COLLAPSE = {
+type SET_COLLAPSE = {
     type: 'SET_COLLAPSE';
     id: string;
     collapsed: boolean;
 };
-declare type SET_ALL_COLLAPSED = {
+type SET_ALL_COLLAPSED = {
     type: 'SET_ALL_COLLAPSED';
     collapse: boolean;
 };
-declare type ADD = {
+type ADD = {
     type: 'ADD';
     rowIndex: number;
     blockType?: string;
 };
-declare type REMOVE = {
+type REMOVE = {
     type: 'REMOVE';
     rowIndex: number;
 };
-declare type MOVE = {
+type MOVE = {
     type: 'MOVE';
     moveFromIndex: number;
     moveToIndex: number;
 };
-declare type Action = SET_ALL | SET_COLLAPSE | SET_ALL_COLLAPSED | ADD | REMOVE | MOVE;
+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 declare type Options = {
+export type Options = {
     path: string;
     validate?: Validate;
     disableFormData?: boolean;
     condition?: Condition;
 };
-export declare type FieldType<T> = {
+export type FieldType<T> = {
     value: T;
     errorMessage?: string;
     showError: boolean;

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type Props = {
+export 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 declare type Props = {
+export 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;
 }>;
-declare type UseAuth<T = User> = () => AuthContext<T>;
+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 declare type AuthContext<T = User> = {
+export type AuthContext<T = User> = {
     user?: T | null;
     logOut: () => void;
     refreshCookie: () => void;

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

@@ -1,6 +1,4 @@
 import React from 'react';
 import { ContextType, Props } from './types';
-declare const Context: React.Context<ContextType>;
 export declare const DocumentInfoProvider: React.FC<Props>;
 export declare const useDocumentInfo: () => ContextType;
-export default Context;

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

@@ -3,26 +3,32 @@ import qs from 'qs';
 import { useTranslation } from 'react-i18next';
 import { useConfig } from '../Config';
 import { usePreferences } from '../Preferences';
+import { useAuth } from '../Auth';
 const Context = createContext({});
 export const DocumentInfoProvider = ({ children, global, collection, id, }) => {
     const { serverURL, routes: { api } } = useConfig();
     const { getPreference } = usePreferences();
     const { i18n } = useTranslation();
+    const { permissions } = useAuth();
     const [publishedDoc, setPublishedDoc] = useState(null);
     const [versions, setVersions] = useState(null);
     const [unpublishedVersions, setUnpublishedVersions] = useState(null);
+    const [docPermissions, setDocPermissions] = useState(null);
     const baseURL = `${serverURL}${api}`;
     let slug;
     let type;
+    let pluralType;
     let preferencesKey;
     if (global) {
         slug = global.slug;
         type = 'global';
+        pluralType = 'globals';
         preferencesKey = `global-${slug}`;
     }
     if (collection) {
         slug = collection.slug;
         type = 'collection';
+        pluralType = 'collections';
         if (id) {
             preferencesKey = `collection-${slug}-${id}`;
         }
@@ -134,6 +140,25 @@ export const DocumentInfoProvider = ({ children, global, collection, id, }) => {
             setUnpublishedVersions(unpublishedVersionJSON);
         }
     }, [i18n, global, collection, id, baseURL]);
+    const getDocPermissions = React.useCallback(async () => {
+        let docAccessURL;
+        if (pluralType === 'globals') {
+            docAccessURL = `/globals/${slug}/access`;
+        }
+        else if (pluralType === 'collections' && id) {
+            docAccessURL = `/${slug}/access/${id}`;
+        }
+        if (docAccessURL) {
+            const res = await fetch(`${serverURL}${api}${docAccessURL}`);
+            const json = await res.json();
+            setDocPermissions(json);
+        }
+        else {
+            // fallback to permissions from the collection
+            // (i.e. create has no id)
+            setDocPermissions(permissions[pluralType][slug]);
+        }
+    }, [serverURL, api, pluralType, slug, id, permissions]);
     useEffect(() => {
         getVersions();
     }, [getVersions]);
@@ -143,6 +168,9 @@ export const DocumentInfoProvider = ({ children, global, collection, id, }) => {
         };
         getDocPreferences();
     }, [getPreference, preferencesKey]);
+    useEffect(() => {
+        getDocPermissions();
+    }, [getDocPermissions]);
     const value = {
         slug,
         type,
@@ -154,8 +182,9 @@ export const DocumentInfoProvider = ({ children, global, collection, id, }) => {
         getVersions,
         publishedDoc,
         id,
+        getDocPermissions,
+        docPermissions,
     };
     return (React.createElement(Context.Provider, { value: value }, children));
 };
 export const useDocumentInfo = () => useContext(Context);
-export default Context;

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

@@ -1,13 +1,16 @@
 import React from 'react';
+import { CollectionPermission, GlobalPermission } from '../../../../auth';
 import { SanitizedCollectionConfig, TypeWithID, TypeWithTimestamps } from '../../../../collections/config/types';
 import { SanitizedGlobalConfig } from '../../../../globals/config/types';
 import { PaginatedDocs } from '../../../../mongoose/types';
 import { TypeWithVersion } from '../../../../versions/types';
-export declare type Version = TypeWithVersion<any>;
-export declare type ContextType = {
+export type Version = TypeWithVersion<any>;
+export type DocumentPermissions = null | GlobalPermission | CollectionPermission;
+export type EntityType = 'global' | 'collection';
+export type ContextType = {
     collection?: SanitizedCollectionConfig;
     global?: SanitizedGlobalConfig;
-    type: 'global' | 'collection';
+    type: EntityType;
     /** Slug of the collection or global */
     slug?: string;
     id?: string | number;
@@ -18,8 +21,10 @@ export declare type ContextType = {
         _status?: string;
     };
     getVersions: () => Promise<void>;
+    docPermissions: DocumentPermissions;
+    getDocPermissions: () => Promise<void>;
 };
-export declare type Props = {
+export type Props = {
     collection?: SanitizedCollectionConfig;
     global?: SanitizedGlobalConfig;
     id?: string | number;

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

@@ -1,8 +1,8 @@
-export declare type Meta = {
+export type Meta = {
     property: string;
     content: string;
 };
-export declare type Props = {
+export 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 declare type Operation = 'create' | 'update';
+export 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';
-declare type PreferencesContext = {
+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 declare type Props = {
+export 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 declare type Theme = 'light' | 'dark';
-export declare type ThemeContext = {
+export type Theme = 'light' | 'dark';
+export type ThemeContext = {
     theme: Theme;
     setTheme: (theme: Theme) => void;
     autoMode: boolean;

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 declare type Props = {
+export type Props = {
     hasSavePermission: boolean;
     apiURL: string;
     collection: SanitizedCollectionConfig;

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

@@ -1,3 +1,3 @@
-export declare type Props = {
+export 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 declare type Props = {
+export type Props = {
     collections: SanitizedCollectionConfig[];
     globals: SanitizedGlobalConfig[];
     permissions: Permissions;

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

@@ -12,13 +12,13 @@ import buildStateFromSchema from '../../forms/Form/buildStateFromSchema';
 import { useDocumentInfo } from '../../utilities/DocumentInfo';
 import { usePreferences } from '../../utilities/Preferences';
 const GlobalView = (props) => {
-    var _a, _b;
+    var _a;
     const { state: locationState } = useLocation();
     const locale = useLocale();
     const { setStepNav } = useStepNav();
-    const { permissions, user } = useAuth();
+    const { user } = useAuth();
     const [initialState, setInitialState] = useState();
-    const { getVersions, preferencesKey } = useDocumentInfo();
+    const { getVersions, preferencesKey, docPermissions, getDocPermissions } = useDocumentInfo();
     const { getPreference } = usePreferences();
     const { t } = useTranslation();
     const { serverURL, routes: { api, }, } = useConfig();
@@ -26,9 +26,10 @@ const GlobalView = (props) => {
     const { slug, label, fields, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = global;
     const onSave = useCallback(async (json) => {
         getVersions();
+        getDocPermissions();
         const state = await buildStateFromSchema({ fieldSchema: fields, data: json.result, operation: 'update', user, locale, t });
         setInitialState(state);
-    }, [getVersions, fields, user, locale, t]);
+    }, [getVersions, fields, user, locale, t, getDocPermissions]);
     const [{ data }] = 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(() => {
@@ -45,15 +46,14 @@ const GlobalView = (props) => {
         };
         awaitInitialState();
     }, [dataToRender, fields, user, locale, getPreference, preferencesKey, t]);
-    const globalPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[slug];
     return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultGlobal, CustomComponent: CustomEdit, componentProps: {
-            isLoading: !initialState,
+            isLoading: !initialState || !docPermissions,
             data: dataToRender,
-            permissions: globalPermissions,
+            permissions: docPermissions,
             initialState,
             global,
             onSave,
-            apiURL: `${serverURL}${api}/globals/${slug}${((_b = global.versions) === null || _b === void 0 ? void 0 : _b.drafts) ? '?draft=true' : ''}`,
+            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`,
         } }));
 };

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 declare type IndexProps = {
+export type IndexProps = {
     global: SanitizedGlobalConfig;
 };
-export declare type Props = {
+export type Props = {
     global: SanitizedGlobalConfig;
     data: Document;
     onSave: () => void;

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 declare type Props = {
+export type Props = {
     onChange: (val: CompareOption) => void;
     value: CompareOption;
     baseURL: string;
@@ -9,17 +9,17 @@ export declare type Props = {
     versionID: string;
     parentID?: string;
 };
-declare type CLEAR = {
+type CLEAR = {
     type: 'CLEAR';
     required: boolean;
 };
-declare type ADD = {
+type ADD = {
     type: 'ADD';
     data: PaginatedDocs<any>;
     collection: SanitizedCollectionConfig;
 };
-export declare type Action = CLEAR | ADD;
-export declare type ValueWithRelation = {
+export type Action = CLEAR | ADD;
+export 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 declare type FieldComponents = Record<string, React.FC<Props>>;
-export declare type Props = {
+export type FieldComponents = Record<string, React.FC<Props>>;
+export 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 declare type Props = {
+export 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 declare type Props = {
+export 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 declare type Props = {
+export 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 declare type LocaleOption = {
+export type LocaleOption = {
     label: string;
     value: string;
 };
-export declare type CompareOption = {
+export type CompareOption = {
     label: string;
     value: string;
     relationTo?: string;
     options?: CompareOption[];
 };
-export declare type Props = {
+export 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 declare type Props = {
+export 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 declare type Props = {
+export type Props = {
     useAPIKey?: boolean;
     requirePassword?: boolean;
     verify?: VerifyConfig | boolean;

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

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

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

@@ -13,7 +13,7 @@ import { useDocumentInfo } from '../../../utilities/DocumentInfo';
 import { usePreferences } from '../../../utilities/Preferences';
 import { EditDepthContext } from '../../../utilities/EditDepth';
 const EditView = (props) => {
-    var _a, _b, _c;
+    var _a, _b;
     const { collection: incomingCollection, isEditing } = props;
     const { slug, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = incomingCollection;
     const [fields] = useState(() => formatFields(incomingCollection, isEditing));
@@ -25,13 +25,14 @@ const EditView = (props) => {
     const { state: locationState } = useLocation();
     const history = useHistory();
     const [initialState, setInitialState] = useState();
-    const { permissions, user } = useAuth();
-    const { getVersions, preferencesKey } = useDocumentInfo();
+    const { user } = useAuth();
+    const { getVersions, preferencesKey, getDocPermissions, docPermissions } = useDocumentInfo();
     const { getPreference } = usePreferences();
     const { t } = useTranslation('general');
     const onSave = useCallback(async (json) => {
         var _a;
         getVersions();
+        getDocPermissions();
         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}`);
         }
@@ -39,7 +40,7 @@ const EditView = (props) => {
             const state = await buildStateFromSchema({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
             setInitialState(state);
         }
-    }, [admin, collection, isEditing, getVersions, user, id, t, locale]);
+    }, [admin, collection, isEditing, getVersions, user, id, t, locale, getDocPermissions]);
     const [{ data, isLoading: isLoadingDocument, isError }] = usePayloadAPI((isEditing ? `${serverURL}${api}/${slug}/${id}` : null), { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
     const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
     useEffect(() => {
@@ -61,17 +62,16 @@ const EditView = (props) => {
     if (isError) {
         return (React.createElement(Redirect, { to: `${admin}/not-found` }));
     }
-    const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[slug];
     const apiURL = `${serverURL}${api}/${slug}/${id}${collection.versions.drafts ? '?draft=true' : ''}`;
     const action = `${serverURL}${api}/${slug}${isEditing ? `/${id}` : ''}?locale=${locale}&depth=0&fallback-locale=null`;
-    const hasSavePermission = (isEditing && ((_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.update) === null || _b === void 0 ? void 0 : _b.permission)) || (!isEditing && ((_c = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.create) === null || _c === void 0 ? void 0 : _c.permission));
+    const hasSavePermission = (isEditing && ((_a = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.update) === null || _a === void 0 ? void 0 : _a.permission)) || (!isEditing && ((_b = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.create) === null || _b === void 0 ? void 0 : _b.permission));
     return (React.createElement(EditDepthContext.Provider, { value: 1 },
         React.createElement(RenderCustomComponent, { DefaultComponent: DefaultEdit, CustomComponent: CustomEdit, componentProps: {
                 id,
-                isLoading: !initialState,
+                isLoading: !initialState || !docPermissions,
                 data: dataToRender,
                 collection,
-                permissions: collectionPermissions,
+                permissions: docPermissions,
                 isEditing,
                 onSave,
                 initialState,

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

@@ -70,16 +70,19 @@
   }
 
   &__document-actions {
-    @include blur-bg;
     padding-right: $baseline;
     position: sticky;
     top: 0;
     z-index: var(--z-nav);
 
-    >* {
+    > * {
       position: relative;
       z-index: 1;
     }
+
+    @include mid-break {
+      @include blur-bg;
+    }
   }
 
   &__document-actions--has-2 {
@@ -233,4 +236,4 @@
       padding-bottom: base(3.5);
     }
   }
-}
+}