cozy-bar 19.2.0 → 21.0.0

package/dist/components/AppsMenu/AppsMenuContent.js

@@ -8,6 +8,7 @@ exports.default = exports.AppsMenuContent = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactRedux = require("react-redux");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 var _applications = require("cozy-client/dist/models/applications");
 var _AppItem = _interopRequireDefault(require("./components/AppItem"));
@@ -17,12 +18,8 @@ var _reducers = require("../../lib/reducers");
 var styles = {
   "apps-menu-grid": "apps-menu-grid",
   "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
-  "apps-menu-grid-item": "apps-menu-grid-item"
-};
-var sorter = function sorter(fn) {
-  return function (itemA, itemB) {
-    return fn(itemA) > fn(itemB);
-  };
+  "apps-menu-grid-item": "apps-menu-grid-item",
+  "apps-menu-grid-item-icon": "apps-menu-grid-item-icon"
 };
 var AppsMenuContent = exports.AppsMenuContent = function AppsMenuContent(_ref) {
   var isFetchingApps = _ref.isFetchingApps,
@@ -50,10 +47,11 @@ var AppsMenuContent = exports.AppsMenuContent = function AppsMenuContent(_ref) {
   var homeSlug = homeApp && homeApp.slug;
   var displayedApps = apps.filter(function (app) {
     return app.slug !== homeSlug;
-  }).sort(sorter(_applications.getAppDisplayName));
+  });
+  var sortedApps = (0, _cozyFlags.default)('apps.sort') ? (0, _applications.sortApplicationsList)(displayedApps, (0, _cozyFlags.default)('apps.sort')) : displayedApps;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: styles['apps-menu-grid']
-  }, displayedApps.map(function (app, index) {
+  }, sortedApps.map(function (app, index) {
     return /*#__PURE__*/_react.default.createElement(_AppItem.default, {
       key: index,
       app: app

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

@@ -8,6 +8,7 @@ exports.default = exports.AppItem = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _applications = require("cozy-client/dist/models/applications");
+var _styles = require("cozy-ui/transpiled/react/styles");
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
 var _AppIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/AppIcon"));
 var _AppLinker = _interopRequireDefault(require("cozy-ui/transpiled/react/AppLinker"));
@@ -18,11 +19,22 @@ var _stack = _interopRequireDefault(require("../../../lib/stack"));
 var styles = {
   "apps-menu-grid": "apps-menu-grid",
   "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
-  "apps-menu-grid-item": "apps-menu-grid-item"
+  "apps-menu-grid-item": "apps-menu-grid-item",
+  "apps-menu-grid-item-icon": "apps-menu-grid-item-icon"
 };
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    text: {
+      lineHeight: '22.5px',
+      fontSize: '12px',
+      fontWeight: 400
+    }
+  };
+});
 var AppItem = exports.AppItem = function AppItem(_ref) {
   var app = _ref.app;
   var appName = (0, _applications.getAppDisplayName)(app);
+  var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_AppLinker.default, {
     href: app.href || '',
     app: app
@@ -39,13 +51,14 @@ var AppItem = exports.AppItem = function AppItem(_ref) {
       className: (0, _classnames.default)(styles['apps-menu-grid-item-wrapper'], 'u-bdrs-5'),
       label: /*#__PURE__*/_react.default.createElement("div", {
         className: styles['apps-menu-grid-item']
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles['apps-menu-grid-item-icon']
       }, /*#__PURE__*/_react.default.createElement(_AppIcon.default, (0, _extends2.default)({
         app: app,
         key: app.slug
-      }, _stack.default.get.iconProps())), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        variant: "subtitle1",
+      }, _stack.default.get.iconProps()))), /*#__PURE__*/_react.default.createElement(_Typography.default, {
         noWrap: true,
-        className: "u-mt-half"
+        className: classes.text
       }, appName))
     });
   });

package/dist/components/AppsMenu/index.js

@@ -40,7 +40,10 @@ var AppsMenu = function AppsMenu() {
   })), isMobile ? /*#__PURE__*/_react.default.createElement(_CozyDialogs.ConfirmDialog, {
     open: isOpen,
     onClose: toggleMenu,
-    content: /*#__PURE__*/_react.default.createElement(_AppsMenuContent.default, null)
+    content: /*#__PURE__*/_react.default.createElement(_AppsMenuContent.default, null),
+    classes: {
+      paper: 'u-bdrs-7'
+    }
   }) : /*#__PURE__*/_react.default.createElement(_Menu.default, {
     open: isOpen,
     anchorEl: buttonRef.current,
@@ -54,6 +57,9 @@ var AppsMenu = function AppsMenu() {
     transformOrigin: {
       vertical: -10,
       horizontal: 0
+    },
+    classes: {
+      paper: 'u-bdrs-7'
     }
   }, /*#__PURE__*/_react.default.createElement(_AppsMenuContent.default, null)));
 };

package/dist/components/UserMenu/index.js

@@ -49,7 +49,10 @@ var UserMenu = function UserMenu(_ref) {
       onLogOut: onLogOut,
       instance: instance,
       diskUsage: diskUsage
-    })
+    }),
+    classes: {
+      paper: 'u-bdrs-7'
+    }
   }) : /*#__PURE__*/_react.default.createElement(_Menu.default, {
     open: isOpen,
     anchorEl: buttonRef.current,
@@ -63,6 +66,9 @@ var UserMenu = function UserMenu(_ref) {
     transformOrigin: {
       vertical: -10,
       horizontal: 0
+    },
+    classes: {
+      paper: 'u-bdrs-7'
     }
   }, /*#__PURE__*/_react.default.createElement(_UserMenuContent.default, {
     onLogOut: onLogOut,

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 = "\"19.2.0\"";
+var version = exports.version = "\"21.0.0\"";

package/dist/styles/apps-menu.styl

@@ -4,21 +4,31 @@
     display flex
     flex-wrap wrap
     width 100%
-    box-sizing border-box
 
     +desktop()
-        padding-left .5rem
-        padding-right .5rem
+        width 15rem
+        margin 6px 10px
   
 .apps-menu-grid-item-wrapper
     width 33%
     aspect-ratio 1 // @stylint ignore Property is valid but unknown by stylint which is old and should be replaced
 
+    +desktop()
+        width 5rem
+        height 5rem
+
 .apps-menu-grid-item
     display flex
     flex-direction column
     justify-content center
     align-items center
     text-decoration none
+    gap 4px // @stylint ignore Property is valid but unknown by stylint which is old and should be replaced
+    width 100%
+
+.apps-menu-grid-item-icon
     width 60%
-    min-width 48px
+
+    +desktop()
+        width 2.625rem
+        height 2.625rem

package/dist/stylesheet.css

@@ -4,26 +4,40 @@
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-  box-sizing: border-box;
 }
 @media (min-width: 64rem) {
   .apps-menu-grid {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
+    width: 15rem;
+    margin: 6px 10px;
   }
 }
 .apps-menu-grid-item-wrapper {
   width: 33%;
   aspect-ratio: 1;
 }
+@media (min-width: 64rem) {
+  .apps-menu-grid-item-wrapper {
+    width: 5rem;
+    height: 5rem;
+  }
+}
 .apps-menu-grid-item {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-decoration: none;
+  gap: 4px;
+  width: 100%;
+}
+.apps-menu-grid-item-icon {
   width: 60%;
-  min-width: 48px;
+}
+@media (min-width: 64rem) {
+  .apps-menu-grid-item-icon {
+    width: 2.625rem;
+    height: 2.625rem;
+  }
 }
 /*  imported from user-menu.styl  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "19.2.0",
+  "version": "21.0.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/)",
@@ -42,7 +42,7 @@
     "babel-plugin-module-resolver": "^4.0.0",
     "babel-plugin-transform-define": "^2.0.0",
     "babel-preset-cozy-app": "^2.8.1",
-    "cozy-client": "^52.1.0",
+    "cozy-client": "^57.7.0",
     "cozy-dataproxy-lib": "^4.1.0",
     "cozy-device-helper": "2.6.0",
     "cozy-flags": "^4.6.1",
@@ -50,7 +50,8 @@
     "cozy-interapp": "0.4.9",
     "cozy-logger": "1.9.1",
     "cozy-realtime": "^4.0.5",
-    "cozy-ui": "^122.0.1",
+    "cozy-search": "^0.4.0",
+    "cozy-ui": "^122.6.0",
     "eslint-config-cozy-app": "2.0.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "24.9.0",
@@ -64,7 +65,6 @@
     "stylus-config-cozy-app": "^0.1.0"
   },
   "dependencies": {
-    "cozy-search": "0.3.0",
     "hammerjs": "2.0.8",
     "lodash.debounce": "4.0.8",
     "lodash.set": "^4.3.2",
@@ -78,14 +78,15 @@
   },
   "peerDependencies": {
     "@cozy/minilog": ">=1.0.0",
-    "cozy-client": ">=52.1.0",
+    "cozy-client": ">=57.7.0",
     "cozy-dataproxy-lib": ">=4.1.0",
     "cozy-device-helper": ">=2.6.0",
     "cozy-flags": ">=4.6.1",
     "cozy-intent": ">=2.29.1",
     "cozy-interapp": ">=0.4.9",
     "cozy-realtime": ">=4.0.5",
-    "cozy-ui": ">=122.0.1",
+    "cozy-search": ">=0.4.0",
+    "cozy-ui": ">=122.6.0",
     "react": ">=16.10.1",
     "react-dom": ">=16.10.1",
     "react-router-dom": ">=6.14.2"