payload 1.0.13 → 1.0.14

package/dist/admin/components/elements/Paginator/ClickableArrow/index.js

@@ -1,15 +1,15 @@
-import React from 'react';
-import Chevron from '../../../icons/Chevron';
-import './index.scss';
-const baseClass = 'clickable-arrow';
-const ClickableArrow = (props) => {
-    const { updatePage, isDisabled = false, direction = 'right', } = props;
-    const classes = [
-        baseClass,
-        isDisabled && `${baseClass}--is-disabled`,
-        direction && `${baseClass}--${direction}`,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("button", { className: classes, onClick: !isDisabled ? updatePage : undefined, type: "button" },
-        React.createElement(Chevron, null)));
-};
-export default ClickableArrow;
+import React from 'react';
+import Chevron from '../../../icons/Chevron';
+import './index.scss';
+const baseClass = 'clickable-arrow';
+const ClickableArrow = (props) => {
+    const { updatePage, isDisabled = false, direction = 'right', } = props;
+    const classes = [
+        baseClass,
+        isDisabled && `${baseClass}--is-disabled`,
+        direction && `${baseClass}--${direction}`,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("button", { className: classes, onClick: !isDisabled ? updatePage : undefined, type: "button" },
+        React.createElement(Chevron, null)));
+};
+export default ClickableArrow;

package/dist/admin/components/elements/Paginator/ClickableArrow/types.d.ts

@@ -1,5 +1,5 @@
-export declare type Props = {
-    updatePage?: () => void;
-    isDisabled?: boolean;
-    direction?: 'right' | 'left';
-};
+export declare type Props = {
+    updatePage?: () => void;
+    isDisabled?: boolean;
+    direction?: 'right' | 'left';
+};

package/dist/admin/components/elements/Paginator/ClickableArrow/types.js

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

package/dist/admin/components/elements/Paginator/Page/index.d.ts

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

package/dist/admin/components/elements/Paginator/Page/index.js

@@ -1,12 +1,12 @@
-import React from 'react';
-const baseClass = 'paginator__page';
-const Page = ({ page = 1, isCurrent, updatePage, isFirstPage = false, isLastPage = false, }) => {
-    const classes = [
-        baseClass,
-        isCurrent && `${baseClass}--is-current`,
-        isFirstPage && `${baseClass}--is-first-page`,
-        isLastPage && `${baseClass}--is-last-page`,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("button", { className: classes, onClick: () => updatePage(page), type: "button" }, page));
-};
-export default Page;
+import React from 'react';
+const baseClass = 'paginator__page';
+const Page = ({ page = 1, isCurrent, updatePage, isFirstPage = false, isLastPage = false, }) => {
+    const classes = [
+        baseClass,
+        isCurrent && `${baseClass}--is-current`,
+        isFirstPage && `${baseClass}--is-first-page`,
+        isLastPage && `${baseClass}--is-last-page`,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("button", { className: classes, onClick: () => updatePage(page), type: "button" }, page));
+};
+export default Page;

package/dist/admin/components/elements/Paginator/Page/types.d.ts

@@ -1,7 +1,7 @@
-export declare type Props = {
-    page?: number;
-    isCurrent?: boolean;
-    updatePage?: (page: any) => void;
-    isFirstPage?: boolean;
-    isLastPage?: boolean;
-};
+export declare type Props = {
+    page?: number;
+    isCurrent?: boolean;
+    updatePage?: (page: any) => void;
+    isFirstPage?: boolean;
+    isLastPage?: boolean;
+};

package/dist/admin/components/elements/Paginator/Page/types.js

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

package/dist/admin/components/elements/Paginator/Separator/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const Separator: React.FC;
-export default Separator;
+import React from 'react';
+declare const Separator: React.FC;
+export default Separator;

package/dist/admin/components/elements/Paginator/Separator/index.js

@@ -1,3 +1,3 @@
-import React from 'react';
-const Separator = () => React.createElement("span", { className: "paginator__separator" }, "\u2014");
-export default Separator;
+import React from 'react';
+const Separator = () => React.createElement("span", { className: "paginator__separator" }, "\u2014");
+export default Separator;

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

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

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

@@ -1,96 +1,96 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import queryString from 'qs';
-import Page from './Page';
-import Separator from './Separator';
-import ClickableArrow from './ClickableArrow';
-import { useSearchParams } from '../../utilities/SearchParams';
-import './index.scss';
-const nodeTypes = {
-    Page,
-    Separator,
-    ClickableArrow,
-};
-const baseClass = 'paginator';
-const Pagination = (props) => {
-    const history = useHistory();
-    const params = useSearchParams();
-    const { totalPages = null, page: currentPage, hasPrevPage = false, hasNextPage = false, prevPage = null, nextPage = null, numberOfNeighbors = 1, disableHistoryChange = false, onChange, } = props;
-    if (!totalPages || totalPages <= 1)
-        return null;
-    // uses react router to set the current page
-    const updatePage = (page) => {
-        if (!disableHistoryChange) {
-            const newParams = {
-                ...params,
-            };
-            newParams.page = page;
-            history.push({ search: queryString.stringify(newParams, { addQueryPrefix: true }) });
-        }
-        if (typeof onChange === 'function')
-            onChange(page);
-    };
-    // Create array of integers for each page
-    const pages = Array.from({ length: totalPages }, (_, index) => index + 1);
-    // Assign indices for start and end of the range of pages that should be shown in paginator
-    let rangeStartIndex = (currentPage - 1) - numberOfNeighbors;
-    // Sanitize rangeStartIndex in case it is less than zero for safe split
-    if (rangeStartIndex <= 0)
-        rangeStartIndex = 0;
-    const rangeEndIndex = (currentPage - 1) + numberOfNeighbors + 1;
-    // Slice out the range of pages that we want to render
-    const nodes = pages.slice(rangeStartIndex, rangeEndIndex);
-    // Add prev separator if necessary
-    if (currentPage - numberOfNeighbors - 1 >= 2)
-        nodes.unshift({ type: 'Separator' });
-    // Add first page if necessary
-    if (currentPage > numberOfNeighbors + 1) {
-        nodes.unshift({
-            type: 'Page',
-            props: {
-                page: 1,
-                updatePage,
-                isFirstPage: true,
-            },
-        });
-    }
-    // Add next separator if necessary
-    if (currentPage + numberOfNeighbors + 1 < totalPages)
-        nodes.push({ type: 'Separator' });
-    // Add last page if necessary
-    if (rangeEndIndex < totalPages) {
-        nodes.push({
-            type: 'Page',
-            props: {
-                page: totalPages,
-                updatePage,
-                isLastPage: true,
-            },
-        });
-    }
-    // Add prev and next arrows based on necessity
-    nodes.push({
-        type: 'ClickableArrow',
-        props: {
-            updatePage: () => updatePage(prevPage),
-            isDisabled: !hasPrevPage,
-            direction: 'left',
-        },
-    });
-    nodes.push({
-        type: 'ClickableArrow',
-        props: {
-            updatePage: () => updatePage(nextPage),
-            isDisabled: !hasNextPage,
-            direction: 'right',
-        },
-    });
-    return (React.createElement("div", { className: baseClass }, nodes.map((node, i) => {
-        if (typeof node === 'number') {
-            return (React.createElement(Page, { key: i, page: node, updatePage: updatePage, isCurrent: currentPage === node }));
-        }
-        const NodeType = nodeTypes[node.type];
-        return (React.createElement(NodeType, { key: i, ...node.props }));
-    })));
-};
-export default Pagination;
+import React from 'react';
+import { useHistory } from 'react-router-dom';
+import queryString from 'qs';
+import Page from './Page';
+import Separator from './Separator';
+import ClickableArrow from './ClickableArrow';
+import { useSearchParams } from '../../utilities/SearchParams';
+import './index.scss';
+const nodeTypes = {
+    Page,
+    Separator,
+    ClickableArrow,
+};
+const baseClass = 'paginator';
+const Pagination = (props) => {
+    const history = useHistory();
+    const params = useSearchParams();
+    const { totalPages = null, page: currentPage, hasPrevPage = false, hasNextPage = false, prevPage = null, nextPage = null, numberOfNeighbors = 1, disableHistoryChange = false, onChange, } = props;
+    if (!totalPages || totalPages <= 1)
+        return null;
+    // uses react router to set the current page
+    const updatePage = (page) => {
+        if (!disableHistoryChange) {
+            const newParams = {
+                ...params,
+            };
+            newParams.page = page;
+            history.push({ search: queryString.stringify(newParams, { addQueryPrefix: true }) });
+        }
+        if (typeof onChange === 'function')
+            onChange(page);
+    };
+    // Create array of integers for each page
+    const pages = Array.from({ length: totalPages }, (_, index) => index + 1);
+    // Assign indices for start and end of the range of pages that should be shown in paginator
+    let rangeStartIndex = (currentPage - 1) - numberOfNeighbors;
+    // Sanitize rangeStartIndex in case it is less than zero for safe split
+    if (rangeStartIndex <= 0)
+        rangeStartIndex = 0;
+    const rangeEndIndex = (currentPage - 1) + numberOfNeighbors + 1;
+    // Slice out the range of pages that we want to render
+    const nodes = pages.slice(rangeStartIndex, rangeEndIndex);
+    // Add prev separator if necessary
+    if (currentPage - numberOfNeighbors - 1 >= 2)
+        nodes.unshift({ type: 'Separator' });
+    // Add first page if necessary
+    if (currentPage > numberOfNeighbors + 1) {
+        nodes.unshift({
+            type: 'Page',
+            props: {
+                page: 1,
+                updatePage,
+                isFirstPage: true,
+            },
+        });
+    }
+    // Add next separator if necessary
+    if (currentPage + numberOfNeighbors + 1 < totalPages)
+        nodes.push({ type: 'Separator' });
+    // Add last page if necessary
+    if (rangeEndIndex < totalPages) {
+        nodes.push({
+            type: 'Page',
+            props: {
+                page: totalPages,
+                updatePage,
+                isLastPage: true,
+            },
+        });
+    }
+    // Add prev and next arrows based on necessity
+    nodes.push({
+        type: 'ClickableArrow',
+        props: {
+            updatePage: () => updatePage(prevPage),
+            isDisabled: !hasPrevPage,
+            direction: 'left',
+        },
+    });
+    nodes.push({
+        type: 'ClickableArrow',
+        props: {
+            updatePage: () => updatePage(nextPage),
+            isDisabled: !hasNextPage,
+            direction: 'right',
+        },
+    });
+    return (React.createElement("div", { className: baseClass }, nodes.map((node, i) => {
+        if (typeof node === 'number') {
+            return (React.createElement(Page, { key: i, page: node, updatePage: updatePage, isCurrent: currentPage === node }));
+        }
+        const NodeType = nodeTypes[node.type];
+        return (React.createElement(NodeType, { key: i, ...node.props }));
+    })));
+};
+export default Pagination;

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

@@ -1,23 +1,23 @@
-export declare type Props = {
-    limit?: number;
-    totalPages?: number;
-    page?: number;
-    hasPrevPage?: boolean;
-    hasNextPage?: boolean;
-    prevPage?: number;
-    nextPage?: number;
-    numberOfNeighbors?: number;
-    disableHistoryChange?: boolean;
-    onChange?: (page: number) => void;
-};
-export declare type Node = {
-    type: 'Page' | 'Separator' | 'ClickableArrow';
-    props?: {
-        page?: number;
-        updatePage: (page?: number) => void;
-        isFirstPage?: boolean;
-        isLastPage?: boolean;
-        isDisabled?: boolean;
-        direction?: 'right' | 'left';
-    };
-} | number;
+export declare type Props = {
+    limit?: number;
+    totalPages?: number;
+    page?: number;
+    hasPrevPage?: boolean;
+    hasNextPage?: boolean;
+    prevPage?: number;
+    nextPage?: number;
+    numberOfNeighbors?: number;
+    disableHistoryChange?: boolean;
+    onChange?: (page: number) => void;
+};
+export declare type Node = {
+    type: 'Page' | 'Separator' | 'ClickableArrow';
+    props?: {
+        page?: number;
+        updatePage: (page?: number) => void;
+        isFirstPage?: boolean;
+        isLastPage?: boolean;
+        isDisabled?: boolean;
+        direction?: 'right' | 'left';
+    };
+} | number;

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

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

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import './index.scss';
-declare type Props = {
-    limits: number[];
-    limit: number;
-    handleChange?: (limit: number) => void;
-    modifySearchParams?: boolean;
-};
-declare const PerPage: React.FC<Props>;
-export default PerPage;
+import React from 'react';
+import './index.scss';
+declare type Props = {
+    limits: number[];
+    limit: number;
+    handleChange?: (limit: number) => void;
+    modifySearchParams?: boolean;
+};
+declare const PerPage: React.FC<Props>;
+export default PerPage;

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, { 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, { 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,23 +1,23 @@
-import React from 'react';
-import './index.scss';
-const baseClass = 'popup-button';
-const PopupButton = (props) => {
-    const { className, buttonType, button, setActive, active, } = props;
-    const classes = [
-        baseClass,
-        className,
-        `${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 { className, buttonType, button, setActive, active, } = props;
+    const classes = [
+        baseClass,
+        className,
+        `${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;