1
+ "use strict" ;
2
+
3
+ Object . defineProperty ( exports , "__esModule" , {
4
+ value : true
5
+ } ) ;
6
+ exports . default = void 0 ;
7
+ var _react = _interopRequireDefault ( require ( "react" ) ) ;
8
+ var _Card = _interopRequireDefault ( require ( "@material-ui/core/Card" ) ) ;
9
+ var _CardContent = _interopRequireDefault ( require ( "@material-ui/core/CardContent" ) ) ;
10
+ var _Typography = _interopRequireDefault ( require ( "@material-ui/core/Typography" ) ) ;
11
+ var _styles = require ( "@material-ui/core/styles" ) ;
12
+ var _reactFontawesome = require ( "@fortawesome/react-fontawesome" ) ;
13
+ var _freeSolidSvgIcons = require ( "@fortawesome/free-solid-svg-icons" ) ;
14
+ var _Theme = _interopRequireDefault ( require ( "../Theme/Theme" ) ) ;
15
+ var _typeUtil = require ( "../../util/typeUtil" ) ;
16
+ function _interopRequireDefault ( obj ) { return obj && obj . __esModule ? obj : { default : obj } ; }
17
+ var useStyles = ( 0 , _styles . makeStyles ) ( function ( theme ) {
18
+ return {
19
+ card : {
20
+ backgroundColor : _Theme . default . colors . GOLD [ 50 ] ,
21
+ borderColor : _Theme . default . colors . GOLD [ 200 ] ,
22
+ marginTop : theme . spacing ( 1 )
23
+ } ,
24
+ cardContent : {
25
+ padding : theme . spacing ( 2 ) ,
26
+ paddingBottom : "" . concat ( theme . spacing ( 2 ) , "px !important" )
27
+ } ,
28
+ cardContentFlexContainer : {
29
+ display : 'flex' ,
30
+ alignItems : 'center' ,
31
+ padding : theme . spacing ( 2 ) ,
32
+ paddingBottom : "" . concat ( theme . spacing ( 2 ) , "px !important" )
33
+ } ,
34
+ cardContentContainer : {
35
+ flexGrow : 1
36
+ } ,
37
+ cardIcon : {
38
+ color : theme . colors . GOLD [ 700 ] ,
39
+ padding : '5px' ,
40
+ fontSize : '2.3875em' ,
41
+ marginRight : theme . spacing ( 2 )
42
+ } ,
43
+ cardIconBoxesStacked : {
44
+ color : theme . colors . GOLD [ 700 ] ,
45
+ fontSize : '2.3875em' ,
46
+ marginRight : theme . spacing ( 2 )
47
+ }
48
+ } ;
49
+ } ) ;
50
+ var DataProductBundleCard = function DataProductBundleCard ( props ) {
51
+ var classes = useStyles ( _Theme . default ) ;
52
+ var titleContent = props . titleContent ,
53
+ subTitleContent = props . subTitleContent ,
54
+ detailContent = props . detailContent ,
55
+ customContent = props . customContent ,
56
+ isSplit = props . isSplit ,
57
+ showIcon = props . showIcon ,
58
+ customClasses = props . classes ;
59
+ var customCardClass = customClasses ? customClasses . card : undefined ;
60
+ var customCardContentClass = customClasses ? customClasses . cardContent : undefined ;
61
+ var customCardContentFlexContainerClass = customClasses ? customClasses . cardContentFlexContainer : undefined ;
62
+ var customCardContentContainerClass = customClasses ? customClasses . cardContentContainer : undefined ;
63
+ var customIconClass = customClasses ? customClasses . cardIcon : undefined ;
64
+ var renderContent = function renderContent ( ) {
65
+ if ( ( 0 , _typeUtil . exists ) ( customContent ) ) {
66
+ // eslint-disable-next-line react/jsx-no-useless-fragment
67
+ return /*#__PURE__*/ _react . default . createElement ( _react . default . Fragment , null , customContent ) ;
68
+ }
69
+ return /*#__PURE__*/ _react . default . createElement ( _react . default . Fragment , null , ! ( 0 , _typeUtil . exists ) ( titleContent ) ? null : /*#__PURE__*/ _react . default . createElement ( _Typography . default , {
70
+ variant : "subtitle2"
71
+ } , titleContent ) , ! ( 0 , _typeUtil . exists ) ( detailContent ) ? null :
72
+ /*#__PURE__*/
73
+ // eslint-disable-next-line react/jsx-no-useless-fragment
74
+ _react . default . createElement ( _react . default . Fragment , null , detailContent ) , ! ( 0 , _typeUtil . exists ) ( subTitleContent ) ? null : /*#__PURE__*/ _react . default . createElement ( _Typography . default , {
75
+ variant : "body2"
76
+ } , subTitleContent ) ) ;
77
+ } ;
78
+ var renderCardContent = function renderCardContent ( ) {
79
+ if ( ! showIcon ) {
80
+ return renderContent ( ) ;
81
+ }
82
+ return /*#__PURE__*/ _react . default . createElement ( _react . default . Fragment , null , /*#__PURE__*/ _react . default . createElement ( _reactFontawesome . FontAwesomeIcon , {
83
+ icon : isSplit ? _freeSolidSvgIcons . faBoxesStacked : _freeSolidSvgIcons . faBox ,
84
+ size : "2x" ,
85
+ className : customIconClass || isSplit ? classes . cardIconBoxesStacked : classes . cardIcon
86
+ } ) , /*#__PURE__*/ _react . default . createElement ( "div" , {
87
+ className : customCardContentContainerClass || classes . cardContentContainer
88
+ } , renderContent ( ) ) ) ;
89
+ } ;
90
+ return /*#__PURE__*/ _react . default . createElement ( _Card . default , {
91
+ className : customCardClass || classes . card
92
+ } , /*#__PURE__*/ _react . default . createElement ( _CardContent . default , {
93
+ className : showIcon ? customCardContentFlexContainerClass || classes . cardContentFlexContainer : customCardContentClass || classes . cardContent
94
+ } , renderCardContent ( ) ) ) ;
95
+ } ;
96
+ DataProductBundleCard . defaultProps = {
97
+ titleContent : undefined ,
98
+ detailContent : undefined ,
99
+ subTitleContent : undefined ,
100
+ customContent : undefined ,
101
+ isSplit : false ,
102
+ showIcon : true ,
103
+ classes : undefined
104
+ } ;
105
+ var _default = DataProductBundleCard ;
106
+ exports . default = _default ;
0 commit comments