@webiny/app-admin-rmwc 0.0.0-unstable.99666aeb00 → 0.0.0-unstable.a9593f74dd

package/index.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
-export declare const RMWC: React.FC;
+/// <reference types="react" />
+export declare const RMWC: () => JSX.Element;

package/index.js

@@ -11,11 +11,12 @@ var _provider = require("@rmwc/provider");
 var _Layout = require("./modules/Layout");
 var _Navigation = require("./modules/Navigation");
 var _Brand = require("./modules/Brand");
-var _Search = require("./modules/Search");
 var _UserMenu = require("./modules/UserMenu");
 var _Overlays = require("./modules/Overlays");
 var _NotFound = require("./modules/NotFound");
 var _Dashboard = require("./modules/Dashboard");
+// import { Search } from "~/modules/Search"; Removed in 5.37.0, it will be refactored later
+
 var RMWCProviderPlugin = (0, _appAdmin.createProviderPlugin)(function (Component) {
   return function RMWCThemeProvider(_ref) {
     var children = _ref.children;
@@ -25,6 +26,8 @@ var RMWCProviderPlugin = (0, _appAdmin.createProviderPlugin)(function (Component
   };
 });
 var RMWC = function RMWC() {
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(RMWCProviderPlugin, null), /*#__PURE__*/_react.default.createElement(_Layout.Layout, null), /*#__PURE__*/_react.default.createElement(_Dashboard.Dashboard, null), /*#__PURE__*/_react.default.createElement(_NotFound.NotFound, null), /*#__PURE__*/_react.default.createElement(_Brand.Brand, null), /*#__PURE__*/_react.default.createElement(_Navigation.Navigation, null), /*#__PURE__*/_react.default.createElement(_Search.Search, null), /*#__PURE__*/_react.default.createElement(_UserMenu.UserMenu, null), /*#__PURE__*/_react.default.createElement(_Overlays.Overlays, null));
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(RMWCProviderPlugin, null), /*#__PURE__*/_react.default.createElement(_Layout.Layout, null), /*#__PURE__*/_react.default.createElement(_Dashboard.Dashboard, null), /*#__PURE__*/_react.default.createElement(_NotFound.NotFound, null), /*#__PURE__*/_react.default.createElement(_Brand.Brand, null), /*#__PURE__*/_react.default.createElement(_Navigation.Navigation, null), /*#__PURE__*/_react.default.createElement(_UserMenu.UserMenu, null), /*#__PURE__*/_react.default.createElement(_Overlays.Overlays, null));
 };
-exports.RMWC = RMWC;
+exports.RMWC = RMWC;
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["RMWCProviderPlugin","createProviderPlugin","Component","RMWCThemeProvider","children","RMWC"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { createProviderPlugin } from \"@webiny/app-admin\";\nimport { RMWCProvider } from \"@rmwc/provider\";\n\nimport { Layout } from \"./modules/Layout\";\nimport { Navigation } from \"./modules/Navigation\";\nimport { Brand } from \"./modules/Brand\";\nimport { Search } from \"~/modules/Search\";\nimport { UserMenu } from \"~/modules/UserMenu\";\nimport { Overlays } from \"./modules/Overlays\";\nimport { NotFound } from \"./modules/NotFound\";\nimport { Dashboard } from \"./modules/Dashboard\";\n\nconst RMWCProviderPlugin = createProviderPlugin(Component => {\n    return function RMWCThemeProvider({ children }) {\n        return (\n            <RMWCProvider ripple={false}>\n                <Component>{children}</Component>\n            </RMWCProvider>\n        );\n    };\n});\n\nexport const RMWC: React.FC = () => {\n    return (\n        <Fragment>\n            <RMWCProviderPlugin />\n            <Layout />\n            <Dashboard />\n            <NotFound />\n            <Brand />\n            <Navigation />\n            <Search />\n            <UserMenu />\n            <Overlays />\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,kBAAkB,GAAG,IAAAC,8BAAoB,EAAC,UAAAC,SAAS,EAAI;EACzD,OAAO,SAASC,iBAAiB,OAAe;IAAA,IAAZC,QAAQ,QAARA,QAAQ;IACxC,oBACI,6BAAC,sBAAY;MAAC,MAAM,EAAE;IAAM,gBACxB,6BAAC,SAAS,QAAEA,QAAQ,CAAa,CACtB;EAEvB,CAAC;AACL,CAAC,CAAC;AAEK,IAAMC,IAAc,GAAG,SAAjBA,IAAc,GAAS;EAChC,oBACI,6BAAC,eAAQ,qBACL,6BAAC,kBAAkB,OAAG,eACtB,6BAAC,cAAM,OAAG,eACV,6BAAC,oBAAS,OAAG,eACb,6BAAC,kBAAQ,OAAG,eACZ,6BAAC,YAAK,OAAG,eACT,6BAAC,sBAAU,OAAG,eACd,6BAAC,cAAM,OAAG,eACV,6BAAC,kBAAQ,OAAG,eACZ,6BAAC,kBAAQ,OAAG,CACL;AAEnB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_provider","_Layout","_Navigation","_Brand","_UserMenu","_Overlays","_NotFound","_Dashboard","RMWCProviderPlugin","createProviderPlugin","Component","RMWCThemeProvider","_ref","children","default","createElement","RMWCProvider","ripple","RMWC","Fragment","Layout","Dashboard","NotFound","Brand","Navigation","UserMenu","Overlays","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { createProviderPlugin } from \"@webiny/app-admin\";\nimport { RMWCProvider } from \"@rmwc/provider\";\n\nimport { Layout } from \"./modules/Layout\";\nimport { Navigation } from \"./modules/Navigation\";\nimport { Brand } from \"./modules/Brand\";\n// import { Search } from \"~/modules/Search\"; Removed in 5.37.0, it will be refactored later\nimport { UserMenu } from \"~/modules/UserMenu\";\nimport { Overlays } from \"./modules/Overlays\";\nimport { NotFound } from \"./modules/NotFound\";\nimport { Dashboard } from \"./modules/Dashboard\";\n\nconst RMWCProviderPlugin = createProviderPlugin(Component => {\n    return function RMWCThemeProvider({ children }) {\n        return (\n            <RMWCProvider ripple={false}>\n                <Component>{children}</Component>\n            </RMWCProvider>\n        );\n    };\n});\n\nexport const RMWC = () => {\n    return (\n        <Fragment>\n            <RMWCProviderPlugin />\n            <Layout />\n            <Dashboard />\n            <NotFound />\n            <Brand />\n            <Navigation />\n            {/*<Search />*/}\n            <UserMenu />\n            <Overlays />\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAJA;;AAMA,IAAMU,kBAAkB,GAAG,IAAAC,8BAAoB,EAAC,UAAAC,SAAS,EAAI;EACzD,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAAe;IAAA,IAAZC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACxC,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,SAAA,CAAAgB,YAAY;MAACC,MAAM,EAAE;IAAM,gBACxBrB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACL,SAAS,QAAEG,QAAoB,CACtB,CAAC;EAEvB,CAAC;AACL,CAAC,CAAC;AAEK,IAAMK,IAAI,GAAG,SAAPA,IAAIA,CAAA,EAAS;EACtB,oBACItB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACnB,MAAA,CAAAuB,QAAQ,qBACLvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACP,kBAAkB,MAAE,CAAC,eACtBZ,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAmB,MAAM,MAAE,CAAC,eACVxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAc,SAAS,MAAE,CAAC,eACbzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACT,SAAA,CAAAgB,QAAQ,MAAE,CAAC,eACZ1B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAoB,KAAK,MAAE,CAAC,eACT3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,WAAA,CAAAsB,UAAU,MAAE,CAAC,eAEd5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,SAAA,CAAAqB,QAAQ,MAAE,CAAC,eACZ7B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,SAAA,CAAAqB,QAAQ,MAAE,CACL,CAAC;AAEnB,CAAC;AAACC,OAAA,CAAAT,IAAA,GAAAA,IAAA"}

package/modules/Brand/index.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
-export declare const Brand: React.FC;
+/// <reference types="react" />
+export declare const Brand: () => JSX.Element;

package/modules/Brand/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Brand = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _appAdmin = require("@webiny/app-admin");
-var _reactRouter = require("@webiny/react-router/");
+var _reactRouter = require("@webiny/react-router");
 var _webinyLogo = require("./webiny-logo.svg");
 var _Navigation = require("../Navigation");
 var BrandImpl = function BrandImpl() {
@@ -54,4 +54,6 @@ var Brand = function Brand() {
     logo: /*#__PURE__*/_react.default.createElement(WebinyLogo, null)
   }));
 };
-exports.Brand = Brand;
+exports.Brand = Brand;
+
+//# sourceMappingURL=index.js.map

package/modules/Brand/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["BrandImpl","BrandRenderer","useTags","location","useNavigation","setVisible","inApp","includes","String","onClick","useCallback","WebinyLogo","isLoginScreen","isAppBar","isInstaller","color","width","height","paddingLeft","Brand"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment, useCallback } from \"react\";\nimport {\n    Compose,\n    BrandRenderer,\n    HigherOrderComponent,\n    useTags,\n    Logo,\n    AddLogo\n} from \"@webiny/app-admin\";\nimport { Link } from \"@webiny/react-router/\";\nimport { ReactComponent as LogoIcon } from \"./webiny-logo.svg\";\nimport { useNavigation } from \"../Navigation\";\n\nconst BrandImpl: HigherOrderComponent = () => {\n    return function BrandRenderer() {\n        const { location } = useTags();\n        const { setVisible } = useNavigation();\n        const inApp = [\"appBar\", \"navigation\"].includes(String(location));\n\n        const onClick = useCallback(() => {\n            location === \"navigation\" ? setVisible(false) : null;\n        }, []);\n\n        if (!inApp) {\n            return <Logo />;\n        }\n\n        return (\n            <Link to={\"/\"} onClick={onClick}>\n                <Logo />\n            </Link>\n        );\n    };\n};\n\nconst WebinyLogo: React.FC = () => {\n    const { location } = useTags();\n    const isLoginScreen = location === \"loginScreen\";\n    const isAppBar = location === \"appBar\";\n    const isInstaller = location === \"installer\";\n    const inApp = !isInstaller && !isLoginScreen;\n\n    const color = isAppBar ? \"white\" : \"var(--mdc-theme-primary)\";\n\n    return (\n        <LogoIcon\n            style={{\n                width: !inApp ? 125 : 100,\n                height: !inApp ? \"auto\" : 30,\n                paddingLeft: !inApp ? 0 : 20,\n                color\n            }}\n        />\n    );\n};\n\nexport const Brand: React.FC = () => {\n    return (\n        <Fragment>\n            <Compose component={BrandRenderer} with={BrandImpl} />\n            <AddLogo logo={<WebinyLogo />} />\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAQA;AACA;AACA;AAEA,IAAMA,SAA+B,GAAG,SAAlCA,SAA+B,GAAS;EAC1C,OAAO,SAASC,aAAa,GAAG;IAC5B,eAAqB,IAAAC,iBAAO,GAAE;MAAtBC,QAAQ,YAARA,QAAQ;IAChB,qBAAuB,IAAAC,yBAAa,GAAE;MAA9BC,UAAU,kBAAVA,UAAU;IAClB,IAAMC,KAAK,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACC,MAAM,CAACL,QAAQ,CAAC,CAAC;IAEjE,IAAMM,OAAO,GAAG,IAAAC,kBAAW,EAAC,YAAM;MAC9BP,QAAQ,KAAK,YAAY,GAAGE,UAAU,CAAC,KAAK,CAAC,GAAG,IAAI;IACxD,CAAC,EAAE,EAAE,CAAC;IAEN,IAAI,CAACC,KAAK,EAAE;MACR,oBAAO,6BAAC,cAAI,OAAG;IACnB;IAEA,oBACI,6BAAC,iBAAI;MAAC,EAAE,EAAE,GAAI;MAAC,OAAO,EAAEG;IAAQ,gBAC5B,6BAAC,cAAI,OAAG,CACL;EAEf,CAAC;AACL,CAAC;AAED,IAAME,UAAoB,GAAG,SAAvBA,UAAoB,GAAS;EAC/B,gBAAqB,IAAAT,iBAAO,GAAE;IAAtBC,QAAQ,aAARA,QAAQ;EAChB,IAAMS,aAAa,GAAGT,QAAQ,KAAK,aAAa;EAChD,IAAMU,QAAQ,GAAGV,QAAQ,KAAK,QAAQ;EACtC,IAAMW,WAAW,GAAGX,QAAQ,KAAK,WAAW;EAC5C,IAAMG,KAAK,GAAG,CAACQ,WAAW,IAAI,CAACF,aAAa;EAE5C,IAAMG,KAAK,GAAGF,QAAQ,GAAG,OAAO,GAAG,0BAA0B;EAE7D,oBACI,6BAAC,0BAAQ;IACL,KAAK,EAAE;MACHG,KAAK,EAAE,CAACV,KAAK,GAAG,GAAG,GAAG,GAAG;MACzBW,MAAM,EAAE,CAACX,KAAK,GAAG,MAAM,GAAG,EAAE;MAC5BY,WAAW,EAAE,CAACZ,KAAK,GAAG,CAAC,GAAG,EAAE;MAC5BS,KAAK,EAALA;IACJ;EAAE,EACJ;AAEV,CAAC;AAEM,IAAMI,KAAe,GAAG,SAAlBA,KAAe,GAAS;EACjC,oBACI,6BAAC,eAAQ,qBACL,6BAAC,iBAAO;IAAC,SAAS,EAAElB,uBAAc;IAAC,IAAI,EAAED;EAAU,EAAG,eACtD,6BAAC,iBAAO;IAAC,IAAI,eAAE,6BAAC,UAAU;EAAI,EAAG,CAC1B;AAEnB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_reactRouter","_webinyLogo","_Navigation","BrandImpl","BrandRenderer","_useTags","useTags","location","_useNavigation","useNavigation","setVisible","inApp","includes","String","onClick","useCallback","default","createElement","Logo","Link","to","WebinyLogo","_useTags2","isLoginScreen","isAppBar","isInstaller","color","ReactComponent","style","width","height","paddingLeft","Brand","Fragment","Compose","component","with","AddLogo","logo","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment, useCallback } from \"react\";\nimport {\n    Compose,\n    BrandRenderer,\n    HigherOrderComponent,\n    useTags,\n    Logo,\n    AddLogo\n} from \"@webiny/app-admin\";\nimport { Link } from \"@webiny/react-router\";\nimport { ReactComponent as LogoIcon } from \"./webiny-logo.svg\";\nimport { useNavigation } from \"../Navigation\";\n\nconst BrandImpl: HigherOrderComponent = () => {\n    return function BrandRenderer() {\n        const { location } = useTags();\n        const { setVisible } = useNavigation();\n        const inApp = [\"appBar\", \"navigation\"].includes(String(location));\n\n        const onClick = useCallback(() => {\n            location === \"navigation\" ? setVisible(false) : null;\n        }, []);\n\n        if (!inApp) {\n            return <Logo />;\n        }\n\n        return (\n            <Link to={\"/\"} onClick={onClick}>\n                <Logo />\n            </Link>\n        );\n    };\n};\n\nconst WebinyLogo = () => {\n    const { location } = useTags();\n    const isLoginScreen = location === \"loginScreen\";\n    const isAppBar = location === \"appBar\";\n    const isInstaller = location === \"installer\";\n    const inApp = !isInstaller && !isLoginScreen;\n\n    const color = isAppBar ? \"white\" : \"var(--mdc-theme-primary)\";\n\n    return (\n        <LogoIcon\n            style={{\n                width: !inApp ? 125 : 100,\n                height: !inApp ? \"auto\" : 30,\n                paddingLeft: !inApp ? 0 : 20,\n                color\n            }}\n        />\n    );\n};\n\nexport const Brand = () => {\n    return (\n        <Fragment>\n            <Compose component={BrandRenderer} with={BrandImpl} />\n            <AddLogo logo={<WebinyLogo />} />\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAQA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAMK,SAA+B,GAAG,SAAlCA,SAA+BA,CAAA,EAAS;EAC1C,OAAO,SAASC,aAAaA,CAAA,EAAG;IAC5B,IAAAC,QAAA,GAAqB,IAAAC,iBAAO,EAAC,CAAC;MAAtBC,QAAQ,GAAAF,QAAA,CAARE,QAAQ;IAChB,IAAAC,cAAA,GAAuB,IAAAC,yBAAa,EAAC,CAAC;MAA9BC,UAAU,GAAAF,cAAA,CAAVE,UAAU;IAClB,IAAMC,KAAK,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACC,MAAM,CAACN,QAAQ,CAAC,CAAC;IAEjE,IAAMO,OAAO,GAAG,IAAAC,kBAAW,EAAC,YAAM;MAC9BR,QAAQ,KAAK,YAAY,GAAGG,UAAU,CAAC,KAAK,CAAC,GAAG,IAAI;IACxD,CAAC,EAAE,EAAE,CAAC;IAEN,IAAI,CAACC,KAAK,EAAE;MACR,oBAAOf,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAmB,IAAI,MAAE,CAAC;IACnB;IAEA,oBACItB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,YAAA,CAAAmB,IAAI;MAACC,EAAE,EAAE,GAAI;MAACN,OAAO,EAAEA;IAAQ,gBAC5BlB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAmB,IAAI,MAAE,CACL,CAAC;EAEf,CAAC;AACL,CAAC;AAED,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EACrB,IAAAC,SAAA,GAAqB,IAAAhB,iBAAO,EAAC,CAAC;IAAtBC,QAAQ,GAAAe,SAAA,CAARf,QAAQ;EAChB,IAAMgB,aAAa,GAAGhB,QAAQ,KAAK,aAAa;EAChD,IAAMiB,QAAQ,GAAGjB,QAAQ,KAAK,QAAQ;EACtC,IAAMkB,WAAW,GAAGlB,QAAQ,KAAK,WAAW;EAC5C,IAAMI,KAAK,GAAG,CAACc,WAAW,IAAI,CAACF,aAAa;EAE5C,IAAMG,KAAK,GAAGF,QAAQ,GAAG,OAAO,GAAG,0BAA0B;EAE7D,oBACI5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,WAAA,CAAA0B,cAAQ;IACLC,KAAK,EAAE;MACHC,KAAK,EAAE,CAAClB,KAAK,GAAG,GAAG,GAAG,GAAG;MACzBmB,MAAM,EAAE,CAACnB,KAAK,GAAG,MAAM,GAAG,EAAE;MAC5BoB,WAAW,EAAE,CAACpB,KAAK,GAAG,CAAC,GAAG,EAAE;MAC5Be,KAAK,EAALA;IACJ;EAAE,CACL,CAAC;AAEV,CAAC;AAEM,IAAMM,KAAK,GAAG,SAARA,KAAKA,CAAA,EAAS;EACvB,oBACIpC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACrB,MAAA,CAAAqC,QAAQ,qBACLrC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAmC,OAAO;IAACC,SAAS,EAAE/B,uBAAc;IAACgC,IAAI,EAAEjC;EAAU,CAAE,CAAC,eACtDP,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAsC,OAAO;IAACC,IAAI,eAAE1C,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACI,UAAU,MAAE;EAAE,CAAE,CAC1B,CAAC;AAEnB,CAAC;AAACkB,OAAA,CAAAP,KAAA,GAAAA,KAAA"}

package/modules/Dashboard/Welcome.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Welcome: React.FC;
+/// <reference types="react" />
+declare const Welcome: () => JSX.Element | null;
 export default Welcome;

package/modules/Dashboard/Welcome.js

@@ -245,4 +245,6 @@ var Welcome = function Welcome() {
   }), /*#__PURE__*/_react.default.createElement("p", null, "Twitter"))))));
 };
 var _default = Welcome;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=Welcome.js.map

package/modules/Dashboard/Welcome.js.map

@@ -1 +1 @@
-{"version":3,"names":["linkStyle","css","textDecoration","color","imageStyle","width","height","marginBottom","communityStyle","textAlign","widgetTitleStyle","fontWeight","paddingTop","paddingBottom","widgetDescriptionStyle","paddingLeft","paddingRight","iconTextStyle","pFormContentStyle","pGetStartedStyle","footerContainerStyle","display","padding","widgetButtonStyle","footerTextStyle","backgroundColor","margin","footerLinkTextStyle","ContentTheme","styled","Widget","WelcomeScreenWidgetsWrapper","elevation","Welcome","useSecurity","identity","getPermission","widgets","plugins","byType","filter","pl","permission","canSeeAnyWidget","length","displayName","map","name","widget","title","description","cta","marginLeft","visibility"],"sources":["Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Link } from \"@webiny/react-router\";\nimport {\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormContent,\n    SimpleFormFooter\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { useSecurity } from \"@webiny/app-security/hooks/useSecurity\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\n// Icons\nimport { ReactComponent as YouTubeIcon } from \"./icons/youtube.svg\";\nimport { ReactComponent as GithubIcon } from \"./icons/github.svg\";\nimport { ReactComponent as SlackIcon } from \"./icons/slack.svg\";\nimport { ReactComponent as TwitterIcon } from \"./icons/twitter.svg\";\nimport { ReactComponent as TextbookIcon } from \"./icons/textbook.svg\";\nimport { ReactComponent as LaptopIcon } from \"./icons/laptop.svg\";\nimport { AdminWelcomeScreenWidgetPlugin } from \"@webiny/app-plugin-admin-welcome-screen/types\";\n\nconst linkStyle = css({\n    textDecoration: \"none\",\n    \"&:hover\": {\n        textDecoration: \"none\"\n    },\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst imageStyle = css({\n    width: \"30px\",\n    height: \"30px\",\n    marginBottom: \"5px\"\n});\n\nconst communityStyle = css({\n    textAlign: \"left\"\n});\n\nconst widgetTitleStyle = css({\n    fontWeight: 600,\n    paddingTop: \"1rem\",\n    paddingBottom: \"1rem\",\n    textAlign: \"center\"\n});\n\nconst widgetDescriptionStyle = css({\n    textAlign: \"center\",\n    paddingLeft: \"20px\",\n    paddingRight: \"20px\"\n});\n\nconst iconTextStyle = css({\n    textAlign: \"center\"\n});\n\nconst pFormContentStyle = css({\n    fontWeight: 600\n});\n\nconst pGetStartedStyle = css({\n    paddingLeft: \"1.5rem\",\n    paddingTop: \"1.5rem\"\n});\n\nconst footerContainerStyle = css({\n    display: \"flex\",\n    padding: \"1rem\"\n});\n\nconst widgetButtonStyle = css`\n    text-align: center;\n    margin-top: auto;\n`;\n\nconst footerTextStyle = css({\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    margin: \"1rem\"\n});\n\nconst footerLinkTextStyle = css({\n    fontWeight: 600,\n    paddingLeft: \"1rem\"\n});\n\nconst ContentTheme = styled(\"div\")({\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst Widget = styled.div`\n    margin-left: 1.5rem;\n    margin-right: 1.5rem;\n    margin-bottom: 2rem;\n    flex: 1 1 21%;\n    max-width: 25%;\n    min-height: 250px;\n`;\n\nconst WelcomeScreenWidgetsWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    @media (max-width: 479px) {\n        flex-direction: column;\n    }\n`;\n\nconst elevation = css`\n    padding: 10px;\n    height: calc(100% - 20px);\n    display: flex;\n    flex-direction: column;\n`;\n\nconst Welcome: React.FC = () => {\n    const { identity, getPermission } = useSecurity();\n\n    if (!identity) {\n        return null;\n    }\n\n    const widgets = plugins\n        .byType<AdminWelcomeScreenWidgetPlugin>(\"admin-welcome-screen-widget\")\n        .filter(pl => {\n            if (pl.permission) {\n                return getPermission(pl.permission);\n            }\n            return true;\n        });\n\n    const canSeeAnyWidget = widgets.length > 0;\n\n    return (\n        <SimpleForm>\n            <SimpleFormHeader title={`Hi ${identity.displayName}!`} />\n            <SimpleFormContent>\n                <ContentTheme>\n                    <Cell span={12}>\n                        <Typography use={\"headline6\"}>\n                            {canSeeAnyWidget && (\n                                <p className={pGetStartedStyle}>\n                                    To get started - pick one of the actions below:\n                                </p>\n                            )}\n                            {!canSeeAnyWidget && (\n                                <p className={pGetStartedStyle}>\n                                    Please contact the administrator for permissions to access\n                                    Webiny apps.\n                                </p>\n                            )}\n                            <br />\n                        </Typography>\n                    </Cell>\n                    <WelcomeScreenWidgetsWrapper>\n                        {widgets.map(pl => {\n                            return (\n                                <Widget key={pl.name} data-testid={pl.name}>\n                                    <Elevation z={2} className={elevation}>\n                                        <Typography use={\"headline6\"}>\n                                            <p className={widgetTitleStyle}>{pl.widget.title}</p>\n                                        </Typography>\n                                        <Typography use={\"body1\"}>\n                                            <p className={widgetDescriptionStyle}>\n                                                {pl.widget.description}\n                                            </p>\n                                        </Typography>\n                                        <div className={widgetButtonStyle}>{pl.widget.cta}</div>\n                                    </Elevation>\n                                </Widget>\n                            );\n                        })}\n                    </WelcomeScreenWidgetsWrapper>\n                </ContentTheme>\n            </SimpleFormContent>\n            <SimpleFormFooter>\n                <Grid>\n                    <Cell span={8}>\n                        <Typography use={\"headline6\"} className={communityStyle}>\n                            <p className={pFormContentStyle}>Learn more about Webiny:</p>\n                        </Typography>\n                    </Cell>\n                    <Cell span={4} style={{ marginLeft: \"1rem\" }}>\n                        <Typography use={\"headline6\"} className={communityStyle}>\n                            <p className={pFormContentStyle}>Join our community:</p>\n                        </Typography>\n                    </Cell>\n                    <Cell span={8}>\n                        <Typography use={\"body1\"} className={communityStyle}>\n                            <p>\n                                Explore the Webiny documentation, learn about the architecture and\n                                check out code examples and guides:\n                            </p>\n                        </Typography>\n                    </Cell>\n                    <Cell span={4} style={{ marginLeft: \"1rem\" }}>\n                        <Typography use={\"body1\"} className={communityStyle}>\n                            <p>Get to know Webiny team members, discuss new ideas and get help:</p>\n                        </Typography>\n                    </Cell>\n                    <Cell\n                        span={4}\n                        className={footerTextStyle}\n                        style={{ margin: \"1rem 1rem 1rem 0rem\" }}\n                    >\n                        <Link\n                            to=\"https://www.webiny.com/docs\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <Typography use={\"headline5\"}>\n                                <div className={footerContainerStyle}>\n                                    <TextbookIcon className={imageStyle} />\n                                    <p className={footerLinkTextStyle}>Documentation</p>\n                                </div>\n                            </Typography>\n                        </Link>\n                    </Cell>\n                    <Cell\n                        span={4}\n                        className={footerTextStyle}\n                        style={{ margin: \"1rem 1rem 1rem 9px\", visibility: \"hidden\" }}\n                    >\n                        <Link\n                            to=\"https://github.com/webiny/webiny-examples\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <Typography use={\"headline5\"}>\n                                <span className={footerContainerStyle}>\n                                    <LaptopIcon className={imageStyle} />\n                                    <p className={footerLinkTextStyle}>Code examples</p>\n                                </span>\n                            </Typography>\n                        </Link>\n                    </Cell>\n                    <Cell span={1} className={iconTextStyle} align=\"middle\">\n                        <Link\n                            to=\"https://github.com/webiny/webiny-js\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <GithubIcon className={imageStyle} />\n                            <p>Github</p>\n                        </Link>\n                    </Cell>\n                    <Cell span={1} className={iconTextStyle} align=\"middle\">\n                        <Link\n                            to=\"https://www.webiny.com/slack/\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <SlackIcon className={imageStyle} />\n                            <p>Slack</p>\n                        </Link>\n                    </Cell>\n                    <Cell span={1} className={iconTextStyle} align=\"middle\">\n                        <Link\n                            to=\"https://youtube.com/webiny\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <YouTubeIcon className={imageStyle} />\n                            <p>YouTube</p>\n                        </Link>\n                    </Cell>\n                    <Cell span={1} className={iconTextStyle} align=\"middle\">\n                        <Link\n                            to=\"https://twitter.com/WebinyCMS\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <TwitterIcon className={imageStyle} />\n                            <p>Twitter</p>\n                        </Link>\n                    </Cell>\n                </Grid>\n            </SimpleFormFooter>\n        </SimpleForm>\n    );\n};\n\nexport default Welcome;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_styled","_reactRouter","_SimpleForm","_useSecurity2","_plugins","_Typography","_Grid","_Elevation","_youtube","_github","_slack","_twitter","_textbook","_laptop","linkStyle","css","textDecoration","color","imageStyle","width","height","marginBottom","communityStyle","textAlign","widgetTitleStyle","fontWeight","paddingTop","paddingBottom","widgetDescriptionStyle","paddingLeft","paddingRight","iconTextStyle","pFormContentStyle","pGetStartedStyle","footerContainerStyle","display","padding","widgetButtonStyle","footerTextStyle","backgroundColor","margin","footerLinkTextStyle","ContentTheme","styled","target","label","Widget","WelcomeScreenWidgetsWrapper","elevation","Welcome","_useSecurity","useSecurity","identity","getPermission","widgets","plugins","byType","filter","pl","permission","canSeeAnyWidget","length","default","createElement","SimpleForm","SimpleFormHeader","title","concat","displayName","SimpleFormContent","Cell","span","Typography","use","className","map","key","name","Elevation","z","widget","description","cta","SimpleFormFooter","Grid","style","marginLeft","Link","to","rel","ReactComponent","visibility","align","_default","exports"],"sources":["Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Link } from \"@webiny/react-router\";\nimport {\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormContent,\n    SimpleFormFooter\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { useSecurity } from \"@webiny/app-security/hooks/useSecurity\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\n// Icons\nimport { ReactComponent as YouTubeIcon } from \"./icons/youtube.svg\";\nimport { ReactComponent as GithubIcon } from \"./icons/github.svg\";\nimport { ReactComponent as SlackIcon } from \"./icons/slack.svg\";\nimport { ReactComponent as TwitterIcon } from \"./icons/twitter.svg\";\nimport { ReactComponent as TextbookIcon } from \"./icons/textbook.svg\";\nimport { ReactComponent as LaptopIcon } from \"./icons/laptop.svg\";\nimport { AdminWelcomeScreenWidgetPlugin } from \"@webiny/app-plugin-admin-welcome-screen/types\";\n\nconst linkStyle = css({\n    textDecoration: \"none\",\n    \"&:hover\": {\n        textDecoration: \"none\"\n    },\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst imageStyle = css({\n    width: \"30px\",\n    height: \"30px\",\n    marginBottom: \"5px\"\n});\n\nconst communityStyle = css({\n    textAlign: \"left\"\n});\n\nconst widgetTitleStyle = css({\n    fontWeight: 600,\n    paddingTop: \"1rem\",\n    paddingBottom: \"1rem\",\n    textAlign: \"center\"\n});\n\nconst widgetDescriptionStyle = css({\n    textAlign: \"center\",\n    paddingLeft: \"20px\",\n    paddingRight: \"20px\"\n});\n\nconst iconTextStyle = css({\n    textAlign: \"center\"\n});\n\nconst pFormContentStyle = css({\n    fontWeight: 600\n});\n\nconst pGetStartedStyle = css({\n    paddingLeft: \"1.5rem\",\n    paddingTop: \"1.5rem\"\n});\n\nconst footerContainerStyle = css({\n    display: \"flex\",\n    padding: \"1rem\"\n});\n\nconst widgetButtonStyle = css`\n    text-align: center;\n    margin-top: auto;\n`;\n\nconst footerTextStyle = css({\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    margin: \"1rem\"\n});\n\nconst footerLinkTextStyle = css({\n    fontWeight: 600,\n    paddingLeft: \"1rem\"\n});\n\nconst ContentTheme = styled(\"div\")({\n    color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst Widget = styled.div`\n    margin-left: 1.5rem;\n    margin-right: 1.5rem;\n    margin-bottom: 2rem;\n    flex: 1 1 21%;\n    max-width: 25%;\n    min-height: 250px;\n`;\n\nconst WelcomeScreenWidgetsWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    @media (max-width: 479px) {\n        flex-direction: column;\n    }\n`;\n\nconst elevation = css`\n    padding: 10px;\n    height: calc(100% - 20px);\n    display: flex;\n    flex-direction: column;\n`;\n\nconst Welcome = () => {\n    const { identity, getPermission } = useSecurity();\n\n    if (!identity) {\n        return null;\n    }\n\n    const widgets = plugins\n        .byType<AdminWelcomeScreenWidgetPlugin>(\"admin-welcome-screen-widget\")\n        .filter(pl => {\n            if (pl.permission) {\n                return getPermission(pl.permission);\n            }\n            return true;\n        });\n\n    const canSeeAnyWidget = widgets.length > 0;\n\n    return (\n        <SimpleForm>\n            <SimpleFormHeader title={`Hi ${identity.displayName}!`} />\n            <SimpleFormContent>\n                <ContentTheme>\n                    <Cell span={12}>\n                        <Typography use={\"headline6\"}>\n                            {canSeeAnyWidget && (\n                                <p className={pGetStartedStyle}>\n                                    To get started - pick one of the actions below:\n                                </p>\n                            )}\n                            {!canSeeAnyWidget && (\n                                <p className={pGetStartedStyle}>\n                                    Please contact the administrator for permissions to access\n                                    Webiny apps.\n                                </p>\n                            )}\n                            <br />\n                        </Typography>\n                    </Cell>\n                    <WelcomeScreenWidgetsWrapper>\n                        {widgets.map(pl => {\n                            return (\n                                <Widget key={pl.name} data-testid={pl.name}>\n                                    <Elevation z={2} className={elevation}>\n                                        <Typography use={\"headline6\"}>\n                                            <p className={widgetTitleStyle}>{pl.widget.title}</p>\n                                        </Typography>\n                                        <Typography use={\"body1\"}>\n                                            <p className={widgetDescriptionStyle}>\n                                                {pl.widget.description}\n                                            </p>\n                                        </Typography>\n                                        <div className={widgetButtonStyle}>{pl.widget.cta}</div>\n                                    </Elevation>\n                                </Widget>\n                            );\n                        })}\n                    </WelcomeScreenWidgetsWrapper>\n                </ContentTheme>\n            </SimpleFormContent>\n            <SimpleFormFooter>\n                <Grid>\n                    <Cell span={8}>\n                        <Typography use={\"headline6\"} className={communityStyle}>\n                            <p className={pFormContentStyle}>Learn more about Webiny:</p>\n                        </Typography>\n                    </Cell>\n                    <Cell span={4} style={{ marginLeft: \"1rem\" }}>\n                        <Typography use={\"headline6\"} className={communityStyle}>\n                            <p className={pFormContentStyle}>Join our community:</p>\n                        </Typography>\n                    </Cell>\n                    <Cell span={8}>\n                        <Typography use={\"body1\"} className={communityStyle}>\n                            <p>\n                                Explore the Webiny documentation, learn about the architecture and\n                                check out code examples and guides:\n                            </p>\n                        </Typography>\n                    </Cell>\n                    <Cell span={4} style={{ marginLeft: \"1rem\" }}>\n                        <Typography use={\"body1\"} className={communityStyle}>\n                            <p>Get to know Webiny team members, discuss new ideas and get help:</p>\n                        </Typography>\n                    </Cell>\n                    <Cell\n                        span={4}\n                        className={footerTextStyle}\n                        style={{ margin: \"1rem 1rem 1rem 0rem\" }}\n                    >\n                        <Link\n                            to=\"https://www.webiny.com/docs\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <Typography use={\"headline5\"}>\n                                <div className={footerContainerStyle}>\n                                    <TextbookIcon className={imageStyle} />\n                                    <p className={footerLinkTextStyle}>Documentation</p>\n                                </div>\n                            </Typography>\n                        </Link>\n                    </Cell>\n                    <Cell\n                        span={4}\n                        className={footerTextStyle}\n                        style={{ margin: \"1rem 1rem 1rem 9px\", visibility: \"hidden\" }}\n                    >\n                        <Link\n                            to=\"https://github.com/webiny/webiny-examples\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <Typography use={\"headline5\"}>\n                                <span className={footerContainerStyle}>\n                                    <LaptopIcon className={imageStyle} />\n                                    <p className={footerLinkTextStyle}>Code examples</p>\n                                </span>\n                            </Typography>\n                        </Link>\n                    </Cell>\n                    <Cell span={1} className={iconTextStyle} align=\"middle\">\n                        <Link\n                            to=\"https://github.com/webiny/webiny-js\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <GithubIcon className={imageStyle} />\n                            <p>Github</p>\n                        </Link>\n                    </Cell>\n                    <Cell span={1} className={iconTextStyle} align=\"middle\">\n                        <Link\n                            to=\"https://www.webiny.com/slack/\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <SlackIcon className={imageStyle} />\n                            <p>Slack</p>\n                        </Link>\n                    </Cell>\n                    <Cell span={1} className={iconTextStyle} align=\"middle\">\n                        <Link\n                            to=\"https://youtube.com/webiny\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <YouTubeIcon className={imageStyle} />\n                            <p>YouTube</p>\n                        </Link>\n                    </Cell>\n                    <Cell span={1} className={iconTextStyle} align=\"middle\">\n                        <Link\n                            to=\"https://twitter.com/WebinyCMS\"\n                            className={linkStyle}\n                            target={\"_blank\"}\n                            rel={\"noopener noreferrer\"}\n                        >\n                            <TwitterIcon className={imageStyle} />\n                            <p>Twitter</p>\n                        </Link>\n                    </Cell>\n                </Grid>\n            </SimpleFormFooter>\n        </SimpleForm>\n    );\n};\n\nexport default Welcome;\n"],"mappings":"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"}

package/modules/Dashboard/index.d.ts

@@ -1,2 +1,2 @@
-import * as React from "react";
-export declare const Dashboard: React.FC;
+/// <reference types="react" />
+export declare const Dashboard: () => JSX.Element;

package/modules/Dashboard/index.js

@@ -22,4 +22,6 @@ var Dashboard = function Dashboard() {
     with: DashboardRendererHOC
   });
 };
-exports.Dashboard = Dashboard;
+exports.Dashboard = Dashboard;
+
+//# sourceMappingURL=index.js.map

package/modules/Dashboard/index.js.map

@@ -1 +1 @@
-{"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,oBAAoB,GAAmB;EACzC,OAAO,SAASC,iBAAiB,GAAG;IAChC,oBACI,oBAAC,sBAAY;MAAC,QAAQ,EAAE;IAAK,gBACzB,oBAAC,gBAAO,OAAG,CACA;EAEvB,CAAC;AACL,CAAC;AAEM,IAAMC,SAAmB,GAAG,SAAtBA,SAAmB,GAAS;EACrC,oBAAO,oBAAC,iBAAO;IAAC,SAAS,EAAEC,2BAAsB;IAAC,IAAI,EAAEH;EAAqB,EAAG;AACpF,CAAC;AAAC"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_appAdmin","_Welcome","_interopRequireDefault","DashboardRendererHOC","DashboardRenderer","createElement","CenteredView","maxWidth","default","Dashboard","Compose","component","DashboardRendererSpec","with","exports"],"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 = () => {\n    return function DashboardRenderer() {\n        return (\n            <CenteredView maxWidth={1300}>\n                <Welcome />\n            </CenteredView>\n        );\n    };\n};\n\nexport const Dashboard = () => {\n    return <Compose component={DashboardRendererSpec} with={DashboardRendererHOC} />;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAMI,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EAC/B,OAAO,SAASC,iBAAiBA,CAAA,EAAG;IAChC,oBACIP,KAAA,CAAAQ,aAAA,CAACL,SAAA,CAAAM,YAAY;MAACC,QAAQ,EAAE;IAAK,gBACzBV,KAAA,CAAAQ,aAAA,CAACJ,QAAA,CAAAO,OAAO,MAAE,CACA,CAAC;EAEvB,CAAC;AACL,CAAC;AAEM,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC3B,oBAAOZ,KAAA,CAAAQ,aAAA,CAACL,SAAA,CAAAU,OAAO;IAACC,SAAS,EAAEC,2BAAsB;IAACC,IAAI,EAAEV;EAAqB,CAAE,CAAC;AACpF,CAAC;AAACW,OAAA,CAAAL,SAAA,GAAAA,SAAA"}

package/modules/Layout.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
-export declare const Layout: React.FC;
+/// <reference types="react" />
+export declare const Layout: () => JSX.Element;

package/modules/Layout.js

@@ -44,13 +44,11 @@ var RMWCLayout = function RMWCLayout() {
   };
 };
 var Layout = function Layout() {
-  /**
-   * TODO @ts-refactor @pavel
-   */
-  // @ts-ignore
   return /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
     component: _appAdmin.LayoutRenderer,
     with: RMWCLayout
   });
 };
-exports.Layout = Layout;
+exports.Layout = Layout;
+
+//# sourceMappingURL=Layout.js.map

package/modules/Layout.js.map

@@ -1 +1 @@
-{"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,UAAU,GAAgC;EAC5C,OAAO,SAASA,UAAU,OAAsB;IAAA,IAAnBC,KAAK,QAALA,KAAK;MAAEC,QAAQ,QAARA,QAAQ;IACxC,oBACI,6BAAC,eAAQ,QACJD,KAAK,gBAAG,6BAAC,oBAAM;MAAC,KAAK,EAAEA;IAAM,EAAG,GAAG,IAAI,eACxC,6BAAC,cAAI;MAAC,IAAI,EAAE;QAAEE,QAAQ,EAAE;MAAS;IAAE,gBAC/B,6BAAC,2BAAgB;MAAC,KAAK;IAAA,gBACnB,6BAAC,2BAAgB;MAAC,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAM,CAAE;MAAC,UAAU;IAAA,gBACjD,6BAAC,eAAK,OAAG,CACM,eACnB,6BAAC,2BAAgB;MAAC,KAAK,EAAE;QAAEA,KAAK,EAAE;MAAM;IAAE,gBACtC,6BAAC,gBAAM,OAAG,CACK,eACnB,6BAAC,2BAAgB;MAAC,KAAK,EAAE;QAAEA,KAAK,EAAE;MAAM,CAAE;MAAC,QAAQ;IAAA,gBAC/C,6BAAC,wBAAc,OAAG,eAClB,6BAAC,kBAAQ,OAAG,CACG,CACJ,CAChB,eACP;MAAK,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAG;IAAE,GAAEH,QAAQ,CAAO,eAChD,6BAAC,oBAAU,OAAG,CACP;EAEnB,CAAC;AACL,CAAC;AAEM,IAAMI,MAAgB,GAAG,SAAnBA,MAAgB,GAAS;EAClC;AACJ;AACA;EACI;EACA,oBAAO,6BAAC,iBAAO;IAAC,SAAS,EAAEC,wBAAe;IAAC,IAAI,EAAEP;EAAW,EAAG;AACnE,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactHelmet","_interopRequireDefault","_appAdmin","_TopAppBar","RMWCLayout","_ref","title","children","default","createElement","Fragment","Tags","tags","location","TopAppBarPrimary","fixed","TopAppBarSection","style","width","alignStart","Brand","Search","alignEnd","LocaleSelector","UserMenu","paddingTop","Navigation","Layout","Compose","component","LayoutRenderer","with","exports"],"sources":["Layout.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport Helmet from \"react-helmet\";\nimport {\n    Brand,\n    Compose,\n    LayoutProps,\n    LayoutRenderer,\n    LocaleSelector,\n    Navigation,\n    Search,\n    Tags,\n    UserMenu\n} from \"@webiny/app-admin\";\nimport { TopAppBarPrimary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst RMWCLayout = () => {\n    return function RMWCLayout({ title, children }: LayoutProps) {\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 = () => {\n    return <Compose component={LayoutRenderer} with={RMWCLayout} />;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAWA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAMK,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EACrB,OAAO,SAASA,UAAUA,CAAAC,IAAA,EAAmC;IAAA,IAAhCC,KAAK,GAAAD,IAAA,CAALC,KAAK;MAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACxC,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAa,QAAQ,QACJJ,KAAK,gBAAGT,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAQ,OAAM;MAACF,KAAK,EAAEA;IAAM,CAAE,CAAC,GAAG,IAAI,eACxCT,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAS,IAAI;MAACC,IAAI,EAAE;QAAEC,QAAQ,EAAE;MAAS;IAAE,gBAC/BhB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAW,gBAAgB;MAACC,KAAK;IAAA,gBACnBlB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAa,gBAAgB;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAM,CAAE;MAACC,UAAU;IAAA,gBACjDtB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAkB,KAAK,MAAE,CACM,CAAC,eACnBvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAa,gBAAgB;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAM;IAAE,gBACtCrB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAmB,MAAM,MAAE,CACK,CAAC,eACnBxB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAa,gBAAgB;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAM,CAAE;MAACI,QAAQ;IAAA,gBAC/CzB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAqB,cAAc,MAAE,CAAC,eAClB1B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAsB,QAAQ,MAAE,CACG,CACJ,CAChB,CAAC,eACP3B,MAAA,CAAAW,OAAA,CAAAC,aAAA;MAAKQ,KAAK,EAAE;QAAEQ,UAAU,EAAE;MAAG;IAAE,GAAElB,QAAc,CAAC,eAChDV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAwB,UAAU,MAAE,CACP,CAAC;EAEnB,CAAC;AACL,CAAC;AAEM,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;EACxB,oBAAO9B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAA0B,OAAO;IAACC,SAAS,EAAEC,wBAAe;IAACC,IAAI,EAAE3B;EAAW,CAAE,CAAC;AACnE,CAAC;AAAC4B,OAAA,CAAAL,MAAA,GAAAA,MAAA"}

package/modules/Navigation/Hamburger.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-declare const Hamburger: React.FC;
+/// <reference types="react" />
+declare const Hamburger: () => JSX.Element | null;
 export default Hamburger;

package/modules/Navigation/Hamburger.js

@@ -32,4 +32,6 @@ var Hamburger = function Hamburger() {
   });
 };
 var _default = Hamburger;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=Hamburger.js.map

package/modules/Navigation/Hamburger.js.map

@@ -1 +1 @@
-{"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    if (location === \"installer\") {\n        return null;\n    }\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,SAAmB,GAAS;EAC9B,eAAqB,IAAAC,iBAAO,GAAE;IAAtBC,QAAQ,YAARA,QAAQ;EAChB,qBAAgC,IAAAC,oBAAa,GAAE;IAAvCC,OAAO,kBAAPA,OAAO;IAAEC,UAAU,kBAAVA,UAAU;EAE3B,IAAIH,QAAQ,KAAK,WAAW,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,yBAAQ;MAAC,KAAK,EAAE;QAAEI,KAAK,EAAEJ,QAAQ,KAAK,YAAY,GAAGK,SAAS,GAAG;MAAQ;IAAE,EAAI;IACtF,OAAO,EAAE;MAAA,OAAMF,UAAU,CAAC,CAACD,OAAO,CAAC;IAAA,CAAC;IACpC,eAAaF,QAAQ,KAAK,YAAY,GAAGK,SAAS,GAAG;EAAY,EACnE;AAEV,CAAC;AAAC,eAEaP,SAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_hamburger","_index","_appAdmin","Hamburger","_useTags","useTags","location","_useNavigation","useNavigation","visible","setVisible","default","createElement","IconButton","icon","ReactComponent","style","color","undefined","onClick","_default","exports"],"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 = () => {\n    const { location } = useTags();\n    const { visible, setVisible } = useNavigation();\n\n    if (location === \"installer\") {\n        return null;\n    }\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAMK,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACpB,IAAAC,QAAA,GAAqB,IAAAC,iBAAO,EAAC,CAAC;IAAtBC,QAAQ,GAAAF,QAAA,CAARE,QAAQ;EAChB,IAAAC,cAAA,GAAgC,IAAAC,oBAAa,EAAC,CAAC;IAAvCC,OAAO,GAAAF,cAAA,CAAPE,OAAO;IAAEC,UAAU,GAAAH,cAAA,CAAVG,UAAU;EAE3B,IAAIJ,QAAQ,KAAK,WAAW,EAAE;IAC1B,OAAO,IAAI;EACf;EAEA,oBACIV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAc,UAAU;IACPC,IAAI,eAAElB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAAe,cAAQ;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAEX,QAAQ,KAAK,YAAY,GAAGY,SAAS,GAAG;MAAQ;IAAE,CAAE,CAAE;IACtFC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMT,UAAU,CAAC,CAACD,OAAO,CAAC;IAAA,CAAC;IACpC,eAAaH,QAAQ,KAAK,YAAY,GAAGY,SAAS,GAAG;EAAY,CACpE,CAAC;AAEV,CAAC;AAAC,IAAAE,QAAA,GAEajB,SAAS;AAAAkB,OAAA,CAAAV,OAAA,GAAAS,QAAA"}

package/modules/Navigation/Styled.d.ts

@@ -1,6 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="web" />
 export declare const MenuHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/modules/Navigation/Styled.js

@@ -57,4 +57,6 @@ var subFooter = /*#__PURE__*/(0, _emotion.css)({
     margin: 0
   }
 }, "label:subFooter;");
-exports.subFooter = subFooter;
+exports.subFooter = subFooter;
+
+//# sourceMappingURL=Styled.js.map

package/modules/Navigation/Styled.js.map

@@ -1 +1 @@
-{"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,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACpCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,OAAO,EAAE,CAAC;EACVC,eAAe,EAAE,0BAA0B;EAC3CC,YAAY,EAAE;AAClB,CAAC,CAAC;AAAC;AAEI,IAAMC,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzBJ,OAAO,EAAE,CAAC;EACV,sBAAsB,EAAE;IACpBA,OAAO,EAAE,cAAc;IACvBK,SAAS,EAAE;EACf;AACJ,CAAC,qBAAC;AAAC;AAEI,IAAMC,UAAU,gBAAG,IAAAF,YAAG,EAAC;EAC1BJ,OAAO,EAAE;AACb,CAAC,sBAAC;AAAC;AAEI,IAAMO,SAAS,gBAAG,IAAAH,YAAG,EAAC;EACzB,0BAA0B,EAAE;IACxBI,WAAW,EAAE,EAAE;IACf,cAAc,EAAE;MACZC,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,qBAAC;AAAC;AAEI,IAAMC,UAAU,oBAAGb,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACpCc,SAAS,EAAE,0CAA0C;EACrDC,CAAC,EAAE;IACCH,KAAK,EAAE,kCAAkC;IACzCI,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,SAAS,gBAAG,IAAAV,YAAG,EAAC;EACzB,6BAA6B,EAAE;IAC3BO,SAAS,EAAE,0CAA0C;IACrDX,OAAO,EAAE,WAAW;IACpBe,MAAM,EAAE;EACZ;AACJ,CAAC,qBAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_emotion","MenuHeader","styled","target","label","display","alignItems","padding","backgroundColor","borderBottom","exports","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,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEO,IAAME,UAAU,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACpCC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,OAAO,EAAE,CAAC;EACVC,eAAe,EAAE,0BAA0B;EAC3CC,YAAY,EAAE;AAClB,CAAC,CAAC;AAACC,OAAA,CAAAT,UAAA,GAAAA,UAAA;AAEI,IAAMU,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzBL,OAAO,EAAE,CAAC;EACV,sBAAsB,EAAE;IACpBA,OAAO,EAAE,cAAc;IACvBM,SAAS,EAAE;EACf;AACJ,CAAC,qBAAC;AAACH,OAAA,CAAAC,SAAA,GAAAA,SAAA;AAEI,IAAMG,UAAU,gBAAG,IAAAF,YAAG,EAAC;EAC1BL,OAAO,EAAE;AACb,CAAC,sBAAC;AAACG,OAAA,CAAAI,UAAA,GAAAA,UAAA;AAEI,IAAMC,SAAS,gBAAG,IAAAH,YAAG,EAAC;EACzB,0BAA0B,EAAE;IACxBI,WAAW,EAAE,EAAE;IACf,cAAc,EAAE;MACZC,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,qBAAC;AAACP,OAAA,CAAAK,SAAA,GAAAA,SAAA;AAEI,IAAMG,UAAU,oBAAGhB,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACpCe,SAAS,EAAE,0CAA0C;EACrDC,CAAC,EAAE;IACCH,KAAK,EAAE,kCAAkC;IACzCI,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC;AAACX,OAAA,CAAAQ,UAAA,GAAAA,UAAA;AAEI,IAAMI,SAAS,gBAAG,IAAAV,YAAG,EAAC;EACzB,6BAA6B,EAAE;IAC3BO,SAAS,EAAE,0CAA0C;IACrDZ,OAAO,EAAE,WAAW;IACpBgB,MAAM,EAAE;EACZ;AACJ,CAAC,qBAAC;AAACb,OAAA,CAAAY,SAAA,GAAAA,SAAA"}

package/modules/Navigation/index.d.ts

@@ -5,6 +5,6 @@ interface NavigationContext {
 }
 declare const NavigationContext: React.Context<NavigationContext>;
 export declare function useNavigation(): NavigationContext;
-export declare const NavigationImpl: () => React.FC;
-export declare const Navigation: React.FC;
+export declare const NavigationImpl: () => () => JSX.Element;
+export declare const Navigation: () => JSX.Element;
 export {};

package/modules/Navigation/index.js

@@ -140,4 +140,6 @@ var Navigation = function Navigation() {
     with: [_MenuGroupRenderer.MenuGroupRenderer, _MenuSectionItemRenderer.MenuSectionItemRenderer, _MenuSectionRenderer.MenuSectionRenderer, _MenuLinkRenderer.MenuLinkRenderer, _MenuElementRenderer.MenuElementRenderer]
   }));
 };
-exports.Navigation = Navigation;
+exports.Navigation = Navigation;
+
+//# sourceMappingURL=index.js.map

package/modules/Navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AutoWidthDrawer","styled","Drawer","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 styled from \"@emotion/styled\";\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\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst AutoWidthDrawer = styled(Drawer)`\n    width: auto;\n`;\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\nconst NavigationProvider = (Component: React.FC): React.FC => {\n    return function NavigationProvider(props) {\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            <AutoWidthDrawer 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                            <Typography use={\"body2\"}>Webiny v{wbyVersion}</Typography>\n                        </ListItem>\n                    </List>\n                </MenuFooter>\n            </AutoWidthDrawer>\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\nexport const Navigation: React.FC = () => {\n    return (\n        <Fragment>\n            <Provider hoc={NavigationProvider} />\n            <Compose component={NavigationSpec} with={NavigationImpl} />\n            <Compose component={MenuItems} with={SortedMenuItems} />\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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_Drawer","_appAdmin","_Hamburger","_MenuGroupRenderer","_MenuSectionItemRenderer","_MenuSectionRenderer","_MenuLinkRenderer","_MenuElementRenderer","_List","_Styled","_config","_Typography","AutoWidthDrawer","styled","Drawer","label","target","NavigationContext","React","createContext","visible","setVisible","displayName","useNavigation","useContext","BrandImpl","Brand","BrandWithHamburger","default","createElement","Fragment","NavigationProvider","Component","props","_useState","useState","_useState2","_slicedToArray2","context","useMemo","Provider","value","NavigationImpl","Navigation","_useAdminNavigation","useAdminNavigation","menuItems","_useNavigation","hideDrawer","useCallback","mainMenu","filter","m","tags","includes","footerMenu","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","modal","open","onClose","DrawerHeader","className","navHeader","MenuHeader","DrawerContent","navContent","MenuItems","MenuFooter","List","nonInteractive","ListItem","ripple","subFooter","Typography","use","exports","menuSorter","a","b","pin","localeCompare","SortedMenuItems","_ref","_toConsumableArray2","sort","hoc","Compose","component","NavigationSpec","with","BrandSpec","MenuItemRenderer","MenuGroupRenderer","MenuSectionItemRenderer","MenuSectionRenderer","MenuLinkRenderer","MenuElementRenderer"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useContext, useMemo, useState } from \"react\";\nimport styled from \"@emotion/styled\";\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\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst AutoWidthDrawer = styled(Drawer)`\n    width: auto;\n`;\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\ninterface NavigationProviderProps {\n    children?: React.ReactNode;\n}\n\nconst NavigationProvider = (Component: React.ComponentType) => {\n    return function NavigationProvider(props: NavigationProviderProps) {\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 = () => {\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            <AutoWidthDrawer 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                            <Typography use={\"body2\"}>Webiny v{wbyVersion}</Typography>\n                        </ListItem>\n                    </List>\n                </MenuFooter>\n            </AutoWidthDrawer>\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\nexport const Navigation = () => {\n    return (\n        <Fragment>\n            <Provider hoc={NavigationProvider} />\n            <Compose component={NavigationSpec} with={NavigationImpl} />\n            <Compose component={MenuItems} with={SortedMenuItems} />\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":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAYA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,oBAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AACA,IAAAa,OAAA,GAAAb,OAAA;AACA,IAAAc,WAAA,GAAAd,OAAA;AAEA,IAAMe,eAAe,oBAAGC,eAAM,EAACC,cAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,iBAEpC;AAOD,IAAMC,iBAAiB,gBAAGC,cAAK,CAACC,aAAa,CAAoB;EAC7DC,OAAO,EAAE,KAAK;EACdC,UAAU,EAAE,SAAAA,WAAA,EAAM;IACd,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFJ,iBAAiB,CAACK,WAAW,GAAG,mBAAmB;AAE5C,SAASC,aAAaA,CAAA,EAAsB;EAC/C,OAAO,IAAAC,iBAAU,EAACP,iBAAiB,CAAC;AACxC;AAEA,IAAMQ,SAA+B,GAAG,SAAlCA,SAA+BA,CAAGC,KAAK,EAAI;EAC7C,OAAO,SAASC,kBAAkBA,CAAA,EAAG;IACjC,oBACIhC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAClC,MAAA,CAAAmC,QAAQ,qBACLnC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC3B,UAAA,CAAA0B,OAAS,MAAE,CAAC,eACbjC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACH,KAAK,MAAE,CACF,CAAC;EAEnB,CAAC;AACL,CAAC;AAMD,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,SAA8B,EAAK;EAC3D,OAAO,SAASD,kBAAkBA,CAACE,KAA8B,EAAE;IAC/D,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;MAAAC,UAAA,OAAAC,eAAA,CAAAT,OAAA,EAAAM,SAAA;MAAtCd,OAAO,GAAAgB,UAAA;MAAEf,UAAU,GAAAe,UAAA;IAE1B,IAAME,OAAO,GAAG,IAAAC,cAAO,EAAC;MAAA,OAAO;QAAEnB,OAAO,EAAPA,OAAO;QAAEC,UAAU,EAAVA;MAAW,CAAC;IAAA,CAAC,EAAE,CAACD,OAAO,CAAC,CAAC;IAEnE,oBACIzB,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACZ,iBAAiB,CAACuB,QAAQ;MAACC,KAAK,EAAEH;IAAQ,gBACvC3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACG,SAAS,EAAKC,KAAQ,CACC,CAAC;EAErC,CAAC;AACL,CAAC;AAEM,IAAMS,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAChC,OAAO,SAASC,UAAUA,CAAA,EAAG;IACzB,IAAAC,mBAAA,GAAsB,IAAAC,uBAAkB,EAAC,CAAC;MAAlCC,SAAS,GAAAF,mBAAA,CAATE,SAAS;IACjB,IAAAC,cAAA,GAAgCxB,aAAa,CAAC,CAAC;MAAvCH,OAAO,GAAA2B,cAAA,CAAP3B,OAAO;MAAEC,UAAU,GAAA0B,cAAA,CAAV1B,UAAU;IAE3B,IAAM2B,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;MACjC5B,UAAU,CAAC,KAAK,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC;IAEN,IAAM6B,QAAQ,GAAG,IAAAX,cAAO,EACpB;MAAA,OAAMO,SAAS,CAACK,MAAM,CAAC,UAAAC,CAAC;QAAA,OAAI,CAAC,CAACA,CAAC,CAACC,IAAI,IAAI,EAAE,EAAEC,QAAQ,CAAC,QAAQ,CAAC;MAAA,EAAC;IAAA,GAC/D,CAACR,SAAS,CACd,CAAC;IAED,IAAMS,UAAU,GAAG,IAAAhB,cAAO,EACtB;MAAA,OAAMO,SAAS,CAACK,MAAM,CAAC,UAAAC,CAAC;QAAA,OAAI,CAACA,CAAC,CAACC,IAAI,IAAI,EAAE,EAAEC,QAAQ,CAAC,QAAQ,CAAC;MAAA,EAAC;IAAA,GAC9D,CAACR,SAAS,CACd,CAAC;IAED,IAAMU,UAAU,GAAGC,cAAS,CAACC,MAAM,CAAC,gBAAgB,EAAEC,OAAO,CAACC,GAAG,CAACC,wBAAwB,CAAC;IAE3F,oBACIlE,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACjB,eAAe;MAACkD,KAAK;MAACC,IAAI,EAAE3C,OAAQ;MAAC4C,OAAO,EAAEhB;IAAW,gBACtDrD,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC7B,OAAA,CAAAiE,YAAY;MAACC,SAAS,EAAEC;IAAU,gBAC/BxE,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAA2D,UAAU,qBACPzE,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,SAAA,CAAAyB,KAAS,MAAE,CACJ,CACF,CAAC,eACf/B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC7B,OAAA,CAAAqE,aAAa;MAACH,SAAS,EAAEI;IAAW,gBACjC3E,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,SAAA,CAAAsE,SAAS;MAACzB,SAAS,EAAEI;IAAS,CAAE,CACtB,CAAC,eAChBvD,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAA+D,UAAU,qBACP7E,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACrB,KAAA,CAAAiE,IAAI;MAACC,cAAc;IAAA,gBAChB/E,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,SAAA,CAAAsE,SAAS;MAACzB,SAAS,EAAES;IAAW,CAAE,CAAC,eACpC5D,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACrB,KAAA,CAAAmE,QAAQ;MAACC,MAAM,EAAE,KAAM;MAACV,SAAS,EAAEW;IAAU,gBAC1ClF,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAClB,WAAA,CAAAmE,UAAU;MAACC,GAAG,EAAE;IAAQ,GAAC,UAAQ,EAACvB,UAAuB,CACpD,CACR,CACE,CACC,CAAC;EAE1B,CAAC;AACL,CAAC;AAACwB,OAAA,CAAAtC,cAAA,GAAAA,cAAA;AAEF,IAAMuC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,CAAW,EAAEC,CAAW,EAAa;EACrD,IAAID,CAAC,CAACE,GAAG,KAAKD,CAAC,CAACC,GAAG,EAAE;IACjB,OAAO,CAACF,CAAC,CAACnE,KAAK,IAAI,EAAE,EAAEsE,aAAa,CAACF,CAAC,CAACpE,KAAK,IAAI,EAAE,CAAC;EACvD;EAEA,IAAImE,CAAC,CAACE,GAAG,EAAE;IACP,OAAOF,CAAC,CAACE,GAAG,KAAK,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC;EACrC;EAEA,IAAID,CAAC,CAACC,GAAG,EAAE;IACP,OAAOD,CAAC,CAACC,GAAG,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;EACrC;EAEA,OAAO,CAACF,CAAC,CAACnE,KAAK,IAAI,EAAE,EAAEsE,aAAa,CAACF,CAAC,CAACpE,KAAK,IAAI,EAAE,CAAC;AACvD,CAAC;AAED,IAAMuE,eAAqD,GAAG,SAAxDA,eAAqDA,CAAGf,SAAS,EAAI;EACvE,OAAO,SAASe,eAAeA,CAAAC,IAAA,EAAgB;IAAA,IAAbzC,SAAS,GAAAyC,IAAA,CAATzC,SAAS;IACvC,oBAAOnD,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC0C,SAAS;MAACzB,SAAS,EAAE,IAAA0C,mBAAA,CAAA5D,OAAA,EAAIkB,SAAS,EAAE2C,IAAI,CAACR,UAAU;IAAE,CAAE,CAAC;EACpE,CAAC;AACL,CAAC;AAEM,IAAMtC,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC5B,oBACIhD,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAClC,MAAA,CAAAmC,QAAQ,qBACLnC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,SAAA,CAAAuC,QAAQ;IAACkD,GAAG,EAAE3D;EAAmB,CAAE,CAAC,eACrCpC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,SAAA,CAAA0F,OAAO;IAACC,SAAS,EAAEC,4BAAe;IAACC,IAAI,EAAEpD;EAAe,CAAE,CAAC,eAC5D/C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,SAAA,CAAA0F,OAAO;IAACC,SAAS,EAAErB,mBAAU;IAACuB,IAAI,EAAER;EAAgB,CAAE,CAAC,eACxD3F,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,SAAA,CAAA0F,OAAO;IAACC,SAAS,EAAEG,eAAU;IAACD,IAAI,EAAErE;EAAU,CAAE,CAAC,eAClD9B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC5B,SAAA,CAAA0F,OAAO;IACJC,SAAS,EAAEI,0BAAiB;IAC5BF,IAAI,EAAE,CACFG,oCAAiB,EACjBC,gDAAuB,EACvBC,wCAAmB,EACnBC,kCAAgB,EAChBC,wCAAmB;EACrB,CACL,CACK,CAAC;AAEnB,CAAC;AAACrB,OAAA,CAAArC,UAAA,GAAAA,UAAA"}

package/modules/Navigation/renderers/MenuElementRenderer.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const MenuElementRenderer: (PrevMenuItem: React.FC) => React.FC;
+export declare const MenuElementRenderer: (PrevMenuItem: React.ComponentType) => () => JSX.Element;

package/modules/Navigation/renderers/MenuElementRenderer.js

@@ -17,4 +17,6 @@ var MenuElementRenderer = function MenuElementRenderer(PrevMenuItem) {
     return menuItem.element;
   };
 };
-exports.MenuElementRenderer = MenuElementRenderer;
+exports.MenuElementRenderer = MenuElementRenderer;
+
+//# sourceMappingURL=MenuElementRenderer.js.map

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

@@ -1 +1 @@
-{"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,mBAAmB,CAAIC,YAAsB,EAAe;EACrE,OAAO,SAASC,aAAa,GAAG;IAC5B,mBAAqB,IAAAC,qBAAW,GAAE;MAA1BC,QAAQ,gBAARA,QAAQ;IAChB,IAAI,CAACA,QAAQ,IAAI,CAACA,QAAQ,CAACC,OAAO,EAAE;MAChC,oBAAO,6BAAC,YAAY,OAAG;IAC3B;IAEA,OAAOD,QAAQ,CAACC,OAAO;EAC3B,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","MenuElementRenderer","PrevMenuItem","MenuComponent","_useMenuItem","useMenuItem","menuItem","element","default","createElement","exports"],"sources":["MenuElementRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useMenuItem } from \"@webiny/app-admin\";\n\nexport const MenuElementRenderer = (PrevMenuItem: React.ComponentType) => {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,YAAiC,EAAK;EACtE,OAAO,SAASC,aAAaA,CAAA,EAAG;IAC5B,IAAAC,YAAA,GAAqB,IAAAC,qBAAW,EAAC,CAAC;MAA1BC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;IAChB,IAAI,CAACA,QAAQ,IAAI,CAACA,QAAQ,CAACC,OAAO,EAAE;MAChC,oBAAOV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,YAAY,MAAE,CAAC;IAC3B;IAEA,OAAOI,QAAQ,CAACC,OAAO;EAC3B,CAAC;AACL,CAAC;AAACG,OAAA,CAAAT,mBAAA,GAAAA,mBAAA"}

package/modules/Navigation/renderers/MenuGroupRenderer.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const MenuGroupRenderer: (PrevMenuItem: React.FC) => React.FC;
+export declare const MenuGroupRenderer: (PrevMenuItem: React.ComponentType) => () => JSX.Element | null;

package/modules/Navigation/renderers/MenuGroupRenderer.js

@@ -136,4 +136,6 @@ var MenuGroupRenderer = function MenuGroupRenderer(PrevMenuItem) {
     }) : null);
   };
 };
-exports.MenuGroupRenderer = MenuGroupRenderer;
+exports.MenuGroupRenderer = MenuGroupRenderer;
+
+//# sourceMappingURL=MenuGroupRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","menuTitle","css","borderBottom","padding","margin","height","width","fontWeight","boxSizing","menuTitleActive","backgroundColor","LOCAL_STORAGE_KEY","loadState","localStorage","get","split","filter","Boolean","storeState","state","set","join","getState","id","includes","MenuGroupRenderer","PrevMenuItem","MenuGroup","useNavigation","setVisible","useMenuItem","menuItem","depth","shouldRender","children","useState","name","isExpanded","setExpanded","hideMenu","useCallback","toggleElement","splice","indexOf","push","length","withLink","content","path","testId","onClick","item","classNames","icon","label"],"sources":["MenuGroupRenderer.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { css } from \"emotion\";\nimport { Transition } from \"react-transition-group\";\nimport classNames from \"classnames\";\nimport { Link } from \"@webiny/react-router\";\nimport { useMenuItem, MenuItems } from \"@webiny/app-admin\";\nimport { List, ListItem, ListItemGraphic, ListItemMeta } from \"@webiny/ui/List\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useNavigation } from \"../index\";\nimport { ReactComponent as UpIcon } from \"../icons/round-keyboard_arrow_up-24px.svg\";\nimport { ReactComponent as DownIcon } from \"../icons/round-keyboard_arrow_down-24px.svg\";\n\nconst defaultStyle = {\n    transform: \"translateY(-20px)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"100ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(-20px)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\nconst menuTitle = css({\n    \".mdc-drawer &.mdc-list\": {\n        borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n        padding: 0,\n        \".mdc-list-item\": {\n            margin: 0,\n            padding: \"0 15px\",\n            height: \"48px\",\n            width: \"100%\",\n            fontWeight: 600,\n            boxSizing: \"border-box\"\n        }\n    }\n});\n\nconst menuTitleActive = css({\n    backgroundColor: \"var(--mdc-theme-background)\"\n});\n\nconst LOCAL_STORAGE_KEY = \"webiny_navigation_groups\";\n\nfunction loadState(): string[] {\n    return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n}\n\nfunction storeState(state: string[]) {\n    localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n}\n\nfunction getState(id: string | null): boolean {\n    if (!id) {\n        return false;\n    }\n    const state = loadState();\n    return state.includes(id);\n}\n\nexport const MenuGroupRenderer = (PrevMenuItem: React.FC): React.FC => {\n    return function MenuGroup() {\n        const { setVisible } = useNavigation();\n        const { menuItem, depth } = useMenuItem();\n        const shouldRender = depth === 0 && menuItem && menuItem.children;\n        const [isExpanded, setExpanded] = useState<boolean>(\n            getState(menuItem ? menuItem.name : null)\n        );\n\n        const hideMenu = useCallback(() => setVisible(false), []);\n\n        const toggleElement = useCallback(() => {\n            if (!menuItem) {\n                return;\n            }\n            const state = loadState();\n            if (isExpanded && state.includes(menuItem.name)) {\n                state.splice(state.indexOf(menuItem.name), 1);\n            }\n\n            if (!isExpanded && !state.includes(menuItem.name)) {\n                state.push(menuItem.name);\n            }\n\n            setExpanded(!isExpanded);\n            storeState(state);\n        }, [isExpanded, setExpanded]);\n\n        if (!shouldRender) {\n            return <PrevMenuItem />;\n        }\n\n        if (!menuItem || !menuItem.children.length) {\n            return null;\n        }\n\n        const withLink = (content: React.ReactNode): React.ReactElement => {\n            return (\n                <Link\n                    to={menuItem.path || \"\"}\n                    data-testid={menuItem.testId}\n                    onClick={menuItem.onClick || hideMenu}\n                >\n                    {content}\n                </Link>\n            );\n        };\n\n        const item = (\n            <List className={classNames(menuTitle, { [menuTitleActive]: isExpanded })}>\n                <ListItem data-testid={menuItem.testId} onClick={toggleElement}>\n                    {menuItem.icon && (\n                        <ListItemGraphic>\n                            <IconButton icon={menuItem.icon} />\n                        </ListItemGraphic>\n                    )}\n\n                    {menuItem.label}\n\n                    {menuItem.children.length ? (\n                        <ListItemMeta>\n                            <IconButton icon={isExpanded ? <UpIcon /> : <DownIcon />} />\n                        </ListItemMeta>\n                    ) : null}\n                </ListItem>\n            </List>\n        );\n\n        return (\n            <Fragment>\n                {menuItem.path ? withLink(item) : item}\n                {menuItem.children ? (\n                    <Transition in={isExpanded} timeout={100} appear unmountOnExit>\n                        {state => (\n                            <div style={{ ...defaultStyle, ...transitionStyles[state] }}>\n                                <MenuItems menuItems={menuItem.children} />\n                            </div>\n                        )}\n                    </Transition>\n                ) : null}\n            </Fragment>\n        );\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_store","_interopRequireDefault","_emotion","_reactTransitionGroup","_classnames","_reactRouter","_appAdmin","_List","_Button","_index","_roundKeyboard_arrow_up24px","_roundKeyboard_arrow_down24px","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","menuTitle","css","borderBottom","padding","margin","height","width","fontWeight","boxSizing","menuTitleActive","backgroundColor","LOCAL_STORAGE_KEY","loadState","localStorage","get","split","filter","Boolean","storeState","state","set","join","getState","id","includes","MenuGroupRenderer","PrevMenuItem","MenuGroup","_useNavigation","useNavigation","setVisible","_useMenuItem","useMenuItem","menuItem","depth","shouldRender","children","_useState","useState","name","_useState2","_slicedToArray2","default","isExpanded","setExpanded","hideMenu","useCallback","toggleElement","splice","indexOf","push","createElement","length","withLink","content","Link","to","path","testId","onClick","item","List","className","classNames","_defineProperty2","ListItem","icon","ListItemGraphic","IconButton","label","ListItemMeta","ReactComponent","Fragment","Transition","in","timeout","appear","unmountOnExit","style","_objectSpread2","MenuItems","menuItems","exports"],"sources":["MenuGroupRenderer.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { css } from \"emotion\";\nimport { Transition } from \"react-transition-group\";\nimport classNames from \"classnames\";\nimport { Link } from \"@webiny/react-router\";\nimport { useMenuItem, MenuItems } from \"@webiny/app-admin\";\nimport { List, ListItem, ListItemGraphic, ListItemMeta } from \"@webiny/ui/List\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useNavigation } from \"../index\";\nimport { ReactComponent as UpIcon } from \"../icons/round-keyboard_arrow_up-24px.svg\";\nimport { ReactComponent as DownIcon } from \"../icons/round-keyboard_arrow_down-24px.svg\";\n\nconst defaultStyle = {\n    transform: \"translateY(-20px)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"100ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(-20px)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\nconst menuTitle = css({\n    \".mdc-drawer &.mdc-list\": {\n        borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n        padding: 0,\n        \".mdc-list-item\": {\n            margin: 0,\n            padding: \"0 15px\",\n            height: \"48px\",\n            width: \"100%\",\n            fontWeight: 600,\n            boxSizing: \"border-box\"\n        }\n    }\n});\n\nconst menuTitleActive = css({\n    backgroundColor: \"var(--mdc-theme-background)\"\n});\n\nconst LOCAL_STORAGE_KEY = \"webiny_navigation_groups\";\n\nfunction loadState(): string[] {\n    return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n}\n\nfunction storeState(state: string[]) {\n    localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n}\n\nfunction getState(id: string | null): boolean {\n    if (!id) {\n        return false;\n    }\n    const state = loadState();\n    return state.includes(id);\n}\n\nexport const MenuGroupRenderer = (PrevMenuItem: React.ComponentType) => {\n    return function MenuGroup() {\n        const { setVisible } = useNavigation();\n        const { menuItem, depth } = useMenuItem();\n        const shouldRender = depth === 0 && menuItem && menuItem.children;\n        const [isExpanded, setExpanded] = useState<boolean>(\n            getState(menuItem ? menuItem.name : null)\n        );\n\n        const hideMenu = useCallback(() => setVisible(false), []);\n\n        const toggleElement = useCallback(() => {\n            if (!menuItem) {\n                return;\n            }\n            const state = loadState();\n            if (isExpanded && state.includes(menuItem.name)) {\n                state.splice(state.indexOf(menuItem.name), 1);\n            }\n\n            if (!isExpanded && !state.includes(menuItem.name)) {\n                state.push(menuItem.name);\n            }\n\n            setExpanded(!isExpanded);\n            storeState(state);\n        }, [isExpanded, setExpanded]);\n\n        if (!shouldRender) {\n            return <PrevMenuItem />;\n        }\n\n        if (!menuItem || !menuItem.children.length) {\n            return null;\n        }\n\n        const withLink = (content: React.ReactNode): React.ReactElement => {\n            return (\n                <Link\n                    to={menuItem.path || \"\"}\n                    data-testid={menuItem.testId}\n                    onClick={menuItem.onClick || hideMenu}\n                >\n                    {content}\n                </Link>\n            );\n        };\n\n        const item = (\n            <List className={classNames(menuTitle, { [menuTitleActive]: isExpanded })}>\n                <ListItem data-testid={menuItem.testId} onClick={toggleElement}>\n                    {menuItem.icon && (\n                        <ListItemGraphic>\n                            <IconButton icon={menuItem.icon} />\n                        </ListItemGraphic>\n                    )}\n\n                    {menuItem.label}\n\n                    {menuItem.children.length ? (\n                        <ListItemMeta>\n                            <IconButton icon={isExpanded ? <UpIcon /> : <DownIcon />} />\n                        </ListItemMeta>\n                    ) : null}\n                </ListItem>\n            </List>\n        );\n\n        return (\n            <Fragment>\n                {menuItem.path ? withLink(item) : item}\n                {menuItem.children ? (\n                    <Transition in={isExpanded} timeout={100} appear unmountOnExit>\n                        {state => (\n                            <div style={{ ...defaultStyle, ...transitionStyles[state] }}>\n                                <MenuItems menuItems={menuItem.children} />\n                            </div>\n                        )}\n                    </Transition>\n                ) : null}\n            </Fragment>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,2BAAA,GAAAX,OAAA;AACA,IAAAY,6BAAA,GAAAZ,OAAA;AAEA,IAAMa,YAAY,GAAG;EACjBC,SAAS,EAAE,mBAAmB;EAC9BC,OAAO,EAAE,CAAC;EACVC,kBAAkB,EAAE,oBAAoB;EACxCC,wBAAwB,EAAE,2BAA2B;EACrDC,kBAAkB,EAAE,OAAO;EAC3BC,UAAU,EAAE;AAChB,CAAC;AAED,IAAMC,gBAAqC,GAAG;EAC1CC,QAAQ,EAAE;IACNP,SAAS,EAAE,mBAAmB;IAC9BC,OAAO,EAAE;EACb,CAAC;EACDO,OAAO,EAAE;IACLR,SAAS,EAAE,iBAAiB;IAC5BC,OAAO,EAAE;EACb;AACJ,CAAC;AAED,IAAMQ,SAAS,gBAAG,IAAAC,YAAG,EAAC;EAClB,wBAAwB,EAAE;IACtBC,YAAY,EAAE,0CAA0C;IACxDC,OAAO,EAAE,CAAC;IACV,gBAAgB,EAAE;MACdC,MAAM,EAAE,CAAC;MACTD,OAAO,EAAE,QAAQ;MACjBE,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE,GAAG;MACfC,SAAS,EAAE;IACf;EACJ;AACJ,CAAC,qBAAC;AAEF,IAAMC,eAAe,gBAAG,IAAAR,YAAG,EAAC;EACxBS,eAAe,EAAE;AACrB,CAAC,2BAAC;AAEF,IAAMC,iBAAiB,GAAG,0BAA0B;AAEpD,SAASC,SAASA,CAAA,EAAa;EAC3B,OAAO,CAACC,cAAY,CAACC,GAAG,CAACH,iBAAiB,CAAC,IAAI,EAAE,EAAEI,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;AACjF;AAEA,SAASC,UAAUA,CAACC,KAAe,EAAE;EACjCN,cAAY,CAACO,GAAG,CAACT,iBAAiB,EAAEQ,KAAK,CAACE,IAAI,CAAC,GAAG,CAAC,CAAC;AACxD;AAEA,SAASC,QAAQA,CAACC,EAAiB,EAAW;EAC1C,IAAI,CAACA,EAAE,EAAE;IACL,OAAO,KAAK;EAChB;EACA,IAAMJ,KAAK,GAAGP,SAAS,CAAC,CAAC;EACzB,OAAOO,KAAK,CAACK,QAAQ,CAACD,EAAE,CAAC;AAC7B;AAEO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,YAAiC,EAAK;EACpE,OAAO,SAASC,SAASA,CAAA,EAAG;IACxB,IAAAC,cAAA,GAAuB,IAAAC,oBAAa,EAAC,CAAC;MAA9BC,UAAU,GAAAF,cAAA,CAAVE,UAAU;IAClB,IAAAC,YAAA,GAA4B,IAAAC,qBAAW,EAAC,CAAC;MAAjCC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;MAAEC,KAAK,GAAAH,YAAA,CAALG,KAAK;IACvB,IAAMC,YAAY,GAAGD,KAAK,KAAK,CAAC,IAAID,QAAQ,IAAIA,QAAQ,CAACG,QAAQ;IACjE,IAAAC,SAAA,GAAkC,IAAAC,eAAQ,EACtChB,QAAQ,CAACW,QAAQ,GAAGA,QAAQ,CAACM,IAAI,GAAG,IAAI,CAC5C,CAAC;MAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAL,SAAA;MAFMM,UAAU,GAAAH,UAAA;MAAEI,WAAW,GAAAJ,UAAA;IAI9B,IAAMK,QAAQ,GAAG,IAAAC,kBAAW,EAAC;MAAA,OAAMhB,UAAU,CAAC,KAAK,CAAC;IAAA,GAAE,EAAE,CAAC;IAEzD,IAAMiB,aAAa,GAAG,IAAAD,kBAAW,EAAC,YAAM;MACpC,IAAI,CAACb,QAAQ,EAAE;QACX;MACJ;MACA,IAAMd,KAAK,GAAGP,SAAS,CAAC,CAAC;MACzB,IAAI+B,UAAU,IAAIxB,KAAK,CAACK,QAAQ,CAACS,QAAQ,CAACM,IAAI,CAAC,EAAE;QAC7CpB,KAAK,CAAC6B,MAAM,CAAC7B,KAAK,CAAC8B,OAAO,CAAChB,QAAQ,CAACM,IAAI,CAAC,EAAE,CAAC,CAAC;MACjD;MAEA,IAAI,CAACI,UAAU,IAAI,CAACxB,KAAK,CAACK,QAAQ,CAACS,QAAQ,CAACM,IAAI,CAAC,EAAE;QAC/CpB,KAAK,CAAC+B,IAAI,CAACjB,QAAQ,CAACM,IAAI,CAAC;MAC7B;MAEAK,WAAW,CAAC,CAACD,UAAU,CAAC;MACxBzB,UAAU,CAACC,KAAK,CAAC;IACrB,CAAC,EAAE,CAACwB,UAAU,EAAEC,WAAW,CAAC,CAAC;IAE7B,IAAI,CAACT,YAAY,EAAE;MACf,oBAAO5D,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAACzB,YAAY,MAAE,CAAC;IAC3B;IAEA,IAAI,CAACO,QAAQ,IAAI,CAACA,QAAQ,CAACG,QAAQ,CAACgB,MAAM,EAAE;MACxC,OAAO,IAAI;IACf;IAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,OAAwB,EAAyB;MAC/D,oBACI/E,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAACpE,YAAA,CAAAwE,IAAI;QACDC,EAAE,EAAEvB,QAAQ,CAACwB,IAAI,IAAI,EAAG;QACxB,eAAaxB,QAAQ,CAACyB,MAAO;QAC7BC,OAAO,EAAE1B,QAAQ,CAAC0B,OAAO,IAAId;MAAS,GAErCS,OACC,CAAC;IAEf,CAAC;IAED,IAAMM,IAAI,gBACNrF,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAAClE,KAAA,CAAA4E,IAAI;MAACC,SAAS,EAAE,IAAAC,mBAAU,EAAC/D,SAAS,MAAAgE,gBAAA,CAAAtB,OAAA,MAAKjC,eAAe,EAAGkC,UAAU,CAAE;IAAE,gBACtEpE,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAAClE,KAAA,CAAAgF,QAAQ;MAAC,eAAahC,QAAQ,CAACyB,MAAO;MAACC,OAAO,EAAEZ;IAAc,GAC1Dd,QAAQ,CAACiC,IAAI,iBACV3F,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAAClE,KAAA,CAAAkF,eAAe,qBACZ5F,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAACjE,OAAA,CAAAkF,UAAU;MAACF,IAAI,EAAEjC,QAAQ,CAACiC;IAAK,CAAE,CACrB,CACpB,EAEAjC,QAAQ,CAACoC,KAAK,EAEdpC,QAAQ,CAACG,QAAQ,CAACgB,MAAM,gBACrB7E,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAAClE,KAAA,CAAAqF,YAAY,qBACT/F,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAACjE,OAAA,CAAAkF,UAAU;MAACF,IAAI,EAAEvB,UAAU,gBAAGpE,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAAC/D,2BAAA,CAAAmF,cAAM,MAAE,CAAC,gBAAGhG,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAAC9D,6BAAA,CAAAkF,cAAQ,MAAE;IAAE,CAAE,CACjD,CAAC,GACf,IACE,CACR,CACT;IAED,oBACIhG,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAAC5E,MAAA,CAAAiG,QAAQ,QACJvC,QAAQ,CAACwB,IAAI,GAAGJ,QAAQ,CAACO,IAAI,CAAC,GAAGA,IAAI,EACrC3B,QAAQ,CAACG,QAAQ,gBACd7D,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAACtE,qBAAA,CAAA4F,UAAU;MAACC,EAAE,EAAE/B,UAAW;MAACgC,OAAO,EAAE,GAAI;MAACC,MAAM;MAACC,aAAa;IAAA,GACzD,UAAA1D,KAAK;MAAA,oBACF5C,MAAA,CAAAmE,OAAA,CAAAS,aAAA;QAAK2B,KAAK,MAAAC,cAAA,CAAArC,OAAA,MAAAqC,cAAA,CAAArC,OAAA,MAAOpD,YAAY,GAAKO,gBAAgB,CAACsB,KAAK,CAAC;MAAG,gBACxD5C,MAAA,CAAAmE,OAAA,CAAAS,aAAA,CAACnE,SAAA,CAAAgG,SAAS;QAACC,SAAS,EAAEhD,QAAQ,CAACG;MAAS,CAAE,CACzC,CAAC;IAAA,CAEF,CAAC,GACb,IACE,CAAC;EAEnB,CAAC;AACL,CAAC;AAAC8C,OAAA,CAAAzD,iBAAA,GAAAA,iBAAA"}

package/modules/Navigation/renderers/MenuLinkRenderer.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const MenuLinkRenderer: (PrevMenuItem: React.FC) => React.FC;
+export declare const MenuLinkRenderer: (PrevMenuItem: React.ComponentType) => () => JSX.Element;

package/modules/Navigation/renderers/MenuLinkRenderer.js

@@ -50,4 +50,6 @@ var MenuLinkRenderer = function MenuLinkRenderer(PrevMenuItem) {
     return menuItem.path ? withLink(item) : item;
   };
 };
-exports.MenuLinkRenderer = MenuLinkRenderer;
+exports.MenuLinkRenderer = MenuLinkRenderer;
+
+//# sourceMappingURL=MenuLinkRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["listItemStyle","css","MenuLinkRenderer","PrevMenuItem","MenuLink","useNavigation","setVisible","useMenuItem","menuItem","depth","hideMenu","useCallback","shouldRender","tags","includes","console","log","withLink","content","path","target","testId","onClick","item","icon","label"],"sources":["MenuLinkRenderer.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport { Link } from \"@webiny/react-router\";\nimport { ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useMenuItem } from \"@webiny/app-admin\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { useNavigation } from \"../index\";\n\nconst listItemStyle = css`\n    font-weight: 400 !important;\n\n    .mdc-list &.mdc-list-item:hover {\n        cursor: pointer;\n        background-color: var(--mdc-theme-background);\n    }\n`;\n\nexport const MenuLinkRenderer = (PrevMenuItem: React.FC): React.FC => {\n    return function MenuLink() {\n        const { setVisible } = useNavigation();\n        const { menuItem, depth } = useMenuItem();\n\n        const hideMenu = useCallback(() => setVisible(false), []);\n        const shouldRender =\n            depth === 0 && (menuItem ? menuItem.tags || [] : []).includes(\"footer\");\n\n        if (!shouldRender) {\n            return <PrevMenuItem />;\n        } else if (!menuItem) {\n            // TODO @ts-refactor check if to return component or null @pavel\n            console.log(\n                \"MenuLinkRenderer returning PrevMenuItem because missing menuItem variable.\"\n            );\n            return <PrevMenuItem />;\n        }\n\n        const withLink = (content: React.ReactNode): React.ReactElement => {\n            return (\n                <Link\n                    to={menuItem.path || \"\"}\n                    target={menuItem.target}\n                    data-testid={menuItem.testId}\n                    onClick={menuItem.onClick || hideMenu}\n                >\n                    {content}\n                </Link>\n            );\n        };\n\n        const item = (\n            <ListItem\n                data-testid={menuItem.testId}\n                ripple={false}\n                className={listItemStyle}\n                onClick={menuItem.onClick || hideMenu}\n            >\n                {menuItem.icon ? (\n                    <ListItemGraphic>\n                        <Icon icon={menuItem.icon} />\n                    </ListItemGraphic>\n                ) : null}\n                {menuItem.label}\n            </ListItem>\n        );\n\n        return menuItem.path ? withLink(item) : item;\n    };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,aAAa,oBAAGC,YAAG,iJAOxB;AAEM,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,YAAsB,EAAe;EAClE,OAAO,SAASC,QAAQ,GAAG;IACvB,qBAAuB,IAAAC,oBAAa,GAAE;MAA9BC,UAAU,kBAAVA,UAAU;IAClB,mBAA4B,IAAAC,qBAAW,GAAE;MAAjCC,QAAQ,gBAARA,QAAQ;MAAEC,KAAK,gBAALA,KAAK;IAEvB,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC;MAAA,OAAML,UAAU,CAAC,KAAK,CAAC;IAAA,GAAE,EAAE,CAAC;IACzD,IAAMM,YAAY,GACdH,KAAK,KAAK,CAAC,IAAI,CAACD,QAAQ,GAAGA,QAAQ,CAACK,IAAI,IAAI,EAAE,GAAG,EAAE,EAAEC,QAAQ,CAAC,QAAQ,CAAC;IAE3E,IAAI,CAACF,YAAY,EAAE;MACf,oBAAO,6BAAC,YAAY,OAAG;IAC3B,CAAC,MAAM,IAAI,CAACJ,QAAQ,EAAE;MAClB;MACAO,OAAO,CAACC,GAAG,CACP,4EAA4E,CAC/E;MACD,oBAAO,6BAAC,YAAY,OAAG;IAC3B;IAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,OAAwB,EAAyB;MAC/D,oBACI,6BAAC,iBAAI;QACD,EAAE,EAAEV,QAAQ,CAACW,IAAI,IAAI,EAAG;QACxB,MAAM,EAAEX,QAAQ,CAACY,MAAO;QACxB,eAAaZ,QAAQ,CAACa,MAAO;QAC7B,OAAO,EAAEb,QAAQ,CAACc,OAAO,IAAIZ;MAAS,GAErCQ,OAAO,CACL;IAEf,CAAC;IAED,IAAMK,IAAI,gBACN,6BAAC,cAAQ;MACL,eAAaf,QAAQ,CAACa,MAAO;MAC7B,MAAM,EAAE,KAAM;MACd,SAAS,EAAErB,aAAc;MACzB,OAAO,EAAEQ,QAAQ,CAACc,OAAO,IAAIZ;IAAS,GAErCF,QAAQ,CAACgB,IAAI,gBACV,6BAAC,qBAAe,qBACZ,6BAAC,UAAI;MAAC,IAAI,EAAEhB,QAAQ,CAACgB;IAAK,EAAG,CACf,GAClB,IAAI,EACPhB,QAAQ,CAACiB,KAAK,CAEtB;IAED,OAAOjB,QAAQ,CAACW,IAAI,GAAGF,QAAQ,CAACM,IAAI,CAAC,GAAGA,IAAI;EAChD,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_reactRouter","_List","_appAdmin","_Icon","_index","listItemStyle","css","MenuLinkRenderer","PrevMenuItem","MenuLink","_useNavigation","useNavigation","setVisible","_useMenuItem","useMenuItem","menuItem","depth","hideMenu","useCallback","shouldRender","tags","includes","default","createElement","console","log","withLink","content","Link","to","path","target","testId","onClick","item","ListItem","ripple","className","icon","ListItemGraphic","Icon","label","exports"],"sources":["MenuLinkRenderer.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport { Link } from \"@webiny/react-router\";\nimport { ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useMenuItem } from \"@webiny/app-admin\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { useNavigation } from \"../index\";\n\nconst listItemStyle = css`\n    font-weight: 400 !important;\n\n    .mdc-list &.mdc-list-item:hover {\n        cursor: pointer;\n        background-color: var(--mdc-theme-background);\n    }\n`;\n\nexport const MenuLinkRenderer = (PrevMenuItem: React.ComponentType) => {\n    return function MenuLink() {\n        const { setVisible } = useNavigation();\n        const { menuItem, depth } = useMenuItem();\n\n        const hideMenu = useCallback(() => setVisible(false), []);\n        const shouldRender =\n            depth === 0 && (menuItem ? menuItem.tags || [] : []).includes(\"footer\");\n\n        if (!shouldRender) {\n            return <PrevMenuItem />;\n        } else if (!menuItem) {\n            // TODO @ts-refactor check if to return component or null @pavel\n            console.log(\n                \"MenuLinkRenderer returning PrevMenuItem because missing menuItem variable.\"\n            );\n            return <PrevMenuItem />;\n        }\n\n        const withLink = (content: React.ReactNode): React.ReactElement => {\n            return (\n                <Link\n                    to={menuItem.path || \"\"}\n                    target={menuItem.target}\n                    data-testid={menuItem.testId}\n                    onClick={menuItem.onClick || hideMenu}\n                >\n                    {content}\n                </Link>\n            );\n        };\n\n        const item = (\n            <ListItem\n                data-testid={menuItem.testId}\n                ripple={false}\n                className={listItemStyle}\n                onClick={menuItem.onClick || hideMenu}\n            >\n                {menuItem.icon ? (\n                    <ListItemGraphic>\n                        <Icon icon={menuItem.icon} />\n                    </ListItemGraphic>\n                ) : null}\n                {menuItem.label}\n            </ListItem>\n        );\n\n        return menuItem.path ? withLink(item) : item;\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAMO,aAAa,oBAAGC,YAAG,iJAOxB;AAEM,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,YAAiC,EAAK;EACnE,OAAO,SAASC,QAAQA,CAAA,EAAG;IACvB,IAAAC,cAAA,GAAuB,IAAAC,oBAAa,EAAC,CAAC;MAA9BC,UAAU,GAAAF,cAAA,CAAVE,UAAU;IAClB,IAAAC,YAAA,GAA4B,IAAAC,qBAAW,EAAC,CAAC;MAAjCC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;MAAEC,KAAK,GAAAH,YAAA,CAALG,KAAK;IAEvB,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC;MAAA,OAAMN,UAAU,CAAC,KAAK,CAAC;IAAA,GAAE,EAAE,CAAC;IACzD,IAAMO,YAAY,GACdH,KAAK,KAAK,CAAC,IAAI,CAACD,QAAQ,GAAGA,QAAQ,CAACK,IAAI,IAAI,EAAE,GAAG,EAAE,EAAEC,QAAQ,CAAC,QAAQ,CAAC;IAE3E,IAAI,CAACF,YAAY,EAAE;MACf,oBAAOvB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACf,YAAY,MAAE,CAAC;IAC3B,CAAC,MAAM,IAAI,CAACO,QAAQ,EAAE;MAClB;MACAS,OAAO,CAACC,GAAG,CACP,4EACJ,CAAC;MACD,oBAAO7B,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACf,YAAY,MAAE,CAAC;IAC3B;IAEA,IAAMkB,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,OAAwB,EAAyB;MAC/D,oBACI/B,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,YAAA,CAAA4B,IAAI;QACDC,EAAE,EAAEd,QAAQ,CAACe,IAAI,IAAI,EAAG;QACxBC,MAAM,EAAEhB,QAAQ,CAACgB,MAAO;QACxB,eAAahB,QAAQ,CAACiB,MAAO;QAC7BC,OAAO,EAAElB,QAAQ,CAACkB,OAAO,IAAIhB;MAAS,GAErCU,OACC,CAAC;IAEf,CAAC;IAED,IAAMO,IAAI,gBACNtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,KAAA,CAAAkC,QAAQ;MACL,eAAapB,QAAQ,CAACiB,MAAO;MAC7BI,MAAM,EAAE,KAAM;MACdC,SAAS,EAAEhC,aAAc;MACzB4B,OAAO,EAAElB,QAAQ,CAACkB,OAAO,IAAIhB;IAAS,GAErCF,QAAQ,CAACuB,IAAI,gBACV1C,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,KAAA,CAAAsC,eAAe,qBACZ3C,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACpB,KAAA,CAAAqC,IAAI;MAACF,IAAI,EAAEvB,QAAQ,CAACuB;IAAK,CAAE,CACf,CAAC,GAClB,IAAI,EACPvB,QAAQ,CAAC0B,KACJ,CACb;IAED,OAAO1B,QAAQ,CAACe,IAAI,GAAGJ,QAAQ,CAACQ,IAAI,CAAC,GAAGA,IAAI;EAChD,CAAC;AACL,CAAC;AAACQ,OAAA,CAAAnC,gBAAA,GAAAA,gBAAA"}