@ehfuse/mui-virtual-data-table 1.1.20 → 1.1.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +3 -3
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/dist/types.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Ge=Object.defineProperty;var rt=Object.getOwnPropertyDescriptor;var nt=Object.getOwnPropertyNames;var ot=Object.prototype.hasOwnProperty;var it=(s,f)=>{for(var g in f)Ge(s,g,{get:f[g],enumerable:!0})},lt=(s,f,g,y)=>{if(f&&typeof f=="object"||typeof f=="function")for(let v of nt(f))!ot.call(s,v)&&v!==g&&Ge(s,v,{get:()=>f[v],enumerable:!(y=rt(f,v))||y.enumerable});return s};var at=s=>lt(Ge({},"__esModule",{value:!0}),s);var xt={};it(xt,{VirtualDataTable:()=>et});module.exports=at(xt);var u=require("react"),p=require("@mui/material"),Qe=require("react-virtuoso");var Ve=require("react/jsx-runtime"),ve=require("react"),We=require("@mui/material"),Oe=function(){return Oe=Object.assign||function(f){for(var g,y=1,v=arguments.length;y<v;y++){g=arguments[y];for(var I in g)Object.prototype.hasOwnProperty.call(g,I)&&(f[I]=g[I])}return f},Oe.apply(this,arguments)};function Ke(s){var f=s.visible,g=s.onComplete,y=s.fadeoutDuration,v=y===void 0?200:y,I=s.exitDelay,S=I===void 0?0:I,L=s.size,O=L===void 0?40:L,Y=s.className,K=s.style,j=s.sx,U=s.indicator,$=s.background,_=$===void 0?{show:!0,color:"255, 255, 255",opacity:.9}:$,se=(0,ve.useRef)(void 0),d=(0,ve.useRef)(null),G=(0,ve.useState)(f),ce=G[0],ue=G[1],V=_.show,X=V===void 0?!0:V,k=_.color,F=k===void 0?"255, 255, 255":k,te=_.opacity,re=te===void 0?.9:te;if((0,ve.useEffect)(function(){var ne=se.current;if(ne===!0&&f===!1&&d.current){var oe=d.current;oe.style.opacity="0",setTimeout(function(){ue(!1),g?.()},v+S)}else f===!0&&(ue(!0),d.current&&(d.current.style.opacity="1"));se.current=f},[f,g,v,S]),!ce)return null;var we=function(){return typeof U=="string"?(0,Ve.jsx)("img",{src:U,alt:"Loading",style:{width:O,height:O}}):U||(0,Ve.jsx)(We.CircularProgress,{size:O})},de=function(){return X?F.startsWith("rgba")?{backgroundColor:F}:/^\d+,\s*\d+,\s*\d+$/.test(F)?{backgroundColor:"rgba(".concat(F,", ").concat(re,")")}:re!==1?{backgroundColor:F,"&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:F,opacity:re,zIndex:-1}}:{backgroundColor:F}:{backgroundColor:"transparent"}};return(0,Ve.jsx)(We.Box,{ref:d,className:Y,style:Oe({},K),sx:Oe(Oe({position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,opacity:f?1:0,transition:"opacity ".concat(v,"ms ease-out")},de()),j),children:we()})}var n=require("react"),ee=require("react/jsx-runtime"),st=["editor","textarea","input","select","textfield","form-control","contenteditable","MuiInputBase-input","MuiSelect-select","MuiOutlinedInput-input","MuiFilledInput-input","MuiInput-input","MuiFormControl-root","MuiTextField-root","MuiSelect-root","MuiOutlinedInput-root","MuiFilledInput-root","MuiInput-root","MuiAutocomplete-input","MuiDatePicker-input","MuiSlider-thumb","MuiSlider-rail","MuiSlider-track","MuiSlider-mark","MuiSlider-markLabel","MuiSlider-root","MuiSlider-colorPrimary","MuiSlider-sizeMedium","MuiIconButton-root","MuiButton-root","MuiButtonBase-root","MuiTouchRipple-root","MuiCheckbox-root","MuiRadio-root","MuiSwitch-root","PrivateSwitchBase-root","ant-input","ant-input-affix-wrapper","ant-input-group-addon","ant-input-number","ant-input-number-handler","ant-select","ant-select-selector","ant-select-selection-search","ant-select-dropdown","ant-cascader","ant-cascader-input","ant-picker","ant-picker-input","ant-time-picker","ant-calendar-picker","ant-slider","ant-slider-track","ant-slider-handle","ant-switch","ant-checkbox","ant-checkbox-wrapper","ant-radio","ant-radio-wrapper","ant-rate","ant-upload","ant-upload-drag","ant-form-item","ant-form-item-control","ant-btn","ant-dropdown","ant-dropdown-trigger","ant-menu","ant-menu-item","ant-tooltip","ant-popover","ant-modal","ant-drawer","ant-tree-select","ant-auto-complete","ant-mentions","ant-transfer","ui-input","ui-textarea","ui-select","ui-select-trigger","ui-select-content","ui-select-item","ui-button","ui-checkbox","ui-radio-group","ui-switch","ui-slider","ui-range-slider","ui-calendar","ui-date-picker","ui-combobox","ui-command","ui-command-input","ui-popover","ui-dialog","ui-sheet","ui-dropdown-menu","ui-context-menu","ui-menubar","ui-navigation-menu","ui-form","ui-form-control","ui-form-item","ui-form-field","ui-label","radix-ui","radix-select","radix-dropdown","radix-dialog","radix-popover","radix-accordion","radix-tabs","radix-slider","radix-switch","radix-checkbox","radix-radio","ql-editor","ql-container","ql-toolbar","ql-picker","ql-picker-label","ql-picker-options","ql-formats","ql-snow","ql-bubble","quill","quilleditor","monaco-editor","monaco-editor-background","view-lines","decorationsOverviewRuler","monaco-scrollable-element","CodeMirror","CodeMirror-code","CodeMirror-lines","CodeMirror-scroll","CodeMirror-sizer","cm-editor","cm-focused","cm-content","tox-editor-container","tox-editor-header","tox-edit-area","tox-tinymce","mce-content-body","ck-editor","ck-content","ck-toolbar","ck-editor__editable","ck-widget","slate-editor","slate-content","DraftEditor-root","DraftEditor-editorContainer","public-DraftEditor-content","ehfuse-editor","ehfuse-editor-wrapper","ehfuse-editor-content","ehfuse-toolbar","ehfuse-toolbar-group","ehfuse-cursor","text-editor","rich-text-editor","wysiwyg","ace_editor","ace_content"],Ue=(s,f)=>{let g=s.tagName.toLowerCase(),y=["text","password","email","number","search","tel","url","checkbox","radio"];if(g==="input"){let v=s.type;return y.includes(v)}if(["textarea","select","button"].includes(g)||["svg","path","circle","rect","line","polygon","polyline"].includes(g)||s.getAttribute("contenteditable")==="true")return!0;if(f?.excludeSelectors){for(let v of f.excludeSelectors)if(s.matches(v))return!0}return ct(s,f)},ct=(s,f)=>{let g=[...st,...f?.excludeClasses||[]],y=s,v=0,I=5;for(;y&&v<=I;){if(g.some(S=>y.classList.contains(S)))return!0;if(y.classList.contains("MuiDialogContent-root"))break;y=y.parentElement,v++}return!1},ut={},dt={},pt={},ft={},mt={},ht=(0,n.forwardRef)(({className:s="",style:f={},containerStyle:g={},contentStyle:y={},children:v,onScroll:I,thumb:S=ut,track:L=dt,arrows:O=pt,dragScroll:Y=ft,autoHide:K=mt,showScrollbar:j=!0,detectInnerScroll:U=!1},$)=>{let _=(0,n.useRef)({});(0,n.useEffect)(()=>{_.current={children:v,onScroll:I,showScrollbar:j,thumb:S,track:L,arrows:O,dragScroll:Y,autoHide:K}});let se=(0,n.useRef)(null),d=(0,n.useRef)(null),G=(0,n.useRef)(null),ce=(0,n.useRef)(null),ue=(0,n.useRef)(null),V=(0,n.useRef)(null),[X,k]=(0,n.useState)(!1),[F,te]=(0,n.useState)(!1),[re,we]=(0,n.useState)(!1),[de,ne]=(0,n.useState)({y:0,scrollTop:0}),[oe,qe]=(0,n.useState)(0),[je,$e]=(0,n.useState)(0),[Se,Fe]=(0,n.useState)(!1),[he,ke]=(0,n.useState)(!1),[Le,T]=(0,n.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[x,Ne]=(0,n.useState)(null),[ge,pe]=(0,n.useState)(null),[Xe,Pe]=(0,n.useState)(!1),be=(0,n.useRef)(null),[Ae,De]=(0,n.useState)(!1),xe=(0,n.useRef)(null),Me=(0,n.useRef)(null),Z=(0,n.useRef)(null),N=(0,n.useMemo)(()=>{let r=S.color??"#606060";return{width:S.width??8,minHeight:S.minHeight??50,radius:S.radius??(S.width??8)/2,color:r,opacity:S.opacity??.6,hoverColor:S.hoverColor??r,hoverOpacity:S.hoverOpacity??1}},[S]),b=(0,n.useMemo)(()=>({width:L.width??16,color:L.color??"rgba(128, 128, 128, 0.1)",visible:L.visible??!0,alignment:L.alignment??"center",radius:L.radius??N.radius??4,margin:L.margin??4}),[L,N.radius]),P=(0,n.useMemo)(()=>{let r=O.color??"#808080";return{visible:O.visible??!1,step:O.step??50,color:r,opacity:O.opacity??.6,hoverColor:O.hoverColor??r,hoverOpacity:O.hoverOpacity??1}},[O]),fe=(0,n.useMemo)(()=>({enabled:Y.enabled??!0,excludeClasses:Y.excludeClasses??[],excludeSelectors:Y.excludeSelectors??[]}),[Y]),w=(0,n.useMemo)(()=>({enabled:K.enabled??!0,delay:K.delay??1500,delayOnWheel:K.delayOnWheel??700}),[K]),D=N.width,ze=b.width,Ee=N.minHeight,A=P.visible,Ce=P.step,ie=(0,n.useCallback)(()=>{if(!d.current)return;let r=document.activeElement;r&&d.current.contains(r)&&r!==d.current||d.current.focus()},[]);(0,n.useImperativeHandle)($,()=>({getScrollContainer:()=>d.current,scrollTo:r=>{d.current&&d.current.scrollTo(r)},get scrollTop(){return d.current?.scrollTop||0},get scrollHeight(){return d.current?.scrollHeight||0},get clientHeight(){return d.current?.clientHeight||0}}),[]);let E=(0,n.useCallback)(()=>{if(V.current){let i=V.current;if(document.contains(i)&&i.scrollHeight>i.clientHeight+2)return i;V.current=null}if(!d.current)return null;if(G.current&&G.current.scrollHeight>d.current.clientHeight+2)return V.current=d.current,d.current;if(!U)return null;let r=d.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let i of r){let a=i;if(a!==d.current&&a.classList.contains("overlay-scrollbar-container"))continue;let m=a.parentElement,M=!1;for(;m&&m!==d.current;){if(m.classList.contains("overlay-scrollbar-container")&&m!==d.current){M=!0;break}m=m.parentElement}if(!M&&a.scrollHeight>a.clientHeight+2)return V.current=a,a}return null},[]),le=(0,n.useCallback)(()=>E()!==null,[E]),t=(0,n.useCallback)(()=>{xe.current&&(clearTimeout(xe.current),xe.current=null)},[]),o=(0,n.useCallback)(()=>{Me.current&&(clearTimeout(Me.current),Me.current=null)},[]),R=(0,n.useCallback)(()=>{Z.current&&(clearTimeout(Z.current),Z.current=null)},[]),h=(0,n.useCallback)(r=>{w.enabled&&(t(),xe.current=setTimeout(()=>{k(!1),xe.current=null},r))},[t,w.enabled]),l=(0,n.useCallback)(()=>{let r=E();if(!r){k(!1),Fe(!1),t();return}if(Fe(!0),!ce.current)return;w.enabled||(k(!0),t());let i=r.clientHeight,a=r.scrollHeight,m=r.scrollTop,M=0;if(se.current){let Be=window.getComputedStyle(se.current),_e=parseFloat(Be.paddingTop)||0,tt=parseFloat(Be.paddingBottom)||0;M=_e+tt}let C=A?D*2+b.margin*4:b.margin*2,W=i-C+M,q=i/a,ye=Math.max(W*q,Ee),Ie=a-i,J=W-ye,Ye=Ie>0?m/Ie*J:0;qe(ye),$e(Ye)},[E,t,A,D,Ee,w.enabled]),e=(0,n.useCallback)(r=>{r.preventDefault(),r.stopPropagation();let i=E();i&&(te(!0),ne({y:r.clientY,scrollTop:i.scrollTop}),t(),k(!0),ie())},[E,t,ie]),B=(0,n.useCallback)(r=>{if(!F)return;let i=E();if(!i)return;let a=i.clientHeight,m=i.scrollHeight-a,M=r.clientY-de.y,C=a-oe,W=M/C*m,q=Math.max(0,Math.min(m,de.scrollTop+W));i.scrollTop=q,l()},[F,de,oe,l,E]),z=(0,n.useCallback)(()=>{te(!1),le()&&h(w.delay)},[le,h,w.delay]),Re=(0,n.useCallback)(r=>{if(!ce.current)return;let i=ce.current.getBoundingClientRect(),a=r.clientY-i.top,m=E();if(!m)return;let M=m.clientHeight,C=m.scrollHeight,W=a/M*(C-M);m.scrollTop=Math.max(0,Math.min(C-M,W)),l(),k(!0),h(w.delay),ie()},[l,h,w.delay,E,ie]),Q=(0,n.useCallback)(r=>{if(r.preventDefault(),r.stopPropagation(),!d.current)return;let i=Math.max(0,d.current.scrollTop-Ce);d.current.scrollTop=i,l(),k(!0),h(w.delay),ie()},[l,h,Ce,w.delay,ie]),He=(0,n.useCallback)(r=>{if(r.preventDefault(),r.stopPropagation(),!d.current||!G.current)return;let i=d.current,a=G.current.scrollHeight-i.clientHeight,m=Math.min(a,i.scrollTop+Ce);i.scrollTop=m,l(),k(!0),h(w.delay),ie()},[l,h,Ce,w.delay,ie]),Te=(0,n.useCallback)(r=>{if(!fe.enabled)return;let i=r.target;if(Ue(i,fe)||r.button!==0)return;let a=E();a&&(a.scrollHeight<=a.clientHeight||(r.preventDefault(),ke(!0),T({x:r.clientX,y:r.clientY,scrollTop:a.scrollTop,scrollLeft:a.scrollLeft||0}),t()))},[fe,Ue,E,t]),H=(0,n.useCallback)(r=>{if(!he)return;let i=E();if(!i)return;let a=Le.x-r.clientX,m=Le.y-r.clientY;if(Math.abs(m)<3&&Math.abs(a)<3)return;k(!0);let M=Math.max(0,Math.min(i.scrollHeight-i.clientHeight,Le.scrollTop+m));i.scrollTop=M,l()},[he,Le,E,l]),me=(0,n.useCallback)(()=>{ke(!1),le()&&h(w.delay)},[le,h,w.delay]);(0,n.useEffect)(()=>{let r=C=>{l(),t(),k(!0);let W=Ae?w.delayOnWheel:w.delay;h(W),I&&I(C)},i=()=>{De(!0),be.current&&clearTimeout(be.current),be.current=setTimeout(()=>{De(!1)},300),t(),R(),Z.current=setTimeout(()=>{k(!0),Z.current=null},50)},a=[],m=E();m&&a.push(m);let M=d.current;return M&&!m&&(a.push(M),M.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(C=>{let W=C;if(W!==M&&W.classList.contains("overlay-scrollbar-container"))return;let q=W.parentElement;for(;q&&q!==M;){if(q.classList.contains("overlay-scrollbar-container")&&q!==M)return;q=q.parentElement}a.push(W)})),a.forEach(C=>{C.addEventListener("scroll",r,{passive:!0}),C.addEventListener("wheel",i,{passive:!0})}),()=>{a.forEach(C=>{C.removeEventListener("scroll",r),C.removeEventListener("wheel",i)}),be.current&&clearTimeout(be.current),Z.current&&clearTimeout(Z.current)}},[E,l,I,t,h,w,Ae]),(0,n.useEffect)(()=>{let r=a=>{let m=E();if(!m)return;let{key:M}=a,{scrollTop:C,scrollHeight:W,clientHeight:q}=m,ye=W-q,Ie=50,J=null;switch(M){case"ArrowUp":a.preventDefault(),J=Math.max(0,C-Ie);break;case"ArrowDown":a.preventDefault(),J=Math.min(ye,C+Ie);break;case"PageUp":a.preventDefault(),J=Math.max(0,C-q);break;case"PageDown":a.preventDefault(),J=Math.min(ye,C+q);break;case"Home":a.preventDefault(),J=0;break;case"End":a.preventDefault(),J=ye;break;default:return}if(J!==null){let Ye=J/ye,Be=A?D*2+b.margin*4:b.margin*2,_e=(q-Be-oe)*Ye;$e(_e),m.scrollTop=J,t(),k(!0),h(w.delay)}},i=d.current;if(i)return i.addEventListener("keydown",r),()=>{i.removeEventListener("keydown",r)}},[E,A,D,b.margin,oe,t,h,w.delay]),(0,n.useEffect)(()=>{if(he)return document.addEventListener("mousemove",H),document.addEventListener("mouseup",me),()=>{document.removeEventListener("mousemove",H),document.removeEventListener("mouseup",me)}},[he,H,me]),(0,n.useEffect)(()=>{if(F)return document.addEventListener("mousemove",B),document.addEventListener("mouseup",z),()=>{document.removeEventListener("mousemove",B),document.removeEventListener("mouseup",z)}},[F,B,z]),(0,n.useEffect)(()=>{l();let r=setTimeout(()=>{l()},100);return()=>clearTimeout(r)},[l]),(0,n.useLayoutEffect)(()=>{Pe(!0),l(),!w.enabled&&le()&&k(!0)},[le,l,w.enabled]),(0,n.useEffect)(()=>{let r=new ResizeObserver(()=>{l()}),i=[];return d.current&&i.push(d.current),G.current&&i.push(G.current),V.current&&document.contains(V.current)&&i.push(V.current),i.forEach(a=>{r.observe(a)}),()=>r.disconnect()},[l]),(0,n.useEffect)(()=>{if(!d.current)return;let r=new MutationObserver(()=>{V.current=null,l()});return r.observe(d.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>r.disconnect()},[l]);let ae=Math.max(ze,D);return(0,n.useEffect)(()=>{let r="overlay-scrollbar-webkit-hide",i=document.getElementById(r);i&&i.remove();let a=document.createElement("style");return a.id=r,a.textContent=`
|
|
1
|
+
"use strict";var Ge=Object.defineProperty;var rt=Object.getOwnPropertyDescriptor;var nt=Object.getOwnPropertyNames;var ot=Object.prototype.hasOwnProperty;var it=(a,p)=>{for(var h in p)Ge(a,h,{get:p[h],enumerable:!0})},lt=(a,p,h,S)=>{if(p&&typeof p=="object"||typeof p=="function")for(let T of nt(p))!ot.call(a,T)&&T!==h&&Ge(a,T,{get:()=>p[T],enumerable:!(S=rt(p,T))||S.enumerable});return a};var at=a=>lt(Ge({},"__esModule",{value:!0}),a);var xt={};it(xt,{VirtualDataTable:()=>et});module.exports=at(xt);var c=require("react"),d=require("@mui/material"),Qe=require("react-virtuoso");var Ve=require("react/jsx-runtime"),ve=require("react"),We=require("@mui/material"),He=function(){return He=Object.assign||function(p){for(var h,S=1,T=arguments.length;S<T;S++){h=arguments[S];for(var I in h)Object.prototype.hasOwnProperty.call(h,I)&&(p[I]=h[I])}return p},He.apply(this,arguments)};function Ke(a){var p=a.visible,h=a.onComplete,S=a.fadeoutDuration,T=S===void 0?200:S,I=a.exitDelay,D=I===void 0?0:I,E=a.size,H=E===void 0?40:E,z=a.className,K=a.style,q=a.sx,U=a.indicator,O=a.background,Y=O===void 0?{show:!0,color:"255, 255, 255",opacity:.9}:O,se=(0,ve.useRef)(void 0),u=(0,ve.useRef)(null),_=(0,ve.useState)(p),ce=_[0],ue=_[1],B=Y.show,G=B===void 0?!0:B,R=Y.color,$=R===void 0?"255, 255, 255":R,ne=Y.opacity,oe=ne===void 0?.9:ne;if((0,ve.useEffect)(function(){var ie=se.current;if(ie===!0&&p===!1&&u.current){var le=u.current;le.style.opacity="0",setTimeout(function(){ue(!1),h?.()},T+D)}else p===!0&&(ue(!0),u.current&&(u.current.style.opacity="1"));se.current=p},[p,h,T,D]),!ce)return null;var we=function(){return typeof U=="string"?(0,Ve.jsx)("img",{src:U,alt:"Loading",style:{width:H,height:H}}):U||(0,Ve.jsx)(We.CircularProgress,{size:H})},de=function(){return G?$.startsWith("rgba")?{backgroundColor:$}:/^\d+,\s*\d+,\s*\d+$/.test($)?{backgroundColor:"rgba(".concat($,", ").concat(oe,")")}:oe!==1?{backgroundColor:$,"&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:$,opacity:oe,zIndex:-1}}:{backgroundColor:$}:{backgroundColor:"transparent"}};return(0,Ve.jsx)(We.Box,{ref:u,className:z,style:He({},K),sx:He(He({position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,opacity:p?1:0,transition:"opacity ".concat(T,"ms ease-out")},de()),q),children:we()})}var o=require("react"),re=require("react/jsx-runtime"),st=["editor","textarea","input","select","textfield","form-control","contenteditable","MuiInputBase-input","MuiSelect-select","MuiOutlinedInput-input","MuiFilledInput-input","MuiInput-input","MuiFormControl-root","MuiTextField-root","MuiSelect-root","MuiOutlinedInput-root","MuiFilledInput-root","MuiInput-root","MuiAutocomplete-input","MuiDatePicker-input","MuiSlider-thumb","MuiSlider-rail","MuiSlider-track","MuiSlider-mark","MuiSlider-markLabel","MuiSlider-root","MuiSlider-colorPrimary","MuiSlider-sizeMedium","MuiIconButton-root","MuiButton-root","MuiButtonBase-root","MuiTouchRipple-root","MuiCheckbox-root","MuiRadio-root","MuiSwitch-root","PrivateSwitchBase-root","ant-input","ant-input-affix-wrapper","ant-input-group-addon","ant-input-number","ant-input-number-handler","ant-select","ant-select-selector","ant-select-selection-search","ant-select-dropdown","ant-cascader","ant-cascader-input","ant-picker","ant-picker-input","ant-time-picker","ant-calendar-picker","ant-slider","ant-slider-track","ant-slider-handle","ant-switch","ant-checkbox","ant-checkbox-wrapper","ant-radio","ant-radio-wrapper","ant-rate","ant-upload","ant-upload-drag","ant-form-item","ant-form-item-control","ant-btn","ant-dropdown","ant-dropdown-trigger","ant-menu","ant-menu-item","ant-tooltip","ant-popover","ant-modal","ant-drawer","ant-tree-select","ant-auto-complete","ant-mentions","ant-transfer","ui-input","ui-textarea","ui-select","ui-select-trigger","ui-select-content","ui-select-item","ui-button","ui-checkbox","ui-radio-group","ui-switch","ui-slider","ui-range-slider","ui-calendar","ui-date-picker","ui-combobox","ui-command","ui-command-input","ui-popover","ui-dialog","ui-sheet","ui-dropdown-menu","ui-context-menu","ui-menubar","ui-navigation-menu","ui-form","ui-form-control","ui-form-item","ui-form-field","ui-label","radix-ui","radix-select","radix-dropdown","radix-dialog","radix-popover","radix-accordion","radix-tabs","radix-slider","radix-switch","radix-checkbox","radix-radio","ql-editor","ql-container","ql-toolbar","ql-picker","ql-picker-label","ql-picker-options","ql-formats","ql-snow","ql-bubble","quill","quilleditor","monaco-editor","monaco-editor-background","view-lines","decorationsOverviewRuler","monaco-scrollable-element","CodeMirror","CodeMirror-code","CodeMirror-lines","CodeMirror-scroll","CodeMirror-sizer","cm-editor","cm-focused","cm-content","tox-editor-container","tox-editor-header","tox-edit-area","tox-tinymce","mce-content-body","ck-editor","ck-content","ck-toolbar","ck-editor__editable","ck-widget","slate-editor","slate-content","DraftEditor-root","DraftEditor-editorContainer","public-DraftEditor-content","ehfuse-editor","ehfuse-editor-wrapper","ehfuse-editor-content","ehfuse-toolbar","ehfuse-toolbar-group","ehfuse-cursor","text-editor","rich-text-editor","wysiwyg","ace_editor","ace_content"],Ue=(a,p)=>{let h=a.tagName.toLowerCase(),S=["text","password","email","number","search","tel","url","checkbox","radio"];if(h==="input"){let T=a.type;return S.includes(T)}if(["textarea","select","button"].includes(h)||["svg","path","circle","rect","line","polygon","polyline"].includes(h)||a.getAttribute("contenteditable")==="true")return!0;if(p?.excludeSelectors){for(let T of p.excludeSelectors)if(a.matches(T))return!0}return ct(a,p)},ct=(a,p)=>{let h=[...st,...p?.excludeClasses||[]],S=a,T=0,I=5;for(;S&&T<=I;){if(h.some(D=>S.classList.contains(D)))return!0;if(S.classList.contains("MuiDialogContent-root"))break;S=S.parentElement,T++}return!1},ut={},dt={},pt={},ft={},ht={},mt=(0,o.forwardRef)(({className:a="",style:p={},containerStyle:h={},contentStyle:S={},children:T,onScroll:I,thumb:D=ut,track:E=dt,arrows:H=pt,dragScroll:z=ft,autoHide:K=ht,showScrollbar:q=!0,detectInnerScroll:U=!1},O)=>{let Y=(0,o.useRef)({});(0,o.useEffect)(()=>{Y.current={children:T,onScroll:I,showScrollbar:q,thumb:D,track:E,arrows:H,dragScroll:z,autoHide:K}});let se=(0,o.useRef)(null),u=(0,o.useRef)(null),_=(0,o.useRef)(null),ce=(0,o.useRef)(null),ue=(0,o.useRef)(null),B=(0,o.useRef)(null),[G,R]=(0,o.useState)(!1),[$,ne]=(0,o.useState)(!1),[oe,we]=(0,o.useState)(!1),[de,ie]=(0,o.useState)({y:0,scrollTop:0}),[le,qe]=(0,o.useState)(0),[je,Oe]=(0,o.useState)(0),[Se,$e]=(0,o.useState)(!1),[he,ke]=(0,o.useState)(!1),[Le,k]=(0,o.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[x,Fe]=(0,o.useState)(null),[me,pe]=(0,o.useState)(null),[Xe,Ne]=(0,o.useState)(!1),ge=(0,o.useRef)(null),[Pe,De]=(0,o.useState)(!1),be=(0,o.useRef)(null),Me=(0,o.useRef)(null),Z=(0,o.useRef)(null),F=(0,o.useMemo)(()=>{let t=D.color??"#606060";return{width:D.width??8,minHeight:D.minHeight??50,radius:D.radius??(D.width??8)/2,color:t,opacity:D.opacity??.6,hoverColor:D.hoverColor??t,hoverOpacity:D.hoverOpacity??1}},[D]),M=(0,o.useMemo)(()=>({width:E.width??16,color:E.color??"rgba(128, 128, 128, 0.1)",visible:E.visible??!0,alignment:E.alignment??"center",radius:E.radius??F.radius??4,margin:E.margin??4}),[E,F.radius]),V=(0,o.useMemo)(()=>{let t=H.color??"#808080";return{visible:H.visible??!1,step:H.step??50,color:t,opacity:H.opacity??.6,hoverColor:H.hoverColor??t,hoverOpacity:H.hoverOpacity??1}},[H]),xe=(0,o.useMemo)(()=>({enabled:z.enabled??!0,excludeClasses:z.excludeClasses??[],excludeSelectors:z.excludeSelectors??[]}),[z]),b=(0,o.useMemo)(()=>({enabled:K.enabled??!0,delay:K.delay??1500,delayOnWheel:K.delayOnWheel??700}),[K]),L=F.width,Ce=M.width,Re=F.minHeight,j=V.visible,Te=V.step,ee=(0,o.useCallback)(()=>{if(!u.current)return;let t=document.activeElement;t&&u.current.contains(t)&&t!==u.current||u.current.focus()},[]);(0,o.useImperativeHandle)(O,()=>({getScrollContainer:()=>u.current,scrollTo:t=>{u.current&&u.current.scrollTo(t)},get scrollTop(){return u.current?.scrollTop||0},get scrollHeight(){return u.current?.scrollHeight||0},get clientHeight(){return u.current?.clientHeight||0}}),[]);let C=(0,o.useCallback)(()=>{if(B.current){let i=B.current;if(document.contains(i)&&i.scrollHeight>i.clientHeight+2)return i;B.current=null}if(!u.current)return null;if(_.current&&_.current.scrollHeight>u.current.clientHeight+2)return B.current=u.current,u.current;if(!U)return null;let t=u.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let i of t){let l=i;if(l!==u.current&&l.classList.contains("overlay-scrollbar-container"))continue;let f=l.parentElement,v=!1;for(;f&&f!==u.current;){if(f.classList.contains("overlay-scrollbar-container")&&f!==u.current){v=!0;break}f=f.parentElement}if(!v&&l.scrollHeight>l.clientHeight+2)return B.current=l,l}return null},[]),fe=(0,o.useCallback)(()=>C()!==null,[C]),A=(0,o.useCallback)(()=>{be.current&&(clearTimeout(be.current),be.current=null)},[]),ze=(0,o.useCallback)(()=>{Me.current&&(clearTimeout(Me.current),Me.current=null)},[]),Ae=(0,o.useCallback)(()=>{Z.current&&(clearTimeout(Z.current),Z.current=null)},[]),n=(0,o.useCallback)(t=>{b.enabled&&(A(),be.current=setTimeout(()=>{R(!1),be.current=null},t))},[A,b.enabled]),e=(0,o.useCallback)(()=>{let t=C();if(!t){R(!1),$e(!1),A();return}if($e(!0),!ce.current)return;b.enabled||(R(!0),A());let i=t.clientHeight,l=t.scrollHeight,f=t.scrollTop,v=0;if(se.current){let Be=window.getComputedStyle(se.current),_e=parseFloat(Be.paddingTop)||0,tt=parseFloat(Be.paddingBottom)||0;v=_e+tt}let w=j?L*2+M.margin*4:M.margin*2,N=i-w+v,P=i/l,ae=Math.max(N*P,Re),Ie=l-i,Q=N-ae,Ye=Ie>0?f/Ie*Q:0;qe(ae),Oe(Ye)},[C,A,j,L,Re,b.enabled]),g=(0,o.useCallback)(t=>{t.preventDefault(),t.stopPropagation();let i=C();i&&(ne(!0),ie({y:t.clientY,scrollTop:i.scrollTop}),A(),R(!0),ee())},[C,A,ee]),y=(0,o.useCallback)(t=>{if(!$)return;let i=C();if(!i)return;let l=i.clientHeight,f=i.scrollHeight-l,v=t.clientY-de.y,w=l-le,N=v/w*f,P=Math.max(0,Math.min(f,de.scrollTop+N));i.scrollTop=P,e()},[$,de,le,e,C]),m=(0,o.useCallback)(()=>{ne(!1),fe()&&n(b.delay)},[fe,n,b.delay]),r=(0,o.useCallback)(t=>{if(!ce.current)return;let i=ce.current.getBoundingClientRect(),l=t.clientY-i.top,f=C();if(!f)return;let v=f.clientHeight,w=f.scrollHeight,N=l/v*(w-v);f.scrollTop=Math.max(0,Math.min(w-v,N)),e(),R(!0),n(b.delay),ee()},[e,n,b.delay,C,ee]),W=(0,o.useCallback)(t=>{if(t.preventDefault(),t.stopPropagation(),!u.current)return;let i=Math.max(0,u.current.scrollTop-Te);u.current.scrollTop=i,e(),R(!0),n(b.delay),ee()},[e,n,Te,b.delay,ee]),J=(0,o.useCallback)(t=>{if(t.preventDefault(),t.stopPropagation(),!u.current||!_.current)return;let i=u.current,l=_.current.scrollHeight-i.clientHeight,f=Math.min(l,i.scrollTop+Te);i.scrollTop=f,e(),R(!0),n(b.delay),ee()},[e,n,Te,b.delay,ee]),Ee=(0,o.useCallback)(t=>{if(!xe.enabled)return;let i=t.target;if(Ue(i,xe)||t.button!==0)return;let l=C();l&&(l.scrollHeight<=l.clientHeight||(t.preventDefault(),ke(!0),k({x:t.clientX,y:t.clientY,scrollTop:l.scrollTop,scrollLeft:l.scrollLeft||0}),A()))},[xe,Ue,C,A]),X=(0,o.useCallback)(t=>{if(!he)return;let i=C();if(!i)return;let l=Le.x-t.clientX,f=Le.y-t.clientY;if(Math.abs(f)<3&&Math.abs(l)<3)return;R(!0);let v=Math.max(0,Math.min(i.scrollHeight-i.clientHeight,Le.scrollTop+f));i.scrollTop=v,e()},[he,Le,C,e]),ye=(0,o.useCallback)(()=>{ke(!1),fe()&&n(b.delay)},[fe,n,b.delay]);(0,o.useEffect)(()=>{let t=w=>{e(),A(),R(!0);let N=Pe?b.delayOnWheel:b.delay;n(N),I&&I(w)},i=()=>{De(!0),ge.current&&clearTimeout(ge.current),ge.current=setTimeout(()=>{De(!1)},300),A(),Ae(),Z.current=setTimeout(()=>{R(!0),Z.current=null},50)},l=[],f=C();f&&l.push(f);let v=u.current;return v&&!f&&(l.push(v),v.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(w=>{let N=w;if(N!==v&&N.classList.contains("overlay-scrollbar-container"))return;let P=N.parentElement;for(;P&&P!==v;){if(P.classList.contains("overlay-scrollbar-container")&&P!==v)return;P=P.parentElement}l.push(N)})),l.forEach(w=>{w.addEventListener("scroll",t,{passive:!0}),w.addEventListener("wheel",i,{passive:!0})}),()=>{l.forEach(w=>{w.removeEventListener("scroll",t),w.removeEventListener("wheel",i)}),ge.current&&clearTimeout(ge.current),Z.current&&clearTimeout(Z.current)}},[C,e,I,A,n,b,Pe]),(0,o.useEffect)(()=>{let t=l=>{let f=C();if(!f)return;let{key:v}=l,{scrollTop:w,scrollHeight:N,clientHeight:P}=f,ae=N-P,Ie=50,Q=null;switch(v){case"ArrowUp":l.preventDefault(),Q=Math.max(0,w-Ie);break;case"ArrowDown":l.preventDefault(),Q=Math.min(ae,w+Ie);break;case"PageUp":l.preventDefault(),Q=Math.max(0,w-P);break;case"PageDown":l.preventDefault(),Q=Math.min(ae,w+P);break;case"Home":l.preventDefault(),Q=0;break;case"End":l.preventDefault(),Q=ae;break;default:return}if(Q!==null){let Ye=Q/ae,Be=j?L*2+M.margin*4:M.margin*2,_e=(P-Be-le)*Ye;Oe(_e),f.scrollTop=Q,A(),R(!0),n(b.delay)}},i=u.current;if(i)return i.addEventListener("keydown",t),()=>{i.removeEventListener("keydown",t)}},[C,j,L,M.margin,le,A,n,b.delay]),(0,o.useEffect)(()=>{if(he)return document.addEventListener("mousemove",X),document.addEventListener("mouseup",ye),()=>{document.removeEventListener("mousemove",X),document.removeEventListener("mouseup",ye)}},[he,X,ye]),(0,o.useEffect)(()=>{if($)return document.addEventListener("mousemove",y),document.addEventListener("mouseup",m),()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",m)}},[$,y,m]),(0,o.useEffect)(()=>{e();let t=setTimeout(()=>{e()},100);return()=>clearTimeout(t)},[e]),(0,o.useLayoutEffect)(()=>{Ne(!0),e(),!b.enabled&&fe()&&R(!0)},[fe,e,b.enabled]),(0,o.useEffect)(()=>{let t=new ResizeObserver(()=>{e()}),i=[];return u.current&&i.push(u.current),_.current&&i.push(_.current),B.current&&document.contains(B.current)&&i.push(B.current),i.forEach(l=>{t.observe(l)}),()=>t.disconnect()},[e]),(0,o.useEffect)(()=>{if(!u.current)return;let t=new MutationObserver(()=>{B.current=null,e()});return t.observe(u.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>t.disconnect()},[e]);let te=Math.max(Ce,L);return(0,o.useEffect)(()=>{let t="overlay-scrollbar-webkit-hide",i=document.getElementById(t);i&&i.remove();let l=document.createElement("style");return l.id=t,l.textContent=`
|
|
2
2
|
.overlay-scrollbar-container::-webkit-scrollbar {
|
|
3
3
|
display: none !important;
|
|
4
4
|
width: 0 !important;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
outline: 2px solid rgba(0, 123, 255, 0.5);
|
|
19
19
|
outline-offset: -2px;
|
|
20
20
|
}
|
|
21
|
-
`,document.head.appendChild(a),()=>{let m=document.getElementById(r);m&&m.remove()}},[]),(0,ee.jsxs)("div",{ref:se,className:`overlay-scrollbar-wrapper ${s}`,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",...f},children:[(0,ee.jsx)("div",{ref:d,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:Te,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:he?"none":"auto",...g},children:(0,ee.jsx)("div",{ref:G,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...y},children:v})}),j&&Se&&(0,ee.jsxs)("div",{ref:ce,className:"overlay-scrollbar-track",onMouseEnter:()=>{t(),Me.current=setTimeout(()=>{k(!0),Me.current=null},100)},onMouseLeave:()=>{o(),F||h(w.delay)},style:{position:"absolute",top:0,right:0,width:`${ae}px`,height:"100%",opacity:X?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[b.visible&&(0,ee.jsx)("div",{className:"overlay-scrollbar-track-background",onClick:r=>{r.preventDefault(),r.stopPropagation(),Re(r)},style:{position:"absolute",top:A?`${N.width+b.margin*2}px`:`${b.margin}px`,right:b.alignment==="right"?"0px":`${(ae-N.width)/2}px`,width:`${N.width}px`,height:A?`calc(100% - ${N.width*2+b.margin*4}px)`:`calc(100% - ${b.margin*2}px)`,backgroundColor:b.color,borderRadius:`${b.radius}px`,cursor:"pointer"}}),(0,ee.jsx)("div",{ref:ue,className:"overlay-scrollbar-thumb",onMouseDown:e,onMouseEnter:()=>we(!0),onMouseLeave:()=>we(!1),style:{position:"absolute",top:`${(A?D+b.margin*2:b.margin)+je}px`,right:b.alignment==="right"?"0px":`${(ae-D)/2}px`,width:`${D}px`,height:`${Math.max(oe,Ee)}px`,backgroundColor:re||F?N.hoverColor:N.color,opacity:re||F?N.hoverOpacity:N.opacity,borderRadius:`${N.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),j&&Se&&A&&(0,ee.jsx)("div",{className:"overlay-scrollbar-up-arrow",onClick:Q,onMouseEnter:()=>pe("up"),onMouseLeave:()=>pe(null),style:{position:"absolute",top:`${b.margin}px`,right:b.alignment==="right"?"0px":`${(ae-D)/2}px`,width:`${D}px`,height:`${D}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(D*.75,8)}px`,color:ge==="up"?P.hoverColor:P.color,userSelect:"none",zIndex:1001,opacity:X?ge==="up"?P.hoverOpacity:P.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),j&&Se&&A&&(0,ee.jsx)("div",{className:"overlay-scrollbar-down-arrow",onClick:He,onMouseEnter:()=>pe("down"),onMouseLeave:()=>pe(null),style:{position:"absolute",bottom:`${b.margin}px`,right:b.alignment==="right"?"0px":`${(ae-D)/2}px`,width:`${D}px`,height:`${D}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(D*.75,8)}px`,color:ge==="down"?P.hoverColor:P.color,userSelect:"none",zIndex:1001,opacity:X?ge==="down"?P.hoverOpacity:P.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"})]})}),Ze=ht;var c=require("react/jsx-runtime"),gt={alignment:"right",margin:0,radius:0},Je=5;function bt({data:s,loading:f=!1,columns:g,onRowClick:y,getRowId:v,selectedRowId:I,selectedRowSx:S,rowHeight:L=50,columnHeight:O=56,striped:Y,rowDivider:K=!0,onSort:j,onLoadMore:U,sortBy:$,sortDirection:_,showPaper:se=!0,paddingX:d="1rem",paddingTop:G=0,paddingBottom:ce=0,rowHoverColor:ue,rowHoverOpacity:V,viewportBuffer:X,overscan:k,scrollbars:F,emptyMessage:te="NO DATA",LoadingComponent:re,showFooter:we,footerHeight:de,footerSx:ne}){let oe=Math.max(L*12,480),qe=Math.max(L*12,480),je=typeof X=="number"?X:X?.top??oe,$e=typeof X=="number"?X:X?.bottom??qe,Se=Math.max(L*8,420),Fe=Math.max(L*10,520),he=typeof k=="number"?k:{main:k?.main??Se,reverse:k?.reverse??Fe},ke=L+(K?1:0),Le=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[T]=(0,u.useState)(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),x=(0,u.useRef)({wheelEvents:0,wheelInputPx:0,wheelHandlerMs:0,wheelRafFlushes:0,wheelRafMs:0,rangeChangedCalls:0,rangeChangedMs:0,rowContentCalls:0,rowContentMs:0,rowContentMaxMs:0,cellRenderCalls:0,cellRenderMs:0,cellRenderMaxMs:0}),Ne=(0,u.useCallback)(t=>{if(!T)return;let o=x.current;if(!(o.wheelEvents>0||o.rangeChangedCalls>0||o.rowContentCalls>0||o.cellRenderCalls>0))return;let h=o.rowContentCalls>0?o.rowContentMs/o.rowContentCalls:0,l=o.cellRenderCalls>0?o.cellRenderMs/o.cellRenderCalls:0;console.log("[VDT perf]",{reason:t,wheel:{events:o.wheelEvents,inputPx:Math.round(o.wheelInputPx),handlerMs:Number(o.wheelHandlerMs.toFixed(2)),rafFlushes:o.wheelRafFlushes,rafMs:Number(o.wheelRafMs.toFixed(2))},rangeChanged:{calls:o.rangeChangedCalls,totalMs:Number(o.rangeChangedMs.toFixed(2))},rowContent:{calls:o.rowContentCalls,totalMs:Number(o.rowContentMs.toFixed(2)),avgMs:Number(h.toFixed(3)),maxMs:Number(o.rowContentMaxMs.toFixed(3))},cellRender:{calls:o.cellRenderCalls,totalMs:Number(o.cellRenderMs.toFixed(2)),avgMs:Number(l.toFixed(3)),maxMs:Number(o.cellRenderMaxMs.toFixed(3))}}),x.current={wheelEvents:0,wheelInputPx:0,wheelHandlerMs:0,wheelRafFlushes:0,wheelRafMs:0,rangeChangedCalls:0,rangeChangedMs:0,rowContentCalls:0,rowContentMs:0,rowContentMaxMs:0,cellRenderCalls:0,cellRenderMs:0,cellRenderMaxMs:0}},[T]);(0,u.useEffect)(()=>{if(!T||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let t=window.setInterval(()=>{Ne("interval")},1500);return()=>{window.clearInterval(t),Ne("cleanup")}},[Ne,T]);let ge=(0,u.useMemo)(()=>(0,u.forwardRef)((t,o)=>{let R=(0,u.useRef)(null),h=(0,u.useRef)(0),l=(0,u.useRef)(null);return(0,u.useEffect)(()=>{let e=R.current;if(!e)return;let B=z=>{let Re=T?performance.now():0;z.preventDefault();let Q=z.deltaY;z.deltaMode===1?Q*=40:z.deltaMode===2&&(Q*=e.clientHeight),T&&(x.current.wheelEvents+=1,x.current.wheelInputPx+=Q),h.current+=Q,l.current===null&&(l.current=requestAnimationFrame(()=>{let He=T?performance.now():0,Te=Math.max(e.clientHeight*.4,160),H=Math.max(-Te,Math.min(Te,h.current));h.current=0,l.current=null,H!==0&&(e.scrollTop+=H),T&&(x.current.wheelRafFlushes+=1,x.current.wheelRafMs+=performance.now()-He)}),T&&(x.current.wheelHandlerMs+=performance.now()-Re))};return e.addEventListener("wheel",B,{passive:!1}),()=>{e.removeEventListener("wheel",B),l.current!==null&&(cancelAnimationFrame(l.current),l.current=null),h.current=0}},[]),(0,c.jsx)(Ze,{detectInnerScroll:!0,track:gt,...F,children:(0,c.jsx)(p.TableContainer,{component:p.Box,...t,ref:e=>{R.current=e,typeof o=="function"?o(e):o&&(o.current=e)},sx:{userSelect:"auto",WebkitUserSelect:"auto",position:"relative",width:"100%",height:"100%",overflow:"auto",display:"flex",flexDirection:"column",scrollbarWidth:"none",msOverflowStyle:"none",transform:"translateZ(0)",backfaceVisibility:"hidden",willChange:"scroll-position","&::-webkit-scrollbar":{display:"none"},"& .MuiTable-root":{paddingRight:d,paddingTop:G,paddingBottom:ce}}})})}),[]),pe=(0,u.useMemo)(()=>{if(Y===!0)return"#f5f5f5";if(typeof Y=="string")return Y},[Y]),[Xe,Pe]=(0,u.useState)(f),[be,Ae]=(0,u.useState)(0);(0,u.useEffect)(()=>{f&&Pe(!0)},[f]);let De=(0,u.useCallback)(()=>{Pe(!1)},[]),xe=Xe,Me=f&&s.length>0,Z=(0,u.useRef)(!1),N=(0,u.useRef)(null),b=(0,u.useRef)(!1),P=(0,u.useRef)({x:0,y:0});(0,u.useEffect)(()=>{let t=o=>{let R=o.clientX-P.current.x,h=o.clientY-P.current.y;Math.sqrt(R*R+h*h)>Je&&(b.current=!0)};return document.addEventListener("mousemove",t),()=>{document.removeEventListener("mousemove",t)}},[]),(0,u.useEffect)(()=>{let t=document.querySelector('[data-testid="virtuoso-scroller"]');t&&t.querySelectorAll(".MuiTableSortLabel-root").forEach(R=>{let h=new MouseEvent("mouseleave",{bubbles:!0,cancelable:!0});R.dispatchEvent(h)})},[$]);let fe=(0,u.useCallback)(t=>{if(!j)return;j(t,$===t&&_==="asc"?"desc":"asc")},[j,$,_]),w=(0,u.useCallback)(t=>{let o=T?performance.now():0;if(!U){T&&(x.current.rangeChangedCalls+=1,x.current.rangeChangedMs+=performance.now()-o);return}if(f&&s.length===0){T&&(x.current.rangeChangedCalls+=1,x.current.rangeChangedMs+=performance.now()-o);return}let R=s.length>=30;if(t>=s.length-1&&R&&!Z.current){Z.current=!0;let l=s.length;U(l,50)}T&&(x.current.rangeChangedCalls+=1,x.current.rangeChangedMs+=performance.now()-o)},[s.length,f,U,T]);(0,u.useEffect)(()=>{f||(Z.current=!1)},[f]),(0,u.useEffect)(()=>{s.length===0&&Ae(t=>t+1)},[s.length]);let D=(0,u.useRef)(s.length);(0,u.useEffect)(()=>{let t=D.current,o=s.length;if(o>t&&t>0){D.current=o;return}N.current&&o>0&&o<=t&&N.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),D.current=o},[s]);let ze=(0,u.useCallback)(()=>{let t={},o=[];if(g.forEach(e=>{e.group?(t[e.group]||(t[e.group]=[]),t[e.group].push(e)):o.push(e)}),!(Object.keys(t).length>0))return(0,c.jsx)(p.TableRow,{children:g.map(e=>(0,c.jsx)(p.TableCell,{align:e.align||"left",style:{width:e.width,minWidth:e.width,...e.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e.sortable?(0,c.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:e.align==="center"?"center":e.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,c.jsxs)(p.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>fe(String(e.id)),children:[e.text,(0,c.jsx)(p.TableSortLabel,{active:$===e.id,direction:$===e.id?_:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:$===e.id?1:0,transition:"opacity 0.2s ease","& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(180deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(0deg)"}}})]})}):e.text},String(e.id)))});let h=[...o.map(e=>(0,c.jsx)(p.TableCell,{rowSpan:2,align:e.align||"left",style:{width:e.width,minWidth:e.width,...e.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e.sortable&&j?(0,c.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:e.align==="center"?"center":e.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,c.jsxs)(p.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>fe(String(e.id)),children:[e.text,(0,c.jsx)(p.TableSortLabel,{active:$===e.id,direction:$===e.id?_:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:$===e.id?1:0,transition:"opacity 0.2s ease","&:hover":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}},"& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(180deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(0deg)"}}})]})}):e.text},String(e.id))),...Object.entries(t).map(([e,B])=>(0,c.jsx)(p.TableCell,{align:"center",colSpan:B.length,style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e},e))],l=[...Object.values(t).flat().map(e=>(0,c.jsx)(p.TableCell,{align:e.align||"left",style:{width:e.width,minWidth:e.width,...e.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:e.sortable&&j?(0,c.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:e.align==="center"?"center":e.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,c.jsxs)(p.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>fe(String(e.id)),children:[e.text,(0,c.jsx)(p.TableSortLabel,{active:$===e.id,direction:$===e.id?_:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:$===e.id?1:0,transition:"opacity 0.2s ease","&:hover":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}},"& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(0deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(180deg)"}}})]})}):e.text},String(e.id)))];return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(p.TableRow,{children:h}),(0,c.jsx)(p.TableRow,{children:l})]})},[g,$,_,fe,j,O]),Ee=(0,u.useCallback)((t,o)=>{let R=T?performance.now():0;if(!o){if(T){x.current.rowContentCalls+=1;let l=performance.now()-R;x.current.rowContentMs+=l,x.current.rowContentMaxMs=Math.max(x.current.rowContentMaxMs,l)}return null}let h=g.map(l=>{let e=T?performance.now():0,B=l.render?l.render(o,t):String(o[l.id]||"");if(T){let z=performance.now()-e;x.current.cellRenderCalls+=1,x.current.cellRenderMs+=z,x.current.cellRenderMaxMs=Math.max(x.current.cellRenderMaxMs,z)}return(0,c.jsx)(p.TableCell,{align:l.align||"left",style:{width:l.width,minWidth:l.width,...l.style,padding:"8px 16px"},children:B},String(l.id))});if(T){x.current.rowContentCalls+=1;let l=performance.now()-R;x.current.rowContentMs+=l,x.current.rowContentMaxMs=Math.max(x.current.rowContentMaxMs,l)}return(0,c.jsx)(c.Fragment,{children:h})},[g,T]),A=we??g.some(t=>typeof t.footer=="function"),Ce=(0,u.useCallback)(()=>A?(0,c.jsx)(p.TableRow,{children:g.map(t=>(0,c.jsx)(p.TableCell,{align:t.align||"left",style:{width:t.width,minWidth:t.width,...t.style,fontWeight:"bold",padding:"16px"},children:t.footer?t.footer(s):null},String(t.id)))}):null,[A,g,s]),E=(0,u.useMemo)(()=>({Scroller:ge,Table:t=>(0,c.jsx)(p.Table,{...t,sx:{borderCollapse:"separate",tableLayout:"fixed",marginRight:"16px",...A?{height:"100%"}:{}}}),TableHead:(0,u.forwardRef)((t,o)=>(0,c.jsx)(p.TableHead,{...t,ref:o,sx:{userSelect:"none","& tr":{height:O,"& th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:t=>{let{item:o,selected:R,"aria-selected":h,className:l,...e}=t,B=e["data-index"]??0,z=B%2===1,Re=o&&v?v(o,B):B,Q=I!=null&&Re===I,He=Q&&S?typeof S=="function"?S(o,B):S:void 0,Te=String(l??"").split(/\s+/).filter(H=>H!=="Mui-selected"&&H!=="Mui-focusVisible").join(" ");return(0,c.jsx)(p.TableRow,{...e,className:Te||void 0,selected:Q,onMouseDown:H=>{b.current=!1,P.current={x:H.clientX,y:H.clientY}},onClick:H=>{let me=H.clientX-P.current.x,ae=H.clientY-P.current.y;if(Math.sqrt(me*me+ae*ae)>Je||b.current){H.preventDefault(),H.stopPropagation(),b.current=!1;return}o&&y&&y(o,B),b.current=!1},sx:[{userSelect:"none",height:L,backgroundColor:z&&pe?pe:"transparent","& td":{padding:"8px 16px",borderBottom:K?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":y&&!Q?{backgroundColor:H=>{let me=H.palette.mode==="dark",r=ue??"#000000",i=V??.06;if(!ue)return me?`rgba(255, 255, 255, ${i})`:`rgba(0, 0, 0, ${i})`;let a=r.replace("#","").trim();if(a.length!==6)return r;let m=parseInt(a.substring(0,2),16),M=parseInt(a.substring(2,4),16),C=parseInt(a.substring(4,6),16);return`rgba(${m}, ${M}, ${C}, ${i})`}}:void 0,cursor:y?"pointer":void 0},He]})},TableBody:(0,u.forwardRef)((t,o)=>(0,c.jsx)(p.TableBody,{...t,ref:o,sx:A?{height:"100%"}:void 0})),TableFoot:(0,u.forwardRef)((t,o)=>(0,c.jsx)(p.TableFooter,{...t,ref:o,sx:[{position:"sticky",bottom:0,zIndex:2,backgroundColor:R=>R.palette.mode==="dark"?"#1e1e1e":"#ffffff","& tr":{height:de??L},"& td":{padding:"16px",color:"inherit",fontSize:"0.875rem",borderTop:"1px solid #000000",borderBottom:"none"}},...Array.isArray(ne)?ne:ne?[ne]:[]]}))}),[y,v,I,S,L,pe,K,O,ue,V,ge,de,ne,A]),le=(0,c.jsxs)(p.Box,{sx:{position:"relative",height:"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:t=>t.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"}},children:[(0,c.jsx)(Qe.TableVirtuoso,{ref:N,data:s,totalCount:U?s.length+1:s.length,defaultItemHeight:ke,fixedItemHeight:ke,fixedHeaderContent:ze,fixedFooterContent:A?Ce:void 0,itemContent:Ee,endReached:w,style:{height:"100%"},increaseViewportBy:{top:je,bottom:$e},overscan:he,followOutput:!1,components:E},be),s.length===0&&!f&&(0,c.jsx)(p.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2},children:typeof te=="string"?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(p.Box,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),(0,c.jsx)(p.Typography,{variant:"body1",sx:{color:"text.secondary"},children:te})]}):te}),xe&&(0,c.jsx)(c.Fragment,{children:re?(0,c.jsx)(re,{visible:f,onComplete:De}):(0,c.jsx)(Ke,{visible:f,onComplete:De,size:40,sx:{top:`${g.some(t=>t.group)?O*2:O}px`},background:{show:s.length===0,opacity:.8}})})]});return se?(0,c.jsx)(p.Paper,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:d,height:"100%",minHeight:0,flex:1,display:"flex",flexDirection:"column"},children:le}):(0,c.jsx)(p.Box,{className:"grow",style:{padding:0,paddingLeft:d,height:"100%",minHeight:0,flex:1,display:"flex",flexDirection:"column"},children:le})}var et=(0,u.memo)(bt);
|
|
21
|
+
`,document.head.appendChild(l),()=>{let f=document.getElementById(t);f&&f.remove()}},[]),(0,re.jsxs)("div",{ref:se,className:`overlay-scrollbar-wrapper ${a}`,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",...p},children:[(0,re.jsx)("div",{ref:u,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:Ee,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:he?"none":"auto",...h},children:(0,re.jsx)("div",{ref:_,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...S},children:T})}),q&&Se&&(0,re.jsxs)("div",{ref:ce,className:"overlay-scrollbar-track",onMouseEnter:()=>{A(),Me.current=setTimeout(()=>{R(!0),Me.current=null},100)},onMouseLeave:()=>{ze(),$||n(b.delay)},style:{position:"absolute",top:0,right:0,width:`${te}px`,height:"100%",opacity:G?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[M.visible&&(0,re.jsx)("div",{className:"overlay-scrollbar-track-background",onClick:t=>{t.preventDefault(),t.stopPropagation(),r(t)},style:{position:"absolute",top:j?`${F.width+M.margin*2}px`:`${M.margin}px`,right:M.alignment==="right"?"0px":`${(te-F.width)/2}px`,width:`${F.width}px`,height:j?`calc(100% - ${F.width*2+M.margin*4}px)`:`calc(100% - ${M.margin*2}px)`,backgroundColor:M.color,borderRadius:`${M.radius}px`,cursor:"pointer"}}),(0,re.jsx)("div",{ref:ue,className:"overlay-scrollbar-thumb",onMouseDown:g,onMouseEnter:()=>we(!0),onMouseLeave:()=>we(!1),style:{position:"absolute",top:`${(j?L+M.margin*2:M.margin)+je}px`,right:M.alignment==="right"?"0px":`${(te-L)/2}px`,width:`${L}px`,height:`${Math.max(le,Re)}px`,backgroundColor:oe||$?F.hoverColor:F.color,opacity:oe||$?F.hoverOpacity:F.opacity,borderRadius:`${F.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),q&&Se&&j&&(0,re.jsx)("div",{className:"overlay-scrollbar-up-arrow",onClick:W,onMouseEnter:()=>pe("up"),onMouseLeave:()=>pe(null),style:{position:"absolute",top:`${M.margin}px`,right:M.alignment==="right"?"0px":`${(te-L)/2}px`,width:`${L}px`,height:`${L}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(L*.75,8)}px`,color:me==="up"?V.hoverColor:V.color,userSelect:"none",zIndex:1001,opacity:G?me==="up"?V.hoverOpacity:V.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),q&&Se&&j&&(0,re.jsx)("div",{className:"overlay-scrollbar-down-arrow",onClick:J,onMouseEnter:()=>pe("down"),onMouseLeave:()=>pe(null),style:{position:"absolute",bottom:`${M.margin}px`,right:M.alignment==="right"?"0px":`${(te-L)/2}px`,width:`${L}px`,height:`${L}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(L*.75,8)}px`,color:me==="down"?V.hoverColor:V.color,userSelect:"none",zIndex:1001,opacity:G?me==="down"?V.hoverOpacity:V.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"})]})}),Ze=mt;var s=require("react/jsx-runtime"),gt={alignment:"right",margin:0,radius:0},Je=5;function bt({data:a,loading:p=!1,columns:h,onRowClick:S,getRowId:T,selectedRowId:I,selectedRowSx:D,rowHeight:E=50,columnHeight:H=56,striped:z,rowDivider:K=!0,onSort:q,onLoadMore:U,sortBy:O,sortDirection:Y,showPaper:se=!0,paddingX:u="1rem",paddingTop:_=0,paddingBottom:ce=0,rowHoverColor:ue,rowHoverOpacity:B,viewportBuffer:G,overscan:R,scrollbars:$,emptyMessage:ne="NO DATA",LoadingComponent:oe,showFooter:we,footerHeight:de,footerSx:ie}){let le=Math.max(E*12,480),qe=Math.max(E*12,480),je=typeof G=="number"?G:G?.top??le,Oe=typeof G=="number"?G:G?.bottom??qe,Se=Math.max(E*8,420),$e=Math.max(E*10,520),he=typeof R=="number"?R:{main:R?.main??Se,reverse:R?.reverse??$e},ke=E+(K?1:0),Le=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[k]=(0,c.useState)(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),x=(0,c.useRef)({wheelEvents:0,wheelInputPx:0,wheelHandlerMs:0,wheelRafFlushes:0,wheelRafMs:0,rangeChangedCalls:0,rangeChangedMs:0,rowContentCalls:0,rowContentMs:0,rowContentMaxMs:0,cellRenderCalls:0,cellRenderMs:0,cellRenderMaxMs:0}),Fe=(0,c.useCallback)(n=>{if(!k)return;let e=x.current;if(!(e.wheelEvents>0||e.rangeChangedCalls>0||e.rowContentCalls>0||e.cellRenderCalls>0))return;let y=e.rowContentCalls>0?e.rowContentMs/e.rowContentCalls:0,m=e.cellRenderCalls>0?e.cellRenderMs/e.cellRenderCalls:0;console.log("[VDT perf]",{reason:n,wheel:{events:e.wheelEvents,inputPx:Math.round(e.wheelInputPx),handlerMs:Number(e.wheelHandlerMs.toFixed(2)),rafFlushes:e.wheelRafFlushes,rafMs:Number(e.wheelRafMs.toFixed(2))},rangeChanged:{calls:e.rangeChangedCalls,totalMs:Number(e.rangeChangedMs.toFixed(2))},rowContent:{calls:e.rowContentCalls,totalMs:Number(e.rowContentMs.toFixed(2)),avgMs:Number(y.toFixed(3)),maxMs:Number(e.rowContentMaxMs.toFixed(3))},cellRender:{calls:e.cellRenderCalls,totalMs:Number(e.cellRenderMs.toFixed(2)),avgMs:Number(m.toFixed(3)),maxMs:Number(e.cellRenderMaxMs.toFixed(3))}}),x.current={wheelEvents:0,wheelInputPx:0,wheelHandlerMs:0,wheelRafFlushes:0,wheelRafMs:0,rangeChangedCalls:0,rangeChangedMs:0,rowContentCalls:0,rowContentMs:0,rowContentMaxMs:0,cellRenderCalls:0,cellRenderMs:0,cellRenderMaxMs:0}},[k]);(0,c.useEffect)(()=>{if(!k||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let n=window.setInterval(()=>{Fe("interval")},1500);return()=>{window.clearInterval(n),Fe("cleanup")}},[Fe,k]);let me=(0,c.useMemo)(()=>(0,c.forwardRef)((n,e)=>{let g=(0,c.useRef)(null),y=(0,c.useRef)(0),m=(0,c.useRef)(null);return(0,c.useEffect)(()=>{let r=g.current;if(!r)return;let W=J=>{let Ee=k?performance.now():0;J.preventDefault();let X=J.deltaY;J.deltaMode===1?X*=40:J.deltaMode===2&&(X*=r.clientHeight),k&&(x.current.wheelEvents+=1,x.current.wheelInputPx+=X),y.current+=X,m.current===null&&(m.current=requestAnimationFrame(()=>{let ye=k?performance.now():0,te=Math.max(r.clientHeight*.4,160),t=Math.max(-te,Math.min(te,y.current));y.current=0,m.current=null,t!==0&&(r.scrollTop+=t),k&&(x.current.wheelRafFlushes+=1,x.current.wheelRafMs+=performance.now()-ye)}),k&&(x.current.wheelHandlerMs+=performance.now()-Ee))};return r.addEventListener("wheel",W,{passive:!1}),()=>{r.removeEventListener("wheel",W),m.current!==null&&(cancelAnimationFrame(m.current),m.current=null),y.current=0}},[]),(0,s.jsx)(Ze,{detectInnerScroll:!0,track:gt,...$,children:(0,s.jsx)(d.TableContainer,{component:d.Box,...n,ref:r=>{g.current=r,typeof e=="function"?e(r):e&&(e.current=r)},sx:{userSelect:"auto",WebkitUserSelect:"auto",position:"relative",width:"100%",height:"100%",overflow:"auto",display:"flex",flexDirection:"column",scrollbarWidth:"none",msOverflowStyle:"none",transform:"translateZ(0)",backfaceVisibility:"hidden",willChange:"scroll-position","&::-webkit-scrollbar":{display:"none"},"& .MuiTable-root":{paddingRight:u,paddingTop:_,paddingBottom:ce}}})})}),[]),pe=(0,c.useMemo)(()=>{if(z===!0)return"#f5f5f5";if(typeof z=="string")return z},[z]),[Xe,Ne]=(0,c.useState)(p),[ge,Pe]=(0,c.useState)(0);(0,c.useEffect)(()=>{p&&Ne(!0)},[p]);let De=(0,c.useCallback)(()=>{Ne(!1)},[]),be=Xe,Me=p&&a.length>0,Z=(0,c.useRef)(!1),F=(0,c.useRef)(null),M=(0,c.useRef)(S);M.current=S;let V=(0,c.useRef)(T);V.current=T;let xe=!!S,b=(0,c.useRef)(!1),L=(0,c.useRef)({x:0,y:0});(0,c.useEffect)(()=>{let n=e=>{let g=e.clientX-L.current.x,y=e.clientY-L.current.y;Math.sqrt(g*g+y*y)>Je&&(b.current=!0)};return document.addEventListener("mousemove",n),()=>{document.removeEventListener("mousemove",n)}},[]),(0,c.useEffect)(()=>{let n=document.querySelector('[data-testid="virtuoso-scroller"]');n&&n.querySelectorAll(".MuiTableSortLabel-root").forEach(g=>{let y=new MouseEvent("mouseleave",{bubbles:!0,cancelable:!0});g.dispatchEvent(y)})},[O]);let Ce=(0,c.useCallback)(n=>{if(!q)return;q(n,O===n&&Y==="asc"?"desc":"asc")},[q,O,Y]),Re=(0,c.useCallback)(n=>{let e=k?performance.now():0;if(!U){k&&(x.current.rangeChangedCalls+=1,x.current.rangeChangedMs+=performance.now()-e);return}if(p&&a.length===0){k&&(x.current.rangeChangedCalls+=1,x.current.rangeChangedMs+=performance.now()-e);return}let g=a.length>=30;if(n>=a.length-1&&g&&!Z.current){Z.current=!0;let m=a.length;U(m,50)}k&&(x.current.rangeChangedCalls+=1,x.current.rangeChangedMs+=performance.now()-e)},[a.length,p,U,k]);(0,c.useEffect)(()=>{p||(Z.current=!1)},[p]),(0,c.useEffect)(()=>{a.length===0&&Pe(n=>n+1)},[a.length]);let j=(0,c.useRef)(a.length);(0,c.useEffect)(()=>{let n=j.current,e=a.length;if(e>n&&n>0){j.current=e;return}F.current&&e>0&&e<=n&&F.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),j.current=e},[a]);let Te=(0,c.useCallback)(()=>{let n={},e=[];if(h.forEach(r=>{r.group?(n[r.group]||(n[r.group]=[]),n[r.group].push(r)):e.push(r)}),!(Object.keys(n).length>0))return(0,s.jsx)(d.TableRow,{children:h.map(r=>(0,s.jsx)(d.TableCell,{align:r.align||"left",style:{width:r.width,minWidth:r.width,...r.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:r.sortable?(0,s.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:r.align==="center"?"center":r.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,s.jsxs)(d.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ce(String(r.id)),children:[r.text,(0,s.jsx)(d.TableSortLabel,{active:O===r.id,direction:O===r.id?Y:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:O===r.id?1:0,transition:"opacity 0.2s ease","& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(180deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(0deg)"}}})]})}):r.text},String(r.id)))});let y=[...e.map(r=>(0,s.jsx)(d.TableCell,{rowSpan:2,align:r.align||"left",style:{width:r.width,minWidth:r.width,...r.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:r.sortable&&q?(0,s.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:r.align==="center"?"center":r.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,s.jsxs)(d.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ce(String(r.id)),children:[r.text,(0,s.jsx)(d.TableSortLabel,{active:O===r.id,direction:O===r.id?Y:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:O===r.id?1:0,transition:"opacity 0.2s ease","&:hover":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}},"& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(180deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(0deg)"}}})]})}):r.text},String(r.id))),...Object.entries(n).map(([r,W])=>(0,s.jsx)(d.TableCell,{align:"center",colSpan:W.length,style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:r},r))],m=[...Object.values(n).flat().map(r=>(0,s.jsx)(d.TableCell,{align:r.align||"left",style:{width:r.width,minWidth:r.width,...r.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:r.sortable&&q?(0,s.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:r.align==="center"?"center":r.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,s.jsxs)(d.Box,{sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ce(String(r.id)),children:[r.text,(0,s.jsx)(d.TableSortLabel,{active:O===r.id,direction:O===r.id?Y:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:O===r.id?1:0,transition:"opacity 0.2s ease","&:hover":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}},"& .MuiTableSortLabel-icon":{position:"relative",marginLeft:0,marginRight:0,opacity:1,transition:"color 0.2s ease"},"& .MuiTableSortLabel-iconDirectionAsc":{transform:"rotate(0deg)"},"& .MuiTableSortLabel-iconDirectionDesc":{transform:"rotate(180deg)"}}})]})}):r.text},String(r.id)))];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.TableRow,{children:y}),(0,s.jsx)(d.TableRow,{children:m})]})},[h,O,Y,Ce,q,H]),ee=(0,c.useCallback)((n,e)=>{let g=k?performance.now():0;if(!e){if(k){x.current.rowContentCalls+=1;let m=performance.now()-g;x.current.rowContentMs+=m,x.current.rowContentMaxMs=Math.max(x.current.rowContentMaxMs,m)}return null}let y=h.map(m=>{let r=k?performance.now():0,W=m.render?m.render(e,n):String(e[m.id]||"");if(k){let J=performance.now()-r;x.current.cellRenderCalls+=1,x.current.cellRenderMs+=J,x.current.cellRenderMaxMs=Math.max(x.current.cellRenderMaxMs,J)}return(0,s.jsx)(d.TableCell,{align:m.align||"left",style:{width:m.width,minWidth:m.width,...m.style,padding:"8px 16px"},children:W},String(m.id))});if(k){x.current.rowContentCalls+=1;let m=performance.now()-g;x.current.rowContentMs+=m,x.current.rowContentMaxMs=Math.max(x.current.rowContentMaxMs,m)}return(0,s.jsx)(s.Fragment,{children:y})},[h,k]),C=we??h.some(n=>typeof n.footer=="function"),fe=(0,c.useCallback)(()=>{if(!C)return null;let n=[];for(let e=0;e<h.length;e+=1){let g=h[e],y=g.footerColSpan&&g.footerColSpan>1?Math.min(g.footerColSpan,h.length-e):1;n.push((0,s.jsx)(d.TableCell,{align:g.align||"left",colSpan:y>1?y:void 0,style:{...y>1?{}:{width:g.width,minWidth:g.width},...g.style,fontWeight:"bold",padding:"16px"},children:g.footer?g.footer(a):null},String(g.id))),e+=y-1}return(0,s.jsx)(d.TableRow,{children:n})},[C,h,a]),ze=(0,c.useMemo)(()=>({Scroller:me,Table:n=>(0,s.jsx)(d.Table,{...n,sx:{borderCollapse:"separate",tableLayout:"fixed",marginRight:"16px",...C?{height:"100%"}:{}}}),TableHead:(0,c.forwardRef)((n,e)=>(0,s.jsx)(d.TableHead,{...n,ref:e,sx:{userSelect:"none","& tr":{height:H,"& th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:n=>{let{item:e,selected:g,"aria-selected":y,className:m,...r}=n,W=r["data-index"]??0,J=W%2===1,Ee=e&&V.current?V.current(e,W):W,X=I!=null&&Ee===I,ye=X&&D?typeof D=="function"?D(e,W):D:void 0,te=String(m??"").split(/\s+/).filter(t=>t!=="Mui-selected"&&t!=="Mui-focusVisible").join(" ");return(0,s.jsx)(d.TableRow,{...r,className:te||void 0,selected:X,onMouseDown:t=>{b.current=!1,L.current={x:t.clientX,y:t.clientY}},onClick:t=>{let i=t.clientX-L.current.x,l=t.clientY-L.current.y;if(Math.sqrt(i*i+l*l)>Je||b.current){t.preventDefault(),t.stopPropagation(),b.current=!1;return}e&&M.current&&M.current(e,W),b.current=!1},sx:[{userSelect:"none",height:E,backgroundColor:J&&pe?pe:"transparent","& td":{padding:"8px 16px",borderBottom:K?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":xe&&!X?{backgroundColor:t=>{let i=t.palette.mode==="dark",f=ue??"#000000",v=B??.06;if(!ue)return i?`rgba(255, 255, 255, ${v})`:`rgba(0, 0, 0, ${v})`;let w=f.replace("#","").trim();if(w.length!==6)return f;let N=parseInt(w.substring(0,2),16),P=parseInt(w.substring(2,4),16),ae=parseInt(w.substring(4,6),16);return`rgba(${N}, ${P}, ${ae}, ${v})`}}:void 0,cursor:xe?"pointer":void 0},ye]})},TableBody:(0,c.forwardRef)((n,e)=>(0,s.jsx)(d.TableBody,{...n,ref:e,sx:C?{height:"100%"}:void 0})),TableFoot:(0,c.forwardRef)((n,e)=>(0,s.jsx)(d.TableFooter,{...n,ref:e,sx:[{position:"sticky",bottom:0,zIndex:2,backgroundColor:g=>g.palette.mode==="dark"?"#1e1e1e":"#ffffff","& tr":{height:de??E},"& td":{padding:"16px",color:"inherit",fontSize:"0.875rem",borderTop:"1px solid #000000",borderBottom:"none"}},...Array.isArray(ie)?ie:ie?[ie]:[]]}))}),[xe,I,D,E,pe,K,H,ue,B,me,de,ie,C]),Ae=(0,s.jsxs)(d.Box,{sx:{position:"relative",height:"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:n=>n.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"}},children:[(0,s.jsx)(Qe.TableVirtuoso,{ref:F,data:a,totalCount:U?a.length+1:a.length,defaultItemHeight:ke,fixedItemHeight:ke,fixedHeaderContent:Te,fixedFooterContent:C?fe:void 0,itemContent:ee,endReached:Re,style:{height:"100%"},increaseViewportBy:{top:je,bottom:Oe},overscan:he,followOutput:!1,components:ze},ge),a.length===0&&!p&&(0,s.jsx)(d.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2},children:typeof ne=="string"?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.Box,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),(0,s.jsx)(d.Typography,{variant:"body1",sx:{color:"text.secondary"},children:ne})]}):ne}),be&&(0,s.jsx)(s.Fragment,{children:oe?(0,s.jsx)(oe,{visible:p,onComplete:De}):(0,s.jsx)(Ke,{visible:p,onComplete:De,size:40,sx:{top:`${h.some(n=>n.group)?H*2:H}px`},background:{show:a.length===0,opacity:.8}})})]});return se?(0,s.jsx)(d.Paper,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:u,height:"100%",minHeight:0,flex:1,display:"flex",flexDirection:"column"},children:Ae}):(0,s.jsx)(d.Box,{className:"grow",style:{padding:0,paddingLeft:u,height:"100%",minHeight:0,flex:1,display:"flex",flexDirection:"column"},children:Ae})}var et=(0,c.memo)(bt);
|
|
22
22
|
/**
|
|
23
23
|
* Virtual Data Table - A high-performance virtual data table component for React
|
|
24
24
|
*
|