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

package/dist/components/cmd_bar/r06_predict_btn.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactRedux = require("react-redux");
@@ -27,28 +26,26 @@ var _chem = require("../../helpers/chem");
 max-len, react/function-component-definition,
 function-call-argument-newline, react/require-default-props */
 
-var styles = function styles() {
-  return Object.assign({}, _common.commonStyle, {
-    tTxt: {
-      fontSize: '0.8rem',
-      fontFamily: 'Helvetica',
-      marginRight: 5
-    },
-    btnWidthUnknown: {
-      minWidth: 30,
-      width: 30
-    },
-    btnWidthIr: {
-      minWidth: 30,
-      width: 30
-    },
-    btnWidthNmr: {
-      minWidth: 80,
-      width: 80
-    }
-  });
-};
-var MuPredictButton = (0, _styles.withStyles)({
+const styles = () => Object.assign({}, _common.commonStyle, {
+  tTxt: {
+    fontSize: '0.8rem',
+    fontFamily: 'Helvetica',
+    marginRight: 5
+  },
+  btnWidthUnknown: {
+    minWidth: 30,
+    width: 30
+  },
+  btnWidthIr: {
+    minWidth: 30,
+    width: 30
+  },
+  btnWidthNmr: {
+    minWidth: 80,
+    width: 80
+  }
+});
+const MuPredictButton = (0, _styles.withStyles)({
   root: {
     border: '1px solid #ccc',
     borderRadius: 4,
@@ -59,162 +56,156 @@ var MuPredictButton = (0, _styles.withStyles)({
     padding: 0
   }
 })(_Button.default);
-var onClickFail = function onClickFail(layoutSt, simuCount, realCount) {
-  var feature = _format.default.is13CLayout(layoutSt) ? 'peak' : 'multiplet';
-  return function () {
-    return alert("Selected ".concat(feature, " count (").concat(realCount, ") must be larger than 0, and must be eqal or less than simulated count (").concat(simuCount, ")."));
-  }; // eslint-disable-line
+const onClickFail = (layoutSt, simuCount, realCount) => {
+  const feature = _format.default.is13CLayout(layoutSt) ? 'peak' : 'multiplet';
+  return () => alert(`Selected ${feature} count (${realCount}) must be larger than 0, and must be eqal or less than simulated count (${simuCount}).`); // eslint-disable-line
 };
 
-var onClickReady = function onClickReady(forecast, peaksEdit, layoutSt, scan, shiftSt, thres, analysis, integrationSt, multiplicitySt, setUiViewerTypeAct) {
-  var btnCb = forecast.btnCb;
+const onClickReady = (forecast, peaksEdit, layoutSt, scan, shiftSt, thres, analysis, integrationSt, multiplicitySt, setUiViewerTypeAct, curveSt) => {
+  const {
+    btnCb
+  } = forecast;
   if (!btnCb) {
-    return function () {
-      return alert('[Developer Warning] You need to implement btnCb in forecast!');
-    }; // eslint-disable-line
+    return () => alert('[Developer Warning] You need to implement btnCb in forecast!'); // eslint-disable-line
   }
 
-  return function () {
+  return () => {
     setUiViewerTypeAct(_list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS);
     return btnCb({
       peaks: peaksEdit,
       layout: layoutSt,
-      scan: scan,
-      thres: thres,
-      analysis: analysis,
+      scan,
+      thres,
+      analysis,
       integration: integrationSt,
       multiplicity: multiplicitySt,
-      shift: shiftSt
+      shift: shiftSt,
+      curveSt
     });
   };
 };
-var onClicUnknown = function onClicUnknown(feature, forecast, peaksEdit, layoutSt, scan, shiftSt, thres, analysis, integrationSt, multiplicitySt, curveSt) {
-  var refreshCb = forecast.refreshCb;
+const onClicUnknown = (feature, forecast, peaksEdit, layoutSt, scan, shiftSt, thres, analysis, integrationSt, multiplicitySt, curveSt) => {
+  const {
+    refreshCb
+  } = forecast;
   if (!refreshCb) {
-    return function () {
-      return alert('[Developer Warning] You need to implement refreshCb in forecast!');
-    }; // eslint-disable-line
+    return () => alert('[Developer Warning] You need to implement refreshCb in forecast!'); // eslint-disable-line
   }
 
-  return function () {
-    return refreshCb({
-      peaks: peaksEdit,
-      layout: layoutSt,
-      scan: scan,
-      shift: shiftSt,
-      thres: thres,
-      analysis: analysis,
-      integration: integrationSt,
-      multiplicity: multiplicitySt,
-      curveSt: curveSt
-    });
-  };
-};
-var counterText = function counterText(classes, isIr, realCount, uniqCount, simuCount) {
-  return isIr ? null : /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, "".concat(realCount, "/").concat(uniqCount, "/").concat(simuCount));
-};
-var renderBtnPredict = function renderBtnPredict(classes, isIr, realCount, uniqCount, simuCount, color, btnWidthCls, onClick) {
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Predict"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "- Selected features must be eqal or less than simulated features."))
-  }, /*#__PURE__*/_react.default.createElement(MuPredictButton, {
-    className: (0, _classnames.default)('btn-sv-bar-submit', btnWidthCls),
-    style: {
-      color: color
-    },
-    onClick: onClick
-  }, counterText(classes, isIr, realCount, uniqCount, simuCount), /*#__PURE__*/_react.default.createElement(_GpsFixedOutlined.default, {
-    className: classes.icon
-  })));
-};
-var renderBtnUnknown = function renderBtnUnknown(classes, onClick) {
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Refresh Simulation"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "- Simulation must be refreshed before making a prediction."), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "- If you continue to see this button after clicking it, the server is not ready. Please wait for a while."))
-  }, /*#__PURE__*/_react.default.createElement(MuPredictButton, {
-    className: (0, _classnames.default)('btn-sv-bar-submit', classes.btnWidthUnknown),
-    style: {
-      color: 'orange'
-    },
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_HelpOutlineOutlined.default, {
-    className: classes.icon
-  })));
+  return () => refreshCb({
+    peaks: peaksEdit,
+    layout: layoutSt,
+    scan,
+    shift: shiftSt,
+    thres,
+    analysis,
+    integration: integrationSt,
+    multiplicity: multiplicitySt,
+    curveSt
+  });
 };
-var BtnPredict = function BtnPredict(_ref) {
-  var classes = _ref.classes,
-    feature = _ref.feature,
-    forecast = _ref.forecast,
-    layoutSt = _ref.layoutSt,
-    simulationSt = _ref.simulationSt,
-    editPeakSt = _ref.editPeakSt,
-    scanSt = _ref.scanSt,
-    shiftSt = _ref.shiftSt,
-    thresSt = _ref.thresSt,
-    integrationSt = _ref.integrationSt,
-    multiplicitySt = _ref.multiplicitySt,
-    setUiViewerTypeAct = _ref.setUiViewerTypeAct,
-    curveSt = _ref.curveSt;
-  var is13Cor1H = _format.default.is13CLayout(layoutSt) || _format.default.is1HLayout(layoutSt);
-  var isIr = _format.default.isIrLayout(layoutSt);
+const counterText = (classes, isIr, realCount, uniqCount, simuCount) => isIr ? null : /*#__PURE__*/_react.default.createElement("span", {
+  className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
+}, `${realCount}/${uniqCount}/${simuCount}`);
+const renderBtnPredict = (classes, isIr, realCount, uniqCount, simuCount, color, btnWidthCls, onClick) => /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+  title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "txt-sv-tp"
+  }, "Predict"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
+    className: "txt-sv-tp"
+  }, "- Selected features must be eqal or less than simulated features."))
+}, /*#__PURE__*/_react.default.createElement(MuPredictButton, {
+  className: (0, _classnames.default)('btn-sv-bar-submit', btnWidthCls),
+  style: {
+    color
+  },
+  onClick: onClick
+}, counterText(classes, isIr, realCount, uniqCount, simuCount), /*#__PURE__*/_react.default.createElement(_GpsFixedOutlined.default, {
+  className: classes.icon
+})));
+const renderBtnUnknown = (classes, onClick) => /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+  title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "txt-sv-tp"
+  }, "Refresh Simulation"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
+    className: "txt-sv-tp"
+  }, "- Simulation must be refreshed before making a prediction."), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
+    className: "txt-sv-tp"
+  }, "- If you continue to see this button after clicking it, the server is not ready. Please wait for a while."))
+}, /*#__PURE__*/_react.default.createElement(MuPredictButton, {
+  className: (0, _classnames.default)('btn-sv-bar-submit', classes.btnWidthUnknown),
+  style: {
+    color: 'orange'
+  },
+  onClick: onClick
+}, /*#__PURE__*/_react.default.createElement(_HelpOutlineOutlined.default, {
+  className: classes.icon
+})));
+const BtnPredict = _ref => {
+  let {
+    classes,
+    feature,
+    forecast,
+    layoutSt,
+    simulationSt,
+    editPeakSt,
+    scanSt,
+    shiftSt,
+    thresSt,
+    integrationSt,
+    multiplicitySt,
+    setUiViewerTypeAct,
+    curveSt
+  } = _ref;
+  const is13Cor1H = _format.default.is13CLayout(layoutSt) || _format.default.is1HLayout(layoutSt);
+  const isIr = _format.default.isIrLayout(layoutSt);
   if (!(is13Cor1H || isIr)) return null;
-  var oriPeaksEdit = (0, _extractPeaksEdit.extractPeaksEdit)(feature, editPeakSt, thresSt, shiftSt, layoutSt);
-  var peaksEdit = _format.default.rmShiftFromPeaks(oriPeaksEdit, shiftSt);
-  var scan = (0, _chem.Convert2Scan)(feature, scanSt);
-  var thres = (0, _chem.Convert2Thres)(feature, thresSt);
-  var simuCount = simulationSt.nmrSimPeaks.length;
-  var uniqCount = (0, _toConsumableArray2.default)(new Set(simulationSt.nmrSimPeaks)).length;
-  var realCount = 0;
+  const oriPeaksEdit = (0, _extractPeaksEdit.extractPeaksEdit)(feature, editPeakSt, thresSt, shiftSt, layoutSt);
+  const peaksEdit = _format.default.rmShiftFromPeaks(oriPeaksEdit, shiftSt);
+  const scan = (0, _chem.Convert2Scan)(feature, scanSt);
+  const thres = (0, _chem.Convert2Thres)(feature, thresSt);
+  const simuCount = simulationSt.nmrSimPeaks.length;
+  const uniqCount = [...new Set(simulationSt.nmrSimPeaks)].length;
+  let realCount = 0;
   if (_format.default.is13CLayout(layoutSt)) {
     realCount = (0, _carbonFeatures.carbonFeatures)(peaksEdit, multiplicitySt).length;
   } else {
-    var selectedIdx = multiplicitySt.selectedIdx,
-      multiplicities = multiplicitySt.multiplicities;
-    var selectedMultiplicity = multiplicities[selectedIdx];
-    var stack = selectedMultiplicity.stack;
+    const {
+      curveIdx
+    } = curveSt;
+    const {
+      multiplicities
+    } = multiplicitySt;
+    const selectedMultiplicity = multiplicities[curveIdx];
+    const {
+      stack
+    } = selectedMultiplicity;
     realCount = stack.length;
   }
   if (is13Cor1H && simuCount === 0) {
-    var onClickUnknownCb = onClicUnknown(feature, forecast, peaksEdit, layoutSt, scan, shiftSt, thres, forecast.predictions, integrationSt, multiplicitySt, curveSt);
+    const onClickUnknownCb = onClicUnknown(feature, forecast, peaksEdit, layoutSt, scan, shiftSt, thres, forecast.predictions, integrationSt, multiplicitySt, curveSt);
     return renderBtnUnknown(classes, onClickUnknownCb);
   }
-  var predictable = isIr || simuCount >= realCount && realCount > 0;
-  var color = predictable ? 'green' : 'red';
-  var onClick = predictable ? onClickReady(forecast, peaksEdit, layoutSt, scan, shiftSt, thres, forecast.predictions, integrationSt, multiplicitySt, setUiViewerTypeAct, curveSt) : onClickFail(layoutSt, simuCount, realCount);
-  var btnWidthCls = isIr ? classes.btnWidthIr : classes.btnWidthNmr;
+  const predictable = isIr || simuCount >= realCount && realCount > 0;
+  const color = predictable ? 'green' : 'red';
+  const onClick = predictable ? onClickReady(forecast, peaksEdit, layoutSt, scan, shiftSt, thres, forecast.predictions, integrationSt, multiplicitySt, setUiViewerTypeAct, curveSt) : onClickFail(layoutSt, simuCount, realCount);
+  const btnWidthCls = isIr ? classes.btnWidthIr : classes.btnWidthNmr;
   return renderBtnPredict(classes, isIr, realCount, uniqCount, simuCount, color, btnWidthCls, onClick);
 };
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (
-    // eslint-disable-line
-    {
-      layoutSt: state.layout,
-      simulationSt: state.simulation,
-      editPeakSt: state.editPeak.present,
-      scanSt: state.scan,
-      shiftSt: state.shift,
-      thresSt: state.threshold,
-      integrationSt: state.integration.present,
-      multiplicitySt: state.multiplicity.present,
-      curveSt: state.curve
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    setUiViewerTypeAct: _ui.setUiViewerType
-  }, dispatch);
-};
+const mapStateToProps = (state, props) => (
+// eslint-disable-line
+{
+  layoutSt: state.layout,
+  simulationSt: state.simulation,
+  editPeakSt: state.editPeak.present,
+  scanSt: state.scan,
+  shiftSt: state.shift,
+  thresSt: state.threshold,
+  integrationSt: state.integration.present,
+  multiplicitySt: state.multiplicity.present,
+  curveSt: state.curve
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
+  setUiViewerTypeAct: _ui.setUiViewerType
+}, dispatch);
 BtnPredict.propTypes = {
   classes: _propTypes.default.object.isRequired,
   feature: _propTypes.default.object.isRequired,
@@ -230,5 +221,4 @@ BtnPredict.propTypes = {
   setUiViewerTypeAct: _propTypes.default.func.isRequired,
   curveSt: _propTypes.default.object
 };
-var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(BtnPredict);
-exports.default = _default;
+var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(BtnPredict);

package/dist/components/cmd_bar/r07_wavelength_btn.js

@@ -19,23 +19,19 @@ var _list_wavelength = require("../../constants/list_wavelength");
 /* eslint-disable prefer-object-spread, react/jsx-one-expression-per-line,
 react/function-component-definition */
 
-var styles = function styles() {
-  return Object.assign({
-    fieldShift: {
-      width: 160
-    },
-    fieldLayout: {
-      width: 100
-    }
-  }, _common.commonStyle);
-};
-var wavelengthSelect = function wavelengthSelect(classes, waveLengthSt, layoutSt, updateWaveLengthAct) {
+const styles = () => Object.assign({
+  fieldShift: {
+    width: 160
+  },
+  fieldLayout: {
+    width: 100
+  }
+}, _common.commonStyle);
+const wavelengthSelect = (classes, waveLengthSt, layoutSt, updateWaveLengthAct) => {
   if (!_format.default.isXRDLayout(layoutSt)) {
     return /*#__PURE__*/_react.default.createElement("i", null);
   }
-  var onChange = function onChange(e) {
-    return updateWaveLengthAct(e.target.value);
-  };
+  const onChange = e => updateWaveLengthAct(e.target.value);
   return /*#__PURE__*/_react.default.createElement(_core.FormControl, {
     className: (0, _classnames.default)(classes.fieldLayout),
     variant: "outlined"
@@ -48,7 +44,7 @@ var wavelengthSelect = function wavelengthSelect(classes, waveLengthSt, layoutSt
       className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-layout'),
       labelWidth: 60
     })
-  }, _list_wavelength.LIST_WAVE_LENGTH.map(function (item) {
+  }, _list_wavelength.LIST_WAVE_LENGTH.map(item => {
     // eslint-disable-line
     return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
       value: item
@@ -57,34 +53,30 @@ var wavelengthSelect = function wavelengthSelect(classes, waveLengthSt, layoutSt
     }, item.label, " (", item.value, " ", item.unit, ")"));
   })));
 };
-var Wavelength = function Wavelength(_ref) {
-  var classes = _ref.classes,
-    waveLengthSt = _ref.waveLengthSt,
-    layoutSt = _ref.layoutSt,
-    updateWaveLengthAct = _ref.updateWaveLengthAct;
+const Wavelength = _ref => {
+  let {
+    classes,
+    waveLengthSt,
+    layoutSt,
+    updateWaveLengthAct
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("span", {
     className: classes.groupRight
   }, wavelengthSelect(classes, waveLengthSt, layoutSt, updateWaveLengthAct));
 };
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (
-    // eslint-disable-line
-    {
-      waveLengthSt: state.wavelength,
-      layoutSt: state.layout
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    updateWaveLengthAct: _wavelength.updateWaveLength
-  }, dispatch);
-};
+const mapStateToProps = (state, props) => (
+// eslint-disable-line
+{
+  waveLengthSt: state.wavelength,
+  layoutSt: state.layout
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
+  updateWaveLengthAct: _wavelength.updateWaveLength
+}, dispatch);
 Wavelength.propTypes = {
   classes: _propTypes.default.object.isRequired,
   layoutSt: _propTypes.default.string.isRequired,
   waveLengthSt: _propTypes.default.object.isRequired,
   updateWaveLengthAct: _propTypes.default.func.isRequired
 };
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Wavelength));
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Wavelength));