{"version":3,"sources":["../../../../src/app/js/components/LeftPanel.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;MAMa,SAAS;cAAT,SAAS;;AACT,aADA,SAAS,CACR,KAAK,EAAE;4BADR,SAAS;;AAElB,iCAFS,SAAS,6CAEZ,KAAK,EAAE;AACb,UAAI,CAAC,KAAK,gBACL,sBAPA,cAAc,CAOC,QAAQ,EAAE;AAC5B,gBAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;AAC7B,qBAAa,EAAE,KAAK;QACrB,CAAC;AACF,4BAXK,cAAc,CAWJ,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KACjD;;iBATU,SAAS;;aAWZ,oBAAG;AACT,YAAI,CAAC,QAAQ,cACR,sBAhBA,cAAc,CAgBC,QAAQ,EAAE;AAC5B,kBAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;WAC7B,CAAC;OACJ;;;aAEc,2BAAG;AAChB,YAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC;OAC7D;;;aAEK,kBAAG;AACP,eACE;;YAAK,EAAE,EAAC,oBAAoB,EAAC,SAAS,EAAC,UAAU;UAE/C;;;AACE,gBAAE,EAAC,iBAAiB;AACpB,qBAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,AAAC;AACzC,uBAAS,4DAAyD,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,GAAG,EAAE,CAAA,AAAG;;YAE7G;;gBAAG,SAAS,EAAC,gBAAgB;;aAAuB;WAChD;UAGN;;cAAK,EAAE,EAAE,WAAW,AAAC,EAAC,SAAS,mBAAgB,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,SAAS,GAAG,EAAE,CAAA,AAAG;YACzF;;;AACE,kBAAE,EAAC,iBAAiB;AACpB,uBAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,AAAC;AACzC,yBAAS,EAAC,2DAA2D;;;aAGnE;YAEJ;;gBAAK,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,GAAG,QAAQ,AAAC;cACpD,wDAjDH,MAAM,IAiDK,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,AAAC,EAAC,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,AAAC,GAAG;aACvF;YAEN;;gBAAK,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,GAAG,EAAE,AAAC;cACpD,4DAtDH,QAAQ,aAsDK,GAAG,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,AAAC,IAAK,IAAI,CAAC,KAAK,EAAI;cACxE,sDApDH,UAAU,OAoDO;aACV;WACF;SACF,CACN;OACH;;;WAvDU,SAAS;KAAS,kBAAM,SAAS","file":"LeftPanel.js","sourcesContent":["import React from 'react';\nimport { Criteria } from 'components/Criteria/Criteria';\nimport { Report } from 'components/Report/Report';\nimport { leftPanelStore } from 'stores/LeftPanelStore';\nimport { IconFooter } from 'components/IconFooter';\n\nexport class LeftPanel extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      ...leftPanelStore.getState(),\n      userInfo: this.props.userInfo,\n      showLeftPanel: false,\n    };\n    leftPanelStore.listen(this.onChange.bind(this));\n  }\n\n  onChange() {\n    this.setState({\n      ...leftPanelStore.getState(),\n      userInfo: this.props.userInfo,\n    });\n  }\n\n  toggleLeftPanel() {\n    this.setState({ showLeftPanel: !this.state.showLeftPanel });\n  }\n\n  render() {\n    return (\n      <div id='leftPanelContainer' className='absolute'>\n        {/* Shows during mobile view */}\n        <div\n          id='leftPanelOpener'\n          onClick={this.toggleLeftPanel.bind(this)}\n          className={`absolute waves-effect waves-light btn blue darken-3 ${this.state.showLeftPanel ? 'hidden' : ''}`}\n        >\n          <i className='material-icons'>chrome_reader_mode</i>\n        </div>\n\n        {/* Left Panel Component */}\n        <div id={'leftPanel'} className={`left-panel ${this.state.showLeftPanel ? 'display' : ''}`}>\n          <i\n            id='leftPanelCloser'\n            onClick={this.toggleLeftPanel.bind(this)}\n            className='waves-effect waves-light material-icons hidden text-white'\n          >\n            close\n          </i>\n\n          <div className={this.state.viewReport ? '' : 'hidden'}>\n            <Report userInfo={this.props.userInfo} toggleLeftPanel={this.toggleLeftPanel.bind(this)} />\n          </div>\n\n          <div className={this.state.viewReport ? 'hidden' : ''}>\n            <Criteria key='reportcriteria' hash={this.props.hash} {...this.state} />\n            <IconFooter />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}