1
+ "use strict" ;
2
+
3
+ var _interopRequireDefault = require ( "@babel/runtime/helpers/interopRequireDefault" ) ;
4
+ Object . defineProperty ( exports , "__esModule" , {
5
+ value : true
6
+ } ) ;
7
+ exports . default = void 0 ;
8
+ var _react = _interopRequireDefault ( require ( "react" ) ) ;
9
+ var _reactRedux = require ( "react-redux" ) ;
10
+ var _redux = require ( "redux" ) ;
11
+ var _classnames = _interopRequireDefault ( require ( "classnames" ) ) ;
12
+ var _propTypes = _interopRequireDefault ( require ( "prop-types" ) ) ;
13
+ var _withStyles = _interopRequireDefault ( require ( "@mui/styles/withStyles" ) ) ;
14
+ var _Tooltip = _interopRequireDefault ( require ( "@mui/material/Tooltip" ) ) ;
15
+ var _Troubleshoot = _interopRequireDefault ( require ( "@mui/icons-material/Troubleshoot" ) ) ;
16
+ var _ui = require ( "../../actions/ui" ) ;
17
+ var _common = require ( "./common" ) ;
18
+ var _list_ui = require ( "../../constants/list_ui" ) ;
19
+ var _format = _interopRequireDefault ( require ( "../../helpers/format" ) ) ;
20
+ /* eslint-disable prefer-object-spread, react/function-component-definition */
21
+
22
+ const styles = ( ) => Object . assign ( { } , _common . commonStyle ) ;
23
+ const PeakGroup = _ref => {
24
+ let {
25
+ classes,
26
+ feature,
27
+ isSelectingGroupSt,
28
+ setUiSweepTypeAct,
29
+ graphIndex
30
+ } = _ref ;
31
+ const {
32
+ operation
33
+ } = feature ;
34
+ const {
35
+ layout
36
+ } = operation ;
37
+ if ( ! _format . default . isLCMsLayout ( layout ) ) {
38
+ return null ;
39
+ }
40
+ const onSelectPeakGroup = ( ) => {
41
+ const payload = {
42
+ graphIndex,
43
+ sweepType : _list_ui . LIST_UI_SWEEP_TYPE . PEAK_GROUP_SELECT
44
+ } ;
45
+ setUiSweepTypeAct ( payload ) ;
46
+ } ;
47
+ return /*#__PURE__*/ _react . default . createElement ( "span" , {
48
+ className : classes . group ,
49
+ "data-testid" : "Zoom"
50
+ } , /*#__PURE__*/ _react . default . createElement ( _Tooltip . default , {
51
+ title : /*#__PURE__*/ _react . default . createElement ( "span" , {
52
+ className : "txt-sv-tp"
53
+ } , "Select peak group" )
54
+ } , /*#__PURE__*/ _react . default . createElement ( _common . MuButton , {
55
+ className : ( 0 , _classnames . default ) ( ( 0 , _common . focusStyle ) ( isSelectingGroupSt , classes ) , 'btn-sv-bar-zoomin' ) ,
56
+ onClick : onSelectPeakGroup
57
+ } , /*#__PURE__*/ _react . default . createElement ( _Troubleshoot . default , {
58
+ className : ( 0 , _classnames . default ) ( classes . icon , classes . iconWp )
59
+ } ) ) ) ) ;
60
+ } ;
61
+ const mapStateToProps = ( state , _ ) => (
62
+ // eslint-disable-line
63
+ {
64
+ isSelectingGroupSt : state . ui . sweepType === _list_ui . LIST_UI_SWEEP_TYPE . PEAK_GROUP_SELECT
65
+ } ) ;
66
+ const mapDispatchToProps = dispatch => ( 0 , _redux . bindActionCreators ) ( {
67
+ setUiSweepTypeAct : _ui . setUiSweepType
68
+ } , dispatch ) ;
69
+ PeakGroup . propTypes = {
70
+ classes : _propTypes . default . object . isRequired ,
71
+ feature : _propTypes . default . object . isRequired ,
72
+ isSelectingGroupSt : _propTypes . default . bool . isRequired ,
73
+ setUiSweepTypeAct : _propTypes . default . func . isRequired ,
74
+ graphIndex : _propTypes . default . number . isRequired
75
+ } ;
76
+ var _default = exports . default = ( 0 , _redux . compose ) ( ( 0 , _reactRedux . connect ) ( mapStateToProps , mapDispatchToProps ) , ( 0 , _withStyles . default ) ( styles ) ) ( PeakGroup ) ;
0 commit comments