payload 1.1.0 → 1.1.2

package/dist/admin/components/forms/field-types/RichText/elements/relationship/Element/index.js

@@ -1,33 +1,33 @@
-import React, { useState } from 'react';
-import { useFocused, useSelected } from 'slate-react';
-import { useConfig } from '../../../../../../utilities/Config';
-import RelationshipIcon from '../../../../../../icons/Relationship';
-import usePayloadAPI from '../../../../../../../hooks/usePayloadAPI';
-import './index.scss';
-const baseClass = 'rich-text-relationship';
-const initialParams = {
-    depth: 0,
-};
-const Element = (props) => {
-    var _a;
-    const { attributes, children, element } = props;
-    const { relationTo, value } = element;
-    const { collections, serverURL, routes: { api } } = useConfig();
-    const [relatedCollection] = useState(() => collections.find((coll) => coll.slug === relationTo));
-    const selected = useSelected();
-    const focused = useFocused();
-    const [{ data }] = usePayloadAPI(`${serverURL}${api}/${relatedCollection.slug}/${value === null || value === void 0 ? void 0 : value.id}`, { initialParams });
-    return (React.createElement("div", { className: [
-            baseClass,
-            (selected && focused) && `${baseClass}--selected`,
-        ].filter(Boolean).join(' '), contentEditable: false, ...attributes },
-        React.createElement(RelationshipIcon, null),
-        React.createElement("div", { className: `${baseClass}__wrap` },
-            React.createElement("div", { className: `${baseClass}__label` },
-                relatedCollection.labels.singular,
-                ' ',
-                "Relationship"),
-            React.createElement("h5", null, data[((_a = relatedCollection === null || relatedCollection === void 0 ? void 0 : relatedCollection.admin) === null || _a === void 0 ? void 0 : _a.useAsTitle) || 'id'])),
-        children));
-};
-export default Element;
+import React, { useState } from 'react';
+import { useFocused, useSelected } from 'slate-react';
+import { useConfig } from '../../../../../../utilities/Config';
+import RelationshipIcon from '../../../../../../icons/Relationship';
+import usePayloadAPI from '../../../../../../../hooks/usePayloadAPI';
+import './index.scss';
+const baseClass = 'rich-text-relationship';
+const initialParams = {
+    depth: 0,
+};
+const Element = (props) => {
+    var _a;
+    const { attributes, children, element } = props;
+    const { relationTo, value } = element;
+    const { collections, serverURL, routes: { api } } = useConfig();
+    const [relatedCollection] = useState(() => collections.find((coll) => coll.slug === relationTo));
+    const selected = useSelected();
+    const focused = useFocused();
+    const [{ data }] = usePayloadAPI(`${serverURL}${api}/${relatedCollection.slug}/${value === null || value === void 0 ? void 0 : value.id}`, { initialParams });
+    return (React.createElement("div", { className: [
+            baseClass,
+            (selected && focused) && `${baseClass}--selected`,
+        ].filter(Boolean).join(' '), contentEditable: false, ...attributes },
+        React.createElement(RelationshipIcon, null),
+        React.createElement("div", { className: `${baseClass}__wrap` },
+            React.createElement("div", { className: `${baseClass}__label` },
+                relatedCollection.labels.singular,
+                ' ',
+                "Relationship"),
+            React.createElement("h5", null, data[((_a = relatedCollection === null || relatedCollection === void 0 ? void 0 : relatedCollection.admin) === null || _a === void 0 ? void 0 : _a.useAsTitle) || 'id'])),
+        children));
+};
+export default Element;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-declare const _default: {
-    Button: import("react").FC<{
-        path: string;
-    }>;
-    Element: (props: any) => JSX.Element;
-    plugins: ((incomingEditor: any) => any)[];
-};
-export default _default;
+/// <reference types="react" />
+declare const _default: {
+    Button: import("react").FC<{
+        path: string;
+    }>;
+    Element: (props: any) => JSX.Element;
+    plugins: ((incomingEditor: any) => any)[];
+};
+export default _default;

package/dist/admin/components/forms/field-types/RichText/elements/relationship/index.js

@@ -1,10 +1,10 @@
-import plugin from './plugin';
-import Element from './Element';
-import Button from './Button';
-export default {
-    Button,
-    Element,
-    plugins: [
-        plugin,
-    ],
-};
+import plugin from './plugin';
+import Element from './Element';
+import Button from './Button';
+export default {
+    Button,
+    Element,
+    plugins: [
+        plugin,
+    ],
+};

package/dist/admin/components/forms/field-types/RichText/elements/relationship/plugin.d.ts

@@ -1,2 +1,2 @@
-declare const withRelationship: (incomingEditor: any) => any;
-export default withRelationship;
+declare const withRelationship: (incomingEditor: any) => any;
+export default withRelationship;

package/dist/admin/components/forms/field-types/RichText/elements/relationship/plugin.js

@@ -1,7 +1,7 @@
-const withRelationship = (incomingEditor) => {
-    const editor = incomingEditor;
-    const { isVoid } = editor;
-    editor.isVoid = (element) => (element.type === 'relationship' ? true : isVoid(element));
-    return editor;
-};
-export default withRelationship;
+const withRelationship = (incomingEditor) => {
+    const editor = incomingEditor;
+    const { isVoid } = editor;
+    editor.isVoid = (element) => (element.type === 'relationship' ? true : isVoid(element));
+    return editor;
+};
+export default withRelationship;

package/dist/admin/components/forms/field-types/RichText/elements/toggle.d.ts

@@ -1,2 +1,2 @@
-declare const toggleElement: (editor: any, format: any) => void;
-export default toggleElement;
+declare const toggleElement: (editor: any, format: any) => void;
+export default toggleElement;

package/dist/admin/components/forms/field-types/RichText/elements/toggle.js

@@ -1,27 +1,27 @@
-import { Element, Transforms } from 'slate';
-import { ReactEditor } from 'slate-react';
-import isElementActive from './isActive';
-import listTypes from './listTypes';
-const toggleElement = (editor, format) => {
-    const isActive = isElementActive(editor, format);
-    const isList = listTypes.includes(format);
-    let type = format;
-    if (isActive) {
-        type = undefined;
-    }
-    else if (isList) {
-        type = 'li';
-    }
-    Transforms.unwrapNodes(editor, {
-        match: (n) => Element.isElement(n) && listTypes.includes(n.type),
-        split: true,
-        mode: 'lowest',
-    });
-    Transforms.setNodes(editor, { type });
-    if (!isActive && isList) {
-        const block = { type: format, children: [] };
-        Transforms.wrapNodes(editor, block);
-    }
-    ReactEditor.focus(editor);
-};
-export default toggleElement;
+import { Element, Transforms } from 'slate';
+import { ReactEditor } from 'slate-react';
+import isElementActive from './isActive';
+import listTypes from './listTypes';
+const toggleElement = (editor, format) => {
+    const isActive = isElementActive(editor, format);
+    const isList = listTypes.includes(format);
+    let type = format;
+    if (isActive) {
+        type = undefined;
+    }
+    else if (isList) {
+        type = 'li';
+    }
+    Transforms.unwrapNodes(editor, {
+        match: (n) => Element.isElement(n) && listTypes.includes(n.type),
+        split: true,
+        mode: 'lowest',
+    });
+    Transforms.setNodes(editor, { type });
+    if (!isActive && isList) {
+        const block = { type: format, children: [] };
+        Transforms.wrapNodes(editor, block);
+    }
+    ReactEditor.focus(editor);
+};
+export default toggleElement;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type ButtonProps = {
-    format: string;
-    onClick?: (e: React.MouseEvent) => void;
-    className?: string;
-    children?: React.ReactNode;
-};
+/// <reference types="react" />
+export declare type ButtonProps = {
+    format: string;
+    onClick?: (e: React.MouseEvent) => void;
+    className?: string;
+    children?: React.ReactNode;
+};

package/dist/admin/components/forms/field-types/RichText/elements/types.js

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

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import './index.scss';
-declare const ul: {
-    Button: () => JSX.Element;
-    Element: ({ attributes, children }: {
-        attributes: any;
-        children: any;
-    }) => JSX.Element;
-};
-export default ul;
+/// <reference types="react" />
+import './index.scss';
+declare const ul: {
+    Button: () => JSX.Element;
+    Element: ({ attributes, children }: {
+        attributes: any;
+        children: any;
+    }) => JSX.Element;
+};
+export default ul;

package/dist/admin/components/forms/field-types/RichText/elements/ul/index.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import ULIcon from '../../../../../icons/UnorderedList';
-import ListButton from '../ListButton';
-import './index.scss';
-const UL = ({ attributes, children }) => (React.createElement("ul", { className: "rich-text-ul", ...attributes }, children));
-const ul = {
-    Button: () => (React.createElement(ListButton, { format: "ul" },
-        React.createElement(ULIcon, null))),
-    Element: UL,
-};
-export default ul;
+import React from 'react';
+import ULIcon from '../../../../../icons/UnorderedList';
+import ListButton from '../ListButton';
+import './index.scss';
+const UL = ({ attributes, children }) => (React.createElement("ul", { className: "rich-text-ul", ...attributes }, children));
+const ul = {
+    Button: () => (React.createElement(ListButton, { format: "ul" },
+        React.createElement(ULIcon, null))),
+    Element: UL,
+};
+export default ul;

package/dist/admin/components/forms/field-types/RichText/elements/upload/Button/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import './index.scss';
-import '../addSwapModals.scss';
-declare const UploadButton: React.FC<{
-    path: string;
-}>;
-export default UploadButton;
+import React from 'react';
+import './index.scss';
+import '../addSwapModals.scss';
+declare const UploadButton: React.FC<{
+    path: string;
+}>;
+export default UploadButton;

package/dist/admin/components/forms/field-types/RichText/elements/upload/Button/index.js

@@ -1,134 +1,134 @@
-import React, { Fragment, useEffect, useState } from 'react';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { ReactEditor, useSlate } from 'slate-react';
-import { useConfig } from '../../../../../../utilities/Config';
-import ElementButton from '../../Button';
-import UploadIcon from '../../../../../../icons/Upload';
-import usePayloadAPI from '../../../../../../../hooks/usePayloadAPI';
-import UploadGallery from '../../../../../../elements/UploadGallery';
-import ListControls from '../../../../../../elements/ListControls';
-import ReactSelect from '../../../../../../elements/ReactSelect';
-import Paginator from '../../../../../../elements/Paginator';
-import formatFields from '../../../../../../views/collections/List/formatFields';
-import Label from '../../../../../Label';
-import MinimalTemplate from '../../../../../../templates/Minimal';
-import Button from '../../../../../../elements/Button';
-import PerPage from '../../../../../../elements/PerPage';
-import { injectVoidElement } from '../../injectVoid';
-import './index.scss';
-import '../addSwapModals.scss';
-const baseClass = 'upload-rich-text-button';
-const baseModalClass = 'rich-text-upload-modal';
-const insertUpload = (editor, { value, relationTo }) => {
-    const text = { text: ' ' };
-    const upload = {
-        type: 'upload',
-        value,
-        relationTo,
-        children: [
-            text,
-        ],
-    };
-    injectVoidElement(editor, upload);
-    ReactEditor.focus(editor);
-};
-const UploadButton = ({ path }) => {
-    var _a, _b, _c;
-    const { toggleModal, modalState } = useModal();
-    const editor = useSlate();
-    const { serverURL, routes: { api }, collections } = useConfig();
-    const [availableCollections] = useState(() => collections.filter(({ admin: { enableRichTextRelationship }, upload }) => (Boolean(upload) && enableRichTextRelationship)));
-    const [renderModal, setRenderModal] = useState(false);
-    const [modalCollectionOption, setModalCollectionOption] = useState(() => {
-        const firstAvailableCollection = collections.find(({ admin: { enableRichTextRelationship }, upload }) => (Boolean(upload) && enableRichTextRelationship));
-        if (firstAvailableCollection) {
-            return { label: firstAvailableCollection.labels.singular, value: firstAvailableCollection.slug };
-        }
-        return undefined;
-    });
-    const [modalCollection, setModalCollection] = useState(() => collections.find(({ admin: { enableRichTextRelationship }, upload }) => (Boolean(upload) && enableRichTextRelationship)));
-    const [fields, setFields] = useState(() => (modalCollection ? formatFields(modalCollection) : undefined));
-    const [limit, setLimit] = useState();
-    const [sort, setSort] = useState(null);
-    const [where, setWhere] = useState(null);
-    const [page, setPage] = useState(null);
-    const modalSlug = `${path}-add-upload`;
-    const moreThanOneAvailableCollection = availableCollections.length > 1;
-    const isOpen = (_a = modalState[modalSlug]) === null || _a === void 0 ? void 0 : _a.isOpen;
-    // If modal is open, get active page of upload gallery
-    const apiURL = isOpen ? `${serverURL}${api}/${modalCollection.slug}` : null;
-    const [{ data }, { setParams }] = usePayloadAPI(apiURL, {});
-    useEffect(() => {
-        if (modalCollection) {
-            setFields(formatFields(modalCollection));
-        }
-    }, [modalCollection]);
-    useEffect(() => {
-        if (renderModal) {
-            toggleModal(modalSlug);
-        }
-    }, [renderModal, toggleModal, modalSlug]);
-    useEffect(() => {
-        const params = {};
-        if (page)
-            params.page = page;
-        if (where)
-            params.where = where;
-        if (sort)
-            params.sort = sort;
-        if (limit)
-            params.limit = limit;
-        setParams(params);
-    }, [setParams, page, sort, where, limit]);
-    useEffect(() => {
-        if (modalCollectionOption) {
-            setModalCollection(collections.find(({ slug }) => modalCollectionOption.value === slug));
-        }
-    }, [modalCollectionOption, collections]);
-    if (!modalCollection) {
-        return null;
-    }
-    return (React.createElement(Fragment, null,
-        React.createElement(ElementButton, { className: baseClass, format: "upload", onClick: () => setRenderModal(true) },
-            React.createElement(UploadIcon, null)),
-        renderModal && (React.createElement(Modal, { className: baseModalClass, slug: modalSlug }, isOpen && (React.createElement(MinimalTemplate, { width: "wide" },
-            React.createElement("header", { className: `${baseModalClass}__header` },
-                React.createElement("h1", null,
-                    "Add",
-                    ' ',
-                    modalCollection.labels.singular),
-                React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
-                        toggleModal(modalSlug);
-                        setRenderModal(false);
-                    } })),
-            moreThanOneAvailableCollection && (React.createElement("div", { className: `${baseModalClass}__select-collection-wrap` },
-                React.createElement(Label, { label: "Select a Collection to Browse" }),
-                React.createElement(ReactSelect, { className: `${baseClass}__select-collection`, value: modalCollectionOption, onChange: setModalCollectionOption, options: availableCollections.map((coll) => ({ label: coll.labels.singular, value: coll.slug })) }))),
-            React.createElement(ListControls, { collection: {
-                    ...modalCollection,
-                    fields,
-                }, enableColumns: false, enableSort: true, modifySearchQuery: false, handleSortChange: setSort, handleWhereChange: setWhere }),
-            React.createElement(UploadGallery, { docs: data === null || data === void 0 ? void 0 : data.docs, collection: modalCollection, onCardClick: (doc) => {
-                    insertUpload(editor, {
-                        value: {
-                            id: doc.id,
-                        },
-                        relationTo: modalCollection.slug,
-                    });
-                    setRenderModal(false);
-                    toggleModal(modalSlug);
-                } }),
-            React.createElement("div", { className: `${baseModalClass}__page-controls` },
-                React.createElement(Paginator, { limit: data.limit, totalPages: data.totalPages, page: data.page, hasPrevPage: data.hasPrevPage, hasNextPage: data.hasNextPage, prevPage: data.prevPage, nextPage: data.nextPage, numberOfNeighbors: 1, onChange: setPage, disableHistoryChange: true }),
-                (data === null || data === void 0 ? void 0 : data.totalDocs) > 0 && (React.createElement(Fragment, null,
-                    React.createElement("div", { className: `${baseModalClass}__page-info` },
-                        data.page,
-                        "-",
-                        data.totalPages > 1 ? data.limit : data.totalDocs,
-                        ' ',
-                        "of",
-                        ' ',
-                        data.totalDocs),
-                    React.createElement(PerPage, { limits: (_c = (_b = modalCollection === null || modalCollection === void 0 ? void 0 : modalCollection.admin) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.limits, limit: limit, modifySearchParams: false, handleChange: setLimit }))))))))));
-};
-export default UploadButton;
+import React, { Fragment, useEffect, useState } from 'react';
+import { Modal, useModal } from '@faceless-ui/modal';
+import { ReactEditor, useSlate } from 'slate-react';
+import { useConfig } from '../../../../../../utilities/Config';
+import ElementButton from '../../Button';
+import UploadIcon from '../../../../../../icons/Upload';
+import usePayloadAPI from '../../../../../../../hooks/usePayloadAPI';
+import UploadGallery from '../../../../../../elements/UploadGallery';
+import ListControls from '../../../../../../elements/ListControls';
+import ReactSelect from '../../../../../../elements/ReactSelect';
+import Paginator from '../../../../../../elements/Paginator';
+import formatFields from '../../../../../../views/collections/List/formatFields';
+import Label from '../../../../../Label';
+import MinimalTemplate from '../../../../../../templates/Minimal';
+import Button from '../../../../../../elements/Button';
+import PerPage from '../../../../../../elements/PerPage';
+import { injectVoidElement } from '../../injectVoid';
+import './index.scss';
+import '../addSwapModals.scss';
+const baseClass = 'upload-rich-text-button';
+const baseModalClass = 'rich-text-upload-modal';
+const insertUpload = (editor, { value, relationTo }) => {
+    const text = { text: ' ' };
+    const upload = {
+        type: 'upload',
+        value,
+        relationTo,
+        children: [
+            text,
+        ],
+    };
+    injectVoidElement(editor, upload);
+    ReactEditor.focus(editor);
+};
+const UploadButton = ({ path }) => {
+    var _a, _b, _c;
+    const { toggleModal, modalState } = useModal();
+    const editor = useSlate();
+    const { serverURL, routes: { api }, collections } = useConfig();
+    const [availableCollections] = useState(() => collections.filter(({ admin: { enableRichTextRelationship }, upload }) => (Boolean(upload) && enableRichTextRelationship)));
+    const [renderModal, setRenderModal] = useState(false);
+    const [modalCollectionOption, setModalCollectionOption] = useState(() => {
+        const firstAvailableCollection = collections.find(({ admin: { enableRichTextRelationship }, upload }) => (Boolean(upload) && enableRichTextRelationship));
+        if (firstAvailableCollection) {
+            return { label: firstAvailableCollection.labels.singular, value: firstAvailableCollection.slug };
+        }
+        return undefined;
+    });
+    const [modalCollection, setModalCollection] = useState(() => collections.find(({ admin: { enableRichTextRelationship }, upload }) => (Boolean(upload) && enableRichTextRelationship)));
+    const [fields, setFields] = useState(() => (modalCollection ? formatFields(modalCollection) : undefined));
+    const [limit, setLimit] = useState();
+    const [sort, setSort] = useState(null);
+    const [where, setWhere] = useState(null);
+    const [page, setPage] = useState(null);
+    const modalSlug = `${path}-add-upload`;
+    const moreThanOneAvailableCollection = availableCollections.length > 1;
+    const isOpen = (_a = modalState[modalSlug]) === null || _a === void 0 ? void 0 : _a.isOpen;
+    // If modal is open, get active page of upload gallery
+    const apiURL = isOpen ? `${serverURL}${api}/${modalCollection.slug}` : null;
+    const [{ data }, { setParams }] = usePayloadAPI(apiURL, {});
+    useEffect(() => {
+        if (modalCollection) {
+            setFields(formatFields(modalCollection));
+        }
+    }, [modalCollection]);
+    useEffect(() => {
+        if (renderModal) {
+            toggleModal(modalSlug);
+        }
+    }, [renderModal, toggleModal, modalSlug]);
+    useEffect(() => {
+        const params = {};
+        if (page)
+            params.page = page;
+        if (where)
+            params.where = where;
+        if (sort)
+            params.sort = sort;
+        if (limit)
+            params.limit = limit;
+        setParams(params);
+    }, [setParams, page, sort, where, limit]);
+    useEffect(() => {
+        if (modalCollectionOption) {
+            setModalCollection(collections.find(({ slug }) => modalCollectionOption.value === slug));
+        }
+    }, [modalCollectionOption, collections]);
+    if (!modalCollection) {
+        return null;
+    }
+    return (React.createElement(Fragment, null,
+        React.createElement(ElementButton, { className: baseClass, format: "upload", onClick: () => setRenderModal(true) },
+            React.createElement(UploadIcon, null)),
+        renderModal && (React.createElement(Modal, { className: baseModalClass, slug: modalSlug }, isOpen && (React.createElement(MinimalTemplate, { width: "wide" },
+            React.createElement("header", { className: `${baseModalClass}__header` },
+                React.createElement("h1", null,
+                    "Add",
+                    ' ',
+                    modalCollection.labels.singular),
+                React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
+                        toggleModal(modalSlug);
+                        setRenderModal(false);
+                    } })),
+            moreThanOneAvailableCollection && (React.createElement("div", { className: `${baseModalClass}__select-collection-wrap` },
+                React.createElement(Label, { label: "Select a Collection to Browse" }),
+                React.createElement(ReactSelect, { className: `${baseClass}__select-collection`, value: modalCollectionOption, onChange: setModalCollectionOption, options: availableCollections.map((coll) => ({ label: coll.labels.singular, value: coll.slug })) }))),
+            React.createElement(ListControls, { collection: {
+                    ...modalCollection,
+                    fields,
+                }, enableColumns: false, enableSort: true, modifySearchQuery: false, handleSortChange: setSort, handleWhereChange: setWhere }),
+            React.createElement(UploadGallery, { docs: data === null || data === void 0 ? void 0 : data.docs, collection: modalCollection, onCardClick: (doc) => {
+                    insertUpload(editor, {
+                        value: {
+                            id: doc.id,
+                        },
+                        relationTo: modalCollection.slug,
+                    });
+                    setRenderModal(false);
+                    toggleModal(modalSlug);
+                } }),
+            React.createElement("div", { className: `${baseModalClass}__page-controls` },
+                React.createElement(Paginator, { limit: data.limit, totalPages: data.totalPages, page: data.page, hasPrevPage: data.hasPrevPage, hasNextPage: data.hasNextPage, prevPage: data.prevPage, nextPage: data.nextPage, numberOfNeighbors: 1, onChange: setPage, disableHistoryChange: true }),
+                (data === null || data === void 0 ? void 0 : data.totalDocs) > 0 && (React.createElement(Fragment, null,
+                    React.createElement("div", { className: `${baseModalClass}__page-info` },
+                        data.page,
+                        "-",
+                        data.totalPages > 1 ? data.limit : data.totalDocs,
+                        ' ',
+                        "of",
+                        ' ',
+                        data.totalDocs),
+                    React.createElement(PerPage, { limits: (_c = (_b = modalCollection === null || modalCollection === void 0 ? void 0 : modalCollection.admin) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.limits, limit: limit, modifySearchParams: false, handleChange: setLimit }))))))))));
+};
+export default UploadButton;

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/EditModal/index.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { Element } from 'slate';
-import { SanitizedCollectionConfig } from '../../../../../../../../../collections/config/types';
-import { Field } from '../../../../../../../../../fields/config/types';
-import './index.scss';
-declare type Props = {
-    slug: string;
-    closeModal: () => void;
-    relatedCollectionConfig: SanitizedCollectionConfig;
-    fieldSchema: Field[];
-    element: Element & {
-        fields: Field[];
-    };
-};
-export declare const EditModal: React.FC<Props>;
-export {};
+import React from 'react';
+import { Element } from 'slate';
+import { SanitizedCollectionConfig } from '../../../../../../../../../collections/config/types';
+import { Field } from '../../../../../../../../../fields/config/types';
+import './index.scss';
+declare type Props = {
+    slug: string;
+    closeModal: () => void;
+    relatedCollectionConfig: SanitizedCollectionConfig;
+    fieldSchema: Field[];
+    element: Element & {
+        fields: Field[];
+    };
+};
+export declare const EditModal: React.FC<Props>;
+export {};