{"version":3,"sources":["webpack:///./Scripts/Components/FacetedSearch.js","webpack:///./Scripts/Containers/FacetedSearch.container.js"],"names":["FacetedSearchGroup","props","group","searchFacetChange","onClick","open","className","label","selectedOptions","length","options","item","itemIndex","array","quantity","id","key","role","FacetedFilterCheckbox","type","onChange","event","checked","FacetedSearch","facetFilters","navigationTheme","React","useState","activeFilterGroup","setActiveFilterGroup","groupIndex","i","undefined","FacetedSearchContainer","window","onpopstate","query","location","search","substr","this","Component","connect","facetedSearch","dispatch","q","replaceResult"],"mappings":"0VAGMA,G,UAAqB,SAACC,GAAU,MAC1BC,EAA4CD,EAA5CC,MAAOC,EAAqCF,EAArCE,kBAAmBC,EAAkBH,EAAlBG,QAASC,EAASJ,EAATI,KAE3C,OAAO,kBAAC,WAAD,KACH,yBAAKC,UAAU,sBACX,yBAAKA,UAAW,wCAA0CD,EAAO,8BAAgC,qCAC7F,yBAAKC,UAAU,+BAA+BF,QAASA,GACnD,4BAAMF,EAAMK,MAAZ,IAAqBL,EAAMM,gBAAgBC,OAAS,EAA/B,WAAuCP,EAAMM,gBAAgBC,OAA7D,KAAyE,IAC9F,uBAAGH,UAAU,4BAEjB,yBAAKA,UAAU,iBACdJ,EAAMQ,SAAW,MAAAR,EAAMQ,SAAN,QAAkB,SAACC,EAAMC,EAAWC,GAAlB,aAA8C,GAAjBF,EAAKG,UAA4B,IAAXH,EAAKI,IAA0B,IAAdJ,EAAKJ,OACrG,yBAAKS,IAAG,gBAAKL,EAAKJ,MAAV,aAAmBK,GAAaN,UAAU,uBAAuBW,KAAK,uBAC1E,kBAAC,EAAD,CAAuBN,KAAMA,EAAMT,MAAOA,EAAOC,kBAAmBA,cA2B1Fe,EAAwB,SAAC,GAAD,MAAEP,EAAF,EAAEA,KAAMT,EAAR,EAAQA,MAAOC,EAAf,EAAeA,kBAAf,OAC1B,2BAAOG,UAAU,8BACb,2BAAOA,UAAU,SAASa,KAAK,WAAWC,SAAU,SAAAC,GAAK,OAAIlB,EAAkBD,EAAOS,IAAOW,QAAkC,MAAzBpB,EAAMM,iBAA2B,MAAAN,EAAMM,iBAAN,OAA+BG,EAAKI,MACtKJ,EAAKJ,QAIHgB,EAxBO,SAAC,GAAuD,IAAtDC,EAAsD,EAAtDA,aAAcrB,EAAwC,EAAxCA,kBAAmBsB,EAAqB,EAArBA,gBAAqB,EACxBC,IAAMC,SAAS,GADS,WACnEC,EADmE,KAChDC,EADgD,KAG1E,MAA2B,aAApBJ,GAAkCD,GAAgBA,EAAaf,OAAS,EAC3E,wBAAIH,UAAU,kBACT,IAAAkB,GAAY,KAAZA,GAAiB,SAACtB,EAAO4B,EAAYjB,GAApB,eAA+B,MAAAX,EAAMQ,SAAN,QAAqB,SAAAqB,GAAC,OAAkB,GAAdA,EAAEjB,YAAeL,OAAS,GACjG,kBAAC,EAAD,CACIO,IAAG,gBAAKd,EAAMK,MAAX,aAAoBuB,GACvB5B,MAAOA,EACPG,KAAMuB,GAAqBE,EAC3B3B,kBAAmBA,EACnBC,QAAS,kBAAwCyB,EAAlCD,GAAqBE,EAAkCA,OAAmCE,UAGvH,M,YCnCAC,E,oJACkB,WAEhBC,OAAOC,WAAaD,OAAOC,YAAe,SAACd,GACvC,EAAKpB,MAAMmC,MAAMF,OAAOG,SAASC,OAAOC,OAAO,IAAM,O,+BAKzD,OAAO,kBAAC,EAAkBC,KAAKvC,W,GATFwC,aA0BtBC,uBAdS,SAAC,GAAoD,QAAnDC,cACtB,MAAO,CACHnB,aAFqE,EAApCA,aAGjCC,gBAHqE,EAAtBA,oBAO5B,SAAAmB,GACvB,MAAO,CACHR,MAAO,SAACS,EAAGC,GAAJ,OAAsBF,EAASR,YAAMS,EAAGC,KAC/C3C,kBAAmB,SAACD,EAAOS,GAAR,OAAiBiC,EAASzC,YAAkBD,EAAOS,QAI/D+B,CAA6CT","file":"20.d708a2dedfa26ad8476c.js","sourcesContent":["import React, { Fragment, Component } from 'react';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst FacetedSearchGroup = (props) => {\r\n    const { group, searchFacetChange, onClick, open } = props\r\n\r\n    return <Fragment>\r\n        <div className=\"sub-filter-wrapper\">\r\n            <div className={\"field-wrapper faceted-search__group \" + (open ? \"faceted-search__group--open\" : \"faceted-search__group--collapsed\")}>\r\n                <div className=\"faceted-search__group-header\" onClick={onClick}>\r\n                    <h6>{ group.label } {group.selectedOptions.length > 0 ? `(${group.selectedOptions.length})` : \"\"}</h6>\r\n                    <i className=\"icon icon-chevron-left\"></i>\r\n                </div>\r\n                <div className=\"checkbox-list\">\r\n                {group.options && group.options.map((item, itemIndex, array) => (item.quantity != 0 && item.id != \"\" && item.label != \"\" &&\r\n                        <div key={`${item.label}-${itemIndex}`} className=\"faceted-search__item\" role=\"faceted-search-item\">\r\n                            <FacetedFilterCheckbox item={item} group={group} searchFacetChange={searchFacetChange}/>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </Fragment>\r\n}\r\n\r\n\r\nconst FacetedSearch = ({facetFilters, searchFacetChange, navigationTheme}) => {\r\n    const [activeFilterGroup, setActiveFilterGroup] = React.useState(0)\r\n\r\n    return navigationTheme !== 'category' && facetFilters && facetFilters.length > 0 ?\r\n        <ul className=\"faceted-search\">\r\n            {facetFilters.map((group, groupIndex, array) => (group.options.filter(i => i.quantity != 0).length > 0 &&\r\n                <FacetedSearchGroup \r\n                    key={`${group.label}-${groupIndex}`} \r\n                    group={group} \r\n                    open={activeFilterGroup == groupIndex} \r\n                    searchFacetChange={searchFacetChange} \r\n                    onClick={() => activeFilterGroup != groupIndex ? setActiveFilterGroup(groupIndex) : setActiveFilterGroup(undefined)} />\r\n            ))}\r\n        </ul>\r\n    : null\r\n}\r\n\r\nconst FacetedFilterCheckbox = ({item, group, searchFacetChange}) => (\r\n    <label className=\"faceted-search__item-label\" >\r\n        <input className=\"medium\" type=\"checkbox\" onChange={event => searchFacetChange(group, item)} checked={group.selectedOptions != null && group.selectedOptions.includes(item.id)} />\r\n            {item.label}\r\n    </label>\r\n)\r\n\r\nexport default FacetedSearch;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport FacetedSearch from '../Components/FacetedSearch';\r\nimport { query, searchFacetChange } from '../Actions/FacetedSearch.action';\r\n\r\nclass FacetedSearchContainer extends Component {\r\n    componentDidMount() {\r\n        // listen to history events (back, forward) of window\r\n        window.onpopstate = window.onpopstate || ((event) => {\r\n            this.props.query(window.location.search.substr(1) || '');\r\n        })\r\n    }\r\n\r\n    render() {\r\n        return <FacetedSearch {...this.props} />;\r\n    }\r\n}\r\nconst mapStateToProps = ({facetedSearch:{facetFilters, navigationTheme}}) => {\r\n    return {\r\n        facetFilters,\r\n        navigationTheme,\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        query: (q, replaceResult) => dispatch(query(q, replaceResult)),\r\n        searchFacetChange: (group, item) => dispatch(searchFacetChange(group, item)),\r\n    }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(FacetedSearchContainer);"],"sourceRoot":""}