@complat/react-spectra-editor 1.1.1 → 1.2.0

package/dist/__tests__/units/components/cmd_bar/03_peak.test.js

@@ -13,13 +13,59 @@ const store = mockStore({
   ui: {
     sweepType: _list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN
   },
-  layout: _list_layout.LIST_LAYOUT.MS
+  layout: _list_layout.LIST_LAYOUT.MS,
+  curve: {
+    curveIdx: 0
+  },
+  editPeak: {
+    present: {
+      selectedIdx: 0,
+      peaks: [{
+        prevOffset: 0,
+        pos: [],
+        neg: []
+      }]
+    }
+  },
+  threshold: {
+    isEdit: true,
+    value: false,
+    upper: false,
+    lower: false
+  },
+  shift: {
+    shifts: []
+  },
+  cyclicvolta: {}
 });
 const nmrStore = mockStore({
   ui: {
     sweepType: _list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN
   },
-  layout: _list_layout.LIST_LAYOUT.H1
+  layout: _list_layout.LIST_LAYOUT.H1,
+  curve: {
+    curveIdx: 0
+  },
+  editPeak: {
+    present: {
+      selectedIdx: 0,
+      peaks: [{
+        prevOffset: 0,
+        pos: [],
+        neg: []
+      }]
+    }
+  },
+  threshold: {
+    isEdit: true,
+    value: false,
+    upper: false,
+    lower: false
+  },
+  shift: {
+    shifts: []
+  },
+  cyclicvolta: {}
 });
 const dispatchMock = () => Promise.resolve({});
 store.dispatch = jest.fn(dispatchMock);
@@ -40,23 +86,27 @@ describe('<Peak />', () => {
   it('render when has Set reference button', async () => {
     const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
       store: nmrStore
-    }, /*#__PURE__*/React.createElement(_peak.default, null));
+    }, /*#__PURE__*/React.createElement(_peak.default, {
+      feature: {}
+    }));
     const {
       queryByTestId
     } = (0, _react.render)(renderer);
     const renderResult = queryByTestId('Peak');
     expect(renderResult).toBeInTheDocument();
-    expect(renderResult.childElementCount).toEqual(3);
+    expect(renderResult.childElementCount).toEqual(4);
   });
   it('render when does not hav Set reference button', async () => {
     const renderer = /*#__PURE__*/React.createElement(AppWrapper, {
       store: store
-    }, /*#__PURE__*/React.createElement(_peak.default, null));
+    }, /*#__PURE__*/React.createElement(_peak.default, {
+      feature: {}
+    }));
     const {
       queryByTestId
     } = (0, _react.render)(renderer);
     const renderResult = queryByTestId('Peak');
     expect(renderResult).toBeInTheDocument();
-    expect(renderResult.childElementCount).toEqual(2);
+    expect(renderResult.childElementCount).toEqual(3);
   });
 });

package/dist/actions/edit_peak.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rmFromPosList = exports.rmFromNegList = void 0;
+exports.rmFromPosList = exports.rmFromNegList = exports.clearAllPeaks = void 0;
 var _action_type = require("../constants/action_type");
 const rmFromPosList = payload => ({
   type: _action_type.EDITPEAK.RM_POSITIVE,
@@ -14,4 +14,9 @@ const rmFromNegList = payload => ({
   type: _action_type.EDITPEAK.RM_NEGATIVE,
   payload
 });
-exports.rmFromNegList = rmFromNegList;
+exports.rmFromNegList = rmFromNegList;
+const clearAllPeaks = payload => ({
+  type: _action_type.EDITPEAK.CLEAR_ALL,
+  payload
+});
+exports.clearAllPeaks = clearAllPeaks;

package/dist/components/cmd_bar/03_peak.js

@@ -17,7 +17,10 @@ var _ui = require("../../actions/ui");
 var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
 var _common = require("./common");
 var _list_ui = require("../../constants/list_ui");
-/* eslint-disable prefer-object-spread, function-paren-newline,
+var _tri_btn = _interopRequireDefault(require("./tri_btn"));
+var _edit_peak = require("../../actions/edit_peak");
+var _extractPeaksEdit = require("../../helpers/extractPeaksEdit");
+/* eslint-disable prefer-object-spread, function-paren-newline, no-unused-vars,
 react/function-component-definition, react/require-default-props, max-len,
 react/no-unused-prop-types */
 
@@ -34,15 +37,28 @@ const Peak = _ref => {
     disableSetRefSt,
     isHandleMaxAndMinPeaksSt,
     cyclicVotaSt,
-    curveSt
+    curveSt,
+    clearAllPeaksAct,
+    feature,
+    editPeakSt,
+    thresSt,
+    shiftSt,
+    layoutSt
   } = _ref;
   let onSweepPeakAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD);
   let onSweepPeakDELETE = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_DELETE);
   let onSweepAnchorShift = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT);
+  const {
+    curveIdx
+  } = curveSt;
+  const onClearAll = () => {
+    const dataPeaks = (0, _extractPeaksEdit.extractAutoPeaks)(feature, thresSt, shiftSt, layoutSt);
+    clearAllPeaksAct({
+      curveIdx,
+      dataPeaks
+    });
+  };
   if (isHandleMaxAndMinPeaksSt) {
-    const {
-      curveIdx
-    } = curveSt;
     const {
       spectraList
     } = cyclicVotaSt;
@@ -84,7 +100,17 @@ const Peak = _ref => {
     onClick: onSweepPeakDELETE
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmpeak')
-  }, "P-")))), !disableSetRefSt ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+  }, "P-")))), /*#__PURE__*/_react.default.createElement(_tri_btn.default, {
+    content: {
+      tp: 'Clear All Peaks'
+    },
+    cb: onClearAll,
+    isClearAllDisabled: disableRmPeakSt
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmallpeaks')
+  }, "P"), /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmallpeaks')
+  }, "x")), !disableSetRefSt ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: /*#__PURE__*/_react.default.createElement("span", {
       className: "txt-sv-tp"
     }, "Set Reference")
@@ -96,7 +122,7 @@ const Peak = _ref => {
     className: classes.icon
   })))) : null);
 };
-const mapStateToProps = (state, _) => (
+const mapStateToProps = (state, props) => (
 // eslint-disable-line
 {
   isFocusAddPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MAX_PEAK || state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MIN_PEAK,
@@ -107,10 +133,15 @@ const mapStateToProps = (state, _) => (
   disableSetRefSt: _cfg.default.btnCmdSetRef(state.layout),
   isHandleMaxAndMinPeaksSt: !_cfg.default.hidePanelCyclicVolta(state.layout),
   cyclicVotaSt: state.cyclicvolta,
-  curveSt: state.curve
+  curveSt: state.curve,
+  editPeakSt: state.editPeak.present,
+  thresSt: state.threshold,
+  layoutSt: state.layout,
+  shiftSt: state.shift
 });
 const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
-  setUiSweepTypeAct: _ui.setUiSweepType
+  setUiSweepTypeAct: _ui.setUiSweepType,
+  clearAllPeaksAct: _edit_peak.clearAllPeaks
 }, dispatch);
 Peak.propTypes = {
   classes: _propTypes.default.object.isRequired,
@@ -123,6 +154,12 @@ Peak.propTypes = {
   setUiSweepTypeAct: _propTypes.default.func.isRequired,
   isHandleMaxAndMinPeaksSt: _propTypes.default.bool.isRequired,
   cyclicVotaSt: _propTypes.default.object.isRequired,
-  curveSt: _propTypes.default.object.isRequired
+  curveSt: _propTypes.default.object.isRequired,
+  clearAllPeaksAct: _propTypes.default.func.isRequired,
+  feature: _propTypes.default.object.isRequired,
+  editPeakSt: _propTypes.default.object.isRequired,
+  thresSt: _propTypes.default.object.isRequired,
+  layoutSt: _propTypes.default.string.isRequired,
+  shiftSt: _propTypes.default.object.isRequired
 };
 var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _withStyles.default)(styles))(Peak);

package/dist/components/cmd_bar/index.js

@@ -44,7 +44,8 @@ const CmdBar = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_viewer.default, {
     editorOnly: editorOnly
   }), /*#__PURE__*/_react.default.createElement(_zoom.default, null), /*#__PURE__*/_react.default.createElement(_peak.default, {
-    jcampIdx: jcampIdx
+    jcampIdx: jcampIdx,
+    feature: feature
   }), /*#__PURE__*/_react.default.createElement(_pecker.default, {
     jcampIdx: jcampIdx
   }), /*#__PURE__*/_react.default.createElement(_integration.default, null), /*#__PURE__*/_react.default.createElement(_multiplicity.default, null), /*#__PURE__*/_react.default.createElement(_undo_redo.default, null), /*#__PURE__*/_react.default.createElement(_r04_submit.default, {

package/dist/components/cmd_bar/r01_layout.js

@@ -62,7 +62,7 @@ const shiftSelect = (classes, layoutSt, setShiftRefAct, shiftSt, curveSt) => {
   }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
     id: "select-solvent-label",
     className: (0, _classnames.default)(classes.selectLabel, 'select-sv-bar-label')
-  }, "Solvent"), /*#__PURE__*/_react.default.createElement(_material.Select, {
+  }, "Reference"), /*#__PURE__*/_react.default.createElement(_material.Select, {
     value: shiftRef,
     labelId: "select-solvent-label",
     label: "Solvent",

package/dist/components/cmd_bar/tri_btn.js

@@ -52,7 +52,8 @@ class TriBtn extends _react.default.Component {
     const {
       content,
       layoutSt,
-      children
+      children,
+      isClearAllDisabled
     } = this.props;
     const {
       tp
@@ -64,7 +65,7 @@ class TriBtn extends _react.default.Component {
       title: title
     }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
       className: (0, _classnames.default)('btn-sv-bar-one'),
-      disabled: _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt),
+      disabled: isClearAllDisabled === false ? false : _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt),
       onClick: this.onToggle
     }, children)));
   }
@@ -112,6 +113,7 @@ TriBtn.propTypes = {
   layoutSt: _propTypes.default.string.isRequired,
   content: _propTypes.default.object.isRequired,
   cb: _propTypes.default.func.isRequired,
-  children: _propTypes.default.node.isRequired
+  children: _propTypes.default.node.isRequired,
+  isClearAllDisabled: _propTypes.default.bool.isRequired
 };
 var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(TriBtn));

package/dist/constants/action_type.js

@@ -16,7 +16,8 @@ const EDITPEAK = exports.EDITPEAK = {
   ADD_NEGATIVE: 'ADD_TO_NEGATIVE_EDITPEAK_LIST',
   RM_NEGATIVE: 'RM_FROM_NEGATIVE_EDITPEAK_LIST',
   RM_POSITIVE: 'RM_FROM_POSITIVE_EDITPEAK_LIST',
-  SHIFT: 'EDITPEAK_SHIFT'
+  SHIFT: 'EDITPEAK_SHIFT',
+  CLEAR_ALL: 'EDITPEAK_CLEAR_ALL'
 };
 const STATUS = exports.STATUS = {
   TOGGLEBTNSUBMIT: 'TOGGLE_BTN_SUBMIT',

package/dist/helpers/extractPeaksEdit.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractPeaksEdit = exports.extractAreaUnderCurve = void 0;
+exports.extractPeaksEdit = exports.extractAutoPeaks = exports.extractAreaUnderCurve = void 0;
 var _converter = require("./converter");
 var _chem = require("./chem");
 var _shift = require("./shift");
@@ -35,6 +35,13 @@ const extractPeaksEdit = function (feature, editPeakSt, thresSt, shiftSt, layout
   return peaksEdit;
 };
 exports.extractPeaksEdit = extractPeaksEdit;
+const extractAutoPeaks = function (feature, thresSt, shiftSt, layoutSt) {
+  let atIndex = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  const offset = _format.default.isMsLayout(layoutSt) ? msOffset() : niOffset(shiftSt, atIndex);
+  const peaks = (0, _chem.Convert2Peak)(feature, thresSt.value, offset);
+  return peaks;
+};
+exports.extractAutoPeaks = extractAutoPeaks;
 const getAUCValue = (integrationSt, layoutSt) => {
   const {
     refArea,

package/dist/reducers/reducer_edit_peak.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.editPeakReducer = exports.default = void 0;
 var _reduxUndo = _interopRequireDefault(require("redux-undo"));
 var _action_type = require("../constants/action_type");
 var _undo_redo_config = require("./undo_redo_config");
@@ -180,6 +180,28 @@ const processShift = (state, action) => {
     peaks: newPeaks
   });
 };
+const clearAllPeaks = (state, action) => {
+  const {
+    curveIdx,
+    dataPeaks
+  } = action.payload;
+  const {
+    peaks
+  } = state;
+  const selectedEditPeaks = peaks[curveIdx];
+  const {
+    pos
+  } = selectedEditPeaks;
+  const newSelectedEditPeaks = Object.assign({}, selectedEditPeaks, {
+    pos: [],
+    neg: [...pos, ...dataPeaks]
+  });
+  const newPeaks = [...peaks];
+  newPeaks[curveIdx] = newSelectedEditPeaks;
+  return Object.assign({}, state, {
+    peaks: newPeaks
+  });
+};
 const editPeakReducer = function () {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
   let action = arguments.length > 1 ? arguments[1] : undefined;
@@ -194,6 +216,8 @@ const editPeakReducer = function () {
       return rmFromNeg(state, action);
     case _action_type.EDITPEAK.SHIFT:
       return processShift(state, action);
+    case _action_type.EDITPEAK.CLEAR_ALL:
+      return clearAllPeaks(state, action);
     case _action_type.MANAGER.RESETALL:
       return {
         selectedIdx: 0,
@@ -207,5 +231,6 @@ const editPeakReducer = function () {
       return _undo_redo_config.undoRedoActions.indexOf(action.type) >= 0 ? Object.assign({}, state) : state;
   }
 };
+exports.editPeakReducer = editPeakReducer;
 const undoableEditPeakReducer = (0, _reduxUndo.default)(editPeakReducer, _undo_redo_config.undoRedoConfig);
 var _default = exports.default = undoableEditPeakReducer;

package/dist/reducers/undo_redo_config.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.undoRedoConfig = exports.undoRedoActions = void 0;
 var _reduxUndo = require("redux-undo");
 var _action_type = require("../constants/action_type");
-const undoRedoActions = exports.undoRedoActions = [_action_type.EDITPEAK.ADD_POSITIVE, _action_type.EDITPEAK.ADD_NEGATIVE, _action_type.EDITPEAK.RM_POSITIVE, _action_type.EDITPEAK.RM_NEGATIVE, _action_type.EDITPEAK.SHIFT, _action_type.MANAGER.RESETALL, _action_type.MANAGER.RESETSHIFT, _action_type.MANAGER.RESET_INIT_COMMON, _action_type.MANAGER.RESET_INIT_NMR, _action_type.MANAGER.RESET_INIT_MS, _action_type.MANAGER.RESET_INIT_COMMON_WITH_INTERGATION, _action_type.UI.SWEEP.SELECT_INTEGRATION, _action_type.UI.SWEEP.SELECT_MULTIPLICITY_RDC, _action_type.INTEGRATION.RM_ONE, _action_type.INTEGRATION.SET_REF, _action_type.INTEGRATION.SET_FKR, _action_type.INTEGRATION.RESET_ALL, _action_type.INTEGRATION.CLEAR_ALL, _action_type.MULTIPLICITY.PEAK_RM_BY_PANEL_RDC, _action_type.MULTIPLICITY.PEAK_RM_BY_UI_RDC, _action_type.MULTIPLICITY.PEAK_ADD_BY_UI_RDC, _action_type.MULTIPLICITY.RESET_ONE_RDC, _action_type.MULTIPLICITY.UPDATE_J, _action_type.MULTIPLICITY.TYPE_SELECT_RDC, _action_type.MULTIPLICITY.ONE_CLICK, _action_type.MULTIPLICITY.ONE_CLICK_BY_UI, _action_type.MULTIPLICITY.RESET_ALL_RDC, _action_type.MULTIPLICITY.CLEAR_ALL];
+const undoRedoActions = exports.undoRedoActions = [_action_type.EDITPEAK.ADD_POSITIVE, _action_type.EDITPEAK.ADD_NEGATIVE, _action_type.EDITPEAK.RM_POSITIVE, _action_type.EDITPEAK.RM_NEGATIVE, _action_type.EDITPEAK.SHIFT, _action_type.EDITPEAK.CLEAR_ALL, _action_type.MANAGER.RESETALL, _action_type.MANAGER.RESETSHIFT, _action_type.MANAGER.RESET_INIT_COMMON, _action_type.MANAGER.RESET_INIT_NMR, _action_type.MANAGER.RESET_INIT_MS, _action_type.MANAGER.RESET_INIT_COMMON_WITH_INTERGATION, _action_type.UI.SWEEP.SELECT_INTEGRATION, _action_type.UI.SWEEP.SELECT_MULTIPLICITY_RDC, _action_type.INTEGRATION.RM_ONE, _action_type.INTEGRATION.SET_REF, _action_type.INTEGRATION.SET_FKR, _action_type.INTEGRATION.RESET_ALL, _action_type.INTEGRATION.CLEAR_ALL, _action_type.MULTIPLICITY.PEAK_RM_BY_PANEL_RDC, _action_type.MULTIPLICITY.PEAK_RM_BY_UI_RDC, _action_type.MULTIPLICITY.PEAK_ADD_BY_UI_RDC, _action_type.MULTIPLICITY.RESET_ONE_RDC, _action_type.MULTIPLICITY.UPDATE_J, _action_type.MULTIPLICITY.TYPE_SELECT_RDC, _action_type.MULTIPLICITY.ONE_CLICK, _action_type.MULTIPLICITY.ONE_CLICK_BY_UI, _action_type.MULTIPLICITY.RESET_ALL_RDC, _action_type.MULTIPLICITY.CLEAR_ALL];
 const undoRedoConfig = exports.undoRedoConfig = {
   debug: false,
   limit: 10,
   ignoreInitialState: true,
   filter: (0, _reduxUndo.includeAction)(undoRedoActions),
-  clearHistoryType: [_action_type.EDITPEAK.SHIFT, _action_type.MANAGER.RESETALL, _action_type.MANAGER.RESETSHIFT, _action_type.MANAGER.RESET_INIT_COMMON, _action_type.MANAGER.RESET_INIT_NMR, _action_type.MANAGER.RESET_INIT_MS, _action_type.MANAGER.RESET_INIT_COMMON_WITH_INTERGATION],
-  neverSkipReducer: [_action_type.EDITPEAK.SHIFT, _action_type.MANAGER.RESETALL, _action_type.MANAGER.RESETSHIFT, _action_type.MANAGER.RESET_INIT_COMMON, _action_type.MANAGER.RESET_INIT_NMR, _action_type.MANAGER.RESET_INIT_MS, _action_type.MANAGER.RESET_INIT_COMMON_WITH_INTERGATION]
+  clearHistoryType: [_action_type.EDITPEAK.SHIFT, _action_type.EDITPEAK.CLEAR_ALL, _action_type.MANAGER.RESETALL, _action_type.MANAGER.RESETSHIFT, _action_type.MANAGER.RESET_INIT_COMMON, _action_type.MANAGER.RESET_INIT_NMR, _action_type.MANAGER.RESET_INIT_MS, _action_type.MANAGER.RESET_INIT_COMMON_WITH_INTERGATION],
+  neverSkipReducer: [_action_type.EDITPEAK.SHIFT, _action_type.EDITPEAK.CLEAR_ALL, _action_type.MANAGER.RESETALL, _action_type.MANAGER.RESETSHIFT, _action_type.MANAGER.RESET_INIT_COMMON, _action_type.MANAGER.RESET_INIT_NMR, _action_type.MANAGER.RESET_INIT_MS, _action_type.MANAGER.RESET_INIT_COMMON_WITH_INTERGATION]
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@complat/react-spectra-editor",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "An editor to View and Edit Chemical Spectra data (NMR, IR and MS, CV, UIVIS, XRD).",
   "repository": {
     "type": "git",