@complat/react-spectra-editor 1.3.4 → 1.4.0

package/dist/__tests__/units/components/panel/info.test.js

@@ -10,6 +10,7 @@ require("@testing-library/jest-dom");
 var _list_layout = require("../../../../constants/list_layout");
 var _material = require("@mui/material");
 var _styles = require("@mui/styles");
+var _jsxRuntime = require("react/jsx-runtime");
 const mockStore = (0, _reduxMockStore.default)([]);
 const store = mockStore({
   curve: {
@@ -46,40 +47,44 @@ const feature = {};
 describe("<InfoPanel />", () => {
   let AppWrapper;
   beforeEach(() => {
-    AppWrapper = _ref => {
-      let {
-        store,
-        children
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-        store: store
-      }, " ", children, " ");
+    AppWrapper = ({
+      store,
+      children
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
+        store: store,
+        children: [" ", children, " "]
+      });
     };
   });
   test('Cannot render info panel', () => {
-    const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
-      theme: theme
-    }, /*#__PURE__*/_react.default.createElement(_info.default, {
-      expand: false,
-      onExapnd: () => {}
-    })));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
+        theme: theme,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_info.default, {
+          expand: false,
+          onExapnd: () => {}
+        })
+      })
+    });
     const {
       queryByTestId
     } = (0, _react2.render)(renderer);
     expect(queryByTestId('PanelInfo')).not.toBeInTheDocument();
   });
   test('Render info panel', () => {
-    const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
-      theme: theme
-    }, /*#__PURE__*/_react.default.createElement(_info.default, {
-      expand: false,
-      onExapnd: () => {},
-      feature: feature
-    })));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
+        theme: theme,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_info.default, {
+          expand: false,
+          onExapnd: () => {},
+          feature: feature
+        })
+      })
+    });
     const {
       queryByTestId
     } = (0, _react2.render)(renderer);

package/dist/__tests__/units/components/panel/peaks.test.js

@@ -10,6 +10,7 @@ require("@testing-library/jest-dom");
 var _list_layout = require("../../../../constants/list_layout");
 var _material = require("@mui/material");
 var _styles = require("@mui/styles");
+var _jsxRuntime = require("react/jsx-runtime");
 const mockStore = (0, _reduxMockStore.default)([]);
 const store = mockStore({
   editPeak: {
@@ -57,39 +58,43 @@ const theme = (0, _material.createTheme)({
 describe("<Peaks />", () => {
   let AppWrapper;
   beforeEach(() => {
-    AppWrapper = _ref => {
-      let {
-        store,
-        children
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-        store: store
-      }, " ", children, " ");
+    AppWrapper = ({
+      store,
+      children
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRedux.Provider, {
+        store: store,
+        children: [" ", children, " "]
+      });
     };
   });
   test('Render peaks panel info', () => {
-    const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
-      store: store
-    }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
-      theme: theme
-    }, /*#__PURE__*/_react.default.createElement(_peaks.default, {
-      expand: false,
-      onExapnd: () => {}
-    })));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
+        theme: theme,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_peaks.default, {
+          expand: false,
+          onExapnd: () => {}
+        })
+      })
+    });
     const {
       queryByTestId
     } = (0, _react2.render)(renderer);
     expect(queryByTestId('PeaksPanelInfo')).toBeInTheDocument();
   });
   test('Render peaks panel with invalid store list', () => {
-    const renderer = /*#__PURE__*/_react.default.createElement(AppWrapper, {
-      store: failedStore
-    }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
-      theme: theme
-    }, /*#__PURE__*/_react.default.createElement(_peaks.default, {
-      expand: false,
-      onExapnd: () => {}
-    })));
+    const renderer = /*#__PURE__*/(0, _jsxRuntime.jsx)(AppWrapper, {
+      store: failedStore,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
+        theme: theme,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_peaks.default, {
+          expand: false,
+          onExapnd: () => {}
+        })
+      })
+    });
     const {
       queryByTestId
     } = (0, _react2.render)(renderer);

package/dist/actions/manager.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resetInitNmr = exports.resetInitMs = exports.resetInitCommonWithIntergation = exports.resetInitCommon = exports.resetDetector = exports.resetAll = void 0;
+exports.resetMultiplicity = exports.resetInitNmr = exports.resetInitMs = exports.resetInitCommonWithIntergation = exports.resetInitCommon = exports.resetDetector = exports.resetAll = void 0;
 var _action_type = require("../constants/action_type");
 const resetAll = payload => ({
   type: _action_type.MANAGER.RESETALL,
@@ -33,6 +33,10 @@ exports.resetInitCommonWithIntergation = resetInitCommonWithIntergation;
 const resetDetector = () => ({
   type: _action_type.MANAGER.RESET_DETECTOR
 });
+exports.resetDetector = resetDetector;
+const resetMultiplicity = () => ({
+  type: _action_type.MANAGER.RESET_MULTIPLICITY
+});
 
 // eslint-disable-line
-exports.resetDetector = resetDetector;
+exports.resetMultiplicity = resetMultiplicity;

package/dist/actions/ui.js

@@ -10,14 +10,11 @@ const setUiViewerType = payload => ({
   payload
 });
 exports.setUiViewerType = setUiViewerType;
-const setUiSweepType = function (payload) {
-  let jcampIdx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return {
-    type: _action_type.UI.SWEEP.SET_TYPE,
-    payload,
-    jcampIdx
-  };
-};
+const setUiSweepType = (payload, jcampIdx = 0) => ({
+  type: _action_type.UI.SWEEP.SET_TYPE,
+  payload,
+  jcampIdx
+});
 exports.setUiSweepType = setUiSweepType;
 const selectUiSweep = payload => ({
   type: _action_type.UI.SWEEP.SELECT,
@@ -29,17 +26,12 @@ const scrollUiWheel = payload => ({
   payload
 });
 exports.scrollUiWheel = scrollUiWheel;
-const clickUiTarget = function (payload, onPeak) {
-  let voltammetryPeakIdx = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  let jcampIdx = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  let onPecker = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  return {
-    type: _action_type.UI.CLICK_TARGET,
-    payload,
-    onPeak,
-    voltammetryPeakIdx,
-    jcampIdx,
-    onPecker
-  };
-};
+const clickUiTarget = (payload, onPeak, voltammetryPeakIdx = 0, jcampIdx = 0, onPecker = false) => ({
+  type: _action_type.UI.CLICK_TARGET,
+  payload,
+  onPeak,
+  voltammetryPeakIdx,
+  jcampIdx,
+  onPecker
+});
 exports.clickUiTarget = clickUiTarget;

package/dist/app.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "FN", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _fn.default;
   }
 });
@@ -22,6 +22,7 @@ var _index = _interopRequireDefault(require("./reducers/index"));
 var _index2 = _interopRequireDefault(require("./sagas/index"));
 var _layer_init = _interopRequireDefault(require("./layer_init"));
 var _fn = _interopRequireDefault(require("./fn"));
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react/function-component-definition, react/require-default-props */
 
 // eslint-disable-line
@@ -44,50 +45,49 @@ const ensureQuillDelta = descs => {
 };
 
 // - - - React - - -
-const SpectraEditor = _ref => {
-  let {
-    entity,
-    others,
-    cLabel,
-    xLabel,
-    yLabel,
-    operations,
-    forecast,
-    molSvg,
-    editorOnly,
-    descriptions,
-    theoryMass,
-    canChangeDescription,
-    onDescriptionChanged,
-    multiEntities,
-    multiMolSvgs,
-    entityFileNames,
-    userManualLink
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-    store: store
-  }, /*#__PURE__*/_react.default.createElement(_material.StyledEngineProvider, {
-    injectFirst: true
-  }, /*#__PURE__*/_react.default.createElement(_layer_init.default, {
-    entity: entity,
-    multiEntities: multiEntities,
-    entityFileNames: entityFileNames,
-    userManualLink: userManualLink,
-    others: others,
-    cLabel: cLabel,
-    xLabel: xLabel,
-    yLabel: yLabel,
-    forecast: forecast,
-    operations: operations,
-    descriptions: ensureQuillDelta(descriptions),
-    molSvg: molSvg,
-    multiMolSvgs: multiMolSvgs,
-    editorOnly: editorOnly,
-    theoryMass: theoryMass,
-    canChangeDescription: canChangeDescription,
-    onDescriptionChanged: onDescriptionChanged
-  })));
-};
+const SpectraEditor = ({
+  entity,
+  others,
+  cLabel,
+  xLabel,
+  yLabel,
+  operations,
+  forecast,
+  molSvg,
+  editorOnly,
+  descriptions,
+  exactMass,
+  canChangeDescription,
+  onDescriptionChanged,
+  multiEntities,
+  multiMolSvgs,
+  entityFileNames,
+  userManualLink
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRedux.Provider, {
+  store: store,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StyledEngineProvider, {
+    injectFirst: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_layer_init.default, {
+      entity: entity,
+      multiEntities: multiEntities,
+      entityFileNames: entityFileNames,
+      userManualLink: userManualLink,
+      others: others,
+      cLabel: cLabel,
+      xLabel: xLabel,
+      yLabel: yLabel,
+      forecast: forecast,
+      operations: operations,
+      descriptions: ensureQuillDelta(descriptions),
+      molSvg: molSvg,
+      multiMolSvgs: multiMolSvgs,
+      editorOnly: editorOnly,
+      exactMass: exactMass,
+      canChangeDescription: canChangeDescription,
+      onDescriptionChanged: onDescriptionChanged
+    })
+  })
+});
 exports.SpectraEditor = SpectraEditor;
 SpectraEditor.propTypes = {
   entity: _propTypes.default.object.isRequired,
@@ -106,7 +106,7 @@ SpectraEditor.propTypes = {
   canChangeDescription: _propTypes.default.bool,
   onDescriptionChanged: _propTypes.default.func,
   userManualLink: _propTypes.default.object,
-  theoryMass: _propTypes.default.string
+  exactMass: _propTypes.default.string
 };
 SpectraEditor.defaultProps = {
   others: {
@@ -122,7 +122,7 @@ SpectraEditor.defaultProps = {
   operations: [],
   descriptions: [],
   molSvg: '',
-  theoryMass: '',
+  exactMass: '',
   multiMolSvgs: [],
   editorOnly: false,
   canChangeDescription: false,

package/dist/components/cmd_bar/01_viewer.js

@@ -18,43 +18,50 @@ var _ui = require("../../actions/ui");
 var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
 var _common = require("./common");
 var _list_ui = require("../../constants/list_ui");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, react/function-component-definition */
 
 const styles = () => Object.assign({}, _common.commonStyle);
-const Viewer = _ref => {
-  let {
-    classes,
-    isfocusSpectrumSt,
-    isfocusAnalysisSt,
-    hideCmdAnaViewerSt,
-    disableCmdAnaViewerSt,
-    setUiViewerTypeAct
-  } = _ref;
+const Viewer = ({
+  classes,
+  isfocusSpectrumSt,
+  isfocusAnalysisSt,
+  hideCmdAnaViewerSt,
+  disableCmdAnaViewerSt,
+  setUiViewerTypeAct
+}) => {
   const onViewSpectrum = () => setUiViewerTypeAct(_list_ui.LIST_UI_VIEWER_TYPE.SPECTRUM);
   const onViewAnalysis = () => setUiViewerTypeAct(_list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS);
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
     className: classes.group,
-    "data-testid": "Viewer"
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Spectrum Viewer")
-  }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isfocusSpectrumSt, classes), 'btn-sv-bar-spctrum'),
-    onClick: onViewSpectrum
-  }, /*#__PURE__*/_react.default.createElement(_TimelineOutlined.default, {
-    className: classes.icon
-  }))), hideCmdAnaViewerSt ? null : /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Analysis Viewer")
-  }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isfocusAnalysisSt, classes), 'btn-sv-bar-analysis'),
-    disabled: disableCmdAnaViewerSt,
-    onClick: onViewAnalysis
-  }, /*#__PURE__*/_react.default.createElement(_SpellcheckOutlined.default, {
-    className: classes.icon
-  }))));
+    "data-testid": "Viewer",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Spectrum Viewer"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+        className: (0, _classnames.default)((0, _common.focusStyle)(isfocusSpectrumSt, classes), 'btn-sv-bar-spctrum'),
+        onClick: onViewSpectrum,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineOutlined.default, {
+          className: classes.icon
+        })
+      })
+    }), hideCmdAnaViewerSt ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Analysis Viewer"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+        className: (0, _classnames.default)((0, _common.focusStyle)(isfocusAnalysisSt, classes), 'btn-sv-bar-analysis'),
+        disabled: disableCmdAnaViewerSt,
+        onClick: onViewAnalysis,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpellcheckOutlined.default, {
+          className: classes.icon
+        })
+      })
+    })]
+  });
 };
 const mapStateToProps = (state, props) => (
 // eslint-disable-line

package/dist/components/cmd_bar/02_zoom.js

@@ -17,39 +17,46 @@ var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _ui = require("../../actions/ui");
 var _common = require("./common");
 var _list_ui = require("../../constants/list_ui");
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable prefer-object-spread, react/function-component-definition */
 
 const styles = () => Object.assign({}, _common.commonStyle);
-const Zoom = _ref => {
-  let {
-    classes,
-    isfocusZoomSt,
-    setUiSweepTypeAct
-  } = _ref;
+const Zoom = ({
+  classes,
+  isfocusZoomSt,
+  setUiSweepTypeAct
+}) => {
   const onSweepZoomIn = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN);
   const onSweepZoomReset = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET);
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
     className: classes.group,
-    "data-testid": "Zoom"
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Zoom In")
-  }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)((0, _common.focusStyle)(isfocusZoomSt, classes), 'btn-sv-bar-zoomin'),
-    onClick: onSweepZoomIn
-  }, /*#__PURE__*/_react.default.createElement(_ZoomInOutlined.default, {
-    className: (0, _classnames.default)(classes.icon, classes.iconWp)
-  }))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: /*#__PURE__*/_react.default.createElement("span", {
-      className: "txt-sv-tp"
-    }, "Reset Zoom")
-  }, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-    className: (0, _classnames.default)('btn-sv-bar-zoomreset'),
-    onClick: onSweepZoomReset
-  }, /*#__PURE__*/_react.default.createElement(_FindReplaceOutlined.default, {
-    className: classes.icon
-  }))));
+    "data-testid": "Zoom",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Zoom In"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+        className: (0, _classnames.default)((0, _common.focusStyle)(isfocusZoomSt, classes), 'btn-sv-bar-zoomin'),
+        onClick: onSweepZoomIn,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZoomInOutlined.default, {
+          className: (0, _classnames.default)(classes.icon, classes.iconWp)
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "txt-sv-tp",
+        children: "Reset Zoom"
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.MuButton, {
+        className: (0, _classnames.default)('btn-sv-bar-zoomreset'),
+        onClick: onSweepZoomReset,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FindReplaceOutlined.default, {
+          className: classes.icon
+        })
+      })
+    })]
+  });
 };
 const mapStateToProps = (state, _) => (
 // eslint-disable-line