payload 2.0.0-beta.0 → 2.0.0-beta.10

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

@@ -2,24 +2,26 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "Nav", {
     enumerable: true,
     get: function() {
-        return _default;
+        return Nav;
     }
 });
-const _modal = require("@faceless-ui/modal");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reacti18next = require("react-i18next");
 const _reactrouterdom = require("react-router-dom");
-const _Account = /*#__PURE__*/ _interop_require_default(require("../../graphics/Account"));
+const _reacti18next = require("react-i18next");
 const _Config = require("../../utilities/Config");
+const _Auth = require("../../utilities/Auth");
 const _RenderCustomComponent = /*#__PURE__*/ _interop_require_default(require("../../utilities/RenderCustomComponent"));
-const _Hamburger = /*#__PURE__*/ _interop_require_default(require("../Hamburger"));
-const _Localizer = /*#__PURE__*/ _interop_require_default(require("../Localizer"));
-const _MainMenu = require("../MainMenu");
-const _StepNav = /*#__PURE__*/ _interop_require_default(require("../StepNav"));
+const _Chevron = /*#__PURE__*/ _interop_require_default(require("../../icons/Chevron"));
+const _Logout = /*#__PURE__*/ _interop_require_default(require("../Logout"));
+const _groupNavItems = require("../../../utilities/groupNavItems");
+const _getTranslation = require("../../../../utilities/getTranslation");
+const _NavGroup = /*#__PURE__*/ _interop_require_default(require("../NavGroup"));
+const _context = require("./context");
 require("./index.scss");
+const _Hamburger = require("../Hamburger");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -66,45 +68,100 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 const baseClass = 'nav';
 const DefaultNav = ()=>{
-    const history = (0, _reactrouterdom.useHistory)();
-    const { closeModal, isModalOpen } = (0, _modal.useModal)();
-    const { t } = (0, _reacti18next.useTranslation)();
-    const isMainMenuOpen = isModalOpen(_MainMenu.mainMenuSlug);
-    const { routes: { admin: adminRoute } } = (0, _Config.useConfig)();
-    (0, _react.useEffect)(()=>history.listen(()=>{
-            closeModal(_MainMenu.mainMenuSlug);
-        }), [
-        history,
-        closeModal
+    const { navOpen, setNavOpen, navRef } = (0, _context.useNav)();
+    const { permissions, user } = (0, _Auth.useAuth)();
+    const [groups, setGroups] = (0, _react.useState)([]);
+    const { t, i18n } = (0, _reacti18next.useTranslation)('general');
+    const { collections, globals, routes: { admin }, admin: { components: { beforeNavLinks, afterNavLinks } } } = (0, _Config.useConfig)();
+    (0, _react.useEffect)(()=>{
+        setGroups((0, _groupNavItems.groupNavItems)([
+            ...collections.filter(({ admin: { hidden } })=>!(typeof hidden === 'function' ? hidden({
+                    user
+                }) : hidden)).map((collection)=>{
+                const entityToGroup = {
+                    type: _groupNavItems.EntityType.collection,
+                    entity: collection
+                };
+                return entityToGroup;
+            }),
+            ...globals.filter(({ admin: { hidden } })=>!(typeof hidden === 'function' ? hidden({
+                    user
+                }) : hidden)).map((global)=>{
+                const entityToGroup = {
+                    type: _groupNavItems.EntityType.global,
+                    entity: global
+                };
+                return entityToGroup;
+            })
+        ], permissions, i18n));
+    }, [
+        collections,
+        globals,
+        permissions,
+        i18n,
+        i18n.language,
+        user
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, /*#__PURE__*/ _react.default.createElement("header", {
+    return /*#__PURE__*/ _react.default.createElement("aside", {
         className: [
             baseClass,
-            !isMainMenuOpen && `${baseClass}--show-bg`,
-            isMainMenuOpen && `${baseClass}--main-menu-open`
+            navOpen && `${baseClass}--nav-open`
         ].filter(Boolean).join(' ')
     }, /*#__PURE__*/ _react.default.createElement("div", {
-        className: `${baseClass}__bg`
-    }), /*#__PURE__*/ _react.default.createElement("div", {
-        className: `${baseClass}__content`
-    }, /*#__PURE__*/ _react.default.createElement(_modal.ModalToggler, {
-        className: `${baseClass}__modalToggler`,
-        slug: _MainMenu.mainMenuSlug
-    }, /*#__PURE__*/ _react.default.createElement(_Hamburger.default, {
-        isActive: isMainMenuOpen
-    })), /*#__PURE__*/ _react.default.createElement("div", {
-        className: `${baseClass}__nav-wrapper`
-    }, /*#__PURE__*/ _react.default.createElement(_StepNav.default, {
-        className: `${baseClass}__step-nav`
-    }), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__scroll`,
+        ref: navRef
+    }, /*#__PURE__*/ _react.default.createElement("nav", {
+        className: `${baseClass}__wrap`
+    }, Array.isArray(beforeNavLinks) && beforeNavLinks.map((Component, i)=>/*#__PURE__*/ _react.default.createElement(Component, {
+            key: i
+        })), groups.map(({ label, entities }, key)=>{
+        return /*#__PURE__*/ _react.default.createElement(_NavGroup.default, {
+            key,
+            label
+        }, entities.map(({ entity, type }, i)=>{
+            let entityLabel;
+            let href;
+            let id;
+            if (type === _groupNavItems.EntityType.collection) {
+                href = `${admin}/collections/${entity.slug}`;
+                entityLabel = (0, _getTranslation.getTranslation)(entity.labels.plural, i18n);
+                id = `nav-${entity.slug}`;
+            }
+            if (type === _groupNavItems.EntityType.global) {
+                href = `${admin}/globals/${entity.slug}`;
+                entityLabel = (0, _getTranslation.getTranslation)(entity.label, i18n);
+                id = `nav-global-${entity.slug}`;
+            }
+            return /*#__PURE__*/ _react.default.createElement(_reactrouterdom.NavLink, {
+                id: id,
+                className: `${baseClass}__link`,
+                activeClassName: "active",
+                key: i,
+                to: href
+            }, /*#__PURE__*/ _react.default.createElement("span", {
+                className: `${baseClass}__link-icon`
+            }, /*#__PURE__*/ _react.default.createElement(_Chevron.default, {
+                direction: "right"
+            })), /*#__PURE__*/ _react.default.createElement("span", {
+                className: `${baseClass}__link-label`
+            }, entityLabel));
+        }));
+    }), Array.isArray(afterNavLinks) && afterNavLinks.map((Component, i)=>/*#__PURE__*/ _react.default.createElement(Component, {
+            key: i
+        })), /*#__PURE__*/ _react.default.createElement("div", {
         className: `${baseClass}__controls`
-    }, /*#__PURE__*/ _react.default.createElement(_Localizer.default, {
-        className: `${baseClass}__localizer`
-    }), /*#__PURE__*/ _react.default.createElement(_reactrouterdom.Link, {
-        "aria-label": t('authentication:account'),
-        className: `${baseClass}__account`,
-        to: `${adminRoute}/account`
-    }, /*#__PURE__*/ _react.default.createElement(_Account.default, null)))))), /*#__PURE__*/ _react.default.createElement(_MainMenu.MainMenu, null));
+    }, /*#__PURE__*/ _react.default.createElement(_Logout.default, null)))), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__header`
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__header-content`
+    }, /*#__PURE__*/ _react.default.createElement("button", {
+        className: `${baseClass}__mobile-close`,
+        onClick: ()=>{
+            setNavOpen(false);
+        }
+    }, /*#__PURE__*/ _react.default.createElement(_Hamburger.Hamburger, {
+        isActive: true
+    })))));
 };
 const Nav = ()=>{
     const { admin: { components: { Nav: CustomNav } = {
@@ -115,6 +172,5 @@ const Nav = ()=>{
         DefaultComponent: DefaultNav
     });
 };
-const _default = Nav;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL05hdi9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTW9kYWxUb2dnbGVyLCB1c2VNb2RhbCB9IGZyb20gJ0BmYWNlbGVzcy11aS9tb2RhbCdcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnXG5pbXBvcnQgeyBMaW5rLCB1c2VIaXN0b3J5IH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSdcblxuaW1wb3J0IEFjY291bnQgZnJvbSAnLi4vLi4vZ3JhcGhpY3MvQWNjb3VudCdcbmltcG9ydCB7IHVzZUNvbmZpZyB9IGZyb20gJy4uLy4uL3V0aWxpdGllcy9Db25maWcnXG5pbXBvcnQgUmVuZGVyQ3VzdG9tQ29tcG9uZW50IGZyb20gJy4uLy4uL3V0aWxpdGllcy9SZW5kZXJDdXN0b21Db21wb25lbnQnXG5pbXBvcnQgSGFtYnVyZ2VyIGZyb20gJy4uL0hhbWJ1cmdlcidcbmltcG9ydCBMb2NhbGl6ZXIgZnJvbSAnLi4vTG9jYWxpemVyJ1xuaW1wb3J0IHsgTWFpbk1lbnUsIG1haW5NZW51U2x1ZyB9IGZyb20gJy4uL01haW5NZW51J1xuaW1wb3J0IFN0ZXBOYXYgZnJvbSAnLi4vU3RlcE5hdidcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnbmF2J1xuXG5jb25zdCBEZWZhdWx0TmF2ID0gKCkgPT4ge1xuICBjb25zdCBoaXN0b3J5ID0gdXNlSGlzdG9yeSgpXG4gIGNvbnN0IHsgY2xvc2VNb2RhbCwgaXNNb2RhbE9wZW4gfSA9IHVzZU1vZGFsKClcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG4gIGNvbnN0IGlzTWFpbk1lbnVPcGVuID0gaXNNb2RhbE9wZW4obWFpbk1lbnVTbHVnKVxuXG4gIGNvbnN0IHtcbiAgICByb3V0ZXM6IHsgYWRtaW46IGFkbWluUm91dGUgfSxcbiAgfSA9IHVzZUNvbmZpZygpXG5cbiAgdXNlRWZmZWN0KFxuICAgICgpID0+XG4gICAgICBoaXN0b3J5Lmxpc3RlbigoKSA9PiB7XG4gICAgICAgIGNsb3NlTW9kYWwobWFpbk1lbnVTbHVnKVxuICAgICAgfSksXG4gICAgW2hpc3RvcnksIGNsb3NlTW9kYWxdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8RnJhZ21lbnQ+XG4gICAgICA8aGVhZGVyXG4gICAgICAgIGNsYXNzTmFtZT17W1xuICAgICAgICAgIGJhc2VDbGFzcyxcbiAgICAgICAgICAhaXNNYWluTWVudU9wZW4gJiYgYCR7YmFzZUNsYXNzfS0tc2hvdy1iZ2AsXG4gICAgICAgICAgaXNNYWluTWVudU9wZW4gJiYgYCR7YmFzZUNsYXNzfS0tbWFpbi1tZW51LW9wZW5gLFxuICAgICAgICBdXG4gICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19iZ2B9IC8+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250ZW50YH0+XG4gICAgICAgICAgPE1vZGFsVG9nZ2xlciBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX21vZGFsVG9nZ2xlcmB9IHNsdWc9e21haW5NZW51U2x1Z30+XG4gICAgICAgICAgICA8SGFtYnVyZ2VyIGlzQWN0aXZlPXtpc01haW5NZW51T3Blbn0gLz5cbiAgICAgICAgICA8L01vZGFsVG9nZ2xlcj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbmF2LXdyYXBwZXJgfT5cbiAgICAgICAgICAgIDxTdGVwTmF2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fc3RlcC1uYXZgfSAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvbnRyb2xzYH0+XG4gICAgICAgICAgICAgIDxMb2NhbGl6ZXIgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19sb2NhbGl6ZXJgfSAvPlxuICAgICAgICAgICAgICA8TGlua1xuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ2F1dGhlbnRpY2F0aW9uOmFjY291bnQnKX1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2FjY291bnRgfVxuICAgICAgICAgICAgICAgIHRvPXtgJHthZG1pblJvdXRlfS9hY2NvdW50YH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY2NvdW50IC8+XG4gICAgICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvaGVhZGVyPlxuICAgICAgPE1haW5NZW51IC8+XG4gICAgPC9GcmFnbWVudD5cbiAgKVxufVxuXG5jb25zdCBOYXY6IFJlYWN0LkZDID0gKCkgPT4ge1xuICBjb25zdCB7XG4gICAgYWRtaW46IHtcbiAgICAgIGNvbXBvbmVudHM6IHsgTmF2OiBDdXN0b21OYXYgfSA9IHtcbiAgICAgICAgTmF2OiB1bmRlZmluZWQsXG4gICAgICB9LFxuICAgIH0gPSB7fSxcbiAgfSA9IHVzZUNvbmZpZygpXG5cbiAgcmV0dXJuIDxSZW5kZXJDdXN0b21Db21wb25lbnQgQ3VzdG9tQ29tcG9uZW50PXtDdXN0b21OYXZ9IERlZmF1bHRDb21wb25lbnQ9e0RlZmF1bHROYXZ9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IE5hdlxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIkRlZmF1bHROYXYiLCJoaXN0b3J5IiwidXNlSGlzdG9yeSIsImNsb3NlTW9kYWwiLCJpc01vZGFsT3BlbiIsInVzZU1vZGFsIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiaXNNYWluTWVudU9wZW4iLCJtYWluTWVudVNsdWciLCJyb3V0ZXMiLCJhZG1pbiIsImFkbWluUm91dGUiLCJ1c2VDb25maWciLCJ1c2VFZmZlY3QiLCJsaXN0ZW4iLCJGcmFnbWVudCIsImhlYWRlciIsImNsYXNzTmFtZSIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZGl2IiwiTW9kYWxUb2dnbGVyIiwic2x1ZyIsIkhhbWJ1cmdlciIsImlzQWN0aXZlIiwiU3RlcE5hdiIsIkxvY2FsaXplciIsIkxpbmsiLCJhcmlhLWxhYmVsIiwidG8iLCJBY2NvdW50IiwiTWFpbk1lbnUiLCJOYXYiLCJjb21wb25lbnRzIiwiQ3VzdG9tTmF2IiwidW5kZWZpbmVkIiwiUmVuZGVyQ3VzdG9tQ29tcG9uZW50IiwiQ3VzdG9tQ29tcG9uZW50IiwiRGVmYXVsdENvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFrRkE7OztlQUFBOzs7dUJBbEZ1QzsrREFDSTs4QkFDWjtnQ0FDRTtnRUFFYjt3QkFDTTs4RUFDUTtrRUFDWjtrRUFDQTswQkFDaUI7Z0VBQ25CO1FBQ2I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsYUFBYTtJQUNqQixNQUFNQyxVQUFVQyxJQUFBQSwwQkFBVTtJQUMxQixNQUFNLEVBQUVDLFVBQVUsRUFBRUMsV0FBVyxFQUFFLEdBQUdDLElBQUFBLGVBQVE7SUFDNUMsTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWM7SUFDNUIsTUFBTUMsaUJBQWlCSixZQUFZSyxzQkFBWTtJQUUvQyxNQUFNLEVBQ0pDLFFBQVEsRUFBRUMsT0FBT0MsVUFBVSxFQUFFLEVBQzlCLEdBQUdDLElBQUFBLGlCQUFTO0lBRWJDLElBQUFBLGdCQUFTLEVBQ1AsSUFDRWIsUUFBUWMsTUFBTSxDQUFDO1lBQ2JaLFdBQVdNLHNCQUFZO1FBQ3pCLElBQ0Y7UUFBQ1I7UUFBU0U7S0FBVztJQUd2QixxQkFDRSw2QkFBQ2EsZUFBUSxzQkFDUCw2QkFBQ0M7UUFDQ0MsV0FBVztZQUNUbkI7WUFDQSxDQUFDUyxrQkFBa0IsQ0FBQyxFQUFFVCxVQUFVLFNBQVMsQ0FBQztZQUMxQ1Msa0JBQWtCLENBQUMsRUFBRVQsVUFBVSxnQkFBZ0IsQ0FBQztTQUNqRCxDQUNFb0IsTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7cUJBRVIsNkJBQUNDO1FBQUlKLFdBQVcsQ0FBQyxFQUFFbkIsVUFBVSxJQUFJLENBQUM7c0JBQ2xDLDZCQUFDdUI7UUFBSUosV0FBVyxDQUFDLEVBQUVuQixVQUFVLFNBQVMsQ0FBQztxQkFDckMsNkJBQUN3QixtQkFBWTtRQUFDTCxXQUFXLENBQUMsRUFBRW5CLFVBQVUsY0FBYyxDQUFDO1FBQUV5QixNQUFNZixzQkFBWTtxQkFDdkUsNkJBQUNnQixrQkFBUztRQUFDQyxVQUFVbEI7dUJBRXZCLDZCQUFDYztRQUFJSixXQUFXLENBQUMsRUFBRW5CLFVBQVUsYUFBYSxDQUFDO3FCQUN6Qyw2QkFBQzRCLGdCQUFPO1FBQUNULFdBQVcsQ0FBQyxFQUFFbkIsVUFBVSxVQUFVLENBQUM7c0JBQzVDLDZCQUFDdUI7UUFBSUosV0FBVyxDQUFDLEVBQUVuQixVQUFVLFVBQVUsQ0FBQztxQkFDdEMsNkJBQUM2QixrQkFBUztRQUFDVixXQUFXLENBQUMsRUFBRW5CLFVBQVUsV0FBVyxDQUFDO3NCQUMvQyw2QkFBQzhCLG9CQUFJO1FBQ0hDLGNBQVl4QixFQUFFO1FBQ2RZLFdBQVcsQ0FBQyxFQUFFbkIsVUFBVSxTQUFTLENBQUM7UUFDbENnQyxJQUFJLENBQUMsRUFBRW5CLFdBQVcsUUFBUSxDQUFDO3FCQUUzQiw2QkFBQ29CLGdCQUFPLDRCQU1sQiw2QkFBQ0Msa0JBQVE7QUFHZjtBQUVBLE1BQU1DLE1BQWdCO0lBQ3BCLE1BQU0sRUFDSnZCLE9BQU8sRUFDTHdCLFlBQVksRUFBRUQsS0FBS0UsU0FBUyxFQUFFLEdBQUc7UUFDL0JGLEtBQUtHO0lBQ1AsQ0FBQyxFQUNGLEdBQUcsQ0FBQyxDQUFDLEVBQ1AsR0FBR3hCLElBQUFBLGlCQUFTO0lBRWIscUJBQU8sNkJBQUN5Qiw4QkFBcUI7UUFBQ0MsaUJBQWlCSDtRQUFXSSxrQkFBa0J4Qzs7QUFDOUU7TUFFQSxXQUFla0MifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL05hdi9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTmF2TGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnXG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvQ29uZmlnJ1xuaW1wb3J0IHsgdXNlQXV0aCB9IGZyb20gJy4uLy4uL3V0aWxpdGllcy9BdXRoJ1xuaW1wb3J0IFJlbmRlckN1c3RvbUNvbXBvbmVudCBmcm9tICcuLi8uLi91dGlsaXRpZXMvUmVuZGVyQ3VzdG9tQ29tcG9uZW50J1xuaW1wb3J0IENoZXZyb24gZnJvbSAnLi4vLi4vaWNvbnMvQ2hldnJvbidcbmltcG9ydCBMb2dvdXQgZnJvbSAnLi4vTG9nb3V0J1xuaW1wb3J0IHsgRW50aXR5VG9Hcm91cCwgRW50aXR5VHlwZSwgR3JvdXAsIGdyb3VwTmF2SXRlbXMgfSBmcm9tICcuLi8uLi8uLi91dGlsaXRpZXMvZ3JvdXBOYXZJdGVtcydcbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vdXRpbGl0aWVzL2dldFRyYW5zbGF0aW9uJ1xuaW1wb3J0IE5hdkdyb3VwIGZyb20gJy4uL05hdkdyb3VwJ1xuaW1wb3J0IHsgdXNlTmF2IH0gZnJvbSAnLi9jb250ZXh0J1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcbmltcG9ydCB7IEhhbWJ1cmdlciB9IGZyb20gJy4uL0hhbWJ1cmdlcidcblxuY29uc3QgYmFzZUNsYXNzID0gJ25hdidcblxuY29uc3QgRGVmYXVsdE5hdjogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIGNvbnN0IHsgbmF2T3Blbiwgc2V0TmF2T3BlbiwgbmF2UmVmIH0gPSB1c2VOYXYoKVxuICBjb25zdCB7IHBlcm1pc3Npb25zLCB1c2VyIH0gPSB1c2VBdXRoKClcbiAgY29uc3QgW2dyb3Vwcywgc2V0R3JvdXBzXSA9IHVzZVN0YXRlPEdyb3VwW10+KFtdKVxuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCdnZW5lcmFsJylcblxuICBjb25zdCB7XG4gICAgY29sbGVjdGlvbnMsXG4gICAgZ2xvYmFscyxcbiAgICByb3V0ZXM6IHsgYWRtaW4gfSxcbiAgICBhZG1pbjoge1xuICAgICAgY29tcG9uZW50czogeyBiZWZvcmVOYXZMaW5rcywgYWZ0ZXJOYXZMaW5rcyB9LFxuICAgIH0sXG4gIH0gPSB1c2VDb25maWcoKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0R3JvdXBzKFxuICAgICAgZ3JvdXBOYXZJdGVtcyhcbiAgICAgICAgW1xuICAgICAgICAgIC4uLmNvbGxlY3Rpb25zXG4gICAgICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgICAgICAoeyBhZG1pbjogeyBoaWRkZW4gfSB9KSA9PlxuICAgICAgICAgICAgICAgICEodHlwZW9mIGhpZGRlbiA9PT0gJ2Z1bmN0aW9uJyA/IGhpZGRlbih7IHVzZXIgfSkgOiBoaWRkZW4pLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLm1hcCgoY29sbGVjdGlvbikgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBlbnRpdHlUb0dyb3VwOiBFbnRpdHlUb0dyb3VwID0ge1xuICAgICAgICAgICAgICAgIHR5cGU6IEVudGl0eVR5cGUuY29sbGVjdGlvbixcbiAgICAgICAgICAgICAgICBlbnRpdHk6IGNvbGxlY3Rpb24sXG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICByZXR1cm4gZW50aXR5VG9Hcm91cFxuICAgICAgICAgICAgfSksXG4gICAgICAgICAgLi4uZ2xvYmFsc1xuICAgICAgICAgICAgLmZpbHRlcihcbiAgICAgICAgICAgICAgKHsgYWRtaW46IHsgaGlkZGVuIH0gfSkgPT5cbiAgICAgICAgICAgICAgICAhKHR5cGVvZiBoaWRkZW4gPT09ICdmdW5jdGlvbicgPyBoaWRkZW4oeyB1c2VyIH0pIDogaGlkZGVuKSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5tYXAoKGdsb2JhbCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBlbnRpdHlUb0dyb3VwOiBFbnRpdHlUb0dyb3VwID0ge1xuICAgICAgICAgICAgICAgIHR5cGU6IEVudGl0eVR5cGUuZ2xvYmFsLFxuICAgICAgICAgICAgICAgIGVudGl0eTogZ2xvYmFsLFxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgcmV0dXJuIGVudGl0eVRvR3JvdXBcbiAgICAgICAgICAgIH0pLFxuICAgICAgICBdLFxuICAgICAgICBwZXJtaXNzaW9ucyxcbiAgICAgICAgaTE4bixcbiAgICAgICksXG4gICAgKVxuICB9LCBbY29sbGVjdGlvbnMsIGdsb2JhbHMsIHBlcm1pc3Npb25zLCBpMThuLCBpMThuLmxhbmd1YWdlLCB1c2VyXSlcblxuICByZXR1cm4gKFxuICAgIDxhc2lkZSBjbGFzc05hbWU9e1tiYXNlQ2xhc3MsIG5hdk9wZW4gJiYgYCR7YmFzZUNsYXNzfS0tbmF2LW9wZW5gXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpfT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zY3JvbGxgfSByZWY9e25hdlJlZn0+XG4gICAgICAgIDxuYXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X193cmFwYH0+XG4gICAgICAgICAge0FycmF5LmlzQXJyYXkoYmVmb3JlTmF2TGlua3MpICYmXG4gICAgICAgICAgICBiZWZvcmVOYXZMaW5rcy5tYXAoKENvbXBvbmVudCwgaSkgPT4gPENvbXBvbmVudCBrZXk9e2l9IC8+KX1cbiAgICAgICAgICB7Z3JvdXBzLm1hcCgoeyBsYWJlbCwgZW50aXRpZXMgfSwga2V5KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8TmF2R3JvdXAgey4uLnsga2V5LCBsYWJlbCB9fT5cbiAgICAgICAgICAgICAgICB7ZW50aXRpZXMubWFwKCh7IGVudGl0eSwgdHlwZSB9LCBpKSA9PiB7XG4gICAgICAgICAgICAgICAgICBsZXQgZW50aXR5TGFiZWw6IHN0cmluZ1xuICAgICAgICAgICAgICAgICAgbGV0IGhyZWY6IHN0cmluZ1xuICAgICAgICAgICAgICAgICAgbGV0IGlkOiBzdHJpbmdcblxuICAgICAgICAgICAgICAgICAgaWYgKHR5cGUgPT09IEVudGl0eVR5cGUuY29sbGVjdGlvbikge1xuICAgICAgICAgICAgICAgICAgICBocmVmID0gYCR7YWRtaW59L2NvbGxlY3Rpb25zLyR7ZW50aXR5LnNsdWd9YFxuICAgICAgICAgICAgICAgICAgICBlbnRpdHlMYWJlbCA9IGdldFRyYW5zbGF0aW9uKGVudGl0eS5sYWJlbHMucGx1cmFsLCBpMThuKVxuICAgICAgICAgICAgICAgICAgICBpZCA9IGBuYXYtJHtlbnRpdHkuc2x1Z31gXG4gICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgIGlmICh0eXBlID09PSBFbnRpdHlUeXBlLmdsb2JhbCkge1xuICAgICAgICAgICAgICAgICAgICBocmVmID0gYCR7YWRtaW59L2dsb2JhbHMvJHtlbnRpdHkuc2x1Z31gXG4gICAgICAgICAgICAgICAgICAgIGVudGl0eUxhYmVsID0gZ2V0VHJhbnNsYXRpb24oZW50aXR5LmxhYmVsLCBpMThuKVxuICAgICAgICAgICAgICAgICAgICBpZCA9IGBuYXYtZ2xvYmFsLSR7ZW50aXR5LnNsdWd9YFxuICAgICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8TmF2TGlua1xuICAgICAgICAgICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpbmtgfVxuICAgICAgICAgICAgICAgICAgICAgIGFjdGl2ZUNsYXNzTmFtZT1cImFjdGl2ZVwiXG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtpfVxuICAgICAgICAgICAgICAgICAgICAgIHRvPXtocmVmfVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19saW5rLWljb25gfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxDaGV2cm9uIGRpcmVjdGlvbj1cInJpZ2h0XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19saW5rLWxhYmVsYH0+e2VudGl0eUxhYmVsfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9OYXZMaW5rPlxuICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA8L05hdkdyb3VwPlxuICAgICAgICAgICAgKVxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHtBcnJheS5pc0FycmF5KGFmdGVyTmF2TGlua3MpICYmXG4gICAgICAgICAgICBhZnRlck5hdkxpbmtzLm1hcCgoQ29tcG9uZW50LCBpKSA9PiA8Q29tcG9uZW50IGtleT17aX0gLz4pfVxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250cm9sc2B9PlxuICAgICAgICAgICAgPExvZ291dCAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25hdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hlYWRlcmB9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faGVhZGVyLWNvbnRlbnRgfT5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX21vYmlsZS1jbG9zZWB9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldE5hdk9wZW4oZmFsc2UpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxIYW1idXJnZXIgaXNBY3RpdmUgLz5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2FzaWRlPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBOYXY6IFJlYWN0LkZDID0gKCkgPT4ge1xuICBjb25zdCB7XG4gICAgYWRtaW46IHtcbiAgICAgIGNvbXBvbmVudHM6IHsgTmF2OiBDdXN0b21OYXYgfSA9IHtcbiAgICAgICAgTmF2OiB1bmRlZmluZWQsXG4gICAgICB9LFxuICAgIH0gPSB7fSxcbiAgfSA9IHVzZUNvbmZpZygpXG5cbiAgcmV0dXJuIDxSZW5kZXJDdXN0b21Db21wb25lbnQgQ3VzdG9tQ29tcG9uZW50PXtDdXN0b21OYXZ9IERlZmF1bHRDb21wb25lbnQ9e0RlZmF1bHROYXZ9IC8+XG59XG4iXSwibmFtZXMiOlsiTmF2IiwiYmFzZUNsYXNzIiwiRGVmYXVsdE5hdiIsIm5hdk9wZW4iLCJzZXROYXZPcGVuIiwibmF2UmVmIiwidXNlTmF2IiwicGVybWlzc2lvbnMiLCJ1c2VyIiwidXNlQXV0aCIsImdyb3VwcyIsInNldEdyb3VwcyIsInVzZVN0YXRlIiwidCIsImkxOG4iLCJ1c2VUcmFuc2xhdGlvbiIsImNvbGxlY3Rpb25zIiwiZ2xvYmFscyIsInJvdXRlcyIsImFkbWluIiwiY29tcG9uZW50cyIsImJlZm9yZU5hdkxpbmtzIiwiYWZ0ZXJOYXZMaW5rcyIsInVzZUNvbmZpZyIsInVzZUVmZmVjdCIsImdyb3VwTmF2SXRlbXMiLCJmaWx0ZXIiLCJoaWRkZW4iLCJtYXAiLCJjb2xsZWN0aW9uIiwiZW50aXR5VG9Hcm91cCIsInR5cGUiLCJFbnRpdHlUeXBlIiwiZW50aXR5IiwiZ2xvYmFsIiwibGFuZ3VhZ2UiLCJhc2lkZSIsImNsYXNzTmFtZSIsIkJvb2xlYW4iLCJqb2luIiwiZGl2IiwicmVmIiwibmF2IiwiQXJyYXkiLCJpc0FycmF5IiwiQ29tcG9uZW50IiwiaSIsImtleSIsImxhYmVsIiwiZW50aXRpZXMiLCJOYXZHcm91cCIsImVudGl0eUxhYmVsIiwiaHJlZiIsImlkIiwic2x1ZyIsImdldFRyYW5zbGF0aW9uIiwibGFiZWxzIiwicGx1cmFsIiwiTmF2TGluayIsImFjdGl2ZUNsYXNzTmFtZSIsInRvIiwic3BhbiIsIkNoZXZyb24iLCJkaXJlY3Rpb24iLCJMb2dvdXQiLCJidXR0b24iLCJvbkNsaWNrIiwiSGFtYnVyZ2VyIiwiaXNBY3RpdmUiLCJDdXN0b21OYXYiLCJ1bmRlZmluZWQiLCJSZW5kZXJDdXN0b21Db21wb25lbnQiLCJDdXN0b21Db21wb25lbnQiLCJEZWZhdWx0Q29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7OytCQXlJYUE7OztlQUFBQTs7OytEQXpJc0M7Z0NBQzNCOzhCQUNPO3dCQUNMO3NCQUNGOzhFQUNVO2dFQUNkOytEQUNEOytCQUM2QztnQ0FDakM7aUVBQ1Y7eUJBQ0U7UUFFaEI7MkJBQ21COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFMUIsTUFBTUMsWUFBWTtBQUVsQixNQUFNQyxhQUF1QjtJQUMzQixNQUFNLEVBQUVDLE9BQU8sRUFBRUMsVUFBVSxFQUFFQyxNQUFNLEVBQUUsR0FBR0MsSUFBQUEsZUFBTTtJQUM5QyxNQUFNLEVBQUVDLFdBQVcsRUFBRUMsSUFBSSxFQUFFLEdBQUdDLElBQUFBLGFBQU87SUFDckMsTUFBTSxDQUFDQyxRQUFRQyxVQUFVLEdBQUdDLElBQUFBLGVBQVEsRUFBVSxFQUFFO0lBQ2hELE1BQU0sRUFBRUMsQ0FBQyxFQUFFQyxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWMsRUFBQztJQUVuQyxNQUFNLEVBQ0pDLFdBQVcsRUFDWEMsT0FBTyxFQUNQQyxRQUFRLEVB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

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

@@ -1,124 +1,155 @@
 @import '../../../scss/styles.scss';
 
 .nav {
-  position: relative;
-  width: 100%;
-  height: calc(var(--base) * 3);
-  z-index: var(--z-modal);
+  position: sticky;
+  top: 0;
+  left: 0;
+  flex-shrink: 0;
+  height: 100vh;
+  width: var(--nav-width);
+  border-right: 1px solid var(--theme-elevation-100);
+  transform: translate3d(calc(var(--nav-width) * -1), 0, 0);
+
+  &--nav-open {
+    transform: translate3d(0, 0, 0);
+    transition: transform var(--nav-trans-time) linear;
+  }
 
-  &__bg {
+  &__header {
     @include blur-bg;
-    opacity: 0;
     position: absolute;
-    left: 0;
     top: 0;
     width: 100%;
-    height: 100%;
-    pointer-events: none;
+    height: var(--app-header-height);
   }
 
-  &--show-bg {
-    opacity: 1;
+  &__header-content {
+    z-index: 1;
+    position: relative;
+    height: 100%;
   }
 
-  // when the modal is open, the nav overlays the top portion
-  // we need to make sure the modal content is clickable
-  // so we disable pointer events on the nav
-  // but reenable them on the modal toggler
-  &--main-menu-open {
-    pointer-events: none;
-    z-index: calc(var(--z-modal) + 2);
+  &__mobile-close {
+    display: none;
+    background: none;
+    border: 0;
+    outline: 0;
+    padding: calc(var(--base) * 0.75) var(--gutter-h);
+  }
 
-    .nav__modalToggler {
-      pointer-events: all;
-    }
+  &__scroll {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    padding: var(--app-header-height) base(1.5) base(2) base(1.25);
+    overflow-y: auto;
 
-    .nav__nav-wrapper {
+    // remove the scrollbar here to prevent layout shift as nav groups are toggled
+    &::-webkit-scrollbar {
       display: none;
     }
   }
 
-  &__content {
+  &__wrap {
+    width: 100%;
     display: flex;
-    align-items: center;
-    height: 100%;
-    padding: 0 calc(var(--base) * 1.5);
-    position: relative;
+    flex-direction: column;
+    align-items: flex-start;
     flex-grow: 1;
   }
 
-  &__nav-wrapper {
-    margin-left: calc(var(--base) / 1.25);
-    display: flex;
-    gap: calc(var(--base) / 2);
-    align-items: center;
-    height: 100%;
-    flex-grow: 1;
-    justify-content: space-between;
+  &__label {
+    color: var(--theme-elevation-400);
   }
 
-  &__modalToggler {
-    pointer-events: all;
-    background-color: transparent;
-    border: 0;
-    padding: 0;
-    cursor: pointer;
-    transform: translate3d(-50%, 0, 0);
+  &__controls {
+    margin-top: auto;
+    margin-bottom: 0;
+
+    > * {
+      margin-top: base(1);
+    }
 
-    &:focus {
-      outline: none;
+    a:focus-visible {
+      outline: var(--accessibility-outline);
     }
   }
 
-  &__account {
-    transform: translate3d(50%, 0, 0);
-    &:focus:not(:focus-visible) {
-      opacity: 1;
+  &__log-out {
+    &:hover {
+      g {
+        transform: translateX(-#{base(0.125)});
+      }
     }
   }
 
-  &__controls {
+  nav {
+    a {
+      position: relative;
+      padding: base(0.125) base(1.5) base(0.125) 0;
+      display: flex;
+      text-decoration: none;
+
+      &:focus:not(:focus-visible) {
+        box-shadow: none;
+        font-weight: 600;
+      }
+
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
+
+      &.active {
+        font-weight: normal;
+        padding-left: 0;
+        font-weight: 600;
+      }
+    }
+  }
+
+  &__link {
     display: flex;
     align-items: center;
-    gap: calc(var(--base) / 2);
-    flex-grow: 1;
-    justify-content: flex-end;
-  }
 
-  // the icon has padding so we need to transform slightly
-  // so that it's bounding box aligns with the other elements
-  // this can be removed if we ever reformat our SVG icons
-  &__localizer {
-    transform: translate3d(8px, 0, 0);
+    &.active {
+      .nav__link-icon {
+        display: block;
+      }
+    }
   }
 
-  @include large-break {
-    &__content {
-      padding: 0 calc(var(--gutter-h) / 2);
-    }
+  &__link-icon {
+    display: none;
+    margin-right: calc(var(--base) * 0.25);
+    top: -1px;
+    position: relative;
   }
 
   @include mid-break {
-    height: calc(var(--base) * 2);
+    &__scroll {
+      padding: var(--app-header-height) base(0.75) base(2) base(0.75);
+    }
 
-    &__nav-wrapper {
-      margin-left: calc(var(--base) / 2.25);
+    nav a {
+      font-size: base(0.875);
+      line-height: base(1.5);
     }
   }
 
   @include small-break {
-    &__content {
-      padding: 0 var(--gutter-h);
+    &__scroll {
+      padding: var(--app-header-height) var(--gutter-h) base(2);
     }
+  }
 
-    &__modalToggler,
-    &__account {
-      transform: unset;
+  @include extra-small-break {
+    &--nav-open {
+      transition: none;
     }
 
-    &__step-nav {
-      // TODO: overflow the step nav instead of hide it
-      display: none;
+    &__mobile-close {
+      display: block;
     }
   }
 }

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+type Props = {
+    children: React.ReactNode;
+    label: string;
+};
+declare const NavGroup: React.FC<Props>;
+export default NavGroup;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/admin/components/elements/NavGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+D7B,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactanimateheight = /*#__PURE__*/ _interop_require_default(require("react-animate-height"));
+const _Chevron = /*#__PURE__*/ _interop_require_default(require("../../icons/Chevron"));
+const _Preferences = require("../../utilities/Preferences");
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'nav-group';
+const NavGroup = ({ children, label })=>{
+    const [collapsed, setCollapsed] = (0, _react.useState)(true);
+    const [animate, setAnimate] = (0, _react.useState)(false);
+    const { getPreference, setPreference } = (0, _Preferences.usePreferences)();
+    const preferencesKey = `collapsed-${label}-groups`;
+    (0, _react.useEffect)(()=>{
+        if (label) {
+            const setCollapsedFromPreferences = async ()=>{
+                const preferences = await getPreference(preferencesKey) || [];
+                setCollapsed(preferences.indexOf(label) !== -1);
+            };
+            setCollapsedFromPreferences();
+        }
+    }, [
+        getPreference,
+        label,
+        preferencesKey
+    ]);
+    if (label) {
+        const toggleCollapsed = async ()=>{
+            setAnimate(true);
+            let preferences = await getPreference(preferencesKey) || [];
+            if (collapsed) {
+                preferences = preferences.filter((preference)=>label !== preference);
+            } else {
+                preferences.push(label);
+            }
+            setPreference(preferencesKey, preferences);
+            setCollapsed(!collapsed);
+        };
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            id: `nav-group-${label}`,
+            className: [
+                `${baseClass}`,
+                `${label}`,
+                collapsed && `${baseClass}--collapsed`
+            ].filter(Boolean).join(' ')
+        }, /*#__PURE__*/ _react.default.createElement("button", {
+            type: "button",
+            className: [
+                `${baseClass}__toggle`,
+                `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`
+            ].filter(Boolean).join(' '),
+            onClick: toggleCollapsed
+        }, /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__label`
+        }, label), /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__indicator`
+        }, /*#__PURE__*/ _react.default.createElement(_Chevron.default, {
+            className: `${baseClass}__indicator`,
+            direction: !collapsed ? 'up' : undefined
+        }))), /*#__PURE__*/ _react.default.createElement(_reactanimateheight.default, {
+            height: collapsed ? 0 : 'auto',
+            duration: animate ? 200 : 0
+        }, /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__content`
+        }, children)));
+    }
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children);
+};
+const _default = NavGroup;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL05hdkdyb3VwL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IEFuaW1hdGVIZWlnaHQgZnJvbSAncmVhY3QtYW5pbWF0ZS1oZWlnaHQnXG5pbXBvcnQgQ2hldnJvbiBmcm9tICcuLi8uLi9pY29ucy9DaGV2cm9uJ1xuaW1wb3J0IHsgdXNlUHJlZmVyZW5jZXMgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvUHJlZmVyZW5jZXMnXG5cbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnbmF2LWdyb3VwJ1xuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGxhYmVsOiBzdHJpbmdcbn1cblxuY29uc3QgTmF2R3JvdXA6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGNoaWxkcmVuLCBsYWJlbCB9KSA9PiB7XG4gIGNvbnN0IFtjb2xsYXBzZWQsIHNldENvbGxhcHNlZF0gPSB1c2VTdGF0ZSh0cnVlKVxuICBjb25zdCBbYW5pbWF0ZSwgc2V0QW5pbWF0ZV0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgeyBnZXRQcmVmZXJlbmNlLCBzZXRQcmVmZXJlbmNlIH0gPSB1c2VQcmVmZXJlbmNlcygpXG5cbiAgY29uc3QgcHJlZmVyZW5jZXNLZXkgPSBgY29sbGFwc2VkLSR7bGFiZWx9LWdyb3Vwc2BcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChsYWJlbCkge1xuICAgICAgY29uc3Qgc2V0Q29sbGFwc2VkRnJvbVByZWZlcmVuY2VzID0gYXN5bmMgKCkgPT4ge1xuICAgICAgICBjb25zdCBwcmVmZXJlbmNlcyA9IChhd2FpdCBnZXRQcmVmZXJlbmNlKHByZWZlcmVuY2VzS2V5KSkgfHwgW11cbiAgICAgICAgc2V0Q29sbGFwc2VkKHByZWZlcmVuY2VzLmluZGV4T2YobGFiZWwpICE9PSAtMSlcbiAgICAgIH1cbiAgICAgIHNldENvbGxhcHNlZEZyb21QcmVmZXJlbmNlcygpXG4gICAgfVxuICB9LCBbZ2V0UHJlZmVyZW5jZSwgbGFiZWwsIHByZWZlcmVuY2VzS2V5XSlcblxuICBpZiAobGFiZWwpIHtcbiAgICBjb25zdCB0b2dnbGVDb2xsYXBzZWQgPSBhc3luYyAoKSA9PiB7XG4gICAgICBzZXRBbmltYXRlKHRydWUpXG4gICAgICBsZXQgcHJlZmVyZW5jZXM6IHN0cmluZ1tdID0gKGF3YWl0IGdldFByZWZlcmVuY2UocHJlZmVyZW5jZXNLZXkpKSB8fCBbXVxuICAgICAgaWYgKGNvbGxhcHNlZCkge1xuICAgICAgICBwcmVmZXJlbmNlcyA9IHByZWZlcmVuY2VzLmZpbHRlcigocHJlZmVyZW5jZSkgPT4gbGFiZWwgIT09IHByZWZlcmVuY2UpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBwcmVmZXJlbmNlcy5wdXNoKGxhYmVsKVxuICAgICAgfVxuICAgICAgc2V0UHJlZmVyZW5jZShwcmVmZXJlbmNlc0tleSwgcHJlZmVyZW5jZXMpXG4gICAgICBzZXRDb2xsYXBzZWQoIWNvbGxhcHNlZClcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBpZD17YG5hdi1ncm91cC0ke2xhYmVsfWB9XG4gICAgICAgIGNsYXNzTmFtZT17W2Ake2Jhc2VDbGFzc31gLCBgJHtsYWJlbH1gLCBjb2xsYXBzZWQgJiYgYCR7YmFzZUNsYXNzfS0tY29sbGFwc2VkYF1cbiAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgICAgLmpvaW4oJyAnKX1cbiAgICAgID5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGNsYXNzTmFtZT17W1xuICAgICAgICAgICAgYCR7YmFzZUNsYXNzfV9fdG9nZ2xlYCxcbiAgICAgICAgICAgIGAke2Jhc2VDbGFzc31fX3RvZ2dsZS0tJHtjb2xsYXBzZWQgPyAnY29sbGFwc2VkJyA6ICdvcGVuJ31gLFxuICAgICAgICAgIF1cbiAgICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlQ29sbGFwc2VkfVxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xhYmVsYH0+e2xhYmVsfTwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pbmRpY2F0b3JgfT5cbiAgICAgICAgICAgIDxDaGV2cm9uXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faW5kaWNhdG9yYH1cbiAgICAgICAgICAgICAgZGlyZWN0aW9uPXshY29sbGFwc2VkID8gJ3VwJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8QW5pbWF0ZUhlaWdodCBoZWlnaHQ9e2NvbGxhcHNlZCA/IDAgOiAnYXV0byd9IGR1cmF0aW9uPXthbmltYXRlID8gMjAwIDogMH0+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvbnRlbnRgfT57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgIDwvQW5pbWF0ZUhlaWdodD5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiA8UmVhY3QuRnJhZ21lbnQ+e2NoaWxkcmVufTwvUmVhY3QuRnJhZ21lbnQ+XG59XG5cbmV4cG9ydCBkZWZhdWx0IE5hdkdyb3VwXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiTmF2R3JvdXAiLCJjaGlsZHJlbiIsImxhYmVsIiwiY29sbGFwc2VkIiwic2V0Q29sbGFwc2VkIiwidXNlU3RhdGUiLCJhbmltYXRlIiwic2V0QW5pbWF0ZSIsImdldFByZWZlcmVuY2UiLCJzZXRQcmVmZXJlbmNlIiwidXNlUHJlZmVyZW5jZXMiLCJwcmVmZXJlbmNlc0tleSIsInVzZUVmZmVjdCIsInNldENvbGxhcHNlZEZyb21QcmVmZXJlbmNlcyIsInByZWZlcmVuY2VzIiwiaW5kZXhPZiIsInRvZ2dsZUNvbGxhcHNlZCIsImZpbHRlciIsInByZWZlcmVuY2UiLCJwdXNoIiwiZGl2IiwiaWQiLCJjbGFzc05hbWUiLCJCb29sZWFuIiwiam9pbiIsImJ1dHRvbiIsInR5cGUiLCJvbkNsaWNrIiwiQ2hldnJvbiIsImRpcmVjdGlvbiIsInVuZGVmaW5lZCIsIkFuaW1hdGVIZWlnaHQiLCJoZWlnaHQiLCJkdXJhdGlvbiIsIlJlYWN0IiwiRnJhZ21lbnQiXSwibWFwcGluZ3MiOiI7Ozs7K0JBK0VBOzs7ZUFBQTs7OytEQS9FMkM7MkVBQ2pCO2dFQUNOOzZCQUNXO1FBRXhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBT2xCLE1BQU1DLFdBQTRCLENBQUMsRUFBRUMsUUFBUSxFQUFFQyxLQUFLLEVBQUU7SUFDcEQsTUFBTSxDQUFDQyxXQUFXQyxhQUFhLEdBQUdDLElBQUFBLGVBQVEsRUFBQztJQUMzQyxNQUFNLENBQUNDLFNBQVNDLFdBQVcsR0FBR0YsSUFBQUEsZUFBUSxFQUFDO0lBQ3ZDLE1BQU0sRUFBRUcsYUFBYSxFQUFFQyxhQUFhLEVBQUUsR0FBR0MsSUFBQUEsMkJBQWM7SUFFdkQsTUFBTUMsaUJBQWlCLENBQUMsVUFBVSxFQUFFVCxNQUFNLE9BQU8sQ0FBQztJQUVsRFUsSUFBQUEsZ0JBQVMsRUFBQztRQUNSLElBQUlWLE9BQU87WUFDVCxNQUFNVyw4QkFBOEI7Z0JBQ2xDLE1BQU1DLGNBQWMsQUFBQyxNQUFNTixjQUFjRyxtQkFBb0IsRUFBRTtnQkFDL0RQLGFBQWFVLFlBQVlDLE9BQU8sQ0FBQ2IsV0FBVyxDQUFDO1lBQy9DO1lBQ0FXO1FBQ0Y7SUFDRixHQUFHO1FBQUNMO1FBQWVOO1FBQU9TO0tBQWU7SUFFekMsSUFBSVQsT0FBTztRQUNULE1BQU1jLGtCQUFrQjtZQUN0QlQsV0FBVztZQUNYLElBQUlPLGNBQXdCLEFBQUMsTUFBTU4sY0FBY0csbUJBQW9CLEVBQUU7WUFDdkUsSUFBSVIsV0FBVztnQkFDYlcsY0FBY0EsWUFBWUcsTUFBTSxDQUFDLENBQUNDLGFBQWVoQixVQUFVZ0I7WUFDN0QsT0FBTztnQkFDTEosWUFBWUssSUFBSSxDQUFDakI7WUFDbkI7WUFDQU8sY0FBY0UsZ0JBQWdCRztZQUM5QlYsYUFBYSxDQUFDRDtRQUNoQjtRQUVBLHFCQUNFLDZCQUFDaUI7WUFDQ0MsSUFBSSxDQUFDLFVBQVUsRUFBRW5CLE1BQU0sQ0FBQztZQUN4Qm9CLFdBQVc7Z0JBQUMsQ0FBQyxFQUFFdkIsVUFBVSxDQUFDO2dCQUFFLENBQUMsRUFBRUcsTUFBTSxDQUFDO2dCQUFFQyxhQUFhLENBQUMsRUFBRUosVUFBVSxXQUFXLENBQUM7YUFBQyxDQUM1RWtCLE1BQU0sQ0FBQ00sU0FDUEMsSUFBSSxDQUFDO3lCQUVSLDZCQUFDQztZQUNDQyxNQUFLO1lBQ0xKLFdBQVc7Z0JBQ1QsQ0FBQyxFQUFFdkIsVUFBVSxRQUFRLENBQUM7Z0JBQ3RCLENBQUMsRUFBRUEsVUFBVSxVQUFVLEVBQUVJLFlBQVksY0FBYyxPQUFPLENBQUM7YUFDNUQsQ0FDRWMsTUFBTSxDQUFDTSxTQUNQQyxJQUFJLENBQUM7WUFDUkcsU0FBU1g7eUJBRVQsNkJBQUNJO1lBQUlFLFdBQVcsQ0FBQyxFQUFFdkIsVUFBVSxPQUFPLENBQUM7V0FBR0csc0JBQ3hDLDZCQUFDa0I7WUFBSUUsV0FBVyxDQUFDLEVBQUV2QixVQUFVLFdBQVcsQ0FBQzt5QkFDdkMsNkJBQUM2QixnQkFBTztZQUNOTixXQUFXLENBQUMsRUFBRXZCLFVBQVUsV0FBVyxDQUFDO1lBQ3BDOEIsV0FBVyxDQUFDMUIsWUFBWSxPQUFPMkI7NEJBSXJDLDZCQUFDQywyQkFBYTtZQUFDQyxRQUFRN0IsWUFBWSxJQUFJO1lBQVE4QixVQUFVM0IsVUFBVSxNQUFNO3lCQUN2RSw2QkFBQ2M7WUFBSUUsV0FBVyxDQUFDLEVBQUV2QixVQUFVLFNBQVMsQ0FBQztXQUFHRTtJQUlsRDtJQUVBLHFCQUFPLDZCQUFDaUMsY0FBSyxDQUFDQyxRQUFRLFFBQUVsQztBQUMxQjtNQUVBLFdBQWVEIn0=

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

@@ -0,0 +1,56 @@
+@import '../../../scss/styles.scss';
+
+.nav-group {
+  width: 100%;
+  margin-bottom: base(0.5);
+
+  &__toggle {
+    cursor: pointer;
+    color: var(--theme-elevation-400);
+    background: transparent;
+    padding-left: 0;
+    border: 0;
+    margin-bottom: base(0.25);
+    width: 100%;
+    text-align: left;
+    display: flex;
+    align-items: flex-start;
+    padding: 0;
+    gap: base(0.5);
+    justify-content: space-between;
+
+    svg {
+      flex-shrink: 0;
+      margin-top: base(-0.2);
+    }
+
+    &:hover,
+    &:focus-visible {
+      color: var(--theme-elevation-1000);
+
+      .stroke {
+        stroke: var(--theme-elevation-1000);
+      }
+    }
+
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
+  &__indicator {
+    position: relative;
+    flex-shrink: 0;
+
+    svg .stroke {
+      stroke: var(--theme-elevation-200);
+    }
+  }
+
+  &--collapsed {
+    .collapsible__toggle {
+      border-bottom-right-radius: $style-radius-s;
+      border-bottom-left-radius: $style-radius-s;
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { Props } from './types';
+import './index.scss';
+declare const ClickableArrow: React.FC<Props>;
+export default ClickableArrow;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/Paginator/ClickableArrow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBnC,CAAA;AAED,eAAe,cAAc,CAAA"}