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