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

package/dist/components/forecast/section_loading.js

@@ -5,77 +5,53 @@ 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 _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 _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
 var _ErrorOutline = _interopRequireDefault(require("@material-ui/icons/ErrorOutline"));
-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 styleLoading = {
+const styleLoading = {
   alignItems: 'center',
   display: 'flex',
   height: '100%',
   justifyContent: 'center'
 };
-var SectionLoading = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(SectionLoading, _React$Component);
-  var _super = _createSuper(SectionLoading);
-  function SectionLoading(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, SectionLoading);
-    _this = _super.call(this, props);
-    _this.state = {
+class SectionLoading extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       loading: true
     };
-    return _this;
   }
-  (0, _createClass2.default)(SectionLoading, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      setTimeout(function () {
-        return _this2.setState({
-          loading: false
-        });
-      }, 5000);
-    }
-  }, {
-    key: "renderLoading",
-    value: function renderLoading() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        style: styleLoading
-      }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
-        style: {
-          color: 'blue',
-          fontSize: 50
-        }
-      }));
-    }
-  }, {
-    key: "renderNotFound",
-    value: function renderNotFound() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        style: styleLoading
-      }, /*#__PURE__*/_react.default.createElement(_ErrorOutline.default, {
-        style: {
-          color: '#ffc107',
-          fontSize: 50,
-          margin: 20
-        }
-      }), /*#__PURE__*/_react.default.createElement("h3", null, "Structure Not Found"));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var loading = this.state.loading;
-      return loading ? this.renderLoading() : this.renderNotFound();
-    }
-  }]);
-  return SectionLoading;
-}(_react.default.Component);
-var _default = SectionLoading;
-exports.default = _default;
+  componentDidMount() {
+    setTimeout(() => this.setState({
+      loading: false
+    }), 5000);
+  }
+  renderLoading() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: styleLoading
+    }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+      style: {
+        color: 'blue',
+        fontSize: 50
+      }
+    }));
+  }
+  renderNotFound() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: styleLoading
+    }, /*#__PURE__*/_react.default.createElement(_ErrorOutline.default, {
+      style: {
+        color: '#ffc107',
+        fontSize: 50,
+        margin: 20
+      }
+    }), /*#__PURE__*/_react.default.createElement("h3", null, "Structure Not Found"));
+  }
+  render() {
+    const {
+      loading
+    } = this.state;
+    return loading ? this.renderLoading() : this.renderNotFound();
+  }
+}
+var _default = exports.default = SectionLoading;

package/dist/components/forecast_viewer.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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactRedux = require("react-redux");
@@ -22,119 +16,115 @@ var _ir_viewer = _interopRequireDefault(require("./forecast/ir_viewer"));
 var _forecast = require("../actions/forecast");
 var _ui = require("../actions/ui");
 var _list_ui = require("../constants/list_ui");
-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 react/no-unused-prop-types */
-var styles = function styles() {
-  return {
-    root: {
-      flexGrow: 1
-    },
-    appBar: {
-      backgroundColor: '#fff',
-      boxShadow: 'none'
-    },
-    tabLabel: {
-      fontSize: '14px'
-    }
-  };
-};
-var ForecastViewer = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ForecastViewer, _React$Component);
-  var _super = _createSuper(ForecastViewer);
-  function ForecastViewer(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, ForecastViewer);
-    _this = _super.call(this, props);
-    _this.initForecastReducer = _this.initForecastReducer.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
+/* eslint-disable react/no-unused-prop-types */
+
+const styles = () => ({
+  root: {
+    flexGrow: 1
+  },
+  appBar: {
+    backgroundColor: '#fff',
+    boxShadow: 'none'
+  },
+  tabLabel: {
+    fontSize: '14px'
+  }
+});
+class ForecastViewer extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.initForecastReducer = this.initForecastReducer.bind(this);
+  }
+  componentDidMount() {
+    this.initForecastReducer();
   }
-  (0, _createClass2.default)(ForecastViewer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
+  componentDidUpdate(prevProps) {
+    const {
+      forecast
+    } = this.props;
+    const prevForecast = forecast;
+    const nextForecast = prevProps.forecast;
+    if (prevForecast !== nextForecast) {
       this.initForecastReducer();
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var forecast = this.props.forecast;
-      var prevForecast = forecast;
-      var nextForecast = prevProps.forecast;
-      if (prevForecast !== nextForecast) {
-        this.initForecastReducer();
-      }
-    }
-  }, {
-    key: "initForecastReducer",
-    value: function initForecastReducer() {
-      var _this$props = this.props,
-        forecast = _this$props.forecast,
-        initForecastStatusAct = _this$props.initForecastStatusAct,
-        setUiViewerTypeAct = _this$props.setUiViewerTypeAct;
-      initForecastStatusAct(forecast);
-      if (forecast && forecast.predictions) {
-        var _forecast$predictions = forecast.predictions,
-          running = _forecast$predictions.running,
-          refreshed = _forecast$predictions.refreshed;
-        if (running || refreshed) setUiViewerTypeAct(_list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        classes = _this$props2.classes,
-        topic = _this$props2.topic,
-        feature = _this$props2.feature,
-        cLabel = _this$props2.cLabel,
-        xLabel = _this$props2.xLabel,
-        yLabel = _this$props2.yLabel,
-        forecast = _this$props2.forecast,
-        isNmr = _this$props2.isNmr,
-        isIr = _this$props2.isIr,
-        uiSt = _this$props2.uiSt,
-        comparisonsSt = _this$props2.comparisonsSt,
-        isXRD = _this$props2.isXRD,
-        wavelength = _this$props2.wavelength;
-      var viewer = uiSt.viewer;
-      var inputCb = forecast.inputCb,
-        molecule = forecast.molecule;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.root
-      }, /*#__PURE__*/_react.default.createElement(_index.default, {
-        topic: topic,
-        feature: feature,
-        cLabel: cLabel,
-        xLabel: isXRD && wavelength ? "".concat(xLabel, ", WL=").concat(wavelength.value, " ").concat(wavelength.unit) : xLabel,
-        yLabel: yLabel,
-        comparisons: comparisonsSt,
-        isHidden: viewer !== _list_ui.LIST_UI_VIEWER_TYPE.SPECTRUM
-      }), viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS && isNmr && /*#__PURE__*/_react.default.createElement(_nmr_viewer.default, {
-        molecule: molecule,
-        inputCb: inputCb
-      }), viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS && isIr && /*#__PURE__*/_react.default.createElement(_ir_viewer.default, {
-        molecule: molecule,
-        inputCb: inputCb
-      }));
-    }
-  }]);
-  return ForecastViewer;
-}(_react.default.Component);
-var mapStateToProps = function mapStateToProps(state, _) {
-  return (
-    // eslint-disable-line
-    {
-      uiSt: state.ui,
-      comparisonsSt: state.jcamp.others,
-      wavelength: state.wavelength
+  }
+  initForecastReducer() {
+    const {
+      forecast,
+      initForecastStatusAct,
+      setUiViewerTypeAct
+    } = this.props;
+    initForecastStatusAct(forecast);
+    if (forecast && forecast.predictions) {
+      const {
+        running,
+        refreshed
+      } = forecast.predictions;
+      if (running || refreshed) setUiViewerTypeAct(_list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS);
     }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    initForecastStatusAct: _forecast.initForecastStatus,
-    setUiViewerTypeAct: _ui.setUiViewerType
-  }, dispatch);
-};
+  }
+  render() {
+    const {
+      classes,
+      topic,
+      feature,
+      cLabel,
+      xLabel,
+      yLabel,
+      forecast,
+      isNmr,
+      isIr,
+      uiSt,
+      isXRD,
+      wavelength,
+      curveSt,
+      jcampSt
+    } = this.props;
+    const {
+      viewer
+    } = uiSt;
+    const {
+      inputCb,
+      molecule
+    } = forecast;
+    const {
+      curveIdx
+    } = curveSt;
+    const {
+      jcamps
+    } = jcampSt;
+    const comparisons = jcamps[curveIdx].others;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.root
+    }, /*#__PURE__*/_react.default.createElement(_index.default, {
+      topic: topic,
+      feature: feature,
+      cLabel: cLabel,
+      xLabel: isXRD && wavelength ? `${xLabel}, WL=${wavelength.value} ${wavelength.unit}` : xLabel,
+      yLabel: yLabel,
+      comparisons: comparisons,
+      isHidden: viewer !== _list_ui.LIST_UI_VIEWER_TYPE.SPECTRUM
+    }), viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS && isNmr && /*#__PURE__*/_react.default.createElement(_nmr_viewer.default, {
+      molecule: molecule,
+      inputCb: inputCb
+    }), viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS && isIr && /*#__PURE__*/_react.default.createElement(_ir_viewer.default, {
+      molecule: molecule,
+      inputCb: inputCb
+    }));
+  }
+}
+const mapStateToProps = (state, _) => (
+// eslint-disable-line
+{
+  uiSt: state.ui,
+  jcampSt: state.jcamp,
+  wavelength: state.wavelength,
+  curveSt: state.curve
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
+  initForecastStatusAct: _forecast.initForecastStatus,
+  setUiViewerTypeAct: _ui.setUiViewerType
+}, dispatch);
 ForecastViewer.propTypes = {
   classes: _propTypes.default.object.isRequired,
   topic: _propTypes.default.object.isRequired,
@@ -148,10 +138,10 @@ ForecastViewer.propTypes = {
   isUvvis: _propTypes.default.bool.isRequired,
   isXRD: _propTypes.default.bool.isRequired,
   uiSt: _propTypes.default.object.isRequired,
-  comparisonsSt: _propTypes.default.array.isRequired,
+  jcampSt: _propTypes.default.object.isRequired,
   initForecastStatusAct: _propTypes.default.func.isRequired,
   setUiViewerTypeAct: _propTypes.default.func.isRequired,
-  wavelength: _propTypes.default.object.isRequired
+  wavelength: _propTypes.default.object.isRequired,
+  curveSt: _propTypes.default.object.isRequired
 };
-var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(ForecastViewer);
-exports.default = _default;
+var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(ForecastViewer);

package/dist/components/multi_jcamps_viewer.js

@@ -5,11 +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 _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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactRedux = require("react-redux");
@@ -21,29 +16,29 @@ var _index2 = _interopRequireDefault(require("./cmd_bar/index"));
 var _index3 = _interopRequireDefault(require("./d3_multi/index"));
 var _curve = require("../actions/curve");
 var _cyclic_voltammetry = require("../actions/cyclic_voltammetry");
-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 react/default-props-match-prop-types,
-                                                                                                                                                                                                                                                                                                                                          react/require-default-props, react/no-unused-prop-types, react/jsx-boolean-value,
-                                                                                                                                                                                                                                                                                                                                          prefer-object-spread */
-var styles = function styles() {
-  return {
-    root: {
-      flexGrow: 1
-    },
-    appBar: {
-      backgroundColor: '#fff',
-      boxShadow: 'none'
-    },
-    tabLabel: {
-      fontSize: '14px'
-    }
-  };
-};
-var seperatingSubLayout = function seperatingSubLayout(entities, featureCondition) {
-  var storedDict = {};
-  entities.forEach(function (entity) {
-    var feature = entity.feature;
-    var keyValue = feature[featureCondition];
+/* eslint-disable react/default-props-match-prop-types,
+react/require-default-props, react/no-unused-prop-types, react/jsx-boolean-value,
+prefer-object-spread */
+
+const styles = () => ({
+  root: {
+    flexGrow: 1
+  },
+  appBar: {
+    backgroundColor: '#fff',
+    boxShadow: 'none'
+  },
+  tabLabel: {
+    fontSize: '14px'
+  }
+});
+const seperatingSubLayout = (entities, featureCondition) => {
+  const storedDict = {};
+  entities.forEach(entity => {
+    const {
+      feature
+    } = entity;
+    const keyValue = feature[featureCondition];
     if (keyValue in storedDict) {
       storedDict[keyValue].push(entity);
     } else {
@@ -52,96 +47,86 @@ var seperatingSubLayout = function seperatingSubLayout(entities, featureConditio
   });
   return Object.assign({}, storedDict);
 };
-var MultiJcampsViewer = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(MultiJcampsViewer, _React$Component);
-  var _super = _createSuper(MultiJcampsViewer);
-  function MultiJcampsViewer() {
-    (0, _classCallCheck2.default)(this, MultiJcampsViewer);
-    return _super.apply(this, arguments);
+class MultiJcampsViewer extends _react.default.Component {
+  // eslint-disable-line
+  render() {
+    const {
+      classes,
+      curveSt,
+      operations,
+      entityFileNames,
+      entities,
+      userManualLink,
+      molSvg
+    } = this.props;
+    if (!entities || entities.length === 0) return /*#__PURE__*/_react.default.createElement("div", null);
+    const seperatedSubLayouts = seperatingSubLayout(entities, 'xUnit');
+    const {
+      curveIdx
+    } = curveSt;
+    const entity = entities[curveIdx];
+    const {
+      feature,
+      topic
+    } = entity;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.root
+    }, /*#__PURE__*/_react.default.createElement(_index2.default, {
+      feature: feature,
+      operations: operations,
+      editorOnly: true,
+      hideThreshold: true
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "react-spectrum-editor"
+    }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      container: true
+    }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      item: true,
+      xs: 9
+    }, /*#__PURE__*/_react.default.createElement(_index3.default, {
+      entities: entities,
+      topic: topic,
+      xLabel: feature.xUnit,
+      yLabel: feature.yUnit,
+      feature: feature
+    })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      item: true,
+      xs: 3,
+      align: "center"
+    }, /*#__PURE__*/_react.default.createElement(_index.default, {
+      jcampIdx: curveIdx,
+      entityFileNames: entityFileNames,
+      userManualLink: userManualLink,
+      feature: feature,
+      molSvg: molSvg,
+      subLayoutsInfo: seperatedSubLayouts,
+      descriptions: "",
+      canChangeDescription: () => {},
+      onDescriptionChanged: () => {}
+    })))));
   }
-  (0, _createClass2.default)(MultiJcampsViewer, [{
-    key: "render",
-    value:
-    // eslint-disable-line
-    function render() {
-      var _this$props = this.props,
-        classes = _this$props.classes,
-        curvSt = _this$props.curvSt,
-        operations = _this$props.operations,
-        entityFileNames = _this$props.entityFileNames,
-        entities = _this$props.entities,
-        userManualLink = _this$props.userManualLink;
-      if (!entities || entities.length === 0) return /*#__PURE__*/_react.default.createElement("div", null);
-      var seperatedSubLayouts = seperatingSubLayout(entities, 'xUnit');
-      var entity = entities[curvSt.curveIdx];
-      var feature = entity.feature,
-        topic = entity.topic,
-        molSvg = entity.molSvg;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.root
-      }, /*#__PURE__*/_react.default.createElement(_index2.default, {
-        feature: feature,
-        operations: operations,
-        editorOnly: true,
-        hideThreshold: true
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: "react-spectrum-editor"
-      }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-        container: true
-      }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-        item: true,
-        xs: 9
-      }, /*#__PURE__*/_react.default.createElement(_index3.default, {
-        entities: entities,
-        topic: topic,
-        xLabel: feature.xUnit,
-        yLabel: feature.yUnit,
-        feature: feature
-      })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-        item: true,
-        xs: 3,
-        align: "center"
-      }, /*#__PURE__*/_react.default.createElement(_index.default, {
-        jcampIdx: curvSt.curveIdx,
-        entityFileNames: entityFileNames,
-        userManualLink: userManualLink,
-        feature: feature,
-        molSvg: molSvg,
-        subLayoutsInfo: seperatedSubLayouts,
-        descriptions: "",
-        canChangeDescription: function canChangeDescription() {},
-        onDescriptionChanged: function onDescriptionChanged() {}
-      })))));
-    }
-  }]);
-  return MultiJcampsViewer;
-}(_react.default.Component);
-var mapStateToProps = function mapStateToProps(state, _) {
-  return (
-    // eslint-disable-line
-    {
-      curvSt: state.curve,
-      cyclicVoltaSt: state.cyclicvolta,
-      entities: state.curve.listCurves
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    setAllCurvesAct: _curve.setAllCurves,
-    addNewCylicVoltaPairPeakAct: _cyclic_voltammetry.addNewCylicVoltaPairPeak,
-    addCylicVoltaMaxPeakAct: _cyclic_voltammetry.addCylicVoltaMaxPeak,
-    addCylicVoltaMinPeakAct: _cyclic_voltammetry.addCylicVoltaMinPeak,
-    addCylicVoltaPeckerAct: _cyclic_voltammetry.addCylicVoltaPecker
-  }, dispatch);
-};
+}
+const mapStateToProps = (state, _) => (
+// eslint-disable-line
+{
+  curveSt: state.curve,
+  cyclicVoltaSt: state.cyclicvolta,
+  entities: state.curve.listCurves
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
+  setAllCurvesAct: _curve.setAllCurves,
+  addNewCylicVoltaPairPeakAct: _cyclic_voltammetry.addNewCylicVoltaPairPeak,
+  addCylicVoltaMaxPeakAct: _cyclic_voltammetry.addCylicVoltaMaxPeak,
+  addCylicVoltaMinPeakAct: _cyclic_voltammetry.addCylicVoltaMinPeak,
+  addCylicVoltaPeckerAct: _cyclic_voltammetry.addCylicVoltaPecker
+}, dispatch);
 MultiJcampsViewer.propTypes = {
   classes: _propTypes.default.object.isRequired,
   multiEntities: _propTypes.default.array.isRequired,
   entityFileNames: _propTypes.default.array.isRequired,
   molSvg: _propTypes.default.string.isRequired,
   setAllCurvesAct: _propTypes.default.func.isRequired,
-  curvSt: _propTypes.default.object.isRequired,
+  curveSt: _propTypes.default.object.isRequired,
   cyclicVoltaSt: _propTypes.default.object.isRequired,
   addNewCylicVoltaPairPeakAct: _propTypes.default.func.isRequired,
   addCylicVoltaMaxPeakAct: _propTypes.default.func.isRequired,
@@ -159,5 +144,4 @@ MultiJcampsViewer.defaultProps = {
   yLabel: '',
   entities: []
 };
-var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(MultiJcampsViewer);
-exports.default = _default;
+var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(MultiJcampsViewer);