@jbrowse/plugin-circular-view 1.7.11 → 2.0.0

package/dist/CircularView/components/ImportForm.js

@@ -1,97 +1,82 @@
 "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 _core = require("@material-ui/core");
-
-var _mobxReact = require("mobx-react");
-
-var _util = require("@jbrowse/core/util");
-
-var _ErrorMessage = _interopRequireDefault(require("@jbrowse/core/ui/ErrorMessage"));
-
-var _AssemblySelector = _interopRequireDefault(require("@jbrowse/core/ui/AssemblySelector"));
-
-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, _core.makeStyles)(function (theme) {
-  return {
-    importFormContainer: {
-      marginBottom: theme.spacing(4)
+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);
     }
-  };
-}); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-var ImportForm = (0, _mobxReact.observer)(function (_ref) {
-  var model = _ref.model;
-  var classes = useStyles();
-  var session = (0, _util.getSession)(model);
-  var modelError = model.error;
-  var assemblyNames = session.assemblyNames,
-      assemblyManager = session.assemblyManager;
-
-  var _useState = (0, _react.useState)(assemblyNames[0]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selectedAsm = _useState2[0],
-      setSelectedAsm = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(modelError),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      error = _useState4[0],
-      setError = _useState4[1];
-
-  var assembly = assemblyManager.get(selectedAsm);
-  var assemblyError = assemblyNames.length ? assembly === null || assembly === void 0 ? void 0 : assembly.error : 'No configured assemblies';
-  var regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
-  var err = assemblyError || error;
-  return /*#__PURE__*/_react.default.createElement(_core.Container, {
-    className: classes.importFormContainer
-  }, err ? /*#__PURE__*/_react.default.createElement(_core.Grid, {
-    container: true,
-    spacing: 1,
-    justifyContent: "center",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_core.Grid, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
-    error: err
-  }))) : null, /*#__PURE__*/_react.default.createElement(_core.Grid, {
-    container: true,
-    spacing: 1,
-    justifyContent: "center",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_core.Grid, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_AssemblySelector.default, {
-    onChange: function onChange(val) {
-      setError(undefined);
-      setSelectedAsm(val);
-    },
-    session: session,
-    selected: selectedAsm
-  })), /*#__PURE__*/_react.default.createElement(_core.Grid, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_core.Button, {
-    disabled: !(regions !== null && regions !== void 0 && regions.length),
-    onClick: function onClick() {
-      return model.setDisplayedRegions(regions);
+    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;
+};
+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 util_1 = require("@jbrowse/core/util");
+var ui_1 = require("@jbrowse/core/ui");
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
+    importFormContainer: {
+        marginBottom: theme.spacing(4),
     },
-    variant: "contained",
-    color: "primary"
-  }, regions.length ? 'Open' : 'Loading…'))));
+}); });
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var ImportForm = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model;
+    var classes = useStyles().classes;
+    var session = (0, util_1.getSession)(model);
+    var modelError = model.error;
+    var assemblyNames = session.assemblyNames, assemblyManager = session.assemblyManager;
+    var _b = __read((0, react_1.useState)(assemblyNames[0]), 2), selectedAsm = _b[0], setSelectedAsm = _b[1];
+    var _c = __read((0, react_1.useState)(modelError), 2), error = _c[0], setError = _c[1];
+    var assembly = assemblyManager.get(selectedAsm);
+    var assemblyError = assemblyNames.length
+        ? assembly === null || assembly === void 0 ? void 0 : assembly.error
+        : 'No configured assemblies';
+    var regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
+    var err = assemblyError || error;
+    return (react_1.default.createElement(material_1.Container, { className: classes.importFormContainer },
+        err ? (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center" },
+            react_1.default.createElement(material_1.Grid, { item: true },
+                react_1.default.createElement(ui_1.ErrorMessage, { error: err })))) : null,
+        react_1.default.createElement(material_1.Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center" },
+            react_1.default.createElement(material_1.Grid, { item: true },
+                react_1.default.createElement(ui_1.AssemblySelector, { onChange: function (val) {
+                        setError(undefined);
+                        setSelectedAsm(val);
+                    }, session: session, selected: selectedAsm })),
+            react_1.default.createElement(material_1.Grid, { item: true },
+                react_1.default.createElement(material_1.Button, { disabled: !(regions === null || regions === void 0 ? void 0 : regions.length), onClick: function () { return model.setDisplayedRegions(regions); }, variant: "contained", color: "primary" }, regions.length ? 'Open' : 'Loading…')))));
 });
-var _default = ImportForm;
-exports.default = _default;
+exports.default = ImportForm;
+//# sourceMappingURL=ImportForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImportForm.js","sourceRoot":"","sources":["../../../src/CircularView/components/ImportForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,0CAAuD;AACvD,qCAA0C;AAC1C,yCAAqC;AACrC,2CAA+C;AAC/C,uCAAiE;AAEjE,IAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC;IACvC,mBAAmB,EAAE;QACnB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;CACF,CAAC,EAJsC,CAItC,CAAC,CAAA;AAEH,8DAA8D;AAC9D,IAAM,UAAU,GAAG,IAAA,qBAAQ,EAAC,UAAC,EAAyB;QAAvB,KAAK,WAAA;IAC1B,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IAC/B,IAAM,OAAO,GAAG,IAAA,iBAAU,EAAC,KAAK,CAAC,CAAA;IACzB,IAAO,UAAU,GAAK,KAAK,MAAV,CAAU;IAC3B,IAAA,aAAa,GAAsB,OAAO,cAA7B,EAAE,eAAe,GAAK,OAAO,gBAAZ,CAAY;IAC5C,IAAA,KAAA,OAAgC,IAAA,gBAAQ,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAA,EAAzD,WAAW,QAAA,EAAE,cAAc,QAA8B,CAAA;IAC1D,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAAoB,UAAU,CAAC,IAAA,EAA1D,KAAK,QAAA,EAAE,QAAQ,QAA2C,CAAA;IACjE,IAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;IACjD,IAAM,aAAa,GAAG,aAAa,CAAC,MAAM;QACxC,CAAC,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK;QACjB,CAAC,CAAC,0BAA0B,CAAA;IAC9B,IAAM,OAAO,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,KAAI,EAAE,CAAA;IACvC,IAAM,GAAG,GAAG,aAAa,IAAI,KAAK,CAAA;IAElC,OAAO,CACL,8BAAC,oBAAS,IAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB;QAC9C,GAAG,CAAC,CAAC,CAAC,CACL,8BAAC,eAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ;YACrE,8BAAC,eAAI,IAAC,IAAI;gBACR,8BAAC,iBAAY,IAAC,KAAK,EAAE,GAAG,GAAI,CACvB,CACF,CACR,CAAC,CAAC,CAAC,IAAI;QACR,8BAAC,eAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ;YACrE,8BAAC,eAAI,IAAC,IAAI;gBACR,8BAAC,qBAAgB,IACf,QAAQ,EAAE,UAAA,GAAG;wBACX,QAAQ,CAAC,SAAS,CAAC,CAAA;wBACnB,cAAc,CAAC,GAAG,CAAC,CAAA;oBACrB,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,WAAW,GACrB,CACG;YAEP,8BAAC,eAAI,IAAC,IAAI;gBACR,8BAAC,iBAAM,IACL,QAAQ,EAAE,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,EAC1B,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAlC,CAAkC,EACjD,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,IAEd,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAC9B,CACJ,CACF,CACG,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,UAAU,CAAA"}

package/dist/CircularView/components/Ruler.js

@@ -1,205 +1,159 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _util = require("@jbrowse/core/util");
-
-var _color = require("@jbrowse/core/util/color");
-
-var _styles = require("@material-ui/core/styles");
-
-var useStyles = (0, _styles.makeStyles)({
-  rulerLabel: {
-    fontSize: '0.8rem',
-    fontWeight: 500,
-    lineHeight: 1.6,
-    letterSpacing: '0.0075em'
-  }
+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 util_1 = require("@jbrowse/core/util");
+var color_1 = require("@jbrowse/core/util/color");
+var styles_1 = require("@mui/material/styles");
+var mui_1 = require("tss-react/mui");
+var useStyles = (0, mui_1.makeStyles)()({
+    rulerLabel: {
+        fontSize: '0.8rem',
+        fontWeight: 500,
+        lineHeight: 1.6,
+        letterSpacing: '0.0075em',
+    },
 });
-
 function sliceArcPath(slice, radiusPx, startBase, endBase) {
-  // A rx ry x-axis-rotation large-arc-flag sweep-flag x y
-  if (slice.flipped) {
-    ;
-    var _ref = [endBase, startBase];
-    startBase = _ref[0];
-    endBase = _ref[1];
-  }
-
-  var startXY = slice.bpToXY(startBase, radiusPx);
-  var endXY = slice.bpToXY(endBase, radiusPx);
-  var largeArc = Math.abs(endBase - startBase) / slice.bpPerRadian > Math.PI ? '1' : '0';
-  var sweepFlag = '1';
-  return ['M'].concat((0, _toConsumableArray2.default)(startXY), ['A', radiusPx, radiusPx, '0', largeArc, sweepFlag], (0, _toConsumableArray2.default)(endXY)).join(' ');
+    var _a;
+    // A rx ry x-axis-rotation large-arc-flag sweep-flag x y
+    if (slice.flipped) {
+        ;
+        _a = __read([endBase, startBase], 2), startBase = _a[0], endBase = _a[1];
+    }
+    var startXY = slice.bpToXY(startBase, radiusPx);
+    var endXY = slice.bpToXY(endBase, radiusPx);
+    var largeArc = Math.abs(endBase - startBase) / slice.bpPerRadian > Math.PI ? '1' : '0';
+    var sweepFlag = '1';
+    return __spreadArray(__spreadArray(__spreadArray([
+        'M'
+    ], __read(startXY), false), [
+        'A',
+        radiusPx,
+        radiusPx,
+        '0',
+        largeArc,
+        sweepFlag
+    ], false), __read(endXY), false).join(' ');
 }
-
-var ElisionRulerArc = (0, _mobxReact.observer)(function (_ref2) {
-  var model = _ref2.model,
-      slice = _ref2.slice;
-  var theme = (0, _styles.useTheme)();
-  var modelRadiusPx = model.radiusPx;
-  var radiusPx = modelRadiusPx + 1;
-  var endRadians = slice.endRadians,
-      startRadians = slice.startRadians,
-      region = slice.region;
-  var startXY = (0, _util.polarToCartesian)(radiusPx, startRadians);
-  var endXY = (0, _util.polarToCartesian)(radiusPx, endRadians);
-  var widthPx = (endRadians - startRadians) * radiusPx;
-  var largeArc = endRadians - startRadians > Math.PI ? '1' : '0'; // TODO: draw the elision
-
-  var centerRadians = (endRadians + startRadians) / 2;
-  var regionCountString = "[".concat(Number(region.regions.length).toLocaleString(), "]");
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(RulerLabel, {
-    text: regionCountString,
-    view: model,
-    maxWidthPx: widthPx,
-    radians: centerRadians,
-    radiusPx: radiusPx,
-    title: "".concat(Number(region.regions.length).toLocaleString(), " more regions"),
-    color: theme.palette.text.primary
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: ['M'].concat((0, _toConsumableArray2.default)(startXY), ['A', radiusPx, radiusPx, '0', largeArc, '1'], (0, _toConsumableArray2.default)(endXY)).join(' '),
-    stroke: theme.palette.text.secondary,
-    strokeWidth: 2,
-    strokeDasharray: "2,2",
-    fill: "none"
-  }));
+var ElisionRulerArc = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model, slice = _a.slice;
+    var theme = (0, styles_1.useTheme)();
+    var modelRadiusPx = model.radiusPx;
+    var radiusPx = modelRadiusPx + 1;
+    var endRadians = slice.endRadians, startRadians = slice.startRadians, region = slice.region;
+    var startXY = (0, util_1.polarToCartesian)(radiusPx, startRadians);
+    var endXY = (0, util_1.polarToCartesian)(radiusPx, endRadians);
+    var widthPx = (endRadians - startRadians) * radiusPx;
+    var largeArc = endRadians - startRadians > Math.PI ? '1' : '0';
+    // TODO: draw the elision
+    var centerRadians = (endRadians + startRadians) / 2;
+    var regionCountString = "[".concat(Number(region.regions.length).toLocaleString(), "]");
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(RulerLabel, { text: regionCountString, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, title: "".concat(Number(region.regions.length).toLocaleString(), " more regions"), color: theme.palette.text.primary }),
+        react_1.default.createElement("path", { d: __spreadArray(__spreadArray(__spreadArray([
+                'M'
+            ], __read(startXY), false), [
+                'A',
+                radiusPx,
+                radiusPx,
+                '0',
+                largeArc,
+                '1'
+            ], false), __read(endXY), false).join(' '), stroke: theme.palette.text.secondary, strokeWidth: 2, strokeDasharray: "2,2", fill: "none" })));
 });
-var RulerLabel = (0, _mobxReact.observer)(function (_ref3) {
-  var view = _ref3.view,
-      text = _ref3.text,
-      maxWidthPx = _ref3.maxWidthPx,
-      radians = _ref3.radians,
-      radiusPx = _ref3.radiusPx,
-      title = _ref3.title,
-      color = _ref3.color;
-  var classes = useStyles();
-  var textXY = (0, _util.polarToCartesian)(radiusPx + 5, radians);
-
-  if (!text) {
-    return null;
-  }
-
-  if (text.length * 6.5 < maxWidthPx) {
-    // text is rotated parallel to the ruler arc
-    return /*#__PURE__*/_react.default.createElement("text", {
-      x: 0,
-      y: 0,
-      className: classes.rulerLabel,
-      textAnchor: "middle",
-      dominantBaseline: "baseline",
-      transform: "translate(".concat(textXY, ") rotate(").concat((0, _util.radToDeg)(radians) + 90, ")"),
-      style: {
-        fill: color
-      }
-    }, text, /*#__PURE__*/_react.default.createElement("title", null, title || text));
-  }
-
-  if (maxWidthPx > 4) {
-    // text is rotated perpendicular to the ruler arc
-    var overallRotation = (0, _util.radToDeg)(radians + view.offsetRadians - Math.PI / 2);
-
-    if (overallRotation >= 180) {
-      return /*#__PURE__*/_react.default.createElement("text", {
-        x: 0,
-        y: 0,
-        className: classes.rulerLabel,
-        textAnchor: "start",
-        dominantBaseline: "middle",
-        transform: "translate(".concat(textXY, ") rotate(").concat((0, _util.radToDeg)(radians), ")"),
-        style: {
-          fill: color
+var RulerLabel = (0, mobx_react_1.observer)(function (_a) {
+    var view = _a.view, text = _a.text, maxWidthPx = _a.maxWidthPx, radians = _a.radians, radiusPx = _a.radiusPx, title = _a.title, color = _a.color;
+    var classes = useStyles().classes;
+    var textXY = (0, util_1.polarToCartesian)(radiusPx + 5, radians);
+    if (!text) {
+        return null;
+    }
+    if (text.length * 6.5 < maxWidthPx) {
+        // text is rotated parallel to the ruler arc
+        return (react_1.default.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "middle", dominantBaseline: "baseline", transform: "translate(".concat(textXY, ") rotate(").concat((0, util_1.radToDeg)(radians) + 90, ")"), style: { fill: color } },
+            text,
+            react_1.default.createElement("title", null, title || text)));
+    }
+    if (maxWidthPx > 4) {
+        // text is rotated perpendicular to the ruler arc
+        var overallRotation = (0, util_1.radToDeg)(radians + view.offsetRadians - Math.PI / 2);
+        if (overallRotation >= 180) {
+            return (react_1.default.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "start", dominantBaseline: "middle", transform: "translate(".concat(textXY, ") rotate(").concat((0, util_1.radToDeg)(radians), ")"), style: { fill: color } },
+                text,
+                react_1.default.createElement("title", null, title || text)));
         }
-      }, text, /*#__PURE__*/_react.default.createElement("title", null, title || text));
+        return (react_1.default.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "end", dominantBaseline: "middle", transform: "translate(".concat(textXY, ") rotate(").concat((0, util_1.radToDeg)(radians) + 180, ")"), style: { fill: color } },
+            text,
+            react_1.default.createElement("title", null, title || text)));
     }
-
-    return /*#__PURE__*/_react.default.createElement("text", {
-      x: 0,
-      y: 0,
-      className: classes.rulerLabel,
-      textAnchor: "end",
-      dominantBaseline: "middle",
-      transform: "translate(".concat(textXY, ") rotate(").concat((0, _util.radToDeg)(radians) + 180, ")"),
-      style: {
-        fill: color
-      }
-    }, text, /*#__PURE__*/_react.default.createElement("title", null, title || text));
-  } // if you get here there is no room for the text at all
-
-
-  return null;
+    // if you get here there is no room for the text at all
+    return null;
 });
-var RegionRulerArc = (0, _mobxReact.observer)(function (_ref4) {
-  var model = _ref4.model,
-      slice = _ref4.slice;
-  var theme = (0, _styles.useTheme)();
-  var radiusPx = model.radiusPx;
-  var region = slice.region,
-      endRadians = slice.endRadians,
-      startRadians = slice.startRadians;
-  var centerRadians = (endRadians + startRadians) / 2;
-  var widthPx = (endRadians - startRadians) * radiusPx;
-  var session = (0, _util.getSession)(model);
-  var color;
-  var assembly = session.assemblyManager.get(slice.region.assemblyName);
-
-  if (assembly) {
-    color = assembly.getRefNameColor(region.refName);
-  }
-
-  if (color) {
-    try {
-      color = (0, _color.makeContrasting)(color, theme.palette.background.paper);
-    } catch (error) {
-      color = theme.palette.text.primary;
+var RegionRulerArc = (0, mobx_react_1.observer)(function (_a) {
+    var model = _a.model, slice = _a.slice;
+    var theme = (0, styles_1.useTheme)();
+    var radiusPx = model.radiusPx;
+    var region = slice.region, endRadians = slice.endRadians, startRadians = slice.startRadians;
+    var centerRadians = (endRadians + startRadians) / 2;
+    var widthPx = (endRadians - startRadians) * radiusPx;
+    var session = (0, util_1.getSession)(model);
+    var color;
+    var assembly = session.assemblyManager.get(slice.region.assemblyName);
+    if (assembly) {
+        color = assembly.getRefNameColor(region.refName);
     }
-  } else {
-    color = theme.palette.text.primary;
-  } // TODO: slice flipping
-
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(RulerLabel, {
-    text: region.refName,
-    view: model,
-    maxWidthPx: widthPx,
-    radians: centerRadians,
-    radiusPx: radiusPx,
-    color: color
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: sliceArcPath(slice, radiusPx + 1, region.start, region.end),
-    stroke: color,
-    strokeWidth: 2,
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("title", null, region.refName)));
+    if (color) {
+        try {
+            color = (0, color_1.makeContrasting)(color, theme.palette.background.paper);
+        }
+        catch (error) {
+            color = theme.palette.text.primary;
+        }
+    }
+    else {
+        color = theme.palette.text.primary;
+    }
+    // TODO: slice flipping
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(RulerLabel, { text: region.refName, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, color: color }),
+        react_1.default.createElement("path", { d: sliceArcPath(slice, radiusPx + 1, region.start, region.end), stroke: color, strokeWidth: 2, fill: "none" },
+            react_1.default.createElement("title", null, region.refName))));
 });
-var CircularRuler = (0, _mobxReact.observer)(function Ruler(_ref5) {
-  var model = _ref5.model,
-      slice = _ref5.slice;
-
-  if (slice.region.elided) {
-    return /*#__PURE__*/_react.default.createElement(ElisionRulerArc, {
-      key: (0, _util.assembleLocString)(slice.region.regions[0]),
-      model: model,
-      slice: slice
-    });
-  }
-
-  return /*#__PURE__*/_react.default.createElement(RegionRulerArc, {
-    key: (0, _util.assembleLocString)(slice.region),
-    model: model,
-    slice: slice
-  });
+var CircularRuler = (0, mobx_react_1.observer)(function Ruler(_a) {
+    var model = _a.model, slice = _a.slice;
+    if (slice.region.elided) {
+        return (react_1.default.createElement(ElisionRulerArc, { key: (0, util_1.assembleLocString)(slice.region.regions[0]), model: model, slice: slice }));
+    }
+    return (react_1.default.createElement(RegionRulerArc, { key: (0, util_1.assembleLocString)(slice.region), model: model, slice: slice }));
 });
-var _default = CircularRuler;
-exports.default = _default;
+exports.default = CircularRuler;
+//# sourceMappingURL=Ruler.js.map

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

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

package/dist/CircularView/models/CircularView.d.ts

@@ -1,7 +1,7 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration/configurationSchema';
 import PluginManager from '@jbrowse/core/PluginManager';
 import { SnapshotOrInstance, Instance } from 'mobx-state-tree';
 import { Region } from '@jbrowse/core/util/types/mst';
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 export default function CircularView(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -69,7 +69,7 @@ export default function CircularView(pluginManager: PluginManager): import("mobx
     readonly assemblyNames: string[];
     readonly initialized: boolean;
 } & {
-    error: Error | undefined;
+    error: unknown;
 } & {
     setWidth(newWidth: number): number;
     setHeight(newHeight: number): number;
@@ -87,7 +87,7 @@ export default function CircularView(pluginManager: PluginManager): import("mobx
     setDisplayedRegions(regions: SnapshotOrInstance<typeof Region>[]): void;
     activateTrackSelector(): import("@jbrowse/core/util").Widget;
     toggleTrack(trackId: string): void;
-    setError(error: Error): void;
+    setError(error: unknown): void;
     showTrack(trackId: string, initialSnapshot?: {}): void;
     addTrackConf(configuration: AnyConfigurationModel, initialSnapshot?: {}): void;
     hideTrack(trackId: string): number;