@jbrowse/plugin-linear-genome-view 1.7.3 → 1.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js +18 -18
  2. package/dist/BaseLinearDisplay/components/Block.js +4 -4
  3. package/dist/BaseLinearDisplay/components/LinearBlocks.js +11 -11
  4. package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +16 -16
  5. package/dist/BaseLinearDisplay/index.js +2 -2
  6. package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +1 -1
  7. package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +42 -34
  8. package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +1 -0
  9. package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +11 -9
  10. package/dist/LinearBareDisplay/model.d.ts +1 -1
  11. package/dist/LinearBareDisplay/model.js +1 -1
  12. package/dist/LinearBasicDisplay/components/SetMaxHeight.js +11 -11
  13. package/dist/LinearBasicDisplay/configSchema.js +1 -1
  14. package/dist/LinearBasicDisplay/index.js +2 -2
  15. package/dist/LinearBasicDisplay/model.d.ts +1 -1
  16. package/dist/LinearBasicDisplay/model.js +10 -10
  17. package/dist/LinearGenomeView/components/CenterLine.js +5 -5
  18. package/dist/LinearGenomeView/components/ExportSvgDialog.js +16 -16
  19. package/dist/LinearGenomeView/components/Header.js +20 -20
  20. package/dist/LinearGenomeView/components/HelpDialog.js +4 -4
  21. package/dist/LinearGenomeView/components/ImportForm.js +28 -28
  22. package/dist/LinearGenomeView/components/LinearGenomeView.js +15 -15
  23. package/dist/LinearGenomeView/components/LinearGenomeView.test.js +9 -9
  24. package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +40 -40
  25. package/dist/LinearGenomeView/components/MiniControls.js +9 -9
  26. package/dist/LinearGenomeView/components/OverviewRubberBand.js +19 -19
  27. package/dist/LinearGenomeView/components/OverviewScaleBar.js +28 -28
  28. package/dist/LinearGenomeView/components/RefNameAutocomplete.js +27 -27
  29. package/dist/LinearGenomeView/components/RubberBand.js +18 -18
  30. package/dist/LinearGenomeView/components/Ruler.js +11 -11
  31. package/dist/LinearGenomeView/components/ScaleBar.js +19 -19
  32. package/dist/LinearGenomeView/components/ScaleBar.test.js +3 -3
  33. package/dist/LinearGenomeView/components/SearchBox.js +9 -9
  34. package/dist/LinearGenomeView/components/SearchResultsDialog.js +15 -15
  35. package/dist/LinearGenomeView/components/SequenceDialog.js +28 -37
  36. package/dist/LinearGenomeView/components/TrackContainer.js +14 -14
  37. package/dist/LinearGenomeView/components/TrackLabel.js +17 -19
  38. package/dist/LinearGenomeView/components/TracksContainer.js +10 -10
  39. package/dist/LinearGenomeView/components/VerticalGuides.js +11 -11
  40. package/dist/LinearGenomeView/components/ZoomControls.js +9 -9
  41. package/dist/LinearGenomeView/index.js +35 -35
  42. package/dist/LinearGenomeView/index.test.js +19 -19
  43. package/dist/index.d.ts +3 -3
  44. package/dist/index.js +18 -18
  45. package/package.json +3 -4
  46. package/src/BaseLinearDisplay/models/BaseLinearDisplayModel.tsx +6 -0
  47. package/src/BaseLinearDisplay/models/serverSideRenderedBlock.ts +3 -0
  48. package/src/LinearGenomeView/components/SequenceDialog.tsx +6 -13
  49. 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["default"] = void 0;
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 { "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; }
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["default"].createElement(_core.Tooltip, {
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["default"].createElement("div", {
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["default"].createElement("div", null) : _ref2$ControlComponen;
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["default"])(_useState, 2),
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["default"])(_useState3, 2),
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["default"])(_useState5, 2),
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["default"].createElement("div", {
199
+ return /*#__PURE__*/_react.default.createElement("div", {
200
200
  style: {
201
201
  position: 'relative'
202
202
  }
203
- }, guideX !== undefined ? /*#__PURE__*/_react["default"].createElement(HoverTooltip, {
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["default"].createElement("div", {
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["default"].createElement("div", {
242
+ return /*#__PURE__*/_react.default.createElement("div", {
243
243
  style: {
244
244
  position: 'relative'
245
245
  }
246
- }, rubberBandRef.current ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.Popover, {
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["default"].createElement(_core.Typography, null, leftBpOffset ? (0, _util.stringify)(leftBpOffset) : '')), /*#__PURE__*/_react["default"].createElement(_core.Popover, {
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["default"].createElement(_core.Typography, null, rightBpOffset ? (0, _util.stringify)(rightBpOffset) : ''))) : null, /*#__PURE__*/_react["default"].createElement("div", {
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["default"].createElement("div", {
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["default"].node
302
+ ControlComponent: _propTypes.default.node
303
303
  };
304
304
  OverviewRubberBand.defaultProps = {
305
- ControlComponent: /*#__PURE__*/_react["default"].createElement("div", null)
305
+ ControlComponent: /*#__PURE__*/_react.default.createElement("div", null)
306
306
  };
307
307
 
308
308
  var _default = (0, _mobxReact.observer)(OverviewRubberBand);
309
309
 
310
- exports["default"] = _default;
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["default"] = exports.Polygon = exports.Cytobands = void 0;
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["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; }
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["default"],
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["default"].createElement("polygon", {
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["default"].createElement("g", {
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["default"])(_ref3, 3),
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["default"].createElement("polygon", {
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["default"].createElement("polygon", {
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["default"].createElement("path", {
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["default"].createElement("path", {
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["default"].createElement("rect", {
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["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
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["default"].createElement("div", {
276
- className: (0, _clsx["default"])(classes.scaleBarContig, showCytobands ? undefined : reversed ? classes.scaleBarContigReverse : classes.scaleBarContigForward, !showCytobands ? classes.scaleBarBorder : undefined),
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["default"].createElement(_core.Typography, {
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["default"].createElement("svg", {
293
+ }) : null, showCytobands ? /*#__PURE__*/_react.default.createElement("svg", {
294
294
  style: {
295
295
  width: '100%'
296
296
  }
297
- }, /*#__PURE__*/_react["default"].createElement(Cytobands, {
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["default"].createElement("div", {
333
+ return /*#__PURE__*/_react.default.createElement("div", {
334
334
  className: classes.scaleBar
335
- }, /*#__PURE__*/_react["default"].createElement("div", {
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["default"].createElement("div", {
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["default"].createElement(OverviewBox, {
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["default"].create({
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["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_OverviewRubberBand["default"], {
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["default"].createElement(ScaleBar, {
385
+ ControlComponent: /*#__PURE__*/_react.default.createElement(ScaleBar, {
386
386
  model: model,
387
387
  overview: overview,
388
388
  scale: scale
389
389
  })
390
- }), /*#__PURE__*/_react["default"].createElement("div", {
390
+ }), /*#__PURE__*/_react.default.createElement("div", {
391
391
  className: classes.overview
392
- }, /*#__PURE__*/_react["default"].createElement("svg", {
392
+ }, /*#__PURE__*/_react.default.createElement("svg", {
393
393
  height: _.HEADER_BAR_HEIGHT,
394
394
  className: classes.overviewSvg
395
- }, /*#__PURE__*/_react["default"].createElement(Polygon, {
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["default"] = _default;
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["default"] = void 0;
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["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; }
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["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; }
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["default"].createElement(_core.Popper, (0, _extends2["default"])({}, props, {
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["default"])(_useState, 2),
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["default"])(_useState3, 2),
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["default"])(_useState5, 2),
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["default"])(_useState7, 2),
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["default"])(_useState9, 2),
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["default"])(_useState11, 2),
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["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
146
+ (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
147
147
  var results;
148
- return _regenerator["default"].wrap(function _callee$(_context) {
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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"], {
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["default"]({
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["default"])(filtered.slice(0, 100)), (0, _toConsumableArray2["default"])(filtered.length > 100 ? [{
265
+ return [].concat((0, _toConsumableArray2.default)(filtered.slice(0, 100)), (0, _toConsumableArray2.default)(filtered.length > 100 ? [{
266
266
  group: 'limitOption',
267
- result: new _BaseResults["default"]({
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["default"].createElement(_core.TextField, (0, _extends2["default"])({
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["default"].createElement(_react["default"].Fragment, null, regions.length === 0 ? /*#__PURE__*/_react["default"].createElement(_core.CircularProgress, {
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["default"].createElement(_core.InputAdornment, {
288
+ }) : /*#__PURE__*/_react.default.createElement(_core.InputAdornment, {
289
289
  position: "end",
290
290
  style: {
291
291
  marginRight: 7
292
292
  }
293
- }, /*#__PURE__*/_react["default"].createElement(_Search["default"], null), showHelp ? /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
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["default"].createElement(_Help["default"], null)) : null), params.InputProps.endAdornment)
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["default"].isValidElement(component)) {
309
+ if (component && /*#__PURE__*/_react.default.isValidElement(component)) {
310
310
  return component;
311
311
  }
312
312
 
313
- return /*#__PURE__*/_react["default"].createElement(_core.Typography, {
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["default"].createElement(_react.Suspense, {
321
- fallback: /*#__PURE__*/_react["default"].createElement("div", null)
322
- }, /*#__PURE__*/_react["default"].createElement(HelpDialog, {
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["default"] = _default;
331
+ exports.default = _default;