@jbrowse/plugin-dotplot-view 2.16.1 → 2.18.0

package/dist/DotplotRenderer/configSchema.d.ts

@@ -1,57 +1,36 @@
 declare const _default: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     color: {
         type: string;
         description: string;
         defaultValue: string;
         contextVariable: string[];
     };
-    /**
-     * #slot
-     */
     posColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     negColor: {
         type: string;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     lineWidth: {
         type: string;
         description: string;
         defaultValue: number;
     };
-    /**
-     * #slot
-     */
     colorBy: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     thresholdsPalette: {
         type: string;
         defaultValue: string[];
         description: string;
     };
-    /**
-     * #slot
-     */
     thresholds: {
         type: string;
         defaultValue: string[];

package/dist/DotplotRenderer/configSchema.js

@@ -2,48 +2,29 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const mobx_state_tree_1 = require("mobx-state-tree");
-/**
- * #config DotplotRenderer
- * #category renderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 exports.default = (0, configuration_1.ConfigurationSchema)('DotplotRenderer', {
-    /**
-     * #slot
-     */
     color: {
         type: 'color',
         description: 'the color of each feature in a synteny, used with colorBy:default',
         defaultValue: '#f0f',
         contextVariable: ['feature'],
     },
-    /**
-     * #slot
-     */
     posColor: {
         type: 'color',
         description: 'the color for forward alignments, used with colorBy:strand',
         defaultValue: 'blue',
     },
-    /**
-     * #slot
-     */
     negColor: {
         type: 'color',
         description: 'the color for reverse alignments, used with colorBy:strand',
         defaultValue: 'red',
     },
-    /**
-     * #slot
-     */
     lineWidth: {
         type: 'number',
         description: 'width of the lines to be drawn',
-        defaultValue: 2.5, // 2.5 is similar to D-GENIES
+        defaultValue: 2.5,
     },
-    /**
-     * #slot
-     */
     colorBy: {
         type: 'stringEnum',
         model: mobx_state_tree_1.types.enumeration('colorBy', [
@@ -63,17 +44,11 @@ exports.default = (0, configuration_1.ConfigurationSchema)('DotplotRenderer', {
 </ul>`,
         defaultValue: 'default',
     },
-    /**
-     * #slot
-     */
     thresholdsPalette: {
         type: 'stringArray',
         defaultValue: ['#094b09', '#2ebd40', '#d5670b', '#ffd84b'],
         description: 'threshold colors, used with colorBy:identity',
     },
-    /**
-     * #slot
-     */
     thresholds: {
         type: 'stringArray',
         defaultValue: ['0.75', '0.5', '0.25', '0'],

package/dist/DotplotRenderer/drawDotplot.d.ts

@@ -1,6 +1,6 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { RenderArgsDeserialized } from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
-import { Dotplot1DViewModel } from '../DotplotView/model';
+import type { Dotplot1DViewModel } from '../DotplotView/model';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { RenderArgsDeserialized } from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
 export interface DotplotRenderArgsDeserialized extends RenderArgsDeserialized {
     adapterConfig: AnyConfigurationModel;
     height: number;

package/dist/DotplotRenderer/drawDotplot.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.drawDotplot = drawDotplot;
 const configuration_1 = require("@jbrowse/core/configuration");
+const ui_1 = require("@jbrowse/core/ui");
 const Base1DUtils_1 = require("@jbrowse/core/util/Base1DUtils");
-const mobx_state_tree_1 = require("mobx-state-tree");
 const plugin_alignments_1 = require("@jbrowse/plugin-alignments");
-const ui_1 = require("@jbrowse/core/ui");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const { parseCigar } = plugin_alignments_1.MismatchParser;
 const r = 'fell outside of range due to CIGAR string';
 const lt = '(less than min coordinate of feature)';
 const gt = '(greater than max coordinate of feature)';
-const fudgeFactor = 1; // allow 1px fuzzyness before warn
+const fudgeFactor = 1;
 function drawCir(ctx, x, y, r = 1) {
     ctx.beginPath();
     ctx.arc(x, y, r / 2, 0, 2 * Math.PI);
@@ -33,8 +33,6 @@ async function drawDotplot(ctx, props) {
     const db2 = (_b = vview.dynamicBlocks.contentBlocks[0]) === null || _b === void 0 ? void 0 : _b.offsetPx;
     const warnings = [];
     ctx.lineWidth = lineWidth;
-    // we operate on snapshots of these attributes of the hview/vview because
-    // it is significantly faster than accessing the mobx objects
     const { bpPerPx: hBpPerPx } = hview;
     const { bpPerPx: vBpPerPx } = vview;
     function clampWithWarnX(num, min, max, feature) {
@@ -177,7 +175,6 @@ async function drawDotplot(ctx, props) {
                         }
                         currX = clampWithWarnX(currX, b1, b2, feature);
                         currY = clampWithWarnY(currY, e1, e2, feature);
-                        // only draw a line segment if it is bigger than 0.5px
                         if (Math.abs(currX - lastDrawnX) > 0.5 ||
                             Math.abs(currY - lastDrawnY) > 0.5) {
                             ctx.lineTo(currX, height - currY);

package/dist/DotplotRenderer/index.d.ts

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

package/dist/DotplotRenderer/index.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DotplotRendererF;
-const DotplotRendering_1 = __importDefault(require("./components/DotplotRendering"));
 const DotplotRenderer_1 = __importDefault(require("./DotplotRenderer"));
+const DotplotRendering_1 = __importDefault(require("./components/DotplotRendering"));
 const configSchema_1 = __importDefault(require("./configSchema"));
 function DotplotRendererF(pluginManager) {
     pluginManager.addRendererType(() => new DotplotRenderer_1.default({

package/dist/DotplotView/1dview.d.ts

@@ -1,4 +1,4 @@
-import { Instance } from 'mobx-state-tree';
+import type { Instance } from 'mobx-state-tree';
 declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     displayedRegions: 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]>;
@@ -53,39 +53,14 @@ declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
 } & {
     moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
 } & {
-    /**
-     * #action
-     */
     setScaleFactor(n: number): void;
-    /**
-     * #action
-     */
     center(): void;
 } & {
-    /**
-     * #getter
-     * this uses padding=false and elision=false
-     */
     readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    /**
-     * #getter
-     */
     readonly scaleFactor: number;
-    /**
-     * #getter
-     */
     readonly maxBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly minBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly maxOffset: number;
-    /**
-     * #getter
-     */
     readonly minOffset: number;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 declare const DotplotHView: import("mobx-state-tree").IModelType<{
@@ -142,39 +117,14 @@ declare const DotplotHView: import("mobx-state-tree").IModelType<{
 } & {
     moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
 } & {
-    /**
-     * #action
-     */
     setScaleFactor(n: number): void;
-    /**
-     * #action
-     */
     center(): void;
 } & {
-    /**
-     * #getter
-     * this uses padding=false and elision=false
-     */
     readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    /**
-     * #getter
-     */
     readonly scaleFactor: number;
-    /**
-     * #getter
-     */
     readonly maxBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly minBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly maxOffset: number;
-    /**
-     * #getter
-     */
     readonly minOffset: number;
 } & {
     readonly width: any;
@@ -233,42 +183,17 @@ declare const DotplotVView: import("mobx-state-tree").IModelType<{
 } & {
     moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
 } & {
-    /**
-     * #action
-     */
     setScaleFactor(n: number): void;
-    /**
-     * #action
-     */
     center(): void;
 } & {
-    /**
-     * #getter
-     * this uses padding=false and elision=false
-     */
     readonly dynamicBlocks: import("@jbrowse/core/util/blockTypes").BlockSet;
-    /**
-     * #getter
-     */
     readonly scaleFactor: number;
-    /**
-     * #getter
-     */
     readonly maxBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly minBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly maxOffset: number;
-    /**
-     * #getter
-     */
     readonly minOffset: number;
 } & {
     readonly width: any;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-export { DotplotVView, DotplotHView, Dotplot1DView };
+export { Dotplot1DView, DotplotHView, DotplotVView };
 export type Dotplot1DViewModel = Instance<typeof Dotplot1DView>;

package/dist/DotplotView/1dview.js

@@ -3,68 +3,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dotplot1DView = exports.DotplotHView = exports.DotplotVView = void 0;
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mobx_1 = require("mobx");
+exports.DotplotVView = exports.DotplotHView = exports.Dotplot1DView = void 0;
 const Base1DViewModel_1 = __importDefault(require("@jbrowse/core/util/Base1DViewModel"));
 const calculateDynamicBlocks_1 = __importDefault(require("@jbrowse/core/util/calculateDynamicBlocks"));
-/**
- * #stateModel Dotplot1DView
- * ref https://mobx-state-tree.js.org/concepts/volatiles on volatile state used here
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
+function x() { }
 const Dotplot1DView = Base1DViewModel_1.default.extend(self => {
     const scaleFactor = mobx_1.observable.box(1);
     return {
         views: {
-            /**
-             * #getter
-             * this uses padding=false and elision=false
-             */
             get dynamicBlocks() {
                 return (0, calculateDynamicBlocks_1.default)(self, false, false);
             },
-            /**
-             * #getter
-             */
             get scaleFactor() {
                 return scaleFactor.get();
             },
-            /**
-             * #getter
-             */
             get maxBpPerPx() {
                 return self.totalBp / (self.width - 50);
             },
-            /**
-             * #getter
-             */
             get minBpPerPx() {
                 return 1 / 50;
             },
-            /**
-             * #getter
-             */
             get maxOffset() {
                 return self.displayedRegionsTotalPx - self.width * 0.2;
             },
-            /**
-             * #getter
-             */
             get minOffset() {
                 return -self.width * 0.8;
             },
         },
         actions: {
-            /**
-             * #action
-             */
             setScaleFactor(n) {
                 scaleFactor.set(n);
             },
-            /**
-             * #action
-             */
             center() {
                 const centerBp = self.totalBp / 2;
                 const centerPx = centerBp / self.bpPerPx;

package/dist/DotplotView/components/Axes.d.ts

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

package/dist/DotplotView/components/Axes.js

@@ -5,13 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VerticalAxisRaw = exports.VerticalAxis = exports.HorizontalAxisRaw = exports.HorizontalAxis = void 0;
 const react_1 = __importDefault(require("react"));
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
 const util_1 = require("@jbrowse/core/util");
 const Base1DUtils_1 = require("@jbrowse/core/util/Base1DUtils");
 const material_1 = require("@mui/material");
-// locals
+const mobx_react_1 = require("mobx-react");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const mui_1 = require("tss-react/mui");
 const util_2 = require("./util");
 const useStyles = (0, mui_1.makeStyles)()(() => ({
     vtext: {

package/dist/DotplotView/components/CursorIcon.d.ts

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

package/dist/DotplotView/components/CursorIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CursorMove = CursorMove;
 exports.CursorMouse = CursorMouse;
-const SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
 const react_1 = __importDefault(require("react"));
+const SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
 function CursorMove(props) {
     return (react_1.default.createElement(SvgIcon_1.default, { ...props },
         react_1.default.createElement("path", { fill: "currentColor", d: "M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" })));

package/dist/DotplotView/components/DotplotControls.d.ts

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

package/dist/DotplotView/components/DotplotControls.js

@@ -4,15 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
 const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-// icons
-const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
-const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
+const Icons_1 = require("@jbrowse/core/ui/Icons");
 const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+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 CursorIcon_1 = require("./CursorIcon");
-const Icons_1 = require("@jbrowse/core/ui/Icons");
 const DotplotControls = (0, mobx_react_1.observer)(function ({ model, }) {
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(material_1.IconButton, { onClick: () => {

package/dist/DotplotView/components/DotplotTooltipClick.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DotplotViewModel } from '../model';
+import type { DotplotViewModel } from '../model';
 type Coord = [number, number] | undefined;
 export declare const DotplotTooltipClick: ({ model, mousedown, mousedownClient, xdistance, ydistance, }: {
     model: DotplotViewModel;

package/dist/DotplotView/components/DotplotTooltipClick.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DotplotTooltipClick = void 0;
 const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
 const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
+const mobx_react_1 = require("mobx-react");
 const util_1 = require("./util");
 exports.DotplotTooltipClick = (0, mobx_react_1.observer)(function ({ model, mousedown, mousedownClient, xdistance, ydistance, }) {
     const { hview, vview, viewHeight } = model;

package/dist/DotplotView/components/DotplotTooltipMouseover.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DotplotViewModel } from '../model';
+import type { DotplotViewModel } from '../model';
 type Coord = [number, number] | undefined;
 declare const DotplotTooltipMouseover: ({ model, mouserect, mouserectClient, xdistance, }: {
     model: DotplotViewModel;

package/dist/DotplotView/components/DotplotTooltipMouseover.js

@@ -4,8 +4,8 @@ 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 BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
+const mobx_react_1 = require("mobx-react");
 const util_1 = require("./util");
 const DotplotTooltipMouseover = (0, mobx_react_1.observer)(function ({ model, mouserect, mouserectClient, xdistance, }) {
     const { hview, vview, viewHeight } = model;

package/dist/DotplotView/components/DotplotView.d.ts

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

package/dist/DotplotView/components/DotplotView.js

@@ -28,13 +28,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const ui_1 = require("@jbrowse/core/ui");
-const mobx_react_1 = require("mobx-react");
 const mobx_1 = require("mobx");
+const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
-const ImportForm_1 = __importDefault(require("./ImportForm"));
-const Header_1 = __importDefault(require("./Header"));
-const Grid_1 = __importDefault(require("./Grid"));
 const Axes_1 = require("./Axes");
+const Grid_1 = __importDefault(require("./Grid"));
+const Header_1 = __importDefault(require("./Header"));
+const ImportForm_1 = __importDefault(require("./ImportForm"));
 const TooltipWhereClicked = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./DotplotTooltipClick'))));
 const TooltipWhereMouseovered = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./DotplotTooltipMouseover'))));
 const blank = { left: 0, top: 0, width: 0, height: 0 };
@@ -60,7 +60,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         width: '100%',
         gridRow: '1/2',
         gridColumn: '2/2',
-        zIndex: 100, // needs to be below controls
+        zIndex: 100,
         '& path': {
             cursor: 'crosshair',
             fill: 'none',
@@ -78,8 +78,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         borderTop: '1px solid #fafafa',
     },
 }));
-// produces offsetX/offsetY coordinates from a clientX and an element's
-// getBoundingClientRect
 function getOffset(coord, rect) {
     return coord && [coord[0] - rect.left, coord[1] - rect.top];
 }
@@ -119,7 +117,6 @@ const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
         (cursorMode === 'crosshair' && ctrlKeyWasUsed);
     const validSelect = (cursorMode === 'move' && ctrlKeyWasUsed) ||
         (cursorMode === 'crosshair' && !ctrlKeyWasUsed);
-    // use non-React wheel handler to properly prevent body scrolling
     (0, react_1.useEffect)(() => {
         function onWheel(event) {
             event.preventDefault();
@@ -188,8 +185,6 @@ const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
             window.addEventListener('keyup', globalCtrlKeyUp);
         };
     }, []);
-    // detect a mouseup after a mousedown was submitted, autoremoves mouseup once
-    // that single mouseup is set
     (0, react_1.useEffect)(() => {
         function globalMouseUp(event) {
             if (Math.abs(xdistance) > 3 && Math.abs(ydistance) > 3 && validSelect) {
@@ -257,7 +252,6 @@ const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
                                 if (mousedown && mouseup) {
                                     model.zoomInToMouseCoords(mousedown, mouseup);
                                 }
-                                // below line is needed to prevent tooltip from sticking
                                 setMouseOvered(false);
                             },
                         },
@@ -267,7 +261,6 @@ const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
                                 if (mousedown && mouseup) {
                                     model.onDotplotView(mousedown, mouseup);
                                 }
-                                // below line is needed to prevent tooltip from sticking
                                 setMouseOvered(false);
                             },
                         },

package/dist/DotplotView/components/DotplotWarnings.d.ts

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

package/dist/DotplotView/components/DotplotWarnings.js

@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-// lazy components
 const WarningDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./WarningDialog'))));
 const DotplotWarnings = (0, mobx_react_1.observer)(function ({ model, }) {
     const trackWarnings = model.tracks.filter(t => { var _a; return (_a = t.displays[0].warnings) === null || _a === void 0 ? void 0 : _a.length; });

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

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

package/dist/DotplotView/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/DotplotView/components/Grid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DotplotViewModel } from '../model';
+import type { DotplotViewModel } from '../model';
 export declare const GridRaw: ({ model, children, }: {
     model: DotplotViewModel;
     children?: React.ReactNode;