@jbrowse/plugin-wiggle 1.6.8 → 1.7.1

package/dist/DensityRenderer/index.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ReactComponent", {
+  enumerable: true,
+  get: function get() {
+    return _WiggleRendering["default"];
+  }
+});
+exports["default"] = exports.configSchema = 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 _configSchema = _interopRequireDefault(require("../configSchema"));
+
+var _WiggleBaseRenderer2 = _interopRequireDefault(require("../WiggleBaseRenderer"));
+
+var _WiggleRendering = _interopRequireDefault(require("../WiggleRendering"));
+
+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 DensityRenderer = /*#__PURE__*/function (_WiggleBaseRenderer) {
+  (0, _inherits2["default"])(DensityRenderer, _WiggleBaseRenderer);
+
+  var _super = _createSuper(DensityRenderer);
+
+  function DensityRenderer() {
+    (0, _classCallCheck2["default"])(this, DensityRenderer);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(DensityRenderer, [{
+    key: "draw",
+    value: function draw(ctx, props) {
+      var features = props.features,
+          regions = props.regions,
+          bpPerPx = props.bpPerPx,
+          scaleOpts = props.scaleOpts,
+          height = props.height,
+          config = props.config;
+
+      var _regions = (0, _slicedToArray2["default"])(regions, 1),
+          region = _regions[0];
+
+      var pivot = (0, _configuration.readConfObject)(config, 'bicolorPivot');
+      var pivotValue = (0, _configuration.readConfObject)(config, 'bicolorPivotValue');
+      var negColor = (0, _configuration.readConfObject)(config, 'negColor');
+      var posColor = (0, _configuration.readConfObject)(config, 'posColor');
+      var color = (0, _configuration.readConfObject)(config, 'color');
+      var colorCallback;
+
+      if (color === '#f0f') {
+        var colorScale = pivot !== 'none' ? (0, _util2.getScale)(_objectSpread(_objectSpread({}, scaleOpts), {}, {
+          pivotValue: pivotValue,
+          range: [negColor, 'white', posColor]
+        })) : (0, _util2.getScale)(_objectSpread(_objectSpread({}, scaleOpts), {}, {
+          range: ['white', posColor]
+        }));
+
+        colorCallback = function colorCallback(feature) {
+          return colorScale(feature.get('score'));
+        };
+      } else {
+        colorCallback = function colorCallback(feature) {
+          return (0, _configuration.readConfObject)(config, 'color', {
+            feature: feature
+          });
+        };
+      }
+
+      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 w = rightPx - leftPx + 0.3; // fudge factor for subpixel rendering
+
+          ctx.fillStyle = colorCallback(feature);
+          ctx.fillRect(leftPx, 0, w, height);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }]);
+  return DensityRenderer;
+}(_WiggleBaseRenderer2["default"]);
+
+exports["default"] = DensityRenderer;
+var configSchema = (0, _configuration.ConfigurationSchema)('DensityRenderer', {}, {
+  baseConfiguration: _configSchema["default"],
+  explicitlyTyped: true
+});
+exports.configSchema = configSchema;

package/dist/LinePlotRenderer/LinePlotRenderer.d.ts

@@ -1,9 +1,4 @@
-export default class LinePlotRenderer extends WiggleBaseRenderer {
-    constructor(stuff: {
-        name: string;
-        ReactComponent: import("react").ComponentType<any>;
-        configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
-        pluginManager: import("@jbrowse/core/PluginManager").default;
-    });
-}
-import WiggleBaseRenderer from "../WiggleBaseRenderer";
+export default class LinePlotRenderer extends WiggleBaseRenderer {
+    draw(ctx: any, props: any): void;
+}
+import WiggleBaseRenderer from "../WiggleBaseRenderer";

package/dist/LinePlotRenderer/LinePlotRenderer.js

@@ -0,0 +1,171 @@
+"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);
+          }
+        }
+      } 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 LinePlotRenderer;
+}(_WiggleBaseRenderer2["default"]);
+
+exports["default"] = LinePlotRenderer;

package/dist/LinePlotRenderer/configSchema.d.ts

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

package/dist/LinePlotRenderer/configSchema.js

@@ -0,0 +1,70 @@
+"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;

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;
+export { default as ReactComponent } from "../WiggleRendering";
+export { default } from "./LinePlotRenderer";
+export const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;

package/dist/LinePlotRenderer/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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;

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

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

package/dist/LinearWiggleDisplay/components/SetColorDialog.js

@@ -0,0 +1,111 @@
+"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);
+    }
+  }), /*#__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);
+    }
+  })) : /*#__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));
+    }
+  }))), /*#__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);
+    },
+    color: "secondary",
+    variant: "contained"
+  }, "Restore default"), /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    variant: "contained",
+    color: "primary",
+    type: "submit",
+    onClick: function onClick() {
+      handleClose();
+    }
+  }, "Submit")));
+}

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-export default function SetMinMaxDlg(props: {
-    model: {
-        minScore: number;
-        maxScore: number;
-        scaleType: string;
-        setMinScore: Function;
-        setMaxScore: Function;
-    };
-    handleClose: () => void;
-}): JSX.Element;
+/// <reference types="react" />
+export default function SetMinMaxDlg(props: {
+    model: {
+        minScore: number;
+        maxScore: number;
+        scaleType: string;
+        setMinScore: Function;
+        setMaxScore: Function;
+    };
+    handleClose: () => void;
+}): JSX.Element;