cozy-bar 18.1.0 → 18.2.0

package/dist/components/AppsMenu/components/AppItem.js

@@ -56,7 +56,7 @@ var AppItem = function AppItem(_ref) {
         app: app,
         key: app.slug
       }, _stack.default.get.iconProps())), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        variant: "caption",
+        variant: "subtitle1",
         noWrap: true,
         className: "u-mt-half"
       }, appName))

package/dist/components/HelpLink/index.js

@@ -15,13 +15,12 @@ var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
 var _HelpOutlined = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/HelpOutlined"));
 
-var openHelpLink = function openHelpLink() {
-  window.open('https://support.cozy.io/', '_blank', 'noopener, noreferrer');
-};
-
 var HelpLink = function HelpLink() {
   return /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: openHelpLink,
+    component: "a",
+    href: "https://support.cozy.io/",
+    target: "_blank",
+    rel: "noopener, noreferrer",
     className: "u-p-half"
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _HelpOutlined.default,

package/dist/components/UserMenu/UserMenuContent.js

@@ -33,7 +33,7 @@ var _FromUser = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/F
 
 var _Logout = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Logout"));
 
-var _Cloud = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Cloud"));
+var _CloudRainbow = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CloudRainbow"));
 
 var _Company = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Company"));
 
@@ -47,6 +47,8 @@ var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
 var _useI18n2 = _interopRequireDefault(require("../useI18n"));
 
 var _AvatarMyself = _interopRequireDefault(require("./components/AvatarMyself"));
@@ -68,6 +70,9 @@ var UserMenuContent = function UserMenuContent(_ref) {
   var _useI18n = (0, _useI18n2.default)(),
       t = _useI18n.t;
 
+  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
+      isMobile = _useBreakpoints.isMobile;
+
   var _instance$data = instance.data,
       public_name = _instance$data.public_name,
       email = _instance$data.email;
@@ -84,6 +89,7 @@ var UserMenuContent = function UserMenuContent(_ref) {
     client: client,
     hash: 'storage'
   });
+  var gutters = isMobile ? 'disabled' : undefined;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(styles['user-menu-content'], 'u-flex u-flex-column')
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -105,6 +111,7 @@ var UserMenuContent = function UserMenuContent(_ref) {
     className: "u-pb-0"
   }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     button: true,
+    gutters: gutters,
     size: "small",
     component: "a",
     href: profileLink
@@ -114,6 +121,7 @@ var UserMenuContent = function UserMenuContent(_ref) {
     primary: t('userMenu.manageProfile')
   })), (0, _cozyFlags.default)('cozy.b2b.enabled') && /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     button: true,
+    gutters: gutters,
     size: "small"
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Company.default
@@ -121,11 +129,12 @@ var UserMenuContent = function UserMenuContent(_ref) {
     primary: t('userMenu.createBusinessAccount')
   })), /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     button: true,
+    gutters: gutters,
     size: "small",
     component: "a",
     href: storageLink
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: _Cloud.default
+    icon: _CloudRainbow.default
   })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
     primary: t('userMenu.storage'),
     secondary: t('userMenu.storageAvailable', humanDiskQuota - humanDiskUsage)
@@ -136,6 +145,7 @@ var UserMenuContent = function UserMenuContent(_ref) {
     variant: "inset"
   }), /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     button: true,
+    gutters: gutters,
     size: "small",
     onClick: function onClick() {
       return (0, _helpers.logOut)({

package/dist/index.js

@@ -82,5 +82,5 @@ var _BarProvider = _interopRequireDefault(require("./components/BarProvider"));
 var _reducers = require("./lib/reducers");
 
 /* global __VERSION__ */
-var version = "\"18.1.0\"";
+var version = "\"18.2.0\"";
 exports.version = version;

package/dist/lib/queries.js

@@ -7,13 +7,16 @@ exports.buildMyselfQuery = void 0;
 
 var _cozyClient = require("cozy-client");
 
+var ONE_HOUR = 60 * 60 * 1000;
+
 var buildMyselfQuery = function buildMyselfQuery() {
   return {
     definition: (0, _cozyClient.Q)('io.cozy.contacts').where({
       me: true
     }),
     options: {
-      as: 'io.cozy.contacts/myself'
+      as: 'io.cozy.contacts/myself',
+      fetchPolicy: _cozyClient.fetchPolicies.olderThan(ONE_HOUR)
     }
   };
 };

package/dist/styles/apps-menu.styl

@@ -1,10 +1,14 @@
+@require 'settings/breakpoints'
+
 .apps-menu-grid
     display flex
     flex-wrap wrap
     width 100%
     box-sizing border-box
-    padding-left .5rem
-    padding-right .5rem
+
+    +desktop()
+        padding-left .5rem
+        padding-right .5rem
   
 .apps-menu-grid-item-wrapper
     width 33%

package/dist/stylesheet.css

@@ -5,8 +5,12 @@
   flex-wrap: wrap;
   width: 100%;
   box-sizing: border-box;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+}
+@media (min-width: 64rem) {
+  .apps-menu-grid {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
 }
 .apps-menu-grid-item-wrapper {
   width: 33%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "18.1.0",
+  "version": "18.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/)",