cozy-bar 23.1.0 → 24.0.0

package/dist/components/AppsMenu/AppsMenuContent.js

@@ -12,6 +12,7 @@ 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"));
+var _ShortcutItem = _interopRequireDefault(require("./components/ShortcutItem"));
 var _AppItemPlaceholder = _interopRequireDefault(require("./components/AppItemPlaceholder"));
 var _useI18n2 = _interopRequireDefault(require("../useI18n"));
 var _reducers = require("../../lib/reducers");
@@ -24,6 +25,7 @@ var styles = {
 var AppsMenuContent = function AppsMenuContent(_ref) {
   var isFetchingApps = _ref.isFetchingApps,
     apps = _ref.apps,
+    shortcuts = _ref.shortcuts,
     homeApp = _ref.homeApp,
     closeMenu = _ref.closeMenu;
   var _useI18n = (0, _useI18n2.default)(),
@@ -58,6 +60,11 @@ var AppsMenuContent = function AppsMenuContent(_ref) {
       app: app,
       onAppSwitch: closeMenu
     });
+  }), shortcuts.map(function (shortcut, index) {
+    return /*#__PURE__*/_react.default.createElement(_ShortcutItem.default, {
+      key: index,
+      shortcut: shortcut
+    });
   }));
 };
 AppsMenuContent.propTypes = {

package/dist/components/AppsMenu/components/ShortcutItem.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ShortcutItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _cozyClient = require("cozy-client");
+var _file = require("cozy-client/dist/models/file");
+var _styles = require("cozy-ui/transpiled/react/styles");
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+var _classnames = _interopRequireDefault(require("classnames"));
+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-icon": "apps-menu-grid-item-icon"
+};
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    text: {
+      lineHeight: '22.5px',
+      fontSize: '12px',
+      fontWeight: 400
+    }
+  };
+});
+var ShortcutItem = exports.ShortcutItem = function ShortcutItem(_ref) {
+  var _shortcutInfos$data;
+  var shortcut = _ref.shortcut;
+  var client = (0, _cozyClient.useClient)();
+  var classes = useStyles();
+  var _useFetchShortcut = (0, _cozyClient.useFetchShortcut)(client, shortcut._id),
+    shortcutInfos = _useFetchShortcut.shortcutInfos,
+    shortcutImg = _useFetchShortcut.shortcutImg;
+  var _splitFilename = (0, _file.splitFilename)(shortcut),
+    filename = _splitFilename.filename;
+  var url = (shortcutInfos === null || shortcutInfos === void 0 || (_shortcutInfos$data = shortcutInfos.data) === null || _shortcutInfos$data === void 0 ? void 0 : _shortcutInfos$data.url) || '#';
+  var shortcutImgSrc = (0, _file.getShortcutImgSrc)(shortcut);
+  return /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    height: "auto",
+    component: "a",
+    target: "_blank",
+    variant: "text",
+    href: url,
+    title: filename,
+    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']
+    }, shortcutImgSrc ? /*#__PURE__*/_react.default.createElement("img", {
+      src: shortcutImgSrc,
+      alt: "",
+      width: 42,
+      height: 42
+    }) : /*#__PURE__*/_react.default.createElement("img", {
+      className: "u-bdrs-5",
+      src: shortcutImg,
+      alt: "",
+      width: 42,
+      height: 42
+    })), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      noWrap: true,
+      className: classes.text
+    }, filename))
+  });
+};
+var _default = exports.default = ShortcutItem;

package/dist/components/AppsMenu/index.js

@@ -26,7 +26,8 @@ var useStyles = (0, _styles.makeStyles)({
     }
   }
 });
-var AppsMenu = function AppsMenu() {
+var AppsMenu = function AppsMenu(_ref) {
+  var shortcuts = _ref.shortcuts;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isOpen = _useState2[0],
@@ -80,6 +81,7 @@ var AppsMenu = function AppsMenu() {
       paper: 'u-bdrs-7'
     }
   }, /*#__PURE__*/_react.default.createElement(_AppsMenuContent.default, {
+    shortcuts: shortcuts,
     closeMenu: toggleMenu
   })));
 };

package/dist/components/Bar.js

@@ -48,6 +48,7 @@ var Bar = exports.Bar = function Bar(_ref) {
   var client = (0, _cozyClient.useClient)();
   var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
     isMobile = _useBreakpoints.isMobile;
+  var shortcuts = (0, _cozyClient.useFetchHomeShortcuts)();
   var isSearchEnabled = searchOptions.enabled && !isPublic;
   var fetchInitialData = (0, _react.useCallback)(function () {
     if (!isPublic) {
@@ -108,7 +109,9 @@ var Bar = exports.Bar = function Bar(_ref) {
     // Drive will rely on cozy-bar embedded search and we will be able
     // to remove this special case
     if (appSlug === 'drive' && isMobile && barSearch) return null;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HelpLink.default, null), /*#__PURE__*/_react.default.createElement(_AppsMenu.default, null), /*#__PURE__*/_react.default.createElement(_UserMenu.default, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HelpLink.default, null), /*#__PURE__*/_react.default.createElement(_AppsMenu.default, {
+      shortcuts: shortcuts
+    }), /*#__PURE__*/_react.default.createElement(_UserMenu.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 = "\"23.1.0\"";
+var version = exports.version = "\"24.0.0\"";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "23.1.0",
+  "version": "24.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": "^57.7.0",
+    "cozy-client": "^60.12.1",
     "cozy-dataproxy-lib": "^4.1.0",
     "cozy-device-helper": "2.6.0",
     "cozy-flags": "^4.6.1",
@@ -76,7 +76,7 @@
   },
   "peerDependencies": {
     "@cozy/minilog": ">=1.0.0",
-    "cozy-client": ">=57.7.0",
+    "cozy-client": ">=60.12.1",
     "cozy-dataproxy-lib": ">=4.1.0",
     "cozy-device-helper": ">=2.6.0",
     "cozy-flags": ">=4.6.1",