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

package/dist/components/panel/cyclic_voltamery_data.js

@@ -29,96 +29,98 @@ react/no-unused-prop-types, react/jsx-closing-tag-location, max-len, react/jsx-o
 react/jsx-indent, react/no-unescaped-entities, react/jsx-wrap-multilines, camelcase, no-shadow,
 arrow-body-style, react/function-component-definition */
 
-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 = [];
+const styles = () => ({
+  panel: {
+    backgroundColor: '#eee',
+    display: 'table-row'
+  },
+  panelSummary: {
+    backgroundColor: '#eee',
+    height: 32
+  },
+  panelDetail: {
+    backgroundColor: '#fff',
+    maxHeight: 'calc(90vh - 220px)',
+    // ROI
+    overflow: 'auto'
+  },
+  table: {
+    width: '100%',
+    overflowWrap: 'anywhere',
+    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'
+  }
+});
+const CyclicVoltammetryPanel = _ref => {
+  let {
+    classes,
+    cyclicVotaSt,
+    feature,
+    addNewPairPeakAct,
+    setWorkWithMaxPeakAct,
+    selectPairPeakAct,
+    removePairPeakAct,
+    sweepTypeSt,
+    setUiSweepTypeAct,
+    jcampIdx,
+    userManualLink
+  } = _ref;
+  const {
+    spectraList
+  } = cyclicVotaSt;
+  const spectra = spectraList[jcampIdx];
+  let list = [];
   if (spectra !== undefined) {
     list = spectra.list;
   }
-  var selectCell = function selectCell(idx, isMax) {
+  const selectCell = (idx, isMax) => {
     setWorkWithMaxPeakAct({
-      isMax: isMax,
-      jcampIdx: jcampIdx
+      isMax,
+      jcampIdx
     });
     selectPairPeakAct({
       index: idx,
-      jcampIdx: 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) {
@@ -134,38 +136,30 @@ var CyclicVoltammetryPanel = function CyclicVoltammetryPanel(_ref) {
       }
     }
   };
-  var getDelta = function getDelta(data) {
-    return data.max && data.min ? (0, _chem.GetCyclicVoltaPeakSeparate)(data.max.x, data.min.x) : 'undefined';
+  const getDelta = data => {
+    return data.max && data.min ? (0, _chem.GetCyclicVoltaPeakSeparate)(data.max.x, data.min.x).toFixed(3) : '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';
+  const getRatio = (feature, data) => {
+    const featureData = feature.data[0];
+    const idx = featureData.x.indexOf(feature.maxX);
+    const 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(3) : '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, {
+  const rows = list.map((o, idx) => ({
+    idx,
+    max: o.max ? `x:${parseFloat(o.max.x).toFixed(3)}, y:${parseFloat(o.max.y).toExponential(2)}` : 'undefined',
+    min: o.min ? `x:${parseFloat(o.min.x).toFixed(3)}, y:${parseFloat(o.min.y).toExponential(2)}` : 'undefined',
+    pecker: o.pecker ? `${parseFloat(o.pecker.y).toExponential(2)}` : 'undefined',
+    delta: getDelta(o),
+    ratio: getRatio(feature, o),
+    onClickMax: () => selectCell(idx, true),
+    onClickMin: () => selectCell(idx, false),
+    remove: () => removePairPeakAct({
+      index: idx,
+      jcampIdx
+    })
+  }));
+  return /*#__PURE__*/_react.default.createElement(_core.Accordion, null, /*#__PURE__*/_react.default.createElement(_core.AccordionSummary, {
     expandIcon: /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null),
     className: (0, _classnames.default)(classes.panelSummary)
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -211,37 +205,33 @@ var CyclicVoltammetryPanel = function CyclicVoltammetryPanel(_ref) {
     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", {
+    onClick: () => addNewPairPeakAct(jcampIdx)
+  })))), /*#__PURE__*/_react.default.createElement(_core.TableBody, null, rows.map(row => /*#__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", {
@@ -255,25 +245,20 @@ var CyclicVoltammetryPanel = function CyclicVoltammetryPanel(_ref) {
     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);
-};
+const mapStateToProps = (state, props) => (
+// eslint-disable-line
+{
+  layoutSt: state.layout,
+  cyclicVotaSt: state.cyclicvolta,
+  sweepTypeSt: state.ui.sweepType
+});
+const mapDispatchToProps = dispatch => (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,
@@ -294,5 +279,4 @@ CyclicVoltammetryPanel.propTypes = {
 CyclicVoltammetryPanel.defaultProps = {
   jcampIdx: 0
 };
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(CyclicVoltammetryPanel));
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(CyclicVoltammetryPanel));