@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.
- 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.js +32 -32
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +9 -9
- 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.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 +21 -21
- package/dist/LinearGenomeView/components/TrackContainer.js +14 -14
- package/dist/LinearGenomeView/components/TrackLabel.js +14 -14
- 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.js +18 -18
- 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
|
|
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; }
|
|
@@ -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() {
|
|
@@ -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)
|
|
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
|
|
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
|
|
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
|
|
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
|
|
424
|
+
return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
425
425
|
var aborter, view, estimatedRegionStats;
|
|
426
|
-
return _regenerator
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
725
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
726
726
|
key: "frag-".concat(index)
|
|
727
|
-
}, /*#__PURE__*/_react
|
|
727
|
+
}, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
728
728
|
id: clipid
|
|
729
|
-
}, /*#__PURE__*/_react
|
|
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
|
|
734
|
+
}))), /*#__PURE__*/_react.default.createElement("g", {
|
|
735
735
|
transform: "translate(".concat(offset, " 0)")
|
|
736
|
-
}, /*#__PURE__*/_react
|
|
736
|
+
}, /*#__PURE__*/_react.default.createElement("g", {
|
|
737
737
|
clipPath: "url(#".concat(clipid, ")")
|
|
738
|
-
}, /*#__PURE__*/_react
|
|
738
|
+
}, /*#__PURE__*/_react.default.isValidElement(rendering.reactElement) ? rendering.reactElement :
|
|
739
739
|
/*#__PURE__*/
|
|
740
740
|
// eslint-disable-next-line react/no-danger
|
|
741
|
-
_react
|
|
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
|
|
759
|
+
rest = (0, _objectWithoutProperties2.default)(self, _excluded);
|
|
760
760
|
return rest;
|
|
761
761
|
});
|
|
762
762
|
|