@jbrowse/plugin-linear-genome-view 2.5.0 → 2.6.2

package/dist/LinearGenomeView/components/SearchResultsTable.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
 import { LinearGenomeViewModel } from '../..';
 export default function SearchResultsTable({ searchResults, assemblyName: optAssemblyName, model, handleClose, }: {
@@ -5,4 +6,4 @@ export default function SearchResultsTable({ searchResults, assemblyName: optAss
     assemblyName?: string;
     model: LinearGenomeViewModel;
     handleClose: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/LinearGenomeView/components/SearchResultsTable.js

@@ -80,4 +80,3 @@ function SearchResultsTable({ searchResults, assemblyName: optAssemblyName, mode
                         }, color: "primary", variant: "contained" }, "Go")))))))));
 }
 exports.default = SearchResultsTable;
-//# sourceMappingURL=SearchResultsTable.js.map

package/dist/LinearGenomeView/components/SequenceSearchDialog.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 declare function SequenceDialog({ model, handleClose, }: {
     model: {
         assemblyNames: string[];
         toggleTrack(trackId: string): void;
     };
     handleClose: () => void;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof SequenceDialog;
 export default _default;

package/dist/LinearGenomeView/components/SequenceSearchDialog.js

@@ -86,4 +86,3 @@ function SequenceDialog({ model, handleClose, }) {
             react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), variant: "contained", color: "secondary" }, "Close"))));
 }
 exports.default = (0, mobx_react_1.observer)(SequenceDialog);
-//# sourceMappingURL=SequenceSearchDialog.js.map

package/dist/LinearGenomeView/components/TrackContainer.d.ts

@@ -1,9 +1,9 @@
+import React from 'react';
 import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
 import { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
-declare function TrackContainer({ model, track, }: {
+declare const _default: ({ model, track, }: {
     model: LGV;
     track: BaseTrackModel;
-}): JSX.Element;
-declare const _default: typeof TrackContainer;
+}) => React.JSX.Element;
 export default _default;

package/dist/LinearGenomeView/components/TrackContainer.js

@@ -32,10 +32,10 @@ const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const react_error_boundary_1 = require("react-error-boundary");
-const configuration_1 = require("@jbrowse/core/configuration");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
-const TrackLabel_1 = __importDefault(require("./TrackLabel"));
+const TrackLabelContainer_1 = __importDefault(require("./TrackLabelContainer"));
+const TrackRenderingContainer_1 = __importDefault(require("./TrackRenderingContainer"));
 const useStyles = (0, mui_1.makeStyles)()({
     root: {
         marginTop: 2,
@@ -54,88 +54,31 @@ const useStyles = (0, mui_1.makeStyles)()({
         width: '100%',
         zIndex: 3,
     },
-    trackLabel: {
-        zIndex: 3,
-    },
-    // aligns with block boundaries. check for example the breakpoint split view
-    // demo to see if features align if wanting to change things
-    renderingComponentContainer: {
-        position: 'absolute',
-        // -1 offset because of the 1px border of the Paper
-        left: -1,
-        height: '100%',
-        width: '100%',
-    },
-    trackLabelOffset: {
-        position: 'relative',
-        display: 'inline-block',
-    },
-    trackLabelOverlap: {
-        position: 'absolute',
-    },
-    trackRenderingContainer: {
-        overflowY: 'auto',
-        overflowX: 'hidden',
-        whiteSpace: 'nowrap',
-        position: 'relative',
-        background: 'none',
-        zIndex: 2,
-    },
 });
-const TrackContainerLabel = (0, mobx_react_1.observer)(({ model, view }) => {
-    const { classes, cx } = useStyles();
-    const display = model.displays[0];
-    const { trackLabel, trackLabelOverlap, trackLabelOffset } = classes;
-    const labelStyle = view.trackLabels !== 'overlapping' || display.prefersOffset
-        ? trackLabelOffset
-        : trackLabelOverlap;
-    return view.trackLabels !== 'hidden' ? (react_1.default.createElement(TrackLabel_1.default, { track: model, className: cx(trackLabel, labelStyle) })) : null;
-});
-function TrackContainer({ model, track, }) {
+exports.default = (0, mobx_react_1.observer)(function TrackContainer({ model, track, }) {
     const { classes } = useStyles();
     const display = track.displays[0];
-    const { horizontalScroll, draggingTrackId, moveTrack } = model;
-    const { height, RenderingComponent, DisplayBlurb } = display;
-    const trackId = (0, configuration_1.getConf)(track, 'trackId');
-    const ref = (0, react_1.useRef)(null);
+    const { draggingTrackId } = model;
+    const ref2 = (0, react_1.useRef)(null);
     const dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
-    const minimized = track.minimized;
     const debouncedOnDragEnter = (0, util_1.useDebouncedCallback)(() => {
         if ((0, mobx_state_tree_1.isAlive)(display) && dimmed) {
-            moveTrack(draggingTrackId, track.id);
+            model.moveTrack(draggingTrackId, track.id);
         }
     }, 100);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            model.trackRefs[trackId] = ref.current;
-        }
-        return () => {
-            delete model.trackRefs[trackId];
-        };
-    }, [model.trackRefs, trackId]);
-    return (react_1.default.createElement(material_1.Paper, { ref: ref, className: classes.root, variant: "outlined", onClick: event => {
+    return (react_1.default.createElement(material_1.Paper, { ref: ref2, className: classes.root, variant: "outlined", onClick: event => {
             var _a;
             if (event.detail === 2 && !track.displays[0].featureIdUnderMouse) {
-                const left = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) || 0;
+                const left = ((_a = ref2.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) || 0;
                 model.zoomTo(model.bpPerPx / 2, event.clientX - left, true);
             }
         } },
-        react_1.default.createElement(TrackContainerLabel, { model: track, view: model }),
-        react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { key: track.id, FallbackComponent: ({ error }) => react_1.default.createElement(ui_1.ErrorMessage, { error: error }) },
-            react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: { height: minimized ? 20 : height }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: debouncedOnDragEnter, "data-testid": `trackRenderingContainer-${model.id}-${trackId}` }, !minimized ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("div", { className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
-                    react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: horizontalScroll })),
-                DisplayBlurb ? (react_1.default.createElement("div", { style: {
-                        position: 'absolute',
-                        left: 0,
-                        top: display.height - 20,
-                    } },
-                    react_1.default.createElement(DisplayBlurb, { model: display }))) : null)) : null)),
+        react_1.default.createElement(TrackLabelContainer_1.default, { track: track, view: model }),
+        react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: e => react_1.default.createElement(ui_1.ErrorMessage, { error: e.error }) },
+            react_1.default.createElement(TrackRenderingContainer_1.default, { model: model, track: track, onDragEnter: debouncedOnDragEnter })),
         react_1.default.createElement("div", { className: classes.overlay, style: {
                 height: display.height,
                 background: dimmed ? 'rgba(0, 0, 0, 0.4)' : undefined,
             }, onDragEnter: debouncedOnDragEnter }),
         react_1.default.createElement(ui_1.ResizeHandle, { onDrag: display.resizeHeight, className: classes.resizeHandle })));
-}
-exports.default = (0, mobx_react_1.observer)(TrackContainer);
-//# sourceMappingURL=TrackContainer.js.map
+});

package/dist/LinearGenomeView/components/TrackLabel.js

@@ -11,8 +11,7 @@ const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
 const ui_1 = require("@jbrowse/core/ui");
-const CascadingMenu_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenu"));
-const hooks_1 = require("material-ui-popup-state/hooks");
+const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 // icons
 const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 const DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
@@ -56,10 +55,6 @@ const TrackLabel = react_1.default.forwardRef(function ({ track, className }, re
     const minimized = track.minimized;
     const trackId = (0, configuration_1.getConf)(track, 'trackId');
     const trackName = (0, tracks_1.getTrackName)(trackConf, session);
-    const popupState = (0, hooks_1.usePopupState)({
-        popupId: 'trackLabelMenu',
-        variant: 'popover',
-    });
     const items = [
         {
             label: minimized ? 'Restore track' : 'Minimize track',
@@ -68,7 +63,7 @@ const TrackLabel = react_1.default.forwardRef(function ({ track, className }, re
         },
         ...(((_a = session.getTrackActionMenuItems) === null || _a === void 0 ? void 0 : _a.call(session, trackConf)) || []),
         ...track.trackMenuItems(),
-    ].sort((a, b) => (b.priority || 0) - (a.priority || 0));
+    ].sort((a, b) => ((b === null || b === void 0 ? void 0 : b.priority) || 0) - ((a === null || a === void 0 ? void 0 : a.priority) || 0));
     return (react_1.default.createElement(material_1.Paper, { ref: ref, className: cx(className, classes.root) },
         react_1.default.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: event => {
                 const target = event.currentTarget;
@@ -82,10 +77,10 @@ const TrackLabel = react_1.default.forwardRef(function ({ track, className }, re
         react_1.default.createElement(material_1.IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track" },
             react_1.default.createElement(Close_1.default, { fontSize: "small" })),
         react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName },
-            react_1.default.createElement(ui_1.SanitizedHTML, { html: `${trackName}${minimized ? ' (minimized)' : ''}` })),
-        react_1.default.createElement(material_1.IconButton, { ...(0, hooks_1.bindTrigger)(popupState), className: classes.iconButton, "data-testid": "track_menu_icon", disabled: items.length === 0 },
-            react_1.default.createElement(MoreVert_1.default, { fontSize: "small" })),
-        react_1.default.createElement(CascadingMenu_1.default, { ...(0, hooks_1.bindPopover)(popupState), onMenuItemClick: (_, callback) => callback(), menuItems: items, popupState: popupState })));
+            react_1.default.createElement(ui_1.SanitizedHTML, { html: [trackName, minimized ? '(minimized)' : '']
+                    .filter(f => !!f)
+                    .join(' ') })),
+        react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: items, "data-testid": "track_menu_icon" },
+            react_1.default.createElement(MoreVert_1.default, { fontSize: "small" }))));
 });
 exports.default = (0, mobx_react_1.observer)(TrackLabel);
-//# sourceMappingURL=TrackLabel.js.map

package/dist/LinearGenomeView/components/TrackLabelContainer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
+import { LinearGenomeViewModel } from '..';
+type LGV = LinearGenomeViewModel;
+declare const TrackLabelContainer: ({ track, view, }: {
+    track: BaseTrackModel;
+    view: LGV;
+}) => React.JSX.Element | null;
+export default TrackLabelContainer;

package/dist/LinearGenomeView/components/TrackLabelContainer.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const mui_1 = require("tss-react/mui");
+const mobx_react_1 = require("mobx-react");
+const TrackLabel_1 = __importDefault(require("./TrackLabel"));
+const useStyles = (0, mui_1.makeStyles)()({
+    trackLabel: {
+        zIndex: 3,
+    },
+    trackLabelOffset: {
+        position: 'relative',
+        display: 'inline-block',
+    },
+    trackLabelOverlap: {
+        position: 'absolute',
+    },
+});
+const TrackLabelContainer = (0, mobx_react_1.observer)(function ({ track, view, }) {
+    const { classes, cx } = useStyles();
+    const display = track.displays[0];
+    const { trackLabel, trackLabelOverlap, trackLabelOffset } = classes;
+    const labelStyle = view.trackLabels !== 'overlapping' || display.prefersOffset
+        ? trackLabelOffset
+        : trackLabelOverlap;
+    return view.trackLabels !== 'hidden' ? (react_1.default.createElement(TrackLabel_1.default, { track: track, className: cx(trackLabel, labelStyle) })) : null;
+});
+exports.default = TrackLabelContainer;

package/dist/LinearGenomeView/components/TrackRenderingContainer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
+import { LinearGenomeViewModel } from '..';
+type LGV = LinearGenomeViewModel;
+declare const _default: ({ model, track, onDragEnter, }: {
+    model: LGV;
+    track: BaseTrackModel;
+    onDragEnter: () => void;
+}) => React.JSX.Element;
+export default _default;

package/dist/LinearGenomeView/components/TrackRenderingContainer.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const mui_1 = require("tss-react/mui");
+const mobx_react_1 = require("mobx-react");
+const configuration_1 = require("@jbrowse/core/configuration");
+const useStyles = (0, mui_1.makeStyles)()({
+    // aligns with block boundaries. check for example the breakpoint split view
+    // demo to see if features align if wanting to change things
+    renderingComponentContainer: {
+        position: 'absolute',
+        // -1 offset because of the 1px border of the Paper
+        left: -1,
+        height: '100%',
+        width: '100%',
+    },
+    trackRenderingContainer: {
+        overflowY: 'auto',
+        overflowX: 'hidden',
+        whiteSpace: 'nowrap',
+        position: 'relative',
+        background: 'none',
+        zIndex: 2,
+    },
+});
+exports.default = (0, mobx_react_1.observer)(function TrackRenderingContainer({ model, track, onDragEnter, }) {
+    const { classes } = useStyles();
+    const display = track.displays[0];
+    const { height, RenderingComponent, DisplayBlurb } = display;
+    const trackId = (0, configuration_1.getConf)(track, 'trackId');
+    const ref = (0, react_1.useRef)(null);
+    const minimized = track.minimized;
+    (0, react_1.useEffect)(() => {
+        if (ref.current) {
+            model.trackRefs[trackId] = ref.current;
+        }
+        return () => {
+            delete model.trackRefs[trackId];
+        };
+    }, [model.trackRefs, trackId]);
+    return (react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: { height: minimized ? 20 : height }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: onDragEnter, "data-testid": `trackRenderingContainer-${model.id}-${trackId}` }, !minimized ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
+            react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: model.horizontalScroll })),
+        DisplayBlurb ? (react_1.default.createElement("div", { style: {
+                position: 'absolute',
+                left: 0,
+                top: display.height - 20,
+            } },
+            react_1.default.createElement(DisplayBlurb, { model: display }))) : null)) : null));
+});

package/dist/LinearGenomeView/components/TracksContainer.d.ts

@@ -4,5 +4,5 @@ type LGV = LinearGenomeViewModel;
 declare const _default: ({ children, model, }: {
     children: React.ReactNode;
     model: LGV;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/LinearGenomeView/components/TracksContainer.js

@@ -54,7 +54,7 @@ exports.default = (0, mobx_react_1.observer)(function TracksContainer({ children
     const ref = (0, react_1.useRef)(null);
     const { guideX, rubberbandOn, leftBpOffset, rightBpOffset, numOfBpSelected, width, left, anchorPosition, handleMenuItemClick, open, handleClose, mouseMove, mouseDown: mouseDown2, } = (0, hooks_1.useRangeSelect)(ref, model, true);
     (0, hooks_1.useWheelScroll)(ref, model);
-    const additionals = pluginManager.evaluateExtensionPoint('LinearGenomeView-TracksContainerComponent', undefined, { model });
+    const additional = pluginManager.evaluateExtensionPoint('LinearGenomeView-TracksContainerComponent', undefined, { model });
     return (react_1.default.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: event => {
             mouseDown1(event);
             mouseDown2(event);
@@ -67,7 +67,6 @@ exports.default = (0, mobx_react_1.observer)(function TracksContainer({ children
                 top: anchorPosition.clientY,
             }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null,
         react_1.default.createElement(Rubberband_1.default, { model: model, ControlComponent: react_1.default.createElement(Scalebar_1.default, { model: model, style: { height: __1.SCALE_BAR_HEIGHT, boxSizing: 'border-box' } }) }),
-        additionals,
+        additional,
         children));
 });
-//# sourceMappingURL=TracksContainer.js.map

package/dist/LinearGenomeView/components/VerticalGuide.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
 declare function VerticalGuide({ model, coordX }: {
     model: LGV;
     coordX: number;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof VerticalGuide;
 export default _default;

package/dist/LinearGenomeView/components/VerticalGuide.js

@@ -26,4 +26,3 @@ function VerticalGuide({ model, coordX }) {
             } })));
 }
 exports.default = (0, mobx_react_1.observer)(VerticalGuide);
-//# sourceMappingURL=VerticalGuide.js.map

package/dist/LinearGenomeView/components/ZoomControls.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { LinearGenomeViewModel } from '..';
 declare function ZoomControls({ model }: {
     model: LinearGenomeViewModel;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof ZoomControls;
 export default _default;

package/dist/LinearGenomeView/components/ZoomControls.js

@@ -58,4 +58,3 @@ function ZoomControls({ model }) {
             react_1.default.createElement(ZoomIn_1.default, null))));
 }
 exports.default = (0, mobx_react_1.observer)(ZoomControls);
-//# sourceMappingURL=ZoomControls.js.map

package/dist/LinearGenomeView/components/hooks.js

@@ -261,4 +261,3 @@ function useWheelScroll(ref, model) {
     }, [model, ref]);
 }
 exports.useWheelScroll = useWheelScroll;
-//# sourceMappingURL=hooks.js.map

package/dist/LinearGenomeView/components/util.js

@@ -46,4 +46,3 @@ function getCytobands(assembly, refName) {
     })).filter(f => f.refName === refName)) || []);
 }
 exports.getCytobands = getCytobands;
-//# sourceMappingURL=util.js.map

package/dist/LinearGenomeView/index.js

@@ -40,4 +40,3 @@ exports.default = (pluginManager) => {
     });
 };
 __exportStar(require("./model"), exports);
-//# sourceMappingURL=index.js.map

package/dist/LinearGenomeView/model.d.ts

@@ -45,6 +45,7 @@ export declare const SPACING = 7;
 export declare const WIDGET_HEIGHT = 32;
 /**
  * #stateModel LinearGenomeView
+ * #category view
  */
 export declare function stateModelFactory(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -90,7 +91,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     afterDisplayedRegionsSetCallbacks: Function[];
     scaleFactor: number;
     trackRefs: {
-        [key: string]: any;
+        [key: string]: HTMLDivElement;
     };
     coarseDynamicBlocks: BaseBlock[];
     coarseTotalBp: number;
@@ -402,18 +403,18 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     /**
      * #getter
      * static blocks are an important concept jbrowse uses to avoid
-     * re-rendering when you scroll to the side. when you horizontally scroll to the
-     * right, old blocks to the left may be removed, and new blocks may be
-     * instantiated on the right. tracks may use the static blocks to render their
-     * data for the region represented by the block
+     * re-rendering when you scroll to the side. when you horizontally
+     * scroll to the right, old blocks to the left may be removed, and new
+     * blocks may be instantiated on the right. tracks may use the static
+     * blocks to render their data for the region represented by the block
      */
     readonly staticBlocks: BlockSet;
     /**
      * #getter
      * dynamic blocks represent the exact coordinates of the currently
-     * visible genome regions on the screen. they are similar to static blocks, but
-     * static blocks can go offscreen while dynamic blocks represent exactly what
-     * is on screen
+     * visible genome regions on the screen. they are similar to static
+     * blocks, but static blocks can go offscreen while dynamic blocks
+     * represent exactly what is on screen
      */
     readonly dynamicBlocks: BlockSet;
     /**
@@ -423,8 +424,8 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     readonly roundedDynamicBlocks: BaseBlock[];
     /**
      * #getter
-     * a single "combo-locstring" representing all the regions visible
-     * on the screen
+     * a single "combo-locstring" representing all the regions visible on
+     * the screen
      */
     readonly visibleLocStrings: string;
     /**
@@ -470,8 +471,8 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
      * Navigate to a location based on its refName and optionally start, end,
      * and assemblyName. Will not try to change displayed regions, use
      * `navToLocations` instead. Only navigates to a location if it is
-     * entirely within a displayedRegion. Navigates to the first matching location
-     * encountered.
+     * entirely within a displayedRegion. Navigates to the first matching
+     * location encountered.
      *
      * Throws an error if navigation was unsuccessful
      *

package/dist/LinearGenomeView/model.js

@@ -31,7 +31,6 @@ const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const mst_1 = require("@jbrowse/core/util/types/mst");
-const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
 const calculateDynamicBlocks_1 = __importDefault(require("@jbrowse/core/util/calculateDynamicBlocks"));
 const calculateStaticBlocks_1 = __importDefault(require("@jbrowse/core/util/calculateStaticBlocks"));
@@ -51,14 +50,13 @@ const FolderOpen_1 = __importDefault(require("@mui/icons-material/FolderOpen"));
 const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
 const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
 const MenuOpen_1 = __importDefault(require("@mui/icons-material/MenuOpen"));
-// locals
-const SVGLinearGenomeView_1 = require("./svgcomponents/SVGLinearGenomeView");
-const ExportSvgDialog_1 = __importDefault(require("./components/ExportSvgDialog"));
 const MiniControls_1 = __importDefault(require("./components/MiniControls"));
 const Header_1 = __importDefault(require("./components/Header"));
 const util_2 = require("./util");
 // lazies
+const ReturnToImportFormDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@jbrowse/core/ui/ReturnToImportFormDialog'))));
 const SequenceSearchDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SequenceSearchDialog'))));
+const ExportSvgDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/ExportSvgDialog'))));
 const GetSequenceDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/GetSequenceDialog'))));
 const SearchResultsDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SearchResultsDialog'))));
 function calculateVisibleLocStrings(contentBlocks) {
@@ -83,6 +81,7 @@ exports.SPACING = 7;
 exports.WIDGET_HEIGHT = 32;
 /**
  * #stateModel LinearGenomeView
+ * #category view
  */
 function stateModelFactory(pluginManager) {
     return mobx_state_tree_1.types
@@ -169,7 +168,6 @@ function stateModelFactory(pluginManager) {
         // which is basically like an onLoad
         afterDisplayedRegionsSetCallbacks: [],
         scaleFactor: 1,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         trackRefs: {},
         coarseDynamicBlocks: [],
         coarseTotalBp: 0,
@@ -496,7 +494,6 @@ function stateModelFactory(pluginManager) {
             (0, util_1.getSession)(self).queueDialog(handleClose => [
                 SearchResultsDialog,
                 {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     model: self,
                     searchResults,
                     searchQuery,
@@ -760,8 +757,8 @@ function stateModelFactory(pluginManager) {
          * creates an svg export and save using FileSaver
          */
         async exportSvg(opts = {}) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const html = await (0, SVGLinearGenomeView_1.renderToSvg)(self, opts);
+            const { renderToSvg } = await Promise.resolve().then(() => __importStar(require('./svgcomponents/SVGLinearGenomeView')));
+            const html = await renderToSvg(self, opts);
             const blob = new Blob([html], { type: 'image/svg+xml' });
             (0, file_saver_1.saveAs)(blob, opts.filename || 'image.svg');
         },
@@ -850,7 +847,7 @@ function stateModelFactory(pluginManager) {
                     label: 'Return to import form',
                     onClick: () => {
                         (0, util_1.getSession)(self).queueDialog(handleClose => [
-                            ui_1.ReturnToImportFormDialog,
+                            ReturnToImportFormDialog,
                             { model: self, handleClose },
                         ]);
                     },
@@ -874,7 +871,7 @@ function stateModelFactory(pluginManager) {
                     icon: PhotoCamera_1.default,
                     onClick: () => {
                         (0, util_1.getSession)(self).queueDialog(handleClose => [
-                            ExportSvgDialog_1.default,
+                            ExportSvgDialog,
                             { model: self, handleClose },
                         ]);
                     },
@@ -985,10 +982,10 @@ function stateModelFactory(pluginManager) {
             /**
              * #getter
              * static blocks are an important concept jbrowse uses to avoid
-             * re-rendering when you scroll to the side. when you horizontally scroll to the
-             * right, old blocks to the left may be removed, and new blocks may be
-             * instantiated on the right. tracks may use the static blocks to render their
-             * data for the region represented by the block
+             * re-rendering when you scroll to the side. when you horizontally
+             * scroll to the right, old blocks to the left may be removed, and new
+             * blocks may be instantiated on the right. tracks may use the static
+             * blocks to render their data for the region represented by the block
              */
             get staticBlocks() {
                 const ret = (0, calculateStaticBlocks_1.default)(self);
@@ -1002,9 +999,9 @@ function stateModelFactory(pluginManager) {
             /**
              * #getter
              * dynamic blocks represent the exact coordinates of the currently
-             * visible genome regions on the screen. they are similar to static blocks, but
-             * static blocks can go offscreen while dynamic blocks represent exactly what
-             * is on screen
+             * visible genome regions on the screen. they are similar to static
+             * blocks, but static blocks can go offscreen while dynamic blocks
+             * represent exactly what is on screen
              */
             get dynamicBlocks() {
                 return (0, calculateDynamicBlocks_1.default)(self);
@@ -1022,8 +1019,8 @@ function stateModelFactory(pluginManager) {
             },
             /**
              * #getter
-             * a single "combo-locstring" representing all the regions visible
-             * on the screen
+             * a single "combo-locstring" representing all the regions visible on
+             * the screen
              */
             get visibleLocStrings() {
                 return calculateVisibleLocStrings(this.dynamicBlocks.contentBlocks);
@@ -1126,8 +1123,8 @@ function stateModelFactory(pluginManager) {
          * Navigate to a location based on its refName and optionally start, end,
          * and assemblyName. Will not try to change displayed regions, use
          * `navToLocations` instead. Only navigates to a location if it is
-         * entirely within a displayedRegion. Navigates to the first matching location
-         * encountered.
+         * entirely within a displayedRegion. Navigates to the first matching
+         * location encountered.
          *
          * Throws an error if navigation was unsuccessful
          *
@@ -1152,8 +1149,11 @@ function stateModelFactory(pluginManager) {
             if (locations.some(l => l.start !== undefined && l.end !== undefined && l.start > l.end)) {
                 throw new Error('found start greater than end');
             }
-            const f1 = locations[0];
-            const f2 = locations[locations.length - 1];
+            const f1 = locations.at(0);
+            const f2 = locations.at(-1);
+            if (!f1 || !f2) {
+                return;
+            }
             const a = self.assemblyNames[0];
             const { assemblyManager } = (0, util_1.getSession)(self);
             const assembly1 = assemblyManager.get(f1.assemblyName || a);
@@ -1268,6 +1268,5 @@ var SearchBox_1 = require("./components/SearchBox");
 Object.defineProperty(exports, "SearchBox", { enumerable: true, get: function () { return __importDefault(SearchBox_1).default; } });
 var ZoomControls_1 = require("./components/ZoomControls");
 Object.defineProperty(exports, "ZoomControls", { enumerable: true, get: function () { return __importDefault(ZoomControls_1).default; } });
-var SVGLinearGenomeView_2 = require("./svgcomponents/SVGLinearGenomeView");
-Object.defineProperty(exports, "renderToSvg", { enumerable: true, get: function () { return SVGLinearGenomeView_2.renderToSvg; } });
-//# sourceMappingURL=model.js.map
+var SVGLinearGenomeView_1 = require("./svgcomponents/SVGLinearGenomeView");
+Object.defineProperty(exports, "renderToSvg", { enumerable: true, get: function () { return SVGLinearGenomeView_1.renderToSvg; } });

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

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