{"version":3,"sources":["webpack:///./Scripts/Containers/SortSelector.container.js"],"names":["SortSelectorContainer","props","handleOnChange","bind","event","this","updateSearch","target","value","className","translate","selections","find","option","selected","onChange","map","selection","key","text","Component","connect","dispatch","q"],"mappings":"m+CAKMA,E,yTACF,WAAYC,GAAO,a,4FAAA,UACf,cAAMA,IACDC,eAAiB,EAAKA,eAAeC,KAApB,MAFP,E,2CAKnB,SAAeC,GACXC,KAAKJ,MAAMK,aAAaF,EAAMG,OAAOC,S,oBAGzC,WAAS,UACL,OACI,uBAAKC,UAAU,mBACf,uBAAKA,UAAU,mCACX,6BAAOC,OAAU,iBAAjB,MACA,0BAAQF,MAAK,UAAEH,KAAKJ,MAAMU,kBAAb,iBAAE,EAAuBC,MAAK,SAAAC,GAAM,OAAIA,EAAOC,mBAA/C,aAAE,EAAwDN,MAAOC,UAAU,mBAAmBM,SAAUV,KAAKH,gBAA1H,UACKG,KAAKJ,MAAMU,kBADhB,aACK,EAAuBK,KAAI,SAAAC,GAAa,MACrC,OACI,0BAAQC,IAAKD,EAAUE,KAAMX,MAAK,UAAES,EAAUT,aAAZ,QAAqB,IAClDS,EAAUE,iB,iFAnBPC,aAoCpC,SAAeC,QAAQ,MANI,SAACC,GACxB,MAAO,CACHhB,aAAc,SAACiB,GAAD,OAAOD,GAAShB,QAAaiB,QAInD,CAAiDvB","file":"885.5584074ecbc548763d43.js","sourcesContent":["import React, { Component } from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { translate } from '../Services/translation'\r\nimport { updateSearch } from '../Actions/FacetedSearch.action'\r\n\r\nclass SortSelectorContainer extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.handleOnChange = this.handleOnChange.bind(this)\r\n    }\r\n\r\n    handleOnChange(event) {\r\n        this.props.updateSearch(event.target.value)\r\n    }\r\n\r\n    render() { \r\n        return (\r\n            <div className=\"product-sorting\">\r\n            <div className=\"select small-12 medium-5 column\">\r\n                <span>{translate(\"sorting.label\")}: </span>\r\n                <select value={this.props.selections?.find(option => option.selected)?.value} className=\"sorting-dropdown\" onChange={this.handleOnChange}>\r\n                    {this.props.selections?.map(selection => {\r\n                        return (\r\n                            <option key={selection.text} value={selection.value ?? \"\"}>\r\n                                {selection.text}\r\n                            </option>\r\n                        )\r\n                    })}\r\n                </select>\r\n            </div>\r\n        </div>\r\n        );\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n    return {\r\n        updateSearch: (q) => dispatch(updateSearch(q)),\r\n    }\r\n}\r\n \r\nexport default connect(null, mapDispatchToProps)(SortSelectorContainer);"],"sourceRoot":""}