@jbrowse/plugin-linear-comparative-view 2.16.1 → 2.18.0

package/dist/LinearSyntenyDisplay/configSchemaF.d.ts

@@ -1,20 +1,9 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-/**
- * #config LinearSyntenyDisplay
- */
+import type PluginManager from '@jbrowse/core/PluginManager';
 declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     * currently unused
-     */
     trackIds: {
         type: string;
         defaultValue: never[];
     };
-    /**
-     * #slot
-     * currently unused
-     */
     middle: {
         type: string;
         defaultValue: boolean;

package/dist/LinearSyntenyDisplay/configSchemaF.js

@@ -5,29 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const configSchemaF_1 = __importDefault(require("../LinearComparativeDisplay/configSchemaF"));
-/**
- * #config LinearSyntenyDisplay
- */
 function configSchemaFactory(pluginManager) {
     return (0, configuration_1.ConfigurationSchema)('LinearSyntenyDisplay', {
-        /**
-         * #slot
-         * currently unused
-         */
         trackIds: {
             type: 'stringArray',
             defaultValue: [],
         },
-        /**
-         * #slot
-         * currently unused
-         */
         middle: { type: 'boolean', defaultValue: true },
     }, {
-        /**
-         * #baseConfiguration
-         * this refers to the LinearComparativeDisplay
-         */
         baseConfiguration: (0, configSchemaF_1.default)(pluginManager),
         explicitlyTyped: true,
     });

package/dist/LinearSyntenyDisplay/drawSynteny.d.ts

@@ -1,4 +1,4 @@
-import { LinearSyntenyDisplayModel } from './model';
+import type { LinearSyntenyDisplayModel } from './model';
 export declare const MAX_COLOR_RANGE: number;
 export declare function getId(r: number, g: number, b: number, unitMultiplier: number): number;
 export declare function drawRef(model: LinearSyntenyDisplayModel, ctx1: CanvasRenderingContext2D, ctx3?: CanvasRenderingContext2D): void;

package/dist/LinearSyntenyDisplay/drawSynteny.js

@@ -6,7 +6,7 @@ exports.drawRef = drawRef;
 exports.drawMouseoverSynteny = drawMouseoverSynteny;
 const util_1 = require("@jbrowse/core/util");
 const util_2 = require("./components/util");
-exports.MAX_COLOR_RANGE = 255 * 255 * 255; // max color range
+exports.MAX_COLOR_RANGE = 255 * 255 * 255;
 function makeColor(idx) {
     const r = Math.floor(idx / (255 * 255)) % 255;
     const g = Math.floor(idx / 255) % 255;
@@ -40,8 +40,6 @@ function drawRef(model, ctx1, ctx3) {
     ctx1.beginPath();
     const offsets = view.views.map(v => v.offsetPx);
     const unitMultiplier = Math.floor(exports.MAX_COLOR_RANGE / featPositions.length);
-    // this loop is optimized to draw many thin lines with a single ctx.stroke
-    // call, a separate loop below draws larger boxes
     ctx1.fillStyle = colorMap.M;
     ctx1.strokeStyle = colorMap.M;
     for (const { p11, p12, p21, p22 } of featPositions) {
@@ -54,8 +52,6 @@ function drawRef(model, ctx1, ctx3) {
         const y1 = 0;
         const y2 = height;
         const mid = (y2 - y1) / 2;
-        // drawing a line if the results are thin results in much less pixellation
-        // than filling in a thin polygon
         if (l1 <= lineLimit &&
             l2 <= lineLimit &&
             x21 < width + oobLimit &&
@@ -70,8 +66,6 @@ function drawRef(model, ctx1, ctx3) {
         }
     }
     ctx1.stroke();
-    // this loop only draws small lines as a polyline, the polyline calls
-    // ctx.stroke once is much more efficient than calling stroke() many times
     ctx1.fillStyle = colorMap.M;
     ctx1.strokeStyle = colorMap.M;
     for (const { p11, p12, p21, p22, f, cigar } of featPositions) {
@@ -91,17 +85,12 @@ function drawRef(model, ctx1, ctx3) {
             const s1 = f.get('strand');
             const k1 = s1 === -1 ? x12 : x11;
             const k2 = s1 === -1 ? x11 : x12;
-            // rev1/rev2 flip the direction of the CIGAR drawing in horizontally flipped
-            // modes. somewhat heuristically determined, but tested for
             const rev1 = k1 < k2 ? 1 : -1;
             const rev2 = (x21 < x22 ? 1 : -1) * s1;
-            // cx1/cx2 are the current x positions on top and bottom rows
             let cx1 = k1;
             let cx2 = s1 === -1 ? x22 : x21;
             if (cigar.length && drawCIGAR) {
-                // continuingFlag skips drawing commands on very small CIGAR features
                 let continuingFlag = false;
-                // px1/px2 are the previous x positions on the top and bottom rows
                 let px1 = 0;
                 let px2 = 0;
                 const unitMultiplier2 = Math.floor(exports.MAX_COLOR_RANGE / cigar.length);
@@ -122,17 +111,11 @@ function drawRef(model, ctx1, ctx3) {
                     else if (op === 'D' || op === 'N') {
                         cx1 += d1 * rev1;
                     }
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                     else if (op === 'I') {
                         cx2 += d2 * rev2;
                     }
-                    // check that we are even drawing in view here, e.g. that all
-                    // points are not all less than 0 or greater than width
                     if (!(Math.max(px1, px2, cx1, cx2) < 0 ||
                         Math.min(px1, px2, cx1, cx2) > width)) {
-                        // if it is a small feature and not the last element of the
-                        // CIGAR (which could skip rendering it entire if we did turn
-                        // it on), then turn on continuing flag
                         const isNotLast = j < cigar.length - 2;
                         if (Math.abs(cx1 - px1) <= 1 &&
                             Math.abs(cx2 - px2) <= 1 &&
@@ -140,9 +123,6 @@ function drawRef(model, ctx1, ctx3) {
                             continuingFlag = true;
                         }
                         else {
-                            // allow rendering the dominant color when using continuing
-                            // flag if the last element of continuing was a large
-                            // feature, else just use match
                             ctx1.fillStyle =
                                 colorMap[(continuingFlag && d1 > 1) || d2 > 1 ? op : 'M'];
                             continuingFlag = false;
@@ -163,7 +143,6 @@ function drawRef(model, ctx1, ctx3) {
             }
         }
     }
-    // draw click map
     const ctx2 = (_a = model.clickMapCanvas) === null || _a === void 0 ? void 0 : _a.getContext('2d');
     if (!ctx2) {
         return;
@@ -174,7 +153,6 @@ function drawRef(model, ctx1, ctx3) {
         const feature = featPositions[i];
         const idx = i * unitMultiplier + 1;
         ctx2.fillStyle = makeColor(idx);
-        // too many click map false positives with colored stroked lines
         (0, util_2.drawMatchSimple)({
             cb: ctx => {
                 ctx.fill();

package/dist/LinearSyntenyDisplay/index.d.ts

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

package/dist/LinearSyntenyDisplay/index.js

@@ -27,11 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = LinearSyntenyDisplayF;
+const react_1 = require("react");
 const DisplayType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/DisplayType"));
-// locals
 const configSchemaF_1 = __importDefault(require("./configSchemaF"));
 const model_1 = __importDefault(require("./model"));
-const react_1 = require("react");
 function LinearSyntenyDisplayF(pluginManager) {
     pluginManager.addDisplayType(() => {
         const configSchema = (0, configSchemaF_1.default)(pluginManager);

package/dist/LinearSyntenyDisplay/model.d.ts

@@ -1,6 +1,6 @@
-import { Instance } from 'mobx-state-tree';
-import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-import { Feature } from '@jbrowse/core/util';
+import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
+import type { Instance } from 'mobx-state-tree';
 interface Pos {
     offsetPx: number;
 }
@@ -12,11 +12,6 @@ export interface FeatPos {
     f: Feature;
     cigar: string[];
 }
-/**
- * #stateModel LinearSyntenyDisplay
- * extends
- * - [LinearComparativeDisplay](../linearcomparativedisplay)
- */
 declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): 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>;
@@ -25,13 +20,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     type: import("mobx-state-tree").ISimpleType<"LinearComparativeDisplay">;
     configuration: AnyConfigurationSchemaType;
 } & {
-    /**
-     * #property
-     */
     type: import("mobx-state-tree").ISimpleType<"LinearSyntenyDisplay">;
-    /**
-     * #property
-     */
     configuration: AnyConfigurationSchemaType;
 }, {
     rendererTypeName: string;
@@ -92,7 +81,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     setRpcDriverName(rpcDriverName: string): void;
     reload(): void;
 } & {
-    renderInProgress: AbortController | undefined;
+    renderInProgress: string | undefined;
     features: Feature[] | undefined;
     message: string | undefined;
 } & {
@@ -113,12 +102,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
                     setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
                         [x: string]: any;
                     } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
-                } & import("mobx-state-tree" /**
-                 * #volatile
-                 * canvas for drawing mouseover shading this is separate from the other
-                 * code for speed: don't have to redraw entire canvas to do a feature's
-                 * mouseover shading
-                 */).IStateTreeNode<AnyConfigurationSchemaType>);
+                } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
             } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             rendererTypeName: string;
@@ -179,7 +163,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             setRpcDriverName(rpcDriverName: string): void;
             reload(): void;
         } & {
-            renderInProgress: AbortController | undefined;
+            renderInProgress: string | undefined;
             features: Feature[] | undefined;
             message: string | undefined;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
@@ -248,14 +232,14 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             setRpcDriverName(rpcDriverName: string): void;
             reload(): void;
         } & {
-            renderInProgress: AbortController | undefined;
+            renderInProgress: string | undefined;
             features: Feature[] | undefined;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
         highResolutionScaling: number;
     };
 } & {
-    setLoading(abortController: AbortController): void;
+    setLoading(newStopToken: string): void;
     setMessage(messageText: string): void;
     setRendered(args?: {
         features: Feature[];
@@ -264,106 +248,28 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
 } & {
     afterAttach(): void;
 } & {
-    /**
-     * #volatile
-     * canvas used for drawing visible screen
-     */
     mainCanvas: HTMLCanvasElement | null;
-    /**
-     * #volatile
-     * canvas used for drawing click map with feature ids this renders a
-     * unique color per alignment, so that it can be re-traced after a
-     * feature click with getImageData at that pixel
-     */
     clickMapCanvas: HTMLCanvasElement | null;
-    /**
-     * #volatile
-     * canvas used for drawing click map with cigar data this can show if you
-     * are mousing over a insertion/deletion. it is similar in purpose to the
-     * clickMapRef but was not feasible to pack this into the clickMapRef
-     */
     cigarClickMapCanvas: HTMLCanvasElement | null;
-    /**
-     * #volatile
-     * canvas for drawing mouseover shading this is separate from the other
-     * code for speed: don't have to redraw entire canvas to do a feature's
-     * mouseover shading
-     */
     mouseoverCanvas: HTMLCanvasElement | null;
-    /**
-     * #volatile
-     * assigned by reaction
-     */
     featPositions: FeatPos[];
-    /**
-     * #volatile
-     * currently mouse'd over feature
-     */
     mouseoverId: string | undefined;
-    /**
-     * #volatile
-     * currently click'd over feature
-     */
     clickId: string | undefined;
-    /**
-     * #volatile
-     * currently mouseover'd CIGAR subfeature
-     */
     cigarMouseoverId: number;
 } & {
-    /**
-     * #action
-     */
     setFeatPositions(arg: FeatPos[]): void;
-    /**
-     * #action
-     */
     setMainCanvasRef(ref: HTMLCanvasElement | null): void;
-    /**
-     * #action
-     */
     setClickMapCanvasRef(ref: HTMLCanvasElement | null): void;
-    /**
-     * #action
-     */
     setCigarClickMapCanvasRef(ref: HTMLCanvasElement | null): void;
-    /**
-     * #action
-     */
     setMouseoverCanvasRef(ref: HTMLCanvasElement | null): void;
-    /**
-     * #action
-     */
     setMouseoverId(arg?: string): void;
-    /**
-     * #action
-     */
     setCigarMouseoverId(arg: number): void;
-    /**
-     * #action
-     */
     setClickId(arg?: string): void;
 } & {
-    /**
-     * #getter
-     */
     readonly adapterConfig: any;
-    /**
-     * #getter
-     */
     readonly trackIds: string[];
-    /**
-     * #getter
-     */
     readonly numFeats: number;
-    /**
-     * #getter
-     * used for synteny svg rendering
-     */
     readonly ready: boolean;
-    /**
-     * #getter
-     */
     readonly featMap: {
         [k: string]: FeatPos;
     };

package/dist/LinearSyntenyDisplay/model.js

@@ -26,129 +26,52 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const mobx_state_tree_1 = require("mobx-state-tree");
 const configuration_1 = require("@jbrowse/core/configuration");
-// locals
+const mobx_state_tree_1 = require("mobx-state-tree");
 const stateModelFactory_1 = __importDefault(require("../LinearComparativeDisplay/stateModelFactory"));
-/**
- * #stateModel LinearSyntenyDisplay
- * extends
- * - [LinearComparativeDisplay](../linearcomparativedisplay)
- */
 function stateModelFactory(configSchema) {
     return mobx_state_tree_1.types
         .compose('LinearSyntenyDisplay', (0, stateModelFactory_1.default)(configSchema), mobx_state_tree_1.types.model({
-        /**
-         * #property
-         */
         type: mobx_state_tree_1.types.literal('LinearSyntenyDisplay'),
-        /**
-         * #property
-         */
         configuration: (0, configuration_1.ConfigurationReference)(configSchema),
     }))
         .volatile(() => ({
-        /**
-         * #volatile
-         * canvas used for drawing visible screen
-         */
         mainCanvas: null,
-        /**
-         * #volatile
-         * canvas used for drawing click map with feature ids this renders a
-         * unique color per alignment, so that it can be re-traced after a
-         * feature click with getImageData at that pixel
-         */
         clickMapCanvas: null,
-        /**
-         * #volatile
-         * canvas used for drawing click map with cigar data this can show if you
-         * are mousing over a insertion/deletion. it is similar in purpose to the
-         * clickMapRef but was not feasible to pack this into the clickMapRef
-         */
         cigarClickMapCanvas: null,
-        /**
-         * #volatile
-         * canvas for drawing mouseover shading this is separate from the other
-         * code for speed: don't have to redraw entire canvas to do a feature's
-         * mouseover shading
-         */
         mouseoverCanvas: null,
-        /**
-         * #volatile
-         * assigned by reaction
-         */
         featPositions: [],
-        /**
-         * #volatile
-         * currently mouse'd over feature
-         */
         mouseoverId: undefined,
-        /**
-         * #volatile
-         * currently click'd over feature
-         */
         clickId: undefined,
-        /**
-         * #volatile
-         * currently mouseover'd CIGAR subfeature
-         */
         cigarMouseoverId: -1,
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
         setFeatPositions(arg) {
             self.featPositions = arg;
         },
-        /**
-         * #action
-         */
         setMainCanvasRef(ref) {
             self.mainCanvas = ref;
         },
-        /**
-         * #action
-         */
         setClickMapCanvasRef(ref) {
             self.clickMapCanvas = ref;
         },
-        /**
-         * #action
-         */
         setCigarClickMapCanvasRef(ref) {
             self.cigarClickMapCanvas = ref;
         },
-        /**
-         * #action
-         */
         setMouseoverCanvasRef(ref) {
             self.mouseoverCanvas = ref;
         },
-        /**
-         * #action
-         */
         setMouseoverId(arg) {
             self.mouseoverId = arg;
         },
-        /**
-         * #action
-         */
         setCigarMouseoverId(arg) {
             self.cigarMouseoverId = arg;
         },
-        /**
-         * #action
-         */
         setClickId(arg) {
             self.clickId = arg;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get adapterConfig() {
             return {
                 name: self.parentTrack.configuration.adapter.type,
@@ -156,35 +79,21 @@ function stateModelFactory(configSchema) {
                 ...(0, configuration_1.getConf)(self.parentTrack, 'adapter'),
             };
         },
-        /**
-         * #getter
-         */
         get trackIds() {
             return (0, configuration_1.getConf)(self, 'trackIds');
         },
-        /**
-         * #getter
-         */
         get numFeats() {
             return self.featPositions.length;
         },
-        /**
-         * #getter
-         * used for synteny svg rendering
-         */
         get ready() {
             return this.numFeats > 0;
         },
-        /**
-         * #getter
-         */
         get featMap() {
             return Object.fromEntries(self.featPositions.map(f => [f.f.id(), f]));
         },
     }))
         .actions(self => ({
         afterAttach() {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
             ;
             (async () => {
                 try {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ExportSvgOptions } from '../model';
+import type { ExportSvgOptions } from '../model';
 export default function ExportSvgDialog({ model, handleClose, }: {
     model: {
         exportSvg(opts: ExportSvgOptions): Promise<void>;

package/dist/LinearSyntenyView/components/ExportSvgDialog.js

@@ -25,9 +25,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ExportSvgDialog;
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
 function LoadingMessage() {
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(material_1.CircularProgress, { size: 20, style: { marginRight: 20 } }),
@@ -65,9 +65,7 @@ function ExportSvgDialog({ model, handleClose, }) {
             react_1.default.createElement("br", null),
             session.allThemes ? (react_1.default.createElement(TextField2, { select: true, label: "Theme", variant: "outlined", value: themeName, onChange: event => {
                     setThemeName(event.target.value);
-                } }, Object.entries(session.allThemes()).map(([key, val]) => (react_1.default.createElement(material_1.MenuItem, { key: key, value: key }, 
-            // @ts-expect-error
-            val.name || '(Unknown name)'))))) : null,
+                } }, Object.entries(session.allThemes()).map(([key, val]) => (react_1.default.createElement(material_1.MenuItem, { key: key, value: key }, val.name || '(Unknown name)'))))) : null,
             offscreenCanvas ? (react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: rasterizeLayers, onChange: () => {
                         setRasterizeLayers(val => !val);
                     } }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : (react_1.default.createElement(material_1.Typography, null, "Note: rasterizing layers not yet supported in this browser, so SVG size may be large"))),

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SvgIconProps } from '@mui/material';
+import type { SvgIconProps } from '@mui/material';
 export declare function Curves(props: SvgIconProps): React.JSX.Element;
 export declare function StraightLines(props: SvgIconProps): React.JSX.Element;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SnapshotIn } from 'mobx-state-tree';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { SnapshotIn } from 'mobx-state-tree';
 type Conf = SnapshotIn<AnyConfigurationModel>;
 declare const ImportCustomTrack: ({ assembly1, assembly2, setUserOpenedSyntenyTrack, }: {
     assembly1: string;

package/dist/LinearSyntenyView/components/ImportForm/AddCustomTrack.js

@@ -24,8 +24,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const util_1 = require("./util");
 function getAdapter({ radioOption, assembly1, assembly2, fileLocation, indexFileLocation, bed1Location, bed2Location, }) {

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

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

package/dist/LinearSyntenyView/components/ImportForm/LinearSyntenyImportForm.js

@@ -27,16 +27,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("@jbrowse/core/util");
 const ui_1 = require("@jbrowse/core/ui");
-// icons
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const util_1 = require("@jbrowse/core/util");
 const ArrowForwardIos_1 = __importDefault(require("@mui/icons-material/ArrowForwardIos"));
-const TrackSelectorUtil_1 = __importDefault(require("./TrackSelectorUtil"));
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const Spacer_1 = __importDefault(require("./Spacer"));
+const TrackSelectorUtil_1 = __importDefault(require("./TrackSelectorUtil"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     importFormContainer: {
         padding: theme.spacing(4),
@@ -118,7 +117,6 @@ const LinearSyntenyViewImportForm = (0, mobx_react_1.observer)(function ({ model
                             ]);
                         } }, "Add row"),
                     react_1.default.createElement(material_1.Button, { className: classes.button, onClick: () => {
-                            // eslint-disable-next-line @typescript-eslint/no-floating-promises
                             ;
                             (async () => {
                                 try {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LinearSyntenyViewModel } from '../../model';
+import type { LinearSyntenyViewModel } from '../../model';
 declare const ImportSyntenyTrackSelector: ({ model, assembly1, assembly2, preConfiguredSyntenyTrack, setPreConfiguredSyntenyTrack, }: {
     model: LinearSyntenyViewModel;
     assembly1: string;

package/dist/LinearSyntenyView/components/ImportForm/TrackSelector.js

@@ -24,11 +24,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
+const configuration_1 = require("@jbrowse/core/configuration");
+const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
-const ui_1 = require("@jbrowse/core/ui");
-const configuration_1 = require("@jbrowse/core/configuration");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const ImportSyntenyTrackSelector = (0, mobx_react_1.observer)(function ({ model, assembly1, assembly2, preConfiguredSyntenyTrack, setPreConfiguredSyntenyTrack, }) {
     var _a;
@@ -44,8 +44,6 @@ const ImportSyntenyTrackSelector = (0, mobx_react_1.observer)(function ({ model,
     const resetTrack = ((_a = filteredTracks[0]) === null || _a === void 0 ? void 0 : _a.trackId) || '';
     const [value, setValue] = (0, react_1.useState)(resetTrack);
     (0, react_1.useEffect)(() => {
-        // sets track data in a useEffect because the initial load is needed as
-        // well as onChange's to the select box
         if (value !== preConfiguredSyntenyTrack) {
             setPreConfiguredSyntenyTrack(value);
         }