@webiny/app-admin-rmwc 5.34.8 → 5.35.0-beta.0

package/index.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RMWC = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _appAdmin = require("@webiny/app-admin");
-
 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");
-
 var RMWCProviderPlugin = (0, _appAdmin.createProviderPlugin)(function (Component) {
   return function RMWCThemeProvider(_ref) {
     var children = _ref.children;
@@ -37,9 +24,7 @@ var RMWCProviderPlugin = (0, _appAdmin.createProviderPlugin)(function (Component
     }, /*#__PURE__*/_react.default.createElement(Component, null, children));
   };
 });
-
 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));
 };
-
 exports.RMWC = RMWC;

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,8BAAA,EAAqB,UAAAC,SAAS,EAAI;EACzD,OAAO,SAASC,iBAAT,OAAyC;IAAA,IAAZC,QAAY,QAAZA,QAAY;IAC5C,oBACI,6BAAC,sBAAD;MAAc,MAAM,EAAE;IAAtB,gBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;EAKH,CAND;AAOH,CAR0B,CAA3B;;AAUO,IAAMC,IAAc,GAAG,SAAjBA,IAAiB,GAAM;EAChC,oBACI,6BAAC,eAAD,qBACI,6BAAC,kBAAD,OADJ,eAEI,6BAAC,cAAD,OAFJ,eAGI,6BAAC,oBAAD,OAHJ,eAII,6BAAC,kBAAD,OAJJ,eAKI,6BAAC,YAAD,OALJ,eAMI,6BAAC,sBAAD,OANJ,eAOI,6BAAC,cAAD,OAPJ,eAQI,6BAAC,kBAAD,OARJ,eASI,6BAAC,kBAAD,OATJ,CADJ;AAaH,CAdM"}
+{"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"}

package/modules/Brand/index.js

@@ -1,50 +1,37 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Brand = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _appAdmin = require("@webiny/app-admin");
-
 var _reactRouter = require("@webiny/react-router/");
-
 var _webinyLogo = require("./webiny-logo.svg");
-
 var _Navigation = require("../Navigation");
-
 var BrandImpl = function BrandImpl() {
   return function BrandRenderer() {
     var _useTags = (0, _appAdmin.useTags)(),
-        location = _useTags.location;
-
+      location = _useTags.location;
     var _useNavigation = (0, _Navigation.useNavigation)(),
-        setVisible = _useNavigation.setVisible;
-
+      setVisible = _useNavigation.setVisible;
     var inApp = ["appBar", "navigation"].includes(String(location));
     var onClick = (0, _react.useCallback)(function () {
       location === "navigation" ? setVisible(false) : null;
     }, []);
-
     if (!inApp) {
       return /*#__PURE__*/_react.default.createElement(_appAdmin.Logo, null);
     }
-
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
       to: "/",
       onClick: onClick
     }, /*#__PURE__*/_react.default.createElement(_appAdmin.Logo, null));
   };
 };
-
 var WebinyLogo = function WebinyLogo() {
   var _useTags2 = (0, _appAdmin.useTags)(),
-      location = _useTags2.location;
-
+    location = _useTags2.location;
   var isLoginScreen = location === "loginScreen";
   var isAppBar = location === "appBar";
   var isInstaller = location === "installer";
@@ -59,7 +46,6 @@ var WebinyLogo = function WebinyLogo() {
     }
   });
 };
-
 var Brand = function Brand() {
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
     component: _appAdmin.BrandRenderer,
@@ -68,5 +54,4 @@ var Brand = function Brand() {
     logo: /*#__PURE__*/_react.default.createElement(WebinyLogo, null)
   }));
 };
-
 exports.Brand = Brand;

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,SAAkC,GAAM;EAC1C,OAAO,SAASC,aAAT,GAAyB;IAC5B,eAAqB,IAAAC,iBAAA,GAArB;IAAA,IAAQC,QAAR,YAAQA,QAAR;;IACA,qBAAuB,IAAAC,yBAAA,GAAvB;IAAA,IAAQC,UAAR,kBAAQA,UAAR;;IACA,IAAMC,KAAK,GAAG,CAAC,QAAD,EAAW,YAAX,EAAyBC,QAAzB,CAAkCC,MAAM,CAACL,QAAD,CAAxC,CAAd;IAEA,IAAMM,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAM;MAC9BP,QAAQ,KAAK,YAAb,GAA4BE,UAAU,CAAC,KAAD,CAAtC,GAAgD,IAAhD;IACH,CAFe,EAEb,EAFa,CAAhB;;IAIA,IAAI,CAACC,KAAL,EAAY;MACR,oBAAO,6BAAC,cAAD,OAAP;IACH;;IAED,oBACI,6BAAC,iBAAD;MAAM,EAAE,EAAE,GAAV;MAAe,OAAO,EAAEG;IAAxB,gBACI,6BAAC,cAAD,OADJ,CADJ;EAKH,CAlBD;AAmBH,CApBD;;AAsBA,IAAME,UAAoB,GAAG,SAAvBA,UAAuB,GAAM;EAC/B,gBAAqB,IAAAT,iBAAA,GAArB;EAAA,IAAQC,QAAR,aAAQA,QAAR;;EACA,IAAMS,aAAa,GAAGT,QAAQ,KAAK,aAAnC;EACA,IAAMU,QAAQ,GAAGV,QAAQ,KAAK,QAA9B;EACA,IAAMW,WAAW,GAAGX,QAAQ,KAAK,WAAjC;EACA,IAAMG,KAAK,GAAG,CAACQ,WAAD,IAAgB,CAACF,aAA/B;EAEA,IAAMG,KAAK,GAAGF,QAAQ,GAAG,OAAH,GAAa,0BAAnC;EAEA,oBACI,6BAAC,0BAAD;IACI,KAAK,EAAE;MACHG,KAAK,EAAE,CAACV,KAAD,GAAS,GAAT,GAAe,GADnB;MAEHW,MAAM,EAAE,CAACX,KAAD,GAAS,MAAT,GAAkB,EAFvB;MAGHY,WAAW,EAAE,CAACZ,KAAD,GAAS,CAAT,GAAa,EAHvB;MAIHS,KAAK,EAALA;IAJG;EADX,EADJ;AAUH,CAnBD;;AAqBO,IAAMI,KAAe,GAAG,SAAlBA,KAAkB,GAAM;EACjC,oBACI,6BAAC,eAAD,qBACI,6BAAC,iBAAD;IAAS,SAAS,EAAElB,uBAApB;IAAmC,IAAI,EAAED;EAAzC,EADJ,eAEI,6BAAC,iBAAD;IAAS,IAAI,eAAE,6BAAC,UAAD;EAAf,EAFJ,CADJ;AAMH,CAPM"}
+{"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"}

package/modules/Dashboard/Welcome.js

@@ -1,45 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _emotion = require("emotion");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _reactRouter = require("@webiny/react-router");
-
 var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-
 var _useSecurity2 = require("@webiny/app-security/hooks/useSecurity");
-
 var _plugins = require("@webiny/plugins");
-
 var _Typography = require("@webiny/ui/Typography");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _Elevation = require("@webiny/ui/Elevation");
-
 var _youtube = require("./icons/youtube.svg");
-
 var _github = require("./icons/github.svg");
-
 var _slack = require("./icons/slack.svg");
-
 var _twitter = require("./icons/twitter.svg");
-
 var _textbook = require("./icons/textbook.svg");
-
 var _laptop = require("./icons/laptop.svg");
-
 // Icons
+
 var linkStyle = /*#__PURE__*/(0, _emotion.css)({
   textDecoration: "none",
   "&:hover": {
@@ -104,24 +87,19 @@ var WelcomeScreenWidgetsWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e3tmptz2"
 })("display:flex;flex-wrap:wrap;justify-content:center;@media (max-width:479px){flex-direction:column;}");
 var elevation = /*#__PURE__*/(0, _emotion.css)("padding:10px;height:calc(100% - 20px);display:flex;flex-direction:column;label:elevation;");
-
 var Welcome = function Welcome() {
   var _useSecurity = (0, _useSecurity2.useSecurity)(),
-      identity = _useSecurity.identity,
-      getPermission = _useSecurity.getPermission;
-
+    identity = _useSecurity.identity,
+    getPermission = _useSecurity.getPermission;
   if (!identity) {
     return null;
   }
-
   var widgets = _plugins.plugins.byType("admin-welcome-screen-widget").filter(function (pl) {
     if (pl.permission) {
       return getPermission(pl.permission);
     }
-
     return true;
   });
-
   var canSeeAnyWidget = widgets.length > 0;
   return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
     title: "Hi ".concat(identity.displayName, "!")
@@ -266,6 +244,5 @@ var Welcome = function Welcome() {
     className: imageStyle
   }), /*#__PURE__*/_react.default.createElement("p", null, "Twitter"))))));
 };
-
 var _default = Welcome;
 exports.default = _default;

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":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AANA;AASA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClBC,cAAc,EAAE,MADE;EAElB,WAAW;IACPA,cAAc,EAAE;EADT,CAFO;EAKlBC,KAAK,EAAE;AALW,CAAJ,qBAAlB;AAQA,IAAMC,UAAU,gBAAG,IAAAH,YAAA,EAAI;EACnBI,KAAK,EAAE,MADY;EAEnBC,MAAM,EAAE,MAFW;EAGnBC,YAAY,EAAE;AAHK,CAAJ,sBAAnB;AAMA,IAAMC,cAAc,gBAAG,IAAAP,YAAA,EAAI;EACvBQ,SAAS,EAAE;AADY,CAAJ,0BAAvB;AAIA,IAAMC,gBAAgB,gBAAG,IAAAT,YAAA,EAAI;EACzBU,UAAU,EAAE,GADa;EAEzBC,UAAU,EAAE,MAFa;EAGzBC,aAAa,EAAE,MAHU;EAIzBJ,SAAS,EAAE;AAJc,CAAJ,4BAAzB;AAOA,IAAMK,sBAAsB,gBAAG,IAAAb,YAAA,EAAI;EAC/BQ,SAAS,EAAE,QADoB;EAE/BM,WAAW,EAAE,MAFkB;EAG/BC,YAAY,EAAE;AAHiB,CAAJ,kCAA/B;AAMA,IAAMC,aAAa,gBAAG,IAAAhB,YAAA,EAAI;EACtBQ,SAAS,EAAE;AADW,CAAJ,yBAAtB;AAIA,IAAMS,iBAAiB,gBAAG,IAAAjB,YAAA,EAAI;EAC1BU,UAAU,EAAE;AADc,CAAJ,6BAA1B;AAIA,IAAMQ,gBAAgB,gBAAG,IAAAlB,YAAA,EAAI;EACzBc,WAAW,EAAE,QADY;EAEzBH,UAAU,EAAE;AAFa,CAAJ,4BAAzB;AAKA,IAAMQ,oBAAoB,gBAAG,IAAAnB,YAAA,EAAI;EAC7BoB,OAAO,EAAE,MADoB;EAE7BC,OAAO,EAAE;AAFoB,CAAJ,gCAA7B;AAKA,IAAMC,iBAAiB,oBAAGtB,YAAH,+DAAvB;AAKA,IAAMuB,eAAe,gBAAG,IAAAvB,YAAA,EAAI;EACxBwB,eAAe,EAAE,gCADO;EAExBC,MAAM,EAAE;AAFgB,CAAJ,2BAAxB;AAKA,IAAMC,mBAAmB,gBAAG,IAAA1B,YAAA,EAAI;EAC5BU,UAAU,EAAE,GADgB;EAE5BI,WAAW,EAAE;AAFe,CAAJ,+BAA5B;AAKA,IAAMa,YAAY,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC/B1B,KAAK,EAAE;AADwB,CAAjB,CAAlB;AAIA,IAAM2B,MAAM,oBAAGD,eAAH;EAAA;EAAA;AAAA,4GAAZ;AASA,IAAME,2BAA2B,oBAAGF,eAAH;EAAA;EAAA;AAAA,yGAAjC;AASA,IAAMG,SAAS,oBAAG/B,YAAH,8FAAf;;AAOA,IAAMgC,OAAiB,GAAG,SAApBA,OAAoB,GAAM;EAC5B,mBAAoC,IAAAC,yBAAA,GAApC;EAAA,IAAQC,QAAR,gBAAQA,QAAR;EAAA,IAAkBC,aAAlB,gBAAkBA,aAAlB;;EAEA,IAAI,CAACD,QAAL,EAAe;IACX,OAAO,IAAP;EACH;;EAED,IAAME,OAAO,GAAGC,gBAAA,CACXC,MADW,CAC4B,6BAD5B,EAEXC,MAFW,CAEJ,UAAAC,EAAE,EAAI;IACV,IAAIA,EAAE,CAACC,UAAP,EAAmB;MACf,OAAON,aAAa,CAACK,EAAE,CAACC,UAAJ,CAApB;IACH;;IACD,OAAO,IAAP;EACH,CAPW,CAAhB;;EASA,IAAMC,eAAe,GAAGN,OAAO,CAACO,MAAR,GAAiB,CAAzC;EAEA,oBACI,6BAAC,sBAAD,qBACI,6BAAC,4BAAD;IAAkB,KAAK,eAAQT,QAAQ,CAACU,WAAjB;EAAvB,EADJ,eAEI,6BAAC,6BAAD,qBACI,6BAAC,YAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GACKF,eAAe,iBACZ;IAAG,SAAS,EAAExB;EAAd,GAAgC,iDAAhC,CAFR,EAMK,CAACwB,eAAD,iBACG;IAAG,SAAS,EAAExB;EAAd,GAAgC,yEAAhC,CAPR,eAYI,wCAZJ,CADJ,CADJ,eAiBI,6BAAC,2BAAD,QACKkB,OAAO,CAACS,GAAR,CAAY,UAAAL,EAAE,EAAI;IACf,oBACI,6BAAC,MAAD;MAAQ,GAAG,EAAEA,EAAE,CAACM,IAAhB;MAAsB,eAAaN,EAAE,CAACM;IAAtC,gBACI,6BAAC,oBAAD;MAAW,CAAC,EAAE,CAAd;MAAiB,SAAS,EAAEf;IAA5B,gBACI,6BAAC,sBAAD;MAAY,GAAG,EAAE;IAAjB,gBACI;MAAG,SAAS,EAAEtB;IAAd,GAAiC+B,EAAE,CAACO,MAAH,CAAUC,KAA3C,CADJ,CADJ,eAII,6BAAC,sBAAD;MAAY,GAAG,EAAE;IAAjB,gBACI;MAAG,SAAS,EAAEnC;IAAd,GACK2B,EAAE,CAACO,MAAH,CAAUE,WADf,CADJ,CAJJ,eASI;MAAK,SAAS,EAAE3B;IAAhB,GAAoCkB,EAAE,CAACO,MAAH,CAAUG,GAA9C,CATJ,CADJ,CADJ;EAeH,CAhBA,CADL,CAjBJ,CADJ,CAFJ,eAyCI,6BAAC,4BAAD,qBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE,WAAjB;IAA8B,SAAS,EAAE3C;EAAzC,gBACI;IAAG,SAAS,EAAEU;EAAd,GAAiC,0BAAjC,CADJ,CADJ,CADJ,eAMI,6BAAC,UAAD;IAAM,IAAI,EAAE,CAAZ;IAAe,KAAK,EAAE;MAAEkC,UAAU,EAAE;IAAd;EAAtB,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE,WAAjB;IAA8B,SAAS,EAAE5C;EAAzC,gBACI;IAAG,SAAS,EAAEU;EAAd,GAAiC,qBAAjC,CADJ,CADJ,CANJ,eAWI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE,OAAjB;IAA0B,SAAS,EAAEV;EAArC,gBACI,wCAAG,wGAAH,CADJ,CADJ,CAXJ,eAmBI,6BAAC,UAAD;IAAM,IAAI,EAAE,CAAZ;IAAe,KAAK,EAAE;MAAE4C,UAAU,EAAE;IAAd;EAAtB,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE,OAAjB;IAA0B,SAAS,EAAE5C;EAArC,gBACI,wCAAG,kEAAH,CADJ,CADJ,CAnBJ,eAwBI,6BAAC,UAAD;IACI,IAAI,EAAE,CADV;IAEI,SAAS,EAAEgB,eAFf;IAGI,KAAK,EAAE;MAAEE,MAAM,EAAE;IAAV;EAHX,gBAKI,6BAAC,iBAAD;IACI,EAAE,EAAC,6BADP;IAEI,SAAS,EAAE1B,SAFf;IAGI,MAAM,EAAE,QAHZ;IAII,GAAG,EAAE;EAJT,gBAMI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,gBACI;IAAK,SAAS,EAAEoB;EAAhB,gBACI,6BAAC,wBAAD;IAAc,SAAS,EAAEhB;EAAzB,EADJ,eAEI;IAAG,SAAS,EAAEuB;EAAd,GAAmC,eAAnC,CAFJ,CADJ,CANJ,CALJ,CAxBJ,eA2CI,6BAAC,UAAD;IACI,IAAI,EAAE,CADV;IAEI,SAAS,EAAEH,eAFf;IAGI,KAAK,EAAE;MAAEE,MAAM,EAAE,oBAAV;MAAgC2B,UAAU,EAAE;IAA5C;EAHX,gBAKI,6BAAC,iBAAD;IACI,EAAE,EAAC,2CADP;IAEI,SAAS,EAAErD,SAFf;IAGI,MAAM,EAAE,QAHZ;IAII,GAAG,EAAE;EAJT,gBAMI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,gBACI;IAAM,SAAS,EAAEoB;EAAjB,gBACI,6BAAC,sBAAD;IAAY,SAAS,EAAEhB;EAAvB,EADJ,eAEI;IAAG,SAAS,EAAEuB;EAAd,GAAmC,eAAnC,CAFJ,CADJ,CANJ,CALJ,CA3CJ,eA8DI,6BAAC,UAAD;IAAM,IAAI,EAAE,CAAZ;IAAe,SAAS,EAAEV,aAA1B;IAAyC,KAAK,EAAC;EAA/C,gBACI,6BAAC,iBAAD;IACI,EAAE,EAAC,qCADP;IAEI,SAAS,EAAEjB,SAFf;IAGI,MAAM,EAAE,QAHZ;IAII,GAAG,EAAE;EAJT,gBAMI,6BAAC,sBAAD;IAAY,SAAS,EAAEI;EAAvB,EANJ,eAOI,wCAAG,QAAH,CAPJ,CADJ,CA9DJ,eAyEI,6BAAC,UAAD;IAAM,IAAI,EAAE,CAAZ;IAAe,SAAS,EAAEa,aAA1B;IAAyC,KAAK,EAAC;EAA/C,gBACI,6BAAC,iBAAD;IACI,EAAE,EAAC,+BADP;IAEI,SAAS,EAAEjB,SAFf;IAGI,MAAM,EAAE,QAHZ;IAII,GAAG,EAAE;EAJT,gBAMI,6BAAC,qBAAD;IAAW,SAAS,EAAEI;EAAtB,EANJ,eAOI,wCAAG,OAAH,CAPJ,CADJ,CAzEJ,eAoFI,6BAAC,UAAD;IAAM,IAAI,EAAE,CAAZ;IAAe,SAAS,EAAEa,aAA1B;IAAyC,KAAK,EAAC;EAA/C,gBACI,6BAAC,iBAAD;IACI,EAAE,EAAC,4BADP;IAEI,SAAS,EAAEjB,SAFf;IAGI,MAAM,EAAE,QAHZ;IAII,GAAG,EAAE;EAJT,gBAMI,6BAAC,uBAAD;IAAa,SAAS,EAAEI;EAAxB,EANJ,eAOI,wCAAG,SAAH,CAPJ,CADJ,CApFJ,eA+FI,6BAAC,UAAD;IAAM,IAAI,EAAE,CAAZ;IAAe,SAAS,EAAEa,aAA1B;IAAyC,KAAK,EAAC;EAA/C,gBACI,6BAAC,iBAAD;IACI,EAAE,EAAC,+BADP;IAEI,SAAS,EAAEjB,SAFf;IAGI,MAAM,EAAE,QAHZ;IAII,GAAG,EAAE;EAJT,gBAMI,6BAAC,uBAAD;IAAa,SAAS,EAAEI;EAAxB,EANJ,eAOI,wCAAG,SAAH,CAPJ,CADJ,CA/FJ,CADJ,CAzCJ,CADJ;AAyJH,CA3KD;;eA6Ke6B,O"}
+{"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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"}

package/modules/Dashboard/index.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Dashboard = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _appAdmin = require("@webiny/app-admin");
-
 var _Welcome = _interopRequireDefault(require("./Welcome"));
-
 var DashboardRendererHOC = function DashboardRendererHOC() {
   return function DashboardRenderer() {
     return /*#__PURE__*/React.createElement(_appAdmin.CenteredView, {
@@ -22,12 +16,10 @@ var DashboardRendererHOC = function DashboardRendererHOC() {
     }, /*#__PURE__*/React.createElement(_Welcome.default, null));
   };
 };
-
 var Dashboard = function Dashboard() {
   return /*#__PURE__*/React.createElement(_appAdmin.Compose, {
     component: _appAdmin.DashboardRenderer,
     with: DashboardRendererHOC
   });
 };
-
 exports.Dashboard = Dashboard;

package/modules/Dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["DashboardRendererHOC","DashboardRenderer","Dashboard","DashboardRendererSpec"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n    CenteredView,\n    Compose,\n    DashboardRenderer as DashboardRendererSpec\n} from \"@webiny/app-admin\";\nimport Welcome from \"./Welcome\";\n\nconst DashboardRendererHOC = (): React.FC => {\n    return function DashboardRenderer() {\n        return (\n            <CenteredView maxWidth={1300}>\n                <Welcome />\n            </CenteredView>\n        );\n    };\n};\n\nexport const Dashboard: React.FC = () => {\n    return <Compose component={DashboardRendererSpec} with={DashboardRendererHOC} />;\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKA;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAgB;EACzC,OAAO,SAASC,iBAAT,GAA6B;IAChC,oBACI,oBAAC,sBAAD;MAAc,QAAQ,EAAE;IAAxB,gBACI,oBAAC,gBAAD,OADJ,CADJ;EAKH,CAND;AAOH,CARD;;AAUO,IAAMC,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;EACrC,oBAAO,oBAAC,iBAAD;IAAS,SAAS,EAAEC,2BAApB;IAA2C,IAAI,EAAEH;EAAjD,EAAP;AACH,CAFM"}
+{"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"}

package/modules/Layout.js

@@ -1,26 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Layout = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactHelmet = _interopRequireDefault(require("react-helmet"));
-
 var _appAdmin = require("@webiny/app-admin");
-
 var _TopAppBar = require("@webiny/ui/TopAppBar");
-
 var RMWCLayout = function RMWCLayout() {
   return function RMWCLayout(_ref) {
     var title = _ref.title,
-        children = _ref.children;
+      children = _ref.children;
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title ? /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
       title: title
     }) : null, /*#__PURE__*/_react.default.createElement(_appAdmin.Tags, {
@@ -50,7 +43,6 @@ var RMWCLayout = function RMWCLayout() {
     }, children), /*#__PURE__*/_react.default.createElement(_appAdmin.Navigation, null));
   };
 };
-
 var Layout = function Layout() {
   /**
    * TODO @ts-refactor @pavel
@@ -61,5 +53,4 @@ var Layout = function Layout() {
     with: RMWCLayout
   });
 };
-
 exports.Layout = Layout;

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,UAAa,GAA6B;EAC5C,OAAO,SAASA,UAAT,OAAyC;IAAA,IAAnBC,KAAmB,QAAnBA,KAAmB;IAAA,IAAZC,QAAY,QAAZA,QAAY;IAC5C,oBACI,6BAAC,eAAD,QACKD,KAAK,gBAAG,6BAAC,oBAAD;MAAQ,KAAK,EAAEA;IAAf,EAAH,GAA8B,IADxC,eAEI,6BAAC,cAAD;MAAM,IAAI,EAAE;QAAEE,QAAQ,EAAE;MAAZ;IAAZ,gBACI,6BAAC,2BAAD;MAAkB,KAAK;IAAvB,gBACI,6BAAC,2BAAD;MAAkB,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAT,CAAzB;MAA2C,UAAU;IAArD,gBACI,6BAAC,eAAD,OADJ,CADJ,eAII,6BAAC,2BAAD;MAAkB,KAAK,EAAE;QAAEA,KAAK,EAAE;MAAT;IAAzB,gBACI,6BAAC,gBAAD,OADJ,CAJJ,eAOI,6BAAC,2BAAD;MAAkB,KAAK,EAAE;QAAEA,KAAK,EAAE;MAAT,CAAzB;MAA2C,QAAQ;IAAnD,gBACI,6BAAC,wBAAD,OADJ,eAEI,6BAAC,kBAAD,OAFJ,CAPJ,CADJ,CAFJ,eAgBI;MAAK,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAd;IAAZ,GAAiCH,QAAjC,CAhBJ,eAiBI,6BAAC,oBAAD,OAjBJ,CADJ;EAqBH,CAtBD;AAuBH,CAxBD;;AA0BO,IAAMI,MAAgB,GAAG,SAAnBA,MAAmB,GAAM;EAClC;AACJ;AACA;EACI;EACA,oBAAO,6BAAC,iBAAD;IAAS,SAAS,EAAEC,wBAApB;IAAoC,IAAI,EAAEP;EAA1C,EAAP;AACH,CANM"}
+{"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"}

package/modules/Navigation/Hamburger.js

@@ -1,34 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = require("@webiny/ui/Button");
-
 var _hamburger = require("./icons/hamburger.svg");
-
 var _index = require("./index");
-
 var _appAdmin = require("@webiny/app-admin");
-
 var Hamburger = function Hamburger() {
   var _useTags = (0, _appAdmin.useTags)(),
-      location = _useTags.location;
-
+    location = _useTags.location;
   var _useNavigation = (0, _index.useNavigation)(),
-      visible = _useNavigation.visible,
-      setVisible = _useNavigation.setVisible;
-
+    visible = _useNavigation.visible,
+    setVisible = _useNavigation.setVisible;
   if (location === "installer") {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     icon: /*#__PURE__*/_react.default.createElement(_hamburger.ReactComponent, {
       style: {
@@ -41,6 +31,5 @@ var Hamburger = function Hamburger() {
     "data-testid": location === "navigation" ? undefined : "apps-menu"
   });
 };
-
 var _default = Hamburger;
 exports.default = _default;

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,SAAsB,GAAM;EAC9B,eAAqB,IAAAC,iBAAA,GAArB;EAAA,IAAQC,QAAR,YAAQA,QAAR;;EACA,qBAAgC,IAAAC,oBAAA,GAAhC;EAAA,IAAQC,OAAR,kBAAQA,OAAR;EAAA,IAAiBC,UAAjB,kBAAiBA,UAAjB;;EAEA,IAAIH,QAAQ,KAAK,WAAjB,EAA8B;IAC1B,OAAO,IAAP;EACH;;EAED,oBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,yBAAD;MAAU,KAAK,EAAE;QAAEI,KAAK,EAAEJ,QAAQ,KAAK,YAAb,GAA4BK,SAA5B,GAAwC;MAAjD;IAAjB,EADV;IAEI,OAAO,EAAE;MAAA,OAAMF,UAAU,CAAC,CAACD,OAAF,CAAhB;IAAA,CAFb;IAGI,eAAaF,QAAQ,KAAK,YAAb,GAA4BK,SAA5B,GAAwC;EAHzD,EADJ;AAOH,CAfD;;eAiBeP,S"}
+{"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"}

package/modules/Navigation/Styled.d.ts

@@ -1,9 +1,15 @@
 /// <reference types="react" />
-/// <reference types="web" />
 /// <reference types="react" />
-export declare const MenuHeader: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+/// <reference types="web" />
+export declare const MenuHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const navHeader: string;
 export declare const navContent: string;
 export declare const logoStyle: string;
-export declare const MenuFooter: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const MenuFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const subFooter: string;

package/modules/Navigation/Styled.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.subFooter = exports.navHeader = exports.navContent = exports.logoStyle = exports.MenuHeader = exports.MenuFooter = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _emotion = require("emotion");
-
 var MenuHeader = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eulanz40",
   label: "MenuHeader"

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,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACpCC,OAAO,EAAE,MAD2B;EAEpCC,UAAU,EAAE,QAFwB;EAGpCC,OAAO,EAAE,CAH2B;EAIpCC,eAAe,EAAE,0BAJmB;EAKpCC,YAAY,EAAE;AALsB,CAAjB,CAAhB;;AAQA,IAAMC,SAAS,gBAAG,IAAAC,YAAA,EAAI;EACzBJ,OAAO,EAAE,CADgB;EAEzB,wBAAwB;IACpBA,OAAO,EAAE,cADW;IAEpBK,SAAS,EAAE;EAFS;AAFC,CAAJ,qBAAlB;;AAQA,IAAMC,UAAU,gBAAG,IAAAF,YAAA,EAAI;EAC1BJ,OAAO,EAAE;AADiB,CAAJ,sBAAnB;;AAIA,IAAMO,SAAS,gBAAG,IAAAH,YAAA,EAAI;EACzB,4BAA4B;IACxBI,WAAW,EAAE,EADW;IAExB,gBAAgB;MACZC,KAAK,EAAE;IADK;EAFQ;AADH,CAAJ,qBAAlB;;AASA,IAAMC,UAAU,oBAAGb,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACpCc,SAAS,EAAE,0CADyB;EAEpCC,CAAC,EAAE;IACCH,KAAK,EAAE,kCADR;IAECI,cAAc,EAAE;EAFjB;AAFiC,CAAjB,CAAhB;;AAQA,IAAMC,SAAS,gBAAG,IAAAV,YAAA,EAAI;EACzB,+BAA+B;IAC3BO,SAAS,EAAE,0CADgB;IAE3BX,OAAO,EAAE,WAFkB;IAG3Be,MAAM,EAAE;EAHmB;AADN,CAAJ,qBAAlB"}
+{"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"}