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

package/modules/Overlays/Dialog.js

@@ -0,0 +1,40 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _get from "lodash/get";
+import React, { useCallback } from "react";
+import { useUi } from "@webiny/app/hooks/useUi";
+import { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from "@webiny/ui/Dialog";
+export var DialogContainer = function DialogContainer() {
+  var ui = useUi();
+
+  var message = _get(ui, "dialog.message");
+
+  var _get2 = _get(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 = useCallback(function () {
+    ui.setState(function (ui) {
+      return _objectSpread(_objectSpread({}, ui), {}, {
+        dialog: null
+      });
+    });
+  }, [ui]);
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: !!message,
+    onClose: hideDialog,
+    "data-testid": dataTestId,
+    style: style
+  }, title && /*#__PURE__*/React.createElement(DialogTitle, null, title), /*#__PURE__*/React.createElement(DialogContent, null, message), /*#__PURE__*/React.createElement(DialogActions, null, actions.cancel && /*#__PURE__*/React.createElement(DialogAccept, {
+    onClick: actions.cancel.onClick
+  }, actions.cancel.label), actions.accept && /*#__PURE__*/React.createElement(DialogAccept, {
+    onClick: actions.accept.onClick
+  }, actions.accept.label)));
+};

package/modules/Overlays/Snackbar.d.ts

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

package/modules/Overlays/Snackbar.js

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _get from "lodash/get";
+import React, { useCallback } from "react";
+import { Snackbar } from "@webiny/ui/Snackbar";
+import { useUi } from "@webiny/app/hooks/useUi";
+
+var SnackbarMain = function SnackbarMain() {
+  var ui = useUi();
+
+  var message = _get(ui, "snackbar.message");
+
+  var options = _get(ui, "snackbar.options", {});
+
+  var hideSnackbar = useCallback(function () {
+    ui.setState(function (ui) {
+      return _objectSpread(_objectSpread({}, ui), {}, {
+        snackbar: null
+      });
+    });
+  }, [ui]);
+  return /*#__PURE__*/React.createElement(Snackbar, Object.assign({
+    open: !!message,
+    onClose: hideSnackbar,
+    message: message
+  }, options));
+};
+
+export default SnackbarMain;

package/modules/Overlays/index.d.ts

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

package/modules/Overlays/index.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Provider } from "@webiny/app-admin/";
+import Snackbar from "./Snackbar";
+import { DialogContainer } from "./Dialog";
+/**
+ * Dialogs 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.createElement(Component, null, children, /*#__PURE__*/React.createElement("div", {
+      style: {
+        zIndex: 30,
+        position: "absolute"
+      }
+    }, /*#__PURE__*/React.createElement(Snackbar, null)), /*#__PURE__*/React.createElement(DialogContainer, null));
+  };
+};
+
+export var Overlays = function Overlays() {
+  return /*#__PURE__*/React.createElement(Provider, {
+    hoc: OverlaysHOC
+  });
+};

package/modules/Search/index.d.ts

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

package/modules/Search/index.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Compose, SearchRenderer as SearchSpec } from "@webiny/app-admin"; // For the time being, import the existing component.
+// TODO: implement a new SearchBar component
+
+import SearchBar from "@webiny/app-admin/plugins/globalSearch/SearchBar";
+
+var SearchRenderer = function SearchRenderer() {
+  return function Search() {
+    return /*#__PURE__*/React.createElement(SearchBar, null);
+  };
+};
+
+export var Search = function Search() {
+  return /*#__PURE__*/React.createElement(Compose, {
+    component: SearchSpec,
+    with: SearchRenderer
+  });
+};

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 @@
+/// <reference types="react" />
+export declare const UserMenu: () => JSX.Element;

package/modules/UserMenu/index.js

@@ -0,0 +1,116 @@
+import React, { Fragment } from "react";
+import { css } from "emotion";
+import { Compose, UserMenuHandle, UserMenuHandleRenderer as UserMenuHandleRendererSpec, UserMenuRenderer as UserMenuRendererSpec, UserMenuItems, UserMenuItemRenderer as UserMenuItemRendererSpec, useUserMenuItem, useUserMenu } from "@webiny/app-admin";
+import { Menu } from "@webiny/ui/Menu";
+import { List, ListItem, ListItemGraphic } from "@webiny/ui/List";
+import { Icon } from "@webiny/ui/Icon";
+import { Link } from "react-router-dom";
+import { useSecurity } from "@webiny/app-security";
+import { Avatar } from "@webiny/ui/Avatar";
+import { Image } from "@webiny/app/components";
+import { TopAppBarActionItem } from "@webiny/ui/TopAppBar";
+
+var UserMenuRendererImpl = function UserMenuRendererImpl() {
+  return function UserMenu() {
+    var security = useSecurity();
+
+    var _useUserMenu = useUserMenu(),
+        menuItems = _useUserMenu.menuItems;
+
+    if (!security || !security.identity) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement(Menu, {
+      anchor: "topEnd",
+      handle: /*#__PURE__*/React.createElement(TopAppBarActionItem, {
+        icon: /*#__PURE__*/React.createElement(UserMenuHandle, null)
+      })
+    }, /*#__PURE__*/React.createElement(List, {
+      "data-testid": "logged-in-user-menu-list"
+    }, /*#__PURE__*/React.createElement(UserMenuItems, {
+      menuItems: menuItems
+    })));
+  };
+};
+
+var UserMenuHandleRendererImpl = function UserMenuHandleRendererImpl() {
+  return function UserMenuHandle() {
+    var _useSecurity = 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.createElement(Avatar, {
+      "data-testid": "logged-in-user-menu-avatar",
+      src: avatar ? avatar.src : gravatar,
+      alt: fullName,
+      fallbackText: fullName,
+      renderImage: function renderImage(props) {
+        return /*#__PURE__*/React.createElement(Image, Object.assign({}, props, {
+          transform: {
+            width: 100
+          }
+        }));
+      }
+    });
+  };
+};
+
+var linkStyles = /*#__PURE__*/css({
+  "&:hover": {
+    textDecoration: "none"
+  }
+}, "label:linkStyles;");
+
+var UserMenuItemRendererImpl = function UserMenuItemRendererImpl() {
+  return function UserMenuItemRenderer() {
+    var _useUserMenuItem = 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.createElement(Link, {
+        to: path,
+        className: linkStyles
+      }, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemGraphic, null, icon ? /*#__PURE__*/React.createElement(Icon, {
+        icon: icon
+      }) : null), label));
+    }
+
+    return /*#__PURE__*/React.createElement(ListItem, {
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement(ListItemGraphic, null, icon ? /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    }) : null), label);
+  };
+};
+
+export var UserMenu = function UserMenu() {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Compose, {
+    component: UserMenuHandleRendererSpec,
+    with: UserMenuHandleRendererImpl
+  }), /*#__PURE__*/React.createElement(Compose, {
+    component: UserMenuRendererSpec,
+    with: UserMenuRendererImpl
+  }), /*#__PURE__*/React.createElement(Compose, {
+    component: UserMenuItemRendererSpec,
+    with: UserMenuItemRendererImpl
+  }));
+};

package/package.json

@@ -0,0 +1,59 @@
+{
+	"name": "@webiny/app-admin-rmwc",
+	"version": "5.21.0-beta.0",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"author": "Webiny Ltd.",
+	"license": "MIT",
+	"dependencies": {
+		"@babel/runtime": "7.16.3",
+		"@emotion/styled": "10.0.27",
+		"@types/react": "16.14.2",
+		"@webiny/app": "5.21.0-beta.0",
+		"@webiny/app-admin": "5.21.0-beta.0",
+		"@webiny/app-security": "5.21.0-beta.0",
+		"@webiny/plugins": "5.21.0-beta.0",
+		"@webiny/react-router": "5.21.0-beta.0",
+		"@webiny/ui": "5.21.0-beta.0",
+		"classnames": "2.3.1",
+		"emotion": "10.0.27",
+		"lodash": "4.17.21",
+		"react": "16.14.0",
+		"react-dom": "16.14.0",
+		"react-helmet": "6.1.0",
+		"react-router-dom": "5.3.0",
+		"react-transition-group": "4.4.2",
+		"store": "2.0.12"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.5.5",
+		"@babel/core": "^7.5.5",
+		"@babel/preset-env": "^7.5.5",
+		"@babel/preset-react": "^7.0.0",
+		"@babel/preset-typescript": "^7.8.3",
+		"@webiny/cli": "^5.21.0-beta.0",
+		"@webiny/project-utils": "^5.21.0-beta.0",
+		"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.1.3"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"svgo": {
+		"plugins": {
+			"removeViewBox": false
+		}
+	},
+	"gitHead": "cad155812edbdd577a1cc858b41038fdd7a6d2d9"
+}