@complat/react-spectra-editor 1.0.0-rc2 → 1.0.0-rc20.patch-1

package/dist/components/d3_multi/index.js

@@ -5,12 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-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 _react = _interopRequireDefault(require("react"));
 var _reactRedux = require("react-redux");
 var _redux = require("redux");
@@ -22,176 +16,162 @@ var _list_ui = require("../../constants/list_ui");
 var _cyclic_voltammetry = require("../../actions/cyclic_voltammetry");
 var _multi_focus = _interopRequireDefault(require("./multi_focus"));
 var _draw = require("../common/draw");
-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; } } /* eslint-disable no-mixed-operators, react/require-default-props,
-                                                                                                                                                                                                                                                                                                                                          react/no-unused-prop-types */
-var W = Math.round(window.innerWidth * 0.90 * 9 / 12); // ROI
-var H = Math.round(window.innerHeight * 0.90 * 0.85); // ROI
-var ViewerMulti = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ViewerMulti, _React$Component);
-  var _super = _createSuper(ViewerMulti);
-  function ViewerMulti(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ViewerMulti);
-    _this = _super.call(this, props);
-    var _this$props = _this.props,
-      entities = _this$props.entities,
-      clickUiTargetAct = _this$props.clickUiTargetAct,
-      selectUiSweepAct = _this$props.selectUiSweepAct,
-      scrollUiWheelAct = _this$props.scrollUiWheelAct;
-    _this.rootKlass = '.d3Line';
-    _this.focus = new _multi_focus.default({
-      W: W,
-      H: H,
-      entities: entities,
-      clickUiTargetAct: clickUiTargetAct,
-      selectUiSweepAct: selectUiSweepAct,
-      scrollUiWheelAct: scrollUiWheelAct
+/* eslint-disable no-mixed-operators, react/require-default-props,
+react/no-unused-prop-types */
+
+const W = Math.round(window.innerWidth * 0.90 * 9 / 12); // ROI
+const H = Math.round(window.innerHeight * 0.90 * 0.85); // ROI
+
+class ViewerMulti extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    const {
+      entities,
+      clickUiTargetAct,
+      selectUiSweepAct,
+      scrollUiWheelAct
+    } = this.props;
+    this.rootKlass = '.d3Line';
+    this.focus = new _multi_focus.default({
+      W,
+      H,
+      entities,
+      clickUiTargetAct,
+      selectUiSweepAct,
+      scrollUiWheelAct
     });
-    _this.normChange = _this.normChange.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
+    this.normChange = this.normChange.bind(this);
   }
-  (0, _createClass2.default)(ViewerMulti, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props2 = this.props,
-        curveSt = _this$props2.curveSt,
-        seed = _this$props2.seed,
-        peak = _this$props2.peak,
-        cLabel = _this$props2.cLabel,
-        xLabel = _this$props2.xLabel,
-        yLabel = _this$props2.yLabel,
-        feature = _this$props2.feature,
-        tTrEndPts = _this$props2.tTrEndPts,
-        tSfPeaks = _this$props2.tSfPeaks,
-        editPeakSt = _this$props2.editPeakSt,
-        layoutSt = _this$props2.layoutSt,
-        sweepExtentSt = _this$props2.sweepExtentSt,
-        isUiNoBrushSt = _this$props2.isUiNoBrushSt,
-        isHidden = _this$props2.isHidden,
-        resetAllAct = _this$props2.resetAllAct,
-        cyclicvoltaSt = _this$props2.cyclicvoltaSt,
-        integationSt = _this$props2.integationSt,
-        mtplySt = _this$props2.mtplySt;
-      (0, _draw.drawDestroy)(this.rootKlass);
+  componentDidMount() {
+    const {
+      curveSt,
+      seed,
+      peak,
+      cLabel,
+      xLabel,
+      yLabel,
+      feature,
+      tTrEndPts,
+      tSfPeaks,
+      editPeakSt,
+      layoutSt,
+      sweepExtentSt,
+      isUiNoBrushSt,
+      isHidden,
+      resetAllAct,
+      cyclicvoltaSt,
+      integationSt,
+      mtplySt
+    } = this.props;
+    (0, _draw.drawDestroy)(this.rootKlass);
+    resetAllAct(feature);
+    const filterSeed = seed;
+    const filterPeak = peak;
+    (0, _draw.drawMain)(this.rootKlass, W, H);
+    this.focus.create({
+      curveSt,
+      filterSeed,
+      filterPeak,
+      tTrEndPts,
+      tSfPeaks,
+      editPeakSt,
+      layoutSt,
+      sweepExtentSt,
+      isUiNoBrushSt,
+      cyclicvoltaSt,
+      integationSt,
+      mtplySt
+    });
+    (0, _draw.drawLabel)(this.rootKlass, cLabel, xLabel, yLabel);
+    (0, _draw.drawDisplay)(this.rootKlass, isHidden);
+    (0, _draw.drawArrowOnCurve)(this.rootKlass, isHidden);
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      entities,
+      curveSt,
+      seed,
+      peak,
+      cLabel,
+      xLabel,
+      yLabel,
+      tTrEndPts,
+      tSfPeaks,
+      editPeakSt,
+      layoutSt,
+      sweepExtentSt,
+      isUiNoBrushSt,
+      isHidden,
+      cyclicvoltaSt,
+      integationSt,
+      mtplySt
+    } = this.props;
+    this.normChange(prevProps);
+    const filterSeed = seed;
+    const filterPeak = peak;
+    this.focus.update({
+      entities,
+      curveSt,
+      filterSeed,
+      filterPeak,
+      tTrEndPts,
+      tSfPeaks,
+      editPeakSt,
+      layoutSt,
+      sweepExtentSt,
+      isUiNoBrushSt,
+      cyclicvoltaSt,
+      integationSt,
+      mtplySt
+    });
+    (0, _draw.drawLabel)(this.rootKlass, cLabel, xLabel, yLabel);
+    (0, _draw.drawDisplay)(this.rootKlass, isHidden);
+    (0, _draw.drawArrowOnCurve)(this.rootKlass, isHidden);
+  }
+  componentWillUnmount() {
+    (0, _draw.drawDestroy)(this.rootKlass);
+  }
+  normChange(prevProps) {
+    const {
+      feature,
+      resetAllAct,
+      entities
+    } = this.props;
+    const oldEntities = prevProps.entities;
+    if (oldEntities !== entities) {
       resetAllAct(feature);
-      var filterSeed = seed;
-      var filterPeak = peak;
-      (0, _draw.drawMain)(this.rootKlass, W, H);
-      this.focus.create({
-        curveSt: curveSt,
-        filterSeed: filterSeed,
-        filterPeak: filterPeak,
-        tTrEndPts: tTrEndPts,
-        tSfPeaks: tSfPeaks,
-        editPeakSt: editPeakSt,
-        layoutSt: layoutSt,
-        sweepExtentSt: sweepExtentSt,
-        isUiNoBrushSt: isUiNoBrushSt,
-        cyclicvoltaSt: cyclicvoltaSt,
-        integationSt: integationSt,
-        mtplySt: mtplySt
-      });
-      (0, _draw.drawLabel)(this.rootKlass, cLabel, xLabel, yLabel);
-      (0, _draw.drawDisplay)(this.rootKlass, isHidden);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this$props3 = this.props,
-        entities = _this$props3.entities,
-        curveSt = _this$props3.curveSt,
-        seed = _this$props3.seed,
-        peak = _this$props3.peak,
-        cLabel = _this$props3.cLabel,
-        xLabel = _this$props3.xLabel,
-        yLabel = _this$props3.yLabel,
-        tTrEndPts = _this$props3.tTrEndPts,
-        tSfPeaks = _this$props3.tSfPeaks,
-        editPeakSt = _this$props3.editPeakSt,
-        layoutSt = _this$props3.layoutSt,
-        sweepExtentSt = _this$props3.sweepExtentSt,
-        isUiNoBrushSt = _this$props3.isUiNoBrushSt,
-        isHidden = _this$props3.isHidden,
-        cyclicvoltaSt = _this$props3.cyclicvoltaSt,
-        integationSt = _this$props3.integationSt,
-        mtplySt = _this$props3.mtplySt;
-      this.normChange(prevProps);
-      var filterSeed = seed;
-      var filterPeak = peak;
-      this.focus.update({
-        entities: entities,
-        curveSt: curveSt,
-        filterSeed: filterSeed,
-        filterPeak: filterPeak,
-        tTrEndPts: tTrEndPts,
-        tSfPeaks: tSfPeaks,
-        editPeakSt: editPeakSt,
-        layoutSt: layoutSt,
-        sweepExtentSt: sweepExtentSt,
-        isUiNoBrushSt: isUiNoBrushSt,
-        cyclicvoltaSt: cyclicvoltaSt,
-        integationSt: integationSt,
-        mtplySt: mtplySt
-      });
-      (0, _draw.drawLabel)(this.rootKlass, cLabel, xLabel, yLabel);
-      (0, _draw.drawDisplay)(this.rootKlass, isHidden);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      (0, _draw.drawDestroy)(this.rootKlass);
     }
-  }, {
-    key: "normChange",
-    value: function normChange(prevProps) {
-      var _this$props4 = this.props,
-        feature = _this$props4.feature,
-        resetAllAct = _this$props4.resetAllAct,
-        entities = _this$props4.entities;
-      var oldEntities = prevProps.entities;
-      if (oldEntities !== entities) {
-        resetAllAct(feature);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "d3Line"
-      });
-    }
-  }]);
-  return ViewerMulti;
-}(_react.default.Component);
-var mapStateToProps = function mapStateToProps(state, props) {
-  return {
-    curveSt: state.curve,
-    seed: (0, _chem.Topic2Seed)(state, props),
-    peak: (0, _chem.Feature2Peak)(state, props),
-    tTrEndPts: (0, _chem.ToThresEndPts)(state, props),
-    tSfPeaks: (0, _chem.ToShiftPeaks)(state, props),
-    editPeakSt: state.editPeak.present,
-    layoutSt: state.layout,
-    sweepExtentSt: state.ui.sweepExtent,
-    isUiNoBrushSt: _list_ui.LIST_NON_BRUSH_TYPES.indexOf(state.ui.sweepType) < 0,
-    cyclicvoltaSt: state.cyclicvolta,
-    maxminPeakSt: (0, _chem.Feature2MaxMinPeak)(state, props),
-    integationSt: state.integration.present,
-    mtplySt: state.multiplicity.present
-  };
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    resetAllAct: _manager.resetAll,
-    clickUiTargetAct: _ui.clickUiTarget,
-    selectUiSweepAct: _ui.selectUiSweep,
-    scrollUiWheelAct: _ui.scrollUiWheel,
-    addNewCylicVoltaPairPeakAct: _cyclic_voltammetry.addNewCylicVoltaPairPeak,
-    addCylicVoltaMaxPeakAct: _cyclic_voltammetry.addCylicVoltaMaxPeak,
-    addCylicVoltaMinPeakAct: _cyclic_voltammetry.addCylicVoltaMinPeak
-  }, dispatch);
-};
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "d3Line"
+    });
+  }
+}
+const mapStateToProps = (state, props) => ({
+  curveSt: state.curve,
+  seed: (0, _chem.Topic2Seed)(state, props),
+  peak: (0, _chem.Feature2Peak)(state, props),
+  tTrEndPts: (0, _chem.ToThresEndPts)(state, props),
+  tSfPeaks: (0, _chem.ToShiftPeaks)(state, props),
+  editPeakSt: state.editPeak.present,
+  layoutSt: state.layout,
+  sweepExtentSt: state.ui.sweepExtent,
+  isUiNoBrushSt: _list_ui.LIST_NON_BRUSH_TYPES.indexOf(state.ui.sweepType) < 0,
+  cyclicvoltaSt: state.cyclicvolta,
+  maxminPeakSt: (0, _chem.Feature2MaxMinPeak)(state, props),
+  integationSt: state.integration.present,
+  mtplySt: state.multiplicity.present
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
+  resetAllAct: _manager.resetAll,
+  clickUiTargetAct: _ui.clickUiTarget,
+  selectUiSweepAct: _ui.selectUiSweep,
+  scrollUiWheelAct: _ui.scrollUiWheel,
+  addNewCylicVoltaPairPeakAct: _cyclic_voltammetry.addNewCylicVoltaPairPeak,
+  addCylicVoltaMaxPeakAct: _cyclic_voltammetry.addCylicVoltaMaxPeak,
+  addCylicVoltaMinPeakAct: _cyclic_voltammetry.addCylicVoltaMinPeak
+}, dispatch);
 ViewerMulti.propTypes = {
   curveSt: _propTypes.default.object.isRequired,
   entities: _propTypes.default.array.isRequired,
@@ -220,5 +200,4 @@ ViewerMulti.propTypes = {
   addCylicVoltaMinPeakAct: _propTypes.default.func.isRequired,
   cLabel: _propTypes.default.string
 };
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ViewerMulti);
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ViewerMulti);