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