@jbrowse/plugin-linear-genome-view 2.10.2 → 2.11.0

package/dist/BaseLinearDisplay/components/BlockMsg.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { AlertColor } from '@mui/material';
-export default function BlockMsg({ message, severity, buttonText, icon, action, }: {
+export default function BlockMsg({ message, severity, action, }: {
     message: string;
     severity?: AlertColor;
-    buttonText?: string;
-    icon?: React.ReactNode;
-    action?: () => void;
+    action?: React.ReactNode;
 }): React.JSX.Element;

package/dist/BaseLinearDisplay/components/BlockMsg.js

@@ -12,10 +12,9 @@ const useStyles = (0, mui_1.makeStyles)()({
         overflow: 'hidden',
     },
 });
-function BlockMsg({ message, severity, buttonText, icon, action, }) {
+function BlockMsg({ message, severity, action, }) {
     const { classes } = useStyles();
-    const button = action ? (react_1.default.createElement(material_1.Button, { "data-testid": "reload_button", onClick: action, startIcon: icon }, buttonText)) : null;
-    return (react_1.default.createElement(material_1.Alert, { severity: severity, action: button, classes: { message: classes.ellipses } },
+    return (react_1.default.createElement(material_1.Alert, { severity: severity, action: action, classes: { message: classes.ellipses } },
         react_1.default.createElement(material_1.Tooltip, { title: message },
             react_1.default.createElement("div", null, message))));
 }

package/dist/BaseLinearDisplay/components/LinearBlocks.js

@@ -38,8 +38,8 @@ const RenderedBlocks = (0, mobx_react_1.observer)(function ({ model, }) {
         if (block instanceof blockTypes_1.ContentBlock) {
             const state = blockState.get(block.key);
             return (react_1.default.createElement(Block_1.ContentBlock, { block: block, key: `${model.id}-${block.key}` },
-                state && state.ReactComponent ? (react_1.default.createElement(state.ReactComponent, { model: state })) : null,
-                state && state.maxHeightReached ? (react_1.default.createElement("div", { className: classes.heightOverflowed, style: {
+                (state === null || state === void 0 ? void 0 : state.ReactComponent) ? (react_1.default.createElement(state.ReactComponent, { model: state })) : null,
+                (state === null || state === void 0 ? void 0 : state.maxHeightReached) ? (react_1.default.createElement("div", { className: classes.heightOverflowed, style: {
                         top: state.layout.getTotalHeight() - 16,
                         pointerEvents: 'none',
                         height: 16,

package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.d.ts

@@ -1,4 +1,12 @@
+import React from 'react';
 declare const ServerSideRenderedBlockContent: ({ model, }: {
-    model: any;
-}) => any;
+    model: {
+        error?: unknown;
+        reload: () => void;
+        message: React.ReactNode;
+        filled?: boolean;
+        status?: string;
+        reactElement?: React.ReactElement;
+    };
+}) => React.JSX.Element | undefined;
 export default ServerSideRenderedBlockContent;

package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js

@@ -1,17 +1,44 @@
 "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;
+};
 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 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 mobx_state_tree_1 = require("mobx-state-tree");
 const ui_1 = require("@jbrowse/core/ui");
+const util_1 = require("@jbrowse/core/util");
 // icons
 const Refresh_1 = __importDefault(require("@mui/icons-material/Refresh"));
+const Report_1 = __importDefault(require("@mui/icons-material/Report"));
 // locals
 const BlockMsg_1 = __importDefault(require("./BlockMsg"));
+const ErrorMessageStackTraceDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@jbrowse/core/ui/ErrorMessageStackTraceDialog'))));
 const useStyles = (0, mui_1.makeStyles)()(theme => {
     const bg = theme.palette.action.disabledBackground;
     return {
@@ -23,11 +50,9 @@ const useStyles = (0, mui_1.makeStyles)()(theme => {
         },
     };
 });
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const LoadingMessage = (0, mobx_react_1.observer)(({ model }) => {
     const { classes } = useStyles();
     const { status: blockStatus } = model;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const { message: displayStatus } = (0, mobx_state_tree_1.getParent)(model, 2);
     const status = displayStatus || blockStatus;
     return (react_1.default.createElement("div", { className: classes.loading },
@@ -35,7 +60,18 @@ const LoadingMessage = (0, mobx_react_1.observer)(({ model }) => {
 });
 const ServerSideRenderedBlockContent = (0, mobx_react_1.observer)(function ({ model, }) {
     if (model.error) {
-        return (react_1.default.createElement(BlockMsg_1.default, { message: `${model.error}`, severity: "error", buttonText: "reload", icon: react_1.default.createElement(Refresh_1.default, null), action: model.reload }));
+        return (react_1.default.createElement(BlockMsg_1.default, { message: `${model.error}`, severity: "error", action: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.Tooltip, { title: "Reload track" },
+                    react_1.default.createElement(material_1.IconButton, { "data-testid": "reload_button", onClick: () => model.reload() },
+                        react_1.default.createElement(Refresh_1.default, null))),
+                react_1.default.createElement(material_1.Tooltip, { title: "Show stack trace" },
+                    react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                            (0, util_1.getSession)(model).queueDialog(onClose => [
+                                ErrorMessageStackTraceDialog,
+                                { onClose, error: model.error },
+                            ]);
+                        } },
+                        react_1.default.createElement(Report_1.default, null)))) }));
     }
     else if (model.message) {
         // the message can be a fully rendered react component, e.g. the region too large message

package/dist/BaseLinearDisplay/components/TooLargeMessage.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 // locals
 const BlockMsg_1 = __importDefault(require("../components/BlockMsg"));
+const material_1 = require("@mui/material");
 function TooLargeMessage({ model, }) {
     const { regionTooLargeReason } = model;
-    return (react_1.default.createElement(BlockMsg_1.default, { severity: "warning", action: () => {
-            model.setFeatureDensityStatsLimit(model.featureDensityStats);
-            model.reload();
-        }, buttonText: "Force load", message: [
+    return (react_1.default.createElement(BlockMsg_1.default, { severity: "warning", action: react_1.default.createElement(material_1.Button, { onClick: () => {
+                model.setFeatureDensityStatsLimit(model.featureDensityStats);
+                model.reload();
+            } }, "Force load"), message: [
             regionTooLargeReason,
             'Zoom in to see features or force load (may be slow)',
         ]

package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts

@@ -58,8 +58,15 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
         message: string | undefined;
         maxHeightReached: boolean;
         ReactComponent: ({ model, }: {
-            model: any;
-        }) => any;
+            model: {
+                error?: unknown;
+                reload: () => void;
+                message: React.ReactNode;
+                filled?: boolean | undefined;
+                status?: string | undefined;
+                reactElement?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+            };
+        }) => React.JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -342,8 +349,15 @@ export declare const BaseLinearDisplay: import("mobx-state-tree").IModelType<{
         message: string | undefined;
         maxHeightReached: boolean;
         ReactComponent: ({ model, }: {
-            model: any;
-        }) => any;
+            model: {
+                error?: unknown;
+                reload: () => void;
+                message: React.ReactNode;
+                filled?: boolean | undefined;
+                status?: string | undefined;
+                reactElement?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+            };
+        }) => React.JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;

package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts

@@ -28,8 +28,15 @@ declare const blockState: import("mobx-state-tree").IModelType<{
     message: string | undefined;
     maxHeightReached: boolean;
     ReactComponent: ({ model, }: {
-        model: any;
-    }) => any;
+        model: {
+            error?: unknown;
+            reload: () => void;
+            message: React.ReactNode;
+            filled?: boolean | undefined;
+            status?: string | undefined;
+            reactElement?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        };
+    }) => React.JSX.Element | undefined;
     renderProps: any;
 } & {
     doReload(): void;

package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js

@@ -102,7 +102,6 @@ const blockState = mobx_state_tree_1.types
             renderInProgress = undefined;
         },
         setError(error) {
-            console.error(error);
             if (renderInProgress && !renderInProgress.signal.aborted) {
                 renderInProgress.abort();
             }

package/dist/LaunchLinearGenomeView/index.js

@@ -5,9 +5,10 @@ const searchUtils_1 = require("../searchUtils");
 exports.default = (pluginManager) => {
     pluginManager.addToExtensionPoint('LaunchView-LinearGenomeView', 
     // @ts-expect-error
-    async ({ session, assembly, loc, tracks = [], tracklist, nav, }) => {
+    async ({ session, assembly, loc, tracks = [], tracklist, nav, highlight, }) => {
         try {
             const { assemblyManager } = session;
+            const { isValidRefName } = assemblyManager;
             const view = session.addView('LinearGenomeView', {});
             await (0, util_1.when)(() => !!view.volatileWidth);
             if (!assembly) {
@@ -17,21 +18,36 @@ exports.default = (pluginManager) => {
             if (!asm) {
                 throw new Error(`Assembly "${assembly}" not found when launching linear genome view`);
             }
-            await (0, searchUtils_1.handleSelectedRegion)({ input: loc, model: view, assembly: asm });
-            const idsNotFound = [];
-            tracks.forEach(track => tryTrack(view, track, idsNotFound));
-            if (idsNotFound.length) {
-                throw new Error(`Could not resolve identifiers: ${idsNotFound.join(',')}`);
-            }
             if (tracklist) {
                 view.activateTrackSelector();
             }
             if (nav !== undefined) {
                 view.setHideHeader(!nav);
             }
+            if (highlight !== undefined) {
+                highlight.forEach(async (h) => {
+                    if (h) {
+                        const parsedLocString = (0, util_1.parseLocString)(h, refName => isValidRefName(refName, assembly));
+                        const location = {
+                            ...parsedLocString,
+                            assemblyName: assembly,
+                        };
+                        if ((location === null || location === void 0 ? void 0 : location.start) !== undefined &&
+                            (location === null || location === void 0 ? void 0 : location.end) !== undefined) {
+                            view.addToHighlights(location);
+                        }
+                    }
+                });
+            }
+            await (0, searchUtils_1.handleSelectedRegion)({ input: loc, model: view, assembly: asm });
+            const idsNotFound = [];
+            tracks.forEach(track => tryTrack(view, track, idsNotFound));
+            if (idsNotFound.length) {
+                throw new Error(`Could not resolve identifiers: ${idsNotFound.join(',')}`);
+            }
         }
         catch (e) {
-            session.notify(`${e}`, 'error');
+            session.notifyError(`${e}`, e);
             throw e;
         }
     });

package/dist/LinearBareDisplay/model.d.ts

@@ -42,8 +42,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         message: string | undefined;
         maxHeightReached: boolean;
         ReactComponent: ({ model, }: {
-            model: any;
-        }) => any;
+            model: {
+                error?: unknown;
+                reload: () => void;
+                message: import("react").ReactNode;
+                filled?: boolean | undefined;
+                status?: string | undefined;
+                reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+            };
+        }) => import("react").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -267,8 +274,15 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         message: string | undefined;
         maxHeightReached: boolean;
         ReactComponent: ({ model, }: {
-            model: any;
-        }) => any;
+            model: {
+                error?: unknown;
+                reload: () => void;
+                message: import("react").ReactNode;
+                filled?: boolean | undefined;
+                status?: string | undefined;
+                reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+            };
+        }) => import("react").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;

package/dist/LinearBasicDisplay/components/SetMaxHeight.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const SetMaxHeightDialog: ({ model, handleClose, }: {
     model: {
-        maxHeight?: number | undefined;
+        maxHeight?: number;
         setMaxHeight: (arg?: number) => void;
     };
     handleClose: () => void;

package/dist/LinearBasicDisplay/model.d.ts

@@ -47,8 +47,17 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         message: string | undefined;
         maxHeightReached: boolean;
         ReactComponent: ({ model, }: {
-            model: any;
-        }) => any;
+            model: {
+                error?: unknown;
+                reload: () => void;
+                message: import("react").ReactNode;
+                filled?: boolean | undefined;
+                status?: string | undefined; /**
+                 * #getter
+                 */
+                reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+            };
+        }) => import("react").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -343,8 +352,17 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         message: string | undefined;
         maxHeightReached: boolean;
         ReactComponent: ({ model, }: {
-            model: any;
-        }) => any;
+            model: {
+                error?: unknown;
+                reload: () => void;
+                message: import("react").ReactNode;
+                filled?: boolean | undefined;
+                status?: string | undefined; /**
+                 * #getter
+                 */
+                reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+            };
+        }) => import("react").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;

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

@@ -4,131 +4,7 @@ import { ContentBlock } from '@jbrowse/core/util/blockTypes';
 import { Assembly } from '@jbrowse/core/assemblyManager/assembly';
 declare const Cytobands: ({ overview, block, assembly, }: {
     overview: Base1DViewModel;
-    assembly?: ({
-        configuration: any;
-    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        error: unknown;
-        loaded: boolean;
-        loadingP: Promise<void> | undefined;
-        volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
-        refNameAliases: {
-            [x: string]: string | undefined;
-        } | undefined;
-        lowerCaseRefNameAliases: {
-            [x: string]: string | undefined;
-        } | undefined;
-        cytobands: import("@jbrowse/core/util").Feature[] | undefined;
-    } & {
-        getConf(arg: string): any;
-    } & {
-        readonly initialized: boolean;
-        readonly name: string;
-        readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
-        readonly aliases: string[];
-        readonly displayName: string | undefined;
-        hasName(name: string): boolean;
-        readonly allAliases: string[];
-        readonly allRefNames: string[] | undefined;
-        readonly lowerCaseRefNames: string[] | undefined;
-        readonly allRefNamesWithLowerCase: string[] | undefined;
-        readonly rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
-        readonly refNameColors: string[];
-    } & {
-        readonly refNames: string[] | undefined;
-    } & {
-        getCanonicalRefName(refName: string): string | undefined;
-        getRefNameColor(refName: string): string | undefined;
-        isValidRefName(refName: string): boolean;
-    } & {
-        setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
-        setError(e: unknown): void;
-        setRegions(regions: import("@jbrowse/core/util").Region[]): void;
-        setRefNameAliases(aliases: {
-            [x: string]: string | undefined;
-        }, lcAliases: {
-            [x: string]: string | undefined;
-        }): void;
-        setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
-        setLoadingP(p?: Promise<void> | undefined): void;
-        load(): Promise<void>;
-        loadPre(): Promise<void>;
-    } & {
-        getAdapterMapEntry(adapterConf: {
-            [x: string]: unknown;
-        }, options: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
-        getRefNameMapForAdapter(adapterConf: {
-            [x: string]: unknown;
-        }, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
-            [x: string]: string | undefined;
-        }>;
-        getReverseRefNameMapForAdapter(adapterConf: {
-            [x: string]: unknown;
-        }, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
-            [x: string]: string | undefined;
-        }>;
-    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-        configuration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
-    }, {
-        error: unknown;
-        loaded: boolean;
-        loadingP: Promise<void> | undefined;
-        volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
-        refNameAliases: {
-            [x: string]: string | undefined;
-        } | undefined;
-        lowerCaseRefNameAliases: {
-            [x: string]: string | undefined;
-        } | undefined;
-        cytobands: import("@jbrowse/core/util").Feature[] | undefined;
-    } & {
-        getConf(arg: string): any;
-    } & {
-        readonly initialized: boolean;
-        readonly name: string;
-        readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
-        readonly aliases: string[];
-        readonly displayName: string | undefined;
-        hasName(name: string): boolean;
-        readonly allAliases: string[];
-        readonly allRefNames: string[] | undefined;
-        readonly lowerCaseRefNames: string[] | undefined;
-        readonly allRefNamesWithLowerCase: string[] | undefined;
-        readonly rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
-        readonly refNameColors: string[];
-    } & {
-        readonly refNames: string[] | undefined;
-    } & {
-        getCanonicalRefName(refName: string): string | undefined;
-        getRefNameColor(refName: string): string | undefined;
-        isValidRefName(refName: string): boolean;
-    } & {
-        setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
-        setError(e: unknown): void;
-        setRegions(regions: import("@jbrowse/core/util").Region[]): void;
-        setRefNameAliases(aliases: {
-            [x: string]: string | undefined;
-        }, lcAliases: {
-            [x: string]: string | undefined;
-        }): void;
-        setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
-        setLoadingP(p?: Promise<void> | undefined): void;
-        load(): Promise<void>;
-        loadPre(): Promise<void>;
-    } & {
-        getAdapterMapEntry(adapterConf: {
-            [x: string]: unknown;
-        }, options: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
-        getRefNameMapForAdapter(adapterConf: {
-            [x: string]: unknown;
-        }, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
-            [x: string]: string | undefined;
-        }>;
-        getReverseRefNameMapForAdapter(adapterConf: {
-            [x: string]: unknown;
-        }, opts: import("@jbrowse/core/data_adapters/BaseAdapter").BaseOptions): Promise<{
-            [x: string]: string | undefined;
-        }>;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
+    assembly?: Assembly;
     block: ContentBlock;
 }) => React.JSX.Element;
 export default Cytobands;

package/dist/LinearGenomeView/components/ExportSvgDialog.js

@@ -35,6 +35,10 @@ function LoadingMessage() {
 function useSvgLocal(key, val) {
     return (0, util_1.useLocalStorage)('svg-' + key, val);
 }
+function TextField2({ children, ...rest }) {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(material_1.TextField, { ...rest }, children)));
+}
 function ExportSvgDialog({ model, handleClose, }) {
     const session = (0, util_1.getSession)(model);
     const offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
@@ -47,15 +51,13 @@ function ExportSvgDialog({ model, handleClose, }) {
     return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Export SVG" },
         react_1.default.createElement(material_1.DialogContent, null,
             error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: error })) : loading ? (react_1.default.createElement(LoadingMessage, null)) : null,
-            react_1.default.createElement(material_1.TextField, { helperText: "filename", value: filename, onChange: event => setFilename(event.target.value) }),
-            react_1.default.createElement("br", null),
-            react_1.default.createElement(material_1.TextField, { select: true, label: "Track label positioning", variant: "outlined", style: { width: 150 }, value: trackLabels, onChange: event => setTrackLabels(event.target.value) },
+            react_1.default.createElement(TextField2, { helperText: "filename", value: filename, onChange: event => setFilename(event.target.value) }),
+            react_1.default.createElement(TextField2, { select: true, label: "Track label positioning", variant: "outlined", style: { width: 150 }, value: trackLabels, onChange: event => setTrackLabels(event.target.value) },
                 react_1.default.createElement(material_1.MenuItem, { value: "offset" }, "Offset"),
                 react_1.default.createElement(material_1.MenuItem, { value: "overlay" }, "Overlay"),
                 react_1.default.createElement(material_1.MenuItem, { value: "left" }, "Left"),
                 react_1.default.createElement(material_1.MenuItem, { value: "none" }, "None")),
-            react_1.default.createElement("br", null),
-            session.allThemes ? (react_1.default.createElement(material_1.TextField, { 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 }, 
+            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,
             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"))),
@@ -76,6 +78,8 @@ function ExportSvgDialog({ model, handleClose, }) {
                     catch (e) {
                         console.error(e);
                         setError(e);
+                    }
+                    finally {
                         setLoading(false);
                     }
                 } }, "Submit"))));

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { LinearGenomeViewModel } from '../model';
+type LGV = LinearGenomeViewModel;
+declare const HighlightGroup: ({ model, }: {
+    model: LGV;
+}) => React.JSX.Element[];
+export default HighlightGroup;