@jbrowse/plugin-alignments 1.7.0 → 1.7.4

package/dist/LinearAlignmentsDisplay/components/AlignmentsDisplay.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -35,16 +35,16 @@ function AlignmentsDisplay(_ref) {
       showCoverage = model.showCoverage;
   var classes = useStyles();
   var top = SNPCoverageDisplay.height;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "display-".concat((0, _configuration.getConf)(model, 'displayId')),
     style: {
       position: 'relative'
     }
-  }, showCoverage ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+  }, showCoverage ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "Blockset-snpcoverage"
-  }, /*#__PURE__*/_react["default"].createElement(SNPCoverageDisplay.RenderingComponent, {
+  }, /*#__PURE__*/_react.default.createElement(SNPCoverageDisplay.RenderingComponent, {
     model: SNPCoverageDisplay
-  })), /*#__PURE__*/_react["default"].createElement(_ui.ResizeHandle, {
+  })), /*#__PURE__*/_react.default.createElement(_ui.ResizeHandle, {
     onDrag: function onDrag(delta) {
       SNPCoverageDisplay.setHeight(SNPCoverageDisplay.height + delta);
       return delta;
@@ -53,17 +53,17 @@ function AlignmentsDisplay(_ref) {
     style: {
       top: top
     }
-  })) : null, showPileup ? /*#__PURE__*/_react["default"].createElement("div", {
+  })) : null, showPileup ? /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "Blockset-pileup",
     style: {
       position: 'absolute',
       top: showCoverage ? SNPCoverageDisplay.height : 0
     }
-  }, /*#__PURE__*/_react["default"].createElement(PileupDisplay.RenderingComponent, {
+  }, /*#__PURE__*/_react.default.createElement(PileupDisplay.RenderingComponent, {
     model: PileupDisplay
   })) : null);
 }
 
 var _default = (0, _mobxReact.observer)(AlignmentsDisplay);
 
-exports["default"] = _default;
+exports.default = _default;

package/dist/LinearAlignmentsDisplay/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-export default function (pluginManager: PluginManager): void;
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function (pluginManager: PluginManager): void;

package/dist/LinearAlignmentsDisplay/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports.default = _default;
 
 var _DisplayType = _interopRequireDefault(require("@jbrowse/core/pluggableElementTypes/DisplayType"));
 
@@ -18,14 +18,14 @@ var _AlignmentsDisplay = _interopRequireDefault(require("./components/Alignments
 // locals
 function _default(pluginManager) {
   pluginManager.addDisplayType(function () {
-    var configSchema = (0, _configSchema["default"])(pluginManager);
-    return new _DisplayType["default"]({
+    var configSchema = (0, _configSchema.default)(pluginManager);
+    return new _DisplayType.default({
       name: 'LinearAlignmentsDisplay',
       configSchema: configSchema,
-      stateModel: (0, _model["default"])(pluginManager, configSchema),
+      stateModel: (0, _model.default)(pluginManager, configSchema),
       trackType: 'AlignmentsTrack',
       viewType: 'LinearGenomeView',
-      ReactComponent: _AlignmentsDisplay["default"]
+      ReactComponent: _AlignmentsDisplay.default
     });
   });
 }

package/dist/LinearAlignmentsDisplay/models/configSchema.d.ts

@@ -1,4 +1,4 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-declare const configModelFactory: (pluginManager: PluginManager) => import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
-export declare type AlignmentsConfigModel = ReturnType<typeof configModelFactory>;
-export default configModelFactory;
+import PluginManager from '@jbrowse/core/PluginManager';
+declare const configModelFactory: (pluginManager: PluginManager) => import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
+export declare type AlignmentsConfigModel = ReturnType<typeof configModelFactory>;
+export default configModelFactory;

package/dist/LinearAlignmentsDisplay/models/configSchema.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _configuration = require("@jbrowse/core/configuration");
 
@@ -22,4 +22,4 @@ var configModelFactory = function configModelFactory(pluginManager) {
 };
 
 var _default = configModelFactory;
-exports["default"] = _default;
+exports.default = _default;

package/dist/LinearAlignmentsDisplay/models/configSchema.test.js

@@ -30,7 +30,7 @@ var _LinearSNPCoverageDisplay = _interopRequireDefault(require("../../LinearSNPC
 
 var _configSchema = _interopRequireDefault(require("./configSchema"));
 
-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); }; }
+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); }; }
 
 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; } }
 
@@ -43,37 +43,37 @@ afterEach(function () {
 });
 
 var AlignmentsPlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2["default"])(AlignmentsPlugin, _Plugin);
+  (0, _inherits2.default)(AlignmentsPlugin, _Plugin);
 
   var _super = _createSuper(AlignmentsPlugin);
 
   function AlignmentsPlugin() {
-    (0, _classCallCheck2["default"])(this, AlignmentsPlugin);
+    (0, _classCallCheck2.default)(this, AlignmentsPlugin);
     return _super.apply(this, arguments);
   }
 
-  (0, _createClass2["default"])(AlignmentsPlugin, [{
+  (0, _createClass2.default)(AlignmentsPlugin, [{
     key: "install",
     value: function install(pluginManager) {
-      (0, _PileupRenderer["default"])(pluginManager);
+      (0, _PileupRenderer.default)(pluginManager);
       pluginManager.addRendererType(function () {
-        return new _BoxRendererType["default"]({
+        return new _BoxRendererType.default({
           name: 'SvgFeatureRenderer',
           ReactComponent: _pluginSvg.SvgFeatureRendererReactComponent,
           configSchema: _pluginSvg.svgFeatureRendererConfigSchema,
           pluginManager: pluginManager
         });
       });
-      (0, _SNPCoverageRenderer["default"])(pluginManager);
-      (0, _LinearPileupDisplay["default"])(pluginManager);
-      (0, _LinearSNPCoverageDisplay["default"])(pluginManager);
+      (0, _SNPCoverageRenderer.default)(pluginManager);
+      (0, _LinearPileupDisplay.default)(pluginManager);
+      (0, _LinearSNPCoverageDisplay.default)(pluginManager);
     }
   }]);
   return AlignmentsPlugin;
-}(_Plugin2["default"]);
+}(_Plugin2.default);
 
 test('has a type attr', function () {
-  var configSchema = (0, _configSchema["default"])(new _PluginManager["default"]([new AlignmentsPlugin()]).createPluggableElements().configure());
+  var configSchema = (0, _configSchema.default)(new _PluginManager.default([new AlignmentsPlugin()]).createPluggableElements().configure());
   var config = configSchema.create({
     type: 'LinearAlignmentsDisplay',
     displayId: 'display0',

package/dist/LinearAlignmentsDisplay/models/model.d.ts

@@ -1,105 +1,105 @@
-import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import PluginManager from '@jbrowse/core/PluginManager';
-import { MenuItem } from '@jbrowse/core/ui';
-import { Instance } from 'mobx-state-tree';
-import { AlignmentsConfigModel } from './configSchema';
-declare const stateModelFactory: (pluginManager: PluginManager, configSchema: AlignmentsConfigModel) => import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    type: import("mobx-state-tree").ISimpleType<string>;
-    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-} & {
-    PileupDisplay: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IAnyModelType>;
-    SNPCoverageDisplay: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IAnyModelType>;
-    snpCovHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
-    type: import("mobx-state-tree").ISimpleType<"LinearAlignmentsDisplay">;
-    configuration: import("mobx-state-tree").ITypeUnion<any, any, any>;
-    height: import("mobx-state-tree").IType<number | undefined, number, number>;
-    showCoverage: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    showPileup: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    userFeatureScreenDensity: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
-}, {
-    rendererTypeName: string;
-    error: unknown;
-} & {
-    readonly RenderingComponent: React.FC<{
-        model: import("mobx-state-tree").ModelInstanceTypeProps<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }> & {
-            rendererTypeName: string;
-            error: unknown;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }, {
-            rendererTypeName: string;
-            error: unknown;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function | undefined;
-        blockState?: Record<string, any> | undefined;
-    }>;
-    readonly DisplayBlurb: React.FC<{
-        model: import("mobx-state-tree").ModelInstanceTypeProps<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }> & {
-            rendererTypeName: string;
-            error: unknown;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }, {
-            rendererTypeName: string;
-            error: unknown;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    }> | null;
-    readonly adapterConfig: any;
-    readonly parentTrack: any;
-    renderProps(): any;
-    readonly rendererType: any;
-    readonly DisplayMessageComponent: React.FC<any> | undefined;
-    trackMenuItems(): MenuItem[];
-    readonly viewMenuActions: MenuItem[];
-    regionCannotBeRendered(): undefined;
-} & {
-    setError(error?: unknown): void;
-    setRpcDriverName(rpcDriverName: string): void;
-    reload(): void;
-} & {
-    scrollTop: number;
-} & {
-    toggleCoverage(): void;
-    togglePileup(): void;
-    setScrollTop(scrollTop: number): void;
-    setSNPCoverageHeight(n: number): void;
-} & {
-    readonly pileupDisplayConfig: any;
-    getFeatureByID(blockKey: string, id: string): any;
-    searchFeatureByID(id: string): any;
-    readonly features: any;
-    readonly DisplayBlurb: any;
-    readonly sortedBy: any;
-    readonly sortedByPosition: any;
-    readonly sortedByRefName: any;
-    readonly snpCoverageDisplayConfig: any;
-    trackMenuItems(): MenuItem[];
-} & {
-    setSNPCoverageDisplay(displayConfig: AnyConfigurationModel): void;
-    setUserFeatureScreenDensity(limit: number): void;
-    setPileupDisplay(displayConfig: AnyConfigurationModel): void;
-    setHeight(displayHeight: number): number;
-    resizeHeight(distance: number): number;
-} & {
-    afterAttach(): void;
-    renderSvg(opts: {
-        rasterizeLayers?: boolean;
-    }): Promise<JSX.Element>;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-export default stateModelFactory;
-export declare type AlignmentsDisplayStateModel = ReturnType<typeof stateModelFactory>;
-export declare type AlignmentsDisplayModel = Instance<AlignmentsDisplayStateModel>;
+import React from 'react';
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import PluginManager from '@jbrowse/core/PluginManager';
+import { MenuItem } from '@jbrowse/core/ui';
+import { Instance } from 'mobx-state-tree';
+import { AlignmentsConfigModel } from './configSchema';
+declare const stateModelFactory: (pluginManager: PluginManager, configSchema: AlignmentsConfigModel) => import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<string>;
+    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    PileupDisplay: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IAnyModelType>;
+    SNPCoverageDisplay: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IAnyModelType>;
+    snpCovHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
+    type: import("mobx-state-tree").ISimpleType<"LinearAlignmentsDisplay">;
+    configuration: import("mobx-state-tree").ITypeUnion<any, any, any>;
+    height: import("mobx-state-tree").IType<number | undefined, number, number>;
+    showCoverage: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showPileup: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    userFeatureScreenDensity: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+}, {
+    rendererTypeName: string;
+    error: unknown;
+} & {
+    readonly RenderingComponent: React.FC<{
+        model: import("mobx-state-tree").ModelInstanceTypeProps<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }> & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        onHorizontalScroll?: Function | undefined;
+        blockState?: Record<string, any> | undefined;
+    }>;
+    readonly DisplayBlurb: React.FC<{
+        model: import("mobx-state-tree").ModelInstanceTypeProps<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }> & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: any;
+    readonly DisplayMessageComponent: React.FC<any> | undefined;
+    trackMenuItems(): MenuItem[];
+    readonly viewMenuActions: MenuItem[];
+    regionCannotBeRendered(): undefined;
+} & {
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    scrollTop: number;
+} & {
+    toggleCoverage(): void;
+    togglePileup(): void;
+    setScrollTop(scrollTop: number): void;
+    setSNPCoverageHeight(n: number): void;
+} & {
+    readonly pileupDisplayConfig: any;
+    getFeatureByID(blockKey: string, id: string): any;
+    searchFeatureByID(id: string): any;
+    readonly features: any;
+    readonly DisplayBlurb: any;
+    readonly sortedBy: any;
+    readonly sortedByPosition: any;
+    readonly sortedByRefName: any;
+    readonly snpCoverageDisplayConfig: any;
+    trackMenuItems(): MenuItem[];
+} & {
+    setSNPCoverageDisplay(displayConfig: AnyConfigurationModel): void;
+    setUserFeatureScreenDensity(limit: number): void;
+    setPileupDisplay(displayConfig: AnyConfigurationModel): void;
+    setHeight(displayHeight: number): number;
+    resizeHeight(distance: number): number;
+} & {
+    afterAttach(): void;
+    renderSvg(opts: {
+        rasterizeLayers?: boolean;
+    }): Promise<JSX.Element>;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export default stateModelFactory;
+export declare type AlignmentsDisplayStateModel = ReturnType<typeof stateModelFactory>;
+export declare type AlignmentsDisplayModel = Instance<AlignmentsDisplayStateModel>;

package/dist/LinearAlignmentsDisplay/models/model.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -31,7 +31,7 @@ var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
 
 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; }
 
-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; }
+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; }
 
 var minDisplayHeight = 20;
 
@@ -46,7 +46,7 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
     showCoverage: true,
     showPileup: true,
     userFeatureScreenDensity: _mobxStateTree.types.maybe(_mobxStateTree.types.number)
-  }))["volatile"](function () {
+  })).volatile(function () {
     return {
       scrollTop: 0
     };
@@ -120,7 +120,7 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
       },
 
       trackMenuItems: function trackMenuItems() {
-        return [].concat((0, _toConsumableArray2["default"])(superTrackMenuItems()), [{
+        return [].concat((0, _toConsumableArray2.default)(superTrackMenuItems()), [{
           type: 'subMenu',
           label: 'Pileup settings',
           subMenu: self.PileupDisplay.trackMenuItems()
@@ -171,25 +171,25 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
         (0, _mobxStateTree.addDisposer)(self, (0, _mobx.autorun)(function () {
           if (!self.SNPCoverageDisplay) {
             self.setSNPCoverageDisplay(self.snpCoverageDisplayConfig);
-          } else if (!(0, _fastDeepEqual["default"])(self.snpCoverageDisplayConfig, (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.configuration))) {
+          } else if (!(0, _fastDeepEqual.default)(self.snpCoverageDisplayConfig, (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.configuration))) {
             self.SNPCoverageDisplay.setHeight(self.snpCovHeight);
             self.SNPCoverageDisplay.setConfig(self.snpCoverageDisplayConfig);
           }
 
           if (!self.PileupDisplay) {
             self.setPileupDisplay(self.pileupDisplayConfig);
-          } else if (!(0, _fastDeepEqual["default"])(self.pileupDisplayConfig, (0, _mobxStateTree.getSnapshot)(self.PileupDisplay.configuration))) {
+          } else if (!(0, _fastDeepEqual.default)(self.pileupDisplayConfig, (0, _mobxStateTree.getSnapshot)(self.PileupDisplay.configuration))) {
             self.PileupDisplay.setConfig(self.pileupDisplayConfig);
           } // propagate the filterBy setting from pileupdisplay to snpcoverage
           // note: the snpcoverage display is not able to control filterBy
           // itself
 
 
-          if (self.PileupDisplay.filterBy && !(0, _fastDeepEqual["default"])((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.filterBy), (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.filterBy))) {
+          if (self.PileupDisplay.filterBy && !(0, _fastDeepEqual.default)((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.filterBy), (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.filterBy))) {
             self.SNPCoverageDisplay.setFilterBy((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.filterBy));
           }
 
-          if (self.PileupDisplay.colorBy && !(0, _fastDeepEqual["default"])((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.colorBy), self.SNPCoverageDisplay.colorBy ? (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.colorBy) : {})) {
+          if (self.PileupDisplay.colorBy && !(0, _fastDeepEqual.default)((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.colorBy), self.SNPCoverageDisplay.colorBy ? (0, _mobxStateTree.getSnapshot)(self.SNPCoverageDisplay.colorBy) : {})) {
             self.SNPCoverageDisplay.setColorBy((0, _mobxStateTree.getSnapshot)(self.PileupDisplay.colorBy));
           }
         }));
@@ -198,9 +198,9 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
         }));
       },
       renderSvg: function renderSvg(opts) {
-        return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
           var pileupHeight;
-          return _regenerator["default"].wrap(function _callee$(_context) {
+          return _regenerator.default.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
@@ -211,16 +211,16 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
                   });
 
                 case 3:
-                  _context.t0 = _react["default"];
-                  _context.t1 = _react["default"].Fragment;
-                  _context.t2 = _react["default"];
+                  _context.t0 = _react.default;
+                  _context.t1 = _react.default.Fragment;
+                  _context.t2 = _react.default;
                   _context.next = 8;
                   return self.SNPCoverageDisplay.renderSvg(opts);
 
                 case 8:
                   _context.t3 = _context.sent;
                   _context.t4 = _context.t2.createElement.call(_context.t2, "g", null, _context.t3);
-                  _context.t5 = _react["default"];
+                  _context.t5 = _react.default;
                   _context.t6 = {
                     transform: "translate(0 ".concat(self.SNPCoverageDisplay.height, ")")
                   };
@@ -247,4 +247,4 @@ var stateModelFactory = function stateModelFactory(pluginManager, configSchema)
 };
 
 var _default = stateModelFactory;
-exports["default"] = _default;
+exports.default = _default;

package/dist/LinearPileupDisplay/components/ColorByModifications.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { ObservableMap } from 'mobx';
-declare function ColorByTagDlg(props: {
-    model: {
-        setColorScheme: Function;
-        modificationTagMap: ObservableMap<string, string>;
-        colorBy?: {
-            type: string;
-        };
-    };
-    handleClose: () => void;
-}): JSX.Element;
-declare const _default: typeof ColorByTagDlg;
-export default _default;
+/// <reference types="react" />
+import { ObservableMap } from 'mobx';
+declare function ColorByTagDlg(props: {
+    model: {
+        setColorScheme: Function;
+        modificationTagMap: ObservableMap<string, string>;
+        colorBy?: {
+            type: string;
+        };
+    };
+    handleClose: () => void;
+}): JSX.Element;
+declare const _default: typeof ColorByTagDlg;
+export default _default;

package/dist/LinearPileupDisplay/components/ColorByModifications.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -40,16 +40,16 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
 function ModificationTable(_ref) {
   var modifications = _ref.modifications;
   var classes = useStyles();
-  return /*#__PURE__*/_react["default"].createElement("table", {
+  return /*#__PURE__*/_react.default.createElement("table", {
     className: classes.table
-  }, /*#__PURE__*/_react["default"].createElement("tbody", null, modifications.map(function (_ref2) {
-    var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+  }, /*#__PURE__*/_react.default.createElement("tbody", null, modifications.map(function (_ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
         key = _ref3[0],
         value = _ref3[1];
 
-    return /*#__PURE__*/_react["default"].createElement("tr", {
+    return /*#__PURE__*/_react.default.createElement("tr", {
       key: key
-    }, /*#__PURE__*/_react["default"].createElement("td", null, key), /*#__PURE__*/_react["default"].createElement("td", null, value), /*#__PURE__*/_react["default"].createElement("td", {
+    }, /*#__PURE__*/_react.default.createElement("td", null, key), /*#__PURE__*/_react.default.createElement("td", null, value), /*#__PURE__*/_react.default.createElement("td", {
       style: {
         width: '1em',
         background: value
@@ -64,25 +64,25 @@ function ColorByTagDlg(props) {
       handleClose = props.handleClose;
   var colorBy = model.colorBy,
       modificationTagMap = model.modificationTagMap;
-  var modifications = (0, _toConsumableArray2["default"])(modificationTagMap.entries());
-  return /*#__PURE__*/_react["default"].createElement(_core.Dialog, {
+  var modifications = (0, _toConsumableArray2.default)(modificationTagMap.entries());
+  return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
     open: true,
     onClose: handleClose
-  }, /*#__PURE__*/_react["default"].createElement(_core.DialogTitle, null, "Color by modifications", /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Color by modifications", /*#__PURE__*/_react.default.createElement(_core.IconButton, {
     "aria-label": "close",
     className: classes.closeButton,
     onClick: handleClose
-  }, /*#__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", {
+  }, /*#__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", {
     style: {
       margin: 20
     }
-  }, (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, {
-    modifications: (0, _toConsumableArray2["default"])(modificationTagMap.entries())
-  })) : /*#__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, {
+  }, (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, {
+    modifications: (0, _toConsumableArray2.default)(modificationTagMap.entries())
+  })) : /*#__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, {
     size: 15
-  }))) : null, (colorBy === null || colorBy === void 0 ? void 0 : colorBy.type) === 'methylation' ? /*#__PURE__*/_react["default"].createElement(ModificationTable, {
+  }))) : null, (colorBy === null || colorBy === void 0 ? void 0 : colorBy.type) === 'methylation' ? /*#__PURE__*/_react.default.createElement(ModificationTable, {
     modifications: [['methylated', 'red'], ['unmethylated', 'blue']]
-  }) : null), /*#__PURE__*/_react["default"].createElement(_core.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  }) : null), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
     variant: "contained",
     color: "primary",
     style: {
@@ -94,7 +94,7 @@ function ColorByTagDlg(props) {
       });
       handleClose();
     }
-  }, "Modifications"), /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  }, "Modifications"), /*#__PURE__*/_react.default.createElement(_core.Button, {
     variant: "contained",
     color: "primary",
     style: {
@@ -106,7 +106,7 @@ function ColorByTagDlg(props) {
       });
       handleClose();
     }
-  }, "Methylation"), /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  }, "Methylation"), /*#__PURE__*/_react.default.createElement(_core.Button, {
     variant: "contained",
     color: "secondary",
     style: {
@@ -120,4 +120,4 @@ function ColorByTagDlg(props) {
 
 var _default = (0, _mobxReact.observer)(ColorByTagDlg);
 
-exports["default"] = _default;
+exports.default = _default;

package/dist/LinearPileupDisplay/components/ColorByTag.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-declare function ColorByTagDlg(props: {
-    model: {
-        setColorScheme: Function;
-    };
-    handleClose: () => void;
-}): JSX.Element;
-declare const _default: typeof ColorByTagDlg;
-export default _default;
+/// <reference types="react" />
+declare function ColorByTagDlg(props: {
+    model: {
+        setColorScheme: Function;
+    };
+    handleClose: () => void;
+}): JSX.Element;
+declare const _default: typeof ColorByTagDlg;
+export default _default;