cozy-bar 22.1.2 → 23.0.0
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.
- package/dist/components/Bar.js +6 -6
- package/dist/components/{Apps → utils}/ButtonCozyHome.js +4 -3
- package/dist/components/{Apps → utils}/ButtonCozyHome.spec.jsx +1 -1
- package/dist/components/{HelpLink/index.js → utils/HelpLink.js} +11 -3
- package/dist/index.js +1 -1
- package/dist/styles/index.styl +0 -2
- package/dist/stylesheet.css +0 -145
- package/package.json +1 -3
- package/dist/components/Apps/AppItem.js +0 -80
- package/dist/components/Apps/AppItemPlaceholder.js +0 -21
- package/dist/components/Apps/AppNavButtons.js +0 -100
- package/dist/components/Apps/AppsContent.js +0 -100
- package/dist/components/Apps/index.js +0 -77
- package/dist/components/Drawer.js +0 -255
- package/dist/components/Drawer.spec.jsx +0 -83
- package/dist/components/Settings/SettingsContent.js +0 -71
- package/dist/components/Settings/StorageData.js +0 -35
- package/dist/components/Settings/actions/appearance.js +0 -50
- package/dist/components/Settings/actions/connectedDevices.js +0 -50
- package/dist/components/Settings/actions/connections.js +0 -50
- package/dist/components/Settings/actions/contact.js +0 -50
- package/dist/components/Settings/actions/help.js +0 -47
- package/dist/components/Settings/actions/index.js +0 -75
- package/dist/components/Settings/actions/legalNotice.js +0 -51
- package/dist/components/Settings/actions/logout.js +0 -82
- package/dist/components/Settings/actions/permissions.js +0 -54
- package/dist/components/Settings/actions/plans.js +0 -62
- package/dist/components/Settings/actions/profile.js +0 -51
- package/dist/components/Settings/actions/storage.js +0 -57
- package/dist/components/Settings/actions/termsOfService.js +0 -48
- package/dist/components/Settings/helper.js +0 -22
- package/dist/components/Settings/index.js +0 -53
- package/dist/lib/queries.js +0 -19
- package/dist/styles/drawer.css +0 -116
- package/dist/styles/settings.css +0 -28
- /package/dist/components/{Apps → utils}/IconCozyHome.js +0 -0
- /package/dist/components/{Search → utils}/SearchButton.js +0 -0
|
@@ -1,255 +0,0 @@
|
|
|
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.Drawer = void 0;
|
|
8
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
var _reactRedux = require("react-redux");
|
|
18
|
-
var _hammerjs = _interopRequireDefault(require("hammerjs"));
|
|
19
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
20
|
-
var _Divider = _interopRequireDefault(require("cozy-ui/transpiled/react/Divider"));
|
|
21
|
-
var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
|
|
22
|
-
var _Paper = _interopRequireDefault(require("cozy-ui/transpiled/react/Paper"));
|
|
23
|
-
var _AppsContent = _interopRequireDefault(require("./Apps/AppsContent"));
|
|
24
|
-
var _SettingsContent = _interopRequireDefault(require("./Settings/SettingsContent"));
|
|
25
|
-
var _reducers = require("../lib/reducers");
|
|
26
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
27
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
28
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
29
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
|
-
var Drawer = exports.Drawer = /*#__PURE__*/function (_Component) {
|
|
31
|
-
function Drawer(props) {
|
|
32
|
-
var _this;
|
|
33
|
-
(0, _classCallCheck2.default)(this, Drawer);
|
|
34
|
-
_this = _callSuper(this, Drawer, [props]);
|
|
35
|
-
(0, _defineProperty2.default)(_this, "onDrawerClick", function (event) {
|
|
36
|
-
if (event.target === _this.wrapperRef) {
|
|
37
|
-
_this.close();
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
(0, _defineProperty2.default)(_this, "onTransitionEnd", function () {
|
|
41
|
-
if (_this.props.visible) {
|
|
42
|
-
if (!_this.gesturesHandler) _this.attachGestures();
|
|
43
|
-
_this.preventBackgroundScrolling();
|
|
44
|
-
} else {
|
|
45
|
-
_this.restoreBackgroundScrolling();
|
|
46
|
-
_this.setState({
|
|
47
|
-
isClosing: false
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
_this.props.drawerListener();
|
|
51
|
-
});
|
|
52
|
-
(0, _defineProperty2.default)(_this, "UNSAFE_componentWillReceiveProps", /*#__PURE__*/function () {
|
|
53
|
-
var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(nextProps) {
|
|
54
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
55
|
-
while (1) switch (_context.prev = _context.next) {
|
|
56
|
-
case 0:
|
|
57
|
-
if (!(!_this.props.visible && nextProps.visible)) {
|
|
58
|
-
_context.next = 3;
|
|
59
|
-
break;
|
|
60
|
-
}
|
|
61
|
-
_context.next = 3;
|
|
62
|
-
return _this.props.fetchSettingsData();
|
|
63
|
-
case 3:
|
|
64
|
-
case "end":
|
|
65
|
-
return _context.stop();
|
|
66
|
-
}
|
|
67
|
-
}, _callee);
|
|
68
|
-
}));
|
|
69
|
-
return function (_x) {
|
|
70
|
-
return _ref.apply(this, arguments);
|
|
71
|
-
};
|
|
72
|
-
}());
|
|
73
|
-
(0, _defineProperty2.default)(_this, "close", function () {
|
|
74
|
-
if (_this.state.isClosing) return;
|
|
75
|
-
_this.detachGestures();
|
|
76
|
-
_this.setState(function () {
|
|
77
|
-
return {
|
|
78
|
-
isClosing: true
|
|
79
|
-
};
|
|
80
|
-
});
|
|
81
|
-
_this.turnTransitionsOn();
|
|
82
|
-
_this.props.onClose();
|
|
83
|
-
_this.asideRef.style.transform = '';
|
|
84
|
-
});
|
|
85
|
-
_this.state = {
|
|
86
|
-
isScrolling: false,
|
|
87
|
-
isClosing: false
|
|
88
|
-
};
|
|
89
|
-
return _this;
|
|
90
|
-
}
|
|
91
|
-
(0, _inherits2.default)(Drawer, _Component);
|
|
92
|
-
return (0, _createClass2.default)(Drawer, [{
|
|
93
|
-
key: "componentDidMount",
|
|
94
|
-
value: function () {
|
|
95
|
-
var _componentDidMount = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
96
|
-
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
97
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
98
|
-
case 0:
|
|
99
|
-
this.turnTransitionsOn();
|
|
100
|
-
case 1:
|
|
101
|
-
case "end":
|
|
102
|
-
return _context2.stop();
|
|
103
|
-
}
|
|
104
|
-
}, _callee2, this);
|
|
105
|
-
}));
|
|
106
|
-
function componentDidMount() {
|
|
107
|
-
return _componentDidMount.apply(this, arguments);
|
|
108
|
-
}
|
|
109
|
-
return componentDidMount;
|
|
110
|
-
}()
|
|
111
|
-
}, {
|
|
112
|
-
key: "turnTransitionsOn",
|
|
113
|
-
value: function turnTransitionsOn() {
|
|
114
|
-
this.asideRef.classList.add('with-transition');
|
|
115
|
-
this.asideRef.addEventListener('transitionend', this.onTransitionEnd);
|
|
116
|
-
}
|
|
117
|
-
}, {
|
|
118
|
-
key: "turnTransitionsOff",
|
|
119
|
-
value: function turnTransitionsOff() {
|
|
120
|
-
this.asideRef.classList.remove('with-transition');
|
|
121
|
-
this.asideRef.removeEventListener('transitionend', this.onTransitionEnd);
|
|
122
|
-
}
|
|
123
|
-
}, {
|
|
124
|
-
key: "preventBackgroundScrolling",
|
|
125
|
-
value: function preventBackgroundScrolling() {
|
|
126
|
-
document.body.style.overflow = 'hidden';
|
|
127
|
-
}
|
|
128
|
-
}, {
|
|
129
|
-
key: "restoreBackgroundScrolling",
|
|
130
|
-
value: function restoreBackgroundScrolling() {
|
|
131
|
-
document.body.style.overflow = 'auto';
|
|
132
|
-
}
|
|
133
|
-
}, {
|
|
134
|
-
key: "detachGestures",
|
|
135
|
-
value: function detachGestures() {
|
|
136
|
-
this.gesturesHandler.destroy();
|
|
137
|
-
this.gesturesHandler = null;
|
|
138
|
-
}
|
|
139
|
-
}, {
|
|
140
|
-
key: "attachGestures",
|
|
141
|
-
value: function attachGestures() {
|
|
142
|
-
var _this2 = this;
|
|
143
|
-
// IMPORTANT: on Chrome, the `overflow-y: scroll` property on .coz-drawer--apps prevented
|
|
144
|
-
// swipe events to be dispatched correctly ; the `touch-action: pan-y` fixes the problem
|
|
145
|
-
// see drawer.css
|
|
146
|
-
this.gesturesHandler = new _hammerjs.default.Manager(document.documentElement, {
|
|
147
|
-
// we listen in all directions so that we can catch panup/pandown events and let the user scroll
|
|
148
|
-
recognizers: [[_hammerjs.default.Pan, {
|
|
149
|
-
direction: _hammerjs.default.DIRECTION_ALL
|
|
150
|
-
}]]
|
|
151
|
-
});
|
|
152
|
-
|
|
153
|
-
// to be completely accurate, `maximumGestureDelta` should be the difference between the right of the aside and the
|
|
154
|
-
// left of the page; but using the width is much easier to compute and accurate enough.
|
|
155
|
-
var maximumGestureDistance = this.asideRef.getBoundingClientRect().width;
|
|
156
|
-
// between 0 and 1, how far down the gesture must be to be considered complete upon release
|
|
157
|
-
var minimumCloseDistance = 0.4;
|
|
158
|
-
// a gesture faster than this will dismiss the menu, regardless of distance traveled
|
|
159
|
-
var minimumCloseVelocity = 0.2;
|
|
160
|
-
var currentGestureProgress = null;
|
|
161
|
-
this.gesturesHandler.on('panstart', function (event) {
|
|
162
|
-
if (_this2.state.isClosing) return;
|
|
163
|
-
if (event.additionalEvent === 'panup' || event.additionalEvent === 'pandown') {
|
|
164
|
-
_this2.setState({
|
|
165
|
-
isScrolling: true
|
|
166
|
-
});
|
|
167
|
-
} else {
|
|
168
|
-
_this2.turnTransitionsOff();
|
|
169
|
-
currentGestureProgress = 0;
|
|
170
|
-
}
|
|
171
|
-
});
|
|
172
|
-
this.gesturesHandler.on('pan', function (e) {
|
|
173
|
-
if (_this2.state.isClosing || _this2.state.isScrolling) return;
|
|
174
|
-
currentGestureProgress = -e.deltaX / maximumGestureDistance;
|
|
175
|
-
_this2.applyTransformation(currentGestureProgress);
|
|
176
|
-
});
|
|
177
|
-
this.gesturesHandler.on('panend', function (e) {
|
|
178
|
-
if (_this2.state.isClosing) return;
|
|
179
|
-
if (_this2.state.isScrolling) {
|
|
180
|
-
_this2.setState({
|
|
181
|
-
isScrolling: false
|
|
182
|
-
});
|
|
183
|
-
return;
|
|
184
|
-
}
|
|
185
|
-
// Dismiss the menu if the swipe pan was bigger than the treshold,
|
|
186
|
-
// or if it was a fast, leftward gesture
|
|
187
|
-
var haveTravelledFarEnough = -e.deltaX / maximumGestureDistance >= minimumCloseDistance;
|
|
188
|
-
var haveTravelledFastEnough = e.velocity < 0 && Math.abs(e.velocity) >= minimumCloseVelocity;
|
|
189
|
-
var shouldDismiss = haveTravelledFarEnough || haveTravelledFastEnough;
|
|
190
|
-
if (shouldDismiss) {
|
|
191
|
-
_this2.close();
|
|
192
|
-
} else {
|
|
193
|
-
_this2.turnTransitionsOn();
|
|
194
|
-
_this2.applyTransformation(0);
|
|
195
|
-
}
|
|
196
|
-
});
|
|
197
|
-
}
|
|
198
|
-
}, {
|
|
199
|
-
key: "applyTransformation",
|
|
200
|
-
value: function applyTransformation(progress) {
|
|
201
|
-
// constrain between 0 and 1.1 (go a bit further than 1 to be hidden completely)
|
|
202
|
-
progress = Math.min(1.1, Math.max(0, progress));
|
|
203
|
-
this.asideRef.style.transform = 'translateX(-' + progress * 100 + '%)';
|
|
204
|
-
}
|
|
205
|
-
}, {
|
|
206
|
-
key: "render",
|
|
207
|
-
value: function render() {
|
|
208
|
-
var _this3 = this;
|
|
209
|
-
var _this$props = this.props,
|
|
210
|
-
visible = _this$props.visible,
|
|
211
|
-
isInvertedTheme = _this$props.isInvertedTheme,
|
|
212
|
-
onLogOut = _this$props.onLogOut;
|
|
213
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
214
|
-
className: "coz-drawer-wrapper",
|
|
215
|
-
onClick: this.onDrawerClick,
|
|
216
|
-
"aria-hidden": visible ? 'false' : 'true',
|
|
217
|
-
ref: function ref(node) {
|
|
218
|
-
_this3.wrapperRef = node;
|
|
219
|
-
}
|
|
220
|
-
}, /*#__PURE__*/_react.default.createElement("aside", {
|
|
221
|
-
ref: function ref(node) {
|
|
222
|
-
_this3.asideRef = node;
|
|
223
|
-
}
|
|
224
|
-
}, /*#__PURE__*/_react.default.createElement("nav", {
|
|
225
|
-
className: "coz-drawer--apps"
|
|
226
|
-
}, /*#__PURE__*/_react.default.createElement(_AppsContent.default, {
|
|
227
|
-
onAppSwitch: this.close,
|
|
228
|
-
isInvertedTheme: isInvertedTheme
|
|
229
|
-
})), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("nav", {
|
|
230
|
-
className: "coz-drawer--settings"
|
|
231
|
-
}, /*#__PURE__*/_react.default.createElement(_Paper.default, {
|
|
232
|
-
elevation: 0,
|
|
233
|
-
square: true
|
|
234
|
-
}, /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_SettingsContent.default, {
|
|
235
|
-
isDrawer: true,
|
|
236
|
-
onLogOut: onLogOut
|
|
237
|
-
}))))));
|
|
238
|
-
}
|
|
239
|
-
}]);
|
|
240
|
-
}(_react.Component);
|
|
241
|
-
Drawer.propTypes = {
|
|
242
|
-
visible: _propTypes.default.bool,
|
|
243
|
-
onClose: _propTypes.default.func,
|
|
244
|
-
onLogOut: _propTypes.default.func,
|
|
245
|
-
isInvertedTheme: _propTypes.default.bool,
|
|
246
|
-
fetchSettingsData: _propTypes.default.func
|
|
247
|
-
};
|
|
248
|
-
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
|
249
|
-
return {
|
|
250
|
-
fetchSettingsData: function fetchSettingsData() {
|
|
251
|
-
return dispatch((0, _reducers.fetchSettingsData)());
|
|
252
|
-
}
|
|
253
|
-
};
|
|
254
|
-
};
|
|
255
|
-
var _default = exports.default = (0, _reactRedux.connect)(null, mapDispatchToProps)(Drawer);
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { render, screen, fireEvent, act } from '@testing-library/react'
|
|
4
|
-
|
|
5
|
-
import { useInstanceInfo } from 'cozy-client'
|
|
6
|
-
|
|
7
|
-
import { Drawer } from './Drawer'
|
|
8
|
-
import { BarLike } from 'test/lib/BarLike'
|
|
9
|
-
|
|
10
|
-
jest.mock('cozy-client', () => ({
|
|
11
|
-
...require.requireActual('cozy-client'),
|
|
12
|
-
useInstanceInfo: jest.fn()
|
|
13
|
-
}))
|
|
14
|
-
|
|
15
|
-
const sleep = duration => new Promise(resolve => setTimeout(resolve, duration))
|
|
16
|
-
|
|
17
|
-
describe('bar', () => {
|
|
18
|
-
beforeEach(() => {
|
|
19
|
-
jest.resetAllMocks()
|
|
20
|
-
useInstanceInfo.mockReturnValue({
|
|
21
|
-
isLoaded: true,
|
|
22
|
-
diskUsage: { data: { used: 0 } },
|
|
23
|
-
instance: { data: {} }
|
|
24
|
-
})
|
|
25
|
-
})
|
|
26
|
-
|
|
27
|
-
describe('logout', () => {
|
|
28
|
-
const findLogoutButton = () => {
|
|
29
|
-
return screen.getByText('Log out')
|
|
30
|
-
}
|
|
31
|
-
const setup = ({ onLogOut }) => {
|
|
32
|
-
render(
|
|
33
|
-
<BarLike>
|
|
34
|
-
<Drawer onLogOut={onLogOut} />
|
|
35
|
-
</BarLike>
|
|
36
|
-
)
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
const clickLogout = () => {
|
|
40
|
-
const logoutButton = findLogoutButton()
|
|
41
|
-
fireEvent(
|
|
42
|
-
logoutButton,
|
|
43
|
-
new MouseEvent('click', {
|
|
44
|
-
bubbles: true,
|
|
45
|
-
cancelable: true
|
|
46
|
-
})
|
|
47
|
-
)
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
it('should await the onLogOut', async () => {
|
|
51
|
-
let prom
|
|
52
|
-
const callOrder = []
|
|
53
|
-
|
|
54
|
-
const onLogOut = jest.fn().mockImplementation(async () => {
|
|
55
|
-
prom = sleep(100)
|
|
56
|
-
callOrder.push('onLogOut')
|
|
57
|
-
await prom
|
|
58
|
-
})
|
|
59
|
-
|
|
60
|
-
setup({ onLogOut })
|
|
61
|
-
|
|
62
|
-
act(() => {
|
|
63
|
-
clickLogout()
|
|
64
|
-
})
|
|
65
|
-
|
|
66
|
-
await prom
|
|
67
|
-
await sleep(0)
|
|
68
|
-
|
|
69
|
-
expect(onLogOut).toHaveBeenCalled()
|
|
70
|
-
expect(callOrder).toEqual(['onLogOut'])
|
|
71
|
-
})
|
|
72
|
-
|
|
73
|
-
it('should work if onLogOut does not return a promise', () => {
|
|
74
|
-
const onLogOut = jest.fn()
|
|
75
|
-
setup({ onLogOut })
|
|
76
|
-
act(() => {
|
|
77
|
-
clickLogout()
|
|
78
|
-
})
|
|
79
|
-
|
|
80
|
-
expect(onLogOut).toHaveBeenCalled()
|
|
81
|
-
})
|
|
82
|
-
})
|
|
83
|
-
})
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
-
var _cozyClient = require("cozy-client");
|
|
13
|
-
var _Actions = require("cozy-ui/transpiled/react/ActionsMenu/Actions");
|
|
14
|
-
var _ActionsMenu = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu"));
|
|
15
|
-
var _ActionsItems = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsItems"));
|
|
16
|
-
var _actions = require("./actions");
|
|
17
|
-
var _termsOfService = require("./actions/termsOfService");
|
|
18
|
-
var _legalNotice = require("./actions/legalNotice");
|
|
19
|
-
var _useI18n2 = _interopRequireDefault(require("../useI18n"));
|
|
20
|
-
var _excluded = ["isLoaded"];
|
|
21
|
-
var SettingsContent = function SettingsContent(_ref) {
|
|
22
|
-
var anchorRef = _ref.anchorRef,
|
|
23
|
-
instanceInfo = _ref.instanceInfo,
|
|
24
|
-
onLogOut = _ref.onLogOut,
|
|
25
|
-
isDrawer = _ref.isDrawer,
|
|
26
|
-
onClose = _ref.onClose;
|
|
27
|
-
var _useI18n = (0, _useI18n2.default)(),
|
|
28
|
-
t = _useI18n.t;
|
|
29
|
-
var actions = (0, _Actions.makeActions)([_actions.profile, _actions.appearance, _actions.plans, _actions.storage, _Actions.divider, _actions.permissions, _actions.connectedDevices, _actions.connections, _Actions.divider, _actions.help, _actions.contact, _legalNotice.legalNotice, _termsOfService.termsOfService, _actions.logout], {
|
|
30
|
-
t: t,
|
|
31
|
-
instanceInfo: instanceInfo,
|
|
32
|
-
onLogOut: onLogOut
|
|
33
|
-
});
|
|
34
|
-
if (isDrawer) return /*#__PURE__*/_react.default.createElement(_ActionsItems.default, {
|
|
35
|
-
actions: actions
|
|
36
|
-
});
|
|
37
|
-
return /*#__PURE__*/_react.default.createElement(_ActionsMenu.default, {
|
|
38
|
-
ref: anchorRef,
|
|
39
|
-
open: true,
|
|
40
|
-
docs: [],
|
|
41
|
-
actions: actions,
|
|
42
|
-
anchorOrigin: {
|
|
43
|
-
vertical: 'bottom',
|
|
44
|
-
horizontal: 'right'
|
|
45
|
-
},
|
|
46
|
-
autoClose: true,
|
|
47
|
-
onClose: onClose
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
SettingsContent.propTypes = {
|
|
51
|
-
instanceInfo: _propTypes.default.object,
|
|
52
|
-
onLogOut: _propTypes.default.func,
|
|
53
|
-
isDrawer: _propTypes.default.bool
|
|
54
|
-
};
|
|
55
|
-
var SettingsContentWithQuery = function SettingsContentWithQuery(props) {
|
|
56
|
-
var _useInstanceInfo = (0, _cozyClient.useInstanceInfo)(),
|
|
57
|
-
isLoaded = _useInstanceInfo.isLoaded,
|
|
58
|
-
instanceInfo = (0, _objectWithoutProperties2.default)(_useInstanceInfo, _excluded);
|
|
59
|
-
if (!isLoaded) return null;
|
|
60
|
-
return /*#__PURE__*/_react.default.createElement(SettingsContent, (0, _extends2.default)({
|
|
61
|
-
instanceInfo: instanceInfo
|
|
62
|
-
}, props));
|
|
63
|
-
};
|
|
64
|
-
SettingsContentWithQuery.defaultProps = {
|
|
65
|
-
isDrawer: false
|
|
66
|
-
};
|
|
67
|
-
SettingsContentWithQuery.propTypes = {
|
|
68
|
-
onLogOut: _propTypes.default.func,
|
|
69
|
-
isDrawer: _propTypes.default.bool
|
|
70
|
-
};
|
|
71
|
-
var _default = exports.default = SettingsContentWithQuery;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _cozyClient = require("cozy-client");
|
|
10
|
-
var _instance = require("cozy-client/dist/models/instance");
|
|
11
|
-
var _Progress = require("cozy-ui/transpiled/react/Progress");
|
|
12
|
-
var _useI18n2 = _interopRequireDefault(require("../useI18n"));
|
|
13
|
-
var StorageData = function StorageData() {
|
|
14
|
-
var _useI18n = (0, _useI18n2.default)(),
|
|
15
|
-
t = _useI18n.t;
|
|
16
|
-
var _useInstanceInfo = (0, _cozyClient.useInstanceInfo)(),
|
|
17
|
-
isLoaded = _useInstanceInfo.isLoaded,
|
|
18
|
-
diskUsage = _useInstanceInfo.diskUsage;
|
|
19
|
-
if (!isLoaded) return null;
|
|
20
|
-
|
|
21
|
-
// we used this default quota set in getStorageData, we just reuse it here
|
|
22
|
-
var storageData = (0, _instance.makeDiskInfos)(diskUsage.data.used, diskUsage.data.quota || Math.max(Math.pow(10, 12), 10 * parseInt(diskUsage.data.used, 10)));
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('storage_phrase', {
|
|
24
|
-
diskUsage: storageData.humanDiskUsage,
|
|
25
|
-
diskQuota: storageData.humanDiskQuota
|
|
26
|
-
}), /*#__PURE__*/_react.default.createElement(_Progress.LinearProgress, {
|
|
27
|
-
style: {
|
|
28
|
-
width: '85%'
|
|
29
|
-
},
|
|
30
|
-
className: "u-mt-half",
|
|
31
|
-
variant: "determinate",
|
|
32
|
-
value: parseInt(storageData.percentUsage)
|
|
33
|
-
}));
|
|
34
|
-
};
|
|
35
|
-
var _default = exports.default = StorageData;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.appearance = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _ActionsMenuItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem"));
|
|
12
|
-
var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
|
|
13
|
-
var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
|
|
14
|
-
var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
|
|
15
|
-
var _Palette = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Palette"));
|
|
16
|
-
var _helper = require("../helper");
|
|
17
|
-
var _excluded = ["action"];
|
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
var Component = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
21
|
-
var action = _ref.action,
|
|
22
|
-
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_ActionsMenuItem.default, (0, _extends2.default)({}, props, {
|
|
24
|
-
ref: ref
|
|
25
|
-
}), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
26
|
-
icon: action.icon
|
|
27
|
-
})), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
|
|
28
|
-
primary: action.label
|
|
29
|
-
}));
|
|
30
|
-
});
|
|
31
|
-
Component.displayName = 'AppearanceAction';
|
|
32
|
-
var appearance = exports.appearance = function appearance(_ref2) {
|
|
33
|
-
var t = _ref2.t;
|
|
34
|
-
var icon = _Palette.default;
|
|
35
|
-
var label = t('appearance');
|
|
36
|
-
return {
|
|
37
|
-
name: 'appearance',
|
|
38
|
-
icon: icon,
|
|
39
|
-
label: label,
|
|
40
|
-
action: function action(_, _ref3) {
|
|
41
|
-
var client = _ref3.client;
|
|
42
|
-
var link = (0, _helper.getSettingsLink)({
|
|
43
|
-
client: client,
|
|
44
|
-
hash: 'appearance'
|
|
45
|
-
});
|
|
46
|
-
window.open(link, '_self');
|
|
47
|
-
},
|
|
48
|
-
Component: Component
|
|
49
|
-
};
|
|
50
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.connectedDevices = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _ActionsMenuItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem"));
|
|
12
|
-
var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
|
|
13
|
-
var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
|
|
14
|
-
var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
|
|
15
|
-
var _Devices = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Devices"));
|
|
16
|
-
var _helper = require("../helper");
|
|
17
|
-
var _excluded = ["action"];
|
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
var Component = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
21
|
-
var action = _ref.action,
|
|
22
|
-
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_ActionsMenuItem.default, (0, _extends2.default)({}, props, {
|
|
24
|
-
ref: ref
|
|
25
|
-
}), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
26
|
-
icon: action.icon
|
|
27
|
-
})), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
|
|
28
|
-
primary: action.label
|
|
29
|
-
}));
|
|
30
|
-
});
|
|
31
|
-
Component.displayName = 'ConnectedDevicesAction';
|
|
32
|
-
var connectedDevices = exports.connectedDevices = function connectedDevices(_ref2) {
|
|
33
|
-
var t = _ref2.t;
|
|
34
|
-
var icon = _Devices.default;
|
|
35
|
-
var label = t('connectedDevices');
|
|
36
|
-
return {
|
|
37
|
-
name: 'connectedDevices',
|
|
38
|
-
icon: icon,
|
|
39
|
-
label: label,
|
|
40
|
-
action: function action(_, _ref3) {
|
|
41
|
-
var client = _ref3.client;
|
|
42
|
-
var link = (0, _helper.getSettingsLink)({
|
|
43
|
-
client: client,
|
|
44
|
-
hash: 'connectedDevices'
|
|
45
|
-
});
|
|
46
|
-
window.open(link, '_self');
|
|
47
|
-
},
|
|
48
|
-
Component: Component
|
|
49
|
-
};
|
|
50
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.connections = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _ActionsMenuItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem"));
|
|
12
|
-
var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
|
|
13
|
-
var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
|
|
14
|
-
var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
|
|
15
|
-
var _Globe = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Globe"));
|
|
16
|
-
var _helper = require("../helper");
|
|
17
|
-
var _excluded = ["action"];
|
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
var Component = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
21
|
-
var action = _ref.action,
|
|
22
|
-
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_ActionsMenuItem.default, (0, _extends2.default)({}, props, {
|
|
24
|
-
ref: ref
|
|
25
|
-
}), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
26
|
-
icon: action.icon
|
|
27
|
-
})), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
|
|
28
|
-
primary: action.label
|
|
29
|
-
}));
|
|
30
|
-
});
|
|
31
|
-
Component.displayName = 'ConnectionsAction';
|
|
32
|
-
var connections = exports.connections = function connections(_ref2) {
|
|
33
|
-
var t = _ref2.t;
|
|
34
|
-
var icon = _Globe.default;
|
|
35
|
-
var label = t('connections');
|
|
36
|
-
return {
|
|
37
|
-
name: 'connections',
|
|
38
|
-
icon: icon,
|
|
39
|
-
label: label,
|
|
40
|
-
action: function action(_, _ref3) {
|
|
41
|
-
var client = _ref3.client;
|
|
42
|
-
var link = (0, _helper.getSettingsLink)({
|
|
43
|
-
client: client,
|
|
44
|
-
hash: 'sessions'
|
|
45
|
-
});
|
|
46
|
-
window.open(link, '_self');
|
|
47
|
-
},
|
|
48
|
-
Component: Component
|
|
49
|
-
};
|
|
50
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.contact = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _ActionsMenuItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem"));
|
|
12
|
-
var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
|
|
13
|
-
var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
|
|
14
|
-
var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
|
|
15
|
-
var _Email = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Email"));
|
|
16
|
-
var _helper = require("../helper");
|
|
17
|
-
var _excluded = ["action"];
|
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
var Component = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
21
|
-
var action = _ref.action,
|
|
22
|
-
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_ActionsMenuItem.default, (0, _extends2.default)({}, props, {
|
|
24
|
-
ref: ref
|
|
25
|
-
}), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
26
|
-
icon: action.icon
|
|
27
|
-
})), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
|
|
28
|
-
primary: action.label
|
|
29
|
-
}));
|
|
30
|
-
});
|
|
31
|
-
Component.displayName = 'ContactAction';
|
|
32
|
-
var contact = exports.contact = function contact(_ref2) {
|
|
33
|
-
var t = _ref2.t;
|
|
34
|
-
var icon = _Email.default;
|
|
35
|
-
var label = t('contact');
|
|
36
|
-
return {
|
|
37
|
-
name: 'contact',
|
|
38
|
-
icon: icon,
|
|
39
|
-
label: label,
|
|
40
|
-
action: function action(_, _ref3) {
|
|
41
|
-
var client = _ref3.client;
|
|
42
|
-
var link = (0, _helper.getSettingsLink)({
|
|
43
|
-
client: client,
|
|
44
|
-
hash: 'support'
|
|
45
|
-
});
|
|
46
|
-
window.open(link, '_self');
|
|
47
|
-
},
|
|
48
|
-
Component: Component
|
|
49
|
-
};
|
|
50
|
-
};
|