@jbrowse/plugin-linear-comparative-view 3.7.0 → 4.0.0

package/dist/LinearComparativeView/components/LinearComparativeView.js

@@ -1,30 +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 mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const Header_1 = __importDefault(require("./Header"));
-const LinearComparativeRenderArea_1 = __importDefault(require("./LinearComparativeRenderArea"));
-const Rubberband_1 = __importDefault(require("./Rubberband"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    rubberbandContainer: {
-        position: 'relative',
-        overflow: 'hidden',
-    },
-    rubberbandDiv: {
-        width: '100%',
-        background: theme.palette.action.disabledBackground,
-        height: 15,
-        '&:hover': {
-            background: theme.palette.action.selected,
-        },
-    },
-}));
-const LinearComparativeView = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.rubberbandContainer, children: [(0, jsx_runtime_1.jsx)(Header_1.default, { model: model }), (0, jsx_runtime_1.jsx)(Rubberband_1.default, { model: model, ControlComponent: (0, jsx_runtime_1.jsx)("div", { className: classes.rubberbandDiv }) }), (0, jsx_runtime_1.jsx)(LinearComparativeRenderArea_1.default, { model: model })] }));
-});
-exports.default = LinearComparativeView;

package/dist/LinearComparativeView/components/MinLengthSlider.d.ts

@@ -1,5 +0,0 @@
-import type { LinearComparativeViewModel } from '../model';
-declare const MinLengthSlider: ({ model, }: {
-    model: LinearComparativeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MinLengthSlider;

package/dist/LinearComparativeView/components/MinLengthSlider.js

@@ -1,47 +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 material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const SliderTooltip_1 = __importDefault(require("./SliderTooltip"));
-const useStyles = (0, mui_1.makeStyles)()({
-    container: {
-        display: 'flex',
-        alignItems: 'center',
-        marginLeft: 16,
-        marginRight: 16,
-        minWidth: 150,
-    },
-});
-const MinLengthSlider = (0, mobx_react_1.observer)(function ({ model, }) {
-    var _a, _b, _c;
-    const { classes } = useStyles();
-    const { levels } = model;
-    const firstDisplay = (_b = (_a = levels[0]) === null || _a === void 0 ? void 0 : _a.tracks[0]) === null || _b === void 0 ? void 0 : _b.displays[0];
-    const minAlignmentLength = (_c = firstDisplay === null || firstDisplay === void 0 ? void 0 : firstDisplay.minAlignmentLength) !== null && _c !== void 0 ? _c : 0;
-    const [minLengthValue, setMinLengthValue] = (0, react_1.useState)(Math.log2(Math.max(1, minAlignmentLength)) * 100);
-    (0, react_1.useEffect)(() => {
-        setMinLengthValue(Math.log2(Math.max(1, minAlignmentLength)) * 100);
-    }, [minAlignmentLength]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: classes.container, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", style: { marginRight: 8 }, children: "Min length:" }), (0, jsx_runtime_1.jsx)(material_1.Slider, { value: minLengthValue, onChange: (_, val) => {
-                    setMinLengthValue(val);
-                }, onChangeCommitted: () => {
-                    const newMinLength = Math.round(2 ** (minLengthValue / 100));
-                    for (const level of levels) {
-                        for (const track of level.tracks) {
-                            for (const display of track.displays) {
-                                ;
-                                display.setMinAlignmentLength(newMinLength);
-                            }
-                        }
-                    }
-                }, min: 0, max: Math.log2(1000000) * 100, valueLabelDisplay: "auto", valueLabelFormat: newValue => Math.round(2 ** (newValue / 100)).toLocaleString(), size: "small", style: { minWidth: 100 }, slots: {
-                    valueLabel: SliderTooltip_1.default,
-                } })] }));
-});
-exports.default = MinLengthSlider;

package/dist/LinearComparativeView/components/OpacitySlider.d.ts

@@ -1,5 +0,0 @@
-import type { LinearComparativeViewModel } from '../model';
-declare const OpacitySlider: ({ model, }: {
-    model: LinearComparativeViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default OpacitySlider;

package/dist/LinearComparativeView/components/OpacitySlider.js

@@ -1,46 +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 material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const SliderTooltip_1 = __importDefault(require("./SliderTooltip"));
-const useStyles = (0, mui_1.makeStyles)()({
-    container: {
-        display: 'flex',
-        alignItems: 'center',
-        marginLeft: 16,
-        marginRight: 16,
-        minWidth: 150,
-    },
-});
-const OpacitySlider = (0, mobx_react_1.observer)(function ({ model, }) {
-    var _a, _b, _c;
-    const { classes } = useStyles();
-    const { levels } = model;
-    const firstDisplay = (_b = (_a = levels[0]) === null || _a === void 0 ? void 0 : _a.tracks[0]) === null || _b === void 0 ? void 0 : _b.displays[0];
-    const alpha = (_c = firstDisplay === null || firstDisplay === void 0 ? void 0 : firstDisplay.alpha) !== null && _c !== void 0 ? _c : 1;
-    const exponent = 3;
-    const alphaToSlider = (a) => Math.pow(a, 1 / exponent);
-    const sliderToAlpha = (s) => Math.pow(s, exponent);
-    const sliderValue = alphaToSlider(alpha);
-    const handleAlphaChange = (_event, value) => {
-        const sliderVal = typeof value === 'number' ? value : value[0];
-        const newAlpha = sliderToAlpha(sliderVal);
-        for (const level of levels) {
-            for (const track of level.tracks) {
-                for (const display of track.displays) {
-                    ;
-                    display.setAlpha(newAlpha);
-                }
-            }
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: classes.container, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", style: { marginRight: 8 }, children: "Opacity:" }), (0, jsx_runtime_1.jsx)(material_1.Slider, { value: sliderValue, onChange: handleAlphaChange, min: 0, max: 1, step: 0.01, valueLabelDisplay: "auto", size: "small", style: { minWidth: 100 }, slots: {
-                    valueLabel: SliderTooltip_1.default,
-                }, valueLabelFormat: (value) => sliderToAlpha(value).toFixed(3) })] }));
-});
-exports.default = OpacitySlider;

package/dist/LinearComparativeView/components/Rubberband.d.ts

@@ -1,7 +0,0 @@
-import type { LinearComparativeViewModel } from '../model';
-type LCV = LinearComparativeViewModel;
-declare const Rubberband: ({ model, ControlComponent, }: {
-    model: LCV;
-    ControlComponent?: React.ReactElement;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Rubberband;

package/dist/LinearComparativeView/components/Rubberband.js

@@ -1,32 +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 mui_1 = require("tss-react/mui");
-const RubberbandSpan_1 = __importDefault(require("./RubberbandSpan"));
-const VerticalGuide_1 = __importDefault(require("./VerticalGuide"));
-const useRangeSelect_1 = require("./useRangeSelect");
-const useStyles = (0, mui_1.makeStyles)()({
-    rubberbandControl: {
-        cursor: 'crosshair',
-        width: '100%',
-        minHeight: 8,
-        position: 'relative',
-        zIndex: 900,
-    },
-});
-const Rubberband = (0, mobx_react_1.observer)(function ({ model, ControlComponent = (0, jsx_runtime_1.jsx)("div", {}), }) {
-    const ref = (0, react_1.useRef)(null);
-    const { classes } = useStyles();
-    const { guideX, rubberbandOn, leftBpOffset, rightBpOffset, numOfBpSelected, width, left, anchorPosition, open, handleMenuItemClick, handleClose, mouseMove, mouseDown, mouseOut, } = (0, useRangeSelect_1.useRangeSelect)(ref, model);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [guideX !== undefined ? ((0, jsx_runtime_1.jsx)(VerticalGuide_1.default, { model: model, coordX: guideX })) : rubberbandOn ? ((0, jsx_runtime_1.jsx)(RubberbandSpan_1.default, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, numOfBpSelected: numOfBpSelected, width: width, left: left })) : null, anchorPosition ? ((0, jsx_runtime_1.jsx)(ui_1.Menu, { anchorReference: "anchorPosition", anchorPosition: {
-                    left: anchorPosition.clientX,
-                    top: anchorPosition.clientY,
-                }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null, (0, jsx_runtime_1.jsx)("div", { "data-testid": "rubberband_controls", className: classes.rubberbandControl, ref: ref, onMouseDown: mouseDown, onMouseMove: mouseMove, onMouseOut: mouseOut, children: ControlComponent })] }));
-});
-exports.default = Rubberband;

package/dist/LinearComparativeView/components/RubberbandSpan.d.ts

@@ -1,15 +0,0 @@
-interface Offset {
-    coord: number;
-    refName?: string;
-    oob?: boolean;
-}
-export default function RubberbandSpan({ leftBpOffset, rightBpOffset, numOfBpSelected, left, width, top, sticky, }: {
-    leftBpOffset: Offset[];
-    rightBpOffset: Offset[];
-    numOfBpSelected?: number[];
-    left: number;
-    width: number;
-    top?: number;
-    sticky?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/LinearComparativeView/components/RubberbandSpan.js

@@ -1,38 +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 = RubberbandSpan;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const RubberbandTooltip_1 = __importDefault(require("./RubberbandTooltip"));
-const useStyles = (0, mui_1.makeStyles)()(theme => {
-    const { tertiary } = theme.palette;
-    const background = (0, material_1.alpha)(tertiary.light, 0.7);
-    return {
-        rubberband: {
-            height: '100%',
-            background,
-            position: 'absolute',
-            zIndex: 830,
-            textAlign: 'center',
-        },
-        rubberbandText: {
-            color: theme.palette.tertiary.contrastText,
-        },
-    };
-});
-function RubberbandSpan({ leftBpOffset, rightBpOffset, numOfBpSelected, left, width, top = 0, sticky = false, }) {
-    const { classes } = useStyles();
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [anchorEl ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RubberbandTooltip_1.default, { side: "left", anchorEl: anchorEl, text: leftBpOffset.map((l, idx) => ((0, jsx_runtime_1.jsx)("div", { children: (0, util_1.stringify)(l, true) }, `${JSON.stringify(l)}-left-${idx}`))) }), (0, jsx_runtime_1.jsx)(RubberbandTooltip_1.default, { side: "right", anchorEl: anchorEl, text: rightBpOffset.map((l, idx) => ((0, jsx_runtime_1.jsx)("div", { children: (0, util_1.stringify)(l, true) }, `${JSON.stringify(l)}-right-${idx}`))) })] })) : null, (0, jsx_runtime_1.jsx)("div", { className: classes.rubberband, style: { left, width }, children: numOfBpSelected ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { ref: el => {
-                        setAnchorEl(el);
-                    }, variant: "h6", className: classes.rubberbandText, style: {
-                        top,
-                        position: sticky ? 'sticky' : undefined,
-                    }, children: numOfBpSelected.map((n, i) => ((0, jsx_runtime_1.jsx)("div", { children: (0, util_1.getBpDisplayStr)(n) }, `bpSelectedRow-${i}`))) })) : null })] }));
-}

package/dist/LinearComparativeView/components/RubberbandTooltip.d.ts

@@ -1,5 +0,0 @@
-export default function RubberbandTooltip({ anchorEl, side, text, }: {
-    anchorEl: HTMLSpanElement;
-    side: string;
-    text: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/LinearComparativeView/components/RubberbandTooltip.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = RubberbandTooltip;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function RubberbandTooltip({ anchorEl, side, text, }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: text, open: true, placement: side === 'left' ? 'left-start' : 'right-start', slotProps: {
-            popper: {
-                anchorEl,
-                modifiers: [
-                    {
-                        name: 'offset',
-                        options: {
-                            offset: [-30, -10],
-                        },
-                    },
-                ],
-            },
-        }, children: (0, jsx_runtime_1.jsx)("span", {}) }));
-}

package/dist/LinearComparativeView/components/SliderTooltip.d.ts

@@ -1,2 +0,0 @@
-import type { SliderValueLabelProps } from '@mui/material';
-export default function SliderTooltip(props: SliderValueLabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/LinearComparativeView/components/SliderTooltip.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = SliderTooltip;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function SliderTooltip(props) {
-    const { children, open, value } = props;
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { open: open, enterTouchDelay: 0, placement: "top", title: value, arrow: true, children: children }));
-}

package/dist/LinearComparativeView/components/VerticalGuide.d.ts

@@ -1,7 +0,0 @@
-import type { LinearComparativeViewModel } from '../model';
-type LCV = LinearComparativeViewModel;
-declare const VerticalGuide: ({ model, coordX, }: {
-    model: LCV;
-    coordX: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export default VerticalGuide;

package/dist/LinearComparativeView/components/VerticalGuide.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    guide: {
-        pointerEvents: 'none',
-        height: '100%',
-        width: 1,
-        position: 'absolute',
-        background: 'red',
-        zIndex: 1001,
-    },
-});
-const VerticalGuide = (0, mobx_react_1.observer)(function ({ model, coordX, }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { open: true, placement: "top", title: model.views
-            .map(view => view.pxToBp(coordX))
-            .map((elt, idx) => ((0, jsx_runtime_1.jsx)("div", { children: (0, util_1.stringify)(elt, true) }, [JSON.stringify(elt), idx].join('-')))), arrow: true, children: (0, jsx_runtime_1.jsx)("div", { className: classes.guide, style: {
-                left: coordX,
-            } }) }));
-});
-exports.default = VerticalGuide;

package/dist/LinearComparativeView/components/useRangeSelect.d.ts

@@ -1,59 +0,0 @@
-import type React from 'react';
-import type { LinearComparativeViewModel } from '../model';
-interface AnchorPosition {
-    offsetX: number;
-    clientX: number;
-    clientY: number;
-}
-export declare function useRangeSelect(ref: React.RefObject<HTMLDivElement | null>, model: LinearComparativeViewModel): {
-    open: boolean;
-    guideX: number | undefined;
-    mouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
-    mouseMove: (event: React.MouseEvent<HTMLDivElement>) => void;
-    mouseOut: () => void;
-    handleMenuItemClick: (_: unknown, callback: () => void) => void;
-    rubberbandOn?: undefined;
-    handleClose?: undefined;
-    leftBpOffset?: undefined;
-    rightBpOffset?: undefined;
-    anchorPosition?: undefined;
-    numOfBpSelected?: undefined;
-    width?: undefined;
-    left?: undefined;
-} | {
-    open: boolean;
-    rubberbandOn: boolean;
-    mouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
-    mouseMove: (event: React.MouseEvent<HTMLDivElement>) => void;
-    mouseOut: () => void;
-    handleClose: () => void;
-    handleMenuItemClick: (_: unknown, callback: () => void) => void;
-    leftBpOffset: {
-        coord: number;
-        index: number;
-        refName: string;
-        oob: boolean;
-        assemblyName: string;
-        offset: number;
-        start: number;
-        end: number;
-        reversed?: boolean;
-    }[];
-    rightBpOffset: {
-        coord: number;
-        index: number;
-        refName: string;
-        oob: boolean;
-        assemblyName: string;
-        offset: number;
-        start: number;
-        end: number;
-        reversed?: boolean;
-    }[];
-    anchorPosition: AnchorPosition | undefined;
-    numOfBpSelected: number[];
-    width: number;
-    left: number;
-    guideX?: undefined;
-};
-export {};

package/dist/LinearComparativeView/components/useRangeSelect.js

@@ -1,124 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRangeSelect = useRangeSelect;
-const react_1 = require("react");
-const mobx_1 = require("mobx");
-const util_1 = require("./util");
-function useRangeSelect(ref, model) {
-    const [startX, setStartX] = (0, react_1.useState)();
-    const [currentX, setCurrentX] = (0, react_1.useState)();
-    const [anchorPosition, setAnchorPosition] = (0, react_1.useState)();
-    const [guideX, setGuideX] = (0, react_1.useState)();
-    const mouseDragging = startX !== undefined && anchorPosition === undefined;
-    const handleClose = (0, react_1.useCallback)(() => {
-        setAnchorPosition(undefined);
-        setStartX(undefined);
-        setCurrentX(undefined);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        function computeOffsets(offsetX) {
-            if (startX === undefined) {
-                return;
-            }
-            const leftPx = Math.min(startX, offsetX);
-            const rightPx = Math.max(startX, offsetX);
-            return model.views.map(view => ({
-                leftOffset: view.pxToBp(leftPx),
-                rightOffset: view.pxToBp(rightPx),
-            }));
-        }
-        function globalMouseMove(event) {
-            if (ref.current && mouseDragging) {
-                const relativeX = (0, util_1.getRelativeX)(event, ref.current);
-                setCurrentX(relativeX);
-            }
-        }
-        function globalMouseUp(event) {
-            if (startX !== undefined && ref.current) {
-                const { clientX, clientY } = event;
-                const offsetX = (0, util_1.getRelativeX)(event, ref.current);
-                if (Math.abs(offsetX - startX) <= 3) {
-                    handleClose();
-                    return;
-                }
-                setAnchorPosition({
-                    offsetX,
-                    clientX,
-                    clientY,
-                });
-                const offsets = computeOffsets(offsetX);
-                if (offsets) {
-                    (0, mobx_1.transaction)(() => {
-                        for (const [idx, elt] of offsets.entries()) {
-                            model.views[idx].setOffsets(elt.leftOffset, elt.rightOffset);
-                        }
-                    });
-                }
-                setGuideX(undefined);
-            }
-        }
-        if (mouseDragging) {
-            window.addEventListener('mousemove', globalMouseMove);
-            window.addEventListener('mouseup', globalMouseUp);
-            return () => {
-                window.removeEventListener('mousemove', globalMouseMove);
-                window.removeEventListener('mouseup', globalMouseUp);
-            };
-        }
-        return () => { };
-    }, [startX, mouseDragging, model, ref, handleClose]);
-    function mouseDown(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        const relativeX = (0, util_1.getRelativeX)(event, ref.current);
-        setStartX(relativeX);
-        setCurrentX(relativeX);
-    }
-    function mouseMove(event) {
-        setGuideX((0, util_1.getRelativeX)(event, ref.current));
-    }
-    function mouseOut() {
-        setGuideX(undefined);
-        (0, mobx_1.transaction)(() => {
-            for (const view of model.views) {
-                view.setOffsets(undefined, undefined);
-            }
-        });
-    }
-    function handleMenuItemClick(_, callback) {
-        callback();
-        handleClose();
-    }
-    const open = Boolean(anchorPosition);
-    if (startX === undefined) {
-        return {
-            open,
-            guideX,
-            mouseDown,
-            mouseMove,
-            mouseOut,
-            handleMenuItemClick,
-        };
-    }
-    const right = anchorPosition ? anchorPosition.offsetX : currentX || 0;
-    const left = Math.min(right, startX);
-    const width = Math.abs(right - startX);
-    const leftBpOffset = model.views.map(view => view.pxToBp(left));
-    const rightBpOffset = model.views.map(view => view.pxToBp(left + width));
-    const numOfBpSelected = model.views.map(view => Math.ceil(width * view.bpPerPx));
-    return {
-        open,
-        rubberbandOn: true,
-        mouseDown,
-        mouseMove,
-        mouseOut,
-        handleClose,
-        handleMenuItemClick,
-        leftBpOffset,
-        rightBpOffset,
-        anchorPosition,
-        numOfBpSelected,
-        width,
-        left,
-    };
-}

package/dist/LinearComparativeView/components/util.d.ts

@@ -1,4 +0,0 @@
-export declare function getRelativeX(event: {
-    clientX: number;
-    target: EventTarget | null;
-}, element: HTMLElement | null): number;

package/dist/LinearComparativeView/components/util.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRelativeX = getRelativeX;
-function getRelativeX(event, element) {
-    return event.clientX - ((element === null || element === void 0 ? void 0 : element.getBoundingClientRect().left) || 0);
-}

package/dist/LinearComparativeView/index.d.ts

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

package/dist/LinearComparativeView/index.js

@@ -1,55 +0,0 @@
-"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 () {
-    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 };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = LinearComparativeViewF;
-const react_1 = require("react");
-const ViewType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/ViewType"));
-const model_1 = __importDefault(require("./model"));
-function LinearComparativeViewF(pluginManager) {
-    pluginManager.addViewType(() => {
-        return new ViewType_1.default({
-            name: 'LinearComparativeView',
-            viewMetadata: {
-                hiddenFromGUI: true,
-            },
-            displayName: 'Linear comparative view',
-            stateModel: (0, model_1.default)(pluginManager),
-            ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/LinearComparativeView')))),
-        });
-    });
-}