@complat/react-spectra-editor 1.7.1 → 1.8.0

package/dist/components/panel/graph_selection.js

@@ -63,10 +63,12 @@ const GraphSelectionPanel = ({
   if (subLayoutsInfo) {
     subLayoutValues = Object.keys(subLayoutsInfo);
   }
+  const subLayoutKey = subLayoutValues.join('|');
   const [selectedSubLayout, setSelectedSublayout] = (0, _react.useState)(subLayoutValues[0]);
+  const resolvedSelectedSubLayout = subLayoutValues.includes(selectedSubLayout) ? selectedSubLayout : subLayoutValues[0] || false;
   (0, _react.useEffect)(() => {
     setSelectedSublayout(subLayoutValues[0]);
-  }, subLayoutValues);
+  }, [subLayoutKey]);
   if (!curveSt) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {});
   }
@@ -89,27 +91,23 @@ const GraphSelectionPanel = ({
   };
   let itemsSubLayout = [];
   if (selectedSubLayout && subLayoutValues.length > 1) {
-    const subLayout = subLayoutsInfo[selectedSubLayout];
-    try {
-      itemsSubLayout = subLayout.map((spectra, idx) => {
-        const spectraIdx = spectra.curveIdx;
-        const {
-          color
-        } = spectra;
-        let filename = '';
-        if (entityFileNames && spectraIdx < entityFileNames.length) {
-          filename = entityFileNames[spectraIdx];
-        }
-        return {
-          name: `${idx + 1}.`,
-          idx: spectraIdx,
-          color,
-          filename
-        };
-      });
-    } catch (e) {
-      console.log(e); //eslint-disable-line
-    }
+    const subLayout = subLayoutsInfo?.[resolvedSelectedSubLayout];
+    itemsSubLayout = Array.isArray(subLayout) ? subLayout.map((spectra, idx) => {
+      const spectraIdx = spectra.curveIdx;
+      const {
+        color
+      } = spectra;
+      let filename = '';
+      if (entityFileNames && spectraIdx < entityFileNames.length) {
+        filename = entityFileNames[spectraIdx];
+      }
+      return {
+        name: `${idx + 1}.`,
+        idx: spectraIdx,
+        color,
+        filename
+      };
+    }) : [];
   }
   const items = listCurves.map((spectra, idx) => {
     const {
@@ -144,7 +142,7 @@ const GraphSelectionPanel = ({
         className: "txt-panel-header",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _classnames.default)(classes.txtBadge, 'txt-sv-panel-title'),
-          children: "Graph selection"
+          children: "Graph selections"
         })
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), layoutSt === _list_layout.LIST_LAYOUT.AIF ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, {
@@ -155,9 +153,9 @@ const GraphSelectionPanel = ({
       label: "Show all curves"
     }) : null, subLayoutValues && subLayoutValues.length > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, {
-        value: selectedSubLayout,
+        value: resolvedSelectedSubLayout,
         onChange: onChangeTabSubLayout,
-        children: subLayoutValues.map((subLayout, i) => {
+        children: subLayoutValues.map(subLayout => {
           let subLayoutName = '';
           switch (subLayout.toUpperCase()) {
             case 'G/MOL':
@@ -178,7 +176,7 @@ const GraphSelectionPanel = ({
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
             value: subLayout,
             label: subLayoutName
-          }, i);
+          }, subLayout);
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
         children: itemsSubLayout.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
@@ -248,13 +246,17 @@ const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
 }, dispatch);
 GraphSelectionPanel.propTypes = {
   classes: _propTypes.default.object.isRequired,
-  expand: _propTypes.default.bool.isRequired,
+  expand: _propTypes.default.bool,
   layoutSt: _propTypes.default.string.isRequired,
-  onExapnd: _propTypes.default.func.isRequired,
+  onExapnd: _propTypes.default.func,
+  onExpand: _propTypes.default.func,
   curveSt: _propTypes.default.object.isRequired,
   selectCurveAct: _propTypes.default.func.isRequired,
-  entityFileNames: _propTypes.default.array.isRequired,
-  subLayoutsInfo: _propTypes.default.array,
+  entityFileNames: _propTypes.default.array,
+  subLayoutsInfo: _propTypes.default.object,
   toggleShowAllCurveAct: _propTypes.default.func.isRequired
 };
+GraphSelectionPanel.defaultProps = {
+  entityFileNames: []
+};
 var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(GraphSelectionPanel));

package/dist/components/panel/index.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactRedux = require("react-redux");
-var _redux = require("redux");
 var _styles = require("@mui/material/styles");
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 var _info = _interopRequireDefault(require("./info"));
@@ -19,8 +18,9 @@ var _multiplicity = _interopRequireDefault(require("./multiplicity"));
 var _cyclic_voltamery_data = _interopRequireDefault(require("./cyclic_voltamery_data"));
 var _graph_selection = _interopRequireDefault(require("./graph_selection"));
 var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
+var _format = _interopRequireDefault(require("../../helpers/format"));
 var _jsxRuntime = require("react/jsx-runtime");
-/* eslint-disable react/prop-types, react/require-default-props */
+/* eslint-disable react/prop-types, react/require-default-props, max-len */
 
 const theme = (0, _styles.createTheme)({
   typography: {
@@ -50,7 +50,7 @@ class PanelViewer extends _react.default.Component {
     this.state = {
       expand: 'info'
     };
-    this.onExapnd = this.onExapnd.bind(this);
+    this.onToggleExpand = this.onToggleExpand.bind(this);
     this.handleDescriptionChanged = this.handleDescriptionChanged.bind(this);
   }
   handleDescriptionChanged(content, delta, source, editor) {
@@ -59,7 +59,7 @@ class PanelViewer extends _react.default.Component {
       this.props.onDescriptionChanged(contentChanged); // eslint-disable-line
     }
   }
-  onExapnd(input) {
+  onToggleExpand(input) {
     const {
       expand
     } = this.state;
@@ -87,18 +87,20 @@ class PanelViewer extends _react.default.Component {
       userManualLink,
       subLayoutsInfo,
       exactMass,
+      entities,
       hideCyclicVolta
     } = this.props;
-    const onExapndInfo = () => this.onExapnd('info');
-    const onExapndPeak = () => this.onExapnd('peak');
-    const onExapndMpy = () => this.onExapnd('mpy');
-    const onExapndCompare = () => this.onExapnd('compare');
-    const onExapndCyclicVolta = () => this.onExapnd('cyclicvolta');
-    const onExapndGraphSelection = () => this.onExapnd('graph');
+    const onExpandInfo = () => this.onToggleExpand('info');
+    const onExpandPeak = () => this.onToggleExpand('peak');
+    const onExpandMpy = () => this.onToggleExpand('mpy');
+    const onExpandCompare = () => this.onToggleExpand('compare');
+    const onExpandCyclicVolta = () => this.onToggleExpand('cyclicvolta');
+    const onExpandGraphSelection = () => this.onToggleExpand('graph');
     const {
       listCurves
     } = curveSt;
-    const hideGraphSelection = listCurves === false || listCurves === undefined;
+    const curveCount = Array.isArray(listCurves) ? listCurves.length : 0;
+    const hideGraphSelection = curveCount <= 1 || _format.default.isLCMsLayout(layoutSt);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)(classes.panels),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledEngineProvider, {
@@ -109,33 +111,34 @@ class PanelViewer extends _react.default.Component {
             jcampIdx: jcampIdx,
             entityFileNames: entityFileNames,
             expand: expand === 'graph',
-            onExapnd: onExapndGraphSelection,
+            onExpand: onExpandGraphSelection,
             subLayoutsInfo: subLayoutsInfo
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_info.default, {
+            entities: entities,
             feature: feature,
             integration: integration,
             editorOnly: editorOnly,
             expand: expand === 'info',
             molSvg: molSvg,
             exactMass: exactMass,
-            onExapnd: onExapndInfo,
+            onExpand: onExpandInfo,
             descriptions: descriptions,
             canChangeDescription: canChangeDescription,
             onDescriptionChanged: this.handleDescriptionChanged
           }), _cfg.default.hidePanelPeak(layoutSt) ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_peaks.default, {
             expand: expand === 'peak',
-            onExapnd: onExapndPeak
+            onExapnd: onExpandPeak
           }), _cfg.default.hidePanelMpy(layoutSt) ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_multiplicity.default, {
             expand: expand === 'mpy',
-            onExapnd: onExapndMpy
-          }), _cfg.default.hidePanelCompare(layoutSt) || listCurves.length > 1 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_compare.default, {
+            onExapnd: onExpandMpy
+          }), _cfg.default.hidePanelCompare(layoutSt) || curveCount > 1 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_compare.default, {
             expand: expand === 'compare',
-            onExapnd: onExapndCompare
+            onExapnd: onExpandCompare
           }), _cfg.default.hidePanelCyclicVolta(layoutSt) || hideCyclicVolta ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_cyclic_voltamery_data.default, {
             jcampIdx: jcampIdx,
             feature: feature,
             expand: expand === 'cyclicvolta',
-            onExapnd: onExapndCyclicVolta,
+            onExapnd: onExpandCyclicVolta,
             userManualLink: userManualLink ? userManualLink.cv : undefined
           })]
         })
@@ -149,11 +152,10 @@ const mapStateToProps = (state, _) => (
   layoutSt: state.layout,
   curveSt: state.curve
 });
-const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({}, dispatch);
 PanelViewer.propTypes = {
   classes: _propTypes.default.object.isRequired,
   feature: _propTypes.default.object.isRequired,
-  integration: _propTypes.default.object.isRequired,
+  integration: _propTypes.default.object,
   editorOnly: _propTypes.default.bool.isRequired,
   molSvg: _propTypes.default.string.isRequired,
   descriptions: _propTypes.default.array.isRequired,
@@ -165,8 +167,12 @@ PanelViewer.propTypes = {
   curveSt: _propTypes.default.object.isRequired,
   subLayoutsInfo: _propTypes.default.object,
   exactMass: _propTypes.default.string,
-  hideCyclicVolta: _propTypes.default.bool
+  hideCyclicVolta: _propTypes.default.bool,
+  entities: _propTypes.default.array
+};
+PanelViewer.defaultProps = {
+  integration: {}
 };
 var _default = exports.default = (0, _reactRedux.connect)(
 // eslint-disable-line
-mapStateToProps, mapDispatchToProps)((0, _withStyles.default)(styles)(PanelViewer)); // eslint-disable-line
+mapStateToProps, null)((0, _withStyles.default)(styles)(PanelViewer)); // eslint-disable-line

package/dist/components/panel/info.js

@@ -21,6 +21,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable no-mixed-operators, react/function-component-definition,
 react/require-default-props, max-len */
 
+const ELECTRON_MASS = 0.000548579909065;
 const styles = () => ({
   chip: {
     margin: '1px 0 1px 0'
@@ -126,6 +127,11 @@ const normalizeQuillValue = val => {
   if (val === '<p><br></p>' || val === '<p></p>') return '';
   return val;
 };
+const formatMsExactMass = exactMass => {
+  const neutralMass = parseFloat(exactMass);
+  if (Number.isNaN(neutralMass)) return null;
+  return (neutralMass - ELECTRON_MASS).toFixed(6);
+};
 const chemSubStyle = {
   fontSize: '0.85em',
   position: 'relative',
@@ -159,12 +165,9 @@ const handleDescriptionChanged = (content, delta, source, editor, onDescriptionC
   if (!onDescriptionChanged) return;
   onDescriptionChanged(normalizeQuillValue(content), delta, source, editor);
 };
-const aucValue = integration => {
-  if (!integration) {
-    return '';
-  }
+const aucValue = (integration, hplcMsSt) => {
   const values = [];
-  const stackIntegration = integration.stack;
+  const stackIntegration = integration?.stack;
   if (Array.isArray(stackIntegration)) {
     let sumVal = 0.0;
     stackIntegration.forEach(inte => {
@@ -182,7 +185,23 @@ const aucValue = integration => {
       }
     });
   }
-  return values.join(', ');
+  const spectraList = hplcMsSt?.uvvis?.spectraList || [];
+  const listWaveLength = hplcMsSt?.uvvis?.listWaveLength || [];
+  spectraList.forEach((spectrum, idx) => {
+    const wavelength = listWaveLength[idx];
+    const integrations = spectrum?.integrations || [];
+    if (integrations.length > 0) {
+      const sumArea = integrations.reduce((sum, integ) => sum + (integ.absoluteArea ?? integ.area ?? 0), 0);
+      const integrationStrings = integrations.map(integ => {
+        const rawArea = integ.absoluteArea ?? integ.area ?? 0;
+        const areaVal = rawArea.toFixed(2);
+        const percent = sumArea > 0 ? (rawArea * 100 / sumArea).toFixed(2) : '0.00';
+        return `${areaVal} (${percent}%)`;
+      });
+      values.push(`[${wavelength} nm]: ${integrationStrings.join(', ')}`);
+    }
+  });
+  return values.join('\n');
 };
 const SECData = ({
   classes,
@@ -251,8 +270,11 @@ const SECData = ({
 SECData.propTypes = {
   classes: _propTypes.default.object.isRequired,
   layout: _propTypes.default.string.isRequired,
-  detector: _propTypes.default.object.isRequired,
-  secData: _propTypes.default.object.isRequired
+  detector: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
+  secData: _propTypes.default.object
+};
+SECData.defaultProps = {
+  detector: ''
 };
 const DSCData = ({
   classes,
@@ -310,7 +332,7 @@ const DSCData = ({
 DSCData.propTypes = {
   classes: _propTypes.default.object.isRequired,
   layout: _propTypes.default.string.isRequired,
-  dscMetaData: _propTypes.default.object.isRequired,
+  dscMetaData: _propTypes.default.object,
   updateAction: _propTypes.default.func.isRequired
 };
 const InfoPanel = ({
@@ -326,14 +348,17 @@ const InfoPanel = ({
   shiftSt,
   curveSt,
   exactMass,
-  onExapnd,
+  onExpand,
   canChangeDescription,
   onDescriptionChanged,
   detectorSt,
   metaSt,
-  updateDSCMetaDataAct
+  updateDSCMetaDataAct,
+  hplcMsSt,
+  entities
 }) => {
   if (!feature) return null;
+  const msExactMass = _format.default.isMsLayout(layoutSt) && exactMass ? formatMsExactMass(exactMass) : null;
   const {
     title,
     observeFrequency,
@@ -347,11 +372,14 @@ const InfoPanel = ({
     curveIdx
   } = curveSt;
   const {
-    curves
-  } = detectorSt;
+    curves = []
+  } = detectorSt || {};
+  const currentEntity = Array.isArray(entities) ? entities[curveIdx] : null;
+  const entityTitle = currentEntity?.entity?.title || currentEntity?.title || currentEntity?.spectra?.[0]?.title || currentEntity?.entity?.spectra?.[0]?.title || '';
+  const displayTitle = title || entityTitle;
   const getSelectedDetectorForCurve = (_detectorSt, targetCurveIdx) => {
     const targetCurve = curves.find(curve => curve.curveIdx === targetCurveIdx);
-    return targetCurve ? targetCurve.selectedDetector.name : '';
+    return targetCurve?.selectedDetector?.name || '';
   };
   let selectedDetector = getSelectedDetectorForCurve(detectorSt, curveIdx);
 
@@ -376,7 +404,7 @@ const InfoPanel = ({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Accordion, {
     "data-testid": "PanelInfo",
     expanded: expand,
-    onChange: onExapnd,
+    onChange: onExpand,
     disableGutters: true,
     sx: {
       '&.MuiAccordion-root.Mui-expanded': {
@@ -409,7 +437,7 @@ const InfoPanel = ({
           children: "Title : "
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt'),
-          children: title
+          children: displayTitle
         })]
       }), _format.default.isNmrLayout(layoutSt) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classnames.default)(classes.rowRoot, classes.rowEven),
@@ -429,14 +457,14 @@ const InfoPanel = ({
           className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt'),
           children: renderReadableSubscript(showSolvName)
         })]
-      }) : null, _format.default.isMsLayout(layoutSt) && exactMass ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }) : null, msExactMass ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classnames.default)(classes.rowRoot, classes.rowOdd),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt'),
-          children: "Exact mass: "
+          children: "Exact mass (M+): "
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt'),
-          children: `${parseFloat(exactMass).toFixed(6)} g/mol`
+          children: `${msExactMass} g/mol`
         })]
       }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(SECData, {
         classes: classes,
@@ -490,7 +518,25 @@ const InfoPanel = ({
           })
         })]
       }) : null]
-    })]
+    }), _format.default.isLCMsLayout(layoutSt) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(classes.rowRoot, classes.rowOddSim),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt'),
+        children: "Area under curve (AUC):"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(classes.tTxt, classes.tTxtSim, 'txt-sv-panel-txt'),
+        style: {
+          maxHeight: '80px',
+          overflowY: 'auto',
+          overflowX: 'hidden',
+          wordBreak: 'break-word',
+          marginBottom: '100px'
+        },
+        children: aucValue(integration, hplcMsSt).split('\n').map((line, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: line
+        }, idx))
+      })]
+    }) : null]
   });
 };
 const mapStateToProps = (state, props) => (
@@ -501,7 +547,8 @@ const mapStateToProps = (state, props) => (
   shiftSt: state.shift,
   curveSt: state.curve,
   detectorSt: state.detector,
-  metaSt: state.meta
+  metaSt: state.meta,
+  hplcMsSt: state.hplcMs
 });
 const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
   updateDSCMetaDataAct: _meta.updateDSCMetaData
@@ -509,22 +556,24 @@ const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
 InfoPanel.propTypes = {
   classes: _propTypes.default.object.isRequired,
   expand: _propTypes.default.bool.isRequired,
-  feature: _propTypes.default.object.isRequired,
-  integration: _propTypes.default.object.isRequired,
+  feature: _propTypes.default.object,
+  integration: _propTypes.default.object,
   editorOnly: _propTypes.default.bool.isRequired,
   molSvg: _propTypes.default.string.isRequired,
   descriptions: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired,
   layoutSt: _propTypes.default.string.isRequired,
-  simulationSt: _propTypes.default.array.isRequired,
+  simulationSt: _propTypes.default.object.isRequired,
   shiftSt: _propTypes.default.object.isRequired,
   curveSt: _propTypes.default.object.isRequired,
-  onExapnd: _propTypes.default.func.isRequired,
+  onExpand: _propTypes.default.func,
   canChangeDescription: _propTypes.default.bool.isRequired,
   onDescriptionChanged: _propTypes.default.func,
   exactMass: _propTypes.default.string,
   detectorSt: _propTypes.default.object.isRequired,
   metaSt: _propTypes.default.object.isRequired,
-  updateDSCMetaDataAct: _propTypes.default.func.isRequired
+  updateDSCMetaDataAct: _propTypes.default.func.isRequired,
+  hplcMsSt: _propTypes.default.object.isRequired,
+  entities: _propTypes.default.array
 };
 var _default = exports.default = (0, _reactRedux.connect)(
 // eslint-disable-line

package/dist/constants/action_type.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.XRD = exports.UI = exports.THRESHOLD = exports.SUBMIT = exports.STATUS = exports.SIMULATION = exports.SHIFT = exports.SEC = exports.SCAN = exports.MULTIPLICITY = exports.META = exports.MANAGER = exports.LAYOUT = exports.JCAMP = exports.INTEGRATION = exports.FORECAST = exports.EDITPEAK = exports.CYCLIC_VOLTA_METRY = exports.CURVE = exports.AXES = void 0;
+exports.XRD = exports.UI = exports.THRESHOLD = exports.SUBMIT = exports.STATUS = exports.SIMULATION = exports.SHIFT = exports.SEC = exports.SCAN = exports.MULTIPLICITY = exports.META = exports.MANAGER = exports.LAYOUT = exports.JCAMP = exports.INTEGRATION = exports.HPLC_MS = exports.FORECAST = exports.EDITPEAK = exports.CYCLIC_VOLTA_METRY = exports.CURVE = exports.AXES = void 0;
 const THRESHOLD = exports.THRESHOLD = {
   UPDATE_VALUE: 'THRESHOLD_UPDATE_VALUE',
   RESET_VALUE: 'THRESHOLD_RESET_VALUE',
@@ -56,6 +56,7 @@ const UI = exports.UI = {
     SET_TYPE: 'UI_SWEEP_SET_TYPE',
     SELECT: 'UI_SWEEP_SELECT',
     SELECT_ZOOMIN: 'UI_SWEEP_SELECT_ZOOMIN',
+    SELECT_ZOOMIN_SUBVIEW: 'UI_SWEEP_SELECT_ZOOMIN',
     SELECT_ZOOMRESET: 'UI_SWEEP_SELECT_ZOOMRESET',
     SELECT_INTEGRATION: 'UI_SWEEP_SELECT_INTEGRATION',
     SELECT_MULTIPLICITY: 'UI_SWEEP_SELECT_MULTIPLICITY',
@@ -63,6 +64,9 @@ const UI = exports.UI = {
   },
   WHEEL: {
     SCROLL: 'UI_WHEEL_SCROLL'
+  },
+  SUB_VIEWER: {
+    DISPLAY_VIEWER_AT: 'DISPLAY_VIEWER_AT'
   }
 };
 const FORECAST = exports.FORECAST = {
@@ -83,7 +87,10 @@ const INTEGRATION = exports.INTEGRATION = {
   SET_FKR: 'INTEGRATION_SET_FKR',
   RESET_ALL_RDC: 'INTEGRATION_RESET_ALL_RDC',
   CLEAR_ALL: 'INTEGRATION_CLEAR_ALL',
-  SWEEP: 'INTEGRATION_SWEEP'
+  SWEEP: 'INTEGRATION_SWEEP',
+  SPLIT: 'INTEGRATION_SPLIT',
+  ADD_VISUAL_SPLIT: 'INTEGRATION_ADD_VISUAL_SPLIT',
+  RM_VISUAL_SPLIT: 'INTEGRATION_RM_VISUAL_SPLIT'
 };
 const SIMULATION = exports.SIMULATION = {
   RESET_ALL_RDC: 'SIMULATION_RESET_ALL_RDC'
@@ -150,4 +157,18 @@ const AXES = exports.AXES = {
 };
 const SEC = exports.SEC = {
   UPDATE_DETECTOR: 'UPDATE_DETECTOR'
+};
+const HPLC_MS = exports.HPLC_MS = {
+  SET_LCMS_INTEGRATIONS_EXPORT: 'HPLC_MS_SET_LCMS_INTEGRATIONS_EXPORT',
+  UPDATE_UVVIS_WAVE_LENGTH: 'UPDATE_UVVIS_WAVE_LENGTH',
+  SELECT_TIC_CURVE: 'SELECT_TIC_CURVE',
+  UPDATE_HPLCMS_INTEGRATIONS: 'UPDATE_HPLCMS_INTEGRATIONS',
+  UPDATE_CURRENT_PAGE_VALUE: 'UPDATE_CURRENT_PAGE_VALUE',
+  UVVIS_UNDO: 'HPLC_MS_UVVIS_UNDO',
+  UVVIS_REDO: 'HPLC_MS_UVVIS_REDO',
+  UPDATE_HPLCMS_PEAKS: 'UPDATE_HPLCMS_PEAKS',
+  REMOVE_HPLCMS_PEAK: 'REMOVE_HPLCMS_PEAK',
+  CLEAR_INTEGRATION_ALL_HPLCMS: 'CLEAR_INTEGRATION_ALL_HPLCMS',
+  CLEAR_ALL_PEAKS_HPLCMS: 'CLEAR_ALL_PEAKS_HPLCMS',
+  CLEAR_STATE: 'HPLC_MS_CLEAR_STATE'
 };

package/dist/constants/list_graph.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIST_ROOT_SVG_GRAPH = exports.LIST_BRUSH_SVG_GRAPH = void 0;
+const LIST_ROOT_SVG_GRAPH = exports.LIST_ROOT_SVG_GRAPH = {
+  LINE: 'd3Line',
+  RECT: 'd3Rect',
+  MULTI: 'd3Multi'
+};
+const LIST_BRUSH_SVG_GRAPH = exports.LIST_BRUSH_SVG_GRAPH = {
+  LINE: 'd3Svg',
+  RECT: 'd3SvgRect',
+  MULTI: 'd3SvgMulti'
+};

package/dist/constants/list_layout.js

@@ -27,5 +27,6 @@ const LIST_LAYOUT = exports.LIST_LAYOUT = {
   DLS_ACF: 'DLS ACF',
   DLS_INTENSITY: 'DLS intensity',
   DSC: 'DIFFERENTIAL SCANNING CALORIMETRY',
-  GC: 'GAS CHROMATOGRAPHY'
+  GC: 'GAS CHROMATOGRAPHY',
+  LC_MS: 'LC/MS'
 };

package/dist/constants/list_ui.js

@@ -15,6 +15,8 @@ const LIST_UI_SWEEP_TYPE = exports.LIST_UI_SWEEP_TYPE = {
   INTEGRATION_RM: 'integration remove',
   INTEGRATION_REF: 'integration reference',
   INTEGRATION_SET_REF: 'integration set ref',
+  INTEGRATION_SPLIT: 'integration split',
+  INTEGRATION_VISUAL_SPLIT: 'integration visual split',
   MULTIPLICITY_SWEEP_ADD: 'multiplicity sweep add',
   MULTIPLICITY_ONE_CLICK: 'multiplicity one click',
   MULTIPLICITY_ONE_RM: 'multiplicity one remove',
@@ -30,6 +32,7 @@ const LIST_UI_SWEEP_TYPE = exports.LIST_UI_SWEEP_TYPE = {
   CYCLIC_VOLTA_RM_MIN_PEAK: 'cyclic voltammetry remove min peak',
   CYCLIC_VOLTA_ADD_PECKER: 'cyclic voltammetry add pecker',
   CYCLIC_VOLTA_RM_PECKER: 'cyclic voltammetry remove pecker',
-  CYCLIC_VOLTA_SET_REF: 'cyclic voltammetry set ref'
+  CYCLIC_VOLTA_SET_REF: 'cyclic voltammetry set ref',
+  PEAK_GROUP_SELECT: 'peak group select'
 };
-const LIST_NON_BRUSH_TYPES = exports.LIST_NON_BRUSH_TYPES = [LIST_UI_SWEEP_TYPE.PEAK_ADD, LIST_UI_SWEEP_TYPE.PEAK_DELETE, LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT, LIST_UI_SWEEP_TYPE.INTEGRATION_RM, LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF, LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_ADD, LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_RM, LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_CLICK, LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MAX_PEAK, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MAX_PEAK, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MIN_PEAK, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_PECKER, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_PECKER, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_SET_REF];
+const LIST_NON_BRUSH_TYPES = exports.LIST_NON_BRUSH_TYPES = [LIST_UI_SWEEP_TYPE.PEAK_ADD, LIST_UI_SWEEP_TYPE.PEAK_DELETE, LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT, LIST_UI_SWEEP_TYPE.INTEGRATION_RM, LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF, LIST_UI_SWEEP_TYPE.INTEGRATION_SPLIT, LIST_UI_SWEEP_TYPE.INTEGRATION_VISUAL_SPLIT, LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_ADD, LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_RM, LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_CLICK, LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MAX_PEAK, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MAX_PEAK, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_MIN_PEAK, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_PECKER, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_PECKER, LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_SET_REF, LIST_UI_SWEEP_TYPE.PEAK_GROUP_SELECT];