cozy-bar 18.2.0 → 18.3.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/README.md +9 -0
- package/dist/components/Apps/AppItem.js +11 -32
- package/dist/components/Apps/AppItemPlaceholder.js +2 -8
- package/dist/components/Apps/AppNavButtons.js +11 -32
- package/dist/components/Apps/AppsContent.js +8 -33
- package/dist/components/Apps/ButtonCozyHome.js +2 -14
- package/dist/components/Apps/IconCozyHome.js +3 -22
- package/dist/components/Apps/index.js +13 -25
- package/dist/components/AppsMenu/AppsMenuContent.js +5 -28
- package/dist/components/AppsMenu/components/AppItem.js +3 -19
- package/dist/components/AppsMenu/components/AppItemPlaceholder.js +2 -9
- package/dist/components/AppsMenu/index.js +7 -24
- package/dist/components/Banner.js +8 -19
- package/dist/components/Bar.js +47 -94
- package/dist/components/BarCenter.js +0 -3
- package/dist/components/BarComponent.js +44 -69
- package/dist/components/BarLeft.js +0 -3
- package/dist/components/BarProvider.js +21 -39
- package/dist/components/BarRight.js +0 -3
- package/dist/components/BarRoutes.js +2 -9
- package/dist/components/BarSearch.js +0 -3
- package/dist/components/BarTheme.js +0 -3
- package/dist/components/Drawer.js +44 -107
- package/dist/components/HelpLink/index.js +1 -9
- package/dist/components/Search/SearchButton.js +4 -15
- package/dist/components/Settings/SettingsContent.js +9 -29
- package/dist/components/Settings/StorageData.js +6 -16
- package/dist/components/Settings/actions/appearance.js +7 -20
- package/dist/components/Settings/actions/connectedDevices.js +7 -20
- package/dist/components/Settings/actions/connections.js +7 -20
- package/dist/components/Settings/actions/contact.js +7 -20
- package/dist/components/Settings/actions/help.js +7 -20
- package/dist/components/Settings/actions/index.js +0 -10
- package/dist/components/Settings/actions/legalNotice.js +8 -21
- package/dist/components/Settings/actions/logout.js +32 -59
- package/dist/components/Settings/actions/permissions.js +7 -21
- package/dist/components/Settings/actions/plans.js +8 -24
- package/dist/components/Settings/actions/profile.js +7 -20
- package/dist/components/Settings/actions/storage.js +7 -21
- package/dist/components/Settings/actions/termsOfService.js +8 -21
- package/dist/components/Settings/helper.js +5 -12
- package/dist/components/Settings/index.js +8 -25
- package/dist/components/UserMenu/UserMenuContent.js +10 -45
- package/dist/components/UserMenu/components/AvatarMyself.js +5 -19
- package/dist/components/UserMenu/helpers.js +28 -50
- package/dist/components/UserMenu/index.js +10 -29
- package/dist/components/useI18n.js +1 -8
- package/dist/dom.js +12 -33
- package/dist/index.js +16 -28
- package/dist/lib/exceptions.js +35 -90
- package/dist/lib/icon.js +89 -123
- package/dist/lib/logger.js +1 -9
- package/dist/lib/queries.js +2 -7
- package/dist/lib/realtime.js +26 -44
- package/dist/lib/reducers/apps.js +96 -165
- package/dist/lib/reducers/context.js +52 -78
- package/dist/lib/reducers/index.js +32 -55
- package/dist/lib/reducers/settings.js +85 -129
- package/dist/lib/stack-client.js +46 -90
- package/dist/lib/stack.js +6 -24
- package/dist/lib/store/index.js +6 -24
- package/dist/proptypes/index.js +2 -7
- package/package.json +2 -3
|
@@ -1,127 +1,85 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
4
|
Object.defineProperty(exports, "__esModule", {
|
|
8
5
|
value: true
|
|
9
6
|
});
|
|
10
7
|
exports.default = exports.Drawer = void 0;
|
|
11
|
-
|
|
12
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
|
-
|
|
14
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
|
-
|
|
16
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
-
|
|
18
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
-
|
|
20
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
-
|
|
22
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
-
|
|
24
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
25
|
-
|
|
26
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
27
|
-
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
28
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
|
-
|
|
30
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
31
|
-
|
|
32
17
|
var _reactRedux = require("react-redux");
|
|
33
|
-
|
|
34
18
|
var _hammerjs = _interopRequireDefault(require("hammerjs"));
|
|
35
|
-
|
|
36
19
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
37
|
-
|
|
38
20
|
var _Divider = _interopRequireDefault(require("cozy-ui/transpiled/react/Divider"));
|
|
39
|
-
|
|
40
21
|
var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
|
|
41
|
-
|
|
42
22
|
var _Paper = _interopRequireDefault(require("cozy-ui/transpiled/react/Paper"));
|
|
43
|
-
|
|
44
23
|
var _AppsContent = _interopRequireDefault(require("./Apps/AppsContent"));
|
|
45
|
-
|
|
46
24
|
var _SettingsContent = _interopRequireDefault(require("./Settings/SettingsContent"));
|
|
47
|
-
|
|
48
25
|
var _reducers = require("../lib/reducers");
|
|
49
|
-
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
function _isNativeReflectConstruct() {
|
|
53
|
-
|
|
54
|
-
var Drawer = /*#__PURE__*/function (_Component) {
|
|
55
|
-
(0, _inherits2.default)(Drawer, _Component);
|
|
56
|
-
|
|
57
|
-
var _super = _createSuper(Drawer);
|
|
58
|
-
|
|
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) {
|
|
59
31
|
function Drawer(props) {
|
|
60
32
|
var _this;
|
|
61
|
-
|
|
62
33
|
(0, _classCallCheck2.default)(this, Drawer);
|
|
63
|
-
_this =
|
|
64
|
-
(0, _defineProperty2.default)(
|
|
34
|
+
_this = _callSuper(this, Drawer, [props]);
|
|
35
|
+
(0, _defineProperty2.default)(_this, "onDrawerClick", function (event) {
|
|
65
36
|
if (event.target === _this.wrapperRef) {
|
|
66
37
|
_this.close();
|
|
67
38
|
}
|
|
68
39
|
});
|
|
69
|
-
(0, _defineProperty2.default)(
|
|
40
|
+
(0, _defineProperty2.default)(_this, "onTransitionEnd", function () {
|
|
70
41
|
if (_this.props.visible) {
|
|
71
42
|
if (!_this.gesturesHandler) _this.attachGestures();
|
|
72
|
-
|
|
73
43
|
_this.preventBackgroundScrolling();
|
|
74
44
|
} else {
|
|
75
45
|
_this.restoreBackgroundScrolling();
|
|
76
|
-
|
|
77
46
|
_this.setState({
|
|
78
47
|
isClosing: false
|
|
79
48
|
});
|
|
80
49
|
}
|
|
81
|
-
|
|
82
50
|
_this.props.drawerListener();
|
|
83
51
|
});
|
|
84
|
-
(0, _defineProperty2.default)(
|
|
85
|
-
var _ref = (0, _asyncToGenerator2.default)(
|
|
52
|
+
(0, _defineProperty2.default)(_this, "UNSAFE_componentWillReceiveProps", /*#__PURE__*/function () {
|
|
53
|
+
var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(nextProps) {
|
|
86
54
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
87
|
-
while (1) {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
if (!(!_this.props.visible && nextProps.visible)) {
|
|
91
|
-
_context.next = 3;
|
|
92
|
-
break;
|
|
93
|
-
}
|
|
94
|
-
|
|
55
|
+
while (1) switch (_context.prev = _context.next) {
|
|
56
|
+
case 0:
|
|
57
|
+
if (!(!_this.props.visible && nextProps.visible)) {
|
|
95
58
|
_context.next = 3;
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
59
|
+
break;
|
|
60
|
+
}
|
|
61
|
+
_context.next = 3;
|
|
62
|
+
return _this.props.fetchSettingsData();
|
|
63
|
+
case 3:
|
|
64
|
+
case "end":
|
|
65
|
+
return _context.stop();
|
|
102
66
|
}
|
|
103
67
|
}, _callee);
|
|
104
68
|
}));
|
|
105
|
-
|
|
106
69
|
return function (_x) {
|
|
107
70
|
return _ref.apply(this, arguments);
|
|
108
71
|
};
|
|
109
72
|
}());
|
|
110
|
-
(0, _defineProperty2.default)(
|
|
73
|
+
(0, _defineProperty2.default)(_this, "close", function () {
|
|
111
74
|
if (_this.state.isClosing) return;
|
|
112
|
-
|
|
113
75
|
_this.detachGestures();
|
|
114
|
-
|
|
115
76
|
_this.setState(function () {
|
|
116
77
|
return {
|
|
117
78
|
isClosing: true
|
|
118
79
|
};
|
|
119
80
|
});
|
|
120
|
-
|
|
121
81
|
_this.turnTransitionsOn();
|
|
122
|
-
|
|
123
82
|
_this.props.onClose();
|
|
124
|
-
|
|
125
83
|
_this.asideRef.style.transform = '';
|
|
126
84
|
});
|
|
127
85
|
_this.state = {
|
|
@@ -130,29 +88,24 @@ var Drawer = /*#__PURE__*/function (_Component) {
|
|
|
130
88
|
};
|
|
131
89
|
return _this;
|
|
132
90
|
}
|
|
133
|
-
|
|
134
|
-
(0, _createClass2.default)(Drawer, [{
|
|
91
|
+
(0, _inherits2.default)(Drawer, _Component);
|
|
92
|
+
return (0, _createClass2.default)(Drawer, [{
|
|
135
93
|
key: "componentDidMount",
|
|
136
94
|
value: function () {
|
|
137
|
-
var _componentDidMount = (0, _asyncToGenerator2.default)(
|
|
95
|
+
var _componentDidMount = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
138
96
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
139
|
-
while (1) {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
case "end":
|
|
146
|
-
return _context2.stop();
|
|
147
|
-
}
|
|
97
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
98
|
+
case 0:
|
|
99
|
+
this.turnTransitionsOn();
|
|
100
|
+
case 1:
|
|
101
|
+
case "end":
|
|
102
|
+
return _context2.stop();
|
|
148
103
|
}
|
|
149
104
|
}, _callee2, this);
|
|
150
105
|
}));
|
|
151
|
-
|
|
152
106
|
function componentDidMount() {
|
|
153
107
|
return _componentDidMount.apply(this, arguments);
|
|
154
108
|
}
|
|
155
|
-
|
|
156
109
|
return componentDidMount;
|
|
157
110
|
}()
|
|
158
111
|
}, {
|
|
@@ -187,7 +140,6 @@ var Drawer = /*#__PURE__*/function (_Component) {
|
|
|
187
140
|
key: "attachGestures",
|
|
188
141
|
value: function attachGestures() {
|
|
189
142
|
var _this2 = this;
|
|
190
|
-
|
|
191
143
|
// IMPORTANT: on Chrome, the `overflow-y: scroll` property on .coz-drawer--apps prevented
|
|
192
144
|
// swipe events to be dispatched correctly ; the `touch-action: pan-y` fixes the problem
|
|
193
145
|
// see drawer.css
|
|
@@ -196,56 +148,49 @@ var Drawer = /*#__PURE__*/function (_Component) {
|
|
|
196
148
|
recognizers: [[_hammerjs.default.Pan, {
|
|
197
149
|
direction: _hammerjs.default.DIRECTION_ALL
|
|
198
150
|
}]]
|
|
199
|
-
});
|
|
200
|
-
// left of the page; but using the width is much easier to compute and accurate enough.
|
|
201
|
-
|
|
202
|
-
var maximumGestureDistance = this.asideRef.getBoundingClientRect().width; // between 0 and 1, how far down the gesture must be to be considered complete upon release
|
|
203
|
-
|
|
204
|
-
var minimumCloseDistance = 0.4; // a gesture faster than this will dismiss the menu, regardless of distance traveled
|
|
151
|
+
});
|
|
205
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
|
|
206
159
|
var minimumCloseVelocity = 0.2;
|
|
207
160
|
var currentGestureProgress = null;
|
|
208
161
|
this.gesturesHandler.on('panstart', function (event) {
|
|
209
162
|
if (_this2.state.isClosing) return;
|
|
210
|
-
|
|
211
163
|
if (event.additionalEvent === 'panup' || event.additionalEvent === 'pandown') {
|
|
212
164
|
_this2.setState({
|
|
213
165
|
isScrolling: true
|
|
214
166
|
});
|
|
215
167
|
} else {
|
|
216
168
|
_this2.turnTransitionsOff();
|
|
217
|
-
|
|
218
169
|
currentGestureProgress = 0;
|
|
219
170
|
}
|
|
220
171
|
});
|
|
221
172
|
this.gesturesHandler.on('pan', function (e) {
|
|
222
173
|
if (_this2.state.isClosing || _this2.state.isScrolling) return;
|
|
223
174
|
currentGestureProgress = -e.deltaX / maximumGestureDistance;
|
|
224
|
-
|
|
225
175
|
_this2.applyTransformation(currentGestureProgress);
|
|
226
176
|
});
|
|
227
177
|
this.gesturesHandler.on('panend', function (e) {
|
|
228
178
|
if (_this2.state.isClosing) return;
|
|
229
|
-
|
|
230
179
|
if (_this2.state.isScrolling) {
|
|
231
180
|
_this2.setState({
|
|
232
181
|
isScrolling: false
|
|
233
182
|
});
|
|
234
|
-
|
|
235
183
|
return;
|
|
236
|
-
}
|
|
184
|
+
}
|
|
185
|
+
// Dismiss the menu if the swipe pan was bigger than the treshold,
|
|
237
186
|
// or if it was a fast, leftward gesture
|
|
238
|
-
|
|
239
|
-
|
|
240
187
|
var haveTravelledFarEnough = -e.deltaX / maximumGestureDistance >= minimumCloseDistance;
|
|
241
188
|
var haveTravelledFastEnough = e.velocity < 0 && Math.abs(e.velocity) >= minimumCloseVelocity;
|
|
242
189
|
var shouldDismiss = haveTravelledFarEnough || haveTravelledFastEnough;
|
|
243
|
-
|
|
244
190
|
if (shouldDismiss) {
|
|
245
191
|
_this2.close();
|
|
246
192
|
} else {
|
|
247
193
|
_this2.turnTransitionsOn();
|
|
248
|
-
|
|
249
194
|
_this2.applyTransformation(0);
|
|
250
195
|
}
|
|
251
196
|
});
|
|
@@ -261,11 +206,10 @@ var Drawer = /*#__PURE__*/function (_Component) {
|
|
|
261
206
|
key: "render",
|
|
262
207
|
value: function render() {
|
|
263
208
|
var _this3 = this;
|
|
264
|
-
|
|
265
209
|
var _this$props = this.props,
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
210
|
+
visible = _this$props.visible,
|
|
211
|
+
isInvertedTheme = _this$props.isInvertedTheme,
|
|
212
|
+
onLogOut = _this$props.onLogOut;
|
|
269
213
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
270
214
|
className: "coz-drawer-wrapper",
|
|
271
215
|
onClick: this.onDrawerClick,
|
|
@@ -293,10 +237,7 @@ var Drawer = /*#__PURE__*/function (_Component) {
|
|
|
293
237
|
}))))));
|
|
294
238
|
}
|
|
295
239
|
}]);
|
|
296
|
-
return Drawer;
|
|
297
240
|
}(_react.Component);
|
|
298
|
-
|
|
299
|
-
exports.Drawer = Drawer;
|
|
300
241
|
Drawer.propTypes = {
|
|
301
242
|
visible: _propTypes.default.bool,
|
|
302
243
|
onClose: _propTypes.default.func,
|
|
@@ -304,7 +245,6 @@ Drawer.propTypes = {
|
|
|
304
245
|
isInvertedTheme: _propTypes.default.bool,
|
|
305
246
|
fetchSettingsData: _propTypes.default.func
|
|
306
247
|
};
|
|
307
|
-
|
|
308
248
|
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
|
309
249
|
return {
|
|
310
250
|
fetchSettingsData: function fetchSettingsData() {
|
|
@@ -312,7 +252,4 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
|
|
312
252
|
}
|
|
313
253
|
};
|
|
314
254
|
};
|
|
315
|
-
|
|
316
|
-
var _default = (0, _reactRedux.connect)(null, mapDispatchToProps)(Drawer);
|
|
317
|
-
|
|
318
|
-
exports.default = _default;
|
|
255
|
+
var _default = exports.default = (0, _reactRedux.connect)(null, mapDispatchToProps)(Drawer);
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
|
|
13
|
-
|
|
14
10
|
var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
|
|
15
|
-
|
|
16
11
|
var _HelpOutlined = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/HelpOutlined"));
|
|
17
|
-
|
|
18
12
|
var HelpLink = function HelpLink() {
|
|
19
13
|
return /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
20
14
|
component: "a",
|
|
@@ -27,6 +21,4 @@ var HelpLink = function HelpLink() {
|
|
|
27
21
|
size: "18"
|
|
28
22
|
}));
|
|
29
23
|
};
|
|
30
|
-
|
|
31
|
-
var _default = HelpLink;
|
|
32
|
-
exports.default = _default;
|
|
24
|
+
var _default = exports.default = HelpLink;
|
|
@@ -1,30 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
|
-
|
|
7
4
|
Object.defineProperty(exports, "__esModule", {
|
|
8
5
|
value: true
|
|
9
6
|
});
|
|
10
7
|
exports.default = void 0;
|
|
11
|
-
|
|
12
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
9
|
var _reactRouterDom = require("react-router-dom");
|
|
15
|
-
|
|
16
10
|
var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
|
|
17
|
-
|
|
18
11
|
var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
|
|
19
|
-
|
|
20
12
|
var _Magnifier = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Magnifier"));
|
|
21
|
-
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
22
15
|
var SearchButton = function SearchButton() {
|
|
23
16
|
var navigate = (0, _reactRouterDom.useNavigate)();
|
|
24
|
-
|
|
25
17
|
var _useLocation = (0, _reactRouterDom.useLocation)(),
|
|
26
|
-
|
|
27
|
-
|
|
18
|
+
pathname = _useLocation.pathname;
|
|
28
19
|
var goToSearch = (0, _react.useCallback)(function () {
|
|
29
20
|
navigate("/search?returnPath=".concat(pathname));
|
|
30
21
|
}, [navigate, pathname]);
|
|
@@ -34,6 +25,4 @@ var SearchButton = function SearchButton() {
|
|
|
34
25
|
icon: _Magnifier.default
|
|
35
26
|
}));
|
|
36
27
|
};
|
|
37
|
-
|
|
38
|
-
var _default = SearchButton;
|
|
39
|
-
exports.default = _default;
|
|
28
|
+
var _default = exports.default = SearchButton;
|
|
@@ -1,46 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
|
|
18
12
|
var _cozyClient = require("cozy-client");
|
|
19
|
-
|
|
20
13
|
var _Actions = require("cozy-ui/transpiled/react/ActionsMenu/Actions");
|
|
21
|
-
|
|
22
14
|
var _ActionsMenu = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu"));
|
|
23
|
-
|
|
24
15
|
var _ActionsItems = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsItems"));
|
|
25
|
-
|
|
26
16
|
var _actions = require("./actions");
|
|
27
|
-
|
|
28
17
|
var _termsOfService = require("./actions/termsOfService");
|
|
29
|
-
|
|
30
18
|
var _legalNotice = require("./actions/legalNotice");
|
|
31
|
-
|
|
32
19
|
var _useI18n2 = _interopRequireDefault(require("../useI18n"));
|
|
33
|
-
|
|
20
|
+
var _excluded = ["isLoaded"];
|
|
34
21
|
var SettingsContent = function SettingsContent(_ref) {
|
|
35
22
|
var anchorRef = _ref.anchorRef,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
23
|
+
instanceInfo = _ref.instanceInfo,
|
|
24
|
+
onLogOut = _ref.onLogOut,
|
|
25
|
+
isDrawer = _ref.isDrawer,
|
|
26
|
+
onClose = _ref.onClose;
|
|
41
27
|
var _useI18n = (0, _useI18n2.default)(),
|
|
42
|
-
|
|
43
|
-
|
|
28
|
+
t = _useI18n.t;
|
|
44
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], {
|
|
45
30
|
t: t,
|
|
46
31
|
instanceInfo: instanceInfo,
|
|
@@ -62,24 +47,20 @@ var SettingsContent = function SettingsContent(_ref) {
|
|
|
62
47
|
onClose: onClose
|
|
63
48
|
});
|
|
64
49
|
};
|
|
65
|
-
|
|
66
50
|
SettingsContent.propTypes = {
|
|
67
51
|
instanceInfo: _propTypes.default.object,
|
|
68
52
|
onLogOut: _propTypes.default.func,
|
|
69
53
|
isDrawer: _propTypes.default.bool
|
|
70
54
|
};
|
|
71
|
-
|
|
72
55
|
var SettingsContentWithQuery = function SettingsContentWithQuery(props) {
|
|
73
56
|
var _useInstanceInfo = (0, _cozyClient.useInstanceInfo)(),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
57
|
+
isLoaded = _useInstanceInfo.isLoaded,
|
|
58
|
+
instanceInfo = (0, _objectWithoutProperties2.default)(_useInstanceInfo, _excluded);
|
|
77
59
|
if (!isLoaded) return null;
|
|
78
60
|
return /*#__PURE__*/_react.default.createElement(SettingsContent, (0, _extends2.default)({
|
|
79
61
|
instanceInfo: instanceInfo
|
|
80
62
|
}, props));
|
|
81
63
|
};
|
|
82
|
-
|
|
83
64
|
SettingsContentWithQuery.defaultProps = {
|
|
84
65
|
isDrawer: false
|
|
85
66
|
};
|
|
@@ -87,5 +68,4 @@ SettingsContentWithQuery.propTypes = {
|
|
|
87
68
|
onLogOut: _propTypes.default.func,
|
|
88
69
|
isDrawer: _propTypes.default.bool
|
|
89
70
|
};
|
|
90
|
-
var _default = SettingsContentWithQuery;
|
|
91
|
-
exports.default = _default;
|
|
71
|
+
var _default = exports.default = SettingsContentWithQuery;
|
|
@@ -1,32 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _cozyClient = require("cozy-client");
|
|
13
|
-
|
|
14
10
|
var _instance = require("cozy-client/dist/models/instance");
|
|
15
|
-
|
|
16
11
|
var _Progress = require("cozy-ui/transpiled/react/Progress");
|
|
17
|
-
|
|
18
12
|
var _useI18n2 = _interopRequireDefault(require("../useI18n"));
|
|
19
|
-
|
|
20
13
|
var StorageData = function StorageData() {
|
|
21
14
|
var _useI18n = (0, _useI18n2.default)(),
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
t = _useI18n.t;
|
|
24
16
|
var _useInstanceInfo = (0, _cozyClient.useInstanceInfo)(),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
if (!isLoaded) return null; // we used this default quota set in getStorageData, we just reuse it here
|
|
17
|
+
isLoaded = _useInstanceInfo.isLoaded,
|
|
18
|
+
diskUsage = _useInstanceInfo.diskUsage;
|
|
19
|
+
if (!isLoaded) return null;
|
|
29
20
|
|
|
21
|
+
// we used this default quota set in getStorageData, we just reuse it here
|
|
30
22
|
var storageData = (0, _instance.makeDiskInfos)(diskUsage.data.used, diskUsage.data.quota || Math.max(Math.pow(10, 12), 10 * parseInt(diskUsage.data.used, 10)));
|
|
31
23
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('storage_phrase', {
|
|
32
24
|
diskUsage: storageData.humanDiskUsage,
|
|
@@ -40,6 +32,4 @@ var StorageData = function StorageData() {
|
|
|
40
32
|
value: parseInt(storageData.percentUsage)
|
|
41
33
|
}));
|
|
42
34
|
};
|
|
43
|
-
|
|
44
|
-
var _default = StorageData;
|
|
45
|
-
exports.default = _default;
|
|
35
|
+
var _default = exports.default = StorageData;
|
|
@@ -1,35 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
4
|
Object.defineProperty(exports, "__esModule", {
|
|
8
5
|
value: true
|
|
9
6
|
});
|
|
10
7
|
exports.appearance = void 0;
|
|
11
|
-
|
|
12
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
11
|
var _ActionsMenuItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem"));
|
|
19
|
-
|
|
20
12
|
var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
|
|
21
|
-
|
|
22
13
|
var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
|
|
23
|
-
|
|
24
14
|
var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
|
|
25
|
-
|
|
26
15
|
var _Palette = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Palette"));
|
|
27
|
-
|
|
28
16
|
var _helper = require("../helper");
|
|
29
|
-
|
|
30
|
-
var
|
|
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) {
|
|
31
21
|
var action = _ref.action,
|
|
32
|
-
|
|
22
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
33
23
|
return /*#__PURE__*/_react.default.createElement(_ActionsMenuItem.default, (0, _extends2.default)({}, props, {
|
|
34
24
|
ref: ref
|
|
35
25
|
}), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
@@ -39,8 +29,7 @@ var Component = (0, _react.forwardRef)(function (_ref, ref) {
|
|
|
39
29
|
}));
|
|
40
30
|
});
|
|
41
31
|
Component.displayName = 'AppearanceAction';
|
|
42
|
-
|
|
43
|
-
var appearance = function appearance(_ref2) {
|
|
32
|
+
var appearance = exports.appearance = function appearance(_ref2) {
|
|
44
33
|
var t = _ref2.t;
|
|
45
34
|
var icon = _Palette.default;
|
|
46
35
|
var label = t('appearance');
|
|
@@ -58,6 +47,4 @@ var appearance = function appearance(_ref2) {
|
|
|
58
47
|
},
|
|
59
48
|
Component: Component
|
|
60
49
|
};
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
exports.appearance = appearance;
|
|
50
|
+
};
|
|
@@ -1,35 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
4
|
Object.defineProperty(exports, "__esModule", {
|
|
8
5
|
value: true
|
|
9
6
|
});
|
|
10
7
|
exports.connectedDevices = void 0;
|
|
11
|
-
|
|
12
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
11
|
var _ActionsMenuItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem"));
|
|
19
|
-
|
|
20
12
|
var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
|
|
21
|
-
|
|
22
13
|
var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
|
|
23
|
-
|
|
24
14
|
var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
|
|
25
|
-
|
|
26
15
|
var _Devices = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Devices"));
|
|
27
|
-
|
|
28
16
|
var _helper = require("../helper");
|
|
29
|
-
|
|
30
|
-
var
|
|
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) {
|
|
31
21
|
var action = _ref.action,
|
|
32
|
-
|
|
22
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
33
23
|
return /*#__PURE__*/_react.default.createElement(_ActionsMenuItem.default, (0, _extends2.default)({}, props, {
|
|
34
24
|
ref: ref
|
|
35
25
|
}), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
@@ -39,8 +29,7 @@ var Component = (0, _react.forwardRef)(function (_ref, ref) {
|
|
|
39
29
|
}));
|
|
40
30
|
});
|
|
41
31
|
Component.displayName = 'ConnectedDevicesAction';
|
|
42
|
-
|
|
43
|
-
var connectedDevices = function connectedDevices(_ref2) {
|
|
32
|
+
var connectedDevices = exports.connectedDevices = function connectedDevices(_ref2) {
|
|
44
33
|
var t = _ref2.t;
|
|
45
34
|
var icon = _Devices.default;
|
|
46
35
|
var label = t('connectedDevices');
|
|
@@ -58,6 +47,4 @@ var connectedDevices = function connectedDevices(_ref2) {
|
|
|
58
47
|
},
|
|
59
48
|
Component: Component
|
|
60
49
|
};
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
exports.connectedDevices = connectedDevices;
|
|
50
|
+
};
|