@jbrowse/core 1.5.8 → 1.6.2
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/BaseFeatureWidget/BaseFeatureDetail.js +91 -78
- package/BaseFeatureWidget/SequenceFeatureDetails.js +65 -57
- package/BaseFeatureWidget/SequenceFeatureDetails.test.js +9 -9
- package/BaseFeatureWidget/index.js +1 -1
- package/BaseFeatureWidget/index.test.js +4 -4
- package/BaseFeatureWidget/util.js +13 -9
- package/CorePlugin.js +32 -20
- package/Plugin.js +13 -11
- package/PluginLoader.js +38 -33
- package/PluginManager.d.ts +8 -5
- package/PluginManager.js +142 -53
- package/ReExports/index.js +4 -4
- package/ReExports/list.js +2 -2
- package/ReExports/material-ui-colors.js +20 -20
- package/ReExports/modules.d.ts +7 -5
- package/ReExports/modules.js +51 -47
- package/TextSearch/BaseResults.js +34 -24
- package/TextSearch/BaseResults.test.js +7 -3
- package/TextSearch/TextSearchManager.js +17 -15
- package/assemblyManager/assembly.js +39 -34
- package/assemblyManager/assemblyConfigSchema.js +2 -2
- package/assemblyManager/assemblyManager.js +20 -16
- package/assemblyManager/index.js +3 -3
- package/babel.config.d.ts +15 -0
- package/babel.config.js +19 -0
- package/configuration/configurationSchema.js +19 -17
- package/configuration/configurationSlot.js +11 -11
- package/configuration/configurationSlot.test.js +5 -5
- package/configuration/index.d.ts +1 -0
- package/configuration/util.js +5 -5
- package/data_adapters/BaseAdapter.d.ts +15 -3
- package/data_adapters/BaseAdapter.js +216 -62
- package/data_adapters/BaseAdapter.test.js +30 -24
- package/data_adapters/CytobandAdapter.d.ts +1 -1
- package/data_adapters/CytobandAdapter.js +25 -19
- package/data_adapters/dataAdapterCache.js +9 -9
- package/package.json +3 -3
- package/pluggableElementTypes/AdapterType.js +31 -22
- package/pluggableElementTypes/ConnectionType.js +28 -18
- package/pluggableElementTypes/DisplayType.js +27 -17
- package/pluggableElementTypes/InternetAccountType.js +24 -14
- package/pluggableElementTypes/PluggableElementBase.js +10 -8
- package/pluggableElementTypes/RpcMethodType.d.ts +1 -1
- package/pluggableElementTypes/RpcMethodType.js +141 -118
- package/pluggableElementTypes/RpcMethodType.test.js +23 -17
- package/pluggableElementTypes/TextSearchAdapterType.js +25 -15
- package/pluggableElementTypes/TrackType.js +25 -15
- package/pluggableElementTypes/ViewType.js +25 -15
- package/pluggableElementTypes/WidgetType.js +27 -17
- package/pluggableElementTypes/index.js +11 -11
- package/pluggableElementTypes/models/BaseConnectionModelFactory.js +5 -5
- package/pluggableElementTypes/models/BaseDisplayModel.js +8 -5
- package/pluggableElementTypes/models/BaseTrackModel.js +11 -8
- package/pluggableElementTypes/models/BaseViewModel.js +3 -3
- package/pluggableElementTypes/models/InternetAccountModel.d.ts +1 -1
- package/pluggableElementTypes/models/InternetAccountModel.js +5 -5
- package/pluggableElementTypes/models/baseConnectionConfig.js +2 -2
- package/pluggableElementTypes/models/baseTrackConfig.js +7 -4
- package/pluggableElementTypes/models/index.js +4 -4
- package/pluggableElementTypes/renderers/BoxRendererType.js +49 -39
- package/pluggableElementTypes/renderers/CircularChordRendererType.js +18 -12
- package/pluggableElementTypes/renderers/ComparativeServerSideRendererType.js +35 -27
- package/pluggableElementTypes/renderers/FeatureRendererType.js +46 -36
- package/pluggableElementTypes/renderers/RendererType.js +31 -21
- package/pluggableElementTypes/renderers/ServerSideRenderedContent.js +12 -8
- package/pluggableElementTypes/renderers/ServerSideRendererType.d.ts +1 -1
- package/pluggableElementTypes/renderers/ServerSideRendererType.js +45 -33
- package/pluggableElementTypes/renderers/index.js +8 -8
- package/pluggableElementTypes/renderers/util/serializableFilterChain.js +10 -8
- package/pluggableElementTypes/renderers/util/serializableFilterChain.test.js +2 -2
- package/rpc/BaseRpcDriver.js +43 -38
- package/rpc/BaseRpcDriver.test.js +63 -49
- package/rpc/MainThreadRpcDriver.js +32 -22
- package/rpc/RpcManager.js +19 -17
- package/rpc/WebWorkerRpcDriver.js +38 -28
- package/rpc/configSchema.js +2 -2
- package/rpc/coreRpcMethods.d.ts +16 -0
- package/rpc/coreRpcMethods.js +248 -121
- package/rpc/remoteAbortSignals.js +3 -3
- package/ui/AboutDialog.js +21 -17
- package/ui/App.js +42 -38
- package/ui/AssemblySelector.d.ts +1 -1
- package/ui/AssemblySelector.js +6 -6
- package/ui/Drawer.js +7 -7
- package/ui/DrawerWidget.d.ts +1 -1
- package/ui/DrawerWidget.js +37 -33
- package/ui/DropDownMenu.js +21 -9
- package/ui/EditableTypography.js +30 -19
- package/ui/ErrorMessage.js +5 -5
- package/ui/FactoryResetDialog.js +8 -8
- package/ui/FatalErrorDialog.js +29 -12
- package/ui/FatalErrorDialog.test.js +11 -11
- package/ui/FileSelector/FileSelector.js +42 -32
- package/ui/FileSelector/LocalFileChooser.js +9 -9
- package/ui/FileSelector/UrlChooser.js +4 -4
- package/ui/FileSelector/index.js +4 -4
- package/ui/Icons.js +9 -9
- package/ui/Logo.js +19 -19
- package/ui/Menu.js +46 -35
- package/ui/NewSessionCards.js +29 -19
- package/ui/PrerenderedCanvas.js +27 -10
- package/ui/ResizeHandle.js +17 -10
- package/ui/SanitizedHTML.js +5 -5
- package/ui/SanitizedHTML.test.js +4 -4
- package/ui/Snackbar.js +16 -12
- package/ui/SnackbarModel.js +1 -1
- package/ui/Tooltip.js +11 -7
- package/ui/ViewContainer.d.ts +2 -5
- package/ui/ViewContainer.js +44 -49
- package/ui/index.d.ts +1 -0
- package/ui/index.js +26 -13
- package/ui/theme.js +15 -11
- package/util/Base1DViewModel.d.ts +14 -12
- package/util/Base1DViewModel.js +51 -55
- package/util/Base1DViewModel.test.js +5 -5
- package/util/QuickLRU.js +31 -27
- package/util/aborting.js +26 -16
- package/util/analytics.d.ts +1 -0
- package/util/analytics.js +15 -7
- package/util/blockTypes.js +48 -36
- package/util/calculateDynamicBlocks.js +4 -4
- package/util/calculateDynamicBlocks.test.js +14 -10
- package/util/calculateStaticBlocks.js +1 -1
- package/util/calculateStaticBlocks.test.js +15 -15
- package/util/compositeMap.js +31 -27
- package/util/idMaker.js +4 -4
- package/util/index.d.ts +23 -1
- package/util/index.js +138 -44
- package/util/index.test.js +11 -7
- package/util/io/RemoteFileWithRangeCache.js +41 -29
- package/util/io/index.js +6 -6
- package/util/jexl.js +5 -5
- package/util/jexlStrings.js +2 -2
- package/util/jexlStrings.test.js +2 -2
- package/util/layouts/GranularRectLayout.js +33 -27
- package/util/layouts/GranularRectLayout.test.js +10 -10
- package/util/layouts/MultiLayout.js +19 -13
- package/util/layouts/PrecomputedLayout.js +16 -14
- package/util/layouts/PrecomputedMultiLayout.js +23 -17
- package/util/layouts/SceneGraph.js +18 -12
- package/util/layouts/index.js +6 -6
- package/util/offscreenCanvasPonyfill.js +31 -29
- package/util/offscreenCanvasUtils.js +6 -6
- package/util/range.test.js +20 -20
- package/util/rxjs.js +2 -2
- package/util/simpleFeature.js +23 -18
- package/util/simpleFeature.test.js +3 -3
- package/util/stats.d.ts +1 -1
- package/util/stats.js +11 -7
- package/util/stats.test.js +16 -16
- package/util/tracks.js +1 -3
- package/util/types/index.d.ts +1 -1
- package/util/types/index.js +36 -31
- package/util/types/mst.js +19 -15
- package/util/when.js +6 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -11,7 +11,7 @@ exports.remoteAbort = remoteAbort;
|
|
|
11
11
|
exports.remoteAbortRpcHandler = remoteAbortRpcHandler;
|
|
12
12
|
exports.serializeAbortSignal = serializeAbortSignal;
|
|
13
13
|
|
|
14
|
-
var _typeof2 = _interopRequireDefault(require("
|
|
14
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
15
15
|
|
|
16
16
|
/* ---------------- for the RPC client ----------------- */
|
|
17
17
|
var abortSignalCounter = 0;
|
|
@@ -54,7 +54,7 @@ function serializeAbortSignal(signal, callfunc) {
|
|
|
54
54
|
|
|
55
55
|
|
|
56
56
|
function isRemoteAbortSignal(thing) {
|
|
57
|
-
return (0, _typeof2
|
|
57
|
+
return (0, _typeof2.default)(thing) === 'object' && thing !== null && 'abortSignalId' in thing && // @ts-ignore
|
|
58
58
|
typeof thing.abortSignalId === 'number';
|
|
59
59
|
} // the server side keeps a set of surrogate abort controllers that can be
|
|
60
60
|
// aborted based on ID
|
package/ui/AboutDialog.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = AboutDialog;
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
13
|
|
|
14
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("
|
|
14
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
15
|
|
|
16
|
-
var _slicedToArray2 = _interopRequireDefault(require("
|
|
16
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
17
|
|
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
19
|
|
|
@@ -27,6 +27,10 @@ var _util = require("../util");
|
|
|
27
27
|
|
|
28
28
|
var _BaseFeatureDetail = require("../BaseFeatureWidget/BaseFeatureDetail");
|
|
29
29
|
|
|
30
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
+
|
|
32
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
+
|
|
30
34
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
31
35
|
return {
|
|
32
36
|
closeButton: {
|
|
@@ -44,12 +48,12 @@ function AboutDialog(_ref) {
|
|
|
44
48
|
var classes = useStyles();
|
|
45
49
|
|
|
46
50
|
var _useState = (0, _react.useState)(),
|
|
47
|
-
_useState2 = (0, _slicedToArray2
|
|
51
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
48
52
|
info = _useState2[0],
|
|
49
53
|
setInfo = _useState2[1];
|
|
50
54
|
|
|
51
55
|
var _useState3 = (0, _react.useState)(),
|
|
52
|
-
_useState4 = (0, _slicedToArray2
|
|
56
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
53
57
|
error = _useState4[0],
|
|
54
58
|
setError = _useState4[1];
|
|
55
59
|
|
|
@@ -60,9 +64,9 @@ function AboutDialog(_ref) {
|
|
|
60
64
|
var aborter = new AbortController();
|
|
61
65
|
var signal = aborter.signal;
|
|
62
66
|
var cancelled = false;
|
|
63
|
-
(0, _asyncToGenerator2
|
|
67
|
+
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
64
68
|
var adapterConfig, result;
|
|
65
|
-
return
|
|
69
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
66
70
|
while (1) {
|
|
67
71
|
switch (_context.prev = _context.next) {
|
|
68
72
|
case 0:
|
|
@@ -119,24 +123,24 @@ function AboutDialog(_ref) {
|
|
|
119
123
|
var details = typeof info === 'string' ? {
|
|
120
124
|
header: "<pre>".concat(info.replace(/</g, '<').replace(/>/g, '>'), "</pre>")
|
|
121
125
|
} : info || {};
|
|
122
|
-
return /*#__PURE__*/_react
|
|
126
|
+
return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
|
|
123
127
|
open: true,
|
|
124
128
|
onClose: handleClose
|
|
125
|
-
}, /*#__PURE__*/_react
|
|
129
|
+
}, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, trackName, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
126
130
|
className: classes.closeButton,
|
|
127
131
|
onClick: function onClick() {
|
|
128
132
|
return handleClose();
|
|
129
133
|
}
|
|
130
|
-
}, /*#__PURE__*/_react
|
|
134
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null))), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.BaseCard, {
|
|
131
135
|
title: "Configuration"
|
|
132
|
-
}, /*#__PURE__*/_react
|
|
136
|
+
}, /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.Attributes, {
|
|
133
137
|
attributes: conf,
|
|
134
138
|
omit: ['displays', 'baseUri', 'refNames']
|
|
135
|
-
})), info !== null ? /*#__PURE__*/_react
|
|
139
|
+
})), info !== null ? /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.BaseCard, {
|
|
136
140
|
title: "File info"
|
|
137
|
-
}, error ? /*#__PURE__*/_react
|
|
141
|
+
}, error ? /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
138
142
|
color: "error"
|
|
139
|
-
}, "".concat(error)) : !info ? 'Loading file data...' : /*#__PURE__*/_react
|
|
143
|
+
}, "".concat(error)) : !info ? 'Loading file data...' : /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.Attributes, {
|
|
140
144
|
attributes: details
|
|
141
145
|
})) : null));
|
|
142
146
|
}
|
package/ui/App.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = void 0;
|
|
11
11
|
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
|
|
@@ -35,6 +35,10 @@ var _Snackbar = _interopRequireDefault(require("./Snackbar"));
|
|
|
35
35
|
|
|
36
36
|
var _ViewContainer = _interopRequireDefault(require("./ViewContainer"));
|
|
37
37
|
|
|
38
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
39
|
+
|
|
40
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
41
|
+
|
|
38
42
|
// locals
|
|
39
43
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
40
44
|
return {
|
|
@@ -121,11 +125,11 @@ var Logo = (0, _mobxReact.observer)(function (_ref) {
|
|
|
121
125
|
var logoPath = (0, _configuration.readConfObject)(configuration, 'logoPath');
|
|
122
126
|
|
|
123
127
|
if (!(logoPath !== null && logoPath !== void 0 && logoPath.uri)) {
|
|
124
|
-
return /*#__PURE__*/_react
|
|
128
|
+
return /*#__PURE__*/_react.default.createElement(_Logo.LogoFull, {
|
|
125
129
|
variant: "white"
|
|
126
130
|
});
|
|
127
131
|
} else {
|
|
128
|
-
return /*#__PURE__*/_react
|
|
132
|
+
return /*#__PURE__*/_react.default.createElement("img", {
|
|
129
133
|
src: logoPath.uri,
|
|
130
134
|
alt: "Custom logo"
|
|
131
135
|
});
|
|
@@ -136,7 +140,7 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
136
140
|
|
|
137
141
|
var session = _ref2.session,
|
|
138
142
|
_ref2$HeaderButtons = _ref2.HeaderButtons,
|
|
139
|
-
HeaderButtons = _ref2$HeaderButtons === void 0 ? /*#__PURE__*/_react
|
|
143
|
+
HeaderButtons = _ref2$HeaderButtons === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _ref2$HeaderButtons;
|
|
140
144
|
var classes = useStyles();
|
|
141
145
|
|
|
142
146
|
var _getEnv = (0, _mobxStateTree.getEnv)(session),
|
|
@@ -145,7 +149,7 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
145
149
|
var viewTypes = pluginManager.getElementTypeRecord('view').all();
|
|
146
150
|
|
|
147
151
|
var _useState = (0, _react.useState)((_viewTypes$ = viewTypes[0]) === null || _viewTypes$ === void 0 ? void 0 : _viewTypes$.name),
|
|
148
|
-
_useState2 = (0, _slicedToArray2
|
|
152
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
149
153
|
value = _useState2[0],
|
|
150
154
|
setValue = _useState2[1];
|
|
151
155
|
|
|
@@ -176,37 +180,37 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
176
180
|
grid = [drawerVisible ? "[drawer] ".concat(drawerWidth, "px") : undefined, "[main] 1fr"];
|
|
177
181
|
}
|
|
178
182
|
|
|
179
|
-
return /*#__PURE__*/_react
|
|
183
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
180
184
|
className: classes.root,
|
|
181
185
|
style: {
|
|
182
186
|
gridTemplateColumns: (_grid = grid) === null || _grid === void 0 ? void 0 : _grid.filter(function (f) {
|
|
183
187
|
return !!f;
|
|
184
188
|
}).join(' ')
|
|
185
189
|
}
|
|
186
|
-
}, drawerVisible && drawerPosition === 'left' ? /*#__PURE__*/_react
|
|
190
|
+
}, drawerVisible && drawerPosition === 'left' ? /*#__PURE__*/_react.default.createElement(_DrawerWidget.default, {
|
|
187
191
|
session: session
|
|
188
|
-
}) : null, session.DialogComponent ? /*#__PURE__*/_react
|
|
189
|
-
fallback: /*#__PURE__*/_react
|
|
190
|
-
}, /*#__PURE__*/_react
|
|
192
|
+
}) : null, session.DialogComponent ? /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
193
|
+
fallback: /*#__PURE__*/_react.default.createElement("div", null)
|
|
194
|
+
}, /*#__PURE__*/_react.default.createElement(session.DialogComponent, session.DialogProps)) : null, /*#__PURE__*/_react.default.createElement("div", {
|
|
191
195
|
className: classes.menuBarAndComponents
|
|
192
|
-
}, /*#__PURE__*/_react
|
|
196
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
193
197
|
className: classes.menuBar
|
|
194
|
-
}, /*#__PURE__*/_react
|
|
198
|
+
}, /*#__PURE__*/_react.default.createElement(_core.AppBar, {
|
|
195
199
|
className: classes.appBar,
|
|
196
200
|
position: "static"
|
|
197
|
-
}, /*#__PURE__*/_react
|
|
198
|
-
return /*#__PURE__*/_react
|
|
201
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Toolbar, null, menus.map(function (menu) {
|
|
202
|
+
return /*#__PURE__*/_react.default.createElement(_DropDownMenu.default, {
|
|
199
203
|
key: menu.label,
|
|
200
204
|
menuTitle: menu.label,
|
|
201
205
|
menuItems: menu.menuItems,
|
|
202
206
|
session: session
|
|
203
207
|
});
|
|
204
|
-
}), /*#__PURE__*/_react
|
|
208
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
205
209
|
className: classes.grow
|
|
206
|
-
}), /*#__PURE__*/_react
|
|
210
|
+
}), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
|
|
207
211
|
title: "Rename Session",
|
|
208
212
|
arrow: true
|
|
209
|
-
}, /*#__PURE__*/_react
|
|
213
|
+
}, /*#__PURE__*/_react.default.createElement(_EditableTypography.default, {
|
|
210
214
|
value: name,
|
|
211
215
|
setValue: handleNameChange,
|
|
212
216
|
variant: "body1",
|
|
@@ -215,16 +219,16 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
215
219
|
inputRoot: classes.inputRoot,
|
|
216
220
|
inputFocused: classes.inputFocused
|
|
217
221
|
}
|
|
218
|
-
})), HeaderButtons, /*#__PURE__*/_react
|
|
222
|
+
})), HeaderButtons, /*#__PURE__*/_react.default.createElement("div", {
|
|
219
223
|
className: classes.grow
|
|
220
|
-
}), /*#__PURE__*/_react
|
|
224
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
221
225
|
style: {
|
|
222
226
|
width: 150,
|
|
223
227
|
maxHeight: 48
|
|
224
228
|
}
|
|
225
|
-
}, /*#__PURE__*/_react
|
|
229
|
+
}, /*#__PURE__*/_react.default.createElement(Logo, {
|
|
226
230
|
session: session
|
|
227
|
-
}))))), /*#__PURE__*/_react
|
|
231
|
+
}))))), /*#__PURE__*/_react.default.createElement("div", {
|
|
228
232
|
className: classes.components
|
|
229
233
|
}, views.length ? views.map(function (view) {
|
|
230
234
|
var viewType = pluginManager.getViewType(view.type);
|
|
@@ -237,57 +241,57 @@ var App = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
237
241
|
return (
|
|
238
242
|
/*#__PURE__*/
|
|
239
243
|
// @ts-ignore
|
|
240
|
-
_react
|
|
244
|
+
_react.default.createElement(_ViewContainer.default, {
|
|
241
245
|
key: "view-".concat(view.id),
|
|
242
246
|
view: view,
|
|
243
247
|
onClose: function onClose() {
|
|
244
248
|
return session.removeView(view);
|
|
245
249
|
}
|
|
246
|
-
}, /*#__PURE__*/_react
|
|
247
|
-
fallback: /*#__PURE__*/_react
|
|
248
|
-
}, /*#__PURE__*/_react
|
|
250
|
+
}, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
251
|
+
fallback: /*#__PURE__*/_react.default.createElement("div", null, "Loading...")
|
|
252
|
+
}, /*#__PURE__*/_react.default.createElement(ReactComponent, {
|
|
249
253
|
model: view,
|
|
250
254
|
session: session,
|
|
251
255
|
getTrackType: pluginManager.getTrackType
|
|
252
256
|
})))
|
|
253
257
|
);
|
|
254
|
-
}) : /*#__PURE__*/_react
|
|
258
|
+
}) : /*#__PURE__*/_react.default.createElement(_core.Paper, {
|
|
255
259
|
className: classes.selectPaper
|
|
256
|
-
}, /*#__PURE__*/_react
|
|
260
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Select a view to launch"), /*#__PURE__*/_react.default.createElement(_core.Select, {
|
|
257
261
|
value: value,
|
|
258
262
|
onChange: function onChange(event) {
|
|
259
263
|
return setValue(event.target.value);
|
|
260
264
|
}
|
|
261
265
|
}, viewTypes.map(function (_ref3) {
|
|
262
266
|
var name = _ref3.name;
|
|
263
|
-
return /*#__PURE__*/_react
|
|
267
|
+
return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
|
|
264
268
|
key: name,
|
|
265
269
|
value: name
|
|
266
270
|
}, name);
|
|
267
|
-
})), /*#__PURE__*/_react
|
|
271
|
+
})), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
268
272
|
onClick: function onClick() {
|
|
269
273
|
session.addView(value, {});
|
|
270
274
|
},
|
|
271
275
|
variant: "contained",
|
|
272
276
|
color: "primary"
|
|
273
|
-
}, "Launch view")), /*#__PURE__*/_react
|
|
277
|
+
}, "Launch view")), /*#__PURE__*/_react.default.createElement("div", {
|
|
274
278
|
style: {
|
|
275
279
|
height: 300
|
|
276
280
|
}
|
|
277
|
-
}))), activeWidgets.size > 0 && minimized ? /*#__PURE__*/_react
|
|
281
|
+
}))), activeWidgets.size > 0 && minimized ? /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
|
|
278
282
|
title: "Open drawer widget"
|
|
279
|
-
}, /*#__PURE__*/_react
|
|
283
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Fab, {
|
|
280
284
|
className: drawerPosition === 'right' ? classes.fabRight : classes.fabLeft,
|
|
281
285
|
color: "primary",
|
|
282
286
|
"data-testid": "drawer-maximize",
|
|
283
287
|
onClick: function onClick() {
|
|
284
288
|
return session.showWidgetDrawer();
|
|
285
289
|
}
|
|
286
|
-
}, /*#__PURE__*/_react
|
|
290
|
+
}, /*#__PURE__*/_react.default.createElement(_Launch.default, null))) : null, drawerVisible && drawerPosition === 'right' ? /*#__PURE__*/_react.default.createElement(_DrawerWidget.default, {
|
|
287
291
|
session: session
|
|
288
|
-
}) : null, /*#__PURE__*/_react
|
|
292
|
+
}) : null, /*#__PURE__*/_react.default.createElement(_Snackbar.default, {
|
|
289
293
|
session: session
|
|
290
294
|
}));
|
|
291
295
|
});
|
|
292
296
|
var _default = App;
|
|
293
|
-
exports
|
|
297
|
+
exports.default = _default;
|
package/ui/AssemblySelector.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AbstractSessionModel } from '
|
|
2
|
+
import { AbstractSessionModel } from '../util';
|
|
3
3
|
declare const AssemblySelector: ({ session, onChange, selected, }: {
|
|
4
4
|
session: AbstractSessionModel;
|
|
5
5
|
onChange: (arg: string) => void;
|
package/ui/AssemblySelector.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
12
|
var _mobxReact = require("mobx-react");
|
|
13
13
|
|
|
14
|
-
var _configuration = require("
|
|
14
|
+
var _configuration = require("../configuration");
|
|
15
15
|
|
|
16
16
|
var _core = require("@material-ui/core");
|
|
17
17
|
|
|
@@ -30,7 +30,7 @@ var AssemblySelector = (0, _mobxReact.observer)(function (_ref) {
|
|
|
30
30
|
var assemblyNames = session.assemblyNames,
|
|
31
31
|
assemblyManager = session.assemblyManager;
|
|
32
32
|
var error = assemblyNames.length ? '' : 'No configured assemblies';
|
|
33
|
-
return /*#__PURE__*/_react
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
34
34
|
select: true,
|
|
35
35
|
label: "Assembly",
|
|
36
36
|
variant: "outlined",
|
|
@@ -49,11 +49,11 @@ var AssemblySelector = (0, _mobxReact.observer)(function (_ref) {
|
|
|
49
49
|
}, assemblyNames.map(function (name) {
|
|
50
50
|
var assembly = assemblyManager.get(name);
|
|
51
51
|
var displayName = assembly ? (0, _configuration.getConf)(assembly, 'displayName') : '';
|
|
52
|
-
return /*#__PURE__*/_react
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
|
|
53
53
|
key: name,
|
|
54
54
|
value: name
|
|
55
55
|
}, displayName || name);
|
|
56
56
|
}));
|
|
57
57
|
});
|
|
58
58
|
var _default = AssemblySelector;
|
|
59
|
-
exports
|
|
59
|
+
exports.default = _default;
|
package/ui/Drawer.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
@@ -24,7 +24,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
24
24
|
height: '100%',
|
|
25
25
|
zIndex: theme.zIndex.drawer,
|
|
26
26
|
outline: 'none',
|
|
27
|
-
background: theme.palette.background
|
|
27
|
+
background: theme.palette.background.default
|
|
28
28
|
},
|
|
29
29
|
resizeHandle: {
|
|
30
30
|
width: 4,
|
|
@@ -41,15 +41,15 @@ function Drawer(_ref) {
|
|
|
41
41
|
var drawerPosition = session.drawerPosition,
|
|
42
42
|
drawerWidth = session.drawerWidth;
|
|
43
43
|
var classes = useStyles();
|
|
44
|
-
return /*#__PURE__*/_react
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement(_Paper.default, {
|
|
45
45
|
className: classes.paper,
|
|
46
46
|
elevation: 16,
|
|
47
47
|
square: true
|
|
48
|
-
}, drawerPosition === 'right' ? /*#__PURE__*/_react
|
|
48
|
+
}, drawerPosition === 'right' ? /*#__PURE__*/_react.default.createElement(_ResizeHandle.default, {
|
|
49
49
|
onDrag: session.resizeDrawer,
|
|
50
50
|
className: classes.resizeHandle,
|
|
51
51
|
vertical: true
|
|
52
|
-
}) : null, children, drawerPosition === 'left' ? /*#__PURE__*/_react
|
|
52
|
+
}) : null, children, drawerPosition === 'left' ? /*#__PURE__*/_react.default.createElement(_ResizeHandle.default, {
|
|
53
53
|
onDrag: session.resizeDrawer,
|
|
54
54
|
className: classes.resizeHandle,
|
|
55
55
|
style: {
|
|
@@ -61,4 +61,4 @@ function Drawer(_ref) {
|
|
|
61
61
|
|
|
62
62
|
var _default = (0, _mobxReact.observer)(Drawer);
|
|
63
63
|
|
|
64
|
-
exports
|
|
64
|
+
exports.default = _default;
|
package/ui/DrawerWidget.d.ts
CHANGED
package/ui/DrawerWidget.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = void 0;
|
|
11
11
|
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
|
|
@@ -29,12 +29,16 @@ var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
|
|
|
29
29
|
|
|
30
30
|
var _Drawer = _interopRequireDefault(require("./Drawer"));
|
|
31
31
|
|
|
32
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
+
|
|
34
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
+
|
|
32
36
|
// icons
|
|
33
37
|
// locals
|
|
34
38
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
35
39
|
return {
|
|
36
40
|
drawerActions: {
|
|
37
|
-
|
|
41
|
+
float: 'right',
|
|
38
42
|
'&:hover': {
|
|
39
43
|
backgroundColor: (0, _core.alpha)(theme.palette.secondary.contrastText, theme.palette.action.hoverOpacity),
|
|
40
44
|
'@media (hover: none)': {
|
|
@@ -74,21 +78,21 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
|
|
|
74
78
|
drawerPosition = session.drawerPosition;
|
|
75
79
|
var classes = useStyles();
|
|
76
80
|
|
|
77
|
-
var _React$useState = _react
|
|
78
|
-
_React$useState2 = (0, _slicedToArray2
|
|
81
|
+
var _React$useState = _react.default.useState(null),
|
|
82
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
79
83
|
anchorEl = _React$useState2[0],
|
|
80
84
|
setAnchorEl = _React$useState2[1];
|
|
81
85
|
|
|
82
|
-
return /*#__PURE__*/_react
|
|
86
|
+
return /*#__PURE__*/_react.default.createElement(_core.AppBar, {
|
|
83
87
|
position: "sticky",
|
|
84
88
|
className: classes.header,
|
|
85
89
|
ref: function ref(_ref2) {
|
|
86
90
|
return setToolbarHeight((_ref2 === null || _ref2 === void 0 ? void 0 : _ref2.getBoundingClientRect().height) || 0);
|
|
87
91
|
}
|
|
88
|
-
}, /*#__PURE__*/_react
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Toolbar, {
|
|
89
93
|
disableGutters: true,
|
|
90
94
|
className: classes.drawerToolbar
|
|
91
|
-
}, /*#__PURE__*/_react
|
|
95
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Select, {
|
|
92
96
|
value: visibleWidget === null || visibleWidget === void 0 ? void 0 : visibleWidget.id,
|
|
93
97
|
"data-testid": "widget-drawer-selects",
|
|
94
98
|
className: classes.drawerSelect,
|
|
@@ -99,7 +103,7 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
|
|
|
99
103
|
var widget = session.activeWidgets.get(widgetId);
|
|
100
104
|
|
|
101
105
|
if (!widget) {
|
|
102
|
-
return /*#__PURE__*/_react
|
|
106
|
+
return /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
103
107
|
variant: "h6",
|
|
104
108
|
color: "inherit"
|
|
105
109
|
}, "Unknown widget");
|
|
@@ -108,9 +112,9 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
|
|
|
108
112
|
var widgetType = pluginManager.getWidgetType(widget.type);
|
|
109
113
|
var HeadingComponent = widgetType.HeadingComponent,
|
|
110
114
|
heading = widgetType.heading;
|
|
111
|
-
return HeadingComponent ? /*#__PURE__*/_react
|
|
115
|
+
return HeadingComponent ? /*#__PURE__*/_react.default.createElement(HeadingComponent, {
|
|
112
116
|
model: widget
|
|
113
|
-
}) : /*#__PURE__*/_react
|
|
117
|
+
}) : /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
114
118
|
variant: "h6",
|
|
115
119
|
color: "inherit"
|
|
116
120
|
}, heading);
|
|
@@ -128,56 +132,56 @@ var DrawerHeader = (0, _mobxReact.observer)(function (_ref) {
|
|
|
128
132
|
var widgetType = pluginManager.getWidgetType(widget.type);
|
|
129
133
|
var HeadingComponent = widgetType.HeadingComponent,
|
|
130
134
|
heading = widgetType.heading;
|
|
131
|
-
return /*#__PURE__*/_react
|
|
135
|
+
return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
|
|
132
136
|
"data-testid": "widget-drawer-selects-item-".concat(widget.type),
|
|
133
137
|
key: widget.id,
|
|
134
138
|
value: widget.id
|
|
135
|
-
}, HeadingComponent ? /*#__PURE__*/_react
|
|
139
|
+
}, HeadingComponent ? /*#__PURE__*/_react.default.createElement(HeadingComponent, {
|
|
136
140
|
model: widget
|
|
137
|
-
}) : /*#__PURE__*/_react
|
|
141
|
+
}) : /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
138
142
|
variant: "h6",
|
|
139
143
|
color: "inherit"
|
|
140
|
-
}, heading), /*#__PURE__*/_react
|
|
144
|
+
}, heading), /*#__PURE__*/_react.default.createElement(_core.ListItemSecondaryAction, null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
141
145
|
"data-testid": "".concat(widget.type, "-drawer-delete"),
|
|
142
146
|
color: "inherit",
|
|
143
147
|
"aria-label": "Delete",
|
|
144
148
|
onClick: function onClick() {
|
|
145
149
|
session.hideWidget(widget);
|
|
146
150
|
}
|
|
147
|
-
}, /*#__PURE__*/_react
|
|
148
|
-
})), /*#__PURE__*/_react
|
|
151
|
+
}, /*#__PURE__*/_react.default.createElement(_Delete.default, null))));
|
|
152
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
149
153
|
className: classes.spacer
|
|
150
|
-
}), /*#__PURE__*/_react
|
|
154
|
+
}), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
151
155
|
"data-testid": "drawer-close",
|
|
152
156
|
color: "inherit",
|
|
153
157
|
onClick: function onClick(event) {
|
|
154
158
|
return setAnchorEl(event.currentTarget);
|
|
155
159
|
}
|
|
156
|
-
}, /*#__PURE__*/_react
|
|
160
|
+
}, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null)), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
|
|
157
161
|
title: "Minimize drawer"
|
|
158
|
-
}, /*#__PURE__*/_react
|
|
162
|
+
}, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
159
163
|
"data-testid": "drawer-minimize",
|
|
160
164
|
color: "inherit",
|
|
161
165
|
onClick: function onClick() {
|
|
162
166
|
session.notify("Drawer minimized, click button on ".concat(drawerPosition, " side of screen to re-open"), 'info');
|
|
163
167
|
session.minimizeWidgetDrawer();
|
|
164
168
|
}
|
|
165
|
-
}, /*#__PURE__*/_react
|
|
169
|
+
}, /*#__PURE__*/_react.default.createElement(_Minimize.default, null))), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
|
|
166
170
|
title: "Close drawer"
|
|
167
|
-
}, /*#__PURE__*/_react
|
|
171
|
+
}, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
168
172
|
"data-testid": "drawer-close",
|
|
169
173
|
color: "inherit",
|
|
170
174
|
onClick: function onClick() {
|
|
171
175
|
session.hideWidget(visibleWidget);
|
|
172
176
|
}
|
|
173
|
-
}, /*#__PURE__*/_react
|
|
177
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null))))), /*#__PURE__*/_react.default.createElement(_core.Menu, {
|
|
174
178
|
anchorEl: anchorEl,
|
|
175
179
|
open: Boolean(anchorEl),
|
|
176
180
|
onClose: function onClose() {
|
|
177
181
|
return setAnchorEl(null);
|
|
178
182
|
}
|
|
179
183
|
}, ['left', 'right'].map(function (option) {
|
|
180
|
-
return /*#__PURE__*/_react
|
|
184
|
+
return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
|
|
181
185
|
key: option,
|
|
182
186
|
selected: drawerPosition === 'option',
|
|
183
187
|
onClick: function onClick() {
|
|
@@ -199,22 +203,22 @@ var DrawerWidget = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
199
203
|
// (the position static/sticky is included in AutoSizer estimates)
|
|
200
204
|
|
|
201
205
|
var _useState = (0, _react.useState)(0),
|
|
202
|
-
_useState2 = (0, _slicedToArray2
|
|
206
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
203
207
|
toolbarHeight = _useState2[0],
|
|
204
208
|
setToolbarHeight = _useState2[1];
|
|
205
209
|
|
|
206
|
-
return /*#__PURE__*/_react
|
|
210
|
+
return /*#__PURE__*/_react.default.createElement(_Drawer.default, {
|
|
207
211
|
session: session
|
|
208
|
-
}, /*#__PURE__*/_react
|
|
212
|
+
}, /*#__PURE__*/_react.default.createElement(DrawerHeader, {
|
|
209
213
|
session: session,
|
|
210
214
|
setToolbarHeight: setToolbarHeight
|
|
211
|
-
}), /*#__PURE__*/_react
|
|
212
|
-
fallback: /*#__PURE__*/_react
|
|
213
|
-
}, /*#__PURE__*/_react
|
|
215
|
+
}), /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
216
|
+
fallback: /*#__PURE__*/_react.default.createElement("div", null, "Loading...")
|
|
217
|
+
}, /*#__PURE__*/_react.default.createElement(DrawerComponent, {
|
|
214
218
|
model: visibleWidget,
|
|
215
219
|
session: session,
|
|
216
220
|
toolbarHeight: toolbarHeight
|
|
217
221
|
})));
|
|
218
222
|
});
|
|
219
223
|
var _default = DrawerWidget;
|
|
220
|
-
exports
|
|
224
|
+
exports.default = _default;
|