@complat/react-spectra-editor 1.3.5 → 1.4.0

package/dist/components/panel/multiplicity_coupling.js

@@ -13,6 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
 var _material = require("@mui/material");
 var _multiplicity = require("../../actions/multiplicity");
+var _jsxRuntime = require("react/jsx-runtime");
 const styles = () => ({
   jDiv: {
     height: 28
@@ -36,16 +37,20 @@ const styles = () => ({
     height: 24
   }
 });
-const txtJ = () => /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
-  position: "start"
-}, /*#__PURE__*/_react.default.createElement("span", {
-  className: "txt-cmd-j"
-}, "J\xA0="));
-const txtHz = () => /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
-  position: "end"
-}, /*#__PURE__*/_react.default.createElement("span", {
-  className: "txt-cmd-hz"
-}, "Hz"));
+const txtJ = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+  position: "start",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "txt-cmd-j",
+    children: "J\xA0="
+  })
+});
+const txtHz = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+  position: "end",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "txt-cmd-hz",
+    children: "Hz"
+  })
+});
 class MpyCoupling extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -97,25 +102,27 @@ class MpyCoupling extends _react.default.Component {
       tmpVal
     } = this.state;
     const value = focus && (tmpVal || tmpVal === '') ? tmpVal : row.jStr;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(classes.jDiv)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(classes.moExtTxt, classes.jTxt, 'txt-sv-panel-head')
-    }, /*#__PURE__*/_react.default.createElement(_material.TextField, {
-      className: (0, _classnames.default)(classes.txtField, 'txt-cmd-field'),
-      placeholder: "-",
-      value: value,
-      margin: "none",
-      InputProps: {
-        startAdornment: txtJ(),
-        endAdornment: txtHz(),
-        className: (0, _classnames.default)(classes.txtInput, 'txt-sv-input-label')
-      },
-      onChange: this.onChange,
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      variant: "outlined"
-    })));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(classes.jDiv),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(classes.moExtTxt, classes.jTxt, 'txt-sv-panel-head'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+          className: (0, _classnames.default)(classes.txtField, 'txt-cmd-field'),
+          placeholder: "-",
+          value: value,
+          margin: "none",
+          InputProps: {
+            startAdornment: txtJ(),
+            endAdornment: txtHz(),
+            className: (0, _classnames.default)(classes.txtInput, 'txt-sv-input-label')
+          },
+          onChange: this.onChange,
+          onFocus: this.onFocus,
+          onBlur: this.onBlur,
+          variant: "outlined"
+        })
+      })
+    });
   }
 }
 const mapStateToProps = (state, props) => (

package/dist/components/panel/multiplicity_select.js

@@ -13,6 +13,7 @@ var _redux = require("redux");
 var _material = require("@mui/material");
 var _styles = require("@mui/styles");
 var _multiplicity = require("../../actions/multiplicity");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react/function-component-definition */
 
 const Styles = () => ({
@@ -31,12 +32,11 @@ const Styles = () => ({
     color: 'white'
   }
 });
-const MpySelect = _ref => {
-  let {
-    classes,
-    target,
-    selectMpyTypeAct
-  } = _ref;
+const MpySelect = ({
+  classes,
+  target,
+  selectMpyTypeAct
+}) => {
   const {
     mpyType,
     xExtent
@@ -57,21 +57,22 @@ const MpySelect = _ref => {
       });
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControl, {
     className: (0, _classnames.default)(classes.formControl),
-    variant: "outlined"
-  }, /*#__PURE__*/_react.default.createElement(_material.TextField, {
-    className: (0, _classnames.default)(classes.txtField, 'txt-cmd-field'),
-    value: mpyType,
-    margin: "none",
     variant: "outlined",
-    InputProps: {
-      className: (0, _classnames.default)(classes.txtInput, 'txt-sv-input-label')
-    },
-    onChange: onChange,
-    onBlur: onBlur,
-    onKeyPress: onEnterPress
-  }));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+      className: (0, _classnames.default)(classes.txtField, 'txt-cmd-field'),
+      value: mpyType,
+      margin: "none",
+      variant: "outlined",
+      InputProps: {
+        className: (0, _classnames.default)(classes.txtInput, 'txt-sv-input-label')
+      },
+      onChange: onChange,
+      onBlur: onBlur,
+      onKeyPress: onEnterPress
+    })
+  });
 };
 const mapStateToProps = (state, props) => (
 // eslint-disable-line

package/dist/components/panel/peaks.js

@@ -17,6 +17,7 @@ var _styles = require("@mui/styles");
 var _chem = require("../../helpers/chem");
 var _edit_peak = require("../../actions/edit_peak");
 var _format = _interopRequireDefault(require("../../helpers/format"));
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react/function-component-definition, no-unused-vars */
 
 const styles = theme => ({
@@ -79,7 +80,7 @@ const createData = (classes, idx, x, y, cb, digits) => ({
   idx: idx + 1,
   x: x.toFixed(digits),
   y,
-  rmBtn: /*#__PURE__*/_react.default.createElement(_HighlightOff.default, {
+  rmBtn: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HighlightOff.default, {
     onClick: cb,
     className: classes.rmBtn
   })
@@ -91,51 +92,66 @@ const peakList = (peaks, digits, cbAct, classes, isPos) => {
   });
   const rowKlass = isPos ? classes.tRowHeadPos : classes.tRowHeadNeg;
   const headTxt = isPos ? 'P+' : 'P-';
-  return /*#__PURE__*/_react.default.createElement(_material.Table, {
-    className: classes.table
-  }, /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, {
-    className: rowKlass
-  }, /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    align: "right",
-    className: (0, _classnames.default)(classes.tTxtHead, 'txt-sv-panel-head')
-  }, /*#__PURE__*/_react.default.createElement("i", null, headTxt)), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    align: "right",
-    className: (0, _classnames.default)(classes.tTxtHeadXY, 'txt-sv-panel-head')
-  }, "X"), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    align: "right",
-    className: (0, _classnames.default)(classes.tTxtHeadXY, 'txt-sv-panel-head')
-  }, "Y"), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    align: "right",
-    className: (0, _classnames.default)(classes.tTxtHead, 'txt-sv-panel-head')
-  }, "-"))), /*#__PURE__*/_react.default.createElement(_material.TableBody, null, rows.map(row => /*#__PURE__*/_react.default.createElement(_material.TableRow, {
-    key: row.idx,
-    className: classes.tRow,
-    hover: true
-  }, /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    align: "right",
-    className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, row.idx), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    align: "right",
-    className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, row.x), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    align: "right",
-    className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, row.y.toExponential(2)), /*#__PURE__*/_react.default.createElement(_material.TableCell, {
-    align: "right",
-    className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, row.rmBtn)))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Table, {
+    className: classes.table,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableHead, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableRow, {
+        className: rowKlass,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+          align: "right",
+          className: (0, _classnames.default)(classes.tTxtHead, 'txt-sv-panel-head'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            children: headTxt
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+          align: "right",
+          className: (0, _classnames.default)(classes.tTxtHeadXY, 'txt-sv-panel-head'),
+          children: "X"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+          align: "right",
+          className: (0, _classnames.default)(classes.tTxtHeadXY, 'txt-sv-panel-head'),
+          children: "Y"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+          align: "right",
+          className: (0, _classnames.default)(classes.tTxtHead, 'txt-sv-panel-head'),
+          children: "-"
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableBody, {
+      children: rows.map(row => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableRow, {
+        className: classes.tRow,
+        hover: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+          align: "right",
+          className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt'),
+          children: row.idx
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+          align: "right",
+          className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt'),
+          children: row.x
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+          align: "right",
+          className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt'),
+          children: row.y.toExponential(2)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
+          align: "right",
+          className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt'),
+          children: row.rmBtn
+        })]
+      }, row.idx))
+    })]
+  });
 };
-const PeakPanel = _ref => {
-  let {
-    editPeakSt,
-    layoutSt,
-    classes,
-    expand,
-    onExapnd,
-    rmFromPosListAct,
-    rmFromNegListAct,
-    curveSt
-  } = _ref;
+const PeakPanel = ({
+  editPeakSt,
+  layoutSt,
+  classes,
+  expand,
+  onExapnd,
+  rmFromPosListAct,
+  rmFromNegListAct,
+  curveSt
+}) => {
   const {
     curveIdx,
     listCurves
@@ -165,7 +181,7 @@ const PeakPanel = _ref => {
   const filteredArray = currentPeakOfCurve.filter(element => neg.includes(element));
   const peaksData = [].concat(filteredArray).concat(pos);
   const digits = _format.default.isEmWaveLayout(layoutSt) ? 0 : 4;
-  return /*#__PURE__*/_react.default.createElement(_material.Accordion, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Accordion, {
     "data-testid": "PeaksPanelInfo",
     expanded: expand,
     onChange: onExapnd,
@@ -173,16 +189,22 @@ const PeakPanel = _ref => {
     TransitionProps: {
       unmountOnExit: true
     } // increase Accordion performance
-  }, /*#__PURE__*/_react.default.createElement(_material.AccordionSummary, {
-    expandIcon: /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null),
-    className: (0, _classnames.default)(classes.panelSummary)
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    className: "txt-panel-header"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtBadge, 'txt-sv-panel-title')
-  }, "Peaks"))), /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(classes.panelDetail)
-  }, peakList(peaksData, digits, rmFromPosListAct, classes, true)));
+    ,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.AccordionSummary, {
+      expandIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {}),
+      className: (0, _classnames.default)(classes.panelSummary),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        className: "txt-panel-header",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(classes.txtBadge, 'txt-sv-panel-title'),
+          children: "Peaks"
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(classes.panelDetail),
+      children: peakList(peaksData, digits, rmFromPosListAct, classes, true)
+    })]
+  });
 };
 const mapStateToProps = (state, props) => (
 // eslint-disable-line

package/dist/constants/action_type.js

@@ -31,7 +31,8 @@ const MANAGER = exports.MANAGER = {
   RESET_INIT_NMR: 'RESET_INIT_NMR',
   RESET_INIT_MS: 'RESET_INIT_MS',
   RESET_INIT_COMMON_WITH_INTERGATION: 'RESET_INIT_COMMON_WITH_INTERGATION',
-  RESET_DETECTOR: 'RESET_DETECTOR'
+  RESET_DETECTOR: 'RESET_DETECTOR',
+  RESET_MULTIPLICITY: 'RESET_MULTIPLICITY'
 };
 const LAYOUT = exports.LAYOUT = {
   UPDATE: 'UPDATE_LAYOUT'

package/dist/helpers/cfg.js

@@ -15,8 +15,7 @@ const btnCmdSetRef = layoutSt => !_format.default.isNmrLayout(layoutSt); // esli
 const btnCmdIntg = layoutSt => !(_format.default.isNmrLayout(layoutSt) || _format.default.isHplcUvVisLayout(layoutSt)); // eslint-disable-line
 
 const btnCmdMpy = layoutSt => !_format.default.isNmrLayout(layoutSt);
-const btnCmdMpyPeak = function (layoutSt, mpySt) {
-  let curveIdx = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+const btnCmdMpyPeak = (layoutSt, mpySt, curveIdx = 0) => {
   const {
     multiplicities
   } = mpySt;

package/dist/helpers/chem.js

@@ -21,9 +21,7 @@ const getTopic = (_, props) => props.topic;
 const getFeature = (_, props) => props.feature;
 const getLayout = (state, _) => state.layout; // eslint-disable-line
 
-const GetCyclicVoltaShiftOffset = function () {
-  let volammetryData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  let curveIdx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+const GetCyclicVoltaShiftOffset = (volammetryData = null, curveIdx = 0) => {
   if (!volammetryData) return 0.0;
   const {
     spectraList
@@ -164,10 +162,8 @@ const convertFrequency = (layout, feature) => {
   return parseFloat(freq) || false;
 };
 const ToFrequency = exports.ToFrequency = (0, _reselect.createSelector)(getLayout, getFeature, convertFrequency);
-const getThreshold = state => state.threshold ? state.threshold.value * 1.0 : false;
-const Convert2Peak = function (feature, threshold, offset) {
-  let upThreshold = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  let lowThreshold = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+const getThreshold = state => state.threshold ? state.threshold.list[state.curve.curveIdx].value * 1.0 : false;
+const Convert2Peak = (feature, threshold, offset, upThreshold = false, lowThreshold = false) => {
   const peak = [];
   if (!feature || !feature.data) return peak;
   const data = feature.data[0];
@@ -495,9 +491,7 @@ const extractVoltammetryData = jcamp => {
   });
   return peakStack;
 };
-const buildPeakFeature = function (jcamp, layout, peakUp, s, thresRef) {
-  let upperThres = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  let lowerThres = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+const buildPeakFeature = (jcamp, layout, peakUp, s, thresRef, upperThres = false, lowerThres = false) => {
   // eslint-disable-line
   const {
     xType,
@@ -894,9 +888,7 @@ const Convert2Thres = (feature, thresSt) => {
   return value;
 };
 exports.Convert2Thres = Convert2Thres;
-const Convert2DValue = function (doubleTheta) {
-  let lambda = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.15406;
-  let isRadian = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+const Convert2DValue = (doubleTheta, lambda = 0.15406, isRadian = true) => {
   let theta = doubleTheta / 2;
   if (isRadian) {
     theta = theta / 180 * Math.PI;

package/dist/helpers/converter.js

@@ -66,8 +66,7 @@ const pksAddPos = (dataPks, editPeakSt) => {
   const result = [...posPks, ...pos];
   return result;
 };
-const PksEdit = function (dataPks, editPeakSt) {
-  let voltammetryPeak = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+const PksEdit = (dataPks, editPeakSt, voltammetryPeak = false) => {
   if (voltammetryPeak && voltammetryPeak.length > 0) {
     let modDataPks = [];
     voltammetryPeak.forEach(peak => {

package/dist/helpers/extractParams.js

@@ -25,8 +25,7 @@ const getScanIdx = (entity, scanSt) => {
   }
   return idx - 1;
 };
-const extrShare = function (entity, thresSt) {
-  let scanIdx = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+const extrShare = (entity, thresSt, scanIdx = 0) => {
   const {
     spectra,
     features

package/dist/helpers/extractPeaksEdit.js

@@ -10,8 +10,7 @@ var _chem = require("./chem");
 var _shift = require("./shift");
 var _format = _interopRequireDefault(require("./format"));
 var _integration = require("./integration");
-const niOffset = function (shiftSt) {
-  let atIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+const niOffset = (shiftSt, atIndex = 0) => {
   const {
     shifts
   } = shiftSt;
@@ -27,16 +26,14 @@ const niOffset = function (shiftSt) {
   return offset;
 };
 const msOffset = () => 0;
-const extractPeaksEdit = function (feature, editPeakSt, thresSt, shiftSt, layoutSt) {
-  let atIndex = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+const extractPeaksEdit = (feature, editPeakSt, thresSt, shiftSt, layoutSt, atIndex = 0) => {
   const offset = _format.default.isMsLayout(layoutSt) ? msOffset() : niOffset(shiftSt, atIndex);
   const peaks = (0, _chem.Convert2Peak)(feature, thresSt.value, offset);
   const peaksEdit = (0, _converter.PksEdit)(peaks, editPeakSt);
   return peaksEdit;
 };
 exports.extractPeaksEdit = extractPeaksEdit;
-const extractAutoPeaks = function (feature, thresSt, shiftSt, layoutSt) {
-  let atIndex = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+const extractAutoPeaks = (feature, thresSt, shiftSt, layoutSt, atIndex = 0) => {
   const offset = _format.default.isMsLayout(layoutSt) ? msOffset() : niOffset(shiftSt, atIndex);
   const peaks = (0, _chem.Convert2Peak)(feature, thresSt.value, offset);
   return peaks;

package/dist/helpers/format.js

@@ -149,8 +149,7 @@ const spectraOps = {
     tail: '.'
   }
 };
-const rmRef = function (peaks, shift) {
-  let atIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+const rmRef = (peaks, shift, atIndex = 0) => {
   if (!shift) return peaks;
   const {
     shifts
@@ -159,9 +158,7 @@ const rmRef = function (peaks, shift) {
   const refValue = selectedShift.ref.value || selectedShift.peak.x;
   return peaks.map(p => (0, _converter.IsSame)(p.x, refValue) ? null : p).filter(r => r != null);
 };
-const formatedMS = function (peaks, maxY) {
-  let decimal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-  let isAscend = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+const formatedMS = (peaks, maxY, decimal = 2, isAscend = true) => {
   const ascendFunc = (a, b) => parseFloat(a) - parseFloat(b);
   const descendFunc = (a, b) => parseFloat(b) - parseFloat(a);
   const sortFunc = isAscend ? ascendFunc : descendFunc;
@@ -193,12 +190,7 @@ const emLevel = (boundary, val, lowerIsStronger) => {
   if (ratio > 30) return 's';
   return 'vs';
 };
-const formatedEm = function (peaks, maxY) {
-  let decimal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-  let isAscend = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  let isIntensity = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  let boundary = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  let lowerIsStronger = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+const formatedEm = (peaks, maxY, decimal = 2, isAscend = true, isIntensity = false, boundary = {}, lowerIsStronger = false) => {
   const ascendFunc = (a, b) => parseFloat(a) - parseFloat(b);
   const descendFunc = (a, b) => parseFloat(b) - parseFloat(a);
   const sortFunc = isAscend ? ascendFunc : descendFunc;
@@ -221,12 +213,7 @@ const formatedEm = function (peaks, maxY) {
   }
   return ordered.map(o => `${o.x}`).join(', ');
 };
-const formatedUvVis = function (peaks, maxY) {
-  let decimal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-  let isAscend = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  let isIntensity = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  let boundary = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  let lowerIsStronger = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+const formatedUvVis = (peaks, maxY, decimal = 2, isAscend = true, isIntensity = false, boundary = {}, lowerIsStronger = false) => {
   const ascendFunc = (a, b) => parseFloat(a) - parseFloat(b);
   const descendFunc = (a, b) => parseFloat(b) - parseFloat(a);
   const sortFunc = isAscend ? ascendFunc : descendFunc;
@@ -249,12 +236,7 @@ const formatedUvVis = function (peaks, maxY) {
   //   .join(', ');
   return ordered.map(o => `${o.x}`).join(', ');
 };
-const formatedEmissions = function (peaks, maxY) {
-  let decimal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-  let isAscend = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  let isIntensity = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  let boundary = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  let lowerIsStronger = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+const formatedEmissions = (peaks, maxY, decimal = 2, isAscend = true, isIntensity = false, boundary = {}, lowerIsStronger = false) => {
   const ascendFunc = (a, b) => parseFloat(a) - parseFloat(b);
   const descendFunc = (a, b) => parseFloat(b) - parseFloat(a);
   const sortFunc = isAscend ? ascendFunc : descendFunc;
@@ -274,12 +256,7 @@ const formatedEmissions = function (peaks, maxY) {
   }));
   return ordered.map(o => `${o.x} nm (${fixDigit(o.y, 2)} a.u.)`).join(', ');
 };
-const formatedDLSIntensity = function (peaks, maxY) {
-  let decimal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-  let isAscend = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  let isIntensity = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  let boundary = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-  let lowerIsStronger = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+const formatedDLSIntensity = (peaks, maxY, decimal = 2, isAscend = true, isIntensity = false, boundary = {}, lowerIsStronger = false) => {
   const ascendFunc = (a, b) => parseFloat(a) - parseFloat(b);
   const descendFunc = (a, b) => parseFloat(b) - parseFloat(a);
   const sortFunc = isAscend ? ascendFunc : descendFunc;
@@ -299,9 +276,7 @@ const formatedDLSIntensity = function (peaks, maxY) {
   }));
   return ordered.map(o => `${o.x} nm (${o.y} %)`).join(', ');
 };
-const formatedHplcUvVis = function (peaks) {
-  let decimal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-  let integration = arguments.length > 2 ? arguments[2] : undefined;
+const formatedHplcUvVis = (peaks, decimal = 2, integration) => {
   let stack = [];
   if (integration) {
     stack = integration.stack;
@@ -334,10 +309,7 @@ const formatedHplcUvVis = function (peaks) {
   });
   return arrResult.join(', ');
 };
-const formatedXRD = function (peaks) {
-  let isAscend = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  let waveLength = arguments.length > 2 ? arguments[2] : undefined;
-  let temperature = arguments.length > 3 ? arguments[3] : undefined;
+const formatedXRD = (peaks, isAscend = true, waveLength, temperature) => {
   const ascendFunc = (a, b) => parseFloat(a) - parseFloat(b);
   const descendFunc = (a, b) => parseFloat(b) - parseFloat(a);
   const sortFunc = isAscend ? ascendFunc : descendFunc;
@@ -359,8 +331,7 @@ const formatedXRD = function (peaks) {
   }));
   return `(${XRDSource}, ${XRDWavelength}, ${temperature} °C), 2θ [°] (d [nm]): ${ordered.map(o => `${o.x} (${fixDigit(o.y, 2)})`).join(', ')}`;
 };
-const rmShiftFromPeaks = function (peaks, shift) {
-  let atIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+const rmShiftFromPeaks = (peaks, shift, atIndex = 0) => {
   const peaksXY = (0, _converter.ToXY)(peaks);
   const {
     shifts
@@ -383,20 +354,19 @@ const rmShiftFromPeaks = function (peaks, shift) {
   }).filter(r => r != null);
   return result;
 };
-const peaksBody = _ref => {
-  let {
-    peaks,
-    layout,
-    decimal,
-    shift,
-    isAscend,
-    isIntensity = false,
-    boundary = {},
-    integration,
-    atIndex = 0,
-    waveLength,
-    temperature
-  } = _ref;
+const peaksBody = ({
+  peaks,
+  layout,
+  decimal,
+  shift,
+  isAscend,
+  isIntensity = false,
+  boundary = {},
+  integration,
+  atIndex = 0,
+  waveLength,
+  temperature
+}) => {
   const result = rmShiftFromPeaks(peaks, shift, atIndex);
   const ascendFunc = (a, b) => parseFloat(a.x) - parseFloat(b.x);
   const descendFunc = (a, b) => parseFloat(b.x) - parseFloat(a.x);
@@ -429,8 +399,7 @@ const peaksBody = _ref => {
   }
   return ordered.map(o => fixDigit(o.x, decimal)).join(', ');
 };
-const peaksWrapper = function (layout, shift) {
-  let atIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+const peaksWrapper = (layout, shift, atIndex = 0) => {
   let solvTxt = '';
   const {
     shifts
@@ -494,8 +463,7 @@ const getNmrTyp = layout => {
       return '';
   }
 };
-const formatPeaksByPrediction = function (peaks, layout, isAscend, decimal) {
-  let predictions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+const formatPeaksByPrediction = (peaks, layout, isAscend, decimal, predictions = []) => {
   const pDict = {};
   peaks.forEach(p => {
     pDict[p.x.toFixed(decimal)] = 0;
@@ -525,15 +493,13 @@ const formatPeaksByPrediction = function (peaks, layout, isAscend, decimal) {
 };
 const compareColors = idx => ['#ABB2B9', '#EDBB99', '#ABEBC6', '#D2B4DE', '#F9E79F'][idx % 5];
 const mutiEntitiesColors = idx => ['#d35400', '#2980b9', '#8e44ad', '#2c3e50', '#6D214F', '#182C61', '#BDC581'][idx % 7];
-const strNumberFixedDecimal = function (number) {
-  let decimal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
+const strNumberFixedDecimal = (number, decimal = -1) => {
   if (decimal <= 0) {
     return `${number}`;
   }
   return number.toFixed(Math.max(decimal, (number.toString().split('.')[1] || []).length));
 };
-const strNumberFixedLength = function (number) {
-  let maxLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
+const strNumberFixedLength = (number, maxLength = -1) => {
   if (maxLength <= 0) {
     return `${number}`;
   }
@@ -550,8 +516,7 @@ const strNumberFixedLength = function (number) {
 
   return number.toFixed(lengthToFix);
 };
-const inlineNotation = function (layout, data) {
-  let sampleName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+const inlineNotation = (layout, data, sampleName = '') => {
   let formattedString = '';
   let quillData = [];
   const {