payload 1.1.0 → 1.1.2

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

@@ -1,44 +1,44 @@
-import React from 'react';
-import Popup from '../Popup';
-import More from '../../icons/More';
-import Chevron from '../../icons/Chevron';
-import Plus from '../../icons/Plus';
-import X from '../../icons/X';
-import Copy from '../../icons/Copy';
-import './index.scss';
-const baseClass = 'array-actions';
-export const ArrayAction = ({ moveRow, index, rowCount, addRow, duplicateRow, removeRow, }) => {
-    return (React.createElement(Popup, { horizontalAlign: "center", className: baseClass, buttonClassName: `${baseClass}__button`, button: React.createElement(More, null), render: ({ close }) => {
-            return (React.createElement(React.Fragment, null,
-                index !== 0 && (React.createElement("button", { className: `${baseClass}__action ${baseClass}__move-up`, type: "button", onClick: () => {
-                        moveRow(index, index - 1);
-                        close();
-                    } },
-                    React.createElement(Chevron, null),
-                    "Move Up")),
-                index < rowCount - 1 && (React.createElement("button", { className: `${baseClass}__action ${baseClass}__move-down`, type: "button", onClick: () => {
-                        moveRow(index, index + 1);
-                        close();
-                    } },
-                    React.createElement(Chevron, null),
-                    "Move Down")),
-                React.createElement("button", { className: `${baseClass}__action ${baseClass}__add`, type: "button", onClick: () => {
-                        addRow(index);
-                        close();
-                    } },
-                    React.createElement(Plus, null),
-                    "Add Below"),
-                React.createElement("button", { className: `${baseClass}__action ${baseClass}__duplicate`, type: "button", onClick: () => {
-                        duplicateRow(index);
-                        close();
-                    } },
-                    React.createElement(Copy, null),
-                    "Duplicate"),
-                React.createElement("button", { className: `${baseClass}__action ${baseClass}__remove`, type: "button", onClick: () => {
-                        removeRow(index);
-                        close();
-                    } },
-                    React.createElement(X, null),
-                    "Remove")));
-        } }));
-};
+import React from 'react';
+import Popup from '../Popup';
+import More from '../../icons/More';
+import Chevron from '../../icons/Chevron';
+import Plus from '../../icons/Plus';
+import X from '../../icons/X';
+import Copy from '../../icons/Copy';
+import './index.scss';
+const baseClass = 'array-actions';
+export const ArrayAction = ({ moveRow, index, rowCount, addRow, duplicateRow, removeRow, }) => {
+    return (React.createElement(Popup, { horizontalAlign: "center", className: baseClass, buttonClassName: `${baseClass}__button`, button: React.createElement(More, null), render: ({ close }) => {
+            return (React.createElement(React.Fragment, null,
+                index !== 0 && (React.createElement("button", { className: `${baseClass}__action ${baseClass}__move-up`, type: "button", onClick: () => {
+                        moveRow(index, index - 1);
+                        close();
+                    } },
+                    React.createElement(Chevron, null),
+                    "Move Up")),
+                index < rowCount - 1 && (React.createElement("button", { className: `${baseClass}__action ${baseClass}__move-down`, type: "button", onClick: () => {
+                        moveRow(index, index + 1);
+                        close();
+                    } },
+                    React.createElement(Chevron, null),
+                    "Move Down")),
+                React.createElement("button", { className: `${baseClass}__action ${baseClass}__add`, type: "button", onClick: () => {
+                        addRow(index);
+                        close();
+                    } },
+                    React.createElement(Plus, null),
+                    "Add Below"),
+                React.createElement("button", { className: `${baseClass}__action ${baseClass}__duplicate`, type: "button", onClick: () => {
+                        duplicateRow(index);
+                        close();
+                    } },
+                    React.createElement(Copy, null),
+                    "Duplicate"),
+                React.createElement("button", { className: `${baseClass}__action ${baseClass}__remove`, type: "button", onClick: () => {
+                        removeRow(index);
+                        close();
+                    } },
+                    React.createElement(X, null),
+                    "Remove")));
+        } }));
+};

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

@@ -1,8 +1,8 @@
-export declare type Props = {
-    addRow: (current: number, blockType?: string) => void;
-    duplicateRow: (current: number) => void;
-    removeRow: (index: number) => void;
-    moveRow: (from: number, to: number) => void;
-    index: number;
-    rowCount: number;
-};
+export declare type Props = {
+    addRow: (current: number, blockType?: string) => void;
+    duplicateRow: (current: number) => void;
+    removeRow: (index: number) => void;
+    moveRow: (from: number, to: number) => void;
+    index: number;
+    rowCount: number;
+};

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

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

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

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

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

@@ -1,116 +1,116 @@
-import { formatDistance } from 'date-fns';
-import { useHistory } from 'react-router-dom';
-import { toast } from 'react-toastify';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useConfig } from '../../utilities/Config';
-import { useWatchForm, useFormModified } from '../../forms/Form/context';
-import { useLocale } from '../../utilities/Locale';
-import reduceFieldsToValues from '../../forms/Form/reduceFieldsToValues';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import useDebounce from '../../../hooks/useDebounce';
-import './index.scss';
-const baseClass = 'autosave';
-const Autosave = ({ collection, global, id, publishedDocUpdatedAt }) => {
-    var _a, _b, _c, _d;
-    const { serverURL, routes: { api, admin } } = useConfig();
-    const { versions, getVersions } = useDocumentInfo();
-    const { fields, dispatchFields } = useWatchForm();
-    const modified = useFormModified();
-    const locale = useLocale();
-    const { replace } = useHistory();
-    let interval = 800;
-    if ((collection === null || collection === void 0 ? void 0 : collection.versions.drafts) && ((_b = (_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) === null || _b === void 0 ? void 0 : _b.autosave))
-        interval = collection.versions.drafts.autosave.interval;
-    if ((global === null || global === void 0 ? void 0 : global.versions.drafts) && ((_d = (_c = global.versions) === null || _c === void 0 ? void 0 : _c.drafts) === null || _d === void 0 ? void 0 : _d.autosave))
-        interval = global.versions.drafts.autosave.interval;
-    const [saving, setSaving] = useState(false);
-    const [lastSaved, setLastSaved] = useState();
-    const debouncedFields = useDebounce(fields, interval);
-    const fieldRef = useRef(fields);
-    // Store fields in ref so the autosave func
-    // can always retrieve the most to date copies
-    // after the timeout has executed
-    fieldRef.current = fields;
-    const createCollectionDoc = useCallback(async () => {
-        const res = await fetch(`${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({}),
-        });
-        if (res.status === 201) {
-            const json = await res.json();
-            replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {
-                state: {
-                    data: json.doc,
-                },
-            });
-        }
-        else {
-            toast.error('There was a problem while autosaving this document.');
-        }
-    }, [collection, serverURL, api, admin, locale, replace]);
-    useEffect(() => {
-        // If no ID, but this is used for a collection doc,
-        // Immediately save it and set lastSaved
-        if (!id && collection) {
-            createCollectionDoc();
-        }
-    }, [id, collection, createCollectionDoc]);
-    // When debounced fields change, autosave
-    useEffect(() => {
-        const autosave = async () => {
-            if (modified) {
-                setSaving(true);
-                let url;
-                let method;
-                if (collection && id) {
-                    url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${locale}`;
-                    method = 'PATCH';
-                }
-                if (global) {
-                    url = `${serverURL}${api}/globals/${global.slug}?draft=true&autosave=true&locale=${locale}`;
-                    method = 'POST';
-                }
-                if (url) {
-                    const body = {
-                        ...reduceFieldsToValues(fieldRef.current),
-                        _status: 'draft',
-                    };
-                    setTimeout(async () => {
-                        const res = await fetch(url, {
-                            method,
-                            headers: {
-                                'Content-Type': 'application/json',
-                            },
-                            body: JSON.stringify(body),
-                        });
-                        setSaving(false);
-                        if (res.status === 200) {
-                            setLastSaved(new Date().getTime());
-                            getVersions();
-                        }
-                    }, 1000);
-                }
-            }
-        };
-        autosave();
-    }, [debouncedFields, modified, serverURL, api, collection, global, id, dispatchFields, getVersions, locale]);
-    useEffect(() => {
-        var _a;
-        if ((_a = versions === null || versions === void 0 ? void 0 : versions.docs) === null || _a === void 0 ? void 0 : _a[0]) {
-            setLastSaved(new Date(versions.docs[0].updatedAt).getTime());
-        }
-        else if (publishedDocUpdatedAt) {
-            setLastSaved(new Date(publishedDocUpdatedAt).getTime());
-        }
-    }, [publishedDocUpdatedAt, versions]);
-    return (React.createElement("div", { className: baseClass },
-        saving && 'Saving...',
-        (!saving && lastSaved) && (React.createElement(React.Fragment, null,
-            "Last saved\u00A0",
-            formatDistance(new Date(), new Date(lastSaved)),
-            "\u00A0ago"))));
-};
-export default Autosave;
+import { formatDistance } from 'date-fns';
+import { useHistory } from 'react-router-dom';
+import { toast } from 'react-toastify';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useConfig } from '../../utilities/Config';
+import { useWatchForm, useFormModified } from '../../forms/Form/context';
+import { useLocale } from '../../utilities/Locale';
+import reduceFieldsToValues from '../../forms/Form/reduceFieldsToValues';
+import { useDocumentInfo } from '../../utilities/DocumentInfo';
+import useDebounce from '../../../hooks/useDebounce';
+import './index.scss';
+const baseClass = 'autosave';
+const Autosave = ({ collection, global, id, publishedDocUpdatedAt }) => {
+    var _a, _b, _c, _d;
+    const { serverURL, routes: { api, admin } } = useConfig();
+    const { versions, getVersions } = useDocumentInfo();
+    const { fields, dispatchFields } = useWatchForm();
+    const modified = useFormModified();
+    const locale = useLocale();
+    const { replace } = useHistory();
+    let interval = 800;
+    if ((collection === null || collection === void 0 ? void 0 : collection.versions.drafts) && ((_b = (_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) === null || _b === void 0 ? void 0 : _b.autosave))
+        interval = collection.versions.drafts.autosave.interval;
+    if ((global === null || global === void 0 ? void 0 : global.versions.drafts) && ((_d = (_c = global.versions) === null || _c === void 0 ? void 0 : _c.drafts) === null || _d === void 0 ? void 0 : _d.autosave))
+        interval = global.versions.drafts.autosave.interval;
+    const [saving, setSaving] = useState(false);
+    const [lastSaved, setLastSaved] = useState();
+    const debouncedFields = useDebounce(fields, interval);
+    const fieldRef = useRef(fields);
+    // Store fields in ref so the autosave func
+    // can always retrieve the most to date copies
+    // after the timeout has executed
+    fieldRef.current = fields;
+    const createCollectionDoc = useCallback(async () => {
+        const res = await fetch(`${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({}),
+        });
+        if (res.status === 201) {
+            const json = await res.json();
+            replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {
+                state: {
+                    data: json.doc,
+                },
+            });
+        }
+        else {
+            toast.error('There was a problem while autosaving this document.');
+        }
+    }, [collection, serverURL, api, admin, locale, replace]);
+    useEffect(() => {
+        // If no ID, but this is used for a collection doc,
+        // Immediately save it and set lastSaved
+        if (!id && collection) {
+            createCollectionDoc();
+        }
+    }, [id, collection, createCollectionDoc]);
+    // When debounced fields change, autosave
+    useEffect(() => {
+        const autosave = async () => {
+            if (modified) {
+                setSaving(true);
+                let url;
+                let method;
+                if (collection && id) {
+                    url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${locale}`;
+                    method = 'PATCH';
+                }
+                if (global) {
+                    url = `${serverURL}${api}/globals/${global.slug}?draft=true&autosave=true&locale=${locale}`;
+                    method = 'POST';
+                }
+                if (url) {
+                    const body = {
+                        ...reduceFieldsToValues(fieldRef.current),
+                        _status: 'draft',
+                    };
+                    setTimeout(async () => {
+                        const res = await fetch(url, {
+                            method,
+                            headers: {
+                                'Content-Type': 'application/json',
+                            },
+                            body: JSON.stringify(body),
+                        });
+                        setSaving(false);
+                        if (res.status === 200) {
+                            setLastSaved(new Date().getTime());
+                            getVersions();
+                        }
+                    }, 1000);
+                }
+            }
+        };
+        autosave();
+    }, [debouncedFields, modified, serverURL, api, collection, global, id, dispatchFields, getVersions, locale]);
+    useEffect(() => {
+        var _a;
+        if ((_a = versions === null || versions === void 0 ? void 0 : versions.docs) === null || _a === void 0 ? void 0 : _a[0]) {
+            setLastSaved(new Date(versions.docs[0].updatedAt).getTime());
+        }
+        else if (publishedDocUpdatedAt) {
+            setLastSaved(new Date(publishedDocUpdatedAt).getTime());
+        }
+    }, [publishedDocUpdatedAt, versions]);
+    return (React.createElement("div", { className: baseClass },
+        saving && 'Saving...',
+        (!saving && lastSaved) && (React.createElement(React.Fragment, null,
+            "Last saved\u00A0",
+            formatDistance(new Date(), new Date(lastSaved)),
+            "\u00A0ago"))));
+};
+export default Autosave;

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

@@ -1,8 +1,8 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import { SanitizedGlobalConfig } from '../../../../globals/config/types';
-export declare type Props = {
-    collection?: SanitizedCollectionConfig;
-    global?: SanitizedGlobalConfig;
-    id?: string | number;
-    publishedDocUpdatedAt: string;
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import { SanitizedGlobalConfig } from '../../../../globals/config/types';
+export declare type Props = {
+    collection?: SanitizedCollectionConfig;
+    global?: SanitizedGlobalConfig;
+    id?: string | number;
+    publishedDocUpdatedAt: string;
+};

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

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

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

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

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

@@ -1,25 +1,25 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import './index.scss';
-const baseClass = 'banner';
-const Banner = ({ children, className, to, icon, alignIcon = 'right', onClick, type = 'default', }) => {
-    const classes = [
-        baseClass,
-        `${baseClass}--type-${type}`,
-        className && className,
-        to && `${baseClass}--has-link`,
-        (to || onClick) && `${baseClass}--has-action`,
-        icon && `${baseClass}--has-icon`,
-        icon && `${baseClass}--align-icon-${alignIcon}`,
-    ].filter(Boolean).join(' ');
-    let RenderedType = 'div';
-    if (onClick && !to)
-        RenderedType = 'button';
-    if (to)
-        RenderedType = Link;
-    return (React.createElement(RenderedType, { className: classes, onClick: onClick, to: to || undefined },
-        (icon && alignIcon === 'left') && (React.createElement(React.Fragment, null, icon)),
-        React.createElement("span", { className: `${baseClass}__content` }, children),
-        (icon && alignIcon === 'right') && (React.createElement(React.Fragment, null, icon))));
-};
-export default Banner;
+import React from 'react';
+import { Link } from 'react-router-dom';
+import './index.scss';
+const baseClass = 'banner';
+const Banner = ({ children, className, to, icon, alignIcon = 'right', onClick, type = 'default', }) => {
+    const classes = [
+        baseClass,
+        `${baseClass}--type-${type}`,
+        className && className,
+        to && `${baseClass}--has-link`,
+        (to || onClick) && `${baseClass}--has-action`,
+        icon && `${baseClass}--has-icon`,
+        icon && `${baseClass}--align-icon-${alignIcon}`,
+    ].filter(Boolean).join(' ');
+    let RenderedType = 'div';
+    if (onClick && !to)
+        RenderedType = 'button';
+    if (to)
+        RenderedType = Link;
+    return (React.createElement(RenderedType, { className: classes, onClick: onClick, to: to || undefined },
+        (icon && alignIcon === 'left') && (React.createElement(React.Fragment, null, icon)),
+        React.createElement("span", { className: `${baseClass}__content` }, children),
+        (icon && alignIcon === 'right') && (React.createElement(React.Fragment, null, icon))));
+};
+export default Banner;

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

@@ -1,18 +1,18 @@
-import { MouseEvent } from 'react';
-declare type onClick = (event: MouseEvent) => void;
-export declare type Props = {
-    children?: React.ReactNode;
-    className?: string;
-    icon?: React.ReactNode;
-    alignIcon?: 'left' | 'right';
-    onClick?: onClick;
-    to?: string;
-    type?: 'error' | 'success' | 'info' | 'default';
-};
-export declare type RenderedTypeProps = {
-    className?: string;
-    onClick?: onClick;
-    to: string;
-    children?: React.ReactNode;
-};
-export {};
+import { MouseEvent } from 'react';
+declare type onClick = (event: MouseEvent) => void;
+export declare type Props = {
+    children?: React.ReactNode;
+    className?: string;
+    icon?: React.ReactNode;
+    alignIcon?: 'left' | 'right';
+    onClick?: onClick;
+    to?: string;
+    type?: 'error' | 'success' | 'info' | 'default';
+};
+export declare type RenderedTypeProps = {
+    className?: string;
+    onClick?: onClick;
+    to: string;
+    children?: React.ReactNode;
+};
+export {};

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

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

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

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

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

@@ -1,69 +1,69 @@
-import React, { isValidElement } from 'react';
-import { Link } from 'react-router-dom';
-import plus from '../../icons/Plus';
-import x from '../../icons/X';
-import chevron from '../../icons/Chevron';
-import edit from '../../icons/Edit';
-import swap from '../../icons/Swap';
-import Tooltip from '../Tooltip';
-import './index.scss';
-const icons = {
-    plus,
-    x,
-    chevron,
-    edit,
-    swap,
-};
-const baseClass = 'btn';
-const ButtonContents = ({ children, icon, tooltip }) => {
-    const BuiltInIcon = icons[icon];
-    return (React.createElement("span", { className: `${baseClass}__content` },
-        tooltip && (React.createElement(Tooltip, { className: `${baseClass}__tooltip` }, tooltip)),
-        children && (React.createElement("span", { className: `${baseClass}__label` }, children)),
-        icon && (React.createElement("span", { className: `${baseClass}__icon` },
-            isValidElement(icon) && icon,
-            BuiltInIcon && React.createElement(BuiltInIcon, null)))));
-};
-const Button = (props) => {
-    const { className, id, type = 'button', el, to, url, children, onClick, disabled, icon, iconStyle = 'without-border', buttonStyle = 'primary', round, size = 'medium', iconPosition = 'right', newTab, tooltip, } = props;
-    const classes = [
-        baseClass,
-        className && className,
-        buttonStyle && `${baseClass}--style-${buttonStyle}`,
-        icon && `${baseClass}--icon`,
-        iconStyle && `${baseClass}--icon-style-${iconStyle}`,
-        (icon && !children) && `${baseClass}--icon-only`,
-        disabled && `${baseClass}--disabled`,
-        round && `${baseClass}--round`,
-        size && `${baseClass}--size-${size}`,
-        iconPosition && `${baseClass}--icon-position-${iconPosition}`,
-        tooltip && `${baseClass}--has-tooltip`,
-    ].filter(Boolean).join(' ');
-    function handleClick(event) {
-        if (type !== 'submit' && onClick)
-            event.preventDefault();
-        if (onClick)
-            onClick(event);
-    }
-    const buttonProps = {
-        id,
-        type,
-        className: classes,
-        disabled,
-        onClick: !disabled ? handleClick : undefined,
-        rel: newTab ? 'noopener noreferrer' : undefined,
-        target: newTab ? '_blank' : undefined,
-    };
-    switch (el) {
-        case 'link':
-            return (React.createElement(Link, { ...buttonProps, to: to || url },
-                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
-        case 'anchor':
-            return (React.createElement("a", { ...buttonProps, href: url },
-                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
-        default:
-            return (React.createElement("button", { type: "submit", ...buttonProps },
-                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
-    }
-};
-export default Button;
+import React, { isValidElement } from 'react';
+import { Link } from 'react-router-dom';
+import plus from '../../icons/Plus';
+import x from '../../icons/X';
+import chevron from '../../icons/Chevron';
+import edit from '../../icons/Edit';
+import swap from '../../icons/Swap';
+import Tooltip from '../Tooltip';
+import './index.scss';
+const icons = {
+    plus,
+    x,
+    chevron,
+    edit,
+    swap,
+};
+const baseClass = 'btn';
+const ButtonContents = ({ children, icon, tooltip }) => {
+    const BuiltInIcon = icons[icon];
+    return (React.createElement("span", { className: `${baseClass}__content` },
+        tooltip && (React.createElement(Tooltip, { className: `${baseClass}__tooltip` }, tooltip)),
+        children && (React.createElement("span", { className: `${baseClass}__label` }, children)),
+        icon && (React.createElement("span", { className: `${baseClass}__icon` },
+            isValidElement(icon) && icon,
+            BuiltInIcon && React.createElement(BuiltInIcon, null)))));
+};
+const Button = (props) => {
+    const { className, id, type = 'button', el, to, url, children, onClick, disabled, icon, iconStyle = 'without-border', buttonStyle = 'primary', round, size = 'medium', iconPosition = 'right', newTab, tooltip, } = props;
+    const classes = [
+        baseClass,
+        className && className,
+        buttonStyle && `${baseClass}--style-${buttonStyle}`,
+        icon && `${baseClass}--icon`,
+        iconStyle && `${baseClass}--icon-style-${iconStyle}`,
+        (icon && !children) && `${baseClass}--icon-only`,
+        disabled && `${baseClass}--disabled`,
+        round && `${baseClass}--round`,
+        size && `${baseClass}--size-${size}`,
+        iconPosition && `${baseClass}--icon-position-${iconPosition}`,
+        tooltip && `${baseClass}--has-tooltip`,
+    ].filter(Boolean).join(' ');
+    function handleClick(event) {
+        if (type !== 'submit' && onClick)
+            event.preventDefault();
+        if (onClick)
+            onClick(event);
+    }
+    const buttonProps = {
+        id,
+        type,
+        className: classes,
+        disabled,
+        onClick: !disabled ? handleClick : undefined,
+        rel: newTab ? 'noopener noreferrer' : undefined,
+        target: newTab ? '_blank' : undefined,
+    };
+    switch (el) {
+        case 'link':
+            return (React.createElement(Link, { ...buttonProps, to: to || url },
+                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
+        case 'anchor':
+            return (React.createElement("a", { ...buttonProps, href: url },
+                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
+        default:
+            return (React.createElement("button", { type: "submit", ...buttonProps },
+                React.createElement(ButtonContents, { icon: icon, tooltip: tooltip }, children)));
+    }
+};
+export default Button;