@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 = void 0;
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
@@ -33,7 +33,7 @@ var _TrackLabel = _interopRequireDefault(require("./TrackLabel"));
|
|
|
33
33
|
|
|
34
34
|
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); }
|
|
35
35
|
|
|
36
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
36
|
+
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; }
|
|
37
37
|
|
|
38
38
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
39
39
|
return {
|
|
@@ -89,9 +89,9 @@ var TrackContainerLabel = (0, _mobxReact.observer)(function (_ref) {
|
|
|
89
89
|
view = _ref.view;
|
|
90
90
|
var classes = useStyles();
|
|
91
91
|
var labelStyle = view.trackLabels === 'overlapping' ? classes.trackLabelOverlap : classes.trackLabelInline;
|
|
92
|
-
return view.trackLabels !== 'hidden' ? /*#__PURE__*/_react
|
|
92
|
+
return view.trackLabels !== 'hidden' ? /*#__PURE__*/_react.default.createElement(_TrackLabel.default, {
|
|
93
93
|
track: model,
|
|
94
|
-
className: (0, _clsx
|
|
94
|
+
className: (0, _clsx.default)(classes.trackLabel, labelStyle)
|
|
95
95
|
}) : null;
|
|
96
96
|
});
|
|
97
97
|
|
|
@@ -126,13 +126,13 @@ function TrackContainer(_ref2) {
|
|
|
126
126
|
var RenderingComponent = display.RenderingComponent,
|
|
127
127
|
DisplayBlurb = display.DisplayBlurb;
|
|
128
128
|
var dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
|
|
129
|
-
return /*#__PURE__*/_react
|
|
129
|
+
return /*#__PURE__*/_react.default.createElement(_Paper.default, {
|
|
130
130
|
className: classes.root,
|
|
131
131
|
variant: "outlined"
|
|
132
|
-
}, /*#__PURE__*/_react
|
|
132
|
+
}, /*#__PURE__*/_react.default.createElement(TrackContainerLabel, {
|
|
133
133
|
model: track,
|
|
134
134
|
view: model
|
|
135
|
-
}), /*#__PURE__*/_react
|
|
135
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
136
136
|
className: classes.trackRenderingContainer,
|
|
137
137
|
style: {
|
|
138
138
|
height: height
|
|
@@ -144,31 +144,31 @@ function TrackContainer(_ref2) {
|
|
|
144
144
|
onDragEnter: debouncedOnDragEnter,
|
|
145
145
|
"data-testid": "trackRenderingContainer-".concat(model.id, "-").concat(trackId),
|
|
146
146
|
role: "presentation"
|
|
147
|
-
}, /*#__PURE__*/_react
|
|
147
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
148
148
|
ref: ref,
|
|
149
149
|
className: classes.renderingComponentContainer,
|
|
150
150
|
style: {
|
|
151
151
|
transform: "scaleX(".concat(model.scaleFactor, ")")
|
|
152
152
|
}
|
|
153
|
-
}, /*#__PURE__*/_react
|
|
153
|
+
}, /*#__PURE__*/_react.default.createElement(RenderingComponent, {
|
|
154
154
|
model: display,
|
|
155
155
|
onHorizontalScroll: horizontalScroll
|
|
156
|
-
})), DisplayBlurb ? /*#__PURE__*/_react
|
|
156
|
+
})), DisplayBlurb ? /*#__PURE__*/_react.default.createElement("div", {
|
|
157
157
|
style: {
|
|
158
158
|
position: 'absolute',
|
|
159
159
|
left: 0,
|
|
160
160
|
top: display.height - 20
|
|
161
161
|
}
|
|
162
|
-
}, /*#__PURE__*/_react
|
|
162
|
+
}, /*#__PURE__*/_react.default.createElement(DisplayBlurb, {
|
|
163
163
|
model: display
|
|
164
|
-
})) : null), /*#__PURE__*/_react
|
|
164
|
+
})) : null), /*#__PURE__*/_react.default.createElement("div", {
|
|
165
165
|
className: classes.overlay,
|
|
166
166
|
style: {
|
|
167
167
|
height: display.height,
|
|
168
168
|
background: dimmed ? 'rgba(0, 0, 0, 0.4)' : undefined
|
|
169
169
|
},
|
|
170
170
|
onDragEnter: debouncedOnDragEnter
|
|
171
|
-
}), /*#__PURE__*/_react
|
|
171
|
+
}), /*#__PURE__*/_react.default.createElement(_ui.ResizeHandle, {
|
|
172
172
|
onDrag: display.resizeHeight,
|
|
173
173
|
className: classes.resizeHandle
|
|
174
174
|
}));
|
|
@@ -176,4 +176,4 @@ function TrackContainer(_ref2) {
|
|
|
176
176
|
|
|
177
177
|
var _default = (0, _mobxReact.observer)(TrackContainer);
|
|
178
178
|
|
|
179
|
-
exports
|
|
179
|
+
exports.default = _default;
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
11
|
|
|
@@ -64,13 +64,13 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
|
64
64
|
};
|
|
65
65
|
});
|
|
66
66
|
|
|
67
|
-
var TrackLabel = /*#__PURE__*/_react
|
|
67
|
+
var TrackLabel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
68
68
|
var _session$getTrackActi;
|
|
69
69
|
|
|
70
70
|
var classes = useStyles();
|
|
71
71
|
|
|
72
|
-
var _React$useState = _react
|
|
73
|
-
_React$useState2 = (0, _slicedToArray2
|
|
72
|
+
var _React$useState = _react.default.useState(null),
|
|
73
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
74
74
|
anchorEl = _React$useState2[0],
|
|
75
75
|
setAnchorEl = _React$useState2[1];
|
|
76
76
|
|
|
@@ -118,32 +118,32 @@ var TrackLabel = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
118
118
|
handleClose();
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
-
var items = [].concat((0, _toConsumableArray2
|
|
121
|
+
var items = [].concat((0, _toConsumableArray2.default)(((_session$getTrackActi = session.getTrackActionMenuItems) === null || _session$getTrackActi === void 0 ? void 0 : _session$getTrackActi.call(session, trackConf)) || []), (0, _toConsumableArray2.default)(track.trackMenuItems())).sort(function (a, b) {
|
|
122
122
|
return (b.priority || 0) - (a.priority || 0);
|
|
123
123
|
});
|
|
124
|
-
return /*#__PURE__*/_react
|
|
124
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Paper, {
|
|
125
125
|
ref: ref,
|
|
126
|
-
className: (0, _clsx
|
|
127
|
-
}, /*#__PURE__*/_react
|
|
126
|
+
className: (0, _clsx.default)(className, classes.root)
|
|
127
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
128
128
|
draggable: true,
|
|
129
129
|
className: classes.dragHandle,
|
|
130
130
|
onDragStart: onDragStart,
|
|
131
131
|
onDragEnd: onDragEnd,
|
|
132
132
|
"data-testid": "dragHandle-".concat(view.id, "-").concat(trackId)
|
|
133
|
-
}, /*#__PURE__*/_react
|
|
133
|
+
}, /*#__PURE__*/_react.default.createElement(_DragIndicator.default, {
|
|
134
134
|
className: classes.dragHandleIcon
|
|
135
|
-
})), /*#__PURE__*/_react
|
|
135
|
+
})), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
136
136
|
onClick: function onClick() {
|
|
137
137
|
return view.hideTrack(trackId);
|
|
138
138
|
},
|
|
139
139
|
className: classes.iconButton,
|
|
140
140
|
title: "close this track",
|
|
141
141
|
color: "secondary"
|
|
142
|
-
}, /*#__PURE__*/_react
|
|
142
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null)), /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
143
143
|
variant: "body1",
|
|
144
144
|
component: "span",
|
|
145
145
|
className: classes.trackName
|
|
146
|
-
}, trackName), /*#__PURE__*/_react
|
|
146
|
+
}, trackName), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
147
147
|
"aria-controls": "simple-menu",
|
|
148
148
|
"aria-haspopup": "true",
|
|
149
149
|
onClick: handleClick,
|
|
@@ -151,7 +151,7 @@ var TrackLabel = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
151
151
|
color: "secondary",
|
|
152
152
|
"data-testid": "track_menu_icon",
|
|
153
153
|
disabled: !items.length
|
|
154
|
-
}, /*#__PURE__*/_react
|
|
154
|
+
}, /*#__PURE__*/_react.default.createElement(_MoreVert.default, null))), /*#__PURE__*/_react.default.createElement(_ui.Menu, {
|
|
155
155
|
anchorEl: anchorEl,
|
|
156
156
|
onMenuItemClick: handleMenuItemClick,
|
|
157
157
|
open: Boolean(anchorEl),
|
|
@@ -162,4 +162,4 @@ var TrackLabel = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
|
|
|
162
162
|
|
|
163
163
|
var _default = (0, _mobxReact.observer)(TrackLabel);
|
|
164
164
|
|
|
165
|
-
exports
|
|
165
|
+
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
|
|
|
@@ -31,7 +31,7 @@ var _CenterLine = _interopRequireDefault(require("./CenterLine"));
|
|
|
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
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
37
37
|
return {
|
|
@@ -60,7 +60,7 @@ function TracksContainer(_ref) {
|
|
|
60
60
|
var prevX = (0, _react.useRef)(0);
|
|
61
61
|
|
|
62
62
|
var _useState = (0, _react.useState)(false),
|
|
63
|
-
_useState2 = (0, _slicedToArray2
|
|
63
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
64
64
|
mouseDragging = _useState2[0],
|
|
65
65
|
setMouseDragging = _useState2[1];
|
|
66
66
|
|
|
@@ -138,7 +138,7 @@ function TracksContainer(_ref) {
|
|
|
138
138
|
// else scroll horizontally with x-scroll
|
|
139
139
|
|
|
140
140
|
function onWheel(origEvent) {
|
|
141
|
-
var event = (0, _normalizeWheel
|
|
141
|
+
var event = (0, _normalizeWheel.default)(origEvent);
|
|
142
142
|
|
|
143
143
|
if (origEvent.ctrlKey === true) {
|
|
144
144
|
origEvent.preventDefault();
|
|
@@ -186,20 +186,20 @@ function TracksContainer(_ref) {
|
|
|
186
186
|
|
|
187
187
|
return function () {};
|
|
188
188
|
}, [model]);
|
|
189
|
-
return /*#__PURE__*/_react
|
|
189
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
190
190
|
ref: ref,
|
|
191
191
|
role: "presentation",
|
|
192
192
|
className: classes.tracksContainer,
|
|
193
193
|
onMouseDown: mouseDown,
|
|
194
194
|
onMouseUp: mouseUp,
|
|
195
195
|
onMouseLeave: mouseLeave
|
|
196
|
-
}, /*#__PURE__*/_react
|
|
196
|
+
}, /*#__PURE__*/_react.default.createElement(_VerticalGuides.default, {
|
|
197
197
|
model: model
|
|
198
|
-
}), model.showCenterLine ? /*#__PURE__*/_react
|
|
198
|
+
}), model.showCenterLine ? /*#__PURE__*/_react.default.createElement(_CenterLine.default, {
|
|
199
199
|
model: model
|
|
200
|
-
}) : null, /*#__PURE__*/_react
|
|
200
|
+
}) : null, /*#__PURE__*/_react.default.createElement(_RubberBand.default, {
|
|
201
201
|
model: model,
|
|
202
|
-
ControlComponent: /*#__PURE__*/_react
|
|
202
|
+
ControlComponent: /*#__PURE__*/_react.default.createElement(_ScaleBar.default, {
|
|
203
203
|
model: model,
|
|
204
204
|
style: {
|
|
205
205
|
height: _.SCALE_BAR_HEIGHT,
|
|
@@ -211,4 +211,4 @@ function TracksContainer(_ref) {
|
|
|
211
211
|
|
|
212
212
|
var _default = (0, _mobxReact.observer)(TracksContainer);
|
|
213
213
|
|
|
214
|
-
exports
|
|
214
|
+
exports.default = _default;
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _blockTypes = require("@jbrowse/core/util/blockTypes");
|
|
11
11
|
|
|
@@ -53,17 +53,17 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
53
53
|
var RenderedVerticalGuides = (0, _mobxReact.observer)(function (_ref) {
|
|
54
54
|
var model = _ref.model;
|
|
55
55
|
var classes = useStyles();
|
|
56
|
-
return /*#__PURE__*/_react
|
|
56
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, model.staticBlocks.map(function (block, index) {
|
|
57
57
|
if (block instanceof _blockTypes.ContentBlock) {
|
|
58
58
|
var ticks = (0, _util.makeTicks)(block.start, block.end, model.bpPerPx);
|
|
59
|
-
return /*#__PURE__*/_react
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement(_Block.ContentBlock, {
|
|
60
60
|
key: "".concat(block.key, "-").concat(index),
|
|
61
61
|
block: block
|
|
62
62
|
}, ticks.map(function (tick) {
|
|
63
63
|
var x = (block.reversed ? block.end - tick.base : tick.base - block.start) / model.bpPerPx;
|
|
64
|
-
return /*#__PURE__*/_react
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
65
65
|
key: tick.base,
|
|
66
|
-
className: (0, _clsx
|
|
66
|
+
className: (0, _clsx.default)(classes.tick, tick.type === 'major' || tick.type === 'labeledMajor' ? classes.majorTick : classes.minorTick),
|
|
67
67
|
style: {
|
|
68
68
|
left: x
|
|
69
69
|
}
|
|
@@ -72,14 +72,14 @@ var RenderedVerticalGuides = (0, _mobxReact.observer)(function (_ref) {
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
if (block instanceof _blockTypes.ElidedBlock) {
|
|
75
|
-
return /*#__PURE__*/_react
|
|
75
|
+
return /*#__PURE__*/_react.default.createElement(_Block.ElidedBlock, {
|
|
76
76
|
key: block.key,
|
|
77
77
|
width: block.widthPx
|
|
78
78
|
});
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
if (block instanceof _blockTypes.InterRegionPaddingBlock) {
|
|
82
|
-
return /*#__PURE__*/_react
|
|
82
|
+
return /*#__PURE__*/_react.default.createElement(_Block.InterRegionPaddingBlock, {
|
|
83
83
|
key: block.key,
|
|
84
84
|
width: block.widthPx,
|
|
85
85
|
boundary: block.variant === 'boundary'
|
|
@@ -95,22 +95,22 @@ function VerticalGuides(_ref2) {
|
|
|
95
95
|
var classes = useStyles(); // find the block that needs pinning to the left side for context
|
|
96
96
|
|
|
97
97
|
var offsetLeft = model.staticBlocks.offsetPx - model.offsetPx;
|
|
98
|
-
return /*#__PURE__*/_react
|
|
98
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
99
99
|
className: classes.verticalGuidesZoomContainer,
|
|
100
100
|
style: {
|
|
101
101
|
transform: model.scaleFactor !== 1 ? "scaleX(".concat(model.scaleFactor, ")") : undefined
|
|
102
102
|
}
|
|
103
|
-
}, /*#__PURE__*/_react
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
104
104
|
className: classes.verticalGuidesContainer,
|
|
105
105
|
style: {
|
|
106
106
|
left: offsetLeft,
|
|
107
107
|
width: model.staticBlocks.totalWidthPx
|
|
108
108
|
}
|
|
109
|
-
}, /*#__PURE__*/_react
|
|
109
|
+
}, /*#__PURE__*/_react.default.createElement(RenderedVerticalGuides, {
|
|
110
110
|
model: model
|
|
111
111
|
})));
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
var _default = (0, _mobxReact.observer)(VerticalGuides);
|
|
115
115
|
|
|
116
|
-
exports
|
|
116
|
+
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
|
|
|
@@ -27,7 +27,7 @@ var _ZoomOut = _interopRequireDefault(require("@material-ui/icons/ZoomOut"));
|
|
|
27
27
|
|
|
28
28
|
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); }
|
|
29
29
|
|
|
30
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
30
|
+
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; }
|
|
31
31
|
|
|
32
32
|
var useStyles = (0, _styles.makeStyles)({
|
|
33
33
|
container: {
|
|
@@ -49,23 +49,23 @@ function ZoomControls(_ref) {
|
|
|
49
49
|
scaleFactor = model.scaleFactor;
|
|
50
50
|
|
|
51
51
|
var _useState = (0, _react.useState)(-Math.log2(bpPerPx) * 100),
|
|
52
|
-
_useState2 = (0, _slicedToArray2
|
|
52
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
53
53
|
value = _useState2[0],
|
|
54
54
|
setValue = _useState2[1];
|
|
55
55
|
|
|
56
56
|
(0, _react.useEffect)(function () {
|
|
57
57
|
setValue(-Math.log2(bpPerPx) * 100);
|
|
58
58
|
}, [setValue, bpPerPx]);
|
|
59
|
-
return /*#__PURE__*/_react
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
60
60
|
className: classes.container
|
|
61
|
-
}, /*#__PURE__*/_react
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
62
62
|
"data-testid": "zoom_out",
|
|
63
63
|
onClick: function onClick() {
|
|
64
64
|
model.zoom(bpPerPx * 2);
|
|
65
65
|
},
|
|
66
66
|
disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1,
|
|
67
67
|
color: "secondary"
|
|
68
|
-
}, /*#__PURE__*/_react
|
|
68
|
+
}, /*#__PURE__*/_react.default.createElement(_ZoomOut.default, null)), /*#__PURE__*/_react.default.createElement(_Slider.default, {
|
|
69
69
|
className: classes.slider,
|
|
70
70
|
value: value,
|
|
71
71
|
min: -Math.log2(maxBpPerPx) * 100,
|
|
@@ -77,16 +77,16 @@ function ZoomControls(_ref) {
|
|
|
77
77
|
return model.zoomTo(Math.pow(2, -value / 100));
|
|
78
78
|
},
|
|
79
79
|
disabled: scaleFactor !== 1
|
|
80
|
-
}), /*#__PURE__*/_react
|
|
80
|
+
}), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
|
|
81
81
|
"data-testid": "zoom_in",
|
|
82
82
|
onClick: function onClick() {
|
|
83
83
|
model.zoom(model.bpPerPx / 2);
|
|
84
84
|
},
|
|
85
85
|
disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1,
|
|
86
86
|
color: "secondary"
|
|
87
|
-
}, /*#__PURE__*/_react
|
|
87
|
+
}, /*#__PURE__*/_react.default.createElement(_ZoomIn.default, null)));
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
var _default = (0, _mobxReact.observer)(ZoomControls);
|
|
91
91
|
|
|
92
|
-
exports
|
|
92
|
+
exports.default = _default;
|