????
Your IP : 216.73.216.64
var f=Object.defineProperty;var m=(s,n,t)=>n in s?f(s,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[n]=t;var d=(s,n,t)=>(m(s,typeof n!="symbol"?n+"":n,t),t);import{r as S,t as v,j as g}from"./index-fa055cb8.js";import{S as x}from"./Select-d5b8e2a0.js";const b={multiValueLabel:s=>({...s,padding:"0px 0px 0px 6px",fontSize:13}),control:s=>({...s,backgroundColor:"white",height:"28.38px",minHeight:"28.38px",fontSize:"12px",lineHeight:"1.5",cursor:"pointer",borderRadius:"4px"}),option:s=>({...s,fontSize:"12px",cursor:"pointer"}),input:s=>({...s,position:"unset"}),placeholder:s=>({...s,marginLeft:5,marginRight:5}),singleValue:(s,{data:n})=>({...s,transform:"inherit",top:"unset"}),container:s=>({...s,width:"100%"}),valueContainer:s=>({...s,padding:"0px 5px"}),indicatorsContainer:s=>({...s,padding:"0px 5px"}),indicatorContainer:s=>({...s,padding:"0px 5px !important",fontSize:"12px"})};class D extends S.Component{constructor(t){super(t);d(this,"loadDataFromApi",()=>{let{columns:t,odata:l,url:o,where:e,valueField:i,textField:a,textFieldSub:c}=this.props,u=[],p="";l!==!1?(p=`${o}`,e?p+=`/?$filter=${e}&`:p+="",t&&t.length>0&&(p+=`$select=${this.props.columns.join()}`)):p=this.props.url,v(p,"GET",null,l).then(h=>{l!==!1?h.value.forEach(r=>{u.push({value:r[i],label:c?`${r[c]} - ${r[a]}`:r[a],obj:r})}):u=h,this.setState({data:u,isLoading:!1}),this.setStateSelected(this.state.value)}).catch(h=>console.log(h))});d(this,"onChange",(t,l)=>{if(this.setState({selected:t}),this.props.isMulti){var o=[];if(t)for(let e=0;e<t.length;e++)o.push(t[e].value);this.props.onChange(o,null)}else this.props.onChange(t?t.value:null,t?t.obj:null)});this.state={data:[],value:null,selected:null,isLoading:!1}}componentDidMount(){this.setState({isLoading:!0});let{options:t}=this.props;t&&t.length!==void 0?(this.loadDataFromOption(),this.setStateSelected(this.state.value)):this.loadDataFromApi()}getSnapshotBeforeUpdate(t,l){return t.value!==this.props.value?(this.setState({value:this.props.value}),this.setStateSelected(this.props.value),this.props.value||null):null}setStateSelected(t){this.props.isMulti?this.setState({selected:this.getOptionsMulti(t)}):this.setState({selected:this.getOptionsSingle(t)})}getOptionsSingle(t,l){let o=null,{data:e}=this.state;if(e&&e.length>0&&(t||t===0||t===!1)){for(let i=0;i<e.length;i++)if(e[i].value!=null&&e[i].value===t){o=e[i];break}else if(e[i].options){for(let a=0;a<e[i].options.length;a++)if(e[i].options[a].value&&e[i].options[a].value===t){o=e[i].options[a];break}}}return o}getOptionsMulti(t){let l=[],{data:o}=this.state;if(o&&o.length>0&&t)for(let e=0;e<o.length;e++){let i=o[e];for(let a=0;a<t.length;a++)i.value&&i.value===t[a]&&l.push(i)}return l}componentDidUpdate(t,l,o){const{options:e,where:i,url:a}=this.props;(i!==t.where||a!==t.url)&&this.loadDataFromApi(),e&&e.length!==void 0&&e.length!==t.options.length&&this.loadDataFromOption()}loadDataFromOption(){let t=this.props.options.map(l=>({value:l[this.props.valueField],label:this.props.textFieldSub?`${l[this.props.textFieldSub]} - ${l[this.props.textField]}`:l[this.props.textField],obj:l}));this.setState({data:t,isLoading:!1})}render(){let{isMulti:t,isDetail:l,value:o,menuPosition:e}=this.props,i=t?this.getOptionsMulti(o):this.getOptionsSingle(o);return this.state.data.length>0&&l?g.jsxDEV("span",{children:i&&i.label},void 0,!1,{fileName:"/home/jenkins/agent/workspace/gdnn.gdtsolutions.vn/src/childcomp/select/DropdownList.jsx",lineNumber:190,columnNumber:7},this):g.jsxDEV(x,{autoFocus:this.props.autoFocus,placeholder:this.props.placeholder,isMulti:t,isLoading:this.state.isLoading,isDisabled:this.props.disabled,isClearable:this.props.isClearable!==!1,menuPosition:e,className:"dropdownlist",value:i,styles:b,options:this.state.data,onChange:this.onChange},void 0,!1,{fileName:"/home/jenkins/agent/workspace/gdnn.gdtsolutions.vn/src/childcomp/select/DropdownList.jsx",lineNumber:192,columnNumber:7},this)}}const C=D;export{C as D};