cozy-bar 23.1.0 → 24.1.0

package/dist/components/AppsMenu/AppsMenuContent.js

@@ -12,9 +12,12 @@ 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 _EntrypointItem = _interopRequireDefault(require("./components/EntrypointItem"));
 var _AppItemPlaceholder = _interopRequireDefault(require("./components/AppItemPlaceholder"));
 var _useI18n2 = _interopRequireDefault(require("../useI18n"));
 var _reducers = require("../../lib/reducers");
+var _helper = require("./helper");
 var styles = {
   "apps-menu-grid": "apps-menu-grid",
   "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
@@ -24,6 +27,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)(),
@@ -50,6 +54,7 @@ var AppsMenuContent = function AppsMenuContent(_ref) {
     return app.slug !== homeSlug;
   });
   var sortedApps = (0, _cozyFlags.default)('apps.sort') ? (0, _applications.sortApplicationsList)(displayedApps, (0, _cozyFlags.default)('apps.sort')) : displayedApps;
+  var entrypoints = (0, _helper.buildEntrypoints)(apps);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: styles['apps-menu-grid']
   }, sortedApps.map(function (app, index) {
@@ -58,6 +63,16 @@ 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
+    });
+  }), entrypoints.map(function (entrypoint) {
+    return /*#__PURE__*/_react.default.createElement(_EntrypointItem.default, {
+      key: entrypoint.name,
+      entrypoint: entrypoint
+    });
   }));
 };
 AppsMenuContent.propTypes = {

package/dist/components/AppsMenu/components/EntrypointItem.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EntrypointItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _cozyClient = require("cozy-client");
+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 _useI18n2 = _interopRequireDefault(require("../../useI18n"));
+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 EntrypointItem = exports.EntrypointItem = function EntrypointItem(_ref) {
+  var entrypoint = _ref.entrypoint;
+  var client = (0, _cozyClient.useClient)();
+  var classes = useStyles();
+  var _useI18n = (0, _useI18n2.default)(),
+    lang = _useI18n.lang;
+  var cozyUrl = client.getStackClient().uri;
+  var _client$getInstanceOp = client.getInstanceOptions(),
+    subDomainType = _client$getInstanceOp.subdomain;
+  var entrypointUrl = (0, _cozyClient.generateWebLink)({
+    cozyUrl: cozyUrl,
+    subDomainType: subDomainType,
+    slug: entrypoint.slug,
+    pathname: '/',
+    hash: entrypoint.hash
+  });
+  var title = entrypoint.title[lang] || entrypoint.title['en'];
+  return /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    height: "auto",
+    component: "a",
+    target: "_blank",
+    variant: "text",
+    href: entrypointUrl,
+    title: title,
+    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("img", {
+      className: "u-bdrs-5",
+      src: "data:image/svg+xml;base64,".concat(entrypoint.icon),
+      alt: "",
+      width: 42,
+      height: 42
+    })), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      noWrap: true,
+      className: classes.text
+    }, title))
+  });
+};
+var _default = exports.default = EntrypointItem;

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/helper.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildEntrypoints = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var buildEntrypoints = exports.buildEntrypoints = function buildEntrypoints(apps) {
+  return apps.flatMap(function (app) {
+    if (!app.entrypoints) return [];
+    return app.entrypoints.map(function (entrypoint) {
+      return _objectSpread(_objectSpread({}, entrypoint), {}, {
+        slug: app.slug
+      });
+    });
+  });
+};

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.1.0\"";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "23.1.0",
+  "version": "24.1.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",