@jbrowse/plugin-dotplot-view 2.6.1

package/esm/DotplotView/components/Axes.js

@@ -0,0 +1,121 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import { getSnapshot } from 'mobx-state-tree';
+import { getTickDisplayStr } from '@jbrowse/core/util';
+import { bpToPx } from '@jbrowse/core/util/Base1DUtils';
+import { useTheme } from '@mui/material';
+// locals
+import { getBlockLabelKeysToHide } from './util';
+const useStyles = makeStyles()(() => ({
+    vtext: {
+        gridColumn: '1/2',
+        gridRow: '1/2',
+        pointerEvents: 'none',
+        userSelect: 'none',
+    },
+    htext: {
+        gridColumn: '2/2',
+        gridRow: '2/2',
+        pointerEvents: 'none',
+        userSelect: 'none',
+    },
+}));
+export const HorizontalAxis = observer(function ({ model, }) {
+    const { viewWidth, borderY } = model;
+    const { classes } = useStyles();
+    return (React.createElement("svg", { width: viewWidth, height: borderY, className: classes.htext },
+        React.createElement(HorizontalAxisRaw, { model: model })));
+});
+export const HorizontalAxisRaw = observer(function ({ model, }) {
+    const { viewWidth, borderX, borderY, hview, htextRotation, hticks } = model;
+    const { offsetPx, width, dynamicBlocks, bpPerPx } = hview;
+    const dblocks = dynamicBlocks.contentBlocks;
+    const hide = getBlockLabelKeysToHide(dblocks, viewWidth, offsetPx);
+    const theme = useTheme();
+    const hviewSnap = {
+        ...getSnapshot(hview),
+        width,
+        staticBlocks: hview.staticBlocks,
+    };
+    return (React.createElement(React.Fragment, null,
+        dblocks
+            .filter(region => !hide.has(region.key))
+            .map(region => {
+            const x = region.offsetPx;
+            const y = 0;
+            const xoff = Math.floor(x - hview.offsetPx);
+            return (React.createElement("text", { transform: `rotate(${htextRotation},${xoff},${y})`, key: JSON.stringify(region), x: xoff, y: y + 1, fill: theme.palette.text.primary, fontSize: 11, dominantBaseline: "hanging", textAnchor: "end" }, region.refName));
+        }),
+        hticks.map(tick => {
+            var _a;
+            const x = (((_a = bpToPx({
+                refName: tick.refName,
+                coord: tick.base,
+                self: hviewSnap,
+            })) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0) - offsetPx;
+            return (React.createElement("line", { key: `line-${JSON.stringify(tick)}`, x1: x, x2: x, y1: 0, y2: tick.type === 'major' ? 6 : 4, strokeWidth: 1, stroke: theme.palette.divider }));
+        }),
+        hticks
+            .filter(tick => tick.type === 'major')
+            .map(tick => {
+            var _a;
+            const x = (((_a = bpToPx({
+                refName: tick.refName,
+                coord: tick.base,
+                self: hviewSnap,
+            })) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0) - offsetPx;
+            const y = 0;
+            return x > 10 ? (React.createElement("text", { x: x - 7, y: y, transform: `rotate(${htextRotation},${x},${y})`, key: `text-${JSON.stringify(tick)}`, fill: theme.palette.text.primary, fontSize: 11, dominantBaseline: "middle", textAnchor: "end" }, getTickDisplayStr(tick.base + 1, bpPerPx))) : null;
+        }),
+        React.createElement("text", { y: borderY - 12, x: (viewWidth - borderX) / 2, fill: theme.palette.text.primary, textAnchor: "middle", fontSize: 11, dominantBaseline: "hanging" }, hview.assemblyNames.join(','))));
+});
+export const VerticalAxis = observer(function ({ model, }) {
+    const { borderX, viewHeight } = model;
+    const { classes } = useStyles();
+    return (React.createElement("svg", { className: classes.vtext, width: borderX, height: viewHeight },
+        React.createElement(VerticalAxisRaw, { model: model })));
+});
+export const VerticalAxisRaw = observer(function ({ model, }) {
+    const { viewHeight, borderX, borderY, vview, vtextRotation, vticks } = model;
+    const { offsetPx, width, dynamicBlocks, bpPerPx } = vview;
+    const dblocks = dynamicBlocks.contentBlocks;
+    const hide = getBlockLabelKeysToHide(dblocks, viewHeight, offsetPx);
+    const theme = useTheme();
+    const vviewSnap = {
+        ...getSnapshot(vview),
+        width,
+        staticBlocks: vview.staticBlocks,
+    };
+    return (React.createElement(React.Fragment, null,
+        dblocks
+            .filter(region => !hide.has(region.key))
+            .map(region => {
+            const y = region.offsetPx;
+            const x = borderX;
+            const yoff = Math.floor(viewHeight - y + offsetPx);
+            return (React.createElement("text", { transform: `rotate(${vtextRotation},${x},${y})`, key: JSON.stringify(region), x: x, y: yoff, fill: theme.palette.text.primary, fontSize: 11, textAnchor: "end" }, region.refName));
+        }),
+        vticks.map(tick => {
+            var _a;
+            const y = (((_a = bpToPx({
+                refName: tick.refName,
+                coord: tick.base,
+                self: vviewSnap,
+            })) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0) - offsetPx;
+            return (React.createElement("line", { key: `line-${JSON.stringify(tick)}`, y1: viewHeight - y, y2: viewHeight - y, x1: borderX, x2: borderX - (tick.type === 'major' ? 6 : 4), strokeWidth: 1, stroke: theme.palette.divider }));
+        }),
+        vticks
+            .filter(tick => tick.type === 'major')
+            .map(tick => {
+            var _a;
+            const y = (((_a = bpToPx({
+                refName: tick.refName,
+                coord: tick.base,
+                self: vviewSnap,
+            })) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0) - offsetPx;
+            return y > 10 ? (React.createElement("text", { y: viewHeight - y - 3, x: borderX - 7, key: `text-${JSON.stringify(tick)}`, textAnchor: "end", fill: theme.palette.text.primary, dominantBaseline: "hanging", fontSize: 11 }, getTickDisplayStr(tick.base + 1, bpPerPx))) : null;
+        }),
+        React.createElement("text", { y: (viewHeight - borderY) / 2, x: 12, fill: theme.palette.text.primary, transform: `rotate(-90,12,${(viewHeight - borderY) / 2})`, textAnchor: "middle", fontSize: 11 }, vview.assemblyNames.join(','))));
+});
+//# sourceMappingURL=Axes.js.map

package/esm/DotplotView/components/Axes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axes.js","sourceRoot":"","sources":["../../../src/DotplotView/components/Axes.tsx"],"names":[],"mappings":"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"}

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

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

package/esm/DotplotView/components/CursorIcon.js

@@ -0,0 +1,11 @@
+import SvgIcon from '@mui/material/SvgIcon';
+import React from 'react';
+export function CursorMove(props) {
+    return (React.createElement(SvgIcon, { ...props },
+        React.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" })));
+}
+export function CursorMouse(props) {
+    return (React.createElement(SvgIcon, { ...props },
+        React.createElement("path", { fill: "currentColor", d: "M10.07,14.27C10.57,14.03 11.16,14.25 11.4,14.75L13.7,19.74L15.5,18.89L13.19,13.91C12.95,13.41 13.17,12.81 13.67,12.58L13.95,12.5L16.25,12.05L8,5.12V15.9L9.82,14.43L10.07,14.27M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z" })));
+}
+//# sourceMappingURL=CursorIcon.js.map

package/esm/DotplotView/components/CursorIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CursorIcon.js","sourceRoot":"","sources":["../../../src/DotplotView/components/CursorIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAyB,MAAM,uBAAuB,CAAA;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,UAAU,CAAC,KAAmB;IAC5C,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK;QAChB,8BACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,kIAAkI,GACpI,CACM,CACX,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAmB;IAC7C,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK;QAChB,8BACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yeAAye,GAC3e,CACM,CACX,CAAA;AACH,CAAC"}

package/esm/DotplotView/components/DotplotTooltip.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DotplotViewModel } from '../model';
+export declare function round(value: number): number;
+type Coord = [number, number] | undefined;
+export declare const TooltipWhereMouseovered: ({ model, mouserect, mouserectClient, xdistance, ydistance, }: {
+    model: DotplotViewModel;
+    mouserect: Coord;
+    mouserectClient: Coord;
+    xdistance: number;
+    ydistance: number;
+}) => React.JSX.Element;
+export declare const TooltipWhereClicked: ({ model, mousedown, mousedownClient, xdistance, ydistance, }: {
+    model: DotplotViewModel;
+    mousedown: Coord;
+    mousedownClient: Coord;
+    xdistance: number;
+    ydistance: number;
+}) => React.JSX.Element;
+export {};

package/esm/DotplotView/components/DotplotTooltip.js

@@ -0,0 +1,101 @@
+import React, { useMemo, useRef, useState } from 'react';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
+import { locstr } from './util';
+import { Portal, alpha } from '@mui/material';
+import { usePopper } from 'react-popper';
+export function round(value) {
+    return Math.round(value * 1e5) / 1e5;
+}
+const useStyles = makeStyles()(theme => ({
+    // these styles come from
+    // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
+    tooltip: {
+        position: 'absolute',
+        pointerEvents: 'none',
+        backgroundColor: alpha(theme.palette.grey[700], 0.9),
+        borderRadius: theme.shape.borderRadius,
+        color: theme.palette.common.white,
+        fontFamily: theme.typography.fontFamily,
+        padding: '4px 8px',
+        fontSize: theme.typography.pxToRem(12),
+        lineHeight: `${round(14 / 10)}em`,
+        maxWidth: 300,
+        wordWrap: 'break-word',
+    },
+}));
+const blank = { left: 0, top: 0, width: 0, height: 0 };
+export const TooltipWhereMouseovered = observer(function ({ model, mouserect, mouserectClient, xdistance, ydistance, }) {
+    var _a;
+    const { classes } = useStyles();
+    const { hview, vview, viewHeight } = model;
+    const [anchorEl, setAnchorEl] = useState(null);
+    const ref = useRef(null);
+    const rect = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || blank;
+    const offset = 6;
+    const w = rect.height + offset * 2;
+    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
+    const virtElement = useMemo(() => ({
+        getBoundingClientRect: () => {
+            const x = offset + ((mouserectClient === null || mouserectClient === void 0 ? void 0 : mouserectClient[0]) || 0) - (xdistance < 0 ? w : 0);
+            const y = offset + ((mouserectClient === null || mouserectClient === void 0 ? void 0 : mouserectClient[1]) || 0) - (ydistance < 0 ? w : 0);
+            return {
+                top: y,
+                left: x,
+                bottom: y,
+                right: x,
+                width: 0,
+                height: 0,
+                x,
+                y,
+                toJSON() { },
+            };
+        },
+    }), [mouserectClient, xdistance, ydistance, w]);
+    const { styles, attributes } = usePopper(virtElement, anchorEl, {
+        placement: xdistance < 0 ? 'left' : 'right',
+    });
+    return (React.createElement(React.Fragment, null, mouserect ? (React.createElement(Portal, null,
+        React.createElement("div", { ref: setAnchorEl, className: classes.tooltip, 
+            // zIndex needed to go over widget drawer
+            style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
+            `x - ${locstr(mouserect[0], hview)}`,
+            React.createElement("br", null),
+            `y - ${locstr(viewHeight - mouserect[1], vview)}`,
+            React.createElement("br", null)))) : null));
+});
+export const TooltipWhereClicked = observer(function ({ model, mousedown, mousedownClient, xdistance, ydistance, }) {
+    const { classes } = useStyles();
+    const { hview, vview, viewHeight } = model;
+    const [anchorEl, setAnchorEl] = useState(null);
+    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
+    const virtElement = useMemo(() => ({
+        getBoundingClientRect: () => {
+            const x = ((mousedownClient === null || mousedownClient === void 0 ? void 0 : mousedownClient[0]) || 0) - (xdistance < 0 ? 0 : 0);
+            const y = ((mousedownClient === null || mousedownClient === void 0 ? void 0 : mousedownClient[1]) || 0) - (ydistance < 0 ? 0 : 0);
+            return {
+                top: y,
+                left: x,
+                bottom: y,
+                right: x,
+                width: 0,
+                height: 0,
+                x,
+                y,
+                toJSON() { },
+            };
+        },
+    }), [mousedownClient, xdistance, ydistance]);
+    const { styles, attributes } = usePopper(virtElement, anchorEl, {
+        placement: xdistance < 0 ? 'right' : 'left',
+    });
+    return (React.createElement(React.Fragment, null, mousedown && Math.abs(xdistance) > 3 && Math.abs(ydistance) > 3 ? (React.createElement(Portal, null,
+        React.createElement("div", { ref: setAnchorEl, className: classes.tooltip, 
+            // zIndex needed to go over widget drawer
+            style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
+            `x - ${locstr(mousedown[0], hview)}`,
+            React.createElement("br", null),
+            `y - ${locstr(viewHeight - mousedown[1], vview)}`,
+            React.createElement("br", null)))) : null));
+});
+//# sourceMappingURL=DotplotTooltip.js.map

package/esm/DotplotView/components/DotplotTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotplotTooltip.js","sourceRoot":"","sources":["../../../src/DotplotView/components/DotplotTooltip.tsx"],"names":[],"mappings":"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"}

package/esm/DotplotView/components/DotplotView.d.ts

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

package/esm/DotplotView/components/DotplotView.js

@@ -0,0 +1,244 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { LoadingEllipses, Menu, ResizeHandle } from '@jbrowse/core/ui';
+import { observer } from 'mobx-react';
+import { transaction } from 'mobx';
+import { makeStyles } from 'tss-react/mui';
+import normalizeWheel from 'normalize-wheel';
+import ImportForm from './ImportForm';
+import Header from './Header';
+import Grid from './Grid';
+import { HorizontalAxis, VerticalAxis } from './Axes';
+import { TooltipWhereClicked, TooltipWhereMouseovered } from './DotplotTooltip';
+const blank = { left: 0, top: 0, width: 0, height: 0 };
+const useStyles = makeStyles()(theme => ({
+    spacer: {
+        gridColumn: '1/2',
+        gridRow: '2/2',
+    },
+    root: {
+        position: 'relative',
+        marginBottom: theme.spacing(1),
+        overflow: 'hidden',
+    },
+    container: {
+        display: 'grid',
+        padding: 5,
+        position: 'relative',
+    },
+    overlay: {
+        pointerEvents: 'none',
+        overflow: 'hidden',
+        display: 'flex',
+        width: '100%',
+        gridRow: '1/2',
+        gridColumn: '2/2',
+        zIndex: 100,
+        '& path': {
+            cursor: 'crosshair',
+            fill: 'none',
+        },
+    },
+    content: {
+        position: 'relative',
+        gridColumn: '2/2',
+        gridRow: '1/2',
+    },
+    resizeHandle: {
+        height: 4,
+        background: '#ccc',
+        boxSizing: 'border-box',
+        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];
+}
+const RenderedComponent = observer(({ model }) => {
+    const { classes } = useStyles();
+    return (React.createElement("div", { className: classes.overlay }, model.tracks.map(track => {
+        const [display] = track.displays;
+        const { RenderingComponent } = display;
+        return RenderingComponent ? (React.createElement(RenderingComponent, { key: track.configuration.trackId, model: display })) : null;
+    })));
+});
+const DotplotViewInternal = observer(function ({ model, }) {
+    var _a, _b;
+    const { classes } = useStyles();
+    const [mousecurrClient, setMouseCurrClient] = useState();
+    const [mousedownClient, setMouseDownClient] = useState();
+    const [mouseOvered, setMouseOvered] = useState(false);
+    const [mouseupClient, setMouseUpClient] = useState();
+    const ref = useRef(null);
+    const root = useRef(null);
+    const distanceX = useRef(0);
+    const distanceY = useRef(0);
+    const scheduled = useRef(false);
+    const [ctrlKeyWasUsed, setCtrlKeyWasUsed] = useState(false);
+    const svg = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || blank;
+    const rootRect = ((_b = ref.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || blank;
+    const mousedown = getOffset(mousedownClient, svg);
+    const mousecurr = getOffset(mousecurrClient, svg);
+    const mouseup = getOffset(mouseupClient, svg);
+    const mouserectClient = mouseupClient || mousecurrClient;
+    const mouserect = mouseup || mousecurr;
+    const xdistance = mousedown && mouserect ? mouserect[0] - mousedown[0] : 0;
+    const ydistance = mousedown && mouserect ? mouserect[1] - mousedown[1] : 0;
+    const { hview, vview, wheelMode, cursorMode } = model;
+    const validPan = (cursorMode === 'move' && !ctrlKeyWasUsed) ||
+        (cursorMode === 'crosshair' && ctrlKeyWasUsed);
+    const validSelect = (cursorMode === 'move' && ctrlKeyWasUsed) ||
+        (cursorMode === 'crosshair' && !ctrlKeyWasUsed);
+    // use non-React wheel handler to properly prevent body scrolling
+    useEffect(() => {
+        function onWheel(origEvent) {
+            const event = normalizeWheel(origEvent);
+            origEvent.preventDefault();
+            distanceX.current += event.pixelX;
+            distanceY.current -= event.pixelY;
+            if (!scheduled.current) {
+                scheduled.current = true;
+                window.requestAnimationFrame(() => {
+                    transaction(() => {
+                        if (wheelMode === 'pan') {
+                            hview.scroll(distanceX.current / 3);
+                            vview.scroll(distanceY.current / 10);
+                        }
+                        else if (wheelMode === 'zoom') {
+                            if (Math.abs(distanceY.current) > Math.abs(distanceX.current) * 2 &&
+                                mousecurr) {
+                                const val = distanceY.current < 0 ? 1.1 : 0.9;
+                                hview.zoomTo(hview.bpPerPx * val, mousecurr[0]);
+                                vview.zoomTo(vview.bpPerPx * val, rootRect.height - mousecurr[1]);
+                            }
+                        }
+                    });
+                    scheduled.current = false;
+                    distanceX.current = 0;
+                    distanceY.current = 0;
+                });
+            }
+        }
+        if (ref.current) {
+            const curr = ref.current;
+            curr.addEventListener('wheel', onWheel);
+            return () => curr.removeEventListener('wheel', onWheel);
+        }
+        return () => { };
+    }, [hview, vview, wheelMode, mousecurr, rootRect.height]);
+    useEffect(() => {
+        function globalMouseMove(event) {
+            setMouseCurrClient([event.clientX, event.clientY]);
+            if (mousecurrClient && mousedownClient && validPan && !mouseupClient) {
+                hview.scroll(-event.clientX + mousecurrClient[0]);
+                vview.scroll(event.clientY - mousecurrClient[1]);
+            }
+        }
+        window.addEventListener('mousemove', globalMouseMove);
+        return () => window.removeEventListener('mousemove', globalMouseMove);
+    }, [
+        validPan,
+        mousecurrClient,
+        mousedownClient,
+        cursorMode,
+        ctrlKeyWasUsed,
+        mouseupClient,
+        hview,
+        vview,
+    ]);
+    // detect a mouseup after a mousedown was submitted, autoremoves mouseup
+    // once that single mouseup is set
+    useEffect(() => {
+        function globalMouseUp(event) {
+            if (Math.abs(xdistance) > 3 && Math.abs(ydistance) > 3 && validSelect) {
+                setMouseUpClient([event.clientX, event.clientY]);
+            }
+            else {
+                setMouseDownClient(undefined);
+            }
+        }
+        if (mousedown && !mouseup) {
+            window.addEventListener('mouseup', globalMouseUp, true);
+            return () => window.removeEventListener('mouseup', globalMouseUp, true);
+        }
+        return () => { };
+    }, [
+        validSelect,
+        mousedown,
+        mousecurr,
+        mouseup,
+        xdistance,
+        ydistance,
+        ctrlKeyWasUsed,
+        cursorMode,
+    ]);
+    return (React.createElement("div", null,
+        React.createElement(Header, { model: model, selection: !validSelect || !(mousedown && mouserect)
+                ? undefined
+                : {
+                    width: Math.abs(xdistance),
+                    height: Math.abs(ydistance),
+                } }),
+        React.createElement("div", { ref: root, className: classes.root, onMouseLeave: () => setMouseOvered(false), onMouseEnter: () => setMouseOvered(true) },
+            React.createElement("div", { className: classes.container },
+                React.createElement(VerticalAxis, { model: model }),
+                React.createElement(HorizontalAxis, { model: model }),
+                React.createElement("div", { ref: ref, className: classes.content },
+                    mouseOvered && validSelect ? (React.createElement(TooltipWhereMouseovered, { model: model, mouserect: mouserect, mouserectClient: mouserectClient, xdistance: xdistance, ydistance: ydistance })) : null,
+                    validSelect ? (React.createElement(TooltipWhereClicked, { model: model, mousedown: mousedown, mousedownClient: mousedownClient, xdistance: xdistance, ydistance: ydistance })) : null,
+                    React.createElement("div", { style: { cursor: ctrlKeyWasUsed ? 'pointer' : cursorMode }, onMouseDown: event => {
+                            if (event.button === 0) {
+                                const { clientX, clientY } = event;
+                                setMouseDownClient([clientX, clientY]);
+                                setMouseCurrClient([clientX, clientY]);
+                                setCtrlKeyWasUsed(event.ctrlKey);
+                            }
+                        } },
+                        React.createElement(Grid, { model: model }, validSelect && mousedown && mouserect ? (React.createElement("rect", { fill: "rgba(255,0,0,0.3)", x: Math.min(mouserect[0], mousedown[0]), y: Math.min(mouserect[1], mousedown[1]), width: Math.abs(xdistance), height: Math.abs(ydistance) })) : null)),
+                    React.createElement("div", { className: classes.spacer })),
+                React.createElement(RenderedComponent, { model: model }),
+                React.createElement(Menu, { open: Boolean(mouseup), onMenuItemClick: (_, callback) => {
+                        callback();
+                        setMouseUpClient(undefined);
+                        setMouseDownClient(undefined);
+                    }, onClose: () => {
+                        setMouseUpClient(undefined);
+                        setMouseDownClient(undefined);
+                    }, anchorReference: "anchorPosition", anchorPosition: mouseupClient
+                        ? {
+                            top: mouseupClient[1] + 50,
+                            left: mouseupClient[0] + 50,
+                        }
+                        : undefined, style: { zIndex: 10000 }, menuItems: [
+                        {
+                            label: 'Zoom in',
+                            onClick: () => {
+                                if (mousedown && mouseup) {
+                                    model.zoomIn(mousedown, mouseup);
+                                }
+                            },
+                        },
+                        {
+                            label: 'Open linear synteny view',
+                            onClick: () => {
+                                if (mousedown && mouseup) {
+                                    model.onDotplotView(mousedown, mouseup);
+                                }
+                            },
+                        },
+                    ] })),
+            React.createElement(ResizeHandle, { onDrag: n => model.setHeight(model.height + n), className: classes.resizeHandle }))));
+});
+const DotplotView = observer(({ model }) => {
+    const { initialized, loading, error } = model;
+    if ((!initialized && !loading) || error) {
+        return React.createElement(ImportForm, { model: model });
+    }
+    if (loading) {
+        return React.createElement(LoadingEllipses, { variant: "h6" });
+    }
+    return React.createElement(DotplotViewInternal, { model: model });
+});
+export default DotplotView;
+//# sourceMappingURL=DotplotView.js.map

package/esm/DotplotView/components/DotplotView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotplotView.js","sourceRoot":"","sources":["../../../src/DotplotView/components/DotplotView.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DotplotViewModel } from '../model';
+declare const _default: ({ model }: {
+    model: DotplotViewModel;
+}) => React.JSX.Element | null;
+export default _default;

package/esm/DotplotView/components/DotplotWarnings.js

@@ -0,0 +1,15 @@
+import React, { lazy, useState } from 'react';
+import { Alert, Button } from '@mui/material';
+import { observer } from 'mobx-react';
+// lazy components
+const WarningDialog = lazy(() => import('./WarningDialog'));
+export default 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; });
+    const [shown, setShown] = useState(false);
+    return trackWarnings.length ? (React.createElement(Alert, { severity: "warning" },
+        "Warnings during render",
+        ' ',
+        React.createElement(Button, { onClick: () => setShown(true) }, "More info"),
+        shown ? (React.createElement(WarningDialog, { trackWarnings: trackWarnings, handleClose: () => setShown(false) })) : null)) : null;
+});
+//# sourceMappingURL=DotplotWarnings.js.map

package/esm/DotplotView/components/DotplotWarnings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotplotWarnings.js","sourceRoot":"","sources":["../../../src/DotplotView/components/DotplotWarnings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAKrC,kBAAkB;AAClB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAE3D,eAAe,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA+B;IACtE,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,0CAAE,MAAM,CAAA,EAAA,CAAC,CAAA;IAC9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAC5B,oBAAC,KAAK,IAAC,QAAQ,EAAC,SAAS;;QACA,GAAG;QAC1B,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAoB;QACxD,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,aAAa,IACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,CACF,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ExportSvgOptions } from '../model';
+export default function ExportSvgDlg({ model, handleClose, }: {
+    model: {
+        exportSvg(opts: ExportSvgOptions): Promise<void>;
+    };
+    handleClose: () => void;
+}): React.JSX.Element;