@complat/react-spectra-editor 0.10.13-alpha.5

package/dist/components/cmd_bar/r03_threshold.js

@@ -0,0 +1,209 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _reactRedux = require('react-redux');
+
+var _redux = require('redux');
+
+var _TextField = require('@material-ui/core/TextField');
+
+var _TextField2 = _interopRequireDefault(_TextField);
+
+var _InputAdornment = require('@material-ui/core/InputAdornment');
+
+var _InputAdornment2 = _interopRequireDefault(_InputAdornment);
+
+var _styles = require('@material-ui/core/styles');
+
+var _Tooltip = require('@material-ui/core/Tooltip');
+
+var _Tooltip2 = _interopRequireDefault(_Tooltip);
+
+var _CloudDoneOutlined = require('@material-ui/icons/CloudDoneOutlined');
+
+var _CloudDoneOutlined2 = _interopRequireDefault(_CloudDoneOutlined);
+
+var _HowToRegOutlined = require('@material-ui/icons/HowToRegOutlined');
+
+var _HowToRegOutlined2 = _interopRequireDefault(_HowToRegOutlined);
+
+var _RefreshOutlined = require('@material-ui/icons/RefreshOutlined');
+
+var _RefreshOutlined2 = _interopRequireDefault(_RefreshOutlined);
+
+var _cfg = require('../../helpers/cfg');
+
+var _cfg2 = _interopRequireDefault(_cfg);
+
+var _threshold = require('../../actions/threshold');
+
+var _common = require('./common');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({
+    field: {
+      width: 110
+    },
+    txtIcon: {}
+  }, _common.commonStyle);
+};
+
+var txtPercent = function txtPercent() {
+  return _react2.default.createElement(
+    _InputAdornment2.default,
+    { position: 'end' },
+    _react2.default.createElement(
+      'span',
+      { className: 'txt-percent' },
+      '%'
+    )
+  );
+};
+
+var setThreshold = function setThreshold(classes, thresVal, updateThresholdValueAct) {
+  var onBlur = function onBlur(e) {
+    return updateThresholdValueAct(e.target.value);
+  };
+  var onChange = function onChange(e) {
+    return updateThresholdValueAct(e.target.value);
+  };
+  var onEnterPress = function onEnterPress(e) {
+    if (e.key === 'Enter') {
+      updateThresholdValueAct(e.target.value);
+    }
+  };
+
+  return _react2.default.createElement(_TextField2.default, {
+    className: classes.field,
+    id: 'outlined-name',
+    placeholder: 'N.A.',
+    type: 'number',
+    value: thresVal || 0.01,
+    margin: 'none',
+    InputProps: {
+      endAdornment: txtPercent(),
+      className: (0, _classnames2.default)(classes.txtInput, 'txtfield-sv-bar-input'),
+      inputProps: { min: 0.01 }
+    },
+    label: _react2.default.createElement(
+      'span',
+      { className: (0, _classnames2.default)(classes.txtLabel, 'txtfield-sv-bar-label') },
+      'Threshold'
+    ),
+    onChange: onChange,
+    onBlur: onBlur,
+    onKeyPress: onEnterPress,
+    variant: 'outlined'
+  });
+};
+
+var restoreIcon = function restoreIcon(classes, hasEdit, isEdit) {
+  return hasEdit && isEdit ? _react2.default.createElement(_HowToRegOutlined2.default, { className: classes.icon }) : _react2.default.createElement(_CloudDoneOutlined2.default, { className: classes.icon });
+};
+
+var restoreTp = function restoreTp(hasEdit, isEdit) {
+  return hasEdit && isEdit ? 'User Defined Threshold' : 'Auto Picked Threshold';
+};
+
+var Threshold = function Threshold(_ref) {
+  var classes = _ref.classes,
+      feature = _ref.feature,
+      hasEdit = _ref.hasEdit,
+      hideThresSt = _ref.hideThresSt,
+      thresValSt = _ref.thresValSt,
+      isEditSt = _ref.isEditSt,
+      updateThresholdValueAct = _ref.updateThresholdValueAct,
+      resetThresholdValueAct = _ref.resetThresholdValueAct,
+      toggleThresholdIsEditAct = _ref.toggleThresholdIsEditAct;
+
+  var thresVal = thresValSt || feature.thresRef;
+
+  return _react2.default.createElement(
+    'span',
+    { className: classes.groupRight },
+    setThreshold(classes, thresVal, updateThresholdValueAct),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Restore Threshold'
+        ) },
+      _react2.default.createElement(
+        _common.MuButton,
+        {
+          className: (0, _classnames2.default)('btn-sv-bar-thresref'),
+          disabled: _cfg2.default.btnCmdThres(thresVal),
+          onClick: resetThresholdValueAct
+        },
+        _react2.default.createElement(_RefreshOutlined2.default, { className: classes.icon })
+      )
+    ),
+    hideThresSt ? null : _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          restoreTp(hasEdit, isEditSt)
+        ) },
+      _react2.default.createElement(
+        _common.MuButton,
+        {
+          className: (0, _classnames2.default)('btn-sv-bar-thresrst'),
+          disabled: _cfg2.default.btnCmdThres(thresVal),
+          onClick: toggleThresholdIsEditAct
+        },
+        restoreIcon(classes, hasEdit, isEditSt)
+      )
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return (// eslint-disable-line
+    {
+      hideThresSt: _cfg2.default.hideCmdThres(state.layout),
+      isEditSt: state.threshold.isEdit,
+      thresValSt: parseFloat(state.threshold.value) || 0
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    updateThresholdValueAct: _threshold.updateThresholdValue,
+    resetThresholdValueAct: _threshold.resetThresholdValue,
+    toggleThresholdIsEditAct: _threshold.toggleThresholdIsEdit
+  }, dispatch);
+};
+
+Threshold.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  feature: _propTypes2.default.object.isRequired,
+  hasEdit: _propTypes2.default.bool.isRequired,
+  hideThresSt: _propTypes2.default.bool.isRequired,
+  isEditSt: _propTypes2.default.bool.isRequired,
+  thresValSt: _propTypes2.default.number.isRequired,
+  updateThresholdValueAct: _propTypes2.default.func.isRequired,
+  resetThresholdValueAct: _propTypes2.default.func.isRequired,
+  toggleThresholdIsEditAct: _propTypes2.default.func.isRequired
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Threshold));

package/dist/components/cmd_bar/r04_submit.js

@@ -0,0 +1,349 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _reactRedux = require('react-redux');
+
+var _redux = require('redux');
+
+var _Select = require('@material-ui/core/Select');
+
+var _Select2 = _interopRequireDefault(_Select);
+
+var _MenuItem = require('@material-ui/core/MenuItem');
+
+var _MenuItem2 = _interopRequireDefault(_MenuItem);
+
+var _FormControl = require('@material-ui/core/FormControl');
+
+var _FormControl2 = _interopRequireDefault(_FormControl);
+
+var _OutlinedInput = require('@material-ui/core/OutlinedInput');
+
+var _OutlinedInput2 = _interopRequireDefault(_OutlinedInput);
+
+var _InputLabel = require('@material-ui/core/InputLabel');
+
+var _InputLabel2 = _interopRequireDefault(_InputLabel);
+
+var _styles = require('@material-ui/core/styles');
+
+var _submit = require('../../actions/submit');
+
+var _r05_submit_btn = require('./r05_submit_btn');
+
+var _r05_submit_btn2 = _interopRequireDefault(_r05_submit_btn);
+
+var _r06_predict_btn = require('./r06_predict_btn');
+
+var _r06_predict_btn2 = _interopRequireDefault(_r06_predict_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({
+    fieldOrder: {
+      width: 90
+    },
+    fieldIntensity: {
+      width: 90
+    },
+    fieldDecimal: {
+      width: 80
+    },
+    fieldOpertaion: {
+      width: 120
+    }
+  }, _common.commonStyle);
+};
+
+var ascendSelect = function ascendSelect(classes, hideSwitch, isAscendSt, toggleIsAscendAct) {
+  if (hideSwitch) return null;
+
+  return _react2.default.createElement(
+    _FormControl2.default,
+    {
+      className: (0, _classnames2.default)(classes.fieldOrder),
+      variant: 'outlined'
+    },
+    _react2.default.createElement(
+      _InputLabel2.default,
+      { className: (0, _classnames2.default)(classes.selectLabel, 'select-sv-bar-label') },
+      'Write Peaks'
+    ),
+    _react2.default.createElement(
+      _Select2.default,
+      {
+        value: isAscendSt,
+        onChange: toggleIsAscendAct,
+        input: _react2.default.createElement(_OutlinedInput2.default, {
+          className: (0, _classnames2.default)(classes.selectInput, 'input-sv-bar-order'),
+          labelWidth: 90
+        })
+      },
+      _react2.default.createElement(
+        _MenuItem2.default,
+        { value: true, key: 'ascend' },
+        _react2.default.createElement(
+          'span',
+          { className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-ascend') },
+          'Ascend'
+        )
+      ),
+      _react2.default.createElement(
+        _MenuItem2.default,
+        { value: false, key: 'descend' },
+        _react2.default.createElement(
+          'span',
+          { className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-descend') },
+          'Descend'
+        )
+      )
+    )
+  );
+};
+
+var intensitySelect = function intensitySelect(classes, hideSwitch, isIntensitySt, toggleIsIntensityAct) {
+  if (hideSwitch) return null;
+
+  return _react2.default.createElement(
+    _FormControl2.default,
+    {
+      className: (0, _classnames2.default)(classes.fieldIntensity),
+      variant: 'outlined'
+    },
+    _react2.default.createElement(
+      _InputLabel2.default,
+      { className: (0, _classnames2.default)(classes.selectLabel, 'select-sv-bar-label') },
+      'Write Intensity'
+    ),
+    _react2.default.createElement(
+      _Select2.default,
+      {
+        value: isIntensitySt,
+        onChange: toggleIsIntensityAct,
+        input: _react2.default.createElement(_OutlinedInput2.default, {
+          className: (0, _classnames2.default)(classes.selectInput, 'input-sv-bar-intensity'),
+          labelWidth: 100
+        })
+      },
+      _react2.default.createElement(
+        _MenuItem2.default,
+        { value: true, key: 'ascend' },
+        _react2.default.createElement(
+          'span',
+          { className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-show') },
+          'Show'
+        )
+      ),
+      _react2.default.createElement(
+        _MenuItem2.default,
+        { value: false, key: 'descend' },
+        _react2.default.createElement(
+          'span',
+          { className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-hide') },
+          'Hide'
+        )
+      )
+    )
+  );
+};
+
+var decimalSelect = function decimalSelect(classes, hideSwitch, decimalSt, updateDecimalAct) {
+  if (hideSwitch) return null;
+  var decimals = [0, 1, 2, 3, 4];
+  var options = decimals.map(function (d) {
+    return _react2.default.createElement(
+      _MenuItem2.default,
+      { value: d, key: d },
+      _react2.default.createElement(
+        'span',
+        { className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-decimal') },
+        d
+      )
+    );
+  });
+
+  return _react2.default.createElement(
+    _FormControl2.default,
+    {
+      className: (0, _classnames2.default)(classes.fieldDecimal),
+      variant: 'outlined'
+    },
+    _react2.default.createElement(
+      _InputLabel2.default,
+      { className: (0, _classnames2.default)(classes.selectLabel, 'select-sv-bar-label') },
+      'Decimal'
+    ),
+    _react2.default.createElement(
+      _Select2.default,
+      {
+        value: decimalSt,
+        onChange: updateDecimalAct,
+        input: _react2.default.createElement(_OutlinedInput2.default, {
+          className: (0, _classnames2.default)(classes.selectInput, 'input-sv-bar-decimal'),
+          labelWidth: 60
+        })
+      },
+      options
+    )
+  );
+};
+
+var operationSelect = function operationSelect(classes, operations, operation, onChangeSelect) {
+  var options = operations.map(function (o) {
+    return _react2.default.createElement(
+      _MenuItem2.default,
+      { value: o.name, key: o.name },
+      _react2.default.createElement(
+        'span',
+        { className: (0, _classnames2.default)(classes.txtOpt, 'option-sv-bar-operation') },
+        o.name
+      )
+    );
+  });
+
+  var selectedValue = operation.name || operations[0].name;
+
+  return _react2.default.createElement(
+    _FormControl2.default,
+    {
+      className: (0, _classnames2.default)(classes.fieldOpertaion),
+      variant: 'outlined'
+    },
+    _react2.default.createElement(
+      _InputLabel2.default,
+      { className: (0, _classnames2.default)(classes.selectLabel, 'select-sv-bar-label') },
+      'Submit'
+    ),
+    _react2.default.createElement(
+      _Select2.default,
+      {
+        value: selectedValue,
+        onChange: onChangeSelect,
+        input: _react2.default.createElement(_OutlinedInput2.default, {
+          className: (0, _classnames2.default)(classes.selectInput, 'input-sv-bar-operation'),
+          labelWidth: 50
+        })
+      },
+      options
+    )
+  );
+};
+
+var selectOperation = function selectOperation(name, operations, updateOperationAct) {
+  var operation = false;
+  operations.forEach(function (o) {
+    if (o.name === name) {
+      operation = o;
+    }
+  });
+  updateOperationAct(operation);
+};
+
+var Submit = function Submit(_ref) {
+  var operations = _ref.operations,
+      classes = _ref.classes,
+      feature = _ref.feature,
+      forecast = _ref.forecast,
+      editorOnly = _ref.editorOnly,
+      hideSwitch = _ref.hideSwitch,
+      disabled = _ref.disabled,
+      isAscendSt = _ref.isAscendSt,
+      isIntensitySt = _ref.isIntensitySt,
+      operationSt = _ref.operationSt,
+      decimalSt = _ref.decimalSt,
+      isEmWaveSt = _ref.isEmWaveSt,
+      toggleIsAscendAct = _ref.toggleIsAscendAct,
+      toggleIsIntensityAct = _ref.toggleIsIntensityAct,
+      updateOperationAct = _ref.updateOperationAct,
+      updateDecimalAct = _ref.updateDecimalAct;
+
+  var onChangeSelect = function onChangeSelect(e) {
+    return selectOperation(e.target.value, operations, updateOperationAct);
+  };
+
+  if (!operations || operations.length === 0) return null;
+
+  return _react2.default.createElement(
+    'span',
+    { className: classes.groupRightMost },
+    ascendSelect(classes, hideSwitch, isAscendSt, toggleIsAscendAct),
+    intensitySelect(classes, hideSwitch || !isEmWaveSt, isIntensitySt, toggleIsIntensityAct),
+    decimalSelect(classes, hideSwitch, decimalSt, updateDecimalAct),
+    editorOnly ? null : _react2.default.createElement(_r06_predict_btn2.default, {
+      feature: feature,
+      forecast: forecast
+    }),
+    operationSelect(classes, operations, operationSt, onChangeSelect),
+    _react2.default.createElement(_r05_submit_btn2.default, {
+      feature: feature,
+      isAscend: isAscendSt,
+      isIntensity: isIntensitySt,
+      operation: operationSt,
+      disabled: disabled
+    })
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return (// eslint-disable-line
+    {
+      isEmWaveSt: _format2.default.isEmWaveLayout(state.layout),
+      isAscendSt: state.submit.isAscend,
+      isIntensitySt: state.submit.isIntensity,
+      decimalSt: state.submit.decimal,
+      operationSt: state.submit.operation
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    toggleIsAscendAct: _submit.toggleIsAscend,
+    toggleIsIntensityAct: _submit.toggleIsIntensity,
+    updateOperationAct: _submit.updateOperation,
+    updateDecimalAct: _submit.updateDecimal
+  }, dispatch);
+};
+
+Submit.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  feature: _propTypes2.default.object.isRequired,
+  forecast: _propTypes2.default.object.isRequired,
+  editorOnly: _propTypes2.default.bool.isRequired,
+  operations: _propTypes2.default.array.isRequired,
+  operationSt: _propTypes2.default.object.isRequired,
+  hideSwitch: _propTypes2.default.bool.isRequired,
+  disabled: _propTypes2.default.bool.isRequired,
+  isAscendSt: _propTypes2.default.bool.isRequired,
+  isIntensitySt: _propTypes2.default.bool.isRequired,
+  isEmWaveSt: _propTypes2.default.bool.isRequired,
+  decimalSt: _propTypes2.default.number.isRequired,
+  toggleIsAscendAct: _propTypes2.default.func.isRequired,
+  toggleIsIntensityAct: _propTypes2.default.func.isRequired,
+  updateOperationAct: _propTypes2.default.func.isRequired,
+  updateDecimalAct: _propTypes2.default.func.isRequired
+};
+
+exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Submit);

package/dist/components/cmd_bar/r05_submit_btn.js

@@ -0,0 +1,147 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactRedux = require('react-redux');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _redux = require('redux');
+
+var _Tooltip = require('@material-ui/core/Tooltip');
+
+var _Tooltip2 = _interopRequireDefault(_Tooltip);
+
+var _PlayCircleOutline = require('@material-ui/icons/PlayCircleOutline');
+
+var _PlayCircleOutline2 = _interopRequireDefault(_PlayCircleOutline);
+
+var _styles = require('@material-ui/core/styles');
+
+var _chem = require('../../helpers/chem');
+
+var _common = require('./common');
+
+var _extractPeaksEdit = require('../../helpers/extractPeaksEdit');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({}, _common.commonStyle);
+};
+
+var onClickCb = function onClickCb(operation, peaksEdit, isAscend, isIntensity, scan, thres, layoutSt, shiftSt, analysis, decimalSt, integrationSt, multiplicitySt, aucValues) {
+  return function () {
+    operation({
+      peaks: peaksEdit,
+      layout: layoutSt,
+      shift: shiftSt,
+      scan: scan,
+      thres: thres,
+      isAscend: isAscend,
+      isIntensity: isIntensity,
+      analysis: analysis,
+      decimal: decimalSt,
+      integration: integrationSt,
+      multiplicity: multiplicitySt,
+      aucValues: aucValues
+    });
+  };
+};
+
+var BtnSubmit = function BtnSubmit(_ref) {
+  var classes = _ref.classes,
+      operation = _ref.operation,
+      feature = _ref.feature,
+      isAscend = _ref.isAscend,
+      isIntensity = _ref.isIntensity,
+      editPeakSt = _ref.editPeakSt,
+      thresSt = _ref.thresSt,
+      layoutSt = _ref.layoutSt,
+      shiftSt = _ref.shiftSt,
+      scanSt = _ref.scanSt,
+      forecastSt = _ref.forecastSt,
+      decimalSt = _ref.decimalSt,
+      integrationSt = _ref.integrationSt,
+      multiplicitySt = _ref.multiplicitySt,
+      allIntegrationSt = _ref.allIntegrationSt;
+
+  var peaksEdit = (0, _extractPeaksEdit.extractPeaksEdit)(feature, editPeakSt, thresSt, shiftSt, layoutSt);
+  // const disBtn = peaksEdit.length === 0 || statusSt.btnSubmit || disabled;
+  var scan = (0, _chem.Convert2Scan)(feature, scanSt);
+  var thres = (0, _chem.Convert2Thres)(feature, thresSt);
+  var aucValues = (0, _extractPeaksEdit.extractAreaUnderCurve)(allIntegrationSt, integrationSt, layoutSt);
+
+  if (!operation) return null;
+
+  return _react2.default.createElement(
+    _Tooltip2.default,
+    { title: _react2.default.createElement(
+        'span',
+        { className: 'txt-sv-tp' },
+        'Submit'
+      ) },
+    _react2.default.createElement(
+      _common.MuButton,
+      {
+        className: (0, _classnames2.default)('btn-sv-bar-submit'),
+        color: 'primary',
+        onClick: onClickCb(operation.value, peaksEdit, isAscend, isIntensity, scan, thres, layoutSt, shiftSt, forecastSt.predictions, decimalSt, integrationSt, multiplicitySt, allIntegrationSt, aucValues)
+      },
+      _react2.default.createElement(_PlayCircleOutline2.default, { className: classes.icon })
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return (// eslint-disable-line
+    {
+      editPeakSt: state.editPeak.present,
+      thresSt: state.threshold,
+      layoutSt: state.layout,
+      shiftSt: state.shift,
+      scanSt: state.scan,
+      forecastSt: state.forecast,
+      decimalSt: state.submit.decimal,
+      integrationSt: state.integration.present,
+      multiplicitySt: state.multiplicity.present,
+      allIntegrationSt: state.integration.past.concat(state.integration.present)
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({}, dispatch);
+};
+
+BtnSubmit.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  feature: _propTypes2.default.object.isRequired,
+  isAscend: _propTypes2.default.bool.isRequired,
+  isIntensity: _propTypes2.default.bool.isRequired,
+  operation: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.bool]).isRequired,
+  editPeakSt: _propTypes2.default.object.isRequired,
+  thresSt: _propTypes2.default.object.isRequired,
+  layoutSt: _propTypes2.default.string.isRequired,
+  shiftSt: _propTypes2.default.object.isRequired,
+  scanSt: _propTypes2.default.object.isRequired,
+  forecastSt: _propTypes2.default.object.isRequired,
+  decimalSt: _propTypes2.default.number.isRequired,
+  integrationSt: _propTypes2.default.object.isRequired,
+  multiplicitySt: _propTypes2.default.object.isRequired,
+  allIntegrationSt: _propTypes2.default.object.isRequired
+};
+
+exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(BtnSubmit);