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
|
+
};
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cozy-bar",
|
|
3
|
-
"version": "24.
|
|
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/)",
|