@jbrowse/plugin-wiggle 1.7.11 → 2.1.0

package/dist/LinePlotRenderer/LinePlotRenderer.js

@@ -1,171 +1,86 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _util = require("@jbrowse/core/util");
-
-var _util2 = require("../util");
-
-var _WiggleBaseRenderer2 = _interopRequireDefault(require("../WiggleBaseRenderer"));
-
-var _model = require("../LinearWiggleDisplay/models/model");
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var LinePlotRenderer = /*#__PURE__*/function (_WiggleBaseRenderer) {
-  (0, _inherits2.default)(LinePlotRenderer, _WiggleBaseRenderer);
-
-  var _super = _createSuper(LinePlotRenderer);
-
-  function LinePlotRenderer() {
-    (0, _classCallCheck2.default)(this, LinePlotRenderer);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(LinePlotRenderer, [{
-    key: "draw",
-    value: function draw(ctx, props) {
-      var features = props.features,
-          regions = props.regions,
-          bpPerPx = props.bpPerPx,
-          scaleOpts = props.scaleOpts,
-          unadjustedHeight = props.height,
-          values = props.ticks.values,
-          displayCrossHatches = props.displayCrossHatches,
-          config = props.config;
-
-      var _regions = (0, _slicedToArray2.default)(regions, 1),
-          region = _regions[0];
-
-      var width = (region.end - region.start) / bpPerPx;
-      var offset = _model.YSCALEBAR_LABEL_OFFSET; // the adjusted height takes into account YSCALEBAR_LABEL_OFFSET from the
-      // wiggle display, and makes the height of the actual drawn area add
-      // "padding" to the top and bottom of the display
-
-      var height = unadjustedHeight - offset * 2;
-      var clipColor = (0, _configuration.readConfObject)(config, 'clipColor');
-      var highlightColor = (0, _configuration.readConfObject)(config, 'highlightColor');
-      var scale = (0, _util2.getScale)(_objectSpread(_objectSpread({}, scaleOpts), {}, {
-        range: [0, height]
-      }));
-
-      var _scale$domain = scale.domain(),
-          _scale$domain2 = (0, _slicedToArray2.default)(_scale$domain, 2),
-          niceMin = _scale$domain2[0],
-          niceMax = _scale$domain2[1];
-
-      var toY = function toY(rawscore) {
-        return height - scale(rawscore) + offset;
-      };
-
-      var colorCallback = (0, _configuration.readConfObject)(config, 'color') === '#f0f' ? function () {
-        return 'grey';
-      } : function (feature) {
-        return (0, _configuration.readConfObject)(config, 'color', {
-          feature: feature
-        });
-      };
-      var lastVal;
-
-      var _iterator = _createForOfIteratorHelper(features.values()),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var feature = _step.value;
-
-          var _featureSpanPx = (0, _util.featureSpanPx)(feature, region, bpPerPx),
-              _featureSpanPx2 = (0, _slicedToArray2.default)(_featureSpanPx, 2),
-              leftPx = _featureSpanPx2[0],
-              rightPx = _featureSpanPx2[1];
-
-          var score = feature.get('score');
-          var lowClipping = score < niceMin;
-          var highClipping = score > niceMax;
-          var w = rightPx - leftPx + 0.3; // fudge factor for subpixel rendering
-
-          var c = colorCallback(feature);
-          ctx.strokeStyle = c;
-          ctx.beginPath();
-
-          if (!region.reversed) {
-            ctx.moveTo(leftPx, toY(typeof lastVal !== 'undefined' ? lastVal : score));
-            ctx.lineTo(leftPx, toY(score));
-            ctx.lineTo(rightPx, toY(score));
-          } else {
-            ctx.moveTo(rightPx, toY(typeof lastVal !== 'undefined' ? lastVal : score));
-            ctx.lineTo(rightPx, toY(score));
-            ctx.lineTo(leftPx, toY(score));
-          }
-
-          ctx.stroke();
-          lastVal = score;
-
-          if (highClipping) {
-            ctx.fillStyle = clipColor;
-            ctx.fillRect(leftPx, 0, w, 4);
-          } else if (lowClipping && scaleOpts.scaleType !== 'log') {
-            ctx.fillStyle = clipColor;
-            ctx.fillRect(leftPx, height - 4, w, height);
-          }
-
-          if (feature.get('highlighted')) {
-            ctx.fillStyle = highlightColor;
-            ctx.fillRect(leftPx, 0, w, height);
-          }
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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];
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      if (displayCrossHatches) {
-        ctx.lineWidth = 1;
-        ctx.strokeStyle = 'rgba(200,200,200,0.8)';
-        values.forEach(function (tick) {
-          ctx.beginPath();
-          ctx.moveTo(0, Math.round(toY(tick)));
-          ctx.lineTo(width, Math.round(toY(tick)));
-          ctx.stroke();
-        });
-      }
+        return t;
+    };
+    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 };
     }
-  }]);
-  return LinePlotRenderer;
-}(_WiggleBaseRenderer2.default);
-
-exports.default = LinePlotRenderer;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
+var util_1 = require("../util");
+var drawxy_1 = require("../drawxy");
+var LinePlotRenderer = /** @class */ (function (_super) {
+    __extends(LinePlotRenderer, _super);
+    function LinePlotRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LinePlotRenderer.prototype.draw = function (ctx, props) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, (0, drawxy_1.drawLine)(ctx, __assign(__assign({}, props), { offset: util_1.YSCALEBAR_LABEL_OFFSET, colorCallback: function () { return 'grey'; } }))];
+            });
+        });
+    };
+    return LinePlotRenderer;
+}(WiggleBaseRenderer_1.default));
+exports.default = LinePlotRenderer;
+//# sourceMappingURL=LinePlotRenderer.js.map

package/dist/LinePlotRenderer/LinePlotRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinePlotRenderer.js","sourceRoot":"","sources":["../../src/LinePlotRenderer/LinePlotRenderer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6EAE8B;AAE9B,gCAAgD;AAChD,oCAAoC;AAEpC;IAA8C,oCAAkB;IAAhE;;IAWA,CAAC;IAVO,+BAAI,GAAV,UACE,GAA6B,EAC7B,KAAyC;;;gBAEzC,sBAAO,IAAA,iBAAQ,EAAC,GAAG,wBACd,KAAK,KACR,MAAM,EAAE,6BAAsB,EAC9B,aAAa,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM,IAC3B,EAAA;;;KACH;IACH,uBAAC;AAAD,CAAC,AAXD,CAA8C,4BAAkB,GAW/D"}

package/dist/LinePlotRenderer/configSchema.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
-export default _default;
+declare const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
+export default configSchema;

package/dist/LinePlotRenderer/configSchema.js

@@ -1,70 +1,16 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _mobxStateTree = require("mobx-state-tree");
-
-var _default = (0, _configuration.ConfigurationSchema)('WiggleRenderer', {
-  color: {
-    type: 'color',
-    description: 'the color of track, overrides posColor and negColor',
-    defaultValue: '#f0f'
-  },
-  posColor: {
-    type: 'color',
-    description: 'the color to use when the score is positive',
-    defaultValue: 'blue'
-  },
-  negColor: {
-    type: 'color',
-    description: 'the color to use when the score is negative',
-    defaultValue: 'red'
-  },
-  highlightColor: {
-    type: 'color',
-    description: 'the color of highlights over the wiggle track',
-    defaultValue: 'rgba(255,255,0,0.5)'
-  },
-  clipColor: {
-    type: 'color',
-    description: 'the color of the clipping marker',
-    defaultValue: 'red'
-  },
-  renderType: {
-    type: 'stringEnum',
-    model: _mobxStateTree.types.enumeration('Rendering type', ['xyplot', 'density', 'line']),
-    description: 'The type of rendering for wiggle data to use',
-    defaultValue: 'xyplot'
-  },
-  filled: {
-    type: 'boolean',
-    description: 'fill in histogram',
-    defaultValue: true
-  },
-  bicolorPivot: {
-    type: 'stringEnum',
-    model: _mobxStateTree.types.enumeration('Scale type', ['numeric', 'mean', 'z_score', 'none']),
-    description: 'type of bicolor pivot',
-    defaultValue: 'numeric'
-  },
-  bicolorPivotValue: {
-    type: 'number',
-    defaultValue: 0,
-    description: 'value to use for bicolor pivot'
-  },
-  summaryScoreMode: {
-    type: 'stringEnum',
-    model: _mobxStateTree.types.enumeration('Score type', ['max', 'min', 'avg', 'whiskers']),
-    description: 'choose whether to use max/min/average or whiskers which combines all three into the same rendering',
-    defaultValue: 'whiskers'
-  }
-}, {
-  explicitlyTyped: true
-});
-
-exports.default = _default;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var configuration_1 = require("@jbrowse/core/configuration");
+var configSchema_1 = __importDefault(require("../configSchema"));
+var configSchema = (0, configuration_1.ConfigurationSchema)('LinePlotRenderer', {
+    displayCrossHatches: {
+        type: 'boolean',
+        description: 'choose to draw cross hatches (sideways lines)',
+        defaultValue: false,
+    },
+}, { baseConfiguration: configSchema_1.default, explicitlyTyped: true });
+exports.default = configSchema;
+//# sourceMappingURL=configSchema.js.map

package/dist/LinePlotRenderer/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../src/LinePlotRenderer/configSchema.ts"],"names":[],"mappings":";;;;;AAAA,6DAAiE;AACjE,iEAA0C;AAE1C,IAAM,YAAY,GAAG,IAAA,mCAAmB,EACtC,kBAAkB,EAClB;IACE,mBAAmB,EAAE;QACnB,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,+CAA+C;QAC5D,YAAY,EAAE,KAAK;KACpB;CACF,EACD,EAAE,iBAAiB,EAAE,sBAAY,EAAE,eAAe,EAAE,IAAI,EAAE,CAC3D,CAAA;AAED,kBAAe,YAAY,CAAA"}

package/dist/LinePlotRenderer/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ReactComponent } from "../WiggleRendering";
-export { default } from "./LinePlotRenderer";
-export const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
+import PluginManager from '@jbrowse/core/PluginManager';
+declare const _default: (pluginManager: PluginManager) => void;
+export default _default;

package/dist/LinePlotRenderer/index.js

@@ -1,34 +1,19 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var configSchema_1 = __importDefault(require("./configSchema"));
+var WiggleRendering_1 = __importDefault(require("../WiggleRendering"));
+var LinePlotRenderer_1 = __importDefault(require("./LinePlotRenderer"));
+exports.default = (function (pluginManager) {
+    pluginManager.addRendererType(function () {
+        return new LinePlotRenderer_1.default({
+            name: 'LinePlotRenderer',
+            ReactComponent: WiggleRendering_1.default,
+            configSchema: configSchema_1.default,
+            pluginManager: pluginManager,
+        });
+    });
 });
-Object.defineProperty(exports, "ReactComponent", {
-  enumerable: true,
-  get: function get() {
-    return _WiggleRendering.default;
-  }
-});
-exports.configSchema = void 0;
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _LinePlotRenderer.default;
-  }
-});
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _configSchema = _interopRequireDefault(require("../configSchema"));
-
-var _WiggleRendering = _interopRequireDefault(require("../WiggleRendering"));
-
-var _LinePlotRenderer = _interopRequireDefault(require("./LinePlotRenderer"));
-
-var configSchema = (0, _configuration.ConfigurationSchema)('LinePlotRenderer', {}, {
-  baseConfiguration: _configSchema.default,
-  explicitlyTyped: true
-});
-exports.configSchema = configSchema;
+//# sourceMappingURL=index.js.map

package/dist/LinePlotRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LinePlotRenderer/index.ts"],"names":[],"mappings":";;;;;AACA,gEAAyC;AACzC,uEAA+C;AAC/C,wEAAiD;AAEjD,mBAAe,UAAC,aAA4B;IAC1C,aAAa,CAAC,eAAe,CAC3B;QACE,OAAA,IAAI,0BAAgB,CAAC;YACnB,IAAI,EAAE,kBAAkB;YACxB,cAAc,2BAAA;YACd,YAAY,wBAAA;YACZ,aAAa,eAAA;SACd,CAAC;IALF,CAKE,CACL,CAAA;AACH,CAAC,EAAA"}

package/dist/LinearWiggleDisplay/components/SetColorDialog.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
-export default function SetColorDialog({ model, handleClose, }: {
+declare function SetColorDialog({ model, handleClose, }: {
     model: {
-        color: number;
+        color?: string;
+        posColor?: string;
+        negColor?: string;
         setColor: (arg?: string) => void;
         setPosColor: (arg?: string) => void;
         setNegColor: (arg?: string) => void;
     };
     handleClose: () => void;
 }): JSX.Element;
+declare const _default: typeof SetColorDialog;
+export default _default;

package/dist/LinearWiggleDisplay/components/SetColorDialog.js

@@ -1,111 +1,93 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SetColorDialog;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = require("@material-ui/core");
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-var _reactColor = require("react-color");
-
-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 {
-    closeButton: {
-      position: 'absolute',
-      right: theme.spacing(1),
-      top: theme.spacing(1),
-      color: theme.palette.grey[500]
-    }
-  };
-}); // this is needed because passing a entire color object into the react-color
-// for alpha, can't pass in an rgba string for example
-
-function serialize(color) {
-  if (color instanceof Object) {
-    var _ref = color,
-        r = _ref.r,
-        g = _ref.g,
-        b = _ref.b;
-    return "rgb(".concat(r, ",").concat(g, ",").concat(b, ")");
-  }
-
-  return color;
-}
-
-function SetColorDialog(_ref2) {
-  var model = _ref2.model,
-      handleClose = _ref2.handleClose;
-  var classes = useStyles();
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      posneg = _useState2[0],
-      setPosNeg = _useState2[1];
-
-  return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
-    open: true,
-    onClose: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Select either an overall color, or the positive/negative colors. Note that density renderers only work properly with positive/negative colors", /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    "aria-label": "close",
-    className: classes.closeButton,
-    onClick: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_Close.default, null))), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
-    checked: !posneg,
-    onClick: function onClick() {
-      return setPosNeg(false);
-    },
-    control: /*#__PURE__*/_react.default.createElement(_core.Radio, null),
-    label: 'Overall color'
-  }), /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
-    checked: posneg,
-    onClick: function onClick() {
-      return setPosNeg(true);
-    },
-    control: /*#__PURE__*/_react.default.createElement(_core.Radio, null),
-    label: 'Positive/negative color'
-  }), posneg ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Positive color"), /*#__PURE__*/_react.default.createElement(_reactColor.CompactPicker, {
-    onChange: function onChange(event) {
-      model.setPosColor(serialize(event.rgb));
-      model.setColor(undefined);
+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]; } };
     }
-  }), /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Negative color"), /*#__PURE__*/_react.default.createElement(_reactColor.CompactPicker, {
-    onChange: function onChange(event) {
-      model.setNegColor(serialize(event.rgb));
-      model.setColor(undefined);
+    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 __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);
     }
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Overall color"), /*#__PURE__*/_react.default.createElement(_reactColor.CompactPicker, {
-    onChange: function onChange(event) {
-      model.setColor(serialize(event.rgb));
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
     }
-  }))), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
-    onClick: function onClick() {
-      model.setPosColor(undefined);
-      model.setNegColor(undefined);
-      model.setColor(undefined);
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var mobx_react_1 = require("mobx-react");
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+var ColorPicker_1 = require("@jbrowse/core/ui/ColorPicker");
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
     },
-    color: "secondary",
-    variant: "contained"
-  }, "Restore default"), /*#__PURE__*/_react.default.createElement(_core.Button, {
-    variant: "contained",
-    color: "primary",
-    type: "submit",
-    onClick: function onClick() {
-      handleClose();
-    }
-  }, "Submit")));
-}
+}); });
+function SetColorDialog(_a) {
+    var model = _a.model, handleClose = _a.handleClose;
+    var classes = useStyles().classes;
+    var _b = __read((0, react_1.useState)(false), 2), posneg = _b[0], setPosNeg = _b[1];
+    return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: handleClose },
+        react_1.default.createElement(material_1.DialogTitle, null,
+            "Select either an overall color, or the positive/negative colors. Note that density renderers only work properly with positive/negative colors",
+            react_1.default.createElement(material_1.IconButton, { "aria-label": "close", className: classes.closeButton, onClick: handleClose },
+                react_1.default.createElement(Close_1.default, null))),
+        react_1.default.createElement(material_1.DialogContent, null,
+            react_1.default.createElement(material_1.FormControlLabel, { checked: !posneg, onClick: function () { return setPosNeg(false); }, control: react_1.default.createElement(material_1.Radio, null), label: 'Overall color' }),
+            react_1.default.createElement(material_1.FormControlLabel, { checked: posneg, onClick: function () { return setPosNeg(true); }, control: react_1.default.createElement(material_1.Radio, null), label: 'Positive/negative color' }),
+            posneg ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.Typography, null, "Positive color"),
+                react_1.default.createElement(ColorPicker_1.ColorPicker, { color: model.posColor || 'black', onChange: function (event) {
+                        model.setPosColor(event);
+                        model.setColor(undefined);
+                    } }),
+                react_1.default.createElement(material_1.Typography, null, "Negative color"),
+                react_1.default.createElement(ColorPicker_1.ColorPicker, { color: model.negColor || 'black', onChange: function (event) {
+                        model.setNegColor(event);
+                        model.setColor(undefined);
+                    } }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.Typography, null, "Overall color"),
+                react_1.default.createElement(ColorPicker_1.ColorPicker, { color: model.color || 'black', onChange: function (event) { return model.setColor(event); } })))),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { onClick: function () {
+                    model.setPosColor(undefined);
+                    model.setNegColor(undefined);
+                    model.setColor(undefined);
+                }, color: "secondary", variant: "contained" }, "Restore default"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: function () { return handleClose(); } }, "Submit"))));
+}
+exports.default = (0, mobx_react_1.observer)(SetColorDialog);
+//# sourceMappingURL=SetColorDialog.js.map

package/dist/LinearWiggleDisplay/components/SetColorDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetColorDialog.js","sourceRoot":"","sources":["../../../src/LinearWiggleDisplay/components/SetColorDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,yCAAqC;AACrC,0CAUsB;AACtB,qCAA0C;AAC1C,oEAAiD;AACjD,4DAA0D;AAE1D,IAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC;IACvC,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KAC/B;CACF,CAAC,EAPsC,CAOtC,CAAC,CAAA;AAEH,SAAS,cAAc,CAAC,EAavB;QAZC,KAAK,WAAA,EACL,WAAW,iBAAA;IAYH,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IACzB,IAAA,KAAA,OAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAE3C,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,QAAC,OAAO,EAAE,WAAW;QAC/B,8BAAC,sBAAW;;YAGV,8BAAC,qBAAU,kBACE,OAAO,EAClB,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,OAAO,EAAE,WAAW;gBAEpB,8BAAC,eAAS,OAAG,CACF,CACD;QACd,8BAAC,wBAAa;YACZ,8BAAC,2BAAgB,IACf,OAAO,EAAE,CAAC,MAAM,EAChB,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAC/B,OAAO,EAAE,8BAAC,gBAAK,OAAG,EAClB,KAAK,EAAE,eAAe,GACtB;YACF,8BAAC,2BAAgB,IACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,IAAI,CAAC,EAAf,CAAe,EAC9B,OAAO,EAAE,8BAAC,gBAAK,OAAG,EAClB,KAAK,EAAE,yBAAyB,GAChC;YAED,MAAM,CAAC,CAAC,CAAC,CACR;gBACE,8BAAC,qBAAU,yBAA4B;gBACvC,8BAAC,yBAAW,IACV,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,OAAO,EAChC,QAAQ,EAAE,UAAA,KAAK;wBACb,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;wBACxB,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;oBAC3B,CAAC,GACD;gBACF,8BAAC,qBAAU,yBAA4B;gBAEvC,8BAAC,yBAAW,IACV,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,OAAO,EAChC,QAAQ,EAAE,UAAA,KAAK;wBACb,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;wBACxB,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;oBAC3B,CAAC,GACD,CACD,CACJ,CAAC,CAAC,CAAC,CACF;gBACE,8BAAC,qBAAU,wBAA2B;gBACtC,8BAAC,yBAAW,IACV,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,OAAO,EAC7B,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAArB,CAAqB,GACxC,CACD,CACJ,CACa;QAChB,8BAAC,wBAAa;YACZ,8BAAC,iBAAM,IACL,OAAO,EAAE;oBACP,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;oBAC5B,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;oBAC5B,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;gBAC3B,CAAC,EACD,KAAK,EAAC,WAAW,EACjB,OAAO,EAAC,WAAW,sBAGZ;YAET,8BAAC,iBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,aAGrB,CACK,CACT,CACV,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,cAAc,CAAC,CAAA"}