@jbrowse/plugin-variants 3.1.0 → 3.3.0

package/dist/MultiLinearVariantDisplay/components/Crosshair.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const MultiVariantTooltip_1 = __importDefault(require("../../shared/components/MultiVariantTooltip"));
-const useStyles = (0, mui_1.makeStyles)()({
-    rel: {
-        position: 'relative',
-    },
-    cursor: {
-        pointerEvents: 'none',
-        zIndex: 800,
-        position: 'absolute',
-    },
-    color: {
-        width: 10,
-        height: 10,
-    },
-});
-const Crosshair = (0, mobx_react_1.observer)(function ({ mouseX, mouseY, model, }) {
-    const { classes } = useStyles();
-    const { hoveredGenotype, height, scrollTop, rowHeight, sources } = model;
-    const { width } = (0, util_1.getContainingView)(model);
-    const source = sources === null || sources === void 0 ? void 0 : sources[Math.floor(mouseY / rowHeight)];
-    const y = mouseY - scrollTop;
-    return source ? ((0, jsx_runtime_1.jsxs)("div", { className: classes.rel, children: [(0, jsx_runtime_1.jsxs)("svg", { className: classes.cursor, width: width, height: height, style: {
-                    top: scrollTop,
-                }, children: [(0, jsx_runtime_1.jsx)("line", { x1: 0, x2: width, y1: y, y2: y, stroke: "black" }), (0, jsx_runtime_1.jsx)("line", { x1: mouseX, x2: mouseX, y1: 0, y2: height, stroke: "black" })] }), (0, jsx_runtime_1.jsx)(MultiVariantTooltip_1.default, { source: { ...source, hoveredGenotype } })] })) : null;
-});
-exports.default = Crosshair;

package/dist/MultiLinearVariantMatrixDisplay/components/Crosshair.d.ts

@@ -1,7 +0,0 @@
-import type { MultiLinearVariantMatrixDisplayModel } from '../model';
-declare const Crosshair: ({ mouseX, mouseY, model, }: {
-    mouseX: number;
-    mouseY: number;
-    model: MultiLinearVariantMatrixDisplayModel;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default Crosshair;

package/dist/MultiLinearVariantMatrixDisplay/components/Crosshair.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const MultiVariantTooltip_1 = __importDefault(require("../../shared/components/MultiVariantTooltip"));
-const useStyles = (0, mui_1.makeStyles)()({
-    cursor: {
-        pointerEvents: 'none',
-        zIndex: 800,
-        position: 'relative',
-    },
-});
-const Crosshair = (0, mobx_react_1.observer)(function ({ mouseX, mouseY, model, }) {
-    const { classes } = useStyles();
-    const { hoveredGenotype, lineZoneHeight, totalHeight, rowHeight, sources } = model;
-    const { width } = (0, util_1.getContainingView)(model);
-    const source = sources === null || sources === void 0 ? void 0 : sources[Math.floor((mouseY - lineZoneHeight) / rowHeight)];
-    const yoff = mouseY - lineZoneHeight;
-    return source ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: classes.cursor, width: width, height: totalHeight, style: {
-                    top: lineZoneHeight,
-                }, children: [(0, jsx_runtime_1.jsx)("line", { x1: 0, x2: width, y1: yoff, y2: yoff, stroke: "black" }), (0, jsx_runtime_1.jsx)("line", { x1: mouseX, x2: mouseX, y1: 0, y2: totalHeight, stroke: "black" })] }), (0, jsx_runtime_1.jsx)(MultiVariantTooltip_1.default, { source: { ...source, hoveredGenotype } })] })) : null;
-});
-exports.default = Crosshair;

package/dist/MultiLinearVariantMatrixRenderer/components/LinearVariantMatrixRendering.d.ts

@@ -1,7 +0,0 @@
-declare const LinearVariantMatrixRendering: (props: {
-    width: number;
-    height: number;
-    displayModel: any;
-    arr: string[];
-}) => import("react/jsx-runtime").JSX.Element;
-export default LinearVariantMatrixRendering;

package/dist/MultiLinearVariantMatrixRenderer/components/LinearVariantMatrixRendering.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const mobx_react_1 = require("mobx-react");
-const LinearVariantMatrixRendering = (0, mobx_react_1.observer)(function (props) {
-    const { arr, width, height, displayModel } = props;
-    const ref = (0, react_1.useRef)(null);
-    function getFeatureUnderMouse(eventClientX, eventClientY) {
-        var _a, _b;
-        let offsetX = 0;
-        let offsetY = 0;
-        if (ref.current) {
-            const r = ref.current.getBoundingClientRect();
-            offsetX = eventClientX - r.left;
-            offsetY = eventClientY - r.top;
-        }
-        const dimY = arr.length;
-        const dimX = ((_a = arr[0]) === null || _a === void 0 ? void 0 : _a.length) || 0;
-        return (_b = arr[Math.floor((offsetX / width) * dimY)]) === null || _b === void 0 ? void 0 : _b[Math.floor((offsetY / height) * dimX)];
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, onMouseMove: e => {
-            var _a;
-            return (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, getFeatureUnderMouse(e.clientX, e.clientY));
-        }, onMouseLeave: () => {
-            var _a;
-            (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, undefined);
-        }, onMouseOut: () => {
-            var _a;
-            (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, undefined);
-        }, style: {
-            overflow: 'visible',
-            position: 'relative',
-            height,
-        }, children: (0, jsx_runtime_1.jsx)(ui_1.PrerenderedCanvas, { ...props }) }));
-});
-exports.default = LinearVariantMatrixRendering;

package/dist/MultiLinearVariantRenderer/MultiVariantRendering.d.ts

@@ -1,22 +0,0 @@
-import RBush from 'rbush';
-import type { Source } from '../shared/types';
-import type { Feature } from '@jbrowse/core/util';
-import type { Region } from '@jbrowse/core/util/types';
-declare const MultiVariantRendering: (props: {
-    regions: Region[];
-    features: Map<string, Feature>;
-    bpPerPx: number;
-    width: number;
-    height: number;
-    sources: Source[];
-    scrollTop: number;
-    totalHeight: number;
-    rbush: RBush<{
-        genotype: string;
-    }>;
-    displayModel: any;
-    onMouseLeave?: (event: React.MouseEvent) => void;
-    onMouseMove?: (event: React.MouseEvent, arg?: Feature) => void;
-    onFeatureClick?: (event: React.MouseEvent, arg?: Feature) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MultiVariantRendering;

package/dist/MultiLinearVariantRenderer/components/MultiVariantRendering.js

@@ -1,52 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const mobx_react_1 = require("mobx-react");
-const rbush_1 = __importDefault(require("rbush"));
-const MultiVariantRendering = (0, mobx_react_1.observer)(function (props) {
-    const { totalHeight, scrollTop } = props;
-    const { rbush, displayModel } = props;
-    const ref = (0, react_1.useRef)(null);
-    const rbush2 = (0, react_1.useMemo)(() => new rbush_1.default().fromJSON(rbush), [rbush]);
-    function getFeatureUnderMouse(eventClientX, eventClientY) {
-        var _a;
-        let offsetX = 0;
-        let offsetY = 0;
-        if (ref.current) {
-            const r = ref.current.getBoundingClientRect();
-            offsetX = eventClientX - r.left;
-            offsetY = eventClientY - r.top;
-        }
-        const ret = rbush2.search({
-            minX: offsetX,
-            maxX: offsetX + 3,
-            minY: offsetY,
-            maxY: offsetY + 3,
-        });
-        return (_a = ret[0]) === null || _a === void 0 ? void 0 : _a.genotype;
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, onMouseMove: e => {
-            var _a;
-            return (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, getFeatureUnderMouse(e.clientX, e.clientY));
-        }, onMouseLeave: () => {
-            var _a;
-            (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, undefined);
-        }, onMouseOut: () => {
-            var _a;
-            (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, undefined);
-        }, style: {
-            overflow: 'visible',
-            position: 'relative',
-            height: totalHeight,
-        }, children: (0, jsx_runtime_1.jsx)(ui_1.PrerenderedCanvas, { ...props, style: {
-                position: 'absolute',
-                left: 0,
-                top: scrollTop,
-            } }) }));
-});
-exports.default = MultiVariantRendering;

package/dist/VariantFeatureWidget/VariantConsequencePanel.d.ts

@@ -1,5 +0,0 @@
-export default function VariantConsequencePanel({ data, fields, title, }: {
-    data: string[];
-    fields: string[];
-    title: string;
-}): import("react/jsx-runtime").JSX.Element | null;

package/dist/VariantFeatureWidget/VariantConsequencePanel.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = VariantConsequencePanel;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BaseCard_1 = __importDefault(require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/BaseCard"));
-const VariantConsequenceDataGridWrapper_1 = __importDefault(require("./VariantConsequenceDataGridWrapper"));
-function VariantConsequencePanel({ data, fields, title, }) {
-    return data.length ? ((0, jsx_runtime_1.jsx)(BaseCard_1.default, { title: title, children: (0, jsx_runtime_1.jsx)(VariantConsequenceDataGridWrapper_1.default, { rows: data.map((elt, id) => ({
-                id,
-                ...Object.fromEntries(elt.split('|').map((e, i) => [fields[i], e])),
-            })), columns: fields.map(c => ({ field: c })) }) })) : null;
-}

package/dist/shared/components/ClusterDialog.d.ts

@@ -1,11 +0,0 @@
-import type { Source } from '../types';
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-export default function ClusterDialog({ model, handleClose, }: {
-    model: {
-        sources?: Source[];
-        minorAlleleFrequencyFilter?: number;
-        adapterConfig: AnyConfigurationModel;
-        setLayout: (arg: Source[]) => void;
-    };
-    handleClose: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/ClusterDialog.js

@@ -1,113 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ClusterDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const tracks_1 = require("@jbrowse/core/util/tracks");
-const material_1 = require("@mui/material");
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const file_saver_1 = require("file-saver");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    textAreaFont: {
-        fontFamily: 'Courier New',
-    },
-    mgap: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: theme.spacing(4),
-    },
-}));
-function ClusterDialog({ model, handleClose, }) {
-    const { classes } = useStyles();
-    const [results, setResults] = (0, react_1.useState)();
-    const [error, setError] = (0, react_1.useState)();
-    const [paste, setPaste] = (0, react_1.useState)('');
-    const [useCompleteMethod, setUseCompleteMethod] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        ;
-        (async () => {
-            try {
-                setError(undefined);
-                const view = (0, util_1.getContainingView)(model);
-                if (!view.initialized) {
-                    return;
-                }
-                const { rpcManager } = (0, util_1.getSession)(model);
-                const { sources, minorAlleleFrequencyFilter, adapterConfig } = model;
-                const sessionId = (0, tracks_1.getRpcSessionId)(model);
-                const ret = (await rpcManager.call(sessionId, 'MultiVariantGetGenotypeMatrix', {
-                    regions: view.dynamicBlocks.contentBlocks,
-                    sources,
-                    minorAlleleFrequencyFilter,
-                    sessionId,
-                    adapterConfig,
-                }));
-                const entries = Object.values(ret);
-                const keys = Object.keys(ret);
-                const clusterMethod = useCompleteMethod ? 'complete' : 'single';
-                const text = `try(library(fastcluster), silent=TRUE)
-inputMatrix<-matrix(c(${entries.map(val => val.genotypes.join(',')).join(',\n')}
-),nrow=${entries.length},byrow=TRUE)
-rownames(inputMatrix)<-c(${keys.map(key => `'${key}'`).join(',')})
-resultClusters<-hclust(dist(inputMatrix), method='${clusterMethod}')
-cat(resultClusters$order,sep='\\n')`;
-                setResults(text);
-            }
-            catch (e) {
-                if (!(0, util_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(model)) {
-                    console.error(e);
-                    setError(e);
-                }
-            }
-        })();
-    }, [model, useCompleteMethod]);
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, title: "Cluster by genotype", onClose: handleClose, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: classes.mgap, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "This page will produce an R script that will perform hierarchical clustering on the visible genotype data using `hclust`." }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "You can then paste the results in this form to specify the row ordering." }), results ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { children: ["Step 1:", ' ', (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: () => {
-                                            (0, file_saver_1.saveAs)(new Blob([results || ''], {
-                                                type: 'text/plain;charset=utf-8',
-                                            }), 'cluster.R');
-                                        }, children: "Download Rscript" }), ' ', "or", ' ', (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: () => {
-                                            (0, copy_to_clipboard_1.default)(results || '');
-                                        }, children: "Copy Rscript to clipboard" }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: useCompleteMethod, onChange: e => {
-                                                setUseCompleteMethod(e.target.checked);
-                                            } }), label: "Use 'complete' linkage method instead of 'single'" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.TextField, { multiline: true, fullWidth: true, variant: "outlined", placeholder: "Step 2. Paste results from Rscript here (sequence of numbers, one per line, specifying the new ordering)", rows: 10, value: paste, onChange: event => {
-                                                setPaste(event.target.value);
-                                            }, slotProps: {
-                                                input: {
-                                                    classes: {
-                                                        input: classes.textAreaFont,
-                                                    },
-                                                },
-                                            } }) })] }) })) : ((0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, { variant: "h6", title: "Generating genotype matrix" })), error ? (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error }) : null] }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { disabled: !results, variant: "contained", onClick: () => {
-                            const { sources } = model;
-                            if (sources) {
-                                try {
-                                    model.setLayout(paste
-                                        .split('\n')
-                                        .map(t => t.trim())
-                                        .filter(f => !!f)
-                                        .map(r => +r)
-                                        .map(idx => {
-                                        const ret = sources[idx - 1];
-                                        if (!ret) {
-                                            throw new Error(`out of bounds at ${idx}`);
-                                        }
-                                        return ret;
-                                    }));
-                                }
-                                catch (e) {
-                                    console.error(e);
-                                    setError(e);
-                                }
-                            }
-                            handleClose();
-                        }, children: "Apply clustering" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
-                            handleClose();
-                        }, children: "Cancel" })] })] }));
-}

package/dist/shared/components/LegendBar.d.ts

@@ -1,18 +0,0 @@
-import type { Source } from '../types';
-interface ReducedModel {
-    scrollTop: number;
-    totalHeight: number;
-    rowHeight: number;
-    lineZoneHeight?: number;
-    sources?: Source[];
-    canDisplayLabels: boolean;
-    height: number;
-    samplePloidy?: Record<string, number>;
-    id: string;
-}
-export declare const LegendBar: (props: {
-    model: ReducedModel;
-    orientation?: string;
-    exportSVG?: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default LegendBar;

package/esm/MultiLinearVariantDisplay/components/Crosshair.d.ts

@@ -1,7 +0,0 @@
-import type { MultiLinearVariantDisplayModel } from '../model';
-declare const Crosshair: ({ mouseX, mouseY, model, }: {
-    mouseX: number;
-    mouseY: number;
-    model: MultiLinearVariantDisplayModel;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default Crosshair;

package/esm/MultiLinearVariantDisplay/components/Crosshair.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getContainingView } from '@jbrowse/core/util';
-import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import MultiVariantTooltip from '../../shared/components/MultiVariantTooltip';
-const useStyles = makeStyles()({
-    rel: {
-        position: 'relative',
-    },
-    cursor: {
-        pointerEvents: 'none',
-        zIndex: 800,
-        position: 'absolute',
-    },
-    color: {
-        width: 10,
-        height: 10,
-    },
-});
-const Crosshair = observer(function ({ mouseX, mouseY, model, }) {
-    const { classes } = useStyles();
-    const { hoveredGenotype, height, scrollTop, rowHeight, sources } = model;
-    const { width } = getContainingView(model);
-    const source = sources === null || sources === void 0 ? void 0 : sources[Math.floor(mouseY / rowHeight)];
-    const y = mouseY - scrollTop;
-    return source ? (_jsxs("div", { className: classes.rel, children: [_jsxs("svg", { className: classes.cursor, width: width, height: height, style: {
-                    top: scrollTop,
-                }, children: [_jsx("line", { x1: 0, x2: width, y1: y, y2: y, stroke: "black" }), _jsx("line", { x1: mouseX, x2: mouseX, y1: 0, y2: height, stroke: "black" })] }), _jsx(MultiVariantTooltip, { source: { ...source, hoveredGenotype } })] })) : null;
-});
-export default Crosshair;

package/esm/MultiLinearVariantMatrixDisplay/components/Crosshair.d.ts

@@ -1,7 +0,0 @@
-import type { MultiLinearVariantMatrixDisplayModel } from '../model';
-declare const Crosshair: ({ mouseX, mouseY, model, }: {
-    mouseX: number;
-    mouseY: number;
-    model: MultiLinearVariantMatrixDisplayModel;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default Crosshair;

package/esm/MultiLinearVariantMatrixDisplay/components/Crosshair.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getContainingView } from '@jbrowse/core/util';
-import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import MultiVariantTooltip from '../../shared/components/MultiVariantTooltip';
-const useStyles = makeStyles()({
-    cursor: {
-        pointerEvents: 'none',
-        zIndex: 800,
-        position: 'relative',
-    },
-});
-const Crosshair = observer(function ({ mouseX, mouseY, model, }) {
-    const { classes } = useStyles();
-    const { hoveredGenotype, lineZoneHeight, totalHeight, rowHeight, sources } = model;
-    const { width } = getContainingView(model);
-    const source = sources === null || sources === void 0 ? void 0 : sources[Math.floor((mouseY - lineZoneHeight) / rowHeight)];
-    const yoff = mouseY - lineZoneHeight;
-    return source ? (_jsxs(_Fragment, { children: [_jsxs("svg", { className: classes.cursor, width: width, height: totalHeight, style: {
-                    top: lineZoneHeight,
-                }, children: [_jsx("line", { x1: 0, x2: width, y1: yoff, y2: yoff, stroke: "black" }), _jsx("line", { x1: mouseX, x2: mouseX, y1: 0, y2: totalHeight, stroke: "black" })] }), _jsx(MultiVariantTooltip, { source: { ...source, hoveredGenotype } })] })) : null;
-});
-export default Crosshair;

package/esm/MultiLinearVariantMatrixRenderer/components/LinearVariantMatrixRendering.d.ts

@@ -1,7 +0,0 @@
-declare const LinearVariantMatrixRendering: (props: {
-    width: number;
-    height: number;
-    displayModel: any;
-    arr: string[];
-}) => import("react/jsx-runtime").JSX.Element;
-export default LinearVariantMatrixRendering;

package/esm/MultiLinearVariantMatrixRenderer/components/LinearVariantMatrixRendering.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { PrerenderedCanvas } from '@jbrowse/core/ui';
-import { observer } from 'mobx-react';
-const LinearVariantMatrixRendering = observer(function (props) {
-    const { arr, width, height, displayModel } = props;
-    const ref = useRef(null);
-    function getFeatureUnderMouse(eventClientX, eventClientY) {
-        var _a, _b;
-        let offsetX = 0;
-        let offsetY = 0;
-        if (ref.current) {
-            const r = ref.current.getBoundingClientRect();
-            offsetX = eventClientX - r.left;
-            offsetY = eventClientY - r.top;
-        }
-        const dimY = arr.length;
-        const dimX = ((_a = arr[0]) === null || _a === void 0 ? void 0 : _a.length) || 0;
-        return (_b = arr[Math.floor((offsetX / width) * dimY)]) === null || _b === void 0 ? void 0 : _b[Math.floor((offsetY / height) * dimX)];
-    }
-    return (_jsx("div", { ref: ref, onMouseMove: e => {
-            var _a;
-            return (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, getFeatureUnderMouse(e.clientX, e.clientY));
-        }, onMouseLeave: () => {
-            var _a;
-            (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, undefined);
-        }, onMouseOut: () => {
-            var _a;
-            (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, undefined);
-        }, style: {
-            overflow: 'visible',
-            position: 'relative',
-            height,
-        }, children: _jsx(PrerenderedCanvas, { ...props }) }));
-});
-export default LinearVariantMatrixRendering;

package/esm/MultiLinearVariantRenderer/MultiVariantRendering.d.ts

@@ -1,22 +0,0 @@
-import RBush from 'rbush';
-import type { Source } from '../shared/types';
-import type { Feature } from '@jbrowse/core/util';
-import type { Region } from '@jbrowse/core/util/types';
-declare const MultiVariantRendering: (props: {
-    regions: Region[];
-    features: Map<string, Feature>;
-    bpPerPx: number;
-    width: number;
-    height: number;
-    sources: Source[];
-    scrollTop: number;
-    totalHeight: number;
-    rbush: RBush<{
-        genotype: string;
-    }>;
-    displayModel: any;
-    onMouseLeave?: (event: React.MouseEvent) => void;
-    onMouseMove?: (event: React.MouseEvent, arg?: Feature) => void;
-    onFeatureClick?: (event: React.MouseEvent, arg?: Feature) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MultiVariantRendering;

package/esm/MultiLinearVariantRenderer/MultiVariantRendering.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useRef } from 'react';
-import { PrerenderedCanvas } from '@jbrowse/core/ui';
-import { observer } from 'mobx-react';
-import RBush from 'rbush';
-const MultiVariantRendering = observer(function (props) {
-    const { totalHeight, scrollTop } = props;
-    const { rbush, displayModel } = props;
-    const ref = useRef(null);
-    const rbush2 = useMemo(() => new RBush().fromJSON(rbush), [rbush]);
-    function getFeatureUnderMouse(eventClientX, eventClientY) {
-        var _a;
-        let offsetX = 0;
-        let offsetY = 0;
-        if (ref.current) {
-            const r = ref.current.getBoundingClientRect();
-            offsetX = eventClientX - r.left;
-            offsetY = eventClientY - r.top;
-        }
-        const ret = rbush2.search({
-            minX: offsetX,
-            maxX: offsetX + 3,
-            minY: offsetY,
-            maxY: offsetY + 3,
-        });
-        return (_a = ret[0]) === null || _a === void 0 ? void 0 : _a.genotype;
-    }
-    return (_jsx("div", { ref: ref, onMouseMove: e => {
-            var _a;
-            return (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, getFeatureUnderMouse(e.clientX, e.clientY));
-        }, onMouseLeave: () => {
-            var _a;
-            (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, undefined);
-        }, onMouseOut: () => {
-            var _a;
-            (_a = displayModel.setHoveredGenotype) === null || _a === void 0 ? void 0 : _a.call(displayModel, undefined);
-        }, style: {
-            overflow: 'visible',
-            position: 'relative',
-            height: totalHeight,
-        }, children: _jsx(PrerenderedCanvas, { ...props, style: {
-                position: 'absolute',
-                left: 0,
-                top: scrollTop,
-            } }) }));
-});
-export default MultiVariantRendering;

package/esm/VariantFeatureWidget/VariantConsequencePanel.d.ts

@@ -1,5 +0,0 @@
-export default function VariantConsequencePanel({ data, fields, title, }: {
-    data: string[];
-    fields: string[];
-    title: string;
-}): import("react/jsx-runtime").JSX.Element | null;

package/esm/VariantFeatureWidget/VariantConsequencePanel.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import BaseCard from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/BaseCard';
-import VariantConsequenceDataGridWrapper from './VariantConsequenceDataGridWrapper';
-export default function VariantConsequencePanel({ data, fields, title, }) {
-    return data.length ? (_jsx(BaseCard, { title: title, children: _jsx(VariantConsequenceDataGridWrapper, { rows: data.map((elt, id) => ({
-                id,
-                ...Object.fromEntries(elt.split('|').map((e, i) => [fields[i], e])),
-            })), columns: fields.map(c => ({ field: c })) }) })) : null;
-}

package/esm/shared/components/ClusterDialog.d.ts

@@ -1,11 +0,0 @@
-import type { Source } from '../types';
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-export default function ClusterDialog({ model, handleClose, }: {
-    model: {
-        sources?: Source[];
-        minorAlleleFrequencyFilter?: number;
-        adapterConfig: AnyConfigurationModel;
-        setLayout: (arg: Source[]) => void;
-    };
-    handleClose: () => void;
-}): import("react/jsx-runtime").JSX.Element;