(window.unifiedSearch_bundle_jsonpfunction=window.unifiedSearch_bundle_jsonpfunction||[]).push([[21],{138:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return IndexPatternSelect}));var s=n(7),i=n.n(s),o=n(3),a=n.n(o),d=n(4),h=n.n(d),r=n(0),c=n(11),l=n(1);class IndexPatternSelect extends r.Component{constructor(e){super(e),a()(this,"isMounted",!1),a()(this,"state",void 0),a()(this,"fetchSelectedIndexPattern",(async e=>{if(!e)return void this.setState({selectedIndexPattern:void 0});let t;try{t=(await this.props.indexPatternService.get(e)).getName()}catch(e){return}this.isMounted&&this.setState({selectedIndexPattern:{value:e,label:t}})})),a()(this,"debouncedFetch",h.a.debounce((async e=>{const t=await this.props.indexPatternService.getIdsWithTitle();if(!this.isMounted||e!==this.state.searchValue)return;const n=[];for(let s=0;s<t.length;s++){const i=t[s].name?t[s].name:t[s].title;i&&i.toLowerCase().includes(e.toLowerCase())&&n.push({label:i,value:t[s].id})}this.setState({isLoading:!1,options:n}),this.props.onNoIndexPatterns&&""===e&&0===n.length&&this.props.onNoIndexPatterns()}),300)),a()(this,"fetchOptions",((e="")=>{this.setState({isLoading:!0,searchValue:e},this.debouncedFetch.bind(null,e))})),a()(this,"onChange",(e=>{this.props.onChange(h.a.get(e,"0.value"))})),this.state={isLoading:!1,options:[],selectedIndexPattern:void 0,searchValue:void 0}}componentWillUnmount(){this.isMounted=!1,this.debouncedFetch.cancel()}componentDidMount(){this.isMounted=!0,this.fetchOptions(""),this.fetchSelectedIndexPattern(this.props.indexPatternId)}UNSAFE_componentWillReceiveProps(e){e.indexPatternId!==this.props.indexPatternId&&this.fetchSelectedIndexPattern(e.indexPatternId)}render(){const{onChange:e,indexPatternId:t,placeholder:n,onNoIndexPatterns:s,indexPatternService:o,...a}=this.props;return Object(l.jsx)(c.EuiComboBox,i()({},a,{placeholder:n,singleSelection:!0,isLoading:this.state.isLoading,onSearchChange:this.fetchOptions,options:this.state.options,selectedOptions:this.state.selectedIndexPattern?[this.state.selectedIndexPattern]:[],onChange:this.onChange}))}}}}]);