payload 1.0.28 → 1.0.29

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

@@ -1,74 +1,74 @@
-import React, { useState, useEffect } from 'react';
-import { NavLink, Link, useHistory } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import Chevron from '../../icons/Chevron';
-import LogOut from '../../icons/LogOut';
-import Menu from '../../icons/Menu';
-import CloseMenu from '../../icons/CloseMenu';
-import Icon from '../../graphics/Icon';
-import Account from '../../graphics/Account';
-import Localizer from '../Localizer';
-import './index.scss';
-const baseClass = 'nav';
-const DefaultNav = () => {
-    const { permissions } = useAuth();
-    const [menuActive, setMenuActive] = useState(false);
-    const history = useHistory();
-    const { collections, globals, routes: { admin, }, admin: { components: { beforeNavLinks, afterNavLinks, }, }, } = useConfig();
-    const classes = [
-        baseClass,
-        menuActive && `${baseClass}--menu-active`,
-    ].filter(Boolean).join(' ');
-    useEffect(() => history.listen(() => {
-        setMenuActive(false);
-    }), [history]);
-    return (React.createElement("aside", { className: classes },
-        React.createElement("div", { className: `${baseClass}__scroll` },
-            React.createElement("header", null,
-                React.createElement(Link, { to: admin, className: `${baseClass}__brand` },
-                    React.createElement(Icon, null)),
-                React.createElement("button", { type: "button", className: `${baseClass}__mobile-menu-btn`, onClick: () => setMenuActive(!menuActive) },
-                    menuActive && (React.createElement(CloseMenu, null)),
-                    !menuActive && (React.createElement(Menu, null)))),
-            React.createElement("div", { className: `${baseClass}__wrap` },
-                Array.isArray(beforeNavLinks) && beforeNavLinks.map((Component, i) => React.createElement(Component, { key: i })),
-                React.createElement("span", { className: `${baseClass}__label` }, "Collections"),
-                React.createElement("nav", null, collections && collections.map((collection, i) => {
-                    var _a, _b;
-                    const href = `${admin}/collections/${collection.slug}`;
-                    if ((_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read.permission) {
-                        return (React.createElement(NavLink, { id: `nav-${collection.slug}`, activeClassName: "active", key: i, to: href },
-                            React.createElement(Chevron, null),
-                            collection.labels.plural));
-                    }
-                    return null;
-                })),
-                (globals && globals.length > 0) && (React.createElement(React.Fragment, null,
-                    React.createElement("span", { className: `${baseClass}__label` }, "Globals"),
-                    React.createElement("nav", null, globals.map((global, i) => {
-                        var _a;
-                        const href = `${admin}/globals/${global.slug}`;
-                        if ((_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug].read.permission) {
-                            return (React.createElement(NavLink, { id: `nav-global-${global.slug}`, activeClassName: "active", key: i, to: href },
-                                React.createElement(Chevron, null),
-                                global.label));
-                        }
-                        return null;
-                    })))),
-                Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i) => React.createElement(Component, { key: i })),
-                React.createElement("div", { className: `${baseClass}__controls` },
-                    React.createElement(Localizer, null),
-                    React.createElement(Link, { to: `${admin}/account`, className: `${baseClass}__account` },
-                        React.createElement(Account, null)),
-                    React.createElement(Link, { to: `${admin}/logout`, className: `${baseClass}__log-out` },
-                        React.createElement(LogOut, null)))))));
-};
-const Nav = () => {
-    const { admin: { components: { Nav: CustomNav, } = {
-        Nav: undefined,
-    }, } = {}, } = useConfig();
-    return (React.createElement(RenderCustomComponent, { CustomComponent: CustomNav, DefaultComponent: DefaultNav }));
-};
-export default Nav;
+import React, { useState, useEffect } from 'react';
+import { NavLink, Link, useHistory } from 'react-router-dom';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import RenderCustomComponent from '../../utilities/RenderCustomComponent';
+import Chevron from '../../icons/Chevron';
+import LogOut from '../../icons/LogOut';
+import Menu from '../../icons/Menu';
+import CloseMenu from '../../icons/CloseMenu';
+import Icon from '../../graphics/Icon';
+import Account from '../../graphics/Account';
+import Localizer from '../Localizer';
+import './index.scss';
+const baseClass = 'nav';
+const DefaultNav = () => {
+    const { permissions } = useAuth();
+    const [menuActive, setMenuActive] = useState(false);
+    const history = useHistory();
+    const { collections, globals, routes: { admin, }, admin: { components: { beforeNavLinks, afterNavLinks, }, }, } = useConfig();
+    const classes = [
+        baseClass,
+        menuActive && `${baseClass}--menu-active`,
+    ].filter(Boolean).join(' ');
+    useEffect(() => history.listen(() => {
+        setMenuActive(false);
+    }), [history]);
+    return (React.createElement("aside", { className: classes },
+        React.createElement("div", { className: `${baseClass}__scroll` },
+            React.createElement("header", null,
+                React.createElement(Link, { to: admin, className: `${baseClass}__brand` },
+                    React.createElement(Icon, null)),
+                React.createElement("button", { type: "button", className: `${baseClass}__mobile-menu-btn`, onClick: () => setMenuActive(!menuActive) },
+                    menuActive && (React.createElement(CloseMenu, null)),
+                    !menuActive && (React.createElement(Menu, null)))),
+            React.createElement("div", { className: `${baseClass}__wrap` },
+                Array.isArray(beforeNavLinks) && beforeNavLinks.map((Component, i) => React.createElement(Component, { key: i })),
+                React.createElement("span", { className: `${baseClass}__label` }, "Collections"),
+                React.createElement("nav", null, collections && collections.map((collection, i) => {
+                    var _a, _b;
+                    const href = `${admin}/collections/${collection.slug}`;
+                    if ((_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read.permission) {
+                        return (React.createElement(NavLink, { id: `nav-${collection.slug}`, activeClassName: "active", key: i, to: href },
+                            React.createElement(Chevron, null),
+                            collection.labels.plural));
+                    }
+                    return null;
+                })),
+                (globals && globals.length > 0) && (React.createElement(React.Fragment, null,
+                    React.createElement("span", { className: `${baseClass}__label` }, "Globals"),
+                    React.createElement("nav", null, globals.map((global, i) => {
+                        var _a;
+                        const href = `${admin}/globals/${global.slug}`;
+                        if ((_a = permissions === null || permissions === void 0 ? void 0 : permissions.globals) === null || _a === void 0 ? void 0 : _a[global.slug].read.permission) {
+                            return (React.createElement(NavLink, { id: `nav-global-${global.slug}`, activeClassName: "active", key: i, to: href },
+                                React.createElement(Chevron, null),
+                                global.label));
+                        }
+                        return null;
+                    })))),
+                Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i) => React.createElement(Component, { key: i })),
+                React.createElement("div", { className: `${baseClass}__controls` },
+                    React.createElement(Localizer, null),
+                    React.createElement(Link, { to: `${admin}/account`, className: `${baseClass}__account` },
+                        React.createElement(Account, null)),
+                    React.createElement(Link, { to: `${admin}/logout`, className: `${baseClass}__log-out` },
+                        React.createElement(LogOut, null)))))));
+};
+const Nav = () => {
+    const { admin: { components: { Nav: CustomNav, } = {
+        Nav: undefined,
+    }, } = {}, } = useConfig();
+    return (React.createElement(RenderCustomComponent, { CustomComponent: CustomNav, DefaultComponent: DefaultNav }));
+};
+export default Nav;

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

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

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;