cozy-bar 24.0.0 → 24.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,9 +13,11 @@ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typog
13
13
  var _applications = require("cozy-client/dist/models/applications");
14
14
  var _AppItem = _interopRequireDefault(require("./components/AppItem"));
15
15
  var _ShortcutItem = _interopRequireDefault(require("./components/ShortcutItem"));
16
+ var _EntrypointItem = _interopRequireDefault(require("./components/EntrypointItem"));
16
17
  var _AppItemPlaceholder = _interopRequireDefault(require("./components/AppItemPlaceholder"));
17
18
  var _useI18n2 = _interopRequireDefault(require("../useI18n"));
18
19
  var _reducers = require("../../lib/reducers");
20
+ var _helper = require("./helper");
19
21
  var styles = {
20
22
  "apps-menu-grid": "apps-menu-grid",
21
23
  "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
@@ -52,6 +54,7 @@ var AppsMenuContent = function AppsMenuContent(_ref) {
52
54
  return app.slug !== homeSlug;
53
55
  });
54
56
  var sortedApps = (0, _cozyFlags.default)('apps.sort') ? (0, _applications.sortApplicationsList)(displayedApps, (0, _cozyFlags.default)('apps.sort')) : displayedApps;
57
+ var entrypoints = (0, _helper.buildEntrypoints)(apps);
55
58
  return /*#__PURE__*/_react.default.createElement("div", {
56
59
  className: styles['apps-menu-grid']
57
60
  }, sortedApps.map(function (app, index) {
@@ -65,6 +68,11 @@ var AppsMenuContent = function AppsMenuContent(_ref) {
65
68
  key: index,
66
69
  shortcut: shortcut
67
70
  });
71
+ }), entrypoints.map(function (entrypoint) {
72
+ return /*#__PURE__*/_react.default.createElement(_EntrypointItem.default, {
73
+ key: entrypoint.name,
74
+ entrypoint: entrypoint
75
+ });
68
76
  }));
69
77
  };
70
78
  AppsMenuContent.propTypes = {
@@ -0,0 +1,71 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.EntrypointItem = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _cozyClient = require("cozy-client");
10
+ var _styles = require("cozy-ui/transpiled/react/styles");
11
+ var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
12
+ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
13
+ var _classnames = _interopRequireDefault(require("classnames"));
14
+ var _useI18n2 = _interopRequireDefault(require("../../useI18n"));
15
+ var styles = {
16
+ "apps-menu-grid": "apps-menu-grid",
17
+ "apps-menu-grid-item-wrapper": "apps-menu-grid-item-wrapper",
18
+ "apps-menu-grid-item": "apps-menu-grid-item",
19
+ "apps-menu-grid-item-icon": "apps-menu-grid-item-icon"
20
+ };
21
+ var useStyles = (0, _styles.makeStyles)(function () {
22
+ return {
23
+ text: {
24
+ lineHeight: '22.5px',
25
+ fontSize: '12px',
26
+ fontWeight: 400
27
+ }
28
+ };
29
+ });
30
+ var EntrypointItem = exports.EntrypointItem = function EntrypointItem(_ref) {
31
+ var entrypoint = _ref.entrypoint;
32
+ var client = (0, _cozyClient.useClient)();
33
+ var classes = useStyles();
34
+ var _useI18n = (0, _useI18n2.default)(),
35
+ lang = _useI18n.lang;
36
+ var cozyUrl = client.getStackClient().uri;
37
+ var _client$getInstanceOp = client.getInstanceOptions(),
38
+ subDomainType = _client$getInstanceOp.subdomain;
39
+ var entrypointUrl = (0, _cozyClient.generateWebLink)({
40
+ cozyUrl: cozyUrl,
41
+ subDomainType: subDomainType,
42
+ slug: entrypoint.slug,
43
+ pathname: '/',
44
+ hash: entrypoint.hash
45
+ });
46
+ var title = entrypoint.title[lang] || entrypoint.title['en'];
47
+ return /*#__PURE__*/_react.default.createElement(_Buttons.default, {
48
+ height: "auto",
49
+ component: "a",
50
+ target: "_blank",
51
+ variant: "text",
52
+ href: entrypointUrl,
53
+ title: title,
54
+ className: (0, _classnames.default)(styles['apps-menu-grid-item-wrapper'], 'u-bdrs-5'),
55
+ label: /*#__PURE__*/_react.default.createElement("div", {
56
+ className: styles['apps-menu-grid-item']
57
+ }, /*#__PURE__*/_react.default.createElement("div", {
58
+ className: styles['apps-menu-grid-item-icon']
59
+ }, /*#__PURE__*/_react.default.createElement("img", {
60
+ className: "u-bdrs-5",
61
+ src: "data:image/svg+xml;base64,".concat(entrypoint.icon),
62
+ alt: "",
63
+ width: 42,
64
+ height: 42
65
+ })), /*#__PURE__*/_react.default.createElement(_Typography.default, {
66
+ noWrap: true,
67
+ className: classes.text
68
+ }, title))
69
+ });
70
+ };
71
+ var _default = exports.default = EntrypointItem;
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.buildEntrypoints = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ 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; }
10
+ 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; }
11
+ var buildEntrypoints = exports.buildEntrypoints = function buildEntrypoints(apps) {
12
+ return apps.flatMap(function (app) {
13
+ if (!app.entrypoints) return [];
14
+ return app.entrypoints.map(function (entrypoint) {
15
+ return _objectSpread(_objectSpread({}, entrypoint), {}, {
16
+ slug: app.slug
17
+ });
18
+ });
19
+ });
20
+ };
@@ -53,6 +53,7 @@ var AppsMenu = function AppsMenu(_ref) {
53
53
  open: isOpen,
54
54
  onClose: toggleMenu,
55
55
  content: /*#__PURE__*/_react.default.createElement(_AppsMenuContent.default, {
56
+ shortcuts: shortcuts,
56
57
  closeMenu: toggleMenu
57
58
  }),
58
59
  componentsProps: {
package/dist/index.js CHANGED
@@ -71,4 +71,4 @@ var _BarProvider = _interopRequireDefault(require("./components/BarProvider"));
71
71
  var _reducers = require("./lib/reducers");
72
72
  /* global __VERSION__ */
73
73
 
74
- var version = exports.version = "\"24.0.0\"";
74
+ var version = exports.version = "\"24.1.1\"";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-bar",
3
- "version": "24.0.0",
3
+ "version": "24.1.1",
4
4
  "description": "cozy-bar.js library, a small lib provided by cozy-stack to inject the Cozy-bar component into each app",
5
5
  "main": "dist/index.js",
6
6
  "author": "Cozy Cloud <contact@cozycloud.cc> (https://cozy.io/)",