@complat/react-spectra-editor 1.0.0-rc15 → 1.0.0-rc16

package/README.md

@@ -2,6 +2,8 @@
 
 An editor to View and Edit Chemical Spectra data (NMR, IR and MS).
 
+![Testing](https://github.com/ComPlat/react-spectra-editor/actions/workflows/testing.yml/badge.svg)
+
 ### Usage
 
 #### Installing from npm

package/dist/components/cmd_bar/r01_layout.js

@@ -160,7 +160,7 @@ const layoutSelect = (classes, layoutSt, updateLayoutAct) => {
     value: _list_layout.LIST_LAYOUT.AIF
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
-  }, "AIF")), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+  }, "SOPTION-DESORPTION")), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     value: _list_layout.LIST_LAYOUT.EMISSIONS
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')

package/dist/components/cmd_bar/r06_predict_btn.js

@@ -169,10 +169,12 @@ const BtnPredict = _ref => {
     realCount = (0, _carbonFeatures.carbonFeatures)(peaksEdit, multiplicitySt).length;
   } else {
     const {
-      selectedIdx,
+      curveIdx
+    } = curveSt;
+    const {
       multiplicities
     } = multiplicitySt;
-    const selectedMultiplicity = multiplicities[selectedIdx];
+    const selectedMultiplicity = multiplicities[curveIdx];
     const {
       stack
     } = selectedMultiplicity;

package/dist/components/panel/info.js

@@ -199,7 +199,7 @@ const InfoPanel = _ref => {
     className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt')
   }, "Area under curve (AUC):"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.tTxt, classes.tTxtSim, 'txt-sv-panel-txt')
-  }, aucValue(integration))) : null), /*#__PURE__*/_react.default.createElement(_reactQuill.default, {
+  }, aucValue(integration))) : null), !_format.default.isCyclicVoltaLayout(layoutSt) ? /*#__PURE__*/_react.default.createElement(_reactQuill.default, {
     className: (0, _classnames.default)(classes.quill, 'card-sv-quill'),
     value: descriptions,
     modules: {
@@ -207,7 +207,7 @@ const InfoPanel = _ref => {
     },
     onChange: onDescriptionChanged,
     readOnly: canChangeDescription !== undefined ? !canChangeDescription : true
-  }), /*#__PURE__*/_react.default.createElement("div", null, !editorOnly && _format.default.isNmrLayout(layoutSt) ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null, /*#__PURE__*/_react.default.createElement("div", null, !editorOnly && _format.default.isNmrLayout(layoutSt) ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.rowRoot, classes.rowOddSim)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt')

package/dist/components/panel/multiplicity.js

@@ -205,7 +205,11 @@ const mpyList = (classes, digits, multiplicitySt, curveSt, clickMpyOneAct, rmMpy
     const onClick = e => {
       e.stopPropagation();
       e.preventDefault();
-      clickMpyOneAct(xExtent);
+      const payload = {
+        curveIdx,
+        payloadData: xExtent
+      };
+      clickMpyOneAct(payload);
     };
     return createData(idx, xExtent, peaks, shift, smExtext, mpyType, js, onClick, onRefresh);
   });

package/dist/index.js

@@ -640,7 +640,7 @@ class DemoWriteIr extends _react.default.Component {
         margin: '0 10px 0 10px'
       },
       onClick: this.onClick('aif')
-    }, "AIF"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    }, "SOPTION-DESORPTION"), /*#__PURE__*/_react.default.createElement(_Button.default, {
       variant: "contained",
       style: {
         margin: '0 10px 0 10px'

package/dist/reducers/reducer_edit_peak.js

@@ -48,9 +48,10 @@ const addToPos = (state, action) => {
     const newSelectedEditPeaks = Object.assign({}, selectedEditPeaks, {
       neg
     });
-    peaks[curveIdx] = newSelectedEditPeaks;
+    const newPeaks = [...peaks];
+    newPeaks[curveIdx] = newSelectedEditPeaks;
     return Object.assign({}, state, {
-      peaks
+      peaks: newPeaks
     });
   }
   const idxP = oriPosState.findIndex(p => (0, _calc.almostEqual)(p.x, dataToAdd.x));
@@ -60,9 +61,10 @@ const addToPos = (state, action) => {
     const newSelectedEditPeaks = Object.assign({}, selectedEditPeaks, {
       pos
     });
-    peaks[curveIdx] = newSelectedEditPeaks;
+    const newPeaks = [...peaks];
+    newPeaks[curveIdx] = newSelectedEditPeaks;
     return Object.assign({}, state, {
-      peaks,
+      peaks: newPeaks,
       selectedIdx: curveIdx
     });
   }
@@ -80,9 +82,10 @@ const rmFromPos = (state, action) => {
   const newSelectedEditPeaks = Object.assign({}, selectedEditPeaks, {
     pos
   });
-  peaks[selectedIdx] = newSelectedEditPeaks;
+  const newPeaks = [...peaks];
+  newPeaks[selectedIdx] = newSelectedEditPeaks;
   return Object.assign({}, state, {
-    peaks
+    peaks: newPeaks
   });
 };
 const addToNeg = (state, action) => {
@@ -108,9 +111,10 @@ const addToNeg = (state, action) => {
     const newSelectedEditPeaks = Object.assign({}, selectedEditPeaks, {
       pos
     });
-    peaks[curveIdx] = newSelectedEditPeaks;
+    const newPeaks = [...peaks];
+    newPeaks[curveIdx] = newSelectedEditPeaks;
     return Object.assign({}, state, {
-      peaks
+      peaks: newPeaks
     });
   }
   const idxN = oriNegState.findIndex(n => n.x === dataToAdd.x);
@@ -119,9 +123,10 @@ const addToNeg = (state, action) => {
     const newSelectedEditPeaks = Object.assign({}, selectedEditPeaks, {
       neg
     });
-    peaks[curveIdx] = newSelectedEditPeaks;
+    const newPeaks = [...peaks];
+    newPeaks[curveIdx] = newSelectedEditPeaks;
     return Object.assign({}, state, {
-      peaks,
+      peaks: newPeaks,
       selectedIdx: curveIdx
     });
   }
@@ -139,9 +144,10 @@ const rmFromNeg = (state, action) => {
   const newSelectedEditPeaks = Object.assign({}, selectedEditPeaks, {
     neg
   });
-  peaks[selectedIdx] = newSelectedEditPeaks;
+  const newPeaks = [...peaks];
+  newPeaks[selectedIdx] = newSelectedEditPeaks;
   return Object.assign({}, state, {
-    peaks
+    peaks: newPeaks
   });
 };
 const processShift = (state, action) => {
@@ -168,9 +174,10 @@ const processShift = (state, action) => {
     neg,
     prevOffset
   });
-  peaks[curveIdx] = newSelectedEditPeaks;
+  const newPeaks = [...peaks];
+  newPeaks[curveIdx] = newSelectedEditPeaks;
   return Object.assign({}, state, {
-    peaks
+    peaks: newPeaks
   });
 };
 const editPeakReducer = function () {

package/dist/reducers/reducer_integration.js

@@ -69,9 +69,10 @@ const addToStack = (state, action) => {
     stack: newStack,
     refArea: defaultRefArea
   });
-  integrations[curveIdx] = newIntegration;
+  const newArrIntegration = [...integrations];
+  newArrIntegration[curveIdx] = newIntegration;
   return Object.assign({}, state, {
-    integrations,
+    integrations: newArrIntegration,
     selectedIdx: curveIdx
   });
 };
@@ -106,9 +107,10 @@ const rmFromStack = (state, action) => {
   const newIntegration = Object.assign({}, selectedIntegration, {
     stack: newStack
   });
-  integrations[curveIdx] = newIntegration;
+  const newArrIntegration = [...integrations];
+  newArrIntegration[curveIdx] = newIntegration;
   return Object.assign({}, state, {
-    integrations,
+    integrations: newArrIntegration,
     selectedIdx: curveIdx
   });
 };
@@ -136,9 +138,10 @@ const setRef = (state, action) => {
   const newIntegration = Object.assign({}, selectedIntegration, {
     refArea
   });
-  integrations[curveIdx] = newIntegration;
+  const newArrIntegration = [...integrations];
+  newArrIntegration[curveIdx] = newIntegration;
   return Object.assign({}, state, {
-    integrations,
+    integrations: newArrIntegration,
     selectedIdx: curveIdx
   });
 };
@@ -159,9 +162,10 @@ const setFkr = (state, action) => {
   const newIntegration = Object.assign({}, selectedIntegration, {
     refFactor
   });
-  integrations[curveIdx] = newIntegration;
+  const newArrIntegration = [...integrations];
+  newArrIntegration[curveIdx] = newIntegration;
   return Object.assign({}, state, {
-    integrations
+    integrations: newArrIntegration
   });
 };
 const setShift = (state, action) => {
@@ -174,9 +178,10 @@ const setShift = (state, action) => {
   const newIntegration = Object.assign({}, selectedIntegration, {
     shift
   });
-  integrations[selectedIdx] = newIntegration;
+  const newArrIntegration = [...integrations];
+  newArrIntegration[selectedIdx] = newIntegration;
   return Object.assign({}, state, {
-    integrations
+    integrations: newArrIntegration
   });
 };
 const resetAll = (state, action) => {
@@ -196,9 +201,10 @@ const clearAll = (state, action) => {
   const newIntegration = Object.assign({}, defaultEmptyIntegration, {
     edited: true
   });
-  integrations[curveIdx] = newIntegration;
+  const newArrIntegration = [...integrations];
+  newArrIntegration[curveIdx] = newIntegration;
   return Object.assign({}, state, {
-    integrations,
+    integrations: newArrIntegration,
     selectedIdx: curveIdx
   });
 };

package/dist/reducers/reducer_multiplicity.js

@@ -35,9 +35,10 @@ const setShift = (state, action) => {
   const newSelectedMulti = Object.assign({}, selectedMulti, {
     shift
   });
-  multiplicities[selectedIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[selectedIdx] = newSelectedMulti;
   return Object.assign({}, state, {
-    multiplicities
+    multiplicities: newMultiplicities
   });
 };
 const rmFromStack = (state, action) => {
@@ -76,9 +77,10 @@ const rmFromStack = (state, action) => {
     stack: newStack,
     smExtext: newSmExtext
   });
-  multiplicities[curveIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[curveIdx] = newSelectedMulti;
   return Object.assign({}, state, {
-    multiplicities,
+    multiplicities: newMultiplicities,
     selectedIdx: curveIdx
   });
 };
@@ -115,9 +117,10 @@ const updateMpyJ = (state, action) => {
   const newSelectedMulti = Object.assign({}, selectedMulti, {
     stack: newStack
   });
-  multiplicities[selectedIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[selectedIdx] = newSelectedMulti;
   return Object.assign({}, state, {
-    multiplicities
+    multiplicities: newMultiplicities
   });
 };
 const clickMpyOne = (state, action) => {
@@ -135,9 +138,10 @@ const clickMpyOne = (state, action) => {
   const newSelectedMulti = Object.assign({}, selectedMulti, {
     smExtext: payloadData
   });
-  multiplicities[curveIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[curveIdx] = newSelectedMulti;
   return Object.assign({}, state, {
-    multiplicities,
+    multiplicities: newMultiplicities,
     selectedIdx: curveIdx
   });
 };
@@ -154,9 +158,10 @@ const clearAll = (state, action) => {
   const newSelectedMulti = Object.assign({}, defaultEmptyMultiplicity, {
     edited: true
   });
-  multiplicities[curveIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[curveIdx] = newSelectedMulti;
   return Object.assign({}, state, {
-    multiplicities
+    multiplicities: newMultiplicities
   });
 };
 const multiplicityReducer = function () {

package/dist/sagas/saga_manager.js

@@ -47,9 +47,10 @@ function* resetInitNmr(action) {
   const {
     integrations
   } = integationSt;
-  integrations[curveIdx] = integration;
+  const newArrIntegration = [...integrations];
+  newArrIntegration[curveIdx] = integration;
   const payload = Object.assign({}, integationSt, {
-    integrations,
+    integrations: newArrIntegration,
     selectedIdx: curveIdx
   }); // eslint-disable-line
 
@@ -78,9 +79,10 @@ function* resetInitCommonWithIntergation(action) {
   const {
     integrations
   } = integationSt;
-  integrations[curveIdx] = integration;
+  const newArrIntegration = [...integrations];
+  newArrIntegration[curveIdx] = integration;
   const payload = Object.assign({}, integationSt, {
-    integrations,
+    integrations: newArrIntegration,
     selectedIdx: curveIdx
   }); // eslint-disable-line
 

package/dist/sagas/saga_multi_entities.js

@@ -72,17 +72,6 @@ function* setCyclicVoltametry(action) {
     }
   }
 }
-
-// function* setInitData(action) {
-//   const layoutSt = yield select(getLayoutSt);
-//   console.log(layoutSt);
-//   const curveSt = yield select(getCurveSt);
-//   const { listCurves } = curveSt;
-//   console.log(listCurves);
-// }
-
-const multiEntitiesSagas = [(0, _effects.takeEvery)(_action_type.CURVE.SET_ALL_CURVES, setCyclicVoltametry)
-// takeEvery(CURVE.SET_ALL_CURVES, setInitData),
-];
+const multiEntitiesSagas = [(0, _effects.takeEvery)(_action_type.CURVE.SET_ALL_CURVES, setCyclicVoltametry)];
 var _default = multiEntitiesSagas;
 exports.default = _default;

package/dist/sagas/saga_multiplicity.js

@@ -71,11 +71,12 @@ function* selectMpy(action) {
     stack: newStack,
     smExtext: newXExtemt
   });
-  multiplicities[curveIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[curveIdx] = newSelectedMulti;
   const payload = Object.assign(
   // eslint-disable-line
   {}, mpySt, {
-    multiplicities,
+    multiplicities: newMultiplicities,
     selectedIdx: curveIdx
   });
   yield (0, _effects.put)({
@@ -138,9 +139,10 @@ function* addUiPeakToStack(action) {
   const newSelectedMulti = Object.assign({}, selectedMulti, {
     stack: newStack
   }); // eslint-disable-line
-  multiplicities[curveIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[curveIdx] = newSelectedMulti;
   const payload = Object.assign({}, mpySt, {
-    multiplicities
+    multiplicities: newSelectedMulti
   }); // eslint-disable-line
 
   yield (0, _effects.put)({
@@ -193,9 +195,10 @@ const rmPeakFromStack = function (action, metaSt, mpySt) {
     stack: newStack,
     smExtext: newSmExtext
   }); // eslint-disable-line
-  multiplicities[curveIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[curveIdx] = newSelectedMulti;
   return Object.assign({}, mpySt, {
-    multiplicities
+    multiplicities: newMultiplicities
   }); // eslint-disable-line
 };
 
@@ -250,9 +253,10 @@ function* resetInitNmr(action) {
   const {
     multiplicities
   } = mpySt;
-  multiplicities[curveIdx] = multiplicity;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[curveIdx] = multiplicity;
   const payload = Object.assign({}, mpySt, {
-    multiplicities,
+    multiplicities: newMultiplicities,
     selectedIdx: curveIdx
   }); // eslint-disable-line
 
@@ -327,9 +331,10 @@ function* resetOne(action) {
   const newSelectedMulti = Object.assign({}, selectedMulti, {
     stack: newStack
   }); // eslint-disable-line
-  multiplicities[curveIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[curveIdx] = newSelectedMulti;
   const payload = Object.assign({}, mpySt, {
-    multiplicities
+    multiplicities: newMultiplicities
   }); // eslint-disable-line
   yield (0, _effects.put)({
     type: _action_type.MULTIPLICITY.RESET_ONE_RDC,
@@ -362,9 +367,10 @@ function* selectMpyType(action) {
   const newSelectedMulti = Object.assign({}, selectedMulti, {
     stack: newStack
   }); // eslint-disable-line
-  multiplicities[curveIdx] = newSelectedMulti;
+  const newMultiplicities = [...multiplicities];
+  newMultiplicities[curveIdx] = newSelectedMulti;
   const payload = Object.assign({}, mpySt, {
-    multiplicities
+    multiplicities: newMultiplicities
   }); // eslint-disable-line
 
   yield (0, _effects.put)({

package/dist/setupTests.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _enzyme = _interopRequireDefault(require("enzyme"));
-var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+var _enzymeAdapterReact = _interopRequireDefault(require("@wojtekmaj/enzyme-adapter-react-17"));
 _enzyme.default.configure({
   adapter: new _enzymeAdapterReact.default()
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@complat/react-spectra-editor",
-  "version": "1.0.0-rc15",
+  "version": "1.0.0-rc16",
   "description": "An editor to View and Edit Chemical Spectra data (NMR, IR and MS, CV, UIVIS, XRD).",
   "repository": {
     "type": "git",
@@ -38,7 +38,7 @@
     "react-svg-inline": "^2.1.1",
     "redux": "^4.1.1",
     "redux-saga": "^1.1.3",
-    "redux-undo": "^1.0.1",
+    "redux-undo": "^1.1.0",
     "regenerator-transform": "^0.13.3",
     "reselect": "^4.0.0",
     "typescript": "^5.0.4"
@@ -64,9 +64,9 @@
     "@babel/preset-react": "^7.18.6",
     "@storybook/react": "7.0.7",
     "@types/enzyme": "^3.10.13",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "babel-loader": "8.2.5",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.7",
     "enzyme-to-json": "^3.6.2",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-import": "^2.25.0",