@ehfuse/mui-virtual-data-table 1.5.2 → 1.5.3
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/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{forwardRef as
|
|
1
|
+
import{forwardRef as Ye,useCallback as N,useMemo as de,useRef as v,useEffect as q,memo as _n,useState as Le}from"react";import{Box as D,Table as Fn,TableBody as Xt,TableCell as ce,TableContainer as Vn,TableHead as Wn,TableFooter as $n,TableRow as De,TableSortLabel as bt,Paper as Xn,Typography as Yn,useTheme as jn}from"@mui/material";import{TableVirtuoso as Kn}from"react-virtuoso";import{jsx as ct}from"react/jsx-runtime";import{useRef as _t,useState as Sn,useEffect as Tn}from"react";import{Box as Rn,CircularProgress as Hn}from"@mui/material";var ke=function(){return ke=Object.assign||function(u){for(var i,x=1,f=arguments.length;x<f;x++){i=arguments[x];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(u[s]=i[s])}return u},ke.apply(this,arguments)};function Ft(o){var u=o.visible,i=o.onComplete,x=o.fadeoutDuration,f=x===void 0?200:x,s=o.exitDelay,I=s===void 0?0:s,K=o.size,te=K===void 0?40:K,Z=o.className,J=o.style,H=o.sx,P=o.indicator,E=o.background,L=E===void 0?{show:!0,color:"255, 255, 255",opacity:.9}:E,y=_t(void 0),T=_t(null),ne=Sn(u),W=ne[0],w=ne[1],be=L.show,c=be===void 0?!0:be,S=L.color,R=S===void 0?"255, 255, 255":S,U=L.opacity,re=U===void 0?.9:U;if(Tn(function(){var Pe=y.current;if(Pe===!0&&u===!1&&T.current){var je=T.current;je.style.opacity="0",setTimeout(function(){w(!1),i?.()},f+I)}else u===!0&&(w(!0),T.current&&(T.current.style.opacity="1"));y.current=u},[u,i,f,I]),!W)return null;var Q=function(){return typeof P=="string"?ct("img",{src:P,alt:"Loading",style:{width:te,height:te}}):P||ct(Hn,{size:te})},B=function(){return c?R.startsWith("rgba")?{backgroundColor:R}:/^\d+,\s*\d+,\s*\d+$/.test(R)?{backgroundColor:"rgba(".concat(R,", ").concat(re,")")}:re!==1?{backgroundColor:R,"&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:R,opacity:re,zIndex:-1}}:{backgroundColor:R}:{backgroundColor:"transparent"}};return ct(Rn,{ref:T,className:Z,style:ke({},J),sx:ke(ke({position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,opacity:u?1:0,transition:"opacity ".concat(f,"ms ease-out")},B()),H),children:Q()})}import{Fragment as En,jsx as Vt,jsxs as Ln}from"react/jsx-runtime";var kn=`
|
|
2
2
|
.vdt-css-spinner{box-sizing:border-box;border-radius:50%;border:4px solid rgba(28,64,125,0.14);border-top-color:#1c407d;animation:vdt-css-spinner-spin .75s linear infinite}
|
|
3
3
|
@keyframes vdt-css-spinner-spin{to{transform:rotate(360deg)}}
|
|
4
|
-
`;function Vt({size:o=54}){return Ln(En,{children:[Ft("style",{children:kn}),Ft("span",{className:"vdt-css-spinner",role:"progressbar","aria-label":"loading",style:{display:"inline-block",width:o,height:o}})]})}import Wt,{useMemo as Dn,useState as In}from"react";import{Box as Ee,Divider as Pn,InputBase as Nn,Menu as An,MenuItem as Bn,SvgIcon as On}from"@mui/material";import{jsx as p,jsxs as $e}from"react/jsx-runtime";var ct=14,ut=18,pt=34,j={asc:"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z",desc:"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z",checked:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z",unchecked:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z",radioOn:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z",radioOff:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z",filter:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z",search:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"};function ge({d:o,size:c=ut,color:i}){return p(On,{sx:{fontSize:c,flexShrink:0,color:i},children:p("path",{d:o})})}function ft({size:o=14,active:c,color:i}){let x={stroke:"currentColor",strokeWidth:1.8,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"};return $e(Ee,{component:"svg",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,sx:{width:o,height:o,flexShrink:0,color:c?"primary.main":i??"currentColor",verticalAlign:"middle"},children:[p("path",{d:"M2 17.5H7",...x}),p("path",{d:"M22 6.5H17",...x}),p("path",{d:"M13 17.5H22",...x}),p("path",{d:"M11 6.5H2",...x}),p("path",{d:"M10 20.3999C8.34315 20.3999 7 19.0568 7 17.3999C7 15.743 8.34315 14.3999 10 14.3999C11.6569 14.3999 13 15.743 13 17.3999C13 19.0568 11.6569 20.3999 10 20.3999Z",...x}),p("path",{d:"M14 9.3999C15.6569 9.3999 17 8.05676 17 6.3999C17 4.74305 15.6569 3.3999 14 3.3999C12.3431 3.3999 11 4.74305 11 6.3999C11 8.05676 12.3431 9.3999 14 9.3999Z",...x})]})}var $t={gap:1,fontSize:ct,lineHeight:"20px",minHeight:pt,py:"7px",px:1.5};function G({icon:o,iconSpace:c,selected:i,disabled:x,muted:f,onClick:s,sx:I,children:K}){return $e(Bn,{selected:i,disabled:x,onClick:s,sx:[$t,f?{color:"text.secondary"}:{},...Array.isArray(I)?I:I?[I]:[]],children:[o??(c?p(Ee,{component:"span",sx:{width:ut,flexShrink:0}}):null),K]})}function We(){return p(Pn,{sx:{my:"4px !important"}})}function zn(o,c){let i=o.getBoundingClientRect();return{left:c??i.left,top:i.bottom}}function ht({open:o,anchorPosition:c,anchorEl:i,onClose:x,sort:f,filter:s,header:I,children:K,minWidth:te=180,maxHeight:Z=420}){let[J,H]=In(""),P=s?.multiple!==!1,E=s?.value??[],L=Dn(()=>{if(!s)return[];let u=s.options;return s.emptyLabel&&!u.some(T=>T.value==="")?[...u,{value:"",label:s.emptyLabel}]:u},[s]),y=!!s&&(s?.searchable??L.length>10),S=J.trim().toLowerCase(),ne=S?L.filter(u=>u.label.toLowerCase().includes(S)):L,W=()=>{H(""),x()},w=[];if(I&&w.push(p(Wt.Fragment,{children:I},"header")),f){let u=T=>{W(),f.onChange(f.active===T&&f.clearable!==!1?null:T)};w.push(p(G,{selected:f.active==="asc",onClick:()=>u("asc"),icon:p(ge,{d:j.asc,color:"text.secondary"}),children:"\uC624\uB984\uCC28\uC21C \uC815\uB82C"},"sort-asc"),p(G,{selected:f.active==="desc",onClick:()=>u("desc"),icon:p(ge,{d:j.desc,color:"text.secondary"}),children:"\uB0B4\uB9BC\uCC28\uC21C \uC815\uB82C"},"sort-desc")),f.active&&f.clearable!==!1&&w.push(p(G,{muted:!0,iconSpace:!0,onClick:()=>{W(),f.onChange(null)},children:"\uC815\uB82C \uD480\uAE30"},"sort-clear"))}return f&&s&&w.push(p(We,{},"div-sort")),s&&(y&&w.push($e(Ee,{onKeyDown:u=>u.stopPropagation(),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,pb:.5,minHeight:pt},children:[p(ge,{d:j.search,color:"text.secondary"}),p(Nn,{autoFocus:!0,value:J,onChange:u=>H(u.target.value),placeholder:s.searchPlaceholder??"\uCC3E\uAE30",sx:{flex:1,fontSize:ct}})]},"search")),!P&&s.allLabel&&w.push(p(G,{selected:E.length===0,onClick:()=>{W(),s.onChange([])},icon:p(ge,{d:E.length===0?j.radioOn:j.radioOff,color:E.length===0?"primary.main":"text.disabled"}),children:s.allLabel},"f-all")),L.length===0&&w.push(p(G,{disabled:!0,iconSpace:!0,children:s.emptyText??"\uACE0\uB97C \uAC12\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."},"f-none")),ne.forEach(u=>{let T=E.includes(u.value),R=()=>{if(P){s.onChange(T?E.filter(re=>re!==u.value):[...E,u.value]);return}W(),s.onChange(T?[]:[u.value])},U=P?T?j.checked:j.unchecked:T?j.radioOn:j.radioOff;w.push($e(G,{selected:!P&&T,onClick:R,icon:p(ge,{d:U,color:T?"primary.main":"text.disabled"}),children:[u.icon,p(Ee,{component:"span",sx:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:u.render??u.label}),typeof u.count=="number"?p(Ee,{component:"span",sx:{color:"text.secondary",ml:1,fontVariantNumeric:"tabular-nums"},children:u.count}):null]},`f:${u.value||"(empty)"}`))}),y&&S&&ne.length===0&&w.push(p(G,{disabled:!0,iconSpace:!0,children:"\uCC3E\uB294 \uAC12\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."},"f-nohit")),E.length>0&&w.push(p(We,{},"div-filter"),p(G,{muted:!0,iconSpace:!0,onClick:()=>{W(),s.onChange([])},children:s.clearLabel??"\uAC70\uB974\uAE30 \uD480\uAE30"},"f-clear"))),K&&(w.length>0&&w.push(p(We,{},"div-children")),w.push(p(Wt.Fragment,{children:K},"children"))),p(An,{open:o&&(!!c||!!i),...!c&&!!i?{anchorEl:i}:{anchorReference:"anchorPosition",anchorPosition:c??void 0},onClose:W,transitionDuration:0,disableAutoFocusItem:y,onContextMenu:u=>u.preventDefault(),onClick:u=>u.stopPropagation(),slotProps:{paper:{sx:{maxHeight:Z,minWidth:te}},list:{sx:{py:.5}}},children:w})}import Un from"@ehfuse/overlay-scrollbar";import{Fragment as Ie,jsx as a,jsxs as V}from"react/jsx-runtime";var Gn={alignment:"default",margin:0,radius:0},bt=5,qn={bg:"#ffffff",border:"#e6e6e3",borderStrong:"#dedddb",headerColor:"#787774",hoverBg:"#f8f8f7",emptyColor:"#9b9a97",selectedBg:"#dbeafe",selectedBar:"#3b82f6"},Yt="12px",Zn={bg:"#1e1e1e",border:"#2c333c",borderStrong:"#3b434e",headerColor:"#a3adbb",hoverBg:"#272d36",emptyColor:"#7d8590",selectedBg:"rgba(59, 130, 246, 0.22)",selectedBar:"#60a5fa"};function mt(o){return!!(o.filterOptions&&o.onFilterChange)}function Jn({data:o,loading:c=!1,columns:i,onRowClick:x,getRowId:f,selectedRowId:s,selectedRowSx:I,rowHeight:K,columnHeight:te,striped:Z,rowDivider:J=!0,onSort:H,onSortClear:P,onHeaderContextMenu:E,onLoadMore:L,sortBy:y,sortDirection:S,showPaper:ne=!0,paddingX:W,paddingTop:w=0,paddingBottom:be=0,rowHoverColor:u,rowHoverOpacity:T,viewportBuffer:R,overscan:U,scrollbars:re,emptyMessage:Q="NO DATA",autoHeight:B=!1,LoadingComponent:Pe,showFooter:Ye,footerHeight:me,footerSx:xe,variant:jt="default",framed:ue=!0,headerTopBorder:Kt=!1,rowHeightMode:Ut="fixed",tableLayout:Ne="fixed",renderFullWidthRow:je,fullWidthRowSx:ye,onRowContextMenu:xt,pinnedRows:Ce,pinnedRowsMaxHeight:Ke,pinnedRowsSx:Me,resetScrollOnDataChange:yt=!0,rowKeyFromId:Gt=!1,onEndReached:Ct,colorMode:qt}){let b=jt==="notion",Ue=jn(),m=(qt??Ue.palette.mode)==="dark"?Zn:qn,Mt=(Ce?.length??0)>0,oe=te??(b?40:56),$=K??(b?48:50),Ae=ue?W??(b?"12px":"1rem"):0,Ge=Ut==="auto",qe=u??(b?m.hoverBg:void 0),vt=T??(b?1:void 0),Zt=Math.max($*12,480),Jt=Math.max($*12,480),Qt=typeof R=="number"?R:R?.top??Zt,en=typeof R=="number"?R:R?.bottom??Jt,tn=Math.max($*8,420),nn=Math.max($*10,520),rn=typeof U=="number"?U:{main:U?.main??tn,reverse:U?.reverse??nn},ve=$+(J?1:0),on=de(()=>b?{backgroundColor:m.selectedBg,"& > td:first-of-type":{boxShadow:`inset 3px 0 0 ${m.selectedBar}`},"& > td[data-vdt-pinned]":{backgroundColor:m.selectedBg}}:void 0,[b,m]),X=I??on,Be=!X||typeof X!="function",an=de(()=>!Be||s===null||s===void 0||!X?null:{[`& tbody tr[data-row-id="${String(s).replace(/["\\]/g,"\\$&")}"]`]:X},[Be,s,X]),er=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[C]=Le(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),g=v({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}),Ze=A(t=>{if(!C)return;let e=g.current;if(!(e.wheelEvents>0||e.rangeChangedCalls>0||e.rowContentCalls>0||e.cellRenderCalls>0))return;let d=e.rowContentCalls>0?e.rowContentMs/e.rowContentCalls:0,h=e.cellRenderCalls>0?e.cellRenderMs/e.cellRenderCalls:0;console.log("[VDT perf]",{reason:t,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(d.toFixed(3)),maxMs:Number(e.rowContentMaxMs.toFixed(3))},cellRender:{calls:e.cellRenderCalls,totalMs:Number(e.cellRenderMs.toFixed(2)),avgMs:Number(h.toFixed(3)),maxMs:Number(e.cellRenderMaxMs.toFixed(3))}}),g.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}},[C]);q(()=>{if(!C||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let t=window.setInterval(()=>{Ze("interval")},1500);return()=>{window.clearInterval(t),Ze("cleanup")}},[Ze,C]);let wt=de(()=>Xe((t,e)=>{let r=v(null),d=v(0),h=v(null);return q(()=>{let n=r.current;if(!n)return;let l=k=>{let z=C?performance.now():0;if(k.shiftKey||Math.abs(k.deltaX)>Math.abs(k.deltaY))return;let N=k.target?.closest?.("[data-vdt-inner-scroll]");if(N&&n.contains(N)&&(k.deltaY<0?N.scrollTop>0:N.scrollTop+N.clientHeight<N.scrollHeight-1))return;k.preventDefault();let ee=k.deltaY;k.deltaMode===1?ee*=40:k.deltaMode===2&&(ee*=n.clientHeight),C&&(g.current.wheelEvents+=1,g.current.wheelInputPx+=ee),d.current+=ee,h.current===null&&(h.current=requestAnimationFrame(()=>{let fe=C?performance.now():0,M=Math.max(n.clientHeight*.4,160),_=Math.max(-M,Math.min(M,d.current));d.current=0,h.current=null,_!==0&&(n.scrollTop+=_),C&&(g.current.wheelRafFlushes+=1,g.current.wheelRafMs+=performance.now()-fe)}),C&&(g.current.wheelHandlerMs+=performance.now()-z))};return n.addEventListener("wheel",l,{passive:!1}),()=>{n.removeEventListener("wheel",l),h.current!==null&&(cancelAnimationFrame(h.current),h.current=null),d.current=0}},[]),a(Un,{detectInnerScroll:!0,track:Gn,...re,children:a(Vn,{component:D,...t,ref:n=>{r.current=n,typeof e=="function"?e(n):e&&(e.current=n)},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:b?0:Ae,paddingTop:w,paddingBottom:be}}})})}),[]),Je=de(()=>{if(Z===!0)return"#f5f5f5";if(typeof Z=="string")return Z},[Z]),[ln,St]=Le(c),[sn,dn]=Le(0);q(()=>{c&&St(!0)},[c]);let Tt=A(()=>{St(!1)},[]),cn=ln,tr=c&&o.length>0,Qe=v(!1),et=v(-1),tt=v(null),nt=v(null),[un,pn]=Le(!1),Oe=A(()=>{let t=nt.current;t&&pn(t.scrollHeight>t.clientHeight+1)},[]);q(()=>{let t=nt.current;if(!t||typeof ResizeObserver>"u")return;let e=new ResizeObserver(()=>Oe());return e.observe(t),()=>e.disconnect()},[Oe,B]);let rt=v(x);rt.current=x;let we=v(f);we.current=f;let ot=v(xt);ot.current=xt;let Rt=v(Ct);Rt.current=Ct;let Ht=v(null),ze=de(()=>{let t=new Map,e=0;return i.forEach(r=>{r.pinned==="left"&&(t.set(String(r.id),e),e+=typeof r.width=="number"?r.width:0)}),t},[i]),at=de(()=>{if(i.some(t=>typeof t.minWidth=="number"))return i.reduce((t,e)=>t+(typeof e.width=="number"?e.width:typeof e.minWidth=="number"?e.minWidth:0),0)},[i]),pe=A((t,e)=>{let r=ze.get(String(t.id));return r===void 0?{}:{position:"sticky",left:r,zIndex:e?3:1}},[ze]),_e=!!x,Se=v(!1),ae=v({x:0,y:0});q(()=>{let t=e=>{let r=e.clientX-ae.current.x,d=e.clientY-ae.current.y;Math.sqrt(r*r+d*d)>bt&&(Se.current=!0)};return document.addEventListener("mousemove",t),()=>{document.removeEventListener("mousemove",t)}},[]),q(()=>{let t=document.querySelector('[data-testid="virtuoso-scroller"]');t&&t.querySelectorAll(".MuiTableSortLabel-root").forEach(r=>{let d=new MouseEvent("mouseleave",{bubbles:!0,cancelable:!0});r.dispatchEvent(d)})},[y]);let Fe=A(t=>{if(!H)return;H(t,y===t&&S==="asc"?"desc":"asc")},[H,y,S]),[Te,kt]=Le(null),Et=v(E);Et.current=E;let Lt=v(H);Lt.current=H;let Re=A((t,e)=>{if(!t){e.preventDefault();return}t.headerProps?.onContextMenu?.(e);let r=e.defaultPrevented;if(r||(r=Et.current?.(t,e)===!0||e.defaultPrevented),e.preventDefault(),r||t.headerMenu===!1||!!!((t.sortMenu??t.sortable)&&Lt.current)&&!mt(t))return;let h=e.currentTarget.getBoundingClientRect();kt({colId:String(t.id),x:e.clientX,y:h.bottom})},[]),ie=A(t=>{if(!mt(t))return t.text;let e=!!(t.filterValues&&t.filterValues.length>0);return V(D,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:.5,maxWidth:"100%",color:e?"primary.main":void 0,fontWeight:e?600:void 0,verticalAlign:"middle"},children:[a(D,{component:"span",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.text}),a(ft,{active:e})]})},[]),fn=A(t=>{let e=C?performance.now():0;if(Rt.current?.(),!L){C&&(g.current.rangeChangedCalls+=1,g.current.rangeChangedMs+=performance.now()-e);return}if(c&&o.length===0){C&&(g.current.rangeChangedCalls+=1,g.current.rangeChangedMs+=performance.now()-e);return}let r=o.length>=30,d=t>=o.length-1,h=et.current===o.length;if(d&&r&&!Qe.current&&!h){Qe.current=!0,et.current=o.length;let n=o.length;L(n,50)}C&&(g.current.rangeChangedCalls+=1,g.current.rangeChangedMs+=performance.now()-e)},[o.length,c,L,C]);q(()=>{c||(Qe.current=!1)},[c]),q(()=>{o.length===0&&dn(t=>t+1)},[o.length]);let Dt=v(yt);Dt.current=yt;let it=v(o.length),lt=v(void 0);q(()=>{let t=it.current,e=o.length,r=e>0?we.current?we.current(o[0],0):o[0]:void 0,d=lt.current;if(e>t&&t>0){it.current=e,lt.current=r;return}let h=e<t||t>0&&r!==d;h&&(et.current=-1),tt.current&&e>0&&h&&Dt.current&&tt.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),it.current=e,lt.current=r},[o]);let It=A(()=>{let t={},e=[];if(i.forEach(n=>{n.group?(t[n.group]||(t[n.group]=[]),t[n.group].push(n)):e.push(n)}),!(Object.keys(t).length>0))return a(De,{children:i.map(n=>a(ce,{align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:l=>Re(n,l),style:{width:n.width,minWidth:n.width??n.minWidth,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...pe(n,!0),...n.headerProps?.style},children:n.sortable?a("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:V(D,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Fe(String(n.id)),children:[ie(n),a(gt,{active:y===n.id,direction:y===n.id?S:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:y===n.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)"}}})]})}):ie(n)},String(n.id)))});let d=[...e.map(n=>a(ce,{rowSpan:2,align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:l=>Re(n,l),style:{width:n.width,minWidth:n.width,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...pe(n,!0),...n.headerProps?.style},children:n.sortable&&H?a("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:V(D,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Fe(String(n.id)),children:[ie(n),a(gt,{active:y===n.id,direction:y===n.id?S:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:y===n.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)"}}})]})}):ie(n)},String(n.id))),...Object.entries(t).map(([n,l])=>a(ce,{align:"center",colSpan:l.length,onContextMenu:k=>Re(null,k),style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:n},n))],h=[...Object.values(t).flat().map(n=>a(ce,{align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:l=>Re(n,l),style:{width:n.width,minWidth:n.width,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...pe(n,!0),...n.headerProps?.style},children:n.sortable&&H?a("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:V(D,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Fe(String(n.id)),children:[ie(n),a(gt,{active:y===n.id,direction:y===n.id?S:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:y===n.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)"}}})]})}):ie(n)},String(n.id)))];return V(Ie,{children:[a(De,{children:d}),a(De,{children:h})]})},[i,y,S,Fe,H,oe,pe,Re,ie]),Ve=A((t,e)=>{let r=C?performance.now():0;if(!e){if(C){g.current.rowContentCalls+=1;let l=performance.now()-r;g.current.rowContentMs+=l,g.current.rowContentMaxMs=Math.max(g.current.rowContentMaxMs,l)}return null}let d=je?je(e,t):null;if(d!=null)return a(ce,{colSpan:i.length,"data-vdt-pad":"",sx:[{padding:b?"0 14px":"8px 16px"},...Array.isArray(ye)?ye:ye?[ye]:[]],children:d});let h=0,n=i.map((l,k)=>{if(h>0)return h-=1,null;let z=l.colSpan?Math.max(1,Math.min(l.colSpan(e,t),i.length-k)):1;h=z-1;let N=C?performance.now():0,ee=l.render?l.render(e,t):String(e[l.id]||"");if(C){let F=performance.now()-N;g.current.cellRenderCalls+=1,g.current.cellRenderMs+=F,g.current.cellRenderMaxMs=Math.max(g.current.cellRenderMaxMs,F)}let fe=ze.has(String(l.id)),M=l.cellPadding!==void 0,_=l.rowSpan?l.rowSpan(e,t):1;if(_<=0)return null;let le=l.onCellClick;return a(ce,{align:l.align||"left",rowSpan:_>1?_:void 0,colSpan:z>1?z:void 0,"data-vdt-pad":M?"":void 0,"data-vdt-pinned":fe?"":void 0,"data-vdt-cell-click":le?"":void 0,onClick:le?F=>{let he=F.clientX-ae.current.x,se=F.clientY-ae.current.y;F.stopPropagation(),!(Math.sqrt(he*he+se*se)>bt)&&le(e,t,F)}:void 0,style:{...z>1?{}:{width:l.width,minWidth:l.width??l.minWidth},...l.primary?{fontSize:15}:{},...l.style,...l.cellStyle?l.cellStyle(e,t):{},padding:M?l.cellPadding:"8px 16px",...pe(l,!1)},children:ee},String(l.id))});if(C){g.current.rowContentCalls+=1;let l=performance.now()-r;g.current.rowContentMs+=l,g.current.rowContentMaxMs=Math.max(g.current.rowContentMaxMs,l)}return a(Ie,{children:n})},[i,C,je,ye,b,ze,pe]),Pt=A(()=>{let t=It();if(!Ce||Ce.length===0)return t;let e=Ht.current;return V(Ie,{children:[t,a("tr",{"data-vdt-pinned-area":"",children:a("td",{colSpan:i.length,style:{padding:0,border:0},children:a(D,{"data-vdt-inner-scroll":"",sx:[{maxHeight:Ke,overflowY:Ke?"auto":"visible",overflowX:"hidden",scrollbarWidth:"thin",borderBottom:`1px solid ${b?m.borderStrong:"rgba(224, 224, 224, 1)"}`,"& tbody tr:last-of-type > td":{borderBottom:"none"}},...Array.isArray(Me)?Me:Me?[Me]:[]],children:V("table",{style:{width:"100%",tableLayout:Ne,borderCollapse:"separate",borderSpacing:0},children:[a("colgroup",{children:i.map(r=>a("col",{style:{width:r.width,minWidth:r.width??r.minWidth}},String(r.id)))}),a(Xt,{children:Ce.map((r,d)=>e?a(e,{item:r,"data-index":d,"data-vdt-pinned-row":"",children:Ve(d,r)},f?String(f(r,d)):`p${d}`):null)})]})})})})]})},[It,Ce,Ke,Me,i,Ve,Ne,f,b,m]),Y=Ye??i.some(t=>typeof t.footer=="function"),Nt=A(()=>{if(!Y)return null;let t=[];for(let e=0;e<i.length;e+=1){let r=i[e],d=r.footerColSpan&&r.footerColSpan>1?Math.min(r.footerColSpan,i.length-e):1;t.push(a(ce,{align:r.align||"left",colSpan:d>1?d:void 0,style:{...d>1?{}:{width:r.width,minWidth:r.width},...r.style,fontWeight:"bold",padding:b?"0 14px":"16px"},children:r.footer?r.footer(o):null},String(r.id))),e+=d-1}return a(De,{children:t})},[Y,i,o,b]),st=de(()=>({Scroller:wt,Table:t=>a(Fn,{...t,sx:{borderCollapse:"separate",tableLayout:Ne,...at?{minWidth:at}:{},marginRight:ue?"16px":0,...Y?{height:"100%"}:{}}}),TableHead:Xe((t,e)=>a(Wn,{...t,ref:e,sx:{userSelect:"none","& > tr":{height:oe,"& > th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:t=>{let{item:e,selected:r,"aria-selected":d,className:h,...n}=t,l=n["data-index"]??0,k=l%2===1,z=e&&we.current?we.current(e,l):l,N=!Be&&s!==null&&s!==void 0&&z===s,ee=N&&X?typeof X=="function"?X(e,l):X:void 0,fe=String(h??"").split(/\s+/).filter(M=>M!=="Mui-selected"&&M!=="Mui-focusVisible").join(" ");return a(De,{...n,"data-row-id":z!=null?String(z):void 0,className:fe||void 0,selected:N,onMouseDown:M=>{Se.current=!1,ae.current={x:M.clientX,y:M.clientY}},onContextMenu:M=>{e&&ot.current&&ot.current(e,l,M)},onClick:M=>{let _=M.clientX-ae.current.x,le=M.clientY-ae.current.y;if(Math.sqrt(_*_+le*le)>bt||Se.current){M.preventDefault(),M.stopPropagation(),Se.current=!1;return}e&&rt.current&&rt.current(e,l),Se.current=!1},sx:[{userSelect:"none",...Ge?{"& > td":{height:ve}}:{height:ve,maxHeight:ve},boxSizing:"border-box",backgroundColor:k&&Je?Je:"transparent","& td:not([data-vdt-pad])":{padding:"8px 16px"},"& td":{boxSizing:"border-box",borderBottom:J?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":_e&&!N?{backgroundColor:M=>{let _=M.palette.mode==="dark",F=qe??"#000000",he=vt??.06;if(!qe)return _?`rgba(255, 255, 255, ${he})`:`rgba(0, 0, 0, ${he})`;let se=F.replace("#","").trim();if(se.length!==6)return F;let Mn=parseInt(se.substring(0,2),16),vn=parseInt(se.substring(2,4),16),wn=parseInt(se.substring(4,6),16);return`rgba(${Mn}, ${vn}, ${wn}, ${he})`}}:void 0,cursor:_e?"pointer":void 0},ee]})},TableBody:Xe((t,e)=>{let{children:r,...d}=t;return V(Xt,{...d,ref:e,sx:Y?{height:"100%"}:void 0,children:[r,Y&&a("tr",{"aria-hidden":!0,style:{height:"100%"},children:a("td",{colSpan:i.length,style:{padding:0,border:0}})})]})}),TableFoot:Xe((t,e)=>a($n,{...t,ref:e,sx:[{"& tr":{height:me??$,maxHeight:me??$,boxSizing:"border-box"},"& td":{height:me??$,boxSizing:"border-box",backgroundColor:r=>r.palette.mode==="dark"?"#1e1e1e":"#ffffff",padding:"0 16px",color:"inherit",fontSize:"0.875rem",border:"none",boxShadow:`inset 0 1px 0 0 ${b?m.borderStrong:"#000000"}`}},...Array.isArray(xe)?xe:xe?[xe]:[]]}))}),[_e,Be?null:s,X,$,Je,J,oe,qe,vt,wt,me,xe,Y,b,m,i,Ne,ue,Ge,at]);Ht.current=st.TableRow;let hn=st,He=st,gn=He.Table,bn=He.TableHead,mn=He.TableBody,xn=He.TableRow,yn=He.TableFoot,O=Te?i.find(t=>String(t.id)===Te.colId):void 0,Cn=()=>kt(null),At=null;if(Te&&O){let t=String(O.id),e=!!((O.sortMenu??O.sortable)&&H),r=mt(O),d=y===t?S:void 0;At=a(ht,{open:!0,anchorPosition:{left:Te.x,top:Te.y},onClose:Cn,sort:e?{active:d??null,clearable:!!P,onChange:h=>{h?H?.(t,h):P?.()}}:void 0,filter:r?{options:O.filterOptions??[],value:O.filterValues??[],onChange:h=>O.onFilterChange?.(h),multiple:O.filterMultiple!==!1,emptyLabel:O.filterEmptyLabel,searchable:O.filterSearchable}:void 0})}let Bt=V(D,{sx:{position:"relative",height:B?"auto":"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:t=>b?`${m.bg} !important`:t.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"},...an??{},"& tbody td[data-vdt-pinned]":{backgroundColor:b?m.bg:Ue.palette.background.paper},"& tbody td[data-vdt-cell-click]":{cursor:"pointer"},"& tbody td[data-vdt-cell-click]:hover":{backgroundColor:b?m.hoverBg:Ue.palette.mode==="dark"?"rgba(255, 255, 255, 0.06)":"rgba(0, 0, 0, 0.04)"},...b&&_e?{"& tbody tr:hover td[data-vdt-pinned]":{backgroundColor:m.hoverBg}}:{},...b?{...ue?{border:`1px solid ${m.borderStrong}`,borderRadius:"4px"}:{"& table":{backgroundColor:m.bg}},overflow:"hidden","& thead tr th > *":{verticalAlign:"middle"},"& thead > tr > th":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"& thead > tr > th > *":{maxWidth:"100%"},"& thead .vdt-sort-box":{paddingRight:"20px"},"& thead .vdt-sort-box > .MuiTableSortLabel-root":{left:"auto !important",right:0,marginLeft:"0 !important"},"& thead tr th":{height:oe,boxSizing:"border-box",padding:"0 14px !important",fontSize:13,fontWeight:"500 !important",color:m.headerColor,backgroundColor:`${m.bg} !important`,borderTop:!ue&&Kt?`1px solid ${m.borderStrong}`:"none",borderBottom:`1px solid ${m.borderStrong}`,borderRight:`1px solid ${m.border}`,"&:last-of-type":{borderRight:"none"}},"& tbody tr td:not([data-vdt-pad])":{padding:"0 14px !important"},"& tbody tr td":{fontSize:14,borderBottom:`1px solid ${m.border}`},...o.length>0&&(B||un||Y)?{[`& tbody tr[data-index="${o.length-1}"]:not([data-vdt-pinned-row]) td`]:{borderBottom:"none"}}:{}}:{}},children:[B?a(D,{sx:{overflowX:"auto",width:"100%"},children:V(gn,{children:[a(bn,{children:Pt()}),a(mn,{children:o.map((t,e)=>a(xn,{item:t,"data-index":e,children:Ve(e,t)},f?String(f(t,e)):e))}),Y?a(yn,{children:Nt()}):null]})}):a(Kn,{ref:tt,data:o,totalCount:L?o.length+1:o.length,defaultItemHeight:ve,fixedItemHeight:Ge?void 0:ve,fixedHeaderContent:Pt,fixedFooterContent:Y?Nt:void 0,itemContent:Ve,...Gt&&f?{computeItemKey:(t,e)=>e?f(e,t):`vdt-${t}`}:{},endReached:fn,scrollerRef:t=>{nt.current=t instanceof HTMLElement?t:null,Oe()},totalListHeightChanged:Oe,style:{height:"100%"},increaseViewportBy:{top:Qt,bottom:en},overscan:rn,followOutput:!1,components:hn},sn),o.length===0&&!c&&!Mt&&b&&typeof Q=="string"&&a(D,{sx:{position:B?"static":"absolute",top:oe,left:0,right:0,py:6,textAlign:"center",fontSize:14,color:m.emptyColor,pointerEvents:"none"},children:Q}),o.length===0&&!c&&!Mt&&!(b&&typeof Q=="string")&&a(D,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,pointerEvents:"none","& > *":{pointerEvents:"auto"}},children:typeof Q=="string"?V(Ie,{children:[a(D,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),a(Yn,{variant:"body1",sx:{color:"text.secondary"},children:Q})]}):Q}),At,cn&&a(Ie,{children:Pe?a(Pe,{visible:c,onComplete:Tt}):a(_t,{visible:c,onComplete:Tt,size:40,indicator:a(Vt,{}),sx:{top:`${i.some(t=>t.group)?oe*2:oe}px`,bottom:`${Y?me??$:0}px`},background:{show:o.length===0,opacity:.8}})})]}),Ot=b&&ue?{paddingRight:Ae,paddingTop:Yt,paddingBottom:Yt}:{};return ne?a(Xn,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:Ae,...Ot,boxSizing:"border-box",height:B?"auto":"100%",minHeight:0,flex:B?"none":1,display:"flex",flexDirection:"column"},children:Bt}):a(D,{className:"grow",style:{padding:0,paddingLeft:Ae,...Ot,boxSizing:"border-box",height:B?"auto":"100%",minHeight:0,flex:B?"none":1,display:"flex",flexDirection:"column"},children:Bt})}var Qn=_n(Jn);export{ct as HEADER_MENU_FONT_SIZE,j as HEADER_MENU_ICON_PATHS,ut as HEADER_MENU_ICON_SIZE,pt as HEADER_MENU_ITEM_HEIGHT,$t as HEADER_MENU_ITEM_SX,ft as HeaderFilterIcon,ht as HeaderMenu,We as HeaderMenuDivider,ge as HeaderMenuIcon,G as HeaderMenuItem,Qn as VirtualDataTable,zn as headerMenuAnchor};
|
|
4
|
+
`;function Wt({size:o=54}){return Ln(En,{children:[Vt("style",{children:kn}),Vt("span",{className:"vdt-css-spinner",role:"progressbar","aria-label":"loading",style:{display:"inline-block",width:o,height:o}})]})}import We,{useMemo as Dn,useState as In}from"react";import{Box as Ee,Divider as Pn,InputBase as An,Menu as Nn,MenuItem as Bn,SvgIcon as On}from"@mui/material";import{jsx as p,jsxs as Xe}from"react/jsx-runtime";var ut=14,pt=18,ft=34,j={asc:"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z",desc:"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z",checked:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z",unchecked:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z",radioOn:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z",radioOff:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z",filter:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z",search:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"};function ge({d:o,size:u=pt,color:i}){return p(On,{sx:{fontSize:u,flexShrink:0,color:i},children:p("path",{d:o})})}function ht({size:o=14,active:u,color:i}){let x={stroke:"currentColor",strokeWidth:1.8,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"};return Xe(Ee,{component:"svg",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,sx:{width:o,height:o,flexShrink:0,color:u?"primary.main":i??"currentColor",verticalAlign:"middle"},children:[p("path",{d:"M2 17.5H7",...x}),p("path",{d:"M22 6.5H17",...x}),p("path",{d:"M13 17.5H22",...x}),p("path",{d:"M11 6.5H2",...x}),p("path",{d:"M10 20.3999C8.34315 20.3999 7 19.0568 7 17.3999C7 15.743 8.34315 14.3999 10 14.3999C11.6569 14.3999 13 15.743 13 17.3999C13 19.0568 11.6569 20.3999 10 20.3999Z",...x}),p("path",{d:"M14 9.3999C15.6569 9.3999 17 8.05676 17 6.3999C17 4.74305 15.6569 3.3999 14 3.3999C12.3431 3.3999 11 4.74305 11 6.3999C11 8.05676 12.3431 9.3999 14 9.3999Z",...x})]})}var $t={gap:1,fontSize:ut,lineHeight:"20px",minHeight:ft,py:"7px",px:1.5};function G({icon:o,iconSpace:u,selected:i,disabled:x,muted:f,onClick:s,sx:I,children:K}){return Xe(Bn,{selected:i,disabled:x,onClick:s,sx:[$t,f?{color:"text.secondary"}:{},...Array.isArray(I)?I:I?[I]:[]],children:[o??(u?p(Ee,{component:"span",sx:{width:pt,flexShrink:0}}):null),K]})}function $e(){return p(Pn,{sx:{my:"4px !important"}})}function zn(o,u){let i=o.getBoundingClientRect();return{left:u??i.left,top:i.bottom}}function gt({open:o,anchorPosition:u,anchorEl:i,onClose:x,sort:f,filter:s,header:I,children:K,minWidth:te=180,maxHeight:Z=420}){let[J,H]=In(""),P=s?.multiple!==!1,E=s?.value??[],L=Dn(()=>{if(!s)return[];let c=s.options;return s.emptyLabel&&!c.some(S=>S.value==="")?[...c,{value:"",label:s.emptyLabel}]:c},[s]),y=!!s&&(s?.searchable??L.length>10),T=J.trim().toLowerCase(),ne=T?L.filter(c=>c.label.toLowerCase().includes(T)):L,W=()=>{H(""),x()},w=[];if(I&&w.push(...We.Children.toArray(I).map((c,S)=>We.isValidElement(c)?We.cloneElement(c,{key:`h${S}`}):c)),f){let c=S=>{W(),f.onChange(f.active===S&&f.clearable!==!1?null:S)};w.push(p(G,{selected:f.active==="asc",onClick:()=>c("asc"),icon:p(ge,{d:j.asc,color:"text.secondary"}),children:"\uC624\uB984\uCC28\uC21C \uC815\uB82C"},"sort-asc"),p(G,{selected:f.active==="desc",onClick:()=>c("desc"),icon:p(ge,{d:j.desc,color:"text.secondary"}),children:"\uB0B4\uB9BC\uCC28\uC21C \uC815\uB82C"},"sort-desc")),f.active&&f.clearable!==!1&&w.push(p(G,{muted:!0,iconSpace:!0,onClick:()=>{W(),f.onChange(null)},children:"\uC815\uB82C \uD480\uAE30"},"sort-clear"))}return f&&s&&w.push(p($e,{},"div-sort")),s&&(y&&w.push(Xe(Ee,{onKeyDown:c=>c.stopPropagation(),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,pb:.5,minHeight:ft},children:[p(ge,{d:j.search,color:"text.secondary"}),p(An,{autoFocus:!0,value:J,onChange:c=>H(c.target.value),placeholder:s.searchPlaceholder??"\uCC3E\uAE30",sx:{flex:1,fontSize:ut}})]},"search")),!P&&s.allLabel&&w.push(p(G,{selected:E.length===0,onClick:()=>{W(),s.onChange([])},icon:p(ge,{d:E.length===0?j.radioOn:j.radioOff,color:E.length===0?"primary.main":"text.disabled"}),children:s.allLabel},"f-all")),L.length===0&&w.push(p(G,{disabled:!0,iconSpace:!0,children:s.emptyText??"\uACE0\uB97C \uAC12\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."},"f-none")),ne.forEach(c=>{let S=E.includes(c.value),R=()=>{if(P){s.onChange(S?E.filter(re=>re!==c.value):[...E,c.value]);return}W(),s.onChange(S?[]:[c.value])},U=P?S?j.checked:j.unchecked:S?j.radioOn:j.radioOff;w.push(Xe(G,{selected:!P&&S,onClick:R,icon:p(ge,{d:U,color:S?"primary.main":"text.disabled"}),children:[c.icon,p(Ee,{component:"span",sx:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:c.render??c.label}),typeof c.count=="number"?p(Ee,{component:"span",sx:{color:"text.secondary",ml:1,fontVariantNumeric:"tabular-nums"},children:c.count}):null]},`f:${c.value||"(empty)"}`))}),y&&T&&ne.length===0&&w.push(p(G,{disabled:!0,iconSpace:!0,children:"\uCC3E\uB294 \uAC12\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."},"f-nohit")),E.length>0&&w.push(p($e,{},"div-filter"),p(G,{muted:!0,iconSpace:!0,onClick:()=>{W(),s.onChange([])},children:s.clearLabel??"\uAC70\uB974\uAE30 \uD480\uAE30"},"f-clear"))),K&&(w.length>0&&w.push(p($e,{},"div-children")),w.push(...We.Children.toArray(K))),p(Nn,{open:o&&(!!u||!!i),...!u&&!!i?{anchorEl:i}:{anchorReference:"anchorPosition",anchorPosition:u??void 0},onClose:W,transitionDuration:0,disableAutoFocusItem:y,onContextMenu:c=>c.preventDefault(),onClick:c=>c.stopPropagation(),slotProps:{paper:{sx:{maxHeight:Z,minWidth:te}},list:{sx:{py:.5}}},children:w})}import Un from"@ehfuse/overlay-scrollbar";import{Fragment as Ie,jsx as a,jsxs as V}from"react/jsx-runtime";var Gn={alignment:"default",margin:0,radius:0},mt=5,qn={bg:"#ffffff",border:"#e6e6e3",borderStrong:"#dedddb",headerColor:"#787774",hoverBg:"#f8f8f7",emptyColor:"#9b9a97",selectedBg:"#dbeafe",selectedBar:"#3b82f6"},Yt="12px",Zn={bg:"#1e1e1e",border:"#2c333c",borderStrong:"#3b434e",headerColor:"#a3adbb",hoverBg:"#272d36",emptyColor:"#7d8590",selectedBg:"rgba(59, 130, 246, 0.22)",selectedBar:"#60a5fa"};function xt(o){return!!(o.filterOptions&&o.onFilterChange)}function Jn({data:o,loading:u=!1,columns:i,onRowClick:x,getRowId:f,selectedRowId:s,selectedRowSx:I,rowHeight:K,columnHeight:te,striped:Z,rowDivider:J=!0,onSort:H,onSortClear:P,onHeaderContextMenu:E,onLoadMore:L,sortBy:y,sortDirection:T,showPaper:ne=!0,paddingX:W,paddingTop:w=0,paddingBottom:be=0,rowHoverColor:c,rowHoverOpacity:S,viewportBuffer:R,overscan:U,scrollbars:re,emptyMessage:Q="NO DATA",autoHeight:B=!1,LoadingComponent:Pe,showFooter:je,footerHeight:me,footerSx:xe,variant:jt="default",framed:ue=!0,headerTopBorder:Kt=!1,rowHeightMode:Ut="fixed",tableLayout:Ae="fixed",renderFullWidthRow:Ke,fullWidthRowSx:ye,onRowContextMenu:yt,pinnedRows:Ce,pinnedRowsMaxHeight:Ue,pinnedRowsSx:Me,resetScrollOnDataChange:Ct=!0,rowKeyFromId:Gt=!1,onEndReached:Mt,colorMode:qt}){let b=jt==="notion",Ge=jn(),m=(qt??Ge.palette.mode)==="dark"?Zn:qn,vt=(Ce?.length??0)>0,oe=te??(b?40:56),$=K??(b?48:50),Ne=ue?W??(b?"12px":"1rem"):0,qe=Ut==="auto",Ze=c??(b?m.hoverBg:void 0),wt=S??(b?1:void 0),Zt=Math.max($*12,480),Jt=Math.max($*12,480),Qt=typeof R=="number"?R:R?.top??Zt,en=typeof R=="number"?R:R?.bottom??Jt,tn=Math.max($*8,420),nn=Math.max($*10,520),rn=typeof U=="number"?U:{main:U?.main??tn,reverse:U?.reverse??nn},ve=$+(J?1:0),on=de(()=>b?{backgroundColor:m.selectedBg,"& > td:first-of-type":{boxShadow:`inset 3px 0 0 ${m.selectedBar}`},"& > td[data-vdt-pinned]":{backgroundColor:m.selectedBg}}:void 0,[b,m]),X=I??on,Be=!X||typeof X!="function",an=de(()=>!Be||s===null||s===void 0||!X?null:{[`& tbody tr[data-row-id="${String(s).replace(/["\\]/g,"\\$&")}"]`]:X},[Be,s,X]),er=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[C]=Le(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),g=v({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}),Je=N(t=>{if(!C)return;let e=g.current;if(!(e.wheelEvents>0||e.rangeChangedCalls>0||e.rowContentCalls>0||e.cellRenderCalls>0))return;let d=e.rowContentCalls>0?e.rowContentMs/e.rowContentCalls:0,h=e.cellRenderCalls>0?e.cellRenderMs/e.cellRenderCalls:0;console.log("[VDT perf]",{reason:t,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(d.toFixed(3)),maxMs:Number(e.rowContentMaxMs.toFixed(3))},cellRender:{calls:e.cellRenderCalls,totalMs:Number(e.cellRenderMs.toFixed(2)),avgMs:Number(h.toFixed(3)),maxMs:Number(e.cellRenderMaxMs.toFixed(3))}}),g.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}},[C]);q(()=>{if(!C||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let t=window.setInterval(()=>{Je("interval")},1500);return()=>{window.clearInterval(t),Je("cleanup")}},[Je,C]);let St=de(()=>Ye((t,e)=>{let r=v(null),d=v(0),h=v(null);return q(()=>{let n=r.current;if(!n)return;let l=k=>{let z=C?performance.now():0;if(k.shiftKey||Math.abs(k.deltaX)>Math.abs(k.deltaY))return;let A=k.target?.closest?.("[data-vdt-inner-scroll]");if(A&&n.contains(A)&&(k.deltaY<0?A.scrollTop>0:A.scrollTop+A.clientHeight<A.scrollHeight-1))return;k.preventDefault();let ee=k.deltaY;k.deltaMode===1?ee*=40:k.deltaMode===2&&(ee*=n.clientHeight),C&&(g.current.wheelEvents+=1,g.current.wheelInputPx+=ee),d.current+=ee,h.current===null&&(h.current=requestAnimationFrame(()=>{let fe=C?performance.now():0,M=Math.max(n.clientHeight*.4,160),_=Math.max(-M,Math.min(M,d.current));d.current=0,h.current=null,_!==0&&(n.scrollTop+=_),C&&(g.current.wheelRafFlushes+=1,g.current.wheelRafMs+=performance.now()-fe)}),C&&(g.current.wheelHandlerMs+=performance.now()-z))};return n.addEventListener("wheel",l,{passive:!1}),()=>{n.removeEventListener("wheel",l),h.current!==null&&(cancelAnimationFrame(h.current),h.current=null),d.current=0}},[]),a(Un,{detectInnerScroll:!0,track:Gn,...re,children:a(Vn,{component:D,...t,ref:n=>{r.current=n,typeof e=="function"?e(n):e&&(e.current=n)},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:b?0:Ne,paddingTop:w,paddingBottom:be}}})})}),[]),Qe=de(()=>{if(Z===!0)return"#f5f5f5";if(typeof Z=="string")return Z},[Z]),[ln,Tt]=Le(u),[sn,dn]=Le(0);q(()=>{u&&Tt(!0)},[u]);let Rt=N(()=>{Tt(!1)},[]),cn=ln,tr=u&&o.length>0,et=v(!1),tt=v(-1),nt=v(null),rt=v(null),[un,pn]=Le(!1),Oe=N(()=>{let t=rt.current;t&&pn(t.scrollHeight>t.clientHeight+1)},[]);q(()=>{let t=rt.current;if(!t||typeof ResizeObserver>"u")return;let e=new ResizeObserver(()=>Oe());return e.observe(t),()=>e.disconnect()},[Oe,B]);let ot=v(x);ot.current=x;let we=v(f);we.current=f;let at=v(yt);at.current=yt;let Ht=v(Mt);Ht.current=Mt;let kt=v(null),ze=de(()=>{let t=new Map,e=0;return i.forEach(r=>{r.pinned==="left"&&(t.set(String(r.id),e),e+=typeof r.width=="number"?r.width:0)}),t},[i]),it=de(()=>{if(i.some(t=>typeof t.minWidth=="number"))return i.reduce((t,e)=>t+(typeof e.width=="number"?e.width:typeof e.minWidth=="number"?e.minWidth:0),0)},[i]),pe=N((t,e)=>{let r=ze.get(String(t.id));return r===void 0?{}:{position:"sticky",left:r,zIndex:e?3:1}},[ze]),_e=!!x,Se=v(!1),ae=v({x:0,y:0});q(()=>{let t=e=>{let r=e.clientX-ae.current.x,d=e.clientY-ae.current.y;Math.sqrt(r*r+d*d)>mt&&(Se.current=!0)};return document.addEventListener("mousemove",t),()=>{document.removeEventListener("mousemove",t)}},[]),q(()=>{let t=document.querySelector('[data-testid="virtuoso-scroller"]');t&&t.querySelectorAll(".MuiTableSortLabel-root").forEach(r=>{let d=new MouseEvent("mouseleave",{bubbles:!0,cancelable:!0});r.dispatchEvent(d)})},[y]);let Fe=N(t=>{if(!H)return;H(t,y===t&&T==="asc"?"desc":"asc")},[H,y,T]),[Te,Et]=Le(null),Lt=v(E);Lt.current=E;let Dt=v(H);Dt.current=H;let Re=N((t,e)=>{if(!t){e.preventDefault();return}t.headerProps?.onContextMenu?.(e);let r=e.defaultPrevented;if(r||(r=Lt.current?.(t,e)===!0||e.defaultPrevented),e.preventDefault(),r||t.headerMenu===!1||!!!((t.sortMenu??t.sortable)&&Dt.current)&&!xt(t))return;let h=e.currentTarget.getBoundingClientRect();Et({colId:String(t.id),x:e.clientX,y:h.bottom})},[]),ie=N(t=>{if(!xt(t))return t.text;let e=!!(t.filterValues&&t.filterValues.length>0);return V(D,{component:"span",sx:{display:"inline-flex",alignItems:"center",gap:.5,maxWidth:"100%",color:e?"primary.main":void 0,fontWeight:e?600:void 0,verticalAlign:"middle"},children:[a(D,{component:"span",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.text}),a(ht,{active:e})]})},[]),fn=N(t=>{let e=C?performance.now():0;if(Ht.current?.(),!L){C&&(g.current.rangeChangedCalls+=1,g.current.rangeChangedMs+=performance.now()-e);return}if(u&&o.length===0){C&&(g.current.rangeChangedCalls+=1,g.current.rangeChangedMs+=performance.now()-e);return}let r=o.length>=30,d=t>=o.length-1,h=tt.current===o.length;if(d&&r&&!et.current&&!h){et.current=!0,tt.current=o.length;let n=o.length;L(n,50)}C&&(g.current.rangeChangedCalls+=1,g.current.rangeChangedMs+=performance.now()-e)},[o.length,u,L,C]);q(()=>{u||(et.current=!1)},[u]),q(()=>{o.length===0&&dn(t=>t+1)},[o.length]);let It=v(Ct);It.current=Ct;let lt=v(o.length),st=v(void 0);q(()=>{let t=lt.current,e=o.length,r=e>0?we.current?we.current(o[0],0):o[0]:void 0,d=st.current;if(e>t&&t>0){lt.current=e,st.current=r;return}let h=e<t||t>0&&r!==d;h&&(tt.current=-1),nt.current&&e>0&&h&&It.current&&nt.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),lt.current=e,st.current=r},[o]);let Pt=N(()=>{let t={},e=[];if(i.forEach(n=>{n.group?(t[n.group]||(t[n.group]=[]),t[n.group].push(n)):e.push(n)}),!(Object.keys(t).length>0))return a(De,{children:i.map(n=>a(ce,{align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:l=>Re(n,l),style:{width:n.width,minWidth:n.width??n.minWidth,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...pe(n,!0),...n.headerProps?.style},children:n.sortable?a("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:V(D,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Fe(String(n.id)),children:[ie(n),a(bt,{active:y===n.id,direction:y===n.id?T:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:y===n.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)"}}})]})}):ie(n)},String(n.id)))});let d=[...e.map(n=>a(ce,{rowSpan:2,align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:l=>Re(n,l),style:{width:n.width,minWidth:n.width,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...pe(n,!0),...n.headerProps?.style},children:n.sortable&&H?a("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:V(D,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Fe(String(n.id)),children:[ie(n),a(bt,{active:y===n.id,direction:y===n.id?T:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:y===n.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)"}}})]})}):ie(n)},String(n.id))),...Object.entries(t).map(([n,l])=>a(ce,{align:"center",colSpan:l.length,onContextMenu:k=>Re(null,k),style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:n},n))],h=[...Object.values(t).flat().map(n=>a(ce,{align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:l=>Re(n,l),style:{width:n.width,minWidth:n.width,...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...pe(n,!0),...n.headerProps?.style},children:n.sortable&&H?a("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:V(D,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Fe(String(n.id)),children:[ie(n),a(bt,{active:y===n.id,direction:y===n.id?T:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:y===n.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)"}}})]})}):ie(n)},String(n.id)))];return V(Ie,{children:[a(De,{children:d}),a(De,{children:h})]})},[i,y,T,Fe,H,oe,pe,Re,ie]),Ve=N((t,e)=>{let r=C?performance.now():0;if(!e){if(C){g.current.rowContentCalls+=1;let l=performance.now()-r;g.current.rowContentMs+=l,g.current.rowContentMaxMs=Math.max(g.current.rowContentMaxMs,l)}return null}let d=Ke?Ke(e,t):null;if(d!=null)return a(ce,{colSpan:i.length,"data-vdt-pad":"",sx:[{padding:b?"0 14px":"8px 16px"},...Array.isArray(ye)?ye:ye?[ye]:[]],children:d});let h=0,n=i.map((l,k)=>{if(h>0)return h-=1,null;let z=l.colSpan?Math.max(1,Math.min(l.colSpan(e,t),i.length-k)):1;h=z-1;let A=C?performance.now():0,ee=l.render?l.render(e,t):String(e[l.id]||"");if(C){let F=performance.now()-A;g.current.cellRenderCalls+=1,g.current.cellRenderMs+=F,g.current.cellRenderMaxMs=Math.max(g.current.cellRenderMaxMs,F)}let fe=ze.has(String(l.id)),M=l.cellPadding!==void 0,_=l.rowSpan?l.rowSpan(e,t):1;if(_<=0)return null;let le=l.onCellClick;return a(ce,{align:l.align||"left",rowSpan:_>1?_:void 0,colSpan:z>1?z:void 0,"data-vdt-pad":M?"":void 0,"data-vdt-pinned":fe?"":void 0,"data-vdt-cell-click":le?"":void 0,onClick:le?F=>{let he=F.clientX-ae.current.x,se=F.clientY-ae.current.y;F.stopPropagation(),!(Math.sqrt(he*he+se*se)>mt)&&le(e,t,F)}:void 0,style:{...z>1?{}:{width:l.width,minWidth:l.width??l.minWidth},...l.primary?{fontSize:15}:{},...l.style,...l.cellStyle?l.cellStyle(e,t):{},padding:M?l.cellPadding:"8px 16px",...pe(l,!1)},children:ee},String(l.id))});if(C){g.current.rowContentCalls+=1;let l=performance.now()-r;g.current.rowContentMs+=l,g.current.rowContentMaxMs=Math.max(g.current.rowContentMaxMs,l)}return a(Ie,{children:n})},[i,C,Ke,ye,b,ze,pe]),At=N(()=>{let t=Pt();if(!Ce||Ce.length===0)return t;let e=kt.current;return V(Ie,{children:[t,a("tr",{"data-vdt-pinned-area":"",children:a("td",{colSpan:i.length,style:{padding:0,border:0},children:a(D,{"data-vdt-inner-scroll":"",sx:[{maxHeight:Ue,overflowY:Ue?"auto":"visible",overflowX:"hidden",scrollbarWidth:"thin",borderBottom:`1px solid ${b?m.borderStrong:"rgba(224, 224, 224, 1)"}`,"& tbody tr:last-of-type > td":{borderBottom:"none"}},...Array.isArray(Me)?Me:Me?[Me]:[]],children:V("table",{style:{width:"100%",tableLayout:Ae,borderCollapse:"separate",borderSpacing:0},children:[a("colgroup",{children:i.map(r=>a("col",{style:{width:r.width,minWidth:r.width??r.minWidth}},String(r.id)))}),a(Xt,{children:Ce.map((r,d)=>e?a(e,{item:r,"data-index":d,"data-vdt-pinned-row":"",children:Ve(d,r)},f?String(f(r,d)):`p${d}`):null)})]})})})})]})},[Pt,Ce,Ue,Me,i,Ve,Ae,f,b,m]),Y=je??i.some(t=>typeof t.footer=="function"),Nt=N(()=>{if(!Y)return null;let t=[];for(let e=0;e<i.length;e+=1){let r=i[e],d=r.footerColSpan&&r.footerColSpan>1?Math.min(r.footerColSpan,i.length-e):1;t.push(a(ce,{align:r.align||"left",colSpan:d>1?d:void 0,style:{...d>1?{}:{width:r.width,minWidth:r.width},...r.style,fontWeight:"bold",padding:b?"0 14px":"16px"},children:r.footer?r.footer(o):null},String(r.id))),e+=d-1}return a(De,{children:t})},[Y,i,o,b]),dt=de(()=>({Scroller:St,Table:t=>a(Fn,{...t,sx:{borderCollapse:"separate",tableLayout:Ae,...it?{minWidth:it}:{},marginRight:ue?"16px":0,...Y?{height:"100%"}:{}}}),TableHead:Ye((t,e)=>a(Wn,{...t,ref:e,sx:{userSelect:"none","& > tr":{height:oe,"& > th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:t=>{let{item:e,selected:r,"aria-selected":d,className:h,...n}=t,l=n["data-index"]??0,k=l%2===1,z=e&&we.current?we.current(e,l):l,A=!Be&&s!==null&&s!==void 0&&z===s,ee=A&&X?typeof X=="function"?X(e,l):X:void 0,fe=String(h??"").split(/\s+/).filter(M=>M!=="Mui-selected"&&M!=="Mui-focusVisible").join(" ");return a(De,{...n,"data-row-id":z!=null?String(z):void 0,className:fe||void 0,selected:A,onMouseDown:M=>{Se.current=!1,ae.current={x:M.clientX,y:M.clientY}},onContextMenu:M=>{e&&at.current&&at.current(e,l,M)},onClick:M=>{let _=M.clientX-ae.current.x,le=M.clientY-ae.current.y;if(Math.sqrt(_*_+le*le)>mt||Se.current){M.preventDefault(),M.stopPropagation(),Se.current=!1;return}e&&ot.current&&ot.current(e,l),Se.current=!1},sx:[{userSelect:"none",...qe?{"& > td":{height:ve}}:{height:ve,maxHeight:ve},boxSizing:"border-box",backgroundColor:k&&Qe?Qe:"transparent","& td:not([data-vdt-pad])":{padding:"8px 16px"},"& td":{boxSizing:"border-box",borderBottom:J?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":_e&&!A?{backgroundColor:M=>{let _=M.palette.mode==="dark",F=Ze??"#000000",he=wt??.06;if(!Ze)return _?`rgba(255, 255, 255, ${he})`:`rgba(0, 0, 0, ${he})`;let se=F.replace("#","").trim();if(se.length!==6)return F;let Mn=parseInt(se.substring(0,2),16),vn=parseInt(se.substring(2,4),16),wn=parseInt(se.substring(4,6),16);return`rgba(${Mn}, ${vn}, ${wn}, ${he})`}}:void 0,cursor:_e?"pointer":void 0},ee]})},TableBody:Ye((t,e)=>{let{children:r,...d}=t;return V(Xt,{...d,ref:e,sx:Y?{height:"100%"}:void 0,children:[r,Y&&a("tr",{"aria-hidden":!0,style:{height:"100%"},children:a("td",{colSpan:i.length,style:{padding:0,border:0}})})]})}),TableFoot:Ye((t,e)=>a($n,{...t,ref:e,sx:[{"& tr":{height:me??$,maxHeight:me??$,boxSizing:"border-box"},"& td":{height:me??$,boxSizing:"border-box",backgroundColor:r=>r.palette.mode==="dark"?"#1e1e1e":"#ffffff",padding:"0 16px",color:"inherit",fontSize:"0.875rem",border:"none",boxShadow:`inset 0 1px 0 0 ${b?m.borderStrong:"#000000"}`}},...Array.isArray(xe)?xe:xe?[xe]:[]]}))}),[_e,Be?null:s,X,$,Qe,J,oe,Ze,wt,St,me,xe,Y,b,m,i,Ae,ue,qe,it]);kt.current=dt.TableRow;let hn=dt,He=dt,gn=He.Table,bn=He.TableHead,mn=He.TableBody,xn=He.TableRow,yn=He.TableFoot,O=Te?i.find(t=>String(t.id)===Te.colId):void 0,Cn=()=>Et(null),Bt=null;if(Te&&O){let t=String(O.id),e=!!((O.sortMenu??O.sortable)&&H),r=xt(O),d=y===t?T:void 0;Bt=a(gt,{open:!0,anchorPosition:{left:Te.x,top:Te.y},onClose:Cn,sort:e?{active:d??null,clearable:!!P,onChange:h=>{h?H?.(t,h):P?.()}}:void 0,filter:r?{options:O.filterOptions??[],value:O.filterValues??[],onChange:h=>O.onFilterChange?.(h),multiple:O.filterMultiple!==!1,emptyLabel:O.filterEmptyLabel,searchable:O.filterSearchable}:void 0})}let Ot=V(D,{sx:{position:"relative",height:B?"auto":"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:t=>b?`${m.bg} !important`:t.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"},...an??{},"& tbody td[data-vdt-pinned]":{backgroundColor:b?m.bg:Ge.palette.background.paper},"& tbody td[data-vdt-cell-click]":{cursor:"pointer"},"& tbody td[data-vdt-cell-click]:hover":{backgroundColor:b?m.hoverBg:Ge.palette.mode==="dark"?"rgba(255, 255, 255, 0.06)":"rgba(0, 0, 0, 0.04)"},...b&&_e?{"& tbody tr:hover td[data-vdt-pinned]":{backgroundColor:m.hoverBg}}:{},...b?{...ue?{border:`1px solid ${m.borderStrong}`,borderRadius:"4px"}:{"& table":{backgroundColor:m.bg}},overflow:"hidden","& thead tr th > *":{verticalAlign:"middle"},"& thead > tr > th":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"& thead > tr > th > *":{maxWidth:"100%"},"& thead .vdt-sort-box":{paddingRight:"20px"},"& thead .vdt-sort-box > .MuiTableSortLabel-root":{left:"auto !important",right:0,marginLeft:"0 !important"},"& thead tr th":{height:oe,boxSizing:"border-box",padding:"0 14px !important",fontSize:13,fontWeight:"500 !important",color:m.headerColor,backgroundColor:`${m.bg} !important`,borderTop:!ue&&Kt?`1px solid ${m.borderStrong}`:"none",borderBottom:`1px solid ${m.borderStrong}`,borderRight:`1px solid ${m.border}`,"&:last-of-type":{borderRight:"none"}},"& tbody tr td:not([data-vdt-pad])":{padding:"0 14px !important"},"& tbody tr td":{fontSize:14,borderBottom:`1px solid ${m.border}`},...o.length>0&&(B||un||Y)?{[`& tbody tr[data-index="${o.length-1}"]:not([data-vdt-pinned-row]) td`]:{borderBottom:"none"}}:{}}:{}},children:[B?a(D,{sx:{overflowX:"auto",width:"100%"},children:V(gn,{children:[a(bn,{children:At()}),a(mn,{children:o.map((t,e)=>a(xn,{item:t,"data-index":e,children:Ve(e,t)},f?String(f(t,e)):e))}),Y?a(yn,{children:Nt()}):null]})}):a(Kn,{ref:nt,data:o,totalCount:L?o.length+1:o.length,defaultItemHeight:ve,fixedItemHeight:qe?void 0:ve,fixedHeaderContent:At,fixedFooterContent:Y?Nt:void 0,itemContent:Ve,...Gt&&f?{computeItemKey:(t,e)=>e?f(e,t):`vdt-${t}`}:{},endReached:fn,scrollerRef:t=>{rt.current=t instanceof HTMLElement?t:null,Oe()},totalListHeightChanged:Oe,style:{height:"100%"},increaseViewportBy:{top:Qt,bottom:en},overscan:rn,followOutput:!1,components:hn},sn),o.length===0&&!u&&!vt&&b&&typeof Q=="string"&&a(D,{sx:{position:B?"static":"absolute",top:oe,left:0,right:0,py:6,textAlign:"center",fontSize:14,color:m.emptyColor,pointerEvents:"none"},children:Q}),o.length===0&&!u&&!vt&&!(b&&typeof Q=="string")&&a(D,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,pointerEvents:"none","& > *":{pointerEvents:"auto"}},children:typeof Q=="string"?V(Ie,{children:[a(D,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),a(Yn,{variant:"body1",sx:{color:"text.secondary"},children:Q})]}):Q}),Bt,cn&&a(Ie,{children:Pe?a(Pe,{visible:u,onComplete:Rt}):a(Ft,{visible:u,onComplete:Rt,size:40,indicator:a(Wt,{}),sx:{top:`${i.some(t=>t.group)?oe*2:oe}px`,bottom:`${Y?me??$:0}px`},background:{show:o.length===0,opacity:.8}})})]}),zt=b&&ue?{paddingRight:Ne,paddingTop:Yt,paddingBottom:Yt}:{};return ne?a(Xn,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:Ne,...zt,boxSizing:"border-box",height:B?"auto":"100%",minHeight:0,flex:B?"none":1,display:"flex",flexDirection:"column"},children:Ot}):a(D,{className:"grow",style:{padding:0,paddingLeft:Ne,...zt,boxSizing:"border-box",height:B?"auto":"100%",minHeight:0,flex:B?"none":1,display:"flex",flexDirection:"column"},children:Ot})}var Qn=_n(Jn);export{ut as HEADER_MENU_FONT_SIZE,j as HEADER_MENU_ICON_PATHS,pt as HEADER_MENU_ICON_SIZE,ft as HEADER_MENU_ITEM_HEIGHT,$t as HEADER_MENU_ITEM_SX,ht as HeaderFilterIcon,gt as HeaderMenu,$e as HeaderMenuDivider,ge as HeaderMenuIcon,G as HeaderMenuItem,Qn as VirtualDataTable,zn as headerMenuAnchor};
|
|
5
5
|
/**
|
|
6
6
|
* Virtual Data Table - A high-performance virtual data table component for React
|
|
7
7
|
*
|