@complat/react-spectra-editor 1.7.0 → 1.8.0

package/dist/reducers/reducer_submit.js

@@ -45,7 +45,8 @@ const submitReducer = (state = initialState, action) => {
       }
     case _action_type.MANAGER.RESETALL:
       {
-        const decimal = _format.default.spectraDigit(action.payload.operation.layout);
+        const layout = action.payload?.operation?.layout;
+        const decimal = layout ? _format.default.spectraDigit(layout) : state.decimal;
         return Object.assign({}, state, {
           decimal,
           isIntensity: true,

package/dist/reducers/reducer_ui.js

@@ -15,7 +15,137 @@ const initialState = {
     xExtent: false,
     yExtent: false
   },
-  jcampIdx: 0
+  jcampIdx: 0,
+  subViewerAt: {
+    x: null,
+    y: null
+  },
+  zoom: {
+    graphIndex: 0,
+    sweepExtent: [{
+      xExtent: false,
+      yExtent: false
+    }, {
+      xExtent: false,
+      yExtent: false
+    }, {
+      xExtent: false,
+      yExtent: false
+    }],
+    sweepTypes: [_list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN, _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET, _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET]
+  }
+};
+const updateSweepType = (state, action) => {
+  const {
+    payload
+  } = action;
+  const {
+    graphIndex,
+    sweepType
+  } = payload;
+  if (!sweepType) {
+    return Object.assign({}, state, {
+      sweepType: action.payload,
+      jcampIdx: action.jcampIdx,
+      zoom: {
+        ...state.zoom,
+        sweepTypes: [_list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET, _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET, _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET]
+      }
+    });
+  }
+  const {
+    zoom
+  } = state;
+  let newSweepTypes = zoom.sweepTypes.slice();
+  if (sweepType === _list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN) {
+    newSweepTypes = newSweepTypes.map((val, idx) => idx === graphIndex ? _list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN : _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET);
+  } else {
+    newSweepTypes = newSweepTypes.map(() => _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET);
+    if (graphIndex !== undefined) {
+      newSweepTypes[graphIndex] = sweepType;
+    }
+  }
+  const newZoom = Object.assign({}, zoom, {
+    sweepTypes: newSweepTypes,
+    graphIndex
+  });
+  return Object.assign({}, state, {
+    zoom: newZoom,
+    sweepType
+  });
+};
+const updateZoom = (state, action) => {
+  const {
+    payload
+  } = action;
+  const {
+    graphIndex,
+    zoomValue,
+    lcmsSyncX
+  } = payload;
+  if (!zoomValue) {
+    return Object.assign({}, state, {
+      sweepExtent: payload
+    });
+  }
+  const {
+    zoom
+  } = state;
+  const sweepExtent = Array.isArray(zoom.sweepExtent) ? [...zoom.sweepExtent] : [];
+  const selectedGraph = sweepExtent[graphIndex];
+  const newSweepExtent = Object.assign({}, selectedGraph, zoomValue);
+  sweepExtent[graphIndex] = newSweepExtent;
+  if (lcmsSyncX != null && zoomValue && zoomValue.xExtent) {
+    const otherIdx = lcmsSyncX;
+    const otherGraph = sweepExtent[otherIdx] || {};
+    sweepExtent[otherIdx] = Object.assign({}, otherGraph, {
+      xExtent: zoomValue.xExtent,
+      yExtent: false
+    });
+  }
+  const newZoom = Object.assign({}, zoom, {
+    sweepExtent,
+    graphIndex
+  });
+  return Object.assign({}, state, {
+    zoom: newZoom
+  });
+};
+const resetZoom = (state, action) => {
+  const {
+    payload
+  } = action;
+  const {
+    graphIndex
+  } = payload || {};
+  if (graphIndex === undefined) {
+    return Object.assign({}, state, {
+      sweepExtent: {
+        xExtent: false,
+        yExtent: false
+      }
+    });
+  }
+  const {
+    zoom
+  } = state;
+  const sweepExtent = Array.isArray(zoom.sweepExtent) ? [...zoom.sweepExtent] : [];
+  const indicesToReset = graphIndex === 0 || graphIndex === 1 ? [0, 1] : [graphIndex];
+  indicesToReset.forEach(idx => {
+    const selectedGraph = sweepExtent[idx] || {};
+    sweepExtent[idx] = Object.assign({}, selectedGraph, {
+      xExtent: false,
+      yExtent: false
+    });
+  });
+  return Object.assign({}, state, {
+    zoom: {
+      sweepExtent,
+      graphIndex,
+      sweepTypes: [_list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET, _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET, _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET]
+    },
+    sweepType: _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET
+  });
 };
 const uiReducer = (state = initialState, action) => {
   switch (action.type) {
@@ -24,21 +154,27 @@ const uiReducer = (state = initialState, action) => {
         viewer: action.payload
       });
     case _action_type.UI.SWEEP.SET_TYPE:
-      if (action.payload === _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET) {
-        return Object.assign({}, state, {
-          sweepExtent: {
-            xExtent: false,
-            yExtent: false
-          }
-        });
+      if (action.payload.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET || action.payload === _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET) {
+        // return Object.assign({}, state, {
+        //   sweepExtent: { xExtent: false, yExtent: false },
+        // });
+        return resetZoom(state, action);
       }
-      return Object.assign({}, state, {
-        sweepType: action.payload,
-        jcampIdx: action.jcampIdx
-      });
+      // return Object.assign({}, state, {
+      //   sweepType: action.payload,
+      //   jcampIdx: action.jcampIdx,
+      // });
+      return updateSweepType(state, action);
     case _action_type.UI.SWEEP.SELECT_ZOOMIN:
+      {
+        // return Object.assign({}, state, {
+        //   sweepExtent: action.payload,
+        // });
+        return updateZoom(state, action);
+      }
+    case _action_type.UI.SUB_VIEWER.DISPLAY_VIEWER_AT:
       return Object.assign({}, state, {
-        sweepExtent: action.payload
+        subViewerAt: action.payload
       });
     case _action_type.MANAGER.RESETALL:
       return initialState;

package/dist/reducers/undo_redo_config.js

@@ -6,11 +6,11 @@ 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.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 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.SPLIT, _action_type.INTEGRATION.ADD_VISUAL_SPLIT, _action_type.INTEGRATION.RM_VISUAL_SPLIT, _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,
+  ignoreInitialState: false,
   filter: (0, _reduxUndo.includeAction)(undoRedoActions),
   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/dist/sagas/saga_lcms_ui.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lcmsHandleIntegrationAdd = lcmsHandleIntegrationAdd;
+exports.lcmsHandleIntegrationRm = lcmsHandleIntegrationRm;
+exports.lcmsHandlePeakDelete = lcmsHandlePeakDelete;
+exports.lcmsHandleSelectZoomIn = lcmsHandleSelectZoomIn;
+exports.lcmsHandleSelectZoomReset = lcmsHandleSelectZoomReset;
+var _effects = require("redux-saga/effects");
+var _action_type = require("../constants/action_type");
+function* lcmsHandleSelectZoomIn({
+  payload,
+  zoom
+}) {
+  const {
+    graphIndex
+  } = zoom;
+  let lcmsSyncX;
+  if ((graphIndex === 0 || graphIndex === 1) && payload?.xExtent) {
+    lcmsSyncX = graphIndex === 0 ? 1 : 0;
+  }
+  yield (0, _effects.put)({
+    type: _action_type.UI.SWEEP.SELECT_ZOOMIN,
+    payload: {
+      graphIndex,
+      zoomValue: payload,
+      ...(lcmsSyncX != null ? {
+        lcmsSyncX
+      } : {})
+    }
+  });
+}
+function* lcmsHandleSelectZoomReset() {
+  yield (0, _effects.put)({
+    type: _action_type.UI.SWEEP.SELECT_ZOOMRESET,
+    payload: {
+      graphIndex: 0
+    }
+  });
+  yield (0, _effects.put)({
+    type: _action_type.UI.SWEEP.SELECT_ZOOMRESET,
+    payload: {
+      graphIndex: 1
+    }
+  });
+}
+function* lcmsHandleIntegrationAdd({
+  uvvis,
+  payload
+}) {
+  yield (0, _effects.put)({
+    type: _action_type.HPLC_MS.UPDATE_HPLCMS_INTEGRATIONS,
+    payload: {
+      spectrumId: uvvis.selectedWaveLength,
+      integration: payload
+    }
+  });
+}
+function* lcmsHandlePeakDelete({
+  uvvis,
+  payload
+}) {
+  yield (0, _effects.put)({
+    type: _action_type.HPLC_MS.REMOVE_HPLCMS_PEAK,
+    payload: {
+      spectrumId: uvvis.selectedWaveLength,
+      peak: payload
+    }
+  });
+}
+function* lcmsHandleIntegrationRm({
+  uvvis,
+  payload
+}) {
+  yield (0, _effects.put)({
+    type: _action_type.HPLC_MS.UPDATE_HPLCMS_INTEGRATIONS,
+    payload: {
+      spectrumId: uvvis.selectedWaveLength,
+      integration: payload,
+      remove: true
+    }
+  });
+}

package/dist/sagas/saga_ui.js

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.shouldDisplayLcmsSubViewerAt = exports.default = void 0;
 var _effects = require("redux-saga/effects");
 var _action_type = require("../constants/action_type");
 var _list_ui = require("../constants/list_ui");
 var _list_layout = require("../constants/list_layout");
-const getUiSt = state => state.ui;
-const getCurveSt = state => state.curve;
+var _list_graph = require("../constants/list_graph");
+var _saga_lcms_ui = require("./saga_lcms_ui");
+const getUiState = state => state.ui;
+const getCurveState = state => state.curve;
+const getHplcMsState = state => state.hplcMs;
+const getSubViewZoomActionType = () => _action_type.UI.SWEEP.SELECT_ZOOMIN_SUBVIEW || _action_type.UI.SWEEP.SELECT_ZOOMIN;
 const calcPeaks = payload => {
   const {
     xExtent,
@@ -28,76 +32,110 @@ const calcPeaks = payload => {
   const peaks = dataPks.filter(p => xL <= p.x && p.x <= xU && yL <= p.y && p.y <= yU);
   return peaks;
 };
+const getLayoutState = state => state.layout;
 function* selectUiSweep(action) {
-  const uiSt = yield (0, _effects.select)(getUiSt);
+  const uiState = yield (0, _effects.select)(getUiState);
+  const {
+    sweepType,
+    zoom
+  } = uiState;
   const {
     payload
   } = action;
-  const curveSt = yield (0, _effects.select)(getCurveSt);
+  const curveState = yield (0, _effects.select)(getCurveState);
   const {
     curveIdx
-  } = curveSt;
-  switch (uiSt.sweepType) {
+  } = curveState;
+  const hplcMsState = yield (0, _effects.select)(getHplcMsState);
+  const {
+    uvvis
+  } = hplcMsState;
+  const layoutState = yield (0, _effects.select)(getLayoutState);
+  switch (sweepType) {
     case _list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN:
-      yield (0, _effects.put)({
-        type: _action_type.UI.SWEEP.SELECT_ZOOMIN,
-        payload
-      });
+      if (layoutState === _list_layout.LIST_LAYOUT.LC_MS && uvvis.listWaveLength) {
+        yield* (0, _saga_lcms_ui.lcmsHandleSelectZoomIn)({
+          payload,
+          zoom
+        });
+      } else {
+        yield (0, _effects.put)({
+          type: _action_type.UI.SWEEP.SELECT_ZOOMIN,
+          payload
+        });
+      }
       break;
     case _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET:
-      yield (0, _effects.put)({
-        type: _action_type.UI.SWEEP.SELECT_ZOOMRESET,
-        payload
-      });
+      if (layoutState === _list_layout.LIST_LAYOUT.LC_MS && (payload?.graphIndex === 0 || payload?.graphIndex === 1)) {
+        yield* (0, _saga_lcms_ui.lcmsHandleSelectZoomReset)();
+      } else {
+        yield (0, _effects.put)({
+          type: _action_type.UI.SWEEP.SELECT_ZOOMRESET,
+          payload
+        });
+      }
       break;
     case _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD:
-      yield (0, _effects.put)({
-        type: _action_type.UI.SWEEP.SELECT_INTEGRATION,
-        payload: {
-          newData: payload,
-          curveIdx
+      {
+        if (uvvis.selectedWaveLength && layoutState === _list_layout.LIST_LAYOUT.LC_MS) {
+          yield* (0, _saga_lcms_ui.lcmsHandleIntegrationAdd)({
+            uvvis,
+            payload
+          });
+        } else {
+          yield (0, _effects.put)({
+            type: _action_type.UI.SWEEP.SELECT_INTEGRATION,
+            payload: {
+              newData: payload,
+              curveIdx
+            }
+          });
         }
-      });
-      break;
-    case _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_SWEEP_ADD:
-      const peaks = calcPeaks(payload); // eslint-disable-line
-      if (peaks.length === 0) {
         break;
       }
-      const newPayload = Object.assign({}, payload, {
-        peaks
-      }); // eslint-disable-line
-
-      yield (0, _effects.put)({
-        type: _action_type.UI.SWEEP.SELECT_INTEGRATION,
-        payload: {
-          newData: newPayload,
-          curveIdx
-        }
-      });
-      yield (0, _effects.put)({
-        type: _action_type.UI.SWEEP.SELECT_MULTIPLICITY,
-        payload: {
-          newData: newPayload,
-          curveIdx
+    case _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_SWEEP_ADD:
+      {
+        const peaks = calcPeaks(payload); // eslint-disable-line
+        if (peaks.length === 0) {
+          break;
         }
-      });
-      break;
+        const newPayload = {
+          ...payload,
+          peaks
+        }; // eslint-disable-line
+
+        yield (0, _effects.put)({
+          type: _action_type.UI.SWEEP.SELECT_INTEGRATION,
+          payload: {
+            newData: newPayload,
+            curveIdx
+          }
+        });
+        yield (0, _effects.put)({
+          type: _action_type.UI.SWEEP.SELECT_MULTIPLICITY,
+          payload: {
+            newData: newPayload,
+            curveIdx
+          }
+        });
+        break;
+      }
     default:
       break;
   }
   return null;
 }
-const getLayoutSt = state => state.layout;
 function* scrollUiWheel(action) {
-  const layoutSt = yield (0, _effects.select)(getLayoutSt);
+  const layoutState = yield (0, _effects.select)(getLayoutState);
   const {
     payload
   } = action;
+  if (!payload?.xExtent || !payload?.yExtent) return;
   const {
     xExtent,
     yExtent,
-    direction
+    direction,
+    brushClass
   } = payload;
   const {
     yL,
@@ -110,7 +148,7 @@ function* scrollUiWheel(action) {
     yExtent: false
   };
   let [nyeL, nyeU, h, nytL, nytU] = [0, 1, 1, 0, 1];
-  switch (layoutSt) {
+  switch (layoutState) {
     case _list_layout.LIST_LAYOUT.IR:
     case _list_layout.LIST_LAYOUT.RAMAN:
       [nyeL, nyeU] = [yeL + (yeU - yeL) * (1 - scale), yeU];
@@ -154,40 +192,93 @@ function* scrollUiWheel(action) {
       };
       break;
   }
-  yield (0, _effects.put)({
-    type: _action_type.UI.SWEEP.SELECT_ZOOMIN,
-    payload: nextExtent
-  });
+  if (brushClass === `.${_list_graph.LIST_BRUSH_SVG_GRAPH.RECT}`) {
+    yield (0, _effects.put)({
+      type: getSubViewZoomActionType(),
+      payload: nextExtent
+    });
+  } else {
+    yield (0, _effects.put)({
+      type: _action_type.UI.SWEEP.SELECT_ZOOMIN,
+      payload: nextExtent
+    });
+  }
 }
 const getUiSweepType = state => state.ui.sweepType;
+const shouldDisplayLcmsSubViewerAt = ({
+  isLcmsLayout,
+  payload,
+  sourceHint,
+  uiSweepType
+}) => isLcmsLayout && sourceHint === 'lcms_tic' && Number.isFinite(payload?.x) && [_list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN, _list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET, _list_ui.LIST_UI_SWEEP_TYPE.PEAK_GROUP_SELECT].includes(uiSweepType);
+exports.shouldDisplayLcmsSubViewerAt = shouldDisplayLcmsSubViewerAt;
 function* clickUiTarget(action) {
   const {
     payload,
     onPeak,
     voltammetryPeakIdx,
-    onPecker
+    onPecker,
+    sourceHint
   } = action;
   const uiSweepType = yield (0, _effects.select)(getUiSweepType);
-  const curveSt = yield (0, _effects.select)(getCurveSt);
+  const curveState = yield (0, _effects.select)(getCurveState);
   const {
     curveIdx
-  } = curveSt;
-  if (uiSweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD && !onPeak) {
+  } = curveState;
+  const hplcMsState = yield (0, _effects.select)(getHplcMsState);
+  const {
+    uvvis
+  } = hplcMsState;
+  const isLcmsLayout = (yield (0, _effects.select)(getLayoutState)) === _list_layout.LIST_LAYOUT.LC_MS;
+  if (shouldDisplayLcmsSubViewerAt({
+    isLcmsLayout,
+    payload,
+    sourceHint,
+    uiSweepType
+  })) {
     yield (0, _effects.put)({
-      type: _action_type.EDITPEAK.ADD_POSITIVE,
-      payload: {
-        dataToAdd: payload,
-        curveIdx
-      }
+      type: _action_type.UI.SUB_VIEWER.DISPLAY_VIEWER_AT,
+      payload
     });
+    return;
+  }
+  if (uiSweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD && !onPeak) {
+    if (isLcmsLayout) {
+      const spectrumId = hplcMsState?.uvvis?.selectedWaveLength;
+      if (spectrumId == null) return;
+      const currentPeaks = hplcMsState?.uvvis?.currentSpectrum?.peaks || [];
+      const updatedPeaks = [...currentPeaks, payload];
+      yield (0, _effects.put)({
+        type: _action_type.HPLC_MS.UPDATE_HPLCMS_PEAKS,
+        payload: {
+          spectrumId,
+          peaks: updatedPeaks
+        }
+      });
+    } else {
+      yield (0, _effects.put)({
+        type: _action_type.EDITPEAK.ADD_POSITIVE,
+        payload: {
+          dataToAdd: payload,
+          curveIdx
+        }
+      });
+    }
   } else if (uiSweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_DELETE && onPeak) {
-    yield (0, _effects.put)({
-      type: _action_type.EDITPEAK.ADD_NEGATIVE,
-      payload: {
-        dataToAdd: payload,
-        curveIdx
-      }
-    });
+    if (isLcmsLayout && uvvis.selectedWaveLength) {
+      yield* (0, _saga_lcms_ui.lcmsHandlePeakDelete)({
+        uvvis,
+        payload
+      });
+    } else {
+      yield (0, _effects.put)({
+        type: _action_type.EDITPEAK.ADD_NEGATIVE,
+        payload: {
+          dataToAdd: payload,
+          curveIdx
+        }
+      });
+    }
   } else if (uiSweepType === _list_ui.LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT && onPeak) {
     yield (0, _effects.put)({
       type: _action_type.SHIFT.SET_PEAK,
@@ -197,13 +288,20 @@ function* clickUiTarget(action) {
       }
     });
   } else if (uiSweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM && onPeak) {
-    yield (0, _effects.put)({
-      type: _action_type.INTEGRATION.RM_ONE,
-      payload: {
-        dataToRemove: payload,
-        curveIdx
-      }
-    });
+    if (uvvis.selectedWaveLength && isLcmsLayout) {
+      yield* (0, _saga_lcms_ui.lcmsHandleIntegrationRm)({
+        uvvis,
+        payload
+      });
+    } else {
+      yield (0, _effects.put)({
+        type: _action_type.INTEGRATION.RM_ONE,
+        payload: {
+          dataToRemove: payload,
+          curveIdx
+        }
+      });
+    }
   } else if (uiSweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM && onPeak) {
     yield (0, _effects.put)({
       type: _action_type.INTEGRATION.RM_ONE,
@@ -315,6 +413,11 @@ function* clickUiTarget(action) {
         jcampIdx: curveIdx
       }
     });
+  } else if (uiSweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_GROUP_SELECT) {
+    yield (0, _effects.put)({
+      type: _action_type.UI.SUB_VIEWER.DISPLAY_VIEWER_AT,
+      payload
+    });
   }
 }
 const managerSagas = [(0, _effects.takeEvery)(_action_type.UI.CLICK_TARGET, clickUiTarget), (0, _effects.takeEvery)(_action_type.UI.SWEEP.SELECT, selectUiSweep), (0, _effects.takeEvery)(_action_type.UI.WHEEL.SCROLL, scrollUiWheel)];

package/dist/setupTests.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _enzyme = _interopRequireDefault(require("enzyme"));
-var _enzymeAdapterReact = _interopRequireDefault(require("@wojtekmaj/enzyme-adapter-react-17"));
-_enzyme.default.configure({
-  adapter: new _enzymeAdapterReact.default()
+const Enzyme = require('enzyme');
+const AdapterModule = require('@wojtekmaj/enzyme-adapter-react-17');
+const Adapter = AdapterModule.default || AdapterModule;
+Enzyme.configure({
+  adapter: new Adapter()
 });