????
Your IP : 3.17.156.114
var k=Object.defineProperty;var z=(a,n,e)=>n in a?k(a,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[n]=e;var x=(a,n,e)=>(z(a,typeof n!="symbol"?n+"":n,e),e);import{R as c,F as f,r as h,j as s,d as S,P as i,i as j,m as w}from"./index-727ccf4d.js";import{a as g,_ as P}from"./useTheme-41684c89.js";import{_ as N}from"./classCallCheck-22a738c0.js";import{a as $}from"./withStyles-da525f81.js";import{b as W,_ as v,a as q}from"./possibleConstructorReturn-e4ffd6dd.js";import{j as G,k as H,l as K,f as B,b as C}from"./DataSelect-00074039.js";import{T as U}from"./TransitionGroup-273fc20b.js";import{T as E}from"./Transition-27f52f03.js";import{C as D}from"./Collapse-da981db3.js";import{_ as I}from"./Button-9330b92c.js";import"./Button-461c8cce.js";import{F as L}from"./FontAwesome4-32fe4385.js";var J=function(n){return function(e){e.in,e.onExited,e.appear,e.enter,e.exit;var t=g(e,["in","onExited","appear","enter","exit"]);return c.createElement(n,t)}};function Q(a){var n=X();return function(){var t=v(a),r;if(n){var o=v(this).constructor;r=Reflect.construct(t,arguments,o)}else r=t.apply(this,arguments);return q(this,r)}}function X(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function O(a,n){var e=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter(function(r){return Object.getOwnPropertyDescriptor(a,r).enumerable})),e.push.apply(e,t)}return e}function y(a){for(var n=1;n<arguments.length;n++){var e=arguments[n]!=null?arguments[n]:{};n%2?O(Object(e),!0).forEach(function(t){P(a,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(e)):O(Object(e)).forEach(function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(e,t))})}return a}var V=function(n){var e=n.component,t=n.duration,r=t===void 0?1:t,o=n.in;n.onExited;var p=g(n,["component","duration","in","onExited"]),l={entering:{opacity:0},entered:{opacity:1,transition:"opacity ".concat(r,"ms")},exiting:{opacity:0},exited:{opacity:0}};return c.createElement(E,{mountOnEnter:!0,unmountOnExit:!0,in:o,timeout:r},function(u){var d={style:y({},l[u])};return c.createElement(e,f({innerProps:d},p))})},T=260,Y=function(a){W(e,a);var n=Q(e);function e(){var t;N(this,e);for(var r=arguments.length,o=new Array(r),p=0;p<r;p++)o[p]=arguments[p];return t=n.call.apply(n,[this].concat(o)),t.duration=T,t.rafID=void 0,t.state={width:"auto"},t.transition={exiting:{width:0,transition:"width ".concat(t.duration,"ms ease-out")},exited:{width:0}},t.getWidth=function(l){l&&isNaN(t.state.width)&&(t.rafID=window.requestAnimationFrame(function(){var u=l.getBoundingClientRect(),d=u.width;t.setState({width:d})}))},t.getStyle=function(l){return{overflow:"hidden",whiteSpace:"nowrap",width:l}},t.getTransition=function(l){return t.transition[l]},t}return $(e,[{key:"componentWillUnmount",value:function(){this.rafID&&window.cancelAnimationFrame(this.rafID)}},{key:"render",value:function(){var r=this,o=this.props,p=o.children,l=o.in,u=this.state.width;return c.createElement(E,{enter:!1,mountOnEnter:!0,unmountOnExit:!0,in:l,timeout:this.duration},function(d){var M=y(y({},r.getStyle(u)),r.getTransition(d));return c.createElement("div",{ref:r.getWidth,style:M},p)})}}]),e}(h.Component),Z=function(n){return function(e){var t=e.in,r=e.onExited,o=g(e,["in","onExited"]);return c.createElement(Y,{in:t,onExited:r},c.createElement(n,f({cropWithEllipsis:t},o)))}},ee=function(n){return function(e){return c.createElement(V,f({component:n,duration:e.isMulti?T:1},e))}},te=function(n){return function(e){return c.createElement(V,f({component:n},e))}},ne=function(n){return function(e){return c.createElement(U,f({component:n},e))}};function b(a,n){var e=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter(function(r){return Object.getOwnPropertyDescriptor(a,r).enumerable})),e.push.apply(e,t)}return e}function ae(a){for(var n=1;n<arguments.length;n++){var e=arguments[n]!=null?arguments[n]:{};n%2?b(Object(e),!0).forEach(function(t){P(a,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(e)):b(Object(e)).forEach(function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(e,t))})}return a}var A=function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=H({components:n}),t=e.Input,r=e.MultiValue,o=e.Placeholder,p=e.SingleValue,l=e.ValueContainer,u=g(e,["Input","MultiValue","Placeholder","SingleValue","ValueContainer"]);return ae({Input:J(t),MultiValue:Z(r),Placeholder:ee(o),SingleValue:te(p),ValueContainer:ne(l)},u)},m=A();m.Input;m.MultiValue;m.Placeholder;m.SingleValue;m.ValueContainer;var re=G(A,K);const ie=re;class F extends h.Component{render(){const{options:n,placeholder:e,defaultValue:t,onChange:r}=this.props;return s.jsx(B,{isMulti:!0,closeMenuOnSelect:!1,components:ie(),className:"basic-multi-select",defaultValue:t,options:n,placeholder:e,onChange:r})}}F.propTypes={};F.defaultProps={placeholder:"Chọn..."};const se=S.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: 0.4rem 0.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 _ extends h.Component{constructor(e){super(e);x(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{typeof this.props.data!="string"?e=this.props.data:e=(await j(this.props.data,"GET",null,{odata:!1})).filter(t=>t.module_name!=="CSDLG_KKG"&&t.module_name!=="CSDLG_BOG")}catch(t){w(t)}return e.map(t=>({module_name:t[this.props.valueField],name:t[this.props.textField],code:t.code}))}render(){return s.jsxs(se,{className:I({expand:this.state.isOpen}),children:[s.jsxs("div",{className:"gdt-select-panel-header",onClick:()=>this.setState({isOpen:!this.state.isOpen}),children:[s.jsx("span",{children:this.props.header}),s.jsx(C,{icon:"angle-double-down"})]}),s.jsx(D,{isOpen:this.state.isOpen,children:s.jsx("ul",{className:"list-group",children:this.state.data.map((e,t)=>s.jsxs("li",{className:`list-group-item ${this.state.selectedItem===e.module_name?"active":""}`,onClick:()=>this.selectHandler(e.module_name),children:[s.jsx("span",{children:e.code}),s.jsx("span",{children:" - "+e.name})]},t))})})]})}}_.propTypes={data:i.oneOfType([i.string,i.arrayOf(i.object)]).isRequired,defaultSelected:i.oneOfType([i.string,i.number]),header:i.oneOfType([i.string,i.element]),valueField:i.string,textField:i.string,onSelect:i.func};_.defaultProps={valueField:"module_name",textField:"name",multiple:!1};const oe=S.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: 0.4rem 0.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 R extends h.Component{constructor(e){super(e);x(this,"selectHandler",e=>{let t=this.state.selectedItems,r=t.indexOf(e);r>-1?t.splice(r,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{typeof this.props.data!="string"?e=this.props.data:e=(await j(this.props.data)).value}catch(t){w(t)}return e.map(t=>({ID:t[this.props.valueField],Text:t[this.props.textField]}))}render(){return s.jsxs(oe,{className:I({expand:this.state.isOpen}),children:[s.jsxs("div",{className:"gdt-select-panel-header",onClick:()=>this.setState({isOpen:!this.state.isOpen}),children:[s.jsx("span",{children:this.props.header}),s.jsx(C,{icon:"angle-double-down"})]}),s.jsx(D,{isOpen:this.state.isOpen,children:s.jsx("ul",{className:"list-group",children:this.state.data.map((e,t)=>s.jsxs("li",{className:`list-group-item ${this.state.selectedItems.indexOf(e.ID)>-1?"active":""}`,onClick:()=>this.selectHandler(e.ID),children:[s.jsx(L,{fa:this.state.selectedItems.indexOf(e.ID)>-1?"check-square-o":"square-o"}),s.jsx("span",{children:e.Text})]},t))})})]})}}R.propTypes={data:i.oneOfType([i.string,i.array]).isRequired,defaultSelected:i.oneOfType([i.string,i.number,i.array]),header:i.oneOfType([i.string,i.element]),valueField:i.string,textField:i.string,onSelect:i.func};R.defaultProps={valueField:"ID",textField:"Text",multiple:!1};export{_ as S};