@complat/react-spectra-editor 0.11.5-beta.0 → 0.11.5

package/dist/components/cmd_bar/03_peak.js

@@ -91,6 +91,9 @@ var Peak = function Peak(_ref) {
           return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_MIN_PEAK, curveIdx);
         };
       }
+      onSweepAnchorShift = function onSweepAnchorShift() {
+        return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_SET_REF, curveIdx);
+      };
     }
   }
 

package/dist/components/cmd_bar/r01_layout.js

@@ -309,6 +309,15 @@ var layoutSelect = function layoutSelect(classes, layoutSt, updateLayoutAct) {
           { className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
           'CV (CYCLIC VOLTAMMETRY)'
         )
+      ),
+      _react2.default.createElement(
+        _MenuItem2.default,
+        { value: _list_layout.LIST_LAYOUT.CDS },
+        _react2.default.createElement(
+          'span',
+          { className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-layout') },
+          'CDS (CIRCULAR DICHROISM SPECTROSCOPY)'
+        )
       )
     )
   );

package/dist/components/d3_line/line_focus.js

@@ -755,7 +755,7 @@ var LineFocus = function () {
   }, {
     key: 'reverseXAxis',
     value: function reverseXAxis(layoutSt) {
-      return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY].indexOf(layoutSt) < 0;
+      return [_list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS, _list_layout.LIST_LAYOUT.TGA, _list_layout.LIST_LAYOUT.XRD, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, _list_layout.LIST_LAYOUT.CDS].indexOf(layoutSt) < 0;
     }
   }, {
     key: 'create',

package/dist/constants/action_type.js

@@ -140,7 +140,8 @@ var CYCLIC_VOLTA_METRY = {
   WORK_WITH_MAX_PEAK: 'WORK_WITH_MAX_PEAK',
   ADD_PECKER: 'ADD_PECKER',
   REMOVE_PECKER: 'REMOVE_PECKER',
-  RESETALL: 'RESETALL_VOLTA_METRY'
+  RESETALL: 'RESETALL_VOLTA_METRY',
+  SET_REF: 'VOLTA_METRY_SET_REF'
 };
 
 var CURVE = {

package/dist/constants/list_layout.js

@@ -18,7 +18,8 @@ var LIST_LAYOUT = {
   TGA: 'THERMOGRAVIMETRIC ANALYSIS',
   XRD: 'X-RAY DIFFRACTION',
   HPLC_UVVIS: 'HPLC UV/VIS',
-  CYCLIC_VOLTAMMETRY: 'CYCLIC VOLTAMMETRY'
+  CYCLIC_VOLTAMMETRY: 'CYCLIC VOLTAMMETRY',
+  CDS: 'CIRCULAR DICHROISM SPECTROSCOPY'
 };
 
 exports.LIST_LAYOUT = LIST_LAYOUT;

package/dist/constants/list_ui.js

@@ -29,10 +29,11 @@ var LIST_UI_SWEEP_TYPE = {
   CYCLIC_VOLTA_ADD_MIN_PEAK: 'cyclic voltammetry add min peak',
   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_RM_PECKER: 'cyclic voltammetry remove pecker',
+  CYCLIC_VOLTA_SET_REF: 'cyclic voltammetry set ref'
 };
 
-var 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];
+var 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];
 
 exports.LIST_UI_VIEWER_TYPE = LIST_UI_VIEWER_TYPE;
 exports.LIST_UI_SWEEP_TYPE = LIST_UI_SWEEP_TYPE;

package/dist/helpers/chem.js

@@ -324,6 +324,9 @@ var readLayout = function readLayout(jcamp) {
     if (dataType.includes('CYCLIC VOLTAMMETRY')) {
       return _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY;
     }
+    if (dataType.includes('CIRCULAR DICHROISM SPECTROSCOPY')) {
+      return _list_layout.LIST_LAYOUT.CDS;
+    }
   }
   return false;
 };
@@ -747,7 +750,7 @@ var ExtractJcamp = function ExtractJcamp(source) {
   var features = {};
   if (_format2.default.isMsLayout(layout)) {
     features = extrFeaturesMs(jcamp, layout, peakUp);
-  } else if (_format2.default.isXRDLayout(layout)) {
+  } else if (_format2.default.isXRDLayout(layout) || _format2.default.isCDSLayout(layout)) {
     features = extrFeaturesXrd(jcamp, layout, peakUp);
   } else if (_format2.default.isCyclicVoltaLayout(layout)) {
     features = extrFeaturesCylicVolta(jcamp, layout, peakUp);

package/dist/helpers/format.js

@@ -25,6 +25,7 @@ var spectraDigit = function spectraDigit(layout) {
     case _list_layout.LIST_LAYOUT.TGA:
     case _list_layout.LIST_LAYOUT.XRD:
     case _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY:
+    case _list_layout.LIST_LAYOUT.CDS:
     case _list_layout.LIST_LAYOUT.MS:
       return 0;
     case _list_layout.LIST_LAYOUT.C13:
@@ -63,7 +64,7 @@ var toPeakStr = function toPeakStr(peaks) {
   return str;
 };
 
-var spectraOps = (_spectraOps = {}, _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.PLAIN, { head: '', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.H1, { head: '1H', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.C13, { head: '13C', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.F19, { head: '19F', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.P31, { head: '31P', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.N15, { head: '15N', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.Si29, { head: '29Si', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.IR, { head: 'IR', tail: ' cm-1' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.RAMAN, { head: 'RAMAN', tail: ' cm-1' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.UVVIS, { head: 'UV-VIS (absorption, solvent), λmax', tail: ' nm' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.HPLC_UVVIS, { head: 'HPLC UV/VIS (transmittance)', tail: '' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.TGA, { head: 'THERMOGRAVIMETRIC ANALYSIS', tail: ' SECONDS' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.MS, { head: 'MASS', tail: ' m/z' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.XRD, { head: 'X-RAY DIFFRACTION', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, { head: 'CYCLIC VOLTAMMETRY', tail: '.' }), _spectraOps);
+var spectraOps = (_spectraOps = {}, _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.PLAIN, { head: '', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.H1, { head: '1H', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.C13, { head: '13C', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.F19, { head: '19F', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.P31, { head: '31P', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.N15, { head: '15N', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.Si29, { head: '29Si', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.IR, { head: 'IR', tail: ' cm-1' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.RAMAN, { head: 'RAMAN', tail: ' cm-1' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.UVVIS, { head: 'UV-VIS (absorption, solvent), λmax', tail: ' nm' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.HPLC_UVVIS, { head: 'HPLC UV/VIS (transmittance)', tail: '' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.TGA, { head: 'THERMOGRAVIMETRIC ANALYSIS', tail: ' SECONDS' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.MS, { head: 'MASS', tail: ' m/z' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.XRD, { head: 'X-RAY DIFFRACTION', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY, { head: 'CYCLIC VOLTAMMETRY', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.CDS, { head: 'CIRCULAR DICHROISM SPECTROSCOPY', tail: '.' }), _spectraOps);
 
 var rmRef = function rmRef(peaks, shift) {
   var refValue = shift.ref.value || shift.peak.x;
@@ -295,6 +296,9 @@ var peaksBody = function peaksBody(_ref) {
   if (layout === _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY) {
     return formatedEm(ordered, maxY, decimal, isAscend, isIntensity, boundary, false);
   }
+  if (layout === _list_layout.LIST_LAYOUT.CDS) {
+    return formatedEm(ordered, maxY, decimal, isAscend, isIntensity, boundary, false);
+  }
   return ordered.map(function (o) {
     return fixDigit(o.x, decimal);
   }).join(', ');
@@ -359,6 +363,9 @@ var isXRDLayout = function isXRDLayout(layoutSt) {
 var isCyclicVoltaLayout = function isCyclicVoltaLayout(layoutSt) {
   return _list_layout.LIST_LAYOUT.CYCLIC_VOLTAMMETRY === layoutSt;
 };
+var isCDSLayout = function isCDSLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.CDS === layoutSt;
+};
 var isEmWaveLayout = function isEmWaveLayout(layoutSt) {
   return [_list_layout.LIST_LAYOUT.IR, _list_layout.LIST_LAYOUT.RAMAN, _list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS].indexOf(layoutSt) >= 0;
 };
@@ -449,6 +456,7 @@ var Format = {
   isTGALayout: isTGALayout,
   isXRDLayout: isXRDLayout,
   isCyclicVoltaLayout: isCyclicVoltaLayout,
+  isCDSLayout: isCDSLayout,
   isEmWaveLayout: isEmWaveLayout,
   fixDigit: fixDigit,
   formatPeaksByPrediction: formatPeaksByPrediction,

package/dist/index.js

@@ -126,6 +126,10 @@ var _cyclic_voltammetry_5 = require('./__tests__/fixtures/cyclic_voltammetry_3')
 
 var _cyclic_voltammetry_6 = _interopRequireDefault(_cyclic_voltammetry_5);
 
+var _cds_jcamp = require('./__tests__/fixtures/cds_jcamp');
+
+var _cds_jcamp2 = _interopRequireDefault(_cds_jcamp);
+
 var _qDescValue = require('./__tests__/fixtures/qDescValue');
 
 require('./__tests__/style/svg.css');
@@ -161,6 +165,7 @@ var xrdEntity2 = _app.FN.ExtractJcamp(_xrd_jcamp_4.default);
 var cyclicVoltaEntity1 = _app.FN.ExtractJcamp(_cyclic_voltammetry_2.default);
 var cyclicVoltaEntity2 = _app.FN.ExtractJcamp(_cyclic_voltammetry_4.default);
 var cyclicVoltaEntity3 = _app.FN.ExtractJcamp(_cyclic_voltammetry_6.default);
+var cdsEntity = _app.FN.ExtractJcamp(_cds_jcamp2.default);
 
 var DemoWriteIr = function (_React$Component) {
   _inherits(DemoWriteIr, _React$Component);
@@ -456,6 +461,8 @@ var DemoWriteIr = function (_React$Component) {
           return xrdEntity1;
         case 'cyclic volta':
           return cyclicVoltaEntity2;
+        case 'cds':
+          return cdsEntity;
         case 'ms':
         default:
           return msEntity;
@@ -498,6 +505,7 @@ var DemoWriteIr = function (_React$Component) {
         case 'xrd':
         case 'ms':
         case 'cyclic volta':
+        case 'cds':
         default:
           return false;
       }
@@ -697,6 +705,15 @@ var DemoWriteIr = function (_React$Component) {
             },
             'CV'
           ),
+          _react2.default.createElement(
+            _Button2.default,
+            {
+              variant: 'contained',
+              style: { margin: '0 10px 0 10px' },
+              onClick: this.onClick('cds')
+            },
+            'CDS'
+          ),
           _react2.default.createElement(
             _Button2.default,
             {

package/dist/reducers/reducer_voltammetry.js

@@ -213,6 +213,32 @@ var removePecker = function removePecker(state, action) {
   }
 };
 
+var setRef = function setRef(state, action) {
+  var payload = action.payload;
+  var spectraList = state.spectraList;
+
+  if (payload) {
+    var index = payload.index,
+        jcampIdx = payload.jcampIdx;
+
+    var spectra = spectraList[jcampIdx];
+    var list = spectra.list;
+
+    var newList = list;
+    var pairPeak = newList[index];
+    // pairPeak.pecker = null;
+    // newList[index] = pairPeak;
+
+    // spectraList[jcampIdx] = Object.assign({}, spectra, { list: newList, selectedIdx: index, jcampIdx: jcampIdx });
+    // return Object.assign({}, state, { spectraList: spectraList });
+
+    //TODO: implement ref
+    console.log(pairPeak);
+  } else {
+    return state;
+  }
+};
+
 var cyclicVoltaReducer = function cyclicVoltaReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
   var action = arguments[1];
@@ -238,6 +264,8 @@ var cyclicVoltaReducer = function cyclicVoltaReducer() {
       return addPecker(state, action);
     case _action_type.CYCLIC_VOLTA_METRY.REMOVE_PECKER:
       return removePecker(state, action);
+    case _action_type.CYCLIC_VOLTA_METRY.SET_REF:
+      return setRef(state, action);
     case _action_type.CYCLIC_VOLTA_METRY.RESETALL:
       return Object.assign({}, state, { spectraList: [] });
     default:

package/dist/sagas/saga_ui.js

@@ -229,7 +229,7 @@ function clickUiTarget(action) {
           });
 
         case 7:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 9:
@@ -245,7 +245,7 @@ function clickUiTarget(action) {
           });
 
         case 12:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 14:
@@ -261,7 +261,7 @@ function clickUiTarget(action) {
           });
 
         case 17:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 19:
@@ -277,7 +277,7 @@ function clickUiTarget(action) {
           });
 
         case 22:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 24:
@@ -293,7 +293,7 @@ function clickUiTarget(action) {
           });
 
         case 27:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 29:
@@ -309,7 +309,7 @@ function clickUiTarget(action) {
           });
 
         case 32:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 34:
@@ -348,7 +348,7 @@ function clickUiTarget(action) {
           });
 
         case 44:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 46:
@@ -364,7 +364,7 @@ function clickUiTarget(action) {
           });
 
         case 49:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 51:
@@ -380,7 +380,7 @@ function clickUiTarget(action) {
           });
 
         case 54:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 56:
@@ -396,7 +396,7 @@ function clickUiTarget(action) {
           });
 
         case 59:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 61:
@@ -412,7 +412,7 @@ function clickUiTarget(action) {
           });
 
         case 64:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 66:
@@ -428,7 +428,7 @@ function clickUiTarget(action) {
           });
 
         case 69:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 71:
@@ -444,7 +444,7 @@ function clickUiTarget(action) {
           });
 
         case 74:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 76:
@@ -460,12 +460,12 @@ function clickUiTarget(action) {
           });
 
         case 79:
-          _context3.next = 84;
+          _context3.next = 89;
           break;
 
         case 81:
           if (!(uiSweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_PECKER && onPecker)) {
-            _context3.next = 84;
+            _context3.next = 86;
             break;
           }
 
@@ -476,6 +476,22 @@ function clickUiTarget(action) {
           });
 
         case 84:
+          _context3.next = 89;
+          break;
+
+        case 86:
+          if (!(uiSweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_SET_REF && onPeak)) {
+            _context3.next = 89;
+            break;
+          }
+
+          _context3.next = 89;
+          return (0, _effects.put)({
+            type: _action_type.CYCLIC_VOLTA_METRY.SET_REF,
+            payload: { index: voltammetryPeakIdx, jcampIdx: jcampIdx }
+          });
+
+        case 89:
         case 'end':
           return _context3.stop();
       }

package/package.json

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

package/dist/components/cmd_bar/04_integration_bk.js

@@ -1,280 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactRedux = require('react-redux');
-
-var _redux = require('redux');
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _styles = require('@material-ui/core/styles');
-
-var _Tooltip = require('@material-ui/core/Tooltip');
-
-var _Tooltip2 = _interopRequireDefault(_Tooltip);
-
-var _TextField = require('@material-ui/core/TextField');
-
-var _TextField2 = _interopRequireDefault(_TextField);
-
-var _react3 = require('@mdi/react');
-
-var _react4 = _interopRequireDefault(_react3);
-
-var _js = require('@mdi/js');
-
-var _integration = require('../../actions/integration');
-
-var _ui = require('../../actions/ui');
-
-var _list_ui = require('../../constants/list_ui');
-
-var _cfg = require('../../helpers/cfg');
-
-var _cfg2 = _interopRequireDefault(_cfg);
-
-var _tri_btn = require('./tri_btn');
-
-var _tri_btn2 = _interopRequireDefault(_tri_btn);
-
-var _common = require('./common');
-
-var _format = require('../../helpers/format');
-
-var _format2 = _interopRequireDefault(_format);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = function styles() {
-  return Object.assign({
-    field: {
-      width: 80
-    },
-    txtIcon: {}
-  }, _common.commonStyle);
-};
-
-var iconSize = '16px';
-
-var setFactor = function setFactor(classes, isDisable, refFactor, setIntegrationFkrAct) {
-  var onBlur = function onBlur(e) {
-    return setIntegrationFkrAct(e.target.value);
-  };
-  var onChange = function onChange(e) {
-    return setIntegrationFkrAct(e.target.value);
-  };
-  var onEnterPress = function onEnterPress(e) {
-    if (e.key === 'Enter') {
-      setIntegrationFkrAct(e.target.value);
-    }
-  };
-
-  return _react2.default.createElement(_TextField2.default, {
-    className: classes.field,
-    disabled: isDisable,
-    id: 'intg-factor-name',
-    type: 'number',
-    value: refFactor || 1.00,
-    margin: 'none',
-    InputProps: {
-      className: (0, _classnames2.default)(classes.txtInput, 'txtfield-sv-bar-input')
-    },
-    label: _react2.default.createElement(
-      'span',
-      { className: (0, _classnames2.default)(classes.txtLabel, 'txtfield-sv-bar-label') },
-      'Ref Area'
-    ),
-    onChange: onChange,
-    onBlur: onBlur,
-    onKeyPress: onEnterPress,
-    variant: 'outlined'
-  });
-};
-
-var iconColor = function iconColor(criteria) {
-  return criteria ? '#fff' : '#000';
-};
-
-var Integration = function Integration(_ref) {
-  var classes = _ref.classes,
-      refFactorSt = _ref.refFactorSt,
-      ignoreRef = _ref.ignoreRef,
-      isDisableSt = _ref.isDisableSt,
-      isFocusAddIntgSt = _ref.isFocusAddIntgSt,
-      isFocusRmIntgSt = _ref.isFocusRmIntgSt,
-      isFocusSetRefSt = _ref.isFocusSetRefSt,
-      setUiSweepTypeAct = _ref.setUiSweepTypeAct,
-      setIntegrationFkrAct = _ref.setIntegrationFkrAct,
-      clearIntegrationAllAct = _ref.clearIntegrationAllAct;
-
-  var onSweepIntegtAdd = function onSweepIntegtAdd() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD);
-  };
-  var onSweepIntegtRm = function onSweepIntegtRm() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM);
-  };
-  var onSweepIntegtSR = function onSweepIntegtSR() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF);
-  };
-
-  return _react2.default.createElement(
-    'span',
-    { className: classes.group },
-    _react2.default.createElement(
-      _Tooltip2.default,
-      { title: _react2.default.createElement(
-          'span',
-          { className: 'txt-sv-tp' },
-          'Add Integration'
-        ) },
-      _react2.default.createElement(
-        'span',
-        null,
-        _react2.default.createElement(
-          _common.MuButton,
-          {
-            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusAddIntgSt, classes)),
-            disabled: isDisableSt,
-            onClick: onSweepIntegtAdd
-          },
-          _react2.default.createElement(_react4.default, {
-            path: _js.mdiMathIntegral,
-            size: iconSize,
-            color: iconColor(isFocusAddIntgSt || isDisableSt),
-            className: (0, _classnames2.default)(classes.iconMdi, 'icon-sv-bar-addint')
-          }),
-          _react2.default.createElement(
-            'span',
-            { className: (0, _classnames2.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-addint') },
-            '+'
-          )
-        )
-      )
-    ),
-    _react2.default.createElement(
-      _Tooltip2.default,
-      { title: _react2.default.createElement(
-          'span',
-          { className: 'txt-sv-tp' },
-          'Remove Integration'
-        ) },
-      _react2.default.createElement(
-        'span',
-        null,
-        _react2.default.createElement(
-          _common.MuButton,
-          {
-            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusRmIntgSt, classes)),
-            disabled: isDisableSt,
-            onClick: onSweepIntegtRm
-          },
-          _react2.default.createElement(_react4.default, {
-            path: _js.mdiMathIntegral,
-            size: iconSize,
-            color: iconColor(isFocusRmIntgSt || isDisableSt),
-            className: (0, _classnames2.default)(classes.iconMdi, 'icon-sv-bar-rmint')
-          }),
-          _react2.default.createElement(
-            'span',
-            { className: (0, _classnames2.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmint') },
-            '-'
-          )
-        )
-      )
-    ),
-    _react2.default.createElement(
-      _Tooltip2.default,
-      { title: _react2.default.createElement(
-          'span',
-          { className: 'txt-sv-tp' },
-          'Set Integration Reference'
-        ) },
-      _react2.default.createElement(
-        'span',
-        null,
-        _react2.default.createElement(
-          _common.MuButton,
-          {
-            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusSetRefSt, classes)),
-            disabled: isDisableSt,
-            onClick: onSweepIntegtSR
-          },
-          _react2.default.createElement(_react4.default, {
-            path: _js.mdiReflectVertical,
-            size: iconSize,
-            color: iconColor(isFocusSetRefSt || isDisableSt),
-            className: (0, _classnames2.default)(classes.iconMdi, 'icon-sv-bar-refint')
-          })
-        )
-      )
-    ),
-    !ignoreRef ? setFactor(classes, isDisableSt, refFactorSt, setIntegrationFkrAct) : null,
-    _react2.default.createElement(
-      _tri_btn2.default,
-      {
-        content: { tp: 'Clear All Integration' },
-        cb: clearIntegrationAllAct
-      },
-      _react2.default.createElement(_react4.default, {
-        path: _js.mdiMathIntegral,
-        size: iconSize,
-        color: iconColor(isDisableSt),
-        className: (0, _classnames2.default)(classes.iconMdi, 'icon-sv-bar-rmallint')
-      }),
-      _react2.default.createElement(
-        'span',
-        { className: (0, _classnames2.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmallint') },
-        'x'
-      )
-    )
-  );
-};
-
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (// eslint-disable-line
-    {
-      isDisableSt: _cfg2.default.btnCmdIntg(state.layout),
-      isFocusAddIntgSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD,
-      isFocusRmIntgSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM,
-      isFocusSetRefSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF,
-      refFactorSt: state.integration.present.refFactor,
-      ignoreRef: _format2.default.isHplcUvVisLayout(state.layout)
-    }
-  );
-};
-
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    setUiSweepTypeAct: _ui.setUiSweepType,
-    setIntegrationFkrAct: _integration.setIntegrationFkr,
-    clearIntegrationAllAct: _integration.clearIntegrationAll
-  }, dispatch);
-};
-
-Integration.propTypes = {
-  classes: _propTypes2.default.object.isRequired,
-  isDisableSt: _propTypes2.default.bool.isRequired,
-  isFocusAddIntgSt: _propTypes2.default.bool.isRequired,
-  isFocusRmIntgSt: _propTypes2.default.bool.isRequired,
-  isFocusSetRefSt: _propTypes2.default.bool.isRequired,
-  refFactorSt: _propTypes2.default.number.isRequired,
-  ignoreRef: _propTypes2.default.bool.isRequired,
-  setUiSweepTypeAct: _propTypes2.default.func.isRequired,
-  setIntegrationFkrAct: _propTypes2.default.func.isRequired,
-  clearIntegrationAllAct: _propTypes2.default.func.isRequired
-};
-
-exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Integration));