@complat/react-spectra-editor 0.11.2 → 0.11.3

package/dist/app.js

@@ -75,7 +75,8 @@ var SpectraEditor = function SpectraEditor(_ref) {
       onDescriptionChanged = _ref.onDescriptionChanged,
       multiEntities = _ref.multiEntities,
       multiMolSvgs = _ref.multiMolSvgs,
-      entityFileNames = _ref.entityFileNames;
+      entityFileNames = _ref.entityFileNames,
+      userManualLink = _ref.userManualLink;
   return _react2.default.createElement(
     _reactRedux.Provider,
     { store: store },
@@ -83,6 +84,7 @@ var SpectraEditor = function SpectraEditor(_ref) {
       entity: entity,
       multiEntities: multiEntities,
       entityFileNames: entityFileNames,
+      userManualLink: userManualLink,
       others: others,
       cLabel: cLabel,
       xLabel: xLabel,
@@ -114,7 +116,8 @@ SpectraEditor.propTypes = {
   multiMolSvgs: _propTypes2.default.array,
   editorOnly: _propTypes2.default.bool,
   canChangeDescription: _propTypes2.default.bool,
-  onDescriptionChanged: _propTypes2.default.func
+  onDescriptionChanged: _propTypes2.default.func,
+  userManualLink: _propTypes2.default.object
 };
 
 SpectraEditor.defaultProps = {
@@ -130,7 +133,8 @@ SpectraEditor.defaultProps = {
   molSvg: '',
   multiMolSvgs: [],
   editorOnly: false,
-  canChangeDescription: false
+  canChangeDescription: false,
+  userManualLink: {}
 };
 
 exports.SpectraEditor = SpectraEditor;

package/dist/components/multi_jcamps_viewer.js

@@ -80,7 +80,8 @@ var MultiJcampsViewer = function (_React$Component) {
           curvSt = _props.curvSt,
           operations = _props.operations,
           entityFileNames = _props.entityFileNames,
-          entities = _props.entities;
+          entities = _props.entities,
+          userManualLink = _props.userManualLink;
 
       if (!entities || entities.length === 0) return _react2.default.createElement('div', null);
 
@@ -122,6 +123,7 @@ var MultiJcampsViewer = function (_React$Component) {
               _react2.default.createElement(_index2.default, {
                 jcampIdx: curvSt.curveIdx,
                 entityFileNames: entityFileNames,
+                userManualLink: userManualLink,
                 feature: feature,
                 molSvg: molSvg,
                 descriptions: '',
@@ -169,7 +171,8 @@ MultiJcampsViewer.propTypes = {
   addNewCylicVoltaPairPeakAct: _propTypes2.default.func.isRequired,
   addCylicVoltaMaxPeakAct: _propTypes2.default.func.isRequired,
   addCylicVoltaMinPeakAct: _propTypes2.default.func.isRequired,
-  operations: _propTypes2.default.func.isRequired
+  operations: _propTypes2.default.func.isRequired,
+  userManualLink: _propTypes2.default.object
 };
 
 MultiJcampsViewer.defaultProps = {

package/dist/components/panel/cyclic_voltamery_data.js

@@ -36,6 +36,10 @@ var _Info = require('@material-ui/icons/Info');
 
 var _Info2 = _interopRequireDefault(_Info);
 
+var _Help = require('@material-ui/icons/Help');
+
+var _Help2 = _interopRequireDefault(_Help);
+
 var _Tooltip = require('@material-ui/core/Tooltip');
 
 var _Tooltip2 = _interopRequireDefault(_Tooltip);
@@ -98,12 +102,30 @@ var styles = function styles() {
       padding: 10
     },
     infoIcon: {
-      width: '0.6em',
-      height: '0.6em'
+      width: '15px',
+      height: '16px'
     },
     txtToolTip: {
       lineHeight: 'normal !important',
       fontSize: '14px !important'
+    },
+    rowRoot: {
+      border: '1px solid #eee',
+      height: 36,
+      lineHeight: '36px',
+      overflow: 'hidden',
+      paddingLeft: 24,
+      textAlign: 'left'
+    },
+    rowOdd: {
+      backgroundColor: '#fff',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    },
+    rowEven: {
+      backgroundColor: '#fafafa',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
     }
   };
 };
@@ -118,7 +140,8 @@ var CyclicVoltammetryPanel = function CyclicVoltammetryPanel(_ref) {
       removePairPeakAct = _ref.removePairPeakAct,
       sweepTypeSt = _ref.sweepTypeSt,
       setUiSweepTypeAct = _ref.setUiSweepTypeAct,
-      jcampIdx = _ref.jcampIdx;
+      jcampIdx = _ref.jcampIdx,
+      userManualLink = _ref.userManualLink;
   var spectraList = cyclicVotaSt.spectraList;
 
   var spectra = spectraList[jcampIdx];
@@ -236,7 +259,7 @@ var CyclicVoltammetryPanel = function CyclicVoltammetryPanel(_ref) {
                   { className: (0, _classnames2.default)(classes.txtToolTip) },
                   'Baseline correction value for I ratio ',
                   _react2.default.createElement('br', null),
-                  '(aka y value of pecker)'
+                  '(a.k.a y value of pecker)'
                 )
               },
               _react2.default.createElement(_Info2.default, { className: (0, _classnames2.default)(classes.infoIcon) })
@@ -361,6 +384,30 @@ var CyclicVoltammetryPanel = function CyclicVoltammetryPanel(_ref) {
           );
         })
       )
+    ),
+    _react2.default.createElement(
+      'div',
+      { className: (0, _classnames2.default)(classes.rowRoot, classes.rowEven) },
+      _react2.default.createElement(
+        _Tooltip2.default,
+        {
+          title: _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txtToolTip) },
+            'Click here to open the User manual document'
+          )
+        },
+        _react2.default.createElement(
+          'span',
+          null,
+          _react2.default.createElement(
+            'a',
+            { target: '_blank', rel: 'noopener noreferrer', href: userManualLink },
+            'How-To'
+          ),
+          _react2.default.createElement(_Help2.default, { className: (0, _classnames2.default)(classes.infoIcon) })
+        )
+      )
     )
   );
 };
@@ -398,7 +445,8 @@ CyclicVoltammetryPanel.propTypes = {
   selectPairPeakAct: _propTypes2.default.func.isRequired,
   removePairPeakAct: _propTypes2.default.func.isRequired,
   setUiSweepTypeAct: _propTypes2.default.func.isRequired,
-  sweepTypeSt: _propTypes2.default.string.isRequired
+  sweepTypeSt: _propTypes2.default.string.isRequired,
+  userManualLink: _propTypes2.default.string
 };
 
 CyclicVoltammetryPanel.defaultProps = {

package/dist/components/panel/index.js

@@ -129,7 +129,8 @@ var PanelViewer = function (_React$Component) {
           layoutSt = _props.layoutSt,
           canChangeDescription = _props.canChangeDescription,
           jcampIdx = _props.jcampIdx,
-          entityFileNames = _props.entityFileNames;
+          entityFileNames = _props.entityFileNames,
+          userManualLink = _props.userManualLink;
 
       var onExapndInfo = function onExapndInfo() {
         return _this2.onExapnd('info');
@@ -173,7 +174,7 @@ var PanelViewer = function (_React$Component) {
           _cfg2.default.hidePanelPeak(layoutSt) ? null : _react2.default.createElement(_peaks2.default, { expand: expand === 'peak', onExapnd: onExapndPeak }),
           _cfg2.default.hidePanelMpy(layoutSt) ? null : _react2.default.createElement(_multiplicity2.default, { expand: expand === 'mpy', onExapnd: onExapndMpy }),
           _cfg2.default.hidePanelCompare(layoutSt) ? null : _react2.default.createElement(_compare2.default, { expand: expand === 'compare', onExapnd: onExapndCompare }),
-          _cfg2.default.hidePanelCyclicVolta(layoutSt) ? null : _react2.default.createElement(_cyclic_voltamery_data2.default, { jcampIdx: jcampIdx, feature: feature, expand: expand === 'cyclicvolta', onExapnd: onExapndCyclicVolta })
+          _cfg2.default.hidePanelCyclicVolta(layoutSt) ? null : _react2.default.createElement(_cyclic_voltamery_data2.default, { jcampIdx: jcampIdx, feature: feature, expand: expand === 'cyclicvolta', onExapnd: onExapndCyclicVolta, userManualLink: userManualLink ? userManualLink.cv : undefined })
         )
       );
     }
@@ -204,7 +205,8 @@ PanelViewer.propTypes = {
   layoutSt: _propTypes2.default.string.isRequired,
   canChangeDescription: _propTypes2.default.bool.isRequired,
   onDescriptionChanged: _propTypes2.default.func,
-  entityFileNames: _propTypes2.default.array
+  entityFileNames: _propTypes2.default.array,
+  userManualLink: _propTypes2.default.object
 };
 
 exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(PanelViewer));

package/dist/index.js

@@ -713,7 +713,8 @@ var DemoWriteIr = function (_React$Component) {
           others: others,
           editorOnly: false,
           canChangeDescription: true,
-          onDescriptionChanged: this.onDescriptionChanged
+          onDescriptionChanged: this.onDescriptionChanged,
+          userManualLink: { cv: "https://www.chemotion.net/chemotionsaurus/docs/eln/chemspectra/cvanalysis" }
         }),
         _react2.default.createElement(
           'div',

package/dist/layer_init.js

@@ -182,7 +182,8 @@ var LayerInit = function (_React$Component) {
           canChangeDescription = _props5.canChangeDescription,
           onDescriptionChanged = _props5.onDescriptionChanged,
           multiEntities = _props5.multiEntities,
-          entityFileNames = _props5.entityFileNames;
+          entityFileNames = _props5.entityFileNames,
+          userManualLink = _props5.userManualLink;
 
       var target = entity.spectra[0];
 
@@ -196,6 +197,7 @@ var LayerInit = function (_React$Component) {
         return _react2.default.createElement(_multi_jcamps_viewer2.default, {
           multiEntities: multiEntities,
           entityFileNames: entityFileNames,
+          userManualLink: userManualLink,
           molSvg: molSvg,
           operations: operations
         });
@@ -203,6 +205,7 @@ var LayerInit = function (_React$Component) {
         return _react2.default.createElement(_multi_jcamps_viewer2.default, {
           multiEntities: [entity],
           entityFileNames: entityFileNames,
+          userManualLink: userManualLink,
           molSvg: molSvg,
           operations: operations
         });
@@ -268,7 +271,8 @@ LayerInit.propTypes = {
   addOthersAct: _propTypes2.default.func.isRequired,
   canChangeDescription: _propTypes2.default.bool.isRequired,
   onDescriptionChanged: _propTypes2.default.func,
-  setAllCurvesAct: _propTypes2.default.func.isRequired
+  setAllCurvesAct: _propTypes2.default.func.isRequired,
+  userManualLink: _propTypes2.default.object
 };
 
 exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(LayerInit));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@complat/react-spectra-editor",
-  "version": "0.11.2",
+  "version": "0.11.3",
   "description": "An editor to View and Edit Chemical Spectra data (NMR, IR and MS).",
   "repository": {
     "type": "git",