@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.
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js +18 -18
- package/dist/BaseLinearDisplay/components/Block.js +4 -4
- package/dist/BaseLinearDisplay/components/LinearBlocks.js +11 -11
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +16 -16
- package/dist/BaseLinearDisplay/index.js +2 -2
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +1 -1
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +42 -34
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +1 -0
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +11 -9
- package/dist/LinearBareDisplay/model.d.ts +1 -1
- package/dist/LinearBareDisplay/model.js +1 -1
- package/dist/LinearBasicDisplay/components/SetMaxHeight.js +11 -11
- package/dist/LinearBasicDisplay/configSchema.js +1 -1
- package/dist/LinearBasicDisplay/index.js +2 -2
- package/dist/LinearBasicDisplay/model.d.ts +1 -1
- package/dist/LinearBasicDisplay/model.js +10 -10
- package/dist/LinearGenomeView/components/CenterLine.js +5 -5
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +16 -16
- package/dist/LinearGenomeView/components/Header.js +20 -20
- package/dist/LinearGenomeView/components/HelpDialog.js +4 -4
- package/dist/LinearGenomeView/components/ImportForm.js +28 -28
- package/dist/LinearGenomeView/components/LinearGenomeView.js +15 -15
- package/dist/LinearGenomeView/components/LinearGenomeView.test.js +9 -9
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +40 -40
- package/dist/LinearGenomeView/components/MiniControls.js +9 -9
- package/dist/LinearGenomeView/components/OverviewRubberBand.js +19 -19
- package/dist/LinearGenomeView/components/OverviewScaleBar.js +28 -28
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js +27 -27
- package/dist/LinearGenomeView/components/RubberBand.js +18 -18
- package/dist/LinearGenomeView/components/Ruler.js +11 -11
- package/dist/LinearGenomeView/components/ScaleBar.js +19 -19
- package/dist/LinearGenomeView/components/ScaleBar.test.js +3 -3
- package/dist/LinearGenomeView/components/SearchBox.js +9 -9
- package/dist/LinearGenomeView/components/SearchResultsDialog.js +15 -15
- package/dist/LinearGenomeView/components/SequenceDialog.js +28 -37
- package/dist/LinearGenomeView/components/TrackContainer.js +14 -14
- package/dist/LinearGenomeView/components/TrackLabel.js +17 -19
- package/dist/LinearGenomeView/components/TracksContainer.js +10 -10
- package/dist/LinearGenomeView/components/VerticalGuides.js +11 -11
- package/dist/LinearGenomeView/components/ZoomControls.js +9 -9
- package/dist/LinearGenomeView/index.js +35 -35
- package/dist/LinearGenomeView/index.test.js +19 -19
- package/dist/index.d.ts +3 -3
- package/dist/index.js +18 -18
- package/package.json +3 -4
- package/src/BaseLinearDisplay/models/BaseLinearDisplayModel.tsx +6 -0
- package/src/BaseLinearDisplay/models/serverSideRenderedBlock.ts +3 -0
- package/src/LinearGenomeView/components/SequenceDialog.tsx +6 -13
- package/src/LinearGenomeView/components/TrackLabel.tsx +6 -6
|
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = 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 {
|
|
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
|
|
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
|
|
70
|
+
var TooltipContents = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
71
71
|
var message = _ref.message;
|
|
72
|
-
return /*#__PURE__*/_react
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
194
|
+
}, DisplayMessageComponent ? /*#__PURE__*/_react.default.createElement(DisplayMessageComponent, {
|
|
195
195
|
model: model
|
|
196
|
-
}) : /*#__PURE__*/_react
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
57
|
+
}, state && state.ReactComponent ? /*#__PURE__*/_react.default.createElement(state.ReactComponent, {
|
|
58
58
|
model: state
|
|
59
|
-
}) : null, state && state.maxHeightReached ? /*#__PURE__*/_react
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 {
|
|
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
|
|
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
|
|
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
|
|
126
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shown ? /*#__PURE__*/_react.default.createElement("div", {
|
|
127
127
|
className: classes.loading
|
|
128
|
-
}, /*#__PURE__*/_react
|
|
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
|
|
137
|
+
return /*#__PURE__*/_react.default.isValidElement(messageContent) ? /*#__PURE__*/_react.default.createElement("div", {
|
|
138
138
|
className: classes.blockReactNodeMessage
|
|
139
|
-
}, messageContent) : /*#__PURE__*/_react
|
|
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
|
|
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
|
|
155
|
+
}, reload ? /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
156
156
|
"data-testid": "reload_button",
|
|
157
157
|
onClick: reload,
|
|
158
|
-
startIcon: /*#__PURE__*/_react
|
|
159
|
-
}, "Reload") : null, /*#__PURE__*/_react
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 {
|
|
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; }
|
|
@@ -171,7 +171,7 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
|
|
|
171
171
|
headers?: Record<string, string>;
|
|
172
172
|
signal?: AbortSignal;
|
|
173
173
|
filters?: string[];
|
|
174
|
-
}): Promise<
|
|
174
|
+
}): Promise<{}>;
|
|
175
175
|
setRegionStatsP(p?: Promise<Stats> | undefined): void;
|
|
176
176
|
setRegionStats(estimatedRegionStats?: Stats | undefined): void;
|
|
177
177
|
clearRegionStats(): void;
|
|
@@ -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 {
|
|
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
|
|
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
|
|
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
|
|
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
|
-
}))
|
|
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
|
|
189
|
+
return new _compositeMap.default(featureMaps);
|
|
190
190
|
},
|
|
191
191
|
|
|
192
192
|
get featureUnderMouse() {
|
|
@@ -291,6 +291,13 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
291
291
|
rpcManager = _getSession2.rpcManager;
|
|
292
292
|
|
|
293
293
|
var adapterConfig = self.adapterConfig;
|
|
294
|
+
|
|
295
|
+
if (!adapterConfig) {
|
|
296
|
+
// A track extending the base track might not have an adapter config
|
|
297
|
+
// e.g. Apollo tracks don't use adapters
|
|
298
|
+
return Promise.resolve({});
|
|
299
|
+
}
|
|
300
|
+
|
|
294
301
|
var sessionId = (0, _tracks.getRpcSessionId)(self);
|
|
295
302
|
|
|
296
303
|
var params = _objectSpread({
|
|
@@ -304,7 +311,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
304
311
|
}
|
|
305
312
|
}, opts);
|
|
306
313
|
|
|
307
|
-
self.estimatedRegionStatsP = rpcManager.call(sessionId, 'CoreEstimateRegionStats', params)
|
|
314
|
+
self.estimatedRegionStatsP = rpcManager.call(sessionId, 'CoreEstimateRegionStats', params).catch(function (e) {
|
|
308
315
|
_this2.setRegionStatsP(undefined);
|
|
309
316
|
|
|
310
317
|
throw e;
|
|
@@ -348,7 +355,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
348
355
|
}
|
|
349
356
|
},
|
|
350
357
|
addBlock: function addBlock(key, block) {
|
|
351
|
-
self.blockState.set(key, _serverSideRenderedBlock
|
|
358
|
+
self.blockState.set(key, _serverSideRenderedBlock.default.create({
|
|
352
359
|
key: key,
|
|
353
360
|
region: block.toRegion()
|
|
354
361
|
}));
|
|
@@ -357,7 +364,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
357
364
|
self.currBpPerPx = n;
|
|
358
365
|
},
|
|
359
366
|
deleteBlock: function deleteBlock(key) {
|
|
360
|
-
self.blockState
|
|
367
|
+
self.blockState.delete(key);
|
|
361
368
|
},
|
|
362
369
|
selectFeature: function selectFeature(feature) {
|
|
363
370
|
var session = (0, _util.getSession)(self);
|
|
@@ -383,7 +390,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
383
390
|
},
|
|
384
391
|
reload: function reload() {
|
|
385
392
|
;
|
|
386
|
-
(0, _toConsumableArray2
|
|
393
|
+
(0, _toConsumableArray2.default)(self.blockState.values()).map(function (val) {
|
|
387
394
|
return val.doReload();
|
|
388
395
|
});
|
|
389
396
|
},
|
|
@@ -421,9 +428,9 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
421
428
|
var superReload = self.reload;
|
|
422
429
|
return {
|
|
423
430
|
reload: function reload() {
|
|
424
|
-
return (0, _asyncToGenerator2
|
|
431
|
+
return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
425
432
|
var aborter, view, estimatedRegionStats;
|
|
426
|
-
return _regenerator
|
|
433
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
427
434
|
while (1) {
|
|
428
435
|
switch (_context.prev = _context.next) {
|
|
429
436
|
case 0:
|
|
@@ -464,15 +471,16 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
464
471
|
return _context.abrupt("return");
|
|
465
472
|
|
|
466
473
|
case 16:
|
|
467
|
-
_context.next =
|
|
474
|
+
_context.next = 22;
|
|
468
475
|
break;
|
|
469
476
|
|
|
470
477
|
case 18:
|
|
471
478
|
_context.prev = 18;
|
|
472
479
|
_context.t0 = _context["catch"](5);
|
|
480
|
+
console.error(_context.t0);
|
|
473
481
|
self.setError(_context.t0);
|
|
474
482
|
|
|
475
|
-
case
|
|
483
|
+
case 22:
|
|
476
484
|
case "end":
|
|
477
485
|
return _context.stop();
|
|
478
486
|
}
|
|
@@ -487,10 +495,10 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
487
495
|
// adapter which by default uses featureDensity, but can also respond
|
|
488
496
|
// with a byte size estimate and fetch size limit (data adapter can
|
|
489
497
|
// define what is too much data)
|
|
490
|
-
(0, _mobxStateTree.addDisposer)(self, (0, _mobx.autorun)( /*#__PURE__*/(0, _asyncToGenerator2
|
|
498
|
+
(0, _mobxStateTree.addDisposer)(self, (0, _mobx.autorun)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
491
499
|
var _self$estimatedRegion4, aborter, view, statsP, estimatedRegionStats;
|
|
492
500
|
|
|
493
|
-
return _regenerator
|
|
501
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
494
502
|
while (1) {
|
|
495
503
|
switch (_context2.prev = _context2.next) {
|
|
496
504
|
case 0:
|
|
@@ -581,10 +589,10 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
581
589
|
regionTooLargeReason = self.regionTooLargeReason;
|
|
582
590
|
|
|
583
591
|
if (regionTooLarge) {
|
|
584
|
-
return /*#__PURE__*/_react
|
|
592
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
585
593
|
component: "span",
|
|
586
594
|
variant: "body2"
|
|
587
|
-
}, regionTooLargeReason ? regionTooLargeReason + '. ' : '', "Zoom in to see features or", ' '), /*#__PURE__*/_react
|
|
595
|
+
}, regionTooLargeReason ? regionTooLargeReason + '. ' : '', "Zoom in to see features or", ' '), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
588
596
|
"data-testid": "force_reload_button",
|
|
589
597
|
onClick: function onClick() {
|
|
590
598
|
if (!self.estimatedRegionStats) {
|
|
@@ -595,7 +603,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
595
603
|
}
|
|
596
604
|
},
|
|
597
605
|
variant: "outlined"
|
|
598
|
-
}, "Force Load"), /*#__PURE__*/_react
|
|
606
|
+
}, "Force Load"), /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
599
607
|
component: "span",
|
|
600
608
|
variant: "body2"
|
|
601
609
|
}, "(force load may be slow)"));
|
|
@@ -609,7 +617,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
609
617
|
contextMenuItems: function contextMenuItems() {
|
|
610
618
|
return self.contextMenuFeature ? [{
|
|
611
619
|
label: 'Open feature details',
|
|
612
|
-
icon: _MenuOpen
|
|
620
|
+
icon: _MenuOpen.default,
|
|
613
621
|
onClick: function onClick() {
|
|
614
622
|
if (self.contextMenuFeature) {
|
|
615
623
|
self.selectFeature(self.contextMenuFeature);
|
|
@@ -666,9 +674,9 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
666
674
|
}).actions(function (self) {
|
|
667
675
|
return {
|
|
668
676
|
renderSvg: function renderSvg(opts) {
|
|
669
|
-
return (0, _asyncToGenerator2
|
|
677
|
+
return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
|
|
670
678
|
var height, id, overrideHeight, view, viewOffsetPx, roundedDynamicBlocks, width, renderings;
|
|
671
|
-
return _regenerator
|
|
679
|
+
return _regenerator.default.wrap(function _callee3$(_context3) {
|
|
672
680
|
while (1) {
|
|
673
681
|
switch (_context3.prev = _context3.next) {
|
|
674
682
|
case 0:
|
|
@@ -678,7 +686,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
678
686
|
viewOffsetPx = view.offsetPx, roundedDynamicBlocks = view.roundedDynamicBlocks, width = view.width;
|
|
679
687
|
_context3.next = 6;
|
|
680
688
|
return Promise.all(roundedDynamicBlocks.map(function (block) {
|
|
681
|
-
var blockState = _serverSideRenderedBlock
|
|
689
|
+
var blockState = _serverSideRenderedBlock.default.create({
|
|
682
690
|
key: block.key,
|
|
683
691
|
region: block
|
|
684
692
|
}); // regionCannotBeRendered can return jsx so look for plaintext
|
|
@@ -691,13 +699,13 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
691
699
|
|
|
692
700
|
if (cannotBeRenderedReason) {
|
|
693
701
|
return {
|
|
694
|
-
reactElement: /*#__PURE__*/_react
|
|
702
|
+
reactElement: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("rect", {
|
|
695
703
|
x: 0,
|
|
696
704
|
y: 0,
|
|
697
705
|
width: width,
|
|
698
706
|
height: 20,
|
|
699
707
|
fill: "#aaa"
|
|
700
|
-
}), /*#__PURE__*/_react
|
|
708
|
+
}), /*#__PURE__*/_react.default.createElement("text", {
|
|
701
709
|
x: 0,
|
|
702
710
|
y: 15
|
|
703
711
|
}, cannotBeRenderedReason))
|
|
@@ -718,27 +726,27 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
718
726
|
|
|
719
727
|
case 6:
|
|
720
728
|
renderings = _context3.sent;
|
|
721
|
-
return _context3.abrupt("return", /*#__PURE__*/_react
|
|
729
|
+
return _context3.abrupt("return", /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderings.map(function (rendering, index) {
|
|
722
730
|
var offsetPx = roundedDynamicBlocks[index].offsetPx;
|
|
723
731
|
var offset = offsetPx - viewOffsetPx;
|
|
724
732
|
var clipid = getId(id, index);
|
|
725
|
-
return /*#__PURE__*/_react
|
|
733
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
726
734
|
key: "frag-".concat(index)
|
|
727
|
-
}, /*#__PURE__*/_react
|
|
735
|
+
}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
728
736
|
id: clipid
|
|
729
|
-
}, /*#__PURE__*/_react
|
|
737
|
+
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
730
738
|
x: 0,
|
|
731
739
|
y: 0,
|
|
732
740
|
width: width,
|
|
733
741
|
height: overrideHeight || height
|
|
734
|
-
}))), /*#__PURE__*/_react
|
|
742
|
+
}))), /*#__PURE__*/_react.default.createElement("g", {
|
|
735
743
|
transform: "translate(".concat(offset, " 0)")
|
|
736
|
-
}, /*#__PURE__*/_react
|
|
744
|
+
}, /*#__PURE__*/_react.default.createElement("g", {
|
|
737
745
|
clipPath: "url(#".concat(clipid, ")")
|
|
738
|
-
}, /*#__PURE__*/_react
|
|
746
|
+
}, /*#__PURE__*/_react.default.isValidElement(rendering.reactElement) ? rendering.reactElement :
|
|
739
747
|
/*#__PURE__*/
|
|
740
748
|
// eslint-disable-next-line react/no-danger
|
|
741
|
-
_react
|
|
749
|
+
_react.default.createElement("g", {
|
|
742
750
|
dangerouslySetInnerHTML: {
|
|
743
751
|
__html: rendering.html
|
|
744
752
|
}
|
|
@@ -756,7 +764,7 @@ var BaseLinearDisplay = _mobxStateTree.types.compose('BaseLinearDisplay', _model
|
|
|
756
764
|
};
|
|
757
765
|
}).postProcessSnapshot(function (self) {
|
|
758
766
|
var blockState = self.blockState,
|
|
759
|
-
rest = (0, _objectWithoutProperties2
|
|
767
|
+
rest = (0, _objectWithoutProperties2.default)(self, _excluded);
|
|
760
768
|
return rest;
|
|
761
769
|
});
|
|
762
770
|
|