@jbrowse/plugin-linear-genome-view 1.7.1 → 1.7.5
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
|
@@ -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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
13
|
|
|
@@ -39,7 +39,7 @@ var _GetApp = _interopRequireDefault(require("@material-ui/icons/GetApp"));
|
|
|
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 || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
42
|
+
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; }
|
|
43
43
|
|
|
44
44
|
// icons
|
|
45
45
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
@@ -70,9 +70,9 @@ function fetchSequence(_x, _x2, _x3) {
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
function _fetchSequence() {
|
|
73
|
-
_fetchSequence = (0, _asyncToGenerator2
|
|
74
|
-
var session, leftOffset, rightOffset, rpcManager, assemblyManager, assemblyName, assembly, adapterConfig, sessionId
|
|
75
|
-
return _regenerator
|
|
73
|
+
_fetchSequence = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(model, regions, signal) {
|
|
74
|
+
var session, leftOffset, rightOffset, rpcManager, assemblyManager, assemblyName, assembly, adapterConfig, sessionId;
|
|
75
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
76
76
|
while (1) {
|
|
77
77
|
switch (_context2.prev = _context2.next) {
|
|
78
78
|
case 0:
|
|
@@ -109,23 +109,14 @@ function _fetchSequence() {
|
|
|
109
109
|
case 11:
|
|
110
110
|
adapterConfig = (0, _configuration.getConf)(assembly, ['sequence', 'adapter']);
|
|
111
111
|
sessionId = 'getSequence';
|
|
112
|
-
_context2.
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
sessionId: sessionId,
|
|
118
|
-
signal: signal
|
|
119
|
-
});
|
|
112
|
+
return _context2.abrupt("return", rpcManager.call(sessionId, 'CoreGetFeatures', {
|
|
113
|
+
adapterConfig: adapterConfig,
|
|
114
|
+
regions: regions,
|
|
115
|
+
sessionId: sessionId,
|
|
116
|
+
signal: signal
|
|
120
117
|
}));
|
|
121
118
|
|
|
122
|
-
case
|
|
123
|
-
chunks = _context2.sent;
|
|
124
|
-
return _context2.abrupt("return", chunks.map(function (chunk) {
|
|
125
|
-
return chunk[0];
|
|
126
|
-
}));
|
|
127
|
-
|
|
128
|
-
case 17:
|
|
119
|
+
case 14:
|
|
129
120
|
case "end":
|
|
130
121
|
return _context2.stop();
|
|
131
122
|
}
|
|
@@ -142,12 +133,12 @@ function SequenceDialog(_ref) {
|
|
|
142
133
|
var session = (0, _util.getSession)(model);
|
|
143
134
|
|
|
144
135
|
var _useState = (0, _react.useState)(),
|
|
145
|
-
_useState2 = (0, _slicedToArray2
|
|
136
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
146
137
|
error = _useState2[0],
|
|
147
138
|
setError = _useState2[1];
|
|
148
139
|
|
|
149
140
|
var _useState3 = (0, _react.useState)(),
|
|
150
|
-
_useState4 = (0, _slicedToArray2
|
|
141
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
151
142
|
sequence = _useState4[0],
|
|
152
143
|
setSequence = _useState4[1];
|
|
153
144
|
|
|
@@ -163,9 +154,9 @@ function SequenceDialog(_ref) {
|
|
|
163
154
|
(0, _react.useEffect)(function () {
|
|
164
155
|
var active = true;
|
|
165
156
|
var controller = new AbortController();
|
|
166
|
-
(0, _asyncToGenerator2
|
|
157
|
+
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
167
158
|
var chunks;
|
|
168
|
-
return _regenerator
|
|
159
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
169
160
|
while (1) {
|
|
170
161
|
switch (_context.prev = _context.next) {
|
|
171
162
|
case 0:
|
|
@@ -235,31 +226,31 @@ function SequenceDialog(_ref) {
|
|
|
235
226
|
};
|
|
236
227
|
}, [model, session, regionsSelected, setSequence]);
|
|
237
228
|
var sequenceTooLarge = sequence ? sequence.length > 1000000 : false;
|
|
238
|
-
return /*#__PURE__*/_react
|
|
229
|
+
return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
|
|
239
230
|
"data-testid": "sequence-dialog",
|
|
240
231
|
maxWidth: "xl",
|
|
241
232
|
open: true,
|
|
242
233
|
onClose: handleClose,
|
|
243
234
|
"aria-labelledby": "alert-dialog-title",
|
|
244
235
|
"aria-describedby": "alert-dialog-description"
|
|
245
|
-
}, /*#__PURE__*/_react
|
|
236
|
+
}, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, {
|
|
246
237
|
id: "alert-dialog-title"
|
|
247
|
-
}, "Reference sequence", handleClose ? /*#__PURE__*/_react
|
|
238
|
+
}, "Reference sequence", handleClose ? /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
248
239
|
"data-testid": "close-seqDialog",
|
|
249
240
|
className: classes.closeButton,
|
|
250
241
|
onClick: function onClick() {
|
|
251
242
|
handleClose();
|
|
252
243
|
model.setOffsets(undefined, undefined);
|
|
253
244
|
}
|
|
254
|
-
}, /*#__PURE__*/_react
|
|
245
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null)) : null), /*#__PURE__*/_react.default.createElement(_core.Divider, null), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, error ? /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
255
246
|
color: "error"
|
|
256
|
-
}, "".concat(error)) : null, loading && !error ? /*#__PURE__*/_react
|
|
247
|
+
}, "".concat(error)) : null, loading && !error ? /*#__PURE__*/_react.default.createElement(_core.Container, null, "Retrieving reference sequence...", /*#__PURE__*/_react.default.createElement(_core.CircularProgress, {
|
|
257
248
|
style: {
|
|
258
249
|
marginLeft: 10
|
|
259
250
|
},
|
|
260
251
|
size: 20,
|
|
261
252
|
disableShrink: true
|
|
262
|
-
})) : null, /*#__PURE__*/_react
|
|
253
|
+
})) : null, /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
263
254
|
"data-testid": "rubberband-sequence",
|
|
264
255
|
variant: "outlined",
|
|
265
256
|
multiline: true,
|
|
@@ -274,15 +265,15 @@ function SequenceDialog(_ref) {
|
|
|
274
265
|
input: classes.textAreaFont
|
|
275
266
|
}
|
|
276
267
|
}
|
|
277
|
-
})), /*#__PURE__*/_react
|
|
268
|
+
})), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
278
269
|
onClick: function onClick() {
|
|
279
|
-
(0, _copyToClipboard
|
|
270
|
+
(0, _copyToClipboard.default)(sequence || '');
|
|
280
271
|
session.notify('Copied to clipboard', 'success');
|
|
281
272
|
},
|
|
282
273
|
disabled: loading || !!error || sequenceTooLarge,
|
|
283
274
|
color: "primary",
|
|
284
|
-
startIcon: /*#__PURE__*/_react
|
|
285
|
-
}, "Copy to clipboard"), /*#__PURE__*/_react
|
|
275
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_Icons.ContentCopy, null)
|
|
276
|
+
}, "Copy to clipboard"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
286
277
|
onClick: function onClick() {
|
|
287
278
|
var seqFastaFile = new Blob([sequence || ''], {
|
|
288
279
|
type: 'text/x-fasta;charset=utf-8'
|
|
@@ -291,8 +282,8 @@ function SequenceDialog(_ref) {
|
|
|
291
282
|
},
|
|
292
283
|
disabled: loading || !!error,
|
|
293
284
|
color: "primary",
|
|
294
|
-
startIcon: /*#__PURE__*/_react
|
|
295
|
-
}, "Download FASTA"), /*#__PURE__*/_react
|
|
285
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_GetApp.default, null)
|
|
286
|
+
}, "Download FASTA"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
296
287
|
onClick: handleClose,
|
|
297
288
|
color: "primary",
|
|
298
289
|
autoFocus: true
|
|
@@ -301,4 +292,4 @@ function SequenceDialog(_ref) {
|
|
|
301
292
|
|
|
302
293
|
var _default = (0, _mobxReact.observer)(SequenceDialog);
|
|
303
294
|
|
|
304
|
-
exports
|
|
295
|
+
exports.default = _default;
|
|
@@ -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 _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
@@ -33,7 +33,7 @@ var _TrackLabel = _interopRequireDefault(require("./TrackLabel"));
|
|
|
33
33
|
|
|
34
34
|
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); }
|
|
35
35
|
|
|
36
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
36
|
+
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; }
|
|
37
37
|
|
|
38
38
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
39
39
|
return {
|
|
@@ -89,9 +89,9 @@ var TrackContainerLabel = (0, _mobxReact.observer)(function (_ref) {
|
|
|
89
89
|
view = _ref.view;
|
|
90
90
|
var classes = useStyles();
|
|
91
91
|
var labelStyle = view.trackLabels === 'overlapping' ? classes.trackLabelOverlap : classes.trackLabelInline;
|
|
92
|
-
return view.trackLabels !== 'hidden' ? /*#__PURE__*/_react
|
|
92
|
+
return view.trackLabels !== 'hidden' ? /*#__PURE__*/_react.default.createElement(_TrackLabel.default, {
|
|
93
93
|
track: model,
|
|
94
|
-
className: (0, _clsx
|
|
94
|
+
className: (0, _clsx.default)(classes.trackLabel, labelStyle)
|
|
95
95
|
}) : null;
|
|
96
96
|
});
|
|
97
97
|
|
|
@@ -126,13 +126,13 @@ function TrackContainer(_ref2) {
|
|
|
126
126
|
var RenderingComponent = display.RenderingComponent,
|
|
127
127
|
DisplayBlurb = display.DisplayBlurb;
|
|
128
128
|
var dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
|
|
129
|
-
return /*#__PURE__*/_react
|
|
129
|
+
return /*#__PURE__*/_react.default.createElement(_Paper.default, {
|
|
130
130
|
className: classes.root,
|
|
131
131
|
variant: "outlined"
|
|
132
|
-
}, /*#__PURE__*/_react
|
|
132
|
+
}, /*#__PURE__*/_react.default.createElement(TrackContainerLabel, {
|
|
133
133
|
model: track,
|
|
134
134
|
view: model
|
|
135
|
-
}), /*#__PURE__*/_react
|
|
135
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
136
136
|
className: classes.trackRenderingContainer,
|
|
137
137
|
style: {
|
|
138
138
|
height: height
|
|
@@ -144,31 +144,31 @@ function TrackContainer(_ref2) {
|
|
|
144
144
|
onDragEnter: debouncedOnDragEnter,
|
|
145
145
|
"data-testid": "trackRenderingContainer-".concat(model.id, "-").concat(trackId),
|
|
146
146
|
role: "presentation"
|
|
147
|
-
}, /*#__PURE__*/_react
|
|
147
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
148
148
|
ref: ref,
|
|
149
149
|
className: classes.renderingComponentContainer,
|
|
150
150
|
style: {
|
|
151
151
|
transform: "scaleX(".concat(model.scaleFactor, ")")
|
|
152
152
|
}
|
|
153
|
-
}, /*#__PURE__*/_react
|
|
153
|
+
}, /*#__PURE__*/_react.default.createElement(RenderingComponent, {
|
|
154
154
|
model: display,
|
|
155
155
|
onHorizontalScroll: horizontalScroll
|
|
156
|
-
})), DisplayBlurb ? /*#__PURE__*/_react
|
|
156
|
+
})), DisplayBlurb ? /*#__PURE__*/_react.default.createElement("div", {
|
|
157
157
|
style: {
|
|
158
158
|
position: 'absolute',
|
|
159
159
|
left: 0,
|
|
160
160
|
top: display.height - 20
|
|
161
161
|
}
|
|
162
|
-
}, /*#__PURE__*/_react
|
|
162
|
+
}, /*#__PURE__*/_react.default.createElement(DisplayBlurb, {
|
|
163
163
|
model: display
|
|
164
|
-
})) : null), /*#__PURE__*/_react
|
|
164
|
+
})) : null), /*#__PURE__*/_react.default.createElement("div", {
|
|
165
165
|
className: classes.overlay,
|
|
166
166
|
style: {
|
|
167
167
|
height: display.height,
|
|
168
168
|
background: dimmed ? 'rgba(0, 0, 0, 0.4)' : undefined
|
|
169
169
|
},
|
|
170
170
|
onDragEnter: debouncedOnDragEnter
|
|
171
|
-
}), /*#__PURE__*/_react
|
|
171
|
+
}), /*#__PURE__*/_react.default.createElement(_ui.ResizeHandle, {
|
|
172
172
|
onDrag: display.resizeHeight,
|
|
173
173
|
className: classes.resizeHandle
|
|
174
174
|
}));
|
|
@@ -176,4 +176,4 @@ function TrackContainer(_ref2) {
|
|
|
176
176
|
|
|
177
177
|
var _default = (0, _mobxReact.observer)(TrackContainer);
|
|
178
178
|
|
|
179
|
-
exports
|
|
179
|
+
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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
11
|
|
|
@@ -64,13 +64,13 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
|
64
64
|
};
|
|
65
65
|
});
|
|
66
66
|
|
|
67
|
-
var TrackLabel = /*#__PURE__*/_react
|
|
67
|
+
var TrackLabel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
68
68
|
var _session$getTrackActi;
|
|
69
69
|
|
|
70
70
|
var classes = useStyles();
|
|
71
71
|
|
|
72
|
-
var _React$useState = _react
|
|
73
|
-
_React$useState2 = (0, _slicedToArray2
|
|
72
|
+
var _React$useState = _react.default.useState(null),
|
|
73
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
74
74
|
anchorEl = _React$useState2[0],
|
|
75
75
|
setAnchorEl = _React$useState2[1];
|
|
76
76
|
|
|
@@ -105,12 +105,10 @@ var TrackLabel = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
105
105
|
var trackName = (0, _configuration.getConf)(track, 'name');
|
|
106
106
|
|
|
107
107
|
if ((0, _configuration.getConf)(track, 'type') === 'ReferenceSequenceTrack') {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
if (assembly.sequence === trackConf) {
|
|
111
|
-
trackName = "Reference Sequence (".concat((0, _configuration.readConfObject)(assembly, 'name'), ")");
|
|
112
|
-
}
|
|
108
|
+
var r = session.assemblies.find(function (a) {
|
|
109
|
+
return a.sequence === trackConf;
|
|
113
110
|
});
|
|
111
|
+
trackName = (0, _configuration.readConfObject)(trackConf, 'name') || (r ? "Reference Sequence (".concat((0, _configuration.readConfObject)(r, 'name'), ")") : 'Reference Sequence');
|
|
114
112
|
}
|
|
115
113
|
|
|
116
114
|
function handleMenuItemClick(_, callback) {
|
|
@@ -118,32 +116,32 @@ var TrackLabel = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
118
116
|
handleClose();
|
|
119
117
|
}
|
|
120
118
|
|
|
121
|
-
var items = [].concat((0, _toConsumableArray2
|
|
119
|
+
var items = [].concat((0, _toConsumableArray2.default)(((_session$getTrackActi = session.getTrackActionMenuItems) === null || _session$getTrackActi === void 0 ? void 0 : _session$getTrackActi.call(session, trackConf)) || []), (0, _toConsumableArray2.default)(track.trackMenuItems())).sort(function (a, b) {
|
|
122
120
|
return (b.priority || 0) - (a.priority || 0);
|
|
123
121
|
});
|
|
124
|
-
return /*#__PURE__*/_react
|
|
122
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Paper, {
|
|
125
123
|
ref: ref,
|
|
126
|
-
className: (0, _clsx
|
|
127
|
-
}, /*#__PURE__*/_react
|
|
124
|
+
className: (0, _clsx.default)(className, classes.root)
|
|
125
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
128
126
|
draggable: true,
|
|
129
127
|
className: classes.dragHandle,
|
|
130
128
|
onDragStart: onDragStart,
|
|
131
129
|
onDragEnd: onDragEnd,
|
|
132
130
|
"data-testid": "dragHandle-".concat(view.id, "-").concat(trackId)
|
|
133
|
-
}, /*#__PURE__*/_react
|
|
131
|
+
}, /*#__PURE__*/_react.default.createElement(_DragIndicator.default, {
|
|
134
132
|
className: classes.dragHandleIcon
|
|
135
|
-
})), /*#__PURE__*/_react
|
|
133
|
+
})), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
136
134
|
onClick: function onClick() {
|
|
137
135
|
return view.hideTrack(trackId);
|
|
138
136
|
},
|
|
139
137
|
className: classes.iconButton,
|
|
140
138
|
title: "close this track",
|
|
141
139
|
color: "secondary"
|
|
142
|
-
}, /*#__PURE__*/_react
|
|
140
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null)), /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
143
141
|
variant: "body1",
|
|
144
142
|
component: "span",
|
|
145
143
|
className: classes.trackName
|
|
146
|
-
}, trackName), /*#__PURE__*/_react
|
|
144
|
+
}, trackName), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
147
145
|
"aria-controls": "simple-menu",
|
|
148
146
|
"aria-haspopup": "true",
|
|
149
147
|
onClick: handleClick,
|
|
@@ -151,7 +149,7 @@ var TrackLabel = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
151
149
|
color: "secondary",
|
|
152
150
|
"data-testid": "track_menu_icon",
|
|
153
151
|
disabled: !items.length
|
|
154
|
-
}, /*#__PURE__*/_react
|
|
152
|
+
}, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null))), /*#__PURE__*/_react.default.createElement(_ui.Menu, {
|
|
155
153
|
anchorEl: anchorEl,
|
|
156
154
|
onMenuItemClick: handleMenuItemClick,
|
|
157
155
|
open: Boolean(anchorEl),
|
|
@@ -162,4 +160,4 @@ var TrackLabel = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
162
160
|
|
|
163
161
|
var _default = (0, _mobxReact.observer)(TrackLabel);
|
|
164
162
|
|
|
165
|
-
exports
|
|
163
|
+
exports.default = _default;
|
|
@@ -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
|
|
|
@@ -31,7 +31,7 @@ var _CenterLine = _interopRequireDefault(require("./CenterLine"));
|
|
|
31
31
|
|
|
32
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
33
|
|
|
34
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
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
35
|
|
|
36
36
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
37
37
|
return {
|
|
@@ -60,7 +60,7 @@ function TracksContainer(_ref) {
|
|
|
60
60
|
var prevX = (0, _react.useRef)(0);
|
|
61
61
|
|
|
62
62
|
var _useState = (0, _react.useState)(false),
|
|
63
|
-
_useState2 = (0, _slicedToArray2
|
|
63
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
64
64
|
mouseDragging = _useState2[0],
|
|
65
65
|
setMouseDragging = _useState2[1];
|
|
66
66
|
|
|
@@ -138,7 +138,7 @@ function TracksContainer(_ref) {
|
|
|
138
138
|
// else scroll horizontally with x-scroll
|
|
139
139
|
|
|
140
140
|
function onWheel(origEvent) {
|
|
141
|
-
var event = (0, _normalizeWheel
|
|
141
|
+
var event = (0, _normalizeWheel.default)(origEvent);
|
|
142
142
|
|
|
143
143
|
if (origEvent.ctrlKey === true) {
|
|
144
144
|
origEvent.preventDefault();
|
|
@@ -186,20 +186,20 @@ function TracksContainer(_ref) {
|
|
|
186
186
|
|
|
187
187
|
return function () {};
|
|
188
188
|
}, [model]);
|
|
189
|
-
return /*#__PURE__*/_react
|
|
189
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
190
190
|
ref: ref,
|
|
191
191
|
role: "presentation",
|
|
192
192
|
className: classes.tracksContainer,
|
|
193
193
|
onMouseDown: mouseDown,
|
|
194
194
|
onMouseUp: mouseUp,
|
|
195
195
|
onMouseLeave: mouseLeave
|
|
196
|
-
}, /*#__PURE__*/_react
|
|
196
|
+
}, /*#__PURE__*/_react.default.createElement(_VerticalGuides.default, {
|
|
197
197
|
model: model
|
|
198
|
-
}), model.showCenterLine ? /*#__PURE__*/_react
|
|
198
|
+
}), model.showCenterLine ? /*#__PURE__*/_react.default.createElement(_CenterLine.default, {
|
|
199
199
|
model: model
|
|
200
|
-
}) : null, /*#__PURE__*/_react
|
|
200
|
+
}) : null, /*#__PURE__*/_react.default.createElement(_RubberBand.default, {
|
|
201
201
|
model: model,
|
|
202
|
-
ControlComponent: /*#__PURE__*/_react
|
|
202
|
+
ControlComponent: /*#__PURE__*/_react.default.createElement(_ScaleBar.default, {
|
|
203
203
|
model: model,
|
|
204
204
|
style: {
|
|
205
205
|
height: _.SCALE_BAR_HEIGHT,
|
|
@@ -211,4 +211,4 @@ function TracksContainer(_ref) {
|
|
|
211
211
|
|
|
212
212
|
var _default = (0, _mobxReact.observer)(TracksContainer);
|
|
213
213
|
|
|
214
|
-
exports
|
|
214
|
+
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 _blockTypes = require("@jbrowse/core/util/blockTypes");
|
|
11
11
|
|
|
@@ -53,17 +53,17 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
53
53
|
var RenderedVerticalGuides = (0, _mobxReact.observer)(function (_ref) {
|
|
54
54
|
var model = _ref.model;
|
|
55
55
|
var classes = useStyles();
|
|
56
|
-
return /*#__PURE__*/_react
|
|
56
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, model.staticBlocks.map(function (block, index) {
|
|
57
57
|
if (block instanceof _blockTypes.ContentBlock) {
|
|
58
58
|
var ticks = (0, _util.makeTicks)(block.start, block.end, model.bpPerPx);
|
|
59
|
-
return /*#__PURE__*/_react
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement(_Block.ContentBlock, {
|
|
60
60
|
key: "".concat(block.key, "-").concat(index),
|
|
61
61
|
block: block
|
|
62
62
|
}, ticks.map(function (tick) {
|
|
63
63
|
var x = (block.reversed ? block.end - tick.base : tick.base - block.start) / model.bpPerPx;
|
|
64
|
-
return /*#__PURE__*/_react
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
65
65
|
key: tick.base,
|
|
66
|
-
className: (0, _clsx
|
|
66
|
+
className: (0, _clsx.default)(classes.tick, tick.type === 'major' || tick.type === 'labeledMajor' ? classes.majorTick : classes.minorTick),
|
|
67
67
|
style: {
|
|
68
68
|
left: x
|
|
69
69
|
}
|
|
@@ -72,14 +72,14 @@ var RenderedVerticalGuides = (0, _mobxReact.observer)(function (_ref) {
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
if (block instanceof _blockTypes.ElidedBlock) {
|
|
75
|
-
return /*#__PURE__*/_react
|
|
75
|
+
return /*#__PURE__*/_react.default.createElement(_Block.ElidedBlock, {
|
|
76
76
|
key: block.key,
|
|
77
77
|
width: block.widthPx
|
|
78
78
|
});
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
if (block instanceof _blockTypes.InterRegionPaddingBlock) {
|
|
82
|
-
return /*#__PURE__*/_react
|
|
82
|
+
return /*#__PURE__*/_react.default.createElement(_Block.InterRegionPaddingBlock, {
|
|
83
83
|
key: block.key,
|
|
84
84
|
width: block.widthPx,
|
|
85
85
|
boundary: block.variant === 'boundary'
|
|
@@ -95,22 +95,22 @@ function VerticalGuides(_ref2) {
|
|
|
95
95
|
var classes = useStyles(); // find the block that needs pinning to the left side for context
|
|
96
96
|
|
|
97
97
|
var offsetLeft = model.staticBlocks.offsetPx - model.offsetPx;
|
|
98
|
-
return /*#__PURE__*/_react
|
|
98
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
99
99
|
className: classes.verticalGuidesZoomContainer,
|
|
100
100
|
style: {
|
|
101
101
|
transform: model.scaleFactor !== 1 ? "scaleX(".concat(model.scaleFactor, ")") : undefined
|
|
102
102
|
}
|
|
103
|
-
}, /*#__PURE__*/_react
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
104
104
|
className: classes.verticalGuidesContainer,
|
|
105
105
|
style: {
|
|
106
106
|
left: offsetLeft,
|
|
107
107
|
width: model.staticBlocks.totalWidthPx
|
|
108
108
|
}
|
|
109
|
-
}, /*#__PURE__*/_react
|
|
109
|
+
}, /*#__PURE__*/_react.default.createElement(RenderedVerticalGuides, {
|
|
110
110
|
model: model
|
|
111
111
|
})));
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
var _default = (0, _mobxReact.observer)(VerticalGuides);
|
|
115
115
|
|
|
116
|
-
exports
|
|
116
|
+
exports.default = _default;
|
|
@@ -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
|
|
|
@@ -27,7 +27,7 @@ var _ZoomOut = _interopRequireDefault(require("@material-ui/icons/ZoomOut"));
|
|
|
27
27
|
|
|
28
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
29
|
|
|
30
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
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
31
|
|
|
32
32
|
var useStyles = (0, _styles.makeStyles)({
|
|
33
33
|
container: {
|
|
@@ -49,23 +49,23 @@ function ZoomControls(_ref) {
|
|
|
49
49
|
scaleFactor = model.scaleFactor;
|
|
50
50
|
|
|
51
51
|
var _useState = (0, _react.useState)(-Math.log2(bpPerPx) * 100),
|
|
52
|
-
_useState2 = (0, _slicedToArray2
|
|
52
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
53
53
|
value = _useState2[0],
|
|
54
54
|
setValue = _useState2[1];
|
|
55
55
|
|
|
56
56
|
(0, _react.useEffect)(function () {
|
|
57
57
|
setValue(-Math.log2(bpPerPx) * 100);
|
|
58
58
|
}, [setValue, bpPerPx]);
|
|
59
|
-
return /*#__PURE__*/_react
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
60
60
|
className: classes.container
|
|
61
|
-
}, /*#__PURE__*/_react
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
62
62
|
"data-testid": "zoom_out",
|
|
63
63
|
onClick: function onClick() {
|
|
64
64
|
model.zoom(bpPerPx * 2);
|
|
65
65
|
},
|
|
66
66
|
disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1,
|
|
67
67
|
color: "secondary"
|
|
68
|
-
}, /*#__PURE__*/_react
|
|
68
|
+
}, /*#__PURE__*/_react.default.createElement(_ZoomOut.default, null)), /*#__PURE__*/_react.default.createElement(_Slider.default, {
|
|
69
69
|
className: classes.slider,
|
|
70
70
|
value: value,
|
|
71
71
|
min: -Math.log2(maxBpPerPx) * 100,
|
|
@@ -77,16 +77,16 @@ function ZoomControls(_ref) {
|
|
|
77
77
|
return model.zoomTo(Math.pow(2, -value / 100));
|
|
78
78
|
},
|
|
79
79
|
disabled: scaleFactor !== 1
|
|
80
|
-
}), /*#__PURE__*/_react
|
|
80
|
+
}), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
81
81
|
"data-testid": "zoom_in",
|
|
82
82
|
onClick: function onClick() {
|
|
83
83
|
model.zoom(model.bpPerPx / 2);
|
|
84
84
|
},
|
|
85
85
|
disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1,
|
|
86
86
|
color: "secondary"
|
|
87
|
-
}, /*#__PURE__*/_react
|
|
87
|
+
}, /*#__PURE__*/_react.default.createElement(_ZoomIn.default, null)));
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
var _default = (0, _mobxReact.observer)(ZoomControls);
|
|
91
91
|
|
|
92
|
-
exports
|
|
92
|
+
exports.default = _default;
|