@webiny/app-admin-rmwc 0.0.0-unstable.1e66d121db

package/modules/Overlays/Dialog.js

@@ -0,0 +1,57 @@
+"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.DialogContainer = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _get3 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useUi = require("@webiny/app/hooks/useUi");
+
+var _Dialog = require("@webiny/ui/Dialog");
+
+var DialogContainer = function DialogContainer() {
+  var ui = (0, _useUi.useUi)();
+  var message = (0, _get3.default)(ui, "dialog.message");
+
+  var _get2 = (0, _get3.default)(ui, "dialog.options", {}),
+      dataTestId = _get2.dataTestId,
+      title = _get2.title,
+      _get2$actions = _get2.actions,
+      actions = _get2$actions === void 0 ? {
+    cancel: null,
+    accept: {
+      label: "OK"
+    }
+  } : _get2$actions,
+      style = _get2.style;
+
+  var hideDialog = (0, _react.useCallback)(function () {
+    ui.setState(function (ui) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+        dialog: null
+      });
+    });
+  }, [ui]);
+  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: !!message,
+    onClose: hideDialog,
+    "data-testid": dataTestId,
+    style: style
+  }, title && /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, title), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, message), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, actions.cancel && /*#__PURE__*/_react.default.createElement(_Dialog.DialogAccept, {
+    onClick: actions.cancel.onClick
+  }, actions.cancel.label), actions.accept && /*#__PURE__*/_react.default.createElement(_Dialog.DialogAccept, {
+    onClick: actions.accept.onClick
+  }, actions.accept.label)));
+};
+
+exports.DialogContainer = DialogContainer;

package/modules/Overlays/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DialogContainer","ui","useUi","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","useCallback","setState","dialog","onClick"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n    const ui = useUi();\n    const message: React.ReactNode = get(ui, \"dialog.message\");\n    const {\n        dataTestId,\n        title,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style\n    } = get(ui, \"dialog.options\", {});\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n    }, [ui]);\n\n    return (\n        <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n            {title && <DialogTitle>{title}</DialogTitle>}\n            <DialogContent>{message}</DialogContent>\n            <DialogActions>\n                {actions.cancel && (\n                    <DialogAccept onClick={actions.cancel.onClick}>\n                        {actions.cancel.label}\n                    </DialogAccept>\n                )}\n                {actions.accept && (\n                    <DialogAccept onClick={actions.accept.onClick}>\n                        {actions.accept.label}\n                    </DialogAccept>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,IAAMA,eAAyB,GAAG,SAA5BA,eAA4B,GAAM;EAC3C,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,IAAMC,OAAwB,GAAG,mBAAIF,EAAJ,EAAQ,gBAAR,CAAjC;;EACA,YAKI,mBAAIA,EAAJ,EAAQ,gBAAR,EAA0B,EAA1B,CALJ;EAAA,IACIG,UADJ,SACIA,UADJ;EAAA,IAEIC,KAFJ,SAEIA,KAFJ;EAAA,0BAGIC,OAHJ;EAAA,IAGIA,OAHJ,8BAGc;IAAEC,MAAM,EAAE,IAAV;IAAgBC,MAAM,EAAE;MAAEC,KAAK,EAAE;IAAT;EAAxB,CAHd;EAAA,IAIIC,KAJJ,SAIIA,KAJJ;;EAOA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCX,EAAE,CAACY,QAAH,CAAY,UAAAZ,EAAE;MAAA,mEAAUA,EAAV;QAAca,MAAM,EAAE;MAAtB;IAAA,CAAd;EACH,CAFkB,EAEhB,CAACb,EAAD,CAFgB,CAAnB;EAIA,oBACI,6BAAC,cAAD;IAAQ,IAAI,EAAE,CAAC,CAACE,OAAhB;IAAyB,OAAO,EAAEQ,UAAlC;IAA8C,eAAaP,UAA3D;IAAuE,KAAK,EAAEM;EAA9E,GACKL,KAAK,iBAAI,6BAAC,mBAAD,QAAcA,KAAd,CADd,eAEI,6BAAC,qBAAD,QAAgBF,OAAhB,CAFJ,eAGI,6BAAC,qBAAD,QACKG,OAAO,CAACC,MAAR,iBACG,6BAAC,oBAAD;IAAc,OAAO,EAAED,OAAO,CAACC,MAAR,CAAeQ;EAAtC,GACKT,OAAO,CAACC,MAAR,CAAeE,KADpB,CAFR,EAMKH,OAAO,CAACE,MAAR,iBACG,6BAAC,oBAAD;IAAc,OAAO,EAAEF,OAAO,CAACE,MAAR,CAAeO;EAAtC,GACKT,OAAO,CAACE,MAAR,CAAeC,KADpB,CAPR,CAHJ,CADJ;AAkBH,CAhCM"}

package/modules/Overlays/Snackbar.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SnackbarMain: React.FC;
+export default SnackbarMain;

package/modules/Overlays/Snackbar.js

@@ -0,0 +1,41 @@
+"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.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Snackbar = require("@webiny/ui/Snackbar");
+
+var _useUi = require("@webiny/app/hooks/useUi");
+
+var SnackbarMain = function SnackbarMain() {
+  var ui = (0, _useUi.useUi)();
+  var message = (0, _get2.default)(ui, "snackbar.message");
+  var options = (0, _get2.default)(ui, "snackbar.options", {});
+  var hideSnackbar = (0, _react.useCallback)(function () {
+    ui.setState(function (ui) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+        snackbar: null
+      });
+    });
+  }, [ui]);
+  return /*#__PURE__*/_react.default.createElement(_Snackbar.Snackbar, Object.assign({
+    open: !!message,
+    onClose: hideSnackbar,
+    message: message
+  }, options));
+};
+
+var _default = SnackbarMain;
+exports.default = _default;

package/modules/Overlays/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SnackbarMain","ui","useUi","message","options","hideSnackbar","useCallback","setState","snackbar"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain: React.FC = () => {\n    const ui = useUi();\n    const message: React.ReactNode = get(ui, \"snackbar.message\");\n    const options: Record<string, any> = get(ui, \"snackbar.options\", {});\n\n    const hideSnackbar = useCallback((): void => {\n        ui.setState(ui => ({ ...ui, snackbar: null }));\n    }, [ui]);\n\n    return <Snackbar open={!!message} onClose={hideSnackbar} message={message} {...options} />;\n};\n\nexport default SnackbarMain;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA,IAAMA,YAAsB,GAAG,SAAzBA,YAAyB,GAAM;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,IAAMC,OAAwB,GAAG,mBAAIF,EAAJ,EAAQ,kBAAR,CAAjC;EACA,IAAMG,OAA4B,GAAG,mBAAIH,EAAJ,EAAQ,kBAAR,EAA4B,EAA5B,CAArC;EAEA,IAAMI,YAAY,GAAG,IAAAC,kBAAA,EAAY,YAAY;IACzCL,EAAE,CAACM,QAAH,CAAY,UAAAN,EAAE;MAAA,mEAAUA,EAAV;QAAcO,QAAQ,EAAE;MAAxB;IAAA,CAAd;EACH,CAFoB,EAElB,CAACP,EAAD,CAFkB,CAArB;EAIA,oBAAO,6BAAC,kBAAD;IAAU,IAAI,EAAE,CAAC,CAACE,OAAlB;IAA2B,OAAO,EAAEE,YAApC;IAAkD,OAAO,EAAEF;EAA3D,GAAwEC,OAAxE,EAAP;AACH,CAVD;;eAYeJ,Y"}

package/modules/Overlays/index.d.ts

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

package/modules/Overlays/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Overlays = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdmin = require("@webiny/app-admin/");
+
+var _Snackbar = _interopRequireDefault(require("./Snackbar"));
+
+var _Dialog = require("./Dialog");
+
+var _base = require("@rmwc/base");
+
+/**
+ * Dialogs, Menus and Snackbars require a container to be rendered, and we want to place it outside of
+ * any other views that are constructed by developers. We need these 2 containers to always be
+ * present, even if there is no <Layout> mounted.
+ */
+var OverlaysHOC = function OverlaysHOC(Component) {
+  return function Overlays(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/_react.default.createElement(Component, null, children, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        zIndex: 30,
+        position: "absolute"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Snackbar.default, null)), /*#__PURE__*/_react.default.createElement(_base.Portal, null), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContainer, null));
+  };
+};
+
+var Overlays = function Overlays() {
+  /**
+   * TODO @ts-refactor @pavel
+   */
+  // @ts-ignore
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Provider, {
+    hoc: OverlaysHOC
+  });
+};
+
+exports.Overlays = Overlays;

package/modules/Overlays/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OverlaysHOC","Component","Overlays","children","zIndex","position"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"@webiny/app-admin/\";\nimport Snackbar from \"./Snackbar\";\nimport { DialogContainer } from \"./Dialog\";\nimport { Portal } from \"@rmwc/base\";\n\n/**\n * Dialogs, Menus and Snackbars require a container to be rendered, and we want to place it outside of\n * any other views that are constructed by developers. We need these 2 containers to always be\n * present, even if there is no <Layout> mounted.\n */\nconst OverlaysHOC = (Component: React.FC): React.FC => {\n    return function Overlays({ children }) {\n        return (\n            <Component>\n                {children}\n                <div style={{ zIndex: 30, position: \"absolute\" }}>\n                    <Snackbar />\n                </div>\n                <Portal />\n                <DialogContainer />\n            </Component>\n        );\n    };\n};\n\nexport const Overlays: React.FC = () => {\n    /**\n     * TODO @ts-refactor @pavel\n     */\n    // @ts-ignore\n    return <Provider hoc={OverlaysHOC} />;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,SAAD,EAAmC;EACnD,OAAO,SAASC,QAAT,OAAgC;IAAA,IAAZC,QAAY,QAAZA,QAAY;IACnC,oBACI,6BAAC,SAAD,QACKA,QADL,eAEI;MAAK,KAAK,EAAE;QAAEC,MAAM,EAAE,EAAV;QAAcC,QAAQ,EAAE;MAAxB;IAAZ,gBACI,6BAAC,iBAAD,OADJ,CAFJ,eAKI,6BAAC,YAAD,OALJ,eAMI,6BAAC,uBAAD,OANJ,CADJ;EAUH,CAXD;AAYH,CAbD;;AAeO,IAAMH,QAAkB,GAAG,SAArBA,QAAqB,GAAM;EACpC;AACJ;AACA;EACI;EACA,oBAAO,6BAAC,kBAAD;IAAU,GAAG,EAAEF;EAAf,EAAP;AACH,CANM"}

package/modules/Search/index.d.ts

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

package/modules/Search/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Search = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _SearchBar = _interopRequireDefault(require("@webiny/app-admin/plugins/globalSearch/SearchBar"));
+
+// For the time being, import the existing component.
+// TODO: implement a new SearchBar component
+var SearchRenderer = function SearchRenderer() {
+  return function Search() {
+    return /*#__PURE__*/_react.default.createElement(_SearchBar.default, null);
+  };
+};
+
+var Search = function Search() {
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: _appAdmin.SearchRenderer,
+    with: SearchRenderer
+  });
+};
+
+exports.Search = Search;

package/modules/Search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SearchRenderer","Search","SearchSpec"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Compose, SearchRenderer as SearchSpec } from \"@webiny/app-admin\";\n\n// For the time being, import the existing component.\n// TODO: implement a new SearchBar component\nimport SearchBar from \"@webiny/app-admin/plugins/globalSearch/SearchBar\";\n\nconst SearchRenderer = (): React.FC => {\n    return function Search() {\n        return <SearchBar />;\n    };\n};\n\nexport const Search: React.FC = () => {\n    return <Compose component={SearchSpec} with={SearchRenderer} />;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAIA;;AAFA;AACA;AAGA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,GAAgB;EACnC,OAAO,SAASC,MAAT,GAAkB;IACrB,oBAAO,6BAAC,kBAAD,OAAP;EACH,CAFD;AAGH,CAJD;;AAMO,IAAMA,MAAgB,GAAG,SAAnBA,MAAmB,GAAM;EAClC,oBAAO,6BAAC,iBAAD;IAAS,SAAS,EAAEC,wBAApB;IAAgC,IAAI,EAAEF;EAAtC,EAAP;AACH,CAFM"}

package/modules/UserMenu/account.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>

package/modules/UserMenu/index.d.ts

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

package/modules/UserMenu/index.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserMenu = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _Menu = require("@webiny/ui/Menu");
+
+var _List = require("@webiny/ui/List");
+
+var _Icon = require("@webiny/ui/Icon");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _appSecurity = require("@webiny/app-security");
+
+var _Avatar = require("@webiny/ui/Avatar");
+
+var _components = require("@webiny/app/components");
+
+var _TopAppBar = require("@webiny/ui/TopAppBar");
+
+var UserMenuRendererImpl = function UserMenuRendererImpl() {
+  return function UserMenu() {
+    var security = (0, _appSecurity.useSecurity)();
+
+    var _useUserMenu = (0, _appAdmin.useUserMenu)(),
+        menuItems = _useUserMenu.menuItems;
+
+    if (!security || !security.identity) {
+      return null;
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+      anchor: "topEnd",
+      handle: /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarActionItem, {
+        icon: /*#__PURE__*/_react.default.createElement(_appAdmin.UserMenuHandle, null)
+      })
+    }, /*#__PURE__*/_react.default.createElement(_List.List, {
+      "data-testid": "logged-in-user-menu-list"
+    }, /*#__PURE__*/_react.default.createElement(_appAdmin.UserMenuItems, {
+      menuItems: menuItems
+    })));
+  };
+};
+
+var UserMenuHandleRendererImpl = function UserMenuHandleRendererImpl() {
+  return function UserMenuHandle() {
+    var _useSecurity = (0, _appSecurity.useSecurity)(),
+        identity = _useSecurity.identity;
+
+    if (!identity) {
+      return null;
+    }
+
+    var _ref = identity.profile || {},
+        firstName = _ref.firstName,
+        lastName = _ref.lastName,
+        avatar = _ref.avatar,
+        gravatar = _ref.gravatar;
+
+    var fullName = "".concat(firstName, " ").concat(lastName);
+    return /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
+      "data-testid": "logged-in-user-menu-avatar",
+      src: avatar ? avatar.src : gravatar,
+      alt: fullName,
+      fallbackText: fullName,
+      renderImage: function renderImage(props) {
+        return /*#__PURE__*/_react.default.createElement(_components.Image, Object.assign({}, props, {
+          transform: {
+            width: 100
+          }
+        }));
+      }
+    });
+  };
+};
+
+var linkStyles = /*#__PURE__*/(0, _emotion.css)({
+  "&:hover": {
+    textDecoration: "none"
+  }
+}, "label:linkStyles;");
+
+var UserMenuItemRendererImpl = function UserMenuItemRendererImpl() {
+  return function UserMenuItemRenderer() {
+    var _useUserMenuItem = (0, _appAdmin.useUserMenuItem)(),
+        label = _useUserMenuItem.label,
+        path = _useUserMenuItem.path,
+        icon = _useUserMenuItem.icon,
+        onClick = _useUserMenuItem.onClick,
+        element = _useUserMenuItem.element;
+
+    if (element) {
+      return element;
+    }
+
+    if (path) {
+      return /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+        to: path,
+        className: linkStyles
+      }, /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, icon ? /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+        icon: icon
+      }) : null), label));
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+      onClick: onClick
+    }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, icon ? /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: icon
+    }) : null), label);
+  };
+};
+
+var UserMenu = function UserMenu() {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: _appAdmin.UserMenuHandleRenderer,
+    with: UserMenuHandleRendererImpl
+  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: _appAdmin.UserMenuRenderer,
+    with: UserMenuRendererImpl
+  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Compose, {
+    component: _appAdmin.UserMenuItemRenderer,
+    with: UserMenuItemRendererImpl
+  }));
+};
+
+exports.UserMenu = UserMenu;

package/modules/UserMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UserMenuRendererImpl","UserMenu","security","useSecurity","useUserMenu","menuItems","identity","UserMenuHandleRendererImpl","UserMenuHandle","profile","firstName","lastName","avatar","gravatar","fullName","src","props","width","linkStyles","css","textDecoration","UserMenuItemRendererImpl","UserMenuItemRenderer","useUserMenuItem","label","path","icon","onClick","element","UserMenuHandleRendererSpec","UserMenuRendererSpec","UserMenuItemRendererSpec"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { css } from \"emotion\";\nimport {\n    Compose,\n    UserMenuHandle,\n    UserMenuHandleRenderer as UserMenuHandleRendererSpec,\n    UserMenuRenderer as UserMenuRendererSpec,\n    UserMenuItems,\n    UserMenuItemRenderer as UserMenuItemRendererSpec,\n    useUserMenuItem,\n    useUserMenu\n} from \"@webiny/app-admin\";\nimport { Menu } from \"@webiny/ui/Menu\";\nimport { List, ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Link } from \"@webiny/react-router\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { Avatar } from \"@webiny/ui/Avatar\";\nimport { Image } from \"@webiny/app/components\";\nimport { TopAppBarActionItem } from \"@webiny/ui/TopAppBar\";\n\nconst UserMenuRendererImpl = (): React.FC => {\n    return function UserMenu() {\n        const security = useSecurity();\n        const { menuItems } = useUserMenu();\n\n        if (!security || !security.identity) {\n            return null;\n        }\n\n        return (\n            <Menu anchor={\"topEnd\"} handle={<TopAppBarActionItem icon={<UserMenuHandle />} />}>\n                <List data-testid=\"logged-in-user-menu-list\">\n                    <UserMenuItems menuItems={menuItems} />\n                </List>\n            </Menu>\n        );\n    };\n};\n\nconst UserMenuHandleRendererImpl = (): React.FC => {\n    return function UserMenuHandle() {\n        const { identity } = useSecurity();\n\n        if (!identity) {\n            return null;\n        }\n\n        const { firstName, lastName, avatar, gravatar } = identity.profile || {};\n        const fullName = `${firstName} ${lastName}`;\n\n        return (\n            <Avatar\n                data-testid=\"logged-in-user-menu-avatar\"\n                src={avatar ? avatar.src : gravatar}\n                alt={fullName}\n                fallbackText={fullName}\n                renderImage={props => <Image {...props} transform={{ width: 100 }} />}\n            />\n        );\n    };\n};\n\nconst linkStyles = css({\n    \"&:hover\": {\n        textDecoration: \"none\"\n    }\n});\n\nconst UserMenuItemRendererImpl = (): React.FC => {\n    return function UserMenuItemRenderer() {\n        const { label, path, icon, onClick, element } = useUserMenuItem();\n\n        if (element) {\n            return element;\n        }\n\n        if (path) {\n            return (\n                <Link to={path} className={linkStyles}>\n                    <ListItem>\n                        <ListItemGraphic>{icon ? <Icon icon={icon} /> : null}</ListItemGraphic>\n                        {label}\n                    </ListItem>\n                </Link>\n            );\n        }\n\n        return (\n            <ListItem onClick={onClick}>\n                <ListItemGraphic>{icon ? <Icon icon={icon} /> : null}</ListItemGraphic>\n                {label}\n            </ListItem>\n        );\n    };\n};\n\nexport const UserMenu: React.FC = () => {\n    return (\n        <Fragment>\n            <Compose component={UserMenuHandleRendererSpec} with={UserMenuHandleRendererImpl} />\n            <Compose component={UserMenuRendererSpec} with={UserMenuRendererImpl} />\n            <Compose component={UserMenuItemRendererSpec} with={UserMenuItemRendererImpl} />\n        </Fragment>\n    );\n};\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,61 @@
+{
+	"name": "@webiny/app-admin-rmwc",
+	"version": "0.0.0-unstable.1e66d121db",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"author": "Webiny Ltd.",
+	"license": "MIT",
+	"dependencies": {
+		"@babel/runtime": "7.19.0",
+		"@emotion/styled": "10.3.0",
+		"@rmwc/base": "7.0.3",
+		"@types/react": "17.0.39",
+		"@webiny/app": "0.0.0-unstable.1e66d121db",
+		"@webiny/app-admin": "0.0.0-unstable.1e66d121db",
+		"@webiny/app-plugin-admin-welcome-screen": "0.0.0-unstable.1e66d121db",
+		"@webiny/app-security": "0.0.0-unstable.1e66d121db",
+		"@webiny/plugins": "0.0.0-unstable.1e66d121db",
+		"@webiny/react-router": "0.0.0-unstable.1e66d121db",
+		"@webiny/ui": "0.0.0-unstable.1e66d121db",
+		"classnames": "2.3.2",
+		"emotion": "10.0.27",
+		"lodash": "4.17.21",
+		"react": "17.0.2",
+		"react-dom": "17.0.2",
+		"react-helmet": "6.1.0",
+		"react-transition-group": "4.4.5",
+		"store": "2.0.12"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.19.3",
+		"@babel/core": "^7.19.3",
+		"@babel/preset-env": "^7.19.4",
+		"@babel/preset-react": "^7.0.0",
+		"@babel/preset-typescript": "^7.18.6",
+		"@types/react-helmet": "^6.1.5",
+		"@webiny/cli": "^0.0.0-unstable.1e66d121db",
+		"@webiny/project-utils": "^0.0.0-unstable.1e66d121db",
+		"babel-plugin-emotion": "^9.2.8",
+		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
+		"rimraf": "^3.0.2",
+		"ttypescript": "^1.5.12",
+		"typescript": "4.7.4"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"svgo": {
+		"plugins": {
+			"removeViewBox": false
+		}
+	},
+	"gitHead": "b670bf27c5039de1a2b0be764a09ba4cb94ad5e2"
+}