"use strict";(self.webpackChunkgdt=self.webpackChunkgdt||[]).push([[537],{9031:(e,t,s)=>{s.d(t,{A:()=>c});s(9950);var a=s(71984),n=s(48738),l=s.n(n),i=s(44414);const o=e=>{const{fa:t,far:s,fab:a,size:n,ariaHidden:o,color:r,style:d}=e,c=a?"fab":s?"far":"fa",h=l()(c,"fa-"+t,"fa-fw",n&&"fa-"+n);return(0,i.jsx)("i",{style:r?{color:r,...d}:d,className:h,"aria-hidden":o})};o.defaultProps={ariaHidden:!0,far:!1,fab:!1};const r=o,d=e=>{const{children:t,...s}=e;return(0,i.jsxs)(a.A,{color:"danger",...s,children:[(0,i.jsx)(r,{fa:"trash"})," ",t]})};d.defaultProps={};const c=d},13650:(e,t,s)=>{s.d(t,{$n:()=>a.A,UN:()=>o,f8:()=>d,pf:()=>c.A,WB:()=>S.A,DR:()=>p,a2:()=>x,QB:()=>f});var a=s(71984),n=(s(9950),s(73613)),l=s(44414);const i=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"success",...s,children:[(0,l.jsx)(n.A,{fa:"plus"})," ",t]})};i.defaultProps={};const o=i,r=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"danger",...s,children:[(0,l.jsx)(n.A,{fa:"times"})," ",t]})};r.defaultProps={};const d=r;var c=s(33322);const h=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"primary",...s,children:[(0,l.jsx)(n.A,{fa:"pencil"})," ",t]})};h.defaultProps={};const p=h,u=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"primary",...s,children:[(0,l.jsx)(n.A,{fa:"floppy-o"})," ",t]})};u.defaultProps={};const f=u;const g=(0,s(86006).Ay)(a.A)`
    padding: 2px 6px;
    font-size: 14px;
`,m=e=>{const{children:t,...s}=e;return(0,l.jsx)(g,{...s,children:(0,l.jsx)(n.A,{fa:e.icon})})};m.defaultProps={color:"primary"};const x=m;var j=s(18849);const b=e=>{const{children:t,...s}=e;return(0,l.jsxs)(j.A,{color:"white",...s,style:{border:"1px solid #c7bfbf"},size:"lg",children:[t," ",(0,l.jsx)(n.A,{fa:"arrow-down"})]})};b.defaultProps={};var S=s(9031)},33322:(e,t,s)=>{s.d(t,{A:()=>o});s(9950);var a=s(71984),n=s(73613),l=s(44414);const i=e=>{const{children:t,...s}=e;return(0,l.jsxs)(a.A,{color:"danger",...s,children:[(0,l.jsx)(n.A,{fa:"times-circle"})," ",t]})};i.defaultProps={};const o=i},47622:(e,t,s)=>{s.d(t,{A:()=>f});var a=s(9950),n=s(82050),l=s(65597),i=s(71849),o=s(428),r=s(73230),d=s(42398),c=s(13650),h=s(4370),p=s(44414);const u=()=>(0,p.jsx)(d.default,{});class f extends a.Component{constructor(e){var t;super(e),t=this,this._isFirstCalled=!0,this.generateDataRef=function(e){let s=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const{url:a,column:n,dataRef:l}=t.props;return s?i.F(a,n,l,e,t.state.page,t.props.pageSize):i._(`${a}?`,n,l,e)},this.checkCondition=()=>{const{column:e,where:t,whereOne:s}=this.props;if(t&&this.state.valueSelect)return;let a=[];return s&&s.map(((e,t)=>{a.push(`${e.field} ${e.expression} ${e.value}`)})),t&&a.push(t),this.state.querySearch&&a.push(o.jB(e.label,"string",this.state.querySearch,!0)),a.join(" and ")},this.handleMenuOpen=()=>{this._isFirstCalled?this.setState({loading:!0}):this.setState({nameRef:this.state.objSelect?[this.state.objSelect]:[],loading:!0});const e=this.props.column.field,t=!this.props.notOdata;(0,h.g3)(this.generateDataRef(this.checkCondition()),"GET",null,t).then((s=>{if(s.value||!t){const a=t?s.value:s;let n=[...this.state.nameRef];a.forEach((t=>{this.state.nameRef.some((s=>s[e]===t[e]))||n.push(t)}));const l=t?Number(s["odata.count"]):s.length;this.setState({nameRef:n,totalRow:l,loading:!1})}this._isFirstCalled=!1})).catch((e=>this.setState({loading:!1})))},this.handleInputChange=(e,t)=>{let{action:s}=t;if("input-change"===s){const{column:t,where:s,whereOne:a}=this.props;this.setState({totalRow:-1,page:0,nameRef:[],loading:!0});let n="";s&&(n=o.jB(t.label,"string",e,!0)+(s?" and "+s:"")),a&&(n=o.jB(t.label,"string",e,!0)+(a?` and ${a[0].field} ${a[0].expression} ${a[0].value}`:""));const l=!this.props.notOdata;(0,h.g3)(this.generateDataRef(n),"GET",null,l).then((t=>{const s=l?Number(t["odata.count"]):t.length;this.setState({nameRef:l?t.value:t,totalRow:s,loading:!1,querySearch:e})})).catch((e=>this.setState({loading:!1})))}},this.handleScrolledToBottom=async()=>{if(this.state.valueSelect){if(this.state.nameRef.length-1>=this.state.totalRow)return}else if(this.state.nameRef.length>=this.state.totalRow)return;this.setState({page:this.state.page+1,loading:!0}),(0,h.g3)(this.generateDataRef(this.checkCondition()),"GET",null,this.props.isOdata).then((e=>{let t=[...this.state.nameRef];e.value.forEach((e=>t.push(e))),this.setState({nameRef:t,loading:!1})})).catch((e=>this.setState({loading:!1})))},this.handleMenuClose=()=>{this.setState({totalRow:-1,page:0,querySearch:null})},this.onOpenDialog=()=>this.setState({loading:!0,dialogIsOpen:!0}),this.onCloseDialog=()=>this.setState({loading:!1,dialogIsOpen:!1}),this.state={route:r.ic(this.props.url),totalRow:-1,page:0,querySearch:null,dialogIsOpen:!1,objSelect:null,valueSelect:null,nameRef:[],loading:!1}}componentDidMount(){const{column:e,value:t,initValue:s}=this.props;if(s)this.setState({nameRef:[s],valueSelect:s[e.field]});else if(t){this.setState({loading:!0});let s=this.generateDataRef(o.jB(e.field,e.type,t),!1);const a=!this.props.notOdata;(0,h.g3)(s,"GET",null,a).then((t=>{if(t.value||!a){const s=a?t.value[0]:t[0];this.setState({nameRef:[s],valueSelect:s[e.field]})}})).catch((e=>this.setState({loading:!1}))).finally((()=>this.setState({loading:!1})))}}render(){const{disabled:e,dialogOdata:t,placeholder:s,name:i,onChange:o,column:r,renderRow:d,moudle:h}=this.props,{route:f}=this.state;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)("div",{style:{display:"flex"},children:[(0,p.jsx)(n.A,{disabled:e,value:this.state.valueSelect,name:i,valueRef:r.field,labelRef:r.label,placeholder:s,options:this.state.nameRef,onChange:(e,t)=>this.setState({objSelect:e,valueSelect:e?e.value:null},o(e,t)),renderOption:(e,t)=>d(e,t),onMenuScrollToBottom:this.handleScrolledToBottom,isLoading:this.state.loading,onInputChange:this.handleInputChange,onMenuOpen:this.handleMenuOpen,onMenuClose:this.handleMenuClose}),t&&f&&(0,p.jsx)(c.a2,{disabled:e,color:"success",icon:"plus",onClick:this.onOpenDialog}),t&&h&&(0,p.jsx)(c.a2,{disabled:e,color:"success",icon:"plus",onClick:this.onOpenDialog})]}),t&&f&&this.state.dialogIsOpen&&(0,p.jsx)(l.A,{open:this.state.dialogIsOpen,handleClose:this.onCloseDialog,title:f.name,maxWidth:"lg",children:(0,p.jsx)(a.Suspense,{fallback:u(),children:(0,p.jsx)(f.component,{odata:f.odata})})}),t&&h&&this.state.dialogIsOpen&&(0,p.jsx)(l.A,{open:this.state.dialogIsOpen,handleClose:this.onCloseDialog,title:h.name,maxWidth:"lg",children:(0,p.jsx)(a.Suspense,{fallback:u(),children:h.component})})]})}}f.defaultProps={pageSize:30,placeholder:"Ch\u1ecdn...",dialogOdata:!0}},65597:(e,t,s)=>{s.d(t,{A:()=>m});s(9950);var a=s(33720),n=s(78854),l=s(96918),i=s(77766),o=s(43510),r=s(97226),d=s(13144),c=s(39886),h=s(86006),p=s(44414);const u=(0,a.A)((e=>({root:{margin:0,backgroundColor:"rgb(3,56,99)",color:"#FFF",padding:"6px 12px"},closeButton:{position:"absolute",right:e.spacing(1),top:e.spacing(1),color:e.palette.grey[500],padding:"0 6px"}})))((e=>{const{children:t,classes:s,onClose:a}=e;return(0,p.jsxs)(l.A,{disableTypography:!0,className:s.root,children:[(0,p.jsx)(c.A,{variant:"subtitle2",children:t}),a?(0,p.jsx)(r.A,{"aria-label":"close",className:s.closeButton,onClick:a,children:(0,p.jsx)(d.A,{fontSize:"small"})}):null]})})),f=(0,a.A)((e=>({root:{padding:e.spacing(2)}})))(i.A),g=(0,a.A)((e=>({root:{margin:0,padding:e.spacing(1),marginLeft:0}})))(o.A);function m(e){const{title:t,open:s,children:a,renderButton:l,handleClose:i,maxWidth:o,className:r,zIndex:d,renderButtonHeader:c,transferToModal:h}=e;let m=[];return r&&m.push(r),h&&m.push("Dialog-Transfer-To-Modal"),(0,p.jsx)("div",{children:(0,p.jsxs)(n.A,{className:m.join(" "),style:{zIndex:d||9999},onClose:i,open:s,fullWidth:!0,maxWidth:o,children:[t&&(0,p.jsxs)(u,{onClose:i,children:[t," ",c&&(0,p.jsx)(x,{children:c})]}),(0,p.jsx)(f,{dividers:!0,children:a}),l&&(0,p.jsx)(g,{children:l})]})})}m.defaultProps={open:!1};const x=h.Ay.div`
  display: inline;
`},70537:(e,t,s)=>{s.d(t,{rb:()=>a.A,GD:()=>d,L9:()=>c.A});var a=s(47622),n=s(9950),l=s(35923),i=s(37004),o=s(44414);class r extends n.Component{render(){const{options:e,placeholder:t,defaultValue:s,onChange:a}=this.props;return(0,o.jsx)(i.A,{isMulti:!0,closeMenuOnSelect:!1,components:(0,l.Ay)(),className:"basic-multi-select",defaultValue:s,options:e,placeholder:t,onChange:a})}}r.defaultProps={placeholder:"Ch\u1ecdn..."};const d=r;var c=s(82050),h=s(47914),p=s(48738),u=s.n(p),f=s(86006),g=s(4370),m=s(67116),x=s(13650);const j=f.Ay.div`
    background-color: #ffffff;
    border-radius: 0.25rem;
    margin-bottom: 3px;
    box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.64);
    .gdt-select-panel-header {
        padding-left: 10px;
        color: #467fcf;
        font-weight: bold;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        .fa {
            font-size: 1.2em;
            transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        }
        span {
            font-size: 15px;
            margin: 7px;
        }
        button {
            font-size: 20px;
        }
    }
    .list-group-item {
        padding: .40rem .75rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        .fa {
            margin-right: 5px;
            text-align: justify;
            font-size: 18px;
        }
        span {
            font-size: 13.5px;
            font-weight: bold;
            text-align: justify;
        }
        &:hover {
            &:not(.active) {
                background-color: rgba(70,127,207,0.2);
            }
            font-style: italic;
        }
    }
    &.expand {
        .gdt-select-panel-header {
            .fa {
                transform: rotate(180deg)
            }
        }
    }
`;class b extends n.Component{constructor(e){super(e),this.selectHandler=e=>{let t=this.state.selectedItem!==e?e:null;this.setState({selectedItem:t}),this.props.onSelect&&this.props.onSelect(t)},this.state={data:[],selectedItem:null,isOpen:!0}}async componentDidMount(){this.setState({data:await this.getData()}),this.props.defaultSelected&&this.setState({selectedItem:this.props.defaultSelected})}async componentDidUpdate(e,t){e.data!==this.props.data&&this.setState({data:await this.getData()})}async getData(){let e=[];try{e="string"!==typeof this.props.data?this.props.data:(await(0,g.Pq)(this.props.data,"GET",null,!1)).filter((e=>"CSDLG_KKG"!==e.module_name&&"CSDLG_BOG"!==e.module_name))}catch(t){(0,m.a3)(t)}return e.map((e=>({module_name:e[this.props.valueField],name:e[this.props.textField],code:e.code})))}render(){return(0,o.jsxs)(j,{className:u()({expand:this.state.isOpen}),children:[(0,o.jsxs)("div",{className:"gdt-select-panel-header",onClick:()=>this.setState({isOpen:!this.state.isOpen}),children:[(0,o.jsx)("span",{children:this.props.header}),(0,o.jsx)(x.a2,{color:"link",icon:"angle-double-down"})]}),(0,o.jsx)(h.A,{isOpen:this.state.isOpen,children:(0,o.jsx)("ul",{className:"list-group",children:this.state.data.map(((e,t)=>(0,o.jsxs)("li",{className:"list-group-item "+(this.state.selectedItem===e.module_name?"active":""),onClick:()=>this.selectHandler(e.module_name),children:[(0,o.jsx)("span",{children:e.code}),(0,o.jsx)("span",{children:" - "+e.name})]},t)))})})]})}}b.defaultProps={valueField:"module_name",textField:"name",multiple:!1};var S=s(73613);const v=f.Ay.div`
    background-color: #ffffff;
    border-radius: 0.25rem;
    margin-bottom: 3px;
    box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.64);
    .gdt-select-panel-header {
        padding-left: 10px;
        color: #467fcf;
        font-weight: bold;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        .fa {
            font-size: 1.2em;
            transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        }
        span {
            font-size: 15px;
            margin: 7px;
        }
        button {
            font-size: 20px;
        }
    }
    .list-group-item {
        border: none;
        padding: .40rem .75rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        .fa {
            margin-right: 5px;
            text-align: justify;
            font-size: 18px;
        }
        span {
            font-size: 13.5px;
            font-weight: bold;
            text-align: justify;
        }
        &:hover {
            &:not(.active) {
                background-color: rgba(70,127,207,0.2);
            }
            font-style: italic;
        }
    }
    &.expand {
        .gdt-select-panel-header {
            .fa {
                transform: rotate(180deg)
            }
        }
    }
`;class y extends n.Component{constructor(e){super(e),this.selectHandler=e=>{let t=this.state.selectedItems,s=t.indexOf(e);s>-1?t.splice(s,1):t.push(e),this.setState({selectedItems:t}),this.props.onSelect(t)},this.state={data:[],selectedItems:[],isOpen:!0}}async componentDidMount(){this.setState({data:await this.getData()}),this.props.defaultSelected&&this.setState({selectedItems:this.state.selectedItems.concat(this.props.defaultSelected)})}async componentDidUpdate(e,t){e.data!==this.props.data&&this.setState({data:await this.getData()})}async getData(){let e=[];try{e="string"!==typeof this.props.data?this.props.data:(await(0,g.Pq)(this.props.data)).value}catch(t){(0,m.a3)(t)}return e.map((e=>({ID:e[this.props.valueField],Text:e[this.props.textField]})))}render(){return(0,o.jsxs)(v,{className:u()({expand:this.state.isOpen}),children:[(0,o.jsxs)("div",{className:"gdt-select-panel-header",onClick:()=>this.setState({isOpen:!this.state.isOpen}),children:[(0,o.jsx)("span",{children:this.props.header}),(0,o.jsx)(x.a2,{color:"link",icon:"angle-double-down"})]}),(0,o.jsx)(h.A,{isOpen:this.state.isOpen,children:(0,o.jsx)("ul",{className:"list-group",children:this.state.data.map(((e,t)=>(0,o.jsxs)("li",{className:"list-group-item "+(this.state.selectedItems.indexOf(e.ID)>-1?"active":""),onClick:()=>this.selectHandler(e.ID),children:[(0,o.jsx)(S.A,{fa:this.state.selectedItems.indexOf(e.ID)>-1?"check-square-o":"square-o"}),(0,o.jsx)("span",{children:e.Text})]},t)))})})]})}}y.defaultProps={valueField:"ID",textField:"Text",multiple:!1}},71849:(e,t,s)=>{s.d(t,{F:()=>l,_:()=>n});var a=s(428);const n=(e,t,s,n)=>{let l=`${e}`;if(s){let e=[...s];e.push(t.field),e.push(t.label),l+=`${a.xz(e,n,!1)}`}else l+=`${a.xz([t.field,t.label],n,!1)}`;return l},l=(e,t,s,l,i,o)=>n(`${e}?${a.Z5(i,o)}&`,t,s,l)}}]);