payload 1.4.2 → 1.5.0

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

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from 'react';
 import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type ListDrawerProps = {
+export type ListDrawerProps = {
     onSelect?: (args: {
         docID: string;
         collectionConfig: SanitizedCollectionConfig;
@@ -11,13 +11,13 @@ export declare type ListDrawerProps = {
     uploads?: boolean;
     selectedCollection?: string;
 };
-export declare type ListTogglerProps = HTMLAttributes<HTMLButtonElement> & {
+export type ListTogglerProps = HTMLAttributes<HTMLButtonElement> & {
     children?: React.ReactNode;
     className?: string;
     drawerSlug?: string;
     disabled?: boolean;
 };
-export declare type UseListDrawer = (args: {
+export type UseListDrawer = (args: {
     collectionSlugs?: string[];
     selectedCollection?: string;
     uploads?: boolean;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,3 +1,8 @@
-import React from 'react';
-const Loading = () => React.createElement("div", null);
-export default Loading;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Loading = () => react_1.default.createElement("div", null);
+exports.default = Loading;

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

@@ -1,24 +1,29 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import qs from 'qs';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import { useLocale } from '../../utilities/Locale';
-import { useSearchParams } from '../../utilities/SearchParams';
-import Popup from '../Popup';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const qs_1 = __importDefault(require("qs"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Locale_1 = require("../../utilities/Locale");
+const SearchParams_1 = require("../../utilities/SearchParams");
+const Popup_1 = __importDefault(require("../Popup"));
+require("./index.scss");
 const baseClass = 'localizer';
 const Localizer = () => {
-    const { localization } = useConfig();
-    const locale = useLocale();
-    const searchParams = useSearchParams();
-    const { t } = useTranslation('general');
+    const { localization } = (0, Config_1.useConfig)();
+    const locale = (0, Locale_1.useLocale)();
+    const searchParams = (0, SearchParams_1.useSearchParams)();
+    const { t } = (0, react_i18next_1.useTranslation)('general');
     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, t('locales')),
-                    React.createElement("ul", null, locales.map((localeOption) => {
+        return (react_1.default.createElement("div", { className: baseClass },
+            react_1.default.createElement(Popup_1.default, { horizontalAlign: "left", button: locale, render: ({ close }) => (react_1.default.createElement("div", null,
+                    react_1.default.createElement("span", null, t('locales')),
+                    react_1.default.createElement("ul", null, locales.map((localeOption) => {
                         const baseLocaleClass = `${baseClass}__locale`;
                         const localeClasses = [
                             baseLocaleClass,
@@ -28,14 +33,14 @@ const Localizer = () => {
                             ...searchParams,
                             locale: localeOption,
                         };
-                        const search = qs.stringify(newParams);
+                        const search = qs_1.default.stringify(newParams);
                         if (localeOption !== locale) {
-                            return (React.createElement("li", { key: localeOption, className: localeClasses.join(' ') },
-                                React.createElement(Link, { to: { search }, onClick: close }, localeOption)));
+                            return (react_1.default.createElement("li", { key: localeOption, className: localeClasses.join(' ') },
+                                react_1.default.createElement(react_router_dom_1.Link, { to: { search }, onClick: close }, localeOption)));
                         }
                         return null;
                     })))) })));
     }
     return null;
 };
-export default Localizer;
+exports.default = Localizer;

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

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

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,19 +1,24 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import LogOut from '../../icons/LogOut';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const Config_1 = require("../../utilities/Config");
+const RenderCustomComponent_1 = __importDefault(require("../../utilities/RenderCustomComponent"));
+const LogOut_1 = __importDefault(require("../../icons/LogOut"));
 const baseClass = 'nav';
 const DefaultLogout = () => {
-    const config = useConfig();
+    const config = (0, Config_1.useConfig)();
     const { routes: { admin }, admin: { logoutRoute, components: { logout } } } = config;
-    return (React.createElement(Link, { to: `${admin}${logoutRoute}`, className: `${baseClass}__log-out` },
-        React.createElement(LogOut, null)));
+    return (react_1.default.createElement(react_router_dom_1.Link, { to: `${admin}${logoutRoute}`, className: `${baseClass}__log-out` },
+        react_1.default.createElement(LogOut_1.default, null)));
 };
 const Logout = () => {
     const { admin: { components: { logout: { Button: CustomLogout } = {
         Button: undefined,
-    }, } = {}, } = {}, } = useConfig();
-    return (React.createElement(RenderCustomComponent, { CustomComponent: CustomLogout, DefaultComponent: DefaultLogout }));
+    }, } = {}, } = {}, } = (0, Config_1.useConfig)();
+    return (react_1.default.createElement(RenderCustomComponent_1.default, { CustomComponent: CustomLogout, DefaultComponent: DefaultLogout }));
 };
-export default Logout;
+exports.default = Logout;

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

@@ -1,95 +1,123 @@
-import React, { useState, useEffect } from 'react';
-import { NavLink, Link, useHistory } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import Chevron from '../../icons/Chevron';
-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 NavGroup from '../NavGroup';
-import Logout from '../Logout';
-import { groupNavItems, EntityType } from '../../../utilities/groupNavItems';
-import { getTranslation } from '../../../../utilities/getTranslation';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Auth_1 = require("../../utilities/Auth");
+const RenderCustomComponent_1 = __importDefault(require("../../utilities/RenderCustomComponent"));
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const Menu_1 = __importDefault(require("../../icons/Menu"));
+const CloseMenu_1 = __importDefault(require("../../icons/CloseMenu"));
+const Icon_1 = __importDefault(require("../../graphics/Icon"));
+const Account_1 = __importDefault(require("../../graphics/Account"));
+const Localizer_1 = __importDefault(require("../Localizer"));
+const NavGroup_1 = __importDefault(require("../NavGroup"));
+const Logout_1 = __importDefault(require("../Logout"));
+const groupNavItems_1 = require("../../../utilities/groupNavItems");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
 const baseClass = 'nav';
 const DefaultNav = () => {
-    const { permissions } = useAuth();
-    const [menuActive, setMenuActive] = useState(false);
-    const [groups, setGroups] = useState([]);
-    const history = useHistory();
-    const { i18n } = useTranslation('general');
-    const { collections, globals, routes: { admin, }, admin: { components: { beforeNavLinks, afterNavLinks, }, }, } = useConfig();
+    const { permissions } = (0, Auth_1.useAuth)();
+    const [menuActive, setMenuActive] = (0, react_1.useState)(false);
+    const [groups, setGroups] = (0, react_1.useState)([]);
+    const history = (0, react_router_dom_1.useHistory)();
+    const { i18n } = (0, react_i18next_1.useTranslation)('general');
+    const { collections, globals, routes: { admin, }, admin: { components: { beforeNavLinks, afterNavLinks, }, }, } = (0, Config_1.useConfig)();
     const classes = [
         baseClass,
         menuActive && `${baseClass}--menu-active`,
     ].filter(Boolean)
         .join(' ');
-    useEffect(() => {
-        setGroups(groupNavItems([
+    (0, react_1.useEffect)(() => {
+        setGroups((0, groupNavItems_1.groupNavItems)([
             ...collections.map((collection) => {
                 const entityToGroup = {
-                    type: EntityType.collection,
+                    type: groupNavItems_1.EntityType.collection,
                     entity: collection,
                 };
                 return entityToGroup;
             }),
             ...globals.map((global) => {
                 const entityToGroup = {
-                    type: EntityType.global,
+                    type: groupNavItems_1.EntityType.global,
                     entity: global,
                 };
                 return entityToGroup;
             }),
         ], permissions, i18n));
     }, [collections, globals, permissions, i18n, i18n.language]);
-    useEffect(() => history.listen(() => {
+    (0, react_1.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("nav", { className: `${baseClass}__wrap` },
-                Array.isArray(beforeNavLinks) && beforeNavLinks.map((Component, i) => React.createElement(Component, { key: i })),
+    return (react_1.default.createElement("aside", { className: classes },
+        react_1.default.createElement("div", { className: `${baseClass}__scroll` },
+            react_1.default.createElement("header", null,
+                react_1.default.createElement(react_router_dom_1.Link, { to: admin, className: `${baseClass}__brand` },
+                    react_1.default.createElement(Icon_1.default, null)),
+                react_1.default.createElement("button", { type: "button", className: `${baseClass}__mobile-menu-btn`, onClick: () => setMenuActive(!menuActive) },
+                    menuActive && (react_1.default.createElement(CloseMenu_1.default, null)),
+                    !menuActive && (react_1.default.createElement(Menu_1.default, null)))),
+            react_1.default.createElement("nav", { className: `${baseClass}__wrap` },
+                Array.isArray(beforeNavLinks) && beforeNavLinks.map((Component, i) => react_1.default.createElement(Component, { key: i })),
                 groups.map(({ label, entities }, key) => {
-                    return (React.createElement(NavGroup, { ...{ key, label } }, entities.map(({ entity, type }, i) => {
+                    return (react_1.default.createElement(NavGroup_1.default, { ...{ key, label } }, entities.map(({ entity, type }, i) => {
                         let entityLabel;
                         let href;
                         let id;
-                        if (type === EntityType.collection) {
+                        if (type === groupNavItems_1.EntityType.collection) {
                             href = `${admin}/collections/${entity.slug}`;
-                            entityLabel = getTranslation(entity.labels.plural, i18n);
+                            entityLabel = (0, getTranslation_1.getTranslation)(entity.labels.plural, i18n);
                             id = `nav-${entity.slug}`;
                         }
-                        if (type === EntityType.global) {
+                        if (type === groupNavItems_1.EntityType.global) {
                             href = `${admin}/globals/${entity.slug}`;
-                            entityLabel = getTranslation(entity.label, i18n);
+                            entityLabel = (0, getTranslation_1.getTranslation)(entity.label, i18n);
                             id = `nav-global-${entity.slug}`;
                         }
-                        return (React.createElement(NavLink, { id: id, className: `${baseClass}__link`, activeClassName: "active", key: i, to: href },
-                            React.createElement(Chevron, null),
+                        return (react_1.default.createElement(react_router_dom_1.NavLink, { id: id, className: `${baseClass}__link`, activeClassName: "active", key: i, to: href },
+                            react_1.default.createElement(Chevron_1.default, null),
                             entityLabel));
                     })));
                 }),
-                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(Logout, null))))));
+                Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i) => react_1.default.createElement(Component, { key: i })),
+                react_1.default.createElement("div", { className: `${baseClass}__controls` },
+                    react_1.default.createElement(Localizer_1.default, null),
+                    react_1.default.createElement(react_router_dom_1.Link, { to: `${admin}/account`, className: `${baseClass}__account` },
+                        react_1.default.createElement(Account_1.default, null)),
+                    react_1.default.createElement(Logout_1.default, null))))));
 };
 const Nav = () => {
     const { admin: { components: { Nav: CustomNav, } = {
         Nav: undefined,
-    }, } = {}, } = useConfig();
-    return (React.createElement(RenderCustomComponent, { CustomComponent: CustomNav, DefaultComponent: DefaultNav }));
+    }, } = {}, } = (0, Config_1.useConfig)();
+    return (react_1.default.createElement(RenderCustomComponent_1.default, { CustomComponent: CustomNav, DefaultComponent: DefaultNav }));
 };
-export default Nav;
+exports.default = Nav;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import './index.scss';
-declare type Props = {
+type Props = {
     children: React.ReactNode;
     label: string;
 };

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

@@ -1,15 +1,43 @@
-import React, { useEffect, useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import Chevron from '../../icons/Chevron';
-import { usePreferences } from '../../utilities/Preferences';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_animate_height_1 = __importDefault(require("react-animate-height"));
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const Preferences_1 = require("../../utilities/Preferences");
+require("./index.scss");
 const baseClass = 'nav-group';
 const NavGroup = ({ children, label, }) => {
-    const [collapsed, setCollapsed] = useState(true);
-    const [animate, setAnimate] = useState(false);
-    const { getPreference, setPreference } = usePreferences();
+    const [collapsed, setCollapsed] = (0, react_1.useState)(true);
+    const [animate, setAnimate] = (0, react_1.useState)(false);
+    const { getPreference, setPreference } = (0, Preferences_1.usePreferences)();
     const preferencesKey = `collapsed-${label}-groups`;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (label) {
             const setCollapsedFromPreferences = async () => {
                 const preferences = await getPreference(preferencesKey) || [];
@@ -31,22 +59,22 @@ const NavGroup = ({ children, label, }) => {
             setPreference(preferencesKey, preferences);
             setCollapsed(!collapsed);
         };
-        return (React.createElement("div", { id: `nav-group-${label}`, className: [
+        return (react_1.default.createElement("div", { id: `nav-group-${label}`, className: [
                 `${baseClass}`,
                 `${label}`,
                 collapsed && `${baseClass}--collapsed`,
             ].filter(Boolean)
                 .join(' ') },
-            React.createElement("button", { type: "button", className: [
+            react_1.default.createElement("button", { type: "button", className: [
                     `${baseClass}__toggle`,
                     `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,
                 ].filter(Boolean)
                     .join(' '), onClick: toggleCollapsed },
-                React.createElement("div", { className: `${baseClass}__label` }, label),
-                React.createElement(Chevron, { className: `${baseClass}__indicator` })),
-            React.createElement(AnimateHeight, { height: collapsed ? 0 : 'auto', duration: animate ? 200 : 0 },
-                React.createElement("div", { className: `${baseClass}__content` }, children))));
+                react_1.default.createElement("div", { className: `${baseClass}__label` }, label),
+                react_1.default.createElement(Chevron_1.default, { className: `${baseClass}__indicator` })),
+            react_1.default.createElement(react_animate_height_1.default, { height: collapsed ? 0 : 'auto', duration: animate ? 200 : 0 },
+                react_1.default.createElement("div", { className: `${baseClass}__content` }, children))));
     }
-    return (React.createElement(React.Fragment, null, children));
+    return (react_1.default.createElement(react_1.default.Fragment, null, children));
 };
-export default NavGroup;
+exports.default = NavGroup;

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

@@ -1,6 +1,11 @@
-import React from 'react';
-import Chevron from '../../../icons/Chevron';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Chevron_1 = __importDefault(require("../../../icons/Chevron"));
+require("./index.scss");
 const baseClass = 'clickable-arrow';
 const ClickableArrow = (props) => {
     const { updatePage, isDisabled = false, direction = 'right', } = props;
@@ -9,7 +14,7 @@ const ClickableArrow = (props) => {
         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)));
+    return (react_1.default.createElement("button", { className: classes, onClick: !isDisabled ? updatePage : undefined, type: "button" },
+        react_1.default.createElement(Chevron_1.default, null)));
 };
-export default ClickableArrow;
+exports.default = ClickableArrow;

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

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

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,4 +1,9 @@
-import React from 'react';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
 const baseClass = 'paginator__page';
 const Page = ({ page = 1, isCurrent, updatePage, isFirstPage = false, isLastPage = false, }) => {
     const classes = [
@@ -7,6 +12,6 @@ const Page = ({ page = 1, isCurrent, updatePage, isFirstPage = false, isLastPage
         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));
+    return (react_1.default.createElement("button", { className: classes, onClick: () => updatePage(page), type: "button" }, page));
 };
-export default Page;
+exports.default = Page;

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

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

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,3 +1,8 @@
-import React from 'react';
-const Separator = () => React.createElement("span", { className: "paginator__separator" }, "\u2014");
-export default Separator;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Separator = () => react_1.default.createElement("span", { className: "paginator__separator" }, "\u2014");
+exports.default = Separator;

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

@@ -1,20 +1,25 @@
-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';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const qs_1 = __importDefault(require("qs"));
+const Page_1 = __importDefault(require("./Page"));
+const Separator_1 = __importDefault(require("./Separator"));
+const ClickableArrow_1 = __importDefault(require("./ClickableArrow"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+require("./index.scss");
 const nodeTypes = {
-    Page,
-    Separator,
-    ClickableArrow,
+    Page: Page_1.default,
+    Separator: Separator_1.default,
+    ClickableArrow: ClickableArrow_1.default,
 };
 const baseClass = 'paginator';
 const Pagination = (props) => {
-    const history = useHistory();
-    const params = useSearchParams();
+    const history = (0, react_router_dom_1.useHistory)();
+    const params = (0, SearchParams_1.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;
@@ -25,7 +30,7 @@ const Pagination = (props) => {
                 ...params,
             };
             newParams.page = page;
-            history.push({ search: queryString.stringify(newParams, { addQueryPrefix: true }) });
+            history.push({ search: qs_1.default.stringify(newParams, { addQueryPrefix: true }) });
         }
         if (typeof onChange === 'function')
             onChange(page);
@@ -85,12 +90,12 @@ const Pagination = (props) => {
             direction: 'right',
         },
     });
-    return (React.createElement("div", { className: baseClass }, nodes.map((node, i) => {
+    return (react_1.default.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 }));
+            return (react_1.default.createElement(Page_1.default, { key: i, page: node, updatePage: updatePage, isCurrent: currentPage === node }));
         }
         const NodeType = nodeTypes[node.type];
-        return (React.createElement(NodeType, { key: i, ...node.props }));
+        return (react_1.default.createElement(NodeType, { key: i, ...node.props }));
     })));
 };
-export default Pagination;
+exports.default = Pagination;

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

@@ -1,4 +1,4 @@
-export declare type Props = {
+export type Props = {
     limit?: number;
     totalPages?: number;
     page?: number;
@@ -10,7 +10,7 @@ export declare type Props = {
     disableHistoryChange?: boolean;
     onChange?: (page: number) => void;
 };
-export declare type Node = {
+export type Node = {
     type: 'Page' | 'Separator' | 'ClickableArrow';
     props?: {
         page?: number;

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import './index.scss';
-export declare type Props = {
+export type Props = {
     limits: number[];
     limit: number;
     handleChange?: (limit: number) => void;