@jbrowse/plugin-wiggle 1.7.11 → 2.1.0

package/dist/LinearWiggleDisplay/components/SetMinMaxDialog.js

@@ -1,112 +1,91 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SetMinMaxDlg;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {},
-    closeButton: {
-      position: 'absolute',
-      right: theme.spacing(1),
-      top: theme.spacing(1),
-      color: theme.palette.grey[500]
+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;
 });
-
-function SetMinMaxDlg(props) {
-  var classes = useStyles();
-  var model = props.model,
-      handleClose = props.handleClose;
-  var minScore = model.minScore,
-      maxScore = model.maxScore,
-      scaleType = model.scaleType;
-
-  var _useState = (0, _react.useState)("".concat(minScore !== Number.MIN_VALUE ? minScore : '')),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      min = _useState2[0],
-      setMin = _useState2[1];
-
-  var _useState3 = (0, _react.useState)("".concat(maxScore !== Number.MAX_VALUE ? maxScore : '')),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      max = _useState4[0],
-      setMax = _useState4[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 /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-    open: true,
-    onClose: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, "Set min/max score for track", /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    className: classes.closeButton,
-    onClick: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_Close.default, null))), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
-    style: {
-      overflowX: 'hidden'
+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);
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, null, "Enter min/max score: "), !ok ? /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "error"
-  }, "Max is greater than or equal to min") : null, !logOk ? /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "error"
-  }, "Min score should be greater than 0 for log scale") : null, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    value: min,
-    onChange: function onChange(event) {
-      setMin(event.target.value);
-    },
-    placeholder: "Enter min score"
-  }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    value: max,
-    onChange: function onChange(event) {
-      setMax(event.target.value);
-    },
-    placeholder: "Enter max score"
-  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    variant: "contained",
-    color: "primary",
-    type: "submit",
-    style: {
-      marginLeft: 20
-    },
-    disabled: !ok,
-    onClick: function onClick() {
-      model.setMinScore(min !== '' && !Number.isNaN(+min) ? +min : undefined);
-      model.setMaxScore(max !== '' && !Number.isNaN(+max) ? +max : undefined);
-      handleClose();
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
     }
-  }, "Submit"))));
-}
+    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/LinearWiggleDisplay/components/SetMinMaxDialog.js.map

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

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

@@ -1,16 +1,10 @@
 import React from 'react';
-import { Feature } from '@jbrowse/core/util/simpleFeature';
+import { Feature } from '@jbrowse/core/util';
+import Tooltip, { TooltipContentsComponent } from '../../Tooltip';
+declare const TooltipContents: React.ForwardRefExoticComponent<{
+    feature: Feature;
+} & React.RefAttributes<HTMLDivElement>>;
 declare type Coord = [number, number];
-declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, }: {
-    model: {
-        featureUnderMouse: Feature;
-    };
-    height: number;
-    clientMouseCoord: Coord;
-    offsetMouseCoord: Coord;
-    clientRect?: DOMRect | undefined;
-    TooltipContents: React.FC<any>;
-}) => JSX.Element | null;
 declare const WiggleTooltip: (props: {
     model: {
         featureUnderMouse: Feature;
@@ -19,6 +13,7 @@ declare const WiggleTooltip: (props: {
     offsetMouseCoord: Coord;
     clientMouseCoord: Coord;
     clientRect?: DOMRect;
+    TooltipContents?: TooltipContentsComponent;
 }) => JSX.Element;
 export default WiggleTooltip;
 export { Tooltip };

package/dist/LinearWiggleDisplay/components/Tooltip.js

@@ -1,167 +1,51 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Tooltip = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _core = require("@material-ui/core");
-
-var _model = require("../models/model");
-
-var _reactPopper = require("react-popper");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-// convert to number, apply shortened precision, and render
-function toP() {
-  var s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  return +(+s).toPrecision(6);
-}
-
-function round(value) {
-  return Math.round(value * 1e5) / 1e5;
-}
-
-var en = function en(n) {
-  return n.toLocaleString('en-US');
-};
-
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    // 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, _core.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: "".concat(round(14 / 10), "em"),
-      maxWidth: 300,
-      wordWrap: 'break-word'
-    },
-    hoverVertical: {
-      background: '#333',
-      border: 'none',
-      width: 1,
-      height: '100%',
-      top: _model.YSCALEBAR_LABEL_OFFSET,
-      cursor: 'default',
-      position: 'absolute',
-      pointerEvents: 'none'
-    }
-  };
-});
-
-var TooltipContents = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var feature = _ref.feature;
-  var start = feature.get('start');
-  var end = feature.get('end');
-  var name = feature.get('refName');
-  var loc = [name, start === end ? en(start) : "".concat(en(start), "..").concat(en(end))].filter(function (f) {
-    return !!f;
-  }).join(':');
-  return feature.get('summary') !== undefined ? /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, loc, /*#__PURE__*/_react.default.createElement("br", null), "Max: ", toP(feature.get('maxScore')), /*#__PURE__*/_react.default.createElement("br", null), "Avg: ", toP(feature.get('score')), /*#__PURE__*/_react.default.createElement("br", null), "Min: ", toP(feature.get('minScore'))) : /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, loc, /*#__PURE__*/_react.default.createElement("br", null), "".concat(toP(feature.get('score'))));
-});
-
-var Tooltip = (0, _mobxReact.observer)(function (_ref2) {
-  var model = _ref2.model,
-      height = _ref2.height,
-      clientMouseCoord = _ref2.clientMouseCoord,
-      offsetMouseCoord = _ref2.offsetMouseCoord,
-      clientRect = _ref2.clientRect,
-      TooltipContents = _ref2.TooltipContents;
-  var featureUnderMouse = model.featureUnderMouse;
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      anchorEl = _useState4[0],
-      setAnchorEl = _useState4[1];
-
-  var classes = useStyles(); // must be memoized a la https://github.com/popperjs/react-popper/issues/391
-
-  var virtElement = (0, _react.useMemo)(function () {
-    return {
-      getBoundingClientRect: function getBoundingClientRect() {
-        var x = clientMouseCoord[0] + width / 2 + 20;
-        var y = (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
-        return {
-          top: y,
-          left: x,
-          bottom: y,
-          right: x,
-          width: 0,
-          height: 0,
-          x: x,
-          y: y,
-          toJSON: function toJSON() {}
-        };
-      }
+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;
     };
-  }, [clientRect === null || clientRect === void 0 ? void 0 : clientRect.top, clientMouseCoord, width]);
-
-  var _usePopper = (0, _reactPopper.usePopper)(virtElement, anchorEl),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes;
-
-  return featureUnderMouse ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Portal, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    ref: setAnchorEl,
-    className: classes.tooltip // zIndex needed to go over widget drawer
-    ,
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      zIndex: 100000
-    })
-  }, attributes.popper), /*#__PURE__*/_react.default.createElement(TooltipContents, {
-    ref: function ref(elt) {
-      setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0);
-    },
-    feature: featureUnderMouse
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.hoverVertical,
-    style: {
-      left: offsetMouseCoord[0],
-      height: height - _model.YSCALEBAR_LABEL_OFFSET * 2
-    }
-  })) : null;
+    return __assign.apply(this, arguments);
+};
+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 Tooltip_1 = __importDefault(require("../../Tooltip"));
+exports.Tooltip = Tooltip_1.default;
+var util_1 = require("../../util");
+var en = function (n) { return n.toLocaleString('en-US'); };
+var TooltipContents = react_1.default.forwardRef(function (_a, ref) {
+    var feature = _a.feature;
+    var start = feature.get('start');
+    var end = feature.get('end');
+    var name = feature.get('refName');
+    var loc = [name, start === end ? en(start) : "".concat(en(start), "..").concat(en(end))]
+        .filter(function (f) { return !!f; })
+        .join(':');
+    return feature.get('summary') !== undefined ? (react_1.default.createElement("div", { ref: ref },
+        loc,
+        react_1.default.createElement("br", null),
+        "Max: ",
+        (0, util_1.toP)(feature.get('maxScore')),
+        react_1.default.createElement("br", null),
+        "Avg: ",
+        (0, util_1.toP)(feature.get('score')),
+        react_1.default.createElement("br", null),
+        "Min: ",
+        (0, util_1.toP)(feature.get('minScore')))) : (react_1.default.createElement("div", { ref: ref },
+        loc,
+        react_1.default.createElement("br", null), "".concat((0, util_1.toP)(feature.get('score')))));
 });
-exports.Tooltip = Tooltip;
-var WiggleTooltip = (0, _mobxReact.observer)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(Tooltip, (0, _extends2.default)({
-    TooltipContents: TooltipContents
-  }, props));
+var WiggleTooltip = (0, mobx_react_1.observer)(function (props) {
+    return react_1.default.createElement(Tooltip_1.default, __assign({ TooltipContents: TooltipContents }, props));
 });
-var _default = WiggleTooltip;
-exports.default = _default;
+exports.default = WiggleTooltip;
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAqC;AAGrC,SAAS;AACT,0DAAiE;AAiDxD,kBAjDF,iBAAO,CAiDE;AAhDhB,mCAAgC;AAEhC,IAAM,EAAE,GAAG,UAAC,CAAS,IAAK,OAAA,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,EAAzB,CAAyB,CAAA;AAEnD,IAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CACtC,UAAC,EAAW,EAAE,GAAG;QAAd,OAAO,aAAA;IACR,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAClC,IAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC9B,IAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACnC,IAAM,GAAG,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAG,EAAE,CAAC,KAAK,CAAC,eAAK,EAAE,CAAC,GAAG,CAAC,CAAE,CAAC;SACvE,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,EAAH,CAAG,CAAC;SAChB,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5C,uCAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,yCAAM;;QACA,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAClC,yCAAM;;QACA,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/B,yCAAM;;QACA,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAC9B,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,GAAG,EAAE,GAAG;QACV,GAAG;QACJ,yCAAM,EACL,UAAG,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAE,CAC3B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAID,IAAM,aAAa,GAAG,IAAA,qBAAQ,EAC5B,UAAC,KAOA;IACC,OAAO,8BAAC,iBAAO,aAAC,eAAe,EAAE,eAAe,IAAM,KAAK,EAAI,CAAA;AACjE,CAAC,CACF,CAAA;AACD,kBAAe,aAAa,CAAA"}

package/dist/LinearWiggleDisplay/components/WiggleDisplayComponent.js

@@ -1,52 +1,46 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YScaleBar = 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 LinearWiggleDisplay = (0, mobx_react_1.observer)(function (props) {
+    var model = props.model;
+    var stats = model.stats, height = model.height, needsScalebar = model.needsScalebar;
+    var trackLabels = (0, util_1.getContainingView)(model).trackLabels;
+    var track = (0, util_1.getContainingTrack)(model);
+    var left = trackLabels === 'overlapping'
+        ? (0, util_1.measureText)((0, configuration_1.getConf)(track, 'name'), 12.8) + 100
+        : 50;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(plugin_linear_genome_view_1.BaseLinearDisplayComponent, __assign({}, props)),
+        stats && needsScalebar ? (react_1.default.createElement("svg", { style: {
+                position: 'absolute',
+                top: 0,
+                left: left,
+                pointerEvents: 'none',
+                height: height,
+                width: 50,
+            } },
+            react_1.default.createElement(YScaleBar_1.default, { model: model }))) : null));
 });
-Object.defineProperty(exports, "YScaleBar", {
-  enumerable: true,
-  get: function get() {
-    return _YScaleBar.default;
-  }
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _util = require("@jbrowse/core/util");
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _pluginLinearGenomeView = require("@jbrowse/plugin-linear-genome-view");
-
-var _mobxReact = require("mobx-react");
-
-var _YScaleBar = _interopRequireDefault(require("./YScaleBar"));
-
-var LinearWiggleDisplay = (0, _mobxReact.observer)(function (props) {
-  var model = props.model;
-  var stats = model.stats,
-      height = model.height,
-      needsScalebar = model.needsScalebar; // @ts-ignore
-
-  var _getContainingView = (0, _util.getContainingView)(model),
-      trackLabels = _getContainingView.trackLabels;
-
-  var left = trackLabels === 'overlapping' ? (0, _util.measureText)((0, _configuration.getConf)((0, _util.getContainingTrack)(model), 'name'), 12.8) + 100 : 50;
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_pluginLinearGenomeView.BaseLinearDisplayComponent, props), stats && needsScalebar ? /*#__PURE__*/_react.default.createElement("svg", {
-    style: {
-      position: 'absolute',
-      top: 0,
-      left: left,
-      pointerEvents: 'none',
-      height: height,
-      width: 50
-    }
-  }, /*#__PURE__*/_react.default.createElement(_YScaleBar.default, {
-    model: model
-  })) : null);
-});
-var _default = LinearWiggleDisplay;
-exports.default = _default;
+exports.default = LinearWiggleDisplay;
+//# sourceMappingURL=WiggleDisplayComponent.js.map

package/dist/LinearWiggleDisplay/components/WiggleDisplayComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WiggleDisplayComponent.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/WiggleDisplayComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAI2B;AAC3B,6DAAqD;AACrD,gFAG2C;AAC3C,yCAAqC;AAErC,0DAAmC;AAqC1B,oBArCF,mBAAS,CAqCE;AAjClB,IAAM,mBAAmB,GAAG,IAAA,qBAAQ,EAAC,UAAC,KAAoC;IAChE,IAAA,KAAK,GAAK,KAAK,MAAV,CAAU;IACf,IAAA,KAAK,GAA4B,KAAK,MAAjC,EAAE,MAAM,GAAoB,KAAK,OAAzB,EAAE,aAAa,GAAK,KAAK,cAAV,CAAU;IAEtC,IAAA,WAAW,GAAK,IAAA,wBAAiB,EAAC,KAAK,CAAQ,YAApC,CAAoC;IACvD,IAAM,KAAK,GAAG,IAAA,yBAAkB,EAAC,KAAK,CAAC,CAAA;IACvC,IAAM,IAAI,GACR,WAAW,KAAK,aAAa;QAC3B,CAAC,CAAC,IAAA,kBAAW,EAAC,IAAA,uBAAO,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,GAAG;QACjD,CAAC,CAAC,EAAE,CAAA;IACR,OAAO,CACL;QACE,8BAAC,sDAA0B,eAAK,KAAK,EAAI;QACxC,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CACxB,uCACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,MAAA;gBACJ,aAAa,EAAE,MAAM;gBACrB,MAAM,QAAA;gBACN,KAAK,EAAE,EAAE;aACV;YAED,8BAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CACvB,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,mBAAmB,CAAA"}

package/dist/LinearWiggleDisplay/components/YScaleBar.js

@@ -1,33 +1,26 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var mobx_react_1 = require("mobx-react");
+var react_d3_axis_mod_1 = require("react-d3-axis-mod");
+var YScaleBar = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model, orientation = _a.orientation;
+    var ticks = model.ticks;
+    return ticks ? (react_1.default.createElement(react_d3_axis_mod_1.Axis, __assign({}, ticks, { shadow: 2, format: function (n) { return n; }, style: { orient: orientation === 'left' ? react_d3_axis_mod_1.LEFT : react_d3_axis_mod_1.RIGHT } }))) : null;
 });
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _reactD3AxisMod = require("react-d3-axis-mod");
-
-var YScaleBar = (0, _mobxReact.observer)(function (_ref) {
-  var model = _ref.model,
-      orientation = _ref.orientation;
-  var ticks = model.ticks;
-  return ticks ? /*#__PURE__*/_react.default.createElement(_reactD3AxisMod.Axis, (0, _extends2.default)({}, ticks, {
-    shadow: 2,
-    format: function format(n) {
-      return n;
-    },
-    style: {
-      orient: orientation === 'left' ? _reactD3AxisMod.LEFT : _reactD3AxisMod.RIGHT
-    }
-  })) : null;
-});
-var _default = YScaleBar;
-exports.default = _default;
+exports.default = YScaleBar;
+//# sourceMappingURL=YScaleBar.js.map

package/dist/LinearWiggleDisplay/components/YScaleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YScaleBar.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/YScaleBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAqC;AACrC,uDAAqD;AAGrD,IAAM,SAAS,GAAG,IAAA,qBAAQ,EACxB,UAAC,EAMA;QALC,KAAK,WAAA,EACL,WAAW,iBAAA;IAKH,IAAA,KAAK,GAAK,KAAK,MAAV,CAAU;IAEvB,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,8BAAC,wBAAI,eACC,KAAK,IACT,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,UAAC,CAAS,IAAK,OAAA,CAAC,EAAD,CAAC,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,wBAAI,CAAC,CAAC,CAAC,yBAAK,EAAE,IACxD,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CACF,CAAA;AACD,kBAAe,SAAS,CAAA"}

package/dist/LinearWiggleDisplay/index.d.ts

@@ -1,3 +1,7 @@
-export { default as configSchemaFactory } from './models/configSchema';
-export { default as modelFactory, YSCALEBAR_LABEL_OFFSET } from './models/model';
-export { default as ReactComponent } from './components/WiggleDisplayComponent';
+import PluginManager from '@jbrowse/core/PluginManager';
+import modelFactory from './models/model';
+import ReactComponent from './components/WiggleDisplayComponent';
+import Tooltip from './components/Tooltip';
+declare const _default: (pluginManager: PluginManager) => void;
+export default _default;
+export { ReactComponent, modelFactory, Tooltip };