@jbrowse/plugin-linear-genome-view 1.7.11 → 2.1.0

package/dist/LinearGenomeView/components/TracksContainer.d.ts

@@ -1,5 +1,5 @@
-import { Instance } from 'mobx-state-tree';
 import React from 'react';
+import { Instance } from 'mobx-state-tree';
 import { LinearGenomeViewStateModel } from '..';
 declare type LGV = Instance<LinearGenomeViewStateModel>;
 declare function TracksContainer({ children, model, }: {

package/dist/LinearGenomeView/components/TracksContainer.js

@@ -1,214 +1,187 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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;
 });
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _mobxReact = require("mobx-react");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _normalizeWheel = _interopRequireDefault(require("normalize-wheel"));
-
-var _ = require("..");
-
-var _RubberBand = _interopRequireDefault(require("./RubberBand"));
-
-var _ScaleBar = _interopRequireDefault(require("./ScaleBar"));
-
-var _VerticalGuides = _interopRequireDefault(require("./VerticalGuides"));
-
-var _CenterLine = _interopRequireDefault(require("./CenterLine"));
-
-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 {
+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 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 Gridlines_1 = __importDefault(require("./Gridlines"));
+var CenterLine_1 = __importDefault(require("./CenterLine"));
+var useStyles = (0, mui_1.makeStyles)()({
     tracksContainer: {
-      position: 'relative',
-      borderRadius: theme.shape.borderRadius,
-      overflow: 'hidden'
+        position: 'relative',
+        overflow: 'hidden',
     },
     spacer: {
-      position: 'relative',
-      height: _.RESIZE_HANDLE_HEIGHT
-    }
-  };
+        position: 'relative',
+        height: 3,
+    },
 });
-
-function TracksContainer(_ref) {
-  var children = _ref.children,
-      model = _ref.model;
-  var classes = useStyles(); // refs are to store these variables to avoid repeated rerenders associated
-  // with useState/setState
-
-  var delta = (0, _react.useRef)(0);
-  var scheduled = (0, _react.useRef)(false);
-  var timeout = (0, _react.useRef)();
-  var ref = (0, _react.useRef)(null);
-  var prevX = (0, _react.useRef)(0);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      mouseDragging = _useState2[0],
-      setMouseDragging = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var cleanup = function cleanup() {};
-
-    function globalMouseMove(event) {
-      event.preventDefault();
-      var currX = event.clientX;
-      var 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 () {
-            model.horizontalScroll(-distance);
-            scheduled.current = false;
+function TracksContainer(_a) {
+    var children = _a.children, model = _a.model;
+    var classes = useStyles().classes;
+    // 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 () { };
+        function globalMouseMove(event) {
+            event.preventDefault();
+            var currX = event.clientX;
+            var 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 () {
+                        model.horizontalScroll(-distance);
+                        scheduled.current = false;
+                        prevX.current = event.clientX;
+                    });
+                }
+            }
+        }
+        function globalMouseUp() {
+            prevX.current = 0;
+            if (mouseDragging) {
+                setMouseDragging(false);
+            }
+        }
+        if (mouseDragging) {
+            window.addEventListener('mousemove', globalMouseMove, true);
+            window.addEventListener('mouseup', globalMouseUp, true);
+            cleanup = function () {
+                window.removeEventListener('mousemove', globalMouseMove, true);
+                window.removeEventListener('mouseup', globalMouseUp, true);
+            };
+        }
+        return cleanup;
+    }, [model, mouseDragging, prevX]);
+    function mouseDown(event) {
+        // check if clicking a draggable element or a resize handle
+        var target = event.target;
+        if (target.draggable || target.dataset.resizer) {
+            return;
+        }
+        // otherwise do click and drag scroll
+        if (event.button === 0) {
             prevX.current = event.clientX;
-          });
+            setMouseDragging(true);
         }
-      }
     }
-
-    function globalMouseUp() {
-      prevX.current = 0;
-
-      if (mouseDragging) {
+    // this local mouseup is used in addition to the global because sometimes
+    // the global add/remove are not called in time, resulting in issue #533
+    function mouseUp(event) {
+        event.preventDefault();
         setMouseDragging(false);
-      }
-    }
-
-    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);
-      };
     }
-
-    return cleanup;
-  }, [model, mouseDragging, prevX]);
-
-  function mouseDown(event) {
-    // check if clicking a draggable element or a resize handle
-    var target = event.target;
-
-    if (target.draggable || target.dataset.resizer) {
-      return;
-    } // otherwise do click and drag scroll
-
-
-    if (event.button === 0) {
-      prevX.current = event.clientX;
-      setMouseDragging(true);
+    function mouseLeave(event) {
+        event.preventDefault();
     }
-  } // this local mouseup is used in addition to the global because sometimes
-  // the global add/remove are not called in time, resulting in issue #533
-
-
-  function mouseUp(event) {
-    event.preventDefault();
-    setMouseDragging(false);
-  }
-
-  function mouseLeave(event) {
-    event.preventDefault();
-  }
-
-  (0, _react.useEffect)(function () {
-    var 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, _normalizeWheel.default)(origEvent);
-
-      if (origEvent.ctrlKey === true) {
-        origEvent.preventDefault();
-        delta.current += event.pixelY / 500;
-        model.setScaleFactor(delta.current < 0 ? 1 - delta.current : 1 / (1 + delta.current));
-
-        if (timeout.current) {
-          clearTimeout(timeout.current);
+    (0, react_1.useEffect)(function () {
+        var 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);
+            if (origEvent.ctrlKey === true) {
+                origEvent.preventDefault();
+                delta.current += event.pixelY / 500;
+                model.setScaleFactor(delta.current < 0 ? 1 - delta.current : 1 / (1 + delta.current));
+                if (timeout.current) {
+                    clearTimeout(timeout.current);
+                }
+                timeout.current = setTimeout(function () {
+                    model.setScaleFactor(1);
+                    model.zoomTo(delta.current > 0
+                        ? model.bpPerPx * (1 + delta.current)
+                        : model.bpPerPx / (1 - delta.current));
+                    delta.current = 0;
+                }, 300);
+            }
+            else {
+                // this is needed to stop the event from triggering "back button
+                // action" on MacOSX etc.  but is a heuristic to avoid preventing the
+                // inner-track scroll behavior
+                if (Math.abs(event.pixelX) > Math.abs(2 * event.pixelY)) {
+                    origEvent.preventDefault();
+                }
+                delta.current += event.pixelX;
+                if (!scheduled.current) {
+                    // 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 () {
+                        model.horizontalScroll(delta.current);
+                        delta.current = 0;
+                        scheduled.current = false;
+                    });
+                }
+            }
         }
-
-        timeout.current = setTimeout(function () {
-          model.setScaleFactor(1);
-          model.zoomTo(delta.current > 0 ? model.bpPerPx * (1 + delta.current) : model.bpPerPx / (1 - delta.current));
-          delta.current = 0;
-        }, 300);
-      } else {
-        // this is needed to stop the event from triggering "back button
-        // action" on MacOSX etc.  but is a heuristic to avoid preventing the
-        // inner-track scroll behavior
-        if (Math.abs(event.pixelX) > Math.abs(2 * event.pixelY)) {
-          origEvent.preventDefault();
+        if (curr) {
+            curr.addEventListener('wheel', onWheel);
+            return function () {
+                curr.removeEventListener('wheel', onWheel);
+            };
         }
-
-        delta.current += event.pixelX;
-
-        if (!scheduled.current) {
-          // 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 () {
-            model.horizontalScroll(delta.current);
-            delta.current = 0;
-            scheduled.current = false;
-          });
-        }
-      }
-    }
-
-    if (curr) {
-      curr.addEventListener('wheel', onWheel);
-      return function () {
-        curr.removeEventListener('wheel', onWheel);
-      };
-    }
-
-    return function () {};
-  }, [model]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    role: "presentation",
-    className: classes.tracksContainer,
-    onMouseDown: mouseDown,
-    onMouseUp: mouseUp,
-    onMouseLeave: mouseLeave
-  }, /*#__PURE__*/_react.default.createElement(_VerticalGuides.default, {
-    model: model
-  }), model.showCenterLine ? /*#__PURE__*/_react.default.createElement(_CenterLine.default, {
-    model: model
-  }) : null, /*#__PURE__*/_react.default.createElement(_RubberBand.default, {
-    model: model,
-    ControlComponent: /*#__PURE__*/_react.default.createElement(_ScaleBar.default, {
-      model: model,
-      style: {
-        height: _.SCALE_BAR_HEIGHT,
-        boxSizing: 'border-box'
-      }
-    })
-  }), children);
+        return function () { };
+    }, [model]);
+    return (react_1.default.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: mouseDown, onMouseUp: mouseUp, onMouseLeave: mouseLeave },
+        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));
 }
-
-var _default = (0, _mobxReact.observer)(TracksContainer);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(TracksContainer);
+//# sourceMappingURL=TracksContainer.js.map

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

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

package/dist/LinearGenomeView/components/ZoomControls.js

@@ -1,92 +1,77 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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;
 });
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
-var _Slider = _interopRequireDefault(require("@material-ui/core/Slider"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _ZoomIn = _interopRequireDefault(require("@material-ui/icons/ZoomIn"));
-
-var _ZoomOut = _interopRequireDefault(require("@material-ui/icons/ZoomOut"));
-
-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)({
-  container: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  slider: {
-    width: 70
-  }
-});
-
-function ZoomControls(_ref) {
-  var model = _ref.model;
-  var classes = useStyles();
-  var maxBpPerPx = model.maxBpPerPx,
-      minBpPerPx = model.minBpPerPx,
-      bpPerPx = model.bpPerPx,
-      scaleFactor = model.scaleFactor;
-
-  var _useState = (0, _react.useState)(-Math.log2(bpPerPx) * 100),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setValue(-Math.log2(bpPerPx) * 100);
-  }, [setValue, bpPerPx]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "data-testid": "zoom_out",
-    onClick: function onClick() {
-      model.zoom(bpPerPx * 2);
-    },
-    disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1,
-    color: "secondary"
-  }, /*#__PURE__*/_react.default.createElement(_ZoomOut.default, null)), /*#__PURE__*/_react.default.createElement(_Slider.default, {
-    className: classes.slider,
-    value: value,
-    min: -Math.log2(maxBpPerPx) * 100,
-    max: -Math.log2(minBpPerPx) * 100,
-    onChange: function onChange(_, val) {
-      return setValue(val);
+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 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)()({
+    container: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
     },
-    onChangeCommitted: function onChangeCommitted() {
-      return model.zoomTo(Math.pow(2, -value / 100));
+    slider: {
+        width: 70,
     },
-    disabled: scaleFactor !== 1
-  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "data-testid": "zoom_in",
-    onClick: function onClick() {
-      model.zoom(model.bpPerPx / 2);
-    },
-    disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1,
-    color: "secondary"
-  }, /*#__PURE__*/_react.default.createElement(_ZoomIn.default, null)));
+});
+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 () {
+        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(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(ZoomIn_1.default, null))));
 }
-
-var _default = (0, _mobxReact.observer)(ZoomControls);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(ZoomControls);
+//# sourceMappingURL=ZoomControls.js.map

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

@@ -0,0 +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"}