@jbrowse/plugin-dotplot-view 2.17.0 → 3.0.0

package/dist/DotplotView/model.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -29,22 +39,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dotplot1DView = void 0;
 exports.default = stateModelFactory;
 const react_1 = require("react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const file_saver_1 = require("file-saver");
-const mobx_1 = require("mobx");
-const tracks_1 = require("@jbrowse/core/util/tracks");
+const configuration_1 = require("@jbrowse/core/configuration");
 const BaseViewModel_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/models/BaseViewModel"));
+const Icons_1 = require("@jbrowse/core/ui/Icons");
 const util_1 = require("@jbrowse/core/util");
-const configuration_1 = require("@jbrowse/core/configuration");
+const tracks_1 = require("@jbrowse/core/util/tracks");
 const mst_1 = require("@jbrowse/core/util/types/mst");
-// icons
-const Icons_1 = require("@jbrowse/core/ui/Icons");
 const FolderOpen_1 = __importDefault(require("@mui/icons-material/FolderOpen"));
 const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
-// locals
+const file_saver_1 = require("file-saver");
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const _1dview_1 = require("./1dview");
 const util_2 = require("./components/util");
-// lazies
 const ExportSvgDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/ExportSvgDialog'))));
 const ReturnToImportFormDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@jbrowse/core/ui/ReturnToImportFormDialog'))));
 function stringLenPx(a) {
@@ -58,94 +65,47 @@ function pxWidthForBlocks(blocks, bpPerPx, hide) {
             .map(b => stringLenPx((0, util_1.getTickDisplayStr)(b.end, bpPerPx))),
     ]);
 }
-/**
- * #stateModel DotplotView
- * #category view
- * extends
- * - [BaseViewModel](../baseviewmodel)
- */
 function stateModelFactory(pm) {
     return mobx_state_tree_1.types
         .compose('DotplotView', BaseViewModel_1.default, mobx_state_tree_1.types.model({
-        /**
-         * #property
-         */
         id: mst_1.ElementId,
-        /**
-         * #property
-         */
         type: mobx_state_tree_1.types.literal('DotplotView'),
-        /**
-         * #property
-         */
         height: 600,
-        /**
-         * #property
-         */
         borderSize: 20,
-        /**
-         * #property
-         */
         tickSize: 5,
-        /**
-         * #property
-         */
         vtextRotation: 0,
-        /**
-         * #property
-         */
         htextRotation: -90,
-        /**
-         * #property
-         */
         fontSize: 15,
-        /**
-         * #property
-         */
         trackSelectorType: 'hierarchical',
-        /**
-         * #property
-         */
         assemblyNames: mobx_state_tree_1.types.array(mobx_state_tree_1.types.string),
-        /**
-         * #property
-         */
         drawCigar: true,
-        /**
-         * #property
-         */
         hview: mobx_state_tree_1.types.optional(_1dview_1.DotplotHView, {}),
-        /**
-         * #property
-         */
         vview: mobx_state_tree_1.types.optional(_1dview_1.DotplotVView, {}),
-        /**
-         * #property
-         */
         tracks: mobx_state_tree_1.types.array(pm.pluggableMstType('track', 'stateModel')),
-        /**
-         * #property
-         * this represents tracks specific to this view specifically used
-         * for read vs ref dotplots where this track would not really apply
-         * elsewhere
-         */
         viewTrackConfigs: mobx_state_tree_1.types.array(pm.pluggableConfigSchemaType('track')),
     }))
         .volatile(() => ({
         volatileWidth: undefined,
         volatileError: undefined,
-        // these are 'personal preferences', stored in volatile and
-        // loaded/written to localStorage
         cursorMode: (0, util_1.localStorageGetItem)('dotplot-cursorMode') || 'crosshair',
-        showPanButtons: Boolean(JSON.parse((0, util_1.localStorageGetItem)('dotplot-showPanbuttons') || 'true')),
+        showPanButtons: (0, util_1.localStorageGetBoolean)('dotplot-showPanbuttons', true),
         wheelMode: (0, util_1.localStorageGetItem)('dotplot-wheelMode') || 'zoom',
         borderX: 100,
         borderY: 100,
+        importFormSyntenyTrackSelections: mobx_1.observable.array(),
+    }))
+        .actions(self => ({
+        importFormRemoveRow(idx) {
+            self.importFormSyntenyTrackSelections.splice(idx, 1);
+        },
+        clearImportFormSyntenyTracks() {
+            self.importFormSyntenyTrackSelections.clear();
+        },
+        setImportFormSyntenyTrack(arg, val) {
+            self.importFormSyntenyTrackSelections[arg] = val;
+        },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get width() {
             if (!self.volatileWidth) {
                 throw new Error('width not initialized');
@@ -154,9 +114,6 @@ function stateModelFactory(pm) {
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get assemblyErrors() {
             const { assemblyManager } = (0, util_1.getSession)(self);
             return self.assemblyNames
@@ -164,27 +121,18 @@ function stateModelFactory(pm) {
                 .filter(f => !!f)
                 .join(', ');
         },
-        /**
-         * #getter
-         */
         get assembliesInitialized() {
             const { assemblyManager } = (0, util_1.getSession)(self);
             return self.assemblyNames.every(n => { var _a, _b; return (_b = (_a = assemblyManager.get(n)) === null || _a === void 0 ? void 0 : _a.initialized) !== null && _b !== void 0 ? _b : true; });
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get initialized() {
             return (self.volatileWidth !== undefined &&
                 self.hview.displayedRegions.length > 0 &&
                 self.vview.displayedRegions.length > 0 &&
                 self.assembliesInitialized);
         },
-        /**
-         * #getter
-         */
         get hticks() {
             const { hview } = self;
             const { dynamicBlocks, staticBlocks, bpPerPx } = hview;
@@ -192,9 +140,6 @@ function stateModelFactory(pm) {
                 ? []
                 : (0, util_2.makeTicks)(staticBlocks.contentBlocks, bpPerPx);
         },
-        /**
-         * #getter
-         */
         get vticks() {
             const { vview } = self;
             const { dynamicBlocks, staticBlocks, bpPerPx } = vview;
@@ -202,33 +147,18 @@ function stateModelFactory(pm) {
                 ? []
                 : (0, util_2.makeTicks)(staticBlocks.contentBlocks, bpPerPx);
         },
-        /**
-         * #getter
-         */
         get loading() {
             return self.assemblyNames.length > 0 && !this.initialized;
         },
-        /**
-         * #getter
-         */
         get viewWidth() {
             return self.width - self.borderX;
         },
-        /**
-         * #getter
-         */
         get viewHeight() {
             return self.height - self.borderY;
         },
-        /**
-         * #getter
-         */
         get views() {
             return [self.hview, self.vview];
         },
-        /**
-         * #method
-         */
         renderProps() {
             const session = (0, util_1.getSession)(self);
             return {
@@ -239,89 +169,49 @@ function stateModelFactory(pm) {
         },
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
         setShowPanButtons(flag) {
             self.showPanButtons = flag;
         },
-        /**
-         * #action
-         */
         setWheelMode(str) {
             self.wheelMode = str;
         },
-        /**
-         * #action
-         */
         setCursorMode(str) {
             self.cursorMode = str;
         },
-        /**
-         * #action
-         */
         setDrawCigar(flag) {
             self.drawCigar = flag;
         },
-        /**
-         * #action
-         * returns to the import form
-         */
         clearView() {
             self.hview.setDisplayedRegions([]);
             self.vview.setDisplayedRegions([]);
             self.assemblyNames = (0, mobx_state_tree_1.cast)([]);
             self.tracks.clear();
         },
-        /**
-         * #action
-         */
         setBorderX(n) {
             self.borderX = n;
         },
-        /**
-         * #action
-         */
         setBorderY(n) {
             self.borderY = n;
         },
-        /**
-         * #action
-         */
         setWidth(newWidth) {
             self.volatileWidth = newWidth;
             return self.volatileWidth;
         },
-        /**
-         * #action
-         */
         setHeight(newHeight) {
             self.height = newHeight;
             return self.height;
         },
-        /**
-         * #action
-         */
         setError(e) {
             self.volatileError = e;
         },
-        /**
-         * #action
-         */
         zoomOut() {
             self.hview.zoomOut();
             self.vview.zoomOut();
         },
-        /**
-         * #action
-         */
         zoomIn() {
             self.hview.zoomIn();
             self.vview.zoomIn();
         },
-        /**
-         * #action
-         */
         activateTrackSelector() {
             if (self.trackSelectorType === 'hierarchical') {
                 const session = (0, util_1.getSession)(self);
@@ -333,9 +223,6 @@ function stateModelFactory(pm) {
             }
             throw new Error(`invalid track selector type ${self.trackSelectorType}`);
         },
-        /**
-         * #action
-         */
         showTrack(trackId, initialSnapshot = {}) {
             const schema = pm.pluggableConfigSchemaType('track');
             const conf = (0, mobx_state_tree_1.resolveIdentifier)(schema, (0, mobx_state_tree_1.getRoot)(self), trackId);
@@ -356,9 +243,6 @@ function stateModelFactory(pm) {
             });
             self.tracks.push(track);
         },
-        /**
-         * #action
-         */
         hideTrack(trackId) {
             const schema = pm.pluggableConfigSchemaType('track');
             const conf = (0, mobx_state_tree_1.resolveIdentifier)(schema, (0, mobx_state_tree_1.getRoot)(self), trackId);
@@ -368,9 +252,6 @@ function stateModelFactory(pm) {
             });
             return t.length;
         },
-        /**
-         * #action
-         */
         toggleTrack(trackId) {
             const hiddenCount = this.hideTrack(trackId);
             if (!hiddenCount) {
@@ -379,22 +260,13 @@ function stateModelFactory(pm) {
             }
             return false;
         },
-        /**
-         * #action
-         */
         setAssemblyNames(target, query) {
             self.assemblyNames = (0, mobx_state_tree_1.cast)([target, query]);
         },
-        /**
-         * #action
-         */
         setViews(arr) {
             self.hview = (0, mobx_state_tree_1.cast)(arr[0]);
             self.vview = (0, mobx_state_tree_1.cast)(arr[1]);
         },
-        /**
-         * #action
-         */
         getCoords(mousedown, mouseup) {
             const [xmin, xmax] = (0, util_1.minmax)(mouseup[0], mousedown[0]);
             const [ymin, ymax] = (0, util_1.minmax)(mouseup[1], mousedown[1]);
@@ -407,10 +279,6 @@ function stateModelFactory(pm) {
                 ]
                 : undefined;
         },
-        /**
-         * #action
-         * zooms into clicked and dragged region
-         */
         zoomInToMouseCoords(mousedown, mouseup) {
             const result = this.getCoords(mousedown, mouseup);
             if (result) {
@@ -419,19 +287,12 @@ function stateModelFactory(pm) {
                 self.vview.moveTo(y2, y1);
             }
         },
-        /**
-         * #action
-         */
         showAllRegions() {
             self.hview.zoomTo(self.hview.maxBpPerPx);
             self.vview.zoomTo(self.vview.maxBpPerPx);
             self.vview.center();
             self.hview.center();
         },
-        /**
-         * #action
-         * creates a linear synteny view from the clicked and dragged region
-         */
         onDotplotView(mousedown, mouseup) {
             const result = this.getCoords(mousedown, mouseup);
             if (result) {
@@ -453,9 +314,6 @@ function stateModelFactory(pm) {
                 d2.moveTo(y2, y1);
                 d1.zoomTo(d1.bpPerPx / (self.width / self.hview.width), 0);
                 d2.zoomTo(d2.bpPerPx / (self.width / self.vview.width), 0);
-                // add the specific evidence tracks to the LGVs in the split view
-                // note: scales the bpPerPx by scaling proportional of the dotplot
-                // width to the eventual lgv width
                 const tracks = self.tracks
                     .map(track => track.configuration.displays.find((display) => display.type === 'LinearSyntenyDisplay'))
                     .filter(f => !!f)
@@ -494,21 +352,16 @@ function stateModelFactory(pm) {
         },
     }))
         .actions(self => ({
-        /**
-         * #action
-         * creates an svg export and save using FileSaver
-         */
         async exportSvg(opts = {}) {
             const { renderToSvg } = await Promise.resolve().then(() => __importStar(require('./svgcomponents/SVGDotplotView')));
             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');
         },
-        // if any of our assemblies are temporary assemblies
         beforeDestroy() {
             var _a;
             const session = (0, util_1.getSession)(self);
-            for (const name in self.assemblyNames) {
+            for (const name of self.assemblyNames) {
                 (_a = session.removeTemporaryAssembly) === null || _a === void 0 ? void 0 : _a.call(session, name);
             }
         },
@@ -524,13 +377,10 @@ function stateModelFactory(pm) {
             }));
             (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => {
                 const session = (0, util_1.getSession)(self);
-                // don't operate if width not set yet
                 if (self.volatileWidth === undefined ||
                     !self.assembliesInitialized) {
                     return;
                 }
-                // also don't operate if displayedRegions already set, this is a
-                // helper autorun to load regions from assembly
                 if (self.hview.displayedRegions.length > 0 &&
                     self.vview.displayedRegions.length > 0) {
                     return;
@@ -546,7 +396,6 @@ function stateModelFactory(pm) {
                 });
             }, { delay: 1000 }));
             (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(function borderSetter() {
-                // make sure we have a width on the view before trying to load
                 if (self.volatileWidth === undefined) {
                     return;
                 }
@@ -560,14 +409,10 @@ function stateModelFactory(pm) {
                 const hhide = (0, util_2.getBlockLabelKeysToHide)(hblocks, viewWidth, hoffset);
                 const by = pxWidthForBlocks(hblocks, vview.bpPerPx, hhide);
                 const bx = pxWidthForBlocks(vblocks, hview.bpPerPx, vhide);
-                // these are set via autorun to avoid dependency cycle
                 self.setBorderY(Math.max(by + padding, 50));
                 self.setBorderX(Math.max(bx + padding, 50));
             }));
         },
-        /**
-         * #action
-         */
         squareView() {
             const { hview, vview } = self;
             const avg = (hview.bpPerPx + vview.bpPerPx) / 2;
@@ -578,9 +423,6 @@ function stateModelFactory(pm) {
             vview.setBpPerPx(avg);
             vview.centerAt(vpx.coord, vpx.refName, vpx.index);
         },
-        /**
-         * #action
-         */
         squareViewProportional() {
             const { hview, vview } = self;
             const ratio = hview.width / vview.width;
@@ -594,39 +436,21 @@ function stateModelFactory(pm) {
         },
     }))
         .views(self => ({
-        /**
-         * #method
-         */
         menuItems() {
             const session = (0, util_1.getSession)(self);
             return [
                 {
                     label: 'Return to import form',
+                    icon: FolderOpen_1.default,
                     onClick: () => {
                         (0, util_1.getSession)(self).queueDialog(handleClose => [
                             ReturnToImportFormDialog,
-                            { model: self, handleClose },
+                            {
+                                model: self,
+                                handleClose,
+                            },
                         ]);
                     },
-                    icon: FolderOpen_1.default,
-                },
-                {
-                    label: 'Square view - same bp per pixel',
-                    onClick: () => {
-                        self.squareView();
-                    },
-                },
-                {
-                    label: 'Rectangular view - same total bp',
-                    onClick: () => {
-                        self.squareView();
-                    },
-                },
-                {
-                    label: 'Show all regions',
-                    onClick: () => {
-                        self.showAllRegions();
-                    },
                 },
                 {
                     label: 'Export SVG',
@@ -634,7 +458,10 @@ function stateModelFactory(pm) {
                     onClick: () => {
                         (0, util_1.getSession)(self).queueDialog(handleClose => [
                             ExportSvgDialog,
-                            { model: self, handleClose },
+                            {
+                                model: self,
+                                handleClose,
+                            },
                         ]);
                     },
                 },
@@ -649,9 +476,6 @@ function stateModelFactory(pm) {
                     : []),
             ];
         },
-        /**
-         * #getter
-         */
         get error() {
             return self.volatileError || self.assemblyErrors;
         },

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

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

package/dist/DotplotView/svgcomponents/SVGBackground.js

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

package/dist/DotplotView/svgcomponents/SVGDotplotView.d.ts

@@ -1,2 +1,2 @@
-import { DotplotViewModel, ExportSvgOptions } from '../model';
+import type { DotplotViewModel, ExportSvgOptions } from '../model';
 export declare function renderToSvg(model: DotplotViewModel, opts: ExportSvgOptions): Promise<string>;

package/dist/DotplotView/svgcomponents/SVGDotplotView.js

@@ -4,21 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderToSvg = renderToSvg;
-const react_1 = __importDefault(require("react"));
-const mobx_1 = require("mobx");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
-const ui_1 = require("@jbrowse/core/ui");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const Grid_1 = require("../components/Grid");
-const Axes_1 = require("../components/Axes");
+const mobx_1 = require("mobx");
 const SVGBackground_1 = __importDefault(require("./SVGBackground"));
-// render LGV to SVG
+const Axes_1 = require("../components/Axes");
+const Grid_1 = require("../components/Grid");
 async function renderToSvg(model, opts) {
     var _a;
     await (0, mobx_1.when)(() => model.initialized);
     const { themeName = 'default', Wrapper = ({ children }) => children } = opts;
-    const { createRootFn } = (0, mobx_state_tree_1.getRoot)(model);
     const session = (0, util_1.getSession)(model);
     const theme = (_a = session.allThemes) === null || _a === void 0 ? void 0 : _a.call(session)[themeName];
     const { width, borderX, viewWidth, viewHeight, tracks, height } = model;
@@ -29,20 +26,5 @@ async function renderToSvg(model, opts) {
         return { track, result: await display.renderSvg({ ...opts, theme }) };
     }));
     const w = width + shift * 2;
-    // the xlink namespace is used for rendering <image> tag
-    return (0, util_1.renderToStaticMarkup)(react_1.default.createElement(material_1.ThemeProvider, { theme: (0, ui_1.createJBrowseTheme)(theme) },
-        react_1.default.createElement(Wrapper, null,
-            react_1.default.createElement("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: [0, 0, w, height].toString() },
-                react_1.default.createElement(SVGBackground_1.default, { width: w, height: height }),
-                react_1.default.createElement(Axes_1.VerticalAxisRaw, { model: model }),
-                react_1.default.createElement("g", { transform: `translate(${borderX} 0)` },
-                    react_1.default.createElement(Grid_1.GridRaw, { model: model }),
-                    react_1.default.createElement("defs", null,
-                        react_1.default.createElement("clipPath", { id: "clip-ruler" },
-                            react_1.default.createElement("rect", { x: 0, y: 0, width: viewWidth, height: viewHeight }))),
-                    react_1.default.createElement("g", { clipPath: "url(#clip-ruler)" }, displayResults.map(({ result }, i) => (
-                    /* biome-ignore lint/suspicious/noArrayIndexKey: */
-                    react_1.default.createElement("g", { key: i }, result))))),
-                react_1.default.createElement("g", { transform: `translate(${borderX} ${viewHeight})` },
-                    react_1.default.createElement(Axes_1.HorizontalAxisRaw, { model: model }))))), createRootFn);
+    return (0, util_1.renderToStaticMarkup)((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: (0, ui_1.createJBrowseTheme)(theme), children: (0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsxs)("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: [0, 0, w, height].toString(), children: [(0, jsx_runtime_1.jsx)(SVGBackground_1.default, { width: w, height: height }), (0, jsx_runtime_1.jsx)(Axes_1.VerticalAxisRaw, { model: model }), (0, jsx_runtime_1.jsxs)("g", { transform: `translate(${borderX} 0)`, children: [(0, jsx_runtime_1.jsx)(Grid_1.GridRaw, { model: model }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip-ruler", children: (0, jsx_runtime_1.jsx)("rect", { x: 0, y: 0, width: viewWidth, height: viewHeight }) }) }), (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip-ruler)", children: displayResults.map(({ result }, i) => ((0, jsx_runtime_1.jsx)("g", { children: result }, i))) })] }), (0, jsx_runtime_1.jsx)("g", { transform: `translate(${borderX} ${viewHeight})`, children: (0, jsx_runtime_1.jsx)(Axes_1.HorizontalAxisRaw, { model: model }) })] }) }) }));
 }

package/dist/DotplotView/types.d.ts

@@ -0,0 +1,12 @@
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { SnapshotIn } from 'mobx-state-tree';
+export type Conf = SnapshotIn<AnyConfigurationModel>;
+export type ImportFormSyntenyTrack = {
+    type: 'preConfigured';
+    value: string;
+} | {
+    type: 'userOpened';
+    value: Conf;
+} | {
+    type: 'none';
+};

package/dist/DotplotView/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/LaunchDotplotView.d.ts

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