payload 1.2.3 → 1.2.5

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

@@ -1,120 +1,120 @@
-import React, { useState, useRef, useEffect, useCallback, } from 'react';
-import { useTranslation } from 'react-i18next';
-import useField from '../../../../forms/useField';
-import Button from '../../../../elements/Button';
-import FileDetails from '../../../../elements/FileDetails';
-import Error from '../../../../forms/Error';
-import './index.scss';
-const baseClass = 'file-field';
-const handleDrag = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-};
-const validate = (value) => {
-    if (!value && value !== undefined) {
-        return 'A file is required.';
-    }
-    return true;
-};
-const Upload = (props) => {
-    var _a, _b;
-    const inputRef = useRef(null);
-    const dropRef = useRef(null);
-    const [selectingFile, setSelectingFile] = useState(false);
-    const [dragging, setDragging] = useState(false);
-    const [dragCounter, setDragCounter] = useState(0);
-    const [replacingFile, setReplacingFile] = useState(false);
-    const { t } = useTranslation('upload');
-    const { data = {}, collection, } = props;
-    const { filename } = data;
-    const { value, setValue, showError, errorMessage, } = useField({
-        path: 'file',
-        validate,
-    });
-    const handleDragIn = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDragCounter((count) => count + 1);
-        if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
-            setDragging(true);
-        }
-    }, []);
-    const handleDragOut = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDragCounter((count) => count - 1);
-        if (dragCounter > 1)
-            return;
-        setDragging(false);
-    }, [dragCounter]);
-    const handleDrop = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setDragging(false);
-        if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
-            setValue(e.dataTransfer.files[0]);
-            setDragging(false);
-            e.dataTransfer.clearData();
-            setDragCounter(0);
-        }
-        else {
-            setDragging(false);
-        }
-    }, [setValue]);
-    // Only called when input is interacted with directly
-    // Not called when drag + drop is used
-    // Or when input is cleared
-    const handleInputChange = useCallback(() => {
-        var _a, _b;
-        setSelectingFile(false);
-        setValue(((_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) || null);
-    }, [inputRef, setValue]);
-    useEffect(() => {
-        if (selectingFile) {
-            inputRef.current.click();
-            setSelectingFile(false);
-        }
-    }, [selectingFile, inputRef, setSelectingFile]);
-    useEffect(() => {
-        const div = dropRef.current;
-        if (div) {
-            div.addEventListener('dragenter', handleDragIn);
-            div.addEventListener('dragleave', handleDragOut);
-            div.addEventListener('dragover', handleDrag);
-            div.addEventListener('drop', handleDrop);
-            return () => {
-                div.removeEventListener('dragenter', handleDragIn);
-                div.removeEventListener('dragleave', handleDragOut);
-                div.removeEventListener('dragover', handleDrag);
-                div.removeEventListener('drop', handleDrop);
-            };
-        }
-        return () => null;
-    }, [handleDragIn, handleDragOut, handleDrop, value]);
-    useEffect(() => {
-        setReplacingFile(false);
-    }, [data]);
-    const classes = [
-        baseClass,
-        dragging && `${baseClass}--dragging`,
-        'field-type',
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        (filename && !replacingFile) && (React.createElement(FileDetails, { doc: data, collection: collection, handleRemove: () => {
-                setReplacingFile(true);
-                setValue(null);
-            } })),
-        (!filename || replacingFile) && (React.createElement("div", { className: `${baseClass}__upload` },
-            value && (React.createElement("div", { className: `${baseClass}__file-selected` },
-                React.createElement("span", { className: `${baseClass}__filename` }, value.name),
-                React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
-                        setValue(null);
-                    } }))),
-            !value && (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: `${baseClass}__drop-zone`, ref: dropRef },
-                    React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => setSelectingFile(true) }, t('selectFile')),
-                    React.createElement("span", { className: `${baseClass}__drag-label` }, t('dragAndDropHere'))))),
-            React.createElement("input", { ref: inputRef, type: "file", accept: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.upload) === null || _a === void 0 ? void 0 : _a.mimeTypes) === null || _b === void 0 ? void 0 : _b.join(','), onChange: handleInputChange })))));
-};
-export default Upload;
+import React, { useState, useRef, useEffect, useCallback, } from 'react';
+import { useTranslation } from 'react-i18next';
+import useField from '../../../../forms/useField';
+import Button from '../../../../elements/Button';
+import FileDetails from '../../../../elements/FileDetails';
+import Error from '../../../../forms/Error';
+import './index.scss';
+const baseClass = 'file-field';
+const handleDrag = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+};
+const validate = (value) => {
+    if (!value && value !== undefined) {
+        return 'A file is required.';
+    }
+    return true;
+};
+const Upload = (props) => {
+    var _a, _b;
+    const inputRef = useRef(null);
+    const dropRef = useRef(null);
+    const [selectingFile, setSelectingFile] = useState(false);
+    const [dragging, setDragging] = useState(false);
+    const [dragCounter, setDragCounter] = useState(0);
+    const [replacingFile, setReplacingFile] = useState(false);
+    const { t } = useTranslation('upload');
+    const { data = {}, collection, } = props;
+    const { filename } = data;
+    const { value, setValue, showError, errorMessage, } = useField({
+        path: 'file',
+        validate,
+    });
+    const handleDragIn = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragCounter((count) => count + 1);
+        if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+            setDragging(true);
+        }
+    }, []);
+    const handleDragOut = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragCounter((count) => count - 1);
+        if (dragCounter > 1)
+            return;
+        setDragging(false);
+    }, [dragCounter]);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(false);
+        if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+            setValue(e.dataTransfer.files[0]);
+            setDragging(false);
+            e.dataTransfer.clearData();
+            setDragCounter(0);
+        }
+        else {
+            setDragging(false);
+        }
+    }, [setValue]);
+    // Only called when input is interacted with directly
+    // Not called when drag + drop is used
+    // Or when input is cleared
+    const handleInputChange = useCallback(() => {
+        var _a, _b;
+        setSelectingFile(false);
+        setValue(((_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) || null);
+    }, [inputRef, setValue]);
+    useEffect(() => {
+        if (selectingFile) {
+            inputRef.current.click();
+            setSelectingFile(false);
+        }
+    }, [selectingFile, inputRef, setSelectingFile]);
+    useEffect(() => {
+        const div = dropRef.current;
+        if (div) {
+            div.addEventListener('dragenter', handleDragIn);
+            div.addEventListener('dragleave', handleDragOut);
+            div.addEventListener('dragover', handleDrag);
+            div.addEventListener('drop', handleDrop);
+            return () => {
+                div.removeEventListener('dragenter', handleDragIn);
+                div.removeEventListener('dragleave', handleDragOut);
+                div.removeEventListener('dragover', handleDrag);
+                div.removeEventListener('drop', handleDrop);
+            };
+        }
+        return () => null;
+    }, [handleDragIn, handleDragOut, handleDrop, value]);
+    useEffect(() => {
+        setReplacingFile(false);
+    }, [data]);
+    const classes = [
+        baseClass,
+        dragging && `${baseClass}--dragging`,
+        'field-type',
+    ].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: classes },
+        React.createElement(Error, { showError: showError, message: errorMessage }),
+        (filename && !replacingFile) && (React.createElement(FileDetails, { doc: data, collection: collection, handleRemove: () => {
+                setReplacingFile(true);
+                setValue(null);
+            } })),
+        (!filename || replacingFile) && (React.createElement("div", { className: `${baseClass}__upload` },
+            value && (React.createElement("div", { className: `${baseClass}__file-selected` },
+                React.createElement("span", { className: `${baseClass}__filename` }, value.name),
+                React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
+                        setValue(null);
+                    } }))),
+            !value && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: `${baseClass}__drop-zone`, ref: dropRef },
+                    React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => setSelectingFile(true) }, t('selectFile')),
+                    React.createElement("span", { className: `${baseClass}__drag-label` }, t('dragAndDropHere'))))),
+            React.createElement("input", { ref: inputRef, type: "file", accept: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.upload) === null || _a === void 0 ? void 0 : _a.mimeTypes) === null || _b === void 0 ? void 0 : _b.join(','), onChange: handleInputChange })))));
+};
+export default Upload;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
-import { Field } from '../../../../../fields/config/types';
-declare const formatFields: (collection: SanitizedCollectionConfig, isEditing: boolean) => Field[];
-export default formatFields;
+import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
+import { Field } from '../../../../../fields/config/types';
+declare const formatFields: (collection: SanitizedCollectionConfig, isEditing: boolean) => Field[];
+export default formatFields;

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

@@ -1,5 +1,5 @@
-import { fieldAffectsData } from '../../../../../fields/config/types';
-const formatFields = (collection, isEditing) => (isEditing
-    ? collection.fields.filter((field) => (fieldAffectsData(field) && field.name !== 'id') || true)
-    : collection.fields);
-export default formatFields;
+import { fieldAffectsData } from '../../../../../fields/config/types';
+const formatFields = (collection, isEditing) => (isEditing
+    ? collection.fields.filter((field) => (fieldAffectsData(field) && field.name !== 'id') || true)
+    : collection.fields);
+export default formatFields;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { IndexProps } from './types';
-declare const EditView: React.FC<IndexProps>;
-export default EditView;
+import React from 'react';
+import { IndexProps } from './types';
+declare const EditView: React.FC<IndexProps>;
+export default EditView;

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

@@ -1,83 +1,83 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { Redirect, useRouteMatch, useHistory, useLocation } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../utilities/Config';
-import { useAuth } from '../../../utilities/Auth';
-import usePayloadAPI from '../../../../hooks/usePayloadAPI';
-import RenderCustomComponent from '../../../utilities/RenderCustomComponent';
-import DefaultEdit from './Default';
-import formatFields from './formatFields';
-import buildStateFromSchema from '../../../forms/Form/buildStateFromSchema';
-import { useLocale } from '../../../utilities/Locale';
-import { useDocumentInfo } from '../../../utilities/DocumentInfo';
-import { usePreferences } from '../../../utilities/Preferences';
-import { EditDepthContext } from '../../../utilities/EditDepth';
-const EditView = (props) => {
-    var _a, _b, _c;
-    const { collection: incomingCollection, isEditing } = props;
-    const { slug, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = incomingCollection;
-    const [fields] = useState(() => formatFields(incomingCollection, isEditing));
-    const [collection] = useState(() => ({ ...incomingCollection, fields }));
-    const [redirect, setRedirect] = useState();
-    const locale = useLocale();
-    const { serverURL, routes: { admin, api } } = useConfig();
-    const { params: { id } = {} } = useRouteMatch();
-    const { state: locationState } = useLocation();
-    const history = useHistory();
-    const [initialState, setInitialState] = useState();
-    const { permissions, user } = useAuth();
-    const { getVersions, preferencesKey } = useDocumentInfo();
-    const { getPreference } = usePreferences();
-    const { t } = useTranslation('general');
-    const onSave = useCallback(async (json) => {
-        var _a;
-        getVersions();
-        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}`);
-        }
-        else {
-            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]);
-    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(() => {
-        if (isLoadingDocument) {
-            return;
-        }
-        const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: isEditing ? 'update' : 'create', id, locale, t });
-            await getPreference(preferencesKey);
-            setInitialState(state);
-        };
-        awaitInitialState();
-    }, [dataToRender, fields, isEditing, id, user, locale, isLoadingDocument, preferencesKey, getPreference, t]);
-    useEffect(() => {
-        if (redirect) {
-            history.push(redirect);
-        }
-    }, [history, redirect]);
-    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));
-    return (React.createElement(EditDepthContext.Provider, { value: 1 },
-        React.createElement(RenderCustomComponent, { DefaultComponent: DefaultEdit, CustomComponent: CustomEdit, componentProps: {
-                id,
-                isLoading: !initialState,
-                data: dataToRender,
-                collection,
-                permissions: collectionPermissions,
-                isEditing,
-                onSave,
-                initialState,
-                hasSavePermission,
-                apiURL,
-                action,
-            } })));
-};
-export default EditView;
+import React, { useState, useEffect, useCallback } from 'react';
+import { Redirect, useRouteMatch, useHistory, useLocation } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { useConfig } from '../../../utilities/Config';
+import { useAuth } from '../../../utilities/Auth';
+import usePayloadAPI from '../../../../hooks/usePayloadAPI';
+import RenderCustomComponent from '../../../utilities/RenderCustomComponent';
+import DefaultEdit from './Default';
+import formatFields from './formatFields';
+import buildStateFromSchema from '../../../forms/Form/buildStateFromSchema';
+import { useLocale } from '../../../utilities/Locale';
+import { useDocumentInfo } from '../../../utilities/DocumentInfo';
+import { usePreferences } from '../../../utilities/Preferences';
+import { EditDepthContext } from '../../../utilities/EditDepth';
+const EditView = (props) => {
+    var _a, _b, _c;
+    const { collection: incomingCollection, isEditing } = props;
+    const { slug, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = incomingCollection;
+    const [fields] = useState(() => formatFields(incomingCollection, isEditing));
+    const [collection] = useState(() => ({ ...incomingCollection, fields }));
+    const [redirect, setRedirect] = useState();
+    const locale = useLocale();
+    const { serverURL, routes: { admin, api } } = useConfig();
+    const { params: { id } = {} } = useRouteMatch();
+    const { state: locationState } = useLocation();
+    const history = useHistory();
+    const [initialState, setInitialState] = useState();
+    const { permissions, user } = useAuth();
+    const { getVersions, preferencesKey } = useDocumentInfo();
+    const { getPreference } = usePreferences();
+    const { t } = useTranslation('general');
+    const onSave = useCallback(async (json) => {
+        var _a;
+        getVersions();
+        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}`);
+        }
+        else {
+            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]);
+    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(() => {
+        if (isLoadingDocument) {
+            return;
+        }
+        const awaitInitialState = async () => {
+            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: isEditing ? 'update' : 'create', id, locale, t });
+            await getPreference(preferencesKey);
+            setInitialState(state);
+        };
+        awaitInitialState();
+    }, [dataToRender, fields, isEditing, id, user, locale, isLoadingDocument, preferencesKey, getPreference, t]);
+    useEffect(() => {
+        if (redirect) {
+            history.push(redirect);
+        }
+    }, [history, redirect]);
+    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));
+    return (React.createElement(EditDepthContext.Provider, { value: 1 },
+        React.createElement(RenderCustomComponent, { DefaultComponent: DefaultEdit, CustomComponent: CustomEdit, componentProps: {
+                id,
+                isLoading: !initialState,
+                data: dataToRender,
+                collection,
+                permissions: collectionPermissions,
+                isEditing,
+                onSave,
+                initialState,
+                hasSavePermission,
+                apiURL,
+                action,
+            } })));
+};
+export default EditView;

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

@@ -1,25 +1,25 @@
-import React from 'react';
-import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
-import { CollectionPermission } from '../../../../../auth/types';
-import { Document } from '../../../../../types';
-import { Fields } from '../../../forms/Form/types';
-export declare type IndexProps = {
-    collection: SanitizedCollectionConfig;
-    isEditing?: boolean;
-};
-export declare type Props = IndexProps & {
-    data: Document;
-    onSave?: () => void;
-    id?: string;
-    permissions: CollectionPermission;
-    isLoading: boolean;
-    initialState?: Fields;
-    apiURL: string;
-    action: string;
-    hasSavePermission: boolean;
-    autosaveEnabled: boolean;
-    disableEyebrow?: boolean;
-    disableActions?: boolean;
-    disableLeaveWithoutSaving?: boolean;
-    customHeader?: React.ReactNode;
-};
+import React from 'react';
+import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
+import { CollectionPermission } from '../../../../../auth/types';
+import { Document } from '../../../../../types';
+import { Fields } from '../../../forms/Form/types';
+export declare type IndexProps = {
+    collection: SanitizedCollectionConfig;
+    isEditing?: boolean;
+};
+export declare type Props = IndexProps & {
+    data: Document;
+    onSave?: () => void;
+    id?: string;
+    permissions: CollectionPermission;
+    isLoading: boolean;
+    initialState?: Fields;
+    apiURL: string;
+    action: string;
+    hasSavePermission: boolean;
+    autosaveEnabled: boolean;
+    disableEyebrow?: boolean;
+    disableActions?: boolean;
+    disableLeaveWithoutSaving?: boolean;
+    customHeader?: React.ReactNode;
+};

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

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

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

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