@jbrowse/plugin-linear-genome-view 1.7.3 → 1.7.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/dist/BaseLinearDisplay/components/BaseLinearDisplay.js +18 -18
- package/dist/BaseLinearDisplay/components/Block.js +4 -4
- package/dist/BaseLinearDisplay/components/LinearBlocks.js +11 -11
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +16 -16
- package/dist/BaseLinearDisplay/index.js +2 -2
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +1 -1
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +42 -34
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +1 -0
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +11 -9
- package/dist/LinearBareDisplay/model.d.ts +1 -1
- package/dist/LinearBareDisplay/model.js +1 -1
- package/dist/LinearBasicDisplay/components/SetMaxHeight.js +11 -11
- package/dist/LinearBasicDisplay/configSchema.js +1 -1
- package/dist/LinearBasicDisplay/index.js +2 -2
- package/dist/LinearBasicDisplay/model.d.ts +1 -1
- package/dist/LinearBasicDisplay/model.js +10 -10
- package/dist/LinearGenomeView/components/CenterLine.js +5 -5
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +16 -16
- package/dist/LinearGenomeView/components/Header.js +20 -20
- package/dist/LinearGenomeView/components/HelpDialog.js +4 -4
- package/dist/LinearGenomeView/components/ImportForm.js +28 -28
- package/dist/LinearGenomeView/components/LinearGenomeView.js +15 -15
- package/dist/LinearGenomeView/components/LinearGenomeView.test.js +9 -9
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +40 -40
- package/dist/LinearGenomeView/components/MiniControls.js +9 -9
- package/dist/LinearGenomeView/components/OverviewRubberBand.js +19 -19
- package/dist/LinearGenomeView/components/OverviewScaleBar.js +28 -28
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js +27 -27
- package/dist/LinearGenomeView/components/RubberBand.js +18 -18
- package/dist/LinearGenomeView/components/Ruler.js +11 -11
- package/dist/LinearGenomeView/components/ScaleBar.js +19 -19
- package/dist/LinearGenomeView/components/ScaleBar.test.js +3 -3
- package/dist/LinearGenomeView/components/SearchBox.js +9 -9
- package/dist/LinearGenomeView/components/SearchResultsDialog.js +15 -15
- package/dist/LinearGenomeView/components/SequenceDialog.js +28 -37
- package/dist/LinearGenomeView/components/TrackContainer.js +14 -14
- package/dist/LinearGenomeView/components/TrackLabel.js +17 -19
- package/dist/LinearGenomeView/components/TracksContainer.js +10 -10
- package/dist/LinearGenomeView/components/VerticalGuides.js +11 -11
- package/dist/LinearGenomeView/components/ZoomControls.js +9 -9
- package/dist/LinearGenomeView/index.js +35 -35
- package/dist/LinearGenomeView/index.test.js +19 -19
- package/dist/index.d.ts +3 -3
- package/dist/index.js +18 -18
- package/package.json +3 -4
- package/src/BaseLinearDisplay/models/BaseLinearDisplayModel.tsx +6 -0
- package/src/BaseLinearDisplay/models/serverSideRenderedBlock.ts +3 -0
- package/src/LinearGenomeView/components/SequenceDialog.tsx +6 -13
- package/src/LinearGenomeView/components/TrackLabel.tsx +6 -6
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
11
|
|
|
@@ -39,7 +39,7 @@ var _ = require("..");
|
|
|
39
39
|
|
|
40
40
|
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); }
|
|
41
41
|
|
|
42
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2
|
|
42
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(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; }
|
|
43
43
|
|
|
44
44
|
var SearchResultsDialog = /*#__PURE__*/(0, _react.lazy)(function () {
|
|
45
45
|
return Promise.resolve().then(function () {
|
|
@@ -73,12 +73,12 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
73
73
|
modelError = model.error;
|
|
74
74
|
|
|
75
75
|
var _useState = (0, _react.useState)(assemblyNames[0]),
|
|
76
|
-
_useState2 = (0, _slicedToArray2
|
|
76
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
77
77
|
selectedAsm = _useState2[0],
|
|
78
78
|
setSelectedAsm = _useState2[1];
|
|
79
79
|
|
|
80
80
|
var _useState3 = (0, _react.useState)(modelError),
|
|
81
|
-
_useState4 = (0, _slicedToArray2
|
|
81
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
82
82
|
error = _useState4[0],
|
|
83
83
|
setError = _useState4[1];
|
|
84
84
|
|
|
@@ -89,13 +89,13 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
89
89
|
var err = assemblyError || error;
|
|
90
90
|
|
|
91
91
|
var _useState5 = (0, _react.useState)(),
|
|
92
|
-
_useState6 = (0, _slicedToArray2
|
|
92
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
93
93
|
myOption = _useState6[0],
|
|
94
94
|
setOption = _useState6[1]; // use this instead of useState initializer because the useState initializer
|
|
95
95
|
// won't update in response to an observable
|
|
96
96
|
|
|
97
97
|
|
|
98
|
-
var option = myOption || new _BaseResults
|
|
98
|
+
var option = myOption || new _BaseResults.default({
|
|
99
99
|
label: (_regions$ = regions[0]) === null || _regions$ === void 0 ? void 0 : _regions$.refName
|
|
100
100
|
});
|
|
101
101
|
var selectedRegion = option === null || option === void 0 ? void 0 : option.getLocation();
|
|
@@ -110,11 +110,11 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
110
110
|
|
|
111
111
|
|
|
112
112
|
function _fetchResults() {
|
|
113
|
-
_fetchResults = (0, _asyncToGenerator2
|
|
113
|
+
_fetchResults = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query, searchType) {
|
|
114
114
|
var _assembly$allRefNames;
|
|
115
115
|
|
|
116
116
|
var textSearchResults, refNameResults;
|
|
117
|
-
return _regenerator
|
|
117
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
118
118
|
while (1) {
|
|
119
119
|
switch (_context.prev = _context.next) {
|
|
120
120
|
case 0:
|
|
@@ -133,11 +133,11 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
133
133
|
refNameResults = assembly === null || assembly === void 0 ? void 0 : (_assembly$allRefNames = assembly.allRefNames) === null || _assembly$allRefNames === void 0 ? void 0 : _assembly$allRefNames.filter(function (refName) {
|
|
134
134
|
return refName.startsWith(query);
|
|
135
135
|
}).map(function (r) {
|
|
136
|
-
return new _BaseResults
|
|
136
|
+
return new _BaseResults.default({
|
|
137
137
|
label: r
|
|
138
138
|
});
|
|
139
139
|
}).slice(0, 10);
|
|
140
|
-
return _context.abrupt("return", [].concat((0, _toConsumableArray2
|
|
140
|
+
return _context.abrupt("return", [].concat((0, _toConsumableArray2.default)(refNameResults || []), (0, _toConsumableArray2.default)(textSearchResults || [])));
|
|
141
141
|
|
|
142
142
|
case 6:
|
|
143
143
|
case "end":
|
|
@@ -154,10 +154,10 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
154
154
|
}
|
|
155
155
|
|
|
156
156
|
function _handleSelectedRegion() {
|
|
157
|
-
_handleSelectedRegion = (0, _asyncToGenerator2
|
|
157
|
+
_handleSelectedRegion = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(input) {
|
|
158
158
|
var trackId, location, _assembly$allRefNames2, results;
|
|
159
159
|
|
|
160
|
-
return _regenerator
|
|
160
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
161
161
|
while (1) {
|
|
162
162
|
switch (_context2.prev = _context2.next) {
|
|
163
163
|
case 0:
|
|
@@ -233,24 +233,24 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
233
233
|
var height = _.WIDGET_HEIGHT + 5; // implementation notes:
|
|
234
234
|
// having this wrapped in a form allows intuitive use of enter key to submit
|
|
235
235
|
|
|
236
|
-
return /*#__PURE__*/_react
|
|
236
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
237
237
|
className: classes.container
|
|
238
|
-
}, err ? /*#__PURE__*/_react
|
|
238
|
+
}, err ? /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
|
|
239
239
|
error: err
|
|
240
|
-
}) : null, /*#__PURE__*/_react
|
|
240
|
+
}) : null, /*#__PURE__*/_react.default.createElement(_core.Container, {
|
|
241
241
|
className: classes.importFormContainer
|
|
242
|
-
}, /*#__PURE__*/_react
|
|
242
|
+
}, /*#__PURE__*/_react.default.createElement("form", {
|
|
243
243
|
onSubmit: function onSubmit(event) {
|
|
244
244
|
return event.preventDefault();
|
|
245
245
|
}
|
|
246
|
-
}, /*#__PURE__*/_react
|
|
246
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Grid, {
|
|
247
247
|
container: true,
|
|
248
248
|
spacing: 1,
|
|
249
249
|
justifyContent: "center",
|
|
250
250
|
alignItems: "center"
|
|
251
|
-
}, /*#__PURE__*/_react
|
|
251
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Grid, {
|
|
252
252
|
item: true
|
|
253
|
-
}, /*#__PURE__*/_react
|
|
253
|
+
}, /*#__PURE__*/_react.default.createElement(_AssemblySelector.default, {
|
|
254
254
|
onChange: function onChange(val) {
|
|
255
255
|
setError(undefined);
|
|
256
256
|
setSelectedAsm(val);
|
|
@@ -262,13 +262,13 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
262
262
|
height: height
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
|
-
})), /*#__PURE__*/_react
|
|
265
|
+
})), /*#__PURE__*/_react.default.createElement(_core.Grid, {
|
|
266
266
|
item: true
|
|
267
|
-
}, selectedAsm ? err ? /*#__PURE__*/_react
|
|
267
|
+
}, selectedAsm ? err ? /*#__PURE__*/_react.default.createElement(_Close.default, {
|
|
268
268
|
style: {
|
|
269
269
|
color: 'red'
|
|
270
270
|
}
|
|
271
|
-
}) : selectedRegion ? /*#__PURE__*/_react
|
|
271
|
+
}) : selectedRegion ? /*#__PURE__*/_react.default.createElement(_RefNameAutocomplete.default, {
|
|
272
272
|
fetchResults: fetchResults,
|
|
273
273
|
model: model,
|
|
274
274
|
assemblyName: assemblyError ? undefined : selectedAsm,
|
|
@@ -290,13 +290,13 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
290
290
|
}
|
|
291
291
|
}
|
|
292
292
|
}
|
|
293
|
-
}) : /*#__PURE__*/_react
|
|
293
|
+
}) : /*#__PURE__*/_react.default.createElement(_core.CircularProgress, {
|
|
294
294
|
role: "progressbar",
|
|
295
295
|
size: 20,
|
|
296
296
|
disableShrink: true
|
|
297
|
-
}) : null), /*#__PURE__*/_react
|
|
297
|
+
}) : null), /*#__PURE__*/_react.default.createElement(_core.Grid, {
|
|
298
298
|
item: true
|
|
299
|
-
}, /*#__PURE__*/_react
|
|
299
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
300
300
|
type: "submit",
|
|
301
301
|
disabled: !selectedRegion,
|
|
302
302
|
className: classes.button,
|
|
@@ -309,7 +309,7 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
309
309
|
},
|
|
310
310
|
variant: "contained",
|
|
311
311
|
color: "primary"
|
|
312
|
-
}, "Open"), /*#__PURE__*/_react
|
|
312
|
+
}, "Open"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
313
313
|
disabled: !selectedRegion,
|
|
314
314
|
className: classes.button,
|
|
315
315
|
onClick: function onClick() {
|
|
@@ -318,7 +318,7 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
318
318
|
},
|
|
319
319
|
variant: "contained",
|
|
320
320
|
color: "secondary"
|
|
321
|
-
}, "Show all regions in assembly"))))), isSearchDialogDisplayed ? /*#__PURE__*/_react
|
|
321
|
+
}, "Show all regions in assembly"))))), isSearchDialogDisplayed ? /*#__PURE__*/_react.default.createElement(SearchResultsDialog, {
|
|
322
322
|
model: model,
|
|
323
323
|
optAssemblyName: selectedAsm,
|
|
324
324
|
handleClose: function handleClose() {
|
|
@@ -327,4 +327,4 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
327
327
|
}) : null);
|
|
328
328
|
});
|
|
329
329
|
var _default = ImportForm;
|
|
330
|
-
exports
|
|
330
|
+
exports.default = _default;
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
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
|
|
|
@@ -68,57 +68,57 @@ var LinearGenomeView = (0, _mobxReact.observer)(function (_ref) {
|
|
|
68
68
|
var classes = useStyles();
|
|
69
69
|
|
|
70
70
|
if (!initialized && !error) {
|
|
71
|
-
return /*#__PURE__*/_react
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
72
72
|
className: classes.dots,
|
|
73
73
|
variant: "h5"
|
|
74
74
|
}, "Loading");
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
if (!hasDisplayedRegions || error) {
|
|
78
|
-
return /*#__PURE__*/_react
|
|
78
|
+
return /*#__PURE__*/_react.default.createElement(_ImportForm.default, {
|
|
79
79
|
model: model
|
|
80
80
|
});
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
return /*#__PURE__*/_react
|
|
83
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
84
84
|
style: {
|
|
85
85
|
position: 'relative'
|
|
86
86
|
}
|
|
87
|
-
}, model.seqDialogDisplayed ? /*#__PURE__*/_react
|
|
87
|
+
}, model.seqDialogDisplayed ? /*#__PURE__*/_react.default.createElement(_SequenceDialog.default, {
|
|
88
88
|
model: model,
|
|
89
89
|
handleClose: function handleClose() {
|
|
90
90
|
model.setSequenceDialogOpen(false);
|
|
91
91
|
}
|
|
92
|
-
}) : null, model.isSearchDialogDisplayed ? /*#__PURE__*/_react
|
|
92
|
+
}) : null, model.isSearchDialogDisplayed ? /*#__PURE__*/_react.default.createElement(_SearchResultsDialog.default, {
|
|
93
93
|
model: model,
|
|
94
94
|
handleClose: function handleClose() {
|
|
95
95
|
model.setSearchResults(undefined, undefined);
|
|
96
96
|
}
|
|
97
|
-
}) : null, !hideHeader ? /*#__PURE__*/_react
|
|
97
|
+
}) : null, !hideHeader ? /*#__PURE__*/_react.default.createElement(_Header.default, {
|
|
98
98
|
model: model
|
|
99
|
-
}) : /*#__PURE__*/_react
|
|
99
|
+
}) : /*#__PURE__*/_react.default.createElement("div", {
|
|
100
100
|
style: {
|
|
101
101
|
position: 'absolute',
|
|
102
102
|
right: 0,
|
|
103
103
|
zIndex: 1001
|
|
104
104
|
}
|
|
105
|
-
}, /*#__PURE__*/_react
|
|
105
|
+
}, /*#__PURE__*/_react.default.createElement(_MiniControls.default, {
|
|
106
106
|
model: model
|
|
107
|
-
})), /*#__PURE__*/_react
|
|
107
|
+
})), /*#__PURE__*/_react.default.createElement(_TracksContainer.default, {
|
|
108
108
|
model: model
|
|
109
|
-
}, !tracks.length ? /*#__PURE__*/_react
|
|
109
|
+
}, !tracks.length ? /*#__PURE__*/_react.default.createElement(_core.Paper, {
|
|
110
110
|
variant: "outlined",
|
|
111
111
|
className: classes.note
|
|
112
|
-
}, /*#__PURE__*/_react
|
|
112
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "No tracks active."), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
113
113
|
variant: "contained",
|
|
114
114
|
color: "primary",
|
|
115
115
|
onClick: model.activateTrackSelector,
|
|
116
116
|
style: {
|
|
117
117
|
zIndex: 1000
|
|
118
118
|
},
|
|
119
|
-
startIcon: /*#__PURE__*/_react
|
|
119
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_Icons.TrackSelector, null)
|
|
120
120
|
}, "Open track selector")) : tracks.map(function (track) {
|
|
121
|
-
return /*#__PURE__*/_react
|
|
121
|
+
return /*#__PURE__*/_react.default.createElement(_TrackContainer.default, {
|
|
122
122
|
key: track.id,
|
|
123
123
|
model: model,
|
|
124
124
|
track: track
|
|
@@ -126,4 +126,4 @@ var LinearGenomeView = (0, _mobxReact.observer)(function (_ref) {
|
|
|
126
126
|
})));
|
|
127
127
|
});
|
|
128
128
|
var _default = LinearGenomeView;
|
|
129
|
-
exports
|
|
129
|
+
exports.default = _default;
|
|
@@ -39,10 +39,10 @@ var assemblyConf = {
|
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
describe('<LinearGenomeView />', function () {
|
|
42
|
-
it('renders setup wizard', /*#__PURE__*/(0, _asyncToGenerator2
|
|
42
|
+
it('renders setup wizard', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
43
43
|
var session, model, _render, findByText;
|
|
44
44
|
|
|
45
|
-
return _regenerator
|
|
45
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
46
46
|
while (1) {
|
|
47
47
|
switch (_context.prev = _context.next) {
|
|
48
48
|
case 0:
|
|
@@ -53,7 +53,7 @@ describe('<LinearGenomeView />', function () {
|
|
|
53
53
|
});
|
|
54
54
|
model = session.views[0];
|
|
55
55
|
model.setWidth(800);
|
|
56
|
-
_render = (0, _react2.render)( /*#__PURE__*/_react
|
|
56
|
+
_render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinearGenomeView.default, {
|
|
57
57
|
model: model
|
|
58
58
|
})), findByText = _render.findByText;
|
|
59
59
|
expect(model.displayedRegions.length).toEqual(0);
|
|
@@ -78,10 +78,10 @@ describe('<LinearGenomeView />', function () {
|
|
|
78
78
|
}
|
|
79
79
|
}, _callee);
|
|
80
80
|
})));
|
|
81
|
-
it('renders one track, one region', /*#__PURE__*/(0, _asyncToGenerator2
|
|
81
|
+
it('renders one track, one region', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
82
82
|
var session, model, _render2, container, findByText;
|
|
83
83
|
|
|
84
|
-
return _regenerator
|
|
84
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
85
85
|
while (1) {
|
|
86
86
|
switch (_context2.prev = _context2.next) {
|
|
87
87
|
case 0:
|
|
@@ -121,7 +121,7 @@ describe('<LinearGenomeView />', function () {
|
|
|
121
121
|
});
|
|
122
122
|
model = session.views[0];
|
|
123
123
|
model.setWidth(800);
|
|
124
|
-
_render2 = (0, _react2.render)( /*#__PURE__*/_react
|
|
124
|
+
_render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinearGenomeView.default, {
|
|
125
125
|
model: model
|
|
126
126
|
})), container = _render2.container, findByText = _render2.findByText;
|
|
127
127
|
_context2.next = 9;
|
|
@@ -141,10 +141,10 @@ describe('<LinearGenomeView />', function () {
|
|
|
141
141
|
}
|
|
142
142
|
}, _callee2);
|
|
143
143
|
})));
|
|
144
|
-
it('renders two tracks, two regions', /*#__PURE__*/(0, _asyncToGenerator2
|
|
144
|
+
it('renders two tracks, two regions', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
|
|
145
145
|
var session, model, _render3, container, findByText, findAllByTestId;
|
|
146
146
|
|
|
147
|
-
return _regenerator
|
|
147
|
+
return _regenerator.default.wrap(function _callee3$(_context3) {
|
|
148
148
|
while (1) {
|
|
149
149
|
switch (_context3.prev = _context3.next) {
|
|
150
150
|
case 0:
|
|
@@ -207,7 +207,7 @@ describe('<LinearGenomeView />', function () {
|
|
|
207
207
|
});
|
|
208
208
|
model = session.views[0];
|
|
209
209
|
model.setWidth(800);
|
|
210
|
-
_render3 = (0, _react2.render)( /*#__PURE__*/_react
|
|
210
|
+
_render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_LinearGenomeView.default, {
|
|
211
211
|
model: model
|
|
212
212
|
})), container = _render3.container, findByText = _render3.findByText, findAllByTestId = _render3.findAllByTestId;
|
|
213
213
|
_context3.next = 10;
|
|
@@ -35,7 +35,7 @@ var _OverviewScaleBar = require("./OverviewScaleBar");
|
|
|
35
35
|
|
|
36
36
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
37
37
|
|
|
38
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2
|
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
39
39
|
|
|
40
40
|
function ScaleBar(_ref) {
|
|
41
41
|
var model = _ref.model,
|
|
@@ -47,25 +47,25 @@ function ScaleBar(_ref) {
|
|
|
47
47
|
var displayBp = (0, _util.getBpDisplayStr)(totalBp);
|
|
48
48
|
var x0 = Math.max(-offsetPx, 0);
|
|
49
49
|
var x1 = x0 + totalWidthPx;
|
|
50
|
-
return /*#__PURE__*/_react
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("line", {
|
|
51
51
|
x1: x0,
|
|
52
52
|
x2: x1,
|
|
53
53
|
y1: 10,
|
|
54
54
|
y2: 10,
|
|
55
55
|
stroke: "black"
|
|
56
|
-
}), /*#__PURE__*/_react
|
|
56
|
+
}), /*#__PURE__*/_react.default.createElement("line", {
|
|
57
57
|
x1: x0,
|
|
58
58
|
x2: x0,
|
|
59
59
|
y1: 5,
|
|
60
60
|
y2: 15,
|
|
61
61
|
stroke: "black"
|
|
62
|
-
}), /*#__PURE__*/_react
|
|
62
|
+
}), /*#__PURE__*/_react.default.createElement("line", {
|
|
63
63
|
x1: x1,
|
|
64
64
|
x2: x1,
|
|
65
65
|
y1: 5,
|
|
66
66
|
y2: 15,
|
|
67
67
|
stroke: "black"
|
|
68
|
-
}), /*#__PURE__*/_react
|
|
68
|
+
}), /*#__PURE__*/_react.default.createElement("text", {
|
|
69
69
|
x: x0 + (x1 - x0) / 2,
|
|
70
70
|
y: fontSize * 2,
|
|
71
71
|
textAnchor: "middle",
|
|
@@ -81,9 +81,9 @@ function SVGRuler(_ref2) {
|
|
|
81
81
|
viewOffsetPx = model.offsetPx,
|
|
82
82
|
bpPerPx = model.bpPerPx;
|
|
83
83
|
var renderRuler = contentBlocks.length < 5;
|
|
84
|
-
return /*#__PURE__*/_react
|
|
84
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
85
85
|
id: "clip-ruler"
|
|
86
|
-
}, /*#__PURE__*/_react
|
|
86
|
+
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
87
87
|
x: 0,
|
|
88
88
|
y: 0,
|
|
89
89
|
width: width,
|
|
@@ -96,22 +96,22 @@ function SVGRuler(_ref2) {
|
|
|
96
96
|
offsetPx = block.offsetPx,
|
|
97
97
|
refName = block.refName;
|
|
98
98
|
var offsetLeft = offsetPx - viewOffsetPx;
|
|
99
|
-
return /*#__PURE__*/_react
|
|
99
|
+
return /*#__PURE__*/_react.default.createElement("g", {
|
|
100
100
|
key: "".concat(key),
|
|
101
101
|
transform: "translate(".concat(offsetLeft, " 0)")
|
|
102
|
-
}, /*#__PURE__*/_react
|
|
102
|
+
}, /*#__PURE__*/_react.default.createElement("text", {
|
|
103
103
|
x: offsetLeft / bpPerPx,
|
|
104
104
|
y: fontSize,
|
|
105
105
|
fontSize: fontSize
|
|
106
|
-
}, refName), renderRuler ? /*#__PURE__*/_react
|
|
106
|
+
}, refName), renderRuler ? /*#__PURE__*/_react.default.createElement("g", {
|
|
107
107
|
transform: "translate(0 20)",
|
|
108
108
|
clipPath: "url(#clip-ruler)"
|
|
109
|
-
}, /*#__PURE__*/_react
|
|
109
|
+
}, /*#__PURE__*/_react.default.createElement(_Ruler.default, {
|
|
110
110
|
start: start,
|
|
111
111
|
end: end,
|
|
112
112
|
bpPerPx: bpPerPx,
|
|
113
113
|
reversed: reversed
|
|
114
|
-
})) : /*#__PURE__*/_react
|
|
114
|
+
})) : /*#__PURE__*/_react.default.createElement("line", {
|
|
115
115
|
strokeWidth: 1,
|
|
116
116
|
stroke: "black",
|
|
117
117
|
x1: start / bpPerPx,
|
|
@@ -150,7 +150,7 @@ var SVGHeader = function SVGHeader(_ref3) {
|
|
|
150
150
|
var assemblyName = assemblyNames.length > 1 ? '' : assemblyNames[0];
|
|
151
151
|
var assembly = assemblyManager.get(assemblyName);
|
|
152
152
|
|
|
153
|
-
var overview = _Base1DViewModel
|
|
153
|
+
var overview = _Base1DViewModel.default.create({
|
|
154
154
|
displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
|
|
155
155
|
interRegionPaddingWidth: 0,
|
|
156
156
|
minimumBlockWidth: model.minimumBlockWidth
|
|
@@ -169,39 +169,39 @@ var SVGHeader = function SVGHeader(_ref3) {
|
|
|
169
169
|
coord: last.reversed ? last.start : last.end
|
|
170
170
|
})) || 0;
|
|
171
171
|
var cytobandHeight = showCytobands ? cytobandHeightIfExists : 0;
|
|
172
|
-
return /*#__PURE__*/_react
|
|
172
|
+
return /*#__PURE__*/_react.default.createElement("g", {
|
|
173
173
|
id: "header"
|
|
174
|
-
}, /*#__PURE__*/_react
|
|
174
|
+
}, /*#__PURE__*/_react.default.createElement("text", {
|
|
175
175
|
x: 0,
|
|
176
176
|
y: fontSize,
|
|
177
177
|
fontSize: fontSize
|
|
178
|
-
}, assemblyName), showCytobands ? /*#__PURE__*/_react
|
|
178
|
+
}, assemblyName), showCytobands ? /*#__PURE__*/_react.default.createElement("g", {
|
|
179
179
|
transform: "translate(0 ".concat(rulerHeight, ")")
|
|
180
|
-
}, /*#__PURE__*/_react
|
|
180
|
+
}, /*#__PURE__*/_react.default.createElement(_OverviewScaleBar.Cytobands, {
|
|
181
181
|
overview: overview,
|
|
182
182
|
assembly: assembly,
|
|
183
183
|
block: block
|
|
184
|
-
}), /*#__PURE__*/_react
|
|
184
|
+
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
185
185
|
stroke: "red",
|
|
186
186
|
fill: "rgb(255,0,0,0.1)",
|
|
187
187
|
width: Math.max(lastOverviewPx - firstOverviewPx, 0.5),
|
|
188
188
|
height: _.HEADER_OVERVIEW_HEIGHT - 1,
|
|
189
189
|
x: firstOverviewPx,
|
|
190
190
|
y: 0.5
|
|
191
|
-
}), /*#__PURE__*/_react
|
|
191
|
+
}), /*#__PURE__*/_react.default.createElement("g", {
|
|
192
192
|
transform: "translate(0,".concat(_.HEADER_OVERVIEW_HEIGHT, ")")
|
|
193
|
-
}, /*#__PURE__*/_react
|
|
193
|
+
}, /*#__PURE__*/_react.default.createElement(_OverviewScaleBar.Polygon, {
|
|
194
194
|
overview: overview,
|
|
195
195
|
model: model,
|
|
196
196
|
useOffset: false
|
|
197
|
-
}))) : null, /*#__PURE__*/_react
|
|
197
|
+
}))) : null, /*#__PURE__*/_react.default.createElement("g", {
|
|
198
198
|
transform: "translate(0 ".concat(fontSize + cytobandHeight, ")")
|
|
199
|
-
}, /*#__PURE__*/_react
|
|
199
|
+
}, /*#__PURE__*/_react.default.createElement(ScaleBar, {
|
|
200
200
|
model: model,
|
|
201
201
|
fontSize: fontSize
|
|
202
|
-
})), /*#__PURE__*/_react
|
|
202
|
+
})), /*#__PURE__*/_react.default.createElement("g", {
|
|
203
203
|
transform: "translate(0 ".concat(rulerHeight + cytobandHeight, ")")
|
|
204
|
-
}, /*#__PURE__*/_react
|
|
204
|
+
}, /*#__PURE__*/_react.default.createElement(SVGRuler, {
|
|
205
205
|
model: model,
|
|
206
206
|
fontSize: fontSize,
|
|
207
207
|
width: width
|
|
@@ -215,8 +215,8 @@ var SVGRegionSeparators = function SVGRegionSeparators(_ref4) {
|
|
|
215
215
|
var dynamicBlocks = model.dynamicBlocks,
|
|
216
216
|
offsetPx = model.offsetPx,
|
|
217
217
|
interRegionPaddingWidth = model.interRegionPaddingWidth;
|
|
218
|
-
return /*#__PURE__*/_react
|
|
219
|
-
return /*#__PURE__*/_react
|
|
218
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, dynamicBlocks.contentBlocks.slice(1).map(function (block) {
|
|
219
|
+
return /*#__PURE__*/_react.default.createElement("rect", {
|
|
220
220
|
key: block.key,
|
|
221
221
|
x: block.offsetPx - offsetPx - interRegionPaddingWidth,
|
|
222
222
|
width: interRegionPaddingWidth,
|
|
@@ -233,22 +233,22 @@ function SVGTracks(_ref5) {
|
|
|
233
233
|
var displayResults = _ref5.displayResults,
|
|
234
234
|
model = _ref5.model,
|
|
235
235
|
offset = _ref5.offset;
|
|
236
|
-
return /*#__PURE__*/_react
|
|
236
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, displayResults.map(function (_ref6) {
|
|
237
237
|
var track = _ref6.track,
|
|
238
238
|
result = _ref6.result;
|
|
239
239
|
var current = offset;
|
|
240
240
|
var trackName = (0, _configuration.getConf)(track, 'name') || "Reference sequence (".concat((0, _configuration.readConfObject)((0, _mobxStateTree.getParent)(track.configuration), 'name'), ")");
|
|
241
241
|
var display = track.displays[0];
|
|
242
242
|
offset += display.height + paddingHeight + textHeight;
|
|
243
|
-
return /*#__PURE__*/_react
|
|
243
|
+
return /*#__PURE__*/_react.default.createElement("g", {
|
|
244
244
|
key: track.configuration.trackId,
|
|
245
245
|
transform: "translate(0 ".concat(current, ")")
|
|
246
|
-
}, /*#__PURE__*/_react
|
|
246
|
+
}, /*#__PURE__*/_react.default.createElement("text", {
|
|
247
247
|
fontSize: fontSize,
|
|
248
248
|
x: Math.max(-model.offsetPx, 0)
|
|
249
|
-
}, trackName), /*#__PURE__*/_react
|
|
249
|
+
}, trackName), /*#__PURE__*/_react.default.createElement("g", {
|
|
250
250
|
transform: "translate(0 ".concat(textHeight, ")")
|
|
251
|
-
}, result, /*#__PURE__*/_react
|
|
251
|
+
}, result, /*#__PURE__*/_react.default.createElement(SVGRegionSeparators, {
|
|
252
252
|
model: model,
|
|
253
253
|
height: display.height
|
|
254
254
|
})));
|
|
@@ -261,9 +261,9 @@ function renderToSvg(_x, _x2) {
|
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
function _renderToSvg() {
|
|
264
|
-
_renderToSvg = (0, _asyncToGenerator2
|
|
264
|
+
_renderToSvg = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(model, opts) {
|
|
265
265
|
var width, tracks, showCytobands, shift, offset, height, displayResults;
|
|
266
|
-
return _regenerator
|
|
266
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
267
267
|
while (1) {
|
|
268
268
|
switch (_context2.prev = _context2.next) {
|
|
269
269
|
case 0:
|
|
@@ -279,9 +279,9 @@ function _renderToSvg() {
|
|
|
279
279
|
height = totalHeight(tracks) + offset;
|
|
280
280
|
_context2.next = 8;
|
|
281
281
|
return Promise.all(tracks.map( /*#__PURE__*/function () {
|
|
282
|
-
var _ref7 = (0, _asyncToGenerator2
|
|
282
|
+
var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(track) {
|
|
283
283
|
var display, result;
|
|
284
|
-
return _regenerator
|
|
284
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
285
285
|
while (1) {
|
|
286
286
|
switch (_context.prev = _context.next) {
|
|
287
287
|
case 0:
|
|
@@ -317,22 +317,22 @@ function _renderToSvg() {
|
|
|
317
317
|
|
|
318
318
|
case 8:
|
|
319
319
|
displayResults = _context2.sent;
|
|
320
|
-
return _context2.abrupt("return", (0, _server.renderToStaticMarkup)( /*#__PURE__*/_react
|
|
320
|
+
return _context2.abrupt("return", (0, _server.renderToStaticMarkup)( /*#__PURE__*/_react.default.createElement("svg", {
|
|
321
321
|
width: width,
|
|
322
322
|
height: height,
|
|
323
323
|
xmlns: "http://www.w3.org/2000/svg",
|
|
324
324
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
325
325
|
viewBox: [0, 0, width + shift * 2, height].toString()
|
|
326
|
-
}, /*#__PURE__*/_react
|
|
326
|
+
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
327
327
|
width: width + shift * 2,
|
|
328
328
|
height: height,
|
|
329
329
|
fill: "white"
|
|
330
|
-
}), /*#__PURE__*/_react
|
|
330
|
+
}), /*#__PURE__*/_react.default.createElement("g", {
|
|
331
331
|
stroke: "none",
|
|
332
332
|
transform: "translate(".concat(shift, " ").concat(fontSize, ")")
|
|
333
|
-
}, /*#__PURE__*/_react
|
|
333
|
+
}, /*#__PURE__*/_react.default.createElement(SVGHeader, {
|
|
334
334
|
model: model
|
|
335
|
-
}), /*#__PURE__*/_react
|
|
335
|
+
}), /*#__PURE__*/_react.default.createElement(SVGTracks, {
|
|
336
336
|
model: model,
|
|
337
337
|
displayResults: displayResults,
|
|
338
338
|
offset: offset
|
|
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = void 0;
|
|
11
11
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
|
|
@@ -29,7 +29,7 @@ var _Menu = _interopRequireDefault(require("@jbrowse/core/ui/Menu"));
|
|
|
29
29
|
|
|
30
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
31
|
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
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
33
|
|
|
34
34
|
var MiniControls = (0, _mobxReact.observer)(function (props) {
|
|
35
35
|
var model = props.model;
|
|
@@ -39,34 +39,34 @@ var MiniControls = (0, _mobxReact.observer)(function (props) {
|
|
|
39
39
|
scaleFactor = model.scaleFactor;
|
|
40
40
|
|
|
41
41
|
var _useState = (0, _react.useState)(),
|
|
42
|
-
_useState2 = (0, _slicedToArray2
|
|
42
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
43
43
|
anchorEl = _useState2[0],
|
|
44
44
|
setAnchorEl = _useState2[1];
|
|
45
45
|
|
|
46
|
-
return /*#__PURE__*/_react
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Paper.default, {
|
|
47
47
|
style: {
|
|
48
48
|
background: '#aaa7'
|
|
49
49
|
}
|
|
50
|
-
}, /*#__PURE__*/_react
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
51
51
|
color: "secondary",
|
|
52
52
|
onClick: function onClick(event) {
|
|
53
53
|
setAnchorEl(event.currentTarget);
|
|
54
54
|
}
|
|
55
|
-
}, /*#__PURE__*/_react
|
|
55
|
+
}, /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, null)), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
56
56
|
"data-testid": "zoom_out",
|
|
57
57
|
onClick: function onClick() {
|
|
58
58
|
model.zoom(bpPerPx * 2);
|
|
59
59
|
},
|
|
60
60
|
disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1,
|
|
61
61
|
color: "secondary"
|
|
62
|
-
}, /*#__PURE__*/_react
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement(_ZoomOut.default, null)), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
63
63
|
"data-testid": "zoom_in",
|
|
64
64
|
onClick: function onClick() {
|
|
65
65
|
model.zoom(model.bpPerPx / 2);
|
|
66
66
|
},
|
|
67
67
|
disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1,
|
|
68
68
|
color: "secondary"
|
|
69
|
-
}, /*#__PURE__*/_react
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement(_ZoomIn.default, null))), /*#__PURE__*/_react.default.createElement(_Menu.default, {
|
|
70
70
|
anchorEl: anchorEl,
|
|
71
71
|
open: Boolean(anchorEl),
|
|
72
72
|
onMenuItemClick: function onMenuItemClick(_, callback) {
|
|
@@ -80,4 +80,4 @@ var MiniControls = (0, _mobxReact.observer)(function (props) {
|
|
|
80
80
|
}));
|
|
81
81
|
});
|
|
82
82
|
var _default = MiniControls;
|
|
83
|
-
exports
|
|
83
|
+
exports.default = _default;
|