@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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
|
|
@@ -25,7 +25,7 @@ var _ = require("..");
|
|
|
25
25
|
|
|
26
26
|
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); }
|
|
27
27
|
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
28
|
+
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; }
|
|
29
29
|
|
|
30
30
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
31
31
|
var _theme$palette = theme.palette,
|
|
@@ -84,12 +84,12 @@ var HoverTooltip = (0, _mobxReact.observer)(function (_ref) {
|
|
|
84
84
|
var cytoband = assembly === null || assembly === void 0 ? void 0 : (_assembly$cytobands = assembly.cytobands) === null || _assembly$cytobands === void 0 ? void 0 : _assembly$cytobands.find(function (f) {
|
|
85
85
|
return px.coord > f.get('start') && px.coord < f.get('end') && px.refName === assembly.getCanonicalRefName(f.get('refName'));
|
|
86
86
|
});
|
|
87
|
-
return /*#__PURE__*/_react
|
|
87
|
+
return /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
|
|
88
88
|
open: open,
|
|
89
89
|
placement: "top",
|
|
90
90
|
title: [(0, _util.stringify)(px), cytoband === null || cytoband === void 0 ? void 0 : cytoband.get('name')].join(' '),
|
|
91
91
|
arrow: true
|
|
92
|
-
}, /*#__PURE__*/_react
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
93
93
|
className: classes.guide,
|
|
94
94
|
style: {
|
|
95
95
|
left: guideX
|
|
@@ -101,21 +101,21 @@ function OverviewRubberBand(_ref2) {
|
|
|
101
101
|
var model = _ref2.model,
|
|
102
102
|
overview = _ref2.overview,
|
|
103
103
|
_ref2$ControlComponen = _ref2.ControlComponent,
|
|
104
|
-
ControlComponent = _ref2$ControlComponen === void 0 ? /*#__PURE__*/_react
|
|
104
|
+
ControlComponent = _ref2$ControlComponen === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _ref2$ControlComponen;
|
|
105
105
|
var cytobandOffset = model.cytobandOffset;
|
|
106
106
|
|
|
107
107
|
var _useState = (0, _react.useState)(),
|
|
108
|
-
_useState2 = (0, _slicedToArray2
|
|
108
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
109
109
|
startX = _useState2[0],
|
|
110
110
|
setStartX = _useState2[1];
|
|
111
111
|
|
|
112
112
|
var _useState3 = (0, _react.useState)(),
|
|
113
|
-
_useState4 = (0, _slicedToArray2
|
|
113
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
114
114
|
currentX = _useState4[0],
|
|
115
115
|
setCurrentX = _useState4[1];
|
|
116
116
|
|
|
117
117
|
var _useState5 = (0, _react.useState)(),
|
|
118
|
-
_useState6 = (0, _slicedToArray2
|
|
118
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
119
119
|
guideX = _useState6[0],
|
|
120
120
|
setGuideX = _useState6[1];
|
|
121
121
|
|
|
@@ -196,16 +196,16 @@ function OverviewRubberBand(_ref2) {
|
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
if (startX === undefined) {
|
|
199
|
-
return /*#__PURE__*/_react
|
|
199
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
200
200
|
style: {
|
|
201
201
|
position: 'relative'
|
|
202
202
|
}
|
|
203
|
-
}, guideX !== undefined ? /*#__PURE__*/_react
|
|
203
|
+
}, guideX !== undefined ? /*#__PURE__*/_react.default.createElement(HoverTooltip, {
|
|
204
204
|
model: model,
|
|
205
205
|
open: !mouseDragging,
|
|
206
206
|
overview: overview,
|
|
207
207
|
guideX: guideX
|
|
208
|
-
}) : null, /*#__PURE__*/_react
|
|
208
|
+
}) : null, /*#__PURE__*/_react.default.createElement("div", {
|
|
209
209
|
className: classes.rubberBandControl,
|
|
210
210
|
role: "presentation",
|
|
211
211
|
ref: controlsRef,
|
|
@@ -239,11 +239,11 @@ function OverviewRubberBand(_ref2) {
|
|
|
239
239
|
}
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
return /*#__PURE__*/_react
|
|
242
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
243
243
|
style: {
|
|
244
244
|
position: 'relative'
|
|
245
245
|
}
|
|
246
|
-
}, rubberBandRef.current ? /*#__PURE__*/_react
|
|
246
|
+
}, rubberBandRef.current ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Popover, {
|
|
247
247
|
className: classes.popover,
|
|
248
248
|
classes: {
|
|
249
249
|
paper: classes.paper
|
|
@@ -260,7 +260,7 @@ function OverviewRubberBand(_ref2) {
|
|
|
260
260
|
},
|
|
261
261
|
keepMounted: true,
|
|
262
262
|
disableRestoreFocus: true
|
|
263
|
-
}, /*#__PURE__*/_react
|
|
263
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, leftBpOffset ? (0, _util.stringify)(leftBpOffset) : '')), /*#__PURE__*/_react.default.createElement(_core.Popover, {
|
|
264
264
|
className: classes.popover,
|
|
265
265
|
classes: {
|
|
266
266
|
paper: classes.paper
|
|
@@ -277,7 +277,7 @@ function OverviewRubberBand(_ref2) {
|
|
|
277
277
|
},
|
|
278
278
|
keepMounted: true,
|
|
279
279
|
disableRestoreFocus: true
|
|
280
|
-
}, /*#__PURE__*/_react
|
|
280
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, rightBpOffset ? (0, _util.stringify)(rightBpOffset) : ''))) : null, /*#__PURE__*/_react.default.createElement("div", {
|
|
281
281
|
ref: rubberBandRef,
|
|
282
282
|
className: classes.rubberBand,
|
|
283
283
|
style: {
|
|
@@ -285,7 +285,7 @@ function OverviewRubberBand(_ref2) {
|
|
|
285
285
|
width: Math.abs(width),
|
|
286
286
|
height: _.HEADER_OVERVIEW_HEIGHT
|
|
287
287
|
}
|
|
288
|
-
}), /*#__PURE__*/_react
|
|
288
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
289
289
|
"data-testid": "rubberBand_controls",
|
|
290
290
|
className: classes.rubberBandControl,
|
|
291
291
|
role: "presentation",
|
|
@@ -299,12 +299,12 @@ function OverviewRubberBand(_ref2) {
|
|
|
299
299
|
OverviewRubberBand.propTypes = {
|
|
300
300
|
model: _mobxReact.PropTypes.objectOrObservableObject.isRequired,
|
|
301
301
|
overview: _mobxReact.PropTypes.objectOrObservableObject.isRequired,
|
|
302
|
-
ControlComponent: _propTypes
|
|
302
|
+
ControlComponent: _propTypes.default.node
|
|
303
303
|
};
|
|
304
304
|
OverviewRubberBand.defaultProps = {
|
|
305
|
-
ControlComponent: /*#__PURE__*/_react
|
|
305
|
+
ControlComponent: /*#__PURE__*/_react.default.createElement("div", null)
|
|
306
306
|
};
|
|
307
307
|
|
|
308
308
|
var _default = (0, _mobxReact.observer)(OverviewRubberBand);
|
|
309
309
|
|
|
310
|
-
exports
|
|
310
|
+
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 = exports.Polygon = exports.Cytobands = void 0;
|
|
9
9
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
|
|
@@ -33,7 +33,7 @@ var _OverviewRubberBand = _interopRequireDefault(require("./OverviewRubberBand")
|
|
|
33
33
|
|
|
34
34
|
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; }
|
|
35
35
|
|
|
36
|
-
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
|
|
36
|
+
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; }
|
|
37
37
|
|
|
38
38
|
var wholeSeqSpacer = 2;
|
|
39
39
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
@@ -45,7 +45,7 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
|
45
45
|
border: '1px solid'
|
|
46
46
|
},
|
|
47
47
|
scaleBarContig: {
|
|
48
|
-
backgroundColor: theme.palette.background
|
|
48
|
+
backgroundColor: theme.palette.background.default,
|
|
49
49
|
position: 'absolute',
|
|
50
50
|
top: 0,
|
|
51
51
|
height: _.HEADER_OVERVIEW_HEIGHT
|
|
@@ -122,7 +122,7 @@ var Polygon = (0, _mobxReact.observer)(function (_ref) {
|
|
|
122
122
|
var startPx = Math.max(0, -offsetPx);
|
|
123
123
|
var endPx = startPx + totalWidthPxWithoutBorders + contentBlocks.length * interRegionPaddingWidth / 2;
|
|
124
124
|
var points = [[startPx, _.HEADER_BAR_HEIGHT], [endPx, _.HEADER_BAR_HEIGHT], [topRight, 0], [topLeft, 0]];
|
|
125
|
-
return /*#__PURE__*/_react
|
|
125
|
+
return /*#__PURE__*/_react.default.createElement("polygon", {
|
|
126
126
|
points: points.toString(),
|
|
127
127
|
fill: (0, _core.alpha)(polygonColor, 0.3),
|
|
128
128
|
stroke: (0, _core.alpha)(polygonColor, 0.8)
|
|
@@ -185,10 +185,10 @@ var Cytobands = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
185
185
|
var lcap = reversed ? arr.length - 1 : 0;
|
|
186
186
|
var rcap = reversed ? 0 : arr.length - 1;
|
|
187
187
|
var firstCent = true;
|
|
188
|
-
return cytobands ? /*#__PURE__*/_react
|
|
188
|
+
return cytobands ? /*#__PURE__*/_react.default.createElement("g", {
|
|
189
189
|
transform: "translate(-".concat(offsetPx, ")")
|
|
190
190
|
}, cytobands.map(function (_ref3, index) {
|
|
191
|
-
var _ref4 = (0, _slicedToArray2
|
|
191
|
+
var _ref4 = (0, _slicedToArray2.default)(_ref3, 3),
|
|
192
192
|
start = _ref4[0],
|
|
193
193
|
end = _ref4[1],
|
|
194
194
|
type = _ref4[2];
|
|
@@ -197,7 +197,7 @@ var Cytobands = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
197
197
|
|
|
198
198
|
if (type === 'acen' && firstCent) {
|
|
199
199
|
firstCent = false;
|
|
200
|
-
return /*#__PURE__*/_react
|
|
200
|
+
return /*#__PURE__*/_react.default.createElement("polygon", {
|
|
201
201
|
key: key,
|
|
202
202
|
points: [[start, 0], [end, _.HEADER_OVERVIEW_HEIGHT / 2], [start, _.HEADER_OVERVIEW_HEIGHT]].toString(),
|
|
203
203
|
fill: colorMap[type]
|
|
@@ -205,7 +205,7 @@ var Cytobands = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
205
205
|
}
|
|
206
206
|
|
|
207
207
|
if (type === 'acen' && !firstCent) {
|
|
208
|
-
return /*#__PURE__*/_react
|
|
208
|
+
return /*#__PURE__*/_react.default.createElement("polygon", {
|
|
209
209
|
key: key,
|
|
210
210
|
points: [[start, _.HEADER_OVERVIEW_HEIGHT / 2], [end, 0], [end, _.HEADER_OVERVIEW_HEIGHT]].toString(),
|
|
211
211
|
fill: colorMap[type]
|
|
@@ -213,19 +213,19 @@ var Cytobands = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
213
213
|
}
|
|
214
214
|
|
|
215
215
|
if (lcap === index) {
|
|
216
|
-
return /*#__PURE__*/_react
|
|
216
|
+
return /*#__PURE__*/_react.default.createElement("path", {
|
|
217
217
|
key: key,
|
|
218
218
|
d: leftRoundedRect(Math.min(start, end), 0, Math.abs(end - start), _.HEADER_OVERVIEW_HEIGHT, 8),
|
|
219
219
|
fill: colorMap[type]
|
|
220
220
|
});
|
|
221
221
|
} else if (rcap === index) {
|
|
222
|
-
return /*#__PURE__*/_react
|
|
222
|
+
return /*#__PURE__*/_react.default.createElement("path", {
|
|
223
223
|
key: key,
|
|
224
224
|
d: rightRoundedRect(Math.min(start, end), 0, Math.abs(end - start) - 2, _.HEADER_OVERVIEW_HEIGHT, 8),
|
|
225
225
|
fill: colorMap[type]
|
|
226
226
|
});
|
|
227
227
|
} else {
|
|
228
|
-
return /*#__PURE__*/_react
|
|
228
|
+
return /*#__PURE__*/_react.default.createElement("rect", {
|
|
229
229
|
key: key,
|
|
230
230
|
x: Math.min(start, end),
|
|
231
231
|
y: 0,
|
|
@@ -266,21 +266,21 @@ var OverviewBox = (0, _mobxReact.observer)(function (_ref5) {
|
|
|
266
266
|
tickLabels.push(reversed ? end - offsetLabel : start + offsetLabel);
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
return /*#__PURE__*/_react
|
|
269
|
+
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
270
270
|
style: {
|
|
271
271
|
left: block.offsetPx + 3,
|
|
272
272
|
color: showCytobands ? 'black' : refNameColor
|
|
273
273
|
},
|
|
274
274
|
className: classes.scaleBarRefName
|
|
275
|
-
}, refName), /*#__PURE__*/_react
|
|
276
|
-
className: (0, _clsx
|
|
275
|
+
}, refName), /*#__PURE__*/_react.default.createElement("div", {
|
|
276
|
+
className: (0, _clsx.default)(classes.scaleBarContig, showCytobands ? undefined : reversed ? classes.scaleBarContigReverse : classes.scaleBarContigForward, !showCytobands ? classes.scaleBarBorder : undefined),
|
|
277
277
|
style: {
|
|
278
278
|
left: block.offsetPx + cytobandOffset,
|
|
279
279
|
width: block.widthPx,
|
|
280
280
|
borderColor: refNameColor
|
|
281
281
|
}
|
|
282
282
|
}, !showCytobands ? tickLabels.map(function (tickLabel, labelIdx) {
|
|
283
|
-
return /*#__PURE__*/_react
|
|
283
|
+
return /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
284
284
|
key: "".concat(JSON.stringify(block), "-").concat(tickLabel, "-").concat(labelIdx),
|
|
285
285
|
className: classes.scaleBarLabel,
|
|
286
286
|
variant: "body2",
|
|
@@ -290,11 +290,11 @@ var OverviewBox = (0, _mobxReact.observer)(function (_ref5) {
|
|
|
290
290
|
color: refNameColor
|
|
291
291
|
}
|
|
292
292
|
}, tickLabel.toLocaleString('en-US'));
|
|
293
|
-
}) : null, showCytobands ? /*#__PURE__*/_react
|
|
293
|
+
}) : null, showCytobands ? /*#__PURE__*/_react.default.createElement("svg", {
|
|
294
294
|
style: {
|
|
295
295
|
width: '100%'
|
|
296
296
|
}
|
|
297
|
-
}, /*#__PURE__*/_react
|
|
297
|
+
}, /*#__PURE__*/_react.default.createElement(Cytobands, {
|
|
298
298
|
overview: overview,
|
|
299
299
|
assembly: assembly,
|
|
300
300
|
block: block
|
|
@@ -330,9 +330,9 @@ var ScaleBar = (0, _mobxReact.observer)(function (_ref6) {
|
|
|
330
330
|
})) || 0;
|
|
331
331
|
var color = showCytobands ? '#f00' : scaleBarColor;
|
|
332
332
|
var transparency = showCytobands ? 0.1 : 0.3;
|
|
333
|
-
return /*#__PURE__*/_react
|
|
333
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
334
334
|
className: classes.scaleBar
|
|
335
|
-
}, /*#__PURE__*/_react
|
|
335
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
336
336
|
className: classes.scaleBarVisibleRegion,
|
|
337
337
|
style: {
|
|
338
338
|
width: lastOverviewPx - firstOverviewPx,
|
|
@@ -341,7 +341,7 @@ var ScaleBar = (0, _mobxReact.observer)(function (_ref6) {
|
|
|
341
341
|
borderColor: color
|
|
342
342
|
}
|
|
343
343
|
}), overviewVisibleRegions.map(function (block, idx) {
|
|
344
|
-
return !(block instanceof _blockTypes.ContentBlock) ? /*#__PURE__*/_react
|
|
344
|
+
return !(block instanceof _blockTypes.ContentBlock) ? /*#__PURE__*/_react.default.createElement("div", {
|
|
345
345
|
key: "".concat(JSON.stringify(block), "-").concat(idx),
|
|
346
346
|
className: classes.scaleBarContig,
|
|
347
347
|
style: {
|
|
@@ -350,7 +350,7 @@ var ScaleBar = (0, _mobxReact.observer)(function (_ref6) {
|
|
|
350
350
|
backgroundColor: '#999',
|
|
351
351
|
backgroundImage: 'repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 3px)'
|
|
352
352
|
}
|
|
353
|
-
}) : /*#__PURE__*/_react
|
|
353
|
+
}) : /*#__PURE__*/_react.default.createElement(OverviewBox, {
|
|
354
354
|
scale: scale,
|
|
355
355
|
block: block,
|
|
356
356
|
model: model,
|
|
@@ -369,7 +369,7 @@ function OverviewScaleBar(_ref7) {
|
|
|
369
369
|
cytobandOffset = model.cytobandOffset,
|
|
370
370
|
displayedRegions = model.displayedRegions;
|
|
371
371
|
|
|
372
|
-
var overview = _Base1DViewModel
|
|
372
|
+
var overview = _Base1DViewModel.default.create({
|
|
373
373
|
displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
|
|
374
374
|
interRegionPaddingWidth: 0,
|
|
375
375
|
minimumBlockWidth: model.minimumBlockWidth
|
|
@@ -379,20 +379,20 @@ function OverviewScaleBar(_ref7) {
|
|
|
379
379
|
overview.setVolatileWidth(modWidth);
|
|
380
380
|
overview.showAllRegions();
|
|
381
381
|
var scale = totalBp / (modWidth - (displayedRegions.length - 1) * wholeSeqSpacer);
|
|
382
|
-
return /*#__PURE__*/_react
|
|
382
|
+
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_OverviewRubberBand.default, {
|
|
383
383
|
model: model,
|
|
384
384
|
overview: overview,
|
|
385
|
-
ControlComponent: /*#__PURE__*/_react
|
|
385
|
+
ControlComponent: /*#__PURE__*/_react.default.createElement(ScaleBar, {
|
|
386
386
|
model: model,
|
|
387
387
|
overview: overview,
|
|
388
388
|
scale: scale
|
|
389
389
|
})
|
|
390
|
-
}), /*#__PURE__*/_react
|
|
390
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
391
391
|
className: classes.overview
|
|
392
|
-
}, /*#__PURE__*/_react
|
|
392
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
393
393
|
height: _.HEADER_BAR_HEIGHT,
|
|
394
394
|
className: classes.overviewSvg
|
|
395
|
-
}, /*#__PURE__*/_react
|
|
395
|
+
}, /*#__PURE__*/_react.default.createElement(Polygon, {
|
|
396
396
|
model: model,
|
|
397
397
|
overview: overview
|
|
398
398
|
})), children));
|
|
@@ -400,4 +400,4 @@ function OverviewScaleBar(_ref7) {
|
|
|
400
400
|
|
|
401
401
|
var _default = (0, _mobxReact.observer)(OverviewScaleBar);
|
|
402
402
|
|
|
403
|
-
exports
|
|
403
|
+
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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
11
|
|
|
@@ -41,11 +41,11 @@ var _util2 = require("./util");
|
|
|
41
41
|
|
|
42
42
|
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; }
|
|
43
43
|
|
|
44
|
-
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
|
|
44
|
+
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; }
|
|
45
45
|
|
|
46
46
|
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); }
|
|
47
47
|
|
|
48
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2
|
|
48
|
+
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; }
|
|
49
49
|
|
|
50
50
|
// lazy
|
|
51
51
|
var HelpDialog = /*#__PURE__*/(0, _react.lazy)(function () {
|
|
@@ -68,7 +68,7 @@ function _filterOptions(options, searchQuery) {
|
|
|
68
68
|
|
|
69
69
|
var MyPopper = function MyPopper(props) {
|
|
70
70
|
var style = props.style;
|
|
71
|
-
return /*#__PURE__*/_react
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement(_core.Popper, (0, _extends2.default)({}, props, {
|
|
72
72
|
style: {
|
|
73
73
|
width: 'fit-content',
|
|
74
74
|
minWidth: Math.min(+((style === null || style === void 0 ? void 0 : style.width) || 0), 200),
|
|
@@ -95,32 +95,32 @@ function RefNameAutocomplete(_ref) {
|
|
|
95
95
|
var assemblyManager = session.assemblyManager;
|
|
96
96
|
|
|
97
97
|
var _useState = (0, _react.useState)(false),
|
|
98
|
-
_useState2 = (0, _slicedToArray2
|
|
98
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
99
99
|
open = _useState2[0],
|
|
100
100
|
setOpen = _useState2[1];
|
|
101
101
|
|
|
102
102
|
var _useState3 = (0, _react.useState)(true),
|
|
103
|
-
_useState4 = (0, _slicedToArray2
|
|
103
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
104
104
|
loaded = _useState4[0],
|
|
105
105
|
setLoaded = _useState4[1];
|
|
106
106
|
|
|
107
107
|
var _useState5 = (0, _react.useState)(false),
|
|
108
|
-
_useState6 = (0, _slicedToArray2
|
|
108
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
109
109
|
isHelpDialogDisplayed = _useState6[0],
|
|
110
110
|
setHelpDialogDisplayed = _useState6[1];
|
|
111
111
|
|
|
112
112
|
var _useState7 = (0, _react.useState)(''),
|
|
113
|
-
_useState8 = (0, _slicedToArray2
|
|
113
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
114
114
|
currentSearch = _useState8[0],
|
|
115
115
|
setCurrentSearch = _useState8[1];
|
|
116
116
|
|
|
117
117
|
var _useState9 = (0, _react.useState)(''),
|
|
118
|
-
_useState10 = (0, _slicedToArray2
|
|
118
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
119
119
|
inputValue = _useState10[0],
|
|
120
120
|
setInputValue = _useState10[1];
|
|
121
121
|
|
|
122
122
|
var _useState11 = (0, _react.useState)(),
|
|
123
|
-
_useState12 = (0, _slicedToArray2
|
|
123
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
124
124
|
searchOptions = _useState12[0],
|
|
125
125
|
setSearchOptions = _useState12[1];
|
|
126
126
|
|
|
@@ -143,9 +143,9 @@ function RefNameAutocomplete(_ref) {
|
|
|
143
143
|
}, [regions]);
|
|
144
144
|
(0, _react.useEffect)(function () {
|
|
145
145
|
var active = true;
|
|
146
|
-
(0, _asyncToGenerator2
|
|
146
|
+
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
147
147
|
var results;
|
|
148
|
-
return _regenerator
|
|
148
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
149
149
|
while (1) {
|
|
150
150
|
switch (_context.prev = _context.next) {
|
|
151
151
|
case 0:
|
|
@@ -206,7 +206,7 @@ function RefNameAutocomplete(_ref) {
|
|
|
206
206
|
var width = Math.min(Math.max((0, _util.measureText)(inputBoxVal, 16) + 45, minWidth), 550); // notes on implementation:
|
|
207
207
|
// The selectOnFocus setting helps highlight the field when clicked
|
|
208
208
|
|
|
209
|
-
return /*#__PURE__*/_react
|
|
209
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Autocomplete.default, {
|
|
210
210
|
id: "refNameAutocomplete-".concat(model.id),
|
|
211
211
|
"data-testid": "autocomplete",
|
|
212
212
|
disableListWrap: true,
|
|
@@ -246,7 +246,7 @@ function RefNameAutocomplete(_ref) {
|
|
|
246
246
|
|
|
247
247
|
if (typeof selectedOption === 'string') {
|
|
248
248
|
// handles string inputs on keyPress enter
|
|
249
|
-
onSelect(new _BaseResults
|
|
249
|
+
onSelect(new _BaseResults.default({
|
|
250
250
|
label: selectedOption
|
|
251
251
|
}));
|
|
252
252
|
} else {
|
|
@@ -262,9 +262,9 @@ function RefNameAutocomplete(_ref) {
|
|
|
262
262
|
filterOptions: function filterOptions(options, params) {
|
|
263
263
|
var filtered = _filterOptions(options, params.inputValue.toLocaleLowerCase());
|
|
264
264
|
|
|
265
|
-
return [].concat((0, _toConsumableArray2
|
|
265
|
+
return [].concat((0, _toConsumableArray2.default)(filtered.slice(0, 100)), (0, _toConsumableArray2.default)(filtered.length > 100 ? [{
|
|
266
266
|
group: 'limitOption',
|
|
267
|
-
result: new _BaseResults
|
|
267
|
+
result: new _BaseResults.default({
|
|
268
268
|
label: 'keep typing for more results'
|
|
269
269
|
})
|
|
270
270
|
}] : []));
|
|
@@ -273,7 +273,7 @@ function RefNameAutocomplete(_ref) {
|
|
|
273
273
|
var helperText = TextFieldProps.helperText,
|
|
274
274
|
_TextFieldProps$Input = TextFieldProps.InputProps,
|
|
275
275
|
InputProps = _TextFieldProps$Input === void 0 ? {} : _TextFieldProps$Input;
|
|
276
|
-
return /*#__PURE__*/_react
|
|
276
|
+
return /*#__PURE__*/_react.default.createElement(_core.TextField, (0, _extends2.default)({
|
|
277
277
|
onBlur: function onBlur() {
|
|
278
278
|
// this is used to restore a refName or the non-user-typed input
|
|
279
279
|
// to the box on blurring
|
|
@@ -282,19 +282,19 @@ function RefNameAutocomplete(_ref) {
|
|
|
282
282
|
}, params, TextFieldProps, {
|
|
283
283
|
helperText: helperText,
|
|
284
284
|
InputProps: _objectSpread(_objectSpread(_objectSpread({}, params.InputProps), InputProps), {}, {
|
|
285
|
-
endAdornment: /*#__PURE__*/_react
|
|
285
|
+
endAdornment: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, regions.length === 0 ? /*#__PURE__*/_react.default.createElement(_core.CircularProgress, {
|
|
286
286
|
color: "inherit",
|
|
287
287
|
size: 20
|
|
288
|
-
}) : /*#__PURE__*/_react
|
|
288
|
+
}) : /*#__PURE__*/_react.default.createElement(_core.InputAdornment, {
|
|
289
289
|
position: "end",
|
|
290
290
|
style: {
|
|
291
291
|
marginRight: 7
|
|
292
292
|
}
|
|
293
|
-
}, /*#__PURE__*/_react
|
|
293
|
+
}, /*#__PURE__*/_react.default.createElement(_Search.default, null), showHelp ? /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
294
294
|
onClick: function onClick() {
|
|
295
295
|
return setHelpDialogDisplayed(true);
|
|
296
296
|
}
|
|
297
|
-
}, /*#__PURE__*/_react
|
|
297
|
+
}, /*#__PURE__*/_react.default.createElement(_Help.default, null)) : null), params.InputProps.endAdornment)
|
|
298
298
|
}),
|
|
299
299
|
placeholder: "Search for location",
|
|
300
300
|
onChange: function onChange(e) {
|
|
@@ -306,20 +306,20 @@ function RefNameAutocomplete(_ref) {
|
|
|
306
306
|
var result = option.result;
|
|
307
307
|
var component = result.getRenderingComponent();
|
|
308
308
|
|
|
309
|
-
if (component && /*#__PURE__*/_react
|
|
309
|
+
if (component && /*#__PURE__*/_react.default.isValidElement(component)) {
|
|
310
310
|
return component;
|
|
311
311
|
}
|
|
312
312
|
|
|
313
|
-
return /*#__PURE__*/_react
|
|
313
|
+
return /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
314
314
|
noWrap: true
|
|
315
315
|
}, result.getDisplayString());
|
|
316
316
|
},
|
|
317
317
|
getOptionLabel: function getOptionLabel(option) {
|
|
318
318
|
return (typeof option === 'string' ? option : option.result.getLabel()) || '';
|
|
319
319
|
}
|
|
320
|
-
}), isHelpDialogDisplayed ? /*#__PURE__*/_react
|
|
321
|
-
fallback: /*#__PURE__*/_react
|
|
322
|
-
}, /*#__PURE__*/_react
|
|
320
|
+
}), isHelpDialogDisplayed ? /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
321
|
+
fallback: /*#__PURE__*/_react.default.createElement("div", null)
|
|
322
|
+
}, /*#__PURE__*/_react.default.createElement(HelpDialog, {
|
|
323
323
|
handleClose: function handleClose() {
|
|
324
324
|
return setHelpDialogDisplayed(false);
|
|
325
325
|
}
|
|
@@ -328,4 +328,4 @@ function RefNameAutocomplete(_ref) {
|
|
|
328
328
|
|
|
329
329
|
var _default = (0, _mobxReact.observer)(RefNameAutocomplete);
|
|
330
330
|
|
|
331
|
-
exports
|
|
331
|
+
exports.default = _default;
|