@jbrowse/plugin-variants 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/ChordVariantDisplay/index.js +3 -3
- package/dist/ChordVariantDisplay/models/ChordVariantDisplay.js +3 -3
- package/dist/LinearVariantDisplay/configSchema.test.js +12 -12
- package/dist/LinearVariantDisplay/index.js +1 -1
- package/dist/LinearVariantDisplay/model.d.ts +1 -1
- package/dist/LinearVariantDisplay/model.js +3 -3
- package/dist/StructuralVariantChordRenderer/ReactComponent.js +17 -17
- package/dist/StructuralVariantChordRenderer/index.js +4 -4
- package/dist/VariantFeatureWidget/BreakendOptionDialog.js +13 -13
- package/dist/VariantFeatureWidget/VariantFeatureWidget.js +32 -32
- package/dist/VariantFeatureWidget/VariantFeatureWidget.test.js +2 -2
- package/dist/VcfAdapter/VcfAdapter.js +26 -26
- package/dist/VcfAdapter/VcfAdapter.test.js +3 -3
- package/dist/VcfAdapter/configSchema.js +2 -2
- package/dist/VcfAdapter/index.js +1 -1
- package/dist/VcfTabixAdapter/VcfFeature.js +19 -19
- package/dist/VcfTabixAdapter/VcfFeature.test.js +14 -14
- package/dist/VcfTabixAdapter/VcfTabixAdapter.js +26 -26
- package/dist/VcfTabixAdapter/VcfTabixAdapter.test.js +4 -4
- package/dist/VcfTabixAdapter/configSchema.js +2 -2
- package/dist/VcfTabixAdapter/index.js +1 -1
- package/dist/index.js +19 -19
- package/dist/index.test.js +2 -2
- 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 _pluginCircularView = require("@jbrowse/plugin-circular-view");
|
|
11
11
|
|
|
@@ -16,7 +16,7 @@ var _default = function _default(pluginManager) {
|
|
|
16
16
|
load = pluginManager.load;
|
|
17
17
|
var DisplayType = lib['@jbrowse/core/pluggableElementTypes/DisplayType'];
|
|
18
18
|
|
|
19
|
-
var _load = load(_ChordVariantDisplay
|
|
19
|
+
var _load = load(_ChordVariantDisplay.default),
|
|
20
20
|
stateModel = _load.stateModel,
|
|
21
21
|
configSchema = _load.configSchema;
|
|
22
22
|
|
|
@@ -30,4 +30,4 @@ var _default = function _default(pluginManager) {
|
|
|
30
30
|
});
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
-
exports
|
|
33
|
+
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
|
|
@@ -13,7 +13,7 @@ var _pluginCircularView = require("@jbrowse/plugin-circular-view");
|
|
|
13
13
|
|
|
14
14
|
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; }
|
|
15
15
|
|
|
16
|
-
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
|
|
16
|
+
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; }
|
|
17
17
|
|
|
18
18
|
var ChordVariantDisplayF = function ChordVariantDisplayF(pluginManager) {
|
|
19
19
|
var jbrequire = pluginManager.jbrequire;
|
|
@@ -73,4 +73,4 @@ var ChordVariantDisplayF = function ChordVariantDisplayF(pluginManager) {
|
|
|
73
73
|
|
|
74
74
|
|
|
75
75
|
var _default = ChordVariantDisplayF;
|
|
76
|
-
exports
|
|
76
|
+
exports.default = _default;
|
|
@@ -24,7 +24,7 @@ var _SvgFeatureRenderer = require("@jbrowse/plugin-svg/src/SvgFeatureRenderer");
|
|
|
24
24
|
|
|
25
25
|
var _configSchema = require("./configSchema");
|
|
26
26
|
|
|
27
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2
|
|
27
|
+
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); }; }
|
|
28
28
|
|
|
29
29
|
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; } }
|
|
30
30
|
|
|
@@ -37,39 +37,39 @@ afterEach(function () {
|
|
|
37
37
|
});
|
|
38
38
|
|
|
39
39
|
var PileupRendererPlugin = /*#__PURE__*/function (_Plugin) {
|
|
40
|
-
(0, _inherits2
|
|
40
|
+
(0, _inherits2.default)(PileupRendererPlugin, _Plugin);
|
|
41
41
|
|
|
42
42
|
var _super = _createSuper(PileupRendererPlugin);
|
|
43
43
|
|
|
44
44
|
function PileupRendererPlugin() {
|
|
45
|
-
(0, _classCallCheck2
|
|
45
|
+
(0, _classCallCheck2.default)(this, PileupRendererPlugin);
|
|
46
46
|
return _super.apply(this, arguments);
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
(0, _createClass2
|
|
49
|
+
(0, _createClass2.default)(PileupRendererPlugin, [{
|
|
50
50
|
key: "install",
|
|
51
51
|
value: function install(pluginManager) {
|
|
52
|
-
(0, _PileupRenderer
|
|
52
|
+
(0, _PileupRenderer.default)(pluginManager);
|
|
53
53
|
}
|
|
54
54
|
}]);
|
|
55
55
|
return PileupRendererPlugin;
|
|
56
|
-
}(_Plugin3
|
|
56
|
+
}(_Plugin3.default);
|
|
57
57
|
|
|
58
58
|
var SvgFeatureRendererPlugin = /*#__PURE__*/function (_Plugin2) {
|
|
59
|
-
(0, _inherits2
|
|
59
|
+
(0, _inherits2.default)(SvgFeatureRendererPlugin, _Plugin2);
|
|
60
60
|
|
|
61
61
|
var _super2 = _createSuper(SvgFeatureRendererPlugin);
|
|
62
62
|
|
|
63
63
|
function SvgFeatureRendererPlugin() {
|
|
64
|
-
(0, _classCallCheck2
|
|
64
|
+
(0, _classCallCheck2.default)(this, SvgFeatureRendererPlugin);
|
|
65
65
|
return _super2.apply(this, arguments);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
(0, _createClass2
|
|
68
|
+
(0, _createClass2.default)(SvgFeatureRendererPlugin, [{
|
|
69
69
|
key: "install",
|
|
70
70
|
value: function install(pluginManager) {
|
|
71
71
|
pluginManager.addRendererType(function () {
|
|
72
|
-
return new _BoxRendererType
|
|
72
|
+
return new _BoxRendererType.default({
|
|
73
73
|
name: 'SvgFeatureRenderer',
|
|
74
74
|
ReactComponent: _SvgFeatureRenderer.ReactComponent,
|
|
75
75
|
configSchema: _SvgFeatureRenderer.configSchema,
|
|
@@ -79,10 +79,10 @@ var SvgFeatureRendererPlugin = /*#__PURE__*/function (_Plugin2) {
|
|
|
79
79
|
}
|
|
80
80
|
}]);
|
|
81
81
|
return SvgFeatureRendererPlugin;
|
|
82
|
-
}(_Plugin3
|
|
82
|
+
}(_Plugin3.default);
|
|
83
83
|
|
|
84
84
|
test('has a viewType attr', function () {
|
|
85
|
-
var configSchema = (0, _configSchema.LinearVariantDisplayConfigFactory)(new _PluginManager
|
|
85
|
+
var configSchema = (0, _configSchema.LinearVariantDisplayConfigFactory)(new _PluginManager.default([new PileupRendererPlugin(), new SvgFeatureRendererPlugin()]).createPluggableElements().configure());
|
|
86
86
|
var config = configSchema.create({
|
|
87
87
|
type: 'LinearVariantDisplay',
|
|
88
88
|
displayId: 'diplayId0',
|
|
@@ -151,7 +151,7 @@ export default function (configSchema: LinearVariantDisplayConfigModel): import(
|
|
|
151
151
|
headers?: Record<string, string> | undefined;
|
|
152
152
|
signal?: AbortSignal | undefined;
|
|
153
153
|
filters?: string[] | undefined;
|
|
154
|
-
}): Promise<
|
|
154
|
+
}): Promise<{}>;
|
|
155
155
|
setRegionStatsP(p?: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined): void;
|
|
156
156
|
setRegionStats(estimatedRegionStats?: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined): void;
|
|
157
157
|
clearRegionStats(): void;
|
|
@@ -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 = _default;
|
|
9
9
|
|
|
10
10
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
11
|
|
|
@@ -28,9 +28,9 @@ function _default(configSchema) {
|
|
|
28
28
|
})).actions(function (self) {
|
|
29
29
|
return {
|
|
30
30
|
selectFeature: function selectFeature(feature) {
|
|
31
|
-
return (0, _asyncToGenerator2
|
|
31
|
+
return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
32
32
|
var session, rpcManager, sessionId, track, adapterConfig, header, featureWidget;
|
|
33
|
-
return _regenerator
|
|
33
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
34
34
|
while (1) {
|
|
35
35
|
switch (_context.prev = _context.next) {
|
|
36
36
|
case 0:
|
|
@@ -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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
13
|
|
|
@@ -29,9 +29,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
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
|
-
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
|
|
34
|
+
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; } } }; }
|
|
35
35
|
|
|
36
36
|
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); }
|
|
37
37
|
|
|
@@ -69,7 +69,7 @@ var Chord = (0, _mobxReact.observer)(function Chord(_ref) {
|
|
|
69
69
|
|
|
70
70
|
var _ref2 = feature.get('INFO').SVTYPE || [];
|
|
71
71
|
|
|
72
|
-
var _ref3 = (0, _slicedToArray2
|
|
72
|
+
var _ref3 = (0, _slicedToArray2.default)(_ref2, 1);
|
|
73
73
|
|
|
74
74
|
svType = _ref3[0];
|
|
75
75
|
} else if (feature.get('mate')) {
|
|
@@ -117,9 +117,9 @@ var Chord = (0, _mobxReact.observer)(function Chord(_ref) {
|
|
|
117
117
|
var hoverStrokeColor = (0, _configuration.readConfObject)(config, 'strokeColorHover', {
|
|
118
118
|
feature: feature
|
|
119
119
|
});
|
|
120
|
-
return /*#__PURE__*/_react
|
|
120
|
+
return /*#__PURE__*/_react.default.createElement("path", {
|
|
121
121
|
"data-testid": "chord-".concat(feature.id()),
|
|
122
|
-
d: ['M'].concat((0, _toConsumableArray2
|
|
122
|
+
d: ['M'].concat((0, _toConsumableArray2.default)(startXY), ['Q'], (0, _toConsumableArray2.default)(controlXY), (0, _toConsumableArray2.default)(endXY)).join(' '),
|
|
123
123
|
style: {
|
|
124
124
|
stroke: strokeColor
|
|
125
125
|
},
|
|
@@ -172,12 +172,12 @@ function StructuralVariantChords(props) {
|
|
|
172
172
|
|
|
173
173
|
try {
|
|
174
174
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
175
|
-
var _step$value = (0, _slicedToArray2
|
|
175
|
+
var _step$value = (0, _slicedToArray2.default)(_step.value, 2),
|
|
176
176
|
id = _step$value[0],
|
|
177
177
|
feature = _step$value[1];
|
|
178
178
|
|
|
179
179
|
var selected = String(selectedFeatureId) === String(feature.id());
|
|
180
|
-
chords.push( /*#__PURE__*/_react
|
|
180
|
+
chords.push( /*#__PURE__*/_react.default.createElement(Chord, {
|
|
181
181
|
key: id,
|
|
182
182
|
feature: feature,
|
|
183
183
|
config: config,
|
|
@@ -196,10 +196,10 @@ function StructuralVariantChords(props) {
|
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
var trackStyleId = "chords-".concat(displayModel.id);
|
|
199
|
-
return /*#__PURE__*/_react
|
|
199
|
+
return /*#__PURE__*/_react.default.createElement("g", {
|
|
200
200
|
id: trackStyleId,
|
|
201
201
|
"data-testid": "structuralVariantChordRenderer"
|
|
202
|
-
}, /*#__PURE__*/_react
|
|
202
|
+
}, /*#__PURE__*/_react.default.createElement("style", {
|
|
203
203
|
// eslint-disable-next-line react/no-danger
|
|
204
204
|
dangerouslySetInnerHTML: {
|
|
205
205
|
__html: "\n #".concat(trackStyleId, " > path {\n cursor: crosshair;\n fill: none;\n }\n")
|
|
@@ -208,14 +208,14 @@ function StructuralVariantChords(props) {
|
|
|
208
208
|
}
|
|
209
209
|
|
|
210
210
|
StructuralVariantChords.propTypes = {
|
|
211
|
-
features: _propTypes
|
|
211
|
+
features: _propTypes.default.instanceOf(Map).isRequired,
|
|
212
212
|
config: _mst.PropTypes.ConfigSchema.isRequired,
|
|
213
213
|
displayModel: _mobxReact.PropTypes.objectOrObservableObject,
|
|
214
|
-
blockDefinitions: _propTypes
|
|
215
|
-
radius: _propTypes
|
|
216
|
-
bezierRadius: _propTypes
|
|
217
|
-
selectedFeatureId: _propTypes
|
|
218
|
-
onChordClick: _propTypes
|
|
214
|
+
blockDefinitions: _propTypes.default.arrayOf(_mobxReact.PropTypes.objectOrObservableObject).isRequired,
|
|
215
|
+
radius: _propTypes.default.number.isRequired,
|
|
216
|
+
bezierRadius: _propTypes.default.number.isRequired,
|
|
217
|
+
selectedFeatureId: _propTypes.default.string,
|
|
218
|
+
onChordClick: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string])
|
|
219
219
|
};
|
|
220
220
|
StructuralVariantChords.defaultProps = {
|
|
221
221
|
displayModel: undefined,
|
|
@@ -225,4 +225,4 @@ StructuralVariantChords.defaultProps = {
|
|
|
225
225
|
|
|
226
226
|
var _default = (0, _mobxReact.observer)(StructuralVariantChords);
|
|
227
227
|
|
|
228
|
-
exports
|
|
228
|
+
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 _CircularChordRendererType = _interopRequireDefault(require("@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType"));
|
|
11
11
|
|
|
@@ -36,13 +36,13 @@ var ChordRendererConfigF = function ChordRendererConfigF(pluginManager) {
|
|
|
36
36
|
}, {
|
|
37
37
|
explicitlyTyped: true
|
|
38
38
|
});
|
|
39
|
-
return new _CircularChordRendererType
|
|
39
|
+
return new _CircularChordRendererType.default({
|
|
40
40
|
name: 'StructuralVariantChordRenderer',
|
|
41
|
-
ReactComponent: _ReactComponent
|
|
41
|
+
ReactComponent: _ReactComponent.default,
|
|
42
42
|
configSchema: configSchema,
|
|
43
43
|
pluginManager: pluginManager
|
|
44
44
|
});
|
|
45
45
|
};
|
|
46
46
|
|
|
47
47
|
var _default = ChordRendererConfigF;
|
|
48
|
-
exports
|
|
48
|
+
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 _util = require("@jbrowse/core/util");
|
|
|
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
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
31
31
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
@@ -50,26 +50,26 @@ function BreakendOptionDialog(_ref) {
|
|
|
50
50
|
var classes = useStyles();
|
|
51
51
|
|
|
52
52
|
var _useState = (0, _react.useState)(true),
|
|
53
|
-
_useState2 = (0, _slicedToArray2
|
|
53
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
54
54
|
copyTracks = _useState2[0],
|
|
55
55
|
setCopyTracks = _useState2[1];
|
|
56
56
|
|
|
57
57
|
var _useState3 = (0, _react.useState)(true),
|
|
58
|
-
_useState4 = (0, _slicedToArray2
|
|
58
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
59
59
|
mirrorTracks = _useState4[0],
|
|
60
60
|
setMirrorTracks = _useState4[1];
|
|
61
61
|
|
|
62
|
-
return /*#__PURE__*/_react
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
|
|
63
63
|
open: true,
|
|
64
64
|
onClose: handleClose
|
|
65
|
-
}, /*#__PURE__*/_react
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Breakpoint split view options", handleClose ? /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
66
66
|
className: classes.closeButton,
|
|
67
67
|
onClick: function onClick() {
|
|
68
68
|
return handleClose();
|
|
69
69
|
}
|
|
70
|
-
}, /*#__PURE__*/_react
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null)) : null), /*#__PURE__*/_react.default.createElement(_core.Divider, null), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
|
|
71
71
|
className: classes.block,
|
|
72
|
-
control: /*#__PURE__*/_react
|
|
72
|
+
control: /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
|
|
73
73
|
checked: copyTracks,
|
|
74
74
|
onChange: function onChange() {
|
|
75
75
|
return setCopyTracks(function (val) {
|
|
@@ -78,9 +78,9 @@ function BreakendOptionDialog(_ref) {
|
|
|
78
78
|
}
|
|
79
79
|
}),
|
|
80
80
|
label: "Copy tracks into the new view"
|
|
81
|
-
}), /*#__PURE__*/_react
|
|
81
|
+
}), /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
|
|
82
82
|
className: classes.block,
|
|
83
|
-
control: /*#__PURE__*/_react
|
|
83
|
+
control: /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
|
|
84
84
|
checked: mirrorTracks,
|
|
85
85
|
onChange: function onChange() {
|
|
86
86
|
return setMirrorTracks(function (val) {
|
|
@@ -89,7 +89,7 @@ function BreakendOptionDialog(_ref) {
|
|
|
89
89
|
}
|
|
90
90
|
}),
|
|
91
91
|
label: "Mirror tracks vertically in vertically stacked view"
|
|
92
|
-
})), /*#__PURE__*/_react
|
|
92
|
+
})), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
93
93
|
onClick: function onClick() {
|
|
94
94
|
var view = model.view;
|
|
95
95
|
var session = (0, _util.getSession)(model);
|
|
@@ -113,7 +113,7 @@ function BreakendOptionDialog(_ref) {
|
|
|
113
113
|
variant: "contained",
|
|
114
114
|
color: "primary",
|
|
115
115
|
autoFocus: true
|
|
116
|
-
}, "OK"), /*#__PURE__*/_react
|
|
116
|
+
}, "OK"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
117
117
|
onClick: function onClick() {
|
|
118
118
|
return handleClose();
|
|
119
119
|
},
|
|
@@ -124,4 +124,4 @@ function BreakendOptionDialog(_ref) {
|
|
|
124
124
|
|
|
125
125
|
var _default = (0, _mobxReact.observer)(BreakendOptionDialog);
|
|
126
126
|
|
|
127
|
-
exports
|
|
127
|
+
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
13
|
|
|
@@ -43,20 +43,20 @@ var _excluded = ["samples"];
|
|
|
43
43
|
|
|
44
44
|
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); }
|
|
45
45
|
|
|
46
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
46
|
+
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; }
|
|
47
47
|
|
|
48
48
|
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; }
|
|
49
49
|
|
|
50
|
-
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
|
|
50
|
+
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; }
|
|
51
51
|
|
|
52
52
|
function VariantSamples(props) {
|
|
53
53
|
var _useState = (0, _react.useState)({}),
|
|
54
|
-
_useState2 = (0, _slicedToArray2
|
|
54
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
55
55
|
filter = _useState2[0],
|
|
56
56
|
setFilter = _useState2[1];
|
|
57
57
|
|
|
58
58
|
var _useState3 = (0, _react.useState)(false),
|
|
59
|
-
_useState4 = (0, _slicedToArray2
|
|
59
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
60
60
|
showFilters = _useState4[0],
|
|
61
61
|
setShowFilters = _useState4[1];
|
|
62
62
|
|
|
@@ -69,7 +69,7 @@ function VariantSamples(props) {
|
|
|
69
69
|
return null;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
var infoFields = ['sample'].concat((0, _toConsumableArray2
|
|
72
|
+
var infoFields = ['sample'].concat((0, _toConsumableArray2.default)(Object.keys(preFilteredRows[0][1]))).map(function (field) {
|
|
73
73
|
return {
|
|
74
74
|
field: field
|
|
75
75
|
};
|
|
@@ -101,12 +101,12 @@ function VariantSamples(props) {
|
|
|
101
101
|
// https://github.com/mui-org/material-ui-x/issues/1197
|
|
102
102
|
|
|
103
103
|
|
|
104
|
-
return /*#__PURE__*/_react
|
|
104
|
+
return /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.BaseCard, (0, _extends2.default)({}, props, {
|
|
105
105
|
title: "Samples"
|
|
106
|
-
}), error ? /*#__PURE__*/_react
|
|
106
|
+
}), error ? /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
107
107
|
color: "error"
|
|
108
|
-
}, "".concat(error)) : null, /*#__PURE__*/_react
|
|
109
|
-
control: /*#__PURE__*/_react
|
|
108
|
+
}, "".concat(error)) : null, /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
|
|
109
|
+
control: /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
|
|
110
110
|
checked: showFilters,
|
|
111
111
|
onChange: function onChange() {
|
|
112
112
|
return setShowFilters(function (f) {
|
|
@@ -115,23 +115,23 @@ function VariantSamples(props) {
|
|
|
115
115
|
}
|
|
116
116
|
}),
|
|
117
117
|
label: "Show sample filters"
|
|
118
|
-
}), showFilters ? /*#__PURE__*/_react
|
|
118
|
+
}), showFilters ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "These filters can use a plain text search or regex style query, e.g. in the genotype field, entering 1 will query for all genotypes that include the first alternate allele e.g. 0|1 or 1|1, entering [1-9]\\d* will find any non-zero allele e.g. 0|2 or 2/33"), infoFields.map(function (_ref) {
|
|
119
119
|
var field = _ref.field;
|
|
120
|
-
return /*#__PURE__*/_react
|
|
120
|
+
return /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
121
121
|
key: "filter-".concat(field),
|
|
122
122
|
placeholder: "Filter ".concat(field),
|
|
123
123
|
value: filter[field] || '',
|
|
124
124
|
onChange: function onChange(event) {
|
|
125
|
-
return setFilter(_objectSpread(_objectSpread({}, filter), {}, (0, _defineProperty2
|
|
125
|
+
return setFilter(_objectSpread(_objectSpread({}, filter), {}, (0, _defineProperty2.default)({}, field, event.target.value)));
|
|
126
126
|
}
|
|
127
127
|
});
|
|
128
|
-
})) : null, /*#__PURE__*/_react
|
|
128
|
+
})) : null, /*#__PURE__*/_react.default.createElement("div", {
|
|
129
129
|
style: {
|
|
130
130
|
height: 600,
|
|
131
131
|
width: '100%',
|
|
132
132
|
overflow: 'auto'
|
|
133
133
|
}
|
|
134
|
-
}, /*#__PURE__*/_react
|
|
134
|
+
}, /*#__PURE__*/_react.default.createElement(_xDataGrid.DataGrid, {
|
|
135
135
|
rows: rows,
|
|
136
136
|
columns: infoFields,
|
|
137
137
|
rowHeight: 20,
|
|
@@ -151,7 +151,7 @@ function BreakendPanel(props) {
|
|
|
151
151
|
pluginManager = _getEnv.pluginManager;
|
|
152
152
|
|
|
153
153
|
var _useState5 = (0, _react.useState)(false),
|
|
154
|
-
_useState6 = (0, _slicedToArray2
|
|
154
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
155
155
|
breakpointDialog = _useState6[0],
|
|
156
156
|
setBreakpointDialog = _useState6[1];
|
|
157
157
|
|
|
@@ -162,13 +162,13 @@ function BreakendPanel(props) {
|
|
|
162
162
|
} catch (e) {// ignore
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
var simpleFeature = new _simpleFeature
|
|
166
|
-
return /*#__PURE__*/_react
|
|
165
|
+
var simpleFeature = new _simpleFeature.default(feature);
|
|
166
|
+
return /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.BaseCard, (0, _extends2.default)({}, props, {
|
|
167
167
|
title: "Breakends"
|
|
168
|
-
}), /*#__PURE__*/_react
|
|
169
|
-
return /*#__PURE__*/_react
|
|
168
|
+
}), /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Link to linear view of breakend endpoints"), /*#__PURE__*/_react.default.createElement("ul", null, locStrings.map(function (locString) {
|
|
169
|
+
return /*#__PURE__*/_react.default.createElement("li", {
|
|
170
170
|
key: "".concat(JSON.stringify(locString))
|
|
171
|
-
}, /*#__PURE__*/_react
|
|
171
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Link, {
|
|
172
172
|
href: "#",
|
|
173
173
|
onClick: function onClick(event) {
|
|
174
174
|
event.preventDefault();
|
|
@@ -188,17 +188,17 @@ function BreakendPanel(props) {
|
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
190
|
}, "LGV - ".concat(locString)));
|
|
191
|
-
})), viewType ? /*#__PURE__*/_react
|
|
192
|
-
return /*#__PURE__*/_react
|
|
191
|
+
})), viewType ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Launch split views with breakend source and target"), /*#__PURE__*/_react.default.createElement("ul", null, locStrings.map(function (locString) {
|
|
192
|
+
return /*#__PURE__*/_react.default.createElement("li", {
|
|
193
193
|
key: "".concat(JSON.stringify(locString))
|
|
194
|
-
}, /*#__PURE__*/_react
|
|
194
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Link, {
|
|
195
195
|
href: "#",
|
|
196
196
|
onClick: function onClick(event) {
|
|
197
197
|
event.preventDefault();
|
|
198
198
|
setBreakpointDialog(true);
|
|
199
199
|
}
|
|
200
200
|
}, "".concat(feature.refName, ":").concat(feature.start, " // ").concat(locString, " (split view)")));
|
|
201
|
-
})), breakpointDialog ? /*#__PURE__*/_react
|
|
201
|
+
})), breakpointDialog ? /*#__PURE__*/_react.default.createElement(_BreakendOptionDialog.default, {
|
|
202
202
|
model: model,
|
|
203
203
|
feature: simpleFeature,
|
|
204
204
|
viewType: viewType,
|
|
@@ -214,7 +214,7 @@ function VariantFeatureDetails(props) {
|
|
|
214
214
|
descriptions = model.descriptions;
|
|
215
215
|
var feat = JSON.parse(JSON.stringify(featureData));
|
|
216
216
|
var samples = feat.samples,
|
|
217
|
-
rest = (0, _objectWithoutProperties2
|
|
217
|
+
rest = (0, _objectWithoutProperties2.default)(feat, _excluded);
|
|
218
218
|
var basicDescriptions = {
|
|
219
219
|
CHROM: 'chromosome: An identifier from the reference genome',
|
|
220
220
|
POS: 'position: The reference position, with the 1st base having position 1',
|
|
@@ -224,12 +224,12 @@ function VariantFeatureDetails(props) {
|
|
|
224
224
|
QUAL: 'quality: Phred-scaled quality score for the assertion made in ALT',
|
|
225
225
|
FILTER: 'filter status: PASS if this position has passed all filters, otherwise a semicolon-separated list of codes for filters that fail'
|
|
226
226
|
};
|
|
227
|
-
return /*#__PURE__*/_react
|
|
227
|
+
return /*#__PURE__*/_react.default.createElement(_core.Paper, {
|
|
228
228
|
"data-testid": "variant-side-drawer"
|
|
229
|
-
}, /*#__PURE__*/_react
|
|
229
|
+
}, /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.FeatureDetails, (0, _extends2.default)({
|
|
230
230
|
feature: rest,
|
|
231
231
|
descriptions: _objectSpread(_objectSpread({}, basicDescriptions), descriptions)
|
|
232
|
-
}, props)), /*#__PURE__*/_react
|
|
232
|
+
}, props)), /*#__PURE__*/_react.default.createElement(_core.Divider, null), feat.type === 'breakend' ? /*#__PURE__*/_react.default.createElement(BreakendPanel, {
|
|
233
233
|
feature: feat,
|
|
234
234
|
locStrings: feat.ALT.map(function (alt) {
|
|
235
235
|
var _parseBreakend;
|
|
@@ -237,15 +237,15 @@ function VariantFeatureDetails(props) {
|
|
|
237
237
|
return ((_parseBreakend = (0, _vcf.parseBreakend)(alt)) === null || _parseBreakend === void 0 ? void 0 : _parseBreakend.MatePosition) || '';
|
|
238
238
|
}),
|
|
239
239
|
model: model
|
|
240
|
-
}) : null, feat.type === 'translocation' ? /*#__PURE__*/_react
|
|
240
|
+
}) : null, feat.type === 'translocation' ? /*#__PURE__*/_react.default.createElement(BreakendPanel, {
|
|
241
241
|
feature: feat,
|
|
242
242
|
model: model,
|
|
243
243
|
locStrings: ["".concat(feat.INFO.CHR2[0], ":").concat(feat.INFO.END)]
|
|
244
|
-
}) : null, /*#__PURE__*/_react
|
|
244
|
+
}) : null, /*#__PURE__*/_react.default.createElement(VariantSamples, (0, _extends2.default)({
|
|
245
245
|
feature: feat
|
|
246
246
|
}, props)));
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
var _default = (0, _mobxReact.observer)(VariantFeatureDetails);
|
|
250
250
|
|
|
251
|
-
exports
|
|
251
|
+
exports.default = _default;
|
|
@@ -19,7 +19,7 @@ var _VariantFeatureWidget = _interopRequireDefault(require("./VariantFeatureWidg
|
|
|
19
19
|
describe('VariantTrack widget', function () {
|
|
20
20
|
it('renders with just the required model elements', function () {
|
|
21
21
|
console.warn = jest.fn();
|
|
22
|
-
var pluginManager = new _PluginManager
|
|
22
|
+
var pluginManager = new _PluginManager.default([]);
|
|
23
23
|
|
|
24
24
|
var Session = _mobxStateTree.types.model({
|
|
25
25
|
rpcManager: _mobxStateTree.types.optional(_mobxStateTree.types.frozen(), {}),
|
|
@@ -46,7 +46,7 @@ describe('VariantTrack widget', function () {
|
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
|
|
49
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react
|
|
49
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_VariantFeatureWidget.default, {
|
|
50
50
|
model: model.widget
|
|
51
51
|
})),
|
|
52
52
|
container = _render.container;
|