@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.
Files changed (60) hide show
  1. package/dist/AlignmentsFeatureDetail/AlignmentsFeatureDetail.js +26 -26
  2. package/dist/AlignmentsFeatureDetail/index.js +3 -3
  3. package/dist/AlignmentsFeatureDetail/index.test.js +2 -2
  4. package/dist/AlignmentsTrack/index.js +2 -2
  5. package/dist/BamAdapter/BamAdapter.js +31 -31
  6. package/dist/BamAdapter/BamAdapter.test.js +10 -10
  7. package/dist/BamAdapter/BamSlightlyLazyFeature.js +6 -6
  8. package/dist/BamAdapter/MismatchParser.js +6 -6
  9. package/dist/BamAdapter/MismatchParser.test.js +2 -2
  10. package/dist/BamAdapter/configSchema.js +2 -2
  11. package/dist/BamAdapter/index.js +6 -6
  12. package/dist/CramAdapter/CramAdapter.js +31 -31
  13. package/dist/CramAdapter/CramAdapter.test.js +10 -10
  14. package/dist/CramAdapter/CramSlightlyLazyFeature.js +6 -6
  15. package/dist/CramAdapter/CramTestAdapters.js +18 -18
  16. package/dist/CramAdapter/configSchema.js +2 -2
  17. package/dist/CramAdapter/index.js +6 -6
  18. package/dist/HtsgetBamAdapter/HtsgetBamAdapter.js +9 -9
  19. package/dist/HtsgetBamAdapter/configSchema.js +2 -2
  20. package/dist/HtsgetBamAdapter/index.js +6 -6
  21. package/dist/LinearAlignmentsDisplay/components/AlignmentsDisplay.js +8 -8
  22. package/dist/LinearAlignmentsDisplay/index.js +5 -5
  23. package/dist/LinearAlignmentsDisplay/models/configSchema.js +2 -2
  24. package/dist/LinearAlignmentsDisplay/models/configSchema.test.js +11 -11
  25. package/dist/LinearAlignmentsDisplay/models/model.js +15 -15
  26. package/dist/LinearPileupDisplay/components/ColorByModifications.js +18 -18
  27. package/dist/LinearPileupDisplay/components/ColorByTag.js +11 -11
  28. package/dist/LinearPileupDisplay/components/FilterByTag.js +26 -26
  29. package/dist/LinearPileupDisplay/components/LinearPileupDisplayBlurb.js +4 -4
  30. package/dist/LinearPileupDisplay/components/SetFeatureHeight.js +12 -12
  31. package/dist/LinearPileupDisplay/components/SetMaxHeight.js +10 -10
  32. package/dist/LinearPileupDisplay/components/SortByTag.js +10 -10
  33. package/dist/LinearPileupDisplay/configSchema.js +2 -2
  34. package/dist/LinearPileupDisplay/configSchema.test.js +12 -12
  35. package/dist/LinearPileupDisplay/index.js +4 -4
  36. package/dist/LinearPileupDisplay/model.js +22 -22
  37. package/dist/LinearSNPCoverageDisplay/components/Tooltip.js +10 -10
  38. package/dist/LinearSNPCoverageDisplay/index.js +4 -4
  39. package/dist/LinearSNPCoverageDisplay/models/configSchema.js +1 -1
  40. package/dist/LinearSNPCoverageDisplay/models/configSchema.test.js +7 -7
  41. package/dist/LinearSNPCoverageDisplay/models/model.js +11 -11
  42. package/dist/NestedFrequencyTable.js +7 -7
  43. package/dist/PileupRPC/rpcMethods.js +23 -23
  44. package/dist/PileupRenderer/PileupLayoutSession.js +8 -8
  45. package/dist/PileupRenderer/PileupRenderer.js +37 -37
  46. package/dist/PileupRenderer/components/PileupRendering.js +13 -13
  47. package/dist/PileupRenderer/components/PileupRendering.test.js +2 -2
  48. package/dist/PileupRenderer/configSchema.js +2 -2
  49. package/dist/PileupRenderer/index.js +4 -4
  50. package/dist/SNPCoverageAdapter/SNPCoverageAdapter.js +22 -22
  51. package/dist/SNPCoverageAdapter/configSchema.js +2 -2
  52. package/dist/SNPCoverageAdapter/index.js +6 -6
  53. package/dist/SNPCoverageRenderer/SNPCoverageRenderer.js +12 -12
  54. package/dist/SNPCoverageRenderer/configSchema.js +2 -2
  55. package/dist/SNPCoverageRenderer/index.js +3 -3
  56. package/dist/index.js +10 -10
  57. package/dist/index.test.js +2 -2
  58. package/dist/shared.js +5 -5
  59. package/dist/util.js +3 -3
  60. 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["default"] = void 0;
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["default"].createElement("div", {
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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
43
+ }, showCoverage ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
44
44
  "data-testid": "Blockset-snpcoverage"
45
- }, /*#__PURE__*/_react["default"].createElement(SNPCoverageDisplay.RenderingComponent, {
45
+ }, /*#__PURE__*/_react.default.createElement(SNPCoverageDisplay.RenderingComponent, {
46
46
  model: SNPCoverageDisplay
47
- })), /*#__PURE__*/_react["default"].createElement(_ui.ResizeHandle, {
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["default"].createElement("div", {
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["default"].createElement(PileupDisplay.RenderingComponent, {
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["default"] = _default;
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["default"] = _default;
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["default"])(pluginManager);
22
- return new _DisplayType["default"]({
21
+ var configSchema = (0, _configSchema.default)(pluginManager);
22
+ return new _DisplayType.default({
23
23
  name: 'LinearAlignmentsDisplay',
24
24
  configSchema: configSchema,
25
- stateModel: (0, _model["default"])(pluginManager, configSchema),
25
+ stateModel: (0, _model.default)(pluginManager, configSchema),
26
26
  trackType: 'AlignmentsTrack',
27
27
  viewType: 'LinearGenomeView',
28
- ReactComponent: _AlignmentsDisplay["default"]
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["default"] = void 0;
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["default"] = _default;
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["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); }; }
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["default"])(AlignmentsPlugin, _Plugin);
46
+ (0, _inherits2.default)(AlignmentsPlugin, _Plugin);
47
47
 
48
48
  var _super = _createSuper(AlignmentsPlugin);
49
49
 
50
50
  function AlignmentsPlugin() {
51
- (0, _classCallCheck2["default"])(this, AlignmentsPlugin);
51
+ (0, _classCallCheck2.default)(this, AlignmentsPlugin);
52
52
  return _super.apply(this, arguments);
53
53
  }
54
54
 
55
- (0, _createClass2["default"])(AlignmentsPlugin, [{
55
+ (0, _createClass2.default)(AlignmentsPlugin, [{
56
56
  key: "install",
57
57
  value: function install(pluginManager) {
58
- (0, _PileupRenderer["default"])(pluginManager);
58
+ (0, _PileupRenderer.default)(pluginManager);
59
59
  pluginManager.addRendererType(function () {
60
- return new _BoxRendererType["default"]({
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["default"])(pluginManager);
68
- (0, _LinearPileupDisplay["default"])(pluginManager);
69
- (0, _LinearSNPCoverageDisplay["default"])(pluginManager);
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["default"]);
73
+ }(_Plugin2.default);
74
74
 
75
75
  test('has a type attr', function () {
76
- var configSchema = (0, _configSchema["default"])(new _PluginManager["default"]([new AlignmentsPlugin()]).createPluggableElements().configure());
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["default"] = void 0;
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["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; }
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
- }))["volatile"](function () {
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["default"])(superTrackMenuItems()), [{
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["default"])(self.snpCoverageDisplayConfig, (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.configuration))) {
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["default"])(self.pileupDisplayConfig, (0, _mobxStateTree.getSnapshot)(self.PileupDisplay.configuration))) {
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["default"])((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.filterBy), (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.filterBy))) {
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["default"])((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.colorBy), self.SNPCoverageDisplay.colorBy ? (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.colorBy) : {})) {
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["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
201
+ return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
202
202
  var pileupHeight;
203
- return _regenerator["default"].wrap(function _callee$(_context) {
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["default"];
215
- _context.t1 = _react["default"].Fragment;
216
- _context.t2 = _react["default"];
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["default"];
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["default"] = _default;
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["default"] = void 0;
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["default"].createElement("table", {
43
+ return /*#__PURE__*/_react.default.createElement("table", {
44
44
  className: classes.table
45
- }, /*#__PURE__*/_react["default"].createElement("tbody", null, modifications.map(function (_ref2) {
46
- var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
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["default"].createElement("tr", {
50
+ return /*#__PURE__*/_react.default.createElement("tr", {
51
51
  key: key
52
- }, /*#__PURE__*/_react["default"].createElement("td", null, key), /*#__PURE__*/_react["default"].createElement("td", null, value), /*#__PURE__*/_react["default"].createElement("td", {
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["default"])(modificationTagMap.entries());
68
- return /*#__PURE__*/_react["default"].createElement(_core.Dialog, {
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["default"].createElement(_core.DialogTitle, null, "Color by modifications", /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
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["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", {
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["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, {
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["default"].createElement(ModificationTable, {
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["default"].createElement(_core.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
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["default"].createElement(_core.Button, {
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["default"].createElement(_core.Button, {
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["default"] = _default;
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["default"] = void 0;
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 { "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; }
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["default"])(_useState, 2),
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["default"].createElement(_core.Dialog, {
51
+ return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
52
52
  open: true,
53
53
  onClose: handleClose
54
- }, /*#__PURE__*/_react["default"].createElement(_core.DialogTitle, null, "Color by tag", /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
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["default"].createElement(_Close["default"], null))), /*#__PURE__*/_react["default"].createElement(_core.DialogContent, {
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["default"].createElement(_core.Typography, null, "Enter tag to color by: "), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
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["default"].createElement(_core.TextField, {
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["default"].createElement(_core.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
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["default"].createElement(_core.Button, {
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["default"] = _default;
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["default"] = void 0;
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 { "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; }
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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.TextField, {
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["default"].createElement("div", {
58
+ return /*#__PURE__*/_react.default.createElement("div", {
59
59
  key: key
60
- }, /*#__PURE__*/_react["default"].createElement("input", {
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["default"].createElement("label", {
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["default"])(_useState, 2),
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["default"])(_useState3, 2),
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["default"])(_useState5, 2),
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["default"])(_useState7, 2),
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["default"])(_useState9, 2),
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["default"].createElement(_core.Dialog, {
111
+ return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
112
112
  open: true,
113
113
  onClose: handleClose
114
- }, /*#__PURE__*/_react["default"].createElement(_core.DialogTitle, null, "Filter options", /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
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["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, {
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["default"].createElement(_core.Paper, {
120
+ }, site), ' ', "for details"), /*#__PURE__*/_react.default.createElement(_core.Paper, {
121
121
  className: classes.paper,
122
122
  variant: "outlined"
123
- }, /*#__PURE__*/_react["default"].createElement("div", {
123
+ }, /*#__PURE__*/_react.default.createElement("div", {
124
124
  style: {
125
125
  display: 'flex'
126
126
  }
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, {
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["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_core.Typography, null, "Read must have NONE of these flags"), /*#__PURE__*/_react["default"].createElement(Bitmask, {
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["default"].createElement(_core.Paper, {
133
+ })))), /*#__PURE__*/_react.default.createElement(_core.Paper, {
134
134
  className: classes.paper,
135
135
  variant: "outlined"
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, {
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["default"].createElement(_core.TextField, {
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["default"].createElement(_core.Paper, {
161
+ })), /*#__PURE__*/_react.default.createElement(_core.Paper, {
162
162
  className: classes.paper,
163
163
  variant: "outlined"
164
- }, /*#__PURE__*/_react["default"].createElement(_core.Typography, null, "Filter by read name"), /*#__PURE__*/_react["default"].createElement(_core.TextField, {
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["default"].createElement(_core.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
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["default"].createElement(_core.Button, {
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["default"] = _default;
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["default"] = void 0;
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["default"].createElement("div", {
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["default"].createElement(_Typography["default"], {
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["default"] = _default;
32
+ exports.default = _default;