fone-design-system_v2 1.0.64 → 1.0.65

package/dist/fone-design-system.es.js

@@ -48393,7 +48393,7 @@ const fle = ({
     style: {
       marginBottom: "1rem",
       display: "flex",
-      minHeight: "2.7rem",
+      // minHeight: "2.7rem",
       width: "100%",
       alignItems: "center",
       justifyContent: "space-between"

package/dist/fone-design-system.umd.js

@@ -572,7 +572,7 @@ html body {
       background-color: #EBEBEB;
     }
   `}
-`,GP=U.forwardRef(({table:e,setTableData:t,setRowSelection:n,isLoading:r,onRowClick:o,onRowDoubleClick:i,scrollTo:a,clickedRowIndex:l,setCurrentEditingCell:c,radio:u,rowSelection:A,isClickedCheckbox:f,pagination:p,triggerIndex:h},y)=>{const m=U.useRef([]),v=e.getRowModel().rows.length;return U.useEffect(()=>{if(p&&typeof p.page=="number"&&y&&typeof y!="function"&&y.current){const w=y.current.querySelector("[data-radix-scroll-area-viewport]");w&&w.scrollTo({top:0,behavior:"auto"})}},[p==null?void 0:p.page,y]),U.useEffect(()=>{if(a){if(!(a>0))return;let b=0;const w=8,S=()=>{if(b+=1,y&&typeof y!="function"&&y.current){const I=a-1,E=m.current[I];if(E){const P=y.current.querySelector(`[data-index="${I}"]`);if(P){E.offsetTop,P.scrollIntoView({block:"nearest",behavior:"smooth"});return}}}b<w&&requestAnimationFrame(S)};requestAnimationFrame(S)}},[a,v,y]),r?T.jsx("div",{style:{display:"flex",height:"100%",width:"100%",alignItems:"center",justifyContent:"center",backgroundColor:"white",paddingBottom:"2rem"},children:T.jsx(Nd,{color:"inherit",style:{opacity:.4},disableShrink:!0})}):T.jsxs(Ld,{ref:y,style:{height:"100%",width:"100%",backgroundColor:"white"},children:[v===0?T.jsx(wZ,{}):T.jsx("div",{style:{width:"100%",boxSizing:"border-box"},children:e.getRowModel().rows.map((b,w)=>b?T.jsx("div",{"data-index":w,ref:S=>{m.current[w]=S},style:{width:"100%",boxSizing:"border-box",minHeight:"3rem",height:"fit-content",borderBottom:"1px solid var(--ds-table-body-border-bottom-color)"},children:T.jsx(qP,{row:b,setTableData:t,setRowSelection:n,onRowClick:o,onRowDoubleClick:i,setCurrentEditingCell:c,isScrollHighlighted:Number(a)>0&&w===Number(a)-1,radio:u,isClicked:a!==void 0?a-1===w:w===l,isTriggerHighlight:l===-1?w===h:!1,rowSelection:A,isClickedCheckbox:f,pagination:p})},b.id??w):null)}),T.jsx(cl,{})]})});GP.displayName="Rows";const UZ=({setTableData:e,setRowSelection:t,table:n,isPlusButton:r,onAddFn:o,isAddRowActive:i,clickedRowIndex:a,setClickedRowIndex:l,radio:c,scrollAreaRef:u})=>{const[A,f]=U.useState(0),p=()=>{if(u&&u.current){const v=u.current.querySelector("[data-radix-scroll-area-viewport]");v&&v.scrollTo({top:0})}if(o&&(o(),!i))return;const h=v=>{let b=[];return v.forEach(w=>{w.columns?b=b.concat(h(w.columns)):w.accessorKey&&b.push(w)}),b},y=h(n.options.columns),m={crud:"C",id:String(A)+"_new"};f(v=>v+1),y.forEach(v=>{const b=v.id||v.accessorKey;v.isOnly?m[b]="N":v.type==="checkbox"?typeof v.defaultChecked=="boolean"?m[b]=v.defaultChecked?"Y":"N":m[b]="Y":m[b]=""}),e(v=>(t(c?{0:!0}:b=>{const w={};return Object.entries(b).forEach(([S,I])=>{w[(Number(S)+1).toString()]=I}),{0:!0,...w}}),l(a+1),[m,...v]))};return T.jsx(T.Fragment,{children:r&&T.jsx(zn,{onClick:p,variant:"outlined",size:"xxsmall",iconOnly:!0,children:T.jsx(zA,{style:{fontSize:"1.9rem"}})})})},YZ=({rowSelection:e,table:t,setTableData:n,onDelete:r,setRowSelection:o,setIsWarning:i,setWarningText:a,onDelFn:l,deleteAllData:c,setClickedRowIndex:u})=>{const[A,f]=U.useState(!1),p=t.getRowModel().rows.map(y=>y.original),h=()=>{if(l&&l(p),r){const y=t.getSelectedRowModel().rows.map(v=>v.original).filter(v=>v.crud==="C"),m=t.getSelectedRowModel().rows.map(v=>v.original).filter(v=>v.crud!=="C");c?r(p):(n(v=>v.filter(b=>!y.includes(b))),r(m))}o({}),u(-1),f(!1)};return T.jsxs(T.Fragment,{children:[r&&T.jsx(zn,{variant:"outlined",size:"xxsmall",iconOnly:!0,onClick:()=>{if(Object.keys(e).length===0){a("선택된 행이 없습니다. 행을 선택해주세요"),i(!0);return}f(!0)},children:T.jsx(im,{style:{fontSize:"1.9rem"}})}),T.jsx(us,{open:A,onClose:()=>f(!1),type:"confirm",dialogContent:"삭제하시겠습니까?",onOk:h})]})},WZ=({rowSelection:e,onSave:t,table:n,setIsWarning:r,setWarningText:o,setRowSelection:i})=>{const[a,l]=U.useState(!1),c=()=>{let u=n.getSelectedRowModel().rows.map(f=>f.original);u=u.map(f=>{const{id:p,...h}=f;return h});const A=n.getRowModel().rows.map(f=>f.original);t&&t(u,A),i({}),l(!1)};return T.jsxs(T.Fragment,{children:[t&&T.jsx(zn,{variant:"contained",size:"xxsmall",startIcon:T.jsx(v2,{sx:{"&":{fontSize:"1.4rem !important"}}}),onClick:()=>{if(Object.keys(e).length===0){o("선택된 행이 없습니다. 행을 선택해주세요"),r(!0);return}const u=n.getSelectedRowModel().rows.map(h=>h.original),f=n.getAllColumns().filter(h=>h.columnDef.required).map(h=>h.id);if(u.some(h=>f.some(y=>!h[y]&&h[y]!==0))){o("모든 필수 항목을 입력해주세요"),r(!0);return}l(!0)},children:T.jsx("span",{children:"저장"})}),T.jsx(us,{open:a,onClose:()=>l(!1),type:"confirm",dialogContent:"저장하시겠습니까?",onOk:c})]})},QZ=({setTableData:e,rowSelection:t,tableData:n,onDelete:r,setRowSelection:o,table:i,onSave:a,buttons:l,isPlusButton:c,onAddFn:u,isAddRowActive:A,clickedRowIndex:f,setClickedRowIndex:p,onDelFn:h,deleteAllData:y,radio:m,scrollAreaRef:v})=>{const[b,w]=U.useState(!1),[S,I]=U.useState("");return T.jsxs("div",{style:{display:"flex",height:"100%",alignItems:"center",gap:"var(--ds-table-buttons-space-base)"},children:[b&&T.jsx(us,{open:b,type:"error",onClose:()=>w(!1),dialogContent:S}),l,T.jsx(UZ,{setTableData:e,setRowSelection:o,table:i,isPlusButton:c,onAddFn:u,isAddRowActive:A,clickedRowIndex:f,setClickedRowIndex:p,radio:m,scrollAreaRef:v}),T.jsx(YZ,{setTableData:e,rowSelection:t,table:i,onDelete:r,setRowSelection:o,setIsWarning:w,setWarningText:I,onDelFn:h,deleteAllData:y,setClickedRowIndex:p}),T.jsx(WZ,{rowSelection:t,onSave:a,table:i,setIsWarning:w,setWarningText:I,setRowSelection:o})]})},qZ=({title:e,isTableTitleIcon:t})=>T.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.4rem"},children:[t&&T.jsxs("svg",{width:"22",height:"24",viewBox:"0 0 22 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[T.jsx("path",{d:"M7.08211 23.8664L1.01485 21.1144C0.396482 20.8315 0 20.2342 0 19.5777V7.8955C0 6.89667 1.08396 6.23659 2.02243 6.66616L8.08969 9.41819C8.70806 9.70109 9.10454 10.2983 9.10454 10.9548V22.6371C9.10454 23.6359 8.02058 24.296 7.08211 23.8664Z",fill:"#F83A3A","fill-opacity":"0.6"}),T.jsx("path",{d:"M13.5282 20.6013L7.46089 17.8493C6.84254 17.5664 6.44604 16.9692 6.44604 16.3126V4.62694C6.44604 3.6281 7.53001 2.96804 8.46847 3.3976L14.5358 6.14964C15.1541 6.43252 15.5506 7.02973 15.5506 7.68632V19.3685C15.5506 20.3673 14.4666 21.0274 13.5282 20.5978V20.6013Z",fill:"#4A6DFD"}),T.jsx("path",{d:"M19.9776 17.3372L13.9103 14.5851C13.292 14.3023 12.8954 13.7051 12.8954 13.0485V1.36277C12.8954 0.363945 13.9794 -0.296125 14.9178 0.133443L20.9851 2.88548C21.6035 3.16837 22 3.76558 22 4.42215V16.1043C22 17.1032 20.916 17.7633 19.9776 17.3337V17.3372Z",fill:"#1D3475","fill-opacity":"0.8"}),T.jsx("path",{d:"M8.0899 9.41368L6.4494 8.6698V16.3077C6.4494 16.9643 6.84588 17.565 7.46425 17.8444L9.10475 18.5883V10.9539C9.10475 10.2973 8.70827 9.69657 8.0899 9.41717V9.41368Z",fill:"#5652FF"}),T.jsx("path",{d:"M14.536 6.14941L12.8954 5.40552V13.0434C12.8954 13.7 13.292 14.3007 13.9103 14.5801L15.5507 15.324V7.68956C15.5507 7.03299 15.1543 6.43229 14.536 6.1529V6.14941Z",fill:"#365DEA"})]}),T.jsx("h2",{style:{fontWeight:600,fontSize:"var(--ds-table-title-font-size)",lineHeight:1,color:"#031b4b"},children:e})]}),GZ=({total:e})=>T.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.3rem",fontSize:"var(--ds-table-subtitle-font-size)",color:"#292929"},children:[T.jsx("span",{children:"총"}),T.jsx("span",{style:{color:"var(--ds-table-text-highlight)"},children:e||0}),T.jsx("span",{children:"건"})]}),XZ=({setTableData:e,rowSelection:t,tableData:n,onDelete:r,setRowSelection:o,table:i,onSave:a,title:l,isTotal:c,total:u,buttons:A,isPlusButton:f,titleRef:p,onAddFn:h,isAddRowActive:y,clickedRowIndex:m,setClickedRowIndex:v,onDelFn:b,deleteAllData:w,radio:S,scrollAreaRef:I,isTableTitleIcon:E})=>T.jsxs("div",{ref:p,style:{marginBottom:"1rem",display:"flex",minHeight:"2.7rem",width:"100%",alignItems:"center",justifyContent:"space-between"},children:[T.jsxs("div",{style:{display:"flex",height:"100%",alignItems:"center",gap:"1rem"},children:[l?T.jsx(qZ,{title:l,isTableTitleIcon:E}):null,l&&c?T.jsx("div",{style:{height:"1.2rem",width:"0.1rem",background:"#C6C6C6"}}):null,c?T.jsx(GZ,{total:u}):null]}),T.jsx(QZ,{setTableData:e,rowSelection:t,table:i,tableData:n,onDelete:r,setRowSelection:o,onSave:a,buttons:A,isPlusButton:f,onAddFn:h,isAddRowActive:y,clickedRowIndex:m,setClickedRowIndex:v,onDelFn:b,deleteAllData:w,radio:S,scrollAreaRef:I})]});var KZ=typeof global=="object"&&global&&global.Object===Object&&global,JZ=typeof self=="object"&&self&&self.Object===Object&&self,XP=KZ||JZ||Function("return this")(),Eg=XP.Symbol,KP=Object.prototype,ZZ=KP.hasOwnProperty,eee=KP.toString,$d=Eg?Eg.toStringTag:void 0;function tee(e){var t=ZZ.call(e,$d),n=e[$d];try{e[$d]=void 0;var r=!0}catch{}var o=eee.call(e);return r&&(t?e[$d]=n:delete e[$d]),o}var nee=Object.prototype,ree=nee.toString;function oee(e){return ree.call(e)}var iee="[object Null]",aee="[object Undefined]",JP=Eg?Eg.toStringTag:void 0;function see(e){return e==null?e===void 0?aee:iee:JP&&JP in Object(e)?tee(e):oee(e)}function lee(e){return e!=null&&typeof e=="object"}var cee="[object Symbol]";function uee(e){return typeof e=="symbol"||lee(e)&&see(e)==cee}var dee=/\s/;function Aee(e){for(var t=e.length;t--&&dee.test(e.charAt(t)););return t}var fee=/^\s+/;function pee(e){return e&&e.slice(0,Aee(e)+1).replace(fee,"")}function Wy(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var ZP=NaN,gee=/^[-+]0x[0-9a-f]+$/i,hee=/^0b[01]+$/i,mee=/^0o[0-7]+$/i,vee=parseInt;function e4(e){if(typeof e=="number")return e;if(uee(e))return ZP;if(Wy(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=Wy(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pee(e);var n=hee.test(e);return n||mee.test(e)?vee(e.slice(2),n?2:8):gee.test(e)?ZP:+e}var Qy=function(){return XP.Date.now()},yee="Expected a function",bee=Math.max,Cee=Math.min;function wee(e,t,n){var r,o,i,a,l,c,u=0,A=!1,f=!1,p=!0;if(typeof e!="function")throw new TypeError(yee);t=e4(t)||0,Wy(n)&&(A=!!n.leading,f="maxWait"in n,i=f?bee(e4(n.maxWait)||0,t):i,p="trailing"in n?!!n.trailing:p);function h(O){var P=r,M=o;return r=o=void 0,u=O,a=e.apply(M,P),a}function y(O){return u=O,l=setTimeout(b,t),A?h(O):a}function m(O){var P=O-c,M=O-u,R=t-P;return f?Cee(R,i-M):R}function v(O){var P=O-c,M=O-u;return c===void 0||P>=t||P<0||f&&M>=i}function b(){var O=Qy();if(v(O))return w(O);l=setTimeout(b,m(O))}function w(O){return l=void 0,p&&r?h(O):(r=o=void 0,a)}function S(){l!==void 0&&clearTimeout(l),u=0,r=c=o=l=void 0}function I(){return l===void 0?a:w(Qy())}function E(){var O=Qy(),P=v(O);if(r=arguments,o=this,c=O,P){if(l===void 0)return y(c);if(f)return clearTimeout(l),l=setTimeout(b,t),h(c)}return l===void 0&&(l=setTimeout(b,t)),a}return E.cancel=S,E.flush=I,E}const xee=()=>{const e=U.useRef(null),[t,n]=U.useState(0);return U.useEffect(()=>{if(!e.current)return;const r=new ResizeObserver(wee(o=>{const i=o[0].contentRect.height;n(i)},100));return r.observe(e.current),()=>r.disconnect()},[]),[e,t]},See=e=>{const t=U.useRef(null);return U.useEffect(()=>{const n=r=>{t.current&&!t.current.contains(r.target)&&e()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e]),t},Eee=({data:e,columns:t=[],checkbox:n=!1,radio:r=!1,onChecked:o,onDelete:i,deleteAllData:a,onSave:l,onRowClick:c,onRowDoubleClick:u,title:A="목록",isTotal:f=!0,buttons:p,isLoading:h=!1,isPlusButton:y=!0,scrollTo:m,modalData:v,onAddFn:b,pagination:w,isAddRowActive:S,onModalApplied:I,rowClickTriggerIdx:E,onDelFn:O,isClickedCheckbox:P=!1,onTableDataChange:M,checkboxCheckedIdx:R,No:k=!0,selectedItems:N,setSelectedItems:$,isTableTitleIcon:V,isEditMode:B=!0})=>{const F=U.useRef(null),L=U.useMemo(()=>e??[],[e]),[_,W]=U.useState(L),[j,H]=U.useState({}),[Y,Q]=U.useState(-1),X=U.useRef(!1),K=U.useCallback(De=>{X.current=!0,H(De)},[]),Z=U.useMemo(()=>_,[_]),ee=See(()=>{(!j||Object.keys(j).length===0)&&Q(-1)}),se=U.useMemo(()=>({id:"select",header:({table:De})=>T.jsx(va,{checked:De.getIsAllRowsSelected(),onChange:De.getToggleAllRowsSelectedHandler()}),cell:({row:De})=>T.jsx(va,{checked:De.getIsSelected(),disabled:!De.getCanSelect(),onChange:De.getToggleSelectedHandler()}),width:"3.2rem",align:"center"}),[]),ae=U.useMemo(()=>({id:"No",header:()=>T.jsx("span",{children:"No"}),cell:({row:De})=>De,width:"3.2rem",align:"center"}),[]),ne=U.useMemo(()=>({id:"edit",header:()=>{},cell:({row:De})=>De,width:"3.2rem",align:"center"}),[]),re=U.useMemo(()=>{const De=t.filter(qe=>qe.visible!==!1),Oe=[];return B&&Oe.push(ne),(n||r)&&Oe.push(se),k&&Oe.push(ae),Oe.push(...De),Oe},[n,r,k,se,ae,t,ne,B]),oe=bZ({data:Z,columns:re,getCoreRowModel:hZ(),enableRowSelection:!0,onRowSelectionChange:K,state:{rowSelection:j}}),[J,ge]=U.useState({rowIndex:-1,columnId:"",isActive:!1}),[ce,Se]=U.useState(!1),me=U.useMemo(()=>typeof E=="number"?E:-1,[E]);U.useEffect(()=>{Se(!1),Q(-1)},[me,_]),U.useEffect(()=>{if(!ce&&oe.getRowModel().rows.length>me){const De=oe.getRowModel().rows[me];De&&c&&c(De.original,me),Se(!0)}},[ce,me,c,oe,_]),U.useEffect(()=>{M&&M(_)},[_,M]),U.useEffect(()=>{var Oe;const De=typeof v=="object"&&v&&!Array.isArray(v)&&Object.values(v).every(qe=>!qe);J.isActive&&v&&!De&&(W(qe=>qe.map((Ge,Ye)=>Ye!==J.rowIndex?Ge:typeof v=="object"&&!Array.isArray(v)?{...Ge,...v}:{...Ge,[J.columnId]:v})),H(r?{[(Oe=oe.getRowModel().rows[J.rowIndex])==null?void 0:Oe.id]:!0}:qe=>{var Ge;return{...qe,[(Ge=oe.getRowModel().rows[J.rowIndex])==null?void 0:Ge.id]:!0}}),ge({rowIndex:-1,columnId:"",isActive:!1}),I&&I())},[v,J,I,oe,r]);const Me=U.useRef([]),Re=U.useRef(!1),$e=U.useRef(!1);U.useEffect(()=>{if($e.current){$e.current=!1;return}if(!o)return;const De=oe.getSelectedRowModel().rows,Oe=De.map(Ze=>Ze.original),qe=Me.current;if(qe.length===Oe.length&&qe.every((Ze,ze)=>Ze===Oe[ze]))return;Me.current=Oe;let Ye=-1;if(De.length>0){const Ze=De[De.length-1];Ye=oe.getRowModel().rows.findIndex(ze=>ze.id===Ze.id)}o(Oe,Ye)},[o,oe,j]);function Le(De,Oe){const qe=new Map;De.forEach((Ye,Ze)=>{const ze=Ye&&Ye.id;ze!=null&&ze!==""&&qe.set(String(ze),Ze)});function Ge(Ye,Ze){return Ye===Ze?!0:typeof Ye!="object"||typeof Ze!="object"||Ye===null||Ze===null?!1:Object.keys(Ze).every(je=>Ge(Ye[je],Ze[je]))}return Oe.map(Ye=>{const Ze=Ye&&Ye.id;if(Ze!=null&&Ze!==""){const ze=qe.get(String(Ze));if(ze!==void 0)return ze}return De.findIndex(ze=>Ge(ze,Ye))})}U.useEffect(()=>{if(!N)return;if(X.current){X.current=!1;return}const De=Le(_,N||[]),Oe={};De.forEach(qe=>{if(qe<0)return;const Ge=oe.getRowModel().rows[qe],Ye=Ge?Ge.id:`${qe}`;Oe[Ye]=!0}),Re.current=!0,H(Oe)},[_,N,oe]),U.useEffect(()=>{if(!$||!N)return;if(Re.current){Re.current=!1;return}const De=oe.getSelectedRowModel().rows.map(Ze=>Ze.original),Oe=Ze=>(Ze||[]).map(ze=>ze&&ze.id).sort(),qe=Oe(De),Ge=Oe(N);qe.length===Ge.length&&qe.every((Ze,ze)=>Ze===Ge[ze])||$(De)},[oe,N,$]),U.useEffect(()=>{const De=L.map((Oe,qe)=>Oe&&Object.prototype.hasOwnProperty.call(Oe,"id")&&Oe.id!==void 0&&Oe.id!==null&&Oe.id!==""?Oe:{...Oe,id:String(qe)});W(De),H(me===-1?{}:{triggerIndex:!0})},[h,L,me]),U.useEffect(()=>{(!j||Object.keys(j).length===0)&&Q(-1)},[j]),U.useEffect(()=>{var qe;if(R===void 0||typeof R!="number"||R<0)return;const De=oe.getRowModel().rows;if(!De||De.length===0||R>=De.length)return;Re.current=!0;const Oe=(qe=De[R])==null?void 0:qe.id;Oe&&(H({[Oe]:!0}),Q(R))},[R,_,oe]);const Te=(De,Oe)=>{Q(Oe),c==null||c(De,Oe)},we=(De,Oe)=>{u==null||u(De,Oe)},[nt,Qe]=xee();return T.jsxs("div",{style:{position:"relative",height:"100%",width:"100%",color:"var(--ds-table-text-color)"},children:[(f||A||y||O||b||p)&&T.jsx(XZ,{setTableData:W,rowSelection:j,table:oe,tableData:_,onDelete:i,deleteAllData:a,setRowSelection:K,onSave:l,title:A,isTotal:f,total:w?w.totalElements:_.length,buttons:p,isPlusButton:y,titleRef:nt,onAddFn:b,isAddRowActive:S,clickedRowIndex:Y,setClickedRowIndex:Q,onDelFn:De=>{$e.current=!0,O&&O(De)},radio:r,scrollAreaRef:F,isTableTitleIcon:V}),T.jsxs("div",{style:{width:"100%",height:`calc(100% - ${Qe/10+1}rem)`,borderTop:"1px solid var(--ds-table-header-border-top-color)"},ref:ee,children:[T.jsx(YP,{table:oe,clickedRowIndex:Y}),T.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"1.2rem",height:"calc(100% - 3rem)"},children:[T.jsx(GP,{table:oe,setTableData:W,setRowSelection:K,isLoading:h,onRowClick:Te,onRowDoubleClick:we,scrollTo:m,clickedRowIndex:Y,setCurrentEditingCell:ge,radio:r,rowSelection:j,isClickedCheckbox:P,ref:F,pagination:w,triggerIndex:me}),!h&&w&&T.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:T.jsx(IP,{page:w.page,count:w.totalPages,size:"medium",onChange:(De,Oe)=>w.onPageChange(Oe),shape:"rounded",color:"standard",variant:"outlined",showFirstButton:!0,showLastButton:!0})})]})]})]})};function Iee(e){const{children:t,value:n,index:r,...o}=e;return T.jsx("div",{role:"tabpanel",hidden:n!==r,id:`tabs-tabpanel-${r}`,"aria-labelledby":`tabs-tab-${r}`,...o,children:n===r&&T.jsx("div",{children:t})})}function Oee(e){return{id:`tabs-tab-${e}`,"aria-controls":`tabs-tabpanel-${e}`}}const Tee=U.forwardRef(function({value:t,onChange:n,orientation:r="horizontal",variant:o="standard",items:i,sx:a,textColor:l,indicatorColor:c,selectionFollowsFocus:u=!1,...A},f){return T.jsxs(Fe.Box,{sx:{width:"100%",display:r==="vertical"?"flex":"block",...a},children:[T.jsx(Fe.Tabs,{ref:f,value:t,onChange:n,orientation:r,variant:o,textColor:l,indicatorColor:c,selectionFollowsFocus:u,...A,children:i==null?void 0:i.map((p,h)=>T.jsx(Fe.Tab,{label:p.label,icon:p.icon,iconPosition:p.iconPosition??"top",disabled:p.disabled,...Oee(h)},p.key))}),i.map((p,h)=>T.jsx(Iee,{value:t,index:h,children:p.content},p.key))]})}),Pee=Kt(T.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");function kee(e){return Lt("MuiChip",e)}const zt=$t("MuiChip",["root","sizeSmall","sizeMedium","colorDefault","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","disabled","clickable","clickableColorPrimary","clickableColorSecondary","deletable","deletableColorPrimary","deletableColorSecondary","outlined","filled","outlinedPrimary","outlinedSecondary","filledPrimary","filledSecondary","avatar","avatarSmall","avatarMedium","avatarColorPrimary","avatarColorSecondary","icon","iconSmall","iconMedium","iconColorPrimary","iconColorSecondary","label","labelSmall","labelMedium","deleteIcon","deleteIconSmall","deleteIconMedium","deleteIconColorPrimary","deleteIconColorSecondary","deleteIconOutlinedColorPrimary","deleteIconOutlinedColorSecondary","deleteIconFilledColorPrimary","deleteIconFilledColorSecondary","focusVisible"]),Mee=e=>{const{classes:t,disabled:n,size:r,color:o,iconColor:i,onDelete:a,clickable:l,variant:c}=e,u={root:["root",c,n&&"disabled",`size${He(r)}`,`color${He(o)}`,l&&"clickable",l&&`clickableColor${He(o)}`,a&&"deletable",a&&`deletableColor${He(o)}`,`${c}${He(o)}`],label:["label",`label${He(r)}`],avatar:["avatar",`avatar${He(r)}`,`avatarColor${He(o)}`],icon:["icon",`icon${He(r)}`,`iconColor${He(i)}`],deleteIcon:["deleteIcon",`deleteIcon${He(r)}`,`deleteIconColor${He(o)}`,`deleteIcon${He(c)}Color${He(o)}`]};return Ht(u,kee,t)},Dee=Pe("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e,{color:r,iconColor:o,clickable:i,onDelete:a,size:l,variant:c}=n;return[{[`& .${zt.avatar}`]:t.avatar},{[`& .${zt.avatar}`]:t[`avatar${He(l)}`]},{[`& .${zt.avatar}`]:t[`avatarColor${He(r)}`]},{[`& .${zt.icon}`]:t.icon},{[`& .${zt.icon}`]:t[`icon${He(l)}`]},{[`& .${zt.icon}`]:t[`iconColor${He(o)}`]},{[`& .${zt.deleteIcon}`]:t.deleteIcon},{[`& .${zt.deleteIcon}`]:t[`deleteIcon${He(l)}`]},{[`& .${zt.deleteIcon}`]:t[`deleteIconColor${He(r)}`]},{[`& .${zt.deleteIcon}`]:t[`deleteIcon${He(c)}Color${He(r)}`]},t.root,t[`size${He(l)}`],t[`color${He(r)}`],i&&t.clickable,i&&r!=="default"&&t[`clickableColor${He(r)})`],a&&t.deletable,a&&r!=="default"&&t[`deletableColor${He(r)}`],t[c],t[`${c}${He(r)}`]]}})(In(({theme:e})=>{const t=e.palette.mode==="light"?e.palette.grey[700]:e.palette.grey[300];return{maxWidth:"100%",fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(e.vars||e).palette.text.primary,backgroundColor:(e.vars||e).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${zt.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${zt.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:e.vars?e.vars.palette.Chip.defaultAvatarColor:t,fontSize:e.typography.pxToRem(12)},[`& .${zt.avatarColorPrimary}`]:{color:(e.vars||e).palette.primary.contrastText,backgroundColor:(e.vars||e).palette.primary.dark},[`& .${zt.avatarColorSecondary}`]:{color:(e.vars||e).palette.secondary.contrastText,backgroundColor:(e.vars||e).palette.secondary.dark},[`& .${zt.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)},[`& .${zt.icon}`]:{marginLeft:5,marginRight:-6},[`& .${zt.deleteIcon}`]:{WebkitTapHighlightColor:"transparent",color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.26)`:yn(e.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.4)`:yn(e.palette.text.primary,.4)}},variants:[{props:{size:"small"},style:{height:24,[`& .${zt.icon}`]:{fontSize:18,marginLeft:4,marginRight:-4},[`& .${zt.deleteIcon}`]:{fontSize:16,marginRight:4,marginLeft:-4}}},...Object.entries(e.palette).filter(Cr(["contrastText"])).map(([n])=>({props:{color:n},style:{backgroundColor:(e.vars||e).palette[n].main,color:(e.vars||e).palette[n].contrastText,[`& .${zt.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[n].contrastTextChannel} / 0.7)`:yn(e.palette[n].contrastText,.7),"&:hover, &:active":{color:(e.vars||e).palette[n].contrastText}}}})),{props:n=>n.iconColor===n.color,style:{[`& .${zt.icon}`]:{color:e.vars?e.vars.palette.Chip.defaultIconColor:t}}},{props:n=>n.iconColor===n.color&&n.color!=="default",style:{[`& .${zt.icon}`]:{color:"inherit"}}},{props:{onDelete:!0},style:{[`&.${zt.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:yn(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}},...Object.entries(e.palette).filter(Cr(["dark"])).map(([n])=>({props:{color:n,onDelete:!0},style:{[`&.${zt.focusVisible}`]:{background:(e.vars||e).palette[n].dark}}})),{props:{clickable:!0},style:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:yn(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity)},[`&.${zt.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:yn(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)},"&:active":{boxShadow:(e.vars||e).shadows[1]}}},...Object.entries(e.palette).filter(Cr(["dark"])).map(([n])=>({props:{color:n,clickable:!0},style:{[`&:hover, &.${zt.focusVisible}`]:{backgroundColor:(e.vars||e).palette[n].dark}}})),{props:{variant:"outlined"},style:{backgroundColor:"transparent",border:e.vars?`1px solid ${e.vars.palette.Chip.defaultBorder}`:`1px solid ${e.palette.mode==="light"?e.palette.grey[400]:e.palette.grey[700]}`,[`&.${zt.clickable}:hover`]:{backgroundColor:(e.vars||e).palette.action.hover},[`&.${zt.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`& .${zt.avatar}`]:{marginLeft:4},[`& .${zt.avatarSmall}`]:{marginLeft:2},[`& .${zt.icon}`]:{marginLeft:4},[`& .${zt.iconSmall}`]:{marginLeft:2},[`& .${zt.deleteIcon}`]:{marginRight:5},[`& .${zt.deleteIconSmall}`]:{marginRight:3}}},...Object.entries(e.palette).filter(Cr()).map(([n])=>({props:{variant:"outlined",color:n},style:{color:(e.vars||e).palette[n].main,border:`1px solid ${e.vars?`rgba(${e.vars.palette[n].mainChannel} / 0.7)`:yn(e.palette[n].main,.7)}`,[`&.${zt.clickable}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[n].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:yn(e.palette[n].main,e.palette.action.hoverOpacity)},[`&.${zt.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[n].mainChannel} / ${e.vars.palette.action.focusOpacity})`:yn(e.palette[n].main,e.palette.action.focusOpacity)},[`& .${zt.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[n].mainChannel} / 0.7)`:yn(e.palette[n].main,.7),"&:hover, &:active":{color:(e.vars||e).palette[n].main}}}}))]}})),Ree=Pe("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,t)=>{const{ownerState:n}=e,{size:r}=n;return[t.label,t[`label${He(r)}`]]}})({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap",variants:[{props:{variant:"outlined"},style:{paddingLeft:11,paddingRight:11}},{props:{size:"small"},style:{paddingLeft:8,paddingRight:8}},{props:{size:"small",variant:"outlined"},style:{paddingLeft:7,paddingRight:7}}]});function t4(e){return e.key==="Backspace"||e.key==="Delete"}const n4=C.forwardRef(function(t,n){const r=On({props:t,name:"MuiChip"}),{avatar:o,className:i,clickable:a,color:l="default",component:c,deleteIcon:u,disabled:A=!1,icon:f,label:p,onClick:h,onDelete:y,onKeyDown:m,onKeyUp:v,size:b="medium",variant:w="filled",tabIndex:S,skipFocusWhenDisabled:I=!1,...E}=r,O=C.useRef(null),P=nr(O,n),M=j=>{j.stopPropagation(),y&&y(j)},R=j=>{j.currentTarget===j.target&&t4(j)&&j.preventDefault(),m&&m(j)},k=j=>{j.currentTarget===j.target&&y&&t4(j)&&y(j),v&&v(j)},N=a!==!1&&h?!0:a,$=N||y?kc:c||"div",V={...r,component:$,disabled:A,size:b,color:l,iconColor:C.isValidElement(f)&&f.props.color||l,onDelete:!!y,clickable:N,variant:w},B=Mee(V),F=$===kc?{component:c||"div",focusVisibleClassName:B.focusVisible,...y&&{disableRipple:!0}}:{};let L=null;y&&(L=u&&C.isValidElement(u)?C.cloneElement(u,{className:st(u.props.className,B.deleteIcon),onClick:M}):T.jsx(Pee,{className:st(B.deleteIcon),onClick:M}));let _=null;o&&C.isValidElement(o)&&(_=C.cloneElement(o,{className:st(B.avatar,o.props.className)}));let W=null;return f&&C.isValidElement(f)&&(W=C.cloneElement(f,{className:st(B.icon,f.props.className)})),process.env.NODE_ENV!=="production"&&_&&W&&console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."),T.jsxs(Dee,{as:$,className:st(B.root,i),disabled:N&&A?!0:void 0,onClick:h,onKeyDown:R,onKeyUp:k,ref:P,tabIndex:I&&A?-1:S,ownerState:V,...F,...E,children:[_||W,T.jsx(Ree,{className:st(B.label),ownerState:V,children:p}),L]})});process.env.NODE_ENV!=="production"&&(n4.propTypes={avatar:s.element,children:QC,classes:s.object,className:s.string,clickable:s.bool,color:s.oneOfType([s.oneOf(["default","primary","secondary","error","info","success","warning"]),s.string]),component:s.elementType,deleteIcon:s.element,disabled:s.bool,icon:s.element,label:s.node,onClick:s.func,onDelete:s.func,onKeyDown:s.func,onKeyUp:s.func,size:s.oneOfType([s.oneOf(["medium","small"]),s.string]),skipFocusWhenDisabled:s.bool,sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object]),tabIndex:s.number,variant:s.oneOfType([s.oneOf(["filled","outlined"]),s.string])});const Bee=({className:e,label:t,...n})=>T.jsx(n4,{className:e,label:t,...n});function Nee(e){return Lt("MuiTooltip",e)}const Nn=$t("MuiTooltip",["popper","popperInteractive","popperArrow","popperClose","tooltip","tooltipArrow","touch","tooltipPlacementLeft","tooltipPlacementRight","tooltipPlacementTop","tooltipPlacementBottom","arrow"]);function Fee(e){return Math.round(e*1e5)/1e5}const Lee=e=>{const{classes:t,disableInteractive:n,arrow:r,touch:o,placement:i}=e,a={popper:["popper",!n&&"popperInteractive",r&&"popperArrow"],tooltip:["tooltip",r&&"tooltipArrow",o&&"touch",`tooltipPlacement${He(i.split("-")[0])}`],arrow:["arrow"]};return Ht(a,Nee,t)},Vee=Pe(If,{name:"MuiTooltip",slot:"Popper",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.popper,!n.disableInteractive&&t.popperInteractive,n.arrow&&t.popperArrow,!n.open&&t.popperClose]}})(In(({theme:e})=>({zIndex:(e.vars||e).zIndex.tooltip,pointerEvents:"none",variants:[{props:({ownerState:t})=>!t.disableInteractive,style:{pointerEvents:"auto"}},{props:({open:t})=>!t,style:{pointerEvents:"none"}},{props:({ownerState:t})=>t.arrow,style:{[`&[data-popper-placement*="bottom"] .${Nn.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${Nn.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${Nn.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}},[`&[data-popper-placement*="left"] .${Nn.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}}}},{props:({ownerState:t})=>t.arrow&&!t.isRtl,style:{[`&[data-popper-placement*="right"] .${Nn.arrow}`]:{left:0,marginLeft:"-0.71em"}}},{props:({ownerState:t})=>t.arrow&&!!t.isRtl,style:{[`&[data-popper-placement*="right"] .${Nn.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:t})=>t.arrow&&!t.isRtl,style:{[`&[data-popper-placement*="left"] .${Nn.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:t})=>t.arrow&&!!t.isRtl,style:{[`&[data-popper-placement*="left"] .${Nn.arrow}`]:{left:0,marginLeft:"-0.71em"}}}]}))),Hee=Pe("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.tooltip,n.touch&&t.touch,n.arrow&&t.tooltipArrow,t[`tooltipPlacement${He(n.placement.split("-")[0])}`]]}})(In(({theme:e})=>({backgroundColor:e.vars?e.vars.palette.Tooltip.bg:yn(e.palette.grey[700],.92),borderRadius:(e.vars||e).shape.borderRadius,color:(e.vars||e).palette.common.white,fontFamily:e.typography.fontFamily,padding:"4px 8px",fontSize:e.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:e.typography.fontWeightMedium,[`.${Nn.popper}[data-popper-placement*="left"] &`]:{transformOrigin:"right center"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{transformOrigin:"left center"},[`.${Nn.popper}[data-popper-placement*="top"] &`]:{transformOrigin:"center bottom",marginBottom:"14px"},[`.${Nn.popper}[data-popper-placement*="bottom"] &`]:{transformOrigin:"center top",marginTop:"14px"},variants:[{props:({ownerState:t})=>t.arrow,style:{position:"relative",margin:0}},{props:({ownerState:t})=>t.touch,style:{padding:"8px 16px",fontSize:e.typography.pxToRem(14),lineHeight:`${Fee(16/14)}em`,fontWeight:e.typography.fontWeightRegular}},{props:({ownerState:t})=>!t.isRtl,style:{[`.${Nn.popper}[data-popper-placement*="left"] &`]:{marginRight:"14px"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{marginLeft:"14px"}}},{props:({ownerState:t})=>!t.isRtl&&t.touch,style:{[`.${Nn.popper}[data-popper-placement*="left"] &`]:{marginRight:"24px"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{marginLeft:"24px"}}},{props:({ownerState:t})=>!!t.isRtl,style:{[`.${Nn.popper}[data-popper-placement*="left"] &`]:{marginLeft:"14px"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{marginRight:"14px"}}},{props:({ownerState:t})=>!!t.isRtl&&t.touch,style:{[`.${Nn.popper}[data-popper-placement*="left"] &`]:{marginLeft:"24px"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{marginRight:"24px"}}},{props:({ownerState:t})=>t.touch,style:{[`.${Nn.popper}[data-popper-placement*="top"] &`]:{marginBottom:"24px"}}},{props:({ownerState:t})=>t.touch,style:{[`.${Nn.popper}[data-popper-placement*="bottom"] &`]:{marginTop:"24px"}}}]}))),$ee=Pe("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(e,t)=>t.arrow})(In(({theme:e})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:e.vars?e.vars.palette.Tooltip.bg:yn(e.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}})));let Ig=!1;const r4=new PA;let zd={x:0,y:0};function Og(e,t){return(n,...r)=>{t&&t(n,...r),e(n,...r)}}const o4=C.forwardRef(function(t,n){const r=On({props:t,name:"MuiTooltip"}),{arrow:o=!1,children:i,classes:a,components:l={},componentsProps:c={},describeChild:u=!1,disableFocusListener:A=!1,disableHoverListener:f=!1,disableInteractive:p=!1,disableTouchListener:h=!1,enterDelay:y=100,enterNextDelay:m=0,enterTouchDelay:v=700,followCursor:b=!1,id:w,leaveDelay:S=0,leaveTouchDelay:I=1500,onClose:E,onOpen:O,open:P,placement:M="bottom",PopperComponent:R,PopperProps:k={},slotProps:N={},slots:$={},title:V,TransitionComponent:B,TransitionProps:F,...L}=r,_=C.isValidElement(i)?i:T.jsx("span",{children:i}),W=Vi(),j=RA(),[H,Y]=C.useState(),[Q,X]=C.useState(null),K=C.useRef(!1),Z=p||b,ee=Ps(),se=Ps(),ae=Ps(),ne=Ps(),[re,oe]=TA({controlled:P,default:!1,name:"Tooltip",state:"open"});let J=re;if(process.env.NODE_ENV!=="production"){const{current:We}=C.useRef(P!==void 0);C.useEffect(()=>{H&&H.disabled&&!We&&V!==""&&H.tagName.toLowerCase()==="button"&&console.warn(["MUI: You are providing a disabled `button` child to the Tooltip component.","A disabled element does not fire events.","Tooltip needs to listen to the child element's events to display the title.","","Add a simple wrapper element, such as a `span`."].join(`
+`,GP=U.forwardRef(({table:e,setTableData:t,setRowSelection:n,isLoading:r,onRowClick:o,onRowDoubleClick:i,scrollTo:a,clickedRowIndex:l,setCurrentEditingCell:c,radio:u,rowSelection:A,isClickedCheckbox:f,pagination:p,triggerIndex:h},y)=>{const m=U.useRef([]),v=e.getRowModel().rows.length;return U.useEffect(()=>{if(p&&typeof p.page=="number"&&y&&typeof y!="function"&&y.current){const w=y.current.querySelector("[data-radix-scroll-area-viewport]");w&&w.scrollTo({top:0,behavior:"auto"})}},[p==null?void 0:p.page,y]),U.useEffect(()=>{if(a){if(!(a>0))return;let b=0;const w=8,S=()=>{if(b+=1,y&&typeof y!="function"&&y.current){const I=a-1,E=m.current[I];if(E){const P=y.current.querySelector(`[data-index="${I}"]`);if(P){E.offsetTop,P.scrollIntoView({block:"nearest",behavior:"smooth"});return}}}b<w&&requestAnimationFrame(S)};requestAnimationFrame(S)}},[a,v,y]),r?T.jsx("div",{style:{display:"flex",height:"100%",width:"100%",alignItems:"center",justifyContent:"center",backgroundColor:"white",paddingBottom:"2rem"},children:T.jsx(Nd,{color:"inherit",style:{opacity:.4},disableShrink:!0})}):T.jsxs(Ld,{ref:y,style:{height:"100%",width:"100%",backgroundColor:"white"},children:[v===0?T.jsx(wZ,{}):T.jsx("div",{style:{width:"100%",boxSizing:"border-box"},children:e.getRowModel().rows.map((b,w)=>b?T.jsx("div",{"data-index":w,ref:S=>{m.current[w]=S},style:{width:"100%",boxSizing:"border-box",minHeight:"3rem",height:"fit-content",borderBottom:"1px solid var(--ds-table-body-border-bottom-color)"},children:T.jsx(qP,{row:b,setTableData:t,setRowSelection:n,onRowClick:o,onRowDoubleClick:i,setCurrentEditingCell:c,isScrollHighlighted:Number(a)>0&&w===Number(a)-1,radio:u,isClicked:a!==void 0?a-1===w:w===l,isTriggerHighlight:l===-1?w===h:!1,rowSelection:A,isClickedCheckbox:f,pagination:p})},b.id??w):null)}),T.jsx(cl,{})]})});GP.displayName="Rows";const UZ=({setTableData:e,setRowSelection:t,table:n,isPlusButton:r,onAddFn:o,isAddRowActive:i,clickedRowIndex:a,setClickedRowIndex:l,radio:c,scrollAreaRef:u})=>{const[A,f]=U.useState(0),p=()=>{if(u&&u.current){const v=u.current.querySelector("[data-radix-scroll-area-viewport]");v&&v.scrollTo({top:0})}if(o&&(o(),!i))return;const h=v=>{let b=[];return v.forEach(w=>{w.columns?b=b.concat(h(w.columns)):w.accessorKey&&b.push(w)}),b},y=h(n.options.columns),m={crud:"C",id:String(A)+"_new"};f(v=>v+1),y.forEach(v=>{const b=v.id||v.accessorKey;v.isOnly?m[b]="N":v.type==="checkbox"?typeof v.defaultChecked=="boolean"?m[b]=v.defaultChecked?"Y":"N":m[b]="Y":m[b]=""}),e(v=>(t(c?{0:!0}:b=>{const w={};return Object.entries(b).forEach(([S,I])=>{w[(Number(S)+1).toString()]=I}),{0:!0,...w}}),l(a+1),[m,...v]))};return T.jsx(T.Fragment,{children:r&&T.jsx(zn,{onClick:p,variant:"outlined",size:"xxsmall",iconOnly:!0,children:T.jsx(zA,{style:{fontSize:"1.9rem"}})})})},YZ=({rowSelection:e,table:t,setTableData:n,onDelete:r,setRowSelection:o,setIsWarning:i,setWarningText:a,onDelFn:l,deleteAllData:c,setClickedRowIndex:u})=>{const[A,f]=U.useState(!1),p=t.getRowModel().rows.map(y=>y.original),h=()=>{if(l&&l(p),r){const y=t.getSelectedRowModel().rows.map(v=>v.original).filter(v=>v.crud==="C"),m=t.getSelectedRowModel().rows.map(v=>v.original).filter(v=>v.crud!=="C");c?r(p):(n(v=>v.filter(b=>!y.includes(b))),r(m))}o({}),u(-1),f(!1)};return T.jsxs(T.Fragment,{children:[r&&T.jsx(zn,{variant:"outlined",size:"xxsmall",iconOnly:!0,onClick:()=>{if(Object.keys(e).length===0){a("선택된 행이 없습니다. 행을 선택해주세요"),i(!0);return}f(!0)},children:T.jsx(im,{style:{fontSize:"1.9rem"}})}),T.jsx(us,{open:A,onClose:()=>f(!1),type:"confirm",dialogContent:"삭제하시겠습니까?",onOk:h})]})},WZ=({rowSelection:e,onSave:t,table:n,setIsWarning:r,setWarningText:o,setRowSelection:i})=>{const[a,l]=U.useState(!1),c=()=>{let u=n.getSelectedRowModel().rows.map(f=>f.original);u=u.map(f=>{const{id:p,...h}=f;return h});const A=n.getRowModel().rows.map(f=>f.original);t&&t(u,A),i({}),l(!1)};return T.jsxs(T.Fragment,{children:[t&&T.jsx(zn,{variant:"contained",size:"xxsmall",startIcon:T.jsx(v2,{sx:{"&":{fontSize:"1.4rem !important"}}}),onClick:()=>{if(Object.keys(e).length===0){o("선택된 행이 없습니다. 행을 선택해주세요"),r(!0);return}const u=n.getSelectedRowModel().rows.map(h=>h.original),f=n.getAllColumns().filter(h=>h.columnDef.required).map(h=>h.id);if(u.some(h=>f.some(y=>!h[y]&&h[y]!==0))){o("모든 필수 항목을 입력해주세요"),r(!0);return}l(!0)},children:T.jsx("span",{children:"저장"})}),T.jsx(us,{open:a,onClose:()=>l(!1),type:"confirm",dialogContent:"저장하시겠습니까?",onOk:c})]})},QZ=({setTableData:e,rowSelection:t,tableData:n,onDelete:r,setRowSelection:o,table:i,onSave:a,buttons:l,isPlusButton:c,onAddFn:u,isAddRowActive:A,clickedRowIndex:f,setClickedRowIndex:p,onDelFn:h,deleteAllData:y,radio:m,scrollAreaRef:v})=>{const[b,w]=U.useState(!1),[S,I]=U.useState("");return T.jsxs("div",{style:{display:"flex",height:"100%",alignItems:"center",gap:"var(--ds-table-buttons-space-base)"},children:[b&&T.jsx(us,{open:b,type:"error",onClose:()=>w(!1),dialogContent:S}),l,T.jsx(UZ,{setTableData:e,setRowSelection:o,table:i,isPlusButton:c,onAddFn:u,isAddRowActive:A,clickedRowIndex:f,setClickedRowIndex:p,radio:m,scrollAreaRef:v}),T.jsx(YZ,{setTableData:e,rowSelection:t,table:i,onDelete:r,setRowSelection:o,setIsWarning:w,setWarningText:I,onDelFn:h,deleteAllData:y,setClickedRowIndex:p}),T.jsx(WZ,{rowSelection:t,onSave:a,table:i,setIsWarning:w,setWarningText:I,setRowSelection:o})]})},qZ=({title:e,isTableTitleIcon:t})=>T.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.4rem"},children:[t&&T.jsxs("svg",{width:"22",height:"24",viewBox:"0 0 22 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[T.jsx("path",{d:"M7.08211 23.8664L1.01485 21.1144C0.396482 20.8315 0 20.2342 0 19.5777V7.8955C0 6.89667 1.08396 6.23659 2.02243 6.66616L8.08969 9.41819C8.70806 9.70109 9.10454 10.2983 9.10454 10.9548V22.6371C9.10454 23.6359 8.02058 24.296 7.08211 23.8664Z",fill:"#F83A3A","fill-opacity":"0.6"}),T.jsx("path",{d:"M13.5282 20.6013L7.46089 17.8493C6.84254 17.5664 6.44604 16.9692 6.44604 16.3126V4.62694C6.44604 3.6281 7.53001 2.96804 8.46847 3.3976L14.5358 6.14964C15.1541 6.43252 15.5506 7.02973 15.5506 7.68632V19.3685C15.5506 20.3673 14.4666 21.0274 13.5282 20.5978V20.6013Z",fill:"#4A6DFD"}),T.jsx("path",{d:"M19.9776 17.3372L13.9103 14.5851C13.292 14.3023 12.8954 13.7051 12.8954 13.0485V1.36277C12.8954 0.363945 13.9794 -0.296125 14.9178 0.133443L20.9851 2.88548C21.6035 3.16837 22 3.76558 22 4.42215V16.1043C22 17.1032 20.916 17.7633 19.9776 17.3337V17.3372Z",fill:"#1D3475","fill-opacity":"0.8"}),T.jsx("path",{d:"M8.0899 9.41368L6.4494 8.6698V16.3077C6.4494 16.9643 6.84588 17.565 7.46425 17.8444L9.10475 18.5883V10.9539C9.10475 10.2973 8.70827 9.69657 8.0899 9.41717V9.41368Z",fill:"#5652FF"}),T.jsx("path",{d:"M14.536 6.14941L12.8954 5.40552V13.0434C12.8954 13.7 13.292 14.3007 13.9103 14.5801L15.5507 15.324V7.68956C15.5507 7.03299 15.1543 6.43229 14.536 6.1529V6.14941Z",fill:"#365DEA"})]}),T.jsx("h2",{style:{fontWeight:600,fontSize:"var(--ds-table-title-font-size)",lineHeight:1,color:"#031b4b"},children:e})]}),GZ=({total:e})=>T.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.3rem",fontSize:"var(--ds-table-subtitle-font-size)",color:"#292929"},children:[T.jsx("span",{children:"총"}),T.jsx("span",{style:{color:"var(--ds-table-text-highlight)"},children:e||0}),T.jsx("span",{children:"건"})]}),XZ=({setTableData:e,rowSelection:t,tableData:n,onDelete:r,setRowSelection:o,table:i,onSave:a,title:l,isTotal:c,total:u,buttons:A,isPlusButton:f,titleRef:p,onAddFn:h,isAddRowActive:y,clickedRowIndex:m,setClickedRowIndex:v,onDelFn:b,deleteAllData:w,radio:S,scrollAreaRef:I,isTableTitleIcon:E})=>T.jsxs("div",{ref:p,style:{marginBottom:"1rem",display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between"},children:[T.jsxs("div",{style:{display:"flex",height:"100%",alignItems:"center",gap:"1rem"},children:[l?T.jsx(qZ,{title:l,isTableTitleIcon:E}):null,l&&c?T.jsx("div",{style:{height:"1.2rem",width:"0.1rem",background:"#C6C6C6"}}):null,c?T.jsx(GZ,{total:u}):null]}),T.jsx(QZ,{setTableData:e,rowSelection:t,table:i,tableData:n,onDelete:r,setRowSelection:o,onSave:a,buttons:A,isPlusButton:f,onAddFn:h,isAddRowActive:y,clickedRowIndex:m,setClickedRowIndex:v,onDelFn:b,deleteAllData:w,radio:S,scrollAreaRef:I})]});var KZ=typeof global=="object"&&global&&global.Object===Object&&global,JZ=typeof self=="object"&&self&&self.Object===Object&&self,XP=KZ||JZ||Function("return this")(),Eg=XP.Symbol,KP=Object.prototype,ZZ=KP.hasOwnProperty,eee=KP.toString,$d=Eg?Eg.toStringTag:void 0;function tee(e){var t=ZZ.call(e,$d),n=e[$d];try{e[$d]=void 0;var r=!0}catch{}var o=eee.call(e);return r&&(t?e[$d]=n:delete e[$d]),o}var nee=Object.prototype,ree=nee.toString;function oee(e){return ree.call(e)}var iee="[object Null]",aee="[object Undefined]",JP=Eg?Eg.toStringTag:void 0;function see(e){return e==null?e===void 0?aee:iee:JP&&JP in Object(e)?tee(e):oee(e)}function lee(e){return e!=null&&typeof e=="object"}var cee="[object Symbol]";function uee(e){return typeof e=="symbol"||lee(e)&&see(e)==cee}var dee=/\s/;function Aee(e){for(var t=e.length;t--&&dee.test(e.charAt(t)););return t}var fee=/^\s+/;function pee(e){return e&&e.slice(0,Aee(e)+1).replace(fee,"")}function Wy(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var ZP=NaN,gee=/^[-+]0x[0-9a-f]+$/i,hee=/^0b[01]+$/i,mee=/^0o[0-7]+$/i,vee=parseInt;function e4(e){if(typeof e=="number")return e;if(uee(e))return ZP;if(Wy(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=Wy(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pee(e);var n=hee.test(e);return n||mee.test(e)?vee(e.slice(2),n?2:8):gee.test(e)?ZP:+e}var Qy=function(){return XP.Date.now()},yee="Expected a function",bee=Math.max,Cee=Math.min;function wee(e,t,n){var r,o,i,a,l,c,u=0,A=!1,f=!1,p=!0;if(typeof e!="function")throw new TypeError(yee);t=e4(t)||0,Wy(n)&&(A=!!n.leading,f="maxWait"in n,i=f?bee(e4(n.maxWait)||0,t):i,p="trailing"in n?!!n.trailing:p);function h(O){var P=r,M=o;return r=o=void 0,u=O,a=e.apply(M,P),a}function y(O){return u=O,l=setTimeout(b,t),A?h(O):a}function m(O){var P=O-c,M=O-u,R=t-P;return f?Cee(R,i-M):R}function v(O){var P=O-c,M=O-u;return c===void 0||P>=t||P<0||f&&M>=i}function b(){var O=Qy();if(v(O))return w(O);l=setTimeout(b,m(O))}function w(O){return l=void 0,p&&r?h(O):(r=o=void 0,a)}function S(){l!==void 0&&clearTimeout(l),u=0,r=c=o=l=void 0}function I(){return l===void 0?a:w(Qy())}function E(){var O=Qy(),P=v(O);if(r=arguments,o=this,c=O,P){if(l===void 0)return y(c);if(f)return clearTimeout(l),l=setTimeout(b,t),h(c)}return l===void 0&&(l=setTimeout(b,t)),a}return E.cancel=S,E.flush=I,E}const xee=()=>{const e=U.useRef(null),[t,n]=U.useState(0);return U.useEffect(()=>{if(!e.current)return;const r=new ResizeObserver(wee(o=>{const i=o[0].contentRect.height;n(i)},100));return r.observe(e.current),()=>r.disconnect()},[]),[e,t]},See=e=>{const t=U.useRef(null);return U.useEffect(()=>{const n=r=>{t.current&&!t.current.contains(r.target)&&e()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e]),t},Eee=({data:e,columns:t=[],checkbox:n=!1,radio:r=!1,onChecked:o,onDelete:i,deleteAllData:a,onSave:l,onRowClick:c,onRowDoubleClick:u,title:A="목록",isTotal:f=!0,buttons:p,isLoading:h=!1,isPlusButton:y=!0,scrollTo:m,modalData:v,onAddFn:b,pagination:w,isAddRowActive:S,onModalApplied:I,rowClickTriggerIdx:E,onDelFn:O,isClickedCheckbox:P=!1,onTableDataChange:M,checkboxCheckedIdx:R,No:k=!0,selectedItems:N,setSelectedItems:$,isTableTitleIcon:V,isEditMode:B=!0})=>{const F=U.useRef(null),L=U.useMemo(()=>e??[],[e]),[_,W]=U.useState(L),[j,H]=U.useState({}),[Y,Q]=U.useState(-1),X=U.useRef(!1),K=U.useCallback(De=>{X.current=!0,H(De)},[]),Z=U.useMemo(()=>_,[_]),ee=See(()=>{(!j||Object.keys(j).length===0)&&Q(-1)}),se=U.useMemo(()=>({id:"select",header:({table:De})=>T.jsx(va,{checked:De.getIsAllRowsSelected(),onChange:De.getToggleAllRowsSelectedHandler()}),cell:({row:De})=>T.jsx(va,{checked:De.getIsSelected(),disabled:!De.getCanSelect(),onChange:De.getToggleSelectedHandler()}),width:"3.2rem",align:"center"}),[]),ae=U.useMemo(()=>({id:"No",header:()=>T.jsx("span",{children:"No"}),cell:({row:De})=>De,width:"3.2rem",align:"center"}),[]),ne=U.useMemo(()=>({id:"edit",header:()=>{},cell:({row:De})=>De,width:"3.2rem",align:"center"}),[]),re=U.useMemo(()=>{const De=t.filter(qe=>qe.visible!==!1),Oe=[];return B&&Oe.push(ne),(n||r)&&Oe.push(se),k&&Oe.push(ae),Oe.push(...De),Oe},[n,r,k,se,ae,t,ne,B]),oe=bZ({data:Z,columns:re,getCoreRowModel:hZ(),enableRowSelection:!0,onRowSelectionChange:K,state:{rowSelection:j}}),[J,ge]=U.useState({rowIndex:-1,columnId:"",isActive:!1}),[ce,Se]=U.useState(!1),me=U.useMemo(()=>typeof E=="number"?E:-1,[E]);U.useEffect(()=>{Se(!1),Q(-1)},[me,_]),U.useEffect(()=>{if(!ce&&oe.getRowModel().rows.length>me){const De=oe.getRowModel().rows[me];De&&c&&c(De.original,me),Se(!0)}},[ce,me,c,oe,_]),U.useEffect(()=>{M&&M(_)},[_,M]),U.useEffect(()=>{var Oe;const De=typeof v=="object"&&v&&!Array.isArray(v)&&Object.values(v).every(qe=>!qe);J.isActive&&v&&!De&&(W(qe=>qe.map((Ge,Ye)=>Ye!==J.rowIndex?Ge:typeof v=="object"&&!Array.isArray(v)?{...Ge,...v}:{...Ge,[J.columnId]:v})),H(r?{[(Oe=oe.getRowModel().rows[J.rowIndex])==null?void 0:Oe.id]:!0}:qe=>{var Ge;return{...qe,[(Ge=oe.getRowModel().rows[J.rowIndex])==null?void 0:Ge.id]:!0}}),ge({rowIndex:-1,columnId:"",isActive:!1}),I&&I())},[v,J,I,oe,r]);const Me=U.useRef([]),Re=U.useRef(!1),$e=U.useRef(!1);U.useEffect(()=>{if($e.current){$e.current=!1;return}if(!o)return;const De=oe.getSelectedRowModel().rows,Oe=De.map(Ze=>Ze.original),qe=Me.current;if(qe.length===Oe.length&&qe.every((Ze,ze)=>Ze===Oe[ze]))return;Me.current=Oe;let Ye=-1;if(De.length>0){const Ze=De[De.length-1];Ye=oe.getRowModel().rows.findIndex(ze=>ze.id===Ze.id)}o(Oe,Ye)},[o,oe,j]);function Le(De,Oe){const qe=new Map;De.forEach((Ye,Ze)=>{const ze=Ye&&Ye.id;ze!=null&&ze!==""&&qe.set(String(ze),Ze)});function Ge(Ye,Ze){return Ye===Ze?!0:typeof Ye!="object"||typeof Ze!="object"||Ye===null||Ze===null?!1:Object.keys(Ze).every(je=>Ge(Ye[je],Ze[je]))}return Oe.map(Ye=>{const Ze=Ye&&Ye.id;if(Ze!=null&&Ze!==""){const ze=qe.get(String(Ze));if(ze!==void 0)return ze}return De.findIndex(ze=>Ge(ze,Ye))})}U.useEffect(()=>{if(!N)return;if(X.current){X.current=!1;return}const De=Le(_,N||[]),Oe={};De.forEach(qe=>{if(qe<0)return;const Ge=oe.getRowModel().rows[qe],Ye=Ge?Ge.id:`${qe}`;Oe[Ye]=!0}),Re.current=!0,H(Oe)},[_,N,oe]),U.useEffect(()=>{if(!$||!N)return;if(Re.current){Re.current=!1;return}const De=oe.getSelectedRowModel().rows.map(Ze=>Ze.original),Oe=Ze=>(Ze||[]).map(ze=>ze&&ze.id).sort(),qe=Oe(De),Ge=Oe(N);qe.length===Ge.length&&qe.every((Ze,ze)=>Ze===Ge[ze])||$(De)},[oe,N,$]),U.useEffect(()=>{const De=L.map((Oe,qe)=>Oe&&Object.prototype.hasOwnProperty.call(Oe,"id")&&Oe.id!==void 0&&Oe.id!==null&&Oe.id!==""?Oe:{...Oe,id:String(qe)});W(De),H(me===-1?{}:{triggerIndex:!0})},[h,L,me]),U.useEffect(()=>{(!j||Object.keys(j).length===0)&&Q(-1)},[j]),U.useEffect(()=>{var qe;if(R===void 0||typeof R!="number"||R<0)return;const De=oe.getRowModel().rows;if(!De||De.length===0||R>=De.length)return;Re.current=!0;const Oe=(qe=De[R])==null?void 0:qe.id;Oe&&(H({[Oe]:!0}),Q(R))},[R,_,oe]);const Te=(De,Oe)=>{Q(Oe),c==null||c(De,Oe)},we=(De,Oe)=>{u==null||u(De,Oe)},[nt,Qe]=xee();return T.jsxs("div",{style:{position:"relative",height:"100%",width:"100%",color:"var(--ds-table-text-color)"},children:[(f||A||y||O||b||p)&&T.jsx(XZ,{setTableData:W,rowSelection:j,table:oe,tableData:_,onDelete:i,deleteAllData:a,setRowSelection:K,onSave:l,title:A,isTotal:f,total:w?w.totalElements:_.length,buttons:p,isPlusButton:y,titleRef:nt,onAddFn:b,isAddRowActive:S,clickedRowIndex:Y,setClickedRowIndex:Q,onDelFn:De=>{$e.current=!0,O&&O(De)},radio:r,scrollAreaRef:F,isTableTitleIcon:V}),T.jsxs("div",{style:{width:"100%",height:`calc(100% - ${Qe/10+1}rem)`,borderTop:"1px solid var(--ds-table-header-border-top-color)"},ref:ee,children:[T.jsx(YP,{table:oe,clickedRowIndex:Y}),T.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"1.2rem",height:"calc(100% - 3rem)"},children:[T.jsx(GP,{table:oe,setTableData:W,setRowSelection:K,isLoading:h,onRowClick:Te,onRowDoubleClick:we,scrollTo:m,clickedRowIndex:Y,setCurrentEditingCell:ge,radio:r,rowSelection:j,isClickedCheckbox:P,ref:F,pagination:w,triggerIndex:me}),!h&&w&&T.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:T.jsx(IP,{page:w.page,count:w.totalPages,size:"medium",onChange:(De,Oe)=>w.onPageChange(Oe),shape:"rounded",color:"standard",variant:"outlined",showFirstButton:!0,showLastButton:!0})})]})]})]})};function Iee(e){const{children:t,value:n,index:r,...o}=e;return T.jsx("div",{role:"tabpanel",hidden:n!==r,id:`tabs-tabpanel-${r}`,"aria-labelledby":`tabs-tab-${r}`,...o,children:n===r&&T.jsx("div",{children:t})})}function Oee(e){return{id:`tabs-tab-${e}`,"aria-controls":`tabs-tabpanel-${e}`}}const Tee=U.forwardRef(function({value:t,onChange:n,orientation:r="horizontal",variant:o="standard",items:i,sx:a,textColor:l,indicatorColor:c,selectionFollowsFocus:u=!1,...A},f){return T.jsxs(Fe.Box,{sx:{width:"100%",display:r==="vertical"?"flex":"block",...a},children:[T.jsx(Fe.Tabs,{ref:f,value:t,onChange:n,orientation:r,variant:o,textColor:l,indicatorColor:c,selectionFollowsFocus:u,...A,children:i==null?void 0:i.map((p,h)=>T.jsx(Fe.Tab,{label:p.label,icon:p.icon,iconPosition:p.iconPosition??"top",disabled:p.disabled,...Oee(h)},p.key))}),i.map((p,h)=>T.jsx(Iee,{value:t,index:h,children:p.content},p.key))]})}),Pee=Kt(T.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");function kee(e){return Lt("MuiChip",e)}const zt=$t("MuiChip",["root","sizeSmall","sizeMedium","colorDefault","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","disabled","clickable","clickableColorPrimary","clickableColorSecondary","deletable","deletableColorPrimary","deletableColorSecondary","outlined","filled","outlinedPrimary","outlinedSecondary","filledPrimary","filledSecondary","avatar","avatarSmall","avatarMedium","avatarColorPrimary","avatarColorSecondary","icon","iconSmall","iconMedium","iconColorPrimary","iconColorSecondary","label","labelSmall","labelMedium","deleteIcon","deleteIconSmall","deleteIconMedium","deleteIconColorPrimary","deleteIconColorSecondary","deleteIconOutlinedColorPrimary","deleteIconOutlinedColorSecondary","deleteIconFilledColorPrimary","deleteIconFilledColorSecondary","focusVisible"]),Mee=e=>{const{classes:t,disabled:n,size:r,color:o,iconColor:i,onDelete:a,clickable:l,variant:c}=e,u={root:["root",c,n&&"disabled",`size${He(r)}`,`color${He(o)}`,l&&"clickable",l&&`clickableColor${He(o)}`,a&&"deletable",a&&`deletableColor${He(o)}`,`${c}${He(o)}`],label:["label",`label${He(r)}`],avatar:["avatar",`avatar${He(r)}`,`avatarColor${He(o)}`],icon:["icon",`icon${He(r)}`,`iconColor${He(i)}`],deleteIcon:["deleteIcon",`deleteIcon${He(r)}`,`deleteIconColor${He(o)}`,`deleteIcon${He(c)}Color${He(o)}`]};return Ht(u,kee,t)},Dee=Pe("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e,{color:r,iconColor:o,clickable:i,onDelete:a,size:l,variant:c}=n;return[{[`& .${zt.avatar}`]:t.avatar},{[`& .${zt.avatar}`]:t[`avatar${He(l)}`]},{[`& .${zt.avatar}`]:t[`avatarColor${He(r)}`]},{[`& .${zt.icon}`]:t.icon},{[`& .${zt.icon}`]:t[`icon${He(l)}`]},{[`& .${zt.icon}`]:t[`iconColor${He(o)}`]},{[`& .${zt.deleteIcon}`]:t.deleteIcon},{[`& .${zt.deleteIcon}`]:t[`deleteIcon${He(l)}`]},{[`& .${zt.deleteIcon}`]:t[`deleteIconColor${He(r)}`]},{[`& .${zt.deleteIcon}`]:t[`deleteIcon${He(c)}Color${He(r)}`]},t.root,t[`size${He(l)}`],t[`color${He(r)}`],i&&t.clickable,i&&r!=="default"&&t[`clickableColor${He(r)})`],a&&t.deletable,a&&r!=="default"&&t[`deletableColor${He(r)}`],t[c],t[`${c}${He(r)}`]]}})(In(({theme:e})=>{const t=e.palette.mode==="light"?e.palette.grey[700]:e.palette.grey[300];return{maxWidth:"100%",fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(e.vars||e).palette.text.primary,backgroundColor:(e.vars||e).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${zt.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${zt.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:e.vars?e.vars.palette.Chip.defaultAvatarColor:t,fontSize:e.typography.pxToRem(12)},[`& .${zt.avatarColorPrimary}`]:{color:(e.vars||e).palette.primary.contrastText,backgroundColor:(e.vars||e).palette.primary.dark},[`& .${zt.avatarColorSecondary}`]:{color:(e.vars||e).palette.secondary.contrastText,backgroundColor:(e.vars||e).palette.secondary.dark},[`& .${zt.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)},[`& .${zt.icon}`]:{marginLeft:5,marginRight:-6},[`& .${zt.deleteIcon}`]:{WebkitTapHighlightColor:"transparent",color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.26)`:yn(e.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.4)`:yn(e.palette.text.primary,.4)}},variants:[{props:{size:"small"},style:{height:24,[`& .${zt.icon}`]:{fontSize:18,marginLeft:4,marginRight:-4},[`& .${zt.deleteIcon}`]:{fontSize:16,marginRight:4,marginLeft:-4}}},...Object.entries(e.palette).filter(Cr(["contrastText"])).map(([n])=>({props:{color:n},style:{backgroundColor:(e.vars||e).palette[n].main,color:(e.vars||e).palette[n].contrastText,[`& .${zt.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[n].contrastTextChannel} / 0.7)`:yn(e.palette[n].contrastText,.7),"&:hover, &:active":{color:(e.vars||e).palette[n].contrastText}}}})),{props:n=>n.iconColor===n.color,style:{[`& .${zt.icon}`]:{color:e.vars?e.vars.palette.Chip.defaultIconColor:t}}},{props:n=>n.iconColor===n.color&&n.color!=="default",style:{[`& .${zt.icon}`]:{color:"inherit"}}},{props:{onDelete:!0},style:{[`&.${zt.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:yn(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}},...Object.entries(e.palette).filter(Cr(["dark"])).map(([n])=>({props:{color:n,onDelete:!0},style:{[`&.${zt.focusVisible}`]:{background:(e.vars||e).palette[n].dark}}})),{props:{clickable:!0},style:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:yn(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity)},[`&.${zt.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:yn(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)},"&:active":{boxShadow:(e.vars||e).shadows[1]}}},...Object.entries(e.palette).filter(Cr(["dark"])).map(([n])=>({props:{color:n,clickable:!0},style:{[`&:hover, &.${zt.focusVisible}`]:{backgroundColor:(e.vars||e).palette[n].dark}}})),{props:{variant:"outlined"},style:{backgroundColor:"transparent",border:e.vars?`1px solid ${e.vars.palette.Chip.defaultBorder}`:`1px solid ${e.palette.mode==="light"?e.palette.grey[400]:e.palette.grey[700]}`,[`&.${zt.clickable}:hover`]:{backgroundColor:(e.vars||e).palette.action.hover},[`&.${zt.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`& .${zt.avatar}`]:{marginLeft:4},[`& .${zt.avatarSmall}`]:{marginLeft:2},[`& .${zt.icon}`]:{marginLeft:4},[`& .${zt.iconSmall}`]:{marginLeft:2},[`& .${zt.deleteIcon}`]:{marginRight:5},[`& .${zt.deleteIconSmall}`]:{marginRight:3}}},...Object.entries(e.palette).filter(Cr()).map(([n])=>({props:{variant:"outlined",color:n},style:{color:(e.vars||e).palette[n].main,border:`1px solid ${e.vars?`rgba(${e.vars.palette[n].mainChannel} / 0.7)`:yn(e.palette[n].main,.7)}`,[`&.${zt.clickable}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[n].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:yn(e.palette[n].main,e.palette.action.hoverOpacity)},[`&.${zt.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[n].mainChannel} / ${e.vars.palette.action.focusOpacity})`:yn(e.palette[n].main,e.palette.action.focusOpacity)},[`& .${zt.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[n].mainChannel} / 0.7)`:yn(e.palette[n].main,.7),"&:hover, &:active":{color:(e.vars||e).palette[n].main}}}}))]}})),Ree=Pe("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,t)=>{const{ownerState:n}=e,{size:r}=n;return[t.label,t[`label${He(r)}`]]}})({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap",variants:[{props:{variant:"outlined"},style:{paddingLeft:11,paddingRight:11}},{props:{size:"small"},style:{paddingLeft:8,paddingRight:8}},{props:{size:"small",variant:"outlined"},style:{paddingLeft:7,paddingRight:7}}]});function t4(e){return e.key==="Backspace"||e.key==="Delete"}const n4=C.forwardRef(function(t,n){const r=On({props:t,name:"MuiChip"}),{avatar:o,className:i,clickable:a,color:l="default",component:c,deleteIcon:u,disabled:A=!1,icon:f,label:p,onClick:h,onDelete:y,onKeyDown:m,onKeyUp:v,size:b="medium",variant:w="filled",tabIndex:S,skipFocusWhenDisabled:I=!1,...E}=r,O=C.useRef(null),P=nr(O,n),M=j=>{j.stopPropagation(),y&&y(j)},R=j=>{j.currentTarget===j.target&&t4(j)&&j.preventDefault(),m&&m(j)},k=j=>{j.currentTarget===j.target&&y&&t4(j)&&y(j),v&&v(j)},N=a!==!1&&h?!0:a,$=N||y?kc:c||"div",V={...r,component:$,disabled:A,size:b,color:l,iconColor:C.isValidElement(f)&&f.props.color||l,onDelete:!!y,clickable:N,variant:w},B=Mee(V),F=$===kc?{component:c||"div",focusVisibleClassName:B.focusVisible,...y&&{disableRipple:!0}}:{};let L=null;y&&(L=u&&C.isValidElement(u)?C.cloneElement(u,{className:st(u.props.className,B.deleteIcon),onClick:M}):T.jsx(Pee,{className:st(B.deleteIcon),onClick:M}));let _=null;o&&C.isValidElement(o)&&(_=C.cloneElement(o,{className:st(B.avatar,o.props.className)}));let W=null;return f&&C.isValidElement(f)&&(W=C.cloneElement(f,{className:st(B.icon,f.props.className)})),process.env.NODE_ENV!=="production"&&_&&W&&console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."),T.jsxs(Dee,{as:$,className:st(B.root,i),disabled:N&&A?!0:void 0,onClick:h,onKeyDown:R,onKeyUp:k,ref:P,tabIndex:I&&A?-1:S,ownerState:V,...F,...E,children:[_||W,T.jsx(Ree,{className:st(B.label),ownerState:V,children:p}),L]})});process.env.NODE_ENV!=="production"&&(n4.propTypes={avatar:s.element,children:QC,classes:s.object,className:s.string,clickable:s.bool,color:s.oneOfType([s.oneOf(["default","primary","secondary","error","info","success","warning"]),s.string]),component:s.elementType,deleteIcon:s.element,disabled:s.bool,icon:s.element,label:s.node,onClick:s.func,onDelete:s.func,onKeyDown:s.func,onKeyUp:s.func,size:s.oneOfType([s.oneOf(["medium","small"]),s.string]),skipFocusWhenDisabled:s.bool,sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object]),tabIndex:s.number,variant:s.oneOfType([s.oneOf(["filled","outlined"]),s.string])});const Bee=({className:e,label:t,...n})=>T.jsx(n4,{className:e,label:t,...n});function Nee(e){return Lt("MuiTooltip",e)}const Nn=$t("MuiTooltip",["popper","popperInteractive","popperArrow","popperClose","tooltip","tooltipArrow","touch","tooltipPlacementLeft","tooltipPlacementRight","tooltipPlacementTop","tooltipPlacementBottom","arrow"]);function Fee(e){return Math.round(e*1e5)/1e5}const Lee=e=>{const{classes:t,disableInteractive:n,arrow:r,touch:o,placement:i}=e,a={popper:["popper",!n&&"popperInteractive",r&&"popperArrow"],tooltip:["tooltip",r&&"tooltipArrow",o&&"touch",`tooltipPlacement${He(i.split("-")[0])}`],arrow:["arrow"]};return Ht(a,Nee,t)},Vee=Pe(If,{name:"MuiTooltip",slot:"Popper",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.popper,!n.disableInteractive&&t.popperInteractive,n.arrow&&t.popperArrow,!n.open&&t.popperClose]}})(In(({theme:e})=>({zIndex:(e.vars||e).zIndex.tooltip,pointerEvents:"none",variants:[{props:({ownerState:t})=>!t.disableInteractive,style:{pointerEvents:"auto"}},{props:({open:t})=>!t,style:{pointerEvents:"none"}},{props:({ownerState:t})=>t.arrow,style:{[`&[data-popper-placement*="bottom"] .${Nn.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${Nn.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${Nn.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}},[`&[data-popper-placement*="left"] .${Nn.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}}}},{props:({ownerState:t})=>t.arrow&&!t.isRtl,style:{[`&[data-popper-placement*="right"] .${Nn.arrow}`]:{left:0,marginLeft:"-0.71em"}}},{props:({ownerState:t})=>t.arrow&&!!t.isRtl,style:{[`&[data-popper-placement*="right"] .${Nn.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:t})=>t.arrow&&!t.isRtl,style:{[`&[data-popper-placement*="left"] .${Nn.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:t})=>t.arrow&&!!t.isRtl,style:{[`&[data-popper-placement*="left"] .${Nn.arrow}`]:{left:0,marginLeft:"-0.71em"}}}]}))),Hee=Pe("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.tooltip,n.touch&&t.touch,n.arrow&&t.tooltipArrow,t[`tooltipPlacement${He(n.placement.split("-")[0])}`]]}})(In(({theme:e})=>({backgroundColor:e.vars?e.vars.palette.Tooltip.bg:yn(e.palette.grey[700],.92),borderRadius:(e.vars||e).shape.borderRadius,color:(e.vars||e).palette.common.white,fontFamily:e.typography.fontFamily,padding:"4px 8px",fontSize:e.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:e.typography.fontWeightMedium,[`.${Nn.popper}[data-popper-placement*="left"] &`]:{transformOrigin:"right center"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{transformOrigin:"left center"},[`.${Nn.popper}[data-popper-placement*="top"] &`]:{transformOrigin:"center bottom",marginBottom:"14px"},[`.${Nn.popper}[data-popper-placement*="bottom"] &`]:{transformOrigin:"center top",marginTop:"14px"},variants:[{props:({ownerState:t})=>t.arrow,style:{position:"relative",margin:0}},{props:({ownerState:t})=>t.touch,style:{padding:"8px 16px",fontSize:e.typography.pxToRem(14),lineHeight:`${Fee(16/14)}em`,fontWeight:e.typography.fontWeightRegular}},{props:({ownerState:t})=>!t.isRtl,style:{[`.${Nn.popper}[data-popper-placement*="left"] &`]:{marginRight:"14px"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{marginLeft:"14px"}}},{props:({ownerState:t})=>!t.isRtl&&t.touch,style:{[`.${Nn.popper}[data-popper-placement*="left"] &`]:{marginRight:"24px"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{marginLeft:"24px"}}},{props:({ownerState:t})=>!!t.isRtl,style:{[`.${Nn.popper}[data-popper-placement*="left"] &`]:{marginLeft:"14px"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{marginRight:"14px"}}},{props:({ownerState:t})=>!!t.isRtl&&t.touch,style:{[`.${Nn.popper}[data-popper-placement*="left"] &`]:{marginLeft:"24px"},[`.${Nn.popper}[data-popper-placement*="right"] &`]:{marginRight:"24px"}}},{props:({ownerState:t})=>t.touch,style:{[`.${Nn.popper}[data-popper-placement*="top"] &`]:{marginBottom:"24px"}}},{props:({ownerState:t})=>t.touch,style:{[`.${Nn.popper}[data-popper-placement*="bottom"] &`]:{marginTop:"24px"}}}]}))),$ee=Pe("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(e,t)=>t.arrow})(In(({theme:e})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:e.vars?e.vars.palette.Tooltip.bg:yn(e.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}})));let Ig=!1;const r4=new PA;let zd={x:0,y:0};function Og(e,t){return(n,...r)=>{t&&t(n,...r),e(n,...r)}}const o4=C.forwardRef(function(t,n){const r=On({props:t,name:"MuiTooltip"}),{arrow:o=!1,children:i,classes:a,components:l={},componentsProps:c={},describeChild:u=!1,disableFocusListener:A=!1,disableHoverListener:f=!1,disableInteractive:p=!1,disableTouchListener:h=!1,enterDelay:y=100,enterNextDelay:m=0,enterTouchDelay:v=700,followCursor:b=!1,id:w,leaveDelay:S=0,leaveTouchDelay:I=1500,onClose:E,onOpen:O,open:P,placement:M="bottom",PopperComponent:R,PopperProps:k={},slotProps:N={},slots:$={},title:V,TransitionComponent:B,TransitionProps:F,...L}=r,_=C.isValidElement(i)?i:T.jsx("span",{children:i}),W=Vi(),j=RA(),[H,Y]=C.useState(),[Q,X]=C.useState(null),K=C.useRef(!1),Z=p||b,ee=Ps(),se=Ps(),ae=Ps(),ne=Ps(),[re,oe]=TA({controlled:P,default:!1,name:"Tooltip",state:"open"});let J=re;if(process.env.NODE_ENV!=="production"){const{current:We}=C.useRef(P!==void 0);C.useEffect(()=>{H&&H.disabled&&!We&&V!==""&&H.tagName.toLowerCase()==="button"&&console.warn(["MUI: You are providing a disabled `button` child to the Tooltip component.","A disabled element does not fire events.","Tooltip needs to listen to the child element's events to display the title.","","Add a simple wrapper element, such as a `span`."].join(`
 `))},[V,H,We])}const ge=OA(w),ce=C.useRef(),Se=Qr(()=>{ce.current!==void 0&&(document.body.style.WebkitUserSelect=ce.current,ce.current=void 0),ne.clear()});C.useEffect(()=>Se,[Se]);const me=We=>{r4.clear(),Ig=!0,oe(!0),O&&!J&&O(We)},Me=Qr(We=>{r4.start(800+S,()=>{Ig=!1}),oe(!1),E&&J&&E(We),ee.start(W.transitions.duration.shortest,()=>{K.current=!1})}),Re=We=>{K.current&&We.type!=="touchstart"||(H&&H.removeAttribute("title"),se.clear(),ae.clear(),y||Ig&&m?se.start(Ig?m:y,()=>{me(We)}):me(We))},$e=We=>{se.clear(),ae.start(S,()=>{Me(We)})},[,Le]=C.useState(!1),Te=We=>{kA(We.target)||(Le(!1),$e(We))},we=We=>{H||Y(We.currentTarget),kA(We.target)&&(Le(!0),Re(We))},nt=We=>{K.current=!0;const Dt=_.props;Dt.onTouchStart&&Dt.onTouchStart(We)},Qe=We=>{nt(We),ae.clear(),ee.clear(),Se(),ce.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",ne.start(v,()=>{document.body.style.WebkitUserSelect=ce.current,Re(We)})},De=We=>{_.props.onTouchEnd&&_.props.onTouchEnd(We),Se(),ae.start(I,()=>{Me(We)})};C.useEffect(()=>{if(!J)return;function We(Dt){Dt.key==="Escape"&&Me(Dt)}return document.addEventListener("keydown",We),()=>{document.removeEventListener("keydown",We)}},[Me,J]);const Oe=nr(nu(_),Y,n);!V&&V!==0&&(J=!1);const qe=C.useRef(),Ge=We=>{const Dt=_.props;Dt.onMouseMove&&Dt.onMouseMove(We),zd={x:We.clientX,y:We.clientY},qe.current&&qe.current.update()},Ye={},Ze=typeof V=="string";u?(Ye.title=!J&&Ze&&!f?V:null,Ye["aria-describedby"]=J?ge:null):(Ye["aria-label"]=Ze?V:null,Ye["aria-labelledby"]=J&&!Ze?ge:null);const ze={...Ye,...L,..._.props,className:st(L.className,_.props.className),onTouchStart:nt,ref:Oe,...b?{onMouseMove:Ge}:{}};process.env.NODE_ENV!=="production"&&(ze["data-mui-internal-clone-element"]=!0,C.useEffect(()=>{H&&!H.getAttribute("data-mui-internal-clone-element")&&console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.","Please make sure that props are spread on the same element that the ref is applied to."].join(`
 `))},[H]));const je={};h||(ze.onTouchStart=Qe,ze.onTouchEnd=De),f||(ze.onMouseOver=Og(Re,ze.onMouseOver),ze.onMouseLeave=Og($e,ze.onMouseLeave),Z||(je.onMouseOver=Re,je.onMouseLeave=$e)),A||(ze.onFocus=Og(we,ze.onFocus),ze.onBlur=Og(Te,ze.onBlur),Z||(je.onFocus=we,je.onBlur=Te)),process.env.NODE_ENV!=="production"&&_.props.title&&console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.",`Remove this title prop \`${_.props.title}\` or the Tooltip component.`].join(`
 `));const ct={...r,isRtl:j,arrow:o,disableInteractive:Z,placement:M,PopperComponentProp:R,touch:K.current},Ee=typeof N.popper=="function"?N.popper(ct):N.popper,Ve=C.useMemo(()=>{var Dt,St;let We=[{name:"arrow",enabled:!!Q,options:{element:Q,padding:4}}];return(Dt=k.popperOptions)!=null&&Dt.modifiers&&(We=We.concat(k.popperOptions.modifiers)),(St=Ee==null?void 0:Ee.popperOptions)!=null&&St.modifiers&&(We=We.concat(Ee.popperOptions.modifiers)),{...k.popperOptions,...Ee==null?void 0:Ee.popperOptions,modifiers:We}},[Q,k.popperOptions,Ee==null?void 0:Ee.popperOptions]),_e=Lee(ct),be=typeof N.transition=="function"?N.transition(ct):N.transition,ye={slots:{popper:l.Popper,transition:l.Transition??B,tooltip:l.Tooltip,arrow:l.Arrow,...$},slotProps:{arrow:N.arrow??c.arrow,popper:{...k,...Ee??c.popper},tooltip:N.tooltip??c.tooltip,transition:{...F,...be??c.transition}}},[ht,bt]=Jt("popper",{elementType:Vee,externalForwardedProps:ye,ownerState:ct,className:st(_e.popper,k==null?void 0:k.className)}),[jt,xn]=Jt("transition",{elementType:Md,externalForwardedProps:ye,ownerState:ct}),[mn,rn]=Jt("tooltip",{elementType:Hee,className:_e.tooltip,externalForwardedProps:ye,ownerState:ct}),[_t,Ct]=Jt("arrow",{elementType:$ee,className:_e.arrow,externalForwardedProps:ye,ownerState:ct,ref:X});return T.jsxs(C.Fragment,{children:[C.cloneElement(_,ze),T.jsx(ht,{as:R??If,placement:M,anchorEl:b?{getBoundingClientRect:()=>({top:zd.y,left:zd.x,right:zd.x,bottom:zd.y,width:0,height:0})}:H,popperRef:qe,open:H?J:!1,id:ge,transition:!0,...je,...bt,popperOptions:Ve,children:({TransitionProps:We})=>T.jsx(jt,{timeout:W.transitions.duration.shorter,...We,...xn,children:T.jsxs(mn,{...rn,children:[V,o?T.jsx(_t,{...Ct}):null]})})})]})});process.env.NODE_ENV!=="production"&&(o4.propTypes={arrow:s.bool,children:Ol.isRequired,classes:s.object,className:s.string,components:s.shape({Arrow:s.elementType,Popper:s.elementType,Tooltip:s.elementType,Transition:s.elementType}),componentsProps:s.shape({arrow:s.object,popper:s.object,tooltip:s.object,transition:s.object}),describeChild:s.bool,disableFocusListener:s.bool,disableHoverListener:s.bool,disableInteractive:s.bool,disableTouchListener:s.bool,enterDelay:s.number,enterNextDelay:s.number,enterTouchDelay:s.number,followCursor:s.bool,id:s.string,leaveDelay:s.number,leaveTouchDelay:s.number,onClose:s.func,onOpen:s.func,open:s.bool,placement:s.oneOf(["auto-end","auto-start","auto","bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]),PopperComponent:s.elementType,PopperProps:s.object,slotProps:s.shape({arrow:s.oneOfType([s.func,s.object]),popper:s.oneOfType([s.func,s.object]),tooltip:s.oneOfType([s.func,s.object]),transition:s.oneOfType([s.func,s.object])}),slots:s.shape({arrow:s.elementType,popper:s.elementType,tooltip:s.elementType,transition:s.elementType}),sx:s.oneOfType([s.arrayOf(s.oneOfType([s.func,s.object,s.bool])),s.func,s.object]),title:s.node,TransitionComponent:s.elementType,TransitionProps:s.object});const zee=({className:e,title:t,children:n,arrow:r,placement:o,followCursor:i,open:a,setOpen:l,closeButton:c,style:u,componentsProps:A,...f})=>{var y,m,v,b,w,S;const p=T.jsxs("div",{className:"flex items-center",children:[t,T.jsx(Fe.IconButton,{size:"small",sx:{marginLeft:"auto",marginRight:-.5},onClick:()=>l&&l(!1),children:T.jsx(om,{sx:{fontSize:12,color:"white"}})})]}),h=Fe.styled(({className:I,...E})=>T.jsx(o4,{...E,classes:{popper:I}}))({[`& .${Nn.tooltip}`]:{display:"flex",alignItems:"center",fontSize:"var(--ds-font-size-sm)",...u}});return T.jsx(h,{className:e,title:c?p:t,arrow:r,placement:o,followCursor:i,open:a,onOpen:()=>l&&l(!0),onClose:()=>l&&!c&&l(!1),slotProps:{tooltip:{sx:{display:"flex",alignItems:"center",...(y=A==null?void 0:A.tooltip)==null?void 0:y.sx},className:(m=A==null?void 0:A.tooltip)==null?void 0:m.className,style:(v=A==null?void 0:A.tooltip)==null?void 0:v.style},arrow:{sx:{...(b=A==null?void 0:A.arrow)==null?void 0:b.sx},className:(w=A==null?void 0:A.arrow)==null?void 0:w.className,style:(S=A==null?void 0:A.arrow)==null?void 0:S.style}},...f,children:n})};function Tg(e,t){return e.filter(n=>!t.includes(n))}function i4(e,t){return e.filter(n=>t.includes(n))}const jee=({left:e,right:t,setLeft:n,setRight:r,width:o=200,height:i=230})=>{const[a,l]=U.useState([]),c=i4(a,e),u=i4(a,t),A=v=>()=>{const b=a.indexOf(v),w=[...a];b===-1?w.push(v):w.splice(b,1),l(w)},f=()=>{r(t.concat(c)),n(Tg(e,c)),l(Tg(a,c))},p=()=>{n(e.concat(u)),r(Tg(t,u)),l(Tg(a,u))},h=()=>{r(t.concat(e)),n([])},y=()=>{n(e.concat(t)),r([])},m=v=>T.jsx(Fe.Paper,{sx:{width:o,height:i,overflow:"auto"},children:T.jsx(Fe.List,{dense:!0,component:"div",role:"list",children:v==null?void 0:v.map(b=>{const w=`transfer-list-item-${b}-label`;return T.jsxs(Fe.ListItemButton,{role:"listitem",onClick:A(b),children:[T.jsx(Fe.ListItemIcon,{children:T.jsx(Fe.Checkbox,{checked:a.includes(b),tabIndex:-1,disableRipple:!0})}),T.jsx(Fe.ListItemText,{id:w,primary:`List item ${b+1}`})]},b)})})});return T.jsxs(ll,{container:!0,spacing:2,sx:{justifyContent:"center",alignItems:"center"},children:[T.jsx(ll,{children:m(e)}),T.jsx(ll,{children:T.jsxs(ll,{container:!0,direction:"column",sx:{aligns:"center"},children:[T.jsx(zn,{sx:{my:.5},variant:"outlined",size:"small",onClick:h,disabled:(e==null?void 0:e.length)===0,"aria-label":"move all right",children:"≫"}),T.jsx(zn,{sx:{my:.5},variant:"outlined",size:"small",onClick:f,disabled:c.length===0,"aria-label":"move selected right",children:">"}),T.jsx(zn,{sx:{my:.5},variant:"outlined",size:"small",onClick:p,disabled:u.length===0,"aria-label":"move selected left",children:"<"}),T.jsx(zn,{sx:{my:.5},variant:"outlined",size:"small",onClick:y,disabled:(t==null?void 0:t.length)===0,"aria-label":"move all left",children:"≪"})]})}),T.jsx(ll,{children:m(t)})]})};function a4(e){return Hi}const _ee=(e,t)=>{const n=C.useRef({}),[r,o]=C.useState(()=>{const a={};return e.forEach(l=>{l.models&&Object.entries(l.models).forEach(([c,u])=>{n.current[c]={isControlled:t[c]!==void 0,getDefaultValue:u.getDefaultValue},a[c]=u.getDefaultValue(t)})}),a}),i=Object.fromEntries(Object.entries(n.current).map(([a,l])=>{const c=t[a]??r[a];return[a,{value:c,setControlledValue:u=>{l.isControlled||o(A=>te({},A,{[a]:u}))}}]}));return process.env.NODE_ENV!=="production"&&Object.entries(n.current).forEach(([a,l])=>{const c=t[a],u=l.getDefaultValue(t);C.useEffect(()=>{l.isControlled!==(c!==void 0)&&console.error([`MUI X: A component is changing the ${l.isControlled?"":"un"}controlled ${a} state of TreeView to be ${l.isControlled?"un":""}controlled.`,"Elements should not switch from uncontrolled to controlled (or vice versa).",`Decide between using a controlled or uncontrolled ${a} element for the lifetime of the component.`,"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.","More info: https://fb.me/react-controlled-components"].join(`

package/package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "license": "MIT",
   "name": "fone-design-system_v2",
-  "version": "1.0.64",
+  "version": "1.0.65",
   "description": "FoneTech-Systems 전용 컴포넌트 라이브러리",
   "main": "./dist/index.js",
   "module": "./dist/fone-design-system.es.js",