@jbrowse/plugin-circular-view 2.17.0 → 2.18.0

package/dist/BaseChordDisplay/components/BaseChordDisplay.js

@@ -5,16 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const mobx_react_1 = require("mobx-react");
-// locals
-const Loading_1 = __importDefault(require("./Loading"));
 const DisplayError_1 = __importDefault(require("./DisplayError"));
+const Loading_1 = __importDefault(require("./Loading"));
 const BaseChordDisplay = (0, mobx_react_1.observer)(function ({ display, }) {
     if (display.error) {
         return react_1.default.createElement(DisplayError_1.default, { model: display });
     }
-    if (!display.filled) {
+    else if (!display.filled) {
         return react_1.default.createElement(Loading_1.default, { model: display });
     }
-    return display.reactElement;
+    else {
+        return display.reactElement;
+    }
 });
 exports.default = BaseChordDisplay;

package/dist/BaseChordDisplay/components/Loading.js

@@ -24,8 +24,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => {
     const offset = 2;
     const duration = 1.4;
@@ -70,7 +70,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => {
 });
 const Loading = (0, mobx_react_1.observer)(function ({ model: { renderProps: { radius }, }, }) {
     const { classes } = useStyles();
-    // only show the loading message after 400ms to prevent excessive flickering
     const [shown, setShown] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         const timeout = setTimeout(() => {

package/dist/BaseChordDisplay/{models/configSchema.d.ts → configSchema.d.ts}

@@ -1,7 +1,4 @@
 declare const baseChordDisplayConfig: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     onChordClick: {
         type: string;
         description: string;

package/dist/BaseChordDisplay/{models/configSchema.js → configSchema.js}

@@ -2,14 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.baseChordDisplayConfig = void 0;
 const configuration_1 = require("@jbrowse/core/configuration");
-/**
- * #config BaseChordDisplay
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const baseChordDisplayConfig = (0, configuration_1.ConfigurationSchema)('BaseChordDisplay', {
-    /**
-     * #slot
-     */
     onChordClick: {
         type: 'boolean',
         description: 'callback that should be run when a chord in the track is clicked',
@@ -17,9 +11,6 @@ const baseChordDisplayConfig = (0, configuration_1.ConfigurationSchema)('BaseCho
         contextVariable: ['feature', 'track', 'pluginManager'],
     },
 }, {
-    /**
-     * #identifier
-     */
     explicitIdentifier: 'displayId',
 });
 exports.baseChordDisplayConfig = baseChordDisplayConfig;

package/dist/BaseChordDisplay/index.d.ts

@@ -1,3 +1,3 @@
 export { default as BaseChordDisplayComponent } from './components/BaseChordDisplay';
-export { BaseChordDisplayModel } from './models/model';
-export { baseChordDisplayConfig } from './models/configSchema';
+export { BaseChordDisplayModel } from './model';
+export { baseChordDisplayConfig } from './configSchema';

package/dist/BaseChordDisplay/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.baseChordDisplayConfig = exports.BaseChordDisplayModel = exports.BaseChordDisplayComponent = void 0;
 var BaseChordDisplay_1 = require("./components/BaseChordDisplay");
 Object.defineProperty(exports, "BaseChordDisplayComponent", { enumerable: true, get: function () { return __importDefault(BaseChordDisplay_1).default; } });
-var model_1 = require("./models/model");
+var model_1 = require("./model");
 Object.defineProperty(exports, "BaseChordDisplayModel", { enumerable: true, get: function () { return model_1.BaseChordDisplayModel; } });
-var configSchema_1 = require("./models/configSchema");
+var configSchema_1 = require("./configSchema");
 Object.defineProperty(exports, "baseChordDisplayConfig", { enumerable: true, get: function () { return configSchema_1.baseChordDisplayConfig; } });

package/{esm/BaseChordDisplay/models → dist/BaseChordDisplay}/model.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
-import CircularChordRendererType from '@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType';
-import RendererType from '@jbrowse/core/pluggableElementTypes/renderers/RendererType';
-import { AnyReactComponentType, Feature } from '@jbrowse/core/util';
-import { ExportSvgOptions } from '../../CircularView/models/model';
-import { ThemeOptions } from '@mui/material';
+import type { ExportSvgOptions } from '../CircularView/model';
+import type { AnyReactComponentType, Feature } from '@jbrowse/core/util';
+import type { ThemeOptions } from '@mui/material';
 export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<string>;
@@ -54,9 +52,7 @@ export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType
             rendererTypeName: string;
             error: unknown;
             message: string | undefined;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree" /**
-         * #getter
-         */).IModelType<{
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
             type: import("mobx-state-tree").ISimpleType<string>;
             rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -88,63 +84,26 @@ export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType
     renderingComponent: undefined | AnyReactComponentType;
     refNameMap: Record<string, string> | undefined;
 } & {
-    /**
-     * #action
-     */
     onChordClick(feature: Feature): void;
 } & {
-    /**
-     * #getter
-     */
-    readonly blockDefinitions: import("../../CircularView/models/slices").Slice[];
-    /**
-     * #method
-     */
+    readonly blockDefinitions: import("../CircularView/slices").Slice[];
     renderProps(): any;
-    /**
-     * #getter
-     * the pluggable element type object for this display's renderer
-     */
-    readonly rendererType: RendererType | undefined;
-    /**
-     * #method
-     */
-    isCompatibleWithRenderer(renderer: RendererType): renderer is CircularChordRendererType;
-    /**
-     * #getter
-     * returns a string feature ID if the globally-selected object
-     * is probably a feature
-     */
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType | undefined;
     readonly selectedFeatureId: string | undefined;
 } & {
-    /**
-     * #action
-     */
     renderStarted(): void;
-    /**
-     * #action
-     */
     renderSuccess({ message, data, reactElement, html, renderingComponent, }: {
-        message: string;
-        data: any;
-        html: string;
-        reactElement: React.ReactElement;
-        renderingComponent: AnyReactComponentType;
+        message?: string;
+        data?: any;
+        html?: string;
+        reactElement?: React.ReactElement;
+        renderingComponent?: AnyReactComponentType;
     }): void;
-    /**
-     * #action
-     */
     renderError(error: unknown): void;
-    /**
-     * #action
-     */
     setRefNameMap(refNameMap: Record<string, string>): void;
 } & {
     afterAttach(): void;
 } & {
-    /**
-     * #method
-     */
     renderSvg(opts: ExportSvgOptions & {
         theme?: ThemeOptions;
     }): Promise<React.JSX.Element>;

package/dist/BaseChordDisplay/{models/model.js → model.js}

@@ -5,41 +5,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseChordDisplayModel = void 0;
 const react_1 = __importDefault(require("react"));
-const clone_1 = __importDefault(require("clone"));
-const mobx_state_tree_1 = require("mobx-state-tree");
-// jbrowse
 const configuration_1 = require("@jbrowse/core/configuration");
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
-const CircularChordRendererType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType"));
 const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
-// locals
-const renderReaction_1 = require("./renderReaction");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const configSchema_1 = require("./configSchema");
-/**
- * #stateModel BaseChordDisplay
- * extends
- * - [BaseDisplay](../basedisplay)
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+const renderReaction_1 = require("./renderReaction");
+function x() { }
 exports.BaseChordDisplayModel = mobx_state_tree_1.types
     .compose('BaseChordDisplay', models_1.BaseDisplay, mobx_state_tree_1.types.model({
-    /**
-     * #property
-     */
     bezierRadiusRatio: 0.1,
-    /**
-     * #property
-     */
     assemblyName: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-    /**
-     * #property
-     */
     configuration: (0, configuration_1.ConfigurationReference)(configSchema_1.baseChordDisplayConfig),
 }))
     .volatile(() => ({
-    // NOTE: all this volatile stuff has to be filled in at once
-    // so that it stays consistent
     filled: false,
     reactElement: undefined,
     data: undefined,
@@ -52,42 +32,32 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
     const { pluginManager } = (0, util_1.getEnv)(self);
     const track = self;
     return {
-        /**
-         * #action
-         */
         onChordClick(feature) {
             (0, configuration_1.getConf)(self, 'onChordClick', { feature, track, pluginManager });
         },
     };
 })
     .views(self => ({
-    /**
-     * #getter
-     */
     get blockDefinitions() {
         const view = (0, util_1.getContainingView)(self);
         const origSlices = view.staticSlices;
         if (!self.refNameMap) {
             return origSlices;
         }
-        const slices = (0, clone_1.default)(origSlices);
-        slices.forEach(slice => {
+        const slices = structuredClone(origSlices);
+        for (const slice of slices) {
             const regions = slice.region.elided
                 ? slice.region.regions
                 : [slice.region];
-            regions.forEach(region => {
-                var _a;
-                const renamed = (_a = self.refNameMap) === null || _a === void 0 ? void 0 : _a[region.refName];
+            for (const region of regions) {
+                const renamed = self.refNameMap[region.refName];
                 if (renamed && region.refName !== renamed) {
                     region.refName = renamed;
                 }
-            });
-        });
+            }
+        }
         return slices;
     },
-    /**
-     * #method
-     */
     renderProps() {
         const view = (0, util_1.getContainingView)(self);
         return {
@@ -99,41 +69,18 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
             onChordClick: self.onChordClick,
         };
     },
-    /**
-     * #getter
-     * the pluggable element type object for this display's renderer
-     */
     get rendererType() {
         return (0, util_1.getEnv)(self).pluginManager.getRendererType(self.rendererTypeName);
     },
-    /**
-     * #method
-     */
-    isCompatibleWithRenderer(renderer) {
-        return !!(renderer instanceof CircularChordRendererType_1.default);
-    },
-    /**
-     * #getter
-     * returns a string feature ID if the globally-selected object
-     * is probably a feature
-     */
     get selectedFeatureId() {
         if (!(0, mobx_state_tree_1.isAlive)(self)) {
             return undefined;
         }
-        const session = (0, util_1.getSession)(self);
-        const { selection } = session;
-        // does it quack like a feature?
-        if ((0, util_1.isFeature)(selection)) {
-            return selection.id();
-        }
-        return undefined;
+        const { selection } = (0, util_1.getSession)(self);
+        return (0, util_1.isFeature)(selection) ? selection.id() : undefined;
     },
 }))
     .actions(self => ({
-    /**
-     * #action
-     */
     renderStarted() {
         self.filled = false;
         self.message = '';
@@ -143,9 +90,6 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
         self.error = undefined;
         self.renderingComponent = undefined;
     },
-    /**
-     * #action
-     */
     renderSuccess({ message, data, reactElement, html, renderingComponent, }) {
         if (message) {
             self.filled = false;
@@ -166,12 +110,8 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
             self.renderingComponent = renderingComponent;
         }
     },
-    /**
-     * #action
-     */
     renderError(error) {
         console.error(error);
-        // the rendering failed for some reason
         self.filled = false;
         self.message = '';
         self.reactElement = undefined;
@@ -180,33 +120,36 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
         self.error = error;
         self.renderingComponent = undefined;
     },
-    /**
-     * #action
-     */
     setRefNameMap(refNameMap) {
         self.refNameMap = refNameMap;
     },
 }))
     .actions(self => ({
     afterAttach() {
-        (0, util_1.makeAbortableReaction)(self, renderReaction_1.renderReactionData, 
-        // @ts-expect-error
-        renderReaction_1.renderReactionEffect, {
+        (0, util_1.makeAbortableReaction)(self, renderReaction_1.renderReactionData, renderReaction_1.renderReactionEffect, {
             name: `${self.type} ${self.id} rendering`,
-            // delay: self.renderDelay || 300,
             fireImmediately: true,
         }, self.renderStarted, self.renderSuccess, self.renderError);
-        (0, util_1.makeAbortableReaction)(self, () => ({
-            assemblyNames: (0, tracks_1.getTrackAssemblyNames)(self.parentTrack),
-            adapter: (0, configuration_1.getConf)((0, mobx_state_tree_1.getParent)(self, 2), 'adapter'),
-            assemblyManager: (0, util_1.getSession)(self).assemblyManager,
-        }), async ({ assemblyNames, adapter, assemblyManager }, signal) => {
-            return assemblyManager.getRefNameMapForAdapter(adapter, assemblyNames[0], { signal, sessionId: (0, tracks_1.getRpcSessionId)(self) });
+        (0, util_1.makeAbortableReaction)(self, () => {
+            return {
+                assemblyNames: (0, tracks_1.getTrackAssemblyNames)(self.parentTrack),
+                adapter: (0, configuration_1.getConf)((0, mobx_state_tree_1.getParent)(self, 2), 'adapter'),
+                assemblyManager: (0, util_1.getSession)(self).assemblyManager,
+            };
+        }, async (args, stopToken) => {
+            return args
+                ? args.assemblyManager.getRefNameMapForAdapter(args.adapter, args.assemblyNames[0], {
+                    stopToken,
+                    sessionId: (0, tracks_1.getRpcSessionId)(self),
+                })
+                : undefined;
         }, {
             name: `${self.type} ${self.id} getting refNames`,
             fireImmediately: true,
         }, () => { }, refNameMap => {
-            self.setRefNameMap(refNameMap);
+            if (refNameMap) {
+                self.setRefNameMap(refNameMap);
+            }
         }, error => {
             console.error(error);
             self.setError(error);
@@ -214,16 +157,13 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
     },
 }))
     .views(self => ({
-    /**
-     * #method
-     */
     async renderSvg(opts) {
         const data = (0, renderReaction_1.renderReactionData)(self);
         const rendering = await (0, renderReaction_1.renderReactionEffect)({
             ...data,
             exportSVG: opts,
             theme: opts.theme || data.renderProps.theme,
-        }, undefined, self);
+        });
         return react_1.default.createElement(util_1.ReactRendering, { rendering: rendering });
     },
 }));

package/dist/BaseChordDisplay/renderReaction.d.ts

@@ -0,0 +1,27 @@
+export declare function renderReactionData(self: any): {
+    rendererType: any;
+    rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
+    renderProps: any;
+    renderArgs: {
+        assemblyName: string;
+        adapterConfig: any;
+        rendererType: any;
+        regions: import("@jbrowse/core/util").Region[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>>;
+        blockDefinitions: any;
+        sessionId: string;
+        timeout: number;
+    };
+};
+export declare function renderReactionEffect(props?: any, stopToken?: string): Promise<{
+    message: any;
+    html?: undefined;
+    data?: undefined;
+    reactElement?: undefined;
+    renderingComponent?: undefined;
+} | {
+    html: any;
+    data: any;
+    reactElement: any;
+    renderingComponent: any;
+    message?: undefined;
+}>;

package/dist/BaseChordDisplay/{models/renderReaction.js → renderReaction.js}

@@ -1,13 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderReactionData = renderReactionData;
 exports.renderReactionEffect = renderReactionEffect;
-const clone_1 = __importDefault(require("clone"));
-const tracks_1 = require("@jbrowse/core/util/tracks");
 const util_1 = require("@jbrowse/core/util");
+const tracks_1 = require("@jbrowse/core/util/tracks");
 function renderReactionData(self) {
     const view = (0, util_1.getContainingView)(self);
     const { rendererType } = self;
@@ -18,16 +14,16 @@ function renderReactionData(self) {
         renderProps: self.renderProps(),
         renderArgs: {
             assemblyName: view.displayedRegions[0].assemblyName,
-            adapterConfig: (0, clone_1.default)(self.adapterConfig),
+            adapterConfig: structuredClone(self.adapterConfig),
             rendererType: rendererType.name,
-            regions: (0, clone_1.default)(view.displayedRegions),
+            regions: structuredClone(view.displayedRegions),
             blockDefinitions: self.blockDefinitions,
             sessionId: (0, tracks_1.getRpcSessionId)(self),
             timeout: 1000000,
         },
     };
 }
-async function renderReactionEffect(props, signal, self) {
+async function renderReactionEffect(props, stopToken) {
     var _a;
     if (!props) {
         throw new Error('cannot render with no props');
@@ -36,18 +32,14 @@ async function renderReactionEffect(props, signal, self) {
     if (cannotBeRenderedReason) {
         return { message: cannotBeRenderedReason };
     }
-    // don't try to render 0 or NaN radius or no regions
     if (!renderProps.radius || !((_a = renderArgs.regions) === null || _a === void 0 ? void 0 : _a.length)) {
         return { message: 'Skipping render' };
     }
-    // check renderertype compatibility
-    if (!self.isCompatibleWithRenderer(rendererType)) {
-        throw new Error(`renderer ${rendererType.name} is not compatible with this display type`);
-    }
     const { html, ...data } = await rendererType.renderInClient(rpcManager, {
         ...renderArgs,
         ...renderProps,
         exportSVG,
+        stopToken,
     });
     return {
         html,

package/dist/CircularView/components/CircularView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CircularViewModel } from '../models/model';
+import type { CircularViewModel } from '../model';
 declare const CircularView: ({ model }: {
     model: CircularViewModel;
 }) => React.JSX.Element | null;

package/dist/CircularView/components/CircularView.js

@@ -4,14 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
+const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
-// locals
-const Ruler_1 = __importDefault(require("./Ruler"));
 const Controls_1 = __importDefault(require("./Controls"));
 const ImportForm_1 = __importDefault(require("./ImportForm"));
+const Ruler_1 = __importDefault(require("./Ruler"));
 const dragHandleHeight = 3;
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     root: {

package/dist/CircularView/components/Controls.d.ts

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

package/dist/CircularView/components/Controls.js

@@ -27,21 +27,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
+const Icons_1 = require("@jbrowse/core/ui/Icons");
 const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
-// icons
-const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
-const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
-const RotateLeft_1 = __importDefault(require("@mui/icons-material/RotateLeft"));
-const RotateRight_1 = __importDefault(require("@mui/icons-material/RotateRight"));
-const LockOpen_1 = __importDefault(require("@mui/icons-material/LockOpen"));
+const util_1 = require("@jbrowse/core/util");
 const Lock_1 = __importDefault(require("@mui/icons-material/Lock"));
-const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
+const LockOpen_1 = __importDefault(require("@mui/icons-material/LockOpen"));
 const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const Icons_1 = require("@jbrowse/core/ui/Icons");
-const util_1 = require("@jbrowse/core/util");
+const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
+const RotateLeft_1 = __importDefault(require("@mui/icons-material/RotateLeft"));
+const RotateRight_1 = __importDefault(require("@mui/icons-material/RotateRight"));
+const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
+const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const ExportSvgDialog_1 = __importDefault(require("./ExportSvgDialog"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     controls: {

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

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

package/dist/CircularView/components/ExportSvgDialog.js

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

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

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

package/dist/CircularView/components/ImportForm.js

@@ -24,11 +24,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_1 = require("@jbrowse/core/ui");
+const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
-const util_1 = require("@jbrowse/core/util");
-const ui_1 = require("@jbrowse/core/ui");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     importFormContainer: {
         padding: theme.spacing(6),

package/dist/CircularView/components/Ruler.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Slice } from '../models/slices';
-import { CircularViewModel } from '../models/model';
+import type { CircularViewModel } from '../model';
+import type { Slice } from '../slices';
 declare const Ruler: ({ model, slice, }: {
     model: CircularViewModel;
     slice: Slice;