@jbrowse/plugin-alignments 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/AlignmentsFeatureDetail/AlignmentsFeatureDetail.js +26 -26
- package/dist/AlignmentsFeatureDetail/index.js +3 -3
- package/dist/AlignmentsFeatureDetail/index.test.js +2 -2
- package/dist/AlignmentsTrack/index.js +2 -2
- package/dist/BamAdapter/BamAdapter.js +31 -31
- package/dist/BamAdapter/BamAdapter.test.js +10 -10
- package/dist/BamAdapter/BamSlightlyLazyFeature.js +6 -6
- package/dist/BamAdapter/MismatchParser.js +6 -6
- package/dist/BamAdapter/MismatchParser.test.js +2 -2
- package/dist/BamAdapter/configSchema.js +2 -2
- package/dist/BamAdapter/index.js +6 -6
- package/dist/CramAdapter/CramAdapter.js +31 -31
- package/dist/CramAdapter/CramAdapter.test.js +10 -10
- package/dist/CramAdapter/CramSlightlyLazyFeature.js +6 -6
- package/dist/CramAdapter/CramTestAdapters.js +18 -18
- package/dist/CramAdapter/configSchema.js +2 -2
- package/dist/CramAdapter/index.js +6 -6
- package/dist/HtsgetBamAdapter/HtsgetBamAdapter.js +9 -9
- package/dist/HtsgetBamAdapter/configSchema.js +2 -2
- package/dist/HtsgetBamAdapter/index.js +6 -6
- package/dist/LinearAlignmentsDisplay/components/AlignmentsDisplay.js +8 -8
- package/dist/LinearAlignmentsDisplay/index.js +5 -5
- package/dist/LinearAlignmentsDisplay/models/configSchema.js +2 -2
- package/dist/LinearAlignmentsDisplay/models/configSchema.test.js +11 -11
- package/dist/LinearAlignmentsDisplay/models/model.js +15 -15
- package/dist/LinearPileupDisplay/components/ColorByModifications.js +18 -18
- package/dist/LinearPileupDisplay/components/ColorByTag.js +11 -11
- package/dist/LinearPileupDisplay/components/FilterByTag.js +26 -26
- package/dist/LinearPileupDisplay/components/LinearPileupDisplayBlurb.js +4 -4
- package/dist/LinearPileupDisplay/components/SetFeatureHeight.js +12 -12
- package/dist/LinearPileupDisplay/components/SetMaxHeight.js +10 -10
- package/dist/LinearPileupDisplay/components/SortByTag.js +10 -10
- package/dist/LinearPileupDisplay/configSchema.js +2 -2
- package/dist/LinearPileupDisplay/configSchema.test.js +12 -12
- package/dist/LinearPileupDisplay/index.js +4 -4
- package/dist/LinearPileupDisplay/model.js +22 -22
- package/dist/LinearSNPCoverageDisplay/components/Tooltip.js +10 -10
- package/dist/LinearSNPCoverageDisplay/index.js +4 -4
- package/dist/LinearSNPCoverageDisplay/models/configSchema.js +1 -1
- package/dist/LinearSNPCoverageDisplay/models/configSchema.test.js +7 -7
- package/dist/LinearSNPCoverageDisplay/models/model.js +11 -11
- package/dist/NestedFrequencyTable.js +7 -7
- package/dist/PileupRPC/rpcMethods.js +23 -23
- package/dist/PileupRenderer/PileupLayoutSession.js +8 -8
- package/dist/PileupRenderer/PileupRenderer.js +37 -37
- package/dist/PileupRenderer/components/PileupRendering.js +13 -13
- package/dist/PileupRenderer/components/PileupRendering.test.js +2 -2
- package/dist/PileupRenderer/configSchema.js +2 -2
- package/dist/PileupRenderer/index.js +4 -4
- package/dist/SNPCoverageAdapter/SNPCoverageAdapter.js +22 -22
- package/dist/SNPCoverageAdapter/configSchema.js +2 -2
- package/dist/SNPCoverageAdapter/index.js +6 -6
- package/dist/SNPCoverageRenderer/SNPCoverageRenderer.js +12 -12
- package/dist/SNPCoverageRenderer/configSchema.js +2 -2
- package/dist/SNPCoverageRenderer/index.js +3 -3
- package/dist/index.js +10 -10
- package/dist/index.test.js +2 -2
- package/dist/shared.js +5 -5
- package/dist/util.js +3 -3
- package/package.json +4 -5
|
@@ -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
|
|
|
@@ -35,16 +35,16 @@ function AlignmentsDisplay(_ref) {
|
|
|
35
35
|
showCoverage = model.showCoverage;
|
|
36
36
|
var classes = useStyles();
|
|
37
37
|
var top = SNPCoverageDisplay.height;
|
|
38
|
-
return /*#__PURE__*/_react
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
39
39
|
"data-testid": "display-".concat((0, _configuration.getConf)(model, 'displayId')),
|
|
40
40
|
style: {
|
|
41
41
|
position: 'relative'
|
|
42
42
|
}
|
|
43
|
-
}, showCoverage ? /*#__PURE__*/_react
|
|
43
|
+
}, showCoverage ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
44
44
|
"data-testid": "Blockset-snpcoverage"
|
|
45
|
-
}, /*#__PURE__*/_react
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement(SNPCoverageDisplay.RenderingComponent, {
|
|
46
46
|
model: SNPCoverageDisplay
|
|
47
|
-
})), /*#__PURE__*/_react
|
|
47
|
+
})), /*#__PURE__*/_react.default.createElement(_ui.ResizeHandle, {
|
|
48
48
|
onDrag: function onDrag(delta) {
|
|
49
49
|
SNPCoverageDisplay.setHeight(SNPCoverageDisplay.height + delta);
|
|
50
50
|
return delta;
|
|
@@ -53,17 +53,17 @@ function AlignmentsDisplay(_ref) {
|
|
|
53
53
|
style: {
|
|
54
54
|
top: top
|
|
55
55
|
}
|
|
56
|
-
})) : null, showPileup ? /*#__PURE__*/_react
|
|
56
|
+
})) : null, showPileup ? /*#__PURE__*/_react.default.createElement("div", {
|
|
57
57
|
"data-testid": "Blockset-pileup",
|
|
58
58
|
style: {
|
|
59
59
|
position: 'absolute',
|
|
60
60
|
top: showCoverage ? SNPCoverageDisplay.height : 0
|
|
61
61
|
}
|
|
62
|
-
}, /*#__PURE__*/_react
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement(PileupDisplay.RenderingComponent, {
|
|
63
63
|
model: PileupDisplay
|
|
64
64
|
})) : null);
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
var _default = (0, _mobxReact.observer)(AlignmentsDisplay);
|
|
68
68
|
|
|
69
|
-
exports
|
|
69
|
+
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 = _default;
|
|
9
9
|
|
|
10
10
|
var _DisplayType = _interopRequireDefault(require("@jbrowse/core/pluggableElementTypes/DisplayType"));
|
|
11
11
|
|
|
@@ -18,14 +18,14 @@ var _AlignmentsDisplay = _interopRequireDefault(require("./components/Alignments
|
|
|
18
18
|
// locals
|
|
19
19
|
function _default(pluginManager) {
|
|
20
20
|
pluginManager.addDisplayType(function () {
|
|
21
|
-
var configSchema = (0, _configSchema
|
|
22
|
-
return new _DisplayType
|
|
21
|
+
var configSchema = (0, _configSchema.default)(pluginManager);
|
|
22
|
+
return new _DisplayType.default({
|
|
23
23
|
name: 'LinearAlignmentsDisplay',
|
|
24
24
|
configSchema: configSchema,
|
|
25
|
-
stateModel: (0, _model
|
|
25
|
+
stateModel: (0, _model.default)(pluginManager, configSchema),
|
|
26
26
|
trackType: 'AlignmentsTrack',
|
|
27
27
|
viewType: 'LinearGenomeView',
|
|
28
|
-
ReactComponent: _AlignmentsDisplay
|
|
28
|
+
ReactComponent: _AlignmentsDisplay.default
|
|
29
29
|
});
|
|
30
30
|
});
|
|
31
31
|
}
|
|
@@ -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 _configuration = require("@jbrowse/core/configuration");
|
|
9
9
|
|
|
@@ -22,4 +22,4 @@ var configModelFactory = function configModelFactory(pluginManager) {
|
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
var _default = configModelFactory;
|
|
25
|
-
exports
|
|
25
|
+
exports.default = _default;
|
|
@@ -30,7 +30,7 @@ var _LinearSNPCoverageDisplay = _interopRequireDefault(require("../../LinearSNPC
|
|
|
30
30
|
|
|
31
31
|
var _configSchema = _interopRequireDefault(require("./configSchema"));
|
|
32
32
|
|
|
33
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2
|
|
33
|
+
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); }; }
|
|
34
34
|
|
|
35
35
|
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; } }
|
|
36
36
|
|
|
@@ -43,37 +43,37 @@ afterEach(function () {
|
|
|
43
43
|
});
|
|
44
44
|
|
|
45
45
|
var AlignmentsPlugin = /*#__PURE__*/function (_Plugin) {
|
|
46
|
-
(0, _inherits2
|
|
46
|
+
(0, _inherits2.default)(AlignmentsPlugin, _Plugin);
|
|
47
47
|
|
|
48
48
|
var _super = _createSuper(AlignmentsPlugin);
|
|
49
49
|
|
|
50
50
|
function AlignmentsPlugin() {
|
|
51
|
-
(0, _classCallCheck2
|
|
51
|
+
(0, _classCallCheck2.default)(this, AlignmentsPlugin);
|
|
52
52
|
return _super.apply(this, arguments);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
(0, _createClass2
|
|
55
|
+
(0, _createClass2.default)(AlignmentsPlugin, [{
|
|
56
56
|
key: "install",
|
|
57
57
|
value: function install(pluginManager) {
|
|
58
|
-
(0, _PileupRenderer
|
|
58
|
+
(0, _PileupRenderer.default)(pluginManager);
|
|
59
59
|
pluginManager.addRendererType(function () {
|
|
60
|
-
return new _BoxRendererType
|
|
60
|
+
return new _BoxRendererType.default({
|
|
61
61
|
name: 'SvgFeatureRenderer',
|
|
62
62
|
ReactComponent: _pluginSvg.SvgFeatureRendererReactComponent,
|
|
63
63
|
configSchema: _pluginSvg.svgFeatureRendererConfigSchema,
|
|
64
64
|
pluginManager: pluginManager
|
|
65
65
|
});
|
|
66
66
|
});
|
|
67
|
-
(0, _SNPCoverageRenderer
|
|
68
|
-
(0, _LinearPileupDisplay
|
|
69
|
-
(0, _LinearSNPCoverageDisplay
|
|
67
|
+
(0, _SNPCoverageRenderer.default)(pluginManager);
|
|
68
|
+
(0, _LinearPileupDisplay.default)(pluginManager);
|
|
69
|
+
(0, _LinearSNPCoverageDisplay.default)(pluginManager);
|
|
70
70
|
}
|
|
71
71
|
}]);
|
|
72
72
|
return AlignmentsPlugin;
|
|
73
|
-
}(_Plugin2
|
|
73
|
+
}(_Plugin2.default);
|
|
74
74
|
|
|
75
75
|
test('has a type attr', function () {
|
|
76
|
-
var configSchema = (0, _configSchema
|
|
76
|
+
var configSchema = (0, _configSchema.default)(new _PluginManager.default([new AlignmentsPlugin()]).createPluggableElements().configure());
|
|
77
77
|
var config = configSchema.create({
|
|
78
78
|
type: 'LinearAlignmentsDisplay',
|
|
79
79
|
displayId: 'display0',
|
|
@@ -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
|
|
|
@@ -31,7 +31,7 @@ var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
|
|
|
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 minDisplayHeight = 20;
|
|
37
37
|
|
|
@@ -46,7 +46,7 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
|
|
|
46
46
|
showCoverage: true,
|
|
47
47
|
showPileup: true,
|
|
48
48
|
userFeatureScreenDensity: _mobxStateTree.types.maybe(_mobxStateTree.types.number)
|
|
49
|
-
}))
|
|
49
|
+
})).volatile(function () {
|
|
50
50
|
return {
|
|
51
51
|
scrollTop: 0
|
|
52
52
|
};
|
|
@@ -120,7 +120,7 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
|
|
|
120
120
|
},
|
|
121
121
|
|
|
122
122
|
trackMenuItems: function trackMenuItems() {
|
|
123
|
-
return [].concat((0, _toConsumableArray2
|
|
123
|
+
return [].concat((0, _toConsumableArray2.default)(superTrackMenuItems()), [{
|
|
124
124
|
type: 'subMenu',
|
|
125
125
|
label: 'Pileup settings',
|
|
126
126
|
subMenu: self.PileupDisplay.trackMenuItems()
|
|
@@ -171,25 +171,25 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
|
|
|
171
171
|
(0, _mobxStateTree.addDisposer)(self, (0, _mobx.autorun)(function () {
|
|
172
172
|
if (!self.SNPCoverageDisplay) {
|
|
173
173
|
self.setSNPCoverageDisplay(self.snpCoverageDisplayConfig);
|
|
174
|
-
} else if (!(0, _fastDeepEqual
|
|
174
|
+
} else if (!(0, _fastDeepEqual.default)(self.snpCoverageDisplayConfig, (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.configuration))) {
|
|
175
175
|
self.SNPCoverageDisplay.setHeight(self.snpCovHeight);
|
|
176
176
|
self.SNPCoverageDisplay.setConfig(self.snpCoverageDisplayConfig);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
if (!self.PileupDisplay) {
|
|
180
180
|
self.setPileupDisplay(self.pileupDisplayConfig);
|
|
181
|
-
} else if (!(0, _fastDeepEqual
|
|
181
|
+
} else if (!(0, _fastDeepEqual.default)(self.pileupDisplayConfig, (0, _mobxStateTree.getSnapshot)(self.PileupDisplay.configuration))) {
|
|
182
182
|
self.PileupDisplay.setConfig(self.pileupDisplayConfig);
|
|
183
183
|
} // propagate the filterBy setting from pileupdisplay to snpcoverage
|
|
184
184
|
// note: the snpcoverage display is not able to control filterBy
|
|
185
185
|
// itself
|
|
186
186
|
|
|
187
187
|
|
|
188
|
-
if (self.PileupDisplay.filterBy && !(0, _fastDeepEqual
|
|
188
|
+
if (self.PileupDisplay.filterBy && !(0, _fastDeepEqual.default)((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.filterBy), (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.filterBy))) {
|
|
189
189
|
self.SNPCoverageDisplay.setFilterBy((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.filterBy));
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
if (self.PileupDisplay.colorBy && !(0, _fastDeepEqual
|
|
192
|
+
if (self.PileupDisplay.colorBy && !(0, _fastDeepEqual.default)((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.colorBy), self.SNPCoverageDisplay.colorBy ? (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.colorBy) : {})) {
|
|
193
193
|
self.SNPCoverageDisplay.setColorBy((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.colorBy));
|
|
194
194
|
}
|
|
195
195
|
}));
|
|
@@ -198,9 +198,9 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
|
|
|
198
198
|
}));
|
|
199
199
|
},
|
|
200
200
|
renderSvg: function renderSvg(opts) {
|
|
201
|
-
return (0, _asyncToGenerator2
|
|
201
|
+
return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
202
202
|
var pileupHeight;
|
|
203
|
-
return _regenerator
|
|
203
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
204
204
|
while (1) {
|
|
205
205
|
switch (_context.prev = _context.next) {
|
|
206
206
|
case 0:
|
|
@@ -211,16 +211,16 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
|
|
|
211
211
|
});
|
|
212
212
|
|
|
213
213
|
case 3:
|
|
214
|
-
_context.t0 = _react
|
|
215
|
-
_context.t1 = _react
|
|
216
|
-
_context.t2 = _react
|
|
214
|
+
_context.t0 = _react.default;
|
|
215
|
+
_context.t1 = _react.default.Fragment;
|
|
216
|
+
_context.t2 = _react.default;
|
|
217
217
|
_context.next = 8;
|
|
218
218
|
return self.SNPCoverageDisplay.renderSvg(opts);
|
|
219
219
|
|
|
220
220
|
case 8:
|
|
221
221
|
_context.t3 = _context.sent;
|
|
222
222
|
_context.t4 = _context.t2.createElement.call(_context.t2, "g", null, _context.t3);
|
|
223
|
-
_context.t5 = _react
|
|
223
|
+
_context.t5 = _react.default;
|
|
224
224
|
_context.t6 = {
|
|
225
225
|
transform: "translate(0 ".concat(self.SNPCoverageDisplay.height, ")")
|
|
226
226
|
};
|
|
@@ -247,4 +247,4 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
|
|
|
247
247
|
};
|
|
248
248
|
|
|
249
249
|
var _default = stateModelFactory;
|
|
250
|
-
exports
|
|
250
|
+
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
|
|
|
@@ -40,16 +40,16 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
|
40
40
|
function ModificationTable(_ref) {
|
|
41
41
|
var modifications = _ref.modifications;
|
|
42
42
|
var classes = useStyles();
|
|
43
|
-
return /*#__PURE__*/_react
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("table", {
|
|
44
44
|
className: classes.table
|
|
45
|
-
}, /*#__PURE__*/_react
|
|
46
|
-
var _ref3 = (0, _slicedToArray2
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement("tbody", null, modifications.map(function (_ref2) {
|
|
46
|
+
var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
|
|
47
47
|
key = _ref3[0],
|
|
48
48
|
value = _ref3[1];
|
|
49
49
|
|
|
50
|
-
return /*#__PURE__*/_react
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement("tr", {
|
|
51
51
|
key: key
|
|
52
|
-
}, /*#__PURE__*/_react
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement("td", null, key), /*#__PURE__*/_react.default.createElement("td", null, value), /*#__PURE__*/_react.default.createElement("td", {
|
|
53
53
|
style: {
|
|
54
54
|
width: '1em',
|
|
55
55
|
background: value
|
|
@@ -64,25 +64,25 @@ function ColorByTagDlg(props) {
|
|
|
64
64
|
handleClose = props.handleClose;
|
|
65
65
|
var colorBy = model.colorBy,
|
|
66
66
|
modificationTagMap = model.modificationTagMap;
|
|
67
|
-
var modifications = (0, _toConsumableArray2
|
|
68
|
-
return /*#__PURE__*/_react
|
|
67
|
+
var modifications = (0, _toConsumableArray2.default)(modificationTagMap.entries());
|
|
68
|
+
return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
|
|
69
69
|
open: true,
|
|
70
70
|
onClose: handleClose
|
|
71
|
-
}, /*#__PURE__*/_react
|
|
71
|
+
}, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Color by modifications", /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
72
72
|
"aria-label": "close",
|
|
73
73
|
className: classes.closeButton,
|
|
74
74
|
onClick: handleClose
|
|
75
|
-
}, /*#__PURE__*/_react
|
|
75
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null))), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "You can choose to color the modifications in the BAM/CRAM MM/ML specification using this dialog. Choosing modifications colors the modified positions and can color multiple modification types. Choosing the methylation setting colors methylated and unmethylated CpG."), /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Note: you can revisit this dialog to see the current mapping of colors to modification type for the modification coloring mode"), /*#__PURE__*/_react.default.createElement("div", {
|
|
76
76
|
style: {
|
|
77
77
|
margin: 20
|
|
78
78
|
}
|
|
79
|
-
}, (colorBy === null || colorBy === void 0 ? void 0 : colorBy.type) === 'modifications' ? /*#__PURE__*/_react
|
|
80
|
-
modifications: (0, _toConsumableArray2
|
|
81
|
-
})) : /*#__PURE__*/_react
|
|
79
|
+
}, (colorBy === null || colorBy === void 0 ? void 0 : colorBy.type) === 'modifications' ? /*#__PURE__*/_react.default.createElement("div", null, modifications.length ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Current modification-type-to-color mapping", /*#__PURE__*/_react.default.createElement(ModificationTable, {
|
|
80
|
+
modifications: (0, _toConsumableArray2.default)(modificationTagMap.entries())
|
|
81
|
+
})) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Note: color by modifications is already enabled. Loading current modifications..."), /*#__PURE__*/_react.default.createElement(_core.CircularProgress, {
|
|
82
82
|
size: 15
|
|
83
|
-
}))) : null, (colorBy === null || colorBy === void 0 ? void 0 : colorBy.type) === 'methylation' ? /*#__PURE__*/_react
|
|
83
|
+
}))) : null, (colorBy === null || colorBy === void 0 ? void 0 : colorBy.type) === 'methylation' ? /*#__PURE__*/_react.default.createElement(ModificationTable, {
|
|
84
84
|
modifications: [['methylated', 'red'], ['unmethylated', 'blue']]
|
|
85
|
-
}) : null), /*#__PURE__*/_react
|
|
85
|
+
}) : null), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
86
86
|
variant: "contained",
|
|
87
87
|
color: "primary",
|
|
88
88
|
style: {
|
|
@@ -94,7 +94,7 @@ function ColorByTagDlg(props) {
|
|
|
94
94
|
});
|
|
95
95
|
handleClose();
|
|
96
96
|
}
|
|
97
|
-
}, "Modifications"), /*#__PURE__*/_react
|
|
97
|
+
}, "Modifications"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
98
98
|
variant: "contained",
|
|
99
99
|
color: "primary",
|
|
100
100
|
style: {
|
|
@@ -106,7 +106,7 @@ function ColorByTagDlg(props) {
|
|
|
106
106
|
});
|
|
107
107
|
handleClose();
|
|
108
108
|
}
|
|
109
|
-
}, "Methylation"), /*#__PURE__*/_react
|
|
109
|
+
}, "Methylation"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
110
110
|
variant: "contained",
|
|
111
111
|
color: "secondary",
|
|
112
112
|
style: {
|
|
@@ -120,4 +120,4 @@ function ColorByTagDlg(props) {
|
|
|
120
120
|
|
|
121
121
|
var _default = (0, _mobxReact.observer)(ColorByTagDlg);
|
|
122
122
|
|
|
123
|
-
exports
|
|
123
|
+
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
|
|
|
@@ -21,7 +21,7 @@ var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
|
|
|
21
21
|
|
|
22
22
|
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); }
|
|
23
23
|
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
24
|
+
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; }
|
|
25
25
|
|
|
26
26
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
27
27
|
return {
|
|
@@ -43,25 +43,25 @@ function ColorByTagDlg(props) {
|
|
|
43
43
|
handleClose = props.handleClose;
|
|
44
44
|
|
|
45
45
|
var _useState = (0, _react.useState)(''),
|
|
46
|
-
_useState2 = (0, _slicedToArray2
|
|
46
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
47
47
|
tag = _useState2[0],
|
|
48
48
|
setTag = _useState2[1];
|
|
49
49
|
|
|
50
50
|
var validTag = tag.match(/^[A-Za-z][A-Za-z0-9]$/);
|
|
51
|
-
return /*#__PURE__*/_react
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
|
|
52
52
|
open: true,
|
|
53
53
|
onClose: handleClose
|
|
54
|
-
}, /*#__PURE__*/_react
|
|
54
|
+
}, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Color by tag", /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
55
55
|
"aria-label": "close",
|
|
56
56
|
className: classes.closeButton,
|
|
57
57
|
onClick: handleClose
|
|
58
|
-
}, /*#__PURE__*/_react
|
|
58
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null))), /*#__PURE__*/_react.default.createElement(_core.DialogContent, {
|
|
59
59
|
style: {
|
|
60
60
|
overflowX: 'hidden'
|
|
61
61
|
}
|
|
62
|
-
}, /*#__PURE__*/_react
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Enter tag to color by: "), /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
63
63
|
color: "textSecondary"
|
|
64
|
-
}, "Examples: XS or TS for RNA-seq inferred read strand, ts (lower-case) for minimap2 read strand, HP for haplotype, RG for read group, etc."), /*#__PURE__*/_react
|
|
64
|
+
}, "Examples: XS or TS for RNA-seq inferred read strand, ts (lower-case) for minimap2 read strand, HP for haplotype, RG for read group, etc."), /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
65
65
|
value: tag,
|
|
66
66
|
onChange: function onChange(event) {
|
|
67
67
|
return setTag(event.target.value);
|
|
@@ -75,7 +75,7 @@ function ColorByTagDlg(props) {
|
|
|
75
75
|
helperText: tag.length === 2 && !validTag ? 'Not a valid tag' : '',
|
|
76
76
|
autoComplete: "off",
|
|
77
77
|
"data-testid": "color-tag-name"
|
|
78
|
-
}), /*#__PURE__*/_react
|
|
78
|
+
}), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
79
79
|
variant: "contained",
|
|
80
80
|
color: "primary",
|
|
81
81
|
onClick: function onClick() {
|
|
@@ -86,7 +86,7 @@ function ColorByTagDlg(props) {
|
|
|
86
86
|
handleClose();
|
|
87
87
|
},
|
|
88
88
|
disabled: !validTag
|
|
89
|
-
}, "Submit"), /*#__PURE__*/_react
|
|
89
|
+
}, "Submit"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
90
90
|
variant: "contained",
|
|
91
91
|
color: "secondary",
|
|
92
92
|
onClick: handleClose
|
|
@@ -95,4 +95,4 @@ function ColorByTagDlg(props) {
|
|
|
95
95
|
|
|
96
96
|
var _default = (0, _mobxReact.observer)(ColorByTagDlg);
|
|
97
97
|
|
|
98
|
-
exports
|
|
98
|
+
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
|
|
|
@@ -21,7 +21,7 @@ var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
|
|
|
21
21
|
|
|
22
22
|
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); }
|
|
23
23
|
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
24
|
+
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; }
|
|
25
25
|
|
|
26
26
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
27
27
|
return {
|
|
@@ -46,7 +46,7 @@ function Bitmask(props) {
|
|
|
46
46
|
var _props$flag = props.flag,
|
|
47
47
|
flag = _props$flag === void 0 ? 0 : _props$flag,
|
|
48
48
|
setFlag = props.setFlag;
|
|
49
|
-
return /*#__PURE__*/_react
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
50
50
|
type: "number",
|
|
51
51
|
value: flag,
|
|
52
52
|
onChange: function onChange(event) {
|
|
@@ -55,9 +55,9 @@ function Bitmask(props) {
|
|
|
55
55
|
}), flagNames.map(function (name, index) {
|
|
56
56
|
var val = flag & 1 << index;
|
|
57
57
|
var key = "".concat(name, "_").concat(val);
|
|
58
|
-
return /*#__PURE__*/_react
|
|
58
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
59
59
|
key: key
|
|
60
|
-
}, /*#__PURE__*/_react
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
61
61
|
type: "checkbox",
|
|
62
62
|
checked: Boolean(val),
|
|
63
63
|
onChange: function onChange(event) {
|
|
@@ -67,7 +67,7 @@ function Bitmask(props) {
|
|
|
67
67
|
setFlag(flag & ~(1 << index));
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
|
-
}), /*#__PURE__*/_react
|
|
70
|
+
}), /*#__PURE__*/_react.default.createElement("label", {
|
|
71
71
|
htmlFor: key
|
|
72
72
|
}, name));
|
|
73
73
|
}));
|
|
@@ -82,58 +82,58 @@ function FilterByTagDlg(props) {
|
|
|
82
82
|
var filterBy = model.filterBy;
|
|
83
83
|
|
|
84
84
|
var _useState = (0, _react.useState)(filterBy === null || filterBy === void 0 ? void 0 : filterBy.flagInclude),
|
|
85
|
-
_useState2 = (0, _slicedToArray2
|
|
85
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
86
86
|
flagInclude = _useState2[0],
|
|
87
87
|
setFlagInclude = _useState2[1];
|
|
88
88
|
|
|
89
89
|
var _useState3 = (0, _react.useState)(filterBy === null || filterBy === void 0 ? void 0 : filterBy.flagExclude),
|
|
90
|
-
_useState4 = (0, _slicedToArray2
|
|
90
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
91
91
|
flagExclude = _useState4[0],
|
|
92
92
|
setFlagExclude = _useState4[1];
|
|
93
93
|
|
|
94
94
|
var _useState5 = (0, _react.useState)((filterBy === null || filterBy === void 0 ? void 0 : (_filterBy$tagFilter = filterBy.tagFilter) === null || _filterBy$tagFilter === void 0 ? void 0 : _filterBy$tagFilter.tag) || ''),
|
|
95
|
-
_useState6 = (0, _slicedToArray2
|
|
95
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
96
96
|
tag = _useState6[0],
|
|
97
97
|
setTag = _useState6[1];
|
|
98
98
|
|
|
99
99
|
var _useState7 = (0, _react.useState)((filterBy === null || filterBy === void 0 ? void 0 : (_filterBy$tagFilter2 = filterBy.tagFilter) === null || _filterBy$tagFilter2 === void 0 ? void 0 : _filterBy$tagFilter2.value) || ''),
|
|
100
|
-
_useState8 = (0, _slicedToArray2
|
|
100
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
101
101
|
tagValue = _useState8[0],
|
|
102
102
|
setTagValue = _useState8[1];
|
|
103
103
|
|
|
104
104
|
var _useState9 = (0, _react.useState)((filterBy === null || filterBy === void 0 ? void 0 : filterBy.readName) || ''),
|
|
105
|
-
_useState10 = (0, _slicedToArray2
|
|
105
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
106
106
|
readName = _useState10[0],
|
|
107
107
|
setReadName = _useState10[1];
|
|
108
108
|
|
|
109
109
|
var validTag = tag.match(/^[A-Za-z][A-Za-z0-9]$/);
|
|
110
110
|
var site = 'https://broadinstitute.github.io/picard/explain-flags.html';
|
|
111
|
-
return /*#__PURE__*/_react
|
|
111
|
+
return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
|
|
112
112
|
open: true,
|
|
113
113
|
onClose: handleClose
|
|
114
|
-
}, /*#__PURE__*/_react
|
|
114
|
+
}, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Filter options", /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
115
115
|
"aria-label": "close",
|
|
116
116
|
className: classes.closeButton,
|
|
117
117
|
onClick: handleClose
|
|
118
|
-
}, /*#__PURE__*/_react
|
|
118
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null))), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Set filter bitmask options. Refer to ", /*#__PURE__*/_react.default.createElement(_core.Link, {
|
|
119
119
|
href: site
|
|
120
|
-
}, site), ' ', "for details"), /*#__PURE__*/_react
|
|
120
|
+
}, site), ' ', "for details"), /*#__PURE__*/_react.default.createElement(_core.Paper, {
|
|
121
121
|
className: classes.paper,
|
|
122
122
|
variant: "outlined"
|
|
123
|
-
}, /*#__PURE__*/_react
|
|
123
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
124
124
|
style: {
|
|
125
125
|
display: 'flex'
|
|
126
126
|
}
|
|
127
|
-
}, /*#__PURE__*/_react
|
|
127
|
+
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Read must have ALL these flags"), /*#__PURE__*/_react.default.createElement(Bitmask, {
|
|
128
128
|
flag: flagInclude,
|
|
129
129
|
setFlag: setFlagInclude
|
|
130
|
-
})), /*#__PURE__*/_react
|
|
130
|
+
})), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Read must have NONE of these flags"), /*#__PURE__*/_react.default.createElement(Bitmask, {
|
|
131
131
|
flag: flagExclude,
|
|
132
132
|
setFlag: setFlagExclude
|
|
133
|
-
})))), /*#__PURE__*/_react
|
|
133
|
+
})))), /*#__PURE__*/_react.default.createElement(_core.Paper, {
|
|
134
134
|
className: classes.paper,
|
|
135
135
|
variant: "outlined"
|
|
136
|
-
}, /*#__PURE__*/_react
|
|
136
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Filter by tag name and value. Use * in the value field to get all reads containing any value for that tag. Example: filter tag name SA with value * to get all split/supplementary reads. Other examples include HP for haplotype, or RG for read group"), /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
137
137
|
className: classes.field,
|
|
138
138
|
value: tag,
|
|
139
139
|
onChange: function onChange(event) {
|
|
@@ -147,7 +147,7 @@ function FilterByTagDlg(props) {
|
|
|
147
147
|
error: tag.length === 2 && !validTag,
|
|
148
148
|
helperText: tag.length === 2 && !validTag ? 'Not a valid tag' : '',
|
|
149
149
|
"data-testid": "color-tag-name"
|
|
150
|
-
}), /*#__PURE__*/_react
|
|
150
|
+
}), /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
151
151
|
className: classes.field,
|
|
152
152
|
value: tagValue,
|
|
153
153
|
onChange: function onChange(event) {
|
|
@@ -158,10 +158,10 @@ function FilterByTagDlg(props) {
|
|
|
158
158
|
'data-testid': 'color-tag-name-input'
|
|
159
159
|
},
|
|
160
160
|
"data-testid": "color-tag-value"
|
|
161
|
-
})), /*#__PURE__*/_react
|
|
161
|
+
})), /*#__PURE__*/_react.default.createElement(_core.Paper, {
|
|
162
162
|
className: classes.paper,
|
|
163
163
|
variant: "outlined"
|
|
164
|
-
}, /*#__PURE__*/_react
|
|
164
|
+
}, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Filter by read name"), /*#__PURE__*/_react.default.createElement(_core.TextField, {
|
|
165
165
|
className: classes.field,
|
|
166
166
|
value: readName,
|
|
167
167
|
onChange: function onChange(event) {
|
|
@@ -172,7 +172,7 @@ function FilterByTagDlg(props) {
|
|
|
172
172
|
'data-testid': 'color-tag-readname-input'
|
|
173
173
|
},
|
|
174
174
|
"data-testid": "color-tag-readname"
|
|
175
|
-
})), /*#__PURE__*/_react
|
|
175
|
+
})), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
176
176
|
variant: "contained",
|
|
177
177
|
color: "primary",
|
|
178
178
|
autoFocus: true,
|
|
@@ -189,7 +189,7 @@ function FilterByTagDlg(props) {
|
|
|
189
189
|
});
|
|
190
190
|
handleClose();
|
|
191
191
|
}
|
|
192
|
-
}, "Submit"), /*#__PURE__*/_react
|
|
192
|
+
}, "Submit"), /*#__PURE__*/_react.default.createElement(_core.Button, {
|
|
193
193
|
variant: "contained",
|
|
194
194
|
color: "secondary",
|
|
195
195
|
onClick: function onClick() {
|
|
@@ -200,4 +200,4 @@ function FilterByTagDlg(props) {
|
|
|
200
200
|
|
|
201
201
|
var _default = (0, _mobxReact.observer)(FilterByTagDlg);
|
|
202
202
|
|
|
203
|
-
exports
|
|
203
|
+
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
|
|
|
@@ -16,12 +16,12 @@ var _Typography = _interopRequireDefault(require("@material-ui/core/Typography")
|
|
|
16
16
|
function LinearPileupDisplayBlurb(props) {
|
|
17
17
|
var model = props.model;
|
|
18
18
|
var sortedBy = model.sortedBy;
|
|
19
|
-
return sortedBy ? /*#__PURE__*/_react
|
|
19
|
+
return sortedBy ? /*#__PURE__*/_react.default.createElement("div", {
|
|
20
20
|
"data-testid": "blurb-".concat(model.sortedBy),
|
|
21
21
|
style: {
|
|
22
22
|
backgroundColor: 'white'
|
|
23
23
|
}
|
|
24
|
-
}, /*#__PURE__*/_react
|
|
24
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
25
25
|
color: "secondary",
|
|
26
26
|
variant: "caption"
|
|
27
27
|
}, model.sortedBy ? "Sorted by ".concat(sortedBy.type.toLowerCase(), " at ").concat(sortedBy.refName, ":").concat(sortedBy.pos) : null)) : null;
|
|
@@ -29,4 +29,4 @@ function LinearPileupDisplayBlurb(props) {
|
|
|
29
29
|
|
|
30
30
|
var _default = (0, _mobxReact.observer)(LinearPileupDisplayBlurb);
|
|
31
31
|
|
|
32
|
-
exports
|
|
32
|
+
exports.default = _default;
|