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

package/dist/components/cmd_bar/01_viewer.js

@@ -0,0 +1,133 @@
+'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 _SpellcheckOutlined = require('@material-ui/icons/SpellcheckOutlined');
+
+var _SpellcheckOutlined2 = _interopRequireDefault(_SpellcheckOutlined);
+
+var _TimelineOutlined = require('@material-ui/icons/TimelineOutlined');
+
+var _TimelineOutlined2 = _interopRequireDefault(_TimelineOutlined);
+
+var _Tooltip = require('@material-ui/core/Tooltip');
+
+var _Tooltip2 = _interopRequireDefault(_Tooltip);
+
+var _ui = require('../../actions/ui');
+
+var _cfg = require('../../helpers/cfg');
+
+var _cfg2 = _interopRequireDefault(_cfg);
+
+var _common = require('./common');
+
+var _list_ui = require('../../constants/list_ui');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({}, _common.commonStyle);
+};
+
+var Viewer = function Viewer(_ref) {
+  var classes = _ref.classes,
+      isfocusSpectrumSt = _ref.isfocusSpectrumSt,
+      isfocusAnalysisSt = _ref.isfocusAnalysisSt,
+      hideCmdAnaViewerSt = _ref.hideCmdAnaViewerSt,
+      disableCmdAnaViewerSt = _ref.disableCmdAnaViewerSt,
+      setUiViewerTypeAct = _ref.setUiViewerTypeAct;
+
+  var onViewSpectrum = function onViewSpectrum() {
+    return setUiViewerTypeAct(_list_ui.LIST_UI_VIEWER_TYPE.SPECTRUM);
+  };
+  var onViewAnalysis = function onViewAnalysis() {
+    return setUiViewerTypeAct(_list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS);
+  };
+
+  return _react2.default.createElement(
+    'span',
+    { className: classes.group },
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Spectrum Viewer'
+        ) },
+      _react2.default.createElement(
+        _common.MuButton,
+        {
+          className: (0, _classnames2.default)((0, _common.focusStyle)(isfocusSpectrumSt, classes), 'btn-sv-bar-spctrum'),
+          onClick: onViewSpectrum
+        },
+        _react2.default.createElement(_TimelineOutlined2.default, { className: classes.icon })
+      )
+    ),
+    hideCmdAnaViewerSt ? null : _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Analysis Viewer'
+        ) },
+      _react2.default.createElement(
+        _common.MuButton,
+        {
+          className: (0, _classnames2.default)((0, _common.focusStyle)(isfocusAnalysisSt, classes), 'btn-sv-bar-analysis'),
+          disabled: disableCmdAnaViewerSt,
+          onClick: onViewAnalysis
+        },
+        _react2.default.createElement(_SpellcheckOutlined2.default, { className: classes.icon })
+      )
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return (// eslint-disable-line
+    {
+      isfocusSpectrumSt: state.ui.viewer === _list_ui.LIST_UI_VIEWER_TYPE.SPECTRUM,
+      isfocusAnalysisSt: state.ui.viewer === _list_ui.LIST_UI_VIEWER_TYPE.ANALYSIS,
+      hideCmdAnaViewerSt: _cfg2.default.hideCmdAnaViewer(state.layout) || props.editorOnly,
+      disableCmdAnaViewerSt: _cfg2.default.btnCmdAnaViewer(state.layout)
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    setUiViewerTypeAct: _ui.setUiViewerType
+  }, dispatch);
+};
+
+Viewer.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  isfocusSpectrumSt: _propTypes2.default.bool.isRequired,
+  isfocusAnalysisSt: _propTypes2.default.bool.isRequired,
+  hideCmdAnaViewerSt: _propTypes2.default.bool.isRequired,
+  disableCmdAnaViewerSt: _propTypes2.default.bool.isRequired,
+  setUiViewerTypeAct: _propTypes2.default.func.isRequired
+};
+
+exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Viewer);

package/dist/components/cmd_bar/02_zoom.js

@@ -0,0 +1,119 @@
+'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 _ZoomInOutlined = require('@material-ui/icons/ZoomInOutlined');
+
+var _ZoomInOutlined2 = _interopRequireDefault(_ZoomInOutlined);
+
+var _FindReplaceOutlined = require('@material-ui/icons/FindReplaceOutlined');
+
+var _FindReplaceOutlined2 = _interopRequireDefault(_FindReplaceOutlined);
+
+var _Tooltip = require('@material-ui/core/Tooltip');
+
+var _Tooltip2 = _interopRequireDefault(_Tooltip);
+
+var _ui = require('../../actions/ui');
+
+var _common = require('./common');
+
+var _list_ui = require('../../constants/list_ui');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({}, _common.commonStyle);
+};
+
+var Zoom = function Zoom(_ref) {
+  var classes = _ref.classes,
+      isfocusZoomSt = _ref.isfocusZoomSt,
+      setUiSweepTypeAct = _ref.setUiSweepTypeAct;
+
+  var onSweepZoomIn = function onSweepZoomIn() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN);
+  };
+  var onSweepZoomReset = function onSweepZoomReset() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ZOOMRESET);
+  };
+
+  return _react2.default.createElement(
+    'span',
+    { className: classes.group },
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Zoom In'
+        ) },
+      _react2.default.createElement(
+        _common.MuButton,
+        {
+          className: (0, _classnames2.default)((0, _common.focusStyle)(isfocusZoomSt, classes), 'btn-sv-bar-zoomin'),
+          onClick: onSweepZoomIn
+        },
+        _react2.default.createElement(_ZoomInOutlined2.default, { className: (0, _classnames2.default)(classes.icon, classes.iconWp) })
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Reset Zoom'
+        ) },
+      _react2.default.createElement(
+        _common.MuButton,
+        {
+          className: (0, _classnames2.default)('btn-sv-bar-zoomreset'),
+          onClick: onSweepZoomReset
+        },
+        _react2.default.createElement(_FindReplaceOutlined2.default, { className: classes.icon })
+      )
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, _) {
+  return (// eslint-disable-line
+    {
+      isfocusZoomSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.ZOOMIN
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    setUiSweepTypeAct: _ui.setUiSweepType
+  }, dispatch);
+};
+
+Zoom.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  isfocusZoomSt: _propTypes2.default.bool.isRequired,
+  setUiSweepTypeAct: _propTypes2.default.func.isRequired
+};
+
+exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Zoom);

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

@@ -0,0 +1,176 @@
+'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 _AddLocationOutlined = require('@material-ui/icons/AddLocationOutlined');
+
+var _AddLocationOutlined2 = _interopRequireDefault(_AddLocationOutlined);
+
+var _ui = require('../../actions/ui');
+
+var _cfg = require('../../helpers/cfg');
+
+var _cfg2 = _interopRequireDefault(_cfg);
+
+var _common = require('./common');
+
+var _list_ui = require('../../constants/list_ui');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = function styles() {
+  return Object.assign({}, _common.commonStyle);
+};
+
+var Peak = function Peak(_ref) {
+  var classes = _ref.classes,
+      setUiSweepTypeAct = _ref.setUiSweepTypeAct,
+      isFocusAddPeakSt = _ref.isFocusAddPeakSt,
+      disableAddPeakSt = _ref.disableAddPeakSt,
+      isFocusRmPeakSt = _ref.isFocusRmPeakSt,
+      disableRmPeakSt = _ref.disableRmPeakSt,
+      isFocusSetRefSt = _ref.isFocusSetRefSt,
+      disableSetRefSt = _ref.disableSetRefSt;
+
+  var onSweepPeakAdd = function onSweepPeakAdd() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD);
+  };
+  var onSweepPeakDELETE = function onSweepPeakDELETE() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.PEAK_DELETE);
+  };
+  var onSweepAnchorShift = function onSweepAnchorShift() {
+    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT);
+  };
+
+  return _react2.default.createElement(
+    'span',
+    { className: classes.group },
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Add Peak'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusAddPeakSt, classes), 'btn-sv-bar-addpeak'),
+            disabled: disableAddPeakSt,
+            onClick: onSweepPeakAdd
+          },
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-addpeak') },
+            'P+'
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Remove Peak'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusRmPeakSt, classes), 'btn-sv-bar-rmpeak'),
+            disabled: disableRmPeakSt,
+            onClick: onSweepPeakDELETE
+          },
+          _react2.default.createElement(
+            'span',
+            { className: (0, _classnames2.default)(classes.txt, 'txt-sv-bar-rmpeak') },
+            'P-'
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Tooltip2.default,
+      { title: _react2.default.createElement(
+          'span',
+          { className: 'txt-sv-tp' },
+          'Set Reference'
+        ) },
+      _react2.default.createElement(
+        'span',
+        null,
+        _react2.default.createElement(
+          _common.MuButton,
+          {
+            className: (0, _classnames2.default)((0, _common.focusStyle)(isFocusSetRefSt, classes), 'btn-sv-bar-setref'),
+            disabled: disableSetRefSt,
+            onClick: onSweepAnchorShift
+          },
+          _react2.default.createElement(_AddLocationOutlined2.default, { className: classes.icon })
+        )
+      )
+    )
+  );
+};
+
+var mapStateToProps = function mapStateToProps(state, _) {
+  return (// eslint-disable-line
+    {
+      isFocusAddPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_ADD,
+      disableAddPeakSt: _cfg2.default.btnCmdAddPeak(state.layout),
+      isFocusRmPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.PEAK_DELETE,
+      disableRmPeakSt: _cfg2.default.btnCmdRmPeak(state.layout),
+      isFocusSetRefSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.ANCHOR_SHIFT,
+      disableSetRefSt: _cfg2.default.btnCmdSetRef(state.layout)
+    }
+  );
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return (0, _redux.bindActionCreators)({
+    setUiSweepTypeAct: _ui.setUiSweepType
+  }, dispatch);
+};
+
+Peak.propTypes = {
+  classes: _propTypes2.default.object.isRequired,
+  isFocusAddPeakSt: _propTypes2.default.bool.isRequired,
+  disableAddPeakSt: _propTypes2.default.bool.isRequired,
+  isFocusRmPeakSt: _propTypes2.default.bool.isRequired,
+  disableRmPeakSt: _propTypes2.default.bool.isRequired,
+  isFocusSetRefSt: _propTypes2.default.bool.isRequired,
+  disableSetRefSt: _propTypes2.default.bool.isRequired,
+  setUiSweepTypeAct: _propTypes2.default.func.isRequired
+};
+
+exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Peak);

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

@@ -0,0 +1,273 @@
+'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');
+
+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,
+      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')
+          })
+        )
+      )
+    ),
+    setFactor(classes, isDisableSt, refFactorSt, setIntegrationFkrAct),
+    _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
+    }
+  );
+};
+
+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,
+  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));