@jbrowse/plugin-linear-comparative-view 2.6.3 → 2.7.1

package/dist/LGVSyntenyDisplay/model.d.ts

@@ -105,6 +105,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
             value: import("mobx-state-tree").ISimpleType<string>;
         }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    jexlFilters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
 } & {
     /**
      * #property
@@ -263,7 +264,8 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>): void;
-    setFilterBy(filter: import("@jbrowse/plugin-alignments/src/LinearPileupDisplay/SharedLinearPileupDisplayMixin").Filter): void;
+    setFilterBy(filter: import("@jbrowse/plugin-alignments/src/shared").IFilter): void;
+    setJexlFilters(filters: string[]): void;
 } & {
     readonly rendererConfig: {
         [x: string]: any;
@@ -275,6 +277,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     readonly featureHeightSetting: any;
     readonly featureUnderMouse: Feature | undefined;
     renderReady(): boolean;
+    readonly filters: import("@jbrowse/core/pluggableElementTypes/renderers/util/serializableFilterChain").default;
 } & {
     readonly rendererTypeName: string;
     contextMenuItems(): ({
@@ -288,7 +291,16 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
         icon: typeof import("@jbrowse/core/ui/Icons").ContentCopy;
         onClick: () => void;
     })[];
-    readonly DisplayBlurb: (props: import("@jbrowse/plugin-alignments/src/LinearPileupDisplay/components/LinearPileupDisplayBlurb").LinearPileupDisplayBlurbProps) => import("react").JSX.Element | null;
+    readonly DisplayBlurb: ({ model, }: {
+        model: {
+            sortedBy?: {
+                pos: number;
+                refName: number;
+                type: string;
+                tag?: string | undefined;
+            } | undefined;
+        };
+    }) => import("react").JSX.Element | null;
     renderPropsPre(): any;
     colorSchemeSubMenuItems(): {
         label: string;

package/dist/LinearComparativeDisplay/configSchemaF.d.ts

@@ -1,5 +1,5 @@
 /**
  * #config LinearComparativeDisplay
  */
-declare function configSchemaFactory(pluginManager: any): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
+declare function configSchemaFactory(_pluginManager: any): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 export default configSchemaFactory;

package/dist/LinearComparativeDisplay/configSchemaF.js

@@ -5,7 +5,7 @@ const configuration_1 = require("@jbrowse/core/configuration");
 /**
  * #config LinearComparativeDisplay
  */
-function configSchemaFactory(pluginManager) {
+function configSchemaFactory(_pluginManager) {
     return (0, configuration_1.ConfigurationSchema)('LinearComparativeDisplay', {}, {
         explicitlyTyped: true,
         /**

package/dist/LinearComparativeDisplay/stateModelFactory.js

@@ -79,14 +79,14 @@ function stateModelFactory(configSchema) {
                 const newFeatIds = new Set((features === null || features === void 0 ? void 0 : features.map(f => f.id())) || []);
                 let foundNewFeatureNotInExistingMap = false;
                 let foundExistingFeatureNotInNewMap = false;
-                for (let i = 0; i < features.length; i++) {
-                    if (!featIds.has(features[i].id())) {
+                for (const feat of features) {
+                    if (!featIds.has(feat.id())) {
                         foundNewFeatureNotInExistingMap = true;
                         break;
                     }
                 }
-                for (let i = 0; i < existingFeatures.length; i++) {
-                    if (!newFeatIds.has(existingFeatures[i].id())) {
+                for (const existingFeat of existingFeatures) {
+                    if (!newFeatIds.has(existingFeat.id())) {
                         foundExistingFeatureNotInNewMap = true;
                         break;
                     }

package/dist/LinearComparativeView/components/LinearComparativeView.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { LinearComparativeViewModel } from '../model';
 type LCV = LinearComparativeViewModel;
-declare const _default: (props: {
+declare const LinearComparativeView: (props: {
     ExtraButtons?: React.ReactNode;
     model: LCV;
 }) => React.JSX.Element;
-export default _default;
+export default LinearComparativeView;

package/dist/LinearComparativeView/components/LinearComparativeView.js

@@ -91,8 +91,9 @@ const OverlayComparativeView = (0, mobx_react_1.observer)(({ model }) => {
                 })),
                 react_1.default.createElement(Overlays, { model: model })))));
 });
-exports.default = (0, mobx_react_1.observer)(function (props) {
+const LinearComparativeView = (0, mobx_react_1.observer)(function (props) {
     const { model } = props;
     const middle = model.tracks.some(({ displays }) => displays.some((d) => (0, configuration_1.getConf)(d, 'middle')));
     return middle ? (react_1.default.createElement(MiddleComparativeView, { ...props })) : (react_1.default.createElement(OverlayComparativeView, { ...props }));
 });
+exports.default = LinearComparativeView;

package/dist/LinearComparativeView/components/Rubberband.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { LinearComparativeViewModel } from '../model';
 type LCV = LinearComparativeViewModel;
-declare function Rubberband({ model, ControlComponent, }: {
+declare const LinearComparativeRubberband: ({ model, ControlComponent, }: {
     model: LCV;
-    ControlComponent?: React.ReactElement;
-}): React.JSX.Element;
-declare const _default: typeof Rubberband;
-export default _default;
+    ControlComponent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+}) => React.JSX.Element;
+export default LinearComparativeRubberband;

package/dist/LinearComparativeView/components/Rubberband.js

@@ -65,7 +65,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => {
         },
     };
 });
-function Rubberband({ model, ControlComponent = react_1.default.createElement("div", null), }) {
+const LinearComparativeRubberband = (0, mobx_react_1.observer)(function Rubberband({ model, ControlComponent = react_1.default.createElement("div", null), }) {
     const [startX, setStartX] = (0, react_1.useState)();
     const [currentX, setCurrentX] = (0, react_1.useState)();
     // clientX and clientY used for anchorPosition for menu
@@ -199,5 +199,5 @@ function Rubberband({ model, ControlComponent = react_1.default.createElement("d
                 left: anchorPosition.clientX,
                 top: anchorPosition.clientY,
             }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null));
-}
-exports.default = (0, mobx_react_1.observer)(Rubberband);
+});
+exports.default = LinearComparativeRubberband;

package/dist/LinearComparativeView/model.d.ts

@@ -62,12 +62,10 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         volatileWidth: number | undefined;
         minimumBlockWidth: number;
         draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
+        volatileError: unknown;
         afterDisplayedRegionsSetCallbacks: Function[];
         scaleFactor: number;
-        trackRefs: {
-            [key: string]: HTMLDivElement;
-        };
+        trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
         coarseTotalBp: number;
         leftOffset: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined;
@@ -91,7 +89,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: string | Error;
+        readonly error: {};
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -108,7 +106,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
     } & {
         setShowCytobands(flag: boolean): void;
         setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
+        setError(error: unknown): void;
         toggleHeader(): void;
         toggleHeaderOverview(): void;
         toggleNoTracksActive(): void;
@@ -210,6 +208,8 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
             end: number;
             reversed: boolean;
         } | undefined;
+    } & {
+        afterCreate(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     viewTrackConfigs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
 }, {

package/dist/LinearComparativeView/model.js

@@ -140,13 +140,16 @@ function stateModelFactory(pluginManager) {
         // automatically removes session assemblies associated with this view
         // e.g. read vs ref
         beforeDestroy() {
+            var _a;
             const session = (0, util_1.getSession)(self);
-            self.assemblyNames.forEach(asm => session.removeTemporaryAssembly(asm));
+            for (const name of self.assemblyNames) {
+                (_a = session.removeTemporaryAssembly) === null || _a === void 0 ? void 0 : _a.call(session, name);
+            }
         },
         onSubviewAction(actionName, path, args) {
             self.views.forEach(view => {
                 const ret = (0, mobx_state_tree_1.getPath)(view);
-                if (ret.lastIndexOf(path) !== ret.length - path.length) {
+                if (!ret.endsWith(path)) {
                     // @ts-expect-error
                     view[actionName](args === null || args === void 0 ? void 0 : args[0]);
                 }

package/dist/LinearReadVsRef/LinearReadVsRef.js

@@ -93,6 +93,7 @@ function ReadVsRefDialog({ track, feature: preFeature, handleClose, }) {
         })();
     }, [preFeature, track]);
     function onSubmit() {
+        var _a;
         try {
             if (!primaryFeature) {
                 return;
@@ -154,7 +155,7 @@ function ReadVsRefDialog({ track, feature: preFeature, handleClose, }) {
                 end: f.end + windowSize,
                 assemblyName: trackAssembly,
             })));
-            session.addTemporaryAssembly({
+            (_a = session.addTemporaryAssembly) === null || _a === void 0 ? void 0 : _a.call(session, {
                 name: `${readAssembly}`,
                 sequence: {
                     type: 'ReferenceSequenceTrack',

package/dist/LinearSyntenyDisplay/afterAttach.js

@@ -62,8 +62,7 @@ function doAfterAttach(self) {
         }));
         const map = [];
         const feats = self.features || [];
-        for (let i = 0; i < feats.length; i++) {
-            const f = feats[i];
+        for (const f of feats) {
             const mate = f.get('mate');
             let f1s = f.get('start');
             let f1e = f.get('end');

package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LinearSyntenyDisplayModel } from '../model';
-declare const _default: ({ model, }: {
+declare const LinearSyntenyRendering: ({ model, }: {
     model: LinearSyntenyDisplayModel;
 }) => React.JSX.Element;
-export default _default;
+export default LinearSyntenyRendering;

package/dist/LinearSyntenyDisplay/components/LinearSyntenyRendering.js

@@ -32,7 +32,7 @@ const util_1 = require("@jbrowse/core/util");
 // locals
 const SyntenyTooltip_1 = __importDefault(require("./SyntenyTooltip"));
 const drawSynteny_1 = require("../drawSynteny");
-exports.default = (0, mobx_react_1.observer)(function LinearSyntenyRendering({ model, }) {
+const LinearSyntenyRendering = (0, mobx_react_1.observer)(function ({ model, }) {
     const highResolutionScaling = 1;
     const view = (0, util_1.getContainingView)(model);
     const height = view.middleComparativeHeight;
@@ -157,3 +157,4 @@ exports.default = (0, mobx_react_1.observer)(function LinearSyntenyRendering({ m
             }, width: width, height: height }),
         model.mouseoverId && tooltip && currX && currY ? (react_1.default.createElement(SyntenyTooltip_1.default, { x: currX, y: currY, title: tooltip })) : null));
 });
+exports.default = LinearSyntenyRendering;

package/dist/LinearSyntenyDisplay/drawSynteny.js

@@ -43,8 +43,7 @@ function drawRef(model, ctx1, ctx3) {
     // call, a separate loop below draws larger boxes
     ctx1.fillStyle = colorMap.M;
     ctx1.strokeStyle = colorMap.M;
-    for (let i = 0; i < featPos.length; i++) {
-        const { p11, p12, p21, p22 } = featPos[i];
+    for (const { p11, p12, p21, p22 } of featPos) {
         const x11 = p11.offsetPx - offsets[0];
         const x12 = p12.offsetPx - offsets[0];
         const x21 = p21.offsetPx - offsets[1];
@@ -74,8 +73,7 @@ function drawRef(model, ctx1, ctx3) {
     // ctx.stroke once is much more efficient than calling stroke() many times
     ctx1.fillStyle = colorMap.M;
     ctx1.strokeStyle = colorMap.M;
-    for (let i = 0; i < featPos.length; i++) {
-        const { p11, p12, p21, p22, f, cigar } = featPos[i];
+    for (const { p11, p12, p21, p22, f, cigar } of featPos) {
         const x11 = p11.offsetPx - offsets[0];
         const x12 = p12.offsetPx - offsets[0];
         const x21 = p21.offsetPx - offsets[1];

package/dist/LinearSyntenyView/components/ImportCustomTrack.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { SnapshotIn } from 'mobx-state-tree';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 type Conf = SnapshotIn<AnyConfigurationModel>;
-declare const OpenTrack: ({ sessionTrackData, assembly1, assembly2, setSessionTrackData, }: {
+declare const OpenTrack: ({ assembly1, assembly2, setSessionTrackData, }: {
     sessionTrackData: Conf;
     assembly1: string;
     assembly2: string;

package/dist/LinearSyntenyView/components/ImportCustomTrack.js

@@ -99,7 +99,7 @@ function getAdapter({ radioOption, assembly1, assembly2, fileLocation, bed1Locat
         throw new Error('Unknown type');
     }
 }
-const OpenTrack = (0, mobx_react_1.observer)(({ sessionTrackData, assembly1, assembly2, setSessionTrackData, }) => {
+const OpenTrack = (0, mobx_react_1.observer)(({ assembly1, assembly2, setSessionTrackData, }) => {
     const [bed2Location, setBed2Location] = (0, react_1.useState)();
     const [bed1Location, setBed1Location] = (0, react_1.useState)();
     const [fileLocation, setFileLocation] = (0, react_1.useState)();

package/dist/LinearSyntenyView/components/ImportForm.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LinearSyntenyViewModel } from '../model';
-declare const _default: ({ model, }: {
+declare const LinearSyntenyViewImportForm: ({ model, }: {
     model: LinearSyntenyViewModel;
 }) => React.JSX.Element;
-export default _default;
+export default LinearSyntenyViewImportForm;

package/dist/LinearSyntenyView/components/ImportForm.js

@@ -62,7 +62,7 @@ function TrackSelector({ setSessionTrackData, setShowTrackId, sessionTrackData,
         choice === 'custom' ? (react_1.default.createElement(ImportCustomTrack_1.default, { setSessionTrackData: setSessionTrackData, sessionTrackData: sessionTrackData, assembly2: assembly2, assembly1: assembly1 })) : null,
         choice === 'tracklist' ? (react_1.default.createElement(ImportSyntenyTrackSelector_1.default, { model: model, assembly1: assembly1, assembly2: assembly2, setShowTrackId: setShowTrackId })) : null));
 }
-exports.default = (0, mobx_react_1.observer)(function ({ model, }) {
+const LinearSyntenyViewImportForm = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const session = (0, util_1.getSession)(model);
     const { assemblyNames } = session;
@@ -124,3 +124,4 @@ exports.default = (0, mobx_react_1.observer)(function ({ model, }) {
                                 react_1.default.createElement(material_1.Button, { onClick: onOpenClick, variant: "contained", color: "primary" }, "Launch"))))),
                 react_1.default.createElement(TrackSelector, { setShowTrackId: setShowTrackId, assembly2: assembly2, assembly1: assembly1, setSessionTrackData: setSessionTrackData, sessionTrackData: sessionTrackData, model: model })))));
 });
+exports.default = LinearSyntenyViewImportForm;

package/dist/LinearSyntenyView/model.d.ts

@@ -73,12 +73,10 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         volatileWidth: number | undefined;
         minimumBlockWidth: number;
         draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
+        volatileError: unknown;
         afterDisplayedRegionsSetCallbacks: Function[];
         scaleFactor: number;
-        trackRefs: {
-            [key: string]: HTMLDivElement;
-        };
+        trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
         coarseTotalBp: number;
         leftOffset: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined;
@@ -102,7 +100,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: string | Error;
+        readonly error: {};
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -119,7 +117,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         setShowCytobands(flag: boolean): void;
         setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
+        setError(error: unknown): void;
         toggleHeader(): void;
         toggleHeaderOverview(): void;
         toggleNoTracksActive(): void;
@@ -221,6 +219,8 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
             end: number;
             reversed: boolean;
         } | undefined;
+    } & {
+        afterCreate(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     viewTrackConfigs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
 } & {
@@ -323,12 +323,10 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         volatileWidth: number | undefined;
         minimumBlockWidth: number;
         draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
+        volatileError: unknown;
         afterDisplayedRegionsSetCallbacks: Function[];
         scaleFactor: number;
-        trackRefs: {
-            [key: string]: HTMLDivElement;
-        };
+        trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
         coarseTotalBp: number;
         leftOffset: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined;
@@ -352,7 +350,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: string | Error;
+        readonly error: {};
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -369,7 +367,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         setShowCytobands(flag: boolean): void;
         setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
+        setError(error: unknown): void;
         toggleHeader(): void;
         toggleHeaderOverview(): void;
         toggleNoTracksActive(): void;
@@ -471,6 +469,8 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
             end: number;
             reversed: boolean;
         } | undefined;
+    } & {
+        afterCreate(): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -511,12 +511,10 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         volatileWidth: number | undefined;
         minimumBlockWidth: number;
         draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
+        volatileError: unknown;
         afterDisplayedRegionsSetCallbacks: Function[];
         scaleFactor: number;
-        trackRefs: {
-            [key: string]: HTMLDivElement;
-        };
+        trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
         coarseTotalBp: number;
         leftOffset: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined;
@@ -540,7 +538,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: string | Error;
+        readonly error: {};
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -557,7 +555,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         setShowCytobands(flag: boolean): void;
         setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
+        setError(error: unknown): void;
         toggleHeader(): void;
         toggleHeaderOverview(): void;
         toggleNoTracksActive(): void;
@@ -659,6 +657,8 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
             end: number;
             reversed: boolean;
         } | undefined;
+    } & {
+        afterCreate(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
     closeView(): void;
     setMiddleComparativeHeight(n: number): number;

package/dist/LinearSyntenyView/svgcomponents/SVGBackground.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
-const color_1 = __importDefault(require("color"));
+const util_1 = require("@jbrowse/core/util");
 function SVGBackground({ width, height, shift, }) {
     const theme = (0, material_1.useTheme)();
-    return (react_1.default.createElement("rect", { width: width + shift * 2, height: height, fill: (0, color_1.default)(theme.palette.background.default).hex() }));
+    return (react_1.default.createElement("rect", { width: width + shift * 2, height: height, fill: (0, util_1.stripAlpha)(theme.palette.background.default) }));
 }
 exports.default = SVGBackground;

package/dist/SyntenyTrack/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pm: PluginManager) => void;
-export default _default;
+export default function registerSyntenyTrack(pluginManager: PluginManager): void;

package/dist/SyntenyTrack/index.js

@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const TrackType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/TrackType"));
 const configSchema_1 = __importDefault(require("./configSchema"));
-exports.default = (pm) => {
-    pm.addTrackType(() => {
-        const configSchema = (0, configSchema_1.default)(pm);
+function registerSyntenyTrack(pluginManager) {
+    pluginManager.addTrackType(() => {
+        const configSchema = (0, configSchema_1.default)(pluginManager);
         return new TrackType_1.default({
             name: 'SyntenyTrack',
             configSchema,
-            stateModel: (0, models_1.createBaseTrackModel)(pm, 'SyntenyTrack', configSchema),
+            stateModel: (0, models_1.createBaseTrackModel)(pluginManager, 'SyntenyTrack', configSchema),
         });
     });
-};
+}
+exports.default = registerSyntenyTrack;

package/dist/util.js

@@ -30,7 +30,8 @@ exports.getTrackPos = getTrackPos;
 // Uses bpToPx to get the screen pixel coordinates but ignores some conditions
 // where bpToPx could return undefined
 function getPxFromCoordinate(view, refName, coord) {
-    return (((bpToPx(view, { refName, coord }) || {}).offsetPx || 0) - view.offsetPx);
+    var _a;
+    return (((_a = bpToPx(view, { refName, coord })) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0) - view.offsetPx;
 }
 exports.getPxFromCoordinate = getPxFromCoordinate;
 // Retrieves the y-position of a layout record in a track

package/esm/LGVSyntenyDisplay/model.d.ts

@@ -105,6 +105,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
             value: import("mobx-state-tree").ISimpleType<string>;
         }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    jexlFilters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
 } & {
     /**
      * #property
@@ -263,7 +264,8 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>): void;
-    setFilterBy(filter: import("@jbrowse/plugin-alignments/src/LinearPileupDisplay/SharedLinearPileupDisplayMixin").Filter): void;
+    setFilterBy(filter: import("@jbrowse/plugin-alignments/src/shared").IFilter): void;
+    setJexlFilters(filters: string[]): void;
 } & {
     readonly rendererConfig: {
         [x: string]: any;
@@ -275,6 +277,7 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
     readonly featureHeightSetting: any;
     readonly featureUnderMouse: Feature | undefined;
     renderReady(): boolean;
+    readonly filters: import("@jbrowse/core/pluggableElementTypes/renderers/util/serializableFilterChain").default;
 } & {
     readonly rendererTypeName: string;
     contextMenuItems(): ({
@@ -288,7 +291,16 @@ declare function stateModelFactory(schema: AnyConfigurationSchemaType): import("
         icon: typeof import("@jbrowse/core/ui/Icons").ContentCopy;
         onClick: () => void;
     })[];
-    readonly DisplayBlurb: (props: import("@jbrowse/plugin-alignments/src/LinearPileupDisplay/components/LinearPileupDisplayBlurb").LinearPileupDisplayBlurbProps) => import("react").JSX.Element | null;
+    readonly DisplayBlurb: ({ model, }: {
+        model: {
+            sortedBy?: {
+                pos: number;
+                refName: number;
+                type: string;
+                tag?: string | undefined;
+            } | undefined;
+        };
+    }) => import("react").JSX.Element | null;
     renderPropsPre(): any;
     colorSchemeSubMenuItems(): {
         label: string;

package/esm/LinearComparativeDisplay/configSchemaF.d.ts

@@ -1,5 +1,5 @@
 /**
  * #config LinearComparativeDisplay
  */
-declare function configSchemaFactory(pluginManager: any): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
+declare function configSchemaFactory(_pluginManager: any): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 export default configSchemaFactory;

package/esm/LinearComparativeDisplay/configSchemaF.js

@@ -3,7 +3,7 @@ import { ConfigurationSchema } from '@jbrowse/core/configuration';
 /**
  * #config LinearComparativeDisplay
  */
-function configSchemaFactory(pluginManager) {
+function configSchemaFactory(_pluginManager) {
     return ConfigurationSchema('LinearComparativeDisplay', {}, {
         explicitlyTyped: true,
         /**

package/esm/LinearComparativeDisplay/stateModelFactory.js

@@ -77,14 +77,14 @@ function stateModelFactory(configSchema) {
                 const newFeatIds = new Set((features === null || features === void 0 ? void 0 : features.map(f => f.id())) || []);
                 let foundNewFeatureNotInExistingMap = false;
                 let foundExistingFeatureNotInNewMap = false;
-                for (let i = 0; i < features.length; i++) {
-                    if (!featIds.has(features[i].id())) {
+                for (const feat of features) {
+                    if (!featIds.has(feat.id())) {
                         foundNewFeatureNotInExistingMap = true;
                         break;
                     }
                 }
-                for (let i = 0; i < existingFeatures.length; i++) {
-                    if (!newFeatIds.has(existingFeatures[i].id())) {
+                for (const existingFeat of existingFeatures) {
+                    if (!newFeatIds.has(existingFeat.id())) {
                         foundExistingFeatureNotInNewMap = true;
                         break;
                     }

package/esm/LinearComparativeView/components/LinearComparativeView.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { LinearComparativeViewModel } from '../model';
 type LCV = LinearComparativeViewModel;
-declare const _default: (props: {
+declare const LinearComparativeView: (props: {
     ExtraButtons?: React.ReactNode;
     model: LCV;
 }) => React.JSX.Element;
-export default _default;
+export default LinearComparativeView;

package/esm/LinearComparativeView/components/LinearComparativeView.js

@@ -86,8 +86,9 @@ const OverlayComparativeView = observer(({ model }) => {
                 })),
                 React.createElement(Overlays, { model: model })))));
 });
-export default observer(function (props) {
+const LinearComparativeView = observer(function (props) {
     const { model } = props;
     const middle = model.tracks.some(({ displays }) => displays.some((d) => getConf(d, 'middle')));
     return middle ? (React.createElement(MiddleComparativeView, { ...props })) : (React.createElement(OverlayComparativeView, { ...props }));
 });
+export default LinearComparativeView;

package/esm/LinearComparativeView/components/Rubberband.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { LinearComparativeViewModel } from '../model';
 type LCV = LinearComparativeViewModel;
-declare function Rubberband({ model, ControlComponent, }: {
+declare const LinearComparativeRubberband: ({ model, ControlComponent, }: {
     model: LCV;
-    ControlComponent?: React.ReactElement;
-}): React.JSX.Element;
-declare const _default: typeof Rubberband;
-export default _default;
+    ControlComponent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+}) => React.JSX.Element;
+export default LinearComparativeRubberband;

package/esm/LinearComparativeView/components/Rubberband.js

@@ -37,7 +37,7 @@ const useStyles = makeStyles()(theme => {
         },
     };
 });
-function Rubberband({ model, ControlComponent = React.createElement("div", null), }) {
+const LinearComparativeRubberband = observer(function Rubberband({ model, ControlComponent = React.createElement("div", null), }) {
     const [startX, setStartX] = useState();
     const [currentX, setCurrentX] = useState();
     // clientX and clientY used for anchorPosition for menu
@@ -171,5 +171,5 @@ function Rubberband({ model, ControlComponent = React.createElement("div", null)
                 left: anchorPosition.clientX,
                 top: anchorPosition.clientY,
             }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null));
-}
-export default observer(Rubberband);
+});
+export default LinearComparativeRubberband;

package/esm/LinearComparativeView/model.d.ts

@@ -62,12 +62,10 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         volatileWidth: number | undefined;
         minimumBlockWidth: number;
         draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
+        volatileError: unknown;
         afterDisplayedRegionsSetCallbacks: Function[];
         scaleFactor: number;
-        trackRefs: {
-            [key: string]: HTMLDivElement;
-        };
+        trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
         coarseTotalBp: number;
         leftOffset: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined;
@@ -91,7 +89,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: string | Error;
+        readonly error: {};
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -108,7 +106,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
     } & {
         setShowCytobands(flag: boolean): void;
         setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
+        setError(error: unknown): void;
         toggleHeader(): void;
         toggleHeaderOverview(): void;
         toggleNoTracksActive(): void;
@@ -210,6 +208,8 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
             end: number;
             reversed: boolean;
         } | undefined;
+    } & {
+        afterCreate(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     viewTrackConfigs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
 }, {

package/esm/LinearComparativeView/model.js

@@ -112,13 +112,16 @@ function stateModelFactory(pluginManager) {
         // automatically removes session assemblies associated with this view
         // e.g. read vs ref
         beforeDestroy() {
+            var _a;
             const session = getSession(self);
-            self.assemblyNames.forEach(asm => session.removeTemporaryAssembly(asm));
+            for (const name of self.assemblyNames) {
+                (_a = session.removeTemporaryAssembly) === null || _a === void 0 ? void 0 : _a.call(session, name);
+            }
         },
         onSubviewAction(actionName, path, args) {
             self.views.forEach(view => {
                 const ret = getPath(view);
-                if (ret.lastIndexOf(path) !== ret.length - path.length) {
+                if (!ret.endsWith(path)) {
                     // @ts-expect-error
                     view[actionName](args === null || args === void 0 ? void 0 : args[0]);
                 }

package/esm/LinearReadVsRef/LinearReadVsRef.js

@@ -68,6 +68,7 @@ export default function ReadVsRefDialog({ track, feature: preFeature, handleClos
         })();
     }, [preFeature, track]);
     function onSubmit() {
+        var _a;
         try {
             if (!primaryFeature) {
                 return;
@@ -129,7 +130,7 @@ export default function ReadVsRefDialog({ track, feature: preFeature, handleClos
                 end: f.end + windowSize,
                 assemblyName: trackAssembly,
             })));
-            session.addTemporaryAssembly({
+            (_a = session.addTemporaryAssembly) === null || _a === void 0 ? void 0 : _a.call(session, {
                 name: `${readAssembly}`,
                 sequence: {
                     type: 'ReferenceSequenceTrack',

package/esm/LinearSyntenyDisplay/afterAttach.js

@@ -59,8 +59,7 @@ export function doAfterAttach(self) {
         }));
         const map = [];
         const feats = self.features || [];
-        for (let i = 0; i < feats.length; i++) {
-            const f = feats[i];
+        for (const f of feats) {
             const mate = f.get('mate');
             let f1s = f.get('start');
             let f1e = f.get('end');

package/esm/LinearSyntenyDisplay/components/LinearSyntenyRendering.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LinearSyntenyDisplayModel } from '../model';
-declare const _default: ({ model, }: {
+declare const LinearSyntenyRendering: ({ model, }: {
     model: LinearSyntenyDisplayModel;
 }) => React.JSX.Element;
-export default _default;
+export default LinearSyntenyRendering;

package/esm/LinearSyntenyDisplay/components/LinearSyntenyRendering.js

@@ -4,7 +4,7 @@ import { assembleLocString, getContainingView, getSession, isSessionModelWithWid
 // locals
 import SyntenyTooltip from './SyntenyTooltip';
 import { getId, MAX_COLOR_RANGE } from '../drawSynteny';
-export default observer(function LinearSyntenyRendering({ model, }) {
+const LinearSyntenyRendering = observer(function ({ model, }) {
     const highResolutionScaling = 1;
     const view = getContainingView(model);
     const height = view.middleComparativeHeight;
@@ -129,3 +129,4 @@ export default observer(function LinearSyntenyRendering({ model, }) {
             }, width: width, height: height }),
         model.mouseoverId && tooltip && currX && currY ? (React.createElement(SyntenyTooltip, { x: currX, y: currY, title: tooltip })) : null));
 });
+export default LinearSyntenyRendering;

package/esm/LinearSyntenyDisplay/drawSynteny.js

@@ -39,8 +39,7 @@ export function drawRef(model, ctx1, ctx3) {
     // call, a separate loop below draws larger boxes
     ctx1.fillStyle = colorMap.M;
     ctx1.strokeStyle = colorMap.M;
-    for (let i = 0; i < featPos.length; i++) {
-        const { p11, p12, p21, p22 } = featPos[i];
+    for (const { p11, p12, p21, p22 } of featPos) {
         const x11 = p11.offsetPx - offsets[0];
         const x12 = p12.offsetPx - offsets[0];
         const x21 = p21.offsetPx - offsets[1];
@@ -70,8 +69,7 @@ export function drawRef(model, ctx1, ctx3) {
     // ctx.stroke once is much more efficient than calling stroke() many times
     ctx1.fillStyle = colorMap.M;
     ctx1.strokeStyle = colorMap.M;
-    for (let i = 0; i < featPos.length; i++) {
-        const { p11, p12, p21, p22, f, cigar } = featPos[i];
+    for (const { p11, p12, p21, p22, f, cigar } of featPos) {
         const x11 = p11.offsetPx - offsets[0];
         const x12 = p12.offsetPx - offsets[0];
         const x21 = p21.offsetPx - offsets[1];

package/esm/LinearSyntenyView/components/ImportCustomTrack.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { SnapshotIn } from 'mobx-state-tree';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 type Conf = SnapshotIn<AnyConfigurationModel>;
-declare const OpenTrack: ({ sessionTrackData, assembly1, assembly2, setSessionTrackData, }: {
+declare const OpenTrack: ({ assembly1, assembly2, setSessionTrackData, }: {
     sessionTrackData: Conf;
     assembly1: string;
     assembly2: string;

package/esm/LinearSyntenyView/components/ImportCustomTrack.js

@@ -71,7 +71,7 @@ function getAdapter({ radioOption, assembly1, assembly2, fileLocation, bed1Locat
         throw new Error('Unknown type');
     }
 }
-const OpenTrack = observer(({ sessionTrackData, assembly1, assembly2, setSessionTrackData, }) => {
+const OpenTrack = observer(({ assembly1, assembly2, setSessionTrackData, }) => {
     const [bed2Location, setBed2Location] = useState();
     const [bed1Location, setBed1Location] = useState();
     const [fileLocation, setFileLocation] = useState();

package/esm/LinearSyntenyView/components/ImportForm.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LinearSyntenyViewModel } from '../model';
-declare const _default: ({ model, }: {
+declare const LinearSyntenyViewImportForm: ({ model, }: {
     model: LinearSyntenyViewModel;
 }) => React.JSX.Element;
-export default _default;
+export default LinearSyntenyViewImportForm;

package/esm/LinearSyntenyView/components/ImportForm.js

@@ -34,7 +34,7 @@ function TrackSelector({ setSessionTrackData, setShowTrackId, sessionTrackData,
         choice === 'custom' ? (React.createElement(ImportCustomTrack, { setSessionTrackData: setSessionTrackData, sessionTrackData: sessionTrackData, assembly2: assembly2, assembly1: assembly1 })) : null,
         choice === 'tracklist' ? (React.createElement(ImportSyntenyTrackSelector, { model: model, assembly1: assembly1, assembly2: assembly2, setShowTrackId: setShowTrackId })) : null));
 }
-export default observer(function ({ model, }) {
+const LinearSyntenyViewImportForm = observer(function ({ model, }) {
     const { classes } = useStyles();
     const session = getSession(model);
     const { assemblyNames } = session;
@@ -96,3 +96,4 @@ export default observer(function ({ model, }) {
                                 React.createElement(Button, { onClick: onOpenClick, variant: "contained", color: "primary" }, "Launch"))))),
                 React.createElement(TrackSelector, { setShowTrackId: setShowTrackId, assembly2: assembly2, assembly1: assembly1, setSessionTrackData: setSessionTrackData, sessionTrackData: sessionTrackData, model: model })))));
 });
+export default LinearSyntenyViewImportForm;

package/esm/LinearSyntenyView/model.d.ts

@@ -73,12 +73,10 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         volatileWidth: number | undefined;
         minimumBlockWidth: number;
         draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
+        volatileError: unknown;
         afterDisplayedRegionsSetCallbacks: Function[];
         scaleFactor: number;
-        trackRefs: {
-            [key: string]: HTMLDivElement;
-        };
+        trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
         coarseTotalBp: number;
         leftOffset: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined;
@@ -102,7 +100,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: string | Error;
+        readonly error: {};
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -119,7 +117,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         setShowCytobands(flag: boolean): void;
         setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
+        setError(error: unknown): void;
         toggleHeader(): void;
         toggleHeaderOverview(): void;
         toggleNoTracksActive(): void;
@@ -221,6 +219,8 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
             end: number;
             reversed: boolean;
         } | undefined;
+    } & {
+        afterCreate(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     viewTrackConfigs: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>;
 } & {
@@ -323,12 +323,10 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         volatileWidth: number | undefined;
         minimumBlockWidth: number;
         draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
+        volatileError: unknown;
         afterDisplayedRegionsSetCallbacks: Function[];
         scaleFactor: number;
-        trackRefs: {
-            [key: string]: HTMLDivElement;
-        };
+        trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
         coarseTotalBp: number;
         leftOffset: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined;
@@ -352,7 +350,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: string | Error;
+        readonly error: {};
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -369,7 +367,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         setShowCytobands(flag: boolean): void;
         setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
+        setError(error: unknown): void;
         toggleHeader(): void;
         toggleHeaderOverview(): void;
         toggleNoTracksActive(): void;
@@ -471,6 +469,8 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
             end: number;
             reversed: boolean;
         } | undefined;
+    } & {
+        afterCreate(): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -511,12 +511,10 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         volatileWidth: number | undefined;
         minimumBlockWidth: number;
         draggingTrackId: string | undefined;
-        volatileError: Error | undefined;
+        volatileError: unknown;
         afterDisplayedRegionsSetCallbacks: Function[];
         scaleFactor: number;
-        trackRefs: {
-            [key: string]: HTMLDivElement;
-        };
+        trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
         coarseTotalBp: number;
         leftOffset: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset | undefined;
@@ -540,7 +538,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: string | Error;
+        readonly error: {};
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -557,7 +555,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         setShowCytobands(flag: boolean): void;
         setWidth(newWidth: number): void;
-        setError(error: Error | undefined): void;
+        setError(error: unknown): void;
         toggleHeader(): void;
         toggleHeaderOverview(): void;
         toggleNoTracksActive(): void;
@@ -659,6 +657,8 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
             end: number;
             reversed: boolean;
         } | undefined;
+    } & {
+        afterCreate(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>): void;
     closeView(): void;
     setMiddleComparativeHeight(n: number): number;

package/esm/LinearSyntenyView/svgcomponents/SVGBackground.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTheme } from '@mui/material';
-import Color from 'color';
+import { stripAlpha } from '@jbrowse/core/util';
 export default function SVGBackground({ width, height, shift, }) {
     const theme = useTheme();
-    return (React.createElement("rect", { width: width + shift * 2, height: height, fill: Color(theme.palette.background.default).hex() }));
+    return (React.createElement("rect", { width: width + shift * 2, height: height, fill: stripAlpha(theme.palette.background.default) }));
 }

package/esm/SyntenyTrack/index.d.ts

@@ -1,3 +1,2 @@
 import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pm: PluginManager) => void;
-export default _default;
+export default function registerSyntenyTrack(pluginManager: PluginManager): void;

package/esm/SyntenyTrack/index.js

@@ -1,13 +1,13 @@
 import { createBaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 import TrackType from '@jbrowse/core/pluggableElementTypes/TrackType';
 import configSchemaF from './configSchema';
-export default (pm) => {
-    pm.addTrackType(() => {
-        const configSchema = configSchemaF(pm);
+export default function registerSyntenyTrack(pluginManager) {
+    pluginManager.addTrackType(() => {
+        const configSchema = configSchemaF(pluginManager);
         return new TrackType({
             name: 'SyntenyTrack',
             configSchema,
-            stateModel: createBaseTrackModel(pm, 'SyntenyTrack', configSchema),
+            stateModel: createBaseTrackModel(pluginManager, 'SyntenyTrack', configSchema),
         });
     });
-};
+}

package/esm/util.js

@@ -25,7 +25,8 @@ export function getTrackPos(view, trackConfigId) {
 // Uses bpToPx to get the screen pixel coordinates but ignores some conditions
 // where bpToPx could return undefined
 export function getPxFromCoordinate(view, refName, coord) {
-    return (((bpToPx(view, { refName, coord }) || {}).offsetPx || 0) - view.offsetPx);
+    var _a;
+    return (((_a = bpToPx(view, { refName, coord })) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0) - view.offsetPx;
 }
 // Retrieves the y-position of a layout record in a track
 // If track not found returns 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-comparative-view",
-  "version": "2.6.3",
+  "version": "2.7.1",
   "description": "JBrowse 2 linear comparative view",
   "keywords": [
     "jbrowse",
@@ -39,7 +39,6 @@
     "@mui/icons-material": "^5.0.1",
     "@popperjs/core": "^2.0.0",
     "clone": "^2.1.2",
-    "color": "^3.1.3",
     "copy-to-clipboard": "^3.3.1",
     "file-saver": "^2.0.0",
     "react-popper": "^2.0.0"
@@ -50,7 +49,7 @@
     "@jbrowse/plugin-linear-genome-view": "^2.0.0",
     "@mui/material": "^5.0.0",
     "mobx": "^6.0.0",
-    "mobx-react": "^7.0.0",
+    "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
@@ -63,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ed402c87efb0904858d602c363bd1757d5742129"
+  "gitHead": "2cda1611eebd12517f2a3cfc1b612face27005d4"
 }