@webiny/app-admin-rmwc 5.27.0 → 5.28.0-beta.0

package/modules/Dashboard/index.js

@@ -1,18 +1,33 @@
-import * as React from "react";
-import { CenteredView, Compose, DashboardRenderer as DashboardRendererSpec } from "@webiny/app-admin";
-import Welcome from "./Welcome";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dashboard = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _Welcome = _interopRequireDefault(require("./Welcome"));
 
 var DashboardRendererHOC = function DashboardRendererHOC() {
   return function DashboardRenderer() {
-    return /*#__PURE__*/React.createElement(CenteredView, {
+    return /*#__PURE__*/React.createElement(_appAdmin.CenteredView, {
       maxWidth: 1300
-    }, /*#__PURE__*/React.createElement(Welcome, null));
+    }, /*#__PURE__*/React.createElement(_Welcome.default, null));
   };
 };
 
-export var Dashboard = function Dashboard() {
-  return /*#__PURE__*/React.createElement(Compose, {
-    component: DashboardRendererSpec,
+var Dashboard = function Dashboard() {
+  return /*#__PURE__*/React.createElement(_appAdmin.Compose, {
+    component: _appAdmin.DashboardRenderer,
     with: DashboardRendererHOC
   });
-};
+};
+
+exports.Dashboard = Dashboard;

package/modules/Dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","CenteredView","Compose","DashboardRenderer","DashboardRendererSpec","Welcome","DashboardRendererHOC","Dashboard"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACIC,YADJ,EAEIC,OAFJ,EAGIC,iBAAiB,IAAIC,qBAHzB,QAIO,mBAJP;AAKA,OAAOC,OAAP;;AAEA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAgB;AACzC,SAAO,SAASH,iBAAT,GAA6B;AAChC,wBACI,oBAAC,YAAD;AAAc,MAAA,QAAQ,EAAE;AAAxB,oBACI,oBAAC,OAAD,OADJ,CADJ;AAKH,GAND;AAOH,CARD;;AAUA,OAAO,IAAMI,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;AACrC,sBAAO,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEH,qBAApB;AAA2C,IAAA,IAAI,EAAEE;AAAjD,IAAP;AACH,CAFM","sourcesContent":["import * as React from \"react\";\nimport {\n    CenteredView,\n    Compose,\n    DashboardRenderer as DashboardRendererSpec\n} from \"@webiny/app-admin\";\nimport Welcome from \"./Welcome\";\n\nconst DashboardRendererHOC = (): React.FC => {\n    return function DashboardRenderer() {\n        return (\n            <CenteredView maxWidth={1300}>\n                <Welcome />\n            </CenteredView>\n        );\n    };\n};\n\nexport const Dashboard: React.FC = () => {\n    return <Compose component={DashboardRendererSpec} with={DashboardRendererHOC} />;\n};\n"]}
+{"version":3,"names":["DashboardRendererHOC","DashboardRenderer","Dashboard","DashboardRendererSpec"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n    CenteredView,\n    Compose,\n    DashboardRenderer as DashboardRendererSpec\n} from \"@webiny/app-admin\";\nimport Welcome from \"./Welcome\";\n\nconst DashboardRendererHOC = (): React.FC => {\n    return function DashboardRenderer() {\n        return (\n            <CenteredView maxWidth={1300}>\n                <Welcome />\n            </CenteredView>\n        );\n    };\n};\n\nexport const Dashboard: React.FC = () => {\n    return <Compose component={DashboardRendererSpec} with={DashboardRendererHOC} />;\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKA;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAgB;EACzC,OAAO,SAASC,iBAAT,GAA6B;IAChC,oBACI,oBAAC,sBAAD;MAAc,QAAQ,EAAE;IAAxB,gBACI,oBAAC,gBAAD,OADJ,CADJ;EAKH,CAND;AAOH,CARD;;AAUO,IAAMC,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;EACrC,oBAAO,oBAAC,iBAAD;IAAS,SAAS,EAAEC,2BAApB;IAA2C,IAAI,EAAEH;EAAjD,EAAP;AACH,CAFM"}

package/modules/Layout.js

@@ -1,49 +1,65 @@
-import React, { Fragment } from "react";
-import Helmet from "react-helmet";
-import { Compose, LayoutRenderer, Brand, Search, LocaleSelector, UserMenu, Navigation, Tags } from "@webiny/app-admin";
-import { TopAppBarPrimary, TopAppBarSection } from "@webiny/ui/TopAppBar";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Layout = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactHelmet = _interopRequireDefault(require("react-helmet"));
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _TopAppBar = require("@webiny/ui/TopAppBar");
 
 var RMWCLayout = function RMWCLayout() {
   return function RMWCLayout(_ref) {
     var title = _ref.title,
         children = _ref.children;
-    return /*#__PURE__*/React.createElement(Fragment, null, title ? /*#__PURE__*/React.createElement(Helmet, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title ? /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
       title: title
-    }) : null, /*#__PURE__*/React.createElement(Tags, {
+    }) : null, /*#__PURE__*/_react.default.createElement(_appAdmin.Tags, {
       tags: {
         location: "appBar"
       }
-    }, /*#__PURE__*/React.createElement(TopAppBarPrimary, {
+    }, /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarPrimary, {
       fixed: true
-    }, /*#__PURE__*/React.createElement(TopAppBarSection, {
+    }, /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
       style: {
         width: "25%"
       },
       alignStart: true
-    }, /*#__PURE__*/React.createElement(Brand, null)), /*#__PURE__*/React.createElement(TopAppBarSection, {
+    }, /*#__PURE__*/_react.default.createElement(_appAdmin.Brand, null)), /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
       style: {
         width: "50%"
       }
-    }, /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement(TopAppBarSection, {
+    }, /*#__PURE__*/_react.default.createElement(_appAdmin.Search, null)), /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
       style: {
         width: "25%"
       },
       alignEnd: true
-    }, /*#__PURE__*/React.createElement(LocaleSelector, null), /*#__PURE__*/React.createElement(UserMenu, null)))), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(_appAdmin.LocaleSelector, null), /*#__PURE__*/_react.default.createElement(_appAdmin.UserMenu, null)))), /*#__PURE__*/_react.default.createElement("div", {
       style: {
         paddingTop: 67
       }
-    }, children), /*#__PURE__*/React.createElement(Navigation, null));
+    }, children), /*#__PURE__*/_react.default.createElement(_appAdmin.Navigation, null));
   };
 };
 
-export var Layout = function Layout() {
+var Layout = function Layout() {
   /**
    * TODO @ts-refactor @pavel
    */
   // @ts-ignore
-  return /*#__PURE__*/React.createElement(Compose, {
-    component: LayoutRenderer,
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: _appAdmin.LayoutRenderer,
     with: RMWCLayout
   });
-};
+};
+
+exports.Layout = Layout;

package/modules/Layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Layout.tsx"],"names":["React","Fragment","Helmet","Compose","LayoutRenderer","Brand","Search","LocaleSelector","UserMenu","Navigation","Tags","TopAppBarPrimary","TopAppBarSection","RMWCLayout","title","children","location","width","paddingTop","Layout"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,SACIC,OADJ,EAEIC,cAFJ,EAIIC,KAJJ,EAKIC,MALJ,EAMIC,cANJ,EAOIC,QAPJ,EAQIC,UARJ,EASIC,IATJ,QAUO,mBAVP;AAWA,SAASC,gBAAT,EAA2BC,gBAA3B,QAAmD,sBAAnD;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAA6B;AAC5C,SAAO,SAASA,UAAT,OAAyC;AAAA,QAAnBC,KAAmB,QAAnBA,KAAmB;AAAA,QAAZC,QAAY,QAAZA,QAAY;AAC5C,wBACI,oBAAC,QAAD,QACKD,KAAK,gBAAG,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAEA;AAAf,MAAH,GAA8B,IADxC,eAEI,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAE;AAAEE,QAAAA,QAAQ,EAAE;AAAZ;AAAZ,oBACI,oBAAC,gBAAD;AAAkB,MAAA,KAAK;AAAvB,oBACI,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAE;AAAEC,QAAAA,KAAK,EAAE;AAAT,OAAzB;AAA2C,MAAA,UAAU;AAArD,oBACI,oBAAC,KAAD,OADJ,CADJ,eAII,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAE;AAAEA,QAAAA,KAAK,EAAE;AAAT;AAAzB,oBACI,oBAAC,MAAD,OADJ,CAJJ,eAOI,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAE;AAAEA,QAAAA,KAAK,EAAE;AAAT,OAAzB;AAA2C,MAAA,QAAQ;AAAnD,oBACI,oBAAC,cAAD,OADJ,eAEI,oBAAC,QAAD,OAFJ,CAPJ,CADJ,CAFJ,eAgBI;AAAK,MAAA,KAAK,EAAE;AAAEC,QAAAA,UAAU,EAAE;AAAd;AAAZ,OAAiCH,QAAjC,CAhBJ,eAiBI,oBAAC,UAAD,OAjBJ,CADJ;AAqBH,GAtBD;AAuBH,CAxBD;;AA0BA,OAAO,IAAMI,MAAgB,GAAG,SAAnBA,MAAmB,GAAM;AAClC;AACJ;AACA;AACI;AACA,sBAAO,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEf,cAApB;AAAoC,IAAA,IAAI,EAAES;AAA1C,IAAP;AACH,CANM","sourcesContent":["import React, { Fragment } from \"react\";\nimport Helmet from \"react-helmet\";\nimport {\n    Compose,\n    LayoutRenderer,\n    LayoutProps,\n    Brand,\n    Search,\n    LocaleSelector,\n    UserMenu,\n    Navigation,\n    Tags\n} from \"@webiny/app-admin\";\nimport { TopAppBarPrimary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst RMWCLayout = (): React.FC<LayoutProps> => {\n    return function RMWCLayout({ title, children }) {\n        return (\n            <Fragment>\n                {title ? <Helmet title={title} /> : null}\n                <Tags tags={{ location: \"appBar\" }}>\n                    <TopAppBarPrimary fixed>\n                        <TopAppBarSection style={{ width: \"25%\" }} alignStart>\n                            <Brand />\n                        </TopAppBarSection>\n                        <TopAppBarSection style={{ width: \"50%\" }}>\n                            <Search />\n                        </TopAppBarSection>\n                        <TopAppBarSection style={{ width: \"25%\" }} alignEnd>\n                            <LocaleSelector />\n                            <UserMenu />\n                        </TopAppBarSection>\n                    </TopAppBarPrimary>\n                </Tags>\n                <div style={{ paddingTop: 67 }}>{children}</div>\n                <Navigation />\n            </Fragment>\n        );\n    };\n};\n\nexport const Layout: React.FC = () => {\n    /**\n     * TODO @ts-refactor @pavel\n     */\n    // @ts-ignore\n    return <Compose component={LayoutRenderer} with={RMWCLayout} />;\n};\n"]}
+{"version":3,"names":["RMWCLayout","title","children","location","width","paddingTop","Layout","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport Helmet from \"react-helmet\";\nimport {\n    Compose,\n    LayoutRenderer,\n    LayoutProps,\n    Brand,\n    Search,\n    LocaleSelector,\n    UserMenu,\n    Navigation,\n    Tags\n} from \"@webiny/app-admin\";\nimport { TopAppBarPrimary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst RMWCLayout = (): React.FC<LayoutProps> => {\n    return function RMWCLayout({ title, children }) {\n        return (\n            <Fragment>\n                {title ? <Helmet title={title} /> : null}\n                <Tags tags={{ location: \"appBar\" }}>\n                    <TopAppBarPrimary fixed>\n                        <TopAppBarSection style={{ width: \"25%\" }} alignStart>\n                            <Brand />\n                        </TopAppBarSection>\n                        <TopAppBarSection style={{ width: \"50%\" }}>\n                            <Search />\n                        </TopAppBarSection>\n                        <TopAppBarSection style={{ width: \"25%\" }} alignEnd>\n                            <LocaleSelector />\n                            <UserMenu />\n                        </TopAppBarSection>\n                    </TopAppBarPrimary>\n                </Tags>\n                <div style={{ paddingTop: 67 }}>{children}</div>\n                <Navigation />\n            </Fragment>\n        );\n    };\n};\n\nexport const Layout: React.FC = () => {\n    /**\n     * TODO @ts-refactor @pavel\n     */\n    // @ts-ignore\n    return <Compose component={LayoutRenderer} with={RMWCLayout} />;\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAWA;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,GAA6B;EAC5C,OAAO,SAASA,UAAT,OAAyC;IAAA,IAAnBC,KAAmB,QAAnBA,KAAmB;IAAA,IAAZC,QAAY,QAAZA,QAAY;IAC5C,oBACI,6BAAC,eAAD,QACKD,KAAK,gBAAG,6BAAC,oBAAD;MAAQ,KAAK,EAAEA;IAAf,EAAH,GAA8B,IADxC,eAEI,6BAAC,cAAD;MAAM,IAAI,EAAE;QAAEE,QAAQ,EAAE;MAAZ;IAAZ,gBACI,6BAAC,2BAAD;MAAkB,KAAK;IAAvB,gBACI,6BAAC,2BAAD;MAAkB,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAT,CAAzB;MAA2C,UAAU;IAArD,gBACI,6BAAC,eAAD,OADJ,CADJ,eAII,6BAAC,2BAAD;MAAkB,KAAK,EAAE;QAAEA,KAAK,EAAE;MAAT;IAAzB,gBACI,6BAAC,gBAAD,OADJ,CAJJ,eAOI,6BAAC,2BAAD;MAAkB,KAAK,EAAE;QAAEA,KAAK,EAAE;MAAT,CAAzB;MAA2C,QAAQ;IAAnD,gBACI,6BAAC,wBAAD,OADJ,eAEI,6BAAC,kBAAD,OAFJ,CAPJ,CADJ,CAFJ,eAgBI;MAAK,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAd;IAAZ,GAAiCH,QAAjC,CAhBJ,eAiBI,6BAAC,oBAAD,OAjBJ,CADJ;EAqBH,CAtBD;AAuBH,CAxBD;;AA0BO,IAAMI,MAAgB,GAAG,SAAnBA,MAAmB,GAAM;EAClC;AACJ;AACA;EACI;EACA,oBAAO,6BAAC,iBAAD;IAAS,SAAS,EAAEC,wBAApB;IAAoC,IAAI,EAAEP;EAA1C,EAAP;AACH,CANM"}

package/modules/Navigation/Hamburger.js

@@ -1,19 +1,32 @@
-import React from "react";
-import { IconButton } from "@webiny/ui/Button";
-import { ReactComponent as MenuIcon } from "./icons/hamburger.svg";
-import { useNavigation } from "./index";
-import { useTags } from "@webiny/app-admin";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _hamburger = require("./icons/hamburger.svg");
+
+var _index = require("./index");
+
+var _appAdmin = require("@webiny/app-admin");
 
 var Hamburger = function Hamburger() {
-  var _useTags = useTags(),
+  var _useTags = (0, _appAdmin.useTags)(),
       location = _useTags.location;
 
-  var _useNavigation = useNavigation(),
+  var _useNavigation = (0, _index.useNavigation)(),
       visible = _useNavigation.visible,
       setVisible = _useNavigation.setVisible;
 
-  return /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(MenuIcon, {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_hamburger.ReactComponent, {
       style: {
         color: location === "navigation" ? undefined : "white"
       }
@@ -25,4 +38,5 @@ var Hamburger = function Hamburger() {
   });
 };
 
-export default Hamburger;
+var _default = Hamburger;
+exports.default = _default;

package/modules/Navigation/Hamburger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Hamburger.tsx"],"names":["React","IconButton","ReactComponent","MenuIcon","useNavigation","useTags","Hamburger","location","visible","setVisible","color","undefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,cAAc,IAAIC,QAA3B;AACA,SAASC,aAAT;AACA,SAASC,OAAT,QAAwB,mBAAxB;;AAEA,IAAMC,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;AAC9B,iBAAqBD,OAAO,EAA5B;AAAA,MAAQE,QAAR,YAAQA,QAAR;;AACA,uBAAgCH,aAAa,EAA7C;AAAA,MAAQI,OAAR,kBAAQA,OAAR;AAAA,MAAiBC,UAAjB,kBAAiBA,UAAjB;;AAEA,sBACI,oBAAC,UAAD;AACI,IAAA,IAAI,eAAE,oBAAC,QAAD;AAAU,MAAA,KAAK,EAAE;AAAEC,QAAAA,KAAK,EAAEH,QAAQ,KAAK,YAAb,GAA4BI,SAA5B,GAAwC;AAAjD;AAAjB,MADV;AAEI,IAAA,OAAO,EAAE;AAAA,aAAMF,UAAU,CAAC,CAACD,OAAF,CAAhB;AAAA,KAFb;AAGI,mBAAaD,QAAQ,KAAK,YAAb,GAA4BI,SAA5B,GAAwC;AAHzD,IADJ;AAOH,CAXD;;AAaA,eAAeL,SAAf","sourcesContent":["import React from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"./icons/hamburger.svg\";\nimport { useNavigation } from \"./index\";\nimport { useTags } from \"@webiny/app-admin\";\n\nconst Hamburger: React.FC = () => {\n    const { location } = useTags();\n    const { visible, setVisible } = useNavigation();\n\n    return (\n        <IconButton\n            icon={<MenuIcon style={{ color: location === \"navigation\" ? undefined : \"white\" }} />}\n            onClick={() => setVisible(!visible)}\n            data-testid={location === \"navigation\" ? undefined : \"apps-menu\"}\n        />\n    );\n};\n\nexport default Hamburger;\n"]}
+{"version":3,"names":["Hamburger","useTags","location","useNavigation","visible","setVisible","color","undefined"],"sources":["Hamburger.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"./icons/hamburger.svg\";\nimport { useNavigation } from \"./index\";\nimport { useTags } from \"@webiny/app-admin\";\n\nconst Hamburger: React.FC = () => {\n    const { location } = useTags();\n    const { visible, setVisible } = useNavigation();\n\n    return (\n        <IconButton\n            icon={<MenuIcon style={{ color: location === \"navigation\" ? undefined : \"white\" }} />}\n            onClick={() => setVisible(!visible)}\n            data-testid={location === \"navigation\" ? undefined : \"apps-menu\"}\n        />\n    );\n};\n\nexport default Hamburger;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;EAC9B,eAAqB,IAAAC,iBAAA,GAArB;EAAA,IAAQC,QAAR,YAAQA,QAAR;;EACA,qBAAgC,IAAAC,oBAAA,GAAhC;EAAA,IAAQC,OAAR,kBAAQA,OAAR;EAAA,IAAiBC,UAAjB,kBAAiBA,UAAjB;;EAEA,oBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,yBAAD;MAAU,KAAK,EAAE;QAAEC,KAAK,EAAEJ,QAAQ,KAAK,YAAb,GAA4BK,SAA5B,GAAwC;MAAjD;IAAjB,EADV;IAEI,OAAO,EAAE;MAAA,OAAMF,UAAU,CAAC,CAACD,OAAF,CAAhB;IAAA,CAFb;IAGI,eAAaF,QAAQ,KAAK,YAAb,GAA4BK,SAA5B,GAAwC;EAHzD,EADJ;AAOH,CAXD;;eAaeP,S"}

package/modules/Navigation/Styled.js

@@ -1,6 +1,17 @@
-import styled from "@emotion/styled";
-import { css } from "emotion";
-export var MenuHeader = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.subFooter = exports.navHeader = exports.navContent = exports.logoStyle = exports.MenuHeader = exports.MenuFooter = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _emotion = require("emotion");
+
+var MenuHeader = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eulanz40",
   label: "MenuHeader"
 })({
@@ -10,17 +21,20 @@ export var MenuHeader = /*#__PURE__*/styled("div", {
   backgroundColor: "var(--mdc-theme-surface)",
   borderBottom: "1px solid var(--mdc-theme-on-background)"
 });
-export var navHeader = /*#__PURE__*/css({
+exports.MenuHeader = MenuHeader;
+var navHeader = /*#__PURE__*/(0, _emotion.css)({
   padding: 0,
   "&.mdc-drawer__header": {
     padding: "0 !important",
     minHeight: 0
   }
 }, "label:navHeader;");
-export var navContent = /*#__PURE__*/css({
+exports.navHeader = navHeader;
+var navContent = /*#__PURE__*/(0, _emotion.css)({
   padding: "0 !important"
 }, "label:navContent;");
-export var logoStyle = /*#__PURE__*/css({
+exports.navContent = navContent;
+var logoStyle = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-top-app-bar__title": {
     paddingLeft: 15,
     ".webiny-logo": {
@@ -28,7 +42,8 @@ export var logoStyle = /*#__PURE__*/css({
     }
   }
 }, "label:logoStyle;");
-export var MenuFooter = /*#__PURE__*/styled("div", {
+exports.logoStyle = logoStyle;
+var MenuFooter = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eulanz41",
   label: "MenuFooter"
 })({
@@ -38,10 +53,12 @@ export var MenuFooter = /*#__PURE__*/styled("div", {
     textDecoration: "none"
   }
 });
-export var subFooter = /*#__PURE__*/css({
+exports.MenuFooter = MenuFooter;
+var subFooter = /*#__PURE__*/(0, _emotion.css)({
   ".mdc-drawer &.mdc-list-item": {
     borderTop: "1px solid var(--mdc-theme-on-background)",
     padding: "10px 16px",
     margin: 0
   }
-}, "label:subFooter;");
+}, "label:subFooter;");
+exports.subFooter = subFooter;

package/modules/Navigation/Styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Styled.ts"],"names":["styled","css","MenuHeader","display","alignItems","padding","backgroundColor","borderBottom","navHeader","minHeight","navContent","logoStyle","paddingLeft","color","MenuFooter","borderTop","a","textDecoration","subFooter","margin"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,SAApB;AAEA,OAAO,IAAMC,UAAU,gBAAGF,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACpCG,EAAAA,OAAO,EAAE,MAD2B;AAEpCC,EAAAA,UAAU,EAAE,QAFwB;AAGpCC,EAAAA,OAAO,EAAE,CAH2B;AAIpCC,EAAAA,eAAe,EAAE,0BAJmB;AAKpCC,EAAAA,YAAY,EAAE;AALsB,CAAjB,CAAhB;AAQP,OAAO,IAAMC,SAAS,gBAAGP,GAAG,CAAC;AACzBI,EAAAA,OAAO,EAAE,CADgB;AAEzB,0BAAwB;AACpBA,IAAAA,OAAO,EAAE,cADW;AAEpBI,IAAAA,SAAS,EAAE;AAFS;AAFC,CAAD,qBAArB;AAQP,OAAO,IAAMC,UAAU,gBAAGT,GAAG,CAAC;AAC1BI,EAAAA,OAAO,EAAE;AADiB,CAAD,sBAAtB;AAIP,OAAO,IAAMM,SAAS,gBAAGV,GAAG,CAAC;AACzB,8BAA4B;AACxBW,IAAAA,WAAW,EAAE,EADW;AAExB,oBAAgB;AACZC,MAAAA,KAAK,EAAE;AADK;AAFQ;AADH,CAAD,qBAArB;AASP,OAAO,IAAMC,UAAU,gBAAGd,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACpCe,EAAAA,SAAS,EAAE,0CADyB;AAEpCC,EAAAA,CAAC,EAAE;AACCH,IAAAA,KAAK,EAAE,kCADR;AAECI,IAAAA,cAAc,EAAE;AAFjB;AAFiC,CAAjB,CAAhB;AAQP,OAAO,IAAMC,SAAS,gBAAGjB,GAAG,CAAC;AACzB,iCAA+B;AAC3Bc,IAAAA,SAAS,EAAE,0CADgB;AAE3BV,IAAAA,OAAO,EAAE,WAFkB;AAG3Bc,IAAAA,MAAM,EAAE;AAHmB;AADN,CAAD,qBAArB","sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const MenuHeader = styled(\"div\")({\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 5,\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\"\n});\n\nexport const navHeader = css({\n    padding: 0,\n    \"&.mdc-drawer__header\": {\n        padding: \"0 !important\",\n        minHeight: 0\n    }\n});\n\nexport const navContent = css({\n    padding: \"0 !important\"\n});\n\nexport const logoStyle = css({\n    \"&.mdc-top-app-bar__title\": {\n        paddingLeft: 15,\n        \".webiny-logo\": {\n            color: \"var(--mdc-theme-primary)\"\n        }\n    }\n});\n\nexport const MenuFooter = styled(\"div\")({\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    a: {\n        color: \"var(--mdc-theme-text-on-primary)\",\n        textDecoration: \"none\"\n    }\n});\n\nexport const subFooter = css({\n    \".mdc-drawer &.mdc-list-item\": {\n        borderTop: \"1px solid var(--mdc-theme-on-background)\",\n        padding: \"10px 16px\",\n        margin: 0\n    }\n});\n"]}
+{"version":3,"names":["MenuHeader","styled","display","alignItems","padding","backgroundColor","borderBottom","navHeader","css","minHeight","navContent","logoStyle","paddingLeft","color","MenuFooter","borderTop","a","textDecoration","subFooter","margin"],"sources":["Styled.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const MenuHeader = styled(\"div\")({\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 5,\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\"\n});\n\nexport const navHeader = css({\n    padding: 0,\n    \"&.mdc-drawer__header\": {\n        padding: \"0 !important\",\n        minHeight: 0\n    }\n});\n\nexport const navContent = css({\n    padding: \"0 !important\"\n});\n\nexport const logoStyle = css({\n    \"&.mdc-top-app-bar__title\": {\n        paddingLeft: 15,\n        \".webiny-logo\": {\n            color: \"var(--mdc-theme-primary)\"\n        }\n    }\n});\n\nexport const MenuFooter = styled(\"div\")({\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    a: {\n        color: \"var(--mdc-theme-text-on-primary)\",\n        textDecoration: \"none\"\n    }\n});\n\nexport const subFooter = css({\n    \".mdc-drawer &.mdc-list-item\": {\n        borderTop: \"1px solid var(--mdc-theme-on-background)\",\n        padding: \"10px 16px\",\n        margin: 0\n    }\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,UAAU,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACpCC,OAAO,EAAE,MAD2B;EAEpCC,UAAU,EAAE,QAFwB;EAGpCC,OAAO,EAAE,CAH2B;EAIpCC,eAAe,EAAE,0BAJmB;EAKpCC,YAAY,EAAE;AALsB,CAAjB,CAAhB;;AAQA,IAAMC,SAAS,gBAAG,IAAAC,YAAA,EAAI;EACzBJ,OAAO,EAAE,CADgB;EAEzB,wBAAwB;IACpBA,OAAO,EAAE,cADW;IAEpBK,SAAS,EAAE;EAFS;AAFC,CAAJ,qBAAlB;;AAQA,IAAMC,UAAU,gBAAG,IAAAF,YAAA,EAAI;EAC1BJ,OAAO,EAAE;AADiB,CAAJ,sBAAnB;;AAIA,IAAMO,SAAS,gBAAG,IAAAH,YAAA,EAAI;EACzB,4BAA4B;IACxBI,WAAW,EAAE,EADW;IAExB,gBAAgB;MACZC,KAAK,EAAE;IADK;EAFQ;AADH,CAAJ,qBAAlB;;AASA,IAAMC,UAAU,oBAAGb,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACpCc,SAAS,EAAE,0CADyB;EAEpCC,CAAC,EAAE;IACCH,KAAK,EAAE,kCADR;IAECI,cAAc,EAAE;EAFjB;AAFiC,CAAjB,CAAhB;;AAQA,IAAMC,SAAS,gBAAG,IAAAV,YAAA,EAAI;EACzB,+BAA+B;IAC3BO,SAAS,EAAE,0CADgB;IAE3BX,OAAO,EAAE,WAFkB;IAG3Be,MAAM,EAAE;EAHmB;AADN,CAAJ,qBAAlB"}

package/modules/Navigation/index.js

@@ -1,31 +1,59 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { Fragment, useCallback, useContext, useMemo, useState } from "react";
-import { Drawer, DrawerContent, DrawerHeader } from "@webiny/ui/Drawer";
-import { Compose, Provider, NavigationRenderer as NavigationSpec, MenuItems, MenuItemRenderer, Brand as BrandSpec, useNavigation as useAdminNavigation } from "@webiny/app-admin";
-import Hamburger from "./Hamburger";
-import { MenuGroupRenderer } from "./renderers/MenuGroupRenderer";
-import { MenuSectionItemRenderer } from "./renderers/MenuSectionItemRenderer";
-import { MenuSectionRenderer } from "./renderers/MenuSectionRenderer";
-import { MenuLinkRenderer } from "./renderers/MenuLinkRenderer";
-import { MenuElementRenderer } from "./renderers/MenuElementRenderer";
-import { List, ListItem } from "@webiny/ui/List";
-import { MenuFooter, subFooter, MenuHeader, navHeader, navContent } from "./Styled";
-import { config as appConfig } from "@webiny/app/config";
-var NavigationContext = /*#__PURE__*/React.createContext({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationImpl = exports.Navigation = void 0;
+exports.useNavigation = useNavigation;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Drawer = require("@webiny/ui/Drawer");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _Hamburger = _interopRequireDefault(require("./Hamburger"));
+
+var _MenuGroupRenderer = require("./renderers/MenuGroupRenderer");
+
+var _MenuSectionItemRenderer = require("./renderers/MenuSectionItemRenderer");
+
+var _MenuSectionRenderer = require("./renderers/MenuSectionRenderer");
+
+var _MenuLinkRenderer = require("./renderers/MenuLinkRenderer");
+
+var _MenuElementRenderer = require("./renderers/MenuElementRenderer");
+
+var _List = require("@webiny/ui/List");
+
+var _Styled = require("./Styled");
+
+var _config = require("@webiny/app/config");
+
+var NavigationContext = /*#__PURE__*/_react.default.createContext({
   visible: false,
   setVisible: function setVisible() {
     return void 0;
   }
 });
+
 NavigationContext.displayName = "NavigationContext";
-export function useNavigation() {
-  return useContext(NavigationContext);
+
+function useNavigation() {
+  return (0, _react.useContext)(NavigationContext);
 }
 
 var BrandImpl = function BrandImpl(Brand) {
   return function BrandWithHamburger() {
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Hamburger, null), /*#__PURE__*/React.createElement(Brand, null));
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Hamburger.default, null), /*#__PURE__*/_react.default.createElement(Brand, null));
   };
 }; // TODO @ts-refactor
 
@@ -33,67 +61,71 @@ var BrandImpl = function BrandImpl(Brand) {
 var NavigationProvider = function NavigationProvider(Component) {
   // TODO @ts-refactor
   return function NavigationProvider(props) {
-    var _useState = useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
+    var _useState = (0, _react.useState)(false),
+        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
         visible = _useState2[0],
         setVisible = _useState2[1];
 
-    var context = useMemo(function () {
+    var context = (0, _react.useMemo)(function () {
       return {
         visible: visible,
         setVisible: setVisible
       };
     }, [visible]);
-    return /*#__PURE__*/React.createElement(NavigationContext.Provider, {
+    return /*#__PURE__*/_react.default.createElement(NavigationContext.Provider, {
       value: context
-    }, /*#__PURE__*/React.createElement(Component, props));
+    }, /*#__PURE__*/_react.default.createElement(Component, props));
   };
 };
 
-export var NavigationImpl = function NavigationImpl() {
+var NavigationImpl = function NavigationImpl() {
   return function Navigation() {
-    var _useAdminNavigation = useAdminNavigation(),
+    var _useAdminNavigation = (0, _appAdmin.useNavigation)(),
         menuItems = _useAdminNavigation.menuItems;
 
     var _useNavigation = useNavigation(),
         visible = _useNavigation.visible,
         setVisible = _useNavigation.setVisible;
 
-    var hideDrawer = useCallback(function () {
+    var hideDrawer = (0, _react.useCallback)(function () {
       setVisible(false);
     }, []);
-    var mainMenu = useMemo(function () {
+    var mainMenu = (0, _react.useMemo)(function () {
       return menuItems.filter(function (m) {
         return !(m.tags || []).includes("footer");
       });
     }, [menuItems]);
-    var footerMenu = useMemo(function () {
+    var footerMenu = (0, _react.useMemo)(function () {
       return menuItems.filter(function (m) {
         return (m.tags || []).includes("footer");
       });
     }, [menuItems]);
-    var wbyVersion = appConfig.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
-    return /*#__PURE__*/React.createElement(Drawer, {
+
+    var wbyVersion = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
+
+    return /*#__PURE__*/_react.default.createElement(_Drawer.Drawer, {
       modal: true,
       open: visible,
       onClose: hideDrawer
-    }, /*#__PURE__*/React.createElement(DrawerHeader, {
-      className: navHeader
-    }, /*#__PURE__*/React.createElement(MenuHeader, null, /*#__PURE__*/React.createElement(BrandSpec, null))), /*#__PURE__*/React.createElement(DrawerContent, {
-      className: navContent
-    }, /*#__PURE__*/React.createElement(MenuItems, {
+    }, /*#__PURE__*/_react.default.createElement(_Drawer.DrawerHeader, {
+      className: _Styled.navHeader
+    }, /*#__PURE__*/_react.default.createElement(_Styled.MenuHeader, null, /*#__PURE__*/_react.default.createElement(_appAdmin.Brand, null))), /*#__PURE__*/_react.default.createElement(_Drawer.DrawerContent, {
+      className: _Styled.navContent
+    }, /*#__PURE__*/_react.default.createElement(_appAdmin.MenuItems, {
       menuItems: mainMenu
-    })), /*#__PURE__*/React.createElement(MenuFooter, null, /*#__PURE__*/React.createElement(List, {
+    })), /*#__PURE__*/_react.default.createElement(_Styled.MenuFooter, null, /*#__PURE__*/_react.default.createElement(_List.List, {
       nonInteractive: true
-    }, /*#__PURE__*/React.createElement(MenuItems, {
+    }, /*#__PURE__*/_react.default.createElement(_appAdmin.MenuItems, {
       menuItems: footerMenu
-    }), /*#__PURE__*/React.createElement(ListItem, {
+    }), /*#__PURE__*/_react.default.createElement(_List.ListItem, {
       ripple: false,
-      className: subFooter
+      className: _Styled.subFooter
     }, "Webiny v", wbyVersion))));
   };
 };
 
+exports.NavigationImpl = NavigationImpl;
+
 var menuSorter = function menuSorter(a, b) {
   if (a.pin === b.pin) {
     return (a.label || "").localeCompare(b.label || "");
@@ -113,8 +145,8 @@ var menuSorter = function menuSorter(a, b) {
 var SortedMenuItems = function SortedMenuItems(MenuItems) {
   return function SortedMenuItems(_ref) {
     var menuItems = _ref.menuItems;
-    return /*#__PURE__*/React.createElement(MenuItems, {
-      menuItems: _toConsumableArray(menuItems).sort(menuSorter)
+    return /*#__PURE__*/_react.default.createElement(MenuItems, {
+      menuItems: (0, _toConsumableArray2.default)(menuItems).sort(menuSorter)
     });
   };
 };
@@ -124,20 +156,22 @@ var SortedMenuItems = function SortedMenuItems(MenuItems) {
  */
 
 
-export var Navigation = function Navigation() {
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Provider, {
+var Navigation = function Navigation() {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAdmin.Provider, {
     hoc: NavigationProvider
-  }), /*#__PURE__*/React.createElement(Compose, {
-    component: NavigationSpec,
+  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: _appAdmin.NavigationRenderer,
     with: NavigationImpl
-  }), /*#__PURE__*/React.createElement(Compose, {
-    component: MenuItems,
+  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: _appAdmin.MenuItems,
     with: SortedMenuItems
-  }), /*#__PURE__*/React.createElement(Compose, {
-    component: BrandSpec,
+  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: _appAdmin.Brand,
     with: BrandImpl
-  }), /*#__PURE__*/React.createElement(Compose, {
-    component: MenuItemRenderer,
-    with: [MenuGroupRenderer, MenuSectionItemRenderer, MenuSectionRenderer, MenuLinkRenderer, MenuElementRenderer]
+  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: _appAdmin.MenuItemRenderer,
+    with: [_MenuGroupRenderer.MenuGroupRenderer, _MenuSectionItemRenderer.MenuSectionItemRenderer, _MenuSectionRenderer.MenuSectionRenderer, _MenuLinkRenderer.MenuLinkRenderer, _MenuElementRenderer.MenuElementRenderer]
   }));
-};
+};
+
+exports.Navigation = Navigation;

package/modules/Navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","Fragment","useCallback","useContext","useMemo","useState","Drawer","DrawerContent","DrawerHeader","Compose","Provider","NavigationRenderer","NavigationSpec","MenuItems","MenuItemRenderer","Brand","BrandSpec","useNavigation","useAdminNavigation","Hamburger","MenuGroupRenderer","MenuSectionItemRenderer","MenuSectionRenderer","MenuLinkRenderer","MenuElementRenderer","List","ListItem","MenuFooter","subFooter","MenuHeader","navHeader","navContent","config","appConfig","NavigationContext","createContext","visible","setVisible","displayName","BrandImpl","BrandWithHamburger","NavigationProvider","Component","props","context","NavigationImpl","Navigation","menuItems","hideDrawer","mainMenu","filter","m","tags","includes","footerMenu","wbyVersion","getKey","process","env","REACT_APP_WEBINY_VERSION","menuSorter","a","b","pin","label","localeCompare","SortedMenuItems","sort"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,WAA1B,EAAuCC,UAAvC,EAAmDC,OAAnD,EAA4DC,QAA5D,QAA4E,OAA5E;AACA,SAASC,MAAT,EAAiBC,aAAjB,EAAgCC,YAAhC,QAAoD,mBAApD;AACA,SACIC,OADJ,EAEIC,QAFJ,EAGIC,kBAAkB,IAAIC,cAH1B,EAIIC,SAJJ,EAKIC,gBALJ,EAMIC,KAAK,IAAIC,SANb,EAOIC,aAAa,IAAIC,kBAPrB,QAWO,mBAXP;AAYA,OAAOC,SAAP;AACA,SAASC,iBAAT;AACA,SAASC,uBAAT;AACA,SAASC,mBAAT;AACA,SAASC,gBAAT;AACA,SAASC,mBAAT;AACA,SAASC,IAAT,EAAeC,QAAf,QAA+B,iBAA/B;AACA,SAASC,UAAT,EAAqBC,SAArB,EAAgCC,UAAhC,EAA4CC,SAA5C,EAAuDC,UAAvD;AACA,SAASC,MAAM,IAAIC,SAAnB,QAAoC,oBAApC;AAOA,IAAMC,iBAAiB,gBAAGlC,KAAK,CAACmC,aAAN,CAAuC;AAC7DC,EAAAA,OAAO,EAAE,KADoD;AAE7DC,EAAAA,UAAU,EAAE,sBAAM;AACd,WAAO,KAAK,CAAZ;AACH;AAJ4D,CAAvC,CAA1B;AAMAH,iBAAiB,CAACI,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,SAASrB,aAAT,GAA4C;AAC/C,SAAOd,UAAU,CAAC+B,iBAAD,CAAjB;AACH;;AAED,IAAMK,SAA+B,GAAG,SAAlCA,SAAkC,CAAAxB,KAAK,EAAI;AAC7C,SAAO,SAASyB,kBAAT,GAA8B;AACjC,wBACI,oBAAC,QAAD,qBACI,oBAAC,SAAD,OADJ,eAEI,oBAAC,KAAD,OAFJ,CADJ;AAMH,GAPD;AAQH,CATD,C,CAUA;;;AACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAwC;AAC/D;AACA,SAAO,SAASD,kBAAT,CAA4BE,KAA5B,EAAwC;AAC3C,oBAA8BtC,QAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,QAAO+B,OAAP;AAAA,QAAgBC,UAAhB;;AAEA,QAAMO,OAAO,GAAGxC,OAAO,CAAC;AAAA,aAAO;AAAEgC,QAAAA,OAAO,EAAPA,OAAF;AAAWC,QAAAA,UAAU,EAAVA;AAAX,OAAP;AAAA,KAAD,EAAkC,CAACD,OAAD,CAAlC,CAAvB;AAEA,wBACI,oBAAC,iBAAD,CAAmB,QAAnB;AAA4B,MAAA,KAAK,EAAEQ;AAAnC,oBACI,oBAAC,SAAD,EAAeD,KAAf,CADJ,CADJ;AAKH,GAVD;AAWH,CAbD;;AAeA,OAAO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,GAAgB;AAC1C,SAAO,SAASC,UAAT,GAAsB;AACzB,8BAAsB5B,kBAAkB,EAAxC;AAAA,QAAQ6B,SAAR,uBAAQA,SAAR;;AACA,yBAAgC9B,aAAa,EAA7C;AAAA,QAAQmB,OAAR,kBAAQA,OAAR;AAAA,QAAiBC,UAAjB,kBAAiBA,UAAjB;;AAEA,QAAMW,UAAU,GAAG9C,WAAW,CAAC,YAAM;AACjCmC,MAAAA,UAAU,CAAC,KAAD,CAAV;AACH,KAF6B,EAE3B,EAF2B,CAA9B;AAIA,QAAMY,QAAQ,GAAG7C,OAAO,CACpB;AAAA,aAAM2C,SAAS,CAACG,MAAV,CAAiB,UAAAC,CAAC;AAAA,eAAI,CAAC,CAACA,CAAC,CAACC,IAAF,IAAU,EAAX,EAAeC,QAAf,CAAwB,QAAxB,CAAL;AAAA,OAAlB,CAAN;AAAA,KADoB,EAEpB,CAACN,SAAD,CAFoB,CAAxB;AAKA,QAAMO,UAAU,GAAGlD,OAAO,CACtB;AAAA,aAAM2C,SAAS,CAACG,MAAV,CAAiB,UAAAC,CAAC;AAAA,eAAI,CAACA,CAAC,CAACC,IAAF,IAAU,EAAX,EAAeC,QAAf,CAAwB,QAAxB,CAAJ;AAAA,OAAlB,CAAN;AAAA,KADsB,EAEtB,CAACN,SAAD,CAFsB,CAA1B;AAKA,QAAMQ,UAAU,GAAGtB,SAAS,CAACuB,MAAV,CAAiB,gBAAjB,EAAmCC,OAAO,CAACC,GAAR,CAAYC,wBAA/C,CAAnB;AAEA,wBACI,oBAAC,MAAD;AAAQ,MAAA,KAAK,MAAb;AAAc,MAAA,IAAI,EAAEvB,OAApB;AAA6B,MAAA,OAAO,EAAEY;AAAtC,oBACI,oBAAC,YAAD;AAAc,MAAA,SAAS,EAAElB;AAAzB,oBACI,oBAAC,UAAD,qBACI,oBAAC,SAAD,OADJ,CADJ,CADJ,eAMI,oBAAC,aAAD;AAAe,MAAA,SAAS,EAAEC;AAA1B,oBACI,oBAAC,SAAD;AAAW,MAAA,SAAS,EAAEkB;AAAtB,MADJ,CANJ,eASI,oBAAC,UAAD,qBACI,oBAAC,IAAD;AAAM,MAAA,cAAc;AAApB,oBACI,oBAAC,SAAD;AAAW,MAAA,SAAS,EAAEK;AAAtB,MADJ,eAEI,oBAAC,QAAD;AAAU,MAAA,MAAM,EAAE,KAAlB;AAAyB,MAAA,SAAS,EAAE1B;AAApC,mBACa2B,UADb,CAFJ,CADJ,CATJ,CADJ;AAoBH,GAxCD;AAyCH,CA1CM;;AA4CP,IAAMK,UAAU,GAAG,SAAbA,UAAa,CAACC,CAAD,EAAcC,CAAd,EAAsC;AACrD,MAAID,CAAC,CAACE,GAAF,KAAUD,CAAC,CAACC,GAAhB,EAAqB;AACjB,WAAO,CAACF,CAAC,CAACG,KAAF,IAAW,EAAZ,EAAgBC,aAAhB,CAA8BH,CAAC,CAACE,KAAF,IAAW,EAAzC,CAAP;AACH;;AAED,MAAIH,CAAC,CAACE,GAAN,EAAW;AACP,WAAOF,CAAC,CAACE,GAAF,KAAU,OAAV,GAAoB,CAAC,CAArB,GAAyB,CAAhC;AACH;;AAED,MAAID,CAAC,CAACC,GAAN,EAAW;AACP,WAAOD,CAAC,CAACC,GAAF,KAAU,OAAV,GAAoB,CAApB,GAAwB,CAAC,CAAhC;AACH;;AAED,SAAO,CAACF,CAAC,CAACG,KAAF,IAAW,EAAZ,EAAgBC,aAAhB,CAA8BH,CAAC,CAACE,KAAF,IAAW,EAAzC,CAAP;AACH,CAdD;;AAgBA,IAAME,eAAqD,GAAG,SAAxDA,eAAwD,CAAArD,SAAS,EAAI;AACvE,SAAO,SAASqD,eAAT,OAAwC;AAAA,QAAbnB,SAAa,QAAbA,SAAa;AAC3C,wBAAO,oBAAC,SAAD;AAAW,MAAA,SAAS,EAAE,mBAAIA,SAAJ,EAAeoB,IAAf,CAAoBP,UAApB;AAAtB,MAAP;AACH,GAFD;AAGH,CAJD;AAKA;AACA;AACA;AACA;;;AACA,OAAO,IAAMd,UAAoB,GAAG,SAAvBA,UAAuB,GAAM;AACtC,sBACI,oBAAC,QAAD,qBACI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEL;AAAf,IADJ,eAEI,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAE7B,cAApB;AAAoC,IAAA,IAAI,EAAEiC;AAA1C,IAFJ,eAGI,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEhC,SAApB;AAAsC,IAAA,IAAI,EAAEqD;AAA5C,IAHJ,eAII,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAElD,SAApB;AAA+B,IAAA,IAAI,EAAEuB;AAArC,IAJJ,eAKI,oBAAC,OAAD;AACI,IAAA,SAAS,EAAEzB,gBADf;AAEI,IAAA,IAAI,EAAE,CACFM,iBADE,EAEFC,uBAFE,EAGFC,mBAHE,EAIFC,gBAJE,EAKFC,mBALE;AAFV,IALJ,CADJ;AAkBH,CAnBM","sourcesContent":["import React, { Fragment, useCallback, useContext, useMemo, useState } from \"react\";\nimport { Drawer, DrawerContent, DrawerHeader } from \"@webiny/ui/Drawer\";\nimport {\n    Compose,\n    Provider,\n    NavigationRenderer as NavigationSpec,\n    MenuItems,\n    MenuItemRenderer,\n    Brand as BrandSpec,\n    useNavigation as useAdminNavigation,\n    MenuData,\n    MenuItemsProps,\n    HigherOrderComponent\n} from \"@webiny/app-admin\";\nimport Hamburger from \"./Hamburger\";\nimport { MenuGroupRenderer } from \"./renderers/MenuGroupRenderer\";\nimport { MenuSectionItemRenderer } from \"./renderers/MenuSectionItemRenderer\";\nimport { MenuSectionRenderer } from \"./renderers/MenuSectionRenderer\";\nimport { MenuLinkRenderer } from \"./renderers/MenuLinkRenderer\";\nimport { MenuElementRenderer } from \"./renderers/MenuElementRenderer\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { MenuFooter, subFooter, MenuHeader, navHeader, navContent } from \"./Styled\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\ninterface NavigationContext {\n    visible: boolean;\n    setVisible(visible: boolean): void;\n}\n\nconst NavigationContext = React.createContext<NavigationContext>({\n    visible: false,\n    setVisible: () => {\n        return void 0;\n    }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation(): NavigationContext {\n    return useContext(NavigationContext);\n}\n\nconst BrandImpl: HigherOrderComponent = Brand => {\n    return function BrandWithHamburger() {\n        return (\n            <Fragment>\n                <Hamburger />\n                <Brand />\n            </Fragment>\n        );\n    };\n};\n// TODO @ts-refactor\nconst NavigationProvider = (Component: React.FC<any>): React.FC => {\n    // TODO @ts-refactor\n    return function NavigationProvider(props: any) {\n        const [visible, setVisible] = useState(false);\n\n        const context = useMemo(() => ({ visible, setVisible }), [visible]);\n\n        return (\n            <NavigationContext.Provider value={context}>\n                <Component {...props} />\n            </NavigationContext.Provider>\n        );\n    };\n};\n\nexport const NavigationImpl = (): React.FC => {\n    return function Navigation() {\n        const { menuItems } = useAdminNavigation();\n        const { visible, setVisible } = useNavigation();\n\n        const hideDrawer = useCallback(() => {\n            setVisible(false);\n        }, []);\n\n        const mainMenu = useMemo(\n            () => menuItems.filter(m => !(m.tags || []).includes(\"footer\")),\n            [menuItems]\n        );\n\n        const footerMenu = useMemo(\n            () => menuItems.filter(m => (m.tags || []).includes(\"footer\")),\n            [menuItems]\n        );\n\n        const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n\n        return (\n            <Drawer modal open={visible} onClose={hideDrawer}>\n                <DrawerHeader className={navHeader}>\n                    <MenuHeader>\n                        <BrandSpec />\n                    </MenuHeader>\n                </DrawerHeader>\n                <DrawerContent className={navContent}>\n                    <MenuItems menuItems={mainMenu} />\n                </DrawerContent>\n                <MenuFooter>\n                    <List nonInteractive>\n                        <MenuItems menuItems={footerMenu} />\n                        <ListItem ripple={false} className={subFooter}>\n                            Webiny v{wbyVersion}\n                        </ListItem>\n                    </List>\n                </MenuFooter>\n            </Drawer>\n        );\n    };\n};\n\nconst menuSorter = (a: MenuData, b: MenuData): number => {\n    if (a.pin === b.pin) {\n        return (a.label || \"\").localeCompare(b.label || \"\");\n    }\n\n    if (a.pin) {\n        return a.pin === \"first\" ? -1 : 1;\n    }\n\n    if (b.pin) {\n        return b.pin === \"first\" ? 1 : -1;\n    }\n\n    return (a.label || \"\").localeCompare(b.label || \"\");\n};\n\nconst SortedMenuItems: HigherOrderComponent<MenuItemsProps> = MenuItems => {\n    return function SortedMenuItems({ menuItems }) {\n        return <MenuItems menuItems={[...menuItems].sort(menuSorter)} />;\n    };\n};\n/**\n * TODO @ts-refactor @pavel\n * Remove all any and see what happens.\n */\nexport const Navigation: React.FC = () => {\n    return (\n        <Fragment>\n            <Provider hoc={NavigationProvider} />\n            <Compose component={NavigationSpec} with={NavigationImpl} />\n            <Compose component={MenuItems as any} with={SortedMenuItems as any} />\n            <Compose component={BrandSpec} with={BrandImpl} />\n            <Compose\n                component={MenuItemRenderer}\n                with={[\n                    MenuGroupRenderer,\n                    MenuSectionItemRenderer,\n                    MenuSectionRenderer,\n                    MenuLinkRenderer,\n                    MenuElementRenderer\n                ]}\n            />\n        </Fragment>\n    );\n};\n"]}
+{"version":3,"names":["NavigationContext","React","createContext","visible","setVisible","displayName","useNavigation","useContext","BrandImpl","Brand","BrandWithHamburger","NavigationProvider","Component","props","useState","context","useMemo","NavigationImpl","Navigation","useAdminNavigation","menuItems","hideDrawer","useCallback","mainMenu","filter","m","tags","includes","footerMenu","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","navHeader","navContent","subFooter","menuSorter","a","b","pin","label","localeCompare","SortedMenuItems","MenuItems","sort","NavigationSpec","BrandSpec","MenuItemRenderer","MenuGroupRenderer","MenuSectionItemRenderer","MenuSectionRenderer","MenuLinkRenderer","MenuElementRenderer"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useContext, useMemo, useState } from \"react\";\nimport { Drawer, DrawerContent, DrawerHeader } from \"@webiny/ui/Drawer\";\nimport {\n    Compose,\n    Provider,\n    NavigationRenderer as NavigationSpec,\n    MenuItems,\n    MenuItemRenderer,\n    Brand as BrandSpec,\n    useNavigation as useAdminNavigation,\n    MenuData,\n    MenuItemsProps,\n    HigherOrderComponent\n} from \"@webiny/app-admin\";\nimport Hamburger from \"./Hamburger\";\nimport { MenuGroupRenderer } from \"./renderers/MenuGroupRenderer\";\nimport { MenuSectionItemRenderer } from \"./renderers/MenuSectionItemRenderer\";\nimport { MenuSectionRenderer } from \"./renderers/MenuSectionRenderer\";\nimport { MenuLinkRenderer } from \"./renderers/MenuLinkRenderer\";\nimport { MenuElementRenderer } from \"./renderers/MenuElementRenderer\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { MenuFooter, subFooter, MenuHeader, navHeader, navContent } from \"./Styled\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\ninterface NavigationContext {\n    visible: boolean;\n    setVisible(visible: boolean): void;\n}\n\nconst NavigationContext = React.createContext<NavigationContext>({\n    visible: false,\n    setVisible: () => {\n        return void 0;\n    }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation(): NavigationContext {\n    return useContext(NavigationContext);\n}\n\nconst BrandImpl: HigherOrderComponent = Brand => {\n    return function BrandWithHamburger() {\n        return (\n            <Fragment>\n                <Hamburger />\n                <Brand />\n            </Fragment>\n        );\n    };\n};\n// TODO @ts-refactor\nconst NavigationProvider = (Component: React.FC<any>): React.FC => {\n    // TODO @ts-refactor\n    return function NavigationProvider(props: any) {\n        const [visible, setVisible] = useState(false);\n\n        const context = useMemo(() => ({ visible, setVisible }), [visible]);\n\n        return (\n            <NavigationContext.Provider value={context}>\n                <Component {...props} />\n            </NavigationContext.Provider>\n        );\n    };\n};\n\nexport const NavigationImpl = (): React.FC => {\n    return function Navigation() {\n        const { menuItems } = useAdminNavigation();\n        const { visible, setVisible } = useNavigation();\n\n        const hideDrawer = useCallback(() => {\n            setVisible(false);\n        }, []);\n\n        const mainMenu = useMemo(\n            () => menuItems.filter(m => !(m.tags || []).includes(\"footer\")),\n            [menuItems]\n        );\n\n        const footerMenu = useMemo(\n            () => menuItems.filter(m => (m.tags || []).includes(\"footer\")),\n            [menuItems]\n        );\n\n        const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n\n        return (\n            <Drawer modal open={visible} onClose={hideDrawer}>\n                <DrawerHeader className={navHeader}>\n                    <MenuHeader>\n                        <BrandSpec />\n                    </MenuHeader>\n                </DrawerHeader>\n                <DrawerContent className={navContent}>\n                    <MenuItems menuItems={mainMenu} />\n                </DrawerContent>\n                <MenuFooter>\n                    <List nonInteractive>\n                        <MenuItems menuItems={footerMenu} />\n                        <ListItem ripple={false} className={subFooter}>\n                            Webiny v{wbyVersion}\n                        </ListItem>\n                    </List>\n                </MenuFooter>\n            </Drawer>\n        );\n    };\n};\n\nconst menuSorter = (a: MenuData, b: MenuData): number => {\n    if (a.pin === b.pin) {\n        return (a.label || \"\").localeCompare(b.label || \"\");\n    }\n\n    if (a.pin) {\n        return a.pin === \"first\" ? -1 : 1;\n    }\n\n    if (b.pin) {\n        return b.pin === \"first\" ? 1 : -1;\n    }\n\n    return (a.label || \"\").localeCompare(b.label || \"\");\n};\n\nconst SortedMenuItems: HigherOrderComponent<MenuItemsProps> = MenuItems => {\n    return function SortedMenuItems({ menuItems }) {\n        return <MenuItems menuItems={[...menuItems].sort(menuSorter)} />;\n    };\n};\n/**\n * TODO @ts-refactor @pavel\n * Remove all any and see what happens.\n */\nexport const Navigation: React.FC = () => {\n    return (\n        <Fragment>\n            <Provider hoc={NavigationProvider} />\n            <Compose component={NavigationSpec} with={NavigationImpl} />\n            <Compose component={MenuItems as any} with={SortedMenuItems as any} />\n            <Compose component={BrandSpec} with={BrandImpl} />\n            <Compose\n                component={MenuItemRenderer}\n                with={[\n                    MenuGroupRenderer,\n                    MenuSectionItemRenderer,\n                    MenuSectionRenderer,\n                    MenuLinkRenderer,\n                    MenuElementRenderer\n                ]}\n            />\n        </Fragment>\n    );\n};\n"],"mappings":"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"}

package/modules/Navigation/renderers/MenuElementRenderer.js

@@ -1,14 +1,27 @@
-import React from "react";
-import { useMenuItem } from "@webiny/app-admin";
-export var MenuElementRenderer = function MenuElementRenderer(PrevMenuItem) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuElementRenderer = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdmin = require("@webiny/app-admin");
+
+var MenuElementRenderer = function MenuElementRenderer(PrevMenuItem) {
   return function MenuComponent() {
-    var _useMenuItem = useMenuItem(),
+    var _useMenuItem = (0, _appAdmin.useMenuItem)(),
         menuItem = _useMenuItem.menuItem;
 
     if (!menuItem || !menuItem.element) {
-      return /*#__PURE__*/React.createElement(PrevMenuItem, null);
+      return /*#__PURE__*/_react.default.createElement(PrevMenuItem, null);
     }
 
     return menuItem.element;
   };
-};
+};
+
+exports.MenuElementRenderer = MenuElementRenderer;

package/modules/Navigation/renderers/MenuElementRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuElementRenderer.tsx"],"names":["React","useMenuItem","MenuElementRenderer","PrevMenuItem","MenuComponent","menuItem","element"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,mBAA5B;AAEA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,YAAD,EAAsC;AACrE,SAAO,SAASC,aAAT,GAAyB;AAC5B,uBAAqBH,WAAW,EAAhC;AAAA,QAAQI,QAAR,gBAAQA,QAAR;;AACA,QAAI,CAACA,QAAD,IAAa,CAACA,QAAQ,CAACC,OAA3B,EAAoC;AAChC,0BAAO,oBAAC,YAAD,OAAP;AACH;;AAED,WAAOD,QAAQ,CAACC,OAAhB;AACH,GAPD;AAQH,CATM","sourcesContent":["import React from \"react\";\nimport { useMenuItem } from \"@webiny/app-admin\";\n\nexport const MenuElementRenderer = (PrevMenuItem: React.FC): React.FC => {\n    return function MenuComponent() {\n        const { menuItem } = useMenuItem();\n        if (!menuItem || !menuItem.element) {\n            return <PrevMenuItem />;\n        }\n\n        return menuItem.element;\n    };\n};\n"]}
+{"version":3,"names":["MenuElementRenderer","PrevMenuItem","MenuComponent","useMenuItem","menuItem","element"],"sources":["MenuElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useMenuItem } from \"@webiny/app-admin\";\n\nexport const MenuElementRenderer = (PrevMenuItem: React.FC): React.FC => {\n    return function MenuComponent() {\n        const { menuItem } = useMenuItem();\n        if (!menuItem || !menuItem.element) {\n            return <PrevMenuItem />;\n        }\n\n        return menuItem.element;\n    };\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,YAAD,EAAsC;EACrE,OAAO,SAASC,aAAT,GAAyB;IAC5B,mBAAqB,IAAAC,qBAAA,GAArB;IAAA,IAAQC,QAAR,gBAAQA,QAAR;;IACA,IAAI,CAACA,QAAD,IAAa,CAACA,QAAQ,CAACC,OAA3B,EAAoC;MAChC,oBAAO,6BAAC,YAAD,OAAP;IACH;;IAED,OAAOD,QAAQ,CAACC,OAAhB;EACH,CAPD;AAQH,CATM"}