payload 1.2.5 → 1.3.0

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

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

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

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const RelationshipFields: () => JSX.Element;
-export default RelationshipFields;
+/// <reference types="react" />
+declare const RelationshipFields: () => JSX.Element;
+export default RelationshipFields;

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

@@ -1,34 +1,34 @@
-import React, { Fragment, useState, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../../../../../utilities/Config';
-import { useAuth } from '../../../../../../../utilities/Auth';
-import { useFormFields } from '../../../../../../Form/context';
-import Relationship from '../../../../../Relationship';
-import Select from '../../../../../Select';
-const createOptions = (collections, permissions) => collections.reduce((options, collection) => {
-    var _a, _b, _c, _d;
-    if (((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) && ((_d = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _d === void 0 ? void 0 : _d.enableRichTextRelationship)) {
-        return [
-            ...options,
-            {
-                label: collection.labels.plural,
-                value: collection.slug,
-            },
-        ];
-    }
-    return options;
-}, []);
-const RelationshipFields = () => {
-    const { collections } = useConfig();
-    const { permissions } = useAuth();
-    const { t } = useTranslation('fields');
-    const [options, setOptions] = useState(() => createOptions(collections, permissions));
-    const relationTo = useFormFields(([fields]) => { var _a; return (_a = fields.relationTo) === null || _a === void 0 ? void 0 : _a.value; });
-    useEffect(() => {
-        setOptions(createOptions(collections, permissions));
-    }, [collections, permissions]);
-    return (React.createElement(Fragment, null,
-        React.createElement(Select, { required: true, label: t('relationTo'), name: "relationTo", options: options }),
-        relationTo && (React.createElement(Relationship, { label: t('relatedDocument'), name: "value", relationTo: relationTo, required: true }))));
-};
-export default RelationshipFields;
+import React, { Fragment, useState, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfig } from '../../../../../../../utilities/Config';
+import { useAuth } from '../../../../../../../utilities/Auth';
+import { useFormFields } from '../../../../../../Form/context';
+import Relationship from '../../../../../Relationship';
+import Select from '../../../../../Select';
+const createOptions = (collections, permissions) => collections.reduce((options, collection) => {
+    var _a, _b, _c, _d;
+    if (((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) && ((_d = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _d === void 0 ? void 0 : _d.enableRichTextRelationship)) {
+        return [
+            ...options,
+            {
+                label: collection.labels.plural,
+                value: collection.slug,
+            },
+        ];
+    }
+    return options;
+}, []);
+const RelationshipFields = () => {
+    const { collections } = useConfig();
+    const { permissions } = useAuth();
+    const { t } = useTranslation('fields');
+    const [options, setOptions] = useState(() => createOptions(collections, permissions));
+    const relationTo = useFormFields(([fields]) => { var _a; return (_a = fields.relationTo) === null || _a === void 0 ? void 0 : _a.value; });
+    useEffect(() => {
+        setOptions(createOptions(collections, permissions));
+    }, [collections, permissions]);
+    return (React.createElement(Fragment, null,
+        React.createElement(Select, { required: true, label: t('relationTo'), name: "relationTo", options: options }),
+        relationTo && (React.createElement(Relationship, { label: t('relatedDocument'), name: "value", relationTo: relationTo, required: true }))));
+};
+export default RelationshipFields;

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

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

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

@@ -1,77 +1,77 @@
-import React, { Fragment, useCallback, useEffect, useState } from 'react';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { ReactEditor, useSlate } from 'slate-react';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../../../../utilities/Config';
-import ElementButton from '../../Button';
-import RelationshipIcon from '../../../../../../icons/Relationship';
-import Form from '../../../../../Form';
-import MinimalTemplate from '../../../../../../templates/Minimal';
-import Button from '../../../../../../elements/Button';
-import Submit from '../../../../../Submit';
-import X from '../../../../../../icons/X';
-import Fields from './Fields';
-import { requests } from '../../../../../../../api';
-import { injectVoidElement } from '../../injectVoid';
-import './index.scss';
-const initialFormData = {};
-const baseClass = 'relationship-rich-text-button';
-const insertRelationship = (editor, { value, relationTo }) => {
-    const text = { text: ' ' };
-    const relationship = {
-        type: 'relationship',
-        value,
-        relationTo,
-        children: [
-            text,
-        ],
-    };
-    injectVoidElement(editor, relationship);
-    ReactEditor.focus(editor);
-};
-const RelationshipButton = ({ path }) => {
-    const { toggleModal } = useModal();
-    const editor = useSlate();
-    const { serverURL, routes: { api }, collections } = useConfig();
-    const [renderModal, setRenderModal] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const { t, i18n } = useTranslation('fields');
-    const [hasEnabledCollections] = useState(() => collections.find(({ admin: { enableRichTextRelationship } }) => enableRichTextRelationship));
-    const modalSlug = `${path}-add-relationship`;
-    const handleAddRelationship = useCallback(async (_, { relationTo, value }) => {
-        setLoading(true);
-        const res = await requests.get(`${serverURL}${api}/${relationTo}/${value}?depth=0`, {
-            headers: {
-                'Accept-Language': i18n.language,
-            },
-        });
-        const json = await res.json();
-        insertRelationship(editor, { value: { id: json.id }, relationTo });
-        toggleModal(modalSlug);
-        setRenderModal(false);
-        setLoading(false);
-    }, [i18n.language, editor, toggleModal, modalSlug, api, serverURL]);
-    useEffect(() => {
-        if (renderModal) {
-            toggleModal(modalSlug);
-        }
-    }, [renderModal, toggleModal, modalSlug]);
-    if (!hasEnabledCollections)
-        return null;
-    return (React.createElement(Fragment, null,
-        React.createElement(ElementButton, { className: baseClass, format: "relationship", onClick: () => setRenderModal(true) },
-            React.createElement(RelationshipIcon, null)),
-        renderModal && (React.createElement(Modal, { slug: modalSlug, className: `${baseClass}__modal` },
-            React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
-                React.createElement("header", { className: `${baseClass}__header` },
-                    React.createElement("h3", null, t('addRelationship')),
-                    React.createElement(Button, { buttonStyle: "none", onClick: () => {
-                            toggleModal(modalSlug);
-                            setRenderModal(false);
-                        } },
-                        React.createElement(X, null))),
-                React.createElement(Form, { onSubmit: handleAddRelationship, initialData: initialFormData, disabled: loading },
-                    React.createElement(Fields, null),
-                    React.createElement(Submit, null, t('addRelationship'))))))));
-};
-export default RelationshipButton;
+import React, { Fragment, useCallback, useEffect, useState } from 'react';
+import { Modal, useModal } from '@faceless-ui/modal';
+import { ReactEditor, useSlate } from 'slate-react';
+import { useTranslation } from 'react-i18next';
+import { useConfig } from '../../../../../../utilities/Config';
+import ElementButton from '../../Button';
+import RelationshipIcon from '../../../../../../icons/Relationship';
+import Form from '../../../../../Form';
+import MinimalTemplate from '../../../../../../templates/Minimal';
+import Button from '../../../../../../elements/Button';
+import Submit from '../../../../../Submit';
+import X from '../../../../../../icons/X';
+import Fields from './Fields';
+import { requests } from '../../../../../../../api';
+import { injectVoidElement } from '../../injectVoid';
+import './index.scss';
+const initialFormData = {};
+const baseClass = 'relationship-rich-text-button';
+const insertRelationship = (editor, { value, relationTo }) => {
+    const text = { text: ' ' };
+    const relationship = {
+        type: 'relationship',
+        value,
+        relationTo,
+        children: [
+            text,
+        ],
+    };
+    injectVoidElement(editor, relationship);
+    ReactEditor.focus(editor);
+};
+const RelationshipButton = ({ path }) => {
+    const { toggleModal } = useModal();
+    const editor = useSlate();
+    const { serverURL, routes: { api }, collections } = useConfig();
+    const [renderModal, setRenderModal] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const { t, i18n } = useTranslation('fields');
+    const [hasEnabledCollections] = useState(() => collections.find(({ admin: { enableRichTextRelationship } }) => enableRichTextRelationship));
+    const modalSlug = `${path}-add-relationship`;
+    const handleAddRelationship = useCallback(async (_, { relationTo, value }) => {
+        setLoading(true);
+        const res = await requests.get(`${serverURL}${api}/${relationTo}/${value}?depth=0`, {
+            headers: {
+                'Accept-Language': i18n.language,
+            },
+        });
+        const json = await res.json();
+        insertRelationship(editor, { value: { id: json.id }, relationTo });
+        toggleModal(modalSlug);
+        setRenderModal(false);
+        setLoading(false);
+    }, [i18n.language, editor, toggleModal, modalSlug, api, serverURL]);
+    useEffect(() => {
+        if (renderModal) {
+            toggleModal(modalSlug);
+        }
+    }, [renderModal, toggleModal, modalSlug]);
+    if (!hasEnabledCollections)
+        return null;
+    return (React.createElement(Fragment, null,
+        React.createElement(ElementButton, { className: baseClass, format: "relationship", onClick: () => setRenderModal(true) },
+            React.createElement(RelationshipIcon, null)),
+        renderModal && (React.createElement(Modal, { slug: modalSlug, className: `${baseClass}__modal` },
+            React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
+                React.createElement("header", { className: `${baseClass}__header` },
+                    React.createElement("h3", null, t('addRelationship')),
+                    React.createElement(Button, { buttonStyle: "none", onClick: () => {
+                            toggleModal(modalSlug);
+                            setRenderModal(false);
+                        } },
+                        React.createElement(X, null))),
+                React.createElement(Form, { onSubmit: handleAddRelationship, initialData: initialFormData, disabled: loading },
+                    React.createElement(Fields, null),
+                    React.createElement(Submit, null, t('addRelationship'))))))));
+};
+export default RelationshipButton;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import './index.scss';
-declare const Element: (props: any) => JSX.Element;
-export default Element;
+/// <reference types="react" />
+import './index.scss';
+declare const Element: (props: any) => JSX.Element;
+export default Element;

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

@@ -1,32 +1,32 @@
-import React, { useState } from 'react';
-import { useFocused, useSelected } from 'slate-react';
-import { useTranslation } from 'react-i18next';
-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 { t } = useTranslation('fields');
-    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` }, t('labelRelationship', { label: relatedCollection.labels.singular })),
-            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 { useTranslation } from 'react-i18next';
+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 { t } = useTranslation('fields');
+    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` }, t('labelRelationship', { label: relatedCollection.labels.singular })),
+            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;