@complat/react-spectra-editor 1.3.5 → 1.4.1

package/dist/components/cmd_bar/r03_threshold.js

@@ -18,6 +18,7 @@ var _RefreshOutlined = _interopRequireDefault(require("@mui/icons-material/Refre
 var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
 var _threshold = require("../../actions/threshold");
 var _common = require("./common");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, function-paren-newline,
 react/function-component-definition */
 
@@ -27,90 +28,114 @@ const styles = () => Object.assign({
   },
   txtIcon: {}
 }, _common.commonStyle);
-const txtPercent = () => /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
-  position: "end"
-}, /*#__PURE__*/_react.default.createElement("span", {
-  className: "txt-percent"
-}, "%"));
-const setThreshold = (classes, thresVal, updateThresholdValueAct) => {
-  const onBlur = e => updateThresholdValueAct(e.target.value);
-  const onChange = e => updateThresholdValueAct(e.target.value);
+const txtPercent = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+  position: "end",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "txt-percent",
+    children: "%"
+  })
+});
+const setThreshold = (classes, thresVal, updateThresholdValueAct, curveSt) => {
+  const {
+    curveIdx
+  } = curveSt;
+  const onBlur = e => updateThresholdValueAct({
+    value: e.target.value,
+    curveIdx
+  });
+  const onChange = e => updateThresholdValueAct({
+    value: e.target.value,
+    curveIdx
+  });
   const onEnterPress = e => {
     if (e.key === 'Enter') {
-      updateThresholdValueAct(e.target.value);
+      updateThresholdValueAct({
+        value: e.target.value,
+        curveIdx
+      });
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
-    variant: "outlined"
-  }, /*#__PURE__*/_react.default.createElement(_material.TextField, {
-    className: classes.field,
-    id: "outlined-name",
-    placeholder: "N.A.",
-    type: "number",
-    value: thresVal || 0.01,
-    margin: "none",
-    InputProps: {
-      endAdornment: txtPercent(),
-      className: (0, _classnames.default)(classes.txtInput, 'txtfield-sv-bar-input'),
-      inputProps: {
-        min: 0.01
-      }
-    },
-    onChange: onChange,
-    onBlur: onBlur,
-    onKeyPress: onEnterPress,
-    variant: "outlined"
-  }), /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    className: (0, _classnames.default)(classes.txtLabelBottomInput)
-  }, "Threshold"));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+    variant: "outlined",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+      className: classes.field,
+      id: "outlined-name",
+      placeholder: "N.A.",
+      type: "number",
+      value: thresVal || 0.01,
+      margin: "none",
+      InputProps: {
+        endAdornment: txtPercent(),
+        className: (0, _classnames.default)(classes.txtInput, 'txtfield-sv-bar-input'),
+        inputProps: {
+          min: 0.01
+        }
+      },
+      onChange: onChange,
+      onBlur: onBlur,
+      onKeyPress: onEnterPress,
+      variant: "outlined"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      className: (0, _classnames.default)(classes.txtLabelBottomInput),
+      children: "Threshold"
+    })]
+  });
 };
-const restoreIcon = (classes, hasEdit, isEdit) => hasEdit && isEdit ? /*#__PURE__*/_react.default.createElement(_HowToRegOutlined.default, {
+const restoreIcon = (classes, hasEdit, isEdit) => hasEdit && isEdit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_HowToRegOutlined.default, {
   className: classes.icon
-}) : /*#__PURE__*/_react.default.createElement(_CloudDoneOutlined.default, {
+}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloudDoneOutlined.default, {
   className: classes.icon
 });
 const restoreTp = (hasEdit, isEdit) => hasEdit && isEdit ? 'User Defined Threshold' : 'Auto Picked Threshold';
-const Threshold = _ref => {
-  let {
-    classes,
-    feature,
-    hasEdit,
-    hideThresSt,
-    thresValSt,
-    isEditSt,
-    updateThresholdValueAct,
-    resetThresholdValueAct,
-    toggleThresholdIsEditAct
-  } = _ref;
+const Threshold = ({
+  classes,
+  feature,
+  hasEdit,
+  hideThresSt,
+  thresValSt,
+  isEditSt,
+  curveSt,
+  updateThresholdValueAct,
+  resetThresholdValueAct,
+  toggleThresholdIsEditAct
+}) => {
   const thresVal = thresValSt || feature.thresRef;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.groupRight
-  }, setThreshold(classes, thresVal, updateThresholdValueAct), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Restore Threshold")
-  }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)('btn-sv-bar-thresref'),
-    disabled: _cfg.default.btnCmdThres(thresVal),
-    onClick: resetThresholdValueAct
-  }, /*#__PURE__*/_react.default.createElement(_RefreshOutlined.default, {
-    className: classes.icon
-  }))), hideThresSt ? null : /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, restoreTp(hasEdit, isEditSt))
-  }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)('btn-sv-bar-thresrst'),
-    disabled: _cfg.default.btnCmdThres(thresVal),
-    onClick: toggleThresholdIsEditAct
-  }, restoreIcon(classes, hasEdit, isEditSt))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    className: classes.groupRight,
+    children: [setThreshold(classes, thresVal, updateThresholdValueAct, curveSt), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Restore Threshold"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+        className: (0, _classnames.default)('btn-sv-bar-thresref'),
+        disabled: _cfg.default.btnCmdThres(thresVal),
+        onClick: resetThresholdValueAct,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RefreshOutlined.default, {
+          className: classes.icon
+        })
+      })
+    }), hideThresSt ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: restoreTp(hasEdit, isEditSt)
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+        className: (0, _classnames.default)('btn-sv-bar-thresrst'),
+        disabled: _cfg.default.btnCmdThres(thresVal),
+        onClick: toggleThresholdIsEditAct,
+        children: restoreIcon(classes, hasEdit, isEditSt)
+      })
+    })]
+  });
 };
 const mapStateToProps = (state, props) => (
 // eslint-disable-line
 {
   hideThresSt: _cfg.default.hideCmdThres(state.layout),
-  isEditSt: state.threshold.isEdit,
-  thresValSt: parseFloat(state.threshold.value) || 0
+  isEditSt: state.threshold.list[state.curve.curveIdx].isEdit,
+  thresValSt: parseFloat(state.threshold.list[state.curve.curveIdx].value) || 0,
+  curveSt: state.curve
 });
 const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
   updateThresholdValueAct: _threshold.updateThresholdValue,
@@ -124,6 +149,7 @@ Threshold.propTypes = {
   hideThresSt: _propTypes.default.bool.isRequired,
   isEditSt: _propTypes.default.bool.isRequired,
   thresValSt: _propTypes.default.number.isRequired,
+  curveSt: _propTypes.default.object.isRequired,
   updateThresholdValueAct: _propTypes.default.func.isRequired,
   resetThresholdValueAct: _propTypes.default.func.isRequired,
   toggleThresholdIsEditAct: _propTypes.default.func.isRequired

package/dist/components/cmd_bar/r04_submit.js

@@ -17,6 +17,7 @@ var _r05_submit_btn = _interopRequireDefault(require("./r05_submit_btn"));
 var _r06_predict_btn = _interopRequireDefault(require("./r06_predict_btn"));
 var _common = require("./common");
 var _format = _interopRequireDefault(require("../../helpers/format"));
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, function-paren-newline,
 react/function-component-definition */
 
@@ -36,124 +37,145 @@ const styles = () => Object.assign({
 }, _common.commonStyle);
 const ascendSelect = (classes, hideSwitch, isAscendSt, toggleIsAscendAct) => {
   if (hideSwitch) return null;
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
     className: (0, _classnames.default)(classes.fieldOrder),
-    variant: "outlined"
-  }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    id: "select-sort-peaks-label",
-    className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label')
-  }, "Write Peaks"), /*#__PURE__*/_react.default.createElement(_material.Select, {
-    labelId: "select-sort-peaks-label",
-    label: "Write Peaks",
-    value: isAscendSt,
-    onChange: toggleIsAscendAct,
-    className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-order')
-  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-    value: true,
-    key: "ascend"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-ascend')
-  }, "Ascend")), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-    value: false,
-    key: "descend"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-descend')
-  }, "Descend"))));
+    variant: "outlined",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      id: "select-sort-peaks-label",
+      className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label'),
+      children: "Write Peaks"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, {
+      labelId: "select-sort-peaks-label",
+      label: "Write Peaks",
+      value: isAscendSt,
+      onChange: toggleIsAscendAct,
+      className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-order'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        value: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-ascend'),
+          children: "Ascend"
+        })
+      }, "ascend"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        value: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-descend'),
+          children: "Descend"
+        })
+      }, "descend")]
+    })]
+  });
 };
 const intensitySelect = (classes, hideSwitch, isIntensitySt, toggleIsIntensityAct) => {
   if (hideSwitch) return null;
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
     className: (0, _classnames.default)(classes.fieldIntensity),
-    variant: "outlined"
-  }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    id: "select-intensity-label",
-    className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label')
-  }, "Write Intensity"), /*#__PURE__*/_react.default.createElement(_material.Select, {
-    labelId: "select-intensity-label",
-    label: "Write Intensity",
-    value: isIntensitySt,
-    onChange: toggleIsIntensityAct,
-    className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-intensity')
-    // input={
-    //   (
-    //     <OutlinedInput
-    //       className={classNames(classes.selectInput, 'input-sv-bar-intensity')}
-    //       labelWidth={100}
-    //     />
-    //   )
-    // }
-  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-    value: true,
-    key: "ascend"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-show')
-  }, "Show")), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-    value: false,
-    key: "descend"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-hide')
-  }, "Hide"))));
+    variant: "outlined",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      id: "select-intensity-label",
+      className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label'),
+      children: "Write Intensity"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, {
+      labelId: "select-intensity-label",
+      label: "Write Intensity",
+      value: isIntensitySt,
+      onChange: toggleIsIntensityAct,
+      className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-intensity')
+      // input={
+      //   (
+      //     <OutlinedInput
+      //       className={classNames(classes.selectInput, 'input-sv-bar-intensity')}
+      //       labelWidth={100}
+      //     />
+      //   )
+      // }
+      ,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        value: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-show'),
+          children: "Show"
+        })
+      }, "ascend"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        value: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-hide'),
+          children: "Hide"
+        })
+      }, "descend")]
+    })]
+  });
 };
 const decimalSelect = (classes, hideSwitch, decimalSt, updateDecimalAct) => {
   if (hideSwitch) return null;
   const decimals = [0, 1, 2, 3, 4];
-  const options = decimals.map(d => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+  const options = decimals.map(d => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
     value: d,
-    key: d
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-decimal')
-  }, d)));
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-decimal'),
+      children: d
+    })
+  }, d));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
     className: (0, _classnames.default)(classes.fieldDecimal),
-    variant: "outlined"
-  }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    id: "select-decimal-label",
-    className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label')
-  }, "Decimal"), /*#__PURE__*/_react.default.createElement(_material.Select, {
-    labelId: "select-decimal-label",
-    label: "Decimal",
-    value: decimalSt,
-    onChange: updateDecimalAct,
-    className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-decimal')
-    // input={
-    //   (
-    //     <OutlinedInput
-    //       className={classNames(classes.selectInput, 'input-sv-bar-decimal')}
-    //       labelWidth={60}
-    //     />
-    //   )
-    // }
-  }, options));
+    variant: "outlined",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      id: "select-decimal-label",
+      className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label'),
+      children: "Decimal"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+      labelId: "select-decimal-label",
+      label: "Decimal",
+      value: decimalSt,
+      onChange: updateDecimalAct,
+      className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-decimal')
+      // input={
+      //   (
+      //     <OutlinedInput
+      //       className={classNames(classes.selectInput, 'input-sv-bar-decimal')}
+      //       labelWidth={60}
+      //     />
+      //   )
+      // }
+      ,
+      children: options
+    })]
+  });
 };
 const operationSelect = (classes, operations, operation, onChangeSelect) => {
-  const options = operations.map(o => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+  const options = operations.map(o => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
     value: o.name,
-    key: o.name
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-operation')
-  }, o.name)));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-operation'),
+      children: o.name
+    })
+  }, o.name));
   const selectedValue = operation.name || operations[0].name;
-  return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
     className: (0, _classnames.default)(classes.fieldOpertaion),
-    variant: "outlined"
-  }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    id: "select-submit-label",
-    className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label')
-  }, "Submit"), /*#__PURE__*/_react.default.createElement(_material.Select, {
-    labelId: "select-submit-label",
-    label: "Submit",
-    value: selectedValue,
-    onChange: onChangeSelect,
-    className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-operation')
-    // input={
-    //   (
-    //     <OutlinedInput
-    //       className={classNames(classes.selectInput, 'input-sv-bar-operation')}
-    //       labelWidth={50}
-    //     />
-    //   )
-    // }
-  }, options));
+    variant: "outlined",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      id: "select-submit-label",
+      className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label'),
+      children: "Submit"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Select, {
+      labelId: "select-submit-label",
+      label: "Submit",
+      value: selectedValue,
+      onChange: onChangeSelect,
+      className: (0, _classnames.default)(classes.selectInput, 'input-sv-bar-operation')
+      // input={
+      //   (
+      //     <OutlinedInput
+      //       className={classNames(classes.selectInput, 'input-sv-bar-operation')}
+      //       labelWidth={50}
+      //     />
+      //   )
+      // }
+      ,
+      children: options
+    })]
+  });
 };
 const selectOperation = (name, operations, updateOperationAct) => {
   let operation = false;
@@ -164,39 +186,39 @@ const selectOperation = (name, operations, updateOperationAct) => {
   });
   updateOperationAct(operation);
 };
-const Submit = _ref => {
-  let {
-    operations,
-    classes,
-    feature,
-    forecast,
-    editorOnly,
-    hideSwitch,
-    disabled,
-    isAscendSt,
-    isIntensitySt,
-    operationSt,
-    decimalSt,
-    isEmWaveSt,
-    toggleIsAscendAct,
-    toggleIsIntensityAct,
-    updateOperationAct,
-    updateDecimalAct
-  } = _ref;
+const Submit = ({
+  operations,
+  classes,
+  feature,
+  forecast,
+  editorOnly,
+  hideSwitch,
+  disabled,
+  isAscendSt,
+  isIntensitySt,
+  operationSt,
+  decimalSt,
+  isEmWaveSt,
+  toggleIsAscendAct,
+  toggleIsIntensityAct,
+  updateOperationAct,
+  updateDecimalAct
+}) => {
   const onChangeSelect = e => selectOperation(e.target.value, operations, updateOperationAct);
   if (!operations || operations.length === 0) return null;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.groupRightMost
-  }, ascendSelect(classes, hideSwitch, isAscendSt, toggleIsAscendAct), intensitySelect(classes, hideSwitch || !isEmWaveSt, isIntensitySt, toggleIsIntensityAct), decimalSelect(classes, hideSwitch, decimalSt, updateDecimalAct), editorOnly ? null : /*#__PURE__*/_react.default.createElement(_r06_predict_btn.default, {
-    feature: feature,
-    forecast: forecast
-  }), operationSelect(classes, operations, operationSt, onChangeSelect), /*#__PURE__*/_react.default.createElement(_r05_submit_btn.default, {
-    feature: feature,
-    isAscend: isAscendSt,
-    isIntensity: isIntensitySt,
-    operation: operationSt,
-    disabled: disabled
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    className: classes.groupRightMost,
+    children: [ascendSelect(classes, hideSwitch, isAscendSt, toggleIsAscendAct), intensitySelect(classes, hideSwitch || !isEmWaveSt, isIntensitySt, toggleIsIntensityAct), decimalSelect(classes, hideSwitch, decimalSt, updateDecimalAct), editorOnly ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_r06_predict_btn.default, {
+      feature: feature,
+      forecast: forecast
+    }), operationSelect(classes, operations, operationSt, onChangeSelect), /*#__PURE__*/(0, _jsxRuntime.jsx)(_r05_submit_btn.default, {
+      feature: feature,
+      isAscend: isAscendSt,
+      isIntensity: isIntensitySt,
+      operation: operationSt,
+      disabled: disabled
+    })]
+  });
 };
 const mapStateToProps = (state, props) => (
 // eslint-disable-line

package/dist/components/cmd_bar/r05_submit_btn.js

@@ -16,6 +16,7 @@ var _styles = require("@mui/styles");
 var _chem = require("../../helpers/chem");
 var _common = require("./common");
 var _extractPeaksEdit = require("../../helpers/extractPeaksEdit");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, function-paren-newline,
 react/function-component-definition, function-call-argument-newline,
 react/require-default-props */
@@ -44,30 +45,29 @@ const onClickCb = (operation, peaksEdit, isAscend, isIntensity, scan, thres, lay
     dscMetaData
   });
 };
-const BtnSubmit = _ref => {
-  let {
-    classes,
-    operation,
-    feature,
-    isAscend,
-    isIntensity,
-    editPeakSt,
-    thresSt,
-    layoutSt,
-    shiftSt,
-    scanSt,
-    forecastSt,
-    decimalSt,
-    integrationSt,
-    multiplicitySt,
-    allIntegrationSt,
-    waveLengthSt,
-    cyclicvoltaSt,
-    curveSt,
-    axesUnitsSt,
-    detectorSt,
-    metaSt
-  } = _ref;
+const BtnSubmit = ({
+  classes,
+  operation,
+  feature,
+  isAscend,
+  isIntensity,
+  editPeakSt,
+  thresSt,
+  layoutSt,
+  shiftSt,
+  scanSt,
+  forecastSt,
+  decimalSt,
+  integrationSt,
+  multiplicitySt,
+  allIntegrationSt,
+  waveLengthSt,
+  cyclicvoltaSt,
+  curveSt,
+  axesUnitsSt,
+  detectorSt,
+  metaSt
+}) => {
   const peaksEdit = (0, _extractPeaksEdit.extractPeaksEdit)(feature, editPeakSt, thresSt, shiftSt, layoutSt);
   // const disBtn = peaksEdit.length === 0 || statusSt.btnSubmit || disabled;
   const scan = (0, _chem.Convert2Scan)(feature, scanSt);
@@ -77,23 +77,26 @@ const BtnSubmit = _ref => {
     dscMetaData
   } = metaSt;
   if (!operation) return null;
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Submit")
-  }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)('btn-sv-bar-submit'),
-    color: "primary",
-    onClick: onClickCb(operation.value, peaksEdit, isAscend, isIntensity, scan, thres, layoutSt, shiftSt, forecastSt.predictions, decimalSt, integrationSt, multiplicitySt, allIntegrationSt, aucValues, waveLengthSt, cyclicvoltaSt, curveSt, axesUnitsSt, detectorSt, dscMetaData)
-  }, /*#__PURE__*/_react.default.createElement(_PlayCircleOutline.default, {
-    className: classes.icon
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "txt-sv-tp",
+      children: "Submit"
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+      className: (0, _classnames.default)('btn-sv-bar-submit'),
+      color: "primary",
+      onClick: onClickCb(operation.value, peaksEdit, isAscend, isIntensity, scan, thres, layoutSt, shiftSt, forecastSt.predictions, decimalSt, integrationSt, multiplicitySt, allIntegrationSt, aucValues, waveLengthSt, cyclicvoltaSt, curveSt, axesUnitsSt, detectorSt, dscMetaData),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlayCircleOutline.default, {
+        className: classes.icon
+      })
+    })
+  });
 };
 const mapStateToProps = (state, props) => (
 // eslint-disable-line
 {
   editPeakSt: state.editPeak.present,
-  thresSt: state.threshold,
+  thresSt: state.threshold.list[state.curve.curveIdx],
   layoutSt: state.layout,
   shiftSt: state.shift,
   scanSt: state.scan,