@webiny/app-admin-rmwc 0.0.0-unstable.5e7233243f

package/modules/Navigation/renderers/MenuGroupRenderer.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuGroupRenderer = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _store = _interopRequireDefault(require("store"));
+
+var _emotion = require("emotion");
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _List = require("@webiny/ui/List");
+
+var _Button = require("@webiny/ui/Button");
+
+var _index = require("../index");
+
+var _roundKeyboard_arrow_up24px = require("../icons/round-keyboard_arrow_up-24px.svg");
+
+var _roundKeyboard_arrow_down24px = require("../icons/round-keyboard_arrow_down-24px.svg");
+
+var defaultStyle = {
+  transform: "translateY(-20px)",
+  opacity: 0,
+  transitionProperty: "transform, opacity",
+  transitionTimingFunction: "cubic-bezier(0, 0, .2, 1)",
+  transitionDuration: "100ms",
+  willChange: "opacity, transform"
+};
+var transitionStyles = {
+  entering: {
+    transform: "translateY(-20px)",
+    opacity: 0
+  },
+  entered: {
+    transform: "translateY(0px)",
+    opacity: 1
+  }
+};
+var menuTitle = /*#__PURE__*/(0, _emotion.css)({
+  ".mdc-drawer &.mdc-list": {
+    borderBottom: "1px solid var(--mdc-theme-on-background)",
+    padding: 0,
+    ".mdc-list-item": {
+      margin: 0,
+      padding: "0 15px",
+      height: "48px",
+      width: "100%",
+      fontWeight: 600,
+      boxSizing: "border-box"
+    }
+  }
+}, "label:menuTitle;");
+var menuTitleActive = /*#__PURE__*/(0, _emotion.css)({
+  backgroundColor: "var(--mdc-theme-background)"
+}, "label:menuTitleActive;");
+var LOCAL_STORAGE_KEY = "webiny_navigation_groups";
+
+function loadState() {
+  return (_store.default.get(LOCAL_STORAGE_KEY) || "").split(",").filter(Boolean);
+}
+
+function storeState(state) {
+  _store.default.set(LOCAL_STORAGE_KEY, state.join(","));
+}
+
+function getState(id) {
+  if (!id) {
+    return false;
+  }
+
+  var state = loadState();
+  return state.includes(id);
+}
+
+var MenuGroupRenderer = function MenuGroupRenderer(PrevMenuItem) {
+  return function MenuGroup() {
+    var _useNavigation = (0, _index.useNavigation)(),
+        setVisible = _useNavigation.setVisible;
+
+    var _useMenuItem = (0, _appAdmin.useMenuItem)(),
+        menuItem = _useMenuItem.menuItem,
+        depth = _useMenuItem.depth;
+
+    var shouldRender = depth === 0 && menuItem && menuItem.children;
+
+    var _useState = (0, _react.useState)(getState(menuItem ? menuItem.name : null)),
+        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+        isExpanded = _useState2[0],
+        setExpanded = _useState2[1];
+
+    var hideMenu = (0, _react.useCallback)(function () {
+      return setVisible(false);
+    }, []);
+    var toggleElement = (0, _react.useCallback)(function () {
+      if (!menuItem) {
+        return;
+      }
+
+      var state = loadState();
+
+      if (isExpanded && state.includes(menuItem.name)) {
+        state.splice(state.indexOf(menuItem.name), 1);
+      }
+
+      if (!isExpanded && !state.includes(menuItem.name)) {
+        state.push(menuItem.name);
+      }
+
+      setExpanded(!isExpanded);
+      storeState(state);
+    }, [isExpanded, setExpanded]);
+
+    if (!shouldRender) {
+      return /*#__PURE__*/_react.default.createElement(PrevMenuItem, null);
+    }
+
+    if (!menuItem || !menuItem.children.length) {
+      return null;
+    }
+
+    var withLink = function withLink(content) {
+      return /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+        to: menuItem.path || "",
+        "data-testid": menuItem.testId,
+        onClick: menuItem.onClick || hideMenu
+      }, content);
+    };
+
+    var item = /*#__PURE__*/_react.default.createElement(_List.List, {
+      className: (0, _classnames.default)(menuTitle, (0, _defineProperty2.default)({}, menuTitleActive, isExpanded))
+    }, /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+      "data-testid": menuItem.testId,
+      onClick: toggleElement
+    }, menuItem.icon && /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+      icon: menuItem.icon
+    })), menuItem.label, menuItem.children.length ? /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+      icon: isExpanded ? /*#__PURE__*/_react.default.createElement(_roundKeyboard_arrow_up24px.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_roundKeyboard_arrow_down24px.ReactComponent, null)
+    })) : null));
+
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menuItem.path ? withLink(item) : item, menuItem.children ? /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+      in: isExpanded,
+      timeout: 100,
+      appear: true,
+      unmountOnExit: true
+    }, function (state) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), transitionStyles[state])
+      }, /*#__PURE__*/_react.default.createElement(_appAdmin.MenuItems, {
+        menuItems: menuItem.children
+      }));
+    }) : null);
+  };
+};
+
+exports.MenuGroupRenderer = MenuGroupRenderer;

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

@@ -0,0 +1 @@
+{"version":3,"names":["defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","menuTitle","css","borderBottom","padding","margin","height","width","fontWeight","boxSizing","menuTitleActive","backgroundColor","LOCAL_STORAGE_KEY","loadState","localStorage","get","split","filter","Boolean","storeState","state","set","join","getState","id","includes","MenuGroupRenderer","PrevMenuItem","MenuGroup","useNavigation","setVisible","useMenuItem","menuItem","depth","shouldRender","children","useState","name","isExpanded","setExpanded","hideMenu","useCallback","toggleElement","splice","indexOf","push","length","withLink","content","path","testId","onClick","item","classNames","icon","label"],"sources":["MenuGroupRenderer.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { css } from \"emotion\";\nimport { Transition } from \"react-transition-group\";\nimport classNames from \"classnames\";\nimport { Link } from \"@webiny/react-router\";\nimport { useMenuItem, MenuItems } from \"@webiny/app-admin\";\nimport { List, ListItem, ListItemGraphic, ListItemMeta } from \"@webiny/ui/List\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useNavigation } from \"../index\";\nimport { ReactComponent as UpIcon } from \"../icons/round-keyboard_arrow_up-24px.svg\";\nimport { ReactComponent as DownIcon } from \"../icons/round-keyboard_arrow_down-24px.svg\";\n\nconst defaultStyle = {\n    transform: \"translateY(-20px)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"100ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(-20px)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\nconst menuTitle = css({\n    \".mdc-drawer &.mdc-list\": {\n        borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n        padding: 0,\n        \".mdc-list-item\": {\n            margin: 0,\n            padding: \"0 15px\",\n            height: \"48px\",\n            width: \"100%\",\n            fontWeight: 600,\n            boxSizing: \"border-box\"\n        }\n    }\n});\n\nconst menuTitleActive = css({\n    backgroundColor: \"var(--mdc-theme-background)\"\n});\n\nconst LOCAL_STORAGE_KEY = \"webiny_navigation_groups\";\n\nfunction loadState(): string[] {\n    return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n}\n\nfunction storeState(state: string[]) {\n    localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n}\n\nfunction getState(id: string | null): boolean {\n    if (!id) {\n        return false;\n    }\n    const state = loadState();\n    return state.includes(id);\n}\n\nexport const MenuGroupRenderer = (PrevMenuItem: React.FC): React.FC => {\n    return function MenuGroup() {\n        const { setVisible } = useNavigation();\n        const { menuItem, depth } = useMenuItem();\n        const shouldRender = depth === 0 && menuItem && menuItem.children;\n        const [isExpanded, setExpanded] = useState<boolean>(\n            getState(menuItem ? menuItem.name : null)\n        );\n\n        const hideMenu = useCallback(() => setVisible(false), []);\n\n        const toggleElement = useCallback(() => {\n            if (!menuItem) {\n                return;\n            }\n            const state = loadState();\n            if (isExpanded && state.includes(menuItem.name)) {\n                state.splice(state.indexOf(menuItem.name), 1);\n            }\n\n            if (!isExpanded && !state.includes(menuItem.name)) {\n                state.push(menuItem.name);\n            }\n\n            setExpanded(!isExpanded);\n            storeState(state);\n        }, [isExpanded, setExpanded]);\n\n        if (!shouldRender) {\n            return <PrevMenuItem />;\n        }\n\n        if (!menuItem || !menuItem.children.length) {\n            return null;\n        }\n\n        const withLink = (content: React.ReactNode): React.ReactElement => {\n            return (\n                <Link\n                    to={menuItem.path || \"\"}\n                    data-testid={menuItem.testId}\n                    onClick={menuItem.onClick || hideMenu}\n                >\n                    {content}\n                </Link>\n            );\n        };\n\n        const item = (\n            <List className={classNames(menuTitle, { [menuTitleActive]: isExpanded })}>\n                <ListItem data-testid={menuItem.testId} onClick={toggleElement}>\n                    {menuItem.icon && (\n                        <ListItemGraphic>\n                            <IconButton icon={menuItem.icon} />\n                        </ListItemGraphic>\n                    )}\n\n                    {menuItem.label}\n\n                    {menuItem.children.length ? (\n                        <ListItemMeta>\n                            <IconButton icon={isExpanded ? <UpIcon /> : <DownIcon />} />\n                        </ListItemMeta>\n                    ) : null}\n                </ListItem>\n            </List>\n        );\n\n        return (\n            <Fragment>\n                {menuItem.path ? withLink(item) : item}\n                {menuItem.children ? (\n                    <Transition in={isExpanded} timeout={100} appear unmountOnExit>\n                        {state => (\n                            <div style={{ ...defaultStyle, ...transitionStyles[state] }}>\n                                <MenuItems menuItems={menuItem.children} />\n                            </div>\n                        )}\n                    </Transition>\n                ) : null}\n            </Fragment>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,YAAY,GAAG;EACjBC,SAAS,EAAE,mBADM;EAEjBC,OAAO,EAAE,CAFQ;EAGjBC,kBAAkB,EAAE,oBAHH;EAIjBC,wBAAwB,EAAE,2BAJT;EAKjBC,kBAAkB,EAAE,OALH;EAMjBC,UAAU,EAAE;AANK,CAArB;AASA,IAAMC,gBAAqC,GAAG;EAC1CC,QAAQ,EAAE;IACNP,SAAS,EAAE,mBADL;IAENC,OAAO,EAAE;EAFH,CADgC;EAK1CO,OAAO,EAAE;IACLR,SAAS,EAAE,iBADN;IAELC,OAAO,EAAE;EAFJ;AALiC,CAA9C;AAWA,IAAMQ,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClB,0BAA0B;IACtBC,YAAY,EAAE,0CADQ;IAEtBC,OAAO,EAAE,CAFa;IAGtB,kBAAkB;MACdC,MAAM,EAAE,CADM;MAEdD,OAAO,EAAE,QAFK;MAGdE,MAAM,EAAE,MAHM;MAIdC,KAAK,EAAE,MAJO;MAKdC,UAAU,EAAE,GALE;MAMdC,SAAS,EAAE;IANG;EAHI;AADR,CAAJ,qBAAlB;AAeA,IAAMC,eAAe,gBAAG,IAAAR,YAAA,EAAI;EACxBS,eAAe,EAAE;AADO,CAAJ,2BAAxB;AAIA,IAAMC,iBAAiB,GAAG,0BAA1B;;AAEA,SAASC,SAAT,GAA+B;EAC3B,OAAO,CAACC,cAAA,CAAaC,GAAb,CAAiBH,iBAAjB,KAAuC,EAAxC,EAA4CI,KAA5C,CAAkD,GAAlD,EAAuDC,MAAvD,CAA8DC,OAA9D,CAAP;AACH;;AAED,SAASC,UAAT,CAAoBC,KAApB,EAAqC;EACjCN,cAAA,CAAaO,GAAb,CAAiBT,iBAAjB,EAAoCQ,KAAK,CAACE,IAAN,CAAW,GAAX,CAApC;AACH;;AAED,SAASC,QAAT,CAAkBC,EAAlB,EAA8C;EAC1C,IAAI,CAACA,EAAL,EAAS;IACL,OAAO,KAAP;EACH;;EACD,IAAMJ,KAAK,GAAGP,SAAS,EAAvB;EACA,OAAOO,KAAK,CAACK,QAAN,CAAeD,EAAf,CAAP;AACH;;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,YAAD,EAAsC;EACnE,OAAO,SAASC,SAAT,GAAqB;IACxB,qBAAuB,IAAAC,oBAAA,GAAvB;IAAA,IAAQC,UAAR,kBAAQA,UAAR;;IACA,mBAA4B,IAAAC,qBAAA,GAA5B;IAAA,IAAQC,QAAR,gBAAQA,QAAR;IAAA,IAAkBC,KAAlB,gBAAkBA,KAAlB;;IACA,IAAMC,YAAY,GAAGD,KAAK,KAAK,CAAV,IAAeD,QAAf,IAA2BA,QAAQ,CAACG,QAAzD;;IACA,gBAAkC,IAAAC,eAAA,EAC9Bb,QAAQ,CAACS,QAAQ,GAAGA,QAAQ,CAACK,IAAZ,GAAmB,IAA5B,CADsB,CAAlC;IAAA;IAAA,IAAOC,UAAP;IAAA,IAAmBC,WAAnB;;IAIA,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EAAY;MAAA,OAAMX,UAAU,CAAC,KAAD,CAAhB;IAAA,CAAZ,EAAqC,EAArC,CAAjB;IAEA,IAAMY,aAAa,GAAG,IAAAD,kBAAA,EAAY,YAAM;MACpC,IAAI,CAACT,QAAL,EAAe;QACX;MACH;;MACD,IAAMZ,KAAK,GAAGP,SAAS,EAAvB;;MACA,IAAIyB,UAAU,IAAIlB,KAAK,CAACK,QAAN,CAAeO,QAAQ,CAACK,IAAxB,CAAlB,EAAiD;QAC7CjB,KAAK,CAACuB,MAAN,CAAavB,KAAK,CAACwB,OAAN,CAAcZ,QAAQ,CAACK,IAAvB,CAAb,EAA2C,CAA3C;MACH;;MAED,IAAI,CAACC,UAAD,IAAe,CAAClB,KAAK,CAACK,QAAN,CAAeO,QAAQ,CAACK,IAAxB,CAApB,EAAmD;QAC/CjB,KAAK,CAACyB,IAAN,CAAWb,QAAQ,CAACK,IAApB;MACH;;MAEDE,WAAW,CAAC,CAACD,UAAF,CAAX;MACAnB,UAAU,CAACC,KAAD,CAAV;IACH,CAfqB,EAenB,CAACkB,UAAD,EAAaC,WAAb,CAfmB,CAAtB;;IAiBA,IAAI,CAACL,YAAL,EAAmB;MACf,oBAAO,6BAAC,YAAD,OAAP;IACH;;IAED,IAAI,CAACF,QAAD,IAAa,CAACA,QAAQ,CAACG,QAAT,CAAkBW,MAApC,EAA4C;MACxC,OAAO,IAAP;IACH;;IAED,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAkD;MAC/D,oBACI,6BAAC,iBAAD;QACI,EAAE,EAAEhB,QAAQ,CAACiB,IAAT,IAAiB,EADzB;QAEI,eAAajB,QAAQ,CAACkB,MAF1B;QAGI,OAAO,EAAElB,QAAQ,CAACmB,OAAT,IAAoBX;MAHjC,GAKKQ,OALL,CADJ;IASH,CAVD;;IAYA,IAAMI,IAAI,gBACN,6BAAC,UAAD;MAAM,SAAS,EAAE,IAAAC,mBAAA,EAAWpD,SAAX,oCAAyBS,eAAzB,EAA2C4B,UAA3C;IAAjB,gBACI,6BAAC,cAAD;MAAU,eAAaN,QAAQ,CAACkB,MAAhC;MAAwC,OAAO,EAAER;IAAjD,GACKV,QAAQ,CAACsB,IAAT,iBACG,6BAAC,qBAAD,qBACI,6BAAC,kBAAD;MAAY,IAAI,EAAEtB,QAAQ,CAACsB;IAA3B,EADJ,CAFR,EAOKtB,QAAQ,CAACuB,KAPd,EASKvB,QAAQ,CAACG,QAAT,CAAkBW,MAAlB,gBACG,6BAAC,kBAAD,qBACI,6BAAC,kBAAD;MAAY,IAAI,EAAER,UAAU,gBAAG,6BAAC,0CAAD,OAAH,gBAAgB,6BAAC,4CAAD;IAA5C,EADJ,CADH,GAIG,IAbR,CADJ,CADJ;;IAoBA,oBACI,6BAAC,eAAD,QACKN,QAAQ,CAACiB,IAAT,GAAgBF,QAAQ,CAACK,IAAD,CAAxB,GAAiCA,IADtC,EAEKpB,QAAQ,CAACG,QAAT,gBACG,6BAAC,gCAAD;MAAY,EAAE,EAAEG,UAAhB;MAA4B,OAAO,EAAE,GAArC;MAA0C,MAAM,MAAhD;MAAiD,aAAa;IAA9D,GACK,UAAAlB,KAAK;MAAA,oBACF;QAAK,KAAK,8DAAO7B,YAAP,GAAwBO,gBAAgB,CAACsB,KAAD,CAAxC;MAAV,gBACI,6BAAC,mBAAD;QAAW,SAAS,EAAEY,QAAQ,CAACG;MAA/B,EADJ,CADE;IAAA,CADV,CADH,GAQG,IAVR,CADJ;EAcH,CAjFD;AAkFH,CAnFM"}

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

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

package/modules/Navigation/renderers/MenuLinkRenderer.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuLinkRenderer = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _List = require("@webiny/ui/List");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _Icon = require("@webiny/ui/Icon");
+
+var _index = require("../index");
+
+var listItemStyle = /*#__PURE__*/(0, _emotion.css)({
+  ".mdc-list &.mdc-list-item:hover": {
+    cursor: "pointer",
+    backgroundColor: "var(--mdc-theme-background)"
+  }
+}, "label:listItemStyle;");
+
+var MenuLinkRenderer = function MenuLinkRenderer(PrevMenuItem) {
+  return function MenuLink() {
+    var _useNavigation = (0, _index.useNavigation)(),
+        setVisible = _useNavigation.setVisible;
+
+    var _useMenuItem = (0, _appAdmin.useMenuItem)(),
+        menuItem = _useMenuItem.menuItem,
+        depth = _useMenuItem.depth;
+
+    var hideMenu = (0, _react.useCallback)(function () {
+      return setVisible(false);
+    }, []);
+    var shouldRender = depth === 0 && (menuItem ? menuItem.tags || [] : []).includes("footer");
+
+    if (!shouldRender) {
+      return /*#__PURE__*/_react.default.createElement(PrevMenuItem, null);
+    } else if (!menuItem) {
+      // TODO @ts-refactor check if to return component or null @pavel
+      console.log("MenuLinkRenderer returning PrevMenuItem because missing menuItem variable.");
+      return /*#__PURE__*/_react.default.createElement(PrevMenuItem, null);
+    }
+
+    var withLink = function withLink(content) {
+      return /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+        to: menuItem.path || "",
+        target: menuItem.target,
+        "data-testid": menuItem.testId,
+        onClick: menuItem.onClick || hideMenu
+      }, content);
+    };
+
+    var item = /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+      "data-testid": menuItem.testId,
+      ripple: false,
+      className: listItemStyle,
+      onClick: menuItem.onClick || hideMenu
+    }, menuItem.icon ? /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: menuItem.icon
+    })) : null, menuItem.label);
+
+    return menuItem.path ? withLink(item) : item;
+  };
+};
+
+exports.MenuLinkRenderer = MenuLinkRenderer;

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

@@ -0,0 +1 @@
+{"version":3,"names":["listItemStyle","css","cursor","backgroundColor","MenuLinkRenderer","PrevMenuItem","MenuLink","useNavigation","setVisible","useMenuItem","menuItem","depth","hideMenu","useCallback","shouldRender","tags","includes","console","log","withLink","content","path","target","testId","onClick","item","icon","label"],"sources":["MenuLinkRenderer.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport { Link } from \"@webiny/react-router\";\nimport { ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useMenuItem } from \"@webiny/app-admin\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { useNavigation } from \"../index\";\n\nconst listItemStyle = css({\n    \".mdc-list &.mdc-list-item:hover\": {\n        cursor: \"pointer\",\n        backgroundColor: \"var(--mdc-theme-background)\"\n    }\n});\n\nexport const MenuLinkRenderer = (PrevMenuItem: React.FC): React.FC => {\n    return function MenuLink() {\n        const { setVisible } = useNavigation();\n        const { menuItem, depth } = useMenuItem();\n\n        const hideMenu = useCallback(() => setVisible(false), []);\n        const shouldRender =\n            depth === 0 && (menuItem ? menuItem.tags || [] : []).includes(\"footer\");\n\n        if (!shouldRender) {\n            return <PrevMenuItem />;\n        } else if (!menuItem) {\n            // TODO @ts-refactor check if to return component or null @pavel\n            console.log(\n                \"MenuLinkRenderer returning PrevMenuItem because missing menuItem variable.\"\n            );\n            return <PrevMenuItem />;\n        }\n\n        const withLink = (content: React.ReactNode): React.ReactElement => {\n            return (\n                <Link\n                    to={menuItem.path || \"\"}\n                    target={menuItem.target}\n                    data-testid={menuItem.testId}\n                    onClick={menuItem.onClick || hideMenu}\n                >\n                    {content}\n                </Link>\n            );\n        };\n\n        const item = (\n            <ListItem\n                data-testid={menuItem.testId}\n                ripple={false}\n                className={listItemStyle}\n                onClick={menuItem.onClick || hideMenu}\n            >\n                {menuItem.icon ? (\n                    <ListItemGraphic>\n                        <Icon icon={menuItem.icon} />\n                    </ListItemGraphic>\n                ) : null}\n                {menuItem.label}\n            </ListItem>\n        );\n\n        return menuItem.path ? withLink(item) : item;\n    };\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,aAAa,gBAAG,IAAAC,YAAA,EAAI;EACtB,mCAAmC;IAC/BC,MAAM,EAAE,SADuB;IAE/BC,eAAe,EAAE;EAFc;AADb,CAAJ,yBAAtB;;AAOO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,YAAD,EAAsC;EAClE,OAAO,SAASC,QAAT,GAAoB;IACvB,qBAAuB,IAAAC,oBAAA,GAAvB;IAAA,IAAQC,UAAR,kBAAQA,UAAR;;IACA,mBAA4B,IAAAC,qBAAA,GAA5B;IAAA,IAAQC,QAAR,gBAAQA,QAAR;IAAA,IAAkBC,KAAlB,gBAAkBA,KAAlB;;IAEA,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EAAY;MAAA,OAAML,UAAU,CAAC,KAAD,CAAhB;IAAA,CAAZ,EAAqC,EAArC,CAAjB;IACA,IAAMM,YAAY,GACdH,KAAK,KAAK,CAAV,IAAe,CAACD,QAAQ,GAAGA,QAAQ,CAACK,IAAT,IAAiB,EAApB,GAAyB,EAAlC,EAAsCC,QAAtC,CAA+C,QAA/C,CADnB;;IAGA,IAAI,CAACF,YAAL,EAAmB;MACf,oBAAO,6BAAC,YAAD,OAAP;IACH,CAFD,MAEO,IAAI,CAACJ,QAAL,EAAe;MAClB;MACAO,OAAO,CAACC,GAAR,CACI,4EADJ;MAGA,oBAAO,6BAAC,YAAD,OAAP;IACH;;IAED,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAkD;MAC/D,oBACI,6BAAC,iBAAD;QACI,EAAE,EAAEV,QAAQ,CAACW,IAAT,IAAiB,EADzB;QAEI,MAAM,EAAEX,QAAQ,CAACY,MAFrB;QAGI,eAAaZ,QAAQ,CAACa,MAH1B;QAII,OAAO,EAAEb,QAAQ,CAACc,OAAT,IAAoBZ;MAJjC,GAMKQ,OANL,CADJ;IAUH,CAXD;;IAaA,IAAMK,IAAI,gBACN,6BAAC,cAAD;MACI,eAAaf,QAAQ,CAACa,MAD1B;MAEI,MAAM,EAAE,KAFZ;MAGI,SAAS,EAAEvB,aAHf;MAII,OAAO,EAAEU,QAAQ,CAACc,OAAT,IAAoBZ;IAJjC,GAMKF,QAAQ,CAACgB,IAAT,gBACG,6BAAC,qBAAD,qBACI,6BAAC,UAAD;MAAM,IAAI,EAAEhB,QAAQ,CAACgB;IAArB,EADJ,CADH,GAIG,IAVR,EAWKhB,QAAQ,CAACiB,KAXd,CADJ;;IAgBA,OAAOjB,QAAQ,CAACW,IAAT,GAAgBF,QAAQ,CAACM,IAAD,CAAxB,GAAiCA,IAAxC;EACH,CAhDD;AAiDH,CAlDM"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const MenuSectionItemRenderer: (PrevMenuItem: React.FC) => React.FC;

package/modules/Navigation/renderers/MenuSectionItemRenderer.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuSectionItemRenderer = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _List = require("@webiny/ui/List");
+
+var _index = require("../index");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var linkStyle = /*#__PURE__*/(0, _emotion.css)({
+  color: "var(--mdc-theme-text-primary-on-background)",
+  textDecoration: "none",
+  display: "flex",
+  alignItems: "center",
+  width: "100%",
+  height: "100%",
+  outline: "none",
+  paddingLeft: 72,
+  "&:hover": {
+    textDecoration: "none"
+  }
+}, "label:linkStyle;");
+var submenuItems = /*#__PURE__*/(0, _emotion.css)({
+  ".mdc-drawer &.mdc-list-item": {
+    paddingLeft: 0,
+    margin: 0,
+    padding: 0
+  }
+}, "label:submenuItems;");
+var submenuList = /*#__PURE__*/(0, _emotion.css)({
+  "&.mdc-list": {
+    padding: 0
+  }
+}, "label:submenuList;");
+
+var MenuSectionItemRenderer = function MenuSectionItemRenderer(PrevMenuItem) {
+  return function MenuSectionItem() {
+    var _useNavigation = (0, _index.useNavigation)(),
+        setVisible = _useNavigation.setVisible;
+
+    var _useMenuItem = (0, _appAdmin.useMenuItem)(),
+        menuItem = _useMenuItem.menuItem,
+        depth = _useMenuItem.depth;
+
+    var hideMenu = (0, _react.useCallback)(function () {
+      return setVisible(false);
+    }, []);
+    var shouldRender = depth > 0 && Boolean(menuItem ? menuItem.path : false);
+
+    if (!shouldRender) {
+      return /*#__PURE__*/_react.default.createElement(PrevMenuItem, null);
+    } else if (!menuItem) {
+      // TODO @ts-refactor check if to return component or null @pavel
+      console.log("MenuSectionItemRenderer returning PrevMenuItem because no menuItem variable.");
+      return /*#__PURE__*/_react.default.createElement(PrevMenuItem, null);
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_List.List, {
+      className: submenuList
+    }, /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+      className: submenuItems,
+      "data-testid": menuItem.testId
+    }, menuItem.path ? /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+      className: linkStyle,
+      to: menuItem.path,
+      onClick: menuItem.onClick || hideMenu
+    }, menuItem.label) : /*#__PURE__*/_react.default.createElement("span", {
+      onClick: function onClick() {
+        if (!menuItem.onClick) {
+          return;
+        }
+
+        menuItem.onClick();
+      },
+      className: linkStyle
+    }, menuItem.label)));
+  };
+};
+
+exports.MenuSectionItemRenderer = MenuSectionItemRenderer;

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

@@ -0,0 +1 @@
+{"version":3,"names":["linkStyle","css","color","textDecoration","display","alignItems","width","height","outline","paddingLeft","submenuItems","margin","padding","submenuList","MenuSectionItemRenderer","PrevMenuItem","MenuSectionItem","useNavigation","setVisible","useMenuItem","menuItem","depth","hideMenu","useCallback","shouldRender","Boolean","path","console","log","testId","onClick","label"],"sources":["MenuSectionItemRenderer.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport { Link } from \"@webiny/react-router\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { useNavigation } from \"../index\";\nimport { useMenuItem } from \"@webiny/app-admin\";\n\nconst linkStyle = css({\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    textDecoration: \"none\",\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n    outline: \"none\",\n    paddingLeft: 72,\n    \"&:hover\": {\n        textDecoration: \"none\"\n    }\n});\n\nconst submenuItems = css({\n    \".mdc-drawer &.mdc-list-item\": {\n        paddingLeft: 0,\n        margin: 0,\n        padding: 0\n    }\n});\n\nconst submenuList = css({\n    \"&.mdc-list\": {\n        padding: 0\n    }\n});\n\nexport const MenuSectionItemRenderer = (PrevMenuItem: React.FC): React.FC => {\n    return function MenuSectionItem() {\n        const { setVisible } = useNavigation();\n        const { menuItem, depth } = useMenuItem();\n\n        const hideMenu = useCallback(() => setVisible(false), []);\n        const shouldRender = depth > 0 && Boolean(menuItem ? menuItem.path : false);\n\n        if (!shouldRender) {\n            return <PrevMenuItem />;\n        } else if (!menuItem) {\n            // TODO @ts-refactor check if to return component or null @pavel\n            console.log(\n                \"MenuSectionItemRenderer returning PrevMenuItem because no menuItem variable.\"\n            );\n            return <PrevMenuItem />;\n        }\n\n        return (\n            <List className={submenuList}>\n                <ListItem className={submenuItems} data-testid={menuItem.testId}>\n                    {menuItem.path ? (\n                        <Link\n                            className={linkStyle}\n                            to={menuItem.path}\n                            onClick={menuItem.onClick || hideMenu}\n                        >\n                            {menuItem.label}\n                        </Link>\n                    ) : (\n                        <span\n                            onClick={() => {\n                                if (!menuItem.onClick) {\n                                    return;\n                                }\n                                menuItem.onClick();\n                            }}\n                            className={linkStyle}\n                        >\n                            {menuItem.label}\n                        </span>\n                    )}\n                </ListItem>\n            </List>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClBC,KAAK,EAAE,6CADW;EAElBC,cAAc,EAAE,MAFE;EAGlBC,OAAO,EAAE,MAHS;EAIlBC,UAAU,EAAE,QAJM;EAKlBC,KAAK,EAAE,MALW;EAMlBC,MAAM,EAAE,MANU;EAOlBC,OAAO,EAAE,MAPS;EAQlBC,WAAW,EAAE,EARK;EASlB,WAAW;IACPN,cAAc,EAAE;EADT;AATO,CAAJ,qBAAlB;AAcA,IAAMO,YAAY,gBAAG,IAAAT,YAAA,EAAI;EACrB,+BAA+B;IAC3BQ,WAAW,EAAE,CADc;IAE3BE,MAAM,EAAE,CAFmB;IAG3BC,OAAO,EAAE;EAHkB;AADV,CAAJ,wBAArB;AAQA,IAAMC,WAAW,gBAAG,IAAAZ,YAAA,EAAI;EACpB,cAAc;IACVW,OAAO,EAAE;EADC;AADM,CAAJ,uBAApB;;AAMO,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,YAAD,EAAsC;EACzE,OAAO,SAASC,eAAT,GAA2B;IAC9B,qBAAuB,IAAAC,oBAAA,GAAvB;IAAA,IAAQC,UAAR,kBAAQA,UAAR;;IACA,mBAA4B,IAAAC,qBAAA,GAA5B;IAAA,IAAQC,QAAR,gBAAQA,QAAR;IAAA,IAAkBC,KAAlB,gBAAkBA,KAAlB;;IAEA,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EAAY;MAAA,OAAML,UAAU,CAAC,KAAD,CAAhB;IAAA,CAAZ,EAAqC,EAArC,CAAjB;IACA,IAAMM,YAAY,GAAGH,KAAK,GAAG,CAAR,IAAaI,OAAO,CAACL,QAAQ,GAAGA,QAAQ,CAACM,IAAZ,GAAmB,KAA5B,CAAzC;;IAEA,IAAI,CAACF,YAAL,EAAmB;MACf,oBAAO,6BAAC,YAAD,OAAP;IACH,CAFD,MAEO,IAAI,CAACJ,QAAL,EAAe;MAClB;MACAO,OAAO,CAACC,GAAR,CACI,8EADJ;MAGA,oBAAO,6BAAC,YAAD,OAAP;IACH;;IAED,oBACI,6BAAC,UAAD;MAAM,SAAS,EAAEf;IAAjB,gBACI,6BAAC,cAAD;MAAU,SAAS,EAAEH,YAArB;MAAmC,eAAaU,QAAQ,CAACS;IAAzD,GACKT,QAAQ,CAACM,IAAT,gBACG,6BAAC,iBAAD;MACI,SAAS,EAAE1B,SADf;MAEI,EAAE,EAAEoB,QAAQ,CAACM,IAFjB;MAGI,OAAO,EAAEN,QAAQ,CAACU,OAAT,IAAoBR;IAHjC,GAKKF,QAAQ,CAACW,KALd,CADH,gBASG;MACI,OAAO,EAAE,mBAAM;QACX,IAAI,CAACX,QAAQ,CAACU,OAAd,EAAuB;UACnB;QACH;;QACDV,QAAQ,CAACU,OAAT;MACH,CANL;MAOI,SAAS,EAAE9B;IAPf,GASKoB,QAAQ,CAACW,KATd,CAVR,CADJ,CADJ;EA2BH,CA5CD;AA6CH,CA9CM"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const MenuSectionRenderer: (PrevMenuItem: React.FC) => React.FC;

package/modules/Navigation/renderers/MenuSectionRenderer.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuSectionRenderer = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var menuSectionTitle = /*#__PURE__*/(0, _emotion.css)({
+  marginLeft: 20,
+  display: "flex",
+  alignItems: "center",
+  color: "var(--mdc-theme-on-surface)"
+}, "label:menuSectionTitle;");
+var iconWrapper = /*#__PURE__*/(0, _emotion.css)({
+  marginRight: 5,
+  color: "var(--mdc-theme-on-surface)"
+}, "label:iconWrapper;");
+
+var MenuSectionRenderer = function MenuSectionRenderer(PrevMenuItem) {
+  return function MenuSection() {
+    var _useMenuItem = (0, _appAdmin.useMenuItem)(),
+        menuItem = _useMenuItem.menuItem,
+        depth = _useMenuItem.depth;
+
+    var shouldRender = depth === 1 && menuItem && menuItem.children.length > 0;
+
+    if (!shouldRender) {
+      return /*#__PURE__*/_react.default.createElement(PrevMenuItem, null);
+    } else if (!menuItem) {
+      // TODO @ts-refactor check if to return component or null @pavel
+      console.log("MenuSectionRenderer returning PrevMenuItem because no menuItem variable.");
+      return /*#__PURE__*/_react.default.createElement(PrevMenuItem, null);
+    }
+
+    if (!menuItem.children.length) {
+      return null;
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: menuSectionTitle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: iconWrapper
+    }, menuItem.icon), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+      use: "overline"
+    }, menuItem.label)), /*#__PURE__*/_react.default.createElement(_appAdmin.MenuItems, {
+      menuItems: menuItem.children
+    }));
+  };
+};
+
+exports.MenuSectionRenderer = MenuSectionRenderer;

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

@@ -0,0 +1 @@
+{"version":3,"names":["menuSectionTitle","css","marginLeft","display","alignItems","color","iconWrapper","marginRight","MenuSectionRenderer","PrevMenuItem","MenuSection","useMenuItem","menuItem","depth","shouldRender","children","length","console","log","icon","label"],"sources":["MenuSectionRenderer.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { MenuItems, useMenuItem } from \"@webiny/app-admin\";\n\nconst menuSectionTitle = css({\n    marginLeft: 20,\n    display: \"flex\",\n    alignItems: \"center\",\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst iconWrapper = css({\n    marginRight: 5,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nexport const MenuSectionRenderer = (PrevMenuItem: React.FC): React.FC => {\n    return function MenuSection() {\n        const { menuItem, depth } = useMenuItem();\n\n        const shouldRender = depth === 1 && menuItem && menuItem.children.length > 0;\n\n        if (!shouldRender) {\n            return <PrevMenuItem />;\n        } else if (!menuItem) {\n            // TODO @ts-refactor check if to return component or null @pavel\n            console.log(\"MenuSectionRenderer returning PrevMenuItem because no menuItem variable.\");\n            return <PrevMenuItem />;\n        }\n\n        if (!menuItem.children.length) {\n            return null;\n        }\n\n        return (\n            <Fragment>\n                <div className={menuSectionTitle}>\n                    <div className={iconWrapper}>{menuItem.icon}</div>\n                    <Typography use=\"overline\">{menuItem.label}</Typography>\n                </div>\n                <MenuItems menuItems={menuItem.children} />\n            </Fragment>\n        );\n    };\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,gBAAgB,gBAAG,IAAAC,YAAA,EAAI;EACzBC,UAAU,EAAE,EADa;EAEzBC,OAAO,EAAE,MAFgB;EAGzBC,UAAU,EAAE,QAHa;EAIzBC,KAAK,EAAE;AAJkB,CAAJ,4BAAzB;AAOA,IAAMC,WAAW,gBAAG,IAAAL,YAAA,EAAI;EACpBM,WAAW,EAAE,CADO;EAEpBF,KAAK,EAAE;AAFa,CAAJ,uBAApB;;AAKO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,YAAD,EAAsC;EACrE,OAAO,SAASC,WAAT,GAAuB;IAC1B,mBAA4B,IAAAC,qBAAA,GAA5B;IAAA,IAAQC,QAAR,gBAAQA,QAAR;IAAA,IAAkBC,KAAlB,gBAAkBA,KAAlB;;IAEA,IAAMC,YAAY,GAAGD,KAAK,KAAK,CAAV,IAAeD,QAAf,IAA2BA,QAAQ,CAACG,QAAT,CAAkBC,MAAlB,GAA2B,CAA3E;;IAEA,IAAI,CAACF,YAAL,EAAmB;MACf,oBAAO,6BAAC,YAAD,OAAP;IACH,CAFD,MAEO,IAAI,CAACF,QAAL,EAAe;MAClB;MACAK,OAAO,CAACC,GAAR,CAAY,0EAAZ;MACA,oBAAO,6BAAC,YAAD,OAAP;IACH;;IAED,IAAI,CAACN,QAAQ,CAACG,QAAT,CAAkBC,MAAvB,EAA+B;MAC3B,OAAO,IAAP;IACH;;IAED,oBACI,6BAAC,eAAD,qBACI;MAAK,SAAS,EAAEhB;IAAhB,gBACI;MAAK,SAAS,EAAEM;IAAhB,GAA8BM,QAAQ,CAACO,IAAvC,CADJ,eAEI,6BAAC,sBAAD;MAAY,GAAG,EAAC;IAAhB,GAA4BP,QAAQ,CAACQ,KAArC,CAFJ,CADJ,eAKI,6BAAC,mBAAD;MAAW,SAAS,EAAER,QAAQ,CAACG;IAA/B,EALJ,CADJ;EASH,CA1BD;AA2BH,CA5BM"}

package/modules/NotFound/SecureRouteError.svg

@@ -0,0 +1 @@
+<svg id="ffa0e257-4b46-4632-a8d6-93195cbf254d" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="895.68" height="517.48" viewBox="0 0 895.68 517.48"><defs><linearGradient id="74471b12-b6be-488b-b2aa-2815e91483d9" x1="790.94" y1="640.76" x2="790.94" y2="264.76" gradientTransform="translate(1229.99 -336.2) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient id="f5c756da-9879-448e-9194-9478f83d355f" x1="785.97" y1="446.14" x2="785.97" y2="321.91" gradientTransform="translate(1166.67 -399.94) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="5c9be04e-db0f-4829-87c1-2cfa193e30b8" x1="660.92" y1="518.19" x2="660.92" y2="494.17" gradientTransform="translate(1146.84 -172.9) rotate(90)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="b92f3a53-b4d2-4abd-916c-aeb632188996" x1="433.66" y1="605.23" x2="433.66" y2="235.23" gradientTransform="translate(13.58 8.51)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="44577794-7f8e-40ae-89fc-019e5bfac17e" x1="428.36" y1="413.71" x2="428.36" y2="291.46" gradientTransform="translate(-1.05 11.3)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="666bb7d3-84d0-4835-ad07-c313c2384f21" x1="295.22" y1="484.61" x2="295.22" y2="460.98" gradientTransform="translate(28.38 37.45)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="59939605-05af-4a9a-9980-f700897f3f8b" x1="455.07" y1="464.48" x2="455.07" y2="10.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13" x1="449.07" y1="229.48" x2="449.07" y2="79.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="45b0c09d-2995-447e-8cb2-7f6b59b5e20c" x1="298.07" y1="316.48" x2="298.07" y2="287.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="e5b0a96a-81f6-4370-afe3-5a7d6a35b55e" x1="457.07" y1="517.48" x2="457.07" y2="364.48" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="a1850e5a-cf77-4889-926a-0125112ab273" x1="611.23" y1="564.74" x2="611.23" y2="464.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/><linearGradient id="66998849-614e-4d8a-b9ff-f14bbc588ed8" x1="611.23" y1="660.74" x2="611.23" y2="602.74" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#74471b12-b6be-488b-b2aa-2815e91483d9"/></defs><title>safe</title><rect x="792.23" y="49.92" width="19.88" height="470.41" transform="translate(247.6 844.09) rotate(-81.36)" fill="#f5f5f5"/><rect x="589.23" y="209.59" width="376" height="490.29" transform="translate(58.72 963.57) rotate(-81.36)" fill="url(#74471b12-b6be-488b-b2aa-2815e91483d9)"/><rect x="603.48" y="229.23" width="342.87" height="470.41" transform="translate(47.16 969.52) rotate(-81.36)" fill="#f5f5f5"/><circle cx="580.99" cy="251.51" r="4.86" transform="translate(92.88 596.86) rotate(-81.36)" fill="#ff5252"/><circle cx="594.2" cy="253.52" r="4.86" transform="translate(102.12 611.62) rotate(-81.36)" fill="#ff0"/><circle cx="607.41" cy="255.53" r="4.86" transform="translate(111.36 626.39) rotate(-81.36)" fill="#69f0ae"/><rect x="720.53" y="174.84" width="124.23" height="422.38" transform="translate(131.25 910.54) rotate(-81.36)" fill="url(#f5c756da-9879-448e-9194-9478f83d355f)"/><rect x="576.36" y="328.95" width="413.27" height="115.12" transform="translate(-85.2 -304.51) rotate(8.64)" fill="#fa5a28"/><rect x="628.65" y="473.94" width="24.02" height="28.16" transform="translate(-90.24 856.82) rotate(-81.36)" fill="url(#5c9be04e-db0f-4829-87c1-2cfa193e30b8)"/><rect x="627.88" y="477.73" width="26.5" height="19.88" transform="translate(-71.61 -282.05) rotate(8.64)" fill="#fa5a28"/><rect x="622.77" y="511.3" width="26.5" height="19.88" transform="translate(-66.63 -280.9) rotate(8.64)" fill="#ff5252"/><rect x="617.67" y="544.87" width="26.5" height="19.88" transform="translate(-61.64 -279.75) rotate(8.64)" fill="#ff9800"/><rect x="696.41" y="506.51" width="213.67" height="11.59" transform="translate(-66.07 -306.13) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="691.31" y="540.08" width="213.67" height="11.59" transform="translate(-61.09 -304.98) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="686.21" y="573.65" width="213.67" height="11.59" transform="translate(-56.1 -303.83) rotate(8.64)" fill="#fa5a28" opacity="0.4"/><rect x="159.15" y="254.51" width="500.84" height="19.56" transform="translate(-199.95 -95.55) rotate(-12.6)" fill="#f5f5f5"/><rect x="186.23" y="243.74" width="522" height="370" transform="translate(-234.92 -83.38) rotate(-12.6)" fill="url(#b92f3a53-b4d2-4abd-916c-aeb632188996)"/><rect x="198.08" y="269.78" width="500.84" height="337.4" transform="translate(-237.01 -82.86) rotate(-12.6)" fill="#f5f5f5"/><ellipse cx="177.11" cy="316.25" rx="5.17" ry="4.78" transform="translate(-216.88 -145.01) rotate(-12.6)" fill="#ff5252"/><ellipse cx="191" cy="313.15" rx="5.17" ry="4.78" transform="translate(-215.87 -142.05) rotate(-12.6)" fill="#ff0"/><ellipse cx="204.88" cy="310.05" rx="5.17" ry="4.78" transform="translate(-214.86 -139.1) rotate(-12.6)" fill="#69f0ae"/><rect x="202.46" y="302.76" width="449.7" height="122.25" transform="translate(-221.25 -89.28) rotate(-12.6)" fill="url(#44577794-7f8e-40ae-89fc-019e5bfac17e)"/><rect x="207.83" y="307.54" width="440" height="113.28" transform="translate(-221.3 -89.16) rotate(-12.6)" fill="#fa5a28"/><rect x="308.61" y="498.42" width="29.98" height="23.63" transform="translate(-255.67 -108.38) rotate(-12.6)" fill="url(#666bb7d3-84d0-4835-ad07-c313c2384f21)"/><rect x="309.83" y="499.96" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -255.56, -108.32)" fill="#fa5a28"/><rect x="317.12" y="532.57" width="28.22" height="19.56" transform="translate(-262.49 -105.94) rotate(-12.6)" fill="#ff5252"/><rect x="324.41" y="565.18" width="28.22" height="19.56" transform="matrix(0.98, -0.22, 0.22, 0.98, -269.43, -103.57)" fill="#ff9800"/><rect x="380.57" y="465.95" width="227.49" height="11.41" transform="translate(-243.14 -72.07) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="387.86" y="498.56" width="227.49" height="11.41" transform="translate(-250.08 -69.69) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="395.15" y="531.17" width="227.49" height="11.41" transform="translate(-257.02 -67.32) rotate(-12.6)" fill="#fa5a28" opacity="0.4"/><rect x="170.07" y="18.48" width="568" height="24" fill="#f5f5f5"/><rect x="159.07" y="10.48" width="592" height="454" fill="url(#59939605-05af-4a9a-9980-f700897f3f8b)"/><rect x="170.07" y="42.48" width="568" height="414" fill="#fff"/><circle cx="183.94" cy="30.48" r="5.87" fill="#ff5252"/><circle cx="200.07" cy="30.48" r="5.87" fill="#ff0"/><circle cx="216.2" cy="30.48" r="5.87" fill="#69f0ae"/><rect x="194.07" y="79.48" width="510" height="150" fill="url(#6c0ba2ee-2d81-48f4-b4cf-f21b525fcc13)"/><rect x="200.07" y="85.48" width="499" height="139" fill="#fa5a28"/><rect x="281.07" y="287.48" width="34" height="29" fill="url(#45b0c09d-2995-447e-8cb2-7f6b59b5e20c)"/><rect x="282.57" y="289.48" width="32" height="24" fill="#fa5a28"/><rect x="282.57" y="330.48" width="32" height="24" fill="#ff5252"/><rect x="282.57" y="371.48" width="32" height="24" fill="#ff9800"/><rect x="367.57" y="294.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="335.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="367.57" y="376.48" width="258" height="14" fill="#fa5a28" opacity="0.4"/><rect x="364.07" y="364.48" width="186" height="153" fill="url(#e5b0a96a-81f6-4370-afe3-5a7d6a35b55e)"/><path d="M559.15,531.41a52.08,52.08,0,0,1,104.17,0v33.33H677.9V531.41a66.67,66.67,0,1,0-133.33,0v33.33h14.58Z" transform="translate(-152.16 -191.26)" fill="url(#a1850e5a-cf77-4889-926a-0125112ab273)"/><path d="M561.23,530.74a50,50,0,0,1,100,0v32h14v-32a64,64,0,0,0-128,0v32h14Z" transform="translate(-152.16 -191.26)" fill="#fff"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fa5a28"/><rect x="372.07" y="369.48" width="174" height="142" fill="#fff"/><rect x="372.07" y="397.48" width="174" height="86" fill="#fa5a28"/><path d="M624,615.5a12.76,12.76,0,1,0-22,8.74v27.22a9.28,9.28,0,0,0,18.56,0V624.24A12.7,12.7,0,0,0,624,615.5Z" transform="translate(-152.16 -191.26)" fill="url(#66998849-614e-4d8a-b9ff-f14bbc588ed8)"/><path d="M622.23,617.74a11,11,0,1,0-19,7.53v23.47a8,8,0,1,0,16,0V625.27A11,11,0,0,0,622.23,617.74Z" transform="translate(-152.16 -191.26)" opacity="0.2"/></svg>

package/modules/NotFound/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const NotFound: React.FC;

package/modules/NotFound/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotFound = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _SecureRouteError = _interopRequireDefault(require("./SecureRouteError.svg"));
+
+var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e10y0soq0",
+  label: "ContentWrapper"
+})({
+  display: "block",
+  paddingTop: "15%",
+  textAlign: "center",
+  margin: "auto"
+});
+var styles = {
+  authErrorImgStyle: /*#__PURE__*/(0, _emotion.css)({
+    width: "192px",
+    paddingBottom: "24px"
+  }, "label:authErrorImgStyle;"),
+  bodyStyle: /*#__PURE__*/(0, _emotion.css)({
+    color: "var(--mdc-theme-text-primary-on-background)",
+    display: "block"
+  }, "label:bodyStyle;"),
+  linkStyle: /*#__PURE__*/(0, _emotion.css)({
+    textDecoration: "none",
+    "&:hover": {
+      textDecoration: "none"
+    }
+  }, "label:linkStyle;")
+};
+
+var NotFoundHOC = function NotFoundHOC() {
+  return function NotFound() {
+    return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("img", {
+      className: styles.authErrorImgStyle,
+      src: _SecureRouteError.default,
+      alt: "Not Accessible"
+    }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+      use: "body1",
+      className: styles.bodyStyle
+    }, "The route is either missing, or you're not authorized to view it."), /*#__PURE__*/React.createElement(_Typography.Typography, {
+      use: "body1",
+      className: styles.bodyStyle
+    }, "Please contact your administrator to report the issue."), /*#__PURE__*/React.createElement(_reactRouter.Link, {
+      to: "/",
+      className: styles.linkStyle
+    }, "Take me back."));
+  };
+};
+
+var NotFound = function NotFound() {
+  return /*#__PURE__*/React.createElement(_appAdmin.Compose, {
+    component: _appAdmin.NotFound,
+    with: NotFoundHOC
+  });
+};
+
+exports.NotFound = NotFound;

package/modules/NotFound/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ContentWrapper","styled","display","paddingTop","textAlign","margin","styles","authErrorImgStyle","css","width","paddingBottom","bodyStyle","color","linkStyle","textDecoration","NotFoundHOC","NotFound","authErrorImg","NotFoundSpec"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Link } from \"@webiny/react-router\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Compose, NotFound as NotFoundSpec } from \"@webiny/app-admin\";\nimport authErrorImg from \"./SecureRouteError.svg\";\n\nconst ContentWrapper = styled(\"div\")({\n    display: \"block\",\n    paddingTop: \"15%\",\n    textAlign: \"center\",\n    margin: \"auto\"\n});\n\nconst styles = {\n    authErrorImgStyle: css({\n        width: \"192px\",\n        paddingBottom: \"24px\"\n    }),\n    bodyStyle: css({\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        display: \"block\"\n    }),\n    linkStyle: css({\n        textDecoration: \"none\",\n        \"&:hover\": {\n            textDecoration: \"none\"\n        }\n    })\n};\n\nconst NotFoundHOC = (): React.FC => {\n    return function NotFound() {\n        return (\n            <ContentWrapper>\n                <img className={styles.authErrorImgStyle} src={authErrorImg} alt=\"Not Accessible\" />\n\n                <Typography use={\"body1\"} className={styles.bodyStyle}>\n                    The route is either missing, or you&apos;re not authorized to view it.\n                </Typography>\n\n                <Typography use={\"body1\"} className={styles.bodyStyle}>\n                    Please contact your administrator to report the issue.\n                </Typography>\n\n                <Link to=\"/\" className={styles.linkStyle}>\n                    Take me back.\n                </Link>\n            </ContentWrapper>\n        );\n    };\n};\n\nexport const NotFound: React.FC = () => {\n    return <Compose component={NotFoundSpec} with={NotFoundHOC} />;\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,cAAc,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACjCC,OAAO,EAAE,OADwB;EAEjCC,UAAU,EAAE,KAFqB;EAGjCC,SAAS,EAAE,QAHsB;EAIjCC,MAAM,EAAE;AAJyB,CAAjB,CAApB;AAOA,IAAMC,MAAM,GAAG;EACXC,iBAAiB,eAAE,IAAAC,YAAA,EAAI;IACnBC,KAAK,EAAE,OADY;IAEnBC,aAAa,EAAE;EAFI,CAAJ,6BADR;EAKXC,SAAS,eAAE,IAAAH,YAAA,EAAI;IACXI,KAAK,EAAE,6CADI;IAEXV,OAAO,EAAE;EAFE,CAAJ,qBALA;EASXW,SAAS,eAAE,IAAAL,YAAA,EAAI;IACXM,cAAc,EAAE,MADL;IAEX,WAAW;MACPA,cAAc,EAAE;IADT;EAFA,CAAJ;AATA,CAAf;;AAiBA,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAgB;EAChC,OAAO,SAASC,QAAT,GAAoB;IACvB,oBACI,oBAAC,cAAD,qBACI;MAAK,SAAS,EAAEV,MAAM,CAACC,iBAAvB;MAA0C,GAAG,EAAEU,yBAA/C;MAA6D,GAAG,EAAC;IAAjE,EADJ,eAGI,oBAAC,sBAAD;MAAY,GAAG,EAAE,OAAjB;MAA0B,SAAS,EAAEX,MAAM,CAACK;IAA5C,uEAHJ,eAOI,oBAAC,sBAAD;MAAY,GAAG,EAAE,OAAjB;MAA0B,SAAS,EAAEL,MAAM,CAACK;IAA5C,4DAPJ,eAWI,oBAAC,iBAAD;MAAM,EAAE,EAAC,GAAT;MAAa,SAAS,EAAEL,MAAM,CAACO;IAA/B,mBAXJ,CADJ;EAiBH,CAlBD;AAmBH,CApBD;;AAsBO,IAAMG,QAAkB,GAAG,SAArBA,QAAqB,GAAM;EACpC,oBAAO,oBAAC,iBAAD;IAAS,SAAS,EAAEE,kBAApB;IAAkC,IAAI,EAAEH;EAAxC,EAAP;AACH,CAFM"}

package/modules/Overlays/Dialog.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DialogContainer: React.FC;