@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.
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
 
@@ -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 { "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; }
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["default"].createElement(_core.Tooltip, {
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["default"].createElement("div", {
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["default"].createElement("div", null) : _ref2$ControlComponen;
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["default"])(_useState, 2),
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["default"])(_useState3, 2),
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["default"])(_useState5, 2),
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["default"])(_useState7, 2),
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["default"].createElement(_react["default"].Fragment, null, guideX !== undefined ? /*#__PURE__*/_react["default"].createElement(VerticalGuide, {
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["default"].createElement("div", {
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["default"].createElement(_react["default"].Fragment, null, rubberBandRef.current ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.Popover, {
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["default"].createElement(_core.Typography, null, (0, _util.stringify)(leftBpOffset))), /*#__PURE__*/_react["default"].createElement(_core.Popover, {
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["default"].createElement(_core.Typography, null, (0, _util.stringify)(rightBpOffset)))) : null, /*#__PURE__*/_react["default"].createElement("div", {
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["default"].createElement(_core.Typography, {
283
+ }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
284
284
  variant: "h6",
285
285
  className: classes.rubberBandText
286
- }, numOfBpSelected.toLocaleString('en-US'), " bp")), /*#__PURE__*/_react["default"].createElement("div", {
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["default"].createElement(_ui.Menu, {
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["default"] = _default;
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["default"] = void 0;
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["default"].createElement(_react["default"].Fragment, null, ticks.map(function (tick) {
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["default"].createElement("line", {
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["default"].createElement("text", {
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["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
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["default"] = _default;
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["default"] = void 0;
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["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; }
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["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, {
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["default"].createElement(_react["default"].Fragment, null, model.staticBlocks.map(function (block, index) {
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["default"].createElement(_Block.ContentBlock, {
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["default"].createElement("div", {
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["default"].createElement(_core.Typography, {
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["default"].createElement(_Block.ElidedBlock, {
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["default"].createElement(_Block.InterRegionPaddingBlock, {
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["default"].forwardRef(function (_ref3, ref) {
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["default"])(_ref3, _excluded);
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["default"].createElement(_core.Paper, (0, _extends2["default"])({
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["default"])(classes.scaleBarContainer, className),
160
+ className: (0, _clsx.default)(classes.scaleBarContainer, className),
161
161
  variant: "outlined",
162
162
  ref: ref,
163
163
  style: style
164
- }, other), /*#__PURE__*/_react["default"].createElement("div", {
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["default"].createElement("div", {
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["default"].createElement(RenderedScaleBarLabels, {
175
+ }, /*#__PURE__*/_react.default.createElement(RenderedScaleBarLabels, {
176
176
  model: model
177
- }))), /*#__PURE__*/_react["default"].createElement(RenderedRefNameLabels, {
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["default"] = _default;
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["default"].createElement(_ScaleBar["default"], {
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["default"].createElement(_ScaleBar["default"], {
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["default"].createElement(_ScaleBar["default"], {
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["default"] = void 0;
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["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(query, searchType) {
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["default"].wrap(function _callee$(_context) {
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["default"]({
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["default"])(refNameResults || []), (0, _toConsumableArray2["default"])(textSearchResults || [])), function (elt) {
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["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(option) {
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["default"].wrap(function _callee2$(_context2) {
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["default"].createElement(_RefNameAutocomplete["default"], {
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["default"] = _default;
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["default"] = SearchResultsDialog;
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["default"].createElement(_core.Dialog, {
108
+ return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
109
109
  open: true,
110
110
  maxWidth: "xl",
111
111
  onClose: handleClose
112
- }, /*#__PURE__*/_react["default"].createElement(_core.DialogTitle, null, "Search results", handleClose ? /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
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["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, {
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["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, {
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["default"].createElement(_core.TableCell, {
122
+ }, "Location"), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
123
123
  align: "right"
124
- }, "Track"), /*#__PURE__*/_react["default"].createElement(_core.TableCell, {
124
+ }, "Track"), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
125
125
  align: "right"
126
- }))), /*#__PURE__*/_react["default"].createElement(_core.TableBody, null, model.searchResults.map(function (result) {
127
- return /*#__PURE__*/_react["default"].createElement(_core.TableRow, {
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["default"].createElement(_core.TableCell, {
129
+ }, /*#__PURE__*/_react.default.createElement(_core.TableCell, {
130
130
  component: "th",
131
131
  scope: "row"
132
- }, result.getLabel()), /*#__PURE__*/_react["default"].createElement(_core.TableCell, {
132
+ }, result.getLabel()), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
133
133
  align: "right"
134
- }, result.getLocation()), /*#__PURE__*/_react["default"].createElement(_core.TableCell, {
134
+ }, result.getLocation()), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
135
135
  align: "right"
136
- }, getTrackName(result.getTrackId()) || 'N/A'), /*#__PURE__*/_react["default"].createElement(_core.TableCell, {
136
+ }, getTrackName(result.getTrackId()) || 'N/A'), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
137
137
  align: "right"
138
- }, /*#__PURE__*/_react["default"].createElement(_core.Button, {
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["default"].createElement(_core.Divider, null), /*#__PURE__*/_react["default"].createElement(_core.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
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
  },