@jbrowse/plugin-dotplot-view 2.6.1

package/dist/DotplotView/components/Axes.js

@@ -0,0 +1,127 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 util_2 = require("./util");
+const useStyles = (0, mui_1.makeStyles)()(() => ({
+    vtext: {
+        gridColumn: '1/2',
+        gridRow: '1/2',
+        pointerEvents: 'none',
+        userSelect: 'none',
+    },
+    htext: {
+        gridColumn: '2/2',
+        gridRow: '2/2',
+        pointerEvents: 'none',
+        userSelect: 'none',
+    },
+}));
+exports.HorizontalAxis = (0, mobx_react_1.observer)(function ({ model, }) {
+    const { viewWidth, borderY } = model;
+    const { classes } = useStyles();
+    return (react_1.default.createElement("svg", { width: viewWidth, height: borderY, className: classes.htext },
+        react_1.default.createElement(exports.HorizontalAxisRaw, { model: model })));
+});
+exports.HorizontalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
+    const { viewWidth, borderX, borderY, hview, htextRotation, hticks } = model;
+    const { offsetPx, width, dynamicBlocks, bpPerPx } = hview;
+    const dblocks = dynamicBlocks.contentBlocks;
+    const hide = (0, util_2.getBlockLabelKeysToHide)(dblocks, viewWidth, offsetPx);
+    const theme = (0, material_1.useTheme)();
+    const hviewSnap = {
+        ...(0, mobx_state_tree_1.getSnapshot)(hview),
+        width,
+        staticBlocks: hview.staticBlocks,
+    };
+    return (react_1.default.createElement(react_1.default.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_1.default.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 = (0, Base1DUtils_1.bpToPx)({
+                refName: tick.refName,
+                coord: tick.base,
+                self: hviewSnap,
+            })) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0) - offsetPx;
+            return (react_1.default.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 = (0, Base1DUtils_1.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_1.default.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" }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx))) : null;
+        }),
+        react_1.default.createElement("text", { y: borderY - 12, x: (viewWidth - borderX) / 2, fill: theme.palette.text.primary, textAnchor: "middle", fontSize: 11, dominantBaseline: "hanging" }, hview.assemblyNames.join(','))));
+});
+exports.VerticalAxis = (0, mobx_react_1.observer)(function ({ model, }) {
+    const { borderX, viewHeight } = model;
+    const { classes } = useStyles();
+    return (react_1.default.createElement("svg", { className: classes.vtext, width: borderX, height: viewHeight },
+        react_1.default.createElement(exports.VerticalAxisRaw, { model: model })));
+});
+exports.VerticalAxisRaw = (0, mobx_react_1.observer)(function ({ model, }) {
+    const { viewHeight, borderX, borderY, vview, vtextRotation, vticks } = model;
+    const { offsetPx, width, dynamicBlocks, bpPerPx } = vview;
+    const dblocks = dynamicBlocks.contentBlocks;
+    const hide = (0, util_2.getBlockLabelKeysToHide)(dblocks, viewHeight, offsetPx);
+    const theme = (0, material_1.useTheme)();
+    const vviewSnap = {
+        ...(0, mobx_state_tree_1.getSnapshot)(vview),
+        width,
+        staticBlocks: vview.staticBlocks,
+    };
+    return (react_1.default.createElement(react_1.default.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_1.default.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 = (0, Base1DUtils_1.bpToPx)({
+                refName: tick.refName,
+                coord: tick.base,
+                self: vviewSnap,
+            })) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0) - offsetPx;
+            return (react_1.default.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 = (0, Base1DUtils_1.bpToPx)({
+                refName: tick.refName,
+                coord: tick.base,
+                self: vviewSnap,
+            })) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0) - offsetPx;
+            return y > 10 ? (react_1.default.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 }, (0, util_1.getTickDisplayStr)(tick.base + 1, bpPerPx))) : null;
+        }),
+        react_1.default.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/dist/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/dist/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/dist/DotplotView/components/CursorIcon.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CursorMouse = exports.CursorMove = void 0;
+const SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
+const react_1 = __importDefault(require("react"));
+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" })));
+}
+exports.CursorMove = CursorMove;
+function CursorMouse(props) {
+    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
+        react_1.default.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" })));
+}
+exports.CursorMouse = CursorMouse;
+//# sourceMappingURL=CursorIcon.js.map

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

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

package/dist/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/dist/DotplotView/components/DotplotTooltip.js

@@ -0,0 +1,128 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipWhereClicked = exports.TooltipWhereMouseovered = exports.round = void 0;
+const react_1 = __importStar(require("react"));
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
+const util_1 = require("./util");
+const material_1 = require("@mui/material");
+const react_popper_1 = require("react-popper");
+function round(value) {
+    return Math.round(value * 1e5) / 1e5;
+}
+exports.round = round;
+const useStyles = (0, mui_1.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: (0, material_1.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 };
+exports.TooltipWhereMouseovered = (0, mobx_react_1.observer)(function ({ model, mouserect, mouserectClient, xdistance, ydistance, }) {
+    var _a;
+    const { classes } = useStyles();
+    const { hview, vview, viewHeight } = model;
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const ref = (0, react_1.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 = (0, react_1.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 } = (0, react_popper_1.usePopper)(virtElement, anchorEl, {
+        placement: xdistance < 0 ? 'left' : 'right',
+    });
+    return (react_1.default.createElement(react_1.default.Fragment, null, mouserect ? (react_1.default.createElement(material_1.Portal, null,
+        react_1.default.createElement("div", { ref: setAnchorEl, className: classes.tooltip, 
+            // zIndex needed to go over widget drawer
+            style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
+            `x - ${(0, util_1.locstr)(mouserect[0], hview)}`,
+            react_1.default.createElement("br", null),
+            `y - ${(0, util_1.locstr)(viewHeight - mouserect[1], vview)}`,
+            react_1.default.createElement("br", null)))) : null));
+});
+exports.TooltipWhereClicked = (0, mobx_react_1.observer)(function ({ model, mousedown, mousedownClient, xdistance, ydistance, }) {
+    const { classes } = useStyles();
+    const { hview, vview, viewHeight } = model;
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
+    const virtElement = (0, react_1.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 } = (0, react_popper_1.usePopper)(virtElement, anchorEl, {
+        placement: xdistance < 0 ? 'right' : 'left',
+    });
+    return (react_1.default.createElement(react_1.default.Fragment, null, mousedown && Math.abs(xdistance) > 3 && Math.abs(ydistance) > 3 ? (react_1.default.createElement(material_1.Portal, null,
+        react_1.default.createElement("div", { ref: setAnchorEl, className: classes.tooltip, 
+            // zIndex needed to go over widget drawer
+            style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
+            `x - ${(0, util_1.locstr)(mousedown[0], hview)}`,
+            react_1.default.createElement("br", null),
+            `y - ${(0, util_1.locstr)(viewHeight - mousedown[1], vview)}`,
+            react_1.default.createElement("br", null)))) : null));
+});
+//# sourceMappingURL=DotplotTooltip.js.map

package/dist/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/dist/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/dist/DotplotView/components/DotplotView.js

@@ -0,0 +1,272 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const ui_1 = require("@jbrowse/core/ui");
+const mobx_react_1 = require("mobx-react");
+const mobx_1 = require("mobx");
+const mui_1 = require("tss-react/mui");
+const normalize_wheel_1 = __importDefault(require("normalize-wheel"));
+const ImportForm_1 = __importDefault(require("./ImportForm"));
+const Header_1 = __importDefault(require("./Header"));
+const Grid_1 = __importDefault(require("./Grid"));
+const Axes_1 = require("./Axes");
+const DotplotTooltip_1 = require("./DotplotTooltip");
+const blank = { left: 0, top: 0, width: 0, height: 0 };
+const useStyles = (0, mui_1.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 = (0, mobx_react_1.observer)(({ model }) => {
+    const { classes } = useStyles();
+    return (react_1.default.createElement("div", { className: classes.overlay }, model.tracks.map(track => {
+        const [display] = track.displays;
+        const { RenderingComponent } = display;
+        return RenderingComponent ? (react_1.default.createElement(RenderingComponent, { key: track.configuration.trackId, model: display })) : null;
+    })));
+});
+const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
+    var _a, _b;
+    const { classes } = useStyles();
+    const [mousecurrClient, setMouseCurrClient] = (0, react_1.useState)();
+    const [mousedownClient, setMouseDownClient] = (0, react_1.useState)();
+    const [mouseOvered, setMouseOvered] = (0, react_1.useState)(false);
+    const [mouseupClient, setMouseUpClient] = (0, react_1.useState)();
+    const ref = (0, react_1.useRef)(null);
+    const root = (0, react_1.useRef)(null);
+    const distanceX = (0, react_1.useRef)(0);
+    const distanceY = (0, react_1.useRef)(0);
+    const scheduled = (0, react_1.useRef)(false);
+    const [ctrlKeyWasUsed, setCtrlKeyWasUsed] = (0, react_1.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
+    (0, react_1.useEffect)(() => {
+        function onWheel(origEvent) {
+            const event = (0, normalize_wheel_1.default)(origEvent);
+            origEvent.preventDefault();
+            distanceX.current += event.pixelX;
+            distanceY.current -= event.pixelY;
+            if (!scheduled.current) {
+                scheduled.current = true;
+                window.requestAnimationFrame(() => {
+                    (0, mobx_1.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]);
+    (0, react_1.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
+    (0, react_1.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_1.default.createElement("div", null,
+        react_1.default.createElement(Header_1.default, { model: model, selection: !validSelect || !(mousedown && mouserect)
+                ? undefined
+                : {
+                    width: Math.abs(xdistance),
+                    height: Math.abs(ydistance),
+                } }),
+        react_1.default.createElement("div", { ref: root, className: classes.root, onMouseLeave: () => setMouseOvered(false), onMouseEnter: () => setMouseOvered(true) },
+            react_1.default.createElement("div", { className: classes.container },
+                react_1.default.createElement(Axes_1.VerticalAxis, { model: model }),
+                react_1.default.createElement(Axes_1.HorizontalAxis, { model: model }),
+                react_1.default.createElement("div", { ref: ref, className: classes.content },
+                    mouseOvered && validSelect ? (react_1.default.createElement(DotplotTooltip_1.TooltipWhereMouseovered, { model: model, mouserect: mouserect, mouserectClient: mouserectClient, xdistance: xdistance, ydistance: ydistance })) : null,
+                    validSelect ? (react_1.default.createElement(DotplotTooltip_1.TooltipWhereClicked, { model: model, mousedown: mousedown, mousedownClient: mousedownClient, xdistance: xdistance, ydistance: ydistance })) : null,
+                    react_1.default.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_1.default.createElement(Grid_1.default, { model: model }, validSelect && mousedown && mouserect ? (react_1.default.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_1.default.createElement("div", { className: classes.spacer })),
+                react_1.default.createElement(RenderedComponent, { model: model }),
+                react_1.default.createElement(ui_1.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_1.default.createElement(ui_1.ResizeHandle, { onDrag: n => model.setHeight(model.height + n), className: classes.resizeHandle }))));
+});
+const DotplotView = (0, mobx_react_1.observer)(({ model }) => {
+    const { initialized, loading, error } = model;
+    if ((!initialized && !loading) || error) {
+        return react_1.default.createElement(ImportForm_1.default, { model: model });
+    }
+    if (loading) {
+        return react_1.default.createElement(ui_1.LoadingEllipses, { variant: "h6" });
+    }
+    return react_1.default.createElement(DotplotViewInternal, { model: model });
+});
+exports.default = DotplotView;
+//# sourceMappingURL=DotplotView.js.map

package/dist/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/dist/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;