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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/index.js +32 -12
  2. package/index.js.map +1 -1
  3. package/modules/Brand/index.js +33 -18
  4. package/modules/Brand/index.js.map +1 -1
  5. package/modules/Dashboard/Welcome.js +109 -82
  6. package/modules/Dashboard/Welcome.js.map +1 -1
  7. package/modules/Dashboard/index.js +24 -9
  8. package/modules/Dashboard/index.js.map +1 -1
  9. package/modules/Layout.js +32 -16
  10. package/modules/Layout.js.map +1 -1
  11. package/modules/Navigation/Hamburger.js +24 -10
  12. package/modules/Navigation/Hamburger.js.map +1 -1
  13. package/modules/Navigation/Styled.js +26 -9
  14. package/modules/Navigation/Styled.js.map +1 -1
  15. package/modules/Navigation/index.js +87 -53
  16. package/modules/Navigation/index.js.map +1 -1
  17. package/modules/Navigation/renderers/MenuElementRenderer.js +19 -6
  18. package/modules/Navigation/renderers/MenuElementRenderer.js.map +1 -1
  19. package/modules/Navigation/renderers/MenuGroupRenderer.js +68 -39
  20. package/modules/Navigation/renderers/MenuGroupRenderer.js.map +1 -1
  21. package/modules/Navigation/renderers/MenuLinkRenderer.js +38 -18
  22. package/modules/Navigation/renderers/MenuLinkRenderer.js.map +1 -1
  23. package/modules/Navigation/renderers/MenuSectionItemRenderer.js +38 -20
  24. package/modules/Navigation/renderers/MenuSectionItemRenderer.js.map +1 -1
  25. package/modules/Navigation/renderers/MenuSectionRenderer.js +31 -15
  26. package/modules/Navigation/renderers/MenuSectionRenderer.js.map +1 -1
  27. package/modules/NotFound/index.js +39 -19
  28. package/modules/NotFound/index.js.map +1 -1
  29. package/modules/Overlays/Dialog.js +32 -15
  30. package/modules/Overlays/Dialog.js.map +1 -1
  31. package/modules/Overlays/Snackbar.js +26 -13
  32. package/modules/Overlays/Snackbar.js.map +1 -1
  33. package/modules/Overlays/index.js +24 -10
  34. package/modules/Overlays/index.js.map +1 -1
  35. package/modules/Search/index.js +22 -9
  36. package/modules/Search/index.js.map +1 -1
  37. package/modules/UserMenu/index.js +56 -35
  38. package/modules/UserMenu/index.js.map +1 -1
  39. package/package.json +12 -12
package/index.js CHANGED
@@ -1,12 +1,32 @@
1
- import React, { Fragment } from "react";
2
- import { Layout } from "./modules/Layout";
3
- import { Navigation } from "./modules/Navigation";
4
- import { Brand } from "./modules/Brand";
5
- import { Search } from "./modules/Search";
6
- import { UserMenu } from "./modules/UserMenu";
7
- import { Overlays } from "./modules/Overlays";
8
- import { NotFound } from "./modules/NotFound";
9
- import { Dashboard } from "./modules/Dashboard";
10
- export var RMWC = function RMWC() {
11
- 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));
12
- };
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.RMWC = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _Layout = require("./modules/Layout");
13
+
14
+ var _Navigation = require("./modules/Navigation");
15
+
16
+ var _Brand = require("./modules/Brand");
17
+
18
+ var _Search = require("./modules/Search");
19
+
20
+ var _UserMenu = require("./modules/UserMenu");
21
+
22
+ var _Overlays = require("./modules/Overlays");
23
+
24
+ var _NotFound = require("./modules/NotFound");
25
+
26
+ var _Dashboard = require("./modules/Dashboard");
27
+
28
+ var RMWC = function RMWC() {
29
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, 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));
30
+ };
31
+
32
+ exports.RMWC = RMWC;
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.tsx"],"names":["React","Fragment","Layout","Navigation","Brand","Search","UserMenu","Overlays","NotFound","Dashboard","RMWC"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AAEA,SAASC,MAAT;AACA,SAASC,UAAT;AACA,SAASC,KAAT;AACA,SAASC,MAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SAASC,SAAT;AAEA,OAAO,IAAMC,IAAc,GAAG,SAAjBA,IAAiB,GAAM;AAChC,sBACI,oBAAC,QAAD,qBACI,oBAAC,MAAD,OADJ,eAEI,oBAAC,SAAD,OAFJ,eAGI,oBAAC,QAAD,OAHJ,eAII,oBAAC,KAAD,OAJJ,eAKI,oBAAC,UAAD,OALJ,eAMI,oBAAC,MAAD,OANJ,eAOI,oBAAC,QAAD,OAPJ,eAQI,oBAAC,QAAD,OARJ,CADJ;AAYH,CAbM","sourcesContent":["import React, { Fragment } from \"react\";\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\nexport const RMWC: React.FC = () => {\n return (\n <Fragment>\n <Layout />\n <Dashboard />\n <NotFound />\n <Brand />\n <Navigation />\n <Search />\n <UserMenu />\n <Overlays />\n </Fragment>\n );\n};\n"]}
1
+ {"version":3,"names":["RMWC"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\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\nexport const RMWC: React.FC = () => {\n return (\n <Fragment>\n <Layout />\n <Dashboard />\n <NotFound />\n <Brand />\n <Navigation />\n <Search />\n <UserMenu />\n <Overlays />\n </Fragment>\n );\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,IAAc,GAAG,SAAjBA,IAAiB,GAAM;EAChC,oBACI,6BAAC,eAAD,qBACI,6BAAC,cAAD,OADJ,eAEI,6BAAC,oBAAD,OAFJ,eAGI,6BAAC,kBAAD,OAHJ,eAII,6BAAC,YAAD,OAJJ,eAKI,6BAAC,sBAAD,OALJ,eAMI,6BAAC,cAAD,OANJ,eAOI,6BAAC,kBAAD,OAPJ,eAQI,6BAAC,kBAAD,OARJ,CADJ;AAYH,CAbM"}
@@ -1,35 +1,48 @@
1
- import React, { Fragment, useCallback } from "react";
2
- import { Compose, BrandRenderer, useTags, Logo, AddLogo } from "@webiny/app-admin";
3
- import { Link } from "@webiny/react-router/";
4
- import { ReactComponent as LogoIcon } from "./webiny-logo.svg";
5
- import { useNavigation } from "../Navigation";
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.Brand = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _appAdmin = require("@webiny/app-admin");
13
+
14
+ var _reactRouter = require("@webiny/react-router/");
15
+
16
+ var _webinyLogo = require("./webiny-logo.svg");
17
+
18
+ var _Navigation = require("../Navigation");
6
19
 
7
20
  var BrandImpl = function BrandImpl() {
8
21
  return function BrandRenderer() {
9
- var _useTags = useTags(),
22
+ var _useTags = (0, _appAdmin.useTags)(),
10
23
  location = _useTags.location;
11
24
 
12
- var _useNavigation = useNavigation(),
25
+ var _useNavigation = (0, _Navigation.useNavigation)(),
13
26
  setVisible = _useNavigation.setVisible;
14
27
 
15
- var onClick = useCallback(function () {
28
+ var onClick = (0, _react.useCallback)(function () {
16
29
  location === "navigation" ? setVisible(false) : null;
17
30
  }, []);
18
- return /*#__PURE__*/React.createElement(Link, {
31
+ return /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
19
32
  to: "/",
20
33
  onClick: onClick
21
- }, /*#__PURE__*/React.createElement(Logo, null));
34
+ }, /*#__PURE__*/_react.default.createElement(_appAdmin.Logo, null));
22
35
  };
23
36
  };
24
37
 
25
38
  var WebinyLogo = function WebinyLogo() {
26
- var _useTags2 = useTags(),
39
+ var _useTags2 = (0, _appAdmin.useTags)(),
27
40
  location = _useTags2.location;
28
41
 
29
42
  var isLoginScreen = location === "loginScreen";
30
43
  var isAppBar = location === "appBar";
31
44
  var color = isAppBar ? "white" : "var(--mdc-theme-primary)";
32
- return /*#__PURE__*/React.createElement(LogoIcon, {
45
+ return /*#__PURE__*/_react.default.createElement(_webinyLogo.ReactComponent, {
33
46
  style: {
34
47
  width: isLoginScreen ? 125 : 100,
35
48
  height: isLoginScreen ? "auto" : 30,
@@ -39,11 +52,13 @@ var WebinyLogo = function WebinyLogo() {
39
52
  });
40
53
  };
41
54
 
42
- export var Brand = function Brand() {
43
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Compose, {
44
- component: BrandRenderer,
55
+ var Brand = function Brand() {
56
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
57
+ component: _appAdmin.BrandRenderer,
45
58
  with: BrandImpl
46
- }), /*#__PURE__*/React.createElement(AddLogo, {
47
- logo: /*#__PURE__*/React.createElement(WebinyLogo, null)
59
+ }), /*#__PURE__*/_react.default.createElement(_appAdmin.AddLogo, {
60
+ logo: /*#__PURE__*/_react.default.createElement(WebinyLogo, null)
48
61
  }));
49
- };
62
+ };
63
+
64
+ exports.Brand = Brand;
@@ -1 +1 @@
1
- {"version":3,"sources":["index.tsx"],"names":["React","Fragment","useCallback","Compose","BrandRenderer","useTags","Logo","AddLogo","Link","ReactComponent","LogoIcon","useNavigation","BrandImpl","location","setVisible","onClick","WebinyLogo","isLoginScreen","isAppBar","color","width","height","paddingLeft","Brand"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,WAA1B,QAA6C,OAA7C;AACA,SACIC,OADJ,EAEIC,aAFJ,EAIIC,OAJJ,EAKIC,IALJ,EAMIC,OANJ,QAOO,mBAPP;AAQA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,cAAc,IAAIC,QAA3B;AACA,SAASC,aAAT;;AAEA,IAAMC,SAA+B,GAAG,SAAlCA,SAAkC,GAAM;AAC1C,SAAO,SAASR,aAAT,GAAyB;AAC5B,mBAAqBC,OAAO,EAA5B;AAAA,QAAQQ,QAAR,YAAQA,QAAR;;AACA,yBAAuBF,aAAa,EAApC;AAAA,QAAQG,UAAR,kBAAQA,UAAR;;AAEA,QAAMC,OAAO,GAAGb,WAAW,CAAC,YAAM;AAC9BW,MAAAA,QAAQ,KAAK,YAAb,GAA4BC,UAAU,CAAC,KAAD,CAAtC,GAAgD,IAAhD;AACH,KAF0B,EAExB,EAFwB,CAA3B;AAIA,wBACI,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAE,GAAV;AAAe,MAAA,OAAO,EAAEC;AAAxB,oBACI,oBAAC,IAAD,OADJ,CADJ;AAKH,GAbD;AAcH,CAfD;;AAiBA,IAAMC,UAAoB,GAAG,SAAvBA,UAAuB,GAAM;AAC/B,kBAAqBX,OAAO,EAA5B;AAAA,MAAQQ,QAAR,aAAQA,QAAR;;AACA,MAAMI,aAAa,GAAGJ,QAAQ,KAAK,aAAnC;AACA,MAAMK,QAAQ,GAAGL,QAAQ,KAAK,QAA9B;AAEA,MAAMM,KAAK,GAAGD,QAAQ,GAAG,OAAH,GAAa,0BAAnC;AAEA,sBACI,oBAAC,QAAD;AACI,IAAA,KAAK,EAAE;AACHE,MAAAA,KAAK,EAAEH,aAAa,GAAG,GAAH,GAAS,GAD1B;AAEHI,MAAAA,MAAM,EAAEJ,aAAa,GAAG,MAAH,GAAY,EAF9B;AAGHK,MAAAA,WAAW,EAAEL,aAAa,GAAG,CAAH,GAAO,EAH9B;AAIHE,MAAAA,KAAK,EAALA;AAJG;AADX,IADJ;AAUH,CAjBD;;AAmBA,OAAO,IAAMI,KAAe,GAAG,SAAlBA,KAAkB,GAAM;AACjC,sBACI,oBAAC,QAAD,qBACI,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEnB,aAApB;AAAmC,IAAA,IAAI,EAAEQ;AAAzC,IADJ,eAEI,oBAAC,OAAD;AAAS,IAAA,IAAI,eAAE,oBAAC,UAAD;AAAf,IAFJ,CADJ;AAMH,CAPM","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\n const onClick = useCallback(() => {\n location === \"navigation\" ? setVisible(false) : null;\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\n const color = isAppBar ? \"white\" : \"var(--mdc-theme-primary)\";\n\n return (\n <LogoIcon\n style={{\n width: isLoginScreen ? 125 : 100,\n height: isLoginScreen ? \"auto\" : 30,\n paddingLeft: isLoginScreen ? 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"]}
1
+ {"version":3,"names":["BrandImpl","BrandRenderer","useTags","location","useNavigation","setVisible","onClick","useCallback","WebinyLogo","isLoginScreen","isAppBar","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\n const onClick = useCallback(() => {\n location === \"navigation\" ? setVisible(false) : null;\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\n const color = isAppBar ? \"white\" : \"var(--mdc-theme-primary)\";\n\n return (\n <LogoIcon\n style={{\n width: isLoginScreen ? 125 : 100,\n height: isLoginScreen ? \"auto\" : 30,\n paddingLeft: isLoginScreen ? 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;;IAEA,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAM;MAC9BJ,QAAQ,KAAK,YAAb,GAA4BE,UAAU,CAAC,KAAD,CAAtC,GAAgD,IAAhD;IACH,CAFe,EAEb,EAFa,CAAhB;IAIA,oBACI,6BAAC,iBAAD;MAAM,EAAE,EAAE,GAAV;MAAe,OAAO,EAAEC;IAAxB,gBACI,6BAAC,cAAD,OADJ,CADJ;EAKH,CAbD;AAcH,CAfD;;AAiBA,IAAME,UAAoB,GAAG,SAAvBA,UAAuB,GAAM;EAC/B,gBAAqB,IAAAN,iBAAA,GAArB;EAAA,IAAQC,QAAR,aAAQA,QAAR;;EACA,IAAMM,aAAa,GAAGN,QAAQ,KAAK,aAAnC;EACA,IAAMO,QAAQ,GAAGP,QAAQ,KAAK,QAA9B;EAEA,IAAMQ,KAAK,GAAGD,QAAQ,GAAG,OAAH,GAAa,0BAAnC;EAEA,oBACI,6BAAC,0BAAD;IACI,KAAK,EAAE;MACHE,KAAK,EAAEH,aAAa,GAAG,GAAH,GAAS,GAD1B;MAEHI,MAAM,EAAEJ,aAAa,GAAG,MAAH,GAAY,EAF9B;MAGHK,WAAW,EAAEL,aAAa,GAAG,CAAH,GAAO,EAH9B;MAIHE,KAAK,EAALA;IAJG;EADX,EADJ;AAUH,CAjBD;;AAmBO,IAAMI,KAAe,GAAG,SAAlBA,KAAkB,GAAM;EACjC,oBACI,6BAAC,eAAD,qBACI,6BAAC,iBAAD;IAAS,SAAS,EAAEd,uBAApB;IAAmC,IAAI,EAAED;EAAzC,EADJ,eAEI,6BAAC,iBAAD;IAAS,IAAI,eAAE,6BAAC,UAAD;EAAf,EAFJ,CADJ;AAMH,CAPM"}
@@ -1,78 +1,103 @@
1
- import React from "react";
2
- import { css } from "emotion";
3
- import styled from "@emotion/styled";
4
- import { Link } from "@webiny/react-router";
5
- import { SimpleForm, SimpleFormHeader, SimpleFormContent, SimpleFormFooter } from "@webiny/app-admin/components/SimpleForm";
6
- import { useSecurity } from "@webiny/app-security/hooks/useSecurity";
7
- import { plugins } from "@webiny/plugins";
8
- import { Typography } from "@webiny/ui/Typography";
9
- import { Cell, Grid } from "@webiny/ui/Grid";
10
- import { Elevation } from "@webiny/ui/Elevation"; // Icons
1
+ "use strict";
11
2
 
12
- import { ReactComponent as YouTubeIcon } from "./icons/youtube.svg";
13
- import { ReactComponent as GithubIcon } from "./icons/github.svg";
14
- import { ReactComponent as SlackIcon } from "./icons/slack.svg";
15
- import { ReactComponent as TwitterIcon } from "./icons/twitter.svg";
16
- import { ReactComponent as TextbookIcon } from "./icons/textbook.svg";
17
- import { ReactComponent as LaptopIcon } from "./icons/laptop.svg";
18
- var linkStyle = /*#__PURE__*/css({
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _emotion = require("emotion");
13
+
14
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
15
+
16
+ var _reactRouter = require("@webiny/react-router");
17
+
18
+ var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
19
+
20
+ var _useSecurity2 = require("@webiny/app-security/hooks/useSecurity");
21
+
22
+ var _plugins = require("@webiny/plugins");
23
+
24
+ var _Typography = require("@webiny/ui/Typography");
25
+
26
+ var _Grid = require("@webiny/ui/Grid");
27
+
28
+ var _Elevation = require("@webiny/ui/Elevation");
29
+
30
+ var _youtube = require("./icons/youtube.svg");
31
+
32
+ var _github = require("./icons/github.svg");
33
+
34
+ var _slack = require("./icons/slack.svg");
35
+
36
+ var _twitter = require("./icons/twitter.svg");
37
+
38
+ var _textbook = require("./icons/textbook.svg");
39
+
40
+ var _laptop = require("./icons/laptop.svg");
41
+
42
+ // Icons
43
+ var linkStyle = /*#__PURE__*/(0, _emotion.css)({
19
44
  textDecoration: "none",
20
45
  "&:hover": {
21
46
  textDecoration: "none"
22
47
  },
23
48
  color: "var(--mdc-theme-text-primary-on-background)"
24
49
  }, "label:linkStyle;");
25
- var imageStyle = /*#__PURE__*/css({
50
+ var imageStyle = /*#__PURE__*/(0, _emotion.css)({
26
51
  width: "30px",
27
52
  height: "30px",
28
53
  marginBottom: "5px"
29
54
  }, "label:imageStyle;");
30
- var communityStyle = /*#__PURE__*/css({
55
+ var communityStyle = /*#__PURE__*/(0, _emotion.css)({
31
56
  textAlign: "left"
32
57
  }, "label:communityStyle;");
33
- var widgetTitleStyle = /*#__PURE__*/css({
58
+ var widgetTitleStyle = /*#__PURE__*/(0, _emotion.css)({
34
59
  fontWeight: 600,
35
60
  paddingTop: "1rem",
36
61
  paddingBottom: "1rem",
37
62
  textAlign: "center"
38
63
  }, "label:widgetTitleStyle;");
39
- var widgetDescriptionStyle = /*#__PURE__*/css({
64
+ var widgetDescriptionStyle = /*#__PURE__*/(0, _emotion.css)({
40
65
  textAlign: "center",
41
66
  paddingLeft: "20px",
42
67
  paddingRight: "20px"
43
68
  }, "label:widgetDescriptionStyle;");
44
- var iconTextStyle = /*#__PURE__*/css({
69
+ var iconTextStyle = /*#__PURE__*/(0, _emotion.css)({
45
70
  textAlign: "center"
46
71
  }, "label:iconTextStyle;");
47
- var pFormContentStyle = /*#__PURE__*/css({
72
+ var pFormContentStyle = /*#__PURE__*/(0, _emotion.css)({
48
73
  fontWeight: 600
49
74
  }, "label:pFormContentStyle;");
50
- var pGetStartedStyle = /*#__PURE__*/css({
75
+ var pGetStartedStyle = /*#__PURE__*/(0, _emotion.css)({
51
76
  paddingLeft: "1.5rem",
52
77
  paddingTop: "1.5rem"
53
78
  }, "label:pGetStartedStyle;");
54
- var footerContainerStyle = /*#__PURE__*/css({
79
+ var footerContainerStyle = /*#__PURE__*/(0, _emotion.css)({
55
80
  display: "flex",
56
81
  padding: "1rem"
57
82
  }, "label:footerContainerStyle;");
58
- var widgetButtonStyle = /*#__PURE__*/css({
83
+ var widgetButtonStyle = /*#__PURE__*/(0, _emotion.css)({
59
84
  textAlign: "center"
60
85
  }, "label:widgetButtonStyle;");
61
- var footerTextStyle = /*#__PURE__*/css({
86
+ var footerTextStyle = /*#__PURE__*/(0, _emotion.css)({
62
87
  backgroundColor: "var(--mdc-theme-on-background)",
63
88
  margin: "1rem"
64
89
  }, "label:footerTextStyle;");
65
- var footerLinkTextStyle = /*#__PURE__*/css({
90
+ var footerLinkTextStyle = /*#__PURE__*/(0, _emotion.css)({
66
91
  fontWeight: 600,
67
92
  paddingLeft: "1rem"
68
93
  }, "label:footerLinkTextStyle;");
69
- var ContentTheme = /*#__PURE__*/styled("div", {
94
+ var ContentTheme = /*#__PURE__*/(0, _styled.default)("div", {
70
95
  target: "e3tmptz0",
71
96
  label: "ContentTheme"
72
97
  })({
73
98
  color: "var(--mdc-theme-text-primary-on-background)"
74
99
  });
75
- var Widget = /*#__PURE__*/styled("div", {
100
+ var Widget = /*#__PURE__*/(0, _styled.default)("div", {
76
101
  target: "e3tmptz1",
77
102
  label: "Widget"
78
103
  })({
@@ -80,7 +105,7 @@ var Widget = /*#__PURE__*/styled("div", {
80
105
  marginRight: "1.5rem",
81
106
  marginBottom: "2rem"
82
107
  });
83
- var WelcomeScreenWidgetsWrapper = /*#__PURE__*/styled("div", {
108
+ var WelcomeScreenWidgetsWrapper = /*#__PURE__*/(0, _styled.default)("div", {
84
109
  target: "e3tmptz2",
85
110
  label: "WelcomeScreenWidgetsWrapper"
86
111
  })({
@@ -92,7 +117,7 @@ var WelcomeScreenWidgetsWrapper = /*#__PURE__*/styled("div", {
92
117
  });
93
118
 
94
119
  var Welcome = function Welcome() {
95
- var _useSecurity = useSecurity(),
120
+ var _useSecurity = (0, _useSecurity2.useSecurity)(),
96
121
  identity = _useSecurity.identity,
97
122
  getPermission = _useSecurity.getPermission;
98
123
 
@@ -100,158 +125,160 @@ var Welcome = function Welcome() {
100
125
  return null;
101
126
  }
102
127
 
103
- var widgets = plugins.byType("admin-welcome-screen-widget").filter(function (pl) {
128
+ var widgets = _plugins.plugins.byType("admin-welcome-screen-widget").filter(function (pl) {
104
129
  if (pl.permission) {
105
130
  return getPermission(pl.permission);
106
131
  }
107
132
 
108
133
  return true;
109
134
  });
135
+
110
136
  var canSeeAnyWidget = widgets.length > 0;
111
- return /*#__PURE__*/React.createElement(SimpleForm, null, /*#__PURE__*/React.createElement(SimpleFormHeader, {
137
+ return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
112
138
  title: "Hi ".concat(identity.displayName, "!")
113
- }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(ContentTheme, null, /*#__PURE__*/React.createElement(Cell, {
139
+ }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(ContentTheme, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
114
140
  span: 12
115
- }, /*#__PURE__*/React.createElement(Typography, {
141
+ }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
116
142
  use: "headline6"
117
- }, canSeeAnyWidget && /*#__PURE__*/React.createElement("p", {
143
+ }, canSeeAnyWidget && /*#__PURE__*/_react.default.createElement("p", {
118
144
  className: pGetStartedStyle
119
- }, "To get started - pick one of the actions below:"), !canSeeAnyWidget && /*#__PURE__*/React.createElement("p", {
145
+ }, "To get started - pick one of the actions below:"), !canSeeAnyWidget && /*#__PURE__*/_react.default.createElement("p", {
120
146
  className: pGetStartedStyle
121
- }, "Please contact the administrator for permissions to access Webiny apps."), /*#__PURE__*/React.createElement("br", null))), /*#__PURE__*/React.createElement(WelcomeScreenWidgetsWrapper, null, widgets.map(function (pl) {
122
- return /*#__PURE__*/React.createElement(Widget, {
147
+ }, "Please contact the administrator for permissions to access Webiny apps."), /*#__PURE__*/_react.default.createElement("br", null))), /*#__PURE__*/_react.default.createElement(WelcomeScreenWidgetsWrapper, null, widgets.map(function (pl) {
148
+ return /*#__PURE__*/_react.default.createElement(Widget, {
123
149
  key: pl.name,
124
150
  "data-testid": pl.name
125
- }, /*#__PURE__*/React.createElement(Elevation, {
151
+ }, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
126
152
  z: 2,
127
153
  style: {
128
154
  padding: 10
129
155
  }
130
- }, /*#__PURE__*/React.createElement(Typography, {
156
+ }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
131
157
  use: "headline6"
132
- }, /*#__PURE__*/React.createElement("p", {
158
+ }, /*#__PURE__*/_react.default.createElement("p", {
133
159
  className: widgetTitleStyle
134
- }, pl.widget.title)), /*#__PURE__*/React.createElement(Typography, {
160
+ }, pl.widget.title)), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
135
161
  use: "body1"
136
- }, /*#__PURE__*/React.createElement("p", {
162
+ }, /*#__PURE__*/_react.default.createElement("p", {
137
163
  className: widgetDescriptionStyle
138
- }, pl.widget.description)), /*#__PURE__*/React.createElement("div", {
164
+ }, pl.widget.description)), /*#__PURE__*/_react.default.createElement("div", {
139
165
  className: widgetButtonStyle
140
166
  }, pl.widget.cta)));
141
- })))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
167
+ })))), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
142
168
  span: 8
143
- }, /*#__PURE__*/React.createElement(Typography, {
169
+ }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
144
170
  use: "headline6",
145
171
  className: communityStyle
146
- }, /*#__PURE__*/React.createElement("p", {
172
+ }, /*#__PURE__*/_react.default.createElement("p", {
147
173
  className: pFormContentStyle
148
- }, "Learn more about Webiny:"))), /*#__PURE__*/React.createElement(Cell, {
174
+ }, "Learn more about Webiny:"))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
149
175
  span: 4,
150
176
  style: {
151
177
  marginLeft: "1rem"
152
178
  }
153
- }, /*#__PURE__*/React.createElement(Typography, {
179
+ }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
154
180
  use: "headline6",
155
181
  className: communityStyle
156
- }, /*#__PURE__*/React.createElement("p", {
182
+ }, /*#__PURE__*/_react.default.createElement("p", {
157
183
  className: pFormContentStyle
158
- }, "Join our community:"))), /*#__PURE__*/React.createElement(Cell, {
184
+ }, "Join our community:"))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
159
185
  span: 8
160
- }, /*#__PURE__*/React.createElement(Typography, {
186
+ }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
161
187
  use: "body1",
162
188
  className: communityStyle
163
- }, /*#__PURE__*/React.createElement("p", null, "Explore the Webiny documentation, learn about the architecture and check out code examples and guides:"))), /*#__PURE__*/React.createElement(Cell, {
189
+ }, /*#__PURE__*/_react.default.createElement("p", null, "Explore the Webiny documentation, learn about the architecture and check out code examples and guides:"))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
164
190
  span: 4,
165
191
  style: {
166
192
  marginLeft: "1rem"
167
193
  }
168
- }, /*#__PURE__*/React.createElement(Typography, {
194
+ }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
169
195
  use: "body1",
170
196
  className: communityStyle
171
- }, /*#__PURE__*/React.createElement("p", null, "Get to know Webiny team members, discuss new ideas and get help:"))), /*#__PURE__*/React.createElement(Cell, {
197
+ }, /*#__PURE__*/_react.default.createElement("p", null, "Get to know Webiny team members, discuss new ideas and get help:"))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
172
198
  span: 4,
173
199
  className: footerTextStyle,
174
200
  style: {
175
201
  margin: "1rem 1rem 1rem 0rem"
176
202
  }
177
- }, /*#__PURE__*/React.createElement(Link, {
203
+ }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
178
204
  to: "https://www.webiny.com/docs",
179
205
  className: linkStyle,
180
206
  target: "_blank",
181
207
  rel: "noopener noreferrer"
182
- }, /*#__PURE__*/React.createElement(Typography, {
208
+ }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
183
209
  use: "headline5"
184
- }, /*#__PURE__*/React.createElement("div", {
210
+ }, /*#__PURE__*/_react.default.createElement("div", {
185
211
  className: footerContainerStyle
186
- }, /*#__PURE__*/React.createElement(TextbookIcon, {
212
+ }, /*#__PURE__*/_react.default.createElement(_textbook.ReactComponent, {
187
213
  className: imageStyle
188
- }), /*#__PURE__*/React.createElement("p", {
214
+ }), /*#__PURE__*/_react.default.createElement("p", {
189
215
  className: footerLinkTextStyle
190
- }, "Documentation"))))), /*#__PURE__*/React.createElement(Cell, {
216
+ }, "Documentation"))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
191
217
  span: 4,
192
218
  className: footerTextStyle,
193
219
  style: {
194
220
  margin: "1rem 1rem 1rem 9px",
195
221
  visibility: "hidden"
196
222
  }
197
- }, /*#__PURE__*/React.createElement(Link, {
223
+ }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
198
224
  to: "https://github.com/webiny/webiny-examples",
199
225
  className: linkStyle,
200
226
  target: "_blank",
201
227
  rel: "noopener noreferrer"
202
- }, /*#__PURE__*/React.createElement(Typography, {
228
+ }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
203
229
  use: "headline5"
204
- }, /*#__PURE__*/React.createElement("span", {
230
+ }, /*#__PURE__*/_react.default.createElement("span", {
205
231
  className: footerContainerStyle
206
- }, /*#__PURE__*/React.createElement(LaptopIcon, {
232
+ }, /*#__PURE__*/_react.default.createElement(_laptop.ReactComponent, {
207
233
  className: imageStyle
208
- }), /*#__PURE__*/React.createElement("p", {
234
+ }), /*#__PURE__*/_react.default.createElement("p", {
209
235
  className: footerLinkTextStyle
210
- }, "Code examples"))))), /*#__PURE__*/React.createElement(Cell, {
236
+ }, "Code examples"))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
211
237
  span: 1,
212
238
  className: iconTextStyle,
213
239
  align: "middle"
214
- }, /*#__PURE__*/React.createElement(Link, {
240
+ }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
215
241
  to: "https://github.com/webiny/webiny-js",
216
242
  className: linkStyle,
217
243
  target: "_blank",
218
244
  rel: "noopener noreferrer"
219
- }, /*#__PURE__*/React.createElement(GithubIcon, {
245
+ }, /*#__PURE__*/_react.default.createElement(_github.ReactComponent, {
220
246
  className: imageStyle
221
- }), /*#__PURE__*/React.createElement("p", null, "Github"))), /*#__PURE__*/React.createElement(Cell, {
247
+ }), /*#__PURE__*/_react.default.createElement("p", null, "Github"))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
222
248
  span: 1,
223
249
  className: iconTextStyle,
224
250
  align: "middle"
225
- }, /*#__PURE__*/React.createElement(Link, {
251
+ }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
226
252
  to: "https://www.webiny.com/slack/",
227
253
  className: linkStyle,
228
254
  target: "_blank",
229
255
  rel: "noopener noreferrer"
230
- }, /*#__PURE__*/React.createElement(SlackIcon, {
256
+ }, /*#__PURE__*/_react.default.createElement(_slack.ReactComponent, {
231
257
  className: imageStyle
232
- }), /*#__PURE__*/React.createElement("p", null, "Slack"))), /*#__PURE__*/React.createElement(Cell, {
258
+ }), /*#__PURE__*/_react.default.createElement("p", null, "Slack"))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
233
259
  span: 1,
234
260
  className: iconTextStyle,
235
261
  align: "middle"
236
- }, /*#__PURE__*/React.createElement(Link, {
262
+ }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
237
263
  to: "https://youtube.com/webiny",
238
264
  className: linkStyle,
239
265
  target: "_blank",
240
266
  rel: "noopener noreferrer"
241
- }, /*#__PURE__*/React.createElement(YouTubeIcon, {
267
+ }, /*#__PURE__*/_react.default.createElement(_youtube.ReactComponent, {
242
268
  className: imageStyle
243
- }), /*#__PURE__*/React.createElement("p", null, "YouTube"))), /*#__PURE__*/React.createElement(Cell, {
269
+ }), /*#__PURE__*/_react.default.createElement("p", null, "YouTube"))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
244
270
  span: 1,
245
271
  className: iconTextStyle,
246
272
  align: "middle"
247
- }, /*#__PURE__*/React.createElement(Link, {
273
+ }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
248
274
  to: "https://twitter.com/WebinyCMS",
249
275
  className: linkStyle,
250
276
  target: "_blank",
251
277
  rel: "noopener noreferrer"
252
- }, /*#__PURE__*/React.createElement(TwitterIcon, {
278
+ }, /*#__PURE__*/_react.default.createElement(_twitter.ReactComponent, {
253
279
  className: imageStyle
254
- }), /*#__PURE__*/React.createElement("p", null, "Twitter"))))));
280
+ }), /*#__PURE__*/_react.default.createElement("p", null, "Twitter"))))));
255
281
  };
256
282
 
257
- export default Welcome;
283
+ var _default = Welcome;
284
+ exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["Welcome.tsx"],"names":["React","css","styled","Link","SimpleForm","SimpleFormHeader","SimpleFormContent","SimpleFormFooter","useSecurity","plugins","Typography","Cell","Grid","Elevation","ReactComponent","YouTubeIcon","GithubIcon","SlackIcon","TwitterIcon","TextbookIcon","LaptopIcon","linkStyle","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","Widget","marginLeft","marginRight","WelcomeScreenWidgetsWrapper","justifyContent","flexDirection","Welcome","identity","getPermission","widgets","byType","filter","pl","permission","canSeeAnyWidget","length","displayName","map","name","widget","title","description","cta","visibility"],"mappings":"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","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 textAlign: \"center\"\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 marginLeft: \"1.5rem\",\n marginRight: \"1.5rem\",\n marginBottom: \"2rem\"\n});\n\nconst WelcomeScreenWidgetsWrapper = styled(\"div\")({\n display: \"flex\",\n justifyContent: \"center\",\n \"@media (max-width: 479px)\": {\n flexDirection: \"column\"\n }\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} style={{ padding: 10 }}>\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"]}
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","marginLeft","marginRight","WelcomeScreenWidgetsWrapper","justifyContent","flexDirection","Welcome","useSecurity","identity","getPermission","widgets","plugins","byType","filter","pl","permission","canSeeAnyWidget","length","displayName","map","name","widget","title","description","cta","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 textAlign: \"center\"\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 marginLeft: \"1.5rem\",\n marginRight: \"1.5rem\",\n marginBottom: \"2rem\"\n});\n\nconst WelcomeScreenWidgetsWrapper = styled(\"div\")({\n display: \"flex\",\n justifyContent: \"center\",\n \"@media (max-width: 479px)\": {\n flexDirection: \"column\"\n }\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} style={{ padding: 10 }}>\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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"}