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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) 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.js +32 -32
  7. package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +9 -9
  8. package/dist/LinearBareDisplay/model.js +1 -1
  9. package/dist/LinearBasicDisplay/components/SetMaxHeight.js +11 -11
  10. package/dist/LinearBasicDisplay/configSchema.js +1 -1
  11. package/dist/LinearBasicDisplay/index.js +2 -2
  12. package/dist/LinearBasicDisplay/model.js +10 -10
  13. package/dist/LinearGenomeView/components/CenterLine.js +5 -5
  14. package/dist/LinearGenomeView/components/ExportSvgDialog.js +16 -16
  15. package/dist/LinearGenomeView/components/Header.js +20 -20
  16. package/dist/LinearGenomeView/components/HelpDialog.js +4 -4
  17. package/dist/LinearGenomeView/components/ImportForm.js +28 -28
  18. package/dist/LinearGenomeView/components/LinearGenomeView.js +15 -15
  19. package/dist/LinearGenomeView/components/LinearGenomeView.test.js +9 -9
  20. package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +40 -40
  21. package/dist/LinearGenomeView/components/MiniControls.js +9 -9
  22. package/dist/LinearGenomeView/components/OverviewRubberBand.js +19 -19
  23. package/dist/LinearGenomeView/components/OverviewScaleBar.js +28 -28
  24. package/dist/LinearGenomeView/components/RefNameAutocomplete.js +27 -27
  25. package/dist/LinearGenomeView/components/RubberBand.js +18 -18
  26. package/dist/LinearGenomeView/components/Ruler.js +11 -11
  27. package/dist/LinearGenomeView/components/ScaleBar.js +19 -19
  28. package/dist/LinearGenomeView/components/ScaleBar.test.js +3 -3
  29. package/dist/LinearGenomeView/components/SearchBox.js +9 -9
  30. package/dist/LinearGenomeView/components/SearchResultsDialog.js +15 -15
  31. package/dist/LinearGenomeView/components/SequenceDialog.js +21 -21
  32. package/dist/LinearGenomeView/components/TrackContainer.js +14 -14
  33. package/dist/LinearGenomeView/components/TrackLabel.js +14 -14
  34. package/dist/LinearGenomeView/components/TracksContainer.js +10 -10
  35. package/dist/LinearGenomeView/components/VerticalGuides.js +11 -11
  36. package/dist/LinearGenomeView/components/ZoomControls.js +9 -9
  37. package/dist/LinearGenomeView/index.js +35 -35
  38. package/dist/LinearGenomeView/index.test.js +19 -19
  39. package/dist/index.js +18 -18
  40. package/package.json +3 -4
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- exports["default"] = exports.Tooltip = void 0;
10
+ exports.default = exports.Tooltip = void 0;
11
11
 
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
13
 
@@ -31,11 +31,11 @@ var _LinearBlocks = _interopRequireDefault(require("./LinearBlocks"));
31
31
 
32
32
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
33
 
34
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "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; }
34
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
35
 
36
36
  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; }
37
37
 
38
- 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; }
38
+ 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; }
39
39
 
40
40
  function round(value) {
41
41
  return Math.round(value * 1e5) / 1e5;
@@ -67,9 +67,9 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
67
67
  };
68
68
  });
69
69
 
70
- var TooltipContents = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
70
+ var TooltipContents = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
71
71
  var message = _ref.message;
72
- return /*#__PURE__*/_react["default"].createElement("div", {
72
+ return /*#__PURE__*/_react.default.createElement("div", {
73
73
  ref: ref
74
74
  }, message);
75
75
  });
@@ -81,12 +81,12 @@ var Tooltip = (0, _mobxReact.observer)(function (_ref2) {
81
81
  var featureUnderMouse = model.featureUnderMouse;
82
82
 
83
83
  var _useState = (0, _react.useState)(0),
84
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
84
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
85
85
  width = _useState2[0],
86
86
  setWidth = _useState2[1];
87
87
 
88
88
  var _useState3 = (0, _react.useState)(null),
89
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
89
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
90
90
  popperElt = _useState4[0],
91
91
  setPopperElt = _useState4[1]; // must be memoized a la https://github.com/popperjs/react-popper/issues/391
92
92
 
@@ -118,14 +118,14 @@ var Tooltip = (0, _mobxReact.observer)(function (_ref2) {
118
118
  var contents = featureUnderMouse ? (0, _configuration.getConf)(model, 'mouseover', {
119
119
  feature: featureUnderMouse
120
120
  }) : undefined;
121
- return featureUnderMouse && contents ? /*#__PURE__*/_react["default"].createElement(_core.Portal, null, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
121
+ return featureUnderMouse && contents ? /*#__PURE__*/_react.default.createElement(_core.Portal, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
122
122
  ref: setPopperElt,
123
123
  className: classes.tooltip // zIndex needed to go over widget drawer
124
124
  ,
125
125
  style: _objectSpread(_objectSpread({}, styles.popper), {}, {
126
126
  zIndex: 100000
127
127
  })
128
- }, attributes.popper), /*#__PURE__*/_react["default"].createElement(TooltipContents, {
128
+ }, attributes.popper), /*#__PURE__*/_react.default.createElement(TooltipContents, {
129
129
  ref: function ref(elt) {
130
130
  return setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0);
131
131
  },
@@ -139,22 +139,22 @@ var BaseLinearDisplay = (0, _mobxReact.observer)(function (props) {
139
139
  var ref = (0, _react.useRef)(null);
140
140
 
141
141
  var _useState5 = (0, _react.useState)(),
142
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
142
+ _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
143
143
  clientRect = _useState6[0],
144
144
  setClientRect = _useState6[1];
145
145
 
146
146
  var _useState7 = (0, _react.useState)([0, 0]),
147
- _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
147
+ _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
148
148
  offsetMouseCoord = _useState8[0],
149
149
  setOffsetMouseCoord = _useState8[1];
150
150
 
151
151
  var _useState9 = (0, _react.useState)([0, 0]),
152
- _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
152
+ _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
153
153
  clientMouseCoord = _useState10[0],
154
154
  setClientMouseCoord = _useState10[1];
155
155
 
156
156
  var _useState11 = (0, _react.useState)(),
157
- _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
157
+ _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
158
158
  contextCoord = _useState12[0],
159
159
  setContextCoord = _useState12[1];
160
160
 
@@ -165,7 +165,7 @@ var BaseLinearDisplay = (0, _mobxReact.observer)(function (props) {
165
165
  contextMenuItems = model.contextMenuItems,
166
166
  height = model.height,
167
167
  setContextMenuFeature = model.setContextMenuFeature;
168
- return /*#__PURE__*/_react["default"].createElement("div", {
168
+ return /*#__PURE__*/_react.default.createElement("div", {
169
169
  ref: ref,
170
170
  "data-testid": "display-".concat((0, _configuration.getConf)(model, 'displayId')),
171
171
  className: classes.display,
@@ -191,16 +191,16 @@ var BaseLinearDisplay = (0, _mobxReact.observer)(function (props) {
191
191
  setClientMouseCoord([event.clientX, event.clientY]);
192
192
  setClientRect(rect);
193
193
  }
194
- }, DisplayMessageComponent ? /*#__PURE__*/_react["default"].createElement(DisplayMessageComponent, {
194
+ }, DisplayMessageComponent ? /*#__PURE__*/_react.default.createElement(DisplayMessageComponent, {
195
195
  model: model
196
- }) : /*#__PURE__*/_react["default"].createElement(_LinearBlocks["default"], props), children, /*#__PURE__*/_react["default"].createElement(TooltipComponent, {
196
+ }) : /*#__PURE__*/_react.default.createElement(_LinearBlocks.default, props), children, /*#__PURE__*/_react.default.createElement(TooltipComponent, {
197
197
  model: model,
198
198
  height: height,
199
199
  offsetMouseCoord: offsetMouseCoord,
200
200
  clientMouseCoord: clientMouseCoord,
201
201
  clientRect: clientRect,
202
202
  mouseCoord: offsetMouseCoord
203
- }), /*#__PURE__*/_react["default"].createElement(_ui.Menu, {
203
+ }), /*#__PURE__*/_react.default.createElement(_ui.Menu, {
204
204
  open: Boolean(contextCoord) && Boolean(contextMenuItems().length),
205
205
  onMenuItemClick: function onMenuItemClick(_, callback) {
206
206
  callback();
@@ -229,4 +229,4 @@ var BaseLinearDisplay = (0, _mobxReact.observer)(function (props) {
229
229
  }));
230
230
  });
231
231
  var _default = BaseLinearDisplay;
232
- exports["default"] = _default;
232
+ exports.default = _default;
@@ -19,7 +19,7 @@ var _mobxReact = require("mobx-react");
19
19
 
20
20
  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; }
21
21
 
22
- 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; }
22
+ 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; }
23
23
 
24
24
  var useStyles = (0, _styles.makeStyles)(function (theme) {
25
25
  return {
@@ -51,7 +51,7 @@ var ContentBlock = (0, _mobxReact.observer)(function (_ref) {
51
51
  children = _ref.children;
52
52
  var classes = useStyles();
53
53
  var widthPx = block.widthPx;
54
- return /*#__PURE__*/_react["default"].createElement("div", {
54
+ return /*#__PURE__*/_react.default.createElement("div", {
55
55
  style: {
56
56
  width: widthPx
57
57
  },
@@ -63,7 +63,7 @@ exports.ContentBlock = ContentBlock;
63
63
  function ElidedBlock(_ref2) {
64
64
  var width = _ref2.width;
65
65
  var classes = useStyles();
66
- return /*#__PURE__*/_react["default"].createElement("div", {
66
+ return /*#__PURE__*/_react.default.createElement("div", {
67
67
  className: classes.elidedBlock,
68
68
  style: {
69
69
  width: width
@@ -77,7 +77,7 @@ function InterRegionPaddingBlock(_ref3) {
77
77
  _ref3$style = _ref3.style,
78
78
  style = _ref3$style === void 0 ? {} : _ref3$style;
79
79
  var classes = useStyles();
80
- return /*#__PURE__*/_react["default"].createElement("div", {
80
+ return /*#__PURE__*/_react.default.createElement("div", {
81
81
  style: _objectSpread(_objectSpread({}, style), {}, {
82
82
  width: width
83
83
  }),
@@ -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.useStyles = exports["default"] = exports.RenderedBlocks = void 0;
8
+ exports.useStyles = exports.default = exports.RenderedBlocks = void 0;
9
9
 
10
10
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
11
11
 
@@ -48,15 +48,15 @@ var RenderedBlocks = (0, _mobxReact.observer)(function (_ref) {
48
48
  var classes = useStyles();
49
49
  var blockDefinitions = model.blockDefinitions,
50
50
  blockState = model.blockState;
51
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, blockDefinitions.map(function (block) {
51
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, blockDefinitions.map(function (block) {
52
52
  if (block instanceof _blockTypes.ContentBlock) {
53
53
  var state = blockState.get(block.key);
54
- return /*#__PURE__*/_react["default"].createElement(_Block.ContentBlock, {
54
+ return /*#__PURE__*/_react.default.createElement(_Block.ContentBlock, {
55
55
  block: block,
56
56
  key: "".concat(model.id, "-").concat(block.key)
57
- }, state && state.ReactComponent ? /*#__PURE__*/_react["default"].createElement(state.ReactComponent, {
57
+ }, state && state.ReactComponent ? /*#__PURE__*/_react.default.createElement(state.ReactComponent, {
58
58
  model: state
59
- }) : null, state && state.maxHeightReached ? /*#__PURE__*/_react["default"].createElement("div", {
59
+ }) : null, state && state.maxHeightReached ? /*#__PURE__*/_react.default.createElement("div", {
60
60
  className: classes.heightOverflowed,
61
61
  style: {
62
62
  top: state.layout.getTotalHeight() - 16,
@@ -67,14 +67,14 @@ var RenderedBlocks = (0, _mobxReact.observer)(function (_ref) {
67
67
  }
68
68
 
69
69
  if (block instanceof _blockTypes.ElidedBlock) {
70
- return /*#__PURE__*/_react["default"].createElement(_Block.ElidedBlock, {
70
+ return /*#__PURE__*/_react.default.createElement(_Block.ElidedBlock, {
71
71
  key: "".concat(model.id, "-").concat(block.key),
72
72
  width: block.widthPx
73
73
  });
74
74
  }
75
75
 
76
76
  if (block instanceof _blockTypes.InterRegionPaddingBlock) {
77
- return /*#__PURE__*/_react["default"].createElement(_Block.InterRegionPaddingBlock, {
77
+ return /*#__PURE__*/_react.default.createElement(_Block.InterRegionPaddingBlock, {
78
78
  key: block.key,
79
79
  width: block.widthPx,
80
80
  style: {
@@ -84,7 +84,7 @@ var RenderedBlocks = (0, _mobxReact.observer)(function (_ref) {
84
84
  });
85
85
  }
86
86
 
87
- throw new Error("invalid block type ".concat((0, _typeof2["default"])(block)));
87
+ throw new Error("invalid block type ".concat((0, _typeof2.default)(block)));
88
88
  }));
89
89
  });
90
90
  exports.RenderedBlocks = RenderedBlocks;
@@ -94,17 +94,17 @@ function LinearBlocks(_ref2) {
94
94
  var classes = useStyles();
95
95
  var blockDefinitions = model.blockDefinitions;
96
96
  var viewModel = (0, _util.getContainingView)(model);
97
- return /*#__PURE__*/_react["default"].createElement("div", {
97
+ return /*#__PURE__*/_react.default.createElement("div", {
98
98
  "data-testid": "Blockset",
99
99
  className: classes.linearBlocks,
100
100
  style: {
101
101
  left: blockDefinitions.offsetPx - viewModel.offsetPx
102
102
  }
103
- }, /*#__PURE__*/_react["default"].createElement(RenderedBlocks, {
103
+ }, /*#__PURE__*/_react.default.createElement(RenderedBlocks, {
104
104
  model: model
105
105
  }));
106
106
  }
107
107
 
108
108
  var _default = (0, _mobxReact.observer)(LinearBlocks);
109
109
 
110
- exports["default"] = _default;
110
+ exports.default = _default;
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- exports["default"] = void 0;
10
+ exports.default = void 0;
11
11
 
12
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
13
 
@@ -29,7 +29,7 @@ var _Refresh = _interopRequireDefault(require("@material-ui/icons/Refresh"));
29
29
 
30
30
  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); }
31
31
 
32
- 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; }
32
+ 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; }
33
33
 
34
34
  var useStyles = (0, _styles.makeStyles)(function (theme) {
35
35
  return {
@@ -87,7 +87,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
87
87
 
88
88
  function Repeater(_ref) {
89
89
  var children = _ref.children;
90
- return /*#__PURE__*/_react["default"].createElement("div", {
90
+ return /*#__PURE__*/_react.default.createElement("div", {
91
91
  style: {
92
92
  display: 'flex'
93
93
  }
@@ -100,7 +100,7 @@ var LoadingMessage = (0, _mobxReact.observer)(function (_ref2) {
100
100
 
101
101
  // only show the loading message after 300ms to prevent excessive flickering
102
102
  var _useState = (0, _react.useState)(false),
103
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
103
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
104
104
  shown = _useState2[0],
105
105
  setShown = _useState2[1];
106
106
 
@@ -123,9 +123,9 @@ var LoadingMessage = (0, _mobxReact.observer)(function (_ref2) {
123
123
  displayStatus = _getParent.message;
124
124
 
125
125
  var status = displayStatus || blockStatus;
126
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, shown ? /*#__PURE__*/_react["default"].createElement("div", {
126
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shown ? /*#__PURE__*/_react.default.createElement("div", {
127
127
  className: classes.loading
128
- }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
128
+ }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
129
129
  className: classes.dots,
130
130
  variant: "body2"
131
131
  }, status ? "".concat(status) : 'Loading')) : null);
@@ -134,9 +134,9 @@ var LoadingMessage = (0, _mobxReact.observer)(function (_ref2) {
134
134
  function BlockMessage(_ref3) {
135
135
  var messageContent = _ref3.messageContent;
136
136
  var classes = useStyles();
137
- return /*#__PURE__*/_react["default"].isValidElement(messageContent) ? /*#__PURE__*/_react["default"].createElement("div", {
137
+ return /*#__PURE__*/_react.default.isValidElement(messageContent) ? /*#__PURE__*/_react.default.createElement("div", {
138
138
  className: classes.blockReactNodeMessage
139
- }, messageContent) : /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
139
+ }, messageContent) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
140
140
  variant: "body2",
141
141
  className: classes.blockMessage
142
142
  }, messageContent);
@@ -147,16 +147,16 @@ function BlockError(_ref4) {
147
147
  reload = _ref4.reload,
148
148
  displayHeight = _ref4.displayHeight;
149
149
  var classes = useStyles();
150
- return /*#__PURE__*/_react["default"].createElement("div", {
150
+ return /*#__PURE__*/_react.default.createElement("div", {
151
151
  className: classes.blockError,
152
152
  style: {
153
153
  height: displayHeight
154
154
  }
155
- }, reload ? /*#__PURE__*/_react["default"].createElement(_Button["default"], {
155
+ }, reload ? /*#__PURE__*/_react.default.createElement(_Button.default, {
156
156
  "data-testid": "reload_button",
157
157
  onClick: reload,
158
- startIcon: /*#__PURE__*/_react["default"].createElement(_Refresh["default"], null)
159
- }, "Reload") : null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
158
+ startIcon: /*#__PURE__*/_react.default.createElement(_Refresh.default, null)
159
+ }, "Reload") : null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
160
160
  color: "error",
161
161
  variant: "body2",
162
162
  display: "inline"
@@ -167,7 +167,7 @@ var ServerSideRenderedBlockContent = (0, _mobxReact.observer)(function (_ref5) {
167
167
  var model = _ref5.model;
168
168
 
169
169
  if (model.error) {
170
- return /*#__PURE__*/_react["default"].createElement(Repeater, null, /*#__PURE__*/_react["default"].createElement(BlockError, {
170
+ return /*#__PURE__*/_react.default.createElement(Repeater, null, /*#__PURE__*/_react.default.createElement(BlockError, {
171
171
  error: model.error,
172
172
  reload: model.reload,
173
173
  displayHeight: (0, _tracks.getParentRenderProps)(model).displayModel.height
@@ -175,13 +175,13 @@ var ServerSideRenderedBlockContent = (0, _mobxReact.observer)(function (_ref5) {
175
175
  }
176
176
 
177
177
  if (model.message) {
178
- return /*#__PURE__*/_react["default"].createElement(Repeater, null, /*#__PURE__*/_react["default"].createElement(BlockMessage, {
178
+ return /*#__PURE__*/_react.default.createElement(Repeater, null, /*#__PURE__*/_react.default.createElement(BlockMessage, {
179
179
  messageContent: model.message
180
180
  }));
181
181
  }
182
182
 
183
183
  if (!model.filled) {
184
- return /*#__PURE__*/_react["default"].createElement(Repeater, null, /*#__PURE__*/_react["default"].createElement(LoadingMessage, {
184
+ return /*#__PURE__*/_react.default.createElement(Repeater, null, /*#__PURE__*/_react.default.createElement(LoadingMessage, {
185
185
  model: model
186
186
  }));
187
187
  }
@@ -189,4 +189,4 @@ var ServerSideRenderedBlockContent = (0, _mobxReact.observer)(function (_ref5) {
189
189
  return model.reactElement;
190
190
  });
191
191
  var _default = ServerSideRenderedBlockContent;
192
- exports["default"] = _default;
192
+ exports.default = _default;
@@ -14,7 +14,7 @@ Object.defineProperty(exports, "BaseLinearDisplay", {
14
14
  Object.defineProperty(exports, "BaseLinearDisplayComponent", {
15
15
  enumerable: true,
16
16
  get: function get() {
17
- return _BaseLinearDisplay["default"];
17
+ return _BaseLinearDisplay.default;
18
18
  }
19
19
  });
20
20
  Object.defineProperty(exports, "Tooltip", {
@@ -38,4 +38,4 @@ var _BaseLinearDisplay = _interopRequireWildcard(require("./components/BaseLinea
38
38
 
39
39
  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); }
40
40
 
41
- 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; }
41
+ 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; }
@@ -49,13 +49,13 @@ var _excluded = ["blockState"];
49
49
 
50
50
  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); }
51
51
 
52
- 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; }
52
+ 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; }
53
53
 
54
54
  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; }
55
55
 
56
- 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; }
56
+ 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; }
57
57
 
58
- function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
58
+ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
59
59
 
60
60
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
61
61
 
@@ -88,10 +88,10 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
88
88
  height: _mobxStateTree.types.optional(_mobxStateTree.types.refinement('displayHeight', _mobxStateTree.types.number, function (n) {
89
89
  return n >= minDisplayHeight;
90
90
  }), defaultDisplayHeight),
91
- blockState: _mobxStateTree.types.map(_serverSideRenderedBlock["default"]),
91
+ blockState: _mobxStateTree.types.map(_serverSideRenderedBlock.default),
92
92
  userBpPerPxLimit: _mobxStateTree.types.maybe(_mobxStateTree.types.number),
93
93
  userByteSizeLimit: _mobxStateTree.types.maybe(_mobxStateTree.types.number)
94
- }))["volatile"](function () {
94
+ })).volatile(function () {
95
95
  return {
96
96
  currBpPerPx: 0,
97
97
  message: '',
@@ -186,7 +186,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
186
186
  _iterator.f();
187
187
  }
188
188
 
189
- return new _compositeMap["default"](featureMaps);
189
+ return new _compositeMap.default(featureMaps);
190
190
  },
191
191
 
192
192
  get featureUnderMouse() {
@@ -304,7 +304,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
304
304
  }
305
305
  }, opts);
306
306
 
307
- self.estimatedRegionStatsP = rpcManager.call(sessionId, 'CoreEstimateRegionStats', params)["catch"](function (e) {
307
+ self.estimatedRegionStatsP = rpcManager.call(sessionId, 'CoreEstimateRegionStats', params).catch(function (e) {
308
308
  _this2.setRegionStatsP(undefined);
309
309
 
310
310
  throw e;
@@ -348,7 +348,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
348
348
  }
349
349
  },
350
350
  addBlock: function addBlock(key, block) {
351
- self.blockState.set(key, _serverSideRenderedBlock["default"].create({
351
+ self.blockState.set(key, _serverSideRenderedBlock.default.create({
352
352
  key: key,
353
353
  region: block.toRegion()
354
354
  }));
@@ -357,7 +357,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
357
357
  self.currBpPerPx = n;
358
358
  },
359
359
  deleteBlock: function deleteBlock(key) {
360
- self.blockState["delete"](key);
360
+ self.blockState.delete(key);
361
361
  },
362
362
  selectFeature: function selectFeature(feature) {
363
363
  var session = (0, _util.getSession)(self);
@@ -383,7 +383,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
383
383
  },
384
384
  reload: function reload() {
385
385
  ;
386
- (0, _toConsumableArray2["default"])(self.blockState.values()).map(function (val) {
386
+ (0, _toConsumableArray2.default)(self.blockState.values()).map(function (val) {
387
387
  return val.doReload();
388
388
  });
389
389
  },
@@ -421,9 +421,9 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
421
421
  var superReload = self.reload;
422
422
  return {
423
423
  reload: function reload() {
424
- return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
424
+ return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
425
425
  var aborter, view, estimatedRegionStats;
426
- return _regenerator["default"].wrap(function _callee$(_context) {
426
+ return _regenerator.default.wrap(function _callee$(_context) {
427
427
  while (1) {
428
428
  switch (_context.prev = _context.next) {
429
429
  case 0:
@@ -487,10 +487,10 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
487
487
  // adapter which by default uses featureDensity, but can also respond
488
488
  // with a byte size estimate and fetch size limit (data adapter can
489
489
  // define what is too much data)
490
- (0, _mobxStateTree.addDisposer)(self, (0, _mobx.autorun)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
490
+ (0, _mobxStateTree.addDisposer)(self, (0, _mobx.autorun)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
491
491
  var _self$estimatedRegion4, aborter, view, statsP, estimatedRegionStats;
492
492
 
493
- return _regenerator["default"].wrap(function _callee2$(_context2) {
493
+ return _regenerator.default.wrap(function _callee2$(_context2) {
494
494
  while (1) {
495
495
  switch (_context2.prev = _context2.next) {
496
496
  case 0:
@@ -581,10 +581,10 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
581
581
  regionTooLargeReason = self.regionTooLargeReason;
582
582
 
583
583
  if (regionTooLarge) {
584
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
584
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Typography, {
585
585
  component: "span",
586
586
  variant: "body2"
587
- }, regionTooLargeReason ? regionTooLargeReason + '. ' : '', "Zoom in to see features or", ' '), /*#__PURE__*/_react["default"].createElement(_core.Button, {
587
+ }, regionTooLargeReason ? regionTooLargeReason + '. ' : '', "Zoom in to see features or", ' '), /*#__PURE__*/_react.default.createElement(_core.Button, {
588
588
  "data-testid": "force_reload_button",
589
589
  onClick: function onClick() {
590
590
  if (!self.estimatedRegionStats) {
@@ -595,7 +595,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
595
595
  }
596
596
  },
597
597
  variant: "outlined"
598
- }, "Force Load"), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
598
+ }, "Force Load"), /*#__PURE__*/_react.default.createElement(_core.Typography, {
599
599
  component: "span",
600
600
  variant: "body2"
601
601
  }, "(force load may be slow)"));
@@ -609,7 +609,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
609
609
  contextMenuItems: function contextMenuItems() {
610
610
  return self.contextMenuFeature ? [{
611
611
  label: 'Open feature details',
612
- icon: _MenuOpen["default"],
612
+ icon: _MenuOpen.default,
613
613
  onClick: function onClick() {
614
614
  if (self.contextMenuFeature) {
615
615
  self.selectFeature(self.contextMenuFeature);
@@ -666,9 +666,9 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
666
666
  }).actions(function (self) {
667
667
  return {
668
668
  renderSvg: function renderSvg(opts) {
669
- return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
669
+ return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
670
670
  var height, id, overrideHeight, view, viewOffsetPx, roundedDynamicBlocks, width, renderings;
671
- return _regenerator["default"].wrap(function _callee3$(_context3) {
671
+ return _regenerator.default.wrap(function _callee3$(_context3) {
672
672
  while (1) {
673
673
  switch (_context3.prev = _context3.next) {
674
674
  case 0:
@@ -678,7 +678,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
678
678
  viewOffsetPx = view.offsetPx, roundedDynamicBlocks = view.roundedDynamicBlocks, width = view.width;
679
679
  _context3.next = 6;
680
680
  return Promise.all(roundedDynamicBlocks.map(function (block) {
681
- var blockState = _serverSideRenderedBlock["default"].create({
681
+ var blockState = _serverSideRenderedBlock.default.create({
682
682
  key: block.key,
683
683
  region: block
684
684
  }); // regionCannotBeRendered can return jsx so look for plaintext
@@ -691,13 +691,13 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
691
691
 
692
692
  if (cannotBeRenderedReason) {
693
693
  return {
694
- reactElement: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("rect", {
694
+ reactElement: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("rect", {
695
695
  x: 0,
696
696
  y: 0,
697
697
  width: width,
698
698
  height: 20,
699
699
  fill: "#aaa"
700
- }), /*#__PURE__*/_react["default"].createElement("text", {
700
+ }), /*#__PURE__*/_react.default.createElement("text", {
701
701
  x: 0,
702
702
  y: 15
703
703
  }, cannotBeRenderedReason))
@@ -718,27 +718,27 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
718
718
 
719
719
  case 6:
720
720
  renderings = _context3.sent;
721
- return _context3.abrupt("return", /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderings.map(function (rendering, index) {
721
+ return _context3.abrupt("return", /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderings.map(function (rendering, index) {
722
722
  var offsetPx = roundedDynamicBlocks[index].offsetPx;
723
723
  var offset = offsetPx - viewOffsetPx;
724
724
  var clipid = getId(id, index);
725
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
725
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
726
726
  key: "frag-".concat(index)
727
- }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
727
+ }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
728
728
  id: clipid
729
- }, /*#__PURE__*/_react["default"].createElement("rect", {
729
+ }, /*#__PURE__*/_react.default.createElement("rect", {
730
730
  x: 0,
731
731
  y: 0,
732
732
  width: width,
733
733
  height: overrideHeight || height
734
- }))), /*#__PURE__*/_react["default"].createElement("g", {
734
+ }))), /*#__PURE__*/_react.default.createElement("g", {
735
735
  transform: "translate(".concat(offset, " 0)")
736
- }, /*#__PURE__*/_react["default"].createElement("g", {
736
+ }, /*#__PURE__*/_react.default.createElement("g", {
737
737
  clipPath: "url(#".concat(clipid, ")")
738
- }, /*#__PURE__*/_react["default"].isValidElement(rendering.reactElement) ? rendering.reactElement :
738
+ }, /*#__PURE__*/_react.default.isValidElement(rendering.reactElement) ? rendering.reactElement :
739
739
  /*#__PURE__*/
740
740
  // eslint-disable-next-line react/no-danger
741
- _react["default"].createElement("g", {
741
+ _react.default.createElement("g", {
742
742
  dangerouslySetInnerHTML: {
743
743
  __html: rendering.html
744
744
  }
@@ -756,7 +756,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
756
756
  };
757
757
  }).postProcessSnapshot(function (self) {
758
758
  var blockState = self.blockState,
759
- rest = (0, _objectWithoutProperties2["default"])(self, _excluded);
759
+ rest = (0, _objectWithoutProperties2.default)(self, _excluded);
760
760
  return rest;
761
761
  });
762
762