{"version":3,"file":"index-0PCKNwU2.js","sources":["../../../app/javascript/src/explore/elements/Backdrop/index.jsx"],"sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\n\nimport * as backdropActionCreators from './actions';\n\nimport styles from './index.module.sass';\n\nexport const Backdrop = ({ visible, actionType, hide, onClick = null }) => {\n  const handleClick = () => {\n    hide();\n\n    if ( onClick ) {\n      onClick();\n    }\n  };\n\n  const backdropClass = actionType === backdropActionCreators.SHOW_BACKDROP ? styles.backdropSelf : styles.backdrop;\n\n  return visible ? (\n    <div className={`${backdropClass} v2-cart__backdrop position-fixed`} onClick={handleClick} />\n  ) : null;\n};\n\nconst mapStateToProps = ( state ) => ({\n  visible: state.Backdrop.visible,\n  actionType: state.Backdrop.actionType,\n});\n\nconst mapDispatchToProps = {\n  hide: () => backdropActionCreators.hide(),\n};\n\nexport default connect( mapStateToProps, mapDispatchToProps )( Backdrop );\n"],"names":["Backdrop","visible","actionType","hide","onClick","handleClick","backdropClass","backdropActionCreators.SHOW_BACKDROP","styles","mapStateToProps","state","mapDispatchToProps","backdropActionCreators.hide","Backdrop$1","connect"],"mappings":"mPAOaA,EAAW,CAAC,CAAE,QAAAC,EAAS,WAAAC,EAAY,KAAAC,EAAM,QAAAC,EAAU,QAAW,CACzE,MAAMC,EAAc,IAAM,CACnBF,EAAA,EAEAC,GACKA,EAAA,CAEZ,EAEME,EAAgBJ,IAAeK,EAAuCC,EAAO,aAAeA,EAAO,SAElG,OAAAP,kBACJ,MAAI,CAAA,UAAW,GAAGK,CAAa,oCAAqC,QAASD,CAAA,CAAa,EACzF,IACN,EAEMI,EAAoBC,IAAY,CACpC,QAASA,EAAM,SAAS,QACxB,WAAYA,EAAM,SAAS,UAC7B,GAEMC,EAAqB,CACzB,KAAM,IAAMC,EAA4B,CAC1C,EAEeC,EAAAC,EAASL,EAAiBE,CAAmB,EAAGX,CAAS"}