@jbrowse/plugin-circular-view 1.7.11 → 2.0.0

package/dist/BaseChordDisplay/components/BaseChordDisplay.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: ({ lib, load }: PluginManager) => {
-    ({ display }: any): JSX.Element;
-    propTypes: {
-        display: import("prop-types").Validator<any>;
-    };
-};
+declare function BaseChordDisplay({ display }: any): JSX.Element;
+declare const _default: typeof BaseChordDisplay;
 export default _default;

package/dist/BaseChordDisplay/components/BaseChordDisplay.js

@@ -1,53 +1,23 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Loading = _interopRequireDefault(require("./Loading"));
-
-var _DisplayError = _interopRequireDefault(require("./DisplayError"));
-
-var _RpcRenderedSvgGroup = _interopRequireDefault(require("./RpcRenderedSvgGroup"));
-
-var _default = function _default(_ref) {
-  var lib = _ref.lib,
-      load = _ref.load;
-  var React = lib.react;
-  var _lib$mobxReact = lib['mobx-react'],
-      observer = _lib$mobxReact.observer,
-      MobxPropTypes = _lib$mobxReact.PropTypes;
-  var Loading = load(_Loading.default);
-  var DisplayError = load(_DisplayError.default);
-  var RpcRenderedSvgGroup = load(_RpcRenderedSvgGroup.default); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-  function BaseChordDisplay(_ref2) {
-    var display = _ref2.display;
-
+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 Loading_1 = __importDefault(require("./Loading"));
+var DisplayError_1 = __importDefault(require("./DisplayError"));
+var RpcRenderedSvgGroup_1 = __importDefault(require("./RpcRenderedSvgGroup"));
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function BaseChordDisplay(_a) {
+    var display = _a.display;
     if (display.error) {
-      return /*#__PURE__*/React.createElement(DisplayError, {
-        model: display
-      });
+        return react_1.default.createElement(DisplayError_1.default, { model: display });
     }
-
     if (!display.filled) {
-      return /*#__PURE__*/React.createElement(Loading, {
-        model: display
-      });
+        return react_1.default.createElement(Loading_1.default, { model: display });
     }
-
-    return /*#__PURE__*/React.createElement(RpcRenderedSvgGroup, {
-      model: display
-    });
-  }
-
-  BaseChordDisplay.propTypes = {
-    display: MobxPropTypes.observableObject.isRequired
-  };
-  return observer(BaseChordDisplay);
-};
-
-exports.default = _default;
+    return react_1.default.createElement(RpcRenderedSvgGroup_1.default, { model: display });
+}
+exports.default = (0, mobx_react_1.observer)(BaseChordDisplay);
+//# sourceMappingURL=BaseChordDisplay.js.map

package/dist/BaseChordDisplay/components/BaseChordDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseChordDisplay.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/components/BaseChordDisplay.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,yCAAqC;AACrC,sDAA+B;AAC/B,gEAAyC;AACzC,8EAAuD;AACvD,8DAA8D;AAC9D,SAAS,gBAAgB,CAAC,EAAgB;QAAd,OAAO,aAAA;IACjC,IAAI,OAAO,CAAC,KAAK,EAAE;QACjB,OAAO,8BAAC,sBAAY,IAAC,KAAK,EAAE,OAAO,GAAI,CAAA;KACxC;IACD,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,OAAO,8BAAC,iBAAO,IAAC,KAAK,EAAE,OAAO,GAAI,CAAA;KACnC;IACD,OAAO,8BAAC,6BAAmB,IAAC,KAAK,EAAE,OAAO,GAAI,CAAA;AAChD,CAAC;AACD,kBAAe,IAAA,qBAAQ,EAAC,gBAAgB,CAAC,CAAA"}

package/dist/BaseChordDisplay/components/DisplayError.d.ts

@@ -1,4 +1,9 @@
-declare function _default({ jbrequire }: {
-    jbrequire: any;
-}): any;
-export default _default;
+export default DisplayError;
+declare function DisplayError({ model: { renderProps: { radius }, error, }, }: {
+    model: {
+        renderProps: {
+            radius: any;
+        };
+        error: any;
+    };
+}): JSX.Element;

package/dist/BaseChordDisplay/components/DisplayError.js

@@ -1,70 +1,27 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _default = function _default(_ref) {
-  var jbrequire = _ref.jbrequire;
-  var React = jbrequire('react');
-
-  var _jbrequire = jbrequire('@material-ui/core/styles'),
-      makeStyles = _jbrequire.makeStyles;
-
-  var _jbrequire2 = jbrequire('mobx-react'),
-      observer = _jbrequire2.observer;
-
-  var useStyles = makeStyles({
+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 mui_1 = require("tss-react/mui");
+var useStyles = (0, mui_1.makeStyles)()({
     errorMessage: {},
     errorBackground: {},
-    errorText: {}
-  }); // 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
-
-  var DisplayError = observer(function (_ref2) {
-    var _ref2$model = _ref2.model,
-        radius = _ref2$model.renderProps.radius,
-        error = _ref2$model.error;
-    var classes = useStyles();
-    return /*#__PURE__*/React.createElement("g", {
-      className: classes.errorMessage
-    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
-      id: "diagonalHatch",
-      width: "10",
-      height: "10",
-      patternTransform: "rotate(45 0 0)",
-      patternUnits: "userSpaceOnUse"
-    }, /*#__PURE__*/React.createElement("line", {
-      x1: "0",
-      y1: "0",
-      x2: "0",
-      y2: "10",
-      style: {
-        stroke: 'rgba(255,0,0,0.5)',
-        strokeWidth: 10
-      }
-    }))), /*#__PURE__*/React.createElement("circle", {
-      className: classes.errorBackground,
-      cx: "0",
-      cy: "0",
-      r: radius,
-      fill: "#ffb4b4"
-    }), /*#__PURE__*/React.createElement("circle", {
-      className: classes.errorPattern,
-      cx: "0",
-      cy: "0",
-      r: radius,
-      fill: "url(#diagonalHatch)"
-    }), /*#__PURE__*/React.createElement("text", {
-      className: classes.errorText,
-      x: "0",
-      y: "0",
-      transform: "rotate(90 0 0)",
-      dominantBaseline: "middle",
-      textAnchor: "middle"
-    }, String(error)));
-  });
-  return DisplayError;
-};
-
-exports.default = _default;
+    errorText: {},
+});
+// 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
+var DisplayError = (0, mobx_react_1.observer)(function (_a) {
+    var _b = _a.model, radius = _b.renderProps.radius, error = _b.error;
+    var classes = useStyles().classes;
+    return (react_1.default.createElement("g", { className: classes.errorMessage },
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("pattern", { id: "diagonalHatch", width: "10", height: "10", patternTransform: "rotate(45 0 0)", patternUnits: "userSpaceOnUse" },
+                react_1.default.createElement("line", { x1: "0", y1: "0", x2: "0", y2: "10", style: { stroke: 'rgba(255,0,0,0.5)', strokeWidth: 10 } }))),
+        react_1.default.createElement("circle", { className: classes.errorBackground, cx: "0", cy: "0", r: radius, fill: "#ffb4b4" }),
+        react_1.default.createElement("circle", { className: classes.errorPattern, cx: "0", cy: "0", r: radius, fill: "url(#diagonalHatch)" }),
+        react_1.default.createElement("text", { className: classes.errorText, x: "0", y: "0", transform: "rotate(90 0 0)", dominantBaseline: "middle", textAnchor: "middle" }, String(error))));
+});
+exports.default = DisplayError;
+//# sourceMappingURL=DisplayError.js.map

package/dist/BaseChordDisplay/components/DisplayError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayError.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/components/DisplayError.js"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,yCAAqC;AACrC,qCAA0C;AAE1C,IAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC;IAC7B,YAAY,EAAE,EAAE;IAChB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE;CACd,CAAC,CAAA;AAEF,yHAAyH;AACzH,IAAM,YAAY,GAAG,IAAA,qBAAQ,EAC3B,UAAC,EAKA;QAJC,aAGC,EAFgB,MAAM,wBAAA,EACrB,KAAK,WAAA;IAGC,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IAC/B,OAAO,CACL,qCAAG,SAAS,EAAE,OAAO,CAAC,YAAY;QAChC;YACE,2CACE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,gBAAgB,EAAC,gBAAgB,EACjC,YAAY,EAAC,gBAAgB;gBAE7B,wCACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,EAAE,EAAE,GACvD,CACM,CACL;QACP,0CACE,SAAS,EAAE,OAAO,CAAC,eAAe,EAClC,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,SAAS,GACd;QACF,0CACE,SAAS,EAAE,OAAO,CAAC,YAAY,EAC/B,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,qBAAqB,GAC1B;QACF,wCACE,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,SAAS,EAAC,gBAAgB,EAC1B,gBAAgB,EAAC,QAAQ,EACzB,UAAU,EAAC,QAAQ,IAElB,MAAM,CAAC,KAAK,CAAC,CACT,CACL,CACL,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,YAAY,CAAA"}

package/dist/BaseChordDisplay/components/Loading.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => ({ model: { renderProps: { radius }, }, }: {
+declare const Loading: ({ model: { renderProps: { radius }, }, }: {
     model: {
         renderProps: {
             radius: number;
         };
     };
 }) => JSX.Element | null;
-export default _default;
+export default Loading;

package/dist/BaseChordDisplay/components/Loading.js

@@ -1,122 +1,108 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 _default = function _default(pluginManager) {
-  var lib = pluginManager.lib;
-  var React = lib.react;
-  var useState = React.useState,
-      useEffect = React.useEffect;
-  var makeStyles = lib['@material-ui/core/styles'].makeStyles;
-  var observer = lib['mobx-react'].observer;
-  var useStyles = makeStyles(function (theme) {
+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;
+};
+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 useStyles = (0, mui_1.makeStyles)()(function (theme) {
     var offset = 2;
     var duration = 1.4;
+    // @ts-ignore
+    var _a = theme.palette, primary = _a.primary, secondary = _a.secondary, tertiary = _a.tertiary, quaternary = _a.quaternary;
     return {
-      path: {
-        strokeDasharray: 187,
-        strokeDashoffset: 50,
-        animation: "$dash ".concat(duration, "s ease-in-out infinite, $colors ").concat(duration * 4, "s ease-in-out infinite")
-      },
-      '@keyframes colors': {
-        '0%': {
-          stroke: theme.palette.primary.light
+        path: {
+            strokeDasharray: 187,
+            strokeDashoffset: 50,
+            animation: "$dash ".concat(duration, "s ease-in-out infinite, $colors ").concat(duration * 4, "s ease-in-out infinite"),
         },
-        '25%': {
-          stroke: theme.palette.secondary.light
+        '@keyframes colors': {
+            '0%': {
+                stroke: primary.light,
+            },
+            '25%': {
+                stroke: secondary.light,
+            },
+            '50%': {
+                stroke: tertiary.light,
+            },
+            '75%': {
+                stroke: quaternary.light,
+            },
+            '100%': {
+                stroke: primary.light,
+            },
         },
-        '50%': {
-          stroke: theme.palette.tertiary.light
-        },
-        '75%': {
-          stroke: theme.palette.quaternary.light
-        },
-        '100%': {
-          stroke: theme.palette.primary.light
-        }
-      },
-      '@keyframes dash': {
-        '0%': {
-          strokeDashoffset: offset
+        '@keyframes dash': {
+            '0%': {
+                strokeDashoffset: offset,
+            },
+            '50%': {
+                strokeDashoffset: offset / 4,
+                transform: 'rotate(135deg)',
+            },
+            '100%': {
+                strokeDashoffset: offset,
+                transform: 'rotate(720deg)',
+            },
         },
-        '50%': {
-          strokeDashoffset: offset / 4,
-          transform: 'rotate(135deg)'
-        },
-        '100%': {
-          strokeDashoffset: offset,
-          transform: 'rotate(720deg)'
-        }
-      }
     };
-  }); // 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
-
-  var Loading = observer(function (_ref) {
-    var radius = _ref.model.renderProps.radius;
-    var classes = useStyles(); // only show the loading message after 400ms to prevent excessive flickering
-
-    var _useState = useState(false),
-        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-        shown = _useState2[0],
-        setShown = _useState2[1];
-
-    useEffect(function () {
-      var timeout = setTimeout(function () {
-        return setShown(true);
-      }, 400);
-      return function () {
-        return clearTimeout(timeout);
-      };
+});
+// 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
+var Loading = (0, mobx_react_1.observer)(function (_a) {
+    var radius = _a.model.renderProps.radius;
+    var classes = useStyles().classes;
+    // only show the loading message after 400ms to prevent excessive flickering
+    var _b = __read((0, react_1.useState)(false), 2), shown = _b[0], setShown = _b[1];
+    (0, react_1.useEffect)(function () {
+        var timeout = setTimeout(function () { return setShown(true); }, 400);
+        return function () { return clearTimeout(timeout); };
     });
-    return !shown ? null : /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
-      id: "diagonalHatch",
-      width: "10",
-      height: "10",
-      patternTransform: "rotate(45 0 0)",
-      patternUnits: "userSpaceOnUse"
-    }, /*#__PURE__*/React.createElement("line", {
-      x1: "0",
-      y1: "0",
-      x2: "0",
-      y2: "10",
-      style: {
-        stroke: 'rgba(255,255,255,0.5)',
-        strokeWidth: 10
-      }
-    }))), /*#__PURE__*/React.createElement("circle", {
-      cx: "0",
-      cy: "0",
-      r: radius,
-      fill: "#f1f1f1"
-    }), /*#__PURE__*/React.createElement("circle", {
-      cx: "0",
-      cy: "0",
-      r: radius,
-      fill: "url(#diagonalHatch)"
-    }), /*#__PURE__*/React.createElement("text", {
-      x: "0",
-      y: "0",
-      transform: "rotate(90 0 0)",
-      dominantBaseline: "middle",
-      textAnchor: "middle"
-    }, "Loading\u2026"), /*#__PURE__*/React.createElement("circle", {
-      className: classes.path,
-      fill: "none",
-      strokeWidth: "4",
-      strokeLinecap: "round",
-      cx: "0",
-      cy: "0",
-      r: "60"
-    }));
-  });
-  return Loading;
-};
-
-exports.default = _default;
+    return !shown ? null : (react_1.default.createElement("g", null,
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("pattern", { id: "diagonalHatch", width: "10", height: "10", patternTransform: "rotate(45 0 0)", patternUnits: "userSpaceOnUse" },
+                react_1.default.createElement("line", { x1: "0", y1: "0", x2: "0", y2: "10", style: { stroke: 'rgba(255,255,255,0.5)', strokeWidth: 10 } }))),
+        react_1.default.createElement("circle", { cx: "0", cy: "0", r: radius, fill: "#f1f1f1" }),
+        react_1.default.createElement("circle", { cx: "0", cy: "0", r: radius, fill: "url(#diagonalHatch)" }),
+        react_1.default.createElement("text", { x: "0", y: "0", transform: "rotate(90 0 0)", dominantBaseline: "middle", textAnchor: "middle" }, "Loading\u2026"),
+        react_1.default.createElement("circle", { className: classes.path, fill: "none", strokeWidth: "4", strokeLinecap: "round", cx: "0", cy: "0", r: "60" })));
+});
+exports.default = Loading;
+//# sourceMappingURL=Loading.js.map

package/dist/BaseChordDisplay/components/Loading.js.map

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

package/dist/BaseChordDisplay/components/RpcRenderedSvgGroup.d.ts

@@ -1,4 +1,4 @@
-declare function _default({ jbrequire }: {
-    jbrequire: any;
-}): any;
+declare function _default({ model }: {
+    model: any;
+}): JSX.Element;
 export default _default;

package/dist/BaseChordDisplay/components/RpcRenderedSvgGroup.js

@@ -1,96 +1,85 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-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 React = jbrequire('react');
-
-  var _jbrequire = jbrequire('mobx-state-tree'),
-      isAlive = _jbrequire.isAlive;
-
-  var useEffect = React.useEffect,
-      useRef = React.useRef;
-
-  var _jbrequire2 = jbrequire('mobx-react'),
-      observer = _jbrequire2.observer,
-      MobxPropTypes = _jbrequire2.PropTypes;
-
-  var _jbrequire3 = jbrequire('react-dom'),
-      unmountComponentAtNode = _jbrequire3.unmountComponentAtNode,
-      hydrate = _jbrequire3.hydrate;
-
-  var _jbrequire4 = jbrequire('@jbrowse/core/util'),
-      rIC = _jbrequire4.rIC;
-
-  function RpcRenderedSvgGroup(_ref2) {
-    var model = _ref2.model;
-    var data = model.data,
-        html = model.html,
-        filled = model.filled,
-        renderingComponent = model.renderingComponent;
-    var ssrContainerNode = useRef(null);
-    useEffect(function () {
-      var domNode = ssrContainerNode.current;
-
-      function doHydrate() {
-        if (domNode && filled) {
-          if (domNode && domNode.innerHTML) {
-            domNode.style.display = 'none';
-            unmountComponentAtNode(domNode);
-          } // setting outline:none fixes react "focusable" element issue. see
-          // https://github.com/GMOD/jbrowse-components/issues/2160
-
-
-          domNode.style.outline = 'none';
-          domNode.innerHTML = html; // use requestIdleCallback to defer main-thread rendering
-          // and hydration for when we have some free time. helps
-          // keep the framerate up.
-
-          rIC(function () {
-            if (!isAlive(model)) {
-              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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var mobx_state_tree_1 = require("mobx-state-tree");
+var mobx_react_1 = require("mobx-react");
+var react_dom_1 = require("react-dom");
+var util_1 = require("@jbrowse/core/util");
+function RpcRenderedSvgGroup(_a) {
+    var model = _a.model;
+    var data = model.data, html = model.html, filled = model.filled, renderingComponent = model.renderingComponent;
+    var ssrContainerNode = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        var domNode = ssrContainerNode.current;
+        function doHydrate() {
+            if (domNode && filled) {
+                if (domNode.innerHTML) {
+                    domNode.style.display = 'none';
+                    (0, react_dom_1.unmountComponentAtNode)(domNode);
+                }
+                // setting outline:none fixes react "focusable" element issue. see
+                // https://github.com/GMOD/jbrowse-components/issues/2160
+                domNode.style.outline = 'none';
+                domNode.innerHTML = html;
+                // use requestIdleCallback to defer main-thread rendering
+                // and hydration for when we have some free time. helps
+                // keep the framerate up.
+                (0, util_1.rIC)(function () {
+                    if (!(0, mobx_state_tree_1.isAlive)(model)) {
+                        return;
+                    }
+                    var mainThreadRendering = react_1.default.createElement(renderingComponent, __assign(__assign({}, data), model.renderProps()), null);
+                    (0, util_1.rIC)(function () {
+                        if (!(0, mobx_state_tree_1.isAlive)(model)) {
+                            return;
+                        }
+                        (0, react_dom_1.hydrate)(mainThreadRendering, domNode);
+                    });
+                });
             }
-
-            var mainThreadRendering = React.createElement(renderingComponent, _objectSpread(_objectSpread({}, data), model.renderProps()), null);
-            rIC(function () {
-              if (!isAlive(model)) {
-                return;
-              }
-
-              hydrate(mainThreadRendering, domNode);
-            });
-          });
-        }
-      }
-
-      doHydrate();
-      return function () {
-        if (domNode) {
-          unmountComponentAtNode(domNode);
         }
-      };
-    });
-    return /*#__PURE__*/React.createElement("g", {
-      ref: ssrContainerNode
+        doHydrate();
+        return function () {
+            if (domNode) {
+                (0, react_dom_1.unmountComponentAtNode)(domNode);
+            }
+        };
     });
-  }
-
-  RpcRenderedSvgGroup.propTypes = {
-    model: MobxPropTypes.observableObject.isRequired
-  };
-  return observer(RpcRenderedSvgGroup);
-};
-
-exports.default = _default;
+    return react_1.default.createElement("g", { ref: ssrContainerNode });
+}
+exports.default = (0, mobx_react_1.observer)(RpcRenderedSvgGroup);
+//# sourceMappingURL=RpcRenderedSvgGroup.js.map

package/dist/BaseChordDisplay/components/RpcRenderedSvgGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RpcRenderedSvgGroup.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/components/RpcRenderedSvgGroup.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgD;AAChD,mDAAyC;AACzC,yCAAqC;AACrC,uCAA2D;AAC3D,2CAAwC;AAExC,SAAS,mBAAmB,CAAC,EAAS;QAAP,KAAK,WAAA;IAC1B,IAAA,IAAI,GAAuC,KAAK,KAA5C,EAAE,IAAI,GAAiC,KAAK,KAAtC,EAAE,MAAM,GAAyB,KAAK,OAA9B,EAAE,kBAAkB,GAAK,KAAK,mBAAV,CAAU;IAExD,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAErC,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAA;QACxC,SAAS,SAAS;YAChB,IAAI,OAAO,IAAI,MAAM,EAAE;gBACrB,IAAI,OAAO,CAAC,SAAS,EAAE;oBACrB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;oBAC9B,IAAA,kCAAsB,EAAC,OAAO,CAAC,CAAA;iBAChC;gBAED,kEAAkE;gBAClE,yDAAyD;gBACzD,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;gBAC9B,OAAO,CAAC,SAAS,GAAG,IAAI,CAAA;gBACxB,yDAAyD;gBACzD,uDAAuD;gBACvD,yBAAyB;gBACzB,IAAA,UAAG,EAAC;oBACF,IAAI,CAAC,IAAA,yBAAO,EAAC,KAAK,CAAC,EAAE;wBACnB,OAAM;qBACP;oBACD,IAAM,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAC7C,kBAAkB,wBACb,IAAI,GAAK,KAAK,CAAC,WAAW,EAAE,GACjC,IAAI,CACL,CAAA;oBACD,IAAA,UAAG,EAAC;wBACF,IAAI,CAAC,IAAA,yBAAO,EAAC,KAAK,CAAC,EAAE;4BACnB,OAAM;yBACP;wBACD,IAAA,mBAAO,EAAC,mBAAmB,EAAE,OAAO,CAAC,CAAA;oBACvC,CAAC,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;aACH;QACH,CAAC;QACD,SAAS,EAAE,CAAA;QACX,OAAO;YACL,IAAI,OAAO,EAAE;gBACX,IAAA,kCAAsB,EAAC,OAAO,CAAC,CAAA;aAChC;QACH,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,qCAAG,GAAG,EAAE,gBAAgB,GAAI,CAAA;AACrC,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,mBAAmB,CAAC,CAAA"}