UNPKG

react-ui-mat

Version:

- ANIMATE - BADGES ( success, danger, info, light, primary, green ) - BEHAVIOR - BUTTONS - CHECKBOX - COLLAPSE - CONTEXT PANEL - DATE PICKER - DATEPICKER - DATEUTIL - DIVIDER - DRAGABLE MODAL - INCORRECT_ENTRY - INPUT - INPUT_FIELDS - MULTISELECT - MUPLAY

1 lines 15.8 kB
'use strict';var a0_0x2a31e7=this&&this['__createBinding']||(Object['create']?function(_0xf8eb34,_0x8c31f2,_0x2c54da,_0x601e2){if(_0x601e2===undefined)_0x601e2=_0x2c54da;var _0x45bad0=Object['getOwnPropertyDescriptor'](_0x8c31f2,_0x2c54da);if(!_0x45bad0||('get'in _0x45bad0?!_0x8c31f2['__esModule']:_0x45bad0['writable']||_0x45bad0['configurable'])){const _0x18421d={};_0x18421d['enumerable']=!![],_0x18421d['get']=function(){return _0x8c31f2[_0x2c54da];},_0x45bad0=_0x18421d;}Object['defineProperty'](_0xf8eb34,_0x601e2,_0x45bad0);}:function(_0x184f1c,_0x436d7d,_0x2608e2,_0x308949){if(_0x308949===undefined)_0x308949=_0x2608e2;_0x184f1c[_0x308949]=_0x436d7d[_0x2608e2];}),a0_0x43afa9=this&&this['__setModuleDefault']||(Object['create']?function(_0x788859,_0x564e27){const _0x44ed3c={};_0x44ed3c['enumerable']=!![],_0x44ed3c['value']=_0x564e27,Object['defineProperty'](_0x788859,'default',_0x44ed3c);}:function(_0x11e325,_0x248066){_0x11e325['default']=_0x248066;}),a0_0x2f75e2=this&&this['__importStar']||function(_0x2d25d5){if(_0x2d25d5&&_0x2d25d5['__esModule'])return _0x2d25d5;var _0x3d00b4={};if(_0x2d25d5!=null){for(var _0x2f504c in _0x2d25d5)if(_0x2f504c!=='default'&&Object['prototype']['hasOwnProperty']['call'](_0x2d25d5,_0x2f504c))a0_0x2a31e7(_0x3d00b4,_0x2d25d5,_0x2f504c);}return a0_0x43afa9(_0x3d00b4,_0x2d25d5),_0x3d00b4;};const a0_0x243115={};a0_0x243115['value']=!![],Object['defineProperty'](exports,'__esModule',a0_0x243115),exports['Multiselect']=void 0x0;const a0_0x17e9ae=a0_0x2f75e2(require('react')),a0_0x298584=require('./Icons'),a0_0x171d57=require('./common'),a0_0x58f68c=require('./Checkbox'),a0_0x4c5355=require('react-dom'),a0_0x161963=require('./Button'),a0_0x2a7c90=()=>{};var a0_0x53dda1;(function(_0x52358d){_0x52358d['MOUSE_DOWN']='mousedown',_0x52358d['MOUSE_UP']='mouseup',_0x52358d['MOUSE_MOVE']='mousemove',_0x52358d['MOUSE_CLICK']='click',_0x52358d['FOCUS']='focus';}(a0_0x53dda1||(a0_0x53dda1={})));function a0_0x4883da(_0x16998c){const _0x116f7e=a0_0x17e9ae['useCallback'](_0x4ab57c=>{_0x16998c['isOpen']&&!_0x16998c['referances']['map'](_0x20225e=>_0x20225e['current']?.['contains'](_0x4ab57c['target']))['filter'](_0x4fe2ad=>_0x4fe2ad)['length']&&_0x16998c['onClickOutside']();},[_0x16998c['referances'],_0x16998c['isOpen'],_0x16998c['onClickOutside']]);return a0_0x17e9ae['useEffect'](()=>{return window?.['removeEventListener'](a0_0x53dda1['MOUSE_UP'],_0x116f7e,!![]),window?.['removeEventListener'](a0_0x53dda1['MOUSE_CLICK'],_0x116f7e,!![]),document?.['removeEventListener'](a0_0x53dda1['FOCUS'],_0x116f7e,!![]),_0x16998c['isOpen']&&(window?.['addEventListener'](a0_0x53dda1['MOUSE_UP'],_0x116f7e,!![]),window?.['addEventListener'](a0_0x53dda1['MOUSE_CLICK'],_0x116f7e,!![]),document?.['addEventListener'](a0_0x53dda1['FOCUS'],_0x116f7e,!![])),()=>{window?.['removeEventListener'](a0_0x53dda1['MOUSE_UP'],_0x116f7e,!![]),window?.['removeEventListener'](a0_0x53dda1['MOUSE_CLICK'],_0x116f7e,!![]),document?.['removeEventListener'](a0_0x53dda1['FOCUS'],_0x116f7e,!![]);};},[_0x116f7e]),a0_0x17e9ae['createElement'](a0_0x17e9ae['Fragment'],null,_0x16998c['render']());}function a0_0x443479(_0x5ef603,_0x26175b,_0x10b0a3,_0x47818c){try{const _0x15da41=_0x47818c?.['getBoundingClientRect']()?.['top'],_0x4e5427=_0x47818c?.['getBoundingClientRect']()?.['bottom'],_0x381f3d=_0x47818c?.['getBoundingClientRect']()?.['left'],_0x53cfca=_0x47818c?.['getBoundingClientRect']()?.['right'],_0x32476b=_0x15da41<=_0x5ef603&&_0x5ef603<=_0x4e5427&&_0x381f3d<=_0x26175b&&_0x53cfca>=_0x10b0a3;return _0x32476b;}catch(_0x11c9ed){console['log'](_0x11c9ed);}return![];}function a0_0x177ebb(_0xba5ddd){const _0x27a690=a0_0x17e9ae['useRef']([]),_0xe002a=a0_0x17e9ae['useRef'](),_0x2ad8a4=a0_0x17e9ae['useRef'](),_0x3f0867=a0_0x17e9ae['useRef'](),[_0x4b5c6f,_0x36e8e1]=a0_0x17e9ae['useState'](![]),[_0x26bb0a,_0x127cdc]=a0_0x17e9ae['useState'](''),_0xe40f86=a0_0x17e9ae['useMemo'](()=>{let _0x3453dc=[],_0x43fe6d=[],_0x28521e=![],_0x1d8314='',_0xcff91e=[];const _0x97986a=[..._0xba5ddd['data']||[]],_0x19506a=window?.['innerWidth']<0x280;try{_0x3453dc=_0x97986a['filter'](_0x25f1dd=>(_0xba5ddd['value']||[])['find'](_0x5ceeb1=>_0x5ceeb1===_0x25f1dd[_0xba5ddd['accessorValue']])),_0x43fe6d=_0x3453dc['map'](_0xab5d6b=>_0xab5d6b[_0xba5ddd['accessorValue']]),_0x28521e=_0x43fe6d['length']===_0x97986a?.['length'],_0x1d8314=_0x3453dc['map'](_0x55a7a4=>_0x55a7a4[_0xba5ddd['accessorLabel']])['join'](',\x20');}catch(_0x363004){}try{let _0x47f624=[],_0x3ada26=[],_0x586c6c=_0x26bb0a?!_0xba5ddd['search']||_0xba5ddd['search']==='anywhere'?_0x97986a['filter'](_0x21b40c=>_0x21b40c[_0xba5ddd['accessorLabel']]?.['toLocaleLowerCase'](_0xba5ddd['code']||a0_0x171d57['globalConfigs']['countryCode'])['includes'](_0x26bb0a)):_0x97986a['filter'](_0xbc9114=>_0xbc9114[_0xba5ddd['accessorLabel']]?.['toLocaleLowerCase'](_0xba5ddd['code']||a0_0x171d57['globalConfigs']['countryCode'])['startsWith'](_0x26bb0a)):_0x97986a;_0x586c6c['forEach'](_0xc58c94=>{if(_0x43fe6d['find'](_0x1d510b=>_0x1d510b===_0xc58c94[_0xba5ddd['accessorValue']])){const _0x5f1767={};_0x5f1767['id']=_0xc58c94[_0xba5ddd['accessorValue']],_0x5f1767['label']=_0xc58c94[_0xba5ddd['accessorLabel']],_0x5f1767['checked']=!![],_0x47f624['push'](_0x5f1767);}else{const _0x5ea2b0={};_0x5ea2b0['id']=_0xc58c94[_0xba5ddd['accessorValue']],_0x5ea2b0['label']=_0xc58c94[_0xba5ddd['accessorLabel']],_0x5ea2b0['checked']=![],_0x3ada26['push'](_0x5ea2b0);}});if(_0xba5ddd['sorting']!=='none'){const _0x164391=(_0x1393e9,_0x68b1e8)=>{return _0x1393e9['label']?.['toString']()?.['toLocaleLowerCase'](_0xba5ddd['code']||a0_0x171d57['globalConfigs']['countryCode'])['localeCompare'](_0x68b1e8['label']?.['toString']()?.['toLocaleLowerCase'](_0xba5ddd['code']||a0_0x171d57['globalConfigs']['countryCode']));};_0x47f624=_0x47f624['sort'](_0x164391),_0x3ada26=_0x3ada26['sort'](_0x164391),_0xba5ddd['sorting']==='desc'&&(_0x47f624=_0x47f624['reverse'](),_0x3ada26=_0x3ada26['reverse']());}_0xcff91e=[..._0x47f624,..._0x3ada26];}catch(_0x57bf9d){console['warn']('UNKNOWN_ERROR');}const _0x16bc3e=_0xba5ddd['disabled']?'d-h-full\x20d-disable-down':'d-h-full',_0x3ba12f={};return _0x3ba12f['issm']=_0x19506a,_0x3ba12f['ddicss']=_0x16bc3e,_0x3ba12f['data']=_0x97986a,_0x3ba12f['selects']=_0x3453dc,_0x3ba12f['selectIds']=_0x43fe6d,_0x3ba12f['isAllSelected']=_0x28521e,_0x3ba12f['selectLabels']=_0x1d8314,_0x3ba12f['rows']=_0xcff91e,_0x3ba12f;},[_0xba5ddd['data']?.['length'],_0xba5ddd['value'],_0xba5ddd['accessorLabel'],_0xba5ddd['accessorValue'],_0x26bb0a,_0xba5ddd['sorting']]);function _0x1d19b4(_0x51a77b,_0x1462f6){_0x51a77b['preventDefault']();try{let _0x2916b6=_0xe40f86['selectIds'];_0x2916b6['find'](_0x985e6f=>_0x985e6f===_0x1462f6)?_0x2916b6=_0x2916b6['filter'](_0x498d3a=>_0x498d3a!==_0x1462f6):_0x2916b6['push'](_0x1462f6);if(_0xba5ddd['onChange']){const _0x5b7e8f=_0xe40f86['selectIds']['length']===_0xe40f86['data']?.['length'];_0xba5ddd['onChange'](_0x2916b6,_0x5b7e8f);}_0x2ad8a4['current']?.['focus']();}catch(_0x4e79b0){}}function _0x2c0d6d(_0xc5303){_0xc5303['preventDefault']();try{let _0x43dfa0=[];!_0xe40f86['isAllSelected']&&(_0x43dfa0=_0xe40f86['data']['map'](_0x2061ea=>_0x2061ea[_0xba5ddd['accessorValue']])),_0xba5ddd['onChange']&&_0xba5ddd['onChange'](_0x43dfa0,!_0xe40f86['isAllSelected']),_0x2ad8a4['current']?.['focus']();}catch(_0x1c596a){}}function _0x31ac7d(){_0x36e8e1(![]);}function _0x572800(){_0xba5ddd['onChange']&&_0xba5ddd['onChange'](_0x27a690['current'],_0x27a690['current']['length']===_0xe40f86['data']?.['length']),_0x36e8e1(![]);}function _0x17db4e(){_0xba5ddd['onChange']([],![]);}const _0x1d2970=a0_0x17e9ae['useCallback'](_0x2fdc6a=>{try{if(_0xe40f86['issm'])return;const _0x3e99e9=_0x2ad8a4['current']?.['getBoundingClientRect']();_0x3f0867['current']&&(_0x3f0867['current']['style']['display']='flex',_0x3f0867['current']['style']['left']=_0x3e99e9?.['left']+'px',_0x3f0867['current']['style']['top']=(_0x3e99e9?.['top']+_0x3e99e9?.['height']+_0x3f0867['current']['offsetHeight']<window?.['innerHeight']?_0x3e99e9?.['top']+_0x3e99e9?.['height']:_0x3e99e9?.['top']-_0x3f0867['current']['offsetHeight'])+'px',_0x3f0867['current']['style']['width']=_0x3e99e9?.['width']+'px'),_0x2fdc6a&&_0x3f0867['current']&&_0xe002a['current']?.['contains'](_0x2fdc6a['target'])&&(_0x3f0867['current']['style']['display']=!a0_0x443479(_0x3e99e9['top'],_0x3e99e9['left'],_0x3e99e9['right'],_0x2fdc6a['target'])?'none':'flex');}catch(_0x44fc20){}},[_0x4b5c6f,_0x2ad8a4,_0x3f0867]);a0_0x17e9ae['useEffect'](()=>{_0x4b5c6f&&_0x3f0867['current']&&setTimeout(()=>{_0x1d2970();},0xfa);},[_0x4b5c6f,_0x3f0867['current']]),a0_0x17e9ae['useEffect'](()=>{return window?.['removeEventListener']('scroll',_0x1d2970),window?.['removeEventListener']('resize',_0x1d2970),_0x4b5c6f&&(window?.['addEventListener']('scroll',_0x1d2970,!![]),window?.['addEventListener']('resize',_0x1d2970,!![])),()=>{window?.['removeEventListener']('scroll',_0x1d2970),window?.['removeEventListener']('resize',_0x1d2970);};},[_0x4b5c6f,_0x1d2970]),a0_0x17e9ae['useEffect'](()=>{_0x1d2970();},[_0xe40f86['rows']['length'],_0x26bb0a]);const _0x53acfb={};_0x53acfb['className']='d-select-sg-container';const _0x3d9b77={};_0x3d9b77['position']='fixed',_0x3d9b77['left']=0x0,_0x3d9b77['top']=0x0,_0x3d9b77['right']=0x0,_0x3d9b77['bottom']=0x0,_0x3d9b77['zIndex']=0xbbd,_0x3d9b77['display']='flex',_0x3d9b77['flexDirection']='column',_0x3d9b77['justifyContent']='center',_0x3d9b77['backgroundColor']='#17171754',_0x3d9b77['boxShadow']='0px\x200px\x205px\x20black';const _0x39d678={};_0x39d678['style']=_0x3d9b77;const _0x2a74a6={};_0x2a74a6['minWidth']='15rem',_0x2a74a6['maxWidth']='21rem',_0x2a74a6['display']='flex',_0x2a74a6['flexDirection']='column',_0x2a74a6['margin']='auto';const _0x1012e4={};_0x1012e4['style']=_0x2a74a6;const _0x207942={};_0x207942['marginBottom']=0x2;const _0x6527a7={};_0x6527a7['minHeight']='15.5rem',_0x6527a7['maxHeight']='15.5rem',_0x6527a7['boxShadow']='0px\x201px\x207px\x20#b3b3b3';const _0xc28e59={};_0xc28e59['paddingBottom']='1rem';const _0x35b344={};_0x35b344['className']='d-select-sg-list-ul\x20d-scrollbar-hide',_0x35b344['style']=_0xc28e59;const _0x4de2ea={};_0x4de2ea['className']='d-select-empty-list';const _0x2ab4cf={};_0x2ab4cf['className']='d-select-sg-list-mb';const _0x15aaa1={};_0x15aaa1['btnType']='danger',_0x15aaa1['onClick']=_0x572800;const _0x463994={};_0x463994['btnType']='success',_0x463994['onClick']=_0x31ac7d;const _0xb86064={};_0xb86064['maxHeight']='15.5rem',_0xb86064['boxShadow']='0px\x201px\x207px\x20#b3b3b3';const _0xf3decb={};_0xf3decb['paddingBottom']='1rem';const _0x44f305={};_0x44f305['className']='d-select-sg-list-ul\x20d-scrollbar-hide',_0x44f305['style']=_0xf3decb;const _0x5e7c4d={};return _0x5e7c4d['className']='d-select-empty-list',a0_0x17e9ae['createElement'](a0_0x4883da,{'referances':[_0xe002a,_0x3f0867],'isOpen':_0x4b5c6f,'onClickOutside':()=>{if(_0xe40f86['issm'])return;_0x36e8e1(![]),_0x127cdc('');},'render':()=>a0_0x17e9ae['createElement']('div',{'id':_0xba5ddd['id'],'className':'d-w-full','onClick':()=>{!_0xba5ddd['disabled']&&!_0xe40f86['issm']&&_0x36e8e1(!![]);}},a0_0x17e9ae['createElement']('div',{'ref':_0xe002a,'className':'d-select-fc'},a0_0x17e9ae['createElement']('input',{'ref':_0x2ad8a4,'role':'combobox','className':'d-select-fc-input\x20'+(_0xba5ddd['size']==='sm'?'d-select-fc-input-sm':'')+'\x20'+_0xba5ddd['className']+'\x20'+(_0x4b5c6f?'text-left-important':''),'readOnly':!_0x4b5c6f,'autoFocus':![],'disabled':_0xba5ddd['disabled'],'name':_0xba5ddd['name'],'type':'text','placeholder':_0x4b5c6f?_0xba5ddd['searchholder']||a0_0x171d57['globalConfigs']['searchholder']||'':_0xba5ddd['placeholder'],'value':_0x4b5c6f?_0x26bb0a:_0xe40f86['selectLabels'],'inputMode':'none','onClick':_0x3d8ca4=>{try{_0xe40f86['issm']&&_0x3d8ca4['preventDefault']();}catch(_0x2e71fe){}try{_0x3d8ca4['stopPropagation']();}catch(_0x46b2e8){}if(_0xba5ddd['disabled'])return;!_0x4b5c6f&&(_0x27a690['current']=_0xba5ddd['value']),_0x36e8e1(!![]);},'onChange':_0x4568f7=>_0x127cdc(_0x4568f7['target']['value']?.['toLowerCase']()),'onBlur':_0xba5ddd['onBlur']}),Boolean(_0xe40f86['selectIds']['length'])&&a0_0x17e9ae['createElement']('div',{'key':_0xe40f86['selectIds']['length'],'className':'d-select-multi-counter\x20multi-counter-blink'},_0xe40f86['selectIds']['length']),Boolean(!_0xba5ddd['noclean']&&_0xe40f86['selects']['length']&&!_0xba5ddd['disabled'])&&a0_0x17e9ae['createElement'](a0_0x298584['CloseIcon'],{'className':_0xe40f86['ddicss'],'onClick':_0x17db4e}),a0_0x17e9ae['createElement'](a0_0x298584['DownIcon'],{'className':_0xe40f86['ddicss']})),_0x4b5c6f&&a0_0x17e9ae['createElement']('div',_0x53acfb,_0xe40f86['issm']?(0x0,a0_0x4c5355['createPortal'])(a0_0x17e9ae['createElement']('div',_0x39d678,a0_0x17e9ae['createElement']('div',_0x1012e4,a0_0x17e9ae['createElement']('input',{'role':'mssearch','readOnly':!_0x4b5c6f,'autoFocus':![],'disabled':_0xba5ddd['disabled'],'type':'text','style':_0x207942,'placeholder':_0xba5ddd['searchholder']||a0_0x171d57['globalConfigs']['searchholder']||_0xba5ddd['placeholder'],'value':_0x26bb0a,'onChange':_0x823cb=>_0x127cdc(_0x823cb['target']['value']?.['toLowerCase']()),'onBlur':_0xba5ddd['onBlur']}),a0_0x17e9ae['createElement']('div',{'ref':_0x3f0867,'className':'d-select-sg-list-m','style':_0x6527a7},a0_0x17e9ae['createElement']('ul',_0x35b344,_0xe40f86['rows']['length']&&_0xba5ddd['selectall']?a0_0x17e9ae['createElement'](a0_0x17e9ae['Fragment'],null,a0_0x17e9ae['createElement'](a0_0x58f68c['Checkbox'],{'className':'d-select-multi-item\x20d-selct-hover','checked':_0xe40f86['isAllSelected'],'label':_0xba5ddd['selectall'],'value':!![],'onClick':_0x17012e=>_0x2c0d6d(_0x17012e)}),a0_0x17e9ae['createElement']('hr',null)):a0_0x17e9ae['createElement'](a0_0x17e9ae['Fragment'],null),!_0xe40f86['rows']['length']?a0_0x17e9ae['createElement']('h3',_0x4de2ea,_0xba5ddd['emptydata']||a0_0x171d57['globalConfigs']['emptydata']||''):a0_0x17e9ae['createElement'](a0_0x17e9ae['Fragment'],null),_0xe40f86['rows']?.['map'](_0xdd4ffd=>a0_0x17e9ae['createElement'](a0_0x58f68c['Checkbox'],{'key':_0xdd4ffd['id'],'className':'d-select-multi-item\x20d-selct-hover','checked':_0xdd4ffd['checked'],'label':_0xdd4ffd['label'],'value':_0xdd4ffd['id'],'onChange':_0x44eacb=>_0x1d19b4(_0x44eacb,_0xdd4ffd['id'])})))),a0_0x17e9ae['createElement']('div',_0x2ab4cf,a0_0x17e9ae['createElement'](a0_0x161963['Button'],_0x15aaa1,'✖'),a0_0x17e9ae['createElement'](a0_0x161963['Button'],_0x463994,'✔')))),document?.['body']):(0x0,a0_0x4c5355['createPortal'])(a0_0x17e9ae['createElement']('div',{'ref':_0x3f0867,'className':'d-select-sg-list','style':_0xb86064},a0_0x17e9ae['createElement']('ul',_0x44f305,_0xe40f86['rows']['length']&&_0xba5ddd['selectall']?a0_0x17e9ae['createElement'](a0_0x17e9ae['Fragment'],null,a0_0x17e9ae['createElement'](a0_0x58f68c['Checkbox'],{'className':'d-select-multi-item\x20d-selct-hover','checked':_0xe40f86['isAllSelected'],'label':_0xba5ddd['selectall'],'value':!![],'onClick':_0x4032e5=>_0x2c0d6d(_0x4032e5)}),a0_0x17e9ae['createElement']('hr',null)):a0_0x17e9ae['createElement'](a0_0x17e9ae['Fragment'],null),!_0xe40f86['rows']['length']?a0_0x17e9ae['createElement']('h3',_0x5e7c4d,_0xba5ddd['emptydata']||a0_0x171d57['globalConfigs']['emptydata']||''):a0_0x17e9ae['createElement'](a0_0x17e9ae['Fragment'],null),_0xe40f86['rows']?.['map'](_0x481770=>a0_0x17e9ae['createElement'](a0_0x58f68c['Checkbox'],{'key':_0x481770['id'],'className':'d-select-multi-item\x20d-selct-hover','checked':_0x481770['checked'],'label':_0x481770['label'],'value':_0x481770['id'],'onChange':_0x4584df=>_0x1d19b4(_0x4584df,_0x481770['id'])})))),document?.['body'])))});}function a0_0x846c5(_0x5acb5a){return a0_0x177ebb(_0x5acb5a);}exports['Multiselect']=a0_0x846c5;