@jbrowse/plugin-circular-view 1.7.11 → 2.1.0

package/dist/BaseChordDisplay/models/renderReaction.js

@@ -1,142 +1,119 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _excluded = ["html"];
-
-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; }
-
-var _default = function _default(_ref) {
-  var jbrequire = _ref.jbrequire;
-
-  var _jbrequire = jbrequire('@jbrowse/core/util/tracks'),
-      getRpcSessionId = _jbrequire.getRpcSessionId;
-
-  var _jbrequire2 = jbrequire('@jbrowse/core/util'),
-      getContainingView = _jbrequire2.getContainingView;
-
-  var _jbrequire3 = jbrequire('@jbrowse/core/util'),
-      getSession = _jbrequire3.getSession;
-
-  function renderReactionData(self) {
-    var _view$displayedRegion;
-
-    var view = getContainingView(self);
-    var rendererType = self.rendererType;
-
-    var _getSession = getSession(view),
-        rpcManager = _getSession.rpcManager;
-
-    return {
-      rendererType: rendererType,
-      rpcManager: rpcManager,
-      renderProps: self.renderProps(),
-      renderArgs: {
-        assemblyName: (_view$displayedRegion = view.displayedRegions[0]) === null || _view$displayedRegion === void 0 ? void 0 : _view$displayedRegion.assemblyName,
-        adapterConfig: JSON.parse(JSON.stringify(self.adapterConfig)),
-        rendererType: rendererType.name,
-        regions: JSON.parse(JSON.stringify(view.displayedRegions)),
-        blockDefinitions: self.blockDefinitions,
-        sessionId: getRpcSessionId(self),
-        timeout: 1000000
-      }
+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;
     };
-  }
-
-  function renderReactionEffect(_x, _x2, _x3) {
-    return _renderReactionEffect.apply(this, arguments);
-  }
-
-  function _renderReactionEffect() {
-    _renderReactionEffect = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(props, signal, self) {
-      var rendererType, rpcManager, cannotBeRenderedReason, renderArgs, renderProps, _yield$rendererType$r, html, data;
-
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (props) {
-                _context.next = 2;
-                break;
-              }
-
-              throw new Error('cannot render with no props');
-
-            case 2:
-              rendererType = props.rendererType, rpcManager = props.rpcManager, cannotBeRenderedReason = props.cannotBeRenderedReason, renderArgs = props.renderArgs, renderProps = props.renderProps;
-
-              if (!cannotBeRenderedReason) {
-                _context.next = 5;
-                break;
-              }
-
-              return _context.abrupt("return", {
-                message: cannotBeRenderedReason
-              });
-
-            case 5:
-              if (!(!props.renderProps.radius || !props.renderArgs.regions || !props.renderArgs.regions.length)) {
-                _context.next = 7;
-                break;
-              }
-
-              return _context.abrupt("return", {
-                message: 'Skipping render'
-              });
-
-            case 7:
-              if (self.isCompatibleWithRenderer(rendererType)) {
-                _context.next = 9;
-                break;
-              }
-
-              throw new Error("renderer ".concat(rendererType.name, " is not compatible with this display type"));
-
-            case 9:
-              _context.next = 11;
-              return rendererType.renderInClient(rpcManager, _objectSpread(_objectSpread(_objectSpread({}, renderArgs), renderProps), {}, {
-                signal: signal
-              }));
-
-            case 11:
-              _yield$rendererType$r = _context.sent;
-              html = _yield$rendererType$r.html;
-              data = (0, _objectWithoutProperties2.default)(_yield$rendererType$r, _excluded);
-              return _context.abrupt("return", {
-                html: html,
-                data: data,
-                renderingComponent: rendererType.ReactComponent
-              });
-
-            case 15:
-            case "end":
-              return _context.stop();
-          }
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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]];
         }
-      }, _callee);
-    }));
-    return _renderReactionEffect.apply(this, arguments);
-  }
-
-  return {
-    renderReactionData: renderReactionData,
-    renderReactionEffect: renderReactionEffect
-  };
+    return t;
 };
-
-exports.default = _default;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = (function (_a) {
+    var jbrequire = _a.jbrequire;
+    var getRpcSessionId = jbrequire('@jbrowse/core/util/tracks').getRpcSessionId;
+    var getContainingView = jbrequire('@jbrowse/core/util').getContainingView;
+    var getSession = jbrequire('@jbrowse/core/util').getSession;
+    function renderReactionData(self) {
+        var _a;
+        var view = getContainingView(self);
+        var rendererType = self.rendererType;
+        var rpcManager = getSession(view).rpcManager;
+        return {
+            rendererType: rendererType,
+            rpcManager: rpcManager,
+            renderProps: self.renderProps(),
+            renderArgs: {
+                assemblyName: (_a = view.displayedRegions[0]) === null || _a === void 0 ? void 0 : _a.assemblyName,
+                adapterConfig: JSON.parse(JSON.stringify(self.adapterConfig)),
+                rendererType: rendererType.name,
+                regions: JSON.parse(JSON.stringify(view.displayedRegions)),
+                blockDefinitions: self.blockDefinitions,
+                sessionId: getRpcSessionId(self),
+                timeout: 1000000,
+            },
+        };
+    }
+    function renderReactionEffect(props, signal, self) {
+        return __awaiter(this, void 0, void 0, function () {
+            var rendererType, rpcManager, cannotBeRenderedReason, renderArgs, renderProps, _a, html, data;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!props) {
+                            throw new Error('cannot render with no props');
+                        }
+                        rendererType = props.rendererType, rpcManager = props.rpcManager, cannotBeRenderedReason = props.cannotBeRenderedReason, renderArgs = props.renderArgs, renderProps = props.renderProps;
+                        if (cannotBeRenderedReason) {
+                            return [2 /*return*/, { message: cannotBeRenderedReason }];
+                        }
+                        // don't try to render 0 or NaN radius or no regions
+                        if (!props.renderProps.radius ||
+                            !props.renderArgs.regions ||
+                            !props.renderArgs.regions.length) {
+                            return [2 /*return*/, { message: 'Skipping render' }];
+                        }
+                        // check renderertype compatibility
+                        if (!self.isCompatibleWithRenderer(rendererType)) {
+                            throw new Error("renderer ".concat(rendererType.name, " is not compatible with this display type"));
+                        }
+                        return [4 /*yield*/, rendererType.renderInClient(rpcManager, __assign(__assign(__assign({}, renderArgs), renderProps), { signal: signal }))];
+                    case 1:
+                        _a = _b.sent(), html = _a.html, data = __rest(_a, ["html"]);
+                        return [2 /*return*/, { html: html, data: data, renderingComponent: rendererType.ReactComponent }];
+                }
+            });
+        });
+    }
+    return { renderReactionData: renderReactionData, renderReactionEffect: renderReactionEffect };
+});
+//# sourceMappingURL=renderReaction.js.map

package/dist/BaseChordDisplay/models/renderReaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderReaction.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/models/renderReaction.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mBAAe,UAAC,EAAa;QAAX,SAAS,eAAA;IACjB,IAAA,eAAe,GAAK,SAAS,CAAC,2BAA2B,CAAC,gBAA3C,CAA2C;IAC1D,IAAA,iBAAiB,GAAK,SAAS,CAAC,oBAAoB,CAAC,kBAApC,CAAoC;IACrD,IAAA,UAAU,GAAK,SAAS,CAAC,oBAAoB,CAAC,WAApC,CAAoC;IAEtD,SAAS,kBAAkB,CAAC,IAAI;;QAC9B,IAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;QAC5B,IAAA,YAAY,GAAK,IAAI,aAAT,CAAS;QACrB,IAAA,UAAU,GAAK,UAAU,CAAC,IAAI,CAAC,WAArB,CAAqB;QAEvC,OAAO;YACL,YAAY,cAAA;YACZ,UAAU,YAAA;YACV,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;YAC/B,UAAU,EAAE;gBACV,YAAY,EAAE,MAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,0CAAE,YAAY;gBACpD,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7D,YAAY,EAAE,YAAY,CAAC,IAAI;gBAC/B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;gBAC1D,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;gBACvC,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC;gBAChC,OAAO,EAAE,OAAO;aACjB;SACF,CAAA;IACH,CAAC;IAED,SAAe,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI;;;;;;wBACrD,IAAI,CAAC,KAAK,EAAE;4BACV,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAA;yBAC/C;wBAGC,YAAY,GAKV,KAAK,aALK,EACZ,UAAU,GAIR,KAAK,WAJG,EACV,sBAAsB,GAGpB,KAAK,uBAHe,EACtB,UAAU,GAER,KAAK,WAFG,EACV,WAAW,GACT,KAAK,YADI,CACJ;wBAET,IAAI,sBAAsB,EAAE;4BAC1B,sBAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAAA;yBAC3C;wBAED,oDAAoD;wBACpD,IACE,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;4BACzB,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;4BACzB,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,EAChC;4BACA,sBAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAA;yBACtC;wBAED,mCAAmC;wBACnC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,YAAY,CAAC,EAAE;4BAChD,MAAM,IAAI,KAAK,CACb,mBAAY,YAAY,CAAC,IAAI,8CAA2C,CACzE,CAAA;yBACF;wBAEyB,qBAAM,YAAY,CAAC,cAAc,CAAC,UAAU,iCACjE,UAAU,GACV,WAAW,KACd,MAAM,QAAA,IACN,EAAA;;wBAJI,KAAoB,SAIxB,EAJM,IAAI,UAAA,EAAK,IAAI,cAAf,QAAiB,CAAF;wBAMrB,sBAAO,EAAE,IAAI,MAAA,EAAE,IAAI,MAAA,EAAE,kBAAkB,EAAE,YAAY,CAAC,cAAc,EAAE,EAAA;;;;KACvE;IAED,OAAO,EAAE,kBAAkB,oBAAA,EAAE,oBAAoB,sBAAA,EAAE,CAAA;AACrD,CAAC,EAAA"}

package/dist/CircularView/components/CircularView.js

@@ -1,203 +1,129 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _ui = require("@jbrowse/core/ui");
-
-var _util = require("@jbrowse/core/util");
-
-var _core = require("@material-ui/core");
-
-var _colors = require("@material-ui/core/colors");
-
-var _ZoomOut = _interopRequireDefault(require("@material-ui/icons/ZoomOut"));
-
-var _ZoomIn = _interopRequireDefault(require("@material-ui/icons/ZoomIn"));
-
-var _RotateLeft = _interopRequireDefault(require("@material-ui/icons/RotateLeft"));
-
-var _RotateRight = _interopRequireDefault(require("@material-ui/icons/RotateRight"));
-
-var _LockOutlined = _interopRequireDefault(require("@material-ui/icons/LockOutlined"));
-
-var _LockOpen = _interopRequireDefault(require("@material-ui/icons/LockOpen"));
-
-var _Icons = require("@jbrowse/core/ui/Icons");
-
-var _Ruler = _interopRequireDefault(require("./Ruler"));
-
-var _ImportForm = _interopRequireDefault(require("./ImportForm"));
-
+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 ui_1 = require("@jbrowse/core/ui");
+var util_1 = require("@jbrowse/core/util");
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+var colors_1 = require("@mui/material/colors");
 // icons
+var ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
+var ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
+var RotateLeft_1 = __importDefault(require("@mui/icons-material/RotateLeft"));
+var RotateRight_1 = __importDefault(require("@mui/icons-material/RotateRight"));
+var LockOpen_1 = __importDefault(require("@mui/icons-material/LockOpen"));
+var Lock_1 = __importDefault(require("@mui/icons-material/Lock"));
+var Icons_1 = require("@jbrowse/core/ui/Icons");
 // locals
+var Ruler_1 = __importDefault(require("./Ruler"));
+var ImportForm_1 = __importDefault(require("./ImportForm"));
 var dragHandleHeight = 3;
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
     root: {
-      position: 'relative',
-      marginBottom: theme.spacing(1),
-      overflow: 'hidden',
-      background: 'white'
+        position: 'relative',
+        marginBottom: theme.spacing(1),
+        overflow: 'hidden',
+        background: 'white',
     },
     scroller: {
-      overflow: 'auto'
+        overflow: 'auto',
     },
     sliceRoot: {
-      background: 'none',
-      // background: theme.palette.background.paper,
-      boxSizing: 'content-box',
-      display: 'block'
+        background: 'none',
+        // background: theme.palette.background.paper,
+        boxSizing: 'content-box',
+        display: 'block',
     },
     iconButton: {
-      padding: '4px',
-      margin: '0 2px 0 2px'
+        padding: '4px',
+        margin: '0 2px 0 2px',
     },
     controls: {
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      position: 'absolute',
-      background: _colors.grey[200],
-      boxSizing: 'border-box',
-      borderRight: '1px solid #a2a2a2',
-      borderBottom: '1px solid #a2a2a2',
-      left: 0,
-      top: 0
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        position: 'absolute',
+        background: colors_1.grey[200],
+        boxSizing: 'border-box',
+        borderRight: '1px solid #a2a2a2',
+        borderBottom: '1px solid #a2a2a2',
+        left: 0,
+        top: 0,
     },
     importFormContainer: {
-      marginBottom: theme.spacing(4)
-    }
-  };
-});
-var Slices = (0, _mobxReact.observer)(function (_ref) {
-  var model = _ref.model;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, model.staticSlices.map(function (slice) {
-    return /*#__PURE__*/_react.default.createElement(_Ruler.default, {
-      key: (0, _util.assembleLocString)(slice.region.elided ? slice.region.regions[0] : slice.region),
-      model: model,
-      slice: slice
-    });
-  }), model.tracks.map(function (track) {
-    var display = track.displays[0];
-    return /*#__PURE__*/_react.default.createElement(display.RenderingComponent, {
-      key: display.id,
-      display: display,
-      view: model
-    });
-  }));
+        marginBottom: theme.spacing(4),
+    },
+}); });
+var Slices = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        model.staticSlices.map(function (slice) { return (react_1.default.createElement(Ruler_1.default, { key: (0, util_1.assembleLocString)(slice.region.elided ? slice.region.regions[0] : slice.region), model: model, slice: slice })); }),
+        model.tracks.map(function (track) {
+            var display = track.displays[0];
+            return (react_1.default.createElement(display.RenderingComponent, { key: display.id, display: display, view: model }));
+        })));
 });
-var Controls = (0, _mobxReact.observer)(function (_ref2) {
-  var model = _ref2.model,
-      showingFigure = _ref2.showingFigure;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.controls
-  }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    onClick: model.zoomOutButton,
-    className: classes.iconButton,
-    title: model.lockedFitToWindow ? 'unlock to zoom out' : 'zoom out',
-    disabled: !showingFigure || model.atMaxBpPerPx || model.lockedFitToWindow,
-    color: "secondary"
-  }, /*#__PURE__*/_react.default.createElement(_ZoomOut.default, null)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    onClick: model.zoomInButton,
-    className: classes.iconButton,
-    title: "zoom in",
-    disabled: !showingFigure || model.atMinBpPerPx,
-    color: "secondary"
-  }, /*#__PURE__*/_react.default.createElement(_ZoomIn.default, null)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    onClick: model.rotateCounterClockwiseButton,
-    className: classes.iconButton,
-    title: "rotate counter-clockwise",
-    disabled: !showingFigure,
-    color: "secondary"
-  }, /*#__PURE__*/_react.default.createElement(_RotateLeft.default, null)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    onClick: model.rotateClockwiseButton,
-    className: classes.iconButton,
-    title: "rotate clockwise",
-    disabled: !showingFigure,
-    color: "secondary"
-  }, /*#__PURE__*/_react.default.createElement(_RotateRight.default, null)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    onClick: model.toggleFitToWindowLock,
-    className: classes.iconButton,
-    title: model.lockedFitToWindow ? 'locked model to window size' : 'unlocked model to zoom further',
-    disabled: model.tooSmallToLock,
-    color: "secondary"
-  }, model.lockedFitToWindow ? /*#__PURE__*/_react.default.createElement(_LockOutlined.default, null) : /*#__PURE__*/_react.default.createElement(_LockOpen.default, null)), model.hideTrackSelectorButton ? null : /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    onClick: model.activateTrackSelector,
-    title: "Open track selector",
-    "data-testid": "circular_track_select",
-    color: "secondary"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.TrackSelector, null)));
+var Controls = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model, showingFigure = _a.showingFigure;
+    var classes = useStyles().classes;
+    return (react_1.default.createElement("div", { className: classes.controls },
+        react_1.default.createElement(material_1.IconButton, { onClick: model.zoomOutButton, className: classes.iconButton, title: model.lockedFitToWindow ? 'unlock to zoom out' : 'zoom out', disabled: !showingFigure || model.atMaxBpPerPx || model.lockedFitToWindow, color: "secondary" },
+            react_1.default.createElement(ZoomOut_1.default, null)),
+        react_1.default.createElement(material_1.IconButton, { onClick: model.zoomInButton, className: classes.iconButton, title: "zoom in", disabled: !showingFigure || model.atMinBpPerPx, color: "secondary" },
+            react_1.default.createElement(ZoomIn_1.default, null)),
+        react_1.default.createElement(material_1.IconButton, { onClick: model.rotateCounterClockwiseButton, className: classes.iconButton, title: "rotate counter-clockwise", disabled: !showingFigure, color: "secondary" },
+            react_1.default.createElement(RotateLeft_1.default, null)),
+        react_1.default.createElement(material_1.IconButton, { onClick: model.rotateClockwiseButton, className: classes.iconButton, title: "rotate clockwise", disabled: !showingFigure, color: "secondary" },
+            react_1.default.createElement(RotateRight_1.default, null)),
+        react_1.default.createElement(material_1.IconButton, { onClick: model.toggleFitToWindowLock, className: classes.iconButton, title: model.lockedFitToWindow
+                ? 'locked model to window size'
+                : 'unlocked model to zoom further', disabled: model.tooSmallToLock, color: "secondary" }, model.lockedFitToWindow ? react_1.default.createElement(Lock_1.default, null) : react_1.default.createElement(LockOpen_1.default, null)),
+        model.hideTrackSelectorButton ? null : (react_1.default.createElement(material_1.IconButton, { onClick: model.activateTrackSelector, title: "Open track selector", "data-testid": "circular_track_select", color: "secondary" },
+            react_1.default.createElement(Icons_1.TrackSelector, null)))));
 });
-var CircularView = (0, _mobxReact.observer)(function (_ref3) {
-  var model = _ref3.model;
-  var classes = useStyles();
-  var initialized = !!model.displayedRegions.length && model.figureWidth && model.figureHeight;
-  var showImportForm = !initialized && !model.disableImportForm;
-  var showFigure = initialized && !showImportForm;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.root,
-    style: {
-      width: model.width,
-      height: model.height
-    },
-    "data-testid": model.id
-  }, model.error ? /*#__PURE__*/_react.default.createElement(_ui.ErrorMessage, {
-    error: model.error
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showImportForm ? /*#__PURE__*/_react.default.createElement(_ImportForm.default, {
-    model: model
-  }) : null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !showFigure ? null : /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.scroller,
-    style: {
-      width: model.width,
-      height: model.height
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.rotator,
-    style: {
-      transform: ["rotate(".concat(model.offsetRadians, "rad)")].join(' '),
-      transition: 'transform 0.5s',
-      transformOrigin: model.centerXY.map(function (x) {
-        return "".concat(x, "px");
-      }).join(' ')
-    }
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    style: {
-      position: 'absolute',
-      left: 0,
-      top: 0
-    },
-    className: classes.sliceRoot,
-    width: "".concat(model.figureWidth, "px"),
-    height: "".concat(model.figureHeight, "px"),
-    version: "1.1"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    transform: "translate(".concat(model.centerXY, ")")
-  }, /*#__PURE__*/_react.default.createElement(Slices, {
-    model: model
-  }))))), /*#__PURE__*/_react.default.createElement(Controls, {
-    model: model,
-    showingFigure: showFigure
-  }), model.hideVerticalResizeHandle ? null : /*#__PURE__*/_react.default.createElement(_ui.ResizeHandle, {
-    onDrag: model.resizeHeight,
-    style: {
-      height: dragHandleHeight,
-      position: 'absolute',
-      bottom: 0,
-      left: 0,
-      background: '#ccc',
-      boxSizing: 'border-box',
-      borderTop: '1px solid #fafafa'
-    }
-  }))));
+var CircularView = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var initialized = !!model.displayedRegions.length && model.figureWidth && model.figureHeight;
+    var showImportForm = !initialized && !model.disableImportForm;
+    var showFigure = initialized && !showImportForm;
+    return (react_1.default.createElement("div", { className: classes.root, style: {
+            width: model.width,
+            height: model.height,
+        }, "data-testid": model.id }, model.error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: model.error })) : (react_1.default.createElement(react_1.default.Fragment, null,
+        showImportForm ? react_1.default.createElement(ImportForm_1.default, { model: model }) : null,
+        react_1.default.createElement(react_1.default.Fragment, null,
+            !showFigure ? null : (react_1.default.createElement("div", { className: classes.scroller, style: {
+                    width: model.width,
+                    height: model.height,
+                } },
+                react_1.default.createElement("div", { className: classes.rotator, style: {
+                        transform: ["rotate(".concat(model.offsetRadians, "rad)")].join(' '),
+                        transition: 'transform 0.5s',
+                        transformOrigin: model.centerXY
+                            .map(function (x) { return "".concat(x, "px"); })
+                            .join(' '),
+                    } },
+                    react_1.default.createElement("svg", { style: {
+                            position: 'absolute',
+                            left: 0,
+                            top: 0,
+                        }, className: classes.sliceRoot, width: "".concat(model.figureWidth, "px"), height: "".concat(model.figureHeight, "px"), version: "1.1" },
+                        react_1.default.createElement("g", { transform: "translate(".concat(model.centerXY, ")") },
+                            react_1.default.createElement(Slices, { model: model })))))),
+            react_1.default.createElement(Controls, { model: model, showingFigure: showFigure }),
+            model.hideVerticalResizeHandle ? null : (react_1.default.createElement(ui_1.ResizeHandle, { onDrag: model.resizeHeight, style: {
+                    height: dragHandleHeight,
+                    position: 'absolute',
+                    bottom: 0,
+                    left: 0,
+                    background: '#ccc',
+                    boxSizing: 'border-box',
+                    borderTop: '1px solid #fafafa',
+                } })))))));
 });
-var _default = CircularView;
-exports.default = _default;
+exports.default = CircularView;
+//# sourceMappingURL=CircularView.js.map

package/dist/CircularView/components/CircularView.js.map

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