@jbrowse/plugin-wiggle 1.7.11 → 2.1.0

package/dist/MultiLinearWiggleDisplay/components/SetColorDialog.js

@@ -0,0 +1,239 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+var util_1 = require("@jbrowse/core/util");
+var x_data_grid_1 = require("@mui/x-data-grid");
+var react_draggable_1 = __importDefault(require("react-draggable"));
+var clone_1 = __importDefault(require("clone"));
+// locals
+var ColorPicker_1 = __importStar(require("@jbrowse/core/ui/ColorPicker"));
+var BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
+var util_2 = require("./util");
+// icons
+var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+var KeyboardDoubleArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowUp"));
+var KeyboardDoubleArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowDown"));
+var KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
+var KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
+    },
+    content: {
+        minWidth: 800,
+    },
+}); });
+// draggable dialog demo https://mui.com/material-ui/react-dialog/#draggable-dialog
+function PaperComponent(props) {
+    return (react_1.default.createElement(react_draggable_1.default, { handle: "#draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]' },
+        react_1.default.createElement(material_1.Paper, __assign({}, props))));
+}
+function SetColorDialog(_a) {
+    var model = _a.model, handleClose = _a.handleClose;
+    var classes = useStyles().classes;
+    var sources = model.sources;
+    var _b = __read((0, react_1.useState)((0, clone_1.default)(sources || [])), 2), currLayout = _b[0], setCurrLayout = _b[1];
+    var _c = __read((0, util_1.useLocalStorage)('multiwiggle-showTips', 'true'), 2), showTipsTmp = _c[0], setShowTips = _c[1];
+    var showTips = showTipsTmp === 'true';
+    return (react_1.default.createElement(material_1.Dialog, { PaperComponent: PaperComponent, open: true, onClose: handleClose, maxWidth: "xl", "aria-labelledby": "draggable-dialog-title" // this area is important for the draggable functionality
+     },
+        react_1.default.createElement(material_1.DialogTitle, { style: { cursor: 'move' }, id: "draggable-dialog-title" },
+            "Multi-wiggle color/arrangement editor",
+            ' ',
+            react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: handleClose },
+                react_1.default.createElement(Close_1.default, null))),
+        react_1.default.createElement(material_1.DialogContent, { className: classes.content },
+            react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick: function () { return setShowTips(showTips ? 'false' : 'true'); } }, showTips ? 'Hide tips' : 'Show tips'),
+            react_1.default.createElement("br", null),
+            showTips ? (react_1.default.createElement(react_1.default.Fragment, null,
+                "Helpful tips",
+                react_1.default.createElement("ul", null,
+                    react_1.default.createElement("li", null, "You can select rows in the table with the checkboxes"),
+                    react_1.default.createElement("li", null, "Multi-select is enabled with shift-click and control-click"),
+                    react_1.default.createElement("li", null, "The \"Move selected items up/down\" can re-arrange subtracks"),
+                    react_1.default.createElement("li", null, "Sorting the data grid itself can also re-arrange subtracks"),
+                    react_1.default.createElement("li", null, "Changes are applied when you hit Submit"),
+                    react_1.default.createElement("li", null, "You can click and drag the dialog box to move it on the screen"),
+                    react_1.default.createElement("li", null, "Columns in the table can be hidden using a vertical '...' menu on the right side of each column")))) : null,
+            react_1.default.createElement(SourcesGrid, { rows: currLayout, onChange: setCurrLayout, showTips: showTips })),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { variant: "contained", type: "submit", color: "inherit", onClick: function () {
+                    model.clearLayout();
+                    setCurrLayout(model.sources);
+                } }, "Clear custom settings"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: function () {
+                    handleClose();
+                    setCurrLayout(__spreadArray([], __read(model.sources), false));
+                } }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: function () {
+                    model.setLayout(currLayout);
+                    handleClose();
+                } }, "Submit"))));
+}
+exports.default = SetColorDialog;
+function SourcesGrid(_a) {
+    var rows = _a.rows, onChange = _a.onChange, showTips = _a.showTips;
+    var _b = __read((0, react_1.useState)(null), 2), anchorEl = _b[0], setAnchorEl = _b[1];
+    var _c = __read((0, react_1.useState)([]), 2), selected = _c[0], setSelected = _c[1];
+    // @ts-ignore
+    var _d = rows[0], _name = _d.name, _color = _d.color, _baseUri = _d.baseUri, rest = __rest(_d, ["name", "color", "baseUri"]);
+    // similar to BaseFeatureDetail data-grid for auto-measuring columns
+    var columns = __spreadArray([
+        {
+            field: 'color',
+            headerName: 'Color',
+            renderCell: function (params) {
+                var value = params.value, id = params.id;
+                return (react_1.default.createElement(ColorPicker_1.default, { color: value || 'blue', onChange: function (c) {
+                        var elt = rows.find(function (f) { return f.name === id; });
+                        if (elt) {
+                            elt.color = c;
+                        }
+                        onChange(__spreadArray([], __read(rows), false));
+                    } }));
+            },
+        },
+        {
+            field: 'name',
+            sortingOrder: [null],
+            headerName: 'Name',
+            width: (0, util_1.measureGridWidth)(rows.map(function (r) { return r.name; })),
+        }
+    ], __read(Object.keys(rest).map(function (val) { return ({
+        field: val,
+        sortingOrder: [null],
+        renderCell: function (params) {
+            var value = params.value;
+            return (0, util_1.isUriLocation)(value) ? react_1.default.createElement(BaseFeatureDetail_1.UriLink, { value: value }) : (0, util_1.getStr)(value);
+        },
+        // @ts-ignore
+        width: (0, util_1.measureGridWidth)(rows.map(function (r) { return r[val]; })),
+    }); })), false);
+    // this helps keep track of the selection, even though it is not used
+    // anywhere except inside the picker
+    var _e = __read((0, react_1.useState)('blue'), 2), widgetColor = _e[0], setWidgetColor = _e[1];
+    var _f = __read((0, react_1.useState)({ idx: 0, field: null }), 2), currSort = _f[0], setCurrSort = _f[1];
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(material_1.Button, { disabled: !selected.length, onClick: function (event) { return setAnchorEl(event.currentTarget); } }, "Change color of selected items"),
+        react_1.default.createElement(material_1.Button, { onClick: function () { return onChange((0, util_2.moveUp)(__spreadArray([], __read(rows), false), selected)); }, disabled: !selected.length },
+            react_1.default.createElement(KeyboardArrowUp_1.default, null),
+            showTips ? 'Move selected items up' : null),
+        react_1.default.createElement(material_1.Button, { onClick: function () { return onChange((0, util_2.moveDown)(__spreadArray([], __read(rows), false), selected)); }, disabled: !selected.length },
+            react_1.default.createElement(KeyboardArrowDown_1.default, null),
+            showTips ? 'Move selected items down' : null),
+        react_1.default.createElement(material_1.Button, { onClick: function () { return onChange((0, util_2.moveUp)(__spreadArray([], __read(rows), false), selected, rows.length)); }, disabled: !selected.length },
+            react_1.default.createElement(KeyboardDoubleArrowUp_1.default, null),
+            showTips ? 'Move selected items to top' : null),
+        react_1.default.createElement(material_1.Button, { onClick: function () { return onChange((0, util_2.moveDown)(__spreadArray([], __read(rows), false), selected, rows.length)); }, disabled: !selected.length },
+            react_1.default.createElement(KeyboardDoubleArrowDown_1.default, null),
+            showTips ? 'Move selected items to bottom' : null),
+        react_1.default.createElement(ColorPicker_1.ColorPopover, { anchorEl: anchorEl, color: widgetColor, onChange: function (c) {
+                setWidgetColor(c);
+                selected.forEach(function (id) {
+                    var elt = rows.find(function (f) { return f.name === id; });
+                    if (elt) {
+                        elt.color = c;
+                    }
+                });
+                onChange(__spreadArray([], __read(rows), false));
+            }, onClose: function () { return setAnchorEl(null); } }),
+        react_1.default.createElement("div", { style: { height: 400, width: '100%' } },
+            react_1.default.createElement(x_data_grid_1.DataGrid, { getRowId: function (row) { return row.name; }, checkboxSelection: true, disableSelectionOnClick: true, onSelectionModelChange: function (arg) { return setSelected(arg); }, rows: rows, rowHeight: 25, headerHeight: 33, columns: columns, sortModel: [
+                /* we control the sort as a controlled component using onSortModelChange */
+                ], onSortModelChange: function (args) {
+                    var sort = args[0];
+                    var idx = (currSort.idx + 1) % 2;
+                    var field = (sort === null || sort === void 0 ? void 0 : sort.field) || currSort.field;
+                    setCurrSort({ idx: idx, field: field });
+                    onChange(field
+                        ? __spreadArray([], __read(rows), false).sort(function (a, b) {
+                            // @ts-ignore
+                            var aa = (0, util_1.getStr)(a[field]);
+                            // @ts-ignore
+                            var bb = (0, util_1.getStr)(b[field]);
+                            return idx === 1
+                                ? aa.localeCompare(bb)
+                                : bb.localeCompare(aa);
+                        })
+                        : rows);
+                } }))));
+}
+//# sourceMappingURL=SetColorDialog.js.map

package/dist/MultiLinearWiggleDisplay/components/SetColorDialog.js.map

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

package/dist/MultiLinearWiggleDisplay/components/SetMinMaxDialog.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export default function SetMinMaxDlg(props: {
+    model: {
+        minScore: number;
+        maxScore: number;
+        scaleType: string;
+        setMinScore: Function;
+        setMaxScore: Function;
+    };
+    handleClose: () => void;
+}): JSX.Element;

package/dist/MultiLinearWiggleDisplay/components/SetMinMaxDialog.js

@@ -0,0 +1,91 @@
+"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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
+    root: {},
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
+    },
+}); });
+function SetMinMaxDlg(props) {
+    var classes = useStyles().classes;
+    var model = props.model, handleClose = props.handleClose;
+    var minScore = model.minScore, maxScore = model.maxScore, scaleType = model.scaleType;
+    var _a = __read((0, react_1.useState)("".concat(minScore !== Number.MIN_VALUE ? minScore : '')), 2), min = _a[0], setMin = _a[1];
+    var _b = __read((0, react_1.useState)("".concat(maxScore !== Number.MAX_VALUE ? maxScore : '')), 2), max = _b[0], setMax = _b[1];
+    var ok = min !== '' && max !== '' && !Number.isNaN(+min) && !Number.isNaN(+max)
+        ? +max > +min
+        : true;
+    var logOk = scaleType === 'log' && min !== '' && !Number.isNaN(+min) ? +min > 0 : true;
+    return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: handleClose },
+        react_1.default.createElement(material_1.DialogTitle, null,
+            "Set min/max score for track",
+            react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: handleClose },
+                react_1.default.createElement(Close_1.default, null))),
+        react_1.default.createElement(material_1.DialogContent, { style: { overflowX: 'hidden' } },
+            react_1.default.createElement("div", { className: classes.root },
+                react_1.default.createElement(material_1.Typography, null, "Enter min/max score: "),
+                !ok ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Max is greater than or equal to min")) : null,
+                !logOk ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Min score should be greater than 0 for log scale")) : null,
+                react_1.default.createElement(material_1.TextField, { value: min, onChange: function (event) {
+                        setMin(event.target.value);
+                    }, placeholder: "Enter min score" }),
+                react_1.default.createElement(material_1.TextField, { value: max, onChange: function (event) {
+                        setMax(event.target.value);
+                    }, placeholder: "Enter max score" }),
+                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", style: { marginLeft: 20 }, disabled: !ok, onClick: function () {
+                        model.setMinScore(min !== '' && !Number.isNaN(+min) ? +min : undefined);
+                        model.setMaxScore(max !== '' && !Number.isNaN(+max) ? +max : undefined);
+                        handleClose();
+                    } }, "Submit")))));
+}
+exports.default = SetMinMaxDlg;
+//# sourceMappingURL=SetMinMaxDialog.js.map

package/dist/MultiLinearWiggleDisplay/components/SetMinMaxDialog.js.map

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

package/dist/MultiLinearWiggleDisplay/components/Tooltip.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Feature } from '@jbrowse/core/util';
+import { Source } from '../../util';
+import Tooltip, { TooltipContentsComponent } from '../../Tooltip';
+declare const TooltipContents: React.ForwardRefExoticComponent<{
+    model: {
+        sources: Source[];
+    };
+    feature: Feature;
+} & React.RefAttributes<HTMLDivElement>>;
+declare type Coord = [number, number];
+declare const WiggleTooltip: (props: {
+    model: {
+        featureUnderMouse: Feature;
+        sources: Source[];
+        rowHeight: number;
+    };
+    height: number;
+    offsetMouseCoord: Coord;
+    clientMouseCoord: Coord;
+    clientRect?: DOMRect;
+    TooltipContents?: TooltipContentsComponent;
+}) => JSX.Element;
+export default WiggleTooltip;
+export { Tooltip };

package/dist/MultiLinearWiggleDisplay/components/Tooltip.js

@@ -0,0 +1,78 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+var react_1 = __importDefault(require("react"));
+var mobx_react_1 = require("mobx-react");
+// locals
+var util_1 = require("../../util");
+var Tooltip_1 = __importDefault(require("../../Tooltip"));
+exports.Tooltip = Tooltip_1.default;
+var en = function (n) { return n.toLocaleString('en-US'); };
+var TooltipContents = react_1.default.forwardRef(function (_a, ref) {
+    var model = _a.model, feature = _a.feature;
+    var start = feature.get('start');
+    var end = feature.get('end');
+    var refName = feature.get('refName');
+    var coord = start === end ? en(start) : "".concat(en(start), "..").concat(en(end));
+    var sources = feature.get('sources');
+    var source = feature.get('source');
+    var summary = feature.get('summary');
+    var obj = Object.fromEntries(model.sources.map(function (ent) { return [ent.name, ent]; }));
+    return (react_1.default.createElement("div", { ref: ref },
+        [refName, coord].filter(function (f) { return !!f; }).join(':'),
+        react_1.default.createElement("br", null),
+        sources ? (react_1.default.createElement("table", null,
+            react_1.default.createElement("thead", null,
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("th", null, "color"),
+                    react_1.default.createElement("th", null, "source"),
+                    react_1.default.createElement("th", null, "score"))),
+            react_1.default.createElement("tbody", null, Object.entries(sources).map(function (_a) {
+                var _b;
+                var _c = __read(_a, 2), source = _c[0], data = _c[1];
+                return (react_1.default.createElement("tr", { key: source },
+                    react_1.default.createElement("td", { style: { background: (_b = obj[source]) === null || _b === void 0 ? void 0 : _b.color } }, " "),
+                    react_1.default.createElement("td", null, source),
+                    react_1.default.createElement("td", null, (0, util_1.toP)(data.score))));
+            })))) : (react_1.default.createElement("span", null,
+            source,
+            ' ',
+            summary
+                ? "min:".concat((0, util_1.toP)(feature.get('minScore')), " avg:").concat((0, util_1.toP)(feature.get('score')), " max:").concat((0, util_1.toP)(feature.get('maxScore')))
+                : (0, util_1.toP)(feature.get('score'))))));
+});
+var WiggleTooltip = (0, mobx_react_1.observer)(function (props) {
+    return react_1.default.createElement(Tooltip_1.default, __assign({ useClientY: true, TooltipContents: TooltipContents }, props));
+});
+exports.default = WiggleTooltip;
+//# sourceMappingURL=Tooltip.js.map

package/dist/MultiLinearWiggleDisplay/components/Tooltip.js.map

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

package/dist/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { WiggleDisplayModel } from '../models/model';
+import YScaleBar from './YScaleBar';
+export declare const StatBars: (props: {
+    model: WiggleDisplayModel;
+    orientation?: string | undefined;
+    exportSVG?: boolean | undefined;
+}) => JSX.Element | null;
+declare const LinearWiggleDisplay: (props: {
+    model: WiggleDisplayModel;
+}) => JSX.Element;
+export default LinearWiggleDisplay;
+export { YScaleBar };

package/dist/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.js

@@ -0,0 +1,144 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YScaleBar = exports.StatBars = void 0;
+var react_1 = __importDefault(require("react"));
+var util_1 = require("@jbrowse/core/util");
+var configuration_1 = require("@jbrowse/core/configuration");
+var plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+var mobx_react_1 = require("mobx-react");
+var YScaleBar_1 = __importDefault(require("./YScaleBar"));
+exports.YScaleBar = YScaleBar_1.default;
+var trackLabelFontSize = 12.8;
+function getOffset(model) {
+    var prefersOffset = model.prefersOffset;
+    var trackLabels = (0, util_1.getContainingView)(model).trackLabels;
+    var track = (0, util_1.getContainingTrack)(model);
+    var trackName = (0, configuration_1.getConf)(track, 'name');
+    return trackLabels === 'overlapping' && !prefersOffset
+        ? (0, util_1.measureText)(trackName, trackLabelFontSize) + 100
+        : 10;
+}
+var Wrapper = (0, mobx_react_1.observer)(function (_a) {
+    var children = _a.children, model = _a.model, exportSVG = _a.exportSVG;
+    if (exportSVG) {
+        return react_1.default.createElement(react_1.default.Fragment, null, children);
+    }
+    else {
+        var height = model.height;
+        return (react_1.default.createElement("svg", { style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                pointerEvents: 'none',
+                height: height,
+                width: 1800,
+            } }, children));
+    }
+});
+var RectBg = function (props) {
+    var _a = props.color, color = _a === void 0 ? 'rgb(255,255,255,0.8)' : _a;
+    return react_1.default.createElement("rect", __assign({}, props, { fill: color }));
+};
+var ScoreLegend = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var ticks = model.ticks, scaleType = model.scaleType;
+    var width = (0, util_1.getContainingView)(model).width;
+    var legend = "[".concat(ticks.values[0], "-").concat(ticks.values[1], "]") +
+        (scaleType === 'log' ? ' (log scale)' : '');
+    var len = (0, util_1.measureText)(legend, 14);
+    var padding = 25;
+    var xpos = width - len - padding;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(RectBg, { y: 0, x: xpos, width: len + 6, height: 16 }),
+        react_1.default.createElement("text", { y: 13, x: xpos }, legend)));
+});
+var ColorLegend = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model, rowHeight = _a.rowHeight, labelWidth = _a.labelWidth, exportSVG = _a.exportSVG;
+    var needsCustomLegend = model.needsCustomLegend, needsScalebar = model.needsScalebar, needsFullHeightScalebar = model.needsFullHeightScalebar, rowHeightTooSmallForScalebar = model.rowHeightTooSmallForScalebar, renderColorBoxes = model.renderColorBoxes, sources = model.sources;
+    var svgFontSize = Math.min(rowHeight, 12);
+    var canDisplayLabel = rowHeight > 11;
+    var colorBoxWidth = renderColorBoxes ? 15 : 0;
+    var legendWidth = labelWidth + colorBoxWidth + 5;
+    var svgOffset = exportSVG ? 10 : 0;
+    var extraOffset = svgOffset || (needsScalebar && !rowHeightTooSmallForScalebar ? 50 : 0);
+    return sources ? (react_1.default.createElement(react_1.default.Fragment, null,
+        /* 0.25 for hanging letters like g */
+        needsFullHeightScalebar ? (react_1.default.createElement(RectBg, { y: 0, x: extraOffset, width: legendWidth, height: (sources.length + 0.25) * rowHeight })) : null,
+        sources.map(function (source, idx) {
+            var boxHeight = Math.min(20, rowHeight);
+            return (react_1.default.createElement(react_1.default.Fragment, { key: source.name + '-' + idx },
+                !needsFullHeightScalebar ? (react_1.default.createElement(RectBg, { y: idx * rowHeight + 1, x: extraOffset, width: legendWidth, height: boxHeight })) : null,
+                source.color ? (react_1.default.createElement(RectBg, { y: idx * rowHeight + 1, x: extraOffset, width: colorBoxWidth, height: needsCustomLegend ? rowHeight : boxHeight, color: source.color })) : null,
+                canDisplayLabel ? (react_1.default.createElement("text", { y: idx * rowHeight + 13, x: extraOffset + colorBoxWidth + 2, fontSize: svgFontSize }, source.name)) : null));
+        }))) : null;
+});
+exports.StatBars = (0, mobx_react_1.observer)(function (props) {
+    var model = props.model, orientation = props.orientation, exportSVG = props.exportSVG;
+    var stats = model.stats, needsCustomLegend = model.needsCustomLegend, needsFullHeightScalebar = model.needsFullHeightScalebar, rowHeightTooSmallForScalebar = model.rowHeightTooSmallForScalebar, rowHeight = model.rowHeight, sources = model.sources, ticks = model.ticks;
+    var svgFontSize = Math.min(rowHeight, 12);
+    var canDisplayLabel = rowHeight > 11;
+    var viewWidth = (0, util_1.getContainingView)(model).width;
+    var minWidth = 20;
+    var ready = stats && sources;
+    if (!ready) {
+        return null;
+    }
+    var labelWidth = Math.max.apply(Math, __spreadArray([], __read((sources
+        .map(function (s) { return (0, util_1.measureText)(s.name, svgFontSize); })
+        .map(function (width) { return (canDisplayLabel ? width : minWidth); }) || [0])), false));
+    return (react_1.default.createElement(Wrapper, __assign({}, props), needsFullHeightScalebar ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("g", { transform: "translate(".concat(!exportSVG ? getOffset(model) : 0, ",0)") },
+            react_1.default.createElement(YScaleBar_1.default, { model: model, orientation: orientation })),
+        react_1.default.createElement("g", { transform: "translate(".concat(viewWidth - labelWidth - 100, ",0)") },
+            react_1.default.createElement(ColorLegend, { exportSVG: exportSVG, model: model, rowHeight: 12, labelWidth: labelWidth })))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ColorLegend, { exportSVG: exportSVG, model: model, rowHeight: model.rowHeight, labelWidth: labelWidth }),
+        rowHeightTooSmallForScalebar || needsCustomLegend ? (react_1.default.createElement(ScoreLegend, __assign({}, props))) : (sources.map(function (_source, idx) { return (react_1.default.createElement("g", { transform: "translate(0 ".concat(rowHeight * idx, ")"), key: JSON.stringify(ticks) + '-' + idx },
+            react_1.default.createElement(YScaleBar_1.default, { model: model, orientation: orientation }))); }))))));
+});
+var LinearWiggleDisplay = (0, mobx_react_1.observer)(function (props) {
+    var model = props.model;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(plugin_linear_genome_view_1.BaseLinearDisplayComponent, __assign({}, props)),
+        react_1.default.createElement(exports.StatBars, { model: model })));
+});
+exports.default = LinearWiggleDisplay;
+//# sourceMappingURL=WiggleDisplayComponent.js.map