https://www.matchoffice.be/packs/js/9127-ccc7d8d42d395f2bc75f.chunk.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[9127],{29127:function(e,t,n){n.r(t);var c=n(15671),r=n(43144),o=n(97326),a=n(60136),l=n(82963),s=n(61120),i=n(4942),d=n(67294),p=n(94184),u=n.n(p),m=n(4531),h=n(46351);function f(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,c=(0,s.Z)(e);if(t){var r=(0,s.Z)(this).constructor;n=Reflect.construct(c,arguments,r)}else n=c.apply(this,arguments);return(0,l.Z)(this,n)}}var v=function(e){(0,a.Z)(n,e);var t=f(n);function n(){var e;(0,c.Z)(this,n);for(var r=arguments.length,a=new Array(r),l=0;l<r;l++)a[l]=arguments[l];return e=t.call.apply(t,[this].concat(a)),(0,i.Z)((0,o.Z)(e),"state",{isOpened:!1}),(0,i.Z)((0,o.Z)(e),"handleClickOutside",(function(t){"svg"!==t.target.tagName&&e.wrapperRef&&!e.wrapperRef.contains(t.target)&&e.setState({isOpened:!1})})),(0,i.Z)((0,o.Z)(e),"setWrapperRef",(function(t){e.wrapperRef=t})),(0,i.Z)((0,o.Z)(e),"itemIsSelected",(function(t){return(0,m.arrayIncludesObject)(e.props.selectedData,"id",t)})),(0,i.Z)((0,o.Z)(e),"handleClick",(function(){e.setState({isOpened:!e.state.isOpened})})),(0,i.Z)((0,o.Z)(e),"renderPlaceholder",(function(){var t,n=e.props,c=n.selectedData,r=n.selectedCounterPhrase,o=n.showCount;if(n.showOnlyCountPlaceholder&&c.length>0)return"".concat(r).concat(o?" (".concat(c.length,")"):"");switch(c.length){case 0:t=e.props.placeholder;break;case 1:t=c[0].name.charAt(0).toUpperCase()+c[0].name.slice(1);break;default:t="".concat(r).concat(o?" (".concat(c.length,")"):"")}return t})),(0,i.Z)((0,o.Z)(e),"generateDropdownBody",(function(t){return d.createElement("div",{className:"dropdown-selector__column"},t.map((function(t){return d.createElement("div",{key:t.id,onClick:function(n){return e.props.selectAction(n,t)},className:"dropdown-selector__item ".concat(e.itemIsSelected(t.id)?"dropdown-selector__item--selected":"")},d.createElement("div",{className:"dropdown-selector__item-icon"},d.createElement("div",{className:e.itemIsSelected(t.id)?"dropdown-selector__item-icon-checked":"dropdown-selector__item-checkbox"},d.createElement(h.SvgIco,{name:"check",size:18}))),d.createElement("div",{className:"dropdown-selector__item-name",style:{textTransform:"capitalize"}},t.name))})))})),e}return(0,r.Z)(n,[{key:"componentDidMount",value:function(){document.addEventListener("click",this.handleClickOutside)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.handleClickOutside)}},{key:"render",value:function(){var e=this,t=this.props,n=t.dynamicData,c=t.selectedData,r=t.selectedCounterPhrase,o=t.isMobileMenu,a=!o||this.state.isOpened,l=this.generateDropdownBody(n),s=u()("dropdown-selector__trigger",{"dropdown-selector__trigger--active":a});return d.createElement("div",{className:"dropdown-selector",ref:this.setWrapperRef},d.createElement("div",{className:s,onClick:function(t){return e.handleClick(t)}},d.createElement("div",{className:"dropdown-selector__placeholder".concat(a?" active":"")},d.createElement("div",{className:"dropdown-selector__placeholder-text mobile-hidden"},this.renderPlaceholder()),d.createElement("div",{className:"dropdown-selector__placeholder-text"},r,c.length>0&&d.createElement("div",{className:"dropdown-selector__selected-tooltip"},c.map((function(e){return e.name})).join(", ")))),d.createElement("div",{className:"dropdown-selector__action-icon"},a?d.createElement(h.SvgIco,{name:"expand-less",size:20}):d.createElement(h.SvgIco,{name:"expand-more",size:20}))),(a||o)&&d.createElement("div",{className:"dropdown-selector__body".concat(a?" dropdown-selector__body--open":"")},n.length>0&&l,0===n.length&&d.createElement("div",{className:"dropdown-selector__empty"},I18n.t("search_agent.no_results")),d.createElement("div",{className:"dropdown-selector__separator"})))}}]),n}(d.PureComponent);v.defaultProps={dynamicData:[]},t.default=v}}]);
2//# sourceMappingURL=9127-ccc7d8d42d395f2bc75f.chunk.js.map