@judo/components
Version:
3 lines (2 loc) • 21 kB
JavaScript
import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{Dialog as n,DialogTitle as i,DialogContent as l,DialogContentText as a,DialogActions as o,Button as s,createTheme as c,alpha as d,Popper as u,Grow as h,Paper as p,ClickAwayListener as m,MenuList as f,MenuItem as g,TextField as v,InputAdornment as b,Slide as y,Typography as x,Container as C,Box as w,Grid as k,IconButton as O,FormControlLabel as I,Checkbox as T,TablePagination as P,ButtonBase as F,Breadcrumbs as E,styled as D,AppBar as M,Toolbar as A,Divider as q}from"@mui/material";import{useRef as S,useEffect as W,useState as N,forwardRef as B,createContext as R,useContext as z,useMemo as _}from"react";import{mdiFormatTextVariant as V,mdiNumeric as j,mdiCalendarClock as L,mdiCalendarMonth as $}from"@mdi/js";import H from"@mdi/react";import{KeyboardArrowDown as G,CheckBoxOutlined as Q,Close as Y,MoreHoriz as J,Visibility as K,Delete as U,NoteAdd as X,LinkOff as Z,Home as ee,ArrowDropDown as te,ArrowRight as re}from"@mui/icons-material";import{DateTimePicker as ne,DatePicker as ie}from"@mui/x-date-pickers";import{DataGrid as le,GridToolbarContainer as ae}from"@mui/x-data-grid";import{useSnackbar as oe}from"notistack";import{useNavigate as se,useLocation as ce}from"react-router-dom";import{TreeItem as de,treeItemClasses as ue,TreeView as he}from"@mui/lab";import{useIntl as pe}from"react-intl";const me=({confirmationMessage:r,title:c,resolve:d,open:u,handleClose:h})=>{const p=S(null);W((()=>{if(u){const{current:e}=p;null!==e&&e.focus()}}),[u]);return e(n,{open:u,onClose:h,scroll:"paper",fullWidth:!0,maxWidth:"xs",children:[c&&t(i,{id:"scroll-dialog-title",children:c}),t(l,{dividers:!!c,children:t(a,{id:"scroll-dialog-description",ref:p,tabIndex:-1,children:r})}),e(o,{children:[t(s,{variant:"text",onClick:()=>{h(),d(!1)},children:"No"}),t(s,{variant:"text",onClick:()=>{h(),d(!0)},children:"Yes"})]})]})},fe=new Map([[null,"Unknown"],[!0,"Yes"],[!1,"No"]]);var ge;!function(e){e[e.boolean=0]="boolean",e[e.numeric=1]="numeric",e[e.string=2]="string",e[e.enumeration=3]="enumeration",e[e.date=4]="date",e[e.dateTime=5]="dateTime",e[e.trinaryLogic=6]="trinaryLogic"}(ge||(ge={}));const ve=e=>null!=e,be=(e,t,r)=>{if(ve(e[0].location)){if(t("Please make sure all fields are filled in correctly.",{variant:"error",preventDuplicate:!0,persist:!r?.duration,autoHideDuration:r?.duration??void 0}),void 0!==r?.setValidation){let t=new Map;e.forEach((e=>t.set(e.location,e.code))),r?.setValidation(t)}}else t(e[0].code,{variant:"error",preventDuplicate:!0,persist:!r?.duration,autoHideDuration:r?.duration??void 0})},ye=e=>{e("Something went wrong. Please contact with the system admins.",{variant:"error",preventDuplicate:!0,persist:!0})},xe=e=>({message:e.code}),Ce={marginTop:8,marginBottom:8,display:"flex",flexDirection:"column",alignItems:"center"},we=c({palette:{mode:"light",primary:{main:"#3C4166FF"},secondary:{main:"#E7501DFF"},text:{primary:"#17191DFF",secondary:"#434448FF"},background:{default:"#FAFAFAFF"},subtitleColor:{main:"#8c8c8c"}},typography:{h5:{fontWeight:500,fontSize:26,letterSpacing:.5}},shape:{borderRadius:8},components:{MuiTab:{defaultProps:{disableRipple:!0}}},mixins:{toolbar:{minHeight:48}}});var ke,Oe,Ie,Te;function Pe({children:n,id:i,menuItems:l,disabled:a=!1,showDropdownIcon:o=!0,fullWidth:c=!1,variant:d="contained"}){const[v,b]=N(!1),y=S(null),x=e=>{y.current&&y.current.contains(e.target)||b(!1)};function C(e){"Tab"===e.key?(e.preventDefault(),b(!1)):"Escape"===e.key&&b(!1)}const w=S(v);return W((()=>{w.current&&!v&&y.current.focus(),w.current=v}),[v]),e(r,{children:[t(s,{ref:y,id:i,onClick:()=>{b((e=>!e))},endIcon:o&&t(G,{}),disabled:a,fullWidth:c,variant:d,children:n}),t(u,{open:v,anchorEl:y.current,placement:"bottom",transition:!0,style:{zIndex:1400,minWidth:y.current?.scrollWidth},children:({TransitionProps:r,placement:n})=>t(h,{...r,style:{transformOrigin:"bottom-start"===n?"left top":"left bottom"},children:t(p,{children:t(m,{onClickAway:x,children:t(f,{autoFocusItem:v,onKeyDown:C,children:l.filter((e=>e.visible??!0)).map(((t,r)=>e(g,{id:t.label??""+r,disabled:t.disabled??!1,onClick:e=>{x(e),t.onClick()},children:[t.startIcon,t.label,t.endIcon]})))})})})})})]})}we.palette.background.default,d(we.palette.primary.main,.15),we.palette.subtitleColor.main,we.palette.subtitleColor.main,d(we.palette.secondary.main,.1),we.palette.secondary.main,d(we.palette.primary.main,.2),we.spacing(1),we.palette.common.white,we.breakpoints.up("md"),we.palette.secondary.main,we.spacing(1),we.typography.fontWeightMedium,we.spacing(2),function(e){e.equals="equals"}(ke||(ke={})),function(e){e.equals="equals",e.notEquals="notEquals"}(Oe||(Oe={})),function(e){e.lessThan="lessThan",e.greaterThan="greaterThan",e.lessOrEqual="lessOrEqual",e.greaterOrEqual="greaterOrEqual",e.equal="equal",e.notEqual="notEqual"}(Ie||(Ie={})),function(e){e.lessThan="lessThan",e.greaterThan="greaterThan",e.lessOrEqual="lessOrEqual",e.greaterOrEqual="greaterOrEqual",e.equal="equal",e.notEqual="notEqual",e.matches="matches",e.like="like"}(Te||(Te={}));const Fe=({readOnly:e=!1,value:r=null,id:n,label:i,name:l,error:a,helperText:o,onChange:s})=>{const c=s?e=>{const t=Array.from(fe.values()).indexOf(e.target.value),r=Array.from(fe.keys());s(r[t])}:void 0;return t(v,{name:l,id:n,label:i,select:!0,value:fe.get(r),onChange:c,className:e?"Mui-readOnly":void 0,error:a,helperText:o,InputProps:{readOnly:e,startAdornment:t(b,{position:"start",children:t(Q,{})})},children:Array.from(fe.keys()).map((e=>t(g,{value:fe.get(e),children:fe.get(e)},fe.get(e))))})},Ee=e=>{switch(e){case ge.boolean:return ke.equals;case ge.date:case ge.dateTime:return Ie.equal;case ge.enumeration:return Oe.equals;case ge.numeric:return Ie.equal;case ge.string:return Te.equal;case ge.trinaryLogic:return ke.equals}},De=e=>{switch(e.filterOption.filterType){case ge.boolean:return Object.values(ke);case ge.date:case ge.dateTime:return Object.values(Ie);case ge.enumeration:return Object.values(Oe);case ge.numeric:return Object.values(Ie);case ge.string:return Object.values(Te);case ge.trinaryLogic:return Object.values(ke)}},Me=({filter:e,setFilterOperator:r})=>t(v,{name:"operation",id:"operation",label:"Operation",select:!0,value:e.filterBy.operator,onChange:t=>{r(e,((e,t)=>{switch(e.filterOption.filterType){case ge.boolean:return ke[t];case ge.date:case ge.dateTime:return Ie[t];case ge.enumeration:return Oe[t];case ge.numeric:return Ie[t];case ge.string:return Te[t];case ge.trinaryLogic:return ke[t]}})(e,t.target.value))},children:De(e).map((e=>t(g,{value:e,children:e},e)))}),Ae=({filter:e,setFilterValue:n})=>{if(e.filterOption.filterType===ge.enumeration&&!ve(e.filterOption.enumValues))throw new Error(`Missing enumValues from FilterOptions of ${e.filterOption.attributeName}`);return t(r,{children:(()=>{switch(e.filterOption.filterType){case ge.boolean:return t(I,{control:t(T,{checked:!!e.filterBy.value,onChange:t=>n(e,!!t.target.value)}),label:e.filterOption.attributeName});case ge.date:return t(ie,{renderInput:e=>t(v,{...e}),label:e.filterOption.attributeName,value:e.filterBy.value??null,onChange:t=>n(e,(e=>e?e.toISOString().substring(0,10):e)(t)),InputProps:{startAdornment:t(b,{position:"start",children:t(H,{path:$,size:1})})}});case ge.dateTime:return t(ne,{renderInput:e=>t(v,{...e}),label:e.filterOption.attributeName,value:e.filterBy.value??null,onChange:t=>n(e,t),InputProps:{startAdornment:t(b,{position:"start",children:t(H,{path:L,size:1})})}});case ge.enumeration:return t(v,{label:e.filterOption.attributeName,value:e.filterBy.value,select:!0,onChange:t=>n(e,t.target.value),children:e.filterOption.enumValues?.map((e=>t(g,{value:e,children:e},e)))});case ge.numeric:return t(v,{label:e.filterOption.attributeName,type:"number",value:e.filterBy.value,onChange:t=>n(e,Number(t.target.value)),InputProps:{startAdornment:t(b,{position:"start",children:t(H,{path:j,size:1})})}});case ge.string:return t(v,{label:e.filterOption.attributeName,value:e.filterBy.value,onChange:t=>n(e,t.target.value),InputProps:{startAdornment:t(b,{position:"start",children:t(H,{path:V,size:1})})}});case ge.trinaryLogic:return t(Fe,{label:e.filterOption.attributeName,value:e.filterBy.value,onChange:t=>n(e,t)})}})()})},qe=({filter:r,closeHandler:n,setFilterOperator:i,setFilterValue:l})=>e(k,{item:!0,container:!0,spacing:2,alignItems:"center",children:[t(k,{item:!0,xs:4,children:r&&t(Me,{filter:r,setFilterOperator:i})}),t(k,{item:!0,xs:7,children:r&&t(Ae,{filter:r,setFilterValue:l})}),t(k,{item:!0,xs:1,children:t(O,{onClick:()=>n(r),children:t(Y,{})})})]}),Se=B((function(e,r){return t(y,{direction:"left",ref:r,...e})})),We=({filters:r,filterOptions:c,resolve:d,open:u,handleClose:h})=>{const p=S(null),[m,f]=N(r??[]);W((()=>{if(u){const{current:e}=p;null!==e&&e.focus()}}),[u]);const g=(e,t)=>{f((r=>r.map((r=>e.id===r.id?{...r,filterBy:{value:t,operator:r.filterBy.operator}}:r))))},v=(e,t)=>{f((r=>r.map((r=>e.id===r.id?{...r,filterBy:{value:r.filterBy.value,operator:t}}:r))))},b=e=>{f((t=>[...t.filter((t=>t.id!==e.id))]))},y=()=>{h(),d(void 0)};return e(n,{open:u,onClose:y,scroll:"paper",TransitionComponent:Se,disableEnforceFocus:!0,fullWidth:!0,maxWidth:"sm",sx:{"& .MuiDialog-container":{justifyContent:"flex-end"}},PaperProps:{sx:{m:0,height:"100%"}},children:[t(i,{id:"scroll-dialog-title",children:t(x,{component:"span",color:"text.primary",variant:"h5",children:"Filters"})}),t(l,{dividers:!0,children:t(a,{id:"scroll-dialog-description",ref:p,tabIndex:-1,children:t(C,{component:"main",maxWidth:"xs",children:t(w,{sx:Ce,children:e(k,{container:!0,spacing:2,children:[m.map((e=>t(qe,{filter:e,closeHandler:b,setFilterOperator:v,setFilterValue:g},e.id))),t(k,{item:!0,container:!0,children:t(Pe,{fullWidth:!0,showDropdownIcon:!1,menuItems:c.map((e=>({label:e.label??e.attributeName,onClick:()=>f((t=>[...t,{id:t.length,filterOption:{attributeName:e.attributeName,label:e.label,filterType:e.filterType},filterBy:{operator:Ee(e.filterType)}}]))}))),children:"Add new filter"})})]})})})})}),e(o,{children:[t(s,{fullWidth:!0,variant:"outlined",onClick:y,children:"Cancel"}),e(s,{fullWidth:!0,onClick:()=>{h(),d(m)},children:["Apply ","("+m.length+")"]})]})]})},Ne=({page:r,open:i,handleClose:c,resolve:d})=>{const u=S(null);W((()=>{if(i){const{current:e}=u;null!==e&&e.focus()}}),[i]);const h=()=>{d(),c()};return e(n,{open:i,onClose:h,scroll:"paper",children:[t(l,{dividers:!0,children:t(a,{ref:u,tabIndex:-1,children:r})}),t(o,{children:t(s,{onClick:h,children:"Ok"})})]})},Be=e=>t(P,{component:"div",count:-1,page:e.page,onPageChange:async(t,r)=>{let n=!0;r<e.page&&(n=!1),e.setPage(r),await e.pageChange(n)},rowsPerPage:e.rowPerPage,rowsPerPageOptions:[e.rowPerPage],labelDisplayedRows:({from:e,to:t})=>`${e}–${t}`,nextIconButtonProps:{disabled:!e.isNextButtonEnabled},backIconButtonProps:{disabled:0===e.page}}),Re=R(),ze=R(),_e=R(),Ve=R(),je=()=>{const e=z(Ve);if(void 0===e)throw new Error("useFilterDialog was used outside of its Provider");return e},Le=({resolve:r,open:c,handleClose:d,single:u=!1,columns:h,defaultSortField:p,rangeCall:m,alreadySelectedItems:f,initalQueryCustomizer:g,filterOptions:v})=>{const{openFilterDialog:b}=je(),{enqueueSnackbar:y}=oe(),x=S(null),[C,w]=N(!1),[k,O]=N(0),[I,T]=N([p]),[P,F]=N(),[E,D]=N(),[M,A]=N(!0),[q,B]=N(0),[R,z]=N([]),[_,V]=N(f??(u?void 0:[])),[j,L]=N([]),[$,H]=N([]),[G,Q]=N({...g,_seek:{limit:6}}),Y=async e=>{Q((t=>({...t,_seek:{limit:e?6:5,reverse:!e,lastItem:e?P:E}}))),A(!e)},J=async()=>{w(!0);try{const e=await m(G);e.length>5?(A(!0),e.pop()):6===G._seek?.limit&&A(!1),z(e),D(e[0]),F(e[e.length-1]),O(e.length||0)}catch(e){((e,t,r)=>{if(!e||"boolean"!=typeof e.isAxiosError||!0!==e.isAxiosError)return void ye(t);const n=e.response;if(ve(n))if(n?.status)if(422===n?.status)t(xe(e.response?.data).message,{variant:"error",preventDuplicate:!0,persist:!0});else{if(400===n?.status)return be(n.data,t,r);t(xe(n?.data).message,{variant:"error",preventDuplicate:!0,persist:!0})}else ye(t);else ye(t)})(e,y)}w(!1)};W((()=>{J()}),[G]),W((()=>{if(c){const{current:e}=x;null!==e&&e.focus()}}),[c]);const K=()=>{d(),r(void 0)};return e(n,{open:c,onClose:K,scroll:"paper",fullWidth:!0,maxWidth:"sm",children:[t(i,{id:"scroll-dialog-title",children:"Select"}),t(l,{dividers:!0,children:t(a,{id:"scroll-dialog-description",ref:x,tabIndex:-1,children:t(le,{sx:u?{".MuiDataGrid-columnHeaderCheckbox .MuiDataGrid-columnHeaderTitleContainer":{display:"none"}}:void 0,autoHeight:!0,getRowId:e=>e.__identifier,loading:C,paginationMode:"server",rows:R,rowCount:k,sortingOrder:["desc","asc"],sortingMode:"server",sortModel:I,onSortModelChange:e=>{B(0),T(e);const{field:t,sort:r}=e[0];Q((e=>({...e,_orderBy:[{attribute:t,descending:"desc"===r}]})))},checkboxSelection:!0,onSelectionModelChange:u?e=>{if(Array.isArray(_))return;if(0===e.length)return V(""),void L(void 0);const t=e[e.length-1];V(t),L(R.find((e=>e.__identifier===t)))}:e=>{if(Array.isArray(_)){if(e.length>_.length){const t=e.length-_.length,r=[...e].slice(-1*t),n=R.filter((e=>-1!==r.indexOf(e.__identifier)));L((e=>{if(Array.isArray(e))return[...e,...n]}))}if(e.length<_.length){const t=_.filter((t=>-1===e.indexOf(t)));L((e=>{if(Array.isArray(e))return[...e.filter((e=>-1===t.indexOf(e.__identifier)))]}))}V(e)}},isRowSelectable:u?void 0:e=>{if(f){if(!Array.isArray(f))throw Error("Range dialog gets wrong alreadySelectedItems.");return!f.includes(e.id)}return!0},selectionModel:_,hideFooterSelectedRowCount:u,columns:h,keepNonExistentRowsSelected:!0,components:{Toolbar:()=>t(ae,{children:e(s,{variant:"outlined",onClick:async()=>{const e=await b(v,$);e&&(e=>{B(0),H(e),Q((t=>{const r={...t};return v.forEach((t=>r[t.attributeName]=mapFiltersToQueryCustomizerProperty(e,t.attributeName))),{...t,_seek:{lastItem:void 0,limit:6,reverse:void 0},...r}}))})(e)},disabled:C,children:["Set filters ",0!==$.length?"("+$.length+")":""]})}),Pagination:()=>t(Be,{pageChange:Y,isNextButtonEnabled:M,page:q,setPage:B,rowPerPage:5})}})})}),e(o,{children:[t(s,{onClick:K,children:"Cancel"}),t(s,{onClick:()=>{d(),r(j)},children:"Ok"})]})]})},$e=({children:r})=>{const[n,i]=N(!1),[l,a]=N(),o=()=>{i(!1)},s={openPageDialog:async e=>(i(!0),new Promise((r=>{a(t(Ne,{page:e,handleClose:o,open:!0,resolve:r}))})))},[c,d]=N(!1),[u,h]=N(),p=()=>{d(!1)},m={openRangeDialog:async({columns:e,defaultSortField:r,rangeCall:n,single:i=!1,alreadySelectedItems:l,filterOptions:a,initialQueryCustomizer:o})=>(d(!0),new Promise((s=>{h(t(Le,{handleClose:p,open:!0,resolve:s,columns:e,defaultSortField:r,rangeCall:n,single:i,alreadySelectedItems:l,filterOptions:a,initalQueryCustomizer:o}))})))},[f,g]=N(!1),[v,b]=N(),y=()=>(g(!1),!1),x={openConfirmDialog:async(e,r)=>(g(!0),new Promise((n=>{b(t(me,{confirmationMessage:e,title:r,handleClose:y,open:!0,resolve:n}))})))},[C,w]=N(!1),[k,O]=N(),I=()=>(w(!1),!1),T={openFilterDialog:async(e,r)=>(w(!0),new Promise((n=>{O(t(We,{filters:r,filterOptions:e,handleClose:I,open:!0,resolve:n}))})))};return t(Re.Provider,{value:s,children:t(ze.Provider,{value:x,children:t(_e.Provider,{value:m,children:e(Ve.Provider,{value:T,children:[r,n&&l,f&&v,c&&u,C&&k]})})})})},He=(e,t)=>{if(!ve(e)||0===e.length)return[];let r=1;if(t?.shownActions&&(r=e.length<t.shownActions?e.length:t.shownActions),r<0)return Ge(e,t);if(0===r)return[];if(1===r)return Qe(e);{const n=e.length===r?r:r-1,i=e.slice(0,n),l=e.slice(n);return[...Ge(i,t),...Qe(l)]}},Ge=(t,r)=>t.map(((t,n)=>({field:t.label+n,headerName:"",align:"center",type:"actions",renderCell:n=>e(s,{variant:"text",onClick:()=>t.action(n.row),children:[t.icon,(r?.showLabel??!0)&&t.label]})}))),Qe=e=>0===e.length?[]:[{field:"actions",headerName:"",align:"center",type:"actions",renderCell:r=>t(Pe,{variant:"text",showDropdownIcon:!1,menuItems:e.map((e=>({label:e.label,startIcon:e.icon,onClick:()=>e.action(r.row)}))),children:t(J,{})})}],Ye=({name:r,id:n,label:i,value:l,error:a=!1,helperText:o,disabled:s=!1,readonly:c=!0,labelList:d,icon:u,onSet:h,onView:p,onCreate:m,onRemove:f,onDelete:g})=>{const[y,x]=N(!1);let C;return C=c?t(Je,{value:l,disabled:s,onCreate:m,onView:p,onDelete:g}):t(Ke,{value:l,disabled:s,onRemove:f}),e(k,{container:!0,item:!0,direction:"row",justifyContent:"stretch",alignContent:"stretch",children:[t(F,{sx:{padding:0},disabled:s||c,onFocusCapture:()=>x(!0),onBlur:()=>x(!1),onClick:h,children:t(v,{disabled:!h||s,name:r,id:n,label:i,error:a,helperText:o,focused:y,fullWidth:!0,value:d.join(" - "),className:c?"Mui-readOnly":void 0,sx:{":hover":{cursor:"pointer"},".MuiFilledInput-input:hover":{cursor:"pointer"}},InputProps:{readOnly:!0,startAdornment:t(b,{position:"start",children:u})}})}),C]})},Je=({value:n,disabled:i,onCreate:l,onDelete:a,onView:o})=>{let s;return s=ve(n)?e(r,{children:[o&&t(O,{disabled:i,onClick:o,children:t(K,{})}),a&&t(O,{disabled:i,onClick:a,children:t(U,{})})]}):t(r,{children:l&&t(O,{disabled:i,onClick:l,children:t(X,{})})}),t(r,{children:s})},Ke=({value:e,disabled:n,onRemove:i})=>{let l;return l=ve(e)?t(r,{children:i&&t(O,{disabled:n,onClick:i,children:t(Z,{})})}):t(r,{}),t(r,{children:l})},Ue=R(),Xe=R([]),Ze=()=>{const e=z(Ue);if(void 0===e)throw new Error("useJudoNavigation was used outside of its Provider");return e},et=({children:e})=>{const r=se(),n=ce(),[i,l]=N([]),[a,o]=N({});W((()=>{o((e=>({...e,key:"0."+n.pathname,path:n.pathname})))}),[]);const s={clearNavigate:e=>{l([]),o({key:"0."+e.toString(),label:null,path:e}),r(e)},navigate:e=>{if(null===a.label)throw Error("Page title has not been set!");l((e=>[...e,a])),o({key:i.length+"."+e.toString(),label:null,path:e}),r(e)},back:()=>{if(0!==i.length){const e=i[i.length-1];return o(e),l((e=>[...e.slice(0,e.length-1)])),void r(e.path)}l([]),o({key:"0."+"/".toString(),label:null,path:"/"}),r("/")},isBackDisabled:_((()=>0===i.length),[i]),setTitle:e=>{o((t=>({...t,label:e})))}};return t(Xe.Provider,{value:i,children:t(Ue.Provider,{value:s,children:e})})},tt=()=>{const r=z(Xe);return e(E,{maxItems:2,separator:">",children:[t(ee,{}),r.map((({label:e,key:r},n)=>t(x,{color:"text.primary",children:e},r)))]})};function rt(r){return e(w,{sx:{p:2,display:"flex",flexDirection:"row",alignItems:"center"},children:[t("img",{src:r.imgSrc,alt:"hero",style:{width:"4rem",marginRight:"1rem"}}),t(x,{sx:{fontSize:18,fontWeight:"bold",color:"secondary.main"},children:r.text})]})}function nt(r){return e(w,{sx:{p:2,display:"flex",flexDirection:"column",alignItems:"center"},children:[t("img",{src:r.imgSrc,alt:"logo",style:{width:"100%"}}),t(x,{sx:{fontSize:18,fontWeight:"bold"},children:r.subTitle})]})}const it=D(de)((({theme:e})=>({color:e.palette.text.secondary,[`& .${ue.content}`]:{"& .MuiIcon-root":{marginRight:".25em"},color:e.palette.text.secondary,padding:0,marginBottom:"1rem",width:"auto",fontWeight:e.typography.fontWeightMedium,"&.Mui-expanded":{fontWeight:e.typography.fontWeightRegular},"&:hover":{backgroundColor:"inherit"},"&.Mui-focused, &.Mui-selected, &.Mui-selected.Mui-focused":{backgroundColor:"inherit",color:"var(--tree-view-color)"},[`& .${ue.label}`]:{fontWeight:"inherit",color:"inherit"}},[`& .${ue.group}`]:{marginLeft:0,[`& .${ue.content}`]:{paddingLeft:e.spacing(2)}}})));function lt(r){const{bgColor:n,color:i,labelIcon:l,labelInfo:a,labelText:o,...s}=r;return t(it,{label:e(w,{sx:{display:"flex",alignItems:"center",p:.5,pr:0},children:[t(w,{component:l,color:"inherit",sx:{marginRight:1}}),t(x,{variant:"body2",sx:{fontWeight:"inherit",flexGrow:1},children:o}),t(x,{variant:"caption",color:"inherit",children:a})]}),style:{"--tree-view-color":i,"--tree-view-bg-color":n},...s})}const at=({items:e,height:r,maxWidth:n,defaultExpanded:i})=>{const{clearNavigate:l}=Ze(),a=pe();return t(he,{"aria-label":"MenuTree",defaultExpanded:i,defaultCollapseIcon:t(te,{}),defaultExpandIcon:t(re,{}),defaultEndIcon:t("div",{style:{width:24}}),sx:{height:r,flexGrow:1,maxWidth:n,overflowY:"auto"},children:e.map((({labelText:e,to:r,items:n,...i})=>t(lt,{nodeId:e,labelText:a.formatMessage({id:`menuTree.${e}`,defaultMessage:e}),onClick:()=>r&&l(r),to:r,...i,children:n&&n.map((({labelText:e,to:r,...n})=>t(lt,{nodeId:e,labelText:a.formatMessage({id:`menuTree.${e}`,defaultMessage:e}),onClick:()=>l(r),to:r,...n})))})))})},ot=({title:n,children:i})=>{const{setTitle:l}=Ze();return W((()=>{l(n)}),[n]),e(r,{children:[t(M,{component:"div",position:"static",elevation:0,sx:{zIndex:0},children:t(A,{children:e(k,{container:!0,alignItems:"center",spacing:1,children:[t(k,{item:!0,xs:!0,children:t(x,{component:"span",color:"text.primary",variant:"h5",children:n})}),i]})})}),t(q,{})]})};export{Ye as AggregationInput,et as BreadcrumbProvider,ze as ConfirmDialogContextState,me as ConfirmationDialog,tt as CustomBreadcrumb,Be as CustomTablePagination,$e as DialogProvider,Pe as DropdownButton,We as FilterDialog,Ve as FilterDialogContextState,rt as Hero,nt as Logo,at as MenuTree,Ne as PageDialog,Re as PageDialogContextState,ot as PageHeader,Le as RangeDialog,_e as RangeDialogContextState,He as columnsActionCalculator,je as useFilterDialog,Ze as useJudoNavigation};
//# sourceMappingURL=components.mjs.map