payload 0.16.0 → 0.16.1

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

@@ -1,40 +1,40 @@
-import React from 'react';
-import qs from 'qs';
-import { useHistory } from 'react-router-dom';
-import { useSearchParams } from '../../utilities/SearchParams';
-import Popup from '../Popup';
-import Chevron from '../../icons/Chevron';
-import { defaults } from '../../../../collections/config/defaults';
-import './index.scss';
-const baseClass = 'per-page';
-const defaultLimits = defaults.admin.pagination.limits;
-const PerPage = ({ limits = defaultLimits, limit, handleChange, modifySearchParams = true }) => {
-    const params = useSearchParams();
-    const history = useHistory();
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Popup, { color: "dark", horizontalAlign: "right", button: (React.createElement("strong", null,
-                "Per Page:",
-                ' ',
-                limit,
-                React.createElement(Chevron, null))), render: ({ close }) => (React.createElement("div", null,
-                React.createElement("ul", null, limits.map((limitNumber, i) => (React.createElement("li", { className: `${baseClass}-item`, key: i },
-                    React.createElement("button", { type: "button", className: [
-                            `${baseClass}__button`,
-                            limitNumber === Number(limit) && `${baseClass}__button-active`,
-                        ].filter(Boolean).join(' '), onClick: () => {
-                            close();
-                            if (handleChange)
-                                handleChange(limitNumber);
-                            if (modifySearchParams) {
-                                history.replace({
-                                    search: qs.stringify({
-                                        ...params,
-                                        limit: limitNumber,
-                                    }, { addQueryPrefix: true }),
-                                });
-                            }
-                        } },
-                        limitNumber === Number(limit) && (React.createElement(Chevron, null)),
-                        limitNumber))))))) })));
-};
-export default PerPage;
+import React from 'react';
+import qs from 'qs';
+import { useHistory } from 'react-router-dom';
+import { useSearchParams } from '../../utilities/SearchParams';
+import Popup from '../Popup';
+import Chevron from '../../icons/Chevron';
+import { defaults } from '../../../../collections/config/defaults';
+import './index.scss';
+const baseClass = 'per-page';
+const defaultLimits = defaults.admin.pagination.limits;
+const PerPage = ({ limits = defaultLimits, limit, handleChange, modifySearchParams = true }) => {
+    const params = useSearchParams();
+    const history = useHistory();
+    return (React.createElement("div", { className: baseClass },
+        React.createElement(Popup, { color: "dark", horizontalAlign: "right", button: (React.createElement("strong", null,
+                "Per Page:",
+                ' ',
+                limit,
+                React.createElement(Chevron, null))), render: ({ close }) => (React.createElement("div", null,
+                React.createElement("ul", null, limits.map((limitNumber, i) => (React.createElement("li", { className: `${baseClass}-item`, key: i },
+                    React.createElement("button", { type: "button", className: [
+                            `${baseClass}__button`,
+                            limitNumber === Number(limit) && `${baseClass}__button-active`,
+                        ].filter(Boolean).join(' '), onClick: () => {
+                            close();
+                            if (handleChange)
+                                handleChange(limitNumber);
+                            if (modifySearchParams) {
+                                history.replace({
+                                    search: qs.stringify({
+                                        ...params,
+                                        limit: limitNumber,
+                                    }, { addQueryPrefix: true }),
+                                });
+                            }
+                        } },
+                        limitNumber === Number(limit) && (React.createElement(Chevron, null)),
+                        limitNumber))))))) })));
+};
+export default PerPage;

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

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

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

@@ -1,25 +1,25 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import './index.scss';
-const baseClass = 'pill';
-const Pill = ({ children, className, to, icon, alignIcon = 'right', onClick, pillStyle = 'light', }) => {
-    const classes = [
-        baseClass,
-        `${baseClass}--style-${pillStyle}`,
-        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, type: RenderedType === 'button' ? 'button' : undefined, to: to || undefined },
-        (icon && alignIcon === 'left') && (React.createElement(React.Fragment, null, icon)),
-        children,
-        (icon && alignIcon === 'right') && (React.createElement(React.Fragment, null, icon))));
-};
-export default Pill;
+import React from 'react';
+import { Link } from 'react-router-dom';
+import './index.scss';
+const baseClass = 'pill';
+const Pill = ({ children, className, to, icon, alignIcon = 'right', onClick, pillStyle = 'light', }) => {
+    const classes = [
+        baseClass,
+        `${baseClass}--style-${pillStyle}`,
+        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, type: RenderedType === 'button' ? 'button' : undefined, to: to || undefined },
+        (icon && alignIcon === 'left') && (React.createElement(React.Fragment, null, icon)),
+        children,
+        (icon && alignIcon === 'right') && (React.createElement(React.Fragment, null, icon))));
+};
+export default Pill;

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

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-export declare type Props = {
-    children?: React.ReactNode;
-    className?: string;
-    to?: string;
-    icon?: React.ReactNode;
-    alignIcon?: 'left' | 'right';
-    onClick?: () => void;
-    pillStyle?: 'white' | 'light' | 'dark' | 'light-gray' | 'warning' | 'success';
-};
-export declare type RenderedTypeProps = {
-    children: React.ReactNode;
-    className?: string;
-    to: string;
-    onClick?: () => void;
-    type?: 'button';
-};
+/// <reference types="react" />
+export declare type Props = {
+    children?: React.ReactNode;
+    className?: string;
+    to?: string;
+    icon?: React.ReactNode;
+    alignIcon?: 'left' | 'right';
+    onClick?: () => void;
+    pillStyle?: 'white' | 'light' | 'dark' | 'light-gray' | 'warning' | 'success';
+};
+export declare type RenderedTypeProps = {
+    children: React.ReactNode;
+    className?: string;
+    to: string;
+    onClick?: () => void;
+    type?: 'button';
+};

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

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

package/dist/admin/components/elements/Popup/PopupButton/index.d.ts

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

package/dist/admin/components/elements/Popup/PopupButton/index.js

@@ -1,22 +1,22 @@
-import React from 'react';
-import './index.scss';
-const baseClass = 'popup-button';
-const PopupButton = (props) => {
-    const { buttonType, button, setActive, active, } = props;
-    const classes = [
-        baseClass,
-        `${baseClass}--${buttonType}`,
-    ].filter(Boolean).join(' ');
-    const handleClick = () => {
-        setActive(!active);
-    };
-    if (buttonType === 'none') {
-        return null;
-    }
-    if (buttonType === 'custom') {
-        return (React.createElement("div", { role: "button", tabIndex: 0, onKeyDown: (e) => { if (e.key === 'Enter')
-                handleClick(); }, onClick: handleClick, className: classes }, button));
-    }
-    return (React.createElement("button", { type: "button", onClick: () => setActive(!active), className: classes }, button));
-};
-export default PopupButton;
+import React from 'react';
+import './index.scss';
+const baseClass = 'popup-button';
+const PopupButton = (props) => {
+    const { buttonType, button, setActive, active, } = props;
+    const classes = [
+        baseClass,
+        `${baseClass}--${buttonType}`,
+    ].filter(Boolean).join(' ');
+    const handleClick = () => {
+        setActive(!active);
+    };
+    if (buttonType === 'none') {
+        return null;
+    }
+    if (buttonType === 'custom') {
+        return (React.createElement("div", { role: "button", tabIndex: 0, onKeyDown: (e) => { if (e.key === 'Enter')
+                handleClick(); }, onClick: handleClick, className: classes }, button));
+    }
+    return (React.createElement("button", { type: "button", onClick: () => setActive(!active), className: classes }, button));
+};
+export default PopupButton;

package/dist/admin/components/elements/Popup/PopupButton/types.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type Props = {
-    buttonType: 'custom' | 'default' | 'none';
-    button: React.ReactNode;
-    setActive: (active: boolean) => void;
-    active: boolean;
-};
+/// <reference types="react" />
+export declare type Props = {
+    buttonType: 'custom' | 'default' | 'none';
+    button: React.ReactNode;
+    setActive: (active: boolean) => void;
+    active: boolean;
+};

package/dist/admin/components/elements/Popup/PopupButton/types.js

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

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

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

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

@@ -1,92 +1,92 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { useWindowInfo } from '@faceless-ui/window-info';
-import { useScrollInfo } from '@faceless-ui/scroll-info';
-import useThrottledEffect from '../../../hooks/useThrottledEffect';
-import PopupButton from './PopupButton';
-import './index.scss';
-const baseClass = 'popup';
-const Popup = (props) => {
-    const { className, render, size = 'small', color = 'light', button, buttonType = 'default', children, showOnHover = false, horizontalAlign: horizontalAlignFromProps = 'left', verticalAlign: verticalAlignFromProps = 'top', initActive = false, onToggleOpen, padding, forceOpen, boundingRef, } = props;
-    const buttonRef = useRef(null);
-    const contentRef = useRef(null);
-    const [mounted, setMounted] = useState(false);
-    const [active, setActive] = useState(initActive);
-    const [verticalAlign, setVerticalAlign] = useState(verticalAlignFromProps);
-    const [horizontalAlign, setHorizontalAlign] = useState(horizontalAlignFromProps);
-    const { y: scrollY } = useScrollInfo();
-    const { height: windowHeight, width: windowWidth } = useWindowInfo();
-    const handleClickOutside = (e) => {
-        if (contentRef.current.contains(e.target)) {
-            return;
-        }
-        setActive(false);
-    };
-    useThrottledEffect(() => {
-        if (contentRef.current && buttonRef.current) {
-            const { left: contentLeftPos, right: contentRightPos, top: contentTopPos, bottom: contentBottomPos, } = contentRef.current.getBoundingClientRect();
-            let boundingTopPos = 0;
-            let boundingRightPos = windowWidth;
-            let boundingBottomPos = windowHeight;
-            let boundingLeftPos = 0;
-            if (boundingRef === null || boundingRef === void 0 ? void 0 : boundingRef.current) {
-                ({
-                    top: boundingTopPos,
-                    right: boundingRightPos,
-                    bottom: boundingBottomPos,
-                    left: boundingLeftPos,
-                } = boundingRef.current.getBoundingClientRect());
-            }
-            if (contentRightPos > boundingRightPos && contentLeftPos > boundingLeftPos) {
-                setHorizontalAlign('right');
-            }
-            else if (contentLeftPos < boundingLeftPos && contentRightPos < boundingRightPos) {
-                setHorizontalAlign('left');
-            }
-            if (contentTopPos < boundingTopPos && contentBottomPos < boundingBottomPos) {
-                setVerticalAlign('bottom');
-            }
-            else if (contentBottomPos > boundingBottomPos && contentTopPos < boundingTopPos) {
-                setVerticalAlign('top');
-            }
-            setMounted(true);
-        }
-    }, 500, [scrollY, windowHeight, windowWidth]);
-    useEffect(() => {
-        if (typeof onToggleOpen === 'function')
-            onToggleOpen(active);
-        if (active) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [active, onToggleOpen]);
-    useEffect(() => {
-        setActive(forceOpen);
-    }, [forceOpen]);
-    const classes = [
-        baseClass,
-        className,
-        `${baseClass}--size-${size}`,
-        `${baseClass}--color-${color}`,
-        `${baseClass}--v-align-${verticalAlign}`,
-        `${baseClass}--h-align-${horizontalAlign}`,
-        (active && mounted) && `${baseClass}--active`,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement("div", { ref: buttonRef, className: `${baseClass}__wrapper` }, showOnHover
-            ? (React.createElement("div", { className: `${baseClass}__on-hover-watch`, onMouseEnter: () => setActive(true), onMouseLeave: () => setActive(false) },
-                React.createElement(PopupButton, { buttonType: buttonType, button: button, setActive: setActive, active: active })))
-            : (React.createElement(PopupButton, { buttonType: buttonType, button: button, setActive: setActive, active: active }))),
-        React.createElement("div", { className: `${baseClass}__content`, ref: contentRef },
-            React.createElement("div", { className: `${baseClass}__wrap` },
-                React.createElement("div", { className: `${baseClass}__scroll`, style: {
-                        padding,
-                    } },
-                    render && render({ close: () => setActive(false) }),
-                    children && children)))));
-};
-export default Popup;
+import React, { useEffect, useRef, useState } from 'react';
+import { useWindowInfo } from '@faceless-ui/window-info';
+import { useScrollInfo } from '@faceless-ui/scroll-info';
+import useThrottledEffect from '../../../hooks/useThrottledEffect';
+import PopupButton from './PopupButton';
+import './index.scss';
+const baseClass = 'popup';
+const Popup = (props) => {
+    const { className, render, size = 'small', color = 'light', button, buttonType = 'default', children, showOnHover = false, horizontalAlign: horizontalAlignFromProps = 'left', verticalAlign: verticalAlignFromProps = 'top', initActive = false, onToggleOpen, padding, forceOpen, boundingRef, } = props;
+    const buttonRef = useRef(null);
+    const contentRef = useRef(null);
+    const [mounted, setMounted] = useState(false);
+    const [active, setActive] = useState(initActive);
+    const [verticalAlign, setVerticalAlign] = useState(verticalAlignFromProps);
+    const [horizontalAlign, setHorizontalAlign] = useState(horizontalAlignFromProps);
+    const { y: scrollY } = useScrollInfo();
+    const { height: windowHeight, width: windowWidth } = useWindowInfo();
+    const handleClickOutside = (e) => {
+        if (contentRef.current.contains(e.target)) {
+            return;
+        }
+        setActive(false);
+    };
+    useThrottledEffect(() => {
+        if (contentRef.current && buttonRef.current) {
+            const { left: contentLeftPos, right: contentRightPos, top: contentTopPos, bottom: contentBottomPos, } = contentRef.current.getBoundingClientRect();
+            let boundingTopPos = 0;
+            let boundingRightPos = windowWidth;
+            let boundingBottomPos = windowHeight;
+            let boundingLeftPos = 0;
+            if (boundingRef === null || boundingRef === void 0 ? void 0 : boundingRef.current) {
+                ({
+                    top: boundingTopPos,
+                    right: boundingRightPos,
+                    bottom: boundingBottomPos,
+                    left: boundingLeftPos,
+                } = boundingRef.current.getBoundingClientRect());
+            }
+            if (contentRightPos > boundingRightPos && contentLeftPos > boundingLeftPos) {
+                setHorizontalAlign('right');
+            }
+            else if (contentLeftPos < boundingLeftPos && contentRightPos < boundingRightPos) {
+                setHorizontalAlign('left');
+            }
+            if (contentTopPos < boundingTopPos && contentBottomPos < boundingBottomPos) {
+                setVerticalAlign('bottom');
+            }
+            else if (contentBottomPos > boundingBottomPos && contentTopPos < boundingTopPos) {
+                setVerticalAlign('top');
+            }
+            setMounted(true);
+        }
+    }, 500, [scrollY, windowHeight, windowWidth]);
+    useEffect(() => {
+        if (typeof onToggleOpen === 'function')
+            onToggleOpen(active);
+        if (active) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [active, onToggleOpen]);
+    useEffect(() => {
+        setActive(forceOpen);
+    }, [forceOpen]);
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}--size-${size}`,
+        `${baseClass}--color-${color}`,
+        `${baseClass}--v-align-${verticalAlign}`,
+        `${baseClass}--h-align-${horizontalAlign}`,
+        (active && mounted) && `${baseClass}--active`,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: classes },
+        React.createElement("div", { ref: buttonRef, className: `${baseClass}__wrapper` }, showOnHover
+            ? (React.createElement("div", { className: `${baseClass}__on-hover-watch`, onMouseEnter: () => setActive(true), onMouseLeave: () => setActive(false) },
+                React.createElement(PopupButton, { buttonType: buttonType, button: button, setActive: setActive, active: active })))
+            : (React.createElement(PopupButton, { buttonType: buttonType, button: button, setActive: setActive, active: active }))),
+        React.createElement("div", { className: `${baseClass}__content`, ref: contentRef },
+            React.createElement("div", { className: `${baseClass}__wrap` },
+                React.createElement("div", { className: `${baseClass}__scroll`, style: {
+                        padding,
+                    } },
+                    render && render({ close: () => setActive(false) }),
+                    children && children)))));
+};
+export default Popup;

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

@@ -1,19 +1,19 @@
-import { CSSProperties } from 'react';
-export declare type Props = {
-    className?: string;
-    render?: (any: any) => React.ReactNode;
-    children?: React.ReactNode;
-    verticalAlign?: 'top' | 'bottom';
-    horizontalAlign?: 'left' | 'center' | 'right';
-    size?: 'small' | 'large' | 'wide';
-    color?: 'light' | 'dark';
-    buttonType?: 'default' | 'custom' | 'none';
-    button?: React.ReactNode;
-    forceOpen?: boolean;
-    showOnHover?: boolean;
-    initActive?: boolean;
-    onToggleOpen?: (active: boolean) => void;
-    backgroundColor?: CSSProperties['backgroundColor'];
-    padding?: CSSProperties['padding'];
-    boundingRef?: React.MutableRefObject<HTMLElement>;
-};
+import { CSSProperties } from 'react';
+export declare type Props = {
+    className?: string;
+    render?: (any: any) => React.ReactNode;
+    children?: React.ReactNode;
+    verticalAlign?: 'top' | 'bottom';
+    horizontalAlign?: 'left' | 'center' | 'right';
+    size?: 'small' | 'large' | 'wide';
+    color?: 'light' | 'dark';
+    buttonType?: 'default' | 'custom' | 'none';
+    button?: React.ReactNode;
+    forceOpen?: boolean;
+    showOnHover?: boolean;
+    initActive?: boolean;
+    onToggleOpen?: (active: boolean) => void;
+    backgroundColor?: CSSProperties['backgroundColor'];
+    padding?: CSSProperties['padding'];
+    boundingRef?: React.MutableRefObject<HTMLElement>;
+};

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

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

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

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

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

@@ -1,31 +1,31 @@
-import React, { useEffect, useState } from 'react';
-import { useAuth } from '@payloadcms/config-provider';
-import Button from '../Button';
-import { useLocale } from '../../utilities/Locale';
-import './index.scss';
-const baseClass = 'preview-btn';
-const PreviewButton = (props) => {
-    const { generatePreviewURL, data, } = props;
-    const [url, setUrl] = useState(undefined);
-    const locale = useLocale();
-    const { token } = useAuth();
-    useEffect(() => {
-        if (generatePreviewURL && typeof generatePreviewURL === 'function') {
-            const makeRequest = async () => {
-                const previewURL = await generatePreviewURL(data, { locale, token });
-                setUrl(previewURL);
-            };
-            makeRequest();
-        }
-    }, [
-        generatePreviewURL,
-        locale,
-        token,
-        data,
-    ]);
-    if (url) {
-        return (React.createElement(Button, { el: "anchor", className: baseClass, buttonStyle: "secondary", url: url, newTab: true }, "Preview"));
-    }
-    return null;
-};
-export default PreviewButton;
+import React, { useEffect, useState } from 'react';
+import { useAuth } from '@payloadcms/config-provider';
+import Button from '../Button';
+import { useLocale } from '../../utilities/Locale';
+import './index.scss';
+const baseClass = 'preview-btn';
+const PreviewButton = (props) => {
+    const { generatePreviewURL, data, } = props;
+    const [url, setUrl] = useState(undefined);
+    const locale = useLocale();
+    const { token } = useAuth();
+    useEffect(() => {
+        if (generatePreviewURL && typeof generatePreviewURL === 'function') {
+            const makeRequest = async () => {
+                const previewURL = await generatePreviewURL(data, { locale, token });
+                setUrl(previewURL);
+            };
+            makeRequest();
+        }
+    }, [
+        generatePreviewURL,
+        locale,
+        token,
+        data,
+    ]);
+    if (url) {
+        return (React.createElement(Button, { el: "anchor", className: baseClass, buttonStyle: "secondary", url: url, newTab: true }, "Preview"));
+    }
+    return null;
+};
+export default PreviewButton;

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

@@ -1,6 +1,6 @@
-import { Data } from '../../forms/Form/types';
-import { GeneratePreviewURL } from '../../../../config/types';
-export declare type Props = {
-    generatePreviewURL?: GeneratePreviewURL;
-    data?: Data;
-};
+import { Data } from '../../forms/Form/types';
+import { GeneratePreviewURL } from '../../../../config/types';
+export declare type Props = {
+    generatePreviewURL?: GeneratePreviewURL;
+    data?: Data;
+};

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

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

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

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