@jbrowse/plugin-linear-genome-view 1.7.3 → 1.7.4
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.js +32 -32
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +9 -9
- 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.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 +21 -21
- package/dist/LinearGenomeView/components/TrackContainer.js +14 -14
- package/dist/LinearGenomeView/components/TrackLabel.js +14 -14
- 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.js +18 -18
- package/package.json +3 -4
|
@@ -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
|
|
|
@@ -23,7 +23,7 @@ var _ui = require("@jbrowse/core/ui");
|
|
|
23
23
|
|
|
24
24
|
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); }
|
|
25
25
|
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
26
|
+
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; }
|
|
27
27
|
|
|
28
28
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
29
29
|
var background = theme.palette.tertiary ? (0, _core.alpha)(theme.palette.tertiary.main, 0.7) : (0, _core.alpha)(theme.palette.primary.main, 0.7);
|
|
@@ -65,12 +65,12 @@ var VerticalGuide = (0, _mobxReact.observer)(function (_ref) {
|
|
|
65
65
|
var model = _ref.model,
|
|
66
66
|
coordX = _ref.coordX;
|
|
67
67
|
var classes = useStyles();
|
|
68
|
-
return /*#__PURE__*/_react
|
|
68
|
+
return /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
|
|
69
69
|
open: true,
|
|
70
70
|
placement: "top",
|
|
71
71
|
title: (0, _util.stringify)(model.pxToBp(coordX)),
|
|
72
72
|
arrow: true
|
|
73
|
-
}, /*#__PURE__*/_react
|
|
73
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
74
74
|
className: classes.guide,
|
|
75
75
|
style: {
|
|
76
76
|
left: coordX,
|
|
@@ -82,27 +82,27 @@ var VerticalGuide = (0, _mobxReact.observer)(function (_ref) {
|
|
|
82
82
|
function RubberBand(_ref2) {
|
|
83
83
|
var model = _ref2.model,
|
|
84
84
|
_ref2$ControlComponen = _ref2.ControlComponent,
|
|
85
|
-
ControlComponent = _ref2$ControlComponen === void 0 ? /*#__PURE__*/_react
|
|
85
|
+
ControlComponent = _ref2$ControlComponen === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _ref2$ControlComponen;
|
|
86
86
|
|
|
87
87
|
var _useState = (0, _react.useState)(),
|
|
88
|
-
_useState2 = (0, _slicedToArray2
|
|
88
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
89
89
|
startX = _useState2[0],
|
|
90
90
|
setStartX = _useState2[1];
|
|
91
91
|
|
|
92
92
|
var _useState3 = (0, _react.useState)(),
|
|
93
|
-
_useState4 = (0, _slicedToArray2
|
|
93
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
94
94
|
currentX = _useState4[0],
|
|
95
95
|
setCurrentX = _useState4[1]; // clientX and clientY used for anchorPosition for menu
|
|
96
96
|
// offsetX used for calculations about width of selection
|
|
97
97
|
|
|
98
98
|
|
|
99
99
|
var _useState5 = (0, _react.useState)(),
|
|
100
|
-
_useState6 = (0, _slicedToArray2
|
|
100
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
101
101
|
anchorPosition = _useState6[0],
|
|
102
102
|
setAnchorPosition = _useState6[1];
|
|
103
103
|
|
|
104
104
|
var _useState7 = (0, _react.useState)(),
|
|
105
|
-
_useState8 = (0, _slicedToArray2
|
|
105
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
106
106
|
guideX = _useState8[0],
|
|
107
107
|
setGuideX = _useState8[1];
|
|
108
108
|
|
|
@@ -217,10 +217,10 @@ function RubberBand(_ref2) {
|
|
|
217
217
|
}
|
|
218
218
|
|
|
219
219
|
if (startX === undefined) {
|
|
220
|
-
return /*#__PURE__*/_react
|
|
220
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, guideX !== undefined ? /*#__PURE__*/_react.default.createElement(VerticalGuide, {
|
|
221
221
|
model: model,
|
|
222
222
|
coordX: guideX
|
|
223
|
-
}) : null, /*#__PURE__*/_react
|
|
223
|
+
}) : null, /*#__PURE__*/_react.default.createElement("div", {
|
|
224
224
|
"data-testid": "rubberBand_controls",
|
|
225
225
|
className: classes.rubberBandControl,
|
|
226
226
|
role: "presentation",
|
|
@@ -239,7 +239,7 @@ function RubberBand(_ref2) {
|
|
|
239
239
|
var leftBpOffset = model.pxToBp(left);
|
|
240
240
|
var rightBpOffset = model.pxToBp(left + width);
|
|
241
241
|
var numOfBpSelected = Math.ceil(width * model.bpPerPx);
|
|
242
|
-
return /*#__PURE__*/_react
|
|
242
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, rubberBandRef.current ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Popover, {
|
|
243
243
|
className: classes.popover,
|
|
244
244
|
classes: {
|
|
245
245
|
paper: classes.paper
|
|
@@ -256,7 +256,7 @@ function RubberBand(_ref2) {
|
|
|
256
256
|
},
|
|
257
257
|
keepMounted: true,
|
|
258
258
|
disableRestoreFocus: true
|
|
259
|
-
}, /*#__PURE__*/_react
|
|
259
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, (0, _util.stringify)(leftBpOffset))), /*#__PURE__*/_react.default.createElement(_core.Popover, {
|
|
260
260
|
className: classes.popover,
|
|
261
261
|
classes: {
|
|
262
262
|
paper: classes.paper
|
|
@@ -273,17 +273,17 @@ function RubberBand(_ref2) {
|
|
|
273
273
|
},
|
|
274
274
|
keepMounted: true,
|
|
275
275
|
disableRestoreFocus: true
|
|
276
|
-
}, /*#__PURE__*/_react
|
|
276
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, (0, _util.stringify)(rightBpOffset)))) : null, /*#__PURE__*/_react.default.createElement("div", {
|
|
277
277
|
ref: rubberBandRef,
|
|
278
278
|
className: classes.rubberBand,
|
|
279
279
|
style: {
|
|
280
280
|
left: left,
|
|
281
281
|
width: width
|
|
282
282
|
}
|
|
283
|
-
}, /*#__PURE__*/_react
|
|
283
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
284
284
|
variant: "h6",
|
|
285
285
|
className: classes.rubberBandText
|
|
286
|
-
}, numOfBpSelected.toLocaleString('en-US'), " bp")), /*#__PURE__*/_react
|
|
286
|
+
}, numOfBpSelected.toLocaleString('en-US'), " bp")), /*#__PURE__*/_react.default.createElement("div", {
|
|
287
287
|
"data-testid": "rubberBand_controls",
|
|
288
288
|
className: classes.rubberBandControl,
|
|
289
289
|
role: "presentation",
|
|
@@ -291,7 +291,7 @@ function RubberBand(_ref2) {
|
|
|
291
291
|
onMouseDown: mouseDown,
|
|
292
292
|
onMouseOut: mouseOut,
|
|
293
293
|
onMouseMove: mouseMove
|
|
294
|
-
}, ControlComponent), anchorPosition ? /*#__PURE__*/_react
|
|
294
|
+
}, ControlComponent), anchorPosition ? /*#__PURE__*/_react.default.createElement(_ui.Menu, {
|
|
295
295
|
anchorReference: "anchorPosition",
|
|
296
296
|
anchorPosition: {
|
|
297
297
|
left: anchorPosition.clientX,
|
|
@@ -306,4 +306,4 @@ function RubberBand(_ref2) {
|
|
|
306
306
|
|
|
307
307
|
var _default = (0, _mobxReact.observer)(RubberBand);
|
|
308
308
|
|
|
309
|
-
exports
|
|
309
|
+
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 _styles = require("@material-ui/core/styles");
|
|
11
11
|
|
|
@@ -53,9 +53,9 @@ function Ruler(_ref) {
|
|
|
53
53
|
minor = _ref.minor;
|
|
54
54
|
var classes = useStyles();
|
|
55
55
|
var ticks = (0, _util.makeTicks)(start, end, bpPerPx, major, minor);
|
|
56
|
-
return /*#__PURE__*/_react
|
|
56
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ticks.map(function (tick) {
|
|
57
57
|
var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
|
|
58
|
-
return /*#__PURE__*/_react
|
|
58
|
+
return /*#__PURE__*/_react.default.createElement("line", {
|
|
59
59
|
key: tick.base,
|
|
60
60
|
x1: x,
|
|
61
61
|
x2: x,
|
|
@@ -70,7 +70,7 @@ function Ruler(_ref) {
|
|
|
70
70
|
return tick.type === 'major';
|
|
71
71
|
}).map(function (tick) {
|
|
72
72
|
var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
|
|
73
|
-
return /*#__PURE__*/_react
|
|
73
|
+
return /*#__PURE__*/_react.default.createElement("text", {
|
|
74
74
|
x: x - 3,
|
|
75
75
|
y: 7 + 11,
|
|
76
76
|
key: "label-".concat(tick.base),
|
|
@@ -83,12 +83,12 @@ function Ruler(_ref) {
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
Ruler.propTypes = {
|
|
86
|
-
start: _propTypes
|
|
87
|
-
end: _propTypes
|
|
88
|
-
bpPerPx: _propTypes
|
|
89
|
-
reversed: _propTypes
|
|
90
|
-
major: _propTypes
|
|
91
|
-
minor: _propTypes
|
|
86
|
+
start: _propTypes.default.number.isRequired,
|
|
87
|
+
end: _propTypes.default.number.isRequired,
|
|
88
|
+
bpPerPx: _propTypes.default.number.isRequired,
|
|
89
|
+
reversed: _propTypes.default.bool,
|
|
90
|
+
major: _propTypes.default.bool,
|
|
91
|
+
minor: _propTypes.default.bool
|
|
92
92
|
};
|
|
93
93
|
Ruler.defaultProps = {
|
|
94
94
|
reversed: false,
|
|
@@ -98,4 +98,4 @@ Ruler.defaultProps = {
|
|
|
98
98
|
|
|
99
99
|
var _default = (0, _mobxReact.observer)(Ruler);
|
|
100
100
|
|
|
101
|
-
exports
|
|
101
|
+
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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
|
|
@@ -31,7 +31,7 @@ var _excluded = ["model", "style", "className"];
|
|
|
31
31
|
|
|
32
32
|
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; }
|
|
33
33
|
|
|
34
|
-
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
|
|
34
|
+
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; }
|
|
35
35
|
|
|
36
36
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
37
37
|
return {
|
|
@@ -85,8 +85,8 @@ var RenderedRefNameLabels = (0, _mobxReact.observer)(function (_ref) {
|
|
|
85
85
|
lastLeftBlock = i;
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
|
-
return /*#__PURE__*/_react
|
|
89
|
-
return block instanceof _blockTypes.ContentBlock && (block.isLeftEndOfDisplayedRegion || index === lastLeftBlock) ? /*#__PURE__*/_react
|
|
88
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, model.staticBlocks.map(function (block, index) {
|
|
89
|
+
return block instanceof _blockTypes.ContentBlock && (block.isLeftEndOfDisplayedRegion || index === lastLeftBlock) ? /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
90
90
|
key: "refLabel-".concat(block.key, "-").concat(index),
|
|
91
91
|
style: {
|
|
92
92
|
left: index === lastLeftBlock ? Math.max(0, -model.offsetPx) : block.offsetPx - model.offsetPx - 1,
|
|
@@ -100,23 +100,23 @@ var RenderedRefNameLabels = (0, _mobxReact.observer)(function (_ref) {
|
|
|
100
100
|
var RenderedScaleBarLabels = (0, _mobxReact.observer)(function (_ref2) {
|
|
101
101
|
var model = _ref2.model;
|
|
102
102
|
var classes = useStyles();
|
|
103
|
-
return /*#__PURE__*/_react
|
|
103
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, model.staticBlocks.map(function (block, index) {
|
|
104
104
|
if (block instanceof _blockTypes.ContentBlock) {
|
|
105
105
|
var ticks = (0, _util.makeTicks)(block.start, block.end, model.bpPerPx, true, false);
|
|
106
|
-
return /*#__PURE__*/_react
|
|
106
|
+
return /*#__PURE__*/_react.default.createElement(_Block.ContentBlock, {
|
|
107
107
|
key: "".concat(block.key, "-").concat(index),
|
|
108
108
|
block: block
|
|
109
109
|
}, ticks.map(function (tick) {
|
|
110
110
|
if (tick.type === 'major') {
|
|
111
111
|
var x = (block.reversed ? block.end - tick.base : tick.base - block.start) / model.bpPerPx;
|
|
112
112
|
var baseNumber = (tick.base + 1).toLocaleString('en-US');
|
|
113
|
-
return /*#__PURE__*/_react
|
|
113
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
114
114
|
key: tick.base,
|
|
115
115
|
className: classes.tick,
|
|
116
116
|
style: {
|
|
117
117
|
left: x
|
|
118
118
|
}
|
|
119
|
-
}, baseNumber ? /*#__PURE__*/_react
|
|
119
|
+
}, baseNumber ? /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
120
120
|
className: classes.majorTickLabel
|
|
121
121
|
}, baseNumber) : null);
|
|
122
122
|
}
|
|
@@ -126,14 +126,14 @@ var RenderedScaleBarLabels = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
if (block instanceof _blockTypes.ElidedBlock) {
|
|
129
|
-
return /*#__PURE__*/_react
|
|
129
|
+
return /*#__PURE__*/_react.default.createElement(_Block.ElidedBlock, {
|
|
130
130
|
key: block.key,
|
|
131
131
|
width: block.widthPx
|
|
132
132
|
});
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
if (block instanceof _blockTypes.InterRegionPaddingBlock) {
|
|
136
|
-
return /*#__PURE__*/_react
|
|
136
|
+
return /*#__PURE__*/_react.default.createElement(_Block.InterRegionPaddingBlock, {
|
|
137
137
|
key: block.key,
|
|
138
138
|
width: block.widthPx,
|
|
139
139
|
style: {
|
|
@@ -147,38 +147,38 @@ var RenderedScaleBarLabels = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
147
147
|
}));
|
|
148
148
|
});
|
|
149
149
|
|
|
150
|
-
var ScaleBar = /*#__PURE__*/_react
|
|
150
|
+
var ScaleBar = /*#__PURE__*/_react.default.forwardRef(function (_ref3, ref) {
|
|
151
151
|
var model = _ref3.model,
|
|
152
152
|
style = _ref3.style,
|
|
153
153
|
className = _ref3.className,
|
|
154
|
-
other = (0, _objectWithoutProperties2
|
|
154
|
+
other = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
|
|
155
155
|
var classes = useStyles();
|
|
156
156
|
var offsetLeft = model.staticBlocks.offsetPx - model.offsetPx;
|
|
157
|
-
return /*#__PURE__*/_react
|
|
157
|
+
return /*#__PURE__*/_react.default.createElement(_core.Paper, (0, _extends2.default)({
|
|
158
158
|
"data-resizer": "true" // used to avoid click-and-drag scrolls on trackscontainer
|
|
159
159
|
,
|
|
160
|
-
className: (0, _clsx
|
|
160
|
+
className: (0, _clsx.default)(classes.scaleBarContainer, className),
|
|
161
161
|
variant: "outlined",
|
|
162
162
|
ref: ref,
|
|
163
163
|
style: style
|
|
164
|
-
}, other), /*#__PURE__*/_react
|
|
164
|
+
}, other), /*#__PURE__*/_react.default.createElement("div", {
|
|
165
165
|
className: classes.scaleBarZoomContainer,
|
|
166
166
|
style: {
|
|
167
167
|
transform: model.scaleFactor !== 1 ? "scaleX(".concat(model.scaleFactor, ")") : undefined
|
|
168
168
|
}
|
|
169
|
-
}, /*#__PURE__*/_react
|
|
169
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
170
170
|
className: classes.scaleBar,
|
|
171
171
|
style: _objectSpread({
|
|
172
172
|
left: offsetLeft - 1,
|
|
173
173
|
width: model.staticBlocks.totalWidthPx
|
|
174
174
|
}, style)
|
|
175
|
-
}, /*#__PURE__*/_react
|
|
175
|
+
}, /*#__PURE__*/_react.default.createElement(RenderedScaleBarLabels, {
|
|
176
176
|
model: model
|
|
177
|
-
}))), /*#__PURE__*/_react
|
|
177
|
+
}))), /*#__PURE__*/_react.default.createElement(RenderedRefNameLabels, {
|
|
178
178
|
model: model
|
|
179
179
|
}));
|
|
180
180
|
});
|
|
181
181
|
|
|
182
182
|
var _default = (0, _mobxReact.observer)(ScaleBar);
|
|
183
183
|
|
|
184
|
-
exports
|
|
184
|
+
exports.default = _default;
|
|
@@ -55,7 +55,7 @@ describe('ScaleBar genome view component', function () {
|
|
|
55
55
|
});
|
|
56
56
|
var model = session.views[0];
|
|
57
57
|
|
|
58
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react
|
|
58
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_ScaleBar.default, {
|
|
59
59
|
model: model
|
|
60
60
|
})),
|
|
61
61
|
getByTestId = _render.getByTestId;
|
|
@@ -105,7 +105,7 @@ describe('ScaleBar genome view component', function () {
|
|
|
105
105
|
});
|
|
106
106
|
var model = session.views[0];
|
|
107
107
|
|
|
108
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react
|
|
108
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_ScaleBar.default, {
|
|
109
109
|
model: model
|
|
110
110
|
})),
|
|
111
111
|
getByTestId = _render2.getByTestId;
|
|
@@ -165,7 +165,7 @@ describe('ScaleBar genome view component', function () {
|
|
|
165
165
|
});
|
|
166
166
|
var model = session.views[0];
|
|
167
167
|
|
|
168
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react
|
|
168
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_ScaleBar.default, {
|
|
169
169
|
model: model
|
|
170
170
|
})),
|
|
171
171
|
queryByTestId = _render3.queryByTestId;
|
|
@@ -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
|
|
|
@@ -57,11 +57,11 @@ function SearchBox(_ref) {
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
function _fetchResults() {
|
|
60
|
-
_fetchResults = (0, _asyncToGenerator2
|
|
60
|
+
_fetchResults = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query, searchType) {
|
|
61
61
|
var _assembly$allRefNames;
|
|
62
62
|
|
|
63
63
|
var textSearchResults, refNameResults;
|
|
64
|
-
return _regenerator
|
|
64
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
65
65
|
while (1) {
|
|
66
66
|
switch (_context.prev = _context.next) {
|
|
67
67
|
case 0:
|
|
@@ -80,11 +80,11 @@ function SearchBox(_ref) {
|
|
|
80
80
|
refNameResults = assembly === null || assembly === void 0 ? void 0 : (_assembly$allRefNames = assembly.allRefNames) === null || _assembly$allRefNames === void 0 ? void 0 : _assembly$allRefNames.filter(function (refName) {
|
|
81
81
|
return refName.startsWith(query);
|
|
82
82
|
}).map(function (r) {
|
|
83
|
-
return new _BaseResults
|
|
83
|
+
return new _BaseResults.default({
|
|
84
84
|
label: r
|
|
85
85
|
});
|
|
86
86
|
}).slice(0, 10);
|
|
87
|
-
return _context.abrupt("return", (0, _util2.dedupe)([].concat((0, _toConsumableArray2
|
|
87
|
+
return _context.abrupt("return", (0, _util2.dedupe)([].concat((0, _toConsumableArray2.default)(refNameResults || []), (0, _toConsumableArray2.default)(textSearchResults || [])), function (elt) {
|
|
88
88
|
return elt.getId();
|
|
89
89
|
}));
|
|
90
90
|
|
|
@@ -103,10 +103,10 @@ function SearchBox(_ref) {
|
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
function _handleSelectedRegion() {
|
|
106
|
-
_handleSelectedRegion = (0, _asyncToGenerator2
|
|
106
|
+
_handleSelectedRegion = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(option) {
|
|
107
107
|
var trackId, location, label, _assembly$allRefNames2, results;
|
|
108
108
|
|
|
109
|
-
return _regenerator
|
|
109
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
110
110
|
while (1) {
|
|
111
111
|
switch (_context2.prev = _context2.next) {
|
|
112
112
|
case 0:
|
|
@@ -172,7 +172,7 @@ function SearchBox(_ref) {
|
|
|
172
172
|
return _handleSelectedRegion.apply(this, arguments);
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
return /*#__PURE__*/_react
|
|
175
|
+
return /*#__PURE__*/_react.default.createElement(_RefNameAutocomplete.default, {
|
|
176
176
|
showHelp: showHelp,
|
|
177
177
|
onSelect: handleSelectedRegion,
|
|
178
178
|
assemblyName: assemblyName,
|
|
@@ -198,4 +198,4 @@ function SearchBox(_ref) {
|
|
|
198
198
|
|
|
199
199
|
var _default = (0, _mobxReact.observer)(SearchBox);
|
|
200
200
|
|
|
201
|
-
exports
|
|
201
|
+
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 = SearchResultsDialog;
|
|
9
9
|
exports.useStyles = void 0;
|
|
10
10
|
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -105,37 +105,37 @@ function SearchResultsDialog(_ref) {
|
|
|
105
105
|
return '';
|
|
106
106
|
}
|
|
107
107
|
|
|
108
|
-
return /*#__PURE__*/_react
|
|
108
|
+
return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
|
|
109
109
|
open: true,
|
|
110
110
|
maxWidth: "xl",
|
|
111
111
|
onClose: handleClose
|
|
112
|
-
}, /*#__PURE__*/_react
|
|
112
|
+
}, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Search results", handleClose ? /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
113
113
|
"data-testid": "close-resultsDialog",
|
|
114
114
|
className: classes.closeButton,
|
|
115
115
|
onClick: function onClick() {
|
|
116
116
|
handleClose();
|
|
117
117
|
}
|
|
118
|
-
}, /*#__PURE__*/_react
|
|
118
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null)) : null), /*#__PURE__*/_react.default.createElement(_core.Divider, null), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, !((_model$searchResults = model.searchResults) !== null && _model$searchResults !== void 0 && _model$searchResults.length) ? /*#__PURE__*/_react.default.createElement(_core.Typography, null, "No results found for ", /*#__PURE__*/_react.default.createElement("b", null, model.searchQuery)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Showing results for ", /*#__PURE__*/_react.default.createElement("b", null, model.searchQuery)), /*#__PURE__*/_react.default.createElement(_core.TableContainer, {
|
|
119
119
|
component: _core.Paper
|
|
120
|
-
}, /*#__PURE__*/_react
|
|
120
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Table, null, /*#__PURE__*/_react.default.createElement(_core.TableHead, null, /*#__PURE__*/_react.default.createElement(_core.TableRow, null, /*#__PURE__*/_react.default.createElement(_core.TableCell, null, "Name"), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
|
|
121
121
|
align: "right"
|
|
122
|
-
}, "Location"), /*#__PURE__*/_react
|
|
122
|
+
}, "Location"), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
|
|
123
123
|
align: "right"
|
|
124
|
-
}, "Track"), /*#__PURE__*/_react
|
|
124
|
+
}, "Track"), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
|
|
125
125
|
align: "right"
|
|
126
|
-
}))), /*#__PURE__*/_react
|
|
127
|
-
return /*#__PURE__*/_react
|
|
126
|
+
}))), /*#__PURE__*/_react.default.createElement(_core.TableBody, null, model.searchResults.map(function (result) {
|
|
127
|
+
return /*#__PURE__*/_react.default.createElement(_core.TableRow, {
|
|
128
128
|
key: "".concat(result.getId())
|
|
129
|
-
}, /*#__PURE__*/_react
|
|
129
|
+
}, /*#__PURE__*/_react.default.createElement(_core.TableCell, {
|
|
130
130
|
component: "th",
|
|
131
131
|
scope: "row"
|
|
132
|
-
}, result.getLabel()), /*#__PURE__*/_react
|
|
132
|
+
}, result.getLabel()), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
|
|
133
133
|
align: "right"
|
|
134
|
-
}, result.getLocation()), /*#__PURE__*/_react
|
|
134
|
+
}, result.getLocation()), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
|
|
135
135
|
align: "right"
|
|
136
|
-
}, getTrackName(result.getTrackId()) || 'N/A'), /*#__PURE__*/_react
|
|
136
|
+
}, getTrackName(result.getTrackId()) || 'N/A'), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
|
|
137
137
|
align: "right"
|
|
138
|
-
}, /*#__PURE__*/_react
|
|
138
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
139
139
|
onClick: function onClick() {
|
|
140
140
|
handleClick(result.getLocation());
|
|
141
141
|
var resultTrackId = result.getTrackId();
|
|
@@ -150,7 +150,7 @@ function SearchResultsDialog(_ref) {
|
|
|
150
150
|
color: "primary",
|
|
151
151
|
variant: "contained"
|
|
152
152
|
}, "Go")));
|
|
153
|
-
})))))), /*#__PURE__*/_react
|
|
153
|
+
})))))), /*#__PURE__*/_react.default.createElement(_core.Divider, null), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
154
154
|
onClick: function onClick() {
|
|
155
155
|
return handleClose();
|
|
156
156
|
},
|
|
@@ -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
|
|
73
|
+
_fetchSequence = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(model, regions, signal) {
|
|
74
74
|
var session, leftOffset, rightOffset, rpcManager, assemblyManager, assemblyName, assembly, adapterConfig, sessionId, chunks;
|
|
75
|
-
return _regenerator
|
|
75
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
76
76
|
while (1) {
|
|
77
77
|
switch (_context2.prev = _context2.next) {
|
|
78
78
|
case 0:
|
|
@@ -142,12 +142,12 @@ function SequenceDialog(_ref) {
|
|
|
142
142
|
var session = (0, _util.getSession)(model);
|
|
143
143
|
|
|
144
144
|
var _useState = (0, _react.useState)(),
|
|
145
|
-
_useState2 = (0, _slicedToArray2
|
|
145
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
146
146
|
error = _useState2[0],
|
|
147
147
|
setError = _useState2[1];
|
|
148
148
|
|
|
149
149
|
var _useState3 = (0, _react.useState)(),
|
|
150
|
-
_useState4 = (0, _slicedToArray2
|
|
150
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
151
151
|
sequence = _useState4[0],
|
|
152
152
|
setSequence = _useState4[1];
|
|
153
153
|
|
|
@@ -163,9 +163,9 @@ function SequenceDialog(_ref) {
|
|
|
163
163
|
(0, _react.useEffect)(function () {
|
|
164
164
|
var active = true;
|
|
165
165
|
var controller = new AbortController();
|
|
166
|
-
(0, _asyncToGenerator2
|
|
166
|
+
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
167
167
|
var chunks;
|
|
168
|
-
return _regenerator
|
|
168
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
169
169
|
while (1) {
|
|
170
170
|
switch (_context.prev = _context.next) {
|
|
171
171
|
case 0:
|
|
@@ -235,31 +235,31 @@ function SequenceDialog(_ref) {
|
|
|
235
235
|
};
|
|
236
236
|
}, [model, session, regionsSelected, setSequence]);
|
|
237
237
|
var sequenceTooLarge = sequence ? sequence.length > 1000000 : false;
|
|
238
|
-
return /*#__PURE__*/_react
|
|
238
|
+
return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
|
|
239
239
|
"data-testid": "sequence-dialog",
|
|
240
240
|
maxWidth: "xl",
|
|
241
241
|
open: true,
|
|
242
242
|
onClose: handleClose,
|
|
243
243
|
"aria-labelledby": "alert-dialog-title",
|
|
244
244
|
"aria-describedby": "alert-dialog-description"
|
|
245
|
-
}, /*#__PURE__*/_react
|
|
245
|
+
}, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, {
|
|
246
246
|
id: "alert-dialog-title"
|
|
247
|
-
}, "Reference sequence", handleClose ? /*#__PURE__*/_react
|
|
247
|
+
}, "Reference sequence", handleClose ? /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
248
248
|
"data-testid": "close-seqDialog",
|
|
249
249
|
className: classes.closeButton,
|
|
250
250
|
onClick: function onClick() {
|
|
251
251
|
handleClose();
|
|
252
252
|
model.setOffsets(undefined, undefined);
|
|
253
253
|
}
|
|
254
|
-
}, /*#__PURE__*/_react
|
|
254
|
+
}, /*#__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
255
|
color: "error"
|
|
256
|
-
}, "".concat(error)) : null, loading && !error ? /*#__PURE__*/_react
|
|
256
|
+
}, "".concat(error)) : null, loading && !error ? /*#__PURE__*/_react.default.createElement(_core.Container, null, "Retrieving reference sequence...", /*#__PURE__*/_react.default.createElement(_core.CircularProgress, {
|
|
257
257
|
style: {
|
|
258
258
|
marginLeft: 10
|
|
259
259
|
},
|
|
260
260
|
size: 20,
|
|
261
261
|
disableShrink: true
|
|
262
|
-
})) : null, /*#__PURE__*/_react
|
|
262
|
+
})) : null, /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
263
263
|
"data-testid": "rubberband-sequence",
|
|
264
264
|
variant: "outlined",
|
|
265
265
|
multiline: true,
|
|
@@ -274,15 +274,15 @@ function SequenceDialog(_ref) {
|
|
|
274
274
|
input: classes.textAreaFont
|
|
275
275
|
}
|
|
276
276
|
}
|
|
277
|
-
})), /*#__PURE__*/_react
|
|
277
|
+
})), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
278
278
|
onClick: function onClick() {
|
|
279
|
-
(0, _copyToClipboard
|
|
279
|
+
(0, _copyToClipboard.default)(sequence || '');
|
|
280
280
|
session.notify('Copied to clipboard', 'success');
|
|
281
281
|
},
|
|
282
282
|
disabled: loading || !!error || sequenceTooLarge,
|
|
283
283
|
color: "primary",
|
|
284
|
-
startIcon: /*#__PURE__*/_react
|
|
285
|
-
}, "Copy to clipboard"), /*#__PURE__*/_react
|
|
284
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_Icons.ContentCopy, null)
|
|
285
|
+
}, "Copy to clipboard"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
286
286
|
onClick: function onClick() {
|
|
287
287
|
var seqFastaFile = new Blob([sequence || ''], {
|
|
288
288
|
type: 'text/x-fasta;charset=utf-8'
|
|
@@ -291,8 +291,8 @@ function SequenceDialog(_ref) {
|
|
|
291
291
|
},
|
|
292
292
|
disabled: loading || !!error,
|
|
293
293
|
color: "primary",
|
|
294
|
-
startIcon: /*#__PURE__*/_react
|
|
295
|
-
}, "Download FASTA"), /*#__PURE__*/_react
|
|
294
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_GetApp.default, null)
|
|
295
|
+
}, "Download FASTA"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
296
296
|
onClick: handleClose,
|
|
297
297
|
color: "primary",
|
|
298
298
|
autoFocus: true
|
|
@@ -301,4 +301,4 @@ function SequenceDialog(_ref) {
|
|
|
301
301
|
|
|
302
302
|
var _default = (0, _mobxReact.observer)(SequenceDialog);
|
|
303
303
|
|
|
304
|
-
exports
|
|
304
|
+
exports.default = _default;
|