payload 1.3.1 → 1.3.2

package/dist/admin/components/elements/Status/index.js

@@ -1,115 +1,115 @@
-import React, { useCallback, useState } from 'react';
-import { toast } from 'react-toastify';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import Button from '../Button';
-import { MinimalTemplate } from '../..';
-import { requests } from '../../../api';
-import { useForm } from '../../forms/Form/context';
-import { useLocale } from '../../utilities/Locale';
-import './index.scss';
-const baseClass = 'status';
-const Status = () => {
-    var _a, _b;
-    const { publishedDoc, unpublishedVersions, collection, global, id, getVersions, } = useDocumentInfo();
-    const { toggleModal } = useModal();
-    const { serverURL, routes: { api }, } = useConfig();
-    const [processing, setProcessing] = useState(false);
-    const { reset: resetForm } = useForm();
-    const locale = useLocale();
-    const { t, i18n } = useTranslation('version');
-    const unPublishModalSlug = `confirm-un-publish-${id}`;
-    const revertModalSlug = `confirm-revert-${id}`;
-    let statusToRender;
-    if (((_a = unpublishedVersions === null || unpublishedVersions === void 0 ? void 0 : unpublishedVersions.docs) === null || _a === void 0 ? void 0 : _a.length) > 0 && publishedDoc) {
-        statusToRender = 'changed';
-    }
-    else if (!publishedDoc) {
-        statusToRender = 'draft';
-    }
-    else if (publishedDoc && ((_b = unpublishedVersions === null || unpublishedVersions === void 0 ? void 0 : unpublishedVersions.docs) === null || _b === void 0 ? void 0 : _b.length) <= 1) {
-        statusToRender = 'published';
-    }
-    const performAction = useCallback(async (action) => {
-        let url;
-        let method;
-        let body;
-        setProcessing(true);
-        if (action === 'unpublish') {
-            body = {
-                _status: 'draft',
-            };
-        }
-        if (action === 'revert') {
-            body = publishedDoc;
-        }
-        if (collection) {
-            url = `${serverURL}${api}/${collection.slug}/${id}?depth=0&locale=${locale}&fallback-locale=null`;
-            method = 'patch';
-        }
-        if (global) {
-            url = `${serverURL}${api}/globals/${global.slug}?depth=0&locale=${locale}&fallback-locale=null`;
-            method = 'post';
-        }
-        const res = await requests[method](url, {
-            headers: {
-                'Content-Type': 'application/json',
-                'Accept-Language': i18n.language,
-            },
-            body: JSON.stringify(body),
-        });
-        if (res.status === 200) {
-            let data;
-            let fields;
-            const json = await res.json();
-            if (global) {
-                data = json.result;
-                fields = global.fields;
-            }
-            if (collection) {
-                data = json.doc;
-                fields = collection.fields;
-            }
-            resetForm(fields, data);
-            toast.success(json.message);
-            getVersions();
-        }
-        else {
-            toast.error(t('error:unPublishingDocument'));
-        }
-        setProcessing(false);
-        if (action === 'revert') {
-            toggleModal(revertModalSlug);
-        }
-        if (action === 'unpublish') {
-            toggleModal(unPublishModalSlug);
-        }
-    }, [collection, global, publishedDoc, serverURL, api, id, i18n, locale, resetForm, getVersions, t, toggleModal, revertModalSlug, unPublishModalSlug]);
-    if (statusToRender) {
-        return (React.createElement("div", { className: baseClass },
-            React.createElement("div", { className: `${baseClass}__value-wrap` },
-                React.createElement("span", { className: `${baseClass}__value` }, t(statusToRender)),
-                statusToRender === 'published' && (React.createElement(React.Fragment, null,
-                    "\u00A0\u2014\u00A0",
-                    React.createElement(Button, { onClick: () => toggleModal(unPublishModalSlug), className: `${baseClass}__action`, buttonStyle: "none" }, t('unpublish')),
-                    React.createElement(Modal, { slug: unPublishModalSlug, className: `${baseClass}__modal` },
-                        React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
-                            React.createElement("h1", null, t('confirmUnpublish')),
-                            React.createElement("p", null, t('aboutToUnpublish')),
-                            React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggleModal(unPublishModalSlug) }, t('general:cancel')),
-                            React.createElement(Button, { onClick: processing ? undefined : () => performAction('unpublish') }, t(processing ? 'unpublishing' : 'general:confirm')))))),
-                statusToRender === 'changed' && (React.createElement(React.Fragment, null,
-                    "\u00A0\u2014\u00A0",
-                    React.createElement(Button, { onClick: () => toggleModal(revertModalSlug), className: `${baseClass}__action`, buttonStyle: "none" }, t('revertToPublished')),
-                    React.createElement(Modal, { slug: revertModalSlug, className: `${baseClass}__modal` },
-                        React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
-                            React.createElement("h1", null, t('confirmRevertToSaved')),
-                            React.createElement("p", null, t('aboutToRevertToPublished')),
-                            React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggleModal(revertModalSlug) }, t('general:cancel')),
-                            React.createElement(Button, { onClick: processing ? undefined : () => performAction('revert') }, t(processing ? 'reverting' : 'general:confirm')))))))));
-    }
-    return null;
-};
-export default Status;
+import React, { useCallback, useState } from 'react';
+import { toast } from 'react-toastify';
+import { Modal, useModal } from '@faceless-ui/modal';
+import { useTranslation } from 'react-i18next';
+import { useConfig } from '../../utilities/Config';
+import { useDocumentInfo } from '../../utilities/DocumentInfo';
+import Button from '../Button';
+import { MinimalTemplate } from '../..';
+import { requests } from '../../../api';
+import { useForm } from '../../forms/Form/context';
+import { useLocale } from '../../utilities/Locale';
+import './index.scss';
+const baseClass = 'status';
+const Status = () => {
+    var _a, _b;
+    const { publishedDoc, unpublishedVersions, collection, global, id, getVersions, } = useDocumentInfo();
+    const { toggleModal } = useModal();
+    const { serverURL, routes: { api }, } = useConfig();
+    const [processing, setProcessing] = useState(false);
+    const { reset: resetForm } = useForm();
+    const locale = useLocale();
+    const { t, i18n } = useTranslation('version');
+    const unPublishModalSlug = `confirm-un-publish-${id}`;
+    const revertModalSlug = `confirm-revert-${id}`;
+    let statusToRender;
+    if (((_a = unpublishedVersions === null || unpublishedVersions === void 0 ? void 0 : unpublishedVersions.docs) === null || _a === void 0 ? void 0 : _a.length) > 0 && publishedDoc) {
+        statusToRender = 'changed';
+    }
+    else if (!publishedDoc) {
+        statusToRender = 'draft';
+    }
+    else if (publishedDoc && ((_b = unpublishedVersions === null || unpublishedVersions === void 0 ? void 0 : unpublishedVersions.docs) === null || _b === void 0 ? void 0 : _b.length) <= 1) {
+        statusToRender = 'published';
+    }
+    const performAction = useCallback(async (action) => {
+        let url;
+        let method;
+        let body;
+        setProcessing(true);
+        if (action === 'unpublish') {
+            body = {
+                _status: 'draft',
+            };
+        }
+        if (action === 'revert') {
+            body = publishedDoc;
+        }
+        if (collection) {
+            url = `${serverURL}${api}/${collection.slug}/${id}?depth=0&locale=${locale}&fallback-locale=null`;
+            method = 'patch';
+        }
+        if (global) {
+            url = `${serverURL}${api}/globals/${global.slug}?depth=0&locale=${locale}&fallback-locale=null`;
+            method = 'post';
+        }
+        const res = await requests[method](url, {
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept-Language': i18n.language,
+            },
+            body: JSON.stringify(body),
+        });
+        if (res.status === 200) {
+            let data;
+            let fields;
+            const json = await res.json();
+            if (global) {
+                data = json.result;
+                fields = global.fields;
+            }
+            if (collection) {
+                data = json.doc;
+                fields = collection.fields;
+            }
+            resetForm(fields, data);
+            toast.success(json.message);
+            getVersions();
+        }
+        else {
+            toast.error(t('error:unPublishingDocument'));
+        }
+        setProcessing(false);
+        if (action === 'revert') {
+            toggleModal(revertModalSlug);
+        }
+        if (action === 'unpublish') {
+            toggleModal(unPublishModalSlug);
+        }
+    }, [collection, global, publishedDoc, serverURL, api, id, i18n, locale, resetForm, getVersions, t, toggleModal, revertModalSlug, unPublishModalSlug]);
+    if (statusToRender) {
+        return (React.createElement("div", { className: baseClass },
+            React.createElement("div", { className: `${baseClass}__value-wrap` },
+                React.createElement("span", { className: `${baseClass}__value` }, t(statusToRender)),
+                statusToRender === 'published' && (React.createElement(React.Fragment, null,
+                    "\u00A0\u2014\u00A0",
+                    React.createElement(Button, { onClick: () => toggleModal(unPublishModalSlug), className: `${baseClass}__action`, buttonStyle: "none" }, t('unpublish')),
+                    React.createElement(Modal, { slug: unPublishModalSlug, className: `${baseClass}__modal` },
+                        React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
+                            React.createElement("h1", null, t('confirmUnpublish')),
+                            React.createElement("p", null, t('aboutToUnpublish')),
+                            React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggleModal(unPublishModalSlug) }, t('general:cancel')),
+                            React.createElement(Button, { onClick: processing ? undefined : () => performAction('unpublish') }, t(processing ? 'unpublishing' : 'general:confirm')))))),
+                statusToRender === 'changed' && (React.createElement(React.Fragment, null,
+                    "\u00A0\u2014\u00A0",
+                    React.createElement(Button, { onClick: () => toggleModal(revertModalSlug), className: `${baseClass}__action`, buttonStyle: "none" }, t('revertToPublished')),
+                    React.createElement(Modal, { slug: revertModalSlug, className: `${baseClass}__modal` },
+                        React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
+                            React.createElement("h1", null, t('confirmRevertToSaved')),
+                            React.createElement("p", null, t('aboutToRevertToPublished')),
+                            React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggleModal(revertModalSlug) }, t('general:cancel')),
+                            React.createElement(Button, { onClick: processing ? undefined : () => performAction('revert') }, t(processing ? 'reverting' : 'general:confirm')))))))));
+    }
+    return null;
+};
+export default Status;

package/dist/admin/components/elements/Status/types.d.ts

@@ -1 +1 @@
-export type Props = {};
+export type Props = {};

package/dist/admin/components/elements/Status/types.js

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

package/dist/admin/components/elements/StepNav/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { Context as ContextType } from './types';
-import './index.scss';
-declare const StepNavProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-declare const useStepNav: () => ContextType;
-declare const StepNav: React.FC;
-export { StepNavProvider, useStepNav, };
-export default StepNav;
+import React from 'react';
+import { Context as ContextType } from './types';
+import './index.scss';
+declare const StepNavProvider: React.FC<{
+    children?: React.ReactNode;
+}>;
+declare const useStepNav: () => ContextType;
+declare const StepNav: React.FC;
+export { StepNavProvider, useStepNav, };
+export default StepNav;

package/dist/admin/components/elements/StepNav/index.js

@@ -1,40 +1,40 @@
-import React, { useState, createContext, useContext, } from 'react';
-import { Link } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import Chevron from '../../icons/Chevron';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import { useConfig } from '../../utilities/Config';
-import './index.scss';
-const Context = createContext({});
-const StepNavProvider = ({ children }) => {
-    const [stepNav, setStepNav] = useState([]);
-    return (React.createElement(Context.Provider, { value: {
-            stepNav,
-            setStepNav,
-        } }, children));
-};
-const useStepNav = () => useContext(Context);
-const StepNav = () => {
-    const { t, i18n } = useTranslation();
-    const dashboardLabel = React.createElement("span", null, t('general:dashboard'));
-    const { stepNav } = useStepNav();
-    const config = useConfig();
-    const { routes: { admin } } = config;
-    return (React.createElement("nav", { className: "step-nav" },
-        stepNav.length > 0
-            ? (React.createElement(Link, { to: admin },
-                dashboardLabel,
-                React.createElement(Chevron, null)))
-            : dashboardLabel,
-        stepNav.map((item, i) => {
-            const StepLabel = React.createElement("span", { key: i }, getTranslation(item.label, i18n));
-            const Step = stepNav.length === i + 1
-                ? StepLabel
-                : (React.createElement(Link, { to: item.url, key: i },
-                    StepLabel,
-                    React.createElement(Chevron, null)));
-            return Step;
-        })));
-};
-export { StepNavProvider, useStepNav, };
-export default StepNav;
+import React, { useState, createContext, useContext, } from 'react';
+import { Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import Chevron from '../../icons/Chevron';
+import { getTranslation } from '../../../../utilities/getTranslation';
+import { useConfig } from '../../utilities/Config';
+import './index.scss';
+const Context = createContext({});
+const StepNavProvider = ({ children }) => {
+    const [stepNav, setStepNav] = useState([]);
+    return (React.createElement(Context.Provider, { value: {
+            stepNav,
+            setStepNav,
+        } }, children));
+};
+const useStepNav = () => useContext(Context);
+const StepNav = () => {
+    const { t, i18n } = useTranslation();
+    const dashboardLabel = React.createElement("span", null, t('general:dashboard'));
+    const { stepNav } = useStepNav();
+    const config = useConfig();
+    const { routes: { admin } } = config;
+    return (React.createElement("nav", { className: "step-nav" },
+        stepNav.length > 0
+            ? (React.createElement(Link, { to: admin },
+                dashboardLabel,
+                React.createElement(Chevron, null)))
+            : dashboardLabel,
+        stepNav.map((item, i) => {
+            const StepLabel = React.createElement("span", { key: i }, getTranslation(item.label, i18n));
+            const Step = stepNav.length === i + 1
+                ? StepLabel
+                : (React.createElement(Link, { to: item.url, key: i },
+                    StepLabel,
+                    React.createElement(Chevron, null)));
+            return Step;
+        })));
+};
+export { StepNavProvider, useStepNav, };
+export default StepNav;

package/dist/admin/components/elements/StepNav/types.d.ts

@@ -1,8 +1,8 @@
-export type StepNavItem = {
-    label: Record<string, string> | string;
-    url?: string;
-};
-export type Context = {
-    stepNav: StepNavItem[];
-    setStepNav: (items: StepNavItem[]) => void;
-};
+export type StepNavItem = {
+    label: Record<string, string> | string;
+    url?: string;
+};
+export type Context = {
+    stepNav: StepNavItem[];
+    setStepNav: (items: StepNavItem[]) => void;
+};

package/dist/admin/components/elements/StepNav/types.js

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

package/dist/admin/components/elements/Table/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const Table: React.FC<Props>;
-export default Table;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const Table: React.FC<Props>;
+export default Table;

package/dist/admin/components/elements/Table/index.js

@@ -1,14 +1,14 @@
-import React from 'react';
-import './index.scss';
-const baseClass = 'table';
-const Table = ({ columns, data }) => {
-    if (columns && columns.length > 0) {
-        return (React.createElement("div", { className: baseClass },
-            React.createElement("table", { cellPadding: "0", cellSpacing: "0" },
-                React.createElement("thead", null,
-                    React.createElement("tr", null, columns.map((col, i) => (React.createElement("th", { key: i, id: `heading-${col.accessor}` }, col.components.Heading))))),
-                React.createElement("tbody", null, data && data.map((row, rowIndex) => (React.createElement("tr", { key: rowIndex, className: `row-${rowIndex + 1}` }, columns.map((col, colIndex) => (React.createElement("td", { key: colIndex, className: `cell-${col.accessor}` }, col.components.renderCell(row, row[col.accessor])))))))))));
-    }
-    return null;
-};
-export default Table;
+import React from 'react';
+import './index.scss';
+const baseClass = 'table';
+const Table = ({ columns, data }) => {
+    if (columns && columns.length > 0) {
+        return (React.createElement("div", { className: baseClass },
+            React.createElement("table", { cellPadding: "0", cellSpacing: "0" },
+                React.createElement("thead", null,
+                    React.createElement("tr", null, columns.map((col, i) => (React.createElement("th", { key: i, id: `heading-${col.accessor}` }, col.components.Heading))))),
+                React.createElement("tbody", null, data && data.map((row, rowIndex) => (React.createElement("tr", { key: rowIndex, className: `row-${rowIndex + 1}` }, columns.map((col, colIndex) => (React.createElement("td", { key: colIndex, className: `cell-${col.accessor}` }, col.components.renderCell(row, row[col.accessor])))))))))));
+    }
+    return null;
+};
+export default Table;

package/dist/admin/components/elements/Table/types.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export type Column = {
-    accessor: string;
-    components: {
-        Heading: React.ReactNode;
-        renderCell: (row: any, data: any) => React.ReactNode;
-    };
-};
-export type Props = {
-    columns: Column[];
-    data: unknown[];
-};
+import React from 'react';
+export type Column = {
+    accessor: string;
+    components: {
+        Heading: React.ReactNode;
+        renderCell: (row: any, data: any) => React.ReactNode;
+    };
+};
+export type Props = {
+    columns: Column[];
+    data: unknown[];
+};

package/dist/admin/components/elements/Table/types.js

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

package/dist/admin/components/elements/Thumbnail/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const Thumbnail: React.FC<Props>;
-export default Thumbnail;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const Thumbnail: React.FC<Props>;
+export default Thumbnail;

package/dist/admin/components/elements/Thumbnail/index.js

@@ -1,17 +1,17 @@
-import React from 'react';
-import FileGraphic from '../../graphics/File';
-import useThumbnail from '../../../hooks/useThumbnail';
-import './index.scss';
-const baseClass = 'thumbnail';
-const Thumbnail = (props) => {
-    const { doc, doc: { filename, }, collection, size, } = props;
-    const thumbnailSRC = useThumbnail(collection, doc);
-    const classes = [
-        baseClass,
-        `${baseClass}--size-${size || 'medium'}`,
-    ].join(' ');
-    return (React.createElement("div", { className: classes },
-        thumbnailSRC && (React.createElement("img", { src: thumbnailSRC, alt: filename })),
-        !thumbnailSRC && (React.createElement(FileGraphic, null))));
-};
-export default Thumbnail;
+import React from 'react';
+import FileGraphic from '../../graphics/File';
+import useThumbnail from '../../../hooks/useThumbnail';
+import './index.scss';
+const baseClass = 'thumbnail';
+const Thumbnail = (props) => {
+    const { doc, doc: { filename, }, collection, size, } = props;
+    const thumbnailSRC = useThumbnail(collection, doc);
+    const classes = [
+        baseClass,
+        `${baseClass}--size-${size || 'medium'}`,
+    ].join(' ');
+    return (React.createElement("div", { className: classes },
+        thumbnailSRC && (React.createElement("img", { src: thumbnailSRC, alt: filename })),
+        !thumbnailSRC && (React.createElement(FileGraphic, null))));
+};
+export default Thumbnail;

package/dist/admin/components/elements/Thumbnail/types.d.ts

@@ -1,6 +1,6 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export type Props = {
-    doc: Record<string, unknown>;
-    collection: SanitizedCollectionConfig;
-    size?: 'small' | 'medium' | 'large' | 'expand';
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export type Props = {
+    doc: Record<string, unknown>;
+    collection: SanitizedCollectionConfig;
+    size?: 'small' | 'medium' | 'large' | 'expand';
+};

package/dist/admin/components/elements/Thumbnail/types.js

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

package/dist/admin/components/elements/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const Tooltip: React.FC<Props>;
-export default Tooltip;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const Tooltip: React.FC<Props>;
+export default Tooltip;

package/dist/admin/components/elements/Tooltip/index.js

@@ -1,28 +1,28 @@
-import React, { useEffect } from 'react';
-import './index.scss';
-const Tooltip = (props) => {
-    const { className, children, show: showFromProps = true, delay = 350, } = props;
-    const [show, setShow] = React.useState(showFromProps);
-    useEffect(() => {
-        let timerId;
-        // do not use the delay on transition-out
-        if (delay && showFromProps) {
-            timerId = setTimeout(() => {
-                setShow(showFromProps);
-            }, delay);
-        }
-        else {
-            setShow(showFromProps);
-        }
-        return () => {
-            if (timerId)
-                clearTimeout(timerId);
-        };
-    }, [showFromProps, delay]);
-    return (React.createElement("aside", { className: [
-            'tooltip',
-            className,
-            show && 'tooltip--show',
-        ].filter(Boolean).join(' ') }, children));
-};
-export default Tooltip;
+import React, { useEffect } from 'react';
+import './index.scss';
+const Tooltip = (props) => {
+    const { className, children, show: showFromProps = true, delay = 350, } = props;
+    const [show, setShow] = React.useState(showFromProps);
+    useEffect(() => {
+        let timerId;
+        // do not use the delay on transition-out
+        if (delay && showFromProps) {
+            timerId = setTimeout(() => {
+                setShow(showFromProps);
+            }, delay);
+        }
+        else {
+            setShow(showFromProps);
+        }
+        return () => {
+            if (timerId)
+                clearTimeout(timerId);
+        };
+    }, [showFromProps, delay]);
+    return (React.createElement("aside", { className: [
+            'tooltip',
+            className,
+            show && 'tooltip--show',
+        ].filter(Boolean).join(' ') }, children));
+};
+export default Tooltip;

package/dist/admin/components/elements/Tooltip/types.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export type Props = {
-    className?: string;
-    children: React.ReactNode;
-    show?: boolean;
-    delay?: number;
-};
+/// <reference types="react" />
+export type Props = {
+    className?: string;
+    children: React.ReactNode;
+    show?: boolean;
+    delay?: number;
+};

package/dist/admin/components/elements/Tooltip/types.js

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

package/dist/admin/components/elements/UploadCard/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const UploadCard: React.FC<Props>;
-export default UploadCard;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const UploadCard: React.FC<Props>;
+export default UploadCard;