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 kB
'use strict';var a0_0x22945c=this&&this['__createBinding']||(Object['create']?function(_0x53112a,_0x3dfd35,_0x2f3278,_0x34e6a0){if(_0x34e6a0===undefined)_0x34e6a0=_0x2f3278;var _0x3a0be6=Object['getOwnPropertyDescriptor'](_0x3dfd35,_0x2f3278);if(!_0x3a0be6||('get'in _0x3a0be6?!_0x3dfd35['__esModule']:_0x3a0be6['writable']||_0x3a0be6['configurable'])){const _0x946999={};_0x946999['enumerable']=!![],_0x946999['get']=function(){return _0x3dfd35[_0x2f3278];},_0x3a0be6=_0x946999;}Object['defineProperty'](_0x53112a,_0x34e6a0,_0x3a0be6);}:function(_0x49efef,_0x4f62f0,_0xfaf077,_0x572c56){if(_0x572c56===undefined)_0x572c56=_0xfaf077;_0x49efef[_0x572c56]=_0x4f62f0[_0xfaf077];}),a0_0x142c79=this&&this['__setModuleDefault']||(Object['create']?function(_0x278b7f,_0x538cec){const _0x22a6a2={};_0x22a6a2['enumerable']=!![],_0x22a6a2['value']=_0x538cec,Object['defineProperty'](_0x278b7f,'default',_0x22a6a2);}:function(_0x5ccff3,_0x3a3c4e){_0x5ccff3['default']=_0x3a3c4e;}),a0_0xcb5075=this&&this['__importStar']||function(_0x141676){if(_0x141676&&_0x141676['__esModule'])return _0x141676;var _0x43da5e={};if(_0x141676!=null){for(var _0x711d14 in _0x141676)if(_0x711d14!=='default'&&Object['prototype']['hasOwnProperty']['call'](_0x141676,_0x711d14))a0_0x22945c(_0x43da5e,_0x141676,_0x711d14);}return a0_0x142c79(_0x43da5e,_0x141676),_0x43da5e;};const a0_0xe7e6ab={};a0_0xe7e6ab['value']=!![],Object['defineProperty'](exports,'__esModule',a0_0xe7e6ab),exports['ContextPanel']=exports['ContextMenu']=exports['ContextItem']=void 0x0;const a0_0x47674b=require('react/jsx-runtime'),a0_0x4f4521=a0_0xcb5075(require('react')),a0_0x1c7aa6=require('react-dom'),a0_0x56e413=require('./common'),a0_0x13598f=()=>{};var a0_0x14ebca;(function(_0x30f590){_0x30f590['MOUSE_DOWN']='mousedown',_0x30f590['MOUSE_UP']='mouseup',_0x30f590['MOUSE_MOVE']='mousemove',_0x30f590['MOUSE_CLICK']='click',_0x30f590['FOCUS']='focus';}(a0_0x14ebca||(a0_0x14ebca={})));function a0_0x134dfa(_0x160862){const _0x3f2c3c=a0_0x4f4521['useCallback'](_0xc17a4d=>{_0x160862['isOpen']&&!_0x160862['referances']['map'](_0x4f3f36=>_0x4f3f36['current']?.['contains'](_0xc17a4d['target']))['filter'](_0x2ee18b=>_0x2ee18b)['length']&&_0x160862['onClickOutside']();},[_0x160862['referances'],_0x160862['isOpen'],_0x160862['onClickOutside']]);return a0_0x4f4521['useEffect'](()=>{return window?.['removeEventListener'](a0_0x14ebca['MOUSE_UP'],_0x3f2c3c,!![]),window?.['removeEventListener'](a0_0x14ebca['MOUSE_CLICK'],_0x3f2c3c,!![]),document?.['removeEventListener'](a0_0x14ebca['FOCUS'],_0x3f2c3c,!![]),_0x160862['isOpen']&&(window?.['addEventListener'](a0_0x14ebca['MOUSE_UP'],_0x3f2c3c,!![]),window?.['addEventListener'](a0_0x14ebca['MOUSE_CLICK'],_0x3f2c3c,!![]),document?.['addEventListener'](a0_0x14ebca['FOCUS'],_0x3f2c3c,!![])),()=>{window?.['removeEventListener'](a0_0x14ebca['MOUSE_UP'],_0x3f2c3c,!![]),window?.['removeEventListener'](a0_0x14ebca['MOUSE_CLICK'],_0x3f2c3c,!![]),document?.['removeEventListener'](a0_0x14ebca['FOCUS'],_0x3f2c3c,!![]);};},[_0x3f2c3c]),(0x0,a0_0x47674b['jsx'])(a0_0x47674b['Fragment'],{'children':_0x160862['render']()});}function a0_0x1f1ab1(_0x47e184,_0xb073ea,_0x27df0e,_0x2baf1d){const _0x37c798=_0x2baf1d['getBoundingClientRect']()['top'],_0x435a0f=_0x2baf1d['getBoundingClientRect']()['bottom'],_0x20bbee=_0x2baf1d['getBoundingClientRect']()['left'],_0x48ab97=_0x2baf1d['getBoundingClientRect']()['right'],_0xbe8800=_0x37c798<=_0x47e184&&_0x47e184<=_0x435a0f&&_0x20bbee<=_0xb073ea&&_0x48ab97>=_0x27df0e;return _0xbe8800;}function a0_0x20e002({className:_0x204b53,..._0x499159}){return(0x0,a0_0x47674b['jsx'])('div',{'className':'d-hover-cursor-pointer\x20d-context-item\x20'+(_0x204b53||''),'onClick':()=>_0x499159['onClick'](),..._0x499159,'children':_0x499159['children']});}function a0_0x3cdff5(_0x39a5f1){return a0_0x20e002(_0x39a5f1);}exports['ContextItem']=a0_0x3cdff5;const a0_0x491315={};a0_0x491315['click']='click',a0_0x491315['hover']='hover',a0_0x491315['click&hover']='click&hover';const a0_0x4bc0bb=a0_0x491315,a0_0x484b23=()=>{};function a0_0x2d2b5e(_0xe84642='any'){return!a0_0x56e413['globalConfigs']['contextDelay']?_0xe84642:_0xe84642==='manuel'||_0xe84642==='outside'?_0xe84642:'outside';}function a0_0x57894e({direction:direction='ltr',..._0x1b9d4d}){const _0x57f21c=a0_0x4f4521['useRef'](undefined),_0x3f4d7f=a0_0x4f4521['useRef'](undefined),_0x490804=a0_0x4f4521['useRef'](undefined),_0x4616df=a0_0x4f4521['useRef'](![]),_0x1be438=a0_0x4f4521['useState']();function _0x9cee04(){_0x1be438[0x1](new Date()['getTime']());}function _0x3810a1(_0x4ae1c9){_0x4616df['current']=_0x4ae1c9,_0x9cee04();}const _0x5e3d0c=_0x15ae1f=>{_0x3810a1(_0x15ae1f),_0x1b9d4d['onChangeStatus']&&_0x1b9d4d['onChangeStatus'](![]);},_0x3540ae=a0_0x4f4521['useCallback'](_0x125d3f=>{const _0x27d2e1=_0x57f21c['current']?.['getBoundingClientRect']();if(_0x3f4d7f['current']){_0x3f4d7f['current']['style']['display']='block';let _0x1ea97a=_0x27d2e1?.['top']+_0x27d2e1?.['height']+_0x3f4d7f['current']['offsetHeight']<window?.['innerHeight']?_0x27d2e1?.['top']+_0x27d2e1?.['height']:_0x27d2e1?.['top']-_0x3f4d7f['current']['offsetHeight'],_0x5877dc=direction==='ltr'?_0x27d2e1?.['left']+_0x27d2e1?.['width']:_0x27d2e1?.['left']-_0x3f4d7f['current']['offsetWidth'];_0x5877dc<0x0&&(_0x5877dc=_0x27d2e1?.['left']+_0x27d2e1?.['width']),_0x5877dc+_0x3f4d7f['current']['offsetWidth']>window?.['innerWidth']&&(_0x5877dc=_0x27d2e1?.['left']-_0x3f4d7f['current']['offsetWidth']),_0x3f4d7f['current']['style']['left']=(_0x5877dc<=0x0?0x0:_0x5877dc)+'px',_0x3f4d7f['current']['style']['maxHeight']=_0x3f4d7f['current']['scrollHeight']+'px',_0x1ea97a<0x0&&(_0x1ea97a=0x0),_0x3f4d7f['current']['style']['top']=_0x1ea97a+'px',_0x3f4d7f['current']['scrollHeight']>=window?.['innerHeight']&&(_0x3f4d7f['current']['style']['top']=0x0+'px',_0x3f4d7f['current']['style']['bottom']=0x0+'px',_0x3f4d7f['current']['style']['overflowY']='auto',_0x3f4d7f['current']['style']['maxHeight']=window?.['innerHeight']+'px');}_0x125d3f&&_0x3f4d7f['current']&&_0x125d3f?.['target']?.['contains']&&_0x125d3f?.['target']?.['contains'](_0x57f21c['current'])&&(_0x3f4d7f['current']['style']['display']=!a0_0x1f1ab1(_0x27d2e1['top'],_0x27d2e1['left'],_0x27d2e1['right'],_0x125d3f['target'])?'none':'block');},[_0x4616df['current'],_0x57f21c,_0x3f4d7f]),_0x55528e=a0_0x4f4521['useCallback'](()=>{!_0x490804['current']&&_0x4616df['current']&&_0x57f21c['current']&&(_0x490804['current']=setTimeout(()=>{_0x490804['current']=null,window&&_0x4616df['current']&&_0x57f21c['current']&&_0x3540ae();},0x3e8));},[_0x3540ae,_0x4616df['current'],_0x57f21c['current'],_0x3f4d7f['current']]),_0x454b45=a0_0x4f4521['useMemo'](()=>{const _0x113062=a0_0x4bc0bb[_0x1b9d4d['event']]||'click&hover';let _0x4d58e0;const _0x1ed7f6=_0x524e3a=>{if(_0x4d58e0)return;window&&(_0x4d58e0=setTimeout(()=>{_0x4d58e0=null,![_0x57f21c,_0x3f4d7f]['map'](_0x28ac2e=>_0x28ac2e['current']?.['matches'](':hover'))['filter'](_0x48f8c9=>_0x48f8c9)['length']&&_0x5e3d0c(![]);},0xfa));},_0x1b3e14=()=>_0x5e3d0c(!![]),_0x5a58e7=()=>_0x5e3d0c(![]),_0x51f242=a0_0x2d2b5e(_0x1b9d4d['close']),_0x45cea4={};return _0x45cea4['onHover']=!_0x4616df['current']&&!_0x1b9d4d['disabled']&&(_0x113062=='hover'||_0x113062==='click&hover')?_0x1b3e14:a0_0x484b23,_0x45cea4['onLeave']=_0x4616df['current']&&(_0x51f242=='any'||_0x51f242=='leave')?_0x1ed7f6:a0_0x484b23,_0x45cea4['onClick']=!_0x1b9d4d['disabled']&&(_0x113062==='click'||_0x113062==='click&hover')&&!_0x4616df['current']?_0x1b3e14:_0x4616df['current']&&(_0x113062==='click'||_0x113062==='click&hover')?_0x5a58e7:a0_0x484b23,_0x45cea4['onClickOutside']=_0x4616df['current']&&(_0x51f242=='any'||_0x51f242=='outside')?_0x5a58e7:a0_0x484b23,_0x45cea4['onClose']=_0x51f242!='any'?a0_0x484b23:_0x5a58e7,_0x45cea4;},[_0x1b9d4d['event'],_0x1b9d4d['disabled'],_0x4616df['current'],_0x57f21c,_0x3f4d7f]);return a0_0x4f4521['useEffect'](()=>{window&&_0x4616df['current']&&_0x57f21c['current']&&setTimeout(()=>{_0x3540ae(),setTimeout(()=>{_0x3540ae();},0x271);},0x1f4);},[_0x4616df['current'],_0x57f21c['current']]),a0_0x4f4521['useEffect'](()=>{return window?.['removeEventListener']('scroll',_0x3540ae),window?.['removeEventListener']('resize',_0x3540ae),window?.['removeEventListener']('mousemove',_0x55528e),window?.['removeEventListener']('touchend',_0x55528e),_0x4616df['current']&&(window?.['addEventListener']('scroll',_0x3540ae,!![]),window?.['addEventListener']('resize',_0x3540ae,!![]),window?.['addEventListener']('mousemove',_0x55528e,!![]),window?.['addEventListener']('touchend',_0x55528e,!![])),()=>{window?.['removeEventListener']('scroll',_0x3540ae),window?.['removeEventListener']('resize',_0x3540ae),window?.['removeEventListener']('mousemove',_0x55528e),window?.['removeEventListener']('touchend',_0x55528e);};},[_0x4616df['current'],_0x3540ae]),a0_0x4f4521['useEffect'](()=>{return _0x4616df['current']&&_0x3f4d7f['current']&&(_0x3f4d7f['current']?.['removeEventListener']('scroll',_0x3540ae),_0x3f4d7f['current']?.['removeEventListener']('resize',_0x3540ae),_0x4616df['current']&&(_0x3f4d7f['current']?.['addEventListener']('scroll',_0x3540ae,!![]),_0x3f4d7f['current']?.['addEventListener']('resize',_0x3540ae,!![]))),()=>{_0x3f4d7f['current']?.['removeEventListener']('scroll',_0x3540ae),_0x3f4d7f['current']?.['removeEventListener']('resize',_0x3540ae);};},[_0x4616df['current'],_0x3f4d7f]),(0x0,a0_0x47674b['jsx'])(a0_0x134dfa,{'isOpen':_0x4616df['current'],'referances':[_0x57f21c,_0x3f4d7f],'onClickOutside':_0x454b45['onClickOutside'],'render':()=>(0x0,a0_0x47674b['jsxs'])('div',{'id':_0x1b9d4d['id'],'ref':_0x57f21c,'onMouseLeave':_0x454b45['onLeave'],'children':[(0x0,a0_0x47674b['jsx'])('div',{'className':_0x4616df['current']?'context-um-active':'','onClick':_0x454b45['onClick'],'onMouseEnter':_0x454b45['onHover'],'children':_0x1b9d4d['children']}),_0x4616df['current']&&(0x0,a0_0x1c7aa6['createPortal'])((0x0,a0_0x47674b['jsx'])('div',{'ref':_0x3f4d7f,'className':'d-context-ic','onMouseEnter':_0x454b45['onHover'],'onClick':_0x454b45['onClose'],'children':_0x1b9d4d['context'](_0x1b9d4d['data']||null,()=>_0x3810a1(![]))}),document?.['body'])]})});}function a0_0xd4127a(_0x4c73e5){return a0_0x57894e(_0x4c73e5);}exports['ContextMenu']=a0_0xd4127a;function a0_0x56899d(_0x8660b4){const _0x12eeeb=a0_0x4f4521['useRef'](undefined),_0x4150ad=a0_0x4f4521['useRef'](undefined),_0x27d478=a0_0x4f4521['useRef'](undefined),_0x31252e=a0_0x4f4521['useRef'](![]),_0x24fcd4=a0_0x4f4521['useState']();function _0x13b973(){_0x24fcd4[0x1](new Date()['getTime']());}function _0x25dd25(){_0x31252e['current']=![],_0x13b973();}function _0x3fce17(){_0x31252e['current']=!![],_0x13b973();}function _0x209822(){_0x31252e['current']=!_0x31252e['current'],_0x13b973();}const _0x10ce75=a0_0x4f4521['useCallback'](_0x1b4212=>{const _0x3ea923=_0x12eeeb['current']?.['getBoundingClientRect']();let _0x1209a9=0x0,_0xb8c490=0x0,_0x27bbb9=0x0;_0x4150ad['current']&&(_0x4150ad['current']['style']['display']='block',_0x8660b4['position']=='top'?(_0xb8c490=_0x3ea923?.['top']-_0x4150ad['current']['offsetHeight'],_0x27bbb9=_0x3ea923?.['top']):(_0xb8c490=_0x3ea923?.['top']+_0x3ea923?.['height'],_0x27bbb9=window?.['innerHeight']-_0xb8c490),_0x1209a9=_0x3ea923?.['left']+_0x3ea923?.['width']/0x2-_0x4150ad['current']['offsetWidth']/0x2,_0x1209a9+_0x4150ad['current']['offsetWidth']>window?.['innerWidth']&&(_0x1209a9=window?.['innerWidth']-_0x4150ad['current']['offsetWidth']),_0x1209a9<0x0&&(_0x1209a9=0x0),_0x4150ad['current']['style']['left']=_0x1209a9+'px',_0x4150ad['current']['style']['top']=_0xb8c490+'px',_0x4150ad['current']['style']['maxHeight']=_0x27bbb9+'px'),_0x1b4212&&_0x4150ad['current']&&_0x1b4212['target']?.['contains']&&_0x1b4212['target']?.['contains'](_0x12eeeb['current'])&&(_0x4150ad['current']['style']['display']=!a0_0x1f1ab1(_0x3ea923['top'],_0x3ea923['left'],_0x3ea923['right'],_0x1b4212['target'])?'none':'block');},[_0x31252e['current'],_0x12eeeb['current'],_0x4150ad['current']]),_0x199622=a0_0x4f4521['useCallback'](()=>{!_0x27d478['current']&&_0x31252e['current']&&_0x12eeeb['current']&&(_0x27d478['current']=setTimeout(()=>{_0x27d478['current']=null,window&&_0x31252e['current']&&_0x12eeeb['current']&&_0x10ce75();},0x3e8));},[_0x10ce75,_0x31252e['current'],_0x12eeeb['current'],_0x4150ad['current']]);return a0_0x4f4521['useEffect'](()=>{window&&_0x31252e['current']&&_0x12eeeb['current']&&setTimeout(()=>{_0x10ce75(),setTimeout(()=>{_0x10ce75();},0x271);},0x15e),_0x8660b4['onChange']&&_0x8660b4['onChange'](_0x31252e['current']);},[_0x31252e['current'],_0x12eeeb['current']]),a0_0x4f4521['useEffect'](()=>{return window?.['removeEventListener']('scroll',_0x10ce75),window?.['removeEventListener']('resize',_0x10ce75),window?.['removeEventListener']('mousemove',_0x199622),window?.['removeEventListener']('touchend',_0x199622),_0x31252e['current']&&(window?.['addEventListener']('scroll',_0x10ce75,!![]),window?.['addEventListener']('resize',_0x10ce75,!![]),window?.['addEventListener']('mousemove',_0x199622,!![]),window?.['addEventListener']('touchend',_0x199622,!![])),()=>{window?.['removeEventListener']('scroll',_0x10ce75),window?.['removeEventListener']('resize',_0x10ce75),window?.['removeEventListener']('mousemove',_0x199622),window?.['removeEventListener']('touchend',_0x199622);};},[_0x31252e['current'],_0x10ce75,_0x199622]),a0_0x4f4521['useEffect'](()=>{_0x31252e['current']=_0x8660b4['open'],_0x13b973();},[_0x8660b4['open']]),(0x0,a0_0x47674b['jsx'])(a0_0x134dfa,{'isOpen':_0x31252e['current'],'referances':[_0x12eeeb,_0x4150ad],'onClickOutside':()=>{_0x8660b4['onClickOutSide']&&_0x8660b4['onClickOutSide']({'data':_0x8660b4['data']||null,'open':_0x31252e['current'],'onClose':_0x25dd25,'onOpen':_0x3fce17,'onSwitch':_0x209822});},'render':()=>(0x0,a0_0x47674b['jsxs'])('div',{'id':_0x8660b4['id'],'ref':_0x12eeeb,'children':[(0x0,a0_0x47674b['jsx'])('div',{'className':_0x31252e['current']?'context-pm-active':'','onClick':()=>{_0x8660b4['event']==='open_click'&&_0x3fce17(),_0x8660b4['onClick']&&_0x8660b4['onClick']({'data':_0x8660b4['data']||null,'open':_0x31252e['current'],'onClose':_0x25dd25,'onOpen':_0x3fce17,'onSwitch':_0x209822});},'onMouseEnter':()=>{_0x8660b4['event']==='open_hover'&&_0x3fce17(),_0x8660b4['onMouseEnter']&&_0x8660b4['onMouseEnter']({'data':_0x8660b4['data']||null,'open':_0x31252e['current'],'onClose':_0x25dd25,'onOpen':_0x3fce17,'onSwitch':_0x209822});},'onMouseLeave':()=>{_0x8660b4['onMouseLeave']&&_0x8660b4['onMouseLeave']({'data':_0x8660b4['data']||null,'open':_0x31252e['current'],'onClose':_0x25dd25,'onOpen':_0x3fce17,'onSwitch':_0x209822});},'children':_0x8660b4['children']}),_0x31252e['current']&&(0x0,a0_0x1c7aa6['createPortal'])((0x0,a0_0x47674b['jsx'])('div',{'ref':_0x4150ad,'className':_0x8660b4['className']+'\x20d-context-pm','children':_0x8660b4['context'](_0x8660b4['data']||null,()=>_0x25dd25())}),document?.['body'])]})});}function a0_0x8985ce(_0x222131){return a0_0x56899d(_0x222131);}exports['ContextPanel']=a0_0x8985ce;