payload 1.0.13 → 1.0.14

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

@@ -1,38 +1,38 @@
-import React from 'react';
-import { toast } from 'react-toastify';
-import { Modal, useModal } from '@faceless-ui/modal';
-import Button from '../Button';
-import MinimalTemplate from '../../templates/Minimal';
-import './index.scss';
-const baseClass = 'generate-confirmation';
-const GenerateConfirmation = (props) => {
-    const { setKey, highlightField, } = props;
-    const { toggle } = useModal();
-    const modalSlug = 'generate-confirmation';
-    const handleGenerate = () => {
-        setKey();
-        toggle(modalSlug);
-        toast.success('New API Key Generated.', { autoClose: 3000 });
-        highlightField(true);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => {
-                toggle(modalSlug);
-            } }, "Generate new API key"),
-        React.createElement(Modal, { slug: modalSlug, className: baseClass },
-            React.createElement(MinimalTemplate, { className: `${baseClass}__template` },
-                React.createElement("h1", null, "Confirm Generation"),
-                React.createElement("p", null,
-                    "Generating a new API key will",
-                    ' ',
-                    React.createElement("strong", null, "invalidate"),
-                    ' ',
-                    "the previous key.",
-                    ' ',
-                    "Are you sure you wish to continue?"),
-                React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: () => {
-                        toggle(modalSlug);
-                    } }, "Cancel"),
-                React.createElement(Button, { onClick: handleGenerate }, "Generate")))));
-};
-export default GenerateConfirmation;
+import React from 'react';
+import { toast } from 'react-toastify';
+import { Modal, useModal } from '@faceless-ui/modal';
+import Button from '../Button';
+import MinimalTemplate from '../../templates/Minimal';
+import './index.scss';
+const baseClass = 'generate-confirmation';
+const GenerateConfirmation = (props) => {
+    const { setKey, highlightField, } = props;
+    const { toggle } = useModal();
+    const modalSlug = 'generate-confirmation';
+    const handleGenerate = () => {
+        setKey();
+        toggle(modalSlug);
+        toast.success('New API Key Generated.', { autoClose: 3000 });
+        highlightField(true);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => {
+                toggle(modalSlug);
+            } }, "Generate new API key"),
+        React.createElement(Modal, { slug: modalSlug, className: baseClass },
+            React.createElement(MinimalTemplate, { className: `${baseClass}__template` },
+                React.createElement("h1", null, "Confirm Generation"),
+                React.createElement("p", null,
+                    "Generating a new API key will",
+                    ' ',
+                    React.createElement("strong", null, "invalidate"),
+                    ' ',
+                    "the previous key.",
+                    ' ',
+                    "Are you sure you wish to continue?"),
+                React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: () => {
+                        toggle(modalSlug);
+                    } }, "Cancel"),
+                React.createElement(Button, { onClick: handleGenerate }, "Generate")))));
+};
+export default GenerateConfirmation;

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

@@ -1,4 +1,4 @@
-export declare type Props = {
-    setKey: () => void;
-    highlightField: (Boolean: any) => void;
-};
+export declare type Props = {
+    setKey: () => void;
+    highlightField: (Boolean: any) => void;
+};

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

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

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

@@ -1,13 +1,13 @@
-import React, { Ref } from 'react';
-import './index.scss';
-declare type Props = {
-    left?: boolean;
-    right?: boolean;
-    negativeLeft?: boolean;
-    negativeRight?: boolean;
-    className?: string;
-    children: React.ReactNode;
-    ref?: Ref<HTMLDivElement>;
-};
-export declare const Gutter: React.FC<Props>;
-export {};
+import React, { Ref } from 'react';
+import './index.scss';
+declare type Props = {
+    left?: boolean;
+    right?: boolean;
+    negativeLeft?: boolean;
+    negativeRight?: boolean;
+    className?: string;
+    children: React.ReactNode;
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const Gutter: React.FC<Props>;
+export {};

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

@@ -1,16 +1,16 @@
-import React, { forwardRef } from 'react';
-import './index.scss';
-const baseClass = 'gutter';
-export const Gutter = forwardRef((props, ref) => {
-    const { left = true, right = true, negativeLeft = false, negativeRight = false, className, children, } = props;
-    const shouldPadLeft = left && !negativeLeft;
-    const shouldPadRight = right && !negativeRight;
-    return (React.createElement("div", { ref: ref, className: [
-            shouldPadLeft && `${baseClass}--left`,
-            shouldPadRight && `${baseClass}--right`,
-            negativeLeft && `${baseClass}--negative-left`,
-            negativeRight && `${baseClass}--negative-right`,
-            className,
-        ].filter(Boolean).join(' ') }, children));
-});
-Gutter.displayName = 'Gutter';
+import React, { forwardRef } from 'react';
+import './index.scss';
+const baseClass = 'gutter';
+export const Gutter = forwardRef((props, ref) => {
+    const { left = true, right = true, negativeLeft = false, negativeRight = false, className, children, } = props;
+    const shouldPadLeft = left && !negativeLeft;
+    const shouldPadRight = right && !negativeRight;
+    return (React.createElement("div", { ref: ref, className: [
+            shouldPadLeft && `${baseClass}--left`,
+            shouldPadRight && `${baseClass}--right`,
+            negativeLeft && `${baseClass}--negative-left`,
+            negativeRight && `${baseClass}--negative-right`,
+            className,
+        ].filter(Boolean).join(' ') }, children));
+});
+Gutter.displayName = 'Gutter';

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import './index.scss';
-declare const IDLabel: React.FC<{
-    id: string;
-    prefix?: string;
-}>;
-export default IDLabel;
+import React from 'react';
+import './index.scss';
+declare const IDLabel: React.FC<{
+    id: string;
+    prefix?: string;
+}>;
+export default IDLabel;

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import './index.scss';
-const baseClass = 'id-label';
-const IDLabel = ({ id, prefix = 'ID:' }) => (React.createElement("div", { className: baseClass },
-    prefix,
-    "\u00A0\u00A0",
-    id));
-export default IDLabel;
+import React from 'react';
+import './index.scss';
+const baseClass = 'id-label';
+const IDLabel = ({ id, prefix = 'ID:' }) => (React.createElement("div", { className: baseClass },
+    prefix,
+    "\u00A0\u00A0",
+    id));
+export default IDLabel;

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

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

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

@@ -1,34 +1,34 @@
-import React, { useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import { fieldAffectsData } from '../../../../fields/config/types';
-import SearchFilter from '../SearchFilter';
-import ColumnSelector from '../ColumnSelector';
-import WhereBuilder from '../WhereBuilder';
-import SortComplex from '../SortComplex';
-import Button from '../Button';
-import { useSearchParams } from '../../utilities/SearchParams';
-import validateWhereQuery from '../WhereBuilder/validateWhereQuery';
-import './index.scss';
-const baseClass = 'list-controls';
-const ListControls = (props) => {
-    const { collection, enableColumns = true, enableSort = false, columns, setColumns, handleSortChange, handleWhereChange, modifySearchQuery = true, collection: { fields, admin: { useAsTitle, }, }, } = props;
-    const params = useSearchParams();
-    const shouldInitializeWhereOpened = validateWhereQuery(params === null || params === void 0 ? void 0 : params.where);
-    const [titleField] = useState(() => fields.find((field) => fieldAffectsData(field) && field.name === useAsTitle));
-    const [visibleDrawer, setVisibleDrawer] = useState(shouldInitializeWhereOpened ? 'where' : undefined);
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("div", { className: `${baseClass}__wrap` },
-            React.createElement(SearchFilter, { fieldName: titleField && fieldAffectsData(titleField) ? titleField.name : undefined, handleChange: handleWhereChange, modifySearchQuery: modifySearchQuery, fieldLabel: titleField && titleField.label ? titleField.label : undefined }),
-            React.createElement("div", { className: `${baseClass}__buttons` },
-                React.createElement("div", { className: `${baseClass}__buttons-wrap` },
-                    enableColumns && (React.createElement(Button, { className: `${baseClass}__toggle-columns`, buttonStyle: visibleDrawer === 'columns' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined), icon: "chevron", iconStyle: "none" }, "Columns")),
-                    React.createElement(Button, { className: `${baseClass}__toggle-where`, buttonStyle: visibleDrawer === 'where' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined), icon: "chevron", iconStyle: "none" }, "Filters"),
-                    enableSort && (React.createElement(Button, { className: `${baseClass}__toggle-sort`, buttonStyle: visibleDrawer === 'sort' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined), icon: "chevron", iconStyle: "none" }, "Sort"))))),
-        enableColumns && (React.createElement(AnimateHeight, { className: `${baseClass}__columns`, height: visibleDrawer === 'columns' ? 'auto' : 0 },
-            React.createElement(ColumnSelector, { collection: collection, columns: columns, setColumns: setColumns }))),
-        React.createElement(AnimateHeight, { className: `${baseClass}__where`, height: visibleDrawer === 'where' ? 'auto' : 0 },
-            React.createElement(WhereBuilder, { collection: collection, modifySearchQuery: modifySearchQuery, handleChange: handleWhereChange })),
-        enableSort && (React.createElement(AnimateHeight, { className: `${baseClass}__sort`, height: visibleDrawer === 'sort' ? 'auto' : 0 },
-            React.createElement(SortComplex, { modifySearchQuery: modifySearchQuery, collection: collection, handleChange: handleSortChange })))));
-};
-export default ListControls;
+import React, { useState } from 'react';
+import AnimateHeight from 'react-animate-height';
+import { fieldAffectsData } from '../../../../fields/config/types';
+import SearchFilter from '../SearchFilter';
+import ColumnSelector from '../ColumnSelector';
+import WhereBuilder from '../WhereBuilder';
+import SortComplex from '../SortComplex';
+import Button from '../Button';
+import { useSearchParams } from '../../utilities/SearchParams';
+import validateWhereQuery from '../WhereBuilder/validateWhereQuery';
+import './index.scss';
+const baseClass = 'list-controls';
+const ListControls = (props) => {
+    const { collection, enableColumns = true, enableSort = false, columns, setColumns, handleSortChange, handleWhereChange, modifySearchQuery = true, collection: { fields, admin: { useAsTitle, }, }, } = props;
+    const params = useSearchParams();
+    const shouldInitializeWhereOpened = validateWhereQuery(params === null || params === void 0 ? void 0 : params.where);
+    const [titleField] = useState(() => fields.find((field) => fieldAffectsData(field) && field.name === useAsTitle));
+    const [visibleDrawer, setVisibleDrawer] = useState(shouldInitializeWhereOpened ? 'where' : undefined);
+    return (React.createElement("div", { className: baseClass },
+        React.createElement("div", { className: `${baseClass}__wrap` },
+            React.createElement(SearchFilter, { fieldName: titleField && fieldAffectsData(titleField) ? titleField.name : undefined, handleChange: handleWhereChange, modifySearchQuery: modifySearchQuery, fieldLabel: titleField && titleField.label ? titleField.label : undefined }),
+            React.createElement("div", { className: `${baseClass}__buttons` },
+                React.createElement("div", { className: `${baseClass}__buttons-wrap` },
+                    enableColumns && (React.createElement(Button, { className: `${baseClass}__toggle-columns`, buttonStyle: visibleDrawer === 'columns' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined), icon: "chevron", iconStyle: "none" }, "Columns")),
+                    React.createElement(Button, { className: `${baseClass}__toggle-where`, buttonStyle: visibleDrawer === 'where' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined), icon: "chevron", iconStyle: "none" }, "Filters"),
+                    enableSort && (React.createElement(Button, { className: `${baseClass}__toggle-sort`, buttonStyle: visibleDrawer === 'sort' ? undefined : 'secondary', onClick: () => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined), icon: "chevron", iconStyle: "none" }, "Sort"))))),
+        enableColumns && (React.createElement(AnimateHeight, { className: `${baseClass}__columns`, height: visibleDrawer === 'columns' ? 'auto' : 0 },
+            React.createElement(ColumnSelector, { collection: collection, columns: columns, setColumns: setColumns }))),
+        React.createElement(AnimateHeight, { className: `${baseClass}__where`, height: visibleDrawer === 'where' ? 'auto' : 0 },
+            React.createElement(WhereBuilder, { collection: collection, modifySearchQuery: modifySearchQuery, handleChange: handleWhereChange })),
+        enableSort && (React.createElement(AnimateHeight, { className: `${baseClass}__sort`, height: visibleDrawer === 'sort' ? 'auto' : 0 },
+            React.createElement(SortComplex, { modifySearchQuery: modifySearchQuery, collection: collection, handleChange: handleSortChange })))));
+};
+export default ListControls;

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

@@ -1,16 +1,16 @@
-import { Where } from '../../../../types';
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
-    enableColumns?: boolean;
-    enableSort?: boolean;
-    modifySearchQuery?: boolean;
-    handleSortChange?: (sort: string) => void;
-    handleWhereChange?: (where: Where) => void;
-    columns?: string[];
-    setColumns?: (columns: string[]) => void;
-    collection: SanitizedCollectionConfig;
-};
-export declare type ListControls = {
-    where?: unknown;
-    columns?: string[];
-};
+import { Where } from '../../../../types';
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export declare type Props = {
+    enableColumns?: boolean;
+    enableSort?: boolean;
+    modifySearchQuery?: boolean;
+    handleSortChange?: (sort: string) => void;
+    handleWhereChange?: (where: Where) => void;
+    columns?: string[];
+    setColumns?: (columns: string[]) => void;
+    collection: SanitizedCollectionConfig;
+};
+export declare type ListControls = {
+    where?: unknown;
+    columns?: string[];
+};

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

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

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

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

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

@@ -1,3 +1,3 @@
-import React from 'react';
-const Loading = () => React.createElement("div", null);
-export default Loading;
+import React from 'react';
+const Loading = () => React.createElement("div", null);
+export default Loading;

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

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

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

@@ -1,39 +1,39 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import qs from 'qs';
-import { useConfig } from '../../utilities/Config';
-import { useLocale } from '../../utilities/Locale';
-import { useSearchParams } from '../../utilities/SearchParams';
-import Popup from '../Popup';
-import './index.scss';
-const baseClass = 'localizer';
-const Localizer = () => {
-    const { localization } = useConfig();
-    const locale = useLocale();
-    const searchParams = useSearchParams();
-    if (localization) {
-        const { locales } = localization;
-        return (React.createElement("div", { className: baseClass },
-            React.createElement(Popup, { horizontalAlign: "left", button: locale, render: ({ close }) => (React.createElement("div", null,
-                    React.createElement("span", null, "Locales"),
-                    React.createElement("ul", null, locales.map((localeOption) => {
-                        const baseLocaleClass = `${baseClass}__locale`;
-                        const localeClasses = [
-                            baseLocaleClass,
-                            locale === localeOption && `${baseLocaleClass}--active`,
-                        ];
-                        const newParams = {
-                            ...searchParams,
-                            locale: localeOption,
-                        };
-                        const search = qs.stringify(newParams);
-                        if (localeOption !== locale) {
-                            return (React.createElement("li", { key: localeOption, className: localeClasses.join(' ') },
-                                React.createElement(Link, { to: { search }, onClick: close }, localeOption)));
-                        }
-                        return null;
-                    })))) })));
-    }
-    return null;
-};
-export default Localizer;
+import React from 'react';
+import { Link } from 'react-router-dom';
+import qs from 'qs';
+import { useConfig } from '../../utilities/Config';
+import { useLocale } from '../../utilities/Locale';
+import { useSearchParams } from '../../utilities/SearchParams';
+import Popup from '../Popup';
+import './index.scss';
+const baseClass = 'localizer';
+const Localizer = () => {
+    const { localization } = useConfig();
+    const locale = useLocale();
+    const searchParams = useSearchParams();
+    if (localization) {
+        const { locales } = localization;
+        return (React.createElement("div", { className: baseClass },
+            React.createElement(Popup, { horizontalAlign: "left", button: locale, render: ({ close }) => (React.createElement("div", null,
+                    React.createElement("span", null, "Locales"),
+                    React.createElement("ul", null, locales.map((localeOption) => {
+                        const baseLocaleClass = `${baseClass}__locale`;
+                        const localeClasses = [
+                            baseLocaleClass,
+                            locale === localeOption && `${baseLocaleClass}--active`,
+                        ];
+                        const newParams = {
+                            ...searchParams,
+                            locale: localeOption,
+                        };
+                        const search = qs.stringify(newParams);
+                        if (localeOption !== locale) {
+                            return (React.createElement("li", { key: localeOption, className: localeClasses.join(' ') },
+                                React.createElement(Link, { to: { search }, onClick: close }, localeOption)));
+                        }
+                        return null;
+                    })))) })));
+    }
+    return null;
+};
+export default Localizer;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import './index.scss';
-declare const Nav: React.FC;
-export default Nav;
+import React from 'react';
+import './index.scss';
+declare const Nav: React.FC;
+export default Nav;

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;