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

package/dist/components/panel/compare_bk.js

@@ -1,256 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactRedux = require("react-redux");
-var _redux = require("redux");
-var _reactDropzone = _interopRequireDefault(require("react-dropzone"));
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
-var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
-var _HighlightOff = _interopRequireDefault(require("@material-ui/icons/HighlightOff"));
-var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
-var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
-var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
-var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _VisibilityOutlined = _interopRequireDefault(require("@material-ui/icons/VisibilityOutlined"));
-var _VisibilityOffOutlined = _interopRequireDefault(require("@material-ui/icons/VisibilityOffOutlined"));
-var _styles = require("@material-ui/core/styles");
-var _format = _interopRequireDefault(require("../../helpers/format"));
-var _jcamp = require("../../actions/jcamp");
-var styles = function styles(theme) {
-  return {
-    panel: {
-      backgroundColor: '#eee',
-      display: 'table-row'
-    },
-    panelSummary: {
-      backgroundColor: '#eee',
-      height: 32
-    },
-    txtBadge: {},
-    panelDetail: {
-      backgroundColor: '#fff',
-      maxHeight: 'calc(90vh - 220px)',
-      // ROI
-      overflow: 'auto'
-    },
-    table: {
-      width: '100%'
-    },
-    tTxt: {
-      padding: 0
-    },
-    tTxtHide: {
-      color: '#D5D8DC'
-    },
-    tRow: {
-      height: 28,
-      '&:nth-of-type(even)': {
-        backgroundColor: theme.palette.background.default
-      }
-    },
-    rmBtn: {
-      color: 'red',
-      padding: '0 5px 0 5px',
-      '&:hover': {
-        borderRadius: 12,
-        backgroundColor: 'red',
-        color: 'white'
-      }
-    },
-    showBtn: {
-      color: 'steelblue',
-      padding: '0 5px 0 5px',
-      '&:hover': {
-        borderRadius: 12,
-        backgroundColor: 'steelblue',
-        color: 'white'
-      }
-    },
-    hideBtn: {
-      color: 'gray',
-      padding: '0 5px 0 5px',
-      '&:hover': {
-        borderRadius: 12,
-        backgroundColor: 'gray',
-        color: 'white'
-      }
-    },
-    square: {
-      textAlign: 'center !important'
-    },
-    baseDD: {
-      backgroundColor: 'white',
-      border: '1px dashed black',
-      borderRadius: 5,
-      height: 26,
-      lineHeight: '26px',
-      margin: '7px 0 7px 0',
-      textAlign: 'center',
-      verticalAlign: 'middle',
-      width: '90%'
-    },
-    enableDD: {
-      border: '2px dashed #000',
-      color: '#000'
-    },
-    disableDD: {
-      border: '2px dashed #aaa',
-      color: '#aaa'
-    },
-    tpCard: {},
-    tpMoreTxt: {
-      padding: '0 0 0 60px'
-    },
-    tpLabel: {
-      fontSize: 16
-    }
-  };
-};
-var msgDefault = 'Add spectra to compare.';
-var tpHint = function tpHint(classes) {
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tpCard)
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: (0, _classnames.default)(classes.tpLabel, 'txt-sv-tp')
-  }, "- Accept *.dx, *.jdx, *.JCAMP,"), /*#__PURE__*/_react.default.createElement("p", {
-    className: (0, _classnames.default)(classes.tpLabel, 'txt-sv-tp')
-  }, "- Max 5 spectra."));
-};
-var content = function content(classes, desc) {
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: tpHint(classes),
-    placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tpLabel, 'txt-sv-tp')
-  }, desc));
-};
-var inputOthers = function inputOthers(classes, addOthersCbSt) {
-  var fileName = '';
-  var desc = fileName || msgDefault;
-  var onDrop = function onDrop(jcamps) {
-    if (!addOthersCbSt) return;
-    addOthersCbSt({
-      jcamps: jcamps
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactDropzone.default, {
-    className: "dropbox",
-    onDrop: onDrop
-  }, function (_ref) {
-    var getRootProps = _ref.getRootProps,
-      getInputProps = _ref.getInputProps;
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, getRootProps(), {
-      className: (0, _classnames.default)(classes.baseDD)
-    }), /*#__PURE__*/_react.default.createElement("input", getInputProps()), content(classes, desc));
-  });
-};
-var compareList = function compareList(classes, othersSt, rmOthersOneAct, toggleShowAct) {
-  var rows = othersSt.map(function (o, idx) {
-    return {
-      idx: idx,
-      title: o.spectra[0].title,
-      color: _format.default.compareColors(idx),
-      rmCb: function rmCb() {
-        return rmOthersOneAct(idx);
-      },
-      isShow: o.show,
-      toggleShowCb: function toggleShowCb() {
-        return toggleShowAct(idx);
-      }
-    };
-  });
-  return /*#__PURE__*/_react.default.createElement(_Table.default, {
-    className: classes.table
-  }, /*#__PURE__*/_react.default.createElement(_TableBody.default, null, rows.map(function (row) {
-    return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
-      key: row.idx,
-      className: classes.tRow,
-      hover: true
-    }, /*#__PURE__*/_react.default.createElement(_TableCell.default, {
-      align: "right",
-      className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt'),
-      style: {
-        backgroundColor: row.color
-      }
-    }, row.idx + 1), /*#__PURE__*/_react.default.createElement(_TableCell.default, {
-      align: "right",
-      className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt', row.isShow ? null : classes.tTxtHide)
-    }, row.title), /*#__PURE__*/_react.default.createElement(_TableCell.default, {
-      align: "right",
-      className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-    }, row.isShow ? /*#__PURE__*/_react.default.createElement(_VisibilityOutlined.default, {
-      onClick: row.toggleShowCb,
-      className: classes.showBtn
-    }) : /*#__PURE__*/_react.default.createElement(_VisibilityOffOutlined.default, {
-      onClick: row.toggleShowCb,
-      className: classes.hideBtn
-    }), /*#__PURE__*/_react.default.createElement(_HighlightOff.default, {
-      onClick: row.rmCb,
-      className: classes.rmBtn
-    })));
-  })));
-};
-var ComparePanel = function ComparePanel(_ref2) {
-  var classes = _ref2.classes,
-    expand = _ref2.expand,
-    onExapnd = _ref2.onExapnd,
-    othersSt = _ref2.othersSt,
-    addOthersCbSt = _ref2.addOthersCbSt,
-    rmOthersOneAct = _ref2.rmOthersOneAct,
-    toggleShowAct = _ref2.toggleShowAct;
-  return /*#__PURE__*/_react.default.createElement(_ExpansionPanel.default, {
-    expanded: expand,
-    onChange: onExapnd,
-    className: (0, _classnames.default)(classes.panel),
-    TransitionProps: {
-      unmountOnExit: true
-    } // increase ExpansionPanel performance
-  }, /*#__PURE__*/_react.default.createElement(_ExpansionPanelSummary.default, {
-    expandIcon: /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null),
-    className: (0, _classnames.default)(classes.panelSummary)
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: "txt-panel-header"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtBadge, 'txt-sv-panel-title')
-  }, "Spectra Comparisons"))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), inputOthers(classes, addOthersCbSt), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.panelDetail)
-  }, compareList(classes, othersSt, rmOthersOneAct, toggleShowAct)));
-};
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (
-    // eslint-disable-line
-    {
-      othersSt: state.jcamp.others,
-      addOthersCbSt: state.jcamp.addOthersCb
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    rmOthersOneAct: _jcamp.rmOthersOne,
-    toggleShowAct: _jcamp.toggleShow
-  }, dispatch);
-};
-ComparePanel.propTypes = {
-  classes: _propTypes.default.object.isRequired,
-  expand: _propTypes.default.bool.isRequired,
-  onExapnd: _propTypes.default.func.isRequired,
-  othersSt: _propTypes.default.array.isRequired,
-  addOthersCbSt: _propTypes.default.func.isRequired,
-  rmOthersOneAct: _propTypes.default.func.isRequired,
-  toggleShowAct: _propTypes.default.func.isRequired
-};
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(ComparePanel));
-exports.default = _default;

package/dist/components/panel/cyclic_voltamery_data_bk.js

@@ -1,292 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactRedux = require("react-redux");
-var _redux = require("redux");
-var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
-var _AddCircleOutline = _interopRequireDefault(require("@material-ui/icons/AddCircleOutline"));
-var _RemoveCircle = _interopRequireDefault(require("@material-ui/icons/RemoveCircle"));
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-var _Help = _interopRequireDefault(require("@material-ui/icons/Help"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-var _styles = require("@material-ui/core/styles");
-var _core = require("@material-ui/core");
-var _cyclic_voltammetry = require("../../actions/cyclic_voltammetry");
-var _ui = require("../../actions/ui");
-var _list_ui = require("../../constants/list_ui");
-var _chem = require("../../helpers/chem");
-var styles = function styles() {
-  return {
-    panel: {
-      backgroundColor: '#eee',
-      display: 'table-row'
-    },
-    panelSummary: {
-      backgroundColor: '#eee',
-      height: 32
-    },
-    panelDetail: {
-      backgroundColor: '#fff',
-      maxHeight: 'calc(90vh - 220px)',
-      // ROI
-      overflow: 'auto'
-    },
-    table: {
-      width: '100%',
-      wordWrap: 'break-all',
-      fontSize: '14px !important'
-    },
-    td: {
-      wordWrap: 'break-all',
-      fontSize: '14px !important'
-    },
-    cellSelected: {
-      backgroundColor: '#2196f3',
-      color: '#fff',
-      fontSize: '14px !important'
-    },
-    btnRemove: {
-      color: 'red'
-    },
-    tTxt: {
-      padding: 10
-    },
-    infoIcon: {
-      width: '15px',
-      height: '16px'
-    },
-    txtToolTip: {
-      lineHeight: 'normal !important',
-      fontSize: '14px !important'
-    },
-    rowRoot: {
-      border: '1px solid #eee',
-      height: 36,
-      lineHeight: '36px',
-      overflow: 'hidden',
-      paddingLeft: 24,
-      textAlign: 'left'
-    },
-    rowOdd: {
-      backgroundColor: '#fff',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    },
-    rowEven: {
-      backgroundColor: '#fafafa',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    }
-  };
-};
-var CyclicVoltammetryPanel = function CyclicVoltammetryPanel(_ref) {
-  var classes = _ref.classes,
-    cyclicVotaSt = _ref.cyclicVotaSt,
-    feature = _ref.feature,
-    addNewPairPeakAct = _ref.addNewPairPeakAct,
-    setWorkWithMaxPeakAct = _ref.setWorkWithMaxPeakAct,
-    selectPairPeakAct = _ref.selectPairPeakAct,
-    removePairPeakAct = _ref.removePairPeakAct,
-    sweepTypeSt = _ref.sweepTypeSt,
-    setUiSweepTypeAct = _ref.setUiSweepTypeAct,
-    jcampIdx = _ref.jcampIdx,
-    userManualLink = _ref.userManualLink;
-  var spectraList = cyclicVotaSt.spectraList;
-  var spectra = spectraList[jcampIdx];
-  var list = [];
-  if (spectra !== undefined) {
-    list = spectra.list;
-  }
-  var selectCell = function selectCell(idx, isMax) {
-    setWorkWithMaxPeakAct({
-      isMax: isMax,
-      jcampIdx: jcampIdx
-    });
-    selectPairPeakAct({
-      index: idx,
-      jcampIdx: jcampIdx
-    });
-    if (sweepTypeSt === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MAX_PEAK || sweepTypeSt === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MIN_PEAK) {
-      if (isMax) {
-        setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MAX_PEAK, jcampIdx);
-      } else {
-        setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MIN_PEAK, jcampIdx);
-      }
-    } else if (sweepTypeSt === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MAX_PEAK || sweepTypeSt === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK) {
-      if (isMax) {
-        setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MAX_PEAK, jcampIdx);
-      } else {
-        setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK, jcampIdx);
-      }
-    }
-  };
-  var getDelta = function getDelta(data) {
-    return data.max && data.min ? (0, _chem.GetCyclicVoltaPeakSeparate)(data.max.x, data.min.x) : "undefined";
-  };
-  var getRatio = function getRatio(feature, data) {
-    var featureData = feature.data[0];
-    var idx = featureData.x.indexOf(feature.maxX);
-    var y_pecker = data.pecker ? data.pecker.y : featureData.y[idx];
-    return data.max && data.min ? (0, _chem.GetCyclicVoltaRatio)(data.max.y, data.min.y, y_pecker).toFixed(8) : "undefined";
-  };
-  var rows = list.map(function (o, idx) {
-    return {
-      idx: idx,
-      max: o.max ? "x:".concat(parseFloat(o.max.x), ", y:").concat(parseFloat(o.max.y).toExponential(2)) : "undefined",
-      min: o.min ? "x:".concat(parseFloat(o.min.x), ", y:").concat(parseFloat(o.min.y).toExponential(2)) : "undefined",
-      pecker: o.pecker ? "".concat(parseFloat(o.pecker.y).toExponential(2)) : "undefined",
-      delta: getDelta(o),
-      ratio: getRatio(feature, o),
-      onClickMax: function onClickMax() {
-        return selectCell(idx, true);
-      },
-      onClickMin: function onClickMin() {
-        return selectCell(idx, false);
-      },
-      remove: function remove() {
-        return removePairPeakAct({
-          index: idx,
-          jcampIdx: jcampIdx
-        });
-      }
-    };
-  });
-  return /*#__PURE__*/_react.default.createElement(_core.ExpansionPanel, null, /*#__PURE__*/_react.default.createElement(_core.ExpansionPanelSummary, {
-    expandIcon: /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null),
-    className: (0, _classnames.default)(classes.panelSummary)
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: "txt-panel-header"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtBadge, 'txt-sv-panel-title')
-  }, "Voltammetry data"))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_core.Table, {
-    className: classes.table
-  }, /*#__PURE__*/_react.default.createElement(_core.TableHead, null, /*#__PURE__*/_react.default.createElement(_core.TableRow, null, /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-    align: "left",
-    className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-  }, "Max"), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-    align: "left",
-    className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-  }, "Min"), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-    align: "left",
-    className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-  }, "I \u03BB0", /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("p", {
-      className: (0, _classnames.default)(classes.txtToolTip)
-    }, "Baseline correction value for I ratio ", /*#__PURE__*/_react.default.createElement("br", null), "(a.k.a y value of pecker)")
-  }, /*#__PURE__*/_react.default.createElement(_Info.default, {
-    className: (0, _classnames.default)(classes.infoIcon)
-  }))), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-    align: "left",
-    className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-  }, "I ratio", /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(classes.txtToolTip)
-    }, /*#__PURE__*/_react.default.createElement("p", null, "Nicholson's method"), /*#__PURE__*/_react.default.createElement("i", null, "NICHOLSON, Rl S. Semiempirical Procedure for Measuring with Stationary Electrode Polarography Rates of Chemical Reactions Involving the Product of Electron Transfer. Analytical Chemistry, 1966, 38. Jg., Nr. 10, S. 1406-1406. https://doi.org/10.1021/ac60242a030"))
-  }, /*#__PURE__*/_react.default.createElement(_Info.default, {
-    className: (0, _classnames.default)(classes.infoIcon)
-  }))), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-    align: "left",
-    className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-  }, "DeltaEp", /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.txtToolTip)
-    }, "| Epa - Epc |")
-  }, /*#__PURE__*/_react.default.createElement(_Info.default, {
-    className: (0, _classnames.default)(classes.infoIcon)
-  }))), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-    align: "left",
-    className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-  }, /*#__PURE__*/_react.default.createElement(_AddCircleOutline.default, {
-    onClick: function onClick() {
-      return addNewPairPeakAct(jcampIdx);
-    }
-  })))), /*#__PURE__*/_react.default.createElement(_core.TableBody, null, rows.map(function (row) {
-    return /*#__PURE__*/_react.default.createElement(_core.TableRow, {
-      key: row.idx
-    }, /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-      align: "left",
-      className: (0, _classnames.default)(classes.tTxt, classes.square, spectra.isWorkMaxPeak && spectra.selectedIdx === row.idx ? classes.cellSelected : 'txt-sv-panel-txt'),
-      onClick: row.onClickMax
-    }, row.max), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-      align: "left",
-      className: (0, _classnames.default)(classes.tTxt, classes.square, !spectra.isWorkMaxPeak && spectra.selectedIdx === row.idx ? classes.cellSelected : 'txt-sv-panel-txt'),
-      onClick: row.onClickMin
-    }, row.min), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-      align: "left",
-      className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-    }, row.pecker), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-      align: "left",
-      className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-    }, row.ratio), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-      align: "left",
-      className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-    }, row.delta), /*#__PURE__*/_react.default.createElement(_core.TableCell, {
-      align: "left",
-      className: (0, _classnames.default)(classes.tTxt, classes.square, 'txt-sv-panel-txt')
-    }, /*#__PURE__*/_react.default.createElement(_RemoveCircle.default, {
-      className: (0, _classnames.default)(classes.btnRemove),
-      onClick: row.remove
-    })));
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.rowRoot, classes.rowEven)
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.txtToolTip)
-    }, "Click here to open the User manual document")
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("a", {
-    target: "_blank",
-    rel: "noopener noreferrer",
-    href: userManualLink
-  }, "How-To"), /*#__PURE__*/_react.default.createElement(_Help.default, {
-    className: (0, _classnames.default)(classes.infoIcon)
-  })))));
-};
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (
-    // eslint-disable-line
-    {
-      layoutSt: state.layout,
-      cyclicVotaSt: state.cyclicvolta,
-      sweepTypeSt: state.ui.sweepType
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    addNewPairPeakAct: _cyclic_voltammetry.addNewCylicVoltaPairPeak,
-    setWorkWithMaxPeakAct: _cyclic_voltammetry.setWorkWithMaxPeak,
-    selectPairPeakAct: _cyclic_voltammetry.selectPairPeak,
-    removePairPeakAct: _cyclic_voltammetry.removeCylicVoltaPairPeak,
-    setUiSweepTypeAct: _ui.setUiSweepType
-  }, dispatch);
-};
-CyclicVoltammetryPanel.propTypes = {
-  classes: _propTypes.default.object.isRequired,
-  expand: _propTypes.default.bool.isRequired,
-  feature: _propTypes.default.object.isRequired,
-  molSvg: _propTypes.default.string.isRequired,
-  layoutSt: _propTypes.default.string.isRequired,
-  onExapnd: _propTypes.default.func.isRequired,
-  cyclicVotaSt: _propTypes.default.object.isRequired,
-  addNewPairPeakAct: _propTypes.default.func.isRequired,
-  setWorkWithMaxPeakAct: _propTypes.default.func.isRequired,
-  selectPairPeakAct: _propTypes.default.func.isRequired,
-  removePairPeakAct: _propTypes.default.func.isRequired,
-  setUiSweepTypeAct: _propTypes.default.func.isRequired,
-  sweepTypeSt: _propTypes.default.string.isRequired,
-  userManualLink: _propTypes.default.string
-};
-CyclicVoltammetryPanel.defaultProps = {
-  jcampIdx: 0
-};
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(CyclicVoltammetryPanel));
-exports.default = _default;