cozy-bar 21.1.1 → 21.2.0

package/dist/components/AppsMenu/index.js

@@ -14,8 +14,18 @@ var _Menu = _interopRequireDefault(require("cozy-ui/transpiled/react/Menu"));
 var _Mosaic = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Mosaic"));
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+var _styles = require("cozy-ui/transpiled/react/styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var useStyles = (0, _styles.makeStyles)({
+  root: {
+    '& .dialogContentInner': {
+      '& .dialogContentWrapper': {
+        paddingBottom: '0 !important'
+      }
+    }
+  }
+});
 var AppsMenu = function AppsMenu() {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -28,6 +38,7 @@ var AppsMenu = function AppsMenu() {
   var toggleMenu = function toggleMenu() {
     setOpen(!isOpen);
   };
+  var styles = useStyles();
   return /*#__PURE__*/_react.default.createElement("nav", {
     ref: containerRef
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -41,6 +52,11 @@ var AppsMenu = function AppsMenu() {
     open: isOpen,
     onClose: toggleMenu,
     content: /*#__PURE__*/_react.default.createElement(_AppsMenuContent.default, null),
+    componentsProps: {
+      dialogContent: {
+        classes: styles
+      }
+    },
     classes: {
       paper: 'u-bdrs-7'
     }

package/dist/components/Bar.js

@@ -198,7 +198,7 @@ var Bar = exports.Bar = function Bar(_ref) {
     className: "coz-bar-container"
   }, barLeft || renderLeft(), barCenter || renderCenter(), /*#__PURE__*/_react.default.createElement("div", {
     className: "u-flex-grow"
-  }, barSearch || renderSearch()), searchOptions.enabled && isMobile ? /*#__PURE__*/_react.default.createElement(_SearchButton.default, null) : null, (0, _isTwakeTheme.isTwakeTheme)() ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, barRight, isPublic && renderTwakeRight()) : barRight || renderRight(), showDrawerAndBurger ? /*#__PURE__*/_react.default.createElement(_Drawer.default, {
+  }, barSearch || renderSearch()), searchOptions.enabled && isMobile ? /*#__PURE__*/_react.default.createElement(_SearchButton.default, null) : null, (0, _isTwakeTheme.isTwakeTheme)() ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, barRight, !isPublic && renderTwakeRight()) : barRight || renderRight(), showDrawerAndBurger ? /*#__PURE__*/_react.default.createElement(_Drawer.default, {
     visible: drawerVisible,
     onClose: toggleDrawer,
     drawerListener: function drawerListener() {

package/dist/components/UserMenu/components/AvatarMyself.js

@@ -7,32 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _cozyClient = require("cozy-client");
-var _contact = require("cozy-client/dist/models/contact");
 var _Avatar = _interopRequireDefault(require("cozy-ui/transpiled/react/Avatar"));
-var _Skeleton = _interopRequireDefault(require("cozy-ui/transpiled/react/Skeleton"));
-var _queries = require("../../../lib/queries");
 var AvatarMyself = function AvatarMyself(_ref) {
   var className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size;
-  var myselfQuery = (0, _queries.buildMyselfQuery)();
-  var _useQuery = (0, _cozyClient.useQuery)(myselfQuery.definition, myselfQuery.options),
-    fetchStatus = _useQuery.fetchStatus,
-    data = _useQuery.data;
-  if (fetchStatus !== 'loaded') {
-    return /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
-      variant: "circle",
-      width: 32,
-      height: 32
-    });
-  }
-  var me = data[0];
-  if (me) {
-    var initials = (0, _contact.getInitials)(me);
-    return /*#__PURE__*/_react.default.createElement(_Avatar.default, {
-      className: className,
-      size: size
-    }, initials);
-  }
+  var client = (0, _cozyClient.useClient)();
+  var rootURL = client.getStackClient().uri;
+  return /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    className: className,
+    size: size
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    width: "100%",
+    height: "100%",
+    src: "".concat(rootURL, "/public/avatar?fallback=initials")
+  }));
 };
 var _default = exports.default = AvatarMyself;

package/dist/components/UserMenu/index.js

@@ -11,11 +11,21 @@ var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconB
 var _Menu = _interopRequireDefault(require("cozy-ui/transpiled/react/Menu"));
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+var _styles = require("cozy-ui/transpiled/react/styles");
 var _cozyClient = require("cozy-client");
 var _UserMenuContent = _interopRequireDefault(require("./UserMenuContent"));
 var _AvatarMyself = _interopRequireDefault(require("./components/AvatarMyself"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var useStyles = (0, _styles.makeStyles)({
+  root: {
+    '& .dialogContentInner': {
+      '& .dialogContentWrapper': {
+        paddingBottom: '0 !important'
+      }
+    }
+  }
+});
 var UserMenu = function UserMenu(_ref) {
   var onLogOut = _ref.onLogOut;
   var _useState = (0, _react.useState)(false),
@@ -33,6 +43,7 @@ var UserMenu = function UserMenu(_ref) {
   var toggleMenu = function toggleMenu() {
     setOpen(!isOpen);
   };
+  var styles = useStyles();
   return /*#__PURE__*/_react.default.createElement("nav", {
     ref: containerRef
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -50,6 +61,11 @@ var UserMenu = function UserMenu(_ref) {
       instance: instance,
       diskUsage: diskUsage
     }),
+    componentsProps: {
+      dialogContent: {
+        classes: styles
+      }
+    },
     classes: {
       paper: 'u-bdrs-7'
     }

package/dist/index.js

@@ -71,4 +71,4 @@ var _BarProvider = _interopRequireDefault(require("./components/BarProvider"));
 var _reducers = require("./lib/reducers");
 /* global __VERSION__ */
 
-var version = exports.version = "\"21.1.1\"";
+var version = exports.version = "\"21.2.0\"";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "21.1.1",
+  "version": "21.2.0",
   "description": "cozy-bar.js library, a small lib provided by cozy-stack to inject the Cozy-bar component into each app",
   "main": "dist/index.js",
   "author": "Cozy Cloud <contact@cozycloud.cc> (https://cozy.io/)",