@webiny/app-admin-rmwc 5.21.0-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,7 @@
+# @webiny/app-admin-rmwc
+[![](https://img.shields.io/npm/dw/@webiny/app-admin-rmwc.svg)](https://www.npmjs.com/package/@webiny/app-admin-rmwc) 
+[![](https://img.shields.io/npm/v/@webiny/app-admin-rmwc.svg)](https://www.npmjs.com/package/@webiny/app-admin-rmwc)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+
+An implementation of core UI components for @webiny/app-serverless-cms using RMWC UI library. 

package/index.d.ts

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

package/index.js

@@ -0,0 +1,12 @@
+import React, { Fragment } from "react";
+import { Layout } from "./modules/Layout";
+import { Navigation } from "./modules/Navigation";
+import { Brand } from "./modules/Brand";
+import { Search } from "./modules/Search";
+import { UserMenu } from "./modules/UserMenu";
+import { Overlays } from "./modules/Overlays";
+import { NotFound } from "./modules/NotFound";
+import { Dashboard } from "./modules/Dashboard";
+export var RMWC = function RMWC() {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Layout, null), /*#__PURE__*/React.createElement(Dashboard, null), /*#__PURE__*/React.createElement(NotFound, null), /*#__PURE__*/React.createElement(Brand, null), /*#__PURE__*/React.createElement(Navigation, null), /*#__PURE__*/React.createElement(Search, null), /*#__PURE__*/React.createElement(UserMenu, null), /*#__PURE__*/React.createElement(Overlays, null));
+};

package/modules/Brand/index.d.ts

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

package/modules/Brand/index.js

@@ -0,0 +1,46 @@
+import React, { Fragment, useCallback } from "react";
+import { Compose, BrandRenderer, useTags, Logo, AddLogo } from "@webiny/app-admin";
+import { Link } from "@webiny/react-router/";
+import { ReactComponent as LogoIcon } from "@svgr/webpack!./webiny-logo.svg";
+import { useNavigation } from "../Navigation";
+
+var BrandImpl = function BrandImpl() {
+  return function BrandRenderer() {
+    var _useTags = useTags(),
+        location = _useTags.location;
+
+    var _useNavigation = useNavigation(),
+        setVisible = _useNavigation.setVisible;
+
+    var onClick = useCallback(function () {
+      location === "navigation" ? setVisible(false) : null;
+    }, []);
+    return /*#__PURE__*/React.createElement(Link, {
+      to: "/",
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement(Logo, null));
+  };
+};
+
+var WebinyLogo = function WebinyLogo() {
+  var _useTags2 = useTags(),
+      location = _useTags2.location;
+
+  return /*#__PURE__*/React.createElement(LogoIcon, {
+    style: {
+      width: 100,
+      height: 30,
+      paddingLeft: 20,
+      color: location === "navigation" ? "var(--mdc-theme-primary)" : "white"
+    }
+  });
+};
+
+export var Brand = function Brand() {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Compose, {
+    component: BrandRenderer,
+    with: BrandImpl
+  }), /*#__PURE__*/React.createElement(AddLogo, {
+    logo: /*#__PURE__*/React.createElement(WebinyLogo, null)
+  }));
+};

package/modules/Brand/webiny-logo.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 413 126" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <path d="M106.337016,98.7997963 L63.0899545,123.570655 C58.9970198,125.91444 53.9546983,125.91444 49.861857,123.570655 L6.61395537,98.7997963 C2.52111405,96.4552699 -5.07221701e-15,92.1236493 -4.78514071e-15,87.4353375 L-1.75158541e-15,37.8936199 C-1.46450911e-15,33.2053081 2.52111405,28.873039 6.61395537,26.5292537 L49.861857,1.75839485 C53.9546983,-0.586131618 58.9970198,-0.586131618 63.0899545,1.75839485 L106.337016,26.5292537 C110.42995,28.873039 112.951064,33.2053081 112.951064,37.8936199 L112.951064,87.4353375 C112.951064,92.1236493 110.42995,96.4552699 106.337016,98.7997963 Z M82.6150471,41.7683515 C79.3715736,50.8470221 76.1049397,59.9486691 72.8391463,69.0602294 L71.8026281,69.0602294 C68.5476678,59.9265265 65.281781,50.8027368 62.0268207,41.6911765 L51.872043,41.6911765 C48.5723496,50.9027956 45.3065562,60.0257515 42.0407628,69.1602882 L41.0927769,69.1602882 C37.7823438,59.9371809 34.4719107,50.7148147 31.2722364,41.8126368 L19.1446281,41.8126368 C25.0417339,58.5659118 30.7933405,74.8990324 36.5448537,91.2321529 L46.554786,91.2321529 L56.4646992,63.5972029 L57.4680645,63.5972029 C60.7784975,72.8645956 64.0781909,82.1427353 67.3216645,91.2099176 L77.3540099,91.2099176 C83.127843,74.8103691 88.8794496,58.4665941 94.7542355,41.7683515 L82.6150471,41.7683515 Z" id="path-1"></path>
+    </defs>
+    <g id="Page-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Webiny-Logo-Icon" transform="translate(-95.000000, -227.000000)">
+            <g id="Group-27" transform="translate(301.500000, 290.500000) rotate(-90.000000) translate(-301.500000, -290.500000) translate(238.000000, 84.000000)">
+                <path d="M38.9886,294.4019 L38.9886,303.1704 L78.6828,303.1704 L78.6828,294.4019 L38.9886,294.4019 Z M78.7273,391.1846 L78.7273,382.0161 C70.8914,382.0161 63.4463,382.0343 56.0012,382.0071 C51.053,381.9807 47.5708,378.463 47.6153,373.6211 C47.6508,368.7347 50.1294,366.4688 55.6376,366.4333 C62.1493,366.3888 68.67,366.4333 75.1825,366.4069 C76.3641,366.3979 77.5457,366.2024 78.6737,366.0961 L78.6737,357.5321 C78.3183,357.3812 78.132,357.2294 77.9456,357.2294 C68.6436,357.203 59.3243,357.0522 50.0231,357.2294 C45.492,357.3185 41.9472,359.4508 40.0457,363.9192 C43.0934,368.4948 42.8262,373.5585 42.2045,378.6312 C41.6891,382.7714 41.9736,386.8226 42.8707,391.2736 C54.8641,391.2382 66.7693,391.3709 78.7273,391.1846 L78.7273,391.1846 Z M69.3634,348.63 C73.2192,348.5236 76.0532,346.054 77.6875,342.5091 C79.3754,338.8489 80.1043,334.9486 79.18,331.0393 C78.4164,327.8053 77.0213,324.7231 75.866,321.48 C77.0839,320.0766 78.4692,318.4687 80.0062,316.7099 C78.0338,314.5149 76.3369,312.6142 74.6407,310.7218 C69.5589,314.773 69.5589,314.773 62.94,314.773 C56.1175,314.773 49.2851,314.773 42.4626,314.782 C41.3609,314.782 40.2502,314.8793 39.0068,314.942 L39.0068,323.9859 L61.243,323.9859 C66.0759,323.9859 69.3189,326.5091 70.536,331.2174 C71.9576,336.7256 69.7807,339.6042 64.1126,339.6215 C56.8811,339.6479 49.6405,339.6215 42.3999,339.6396 C41.2983,339.6396 40.1966,339.746 39.0777,339.8078 L39.0777,348.7099 C49.3296,348.7099 59.3506,348.888 69.3634,348.63 L69.3634,348.63 Z M70.9978,230.0101 C70.696,234.3985 68.919,236.0954 64.468,235.7936 C59.9996,231.3517 61.892,225.8344 61.5894,220.6371 C67.1066,221.0107 71.3177,225.3372 70.9978,230.0101 L70.9978,230.0101 Z M50.8575,242.7852 C49.8804,240.5374 48.9742,238.5741 48.1834,236.5663 C46.9309,233.4213 46.5665,230.161 47.2418,226.8206 C47.908,223.4984 49.4986,221.8987 53.008,221.2679 C53.008,223.1603 53.0163,224.9909 53.008,226.8116 C52.9635,231.1117 53.5671,235.2874 55.6104,239.1249 C59.7951,246.9699 70.625,247.938 75.8133,240.84 C81.3214,233.315 80.8506,222.0851 73.112,215.5825 C67.3111,210.7142 60.524,209.7635 53.2562,210.927 C47.3218,211.8868 42.8353,214.9517 40.1612,220.2908 C36.3591,227.8777 38.376,240.6265 44.3632,247.2544 C46.5137,245.7702 48.6897,244.2686 50.8575,242.7852 L50.8575,242.7852 Z M55.6549,410.8713 C61.5011,408.3398 65.4014,401.3037 64.4952,394.8539 C64.4152,394.2759 64.0507,393.7432 63.7662,393.086 L54.7223,393.086 C54.9177,394.3031 55.1577,395.3066 55.2195,396.3192 C55.3795,398.8605 54.0025,401.3483 52.0218,402.2545 C49.8004,403.2761 46.6291,402.6898 44.914,400.7348 C44.0523,399.7486 43.1816,398.576 42.8534,397.3416 C42.0626,394.374 41.21,391.3355 41.0855,388.2887 C40.8456,382.7178 41.21,377.1215 41.041,371.5424 C40.8983,367.0287 38.5887,362.7821 34.733,360.437 C28.035,356.3678 18.742,358.2783 14.2292,364.4255 C9.849,370.3962 10.6307,379.2975 16.068,384.5838 C19.9855,388.395 24.8719,390.0384 30.4864,390.9001 L30.4864,381.5807 C29.4739,381.2608 28.2741,380.9772 27.1461,380.5146 C25.9117,380.0083 24.6501,379.4847 23.5567,378.7384 C20.8562,376.8897 19.9682,373.5675 21.2735,370.8044 C22.3042,368.6193 25.2982,367.1796 27.8124,367.6595 C30.8954,368.2457 31.988,369.8273 31.9971,373.8429 C32.0144,379.5284 31.819,385.2146 32.0061,390.8918 C32.2016,396.5773 33.8359,401.89 37.4252,406.4293 C41.6536,411.7865 49.3123,413.6171 55.6549,410.8713 L55.6549,410.8713 Z M50.8312,276.8821 C47.7126,274.5107 46.9136,271.1695 46.9309,267.5364 C46.94,265.7859 47.2154,264.0361 47.4108,261.7702 C53.6207,261.7702 59.6087,261.5393 65.5696,261.8683 C68.5282,262.0283 70.1715,264.6042 70.9359,267.2783 C71.833,270.3969 71.5758,273.4618 69.0344,275.905 C64.6906,280.0625 55.6376,280.5334 50.8312,276.8821 L50.8312,276.8821 Z M64.2461,288.3157 C74.5162,286.8323 80.6906,279.059 80.0862,268.7626 C79.9534,266.5321 79.2336,264.3379 78.7001,261.7529 L95.5,261.7529 L95.5,252.3626 L40.4275,252.3626 C38.9622,256.5737 37.8961,265.1105 38.2424,269.3843 C39.0686,279.6008 44.2304,286.0687 53.7988,288.0675 C57.1655,288.7783 60.8349,288.8137 64.2461,288.3157 L64.2461,288.3157 Z M78.6919,200.586 C71.3977,198.001 64.0862,195.3978 56.7656,192.7946 L56.7656,191.9684 C64.1035,189.3743 71.4331,186.7711 78.7537,184.177 L78.7537,176.0838 C71.3531,173.4542 64.0243,170.851 56.6856,168.2479 L56.6856,167.4925 C64.0952,164.8547 71.504,162.2161 78.6556,159.6657 L78.6556,150 C65.1969,154.7001 52.0746,159.2839 38.9532,163.8685 L38.9532,171.8463 L61.1548,179.7441 L61.1548,180.5439 C53.7097,183.1825 46.2556,185.8121 38.9713,188.3971 L38.9713,196.393 C52.1463,200.995 65.2769,205.5788 78.6919,210.2607 L78.6919,200.586 Z" id="Fill-23" fill="currentColor"></path>
+                <g id="Webiny-Icon-White" transform="translate(63.500000, 56.500000) rotate(90.000000) translate(-63.500000, -56.500000) translate(7.000000, -6.500000)">
+                    <mask id="mask-2" fill="currentColor">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <use id="Mask" fill="currentColor" fill-rule="evenodd" xlink:href="#path-1"></use>
+                    <g id="White" mask="url(#mask-2)"></g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/modules/Dashboard/Welcome.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Welcome: () => JSX.Element;
+export default Welcome;

package/modules/Dashboard/Welcome.js

@@ -0,0 +1,256 @@
+import React from "react";
+import { css } from "emotion";
+import styled from "@emotion/styled";
+import { Link } from "@webiny/react-router";
+import { SimpleForm, SimpleFormHeader, SimpleFormContent, SimpleFormFooter } from "@webiny/app-admin/components/SimpleForm";
+import { useSecurity } from "@webiny/app-security/hooks/useSecurity";
+import { plugins } from "@webiny/plugins";
+import { Typography } from "@webiny/ui/Typography";
+import { Cell, Grid } from "@webiny/ui/Grid";
+import { Elevation } from "@webiny/ui/Elevation"; // Icons
+
+import { ReactComponent as YouTubeIcon } from "@svgr/webpack!./icons/youtube.svg";
+import { ReactComponent as GithubIcon } from "@svgr/webpack!./icons/github.svg";
+import { ReactComponent as SlackIcon } from "@svgr/webpack!./icons/slack.svg";
+import { ReactComponent as TwitterIcon } from "@svgr/webpack!./icons/twitter.svg";
+import { ReactComponent as TextbookIcon } from "@svgr/webpack!./icons/textbook.svg";
+import { ReactComponent as LaptopIcon } from "@svgr/webpack!./icons/laptop.svg";
+var linkStyle = /*#__PURE__*/css({
+  textDecoration: "none",
+  "&:hover": {
+    textDecoration: "none"
+  },
+  color: "var(--mdc-theme-text-primary-on-background)"
+}, "label:linkStyle;");
+var imageStyle = /*#__PURE__*/css({
+  width: "30px",
+  height: "30px",
+  marginBottom: "5px"
+}, "label:imageStyle;");
+var communityStyle = /*#__PURE__*/css({
+  textAlign: "left"
+}, "label:communityStyle;");
+var widgetTitleStyle = /*#__PURE__*/css({
+  fontWeight: 600,
+  paddingTop: "1rem",
+  paddingBottom: "1rem",
+  textAlign: "center"
+}, "label:widgetTitleStyle;");
+var widgetDescriptionStyle = /*#__PURE__*/css({
+  textAlign: "center",
+  paddingLeft: "20px",
+  paddingRight: "20px"
+}, "label:widgetDescriptionStyle;");
+var iconTextStyle = /*#__PURE__*/css({
+  textAlign: "center"
+}, "label:iconTextStyle;");
+var pFormContentStyle = /*#__PURE__*/css({
+  fontWeight: 600
+}, "label:pFormContentStyle;");
+var pGetStartedStyle = /*#__PURE__*/css({
+  paddingLeft: "1.5rem",
+  paddingTop: "1.5rem"
+}, "label:pGetStartedStyle;");
+var footerContainerStyle = /*#__PURE__*/css({
+  display: "flex",
+  padding: "1rem"
+}, "label:footerContainerStyle;");
+var widgetButtonStyle = /*#__PURE__*/css({
+  textAlign: "center"
+}, "label:widgetButtonStyle;");
+var footerTextStyle = /*#__PURE__*/css({
+  backgroundColor: "var(--mdc-theme-on-background)",
+  margin: "1rem"
+}, "label:footerTextStyle;");
+var footerLinkTextStyle = /*#__PURE__*/css({
+  fontWeight: 600,
+  paddingLeft: "1rem"
+}, "label:footerLinkTextStyle;");
+var ContentTheme = /*#__PURE__*/styled("div", {
+  target: "e3tmptz0",
+  label: "ContentTheme"
+})({
+  color: "var(--mdc-theme-text-primary-on-background)"
+});
+var Widget = /*#__PURE__*/styled("div", {
+  target: "e3tmptz1",
+  label: "Widget"
+})({
+  marginLeft: "1.5rem",
+  marginRight: "1.5rem",
+  marginBottom: "2rem"
+});
+var WelcomeScreenWidgetsWrapper = /*#__PURE__*/styled("div", {
+  target: "e3tmptz2",
+  label: "WelcomeScreenWidgetsWrapper"
+})({
+  display: "flex",
+  justifyContent: "center",
+  "@media (max-width: 479px)": {
+    flexDirection: "column"
+  }
+});
+
+var Welcome = function Welcome() {
+  var _useSecurity = useSecurity(),
+      identity = _useSecurity.identity;
+
+  if (!identity) {
+    return null;
+  }
+
+  var widgets = plugins.byType("admin-welcome-screen-widget").filter(function (pl) {
+    if (pl.permission) {
+      return identity.getPermission(pl.permission);
+    }
+
+    return true;
+  });
+  var canSeeAnyWidget = widgets.length > 0;
+  return /*#__PURE__*/React.createElement(SimpleForm, null, /*#__PURE__*/React.createElement(SimpleFormHeader, {
+    title: "Hi ".concat(identity.displayName, "!")
+  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(ContentTheme, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "headline6"
+  }, canSeeAnyWidget && /*#__PURE__*/React.createElement("p", {
+    className: pGetStartedStyle
+  }, "To get started - pick one of the actions below:"), !canSeeAnyWidget && /*#__PURE__*/React.createElement("p", {
+    className: pGetStartedStyle
+  }, "Please contact the administrator for permissions to access Webiny apps."), /*#__PURE__*/React.createElement("br", null))), /*#__PURE__*/React.createElement(WelcomeScreenWidgetsWrapper, null, widgets.map(function (pl) {
+    return /*#__PURE__*/React.createElement(Widget, {
+      key: pl.name,
+      "data-testid": pl.name
+    }, /*#__PURE__*/React.createElement(Elevation, {
+      z: 2,
+      style: {
+        padding: 10
+      }
+    }, /*#__PURE__*/React.createElement(Typography, {
+      use: "headline6"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: widgetTitleStyle
+    }, pl.widget.title)), /*#__PURE__*/React.createElement(Typography, {
+      use: "body1"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: widgetDescriptionStyle
+    }, pl.widget.description)), /*#__PURE__*/React.createElement("div", {
+      className: widgetButtonStyle
+    }, pl.widget.cta)));
+  })))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "headline6",
+    className: communityStyle
+  }, /*#__PURE__*/React.createElement("p", {
+    className: pFormContentStyle
+  }, "Learn more about Webiny:"))), /*#__PURE__*/React.createElement(Cell, {
+    span: 4,
+    style: {
+      marginLeft: "1rem"
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "headline6",
+    className: communityStyle
+  }, /*#__PURE__*/React.createElement("p", {
+    className: pFormContentStyle
+  }, "Join our community:"))), /*#__PURE__*/React.createElement(Cell, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "body1",
+    className: communityStyle
+  }, /*#__PURE__*/React.createElement("p", null, "Explore the Webiny documentation, learn about the architecture and check out code examples and guides:"))), /*#__PURE__*/React.createElement(Cell, {
+    span: 4,
+    style: {
+      marginLeft: "1rem"
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "body1",
+    className: communityStyle
+  }, /*#__PURE__*/React.createElement("p", null, "Get to know Webiny team members, discuss new ideas and get help:"))), /*#__PURE__*/React.createElement(Cell, {
+    span: 4,
+    className: footerTextStyle,
+    style: {
+      margin: "1rem 1rem 1rem 0rem"
+    }
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: "https://docs.webiny.com/",
+    className: linkStyle,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "headline5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: footerContainerStyle
+  }, /*#__PURE__*/React.createElement(TextbookIcon, {
+    className: imageStyle
+  }), /*#__PURE__*/React.createElement("p", {
+    className: footerLinkTextStyle
+  }, "Documentation"))))), /*#__PURE__*/React.createElement(Cell, {
+    span: 4,
+    className: footerTextStyle,
+    style: {
+      margin: "1rem 1rem 1rem 9px",
+      visibility: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: "https://github.com/webiny/webiny-examples",
+    className: linkStyle,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "headline5"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: footerContainerStyle
+  }, /*#__PURE__*/React.createElement(LaptopIcon, {
+    className: imageStyle
+  }), /*#__PURE__*/React.createElement("p", {
+    className: footerLinkTextStyle
+  }, "Code examples"))))), /*#__PURE__*/React.createElement(Cell, {
+    span: 1,
+    className: iconTextStyle,
+    align: "middle"
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: "https://github.com/webiny/webiny-js",
+    className: linkStyle,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /*#__PURE__*/React.createElement(GithubIcon, {
+    className: imageStyle
+  }), /*#__PURE__*/React.createElement("p", null, "Github"))), /*#__PURE__*/React.createElement(Cell, {
+    span: 1,
+    className: iconTextStyle,
+    align: "middle"
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: "https://www.webiny.com/slack/",
+    className: linkStyle,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /*#__PURE__*/React.createElement(SlackIcon, {
+    className: imageStyle
+  }), /*#__PURE__*/React.createElement("p", null, "Slack"))), /*#__PURE__*/React.createElement(Cell, {
+    span: 1,
+    className: iconTextStyle,
+    align: "middle"
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: "https://youtube.com/webiny",
+    className: linkStyle,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /*#__PURE__*/React.createElement(YouTubeIcon, {
+    className: imageStyle
+  }), /*#__PURE__*/React.createElement("p", null, "YouTube"))), /*#__PURE__*/React.createElement(Cell, {
+    span: 1,
+    className: iconTextStyle,
+    align: "middle"
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: "https://twitter.com/WebinyPlatform",
+    className: linkStyle,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /*#__PURE__*/React.createElement(TwitterIcon, {
+    className: imageStyle
+  }), /*#__PURE__*/React.createElement("p", null, "Twitter"))))));
+};
+
+export default Welcome;

package/modules/Dashboard/icons/github.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>

package/modules/Dashboard/icons/laptop.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" enable-background="new 0 0 510.635 510.635" height="512" viewBox="0 0 510.635 510.635" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m494.635 350.649h-26.42v-238.157c0-28.612-23.278-51.891-51.891-51.891h-322.012c-28.613 0-51.891 23.278-51.891 51.891v238.157h-26.421c-8.836 0-16 7.163-16 16v42.984c0 22.276 18.123 40.399 40.399 40.399h429.836c22.276 0 40.399-18.123 40.399-40.399v-42.984c.001-8.836-7.163-16-15.999-16zm-420.215-238.157c0-10.968 8.923-19.891 19.891-19.891h322.012c10.968 0 19.891 8.923 19.891 19.891v238.157h-361.794zm404.215 297.142c0 4.632-3.768 8.399-8.399 8.399h-429.837c-4.631 0-8.399-3.768-8.399-8.399v-26.984h171.69c1.333 7.491 7.863 13.184 15.737 13.184h71.779c7.874 0 14.405-5.692 15.737-13.184h171.69v26.984z"/><path d="m196.197 170.517c-6.249-6.249-16.379-6.249-22.627 0l-46.801 46.801c-6.244 6.242-6.248 16.38 0 22.627l46.801 46.802c3.125 3.125 7.219 4.687 11.314 4.687 14.125 0 21.423-17.205 11.314-27.313l-35.488-35.488 35.487-35.487c6.248-6.25 6.248-16.381 0-22.629z"/><path d="m337.065 170.517c-6.248-6.248-16.378-6.248-22.627 0-6.248 6.248-6.248 16.379 0 22.627l35.487 35.487-35.488 35.488c-10.109 10.109-2.81 27.313 11.314 27.313 4.095 0 8.189-1.563 11.314-4.687l46.801-46.802c6.244-6.243 6.248-16.381 0-22.627z"/><path d="m284.351 153.975c-8.237-3.205-17.509.877-20.711 9.113l-46.468 119.488c-4.098 10.537 3.739 21.803 14.908 21.803 6.407 0 12.454-3.875 14.916-10.205l46.468-119.488c3.202-8.236-.878-17.508-9.113-20.711z"/></svg>

package/modules/Dashboard/icons/slack.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M94.12 315.1c0 25.9-21.16 47.06-47.06 47.06S0 341 0 315.1c0-25.9 21.16-47.06 47.06-47.06h47.06v47.06zm23.72 0c0-25.9 21.16-47.06 47.06-47.06s47.06 21.16 47.06 47.06v117.84c0 25.9-21.16 47.06-47.06 47.06s-47.06-21.16-47.06-47.06V315.1zm47.06-188.98c-25.9 0-47.06-21.16-47.06-47.06S139 32 164.9 32s47.06 21.16 47.06 47.06v47.06H164.9zm0 23.72c25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06H47.06C21.16 243.96 0 222.8 0 196.9s21.16-47.06 47.06-47.06H164.9zm188.98 47.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06h-47.06V196.9zm-23.72 0c0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06V79.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06V196.9zM283.1 385.88c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06v-47.06h47.06zm0-23.72c-25.9 0-47.06-21.16-47.06-47.06 0-25.9 21.16-47.06 47.06-47.06h117.84c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06H283.1z"/></svg>

package/modules/Dashboard/icons/textbook.svg

@@ -0,0 +1 @@
+<svg height="512pt" viewBox="-40 0 512 512.00004" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m423.71875 60.6875c4.203125 0 7.609375-3.410156 7.609375-7.613281v-30.238281c0-12.59375-10.242187-22.835938-22.835937-22.835938h-328.777344c-43.8125 0-79.570313 35.164062-79.714844 78.414062v354.691407.019531c-.0585938 21.085938 8.121094 40.914062 23.039062 55.839844 14.863282 14.855468 34.613282 23.035156 55.617188 23.035156h329.835938c12.59375 0 22.835937-10.242188 22.835937-22.835938v-405.640624c0-4.203126-3.40625-7.613282-7.609375-7.613282s-7.613281 3.410156-7.613281 7.613282v272.476562c-2.382813-.847656-4.941407-1.308594-7.613281-1.308594h-223.808594c-4.207032 0-7.613282 3.40625-7.613282 7.609375s3.40625 7.613281 7.613282 7.613281h223.808594c4.199218 0 7.613281 3.414063 7.613281 7.609376 0 4.199218-3.414063 7.613281-7.613281 7.613281h-329.835938c-13.074219 0-25.320312 5.160156-34.476562 14.535156-9.152344 9.371094-14.023438 21.734375-13.71875 34.820313.605468 25.949218 22.566406 47.0625 48.953124 47.0625h329.078126c4.199218 0 7.613281 3.414062 7.613281 7.609374 0 4.199219-3.414063 7.613282-7.613281 7.613282h-329.835938c-16.9375 0-32.867188-6.597656-44.855469-18.574219-12.035156-12.046875-18.632812-28.054687-18.578125-45.074219.117188-34.855468 29.046875-63.214844 64.492188-63.214844h74.515625c4.207031 0 7.613281-3.410156 7.613281-7.613281s-3.40625-7.609375-7.613281-7.609375h-74.515625c-26.46875 0-49.980469 12.84375-64.492188 32.53125v-308.78125c.117188-34.859375 29.046875-63.21875 64.492188-63.21875h328.777344c4.199218 0 7.613281 3.414063 7.613281 7.613282v30.238281c0 4.203125 3.410156 7.613281 7.613281 7.613281zm-378.039062 373.449219c-.207032-8.953125 3.125-17.414063 9.390624-23.824219 6.265626-6.417969 14.644532-9.953125 23.585938-9.953125h308.585938c-1.910157 4.117187-3.453126 8.359375-4.609376 12.6875h-292.8125c-4.203124 0-7.613281 3.40625-7.613281 7.609375s3.410157 7.613281 7.613281 7.613281h290.324219c-.21875 3.378907-.21875 6.769531 0 10.148438h-290.324219c-4.203124 0-7.613281 3.410156-7.613281 7.613281s3.410157 7.613281 7.613281 7.613281h292.8125c1.15625 4.324219 2.699219 8.570313 4.609376 12.683594h-307.828126c-18.183593 0-33.320312-14.441406-33.734374-32.191406zm362.8125 32.191406h-4c-12.398438-20.167969-12.398438-45.796875 0-65.96875h4c2.671874 0 5.230468-.464844 7.613281-1.308594v68.585938c-2.382813-.84375-4.941407-1.308594-7.613281-1.308594zm0 0"/><path d="m132.140625 83.523438c-16.457031 0-29.84375 13.386718-29.84375 29.84375v59.050781c0 16.453125 13.386719 29.84375 29.84375 29.84375h220.410156c16.457031 0 29.847657-13.390625 29.847657-29.84375v-59.050781c0-16.457032-13.390626-29.84375-29.847657-29.84375zm235.03125 29.84375v59.050781c0 8.058593-6.558594 14.621093-14.621094 14.621093h-220.410156c-8.0625 0-14.621094-6.5625-14.621094-14.621093v-59.050781c0-8.0625 6.558594-14.621094 14.621094-14.621094h220.410156c8.0625 0 14.621094 6.558594 14.621094 14.621094zm0 0"/><path d="m335.207031 151.53125h-185.71875c-4.203125 0-7.613281 3.410156-7.613281 7.613281s3.410156 7.613281 7.613281 7.613281h185.71875c4.203125 0 7.609375-3.410156 7.609375-7.613281s-3.40625-7.613281-7.609375-7.613281zm0 0"/><path d="m335.207031 119.027344h-185.71875c-4.203125 0-7.613281 3.410156-7.613281 7.613281s3.410156 7.609375 7.613281 7.609375h185.71875c4.203125 0 7.609375-3.40625 7.609375-7.609375s-3.40625-7.613281-7.609375-7.613281zm0 0"/></svg>

package/modules/Dashboard/icons/twitter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>

package/modules/Dashboard/icons/youtube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>

package/modules/Dashboard/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Dashboard: () => JSX.Element;

package/modules/Dashboard/index.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { CenteredView, Compose, DashboardRenderer as DashboardRendererSpec } from "@webiny/app-admin";
+import Welcome from "./Welcome";
+
+var DashboardRendererHOC = function DashboardRendererHOC() {
+  return function DashboardRenderer() {
+    return /*#__PURE__*/React.createElement(CenteredView, {
+      maxWidth: 1300
+    }, /*#__PURE__*/React.createElement(Welcome, null));
+  };
+};
+
+export var Dashboard = function Dashboard() {
+  return /*#__PURE__*/React.createElement(Compose, {
+    component: DashboardRendererSpec,
+    with: DashboardRendererHOC
+  });
+};

package/modules/Layout.d.ts

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

package/modules/Layout.js

@@ -0,0 +1,41 @@
+import React, { Fragment } from "react";
+import Helmet from "react-helmet";
+import { Compose, LayoutRenderer, Brand, Search, LocaleSelector, UserMenu, Navigation } from "@webiny/app-admin";
+import { TopAppBarPrimary, TopAppBarSection } from "@webiny/ui/TopAppBar";
+
+var RMWCLayout = function RMWCLayout() {
+  return function RMWCLayout(_ref) {
+    var title = _ref.title,
+        children = _ref.children;
+    return /*#__PURE__*/React.createElement(Fragment, null, title ? /*#__PURE__*/React.createElement(Helmet, {
+      title: title
+    }) : null, /*#__PURE__*/React.createElement(TopAppBarPrimary, {
+      fixed: true
+    }, /*#__PURE__*/React.createElement(TopAppBarSection, {
+      style: {
+        width: "25%"
+      },
+      alignStart: true
+    }, /*#__PURE__*/React.createElement(Brand, null)), /*#__PURE__*/React.createElement(TopAppBarSection, {
+      style: {
+        width: "50%"
+      }
+    }, /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement(TopAppBarSection, {
+      style: {
+        width: "25%"
+      },
+      alignEnd: true
+    }, /*#__PURE__*/React.createElement(LocaleSelector, null), /*#__PURE__*/React.createElement(UserMenu, null))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        paddingTop: 67
+      }
+    }, children), /*#__PURE__*/React.createElement(Navigation, null));
+  };
+};
+
+export var Layout = function Layout() {
+  return /*#__PURE__*/React.createElement(Compose, {
+    component: LayoutRenderer,
+    with: RMWCLayout
+  });
+};

package/modules/Navigation/Hamburger.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Hamburger: () => JSX.Element;
+export default Hamburger;

package/modules/Navigation/Hamburger.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { IconButton } from "@webiny/ui/Button";
+import { ReactComponent as MenuIcon } from "@svgr/webpack!./icons/hamburger.svg";
+import { useNavigation } from "./index";
+import { useTags } from "@webiny/app-admin";
+
+var Hamburger = function Hamburger() {
+  var _useTags = useTags(),
+      location = _useTags.location;
+
+  var _useNavigation = useNavigation(),
+      visible = _useNavigation.visible,
+      setVisible = _useNavigation.setVisible;
+
+  return /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(MenuIcon, {
+      style: {
+        color: location === "navigation" ? undefined : "white"
+      }
+    }),
+    onClick: function onClick() {
+      return setVisible(!visible);
+    },
+    "data-testid": location === "navigation" ? undefined : "apps-menu"
+  });
+};
+
+export default Hamburger;

package/modules/Navigation/Styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const MenuHeader: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "children" | "slot" | "style" | "color" | "translate" | "hidden" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+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").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "children" | "slot" | "style" | "color" | "translate" | "hidden" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+export declare const subFooter: string;

package/modules/Navigation/Styled.js

@@ -0,0 +1,47 @@
+import styled from "@emotion/styled";
+import { css } from "emotion";
+export var MenuHeader = /*#__PURE__*/styled("div", {
+  target: "eulanz40",
+  label: "MenuHeader"
+})({
+  display: "flex",
+  alignItems: "center",
+  padding: 5,
+  backgroundColor: "var(--mdc-theme-surface)",
+  borderBottom: "1px solid var(--mdc-theme-on-background)"
+});
+export var navHeader = /*#__PURE__*/css({
+  padding: 0,
+  "&.mdc-drawer__header": {
+    padding: "0 !important",
+    minHeight: 0
+  }
+}, "label:navHeader;");
+export var navContent = /*#__PURE__*/css({
+  padding: "0 !important"
+}, "label:navContent;");
+export var logoStyle = /*#__PURE__*/css({
+  "&.mdc-top-app-bar__title": {
+    paddingLeft: 15,
+    ".webiny-logo": {
+      color: "var(--mdc-theme-primary)"
+    }
+  }
+}, "label:logoStyle;");
+export var MenuFooter = /*#__PURE__*/styled("div", {
+  target: "eulanz41",
+  label: "MenuFooter"
+})({
+  borderTop: "1px solid var(--mdc-theme-on-background)",
+  a: {
+    color: "var(--mdc-theme-text-on-primary)",
+    textDecoration: "none"
+  }
+});
+export var subFooter = /*#__PURE__*/css({
+  ".mdc-drawer &.mdc-list-item": {
+    borderTop: "1px solid var(--mdc-theme-on-background)",
+    padding: "10px 16px",
+    margin: 0
+  }
+}, "label:subFooter;");

package/modules/Navigation/icons/hamburger.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path fill="currentColor" d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
+</svg>