@jbrowse/plugin-linear-genome-view 2.0.0 → 2.1.2

package/dist/LinearGenomeView/components/TrackContainer.js

@@ -26,16 +26,16 @@ 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 mobx_react_1 = require("mobx-react");
-var mobx_state_tree_1 = require("mobx-state-tree");
-var configuration_1 = require("@jbrowse/core/configuration");
-var ui_1 = require("@jbrowse/core/ui");
-var util_1 = require("@jbrowse/core/util");
-var TrackLabel_1 = __importDefault(require("./TrackLabel"));
-var useStyles = (0, mui_1.makeStyles)()({
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const mobx_react_1 = require("mobx-react");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const configuration_1 = require("@jbrowse/core/configuration");
+const ui_1 = require("@jbrowse/core/ui");
+const util_1 = require("@jbrowse/core/util");
+const TrackLabel_1 = __importDefault(require("./TrackLabel"));
+const useStyles = (0, mui_1.makeStyles)()({
     root: {
         marginTop: 2,
     },
@@ -65,7 +65,7 @@ var useStyles = (0, mui_1.makeStyles)()({
         height: '100%',
         width: '100%',
     },
-    trackLabelInline: {
+    trackLabelOffset: {
         position: 'relative',
         display: 'inline-block',
     },
@@ -81,47 +81,40 @@ var useStyles = (0, mui_1.makeStyles)()({
         zIndex: 2,
     },
 });
-var TrackContainerLabel = (0, mobx_react_1.observer)(function (_a) {
-    var model = _a.model, view = _a.view;
-    var _b = useStyles(), classes = _b.classes, cx = _b.cx;
-    var labelStyle = view.trackLabels === 'overlapping'
-        ? classes.trackLabelOverlap
-        : classes.trackLabelInline;
-    return view.trackLabels !== 'hidden' ? (react_1.default.createElement(TrackLabel_1.default, { track: model, className: cx(classes.trackLabel, labelStyle) })) : null;
+const TrackContainerLabel = (0, mobx_react_1.observer)(({ model, view }) => {
+    const { classes, cx } = useStyles();
+    const display = model.displays[0];
+    const { trackLabel, trackLabelOverlap, trackLabelOffset } = classes;
+    const labelStyle = view.trackLabels !== 'overlapping' || display.prefersOffset
+        ? trackLabelOffset
+        : trackLabelOverlap;
+    return view.trackLabels !== 'hidden' ? (react_1.default.createElement(TrackLabel_1.default, { track: model, className: cx(trackLabel, labelStyle) })) : null;
 });
-function TrackContainer(_a) {
-    var model = _a.model, track = _a.track;
-    var classes = useStyles().classes;
-    var display = track.displays[0];
-    var horizontalScroll = model.horizontalScroll, draggingTrackId = model.draggingTrackId, moveTrack = model.moveTrack;
-    var height = display.height;
-    var trackId = (0, configuration_1.getConf)(track, 'trackId');
-    var ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
+function TrackContainer({ model, track, }) {
+    const { classes } = useStyles();
+    const display = track.displays[0];
+    const { horizontalScroll, draggingTrackId, moveTrack } = model;
+    const { height, RenderingComponent, DisplayBlurb } = display;
+    const trackId = (0, configuration_1.getConf)(track, 'trackId');
+    const ref = (0, react_1.useRef)(null);
+    const dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
+    const debouncedOnDragEnter = (0, util_1.useDebouncedCallback)(() => {
+        if ((0, mobx_state_tree_1.isAlive)(display) && dimmed) {
+            moveTrack(draggingTrackId, track.id);
+        }
+    }, 100);
+    (0, react_1.useEffect)(() => {
         if (ref.current) {
             model.trackRefs[trackId] = ref.current;
         }
-        return function () {
+        return () => {
             delete model.trackRefs[trackId];
         };
     }, [model.trackRefs, trackId]);
-    function onDragEnter() {
-        if (draggingTrackId !== undefined &&
-            (0, mobx_state_tree_1.isAlive)(display) &&
-            draggingTrackId !== display.id) {
-            moveTrack(draggingTrackId, track.id);
-        }
-    }
-    var debouncedOnDragEnter = (0, util_1.useDebouncedCallback)(onDragEnter, 100);
-    var RenderingComponent = display.RenderingComponent, DisplayBlurb = display.DisplayBlurb;
-    var dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
     return (react_1.default.createElement(material_1.Paper, { className: classes.root, variant: "outlined" },
         react_1.default.createElement(TrackContainerLabel, { model: track, view: model }),
-        react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: { height: height }, onScroll: function (event) {
-                var target = event.target;
-                display.setScrollTop(target.scrollTop);
-            }, onDragEnter: debouncedOnDragEnter, "data-testid": "trackRenderingContainer-".concat(model.id, "-").concat(trackId), role: "presentation" },
-            react_1.default.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: { transform: "scaleX(".concat(model.scaleFactor, ")") } },
+        react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: { height }, onScroll: event => display.setScrollTop(event.currentTarget.scrollTop), onDragEnter: debouncedOnDragEnter, "data-testid": `trackRenderingContainer-${model.id}-${trackId}` },
+            react_1.default.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
                 react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: horizontalScroll })),
             DisplayBlurb ? (react_1.default.createElement("div", { style: {
                     position: 'absolute',

package/dist/LinearGenomeView/components/TrackContainer.js.map

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

package/dist/LinearGenomeView/components/TrackLabel.js

@@ -1,57 +1,21 @@
 "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 });
-var react_1 = __importDefault(require("react"));
-var mobx_react_1 = require("mobx-react");
-var configuration_1 = require("@jbrowse/core/configuration");
-var CascadingMenu_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenu"));
-var util_1 = require("@jbrowse/core/util");
-var material_1 = require("@mui/material");
-var mui_1 = require("tss-react/mui");
-var hooks_1 = require("material-ui-popup-state/hooks");
+const react_1 = __importDefault(require("react"));
+const mobx_react_1 = require("mobx-react");
+const configuration_1 = require("@jbrowse/core/configuration");
+const CascadingMenu_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenu"));
+const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const hooks_1 = require("material-ui-popup-state/hooks");
 // icons
-var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-var DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
-var Close_1 = __importDefault(require("@mui/icons-material/Close"));
-var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
+const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+const DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
     root: {
         background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
         '&:hover': {
@@ -79,50 +43,51 @@ var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
     iconButton: {
         padding: theme.spacing(1),
     },
-}); });
-var TrackLabel = react_1.default.forwardRef(function (_a, ref) {
-    var _b;
-    var track = _a.track, className = _a.className;
-    var _c = useStyles(), classes = _c.classes, cx = _c.cx;
-    var view = (0, util_1.getContainingView)(track);
-    var session = (0, util_1.getSession)(track);
-    var trackConf = track.configuration;
-    var trackId = (0, configuration_1.getConf)(track, 'trackId');
-    var popupState = (0, hooks_1.usePopupState)({
+}));
+function getTrackName(track, session) {
+    const trackName = (0, configuration_1.getConf)(track, 'name');
+    if ((0, configuration_1.getConf)(track, 'type') === 'ReferenceSequenceTrack') {
+        const asm = session.assemblies.find(a => a.sequence === track.configuration);
+        return (trackName ||
+            (asm
+                ? `Reference Sequence (${(0, configuration_1.readConfObject)(asm, 'name')})`
+                : 'Reference Sequence'));
+    }
+    return trackName;
+}
+const TrackLabel = react_1.default.forwardRef(({ track, className }, ref) => {
+    var _a;
+    const { classes, cx } = useStyles();
+    const view = (0, util_1.getContainingView)(track);
+    const session = (0, util_1.getSession)(track);
+    const trackConf = track.configuration;
+    const trackId = (0, configuration_1.getConf)(track, 'trackId');
+    const trackName = getTrackName(track, session);
+    const popupState = (0, hooks_1.usePopupState)({
         popupId: 'trackLabelMenu',
         variant: 'popover',
     });
-    var onDragStart = function (event) {
-        var target = event.target;
+    const onDragStart = (event) => {
+        const target = event.currentTarget;
         if (target.parentNode) {
-            var parent_1 = target.parentNode;
-            event.dataTransfer.setDragImage(parent_1, 20, 20);
+            const parent = target.parentNode;
+            event.dataTransfer.setDragImage(parent, 20, 20);
             view.setDraggingTrackId(track.id);
         }
     };
-    var onDragEnd = function () {
-        view.setDraggingTrackId(undefined);
-    };
-    var trackName = (0, configuration_1.getConf)(track, 'name');
-    if ((0, configuration_1.getConf)(track, 'type') === 'ReferenceSequenceTrack') {
-        var r = session.assemblies.find(function (a) { return a.sequence === trackConf; });
-        trackName =
-            trackName ||
-                (r
-                    ? "Reference Sequence (".concat((0, configuration_1.readConfObject)(r, 'name'), ")")
-                    : 'Reference Sequence');
-    }
-    var items = __spreadArray(__spreadArray([], __read((((_b = session.getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(session, trackConf)) || [])), false), __read(track.trackMenuItems()), false).sort(function (a, b) { return (b.priority || 0) - (a.priority || 0); });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Paper, { ref: ref, className: cx(className, classes.root) },
-            react_1.default.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: onDragStart, onDragEnd: onDragEnd, "data-testid": "dragHandle-".concat(view.id, "-").concat(trackId) },
-                react_1.default.createElement(DragIndicator_1.default, { className: classes.dragHandleIcon, fontSize: "small" })),
-            react_1.default.createElement(material_1.IconButton, { onClick: function () { return view.hideTrack(trackId); }, className: classes.iconButton, title: "close this track", color: "secondary" },
-                react_1.default.createElement(Close_1.default, { fontSize: "small" })),
-            react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName }, trackName),
-            react_1.default.createElement(material_1.IconButton, __assign({}, (0, hooks_1.bindTrigger)(popupState), { className: classes.iconButton, color: "secondary", "data-testid": "track_menu_icon", disabled: !items.length }),
-                react_1.default.createElement(MoreVert_1.default, { fontSize: "small" }))),
-        react_1.default.createElement(CascadingMenu_1.default, __assign({}, (0, hooks_1.bindPopover)(popupState), { onMenuItemClick: function (_, callback) { return callback(); }, menuItems: items, popupState: popupState }))));
+    const items = [
+        ...(((_a = session.getTrackActionMenuItems) === null || _a === void 0 ? void 0 : _a.call(session, trackConf)) || []),
+        ...track.trackMenuItems(),
+    ].sort((a, b) => (b.priority || 0) - (a.priority || 0));
+    return (react_1.default.createElement(material_1.Paper, { ref: ref, className: cx(className, classes.root) },
+        react_1.default.createElement("span", { draggable: true, className: classes.dragHandle, onDragStart: onDragStart, onDragEnd: () => view.setDraggingTrackId(undefined), "data-testid": `dragHandle-${view.id}-${trackId}` },
+            react_1.default.createElement(DragIndicator_1.default, { className: classes.dragHandleIcon, fontSize: "small" })),
+        react_1.default.createElement(material_1.IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track", color: "secondary" },
+            react_1.default.createElement(Close_1.default, { fontSize: "small" })),
+        react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName }, trackName),
+        react_1.default.createElement(material_1.IconButton, { ...(0, hooks_1.bindTrigger)(popupState), className: classes.iconButton, color: "secondary", "data-testid": "track_menu_icon", disabled: !items.length },
+            react_1.default.createElement(MoreVert_1.default, { fontSize: "small" })),
+        react_1.default.createElement(CascadingMenu_1.default, { ...(0, hooks_1.bindPopover)(popupState), onMenuItemClick: (_, callback) => callback(), menuItems: items, popupState: popupState })));
 });
 exports.default = (0, mobx_react_1.observer)(TrackLabel);
 //# sourceMappingURL=TrackLabel.js.map

package/dist/LinearGenomeView/components/TrackLabel.js.map

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

package/dist/LinearGenomeView/components/TracksContainer.js

@@ -22,36 +22,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 mui_1 = require("tss-react/mui");
-var mobx_react_1 = require("mobx-react");
-var normalize_wheel_1 = __importDefault(require("normalize-wheel"));
-var __1 = require("..");
-var RubberBand_1 = __importDefault(require("./RubberBand"));
-var ScaleBar_1 = __importDefault(require("./ScaleBar"));
-var VerticalGuides_1 = __importDefault(require("./VerticalGuides"));
-var CenterLine_1 = __importDefault(require("./CenterLine"));
-var useStyles = (0, mui_1.makeStyles)()({
+const react_1 = __importStar(require("react"));
+const mui_1 = require("tss-react/mui");
+const mobx_react_1 = require("mobx-react");
+const normalize_wheel_1 = __importDefault(require("normalize-wheel"));
+const __1 = require("..");
+const RubberBand_1 = __importDefault(require("./RubberBand"));
+const ScaleBar_1 = __importDefault(require("./ScaleBar"));
+const Gridlines_1 = __importDefault(require("./Gridlines"));
+const CenterLine_1 = __importDefault(require("./CenterLine"));
+const useStyles = (0, mui_1.makeStyles)()({
     tracksContainer: {
         position: 'relative',
         overflow: 'hidden',
@@ -61,29 +45,28 @@ var useStyles = (0, mui_1.makeStyles)()({
         height: 3,
     },
 });
-function TracksContainer(_a) {
-    var children = _a.children, model = _a.model;
-    var classes = useStyles().classes;
+function TracksContainer({ children, model, }) {
+    const { classes } = useStyles();
     // refs are to store these variables to avoid repeated rerenders associated
     // with useState/setState
-    var delta = (0, react_1.useRef)(0);
-    var scheduled = (0, react_1.useRef)(false);
-    var timeout = (0, react_1.useRef)();
-    var ref = (0, react_1.useRef)(null);
-    var prevX = (0, react_1.useRef)(0);
-    var _b = __read((0, react_1.useState)(false), 2), mouseDragging = _b[0], setMouseDragging = _b[1];
-    (0, react_1.useEffect)(function () {
-        var cleanup = function () { };
+    const delta = (0, react_1.useRef)(0);
+    const scheduled = (0, react_1.useRef)(false);
+    const timeout = (0, react_1.useRef)();
+    const ref = (0, react_1.useRef)(null);
+    const prevX = (0, react_1.useRef)(0);
+    const [mouseDragging, setMouseDragging] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let cleanup = () => { };
         function globalMouseMove(event) {
             event.preventDefault();
-            var currX = event.clientX;
-            var distance = currX - prevX.current;
+            const currX = event.clientX;
+            const distance = currX - prevX.current;
             if (distance) {
                 // use rAF to make it so multiple event handlers aren't fired per-frame
                 // see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
                 if (!scheduled.current) {
                     scheduled.current = true;
-                    window.requestAnimationFrame(function () {
+                    window.requestAnimationFrame(() => {
                         model.horizontalScroll(-distance);
                         scheduled.current = false;
                         prevX.current = event.clientX;
@@ -100,7 +83,7 @@ function TracksContainer(_a) {
         if (mouseDragging) {
             window.addEventListener('mousemove', globalMouseMove, true);
             window.addEventListener('mouseup', globalMouseUp, true);
-            cleanup = function () {
+            cleanup = () => {
                 window.removeEventListener('mousemove', globalMouseMove, true);
                 window.removeEventListener('mouseup', globalMouseUp, true);
             };
@@ -109,7 +92,7 @@ function TracksContainer(_a) {
     }, [model, mouseDragging, prevX]);
     function mouseDown(event) {
         // check if clicking a draggable element or a resize handle
-        var target = event.target;
+        const target = event.target;
         if (target.draggable || target.dataset.resizer) {
             return;
         }
@@ -128,12 +111,12 @@ function TracksContainer(_a) {
     function mouseLeave(event) {
         event.preventDefault();
     }
-    (0, react_1.useEffect)(function () {
-        var curr = ref.current;
+    (0, react_1.useEffect)(() => {
+        const curr = ref.current;
         // if ctrl is held down, zoom in with y-scroll
         // else scroll horizontally with x-scroll
         function onWheel(origEvent) {
-            var event = (0, normalize_wheel_1.default)(origEvent);
+            const event = (0, normalize_wheel_1.default)(origEvent);
             if (origEvent.ctrlKey === true) {
                 origEvent.preventDefault();
                 delta.current += event.pixelY / 500;
@@ -141,7 +124,7 @@ function TracksContainer(_a) {
                 if (timeout.current) {
                     clearTimeout(timeout.current);
                 }
-                timeout.current = setTimeout(function () {
+                timeout.current = setTimeout(() => {
                     model.setScaleFactor(1);
                     model.zoomTo(delta.current > 0
                         ? model.bpPerPx * (1 + delta.current)
@@ -161,7 +144,7 @@ function TracksContainer(_a) {
                     // use rAF to make it so multiple event handlers aren't fired per-frame
                     // see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
                     scheduled.current = true;
-                    window.requestAnimationFrame(function () {
+                    window.requestAnimationFrame(() => {
                         model.horizontalScroll(delta.current);
                         delta.current = 0;
                         scheduled.current = false;
@@ -171,14 +154,14 @@ function TracksContainer(_a) {
         }
         if (curr) {
             curr.addEventListener('wheel', onWheel);
-            return function () {
+            return () => {
                 curr.removeEventListener('wheel', onWheel);
             };
         }
-        return function () { };
+        return () => { };
     }, [model]);
     return (react_1.default.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: mouseDown, onMouseUp: mouseUp, onMouseLeave: mouseLeave },
-        react_1.default.createElement(VerticalGuides_1.default, { model: model }),
+        model.showGridlines ? react_1.default.createElement(Gridlines_1.default, { model: model }) : null,
         model.showCenterLine ? react_1.default.createElement(CenterLine_1.default, { model: model }) : null,
         react_1.default.createElement(RubberBand_1.default, { model: model, ControlComponent: react_1.default.createElement(ScaleBar_1.default, { model: model, style: { height: __1.SCALE_BAR_HEIGHT, boxSizing: 'border-box' } }) }),
         children));

package/dist/LinearGenomeView/components/TracksContainer.js.map

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

package/dist/LinearGenomeView/components/ZoomControls.js

@@ -22,33 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 mobx_react_1 = require("mobx-react");
-var material_1 = require("@mui/material");
-var mui_1 = require("tss-react/mui");
-var ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
-var ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
-var useStyles = (0, mui_1.makeStyles)()({
+const react_1 = __importStar(require("react"));
+const mobx_react_1 = require("mobx-react");
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
+const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
+const useStyles = (0, mui_1.makeStyles)()({
     container: {
         display: 'flex',
         flexDirection: 'row',
@@ -58,19 +42,18 @@ var useStyles = (0, mui_1.makeStyles)()({
         width: 70,
     },
 });
-function ZoomControls(_a) {
-    var model = _a.model;
-    var classes = useStyles().classes;
-    var maxBpPerPx = model.maxBpPerPx, minBpPerPx = model.minBpPerPx, bpPerPx = model.bpPerPx, scaleFactor = model.scaleFactor;
-    var _b = __read((0, react_1.useState)(-Math.log2(bpPerPx) * 100), 2), value = _b[0], setValue = _b[1];
-    (0, react_1.useEffect)(function () {
+function ZoomControls({ model }) {
+    const { classes } = useStyles();
+    const { maxBpPerPx, minBpPerPx, bpPerPx, scaleFactor } = model;
+    const [value, setValue] = (0, react_1.useState)(-Math.log2(bpPerPx) * 100);
+    (0, react_1.useEffect)(() => {
         setValue(-Math.log2(bpPerPx) * 100);
     }, [setValue, bpPerPx]);
     return (react_1.default.createElement("div", { className: classes.container },
-        react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_out", onClick: function () { return model.zoom(bpPerPx * 2); }, disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1, color: "secondary", size: "large" },
+        react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_out", onClick: () => model.zoom(bpPerPx * 2), disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1, color: "secondary", size: "large" },
             react_1.default.createElement(ZoomOut_1.default, null)),
-        react_1.default.createElement(material_1.Slider, { size: "small", className: classes.slider, value: value, min: -Math.log2(maxBpPerPx) * 100, max: -Math.log2(minBpPerPx) * 100, onChange: function (_, val) { return setValue(val); }, onChangeCommitted: function () { return model.zoomTo(Math.pow(2, (-value / 100))); }, disabled: scaleFactor !== 1 }),
-        react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_in", onClick: function () { return model.zoom(model.bpPerPx / 2); }, disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1, color: "secondary", size: "large" },
+        react_1.default.createElement(material_1.Slider, { size: "small", className: classes.slider, value: value, min: -Math.log2(maxBpPerPx) * 100, max: -Math.log2(minBpPerPx) * 100, onChange: (_, val) => setValue(val), onChangeCommitted: () => model.zoomTo(2 ** (-value / 100)), disabled: scaleFactor !== 1 }),
+        react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_in", onClick: () => model.zoom(model.bpPerPx / 2), disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1, color: "secondary", size: "large" },
             react_1.default.createElement(ZoomIn_1.default, null))));
 }
 exports.default = (0, mobx_react_1.observer)(ZoomControls);

package/dist/LinearGenomeView/components/ZoomControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomControls.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ZoomControls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,yCAAqC;AACrC,0CAAkD;AAClD,qCAA0C;AAC1C,sEAA+C;AAC/C,wEAAiD;AAGjD,IAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC;IAC7B,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC,CAAA;AAEF,SAAS,YAAY,CAAC,EAA2C;QAAzC,KAAK,WAAA;IACnB,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IACvB,IAAA,UAAU,GAAuC,KAAK,WAA5C,EAAE,UAAU,GAA2B,KAAK,WAAhC,EAAE,OAAO,GAAkB,KAAK,QAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IACxD,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,IAAA,EAAtD,KAAK,QAAA,EAAE,QAAQ,QAAuC,CAAA;IAC7D,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO,CAAC,SAAS;QAC/B,8BAAC,qBAAU,mBACG,UAAU,EACtB,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,EAAvB,CAAuB,EACtC,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC,EAC7D,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO;YAEZ,8BAAC,iBAAO,OAAG,CACA;QAEb,8BAAC,iBAAM,IACL,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,EACjC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,EACjC,QAAQ,EAAE,UAAC,CAAC,EAAE,GAAG,IAAK,OAAA,QAAQ,CAAC,GAAa,CAAC,EAAvB,CAAuB,EAC7C,iBAAiB,EAAE,cAAM,OAAA,KAAK,CAAC,MAAM,CAAC,SAAA,CAAC,EAAI,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAA,CAAC,EAAjC,CAAiC,EAC1D,QAAQ,EAAE,WAAW,KAAK,CAAC,GAC3B;QACF,8BAAC,qBAAU,mBACG,SAAS,EACrB,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,EAA7B,CAA6B,EAC5C,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC,EAC7D,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO;YAEZ,8BAAC,gBAAM,OAAG,CACC,CACT,CACP,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,YAAY,CAAC,CAAA"}
+{"version":3,"file":"ZoomControls.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ZoomControls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,2CAAqC;AACrC,4CAAkD;AAClD,uCAA0C;AAC1C,wEAA+C;AAC/C,0EAAiD;AAGjD,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC;IAC7B,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC,CAAA;AAEF,SAAS,YAAY,CAAC,EAAE,KAAK,EAAoC;IAC/D,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAA;IAC7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO,CAAC,SAAS;QAC/B,8BAAC,qBAAU,mBACG,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,EACtC,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC,EAC7D,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO;YAEZ,8BAAC,iBAAO,OAAG,CACA;QAEb,8BAAC,iBAAM,IACL,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,EACjC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,EACjC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAa,CAAC,EAC7C,iBAAiB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,EAC1D,QAAQ,EAAE,WAAW,KAAK,CAAC,GAC3B;QACF,8BAAC,qBAAU,mBACG,SAAS,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,EAC5C,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC,EAC7D,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO;YAEZ,8BAAC,gBAAM,OAAG,CACC,CACT,CACP,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,YAAY,CAAC,CAAA"}