@ehfuse/mui-virtual-data-table 1.8.0 → 1.8.1
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/README.md +1 -0
- 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.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var nr=Object.create;var Je=Object.defineProperty;var rr=Object.getOwnPropertyDescriptor;var or=Object.getOwnPropertyNames;var ar=Object.getPrototypeOf,ir=Object.prototype.hasOwnProperty;var lr=(o,u)=>{for(var l in u)Je(o,l,{get:u[l],enumerable:!0})},cn=(o,u,l,y)=>{if(u&&typeof u=="object"||typeof u=="function")for(let h of or(u))!ir.call(o,h)&&h!==l&&Je(o,h,{get:()=>u[h],enumerable:!(y=rr(u,h))||y.enumerable});return o};var un=(o,u,l)=>(l=o!=null?nr(ar(o)):{},cn(u||!o||!o.__esModule?Je(l,"default",{value:o,enumerable:!0}):l,o)),sr=o=>cn(Je({},"__esModule",{value:!0}),o);var mr={};lr(mr,{HEADER_MENU_FONT_SIZE:()=>nt,HEADER_MENU_ICON_PATHS:()=>Y,HEADER_MENU_ICON_SIZE:()=>rt,HEADER_MENU_ITEM_HEIGHT:()=>ot,HEADER_MENU_ITEM_SX:()=>Lt,HeaderFilterIcon:()=>at,HeaderMenu:()=>it,HeaderMenuDivider:()=>We,HeaderMenuIcon:()=>xe,HeaderMenuItem:()=>ee,VirtualDataTable:()=>wn,headerMenuAnchor:()=>hn});module.exports=sr(mr);var i=require("react"),s=require("@mui/material"),vn=require("react-virtuoso");var et=require("react/jsx-runtime"),me=require("react"),tt=require("@mui/material"),Ne=function(){return Ne=Object.assign||function(u){for(var l,y=1,h=arguments.length;y<h;y++){l=arguments[y];for(var g in l)Object.prototype.hasOwnProperty.call(l,g)&&(u[g]=l[g])}return u},Ne.apply(this,arguments)};function pn(o){var u=o.visible,l=o.onComplete,y=o.fadeoutDuration,h=y===void 0?200:y,g=o.exitDelay,F=g===void 0?0:g,te=o.size,de=te===void 0?40:te,ae=o.className,ie=o.style,P=o.sx,_=o.indicator,B=o.background,z=B===void 0?{show:!0,color:"255, 255, 255",opacity:.9}:B,T=(0,me.useRef)(void 0),k=(0,me.useRef)(null),ce=(0,me.useState)(u),j=ce[0],R=ce[1],ue=z.show,m=ue===void 0?!0:ue,E=z.color,D=E===void 0?"255, 255, 255":E,ne=z.opacity,le=ne===void 0?.9:ne;if((0,me.useEffect)(function(){var Ce=T.current;if(Ce===!0&&u===!1&&k.current){var Oe=k.current;Oe.style.opacity="0",setTimeout(function(){R(!1),l?.()},h+F)}else u===!0&&(R(!0),k.current&&(k.current.style.opacity="1"));T.current=u},[u,l,h,F]),!j)return null;var lt=function(){return typeof _=="string"?(0,et.jsx)("img",{src:_,alt:"Loading",style:{width:de,height:de}}):_||(0,et.jsx)(tt.CircularProgress,{size:de})},se=function(){return m?D.startsWith("rgba")?{backgroundColor:D}:/^\d+,\s*\d+,\s*\d+$/.test(D)?{backgroundColor:"rgba(".concat(D,", ").concat(le,")")}:le!==1?{backgroundColor:D,"&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:D,opacity:le,zIndex:-1}}:{backgroundColor:D}:{backgroundColor:"transparent"}};return(0,et.jsx)(tt.Box,{ref:k,className:ae,style:Ne({},ie),sx:Ne(Ne({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(h,"ms ease-out")},se()),P),children:lt()})}var be=require("react/jsx-runtime"),dr=`
|
|
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 cn({size:a=54}){return(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)("style",{children:ir}),(0,me.jsx)("span",{className:"vdt-css-spinner",role:"progressbar","aria-label":"loading",style:{display:"inline-block",width:a,height:a}})]})}var ne=sn(require("react"),1),D=require("@mui/material"),b=require("react/jsx-runtime"),tt=14,nt=18,rt=34,$={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 be({d:a,size:u=nt,color:l}){return(0,b.jsx)(D.SvgIcon,{sx:{fontSize:u,flexShrink:0,color:l},children:(0,b.jsx)("path",{d:a})})}function ot({size:a=14,active:u,color:l}){let x={stroke:"currentColor",strokeWidth:1.8,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"};return(0,b.jsxs)(D.Box,{component:"svg",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,sx:{width:a,height:a,flexShrink:0,color:u?"primary.main":l??"currentColor",verticalAlign:"middle"},children:[(0,b.jsx)("path",{d:"M2 17.5H7",...x}),(0,b.jsx)("path",{d:"M22 6.5H17",...x}),(0,b.jsx)("path",{d:"M13 17.5H22",...x}),(0,b.jsx)("path",{d:"M11 6.5H2",...x}),(0,b.jsx)("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}),(0,b.jsx)("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 Ht={gap:1,fontSize:tt,lineHeight:"20px",minHeight:rt,py:"7px",px:1.5};function Z({icon:a,iconSpace:u,selected:l,disabled:x,muted:f,onClick:h,sx:O,children:Q}){return(0,b.jsxs)(D.MenuItem,{selected:l,disabled:x,onClick:h,sx:[Ht,f?{color:"text.secondary"}:{},...Array.isArray(O)?O:O?[O]:[]],children:[a??(u?(0,b.jsx)(D.Box,{component:"span",sx:{width:nt,flexShrink:0}}):null),Q]})}function Ne(){return(0,b.jsx)(D.Divider,{sx:{my:"4px !important"}})}function un(a,u){let l=a.getBoundingClientRect();return{left:u??l.left,top:l.bottom}}function at({open:a,anchorPosition:u,anchorEl:l,onClose:x,sort:f,filter:h,header:O,children:Q,minWidth:le=180,maxHeight:re=420}){let[oe,I]=(0,ne.useState)(""),W=h?.multiple!==!1,B=h?.value??[],A=(0,ne.useMemo)(()=>{if(!h)return[];let m=h.options;return h.emptyLabel&&!m.some(E=>E.value==="")?[...m,{value:"",label:h.emptyLabel}]:m},[h]),S=!!h&&(h?.searchable??A.length>10),k=oe.trim().toLowerCase(),se=k?A.filter(m=>m.label.toLowerCase().includes(k)):A,X=()=>{I(""),x()},T=[];if(O&&T.push(...ne.default.Children.toArray(O).map((m,E)=>ne.default.isValidElement(m)?ne.default.cloneElement(m,{key:`h${E}`}):m)),f){let m=E=>{X(),f.onChange(f.active===E&&f.clearable!==!1?null:E)};T.push((0,b.jsx)(Z,{selected:f.active==="asc",onClick:()=>m("asc"),icon:(0,b.jsx)(be,{d:$.asc,color:"text.secondary"}),children:"\uC624\uB984\uCC28\uC21C \uC815\uB82C"},"sort-asc"),(0,b.jsx)(Z,{selected:f.active==="desc",onClick:()=>m("desc"),icon:(0,b.jsx)(be,{d:$.desc,color:"text.secondary"}),children:"\uB0B4\uB9BC\uCC28\uC21C \uC815\uB82C"},"sort-desc")),f.active&&f.clearable!==!1&&T.push((0,b.jsx)(Z,{muted:!0,iconSpace:!0,onClick:()=>{X(),f.onChange(null)},children:"\uC815\uB82C \uD480\uAE30"},"sort-clear"))}return f&&h&&T.push((0,b.jsx)(Ne,{},"div-sort")),h&&(S&&T.push((0,b.jsxs)(D.Box,{onKeyDown:m=>m.stopPropagation(),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,pb:.5,minHeight:rt},children:[(0,b.jsx)(be,{d:$.search,color:"text.secondary"}),(0,b.jsx)(D.InputBase,{autoFocus:!0,value:oe,onChange:m=>I(m.target.value),placeholder:h.searchPlaceholder??"\uCC3E\uAE30",sx:{flex:1,fontSize:tt}})]},"search")),!W&&h.allLabel&&T.push((0,b.jsx)(Z,{selected:B.length===0,onClick:()=>{X(),h.onChange([])},icon:(0,b.jsx)(be,{d:B.length===0?$.radioOn:$.radioOff,color:B.length===0?"primary.main":"text.disabled"}),children:h.allLabel},"f-all")),A.length===0&&T.push((0,b.jsx)(Z,{disabled:!0,iconSpace:!0,children:h.emptyText??"\uACE0\uB97C \uAC12\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."},"f-none")),se.forEach(m=>{let E=B.includes(m.value),L=()=>{if(W){h.onChange(E?B.filter(ae=>ae!==m.value):[...B,m.value]);return}X(),h.onChange(E?[]:[m.value])},J=W?E?$.checked:$.unchecked:E?$.radioOn:$.radioOff;T.push((0,b.jsxs)(Z,{selected:!W&&E,onClick:L,icon:(0,b.jsx)(be,{d:J,color:E?"primary.main":"text.disabled"}),children:[m.icon,(0,b.jsx)(D.Box,{component:"span",sx:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:m.render??m.label}),typeof m.count=="number"?(0,b.jsx)(D.Box,{component:"span",sx:{color:"text.secondary",ml:1,fontVariantNumeric:"tabular-nums"},children:m.count}):null]},`f:${m.value||"(empty)"}`))}),S&&k&&se.length===0&&T.push((0,b.jsx)(Z,{disabled:!0,iconSpace:!0,children:"\uCC3E\uB294 \uAC12\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."},"f-nohit")),B.length>0&&T.push((0,b.jsx)(Ne,{},"div-filter"),(0,b.jsx)(Z,{muted:!0,iconSpace:!0,onClick:()=>{X(),h.onChange([])},children:h.clearLabel??"\uAC70\uB974\uAE30 \uD480\uAE30"},"f-clear"))),Q&&(T.length>0&&T.push((0,b.jsx)(Ne,{},"div-children")),T.push(...ne.default.Children.toArray(Q))),(0,b.jsx)(D.Menu,{open:a&&(!!u||!!l),...!u&&!!l?{anchorEl:l}:{anchorReference:"anchorPosition",anchorPosition:u??void 0},onClose:X,transitionDuration:0,disableAutoFocusItem:S,onContextMenu:m=>m.preventDefault(),onClick:m=>m.stopPropagation(),slotProps:{paper:{sx:{maxHeight:re,minWidth:le}},list:{sx:{py:.5}}},children:T})}var bn=sn(require("@ehfuse/overlay-scrollbar"),1),o=require("react/jsx-runtime"),lr={alignment:"default",margin:0,radius:0},Et=5,pn={},sr=3;function fn(a){return typeof a=="number"?`${a}px`:a}function hn(a,u){let l=[];for(let x=0;x<a.style.length;x+=1){let f=a.style[x];f.startsWith("--vdt-")&&!(f in u)&&l.push(f)}l.forEach(x=>a.style.removeProperty(x)),Object.entries(u).forEach(([x,f])=>a.style.setProperty(x,f))}var dr={bg:"#ffffff",border:"#e6e6e3",borderStrong:"#dedddb",headerColor:"#787774",hoverBg:"#f8f8f7",emptyColor:"#9b9a97",selectedBg:"#dbeafe",selectedBar:"#3b82f6"},gn="12px",cr={bg:"#1e1e1e",border:"#2c333c",borderStrong:"#3b434e",headerColor:"#a3adbb",hoverBg:"#272d36",emptyColor:"#7d8590",selectedBg:"rgba(59, 130, 246, 0.22)",selectedBar:"#60a5fa"},xn=(0,i.forwardRef)((a,u)=>(0,o.jsx)("div",{...a,ref:u}));xn.displayName="VdtPlainScroller";var ur="(max-width:599.95px)";function kt(a){return!!(a.filterOptions&&a.onFilterChange)}function pr({data:a,loading:u=!1,columns:l,onRowClick:x,getRowId:f,selectedRowId:h,selectedRowSx:O,rowHeight:Q,columnHeight:le,striped:re,rowDivider:oe=!0,onSort:I,onSortClear:W,onHeaderContextMenu:B,onLoadMore:A,sortBy:S,sortDirection:k,showPaper:se=!0,paddingX:X,paddingTop:T=0,paddingBottom:de=0,rowHoverColor:m,rowHoverOpacity:E,viewportBuffer:L,overscan:J,initialItemCount:ae,scrollbars:it,emptyMessage:ie="NO DATA",autoHeight:Ce=!1,LoadingComponent:Oe,showFooter:vn,footerHeight:Me,footerSx:we,variant:Cn="default",framed:xe=!0,headerTopBorder:Mn=!1,rowHeightMode:wn="fixed",tableLayout:We="fixed",renderFullWidthRow:lt,fullWidthRowSx:Se,onRowContextMenu:Lt,pinnedRows:Te,pinnedRowsMaxHeight:st,pinnedRowsSx:Re,resetScrollOnDataChange:Dt=!0,rowKeyFromId:Sn=!1,onEndReached:It,colorMode:Tn,mobile:Pt,scrollParent:dt,columnResize:Bt,columnWidths:At,onColumnWidthsChange:zt}){let C=Cn==="notion",_e=(0,d.useTheme)(),y=(Tn??_e.palette.mode)==="dark"?cr:dr,Nt=(Te?.length??0)>0,ce=le??(C?40:56),Y=Q??(C?48:50),Fe=xe?X??(C?"12px":"1rem"):0,He=Pt===!0?{}:Pt||null,Rn=(0,d.useMediaQuery)(He?.query??ur,{noSsr:!0}),F=!!He&&Rn,Ee=!!dt,ue=Ce||Ee,ct=wn==="auto"||F,ut=m??(C?y.hoverBg:void 0),Ot=E??(C?1:void 0),Hn=Math.max(Y*12,480),En=Math.max(Y*12,480),kn=typeof L=="number"?L:L?.top??Hn,Ln=typeof L=="number"?L:L?.bottom??En,Dn=Math.max(Y*8,420),In=Math.max(Y*10,520),Pn=typeof J=="number"?J:{main:J?.main??Dn,reverse:J?.reverse??In},ke=Y+(oe?1:0),Bn=(0,i.useMemo)(()=>C?{backgroundColor:y.selectedBg,"& > td:first-of-type":{boxShadow:`inset 3px 0 0 ${y.selectedBar}`},"& > td[data-vdt-pinned]":{backgroundColor:y.selectedBg}}:void 0,[C,y]),j=O??Bn,Ve=!j||typeof j!="function",An=(0,i.useMemo)(()=>!Ve||h===null||h===void 0||!j?null:{[`& tbody tr[data-row-id="${String(h).replace(/["\\]/g,"\\$&")}"]`]:j},[Ve,h,j]),hr=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[H]=(0,i.useState)(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),M=(0,i.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}),pt=(0,i.useCallback)(t=>{if(!H)return;let e=M.current;if(!(e.wheelEvents>0||e.rangeChangedCalls>0||e.rowContentCalls>0||e.cellRenderCalls>0))return;let s=e.rowContentCalls>0?e.rowContentMs/e.rowContentCalls:0,p=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(s.toFixed(3)),maxMs:Number(e.rowContentMaxMs.toFixed(3))},cellRender:{calls:e.cellRenderCalls,totalMs:Number(e.cellRenderMs.toFixed(2)),avgMs:Number(p.toFixed(3)),maxMs:Number(e.cellRenderMaxMs.toFixed(3))}}),M.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}},[H]);(0,i.useEffect)(()=>{if(!H||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let t=window.setInterval(()=>{pt("interval")},1500);return()=>{window.clearInterval(t),pt("cleanup")}},[pt,H]);let Wt=(0,i.useMemo)(()=>(0,i.forwardRef)((t,e)=>{let r=(0,i.useRef)(null),s=(0,i.useRef)(0),p=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let n=r.current;if(!n)return;let c=w=>{let g=H?performance.now():0;if(w.shiftKey||Math.abs(w.deltaX)>Math.abs(w.deltaY))return;let R=w.target?.closest?.("[data-vdt-inner-scroll]");if(R&&n.contains(R)&&(w.deltaY<0?R.scrollTop>0:R.scrollTop+R.clientHeight<R.scrollHeight-1))return;w.preventDefault();let q=w.deltaY;w.deltaMode===1?q*=40:w.deltaMode===2&&(q*=n.clientHeight),H&&(M.current.wheelEvents+=1,M.current.wheelInputPx+=q),s.current+=q,p.current===null&&(p.current=requestAnimationFrame(()=>{let ee=H?performance.now():0,v=Math.max(n.clientHeight*.4,160),P=Math.max(-v,Math.min(v,s.current));s.current=0,p.current=null,P!==0&&(n.scrollTop+=P),H&&(M.current.wheelRafFlushes+=1,M.current.wheelRafMs+=performance.now()-ee)}),H&&(M.current.wheelHandlerMs+=performance.now()-g))};return n.addEventListener("wheel",c,{passive:!1}),()=>{n.removeEventListener("wheel",c),p.current!==null&&(cancelAnimationFrame(p.current),p.current=null),s.current=0}},[]),(0,o.jsx)(bn.default,{detectInnerScroll:!0,track:lr,...it,children:(0,o.jsx)(d.TableContainer,{component:d.Box,...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:C?0:Fe,paddingTop:typeof T=="number"?`${T}px`:T,paddingBottom:typeof de=="number"?`${de}px`:de}}})})}),[]),ft=(0,i.useMemo)(()=>{if(re===!0)return"#f5f5f5";if(typeof re=="string")return re},[re]),[zn,_t]=(0,i.useState)(u),[Nn,On]=(0,i.useState)(0);(0,i.useEffect)(()=>{u&&_t(!0)},[u]);let Ft=(0,i.useCallback)(()=>{_t(!1)},[]),Wn=zn,gr=u&&a.length>0,ht=(0,i.useRef)(!1),gt=(0,i.useRef)(-1),mt=(0,i.useRef)(null),bt=(0,i.useRef)(null),[_n,Fn]=(0,i.useState)(!1),$e=(0,i.useCallback)(()=>{let t=bt.current;t&&Fn(t.scrollHeight>t.clientHeight+1)},[]);(0,i.useEffect)(()=>{let t=bt.current;if(!t||typeof ResizeObserver>"u")return;let e=new ResizeObserver(()=>$e());return e.observe(t),()=>e.disconnect()},[$e,Ce]);let xt=(0,i.useRef)(x);xt.current=x;let Le=(0,i.useRef)(f);Le.current=f;let yt=(0,i.useRef)(Lt);yt.current=Lt;let Vt=(0,i.useRef)(It);Vt.current=It;let $t=(0,i.useRef)(null),Xt=Bt===!0?{}:Bt||null,_=!!Xt&&!F,De=Xt?.minWidth??48,[Vn,vt]=(0,i.useState)(null);(0,i.useEffect)(()=>{vt(null)},[At]);let Xe=_?Vn??At??pn:pn,Ct=(0,i.useRef)(Xe);Ct.current=Xe;let Mt=(0,i.useRef)(zt);Mt.current=zt;let Yt=(0,i.useRef)(null),Ye=(0,i.useCallback)(t=>{let e={},r=!1,s=!0,p=0,n=0;return l.forEach((c,w)=>{let g=t[String(c.id)];if(typeof g=="number"&&Number.isFinite(g)&&g>0){let R=Math.max(c.minWidth??De,Math.round(g));e[`--vdt-cw-${w}`]=`${R}px`,r=!0,p+=R,n+=R}else typeof c.width=="number"?(p+=c.width,n+=c.width):(s=!1,p+=c.minWidth??De)}),r&&(e["--vdt-tmin"]=`${p}px`,s&&(e["--vdt-tw"]=`${n}px`)),e},[l,De]),wt=(0,i.useRef)(Ye);wt.current=Ye;let $n=(0,i.useMemo)(()=>_?Ye(Xe):null,[_,Ye,Xe]),U=(0,i.useCallback)((t,e,r)=>{if(!_)return{width:t.width,minWidth:r};let s=`--vdt-cw-${e}`,p=fn(t.width),n=fn(r);return{width:p!==void 0?`var(${s}, ${p})`:`var(${s})`,minWidth:n!==void 0?`var(${s}, ${n})`:`var(${s})`}},[_]),je=(0,i.useMemo)(()=>{let t=new Map,e=0,r=[];return l.forEach((s,p)=>{if(s.pinned!=="left")return;t.set(String(s.id),_&&r.length>0?`calc(${r.join(" + ")})`:e);let n=typeof s.width=="number"?s.width:0;e+=n,r.push(`var(--vdt-cw-${p}, ${n}px)`)}),t},[l,_]),Ue=(0,i.useMemo)(()=>{if(l.some(t=>typeof t.minWidth=="number"))return l.reduce((t,e)=>t+(typeof e.width=="number"?e.width:typeof e.minWidth=="number"?e.minWidth:0),0)},[l]),ye=(0,i.useCallback)((t,e)=>{let r=je.get(String(t.id));return r===void 0?{}:{position:"sticky",left:r,zIndex:e?3:1}},[je]),Ke=!!x,Ie=(0,i.useRef)(!1),pe=(0,i.useRef)({x:0,y:0});(0,i.useEffect)(()=>{let t=e=>{let r=e.clientX-pe.current.x,s=e.clientY-pe.current.y;Math.sqrt(r*r+s*s)>Et&&(Ie.current=!0)};return document.addEventListener("mousemove",t),()=>{document.removeEventListener("mousemove",t)}},[]),(0,i.useEffect)(()=>{let t=document.querySelector('[data-testid="virtuoso-scroller"]');t&&t.querySelectorAll(".MuiTableSortLabel-root").forEach(r=>{let s=new MouseEvent("mouseleave",{bubbles:!0,cancelable:!0});r.dispatchEvent(s)})},[S]);let qe=(0,i.useCallback)(t=>{if(!I)return;I(t,S===t&&k==="asc"?"desc":"asc")},[I,S,k]),[Pe,jt]=(0,i.useState)(null),Ut=(0,i.useRef)(B);Ut.current=B;let Kt=(0,i.useRef)(I);Kt.current=I;let Be=(0,i.useCallback)((t,e)=>{if(!t){e.preventDefault();return}t.headerProps?.onContextMenu?.(e);let r=e.defaultPrevented;if(r||(r=Ut.current?.(t,e)===!0||e.defaultPrevented),e.preventDefault(),r||t.headerMenu===!1||!!!((t.sortMenu??t.sortable)&&Kt.current)&&!kt(t))return;let p=e.currentTarget.getBoundingClientRect();jt({colId:String(t.id),x:e.clientX,y:p.bottom})},[]),qt=(0,i.useCallback)((t,e)=>{if(e.button!==0)return;e.preventDefault(),e.stopPropagation();let r=e.currentTarget,s=r.closest("th"),p=Yt.current;if(!s||!p)return;let n=window.getComputedStyle(s),c=n.boxSizing==="border-box"?0:(parseFloat(n.paddingLeft)||0)+(parseFloat(n.paddingRight)||0)+(parseFloat(n.borderLeftWidth)||0)+(parseFloat(n.borderRightWidth)||0),w=s.getBoundingClientRect().width-c,g=e.clientX,R=String(t.id),q=t.minWidth??De,ee=Ct.current,v=ee,P=!1,z=0;r.setAttribute("data-active","");let N=document.body.style.cursor;document.body.style.cursor="col-resize";let te=ve=>{let he=ve.clientX-g;!P&&Math.abs(he)<sr||(P=!0,v={...ee,[R]:Math.max(q,Math.round(w+he))},z||(z=requestAnimationFrame(()=>{z=0,hn(p,wt.current(v))})))},G=()=>{if(document.removeEventListener("mousemove",te),document.removeEventListener("mouseup",G),z&&cancelAnimationFrame(z),r.removeAttribute("data-active"),document.body.style.cursor=N,!P)return;hn(p,wt.current(v));let ve=he=>{he.stopPropagation(),he.preventDefault()};window.addEventListener("click",ve,!0),window.setTimeout(()=>window.removeEventListener("click",ve,!0),0),vt(v),Mt.current?.(v)};document.addEventListener("mousemove",te),document.addEventListener("mouseup",G)},[De]),Gt=(0,i.useCallback)((t,e)=>{e.preventDefault(),e.stopPropagation();let r=String(t.id),s=Ct.current;if(!(r in s))return;let p={...s};delete p[r],vt(p),Mt.current?.(p)},[]),Ge=(0,i.useCallback)(t=>_?(0,o.jsx)("span",{"data-vdt-resize":"","aria-hidden":!0,onMouseDown:e=>qt(t,e),onDoubleClick:e=>Gt(t,e),onClick:e=>e.stopPropagation()}):null,[_,qt,Gt]),fe=(0,i.useCallback)(t=>{if(!kt(t))return t.text;let e=!!(t.filterValues&&t.filterValues.length>0);return(0,o.jsxs)(d.Box,{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:[(0,o.jsx)(d.Box,{component:"span",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.text}),(0,o.jsx)(ot,{active:e})]})},[]),Xn=(0,i.useCallback)(t=>{let e=H?performance.now():0;if(Vt.current?.(),!A){H&&(M.current.rangeChangedCalls+=1,M.current.rangeChangedMs+=performance.now()-e);return}if(u&&a.length===0){H&&(M.current.rangeChangedCalls+=1,M.current.rangeChangedMs+=performance.now()-e);return}let r=a.length>=30,s=t>=a.length-1,p=gt.current===a.length;if(s&&r&&!ht.current&&!p){ht.current=!0,gt.current=a.length;let n=a.length;A(n,50)}H&&(M.current.rangeChangedCalls+=1,M.current.rangeChangedMs+=performance.now()-e)},[a.length,u,A,H]);(0,i.useEffect)(()=>{u||(ht.current=!1)},[u]),(0,i.useEffect)(()=>{a.length===0&&On(t=>t+1)},[a.length]);let Zt=(0,i.useRef)(Dt);Zt.current=Dt;let St=(0,i.useRef)(a.length),Tt=(0,i.useRef)(void 0);(0,i.useEffect)(()=>{let t=St.current,e=a.length,r=e>0?Le.current?Le.current(a[0],0):a[0]:void 0,s=Tt.current;if(e>t&&t>0){St.current=e,Tt.current=r;return}let p=e<t||t>0&&r!==s;p&&(gt.current=-1),mt.current&&e>0&&p&&Zt.current&&mt.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),St.current=e,Tt.current=r},[a]);let Qt=(0,i.useCallback)(()=>{let t={},e=[];if(l.forEach(n=>{n.group?(t[n.group]||(t[n.group]=[]),t[n.group].push(n)):e.push(n)}),!(Object.keys(t).length>0))return(0,o.jsx)(d.TableRow,{children:l.map((n,c)=>(0,o.jsxs)(d.TableCell,{align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:w=>Be(n,w),style:{...U(n,c,n.width??n.minWidth),...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...ye(n,!0),...n.headerProps?.style},children:[n.sortable?(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,o.jsxs)(d.Box,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>qe(String(n.id)),children:[fe(n),(0,o.jsx)(d.TableSortLabel,{active:S===n.id,direction:S===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:S===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)"}}})]})}):fe(n),Ge(n)]},String(n.id)))});let s=[...e.map(n=>(0,o.jsxs)(d.TableCell,{rowSpan:2,align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:c=>Be(n,c),style:{...U(n,l.indexOf(n),n.width),...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...ye(n,!0),...n.headerProps?.style},children:[n.sortable&&I?(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,o.jsxs)(d.Box,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>qe(String(n.id)),children:[fe(n),(0,o.jsx)(d.TableSortLabel,{active:S===n.id,direction:S===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:S===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)"}}})]})}):fe(n),Ge(n)]},String(n.id))),...Object.entries(t).map(([n,c])=>(0,o.jsx)(d.TableCell,{align:"center",colSpan:c.length,onContextMenu:w=>Be(null,w),style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:n},n))],p=[...Object.values(t).flat().map(n=>(0,o.jsxs)(d.TableCell,{align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:c=>Be(n,c),style:{...U(n,l.indexOf(n),n.width),...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...ye(n,!0),...n.headerProps?.style},children:[n.sortable&&I?(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,o.jsxs)(d.Box,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>qe(String(n.id)),children:[fe(n),(0,o.jsx)(d.TableSortLabel,{active:S===n.id,direction:S===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:S===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)"}}})]})}):fe(n),Ge(n)]},String(n.id)))];return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(d.TableRow,{children:s}),(0,o.jsx)(d.TableRow,{children:p})]})},[l,S,k,qe,I,ce,ye,Be,fe,U,Ge]),Jt=(0,i.useMemo)(()=>{let t=l.filter(r=>r.mobile!==!1),e=t.find(r=>r.mobile==="title")??t.find(r=>!r.mobile);return{title:e,thumb:t.filter(r=>r.mobile==="thumb"),badge:t.filter(r=>r.mobile==="badge"),sub:t.filter(r=>r.mobile==="sub"),meta:t.filter(r=>r!==e&&(!r.mobile||r.mobile==="meta"))}},[l]),en=(0,i.useCallback)((t,e)=>{if(He?.renderRow)return He.renderRow(t,e);let r=g=>g.render?g.render(t,e):String(t[g.id]??""),{title:s,thumb:p,badge:n,sub:c,meta:w}=Jt;return(0,o.jsxs)(d.Box,{sx:{display:"flex",gap:"12px",alignItems:"flex-start",py:"12px",px:"14px",minWidth:0},children:[p.map(g=>(0,o.jsx)(d.Box,{sx:{flexShrink:0},children:r(g)},String(g.id))),(0,o.jsxs)(d.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"4px"},children:[(s||n.length>0)&&(0,o.jsxs)(d.Box,{sx:{display:"flex",alignItems:"flex-start",gap:"8px",minWidth:0},children:[(0,o.jsx)(d.Box,{sx:{flex:1,minWidth:0,fontSize:15,fontWeight:500,overflowWrap:"anywhere"},children:s?r(s):null}),n.map(g=>(0,o.jsx)(d.Box,{sx:{flexShrink:0},children:r(g)},String(g.id)))]}),c.map(g=>(0,o.jsx)(d.Box,{sx:{fontSize:13,color:y.headerColor,minWidth:0},children:r(g)},String(g.id))),w.length>0&&(0,o.jsx)(d.Box,{sx:{display:"flex",flexWrap:"wrap",gap:"2px 12px",fontSize:13,minWidth:0},children:w.map(g=>{let R=g.mobileLabel===!1?null:g.mobileLabel??(typeof g.text=="string"?g.text:null);return(0,o.jsxs)(d.Box,{sx:{display:"inline-flex",alignItems:"center",gap:"4px",minWidth:0,maxWidth:"100%"},children:[R?(0,o.jsx)(d.Box,{component:"span",sx:{color:y.headerColor,flexShrink:0},children:R}):null,(0,o.jsx)(d.Box,{component:"span",sx:{minWidth:0,"& > *":{width:"auto !important",textAlign:"left !important"}},children:r(g)})]},String(g.id))})})]})]})},[He,Jt,y]),Ze=(0,i.useCallback)((t,e)=>{let r=H?performance.now():0;if(!e){if(H){M.current.rowContentCalls+=1;let c=performance.now()-r;M.current.rowContentMs+=c,M.current.rowContentMaxMs=Math.max(M.current.rowContentMaxMs,c)}return null}if(F)return(0,o.jsx)(d.TableCell,{colSpan:l.length,"data-vdt-pad":"",sx:{padding:0},children:en(e,t)});let s=lt?lt(e,t):null;if(s!=null)return(0,o.jsx)(d.TableCell,{colSpan:l.length,"data-vdt-pad":"",sx:[{padding:C?"0 14px":"8px 16px"},...Array.isArray(Se)?Se:Se?[Se]:[]],children:s});let p=0,n=l.map((c,w)=>{if(p>0)return p-=1,null;let g=c.colSpan?Math.max(1,Math.min(c.colSpan(e,t),l.length-w)):1;p=g-1;let R=H?performance.now():0,q=c.render?c.render(e,t):String(e[c.id]||"");if(H){let N=performance.now()-R;M.current.cellRenderCalls+=1,M.current.cellRenderMs+=N,M.current.cellRenderMaxMs=Math.max(M.current.cellRenderMaxMs,N)}let ee=je.has(String(c.id)),v=c.cellPadding!==void 0,P=c.rowSpan?c.rowSpan(e,t):1;if(P<=0)return null;let z=c.onCellClick;return(0,o.jsx)(d.TableCell,{align:c.align||"left",rowSpan:P>1?P:void 0,colSpan:g>1?g:void 0,"data-vdt-pad":v?"":void 0,"data-vdt-pinned":ee?"":void 0,"data-vdt-cell-click":z?"":void 0,onClick:z?N=>{let te=N.clientX-pe.current.x,G=N.clientY-pe.current.y;N.stopPropagation(),!(Math.sqrt(te*te+G*G)>Et)&&z(e,t,N)}:void 0,style:{...g>1?{}:U(c,w,c.width??c.minWidth),...c.primary?{fontSize:15}:{},...c.style,...c.cellStyle?c.cellStyle(e,t):{},padding:v?c.cellPadding:"8px 16px",...ye(c,!1)},children:q},String(c.id))});if(H){M.current.rowContentCalls+=1;let c=performance.now()-r;M.current.rowContentMs+=c,M.current.rowContentMaxMs=Math.max(M.current.rowContentMaxMs,c)}return(0,o.jsx)(o.Fragment,{children:n})},[l,H,lt,Se,C,je,ye,F,en,U]),tn=(0,i.useCallback)(()=>{let t=Qt();if(!Te||Te.length===0)return t;let e=$t.current;return(0,o.jsxs)(o.Fragment,{children:[t,(0,o.jsx)("tr",{"data-vdt-pinned-area":"",children:(0,o.jsx)("td",{colSpan:l.length,style:{padding:0,border:0},children:(0,o.jsx)(d.Box,{"data-vdt-inner-scroll":"",sx:[{maxHeight:st,overflowY:st?"auto":"visible",overflowX:"hidden",scrollbarWidth:"thin",borderBottom:`1px solid ${C?y.borderStrong:"rgba(224, 224, 224, 1)"}`,"& tbody tr:last-of-type > td":{borderBottom:"none"}},...Array.isArray(Re)?Re:Re?[Re]:[]],children:(0,o.jsxs)("table",{style:{width:"100%",tableLayout:We,borderCollapse:"separate",borderSpacing:0},children:[(0,o.jsx)("colgroup",{children:l.map((r,s)=>(0,o.jsx)("col",{style:U(r,s,r.width??r.minWidth)},String(r.id)))}),(0,o.jsx)(d.TableBody,{children:Te.map((r,s)=>e?(0,o.jsx)(e,{item:r,"data-index":s,"data-vdt-pinned-row":"",children:Ze(s,r)},f?String(f(r,s)):`p${s}`):null)})]})})})})]})},[Qt,Te,st,Re,l,Ze,We,f,C,y,U]),K=vn??l.some(t=>typeof t.footer=="function"),nn=(0,i.useCallback)(()=>{if(!K)return null;let t=[];for(let e=0;e<l.length;e+=1){let r=l[e],s=r.footerColSpan&&r.footerColSpan>1?Math.min(r.footerColSpan,l.length-e):1;t.push((0,o.jsx)(d.TableCell,{align:r.align||"left",colSpan:s>1?s:void 0,style:{...s>1?{}:U(r,e,r.width),...r.style,fontWeight:"bold",padding:C?"0 14px":"16px"},children:r.footer?r.footer(a):null},String(r.id))),e+=s-1}return(0,o.jsx)(d.TableRow,{children:t})},[K,l,a,C,U]),Rt=(0,i.useMemo)(()=>({Scroller:Ee?xn:Wt,Table:t=>(0,o.jsx)(d.Table,{...t,sx:{borderCollapse:"separate",tableLayout:We,..._?{width:"var(--vdt-tw, 100%)",minWidth:`var(--vdt-tmin, ${Ue??0}px)`}:Ue&&!F?{minWidth:Ue}:{},marginRight:xe?"16px":0,...K?{height:"100%"}:{}}}),TableHead:(0,i.forwardRef)((t,e)=>(0,o.jsx)(d.TableHead,{...t,ref:e,sx:{userSelect:"none","& > tr":{height:ce,"& > th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:t=>{let{item:e,selected:r,"aria-selected":s,className:p,...n}=t,c=n["data-index"]??0,w=c%2===1,g=e&&Le.current?Le.current(e,c):c,R=!Ve&&h!==null&&h!==void 0&&g===h,q=R&&j?typeof j=="function"?j(e,c):j:void 0,ee=String(p??"").split(/\s+/).filter(v=>v!=="Mui-selected"&&v!=="Mui-focusVisible").join(" ");return(0,o.jsx)(d.TableRow,{...n,"data-row-id":g!=null?String(g):void 0,className:ee||void 0,selected:R,onMouseDown:v=>{Ie.current=!1,pe.current={x:v.clientX,y:v.clientY}},onContextMenu:v=>{e&&yt.current&&yt.current(e,c,v)},onClick:v=>{let P=v.clientX-pe.current.x,z=v.clientY-pe.current.y;if(Math.sqrt(P*P+z*z)>Et||Ie.current){v.preventDefault(),v.stopPropagation(),Ie.current=!1;return}e&&xt.current&&xt.current(e,c),Ie.current=!1},sx:[{userSelect:"none",...ct?{"& > td":{height:ke}}:{height:ke,maxHeight:ke},boxSizing:"border-box",backgroundColor:w&&ft?ft:"transparent","& td:not([data-vdt-pad])":{padding:"8px 16px"},"& td":{boxSizing:"border-box",borderBottom:oe?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":Ke&&!R?{backgroundColor:v=>{let P=v.palette.mode==="dark",N=ut??"#000000",te=Ot??.06;if(!ut)return P?`rgba(255, 255, 255, ${te})`:`rgba(0, 0, 0, ${te})`;let G=N.replace("#","").trim();if(G.length!==6)return N;let ve=parseInt(G.substring(0,2),16),he=parseInt(G.substring(2,4),16),Qn=parseInt(G.substring(4,6),16);return`rgba(${ve}, ${he}, ${Qn}, ${te})`}}:void 0,cursor:Ke?"pointer":void 0},q]})},TableBody:(0,i.forwardRef)((t,e)=>{let{children:r,...s}=t;return(0,o.jsxs)(d.TableBody,{...s,ref:e,sx:K?{height:"100%"}:void 0,children:[r,K&&(0,o.jsx)("tr",{"aria-hidden":!0,style:{height:"100%"},children:(0,o.jsx)("td",{colSpan:l.length,style:{padding:0,border:0}})})]})}),TableFoot:(0,i.forwardRef)((t,e)=>(0,o.jsx)(d.TableFooter,{...t,ref:e,sx:[{"& tr":{height:Me??Y,maxHeight:Me??Y,boxSizing:"border-box"},"& td":{height:Me??Y,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 ${C?y.borderStrong:"#000000"}`}},...Array.isArray(we)?we:we?[we]:[]]}))}),[Ke,Ve?null:h,j,Y,ft,oe,ce,ut,Ot,Wt,Me,we,K,C,y,l,We,xe,ct,Ue,F,Ee,_]);$t.current=Rt.TableRow;let Yn=Rt,Ae=Rt,jn=Ae.Table,Un=Ae.TableHead,Kn=Ae.TableBody,qn=Ae.TableRow,Gn=Ae.TableFoot,V=Pe?l.find(t=>String(t.id)===Pe.colId):void 0,Zn=()=>jt(null),rn=null;if(Pe&&V){let t=String(V.id),e=!!((V.sortMenu??V.sortable)&&I),r=kt(V),s=S===t?k:void 0;rn=(0,o.jsx)(at,{open:!0,anchorPosition:{left:Pe.x,top:Pe.y},onClose:Zn,sort:e?{active:s??null,clearable:!!W,onChange:p=>{p?I?.(t,p):W?.()}}:void 0,filter:r?{options:V.filterOptions??[],value:V.filterValues??[],onChange:p=>V.onFilterChange?.(p),multiple:V.filterMultiple!==!1,emptyLabel:V.filterEmptyLabel,searchable:V.filterSearchable}:void 0})}let on=(0,o.jsxs)(d.Box,{ref:Yt,style:$n??void 0,sx:{position:"relative",height:ue?"auto":"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:t=>C?`${y.bg} !important`:t.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"},...An??{},..._?{"& thead th [data-vdt-resize]":{position:"absolute",top:0,right:0,bottom:0,width:"7px",cursor:"col-resize",zIndex:1,"&::after":{content:'""',position:"absolute",top:0,bottom:0,right:0,width:"2px",backgroundColor:C?y.selectedBar:_e.palette.primary.main,opacity:0,transition:"opacity 0.12s ease"},"&:hover::after, &[data-active]::after":{opacity:1}}}:{},"& tbody td[data-vdt-pinned]":{backgroundColor:C?y.bg:_e.palette.background.paper},"& tbody td[data-vdt-cell-click]":{cursor:"pointer"},"& tbody td[data-vdt-cell-click]:hover":{backgroundColor:C?y.hoverBg:_e.palette.mode==="dark"?"rgba(255, 255, 255, 0.06)":"rgba(0, 0, 0, 0.04)"},...C&&Ke?{"& tbody tr:hover td[data-vdt-pinned]":{backgroundColor:y.hoverBg}}:{},...C?{...xe?{border:`1px solid ${y.borderStrong}`,borderRadius:"4px"}:{"& table":{backgroundColor:y.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:ce,boxSizing:"border-box",padding:"0 14px !important",fontSize:13,fontWeight:"500 !important",color:y.headerColor,backgroundColor:`${y.bg} !important`,borderTop:!xe&&Mn?`1px solid ${y.borderStrong}`:"none",borderBottom:`1px solid ${y.borderStrong}`,borderRight:`1px solid ${y.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 ${y.border}`},...a.length>0&&(ue||_n||K)?{[`& tbody tr[data-index="${a.length-1}"]:not([data-vdt-pinned-row]) td`]:{borderBottom:"none"}}:{}}:{}},children:[Ce?(0,o.jsx)(d.Box,{sx:{overflowX:"auto",width:"100%"},children:(0,o.jsxs)(jn,{children:[F?null:(0,o.jsx)(Un,{children:tn()}),(0,o.jsx)(Kn,{children:a.map((t,e)=>(0,o.jsx)(qn,{item:t,"data-index":e,children:Ze(e,t)},f?String(f(t,e)):e))}),K&&!F?(0,o.jsx)(Gn,{children:nn()}):null]})}):dt===null?null:(0,o.jsx)(mn.TableVirtuoso,{ref:mt,data:a,totalCount:A?a.length+1:a.length,defaultItemHeight:ke,fixedItemHeight:ct?void 0:ke,fixedHeaderContent:F?void 0:tn,fixedFooterContent:K&&!F?nn:void 0,itemContent:Ze,...Sn&&f?{computeItemKey:(t,e)=>e?f(e,t):`vdt-${t}`}:{},endReached:Xn,scrollerRef:t=>{bt.current=t instanceof HTMLElement?t:null,$e()},totalListHeightChanged:$e,style:Ee?void 0:{height:"100%"},...Ee?{customScrollParent:dt}:{},increaseViewportBy:{top:kn,bottom:Ln},overscan:Pn,...ae&&a.length>0?{initialItemCount:Math.min(ae,a.length)}:{},followOutput:!1,components:Yn},Nn),a.length===0&&!u&&!Nt&&C&&typeof ie=="string"&&(0,o.jsx)(d.Box,{sx:{position:ue?"static":"absolute",top:F?0:ce,left:0,right:0,py:6,px:2,textAlign:"center",fontSize:14,color:y.emptyColor,pointerEvents:"none"},children:ie}),a.length===0&&!u&&!Nt&&!(C&&typeof ie=="string")&&(0,o.jsx)(d.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,px:2,textAlign:"center",pointerEvents:"none","& > *":{pointerEvents:"auto"}},children:typeof ie=="string"?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(d.Box,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),(0,o.jsx)(d.Typography,{variant:"body1",sx:{color:"text.secondary"},children:ie})]}):ie}),rn,Wn&&(0,o.jsx)(o.Fragment,{children:Oe?(0,o.jsx)(Oe,{visible:u,onComplete:Ft}):(0,o.jsx)(dn,{visible:u,onComplete:Ft,size:40,indicator:(0,o.jsx)(cn,{}),sx:{top:`${l.some(t=>t.group)?ce*2:ce}px`,bottom:`${K?Me??Y:0}px`},background:{show:a.length===0,opacity:.8}})})]}),an=C&&xe?{paddingRight:Fe,paddingTop:gn,paddingBottom:gn}:{};return se?(0,o.jsx)(d.Paper,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:Fe,...an,boxSizing:"border-box",height:ue?"auto":"100%",minHeight:0,flex:ue?"none":1,display:"flex",flexDirection:"column"},children:on}):(0,o.jsx)(d.Box,{className:"grow",style:{padding:0,paddingLeft:Fe,...an,boxSizing:"border-box",height:ue?"auto":"100%",minHeight:0,flex:ue?"none":1,display:"flex",flexDirection:"column"},children:on})}var yn=(0,i.memo)(pr);
|
|
4
|
+
`;function fn({size:o=54}){return(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)("style",{children:dr}),(0,be.jsx)("span",{className:"vdt-css-spinner",role:"progressbar","aria-label":"loading",style:{display:"inline-block",width:o,height:o}})]})}var oe=un(require("react"),1),I=require("@mui/material"),b=require("react/jsx-runtime"),nt=14,rt=18,ot=34,Y={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 xe({d:o,size:u=rt,color:l}){return(0,b.jsx)(I.SvgIcon,{sx:{fontSize:u,flexShrink:0,color:l},children:(0,b.jsx)("path",{d:o})})}function at({size:o=14,active:u,color:l}){let y={stroke:"currentColor",strokeWidth:1.8,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"};return(0,b.jsxs)(I.Box,{component:"svg",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,sx:{width:o,height:o,flexShrink:0,color:u?"primary.main":l??"currentColor",verticalAlign:"middle"},children:[(0,b.jsx)("path",{d:"M2 17.5H7",...y}),(0,b.jsx)("path",{d:"M22 6.5H17",...y}),(0,b.jsx)("path",{d:"M13 17.5H22",...y}),(0,b.jsx)("path",{d:"M11 6.5H2",...y}),(0,b.jsx)("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",...y}),(0,b.jsx)("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",...y})]})}var Lt={gap:1,fontSize:nt,lineHeight:"20px",minHeight:ot,py:"7px",px:1.5};function ee({icon:o,iconSpace:u,selected:l,disabled:y,muted:h,onClick:g,sx:F,children:te}){return(0,b.jsxs)(I.MenuItem,{selected:l,disabled:y,onClick:g,sx:[Lt,h?{color:"text.secondary"}:{},...Array.isArray(F)?F:F?[F]:[]],children:[o??(u?(0,b.jsx)(I.Box,{component:"span",sx:{width:rt,flexShrink:0}}):null),te]})}function We(){return(0,b.jsx)(I.Divider,{sx:{my:"4px !important"}})}function hn(o,u){let l=o.getBoundingClientRect();return{left:u??l.left,top:l.bottom}}function it({open:o,anchorPosition:u,anchorEl:l,onClose:y,sort:h,filter:g,header:F,children:te,minWidth:de=180,maxHeight:ae=420}){let[ie,P]=(0,oe.useState)(""),_=g?.multiple!==!1,B=g?.value??[],z=(0,oe.useMemo)(()=>{if(!g)return[];let m=g.options;return g.emptyLabel&&!m.some(E=>E.value==="")?[...m,{value:"",label:g.emptyLabel}]:m},[g]),T=!!g&&(g?.searchable??z.length>10),k=ie.trim().toLowerCase(),ce=k?z.filter(m=>m.label.toLowerCase().includes(k)):z,j=()=>{P(""),y()},R=[];if(F&&R.push(...oe.default.Children.toArray(F).map((m,E)=>oe.default.isValidElement(m)?oe.default.cloneElement(m,{key:`h${E}`}):m)),h){let m=E=>{j(),h.onChange(h.active===E&&h.clearable!==!1?null:E)};R.push((0,b.jsx)(ee,{selected:h.active==="asc",onClick:()=>m("asc"),icon:(0,b.jsx)(xe,{d:Y.asc,color:"text.secondary"}),children:"\uC624\uB984\uCC28\uC21C \uC815\uB82C"},"sort-asc"),(0,b.jsx)(ee,{selected:h.active==="desc",onClick:()=>m("desc"),icon:(0,b.jsx)(xe,{d:Y.desc,color:"text.secondary"}),children:"\uB0B4\uB9BC\uCC28\uC21C \uC815\uB82C"},"sort-desc")),h.active&&h.clearable!==!1&&R.push((0,b.jsx)(ee,{muted:!0,iconSpace:!0,onClick:()=>{j(),h.onChange(null)},children:"\uC815\uB82C \uD480\uAE30"},"sort-clear"))}return h&&g&&R.push((0,b.jsx)(We,{},"div-sort")),g&&(T&&R.push((0,b.jsxs)(I.Box,{onKeyDown:m=>m.stopPropagation(),sx:{display:"flex",alignItems:"center",gap:1,px:1.5,pb:.5,minHeight:ot},children:[(0,b.jsx)(xe,{d:Y.search,color:"text.secondary"}),(0,b.jsx)(I.InputBase,{autoFocus:!0,value:ie,onChange:m=>P(m.target.value),placeholder:g.searchPlaceholder??"\uCC3E\uAE30",sx:{flex:1,fontSize:nt}})]},"search")),!_&&g.allLabel&&R.push((0,b.jsx)(ee,{selected:B.length===0,onClick:()=>{j(),g.onChange([])},icon:(0,b.jsx)(xe,{d:B.length===0?Y.radioOn:Y.radioOff,color:B.length===0?"primary.main":"text.disabled"}),children:g.allLabel},"f-all")),z.length===0&&R.push((0,b.jsx)(ee,{disabled:!0,iconSpace:!0,children:g.emptyText??"\uACE0\uB97C \uAC12\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."},"f-none")),ce.forEach(m=>{let E=B.includes(m.value),D=()=>{if(_){g.onChange(E?B.filter(le=>le!==m.value):[...B,m.value]);return}j(),g.onChange(E?[]:[m.value])},ne=_?E?Y.checked:Y.unchecked:E?Y.radioOn:Y.radioOff;R.push((0,b.jsxs)(ee,{selected:!_&&E,onClick:D,icon:(0,b.jsx)(xe,{d:ne,color:E?"primary.main":"text.disabled"}),children:[m.icon,(0,b.jsx)(I.Box,{component:"span",sx:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:m.render??m.label}),typeof m.count=="number"?(0,b.jsx)(I.Box,{component:"span",sx:{color:"text.secondary",ml:1,fontVariantNumeric:"tabular-nums"},children:m.count}):null]},`f:${m.value||"(empty)"}`))}),T&&k&&ce.length===0&&R.push((0,b.jsx)(ee,{disabled:!0,iconSpace:!0,children:"\uCC3E\uB294 \uAC12\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."},"f-nohit")),B.length>0&&R.push((0,b.jsx)(We,{},"div-filter"),(0,b.jsx)(ee,{muted:!0,iconSpace:!0,onClick:()=>{j(),g.onChange([])},children:g.clearLabel??"\uAC70\uB974\uAE30 \uD480\uAE30"},"f-clear"))),te&&(R.length>0&&R.push((0,b.jsx)(We,{},"div-children")),R.push(...oe.default.Children.toArray(te))),(0,b.jsx)(I.Menu,{open:o&&(!!u||!!l),...!u&&!!l?{anchorEl:l}:{anchorReference:"anchorPosition",anchorPosition:u??void 0},onClose:j,transitionDuration:0,disableAutoFocusItem:T,onContextMenu:m=>m.preventDefault(),onClick:m=>m.stopPropagation(),slotProps:{paper:{sx:{maxHeight:ae,minWidth:de}},list:{sx:{py:.5}}},children:R})}var Cn=un(require("@ehfuse/overlay-scrollbar"),1),a=require("react/jsx-runtime"),cr={alignment:"default",margin:0,radius:0},Dt=5,gn={},ur=3;function mn(o){return typeof o=="number"?`${o}px`:o}function bn(o){let u=window.getComputedStyle(o),l=u.boxSizing==="border-box"?0:(parseFloat(u.paddingLeft)||0)+(parseFloat(u.paddingRight)||0)+(parseFloat(u.borderLeftWidth)||0)+(parseFloat(u.borderRightWidth)||0);return o.getBoundingClientRect().width-l}function xn(o,u){let l=[];for(let y=0;y<o.style.length;y+=1){let h=o.style[y];h.startsWith("--vdt-")&&!(h in u)&&l.push(h)}l.forEach(y=>o.style.removeProperty(y)),Object.entries(u).forEach(([y,h])=>o.style.setProperty(y,h))}var pr={bg:"#ffffff",border:"#e6e6e3",borderStrong:"#dedddb",headerColor:"#787774",hoverBg:"#f8f8f7",emptyColor:"#9b9a97",selectedBg:"#dbeafe",selectedBar:"#3b82f6"},yn="12px",fr={bg:"#1e1e1e",border:"#2c333c",borderStrong:"#3b434e",headerColor:"#a3adbb",hoverBg:"#272d36",emptyColor:"#7d8590",selectedBg:"rgba(59, 130, 246, 0.22)",selectedBar:"#60a5fa"},Mn=(0,i.forwardRef)((o,u)=>(0,a.jsx)("div",{...o,ref:u}));Mn.displayName="VdtPlainScroller";var hr="(max-width:599.95px)";function It(o){return!!(o.filterOptions&&o.onFilterChange)}function gr({data:o,loading:u=!1,columns:l,onRowClick:y,getRowId:h,selectedRowId:g,selectedRowSx:F,rowHeight:te,columnHeight:de,striped:ae,rowDivider:ie=!0,onSort:P,onSortClear:_,onHeaderContextMenu:B,onLoadMore:z,sortBy:T,sortDirection:k,showPaper:ce=!0,paddingX:j,paddingTop:R=0,paddingBottom:ue=0,rowHoverColor:m,rowHoverOpacity:E,viewportBuffer:D,overscan:ne,initialItemCount:le,scrollbars:lt,emptyMessage:se="NO DATA",autoHeight:Ce=!1,LoadingComponent:Oe,showFooter:Sn,footerHeight:Me,footerSx:we,variant:Tn="default",framed:ye=!0,headerTopBorder:Rn=!1,rowHeightMode:Hn="fixed",tableLayout:Fe="fixed",renderFullWidthRow:st,fullWidthRowSx:Se,onRowContextMenu:Pt,pinnedRows:Te,pinnedRowsMaxHeight:dt,pinnedRowsSx:Re,resetScrollOnDataChange:At=!0,rowKeyFromId:En=!1,onEndReached:Bt,colorMode:kn,mobile:zt,scrollParent:ct,columnResize:Nt,columnWidths:Wt,onColumnWidthsChange:Ot}){let w=Tn==="notion",_e=(0,s.useTheme)(),M=(kn??_e.palette.mode)==="dark"?fr:pr,Ft=(Te?.length??0)>0,pe=de??(w?40:56),U=te??(w?48:50),Ve=ye?j??(w?"12px":"1rem"):0,He=zt===!0?{}:zt||null,Ln=(0,s.useMediaQuery)(He?.query??hr,{noSsr:!0}),$=!!He&&Ln,Ee=!!ct,fe=Ce||Ee,ut=Hn==="auto"||$,pt=m??(w?M.hoverBg:void 0),_t=E??(w?1:void 0),Dn=Math.max(U*12,480),In=Math.max(U*12,480),Pn=typeof D=="number"?D:D?.top??Dn,An=typeof D=="number"?D:D?.bottom??In,Bn=Math.max(U*8,420),zn=Math.max(U*10,520),Nn=typeof ne=="number"?ne:{main:ne?.main??Bn,reverse:ne?.reverse??zn},ke=U+(ie?1:0),Wn=(0,i.useMemo)(()=>w?{backgroundColor:M.selectedBg,"& > td:first-of-type":{boxShadow:`inset 3px 0 0 ${M.selectedBar}`},"& > td[data-vdt-pinned]":{backgroundColor:M.selectedBg}}:void 0,[w,M]),q=F??Wn,$e=!q||typeof q!="function",On=(0,i.useMemo)(()=>!$e||g===null||g===void 0||!q?null:{[`& tbody tr[data-row-id="${String(g).replace(/["\\]/g,"\\$&")}"]`]:q},[$e,g,q]),br=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),[H]=(0,i.useState)(()=>typeof window>"u"?!1:window.localStorage.getItem("vdt-perf-debug")==="1"),S=(0,i.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}),ft=(0,i.useCallback)(t=>{if(!H)return;let e=S.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,p=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(p.toFixed(3)),maxMs:Number(e.cellRenderMaxMs.toFixed(3))}}),S.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}},[H]);(0,i.useEffect)(()=>{if(!H||typeof window>"u")return;console.log("[VDT perf] enabled (localStorage vdt-perf-debug=1)");let t=window.setInterval(()=>{ft("interval")},1500);return()=>{window.clearInterval(t),ft("cleanup")}},[ft,H]);let Vt=(0,i.useMemo)(()=>(0,i.forwardRef)((t,e)=>{let r=(0,i.useRef)(null),d=(0,i.useRef)(0),p=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let n=r.current;if(!n)return;let c=v=>{let f=H?performance.now():0;if(v.shiftKey||Math.abs(v.deltaX)>Math.abs(v.deltaY))return;let C=v.target?.closest?.("[data-vdt-inner-scroll]");if(C&&n.contains(C)&&(v.deltaY<0?C.scrollTop>0:C.scrollTop+C.clientHeight<C.scrollHeight-1))return;v.preventDefault();let A=v.deltaY;v.deltaMode===1?A*=40:v.deltaMode===2&&(A*=n.clientHeight),H&&(S.current.wheelEvents+=1,S.current.wheelInputPx+=A),d.current+=A,p.current===null&&(p.current=requestAnimationFrame(()=>{let Z=H?performance.now():0,x=Math.max(n.clientHeight*.4,160),L=Math.max(-x,Math.min(x,d.current));d.current=0,p.current=null,L!==0&&(n.scrollTop+=L),H&&(S.current.wheelRafFlushes+=1,S.current.wheelRafMs+=performance.now()-Z)}),H&&(S.current.wheelHandlerMs+=performance.now()-f))};return n.addEventListener("wheel",c,{passive:!1}),()=>{n.removeEventListener("wheel",c),p.current!==null&&(cancelAnimationFrame(p.current),p.current=null),d.current=0}},[]),(0,a.jsx)(Cn.default,{detectInnerScroll:!0,track:cr,...lt,children:(0,a.jsx)(s.TableContainer,{component:s.Box,...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:w?0:Ve,paddingTop:typeof R=="number"?`${R}px`:R,paddingBottom:typeof ue=="number"?`${ue}px`:ue}}})})}),[]),ht=(0,i.useMemo)(()=>{if(ae===!0)return"#f5f5f5";if(typeof ae=="string")return ae},[ae]),[Fn,$t]=(0,i.useState)(u),[_n,Vn]=(0,i.useState)(0);(0,i.useEffect)(()=>{u&&$t(!0)},[u]);let Xt=(0,i.useCallback)(()=>{$t(!1)},[]),$n=Fn,xr=u&&o.length>0,gt=(0,i.useRef)(!1),mt=(0,i.useRef)(-1),bt=(0,i.useRef)(null),xt=(0,i.useRef)(null),[Xn,Yn]=(0,i.useState)(!1),Xe=(0,i.useCallback)(()=>{let t=xt.current;t&&Yn(t.scrollHeight>t.clientHeight+1)},[]);(0,i.useEffect)(()=>{let t=xt.current;if(!t||typeof ResizeObserver>"u")return;let e=new ResizeObserver(()=>Xe());return e.observe(t),()=>e.disconnect()},[Xe,Ce]);let yt=(0,i.useRef)(y);yt.current=y;let Le=(0,i.useRef)(h);Le.current=h;let vt=(0,i.useRef)(Pt);vt.current=Pt;let Yt=(0,i.useRef)(Bt);Yt.current=Bt;let jt=(0,i.useRef)(null),Ut=Nt===!0?{}:Nt||null,V=!!Ut&&!$,De=Ut?.minWidth??48,[jn,Ct]=(0,i.useState)(null);(0,i.useEffect)(()=>{Ct(null)},[Wt]);let Ye=V?jn??Wt??gn:gn,Mt=(0,i.useRef)(Ye);Mt.current=Ye;let wt=(0,i.useRef)(Ot);wt.current=Ot;let St=(0,i.useRef)(l);St.current=l;let Tt=(0,i.useRef)(null),je=(0,i.useCallback)(t=>{let e={},r=!1,d=!0,p=0,n=0;return l.forEach((c,v)=>{let f=t[String(c.id)];if(typeof f=="number"&&Number.isFinite(f)&&f>0){let C=Math.max(c.minWidth??De,Math.round(f));e[`--vdt-cw-${v}`]=`${C}px`,r=!0,p+=C,n+=C}else typeof c.width=="number"?(p+=c.width,n+=c.width):(d=!1,p+=c.minWidth??De)}),r&&(e["--vdt-tmin"]=`${p}px`,d&&(e["--vdt-tw"]=`${n}px`)),e},[l,De]),Rt=(0,i.useRef)(je);Rt.current=je;let Un=(0,i.useMemo)(()=>V?je(Ye):null,[V,je,Ye]),K=(0,i.useCallback)((t,e,r)=>{if(!V)return{width:t.width,minWidth:r};let d=`--vdt-cw-${e}`,p=mn(t.width),n=mn(r);return{width:p!==void 0?`var(${d}, ${p})`:`var(${d})`,minWidth:n!==void 0?`var(${d}, ${n})`:`var(${d})`}},[V]),Ue=(0,i.useMemo)(()=>{let t=new Map,e=0,r=[];return l.forEach((d,p)=>{if(d.pinned!=="left")return;t.set(String(d.id),V&&r.length>0?`calc(${r.join(" + ")})`:e);let n=typeof d.width=="number"?d.width:0;e+=n,r.push(`var(--vdt-cw-${p}, ${n}px)`)}),t},[l,V]),qe=(0,i.useMemo)(()=>{if(l.some(t=>typeof t.minWidth=="number"))return l.reduce((t,e)=>t+(typeof e.width=="number"?e.width:typeof e.minWidth=="number"?e.minWidth:0),0)},[l]),ve=(0,i.useCallback)((t,e)=>{let r=Ue.get(String(t.id));return r===void 0?{}:{position:"sticky",left:r,zIndex:e?3:1}},[Ue]),Ke=!!y,Ie=(0,i.useRef)(!1),he=(0,i.useRef)({x:0,y:0});(0,i.useEffect)(()=>{let t=e=>{let r=e.clientX-he.current.x,d=e.clientY-he.current.y;Math.sqrt(r*r+d*d)>Dt&&(Ie.current=!0)};return document.addEventListener("mousemove",t),()=>{document.removeEventListener("mousemove",t)}},[]),(0,i.useEffect)(()=>{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)})},[T]);let Ge=(0,i.useCallback)(t=>{if(!P)return;P(t,T===t&&k==="asc"?"desc":"asc")},[P,T,k]),[Pe,qt]=(0,i.useState)(null),Kt=(0,i.useRef)(B);Kt.current=B;let Gt=(0,i.useRef)(P);Gt.current=P;let Ae=(0,i.useCallback)((t,e)=>{if(!t){e.preventDefault();return}t.headerProps?.onContextMenu?.(e);let r=e.defaultPrevented;if(r||(r=Kt.current?.(t,e)===!0||e.defaultPrevented),e.preventDefault(),r||t.headerMenu===!1||!!!((t.sortMenu??t.sortable)&&Gt.current)&&!It(t))return;let p=e.currentTarget.getBoundingClientRect();qt({colId:String(t.id),x:e.clientX,y:p.bottom})},[]),Zt=(0,i.useCallback)((t,e)=>{if(e.button!==0)return;e.preventDefault(),e.stopPropagation();let r=e.currentTarget,d=r.closest("th"),p=Tt.current;if(!d||!p)return;let n=bn(d),c=e.clientX,v=String(t.id),f=t.minWidth??De,C=Mt.current,A=St.current;if(!A.some(O=>!(String(O.id)in C)&&typeof O.width!="number")){let O={...C};p.querySelectorAll("thead th [data-vdt-col]").forEach(J=>{let ze=A[Number(J.getAttribute("data-vdt-col"))],dn=J.closest("th");!ze||!dn||String(ze.id)in O||(O[String(ze.id)]=Math.round(bn(dn)))}),C=O}let x=C,L=!1,N=0;r.setAttribute("data-active","");let W=document.body.style.cursor;document.body.style.cursor="col-resize";let re=O=>{let J=O.clientX-c;!L&&Math.abs(J)<ur||(L=!0,x={...C,[v]:Math.max(f,Math.round(n+J))},N||(N=requestAnimationFrame(()=>{N=0,xn(p,Rt.current(x))})))},Q=()=>{if(document.removeEventListener("mousemove",re),document.removeEventListener("mouseup",Q),N&&cancelAnimationFrame(N),r.removeAttribute("data-active"),document.body.style.cursor=W,!L)return;xn(p,Rt.current(x));let O=J=>{J.stopPropagation(),J.preventDefault()};window.addEventListener("click",O,!0),window.setTimeout(()=>window.removeEventListener("click",O,!0),0),Ct(x),wt.current?.(x)};document.addEventListener("mousemove",re),document.addEventListener("mouseup",Q)},[De]),Qt=(0,i.useCallback)((t,e)=>{e.preventDefault(),e.stopPropagation();let r=String(t.id),d=Mt.current;if(!(r in d))return;let p={...d};delete p[r];let n=St.current,c=Tt.current?.querySelector("table"),v=c?.parentElement;if(c&&v&&n.every(f=>typeof f.width=="number")){let f=n.reduce((x,L)=>x+L.width,0),C=v.clientWidth,A=f>0?Math.max(1,C/f):1,Z=x=>Math.round(x.width*A);A>1&&(p[r]=Z(t)),n.every(x=>!(String(x.id)in p)||Math.abs(p[String(x.id)]-Z(x))<=1)&&(p={})}Ct(p),wt.current?.(p)},[]),Ze=(0,i.useCallback)(t=>V?(0,a.jsx)("span",{"data-vdt-resize":"","data-vdt-col":l.indexOf(t),"aria-hidden":!0,onMouseDown:e=>Zt(t,e),onDoubleClick:e=>Qt(t,e),onClick:e=>e.stopPropagation()}):null,[V,Zt,Qt,l]),ge=(0,i.useCallback)(t=>{if(!It(t))return t.text;let e=!!(t.filterValues&&t.filterValues.length>0);return(0,a.jsxs)(s.Box,{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:[(0,a.jsx)(s.Box,{component:"span",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.text}),(0,a.jsx)(at,{active:e})]})},[]),qn=(0,i.useCallback)(t=>{let e=H?performance.now():0;if(Yt.current?.(),!z){H&&(S.current.rangeChangedCalls+=1,S.current.rangeChangedMs+=performance.now()-e);return}if(u&&o.length===0){H&&(S.current.rangeChangedCalls+=1,S.current.rangeChangedMs+=performance.now()-e);return}let r=o.length>=30,d=t>=o.length-1,p=mt.current===o.length;if(d&&r&&!gt.current&&!p){gt.current=!0,mt.current=o.length;let n=o.length;z(n,50)}H&&(S.current.rangeChangedCalls+=1,S.current.rangeChangedMs+=performance.now()-e)},[o.length,u,z,H]);(0,i.useEffect)(()=>{u||(gt.current=!1)},[u]),(0,i.useEffect)(()=>{o.length===0&&Vn(t=>t+1)},[o.length]);let Jt=(0,i.useRef)(At);Jt.current=At;let Ht=(0,i.useRef)(o.length),Et=(0,i.useRef)(void 0);(0,i.useEffect)(()=>{let t=Ht.current,e=o.length,r=e>0?Le.current?Le.current(o[0],0):o[0]:void 0,d=Et.current;if(e>t&&t>0){Ht.current=e,Et.current=r;return}let p=e<t||t>0&&r!==d;p&&(mt.current=-1),bt.current&&e>0&&p&&Jt.current&&bt.current.scrollToIndex({index:0,align:"start",behavior:"auto"}),Ht.current=e,Et.current=r},[o]);let en=(0,i.useCallback)(()=>{let t={},e=[];if(l.forEach(n=>{n.group?(t[n.group]||(t[n.group]=[]),t[n.group].push(n)):e.push(n)}),!(Object.keys(t).length>0))return(0,a.jsx)(s.TableRow,{children:l.map((n,c)=>(0,a.jsxs)(s.TableCell,{align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:v=>Ae(n,v),style:{...K(n,c,n.width??n.minWidth),...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...ve(n,!0),...n.headerProps?.style},children:[n.sortable?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,a.jsxs)(s.Box,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ge(String(n.id)),children:[ge(n),(0,a.jsx)(s.TableSortLabel,{active:T===n.id,direction:T===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:T===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)"}}})]})}):ge(n),Ze(n)]},String(n.id)))});let d=[...e.map(n=>(0,a.jsxs)(s.TableCell,{rowSpan:2,align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:c=>Ae(n,c),style:{...K(n,l.indexOf(n),n.width),...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...ve(n,!0),...n.headerProps?.style},children:[n.sortable&&P?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,a.jsxs)(s.Box,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ge(String(n.id)),children:[ge(n),(0,a.jsx)(s.TableSortLabel,{active:T===n.id,direction:T===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:T===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)"}}})]})}):ge(n),Ze(n)]},String(n.id))),...Object.entries(t).map(([n,c])=>(0,a.jsx)(s.TableCell,{align:"center",colSpan:c.length,onContextMenu:v=>Ae(null,v),style:{fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px"},children:n},n))],p=[...Object.values(t).flat().map(n=>(0,a.jsxs)(s.TableCell,{align:n.align||"left",title:typeof n.text=="string"?n.text:void 0,...n.headerProps,onContextMenu:c=>Ae(n,c),style:{...K(n,l.indexOf(n),n.width),...n.style,fontWeight:"bold",position:"sticky",top:0,zIndex:2,padding:"16px",...ve(n,!0),...n.headerProps?.style},children:[n.sortable&&P?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:n.align==="center"?"center":n.align==="right"?"flex-end":"flex-start",position:"relative",width:"100%"},children:(0,a.jsxs)(s.Box,{className:"vdt-sort-box",sx:{position:"relative",cursor:"default","&:hover .MuiTableSortLabel-root":{opacity:"1 !important","& .MuiSvgIcon-root":{color:"#000",opacity:"1 !important"}}},onClick:()=>Ge(String(n.id)),children:[ge(n),(0,a.jsx)(s.TableSortLabel,{active:T===n.id,direction:T===n.id?k:"desc",sx:{position:"absolute",left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"4px",minWidth:"auto",width:"16px",height:"16px",cursor:"default",opacity:T===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)"}}})]})}):ge(n),Ze(n)]},String(n.id)))];return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.TableRow,{children:d}),(0,a.jsx)(s.TableRow,{children:p})]})},[l,T,k,Ge,P,pe,ve,Ae,ge,K,Ze]),tn=(0,i.useMemo)(()=>{let t=l.filter(r=>r.mobile!==!1),e=t.find(r=>r.mobile==="title")??t.find(r=>!r.mobile);return{title:e,thumb:t.filter(r=>r.mobile==="thumb"),badge:t.filter(r=>r.mobile==="badge"),sub:t.filter(r=>r.mobile==="sub"),meta:t.filter(r=>r!==e&&(!r.mobile||r.mobile==="meta"))}},[l]),nn=(0,i.useCallback)((t,e)=>{if(He?.renderRow)return He.renderRow(t,e);let r=f=>f.render?f.render(t,e):String(t[f.id]??""),{title:d,thumb:p,badge:n,sub:c,meta:v}=tn;return(0,a.jsxs)(s.Box,{sx:{display:"flex",gap:"12px",alignItems:"flex-start",py:"12px",px:"14px",minWidth:0},children:[p.map(f=>(0,a.jsx)(s.Box,{sx:{flexShrink:0},children:r(f)},String(f.id))),(0,a.jsxs)(s.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",gap:"4px"},children:[(d||n.length>0)&&(0,a.jsxs)(s.Box,{sx:{display:"flex",alignItems:"flex-start",gap:"8px",minWidth:0},children:[(0,a.jsx)(s.Box,{sx:{flex:1,minWidth:0,fontSize:15,fontWeight:500,overflowWrap:"anywhere"},children:d?r(d):null}),n.map(f=>(0,a.jsx)(s.Box,{sx:{flexShrink:0},children:r(f)},String(f.id)))]}),c.map(f=>(0,a.jsx)(s.Box,{sx:{fontSize:13,color:M.headerColor,minWidth:0},children:r(f)},String(f.id))),v.length>0&&(0,a.jsx)(s.Box,{sx:{display:"flex",flexWrap:"wrap",gap:"2px 12px",fontSize:13,minWidth:0},children:v.map(f=>{let C=f.mobileLabel===!1?null:f.mobileLabel??(typeof f.text=="string"?f.text:null);return(0,a.jsxs)(s.Box,{sx:{display:"inline-flex",alignItems:"center",gap:"4px",minWidth:0,maxWidth:"100%"},children:[C?(0,a.jsx)(s.Box,{component:"span",sx:{color:M.headerColor,flexShrink:0},children:C}):null,(0,a.jsx)(s.Box,{component:"span",sx:{minWidth:0,"& > *":{width:"auto !important",textAlign:"left !important"}},children:r(f)})]},String(f.id))})})]})]})},[He,tn,M]),Qe=(0,i.useCallback)((t,e)=>{let r=H?performance.now():0;if(!e){if(H){S.current.rowContentCalls+=1;let c=performance.now()-r;S.current.rowContentMs+=c,S.current.rowContentMaxMs=Math.max(S.current.rowContentMaxMs,c)}return null}if($)return(0,a.jsx)(s.TableCell,{colSpan:l.length,"data-vdt-pad":"",sx:{padding:0},children:nn(e,t)});let d=st?st(e,t):null;if(d!=null)return(0,a.jsx)(s.TableCell,{colSpan:l.length,"data-vdt-pad":"",sx:[{padding:w?"0 14px":"8px 16px"},...Array.isArray(Se)?Se:Se?[Se]:[]],children:d});let p=0,n=l.map((c,v)=>{if(p>0)return p-=1,null;let f=c.colSpan?Math.max(1,Math.min(c.colSpan(e,t),l.length-v)):1;p=f-1;let C=H?performance.now():0,A=c.render?c.render(e,t):String(e[c.id]||"");if(H){let W=performance.now()-C;S.current.cellRenderCalls+=1,S.current.cellRenderMs+=W,S.current.cellRenderMaxMs=Math.max(S.current.cellRenderMaxMs,W)}let Z=Ue.has(String(c.id)),x=c.cellPadding!==void 0,L=c.rowSpan?c.rowSpan(e,t):1;if(L<=0)return null;let N=c.onCellClick;return(0,a.jsx)(s.TableCell,{align:c.align||"left",rowSpan:L>1?L:void 0,colSpan:f>1?f:void 0,"data-vdt-pad":x?"":void 0,"data-vdt-pinned":Z?"":void 0,"data-vdt-cell-click":N?"":void 0,onClick:N?W=>{let re=W.clientX-he.current.x,Q=W.clientY-he.current.y;W.stopPropagation(),!(Math.sqrt(re*re+Q*Q)>Dt)&&N(e,t,W)}:void 0,style:{...f>1?{}:K(c,v,c.width??c.minWidth),...c.primary?{fontSize:15}:{},...c.style,...c.cellStyle?c.cellStyle(e,t):{},padding:x?c.cellPadding:"8px 16px",...ve(c,!1)},children:A},String(c.id))});if(H){S.current.rowContentCalls+=1;let c=performance.now()-r;S.current.rowContentMs+=c,S.current.rowContentMaxMs=Math.max(S.current.rowContentMaxMs,c)}return(0,a.jsx)(a.Fragment,{children:n})},[l,H,st,Se,w,Ue,ve,$,nn,K]),rn=(0,i.useCallback)(()=>{let t=en();if(!Te||Te.length===0)return t;let e=jt.current;return(0,a.jsxs)(a.Fragment,{children:[t,(0,a.jsx)("tr",{"data-vdt-pinned-area":"",children:(0,a.jsx)("td",{colSpan:l.length,style:{padding:0,border:0},children:(0,a.jsx)(s.Box,{"data-vdt-inner-scroll":"",sx:[{maxHeight:dt,overflowY:dt?"auto":"visible",overflowX:"hidden",scrollbarWidth:"thin",borderBottom:`1px solid ${w?M.borderStrong:"rgba(224, 224, 224, 1)"}`,"& tbody tr:last-of-type > td":{borderBottom:"none"}},...Array.isArray(Re)?Re:Re?[Re]:[]],children:(0,a.jsxs)("table",{style:{width:"100%",tableLayout:Fe,borderCollapse:"separate",borderSpacing:0},children:[(0,a.jsx)("colgroup",{children:l.map((r,d)=>(0,a.jsx)("col",{style:K(r,d,r.width??r.minWidth)},String(r.id)))}),(0,a.jsx)(s.TableBody,{children:Te.map((r,d)=>e?(0,a.jsx)(e,{item:r,"data-index":d,"data-vdt-pinned-row":"",children:Qe(d,r)},h?String(h(r,d)):`p${d}`):null)})]})})})})]})},[en,Te,dt,Re,l,Qe,Fe,h,w,M,K]),G=Sn??l.some(t=>typeof t.footer=="function"),on=(0,i.useCallback)(()=>{if(!G)return null;let t=[];for(let e=0;e<l.length;e+=1){let r=l[e],d=r.footerColSpan&&r.footerColSpan>1?Math.min(r.footerColSpan,l.length-e):1;t.push((0,a.jsx)(s.TableCell,{align:r.align||"left",colSpan:d>1?d:void 0,style:{...d>1?{}:K(r,e,r.width),...r.style,fontWeight:"bold",padding:w?"0 14px":"16px"},children:r.footer?r.footer(o):null},String(r.id))),e+=d-1}return(0,a.jsx)(s.TableRow,{children:t})},[G,l,o,w,K]),kt=(0,i.useMemo)(()=>({Scroller:Ee?Mn:Vt,Table:t=>(0,a.jsx)(s.Table,{...t,sx:{borderCollapse:"separate",tableLayout:Fe,...V?{width:"var(--vdt-tw, 100%)",minWidth:`var(--vdt-tmin, ${qe??0}px)`}:qe&&!$?{minWidth:qe}:{},marginRight:ye?"16px":0,...G?{height:"100%"}:{}}}),TableHead:(0,i.forwardRef)((t,e)=>(0,a.jsx)(s.TableHead,{...t,ref:e,sx:{userSelect:"none","& > tr":{height:pe,"& > th":{padding:"16px",position:"sticky",top:0,zIndex:2,fontWeight:"bold"}}}})),TableRow:t=>{let{item:e,selected:r,"aria-selected":d,className:p,...n}=t,c=n["data-index"]??0,v=c%2===1,f=e&&Le.current?Le.current(e,c):c,C=!$e&&g!==null&&g!==void 0&&f===g,A=C&&q?typeof q=="function"?q(e,c):q:void 0,Z=String(p??"").split(/\s+/).filter(x=>x!=="Mui-selected"&&x!=="Mui-focusVisible").join(" ");return(0,a.jsx)(s.TableRow,{...n,"data-row-id":f!=null?String(f):void 0,className:Z||void 0,selected:C,onMouseDown:x=>{Ie.current=!1,he.current={x:x.clientX,y:x.clientY}},onContextMenu:x=>{e&&vt.current&&vt.current(e,c,x)},onClick:x=>{let L=x.clientX-he.current.x,N=x.clientY-he.current.y;if(Math.sqrt(L*L+N*N)>Dt||Ie.current){x.preventDefault(),x.stopPropagation(),Ie.current=!1;return}e&&yt.current&&yt.current(e,c),Ie.current=!1},sx:[{userSelect:"none",...ut?{"& > td":{height:ke}}:{height:ke,maxHeight:ke},boxSizing:"border-box",backgroundColor:v&&ht?ht:"transparent","& td:not([data-vdt-pad])":{padding:"8px 16px"},"& td":{boxSizing:"border-box",borderBottom:ie?"1px solid rgba(224, 224, 224, 1)":"none"},"& th":{padding:"8px 16px",borderBottom:"none"},"&:hover":Ke&&!C?{backgroundColor:x=>{let L=x.palette.mode==="dark",W=pt??"#000000",re=_t??.06;if(!pt)return L?`rgba(255, 255, 255, ${re})`:`rgba(0, 0, 0, ${re})`;let Q=W.replace("#","").trim();if(Q.length!==6)return W;let O=parseInt(Q.substring(0,2),16),J=parseInt(Q.substring(2,4),16),ze=parseInt(Q.substring(4,6),16);return`rgba(${O}, ${J}, ${ze}, ${re})`}}:void 0,cursor:Ke?"pointer":void 0},A]})},TableBody:(0,i.forwardRef)((t,e)=>{let{children:r,...d}=t;return(0,a.jsxs)(s.TableBody,{...d,ref:e,sx:G?{height:"100%"}:void 0,children:[r,G&&(0,a.jsx)("tr",{"aria-hidden":!0,style:{height:"100%"},children:(0,a.jsx)("td",{colSpan:l.length,style:{padding:0,border:0}})})]})}),TableFoot:(0,i.forwardRef)((t,e)=>(0,a.jsx)(s.TableFooter,{...t,ref:e,sx:[{"& tr":{height:Me??U,maxHeight:Me??U,boxSizing:"border-box"},"& td":{height:Me??U,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 ${w?M.borderStrong:"#000000"}`}},...Array.isArray(we)?we:we?[we]:[]]}))}),[Ke,$e?null:g,q,U,ht,ie,pe,pt,_t,Vt,Me,we,G,w,M,l,Fe,ye,ut,qe,$,Ee,V]);jt.current=kt.TableRow;let Kn=kt,Be=kt,Gn=Be.Table,Zn=Be.TableHead,Qn=Be.TableBody,Jn=Be.TableRow,er=Be.TableFoot,X=Pe?l.find(t=>String(t.id)===Pe.colId):void 0,tr=()=>qt(null),an=null;if(Pe&&X){let t=String(X.id),e=!!((X.sortMenu??X.sortable)&&P),r=It(X),d=T===t?k:void 0;an=(0,a.jsx)(it,{open:!0,anchorPosition:{left:Pe.x,top:Pe.y},onClose:tr,sort:e?{active:d??null,clearable:!!_,onChange:p=>{p?P?.(t,p):_?.()}}:void 0,filter:r?{options:X.filterOptions??[],value:X.filterValues??[],onChange:p=>X.onFilterChange?.(p),multiple:X.filterMultiple!==!1,emptyLabel:X.filterEmptyLabel,searchable:X.filterSearchable}:void 0})}let ln=(0,a.jsxs)(s.Box,{ref:Tt,style:Un??void 0,sx:{position:"relative",height:fe?"auto":"100%",width:"100%","& .MuiTableHead-root":{backgroundColor:t=>w?`${M.bg} !important`:t.palette.mode==="dark"?"#1e1e1e !important":"#ffffff !important"},...On??{},...V?{"& thead th [data-vdt-resize]":{position:"absolute",top:0,right:0,bottom:0,width:"7px",cursor:"col-resize",zIndex:1,"&::after":{content:'""',position:"absolute",top:0,bottom:0,right:0,width:"2px",backgroundColor:w?M.selectedBar:_e.palette.primary.main,opacity:0,transition:"opacity 0.12s ease"},"&:hover::after, &[data-active]::after":{opacity:1}}}:{},"& tbody td[data-vdt-pinned]":{backgroundColor:w?M.bg:_e.palette.background.paper},"& tbody td[data-vdt-cell-click]":{cursor:"pointer"},"& tbody td[data-vdt-cell-click]:hover":{backgroundColor:w?M.hoverBg:_e.palette.mode==="dark"?"rgba(255, 255, 255, 0.06)":"rgba(0, 0, 0, 0.04)"},...w&&Ke?{"& tbody tr:hover td[data-vdt-pinned]":{backgroundColor:M.hoverBg}}:{},...w?{...ye?{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:pe,boxSizing:"border-box",padding:"0 14px !important",fontSize:13,fontWeight:"500 !important",color:M.headerColor,backgroundColor:`${M.bg} !important`,borderTop:!ye&&Rn?`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&&(fe||Xn||G)?{[`& tbody tr[data-index="${o.length-1}"]:not([data-vdt-pinned-row]) td`]:{borderBottom:"none"}}:{}}:{}},children:[Ce?(0,a.jsx)(s.Box,{sx:{overflowX:"auto",width:"100%"},children:(0,a.jsxs)(Gn,{children:[$?null:(0,a.jsx)(Zn,{children:rn()}),(0,a.jsx)(Qn,{children:o.map((t,e)=>(0,a.jsx)(Jn,{item:t,"data-index":e,children:Qe(e,t)},h?String(h(t,e)):e))}),G&&!$?(0,a.jsx)(er,{children:on()}):null]})}):ct===null?null:(0,a.jsx)(vn.TableVirtuoso,{ref:bt,data:o,totalCount:z?o.length+1:o.length,defaultItemHeight:ke,fixedItemHeight:ut?void 0:ke,fixedHeaderContent:$?void 0:rn,fixedFooterContent:G&&!$?on:void 0,itemContent:Qe,...En&&h?{computeItemKey:(t,e)=>e?h(e,t):`vdt-${t}`}:{},endReached:qn,scrollerRef:t=>{xt.current=t instanceof HTMLElement?t:null,Xe()},totalListHeightChanged:Xe,style:Ee?void 0:{height:"100%"},...Ee?{customScrollParent:ct}:{},increaseViewportBy:{top:Pn,bottom:An},overscan:Nn,...le&&o.length>0?{initialItemCount:Math.min(le,o.length)}:{},followOutput:!1,components:Kn},_n),o.length===0&&!u&&!Ft&&w&&typeof se=="string"&&(0,a.jsx)(s.Box,{sx:{position:fe?"static":"absolute",top:$?0:pe,left:0,right:0,py:6,px:2,textAlign:"center",fontSize:14,color:M.emptyColor,pointerEvents:"none"},children:se}),o.length===0&&!u&&!Ft&&!(w&&typeof se=="string")&&(0,a.jsx)(s.Box,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,px:2,textAlign:"center",pointerEvents:"none","& > *":{pointerEvents:"auto"}},children:typeof se=="string"?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.Box,{sx:{width:48,height:48,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",backgroundColor:"#f5f5f5",color:"#999"},children:"\u{1F4C4}"}),(0,a.jsx)(s.Typography,{variant:"body1",sx:{color:"text.secondary"},children:se})]}):se}),an,$n&&(0,a.jsx)(a.Fragment,{children:Oe?(0,a.jsx)(Oe,{visible:u,onComplete:Xt}):(0,a.jsx)(pn,{visible:u,onComplete:Xt,size:40,indicator:(0,a.jsx)(fn,{}),sx:{top:`${l.some(t=>t.group)?pe*2:pe}px`,bottom:`${G?Me??U:0}px`},background:{show:o.length===0,opacity:.8}})})]}),sn=w&&ye?{paddingRight:Ve,paddingTop:yn,paddingBottom:yn}:{};return ce?(0,a.jsx)(s.Paper,{className:"grow",elevation:1,sx:{padding:0,paddingLeft:Ve,...sn,boxSizing:"border-box",height:fe?"auto":"100%",minHeight:0,flex:fe?"none":1,display:"flex",flexDirection:"column"},children:ln}):(0,a.jsx)(s.Box,{className:"grow",style:{padding:0,paddingLeft:Ve,...sn,boxSizing:"border-box",height:fe?"auto":"100%",minHeight:0,flex:fe?"none":1,display:"flex",flexDirection:"column"},children:ln})}var wn=(0,i.memo)(gr);
|
|
5
5
|
/**
|
|
6
6
|
* Virtual Data Table - A high-performance virtual data table component for React
|
|
7
7
|
*
|