@jbrowse/plugin-breakpoint-split-view 2.17.0 → 3.0.0

package/dist/BreakpointSplitView/model.d.ts

@@ -1,37 +1,7 @@
-import React from 'react';
-import { Instance } from 'mobx-state-tree';
-import { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
-import PluginManager from '@jbrowse/core/PluginManager';
-import { Feature } from '@jbrowse/core/util';
-export declare function getClip(cigar: string, strand: number): number;
-export interface ExportSvgOptions {
-    rasterizeLayers?: boolean;
-    filename?: string;
-    Wrapper?: React.FC<{
-        children: React.ReactNode;
-    }>;
-    fontSize?: number;
-    rulerHeight?: number;
-    textHeight?: number;
-    paddingHeight?: number;
-    headerHeight?: number;
-    cytobandHeight?: number;
-    trackLabels?: string;
-    themeName?: string;
-}
-type LGV = LinearGenomeViewModel;
-export interface Breakend {
-    MateDirection: string;
-    Join: string;
-    Replacement: string;
-    MatePosition: string;
-}
-export type LayoutRecord = [number, number, number, number];
-/**
- * #stateModel BreakpointSplitView
- * extends
- * - [BaseViewModel](../baseviewmodel)
- */
+import type { ExportSvgOptions } from './types';
+import type PluginManager from '@jbrowse/core/PluginManager';
+import type { Feature } from '@jbrowse/core/util';
+import type { Instance } from 'mobx-state-tree';
 export default function stateModelFactory(pluginManager: PluginManager): 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>>;
@@ -42,7 +12,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     trackSelectorType: import("mobx-state-tree").IType<string | undefined, string, string>;
     showIntraviewLinks: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     linkViews: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    interactToggled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    interactiveOverlay: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     views: import("mobx-state-tree").IArrayType<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>>;
@@ -62,7 +32,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType>>, [undefined]>;
+        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").HighlightType>>, [undefined]>;
         colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         showTrackOutlines: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
     }, {
@@ -83,8 +53,8 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
         coarseTotalBp: number;
-        leftOffset: undefined | import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset;
-        rightOffset: undefined | import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset;
+        leftOffset: undefined | import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").BpOffset;
+        rightOffset: undefined | import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").BpOffset;
     } & {
         readonly trackLabelsSetting: any;
         readonly width: number;
@@ -94,6 +64,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         scaleBarDisplayPrefix(): string | undefined;
         MiniControlsComponent(): React.FC<any>;
         HeaderComponent(): React.FC<any>;
+        readonly assembliesNotFound: string | undefined;
         readonly assemblyErrors: string;
         readonly assembliesInitialized: boolean;
         readonly initialized: boolean;
@@ -130,12 +101,12 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         setHideHeaderOverview(b: boolean): void;
         setHideNoTracksActive(b: boolean): void;
         setShowGridlines(b: boolean): void;
-        addToHighlights(highlight: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType): void;
-        setHighlight(highlight?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType[]): void;
-        removeHighlight(highlight: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType): void;
+        addToHighlights(highlight: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").HighlightType): void;
+        setHighlight(highlight?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").HighlightType[]): void;
+        removeHighlight(highlight: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").HighlightType): void;
         scrollTo(offsetPx: number): number;
         zoomTo(bpPerPx: number, offset?: number, centerAtOffset?: boolean): number;
-        setOffsets(left?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset, right?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset): void;
+        setOffsets(left?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").BpOffset, right?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").BpOffset): void;
         setSearchResults(searchResults: import("@jbrowse/core/TextSearch/BaseResults").default[], searchQuery: string, assemblyName?: string): void;
         setNewView(bpPerPx: number, offsetPx: number): void;
         horizontallyFlip(): void;
@@ -152,7 +123,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         setShowCenterLine(b: boolean): void;
         setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
         activateTrackSelector(): import("@jbrowse/core/util").Widget;
-        getSelectedRegions(leftOffset?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset, rightOffset?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset): {
+        getSelectedRegions(leftOffset?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").BpOffset, rightOffset?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").BpOffset): {
             start: number;
             end: number;
             type: string;
@@ -174,7 +145,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         setDraggingTrackId(idx?: string): void;
         setScaleFactor(factor: number): void;
         clearView(): void;
-        exportSvg(opts?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").ExportSvgOptions): Promise<void>;
+        exportSvg(opts?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").ExportSvgOptions): Promise<void>;
     } & {
         slide: (viewWidths: number) => void;
     } & {
@@ -196,15 +167,15 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         setCoarseDynamicBlocks(blocks: import("@jbrowse/core/util/blockTypes").BlockSet): void;
         afterAttach(): void;
     } & {
-        moveTo(start?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset, end?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset): void;
+        moveTo(start?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").BpOffset, end?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").BpOffset): void;
         navToLocString(input: string, optAssemblyName?: string): Promise<void>;
         navToSearchString({ input, assembly, }: {
             input: string;
             assembly: import("@jbrowse/core/assemblyManager/assembly").Assembly;
         }): Promise<void>;
         navToLocations(parsedLocStrings: import("@jbrowse/core/util").ParsedLocString[], assemblyName?: string): Promise<void>;
-        navTo(query: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").NavLocation): void;
-        navToMultiple(locations: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").NavLocation[]): void;
+        navTo(query: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").NavLocation): void;
+        navToMultiple(locations: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").NavLocation[]): void;
     } & {
         rubberBandMenuItems(): import("@jbrowse/core/ui").MenuItem[];
         bpToPx({ refName, coord, regionNumber, }: {
@@ -259,7 +230,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType>>, [undefined]>;
+        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView/types").HighlightType>>, [undefined]>;
         colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         showTrackOutlines: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
     }>>, import("mobx-state-tree")._NotCustomized>>;
@@ -275,89 +246,34 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     width: number;
     matchedTrackFeatures: Record<string, Feature[][]>;
 } & {
-    /**
-     * #method
-     * creates an svg export and save using FileSaver
-     */
     exportSvg(opts?: ExportSvgOptions): Promise<void>;
 } & {
-    /**
-     * #getter
-     * Find all track ids that match across multiple views, or return just
-     * the single view's track if only a single row is used
-     */
     readonly matchedTracks: (import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>>) | {
         configuration: {
             trackId: string;
         };
     }[];
-    /**
-     * #method
-     * Get tracks with a given trackId across multiple views
-     */
     getMatchedTracks(trackConfigId: string): any[];
-    /**
-     * #method
-     * Translocation features are handled differently since they do not have
-     * a mate e.g. they are one sided
-     */
     hasTranslocations(trackConfigId: string): Feature | undefined;
-    /**
-     * #method
-     * Paired features similar to breakends, but simpler, like BEDPE
-     */
     hasPairedFeatures(trackConfigId: string): Feature | undefined;
-    /**
-     * #method
-     * Get a composite map of featureId-\>feature map for a track across
-     * multiple views
-     */
     getTrackFeatures(trackConfigId: string): Map<string, Feature>;
-    /**
-     * #method
-     */
     getMatchedFeaturesInLayout(trackConfigId: string, features: Feature[][]): {
         feature: Feature;
-        layout: LayoutRecord | undefined;
+        layout: import("./types").LayoutRecord | undefined;
         level: number;
         clipPos: number;
     }[][];
 } & {
     afterAttach(): void;
     onSubviewAction(actionName: string, path: string, args?: unknown[]): void;
-    /**
-     * #action
-     */
     setWidth(newWidth: number): void;
-    /**
-     * #action
-     */
-    removeView(view: LGV): void;
-    /**
-     * #action
-     */
-    toggleInteract(): void;
-    /**
-     * #action
-     */
-    toggleIntraviewLinks(): void;
-    /**
-     * #action
-     */
-    toggleLinkViews(): void;
-    /**
-     * #action
-     */
+    setInteractiveOverlay(arg: boolean): void;
+    setShowIntraviewLinks(arg: boolean): void;
+    setLinkViews(arg: boolean): void;
     setMatchedTrackFeatures(obj: Record<string, Feature[][]>): void;
-    /**
-     * #action
-     */
     reverseViewOrder(): void;
 } & {
     afterAttach(): void;
-    /**
-     * #method
-     */
     menuItems(): ({
         label: string;
         subMenu: import("@jbrowse/core/ui").MenuItem[];
@@ -393,4 +309,3 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type BreakpointViewStateModel = ReturnType<typeof stateModelFactory>;
 export type BreakpointViewModel = Instance<BreakpointViewStateModel>;
-export {};

package/dist/BreakpointSplitView/model.js

@@ -15,100 +15,49 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getClip = getClip;
 exports.default = stateModelFactory;
 const react_1 = require("react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mobx_1 = require("mobx");
-const file_saver_1 = require("file-saver");
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const util_1 = require("@jbrowse/core/util");
-const configuration_1 = require("@jbrowse/core/configuration");
-// icons
-const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
 const Link_1 = __importDefault(require("@mui/icons-material/Link"));
-// locals
+const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
+const file_saver_1 = require("file-saver");
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const util_2 = require("./util");
-// lazies
 const ExportSvgDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/ExportSvgDialog'))));
-const startClip = new RegExp(/(\d+)[SH]$/);
-const endClip = new RegExp(/^(\d+)([SH])/);
-function getClip(cigar, strand) {
-    return strand === -1
-        ? +(startClip.exec(cigar) || [])[1] || 0
-        : +(endClip.exec(cigar) || [])[1] || 0;
-}
-function calc(track, f) {
-    var _a, _b;
-    return (_b = (_a = track.displays[0]).searchFeatureByID) === null || _b === void 0 ? void 0 : _b.call(_a, f.id());
-}
-async function getBlockFeatures(model, track) {
-    var _a;
-    const { views } = model;
-    const { rpcManager, assemblyManager } = (0, util_1.getSession)(model);
-    const assemblyName = (_a = model.views[0]) === null || _a === void 0 ? void 0 : _a.assemblyNames[0];
-    if (!assemblyName) {
-        return undefined;
-    }
-    const assembly = await assemblyManager.waitForAssembly(assemblyName);
-    if (!assembly) {
-        return undefined; // throw new Error(`assembly not found: "${assemblyName}"`)
-    }
-    const sessionId = track.configuration.trackId;
-    return Promise.all(views.map(async (view) => (await rpcManager.call(sessionId, 'CoreGetFeatures', {
-        adapterConfig: (0, configuration_1.getConf)(track, ['adapter']),
-        sessionId,
-        regions: view.staticBlocks.contentBlocks,
-    })).flat()));
-}
-/**
- * #stateModel BreakpointSplitView
- * extends
- * - [BaseViewModel](../baseviewmodel)
- */
 function stateModelFactory(pluginManager) {
     const minHeight = 40;
     const defaultHeight = 400;
     return mobx_state_tree_1.types
         .compose('BreakpointSplitView', models_1.BaseViewModel, mobx_state_tree_1.types.model({
-        /**
-         * #property
-         */
         type: mobx_state_tree_1.types.literal('BreakpointSplitView'),
-        /**
-         * #property
-         */
         height: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.refinement('viewHeight', mobx_state_tree_1.types.number, (n) => n >= minHeight), defaultHeight),
-        /**
-         * #property
-         */
         trackSelectorType: 'hierarchical',
-        /**
-         * #property
-         */
         showIntraviewLinks: true,
-        /**
-         * #property
-         */
         linkViews: false,
-        /**
-         * #property
-         */
-        interactToggled: false,
-        /**
-         * #property
-         */
+        interactiveOverlay: true,
         views: mobx_state_tree_1.types.array(pluginManager.getViewType('LinearGenomeView')
             .stateModel),
     }))
@@ -117,10 +66,6 @@ function stateModelFactory(pluginManager) {
         matchedTrackFeatures: {},
     }))
         .views(self => ({
-        /**
-         * #method
-         * creates an svg export and save using FileSaver
-         */
         async exportSvg(opts = {}) {
             const { renderToSvg } = await Promise.resolve().then(() => __importStar(require('./svgcomponents/SVGBreakpointSplitView')));
             const html = await renderToSvg(self, opts);
@@ -129,64 +74,37 @@ function stateModelFactory(pluginManager) {
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         * Find all track ids that match across multiple views, or return just
-         * the single view's track if only a single row is used
-         */
         get matchedTracks() {
             return self.views.length === 1
                 ? self.views[0].tracks
                 : (0, util_2.intersect)(elt => elt.configuration.trackId, ...self.views.map(view => view.tracks));
         },
-        /**
-         * #method
-         * Get tracks with a given trackId across multiple views
-         */
         getMatchedTracks(trackConfigId) {
             return self.views
                 .map(view => view.getTrack(trackConfigId))
                 .filter(f => !!f);
         },
-        /**
-         * #method
-         * Translocation features are handled differently since they do not have
-         * a mate e.g. they are one sided
-         */
         hasTranslocations(trackConfigId) {
             return [...this.getTrackFeatures(trackConfigId).values()].find(f => f.get('type') === 'translocation');
         },
-        /**
-         * #method
-         * Paired features similar to breakends, but simpler, like BEDPE
-         */
         hasPairedFeatures(trackConfigId) {
             return [...this.getTrackFeatures(trackConfigId).values()].find(f => f.get('type') === 'paired_feature');
         },
-        /**
-         * #method
-         * Get a composite map of featureId-\>feature map for a track across
-         * multiple views
-         */
         getTrackFeatures(trackConfigId) {
             var _a;
             return new Map((_a = self.matchedTrackFeatures[trackConfigId]) === null || _a === void 0 ? void 0 : _a.flat().map(f => [f.id(), f]));
         },
-        /**
-         * #method
-         */
         getMatchedFeaturesInLayout(trackConfigId, features) {
-            // use reverse to search the second track first
             const tracks = this.getMatchedTracks(trackConfigId);
             return features.map(c => c
                 .map(feature => {
-                const level = tracks.findIndex(track => calc(track, feature));
+                const level = tracks.findIndex(track => (0, util_2.calc)(track, feature));
                 return level !== -1
                     ? {
                         feature,
-                        layout: calc(tracks[level], feature),
+                        layout: (0, util_2.calc)(tracks[level], feature),
                         level,
-                        clipPos: getClip(feature.get('CIGAR'), feature.get('strand')),
+                        clipPos: (0, util_2.getClip)(feature.get('CIGAR'), feature.get('strand')),
                     }
                     : undefined;
             })
@@ -217,53 +135,28 @@ function stateModelFactory(pluginManager) {
             self.views.forEach(view => {
                 const ret = (0, mobx_state_tree_1.getPath)(view);
                 if (!ret.endsWith(path)) {
-                    // @ts-ignore
                     view[actionName](args === null || args === void 0 ? void 0 : args[0]);
                 }
             });
         },
-        /**
-         * #action
-         */
         setWidth(newWidth) {
             self.width = newWidth;
             self.views.forEach(v => {
                 v.setWidth(newWidth);
             });
         },
-        /**
-         * #action
-         */
-        removeView(view) {
-            self.views.remove(view);
-        },
-        /**
-         * #action
-         */
-        toggleInteract() {
-            self.interactToggled = !self.interactToggled;
+        setInteractiveOverlay(arg) {
+            self.interactiveOverlay = arg;
         },
-        /**
-         * #action
-         */
-        toggleIntraviewLinks() {
-            self.showIntraviewLinks = !self.showIntraviewLinks;
+        setShowIntraviewLinks(arg) {
+            self.showIntraviewLinks = arg;
         },
-        /**
-         * #action
-         */
-        toggleLinkViews() {
-            self.linkViews = !self.linkViews;
+        setLinkViews(arg) {
+            self.linkViews = arg;
         },
-        /**
-         * #action
-         */
         setMatchedTrackFeatures(obj) {
             self.matchedTrackFeatures = obj;
         },
-        /**
-         * #action
-         */
         reverseViewOrder() {
             self.views.reverse();
         },
@@ -277,7 +170,7 @@ function stateModelFactory(pluginManager) {
                     }
                     self.setMatchedTrackFeatures(Object.fromEntries(await Promise.all(self.matchedTracks.map(async (track) => [
                         track.configuration.trackId,
-                        await getBlockFeatures(self, track),
+                        await (0, util_2.getBlockFeatures)(self, track),
                     ]))));
                 }
                 catch (e) {
@@ -286,9 +179,6 @@ function stateModelFactory(pluginManager) {
                 }
             }));
         },
-        /**
-         * #method
-         */
         menuItems() {
             return [
                 ...self.views
@@ -297,26 +187,30 @@ function stateModelFactory(pluginManager) {
                     label: `Row ${f[0] + 1} view menu`,
                     subMenu: f[1],
                 })),
-                {
-                    label: 'Reverse view order',
-                    onClick: () => {
-                        self.reverseViewOrder();
-                    },
-                },
+                ...(self.views.length > 1
+                    ? [
+                        {
+                            label: 'Reverse view order',
+                            onClick: () => {
+                                self.reverseViewOrder();
+                            },
+                        },
+                    ]
+                    : []),
                 {
                     label: 'Show intra-view links',
                     type: 'checkbox',
                     checked: self.showIntraviewLinks,
                     onClick: () => {
-                        self.toggleIntraviewLinks();
+                        self.setShowIntraviewLinks(!self.showIntraviewLinks);
                     },
                 },
                 {
                     label: 'Allow clicking alignment squiggles?',
                     type: 'checkbox',
-                    checked: self.interactToggled,
+                    checked: self.interactiveOverlay,
                     onClick: () => {
-                        self.toggleInteract();
+                        self.setInteractiveOverlay(!self.interactiveOverlay);
                     },
                 },
                 {
@@ -325,7 +219,7 @@ function stateModelFactory(pluginManager) {
                     icon: Link_1.default,
                     checked: self.linkViews,
                     onClick: () => {
-                        self.toggleLinkViews();
+                        self.setLinkViews(!self.linkViews);
                     },
                 },
                 {
@@ -334,7 +228,10 @@ function stateModelFactory(pluginManager) {
                     onClick: () => {
                         (0, util_1.getSession)(self).queueDialog(handleClose => [
                             ExportSvgDialog,
-                            { model: self, handleClose },
+                            {
+                                model: self,
+                                handleClose,
+                            },
                         ]);
                     },
                 },

package/dist/BreakpointSplitView/svgcomponents/SVGBackground.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 export default function SVGBackground({ width, height, shift, }: {
     width: number;
     height: number;
     shift: number;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/BreakpointSplitView/svgcomponents/SVGBackground.js

@@ -1,13 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SVGBackground;
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
 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, util_1.stripAlpha)(theme.palette.background.default) }));
+    return ((0, jsx_runtime_1.jsx)("rect", { width: width + shift * 2, height: height, fill: (0, util_1.stripAlpha)(theme.palette.background.default) }));
 }

package/dist/BreakpointSplitView/svgcomponents/SVGBreakpointSplitView.d.ts

@@ -1,4 +1,5 @@
-import { ExportSvgOptions, BreakpointViewModel } from '../model';
+import type { BreakpointViewModel } from '../model';
+import type { ExportSvgOptions } from '../types';
 type BSV = BreakpointViewModel;
 export declare function renderToSvg(model: BSV, opts: ExportSvgOptions): Promise<string>;
 export {};