@jbrowse/plugin-circular-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/BaseChordDisplay/components/BaseChordDisplay.js +5 -5
- package/dist/BaseChordDisplay/components/DisplayError.js +2 -2
- package/dist/BaseChordDisplay/components/Loading.js +3 -3
- package/dist/BaseChordDisplay/components/RpcRenderedSvgGroup.js +3 -3
- package/dist/BaseChordDisplay/index.js +1 -1
- package/dist/BaseChordDisplay/models/BaseChordDisplayModel.js +6 -6
- package/dist/BaseChordDisplay/models/renderReaction.js +6 -6
- package/dist/CircularView/components/CircularView.js +23 -23
- package/dist/CircularView/components/ImportForm.js +14 -14
- package/dist/CircularView/components/Ruler.js +17 -17
- package/dist/CircularView/models/CircularView.js +5 -5
- package/dist/CircularView/models/slices.js +10 -10
- package/dist/CircularView/models/slices.test.js +1 -1
- package/dist/CircularView/models/viewportVisibleRegion.js +5 -5
- package/dist/CircularView/models/viewportVisibleRegion.test.js +4 -4
- package/dist/index.js +14 -14
- package/package.json +3 -2
|
@@ -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 _Loading = _interopRequireDefault(require("./Loading"));
|
|
11
11
|
|
|
@@ -20,9 +20,9 @@ var _default = function _default(_ref) {
|
|
|
20
20
|
var _lib$mobxReact = lib['mobx-react'],
|
|
21
21
|
observer = _lib$mobxReact.observer,
|
|
22
22
|
MobxPropTypes = _lib$mobxReact.PropTypes;
|
|
23
|
-
var Loading = load(_Loading
|
|
24
|
-
var DisplayError = load(_DisplayError
|
|
25
|
-
var RpcRenderedSvgGroup = load(_RpcRenderedSvgGroup
|
|
23
|
+
var Loading = load(_Loading.default);
|
|
24
|
+
var DisplayError = load(_DisplayError.default);
|
|
25
|
+
var RpcRenderedSvgGroup = load(_RpcRenderedSvgGroup.default); // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
26
26
|
|
|
27
27
|
function BaseChordDisplay(_ref2) {
|
|
28
28
|
var display = _ref2.display;
|
|
@@ -50,4 +50,4 @@ var _default = function _default(_ref) {
|
|
|
50
50
|
return observer(BaseChordDisplay);
|
|
51
51
|
};
|
|
52
52
|
|
|
53
|
-
exports
|
|
53
|
+
exports.default = _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _default = function _default(_ref) {
|
|
9
9
|
var jbrequire = _ref.jbrequire;
|
|
@@ -67,4 +67,4 @@ var _default = function _default(_ref) {
|
|
|
67
67
|
return DisplayError;
|
|
68
68
|
};
|
|
69
69
|
|
|
70
|
-
exports
|
|
70
|
+
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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
|
|
@@ -63,7 +63,7 @@ var _default = function _default(pluginManager) {
|
|
|
63
63
|
var classes = useStyles(); // only show the loading message after 400ms to prevent excessive flickering
|
|
64
64
|
|
|
65
65
|
var _useState = useState(false),
|
|
66
|
-
_useState2 = (0, _slicedToArray2
|
|
66
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
67
67
|
shown = _useState2[0],
|
|
68
68
|
setShown = _useState2[1];
|
|
69
69
|
|
|
@@ -119,4 +119,4 @@ var _default = function _default(pluginManager) {
|
|
|
119
119
|
return Loading;
|
|
120
120
|
};
|
|
121
121
|
|
|
122
|
-
exports
|
|
122
|
+
exports.default = _default;
|
|
@@ -5,13 +5,13 @@ 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
|
|
12
12
|
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; }
|
|
13
13
|
|
|
14
|
-
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
|
|
14
|
+
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; }
|
|
15
15
|
|
|
16
16
|
var _default = function _default(_ref) {
|
|
17
17
|
var jbrequire = _ref.jbrequire;
|
|
@@ -93,4 +93,4 @@ var _default = function _default(_ref) {
|
|
|
93
93
|
return observer(RpcRenderedSvgGroup);
|
|
94
94
|
};
|
|
95
95
|
|
|
96
|
-
exports
|
|
96
|
+
exports.default = _default;
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
Object.defineProperty(exports, "BaseChordDisplayComponentFactory", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
|
-
return _BaseChordDisplay
|
|
11
|
+
return _BaseChordDisplay.default;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, "BaseChordDisplayModel", {
|
|
@@ -31,12 +31,12 @@ var _renderReaction = _interopRequireDefault(require("./renderReaction"));
|
|
|
31
31
|
|
|
32
32
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
33
33
|
|
|
34
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
35
|
|
|
36
36
|
var BaseChordDisplayModel = _mobxStateTree.types.compose('BaseChordDisplay', _models.BaseDisplay, _mobxStateTree.types.model({
|
|
37
37
|
bezierRadiusRatio: 0.1,
|
|
38
38
|
assemblyName: _mobxStateTree.types.maybe(_mobxStateTree.types.string)
|
|
39
|
-
}))
|
|
39
|
+
})).volatile(function () {
|
|
40
40
|
return {
|
|
41
41
|
// NOTE: all this volatile stuff has to be filled in at once
|
|
42
42
|
// so that it stays consistent
|
|
@@ -123,7 +123,7 @@ var BaseChordDisplayModel = _mobxStateTree.types.compose('BaseChordDisplay', _mo
|
|
|
123
123
|
},
|
|
124
124
|
|
|
125
125
|
isCompatibleWithRenderer: function isCompatibleWithRenderer(renderer) {
|
|
126
|
-
return !!(renderer instanceof _CircularChordRendererType
|
|
126
|
+
return !!(renderer instanceof _CircularChordRendererType.default);
|
|
127
127
|
},
|
|
128
128
|
|
|
129
129
|
/**
|
|
@@ -201,7 +201,7 @@ var BaseChordDisplayModel = _mobxStateTree.types.compose('BaseChordDisplay', _mo
|
|
|
201
201
|
var _getEnv3 = (0, _mobxStateTree.getEnv)(self),
|
|
202
202
|
pluginManager = _getEnv3.pluginManager;
|
|
203
203
|
|
|
204
|
-
var _pluginManager$jbrequ = pluginManager.jbrequire(_renderReaction
|
|
204
|
+
var _pluginManager$jbrequ = pluginManager.jbrequire(_renderReaction.default),
|
|
205
205
|
renderReactionData = _pluginManager$jbrequ.renderReactionData,
|
|
206
206
|
renderReactionEffect = _pluginManager$jbrequ.renderReactionEffect;
|
|
207
207
|
|
|
@@ -222,9 +222,9 @@ var BaseChordDisplayModel = _mobxStateTree.types.compose('BaseChordDisplay', _mo
|
|
|
222
222
|
/*#__PURE__*/
|
|
223
223
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
224
224
|
function () {
|
|
225
|
-
var _ref3 = (0, _asyncToGenerator2
|
|
225
|
+
var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref2, signal) {
|
|
226
226
|
var assemblyNames, adapter, assemblyManager;
|
|
227
|
-
return _regenerator
|
|
227
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
228
228
|
while (1) {
|
|
229
229
|
switch (_context.prev = _context.next) {
|
|
230
230
|
case 0:
|
|
@@ -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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
11
|
|
|
@@ -19,7 +19,7 @@ var _excluded = ["html"];
|
|
|
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 _default = function _default(_ref) {
|
|
25
25
|
var jbrequire = _ref.jbrequire;
|
|
@@ -63,10 +63,10 @@ var _default = function _default(_ref) {
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
function _renderReactionEffect() {
|
|
66
|
-
_renderReactionEffect = (0, _asyncToGenerator2
|
|
66
|
+
_renderReactionEffect = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(props, signal, self) {
|
|
67
67
|
var rendererType, rpcManager, cannotBeRenderedReason, renderArgs, renderProps, _yield$rendererType$r, html, data;
|
|
68
68
|
|
|
69
|
-
return _regenerator
|
|
69
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
70
70
|
while (1) {
|
|
71
71
|
switch (_context.prev = _context.next) {
|
|
72
72
|
case 0:
|
|
@@ -116,7 +116,7 @@ var _default = function _default(_ref) {
|
|
|
116
116
|
case 11:
|
|
117
117
|
_yield$rendererType$r = _context.sent;
|
|
118
118
|
html = _yield$rendererType$r.html;
|
|
119
|
-
data = (0, _objectWithoutProperties2
|
|
119
|
+
data = (0, _objectWithoutProperties2.default)(_yield$rendererType$r, _excluded);
|
|
120
120
|
return _context.abrupt("return", {
|
|
121
121
|
html: html,
|
|
122
122
|
data: data,
|
|
@@ -139,4 +139,4 @@ var _default = function _default(_ref) {
|
|
|
139
139
|
};
|
|
140
140
|
};
|
|
141
141
|
|
|
142
|
-
exports
|
|
142
|
+
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 _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
@@ -79,15 +79,15 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
|
79
79
|
});
|
|
80
80
|
var Slices = (0, _mobxReact.observer)(function (_ref) {
|
|
81
81
|
var model = _ref.model;
|
|
82
|
-
return /*#__PURE__*/_react
|
|
83
|
-
return /*#__PURE__*/_react
|
|
82
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, model.staticSlices.map(function (slice) {
|
|
83
|
+
return /*#__PURE__*/_react.default.createElement(_Ruler.default, {
|
|
84
84
|
key: (0, _util.assembleLocString)(slice.region.elided ? slice.region.regions[0] : slice.region),
|
|
85
85
|
model: model,
|
|
86
86
|
slice: slice
|
|
87
87
|
});
|
|
88
88
|
}), model.tracks.map(function (track) {
|
|
89
89
|
var display = track.displays[0];
|
|
90
|
-
return /*#__PURE__*/_react
|
|
90
|
+
return /*#__PURE__*/_react.default.createElement(display.RenderingComponent, {
|
|
91
91
|
key: display.id,
|
|
92
92
|
display: display,
|
|
93
93
|
view: model
|
|
@@ -98,44 +98,44 @@ var Controls = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
98
98
|
var model = _ref2.model,
|
|
99
99
|
showingFigure = _ref2.showingFigure;
|
|
100
100
|
var classes = useStyles();
|
|
101
|
-
return /*#__PURE__*/_react
|
|
101
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
102
102
|
className: classes.controls
|
|
103
|
-
}, /*#__PURE__*/_react
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
104
104
|
onClick: model.zoomOutButton,
|
|
105
105
|
className: classes.iconButton,
|
|
106
106
|
title: model.lockedFitToWindow ? 'unlock to zoom out' : 'zoom out',
|
|
107
107
|
disabled: !showingFigure || model.atMaxBpPerPx || model.lockedFitToWindow,
|
|
108
108
|
color: "secondary"
|
|
109
|
-
}, /*#__PURE__*/_react
|
|
109
|
+
}, /*#__PURE__*/_react.default.createElement(_ZoomOut.default, null)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
110
110
|
onClick: model.zoomInButton,
|
|
111
111
|
className: classes.iconButton,
|
|
112
112
|
title: "zoom in",
|
|
113
113
|
disabled: !showingFigure || model.atMinBpPerPx,
|
|
114
114
|
color: "secondary"
|
|
115
|
-
}, /*#__PURE__*/_react
|
|
115
|
+
}, /*#__PURE__*/_react.default.createElement(_ZoomIn.default, null)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
116
116
|
onClick: model.rotateCounterClockwiseButton,
|
|
117
117
|
className: classes.iconButton,
|
|
118
118
|
title: "rotate counter-clockwise",
|
|
119
119
|
disabled: !showingFigure,
|
|
120
120
|
color: "secondary"
|
|
121
|
-
}, /*#__PURE__*/_react
|
|
121
|
+
}, /*#__PURE__*/_react.default.createElement(_RotateLeft.default, null)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
122
122
|
onClick: model.rotateClockwiseButton,
|
|
123
123
|
className: classes.iconButton,
|
|
124
124
|
title: "rotate clockwise",
|
|
125
125
|
disabled: !showingFigure,
|
|
126
126
|
color: "secondary"
|
|
127
|
-
}, /*#__PURE__*/_react
|
|
127
|
+
}, /*#__PURE__*/_react.default.createElement(_RotateRight.default, null)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
128
128
|
onClick: model.toggleFitToWindowLock,
|
|
129
129
|
className: classes.iconButton,
|
|
130
130
|
title: model.lockedFitToWindow ? 'locked model to window size' : 'unlocked model to zoom further',
|
|
131
131
|
disabled: model.tooSmallToLock,
|
|
132
132
|
color: "secondary"
|
|
133
|
-
}, model.lockedFitToWindow ? /*#__PURE__*/_react
|
|
133
|
+
}, model.lockedFitToWindow ? /*#__PURE__*/_react.default.createElement(_LockOutlined.default, null) : /*#__PURE__*/_react.default.createElement(_LockOpen.default, null)), model.hideTrackSelectorButton ? null : /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
134
134
|
onClick: model.activateTrackSelector,
|
|
135
135
|
title: "Open track selector",
|
|
136
136
|
"data-testid": "circular_track_select",
|
|
137
137
|
color: "secondary"
|
|
138
|
-
}, /*#__PURE__*/_react
|
|
138
|
+
}, /*#__PURE__*/_react.default.createElement(_Icons.TrackSelector, null)));
|
|
139
139
|
});
|
|
140
140
|
var CircularView = (0, _mobxReact.observer)(function (_ref3) {
|
|
141
141
|
var model = _ref3.model;
|
|
@@ -143,24 +143,24 @@ var CircularView = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
143
143
|
var initialized = !!model.displayedRegions.length && model.figureWidth && model.figureHeight;
|
|
144
144
|
var showImportForm = !initialized && !model.disableImportForm;
|
|
145
145
|
var showFigure = initialized && !showImportForm;
|
|
146
|
-
return /*#__PURE__*/_react
|
|
146
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
147
147
|
className: classes.root,
|
|
148
148
|
style: {
|
|
149
149
|
width: model.width,
|
|
150
150
|
height: model.height
|
|
151
151
|
},
|
|
152
152
|
"data-testid": model.id
|
|
153
|
-
}, model.error ? /*#__PURE__*/_react
|
|
153
|
+
}, model.error ? /*#__PURE__*/_react.default.createElement(_ui.ErrorMessage, {
|
|
154
154
|
error: model.error
|
|
155
|
-
}) : /*#__PURE__*/_react
|
|
155
|
+
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showImportForm ? /*#__PURE__*/_react.default.createElement(_ImportForm.default, {
|
|
156
156
|
model: model
|
|
157
|
-
}) : null, /*#__PURE__*/_react
|
|
157
|
+
}) : null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !showFigure ? null : /*#__PURE__*/_react.default.createElement("div", {
|
|
158
158
|
className: classes.scroller,
|
|
159
159
|
style: {
|
|
160
160
|
width: model.width,
|
|
161
161
|
height: model.height
|
|
162
162
|
}
|
|
163
|
-
}, /*#__PURE__*/_react
|
|
163
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
164
164
|
className: classes.rotator,
|
|
165
165
|
style: {
|
|
166
166
|
transform: ["rotate(".concat(model.offsetRadians, "rad)")].join(' '),
|
|
@@ -169,7 +169,7 @@ var CircularView = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
169
169
|
return "".concat(x, "px");
|
|
170
170
|
}).join(' ')
|
|
171
171
|
}
|
|
172
|
-
}, /*#__PURE__*/_react
|
|
172
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
173
173
|
style: {
|
|
174
174
|
position: 'absolute',
|
|
175
175
|
left: 0,
|
|
@@ -179,14 +179,14 @@ var CircularView = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
179
179
|
width: "".concat(model.figureWidth, "px"),
|
|
180
180
|
height: "".concat(model.figureHeight, "px"),
|
|
181
181
|
version: "1.1"
|
|
182
|
-
}, /*#__PURE__*/_react
|
|
182
|
+
}, /*#__PURE__*/_react.default.createElement("g", {
|
|
183
183
|
transform: "translate(".concat(model.centerXY, ")")
|
|
184
|
-
}, /*#__PURE__*/_react
|
|
184
|
+
}, /*#__PURE__*/_react.default.createElement(Slices, {
|
|
185
185
|
model: model
|
|
186
|
-
}))))), /*#__PURE__*/_react
|
|
186
|
+
}))))), /*#__PURE__*/_react.default.createElement(Controls, {
|
|
187
187
|
model: model,
|
|
188
188
|
showingFigure: showFigure
|
|
189
|
-
}), model.hideVerticalResizeHandle ? null : /*#__PURE__*/_react
|
|
189
|
+
}), model.hideVerticalResizeHandle ? null : /*#__PURE__*/_react.default.createElement(_ui.ResizeHandle, {
|
|
190
190
|
onDrag: model.resizeHeight,
|
|
191
191
|
style: {
|
|
192
192
|
height: dragHandleHeight,
|
|
@@ -200,4 +200,4 @@ var CircularView = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
200
200
|
}))));
|
|
201
201
|
});
|
|
202
202
|
var _default = CircularView;
|
|
203
|
-
exports
|
|
203
|
+
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
|
|
|
@@ -25,7 +25,7 @@ var _AssemblySelector = _interopRequireDefault(require("@jbrowse/core/ui/Assembl
|
|
|
25
25
|
|
|
26
26
|
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); }
|
|
27
27
|
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
28
|
+
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; }
|
|
29
29
|
|
|
30
30
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
31
31
|
return {
|
|
@@ -44,12 +44,12 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
44
44
|
assemblyManager = session.assemblyManager;
|
|
45
45
|
|
|
46
46
|
var _useState = (0, _react.useState)(assemblyNames[0]),
|
|
47
|
-
_useState2 = (0, _slicedToArray2
|
|
47
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
48
48
|
selectedAsm = _useState2[0],
|
|
49
49
|
setSelectedAsm = _useState2[1];
|
|
50
50
|
|
|
51
51
|
var _useState3 = (0, _react.useState)(modelError),
|
|
52
|
-
_useState4 = (0, _slicedToArray2
|
|
52
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
53
53
|
error = _useState4[0],
|
|
54
54
|
setError = _useState4[1];
|
|
55
55
|
|
|
@@ -57,34 +57,34 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
57
57
|
var assemblyError = assemblyNames.length ? assembly === null || assembly === void 0 ? void 0 : assembly.error : 'No configured assemblies';
|
|
58
58
|
var regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
|
|
59
59
|
var err = assemblyError || error;
|
|
60
|
-
return /*#__PURE__*/_react
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement(_core.Container, {
|
|
61
61
|
className: classes.importFormContainer
|
|
62
|
-
}, err ? /*#__PURE__*/_react
|
|
62
|
+
}, err ? /*#__PURE__*/_react.default.createElement(_core.Grid, {
|
|
63
63
|
container: true,
|
|
64
64
|
spacing: 1,
|
|
65
65
|
justifyContent: "center",
|
|
66
66
|
alignItems: "center"
|
|
67
|
-
}, /*#__PURE__*/_react
|
|
67
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Grid, {
|
|
68
68
|
item: true
|
|
69
|
-
}, /*#__PURE__*/_react
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
|
|
70
70
|
error: err
|
|
71
|
-
}))) : null, /*#__PURE__*/_react
|
|
71
|
+
}))) : null, /*#__PURE__*/_react.default.createElement(_core.Grid, {
|
|
72
72
|
container: true,
|
|
73
73
|
spacing: 1,
|
|
74
74
|
justifyContent: "center",
|
|
75
75
|
alignItems: "center"
|
|
76
|
-
}, /*#__PURE__*/_react
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Grid, {
|
|
77
77
|
item: true
|
|
78
|
-
}, /*#__PURE__*/_react
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(_AssemblySelector.default, {
|
|
79
79
|
onChange: function onChange(val) {
|
|
80
80
|
setError(undefined);
|
|
81
81
|
setSelectedAsm(val);
|
|
82
82
|
},
|
|
83
83
|
session: session,
|
|
84
84
|
selected: selectedAsm
|
|
85
|
-
})), /*#__PURE__*/_react
|
|
85
|
+
})), /*#__PURE__*/_react.default.createElement(_core.Grid, {
|
|
86
86
|
item: true
|
|
87
|
-
}, /*#__PURE__*/_react
|
|
87
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
88
88
|
disabled: !(regions !== null && regions !== void 0 && regions.length),
|
|
89
89
|
onClick: function onClick() {
|
|
90
90
|
return model.setDisplayedRegions(regions);
|
|
@@ -94,4 +94,4 @@ var ImportForm = (0, _mobxReact.observer)(function (_ref) {
|
|
|
94
94
|
}, regions.length ? 'Open' : 'Loading…'))));
|
|
95
95
|
});
|
|
96
96
|
var _default = ImportForm;
|
|
97
|
-
exports
|
|
97
|
+
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
|
|
|
@@ -41,7 +41,7 @@ function sliceArcPath(slice, radiusPx, startBase, endBase) {
|
|
|
41
41
|
var endXY = slice.bpToXY(endBase, radiusPx);
|
|
42
42
|
var largeArc = Math.abs(endBase - startBase) / slice.bpPerRadian > Math.PI ? '1' : '0';
|
|
43
43
|
var sweepFlag = '1';
|
|
44
|
-
return ['M'].concat((0, _toConsumableArray2
|
|
44
|
+
return ['M'].concat((0, _toConsumableArray2.default)(startXY), ['A', radiusPx, radiusPx, '0', largeArc, sweepFlag], (0, _toConsumableArray2.default)(endXY)).join(' ');
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
var ElisionRulerArc = (0, _mobxReact.observer)(function (_ref2) {
|
|
@@ -60,7 +60,7 @@ var ElisionRulerArc = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
60
60
|
|
|
61
61
|
var centerRadians = (endRadians + startRadians) / 2;
|
|
62
62
|
var regionCountString = "[".concat(Number(region.regions.length).toLocaleString(), "]");
|
|
63
|
-
return /*#__PURE__*/_react
|
|
63
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(RulerLabel, {
|
|
64
64
|
text: regionCountString,
|
|
65
65
|
view: model,
|
|
66
66
|
maxWidthPx: widthPx,
|
|
@@ -68,8 +68,8 @@ var ElisionRulerArc = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
68
68
|
radiusPx: radiusPx,
|
|
69
69
|
title: "".concat(Number(region.regions.length).toLocaleString(), " more regions"),
|
|
70
70
|
color: theme.palette.text.primary
|
|
71
|
-
}), /*#__PURE__*/_react
|
|
72
|
-
d: ['M'].concat((0, _toConsumableArray2
|
|
71
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
72
|
+
d: ['M'].concat((0, _toConsumableArray2.default)(startXY), ['A', radiusPx, radiusPx, '0', largeArc, '1'], (0, _toConsumableArray2.default)(endXY)).join(' '),
|
|
73
73
|
stroke: theme.palette.text.secondary,
|
|
74
74
|
strokeWidth: 2,
|
|
75
75
|
strokeDasharray: "2,2",
|
|
@@ -93,7 +93,7 @@ var RulerLabel = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
93
93
|
|
|
94
94
|
if (text.length * 6.5 < maxWidthPx) {
|
|
95
95
|
// text is rotated parallel to the ruler arc
|
|
96
|
-
return /*#__PURE__*/_react
|
|
96
|
+
return /*#__PURE__*/_react.default.createElement("text", {
|
|
97
97
|
x: 0,
|
|
98
98
|
y: 0,
|
|
99
99
|
className: classes.rulerLabel,
|
|
@@ -103,7 +103,7 @@ var RulerLabel = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
103
103
|
style: {
|
|
104
104
|
fill: color
|
|
105
105
|
}
|
|
106
|
-
}, text, /*#__PURE__*/_react
|
|
106
|
+
}, text, /*#__PURE__*/_react.default.createElement("title", null, title || text));
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
if (maxWidthPx > 4) {
|
|
@@ -111,7 +111,7 @@ var RulerLabel = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
111
111
|
var overallRotation = (0, _util.radToDeg)(radians + view.offsetRadians - Math.PI / 2);
|
|
112
112
|
|
|
113
113
|
if (overallRotation >= 180) {
|
|
114
|
-
return /*#__PURE__*/_react
|
|
114
|
+
return /*#__PURE__*/_react.default.createElement("text", {
|
|
115
115
|
x: 0,
|
|
116
116
|
y: 0,
|
|
117
117
|
className: classes.rulerLabel,
|
|
@@ -121,10 +121,10 @@ var RulerLabel = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
121
121
|
style: {
|
|
122
122
|
fill: color
|
|
123
123
|
}
|
|
124
|
-
}, text, /*#__PURE__*/_react
|
|
124
|
+
}, text, /*#__PURE__*/_react.default.createElement("title", null, title || text));
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
return /*#__PURE__*/_react
|
|
127
|
+
return /*#__PURE__*/_react.default.createElement("text", {
|
|
128
128
|
x: 0,
|
|
129
129
|
y: 0,
|
|
130
130
|
className: classes.rulerLabel,
|
|
@@ -134,7 +134,7 @@ var RulerLabel = (0, _mobxReact.observer)(function (_ref3) {
|
|
|
134
134
|
style: {
|
|
135
135
|
fill: color
|
|
136
136
|
}
|
|
137
|
-
}, text, /*#__PURE__*/_react
|
|
137
|
+
}, text, /*#__PURE__*/_react.default.createElement("title", null, title || text));
|
|
138
138
|
} // if you get here there is no room for the text at all
|
|
139
139
|
|
|
140
140
|
|
|
@@ -169,37 +169,37 @@ var RegionRulerArc = (0, _mobxReact.observer)(function (_ref4) {
|
|
|
169
169
|
} // TODO: slice flipping
|
|
170
170
|
|
|
171
171
|
|
|
172
|
-
return /*#__PURE__*/_react
|
|
172
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(RulerLabel, {
|
|
173
173
|
text: region.refName,
|
|
174
174
|
view: model,
|
|
175
175
|
maxWidthPx: widthPx,
|
|
176
176
|
radians: centerRadians,
|
|
177
177
|
radiusPx: radiusPx,
|
|
178
178
|
color: color
|
|
179
|
-
}), /*#__PURE__*/_react
|
|
179
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
180
180
|
d: sliceArcPath(slice, radiusPx + 1, region.start, region.end),
|
|
181
181
|
stroke: color,
|
|
182
182
|
strokeWidth: 2,
|
|
183
183
|
fill: "none"
|
|
184
|
-
}, /*#__PURE__*/_react
|
|
184
|
+
}, /*#__PURE__*/_react.default.createElement("title", null, region.refName)));
|
|
185
185
|
});
|
|
186
186
|
var CircularRuler = (0, _mobxReact.observer)(function Ruler(_ref5) {
|
|
187
187
|
var model = _ref5.model,
|
|
188
188
|
slice = _ref5.slice;
|
|
189
189
|
|
|
190
190
|
if (slice.region.elided) {
|
|
191
|
-
return /*#__PURE__*/_react
|
|
191
|
+
return /*#__PURE__*/_react.default.createElement(ElisionRulerArc, {
|
|
192
192
|
key: (0, _util.assembleLocString)(slice.region.regions[0]),
|
|
193
193
|
model: model,
|
|
194
194
|
slice: slice
|
|
195
195
|
});
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
-
return /*#__PURE__*/_react
|
|
198
|
+
return /*#__PURE__*/_react.default.createElement(RegionRulerArc, {
|
|
199
199
|
key: (0, _util.assembleLocString)(slice.region),
|
|
200
200
|
model: model,
|
|
201
201
|
slice: slice
|
|
202
202
|
});
|
|
203
203
|
});
|
|
204
204
|
var _default = CircularRuler;
|
|
205
|
-
exports
|
|
205
|
+
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 = CircularView;
|
|
9
9
|
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
|
|
@@ -27,9 +27,9 @@ var _viewportVisibleRegion = require("./viewportVisibleRegion");
|
|
|
27
27
|
|
|
28
28
|
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; }
|
|
29
29
|
|
|
30
|
-
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
|
|
30
|
+
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; }
|
|
31
31
|
|
|
32
|
-
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
|
|
32
|
+
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; } } }; }
|
|
33
33
|
|
|
34
34
|
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); }
|
|
35
35
|
|
|
@@ -61,7 +61,7 @@ function CircularView(pluginManager) {
|
|
|
61
61
|
scrollX: 0,
|
|
62
62
|
scrollY: 0,
|
|
63
63
|
trackSelectorType: 'hierarchical'
|
|
64
|
-
})
|
|
64
|
+
}).volatile(function () {
|
|
65
65
|
return {
|
|
66
66
|
width: 0
|
|
67
67
|
};
|
|
@@ -239,7 +239,7 @@ function CircularView(pluginManager) {
|
|
|
239
239
|
}
|
|
240
240
|
|
|
241
241
|
};
|
|
242
|
-
})
|
|
242
|
+
}).volatile(function () {
|
|
243
243
|
return {
|
|
244
244
|
error: undefined
|
|
245
245
|
};
|
|
@@ -21,7 +21,7 @@ var _util = require("@jbrowse/core/util");
|
|
|
21
21
|
|
|
22
22
|
var _viewportVisibleRegion = require("./viewportVisibleRegion");
|
|
23
23
|
|
|
24
|
-
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
|
|
24
|
+
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; } } }; }
|
|
25
25
|
|
|
26
26
|
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); }
|
|
27
27
|
|
|
@@ -29,15 +29,15 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
29
29
|
|
|
30
30
|
var Slice = /*#__PURE__*/function () {
|
|
31
31
|
function Slice(view, region, currentRadianOffset, radianWidth) {
|
|
32
|
-
(0, _classCallCheck2
|
|
32
|
+
(0, _classCallCheck2.default)(this, Slice);
|
|
33
33
|
this.region = region;
|
|
34
34
|
this.radianWidth = radianWidth;
|
|
35
|
-
(0, _defineProperty2
|
|
36
|
-
(0, _defineProperty2
|
|
37
|
-
(0, _defineProperty2
|
|
38
|
-
(0, _defineProperty2
|
|
39
|
-
(0, _defineProperty2
|
|
40
|
-
(0, _defineProperty2
|
|
35
|
+
(0, _defineProperty2.default)(this, "key", void 0);
|
|
36
|
+
(0, _defineProperty2.default)(this, "offsetRadians", void 0);
|
|
37
|
+
(0, _defineProperty2.default)(this, "startRadians", void 0);
|
|
38
|
+
(0, _defineProperty2.default)(this, "endRadians", void 0);
|
|
39
|
+
(0, _defineProperty2.default)(this, "bpPerRadian", void 0);
|
|
40
|
+
(0, _defineProperty2.default)(this, "flipped", void 0);
|
|
41
41
|
var bpPerRadian = view.bpPerRadian;
|
|
42
42
|
this.key = (0, _util.assembleLocString)(region);
|
|
43
43
|
this.offsetRadians = currentRadianOffset;
|
|
@@ -48,7 +48,7 @@ var Slice = /*#__PURE__*/function () {
|
|
|
48
48
|
Object.freeze(this);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
(0, _createClass2
|
|
51
|
+
(0, _createClass2.default)(Slice, [{
|
|
52
52
|
key: "bpToXY",
|
|
53
53
|
value: function bpToXY(bp, radiusPx) {
|
|
54
54
|
var offsetBp;
|
|
@@ -103,7 +103,7 @@ function calculateStaticSlices(self) {
|
|
|
103
103
|
|
|
104
104
|
|
|
105
105
|
function sliceIsVisible(self, slice) {
|
|
106
|
-
var _self$visibleSection$ = (0, _slicedToArray2
|
|
106
|
+
var _self$visibleSection$ = (0, _slicedToArray2.default)(self.visibleSection.theta, 2),
|
|
107
107
|
visibleThetaMin = _self$visibleSection$[0],
|
|
108
108
|
visibleThetaMax = _self$visibleSection$[1];
|
|
109
109
|
|
|
@@ -101,13 +101,13 @@ function thetaRangesOverlap(r1start, r1length, r2start, r2length) {
|
|
|
101
101
|
|
|
102
102
|
|
|
103
103
|
function viewportVisibleSection(viewSides, circleCenter, circleRadius) {
|
|
104
|
-
var _viewSides = (0, _slicedToArray2
|
|
104
|
+
var _viewSides = (0, _slicedToArray2.default)(viewSides, 4),
|
|
105
105
|
viewL = _viewSides[0],
|
|
106
106
|
viewR = _viewSides[1],
|
|
107
107
|
viewT = _viewSides[2],
|
|
108
108
|
viewB = _viewSides[3];
|
|
109
109
|
|
|
110
|
-
var _circleCenter = (0, _slicedToArray2
|
|
110
|
+
var _circleCenter = (0, _slicedToArray2.default)(circleCenter, 2),
|
|
111
111
|
cx = _circleCenter[0],
|
|
112
112
|
cy = _circleCenter[1]; // transform coordinate system to center of circle
|
|
113
113
|
|
|
@@ -123,7 +123,7 @@ function viewportVisibleSection(viewSides, circleCenter, circleRadius) {
|
|
|
123
123
|
var maxRho = -Infinity;
|
|
124
124
|
|
|
125
125
|
for (var i = 0; i < _vertices.length; i += 1) {
|
|
126
|
-
var _vertices$i = (0, _slicedToArray2
|
|
126
|
+
var _vertices$i = (0, _slicedToArray2.default)(_vertices[i], 2),
|
|
127
127
|
x = _vertices$i[0],
|
|
128
128
|
y = _vertices$i[1];
|
|
129
129
|
|
|
@@ -231,13 +231,13 @@ function viewportVisibleSection(viewSides, circleCenter, circleRadius) {
|
|
|
231
231
|
|
|
232
232
|
for (var _i = 0; _i < vertices.length; _i += 1) {
|
|
233
233
|
// ignore vertex if outside the viewport
|
|
234
|
-
var _vertices$_i = (0, _slicedToArray2
|
|
234
|
+
var _vertices$_i = (0, _slicedToArray2.default)(vertices[_i], 2),
|
|
235
235
|
vx = _vertices$_i[0],
|
|
236
236
|
vy = _vertices$_i[1];
|
|
237
237
|
|
|
238
238
|
if (vx >= viewL && vx <= viewR && vy >= viewT && vy <= viewB) {
|
|
239
239
|
var _cartesianToPolar = cartesianToPolar(vx * reflect, vy * reflect),
|
|
240
|
-
_cartesianToPolar2 = (0, _slicedToArray2
|
|
240
|
+
_cartesianToPolar2 = (0, _slicedToArray2.default)(_cartesianToPolar, 2),
|
|
241
241
|
_rho = _cartesianToPolar2[0],
|
|
242
242
|
theta = _cartesianToPolar2[1]; // ignore vertex if outside the circle
|
|
243
243
|
|
|
@@ -102,12 +102,12 @@ describe('viewportVisibleSection', function () {
|
|
|
102
102
|
describe('cartesian to polar', function () {
|
|
103
103
|
;
|
|
104
104
|
[[[-1, -1], [1.414, 180 + 45]], [[-1, 1], [1.414, 90 + 45]], [[1, 1], [1.414, 45]], [[1, -1], [1.414, 360 - 45]], [[0, 1], [1, 90]], [[0, -1], [1, 270]], [[-1, 0], [1, 180]], [[1, 0], [1, 0]]].forEach(function (testCase) {
|
|
105
|
-
var _testCase = (0, _slicedToArray2
|
|
105
|
+
var _testCase = (0, _slicedToArray2.default)(testCase, 2),
|
|
106
106
|
input = _testCase[0],
|
|
107
107
|
output = _testCase[1];
|
|
108
108
|
|
|
109
109
|
test("".concat(input, " -> ").concat(output), function () {
|
|
110
|
-
var result = _viewportVisibleRegion.cartesianToPolar.apply(void 0, (0, _toConsumableArray2
|
|
110
|
+
var result = _viewportVisibleRegion.cartesianToPolar.apply(void 0, (0, _toConsumableArray2.default)(input));
|
|
111
111
|
|
|
112
112
|
expect(result[0]).toBeCloseTo(output[0]);
|
|
113
113
|
expect(result[1] * 180 / Math.PI).toBeCloseTo(output[1]);
|
|
@@ -117,12 +117,12 @@ describe('cartesian to polar', function () {
|
|
|
117
117
|
describe('theta overlap testing', function () {
|
|
118
118
|
;
|
|
119
119
|
[[[0, 2 * Math.PI, 0, 2 * Math.PI], true], [[6.1, Math.PI / 2, 0, Math.PI / 2], true], [[6.1, Math.PI / 2, 0, 0.1], true], [[6.1, 0.1, 6.12, 0.05], true], [[-12, 0.1, -12.05, 0.05], false], [[-12, 0.1, -12.05, 0.06], true]].forEach(function (testCase) {
|
|
120
|
-
var _testCase2 = (0, _slicedToArray2
|
|
120
|
+
var _testCase2 = (0, _slicedToArray2.default)(testCase, 2),
|
|
121
121
|
input = _testCase2[0],
|
|
122
122
|
output = _testCase2[1];
|
|
123
123
|
|
|
124
124
|
test("".concat(input, " -> ").concat(output), function () {
|
|
125
|
-
var result = _viewportVisibleRegion.thetaRangesOverlap.apply(void 0, (0, _toConsumableArray2
|
|
125
|
+
var result = _viewportVisibleRegion.thetaRangesOverlap.apply(void 0, (0, _toConsumableArray2.default)(input));
|
|
126
126
|
|
|
127
127
|
expect(result).toBe(output);
|
|
128
128
|
});
|
package/dist/index.js
CHANGED
|
@@ -25,7 +25,7 @@ Object.defineProperty(exports, "baseChordDisplayConfig", {
|
|
|
25
25
|
return _BaseChordDisplay.baseChordDisplayConfig;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
exports
|
|
28
|
+
exports.default = void 0;
|
|
29
29
|
|
|
30
30
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
31
31
|
|
|
@@ -63,42 +63,42 @@ var _BaseChordDisplay = require("./BaseChordDisplay");
|
|
|
63
63
|
|
|
64
64
|
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); }
|
|
65
65
|
|
|
66
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
66
|
+
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; }
|
|
67
67
|
|
|
68
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2
|
|
68
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
69
69
|
|
|
70
70
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
71
71
|
|
|
72
72
|
var CircularViewPlugin = /*#__PURE__*/function (_Plugin) {
|
|
73
|
-
(0, _inherits2
|
|
73
|
+
(0, _inherits2.default)(CircularViewPlugin, _Plugin);
|
|
74
74
|
|
|
75
75
|
var _super = _createSuper(CircularViewPlugin);
|
|
76
76
|
|
|
77
77
|
function CircularViewPlugin() {
|
|
78
78
|
var _this;
|
|
79
79
|
|
|
80
|
-
(0, _classCallCheck2
|
|
80
|
+
(0, _classCallCheck2.default)(this, CircularViewPlugin);
|
|
81
81
|
|
|
82
82
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
83
83
|
args[_key] = arguments[_key];
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
87
|
-
(0, _defineProperty2
|
|
87
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "name", 'CircularViewPlugin');
|
|
88
88
|
return _this;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
(0, _createClass2
|
|
91
|
+
(0, _createClass2.default)(CircularViewPlugin, [{
|
|
92
92
|
key: "install",
|
|
93
93
|
value: function install(pluginManager) {
|
|
94
94
|
pluginManager.addViewType(function () {
|
|
95
|
-
return new _ViewType
|
|
95
|
+
return new _ViewType.default({
|
|
96
96
|
ReactComponent: /*#__PURE__*/(0, _react.lazy)(function () {
|
|
97
97
|
return Promise.resolve().then(function () {
|
|
98
98
|
return _interopRequireWildcard(require('./CircularView/components/CircularView'));
|
|
99
99
|
});
|
|
100
100
|
}),
|
|
101
|
-
stateModel: (0, _CircularView
|
|
101
|
+
stateModel: (0, _CircularView.default)(pluginManager),
|
|
102
102
|
name: 'CircularView'
|
|
103
103
|
});
|
|
104
104
|
});
|
|
@@ -106,10 +106,10 @@ var CircularViewPlugin = /*#__PURE__*/function (_Plugin) {
|
|
|
106
106
|
/*#__PURE__*/
|
|
107
107
|
// @ts-ignore
|
|
108
108
|
function () {
|
|
109
|
-
var _ref2 = (0, _asyncToGenerator2
|
|
109
|
+
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
|
|
110
110
|
var session, assembly, loc, _ref$tracks, tracks, assemblyManager, view, asm;
|
|
111
111
|
|
|
112
|
-
return _regenerator
|
|
112
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
113
113
|
while (1) {
|
|
114
114
|
switch (_context.prev = _context.next) {
|
|
115
115
|
case 0:
|
|
@@ -168,7 +168,7 @@ var CircularViewPlugin = /*#__PURE__*/function (_Plugin) {
|
|
|
168
168
|
if ((0, _util.isAbstractMenuManager)(pluginManager.rootModel)) {
|
|
169
169
|
pluginManager.rootModel.appendToSubMenu(['Add'], {
|
|
170
170
|
label: 'Circular view',
|
|
171
|
-
icon: _DataUsage
|
|
171
|
+
icon: _DataUsage.default,
|
|
172
172
|
onClick: function onClick(session) {
|
|
173
173
|
session.addView('CircularView', {});
|
|
174
174
|
}
|
|
@@ -177,6 +177,6 @@ var CircularViewPlugin = /*#__PURE__*/function (_Plugin) {
|
|
|
177
177
|
}
|
|
178
178
|
}]);
|
|
179
179
|
return CircularViewPlugin;
|
|
180
|
-
}(_Plugin2
|
|
180
|
+
}(_Plugin2.default);
|
|
181
181
|
|
|
182
|
-
exports
|
|
182
|
+
exports.default = CircularViewPlugin;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jbrowse/plugin-circular-view",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.6",
|
|
4
4
|
"description": "JBrowse 2 circular view",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"jbrowse",
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"postbuild": "tsc --build tsconfig.build.json"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
+
"@babel/runtime": "^7.17.9",
|
|
36
37
|
"@material-ui/icons": "^4.9.1"
|
|
37
38
|
},
|
|
38
39
|
"peerDependencies": {
|
|
@@ -47,5 +48,5 @@
|
|
|
47
48
|
"publishConfig": {
|
|
48
49
|
"access": "public"
|
|
49
50
|
},
|
|
50
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "dbd73f99714e395cf20877d5e05d26855857a0e3"
|
|
51
52
|
}
|