@complat/react-spectra-editor 1.3.2 → 1.3.5

package/dist/app.js

@@ -56,7 +56,7 @@ const SpectraEditor = _ref => {
     molSvg,
     editorOnly,
     descriptions,
-    theoryMass,
+    exactMass,
     canChangeDescription,
     onDescriptionChanged,
     multiEntities,
@@ -83,7 +83,7 @@ const SpectraEditor = _ref => {
     molSvg: molSvg,
     multiMolSvgs: multiMolSvgs,
     editorOnly: editorOnly,
-    theoryMass: theoryMass,
+    exactMass: exactMass,
     canChangeDescription: canChangeDescription,
     onDescriptionChanged: onDescriptionChanged
   })));
@@ -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/r01_layout.js

@@ -156,6 +156,10 @@ const layoutSelect = (classes, layoutSt, updateLayoutAct) => {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
   }, "SEC")), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+    value: _list_layout.LIST_LAYOUT.GC
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')
+  }, "GC (GAS CHROMATOGRAPHY)")), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     value: _list_layout.LIST_LAYOUT.AIF
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.txtOpt, 'option-sv-bar-layout')

package/dist/components/d3_line/line_focus.js

@@ -596,7 +596,7 @@ class LineFocus {
     return null;
   }
   reverseXAxis(layoutSt) {
-    return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.DSC, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.CDS, _list_layout.LIST_LAYOUT.DLS_ACF, _list_layout.LIST_LAYOUT.SEC, _list_layout.LIST_LAYOUT.EMISSIONS, _list_layout.LIST_LAYOUT.DLS_INTENSITY].indexOf(layoutSt) < 0;
+    return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.DSC, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.CDS, _list_layout.LIST_LAYOUT.DLS_ACF, _list_layout.LIST_LAYOUT.SEC, _list_layout.LIST_LAYOUT.GC, _list_layout.LIST_LAYOUT.EMISSIONS, _list_layout.LIST_LAYOUT.DLS_INTENSITY].indexOf(layoutSt) < 0;
   }
   create(_ref) {
     let {

package/dist/components/d3_multi/multi_focus.js

@@ -171,16 +171,17 @@ class MultiFocus {
       if (idx === jcampIdx) {
         this.data = [...currData];
         this.pathColor = color;
-        filterSubLayoutValue = feature.xUnit;
+        filterSubLayoutValue = _format.default.isSECLayout(layout) ? feature.xUnit : feature.yUnit;
       } else {
+        const filterValue = _format.default.isSECLayout(layout) ? feature.xUnit : feature.yUnit;
         this.otherLineData.push({
           data: currData,
           color,
-          filterSublayout: feature.xUnit
+          filterSublayout: filterValue
         });
       }
     });
-    if (_format.default.isSECLayout(layout)) {
+    if (_format.default.isSECLayout(layout) || _format.default.isGCLayout(layout)) {
       this.otherLineData = this.otherLineData.filter(data => {
         return data.filterSublayout === filterSubLayoutValue;
       });
@@ -785,7 +786,7 @@ class MultiFocus {
     ccp.enter().append('path').attr('d', lineSymbol).attr('class', 'enter-ref').attr('fill', 'green').attr('fill-opacity', 0.8).merge(ccp).attr('transform', d => `translate(${xt(d.x)}, ${yt(d.y)})`);
   }
   reverseXAxis(layoutSt) {
-    return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.DSC, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.CDS, _list_layout.LIST_LAYOUT.SEC, _list_layout.LIST_LAYOUT.AIF].indexOf(layoutSt) < 0;
+    return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.DSC, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.CDS, _list_layout.LIST_LAYOUT.SEC, _list_layout.LIST_LAYOUT.GC, _list_layout.LIST_LAYOUT.AIF].indexOf(layoutSt) < 0;
   }
   create(_ref) {
     let {

package/dist/components/multi_jcamps_viewer.js

@@ -17,6 +17,7 @@ var _index3 = _interopRequireDefault(require("./d3_multi/index"));
 var _curve = require("../actions/curve");
 var _cyclic_voltammetry = require("../actions/cyclic_voltammetry");
 var _list_layout = require("../constants/list_layout");
+var _format = _interopRequireDefault(require("../helpers/format"));
 /* eslint-disable react/default-props-match-prop-types,
 react/require-default-props, react/no-unused-prop-types, react/jsx-boolean-value,
 prefer-object-spread */
@@ -62,11 +63,13 @@ class MultiJcampsViewer extends _react.default.Component {
       entities,
       userManualLink,
       molSvg,
-      theoryMass,
-      layoutSt
+      exactMass,
+      layoutSt,
+      integrationSt
     } = this.props;
     if (!entities || entities.length === 0) return /*#__PURE__*/_react.default.createElement("div", null);
-    const seperatedSubLayouts = seperatingSubLayout(entities, 'xUnit', layoutSt);
+    const separateCondition = _format.default.isGCLayout(layoutSt) ? 'yUnit' : 'xUnit';
+    const seperatedSubLayouts = seperatingSubLayout(entities, separateCondition, layoutSt);
     const {
       curveIdx
     } = curveSt;
@@ -75,6 +78,10 @@ class MultiJcampsViewer extends _react.default.Component {
       feature,
       topic
     } = entity;
+    const {
+      integrations
+    } = integrationSt;
+    const currentIntegration = integrations[curveIdx];
     return /*#__PURE__*/_react.default.createElement("div", {
       className: classes.root
     }, /*#__PURE__*/_react.default.createElement(_index2.default, {
@@ -105,8 +112,9 @@ class MultiJcampsViewer extends _react.default.Component {
       userManualLink: userManualLink,
       feature: feature,
       molSvg: molSvg,
-      theoryMass: theoryMass,
+      exactMass: exactMass,
       subLayoutsInfo: seperatedSubLayouts,
+      integration: currentIntegration,
       descriptions: "",
       canChangeDescription: () => {},
       onDescriptionChanged: () => {}
@@ -119,7 +127,8 @@ const mapStateToProps = (state, _) => (
   curveSt: state.curve,
   cyclicVoltaSt: state.cyclicvolta,
   entities: state.curve.listCurves,
-  layoutSt: state.layout
+  layoutSt: state.layout,
+  integrationSt: state.integration.present
 });
 const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
   setAllCurvesAct: _curve.setAllCurves,
@@ -143,7 +152,8 @@ MultiJcampsViewer.propTypes = {
   userManualLink: _propTypes.default.object,
   entities: _propTypes.default.array,
   layoutSt: _propTypes.default.string.isRequired,
-  theoryMass: _propTypes.default.string
+  exactMass: _propTypes.default.string,
+  integrationSt: _propTypes.default.object.isRequired
 };
 MultiJcampsViewer.defaultProps = {
   multiEntities: [],

package/dist/components/panel/graph_selection.js

@@ -61,10 +61,13 @@ const GraphSelectionPanel = _ref => {
     toggleShowAllCurveAct
   } = _ref;
   let subLayoutValues = [];
-  if (subLayoutsInfo !== undefined && subLayoutsInfo !== null) {
+  if (subLayoutsInfo) {
     subLayoutValues = Object.keys(subLayoutsInfo);
   }
   const [selectedSubLayout, setSelectedSublayout] = (0, _react.useState)(subLayoutValues[0]);
+  (0, _react.useEffect)(() => {
+    setSelectedSublayout(subLayoutValues[0]);
+  }, subLayoutValues);
   if (!curveSt) {
     return /*#__PURE__*/_react.default.createElement("span", null);
   }
@@ -144,13 +147,19 @@ const GraphSelectionPanel = _ref => {
     onChange: onChangeTabSubLayout
   }, subLayoutValues.map((subLayout, i) => {
     let subLayoutName = '';
-    switch (subLayout) {
+    switch (subLayout.toUpperCase()) {
       case 'G/MOL':
         subLayoutName = 'MWD';
         break;
       case 'MILLILITERS':
         subLayoutName = 'ELU';
         break;
+      case 'INTENSITY':
+        subLayoutName = 'Chromatogram';
+        break;
+      case 'DEGREES CELSIUS':
+        subLayoutName = 'Temperature';
+        break;
       default:
         break;
     }

package/dist/components/panel/index.js

@@ -85,7 +85,7 @@ class PanelViewer extends _react.default.Component {
       curveSt,
       userManualLink,
       subLayoutsInfo,
-      theoryMass
+      exactMass
     } = this.props;
     const onExapndInfo = () => this.onExapnd('info');
     const onExapndPeak = () => this.onExapnd('peak');
@@ -115,7 +115,7 @@ class PanelViewer extends _react.default.Component {
       editorOnly: editorOnly,
       expand: expand === 'info',
       molSvg: molSvg,
-      theoryMass: theoryMass,
+      exactMass: exactMass,
       onExapnd: onExapndInfo,
       descriptions: descriptions,
       canChangeDescription: canChangeDescription,
@@ -159,7 +159,7 @@ PanelViewer.propTypes = {
   userManualLink: _propTypes.default.object,
   curveSt: _propTypes.default.object.isRequired,
   subLayoutsInfo: _propTypes.default.object,
-  theoryMass: _propTypes.default.string
+  exactMass: _propTypes.default.string
 };
 var _default = exports.default = (0, _reactRedux.connect)(
 // eslint-disable-line

package/dist/components/panel/info.js

@@ -231,7 +231,7 @@ const InfoPanel = _ref3 => {
     simulationSt,
     shiftSt,
     curveSt,
-    theoryMass,
+    exactMass,
     onExapnd,
     canChangeDescription,
     onDescriptionChanged,
@@ -313,13 +313,13 @@ const InfoPanel = _ref3 => {
     className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt')
   }, "Solv : "), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, showSolvName)) : null, _format.default.isMsLayout(layoutSt) && theoryMass ? /*#__PURE__*/_react.default.createElement("div", {
+  }, showSolvName)) : null, _format.default.isMsLayout(layoutSt) && exactMass ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.rowRoot, classes.rowOdd)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.tTxt, classes.tHead, 'txt-sv-panel-txt')
-  }, "Theoretical mass: "), /*#__PURE__*/_react.default.createElement("span", {
+  }, "Exact mass: "), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.tTxt, 'txt-sv-panel-txt')
-  }, `${parseFloat(theoryMass).toFixed(6)} g/mol`)) : null, /*#__PURE__*/_react.default.createElement(SECData, {
+  }, `${parseFloat(exactMass).toFixed(6)} g/mol`)) : null, /*#__PURE__*/_react.default.createElement(SECData, {
     classes: classes,
     layout: layoutSt,
     detector: selectedDetector,
@@ -383,7 +383,7 @@ InfoPanel.propTypes = {
   onExapnd: _propTypes.default.func.isRequired,
   canChangeDescription: _propTypes.default.bool.isRequired,
   onDescriptionChanged: _propTypes.default.func,
-  theoryMass: _propTypes.default.string,
+  exactMass: _propTypes.default.string,
   detectorSt: _propTypes.default.object.isRequired,
   metaSt: _propTypes.default.object.isRequired,
   updateDSCMetaDataAct: _propTypes.default.func.isRequired

package/dist/constants/list_layout.js

@@ -26,5 +26,6 @@ const LIST_LAYOUT = exports.LIST_LAYOUT = {
   EMISSIONS: 'Emissions',
   DLS_ACF: 'DLS ACF',
   DLS_INTENSITY: 'DLS intensity',
-  DSC: 'DIFFERENTIAL SCANNING CALORIMETRY'
+  DSC: 'DIFFERENTIAL SCANNING CALORIMETRY',
+  GC: 'GAS CHROMATOGRAPHY'
 };

package/dist/helpers/cfg.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _format = _interopRequireDefault(require("./format"));
-const btnCmdAnaViewer = layoutSt => _format.default.isMsLayout(layoutSt) || _format.default.isRamanLayout(layoutSt) || _format.default.is19FLayout(layoutSt) || _format.default.isUvVisLayout(layoutSt) || _format.default.isHplcUvVisLayout(layoutSt) || _format.default.isTGALayout(layoutSt) || _format.default.isDSCLayout(layoutSt) || _format.default.isXRDLayout(layoutSt) || _format.default.is31PLayout(layoutSt) || _format.default.is15NLayout(layoutSt) || _format.default.is29SiLayout(layoutSt) || _format.default.isCyclicVoltaLayout(layoutSt) || _format.default.isCDSLayout(layoutSt) || _format.default.isSECLayout(layoutSt);
+const btnCmdAnaViewer = layoutSt => _format.default.isMsLayout(layoutSt) || _format.default.isRamanLayout(layoutSt) || _format.default.is19FLayout(layoutSt) || _format.default.isUvVisLayout(layoutSt) || _format.default.isHplcUvVisLayout(layoutSt) || _format.default.isTGALayout(layoutSt) || _format.default.isDSCLayout(layoutSt) || _format.default.isXRDLayout(layoutSt) || _format.default.is31PLayout(layoutSt) || _format.default.is15NLayout(layoutSt) || _format.default.is29SiLayout(layoutSt) || _format.default.isCyclicVoltaLayout(layoutSt) || _format.default.isCDSLayout(layoutSt) || _format.default.isSECLayout(layoutSt) || _format.default.isGCLayout(layoutSt);
 const hideCmdAnaViewer = () => false;
 const btnCmdAddPeak = layoutSt => _format.default.isMsLayout(layoutSt);
 const btnCmdRmPeak = layoutSt => _format.default.isMsLayout(layoutSt);

package/dist/helpers/chem.js

@@ -368,6 +368,9 @@ const readLayout = jcamp => {
     if (dataType.includes('SIZE EXCLUSION CHROMATOGRAPHY')) {
       return _list_layout.LIST_LAYOUT.SEC;
     }
+    if (dataType.includes('GAS CHROMATOGRAPHY')) {
+      return _list_layout.LIST_LAYOUT.GC;
+    }
     if (dataType.includes('SORPTION-DESORPTION MEASUREMENT')) {
       return _list_layout.LIST_LAYOUT.AIF;
     }
@@ -839,7 +842,7 @@ const ExtractJcamp = source => {
       layout,
       temperature
     };
-  } else if (_format.default.isCyclicVoltaLayout(layout) || _format.default.isSECLayout(layout) || _format.default.isAIFLayout(layout) || _format.default.isCDSLayout(layout)) {
+  } else if (_format.default.isCyclicVoltaLayout(layout) || _format.default.isSECLayout(layout) || _format.default.isAIFLayout(layout) || _format.default.isCDSLayout(layout) || _format.default.isGCLayout(layout)) {
     features = extrFeaturesCylicVolta(jcamp, layout, peakUp);
   } else {
     features = extrFeaturesNi(jcamp, layout, peakUp, spectra);

package/dist/helpers/extractPeaksEdit.js

@@ -59,8 +59,15 @@ const extractAreaUnderCurve = (allIntegrationSt, presentIntegrationSt, layoutSt)
   if (_format.default.isHplcUvVisLayout(layoutSt) && Array.isArray(allIntegrationSt) && presentIntegrationSt) {
     const results = [];
     allIntegrationSt.forEach(inte => {
-      const aucVal = getAUCValue(inte, layoutSt);
-      results.push(aucVal);
+      const {
+        integrations
+      } = inte;
+      const subResults = [];
+      integrations.forEach(subInte => {
+        const aucVal = getAUCValue(subInte, layoutSt);
+        subResults.push(aucVal);
+      });
+      results.push(subResults);
     });
     return results;
   }

package/dist/helpers/format.js

@@ -24,6 +24,7 @@ const spectraDigit = layout => {
     case _list_layout.LIST_LAYOUT.XRD:
     case _list_layout.LIST_LAYOUT.CDS:
     case _list_layout.LIST_LAYOUT.SEC:
+    case _list_layout.LIST_LAYOUT.GC:
     case _list_layout.LIST_LAYOUT.MS:
       return 0;
     case _list_layout.LIST_LAYOUT.C13:
@@ -135,6 +136,10 @@ const spectraOps = {
     head: 'SIZE EXCLUSION CHROMATOGRAPHY',
     tail: '.'
   },
+  [_list_layout.LIST_LAYOUT.GC]: {
+    head: 'GAS CHROMATOGRAPHY',
+    tail: '.'
+  },
   [_list_layout.LIST_LAYOUT.EMISSIONS]: {
     head: 'EMISSION',
     tail: '.'
@@ -416,7 +421,7 @@ const peaksBody = _ref => {
   if (layout === _list_layout.LIST_LAYOUT.DLS_INTENSITY) {
     return formatedDLSIntensity(ordered, maxY, decimal, isAscend, isIntensity, boundary, false);
   }
-  if (layout === _list_layout.LIST_LAYOUT.RAMAN || layout === _list_layout.LIST_LAYOUT.TGA || layout === _list_layout.LIST_LAYOUT.DSC || layout === _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY || layout === _list_layout.LIST_LAYOUT.CDS || layout === _list_layout.LIST_LAYOUT.SEC) {
+  if (layout === _list_layout.LIST_LAYOUT.RAMAN || layout === _list_layout.LIST_LAYOUT.TGA || layout === _list_layout.LIST_LAYOUT.DSC || layout === _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY || layout === _list_layout.LIST_LAYOUT.CDS || layout === _list_layout.LIST_LAYOUT.SEC || layout === _list_layout.LIST_LAYOUT.GC) {
     return formatedEm(ordered, maxY, decimal, isAscend, isIntensity, boundary, false);
   }
   if (layout === _list_layout.LIST_LAYOUT.XRD) {
@@ -464,8 +469,9 @@ const isXRDLayout = layoutSt => _list_layout.LIST_LAYOUT.XRD === layoutSt;
 const isCyclicVoltaLayout = layoutSt => _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY === layoutSt;
 const isCDSLayout = layoutSt => _list_layout.LIST_LAYOUT.CDS === layoutSt;
 const isSECLayout = layoutSt => _list_layout.LIST_LAYOUT.SEC === layoutSt;
+const isGCLayout = layoutSt => _list_layout.LIST_LAYOUT.GC === layoutSt;
 const isEmWaveLayout = layoutSt => [_list_layout.LIST_LAYOUT.IR, _list_layout.LIST_LAYOUT.RAMAN, _list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS].indexOf(layoutSt) >= 0;
-const hasMultiCurves = layoutSt => [_list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.SEC, _list_layout.LIST_LAYOUT.AIF].indexOf(layoutSt) >= 0;
+const hasMultiCurves = layoutSt => [_list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.SEC, _list_layout.LIST_LAYOUT.GC, _list_layout.LIST_LAYOUT.AIF].indexOf(layoutSt) >= 0;
 const isAIFLayout = layoutSt => _list_layout.LIST_LAYOUT.AIF === layoutSt;
 const isEmissionsLayout = layoutSt => _list_layout.LIST_LAYOUT.EMISSIONS === layoutSt;
 const isDLSACFLayout = layoutSt => _list_layout.LIST_LAYOUT.DLS_ACF === layoutSt;
@@ -518,7 +524,7 @@ const formatPeaksByPrediction = function (peaks, layout, isAscend, decimal) {
   return body;
 };
 const compareColors = idx => ['#ABB2B9', '#EDBB99', '#ABEBC6', '#D2B4DE', '#F9E79F'][idx % 5];
-const mutiEntitiesColors = idx => ['#fa8231', '#f7b731', '#0fb9b1', '#2d98da', '#3867d6', '#8854d0', '#4b6584'][idx % 7];
+const mutiEntitiesColors = idx => ['#d35400', '#2980b9', '#8e44ad', '#2c3e50', '#6D214F', '#182C61', '#BDC581'][idx % 7];
 const strNumberFixedDecimal = function (number) {
   let decimal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
   if (decimal <= 0) {
@@ -660,6 +666,7 @@ const Format = {
   isEmissionsLayout,
   isDLSIntensityLayout,
   isEmWaveLayout,
+  isGCLayout,
   fixDigit,
   formatPeaksByPrediction,
   formatedMS,

package/dist/helpers/integration.js

@@ -47,7 +47,10 @@ exports.getAbsoluteArea = getAbsoluteArea;
 const calcArea = function (d, refArea, refFactor) {
   let ignoreRef = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   if (ignoreRef) {
-    return d.absoluteArea.toFixed(2);
+    const {
+      absoluteArea
+    } = d;
+    return !absoluteArea ? 0 : d.absoluteArea.toFixed(2);
   }
   return (d.area * refFactor / refArea).toFixed(2);
 };

package/dist/index.js

@@ -40,6 +40,9 @@ var _sec_3_jcamp = _interopRequireDefault(require("./__tests__/fixtures/sec_3_jc
 var _sec_4_jcamp = _interopRequireDefault(require("./__tests__/fixtures/sec_4_jcamp"));
 var _aif_jcamp_ = _interopRequireDefault(require("./__tests__/fixtures/aif_jcamp_1"));
 var _aif_jcamp_2 = _interopRequireDefault(require("./__tests__/fixtures/aif_jcamp_2"));
+var _gc_1_jcamp = _interopRequireDefault(require("./__tests__/fixtures/gc_1_jcamp"));
+var _gc_2_jcamp = _interopRequireDefault(require("./__tests__/fixtures/gc_2_jcamp"));
+var _gc_3_jcamp = _interopRequireDefault(require("./__tests__/fixtures/gc_3_jcamp"));
 var _emissions_jcamp = _interopRequireDefault(require("./__tests__/fixtures/emissions_jcamp"));
 var _dls_acf_jcamp = _interopRequireDefault(require("./__tests__/fixtures/dls_acf_jcamp"));
 var _dls_intensity_jcamp = _interopRequireDefault(require("./__tests__/fixtures/dls_intensity_jcamp"));
@@ -78,6 +81,9 @@ const secEntity3 = _app.FN.ExtractJcamp(_sec_3_jcamp.default);
 const secEntity4 = _app.FN.ExtractJcamp(_sec_4_jcamp.default);
 const aifEntity1 = _app.FN.ExtractJcamp(_aif_jcamp_.default);
 const aifEntity2 = _app.FN.ExtractJcamp(_aif_jcamp_2.default);
+const gcEntity1 = _app.FN.ExtractJcamp(_gc_1_jcamp.default);
+const gcEntity2 = _app.FN.ExtractJcamp(_gc_2_jcamp.default);
+const gcEntity3 = _app.FN.ExtractJcamp(_gc_3_jcamp.default);
 const emissionsEntity = _app.FN.ExtractJcamp(_emissions_jcamp.default);
 const dlsAcfEntity = _app.FN.ExtractJcamp(_dls_acf_jcamp.default);
 const dlsIntensityEntity = _app.FN.ExtractJcamp(_dls_intensity_jcamp.default);
@@ -176,6 +182,8 @@ class DemoWriteIr extends _react.default.Component {
         return dlsAcfEntity;
       case 'dls intensity':
         return dlsIntensityEntity;
+      case 'gc':
+        return gcEntity1;
       case 'ms':
       default:
         return msEntity;
@@ -200,6 +208,8 @@ class DemoWriteIr extends _react.default.Component {
         return [secEntity1, secEntity2, secEntity3, secEntity4];
       case 'aif':
         return [aifEntity1, aifEntity2];
+      case 'gc':
+        return [gcEntity1, gcEntity2, gcEntity3];
       default:
         return false;
     }
@@ -235,6 +245,7 @@ class DemoWriteIr extends _react.default.Component {
       case 'emissions':
       case 'dls acf':
       case 'dls intensity':
+      case 'gc':
       default:
         return false;
     }
@@ -700,6 +711,13 @@ class DemoWriteIr extends _react.default.Component {
       },
       onClick: this.onClick('sec')
     }, "SEC"), /*#__PURE__*/_react.default.createElement(_material.Button, {
+      id: "btn-sec",
+      variant: "contained",
+      style: {
+        margin: '0 10px 0 10px'
+      },
+      onClick: this.onClick('gc')
+    }, "GC"), /*#__PURE__*/_react.default.createElement(_material.Button, {
       id: "btn-sod",
       variant: "contained",
       style: {
@@ -762,7 +780,7 @@ class DemoWriteIr extends _react.default.Component {
       canChangeDescription: true,
       onDescriptionChanged: this.onDescriptionChanged,
       molSvg: molSvg,
-      theoryMass: '123.0',
+      exactMass: '123.0',
       userManualLink: {
         cv: "https://www.chemotion.net/chemotionsaurus/docs/eln/chemspectra/cvanalysis"
       },

package/dist/layer_init.js

@@ -136,7 +136,7 @@ class LayerInit extends _react.default.Component {
       descriptions,
       molSvg,
       editorOnly,
-      theoryMass,
+      exactMass,
       canChangeDescription,
       onDescriptionChanged,
       multiEntities,
@@ -155,7 +155,7 @@ class LayerInit extends _react.default.Component {
         entityFileNames: entityFileNames,
         userManualLink: userManualLink,
         molSvg: molSvg,
-        theoryMass: theoryMass,
+        exactMass: exactMass,
         operations: operations
       });
     } else if (_format.default.isCyclicVoltaLayout(layout)) {
@@ -165,7 +165,7 @@ class LayerInit extends _react.default.Component {
         entityFileNames: entityFileNames,
         userManualLink: userManualLink,
         molSvg: molSvg,
-        theoryMass: theoryMass,
+        exactMass: exactMass,
         operations: operations
       });
     }
@@ -179,7 +179,7 @@ class LayerInit extends _react.default.Component {
       descriptions: descriptions,
       molSvg: molSvg,
       editorOnly: editorOnly,
-      theoryMass: theoryMass,
+      exactMass: exactMass,
       canChangeDescription: canChangeDescription,
       onDescriptionChanged: onDescriptionChanged
     });
@@ -212,7 +212,7 @@ LayerInit.propTypes = {
   yLabel: _propTypes.default.string.isRequired,
   molSvg: _propTypes.default.string.isRequired,
   editorOnly: _propTypes.default.bool.isRequired,
-  theoryMass: _propTypes.default.string.isRequired,
+  exactMass: _propTypes.default.string.isRequired,
   forecast: _propTypes.default.object.isRequired,
   operations: _propTypes.default.array.isRequired,
   descriptions: _propTypes.default.array.isRequired,

package/dist/layer_prism.js

@@ -32,7 +32,7 @@ const LayerPrism = _ref => {
     descriptions,
     molSvg,
     editorOnly,
-    theoryMass,
+    exactMass,
     thresSt,
     scanSt,
     uiSt,
@@ -103,7 +103,7 @@ const LayerPrism = _ref => {
     integration: integration,
     editorOnly: editorOnly,
     molSvg: molSvg,
-    theoryMass: theoryMass,
+    exactMass: exactMass,
     descriptions: descriptions,
     canChangeDescription: canChangeDescription,
     onDescriptionChanged: onDescriptionChanged
@@ -124,7 +124,7 @@ LayerPrism.propTypes = {
   yLabel: _propTypes.default.string.isRequired,
   molSvg: _propTypes.default.string.isRequired,
   editorOnly: _propTypes.default.bool.isRequired,
-  theoryMass: _propTypes.default.string,
+  exactMass: _propTypes.default.string,
   forecast: _propTypes.default.object.isRequired,
   operations: _propTypes.default.array.isRequired,
   descriptions: _propTypes.default.array.isRequired,

package/dist/sagas/saga_multi_entities.js

@@ -11,6 +11,7 @@ var _list_layout = require("../constants/list_layout");
 
 const getLayoutSt = state => state.layout;
 const getCurveSt = state => state.curve;
+const getIntegrationSt = state => state.integration.present;
 function getMaxMinPeak(curve) {
   return curve.maxminPeak;
 }
@@ -105,5 +106,48 @@ function* setCyclicVoltametryRef(action) {
     }
   });
 }
-const multiEntitiesSagas = [(0, _effects.takeEvery)(_action_type.CURVE.SET_ALL_CURVES, setCyclicVoltametry), (0, _effects.takeEvery)(_action_type.CYCLIC_VOLTA_METRY.SET_FACTOR, setCyclicVoltametryRef)];
+function* setInitIntegrations(action) {
+  // eslint-disable-line
+  const curveSt = yield (0, _effects.select)(getCurveSt);
+  const {
+    listCurves
+  } = curveSt;
+  if (listCurves) {
+    for (let index = 0; index < listCurves.length; index++) {
+      const integationSt = yield (0, _effects.select)(getIntegrationSt);
+      const curve = listCurves[index];
+      const {
+        integration,
+        simulation
+      } = curve;
+      const {
+        integrations
+      } = integationSt;
+      const newArrIntegration = [...integrations];
+      if (index < newArrIntegration.length) {
+        newArrIntegration[index] = integration;
+      } else {
+        newArrIntegration.push(integration);
+      }
+      const payload = Object.assign({}, integationSt, {
+        integrations: newArrIntegration,
+        selectedIdx: index
+      }); // eslint-disable-line
+
+      if (integration) {
+        yield (0, _effects.put)({
+          type: _action_type.INTEGRATION.RESET_ALL_RDC,
+          payload
+        });
+      }
+      if (simulation) {
+        yield (0, _effects.put)({
+          type: _action_type.SIMULATION.RESET_ALL_RDC,
+          payload: simulation
+        });
+      }
+    }
+  }
+}
+const multiEntitiesSagas = [(0, _effects.takeEvery)(_action_type.CURVE.SET_ALL_CURVES, setCyclicVoltametry), (0, _effects.takeEvery)(_action_type.CURVE.SET_ALL_CURVES, setInitIntegrations), (0, _effects.takeEvery)(_action_type.CYCLIC_VOLTA_METRY.SET_FACTOR, setCyclicVoltametryRef)];
 var _default = exports.default = multiEntitiesSagas;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@complat/react-spectra-editor",
-  "version": "1.3.2",
-  "description": "An editor to View and Edit Chemical Spectra data (NMR, IR, MS, CV, UIVIS, XRD, and DSC).",
+  "version": "1.3.5",
+  "description": "An editor to View and Edit Chemical Spectra data (NMR, IR, MS, CV, UIVIS, XRD, GC, and DSC).",
   "repository": {
     "type": "git",
     "url": "https://github.com/ComPlat/react-spectra-editor"
@@ -16,6 +16,7 @@
     "@mui/icons-material": "^5.14.9",
     "@mui/material": "^5.14.9",
     "@mui/styles": "^5.14.9",
+    "@popperjs/core": "^2.11.8",
     "@types/jest": "^29.5.0",
     "@types/node": "^18.15.11",
     "@types/react": "^18.0.34",