@jbrowse/plugin-alignments 1.7.9 → 2.0.0

package/dist/AlignmentsFeatureDetail/AlignmentsFeatureDetail.js

@@ -1,217 +1,202 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = require("@material-ui/core");
-
-var _mobxReact = require("mobx-react");
-
-var _util = require("@jbrowse/core/util");
-
-var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
-
-var _BaseFeatureDetail = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
-
-var _MismatchParser = require("../BamAdapter/MismatchParser");
-
-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 () {
-  return {
-    compact: {
-      paddingRight: 0,
-      paddingTop: 0,
-      paddingBottom: 0
+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;
 });
-var omit = ['clipPos', 'flags']; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+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 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 copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
+var BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
+var MismatchParser_1 = require("../BamAdapter/MismatchParser");
+var useStyles = (0, mui_1.makeStyles)()(function () { return ({
+    compact: {
+        paddingRight: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+    },
+}); });
+var omit = ['clipPos', 'flags'];
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function AlignmentFlags(props) {
-  var classes = useStyles();
-  var feature = props.feature;
-  var flags = feature.flags;
-  var flagNames = ['read paired', 'read mapped in proper pair', 'read unmapped', 'mate unmapped', 'read reverse strand', 'mate reverse strand', 'first in pair', 'second in pair', 'not primary alignment', 'read fails platform/vendor quality checks', 'read is PCR or optical duplicate', 'supplementary alignment'];
-  return /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.BaseCard, (0, _extends2.default)({}, props, {
-    title: "Flags"
-  }), /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.SimpleValue, {
-    name: 'Flag',
-    value: flags
-  }), /*#__PURE__*/_react.default.createElement(_core.FormGroup, null, flagNames.map(function (name, index) {
-    var val = flags & 1 << index;
-    var key = "".concat(name, "_").concat(val);
-    return /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
-      key: key,
-      control: /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
-        className: classes.compact,
-        checked: Boolean(val),
-        name: name,
-        readOnly: true
-      }),
-      label: name
-    });
-  })));
+    var classes = useStyles().classes;
+    var feature = props.feature;
+    var flags = feature.flags;
+    var flagNames = [
+        'read paired',
+        'read mapped in proper pair',
+        'read unmapped',
+        'mate unmapped',
+        'read reverse strand',
+        'mate reverse strand',
+        'first in pair',
+        'second in pair',
+        'not primary alignment',
+        'read fails platform/vendor quality checks',
+        'read is PCR or optical duplicate',
+        'supplementary alignment',
+    ];
+    return (react_1.default.createElement(BaseFeatureDetail_1.BaseCard, __assign({}, props, { title: "Flags" }),
+        react_1.default.createElement(BaseFeatureDetail_1.SimpleValue, { name: 'Flag', value: flags }),
+        react_1.default.createElement(material_1.FormGroup, null, flagNames.map(function (name, index) {
+            var val = flags & (1 << index);
+            var key = "".concat(name, "_").concat(val);
+            return (react_1.default.createElement(material_1.FormControlLabel, { key: key, control: react_1.default.createElement(material_1.Checkbox, { className: classes.compact, checked: Boolean(val), name: name, readOnly: true }), label: name }));
+        }))));
+}
+function Formatter(_a) {
+    var value = _a.value;
+    var _b = __read((0, react_1.useState)(false), 2), show = _b[0], setShow = _b[1];
+    var _c = __read((0, react_1.useState)(false), 2), copied = _c[0], setCopied = _c[1];
+    var display = String(value);
+    if (display.length > 100) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("button", { type: "button", onClick: function () {
+                    (0, copy_to_clipboard_1.default)(display);
+                    setCopied(true);
+                    setTimeout(function () {
+                        setCopied(false);
+                    }, 700);
+                } }, copied ? 'Copied to clipboard' : 'Copy'),
+            react_1.default.createElement("button", { type: "button", onClick: function () { return setShow(function (val) { return !val; }); } }, show ? 'Show less' : 'Show more'),
+            react_1.default.createElement("div", null, show ? display : "".concat(display.slice(0, 100), "..."))));
+    }
+    return react_1.default.createElement("div", null, display);
 }
-
-function Formatter(_ref) {
-  var value = _ref.value;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
-
-  var display = String(value);
-
-  if (display.length > 100) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      onClick: function onClick() {
-        return (0, _copyToClipboard.default)(display);
-      }
-    }, "Copy"), /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      onClick: function onClick() {
-        return setShow(function (val) {
-          return !val;
-        });
-      }
-    }, show ? 'Show less' : 'Show more'), /*#__PURE__*/_react.default.createElement("div", null, show ? display : "".concat(display.slice(0, 100), "...")));
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", null, display);
-} // utility function to get length of alignment from cigar
-
-
+// utility function to get length of alignment from cigar
 function getLengthOnRef(cigar) {
-  var cigarOps = (0, _MismatchParser.parseCigar)(cigar);
-  var lengthOnRef = 0;
-
-  for (var i = 0; i < cigarOps.length; i += 2) {
-    var len = +cigarOps[i];
-    var op = cigarOps[i + 1];
-
-    if (op !== 'H' && op !== 'S' && op !== 'I') {
-      lengthOnRef += len;
+    var cigarOps = (0, MismatchParser_1.parseCigar)(cigar);
+    var lengthOnRef = 0;
+    for (var i = 0; i < cigarOps.length; i += 2) {
+        var len = +cigarOps[i];
+        var op = cigarOps[i + 1];
+        if (op !== 'H' && op !== 'S' && op !== 'I') {
+            lengthOnRef += len;
+        }
     }
-  }
-
-  return lengthOnRef;
-} // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-
+    return lengthOnRef;
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function SupplementaryAlignments(props) {
-  var tag = props.tag,
-      model = props.model;
-  var session = (0, _util.getSession)(model);
-  return /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.BaseCard, (0, _extends2.default)({}, props, {
-    title: "Supplementary alignments"
-  }), /*#__PURE__*/_react.default.createElement(_core.Typography, null, "List of supplementary alignment locations"), /*#__PURE__*/_react.default.createElement("ul", null, tag.split(';').filter(function (SA) {
-    return !!SA;
-  }).map(function (SA, index) {
-    var _SA$split = SA.split(','),
-        _SA$split2 = (0, _slicedToArray2.default)(_SA$split, 4),
-        saRef = _SA$split2[0],
-        saStart = _SA$split2[1],
-        saStrand = _SA$split2[2],
-        saCigar = _SA$split2[3];
-
-    var saLength = getLengthOnRef(saCigar);
-    var extra = Math.floor(saLength / 5);
-    var start = +saStart;
-    var end = +saStart + saLength;
-    var locString = "".concat(saRef, ":").concat(Math.max(1, start - extra), "-").concat(end + extra);
-    var displayStart = start.toLocaleString('en-US');
-    var displayEnd = end.toLocaleString('en-US');
-    var displayString = "".concat(saRef, ":").concat(displayStart, "-").concat(displayEnd, " (").concat(saStrand, ")");
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: "".concat(locString, "-").concat(index)
-    }, /*#__PURE__*/_react.default.createElement(_core.Link, {
-      onClick: function onClick(event) {
-        event.preventDefault();
-        var view = model.view;
-
-        try {
-          if (view) {
-            view.navToLocString(locString);
-          } else {
-            throw new Error('No view associated with this view anymore');
-          }
-        } catch (e) {
-          console.error(e);
-          session.notify("".concat(e));
-        }
-      },
-      href: "#"
-    }, displayString));
-  })));
-} // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-
-function PairLink(_ref2) {
-  var locString = _ref2.locString,
-      model = _ref2.model;
-  var session = (0, _util.getSession)(model);
-  return /*#__PURE__*/_react.default.createElement(_core.Link, {
-    onClick: function onClick() {
-      var view = model.view;
-
-      try {
-        if (view) {
-          view.navToLocString(locString);
-        } else {
-          session.notify('No view associated with this feature detail panel anymore', 'warning');
-        }
-      } catch (e) {
-        console.error(e);
-        session.notify("".concat(e));
-      }
-    },
-    href: "#"
-  }, locString);
-} // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-
+    var tag = props.tag, model = props.model;
+    var session = (0, util_1.getSession)(model);
+    return (react_1.default.createElement(BaseFeatureDetail_1.BaseCard, __assign({}, props, { title: "Supplementary alignments" }),
+        react_1.default.createElement(material_1.Typography, null, "List of supplementary alignment locations"),
+        react_1.default.createElement("ul", null, tag
+            .split(';')
+            .filter(function (SA) { return !!SA; })
+            .map(function (SA, index) {
+            var _a = __read(SA.split(','), 4), saRef = _a[0], saStart = _a[1], saStrand = _a[2], saCigar = _a[3];
+            var saLength = getLengthOnRef(saCigar);
+            var extra = Math.floor(saLength / 5);
+            var start = +saStart;
+            var end = +saStart + saLength;
+            var locString = "".concat(saRef, ":").concat(Math.max(1, start - extra), "-").concat(end + extra);
+            var displayStart = start.toLocaleString('en-US');
+            var displayEnd = end.toLocaleString('en-US');
+            var displayString = "".concat(saRef, ":").concat(displayStart, "-").concat(displayEnd, " (").concat(saStrand, ")");
+            return (react_1.default.createElement("li", { key: "".concat(locString, "-").concat(index) },
+                react_1.default.createElement(material_1.Link, { onClick: function (event) {
+                        event.preventDefault();
+                        var view = model.view;
+                        try {
+                            if (view) {
+                                view.navToLocString(locString);
+                            }
+                            else {
+                                throw new Error('No view associated with this view anymore');
+                            }
+                        }
+                        catch (e) {
+                            console.error(e);
+                            session.notify("".concat(e));
+                        }
+                    }, href: "#" }, displayString)));
+        }))));
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function PairLink(_a) {
+    var locString = _a.locString, model = _a.model;
+    var session = (0, util_1.getSession)(model);
+    return (react_1.default.createElement(material_1.Link, { onClick: function () {
+            var view = model.view;
+            try {
+                if (view) {
+                    view.navToLocString(locString);
+                }
+                else {
+                    session.notify('No view associated with this feature detail panel anymore', 'warning');
+                }
+            }
+            catch (e) {
+                console.error(e);
+                session.notify("".concat(e));
+            }
+        }, href: "#" }, locString));
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function AlignmentFeatureDetails(props) {
-  var model = props.model;
-  var feat = JSON.parse(JSON.stringify(model.featureData));
-  var SA = feat.tags && feat.tags.SA || feat.SA;
-  return /*#__PURE__*/_react.default.createElement(_core.Paper, {
-    "data-testid": "alignment-side-drawer"
-  }, /*#__PURE__*/_react.default.createElement(_BaseFeatureDetail.FeatureDetails, (0, _extends2.default)({}, props, {
-    omit: omit,
-    feature: feat,
-    formatter: function formatter(value, key) {
-      return key === 'next_segment_position' ? /*#__PURE__*/_react.default.createElement(PairLink, {
-        model: model,
-        locString: value
-      }) : /*#__PURE__*/_react.default.createElement(Formatter, {
-        value: value
-      });
-    }
-  })), SA ? /*#__PURE__*/_react.default.createElement(SupplementaryAlignments, {
-    model: model,
-    tag: SA
-  }) : null, /*#__PURE__*/_react.default.createElement(AlignmentFlags, (0, _extends2.default)({
-    feature: feat
-  }, props)));
+    var model = props.model;
+    var feat = JSON.parse(JSON.stringify(model.featureData));
+    var SA = (feat.tags && feat.tags.SA) || feat.SA;
+    return (react_1.default.createElement(material_1.Paper, { "data-testid": "alignment-side-drawer" },
+        react_1.default.createElement(BaseFeatureDetail_1.FeatureDetails, __assign({}, props, { omit: omit, feature: feat, formatter: function (value, key) {
+                return key === 'next_segment_position' ? (react_1.default.createElement(PairLink, { model: model, locString: value })) : (react_1.default.createElement(Formatter, { value: value }));
+            } })),
+        SA ? react_1.default.createElement(SupplementaryAlignments, { model: model, tag: SA }) : null,
+        react_1.default.createElement(AlignmentFlags, __assign({ feature: feat }, props))));
 }
-
-var _default = (0, _mobxReact.observer)(AlignmentFeatureDetails);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(AlignmentFeatureDetails);
+//# sourceMappingURL=AlignmentsFeatureDetail.js.map

package/dist/AlignmentsFeatureDetail/AlignmentsFeatureDetail.js.map

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

package/dist/AlignmentsFeatureDetail/index.d.ts

@@ -2,12 +2,37 @@ import PluginManager from '@jbrowse/core/PluginManager';
 declare const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
 export declare function stateModelFactory(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    type: import("mobx-state-tree").ISimpleType<"AlignmentsFeatureWidget">;
+    type: import("mobx-state-tree").ISimpleType<"BaseFeatureWidget">;
     featureData: import("mobx-state-tree").IType<any, any, any>;
+    formattedFields: import("mobx-state-tree").IType<any, any, any>;
+    unformattedFeatureData: import("mobx-state-tree").IType<any, any, any>;
     view: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
+    track: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"AlignmentsFeatureWidget">;
 }, {
-    setFeatureData(data: unknown): void;
+    setFeatureData(featureData: Record<string, unknown>): void;
     clearFeatureData(): void;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+    setFormattedData(feat: Record<string, unknown>): void;
+} & {
+    afterCreate(): void;
+}, {
+    type: "BaseFeatureWidget";
+} & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<"BaseFeatureWidget">;
+    featureData: import("mobx-state-tree").IType<any, any, any>;
+    formattedFields: import("mobx-state-tree").IType<any, any, any>;
+    unformattedFeatureData: import("mobx-state-tree").IType<any, any, any>;
+    view: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
+    track: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
+}>> & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree")._NotCustomized, {
+    id: string;
+    type: "BaseFeatureWidget";
+    track: import("mobx-state-tree").ReferenceIdentifier | undefined;
+    view: import("mobx-state-tree").ReferenceIdentifier | undefined;
+    formattedFields: any;
+    finalizedFeatureData: any;
+} & import("mobx-state-tree")._NotCustomized>;
 export default function register(pluginManager: PluginManager): void;
 export { configSchema };

package/dist/AlignmentsFeatureDetail/index.js

@@ -1,63 +1,56 @@
 "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.configSchema = void 0;
-exports.default = register;
-exports.stateModelFactory = stateModelFactory;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _react = require("react");
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _mst = require("@jbrowse/core/util/types/mst");
-
-var _mobxStateTree = require("mobx-state-tree");
-
-var _WidgetType = _interopRequireDefault(require("@jbrowse/core/pluggableElementTypes/WidgetType"));
-
-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 || (0, _typeof2.default)(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 configSchema = (0, _configuration.ConfigurationSchema)('AlignmentsFeatureWidget', {});
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configSchema = exports.stateModelFactory = void 0;
+var react_1 = require("react");
+var configuration_1 = require("@jbrowse/core/configuration");
+var mobx_state_tree_1 = require("mobx-state-tree");
+var WidgetType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/WidgetType"));
+var BaseFeatureWidget_1 = require("@jbrowse/core/BaseFeatureWidget");
+var configSchema = (0, configuration_1.ConfigurationSchema)('AlignmentsFeatureWidget', {});
 exports.configSchema = configSchema;
-
 function stateModelFactory(pluginManager) {
-  return _mobxStateTree.types.model('AlignmentsFeatureWidget', {
-    id: _mst.ElementId,
-    type: _mobxStateTree.types.literal('AlignmentsFeatureWidget'),
-    featureData: _mobxStateTree.types.frozen(),
-    view: _mobxStateTree.types.safeReference(pluginManager.pluggableMstType('view', 'stateModel'))
-  }).actions(function (self) {
-    return {
-      setFeatureData: function setFeatureData(data) {
-        self.featureData = data;
-      },
-      clearFeatureData: function clearFeatureData() {
-        self.featureData = undefined;
-      }
-    };
-  });
+    var baseModel = (0, BaseFeatureWidget_1.stateModelFactory)(pluginManager);
+    return mobx_state_tree_1.types.compose(baseModel, mobx_state_tree_1.types.model('AlignmentsFeatureWidget', {
+        type: mobx_state_tree_1.types.literal('AlignmentsFeatureWidget'),
+    }));
 }
-
+exports.stateModelFactory = stateModelFactory;
 function register(pluginManager) {
-  pluginManager.addWidgetType(function () {
-    return new _WidgetType.default({
-      name: 'AlignmentsFeatureWidget',
-      heading: 'Feature details',
-      configSchema: configSchema,
-      stateModel: stateModelFactory(pluginManager),
-      ReactComponent: /*#__PURE__*/(0, _react.lazy)(function () {
-        return Promise.resolve().then(function () {
-          return _interopRequireWildcard(require('./AlignmentsFeatureDetail'));
+    pluginManager.addWidgetType(function () {
+        return new WidgetType_1.default({
+            name: 'AlignmentsFeatureWidget',
+            heading: 'Feature details',
+            configSchema: configSchema,
+            stateModel: stateModelFactory(pluginManager),
+            ReactComponent: (0, react_1.lazy)(function () { return Promise.resolve().then(function () { return __importStar(require('./AlignmentsFeatureDetail')); }); }),
         });
-      })
     });
-  });
-}
+}
+exports.default = register;
+//# sourceMappingURL=index.js.map

package/dist/AlignmentsFeatureDetail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AlignmentsFeatureDetail/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA4B;AAE5B,6DAAiE;AACjE,mDAAuC;AACvC,8FAAuE;AACvE,qEAAuF;AAEvF,IAAM,YAAY,GAAG,IAAA,mCAAmB,EAAC,yBAAyB,EAAE,EAAE,CAAC,CAAA;AAyB9D,oCAAY;AAvBrB,SAAgB,iBAAiB,CAAC,aAA4B;IAC5D,IAAM,SAAS,GAAG,IAAA,qCAAgB,EAAC,aAAa,CAAC,CAAA;IACjD,OAAO,uBAAK,CAAC,OAAO,CAClB,SAAS,EACT,uBAAK,CAAC,KAAK,CAAC,yBAAyB,EAAE;QACrC,IAAI,EAAE,uBAAK,CAAC,OAAO,CAAC,yBAAyB,CAAC;KAC/C,CAAC,CACH,CAAA;AACH,CAAC;AARD,8CAQC;AAED,SAAwB,QAAQ,CAAC,aAA4B;IAC3D,aAAa,CAAC,aAAa,CACzB;QACE,OAAA,IAAI,oBAAU,CAAC;YACb,IAAI,EAAE,yBAAyB;YAC/B,OAAO,EAAE,iBAAiB;YAC1B,YAAY,cAAA;YACZ,UAAU,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC5C,cAAc,EAAE,IAAA,YAAI,EAAC,cAAM,wEAAO,2BAA2B,QAAlC,CAAmC,CAAC;SAChE,CAAC;IANF,CAME,CACL,CAAA;AACH,CAAC;AAXD,2BAWC"}