@tracktor/design-system 3.6.4 → 3.6.5

package/CHANGELOG.md

@@ -1,4 +1,4 @@
 # [Versions](https://github.com/Tracktor/design-system/releases)
 
-## v3.6.4
-- **[fix]** -`DialogValidation` style
+## v3.6.5
+- **[fix]** -`DialogValidation` border color

package/dist/main.cjs

@@ -82,4 +82,4 @@ React keys must be passed directly to JSX without using spread:
             }
           `}),p.import&&n(o.GlobalStyles,{styles:o.css`
               @import url("https://fonts.googleapis.com/css2?family=${f}:wght@${g}&display=swap");
-            `}),t&&n(o.CssBaseline,{enableColorScheme:r}),a&&n(Si,{}),i&&n(wi,{theme:s}),e]})})},Ei={clickToUpload:"Click to upload",files:"Files",reset:"Reset",selectAll:"Select all"},Mi={clickToUpload:"Cliquez pour télécharger",files:"Fichiers",reset:"Réinitialiser",selectAll:"Tout sélectionner"},Ti={en:Ei,fr:Mi},W1=()=>{const{language:e}=y.useContext(Vr);return{t:t=>Ti[e][t]}},C1=5,Ri=(e,r)=>{const t=r==="vertical";return e==="small"?t?130:60:t?150:80},Ai=e=>{if(!e)return"";const r=e.length>1,i=[...e||[]].slice(0,5).map(({name:a})=>{const s=a.split(".").pop();return a.length>10&&r?`${a.substring(0,10)}(...).${s}`:a}).join(" • ");return e.length>C1?`${i} + ${e.length-C1}`:i},Ii=({accept:e,name:r,disabled:t,required:i,error:a,localeText:s,multiple:c,id:d,size:p,helperText:f,fullWidth:g,icon:b,onChange:v,label:x,variant:M="vertical"})=>{const{t:m}=W1(),{palette:h}=o.useTheme(),w=M==="vertical",T=d||r,E=y.useRef(null),R=y.useRef(null),[u,_]=y.useState(null),I=Ai(u),W=q=>{v==null||v(q),_(q.target.files)},O=q=>{q.preventDefault()},J=q=>{if(q.preventDefault(),q.dataTransfer.files.length>0){const Y=R.current,D=q.dataTransfer.files;_(D);const K=new DataTransfer;Array.from(D).forEach(ie=>K.items.add(ie)),Y&&(Y.files=K.files),Y==null||Y.focus(),Y==null||Y.blur(),v==null||v({...q,target:Y}),q.dataTransfer.clearData()}};return S(o.InputLabel,{ref:E,htmlFor:T,onDragOver:O,onDrop:J,sx:{"&:hover, &:focus":{borderColor:h.primary.main},border:`1px dashed ${a?h.error.main:h.divider}`,borderRadius:1,cursor:"pointer",height:Ri(p,M),maxWidth:g?"100%":400,padding:2,position:"relative",width:"100%"},children:[S(o.Stack,{alignItems:"center",height:"100%",direction:w?"column":"row",justifyContent:w?"center":"flex-start",textAlign:w?"center":"left",spacing:.5,color:t?"text.disabled":"text.secondary",children:[b||n(Ci,{sx:{height:40,width:40}}),I?S(he,{children:[S(o.Typography,{variant:"body2",color:"textSecondary",children:[u==null?void 0:u.length," ",(s==null?void 0:s.files)||m("files")]}),n(o.Typography,{variant:"body2",color:"primary",whiteSpace:w?"normal":"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:I})]}):S(o.Typography,{variant:"subtitle1",color:t?"text.disabled":"primary",children:[x||m("clickToUpload")," ",i&&"*"]}),f&&n(o.Typography,{color:a?"error":"textSecondary",variant:"body2",children:f})]}),n("input",{ref:R,type:"file",disabled:t,required:i,name:r,multiple:c,accept:e,id:T,onChange:W,style:{left:"50%",opacity:0,pointerEvents:"none",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",zIndex:-1}})]})},ze=1,Li=e=>typeof e=="string",Ne={list:{marginLeft:({spacing:e})=>`-${e(.5)} !important`,marginRight:({spacing:e})=>`-${e(.5)} !important`,minWidth:250},listItem:{borderRadius:1,padding:.5}},Y1=({Empty:e,action:r,items:t,fullWidth:i,sx:a,alwaysDisplaySecondaryAction:s,isLoading:c,disableLightbox:d,numberLoadingItems:p=3})=>{var b;const[f,g]=y.useState("");return!(t!=null&&t.length)&&!c&&!r?e||null:c?n(o.List,{sx:{...Ne.list,...i&&{width:"100%"}},children:[...Array(p).keys()].map(v=>S(o.ListItem,{sx:Ne.listItem,children:[n(o.Skeleton,{width:40,height:40,sx:{marginRight:ze},variant:"rounded"}),n(o.ListItemText,{primary:n(o.Typography,{variant:"h6",children:n(o.Skeleton,{width:90})}),secondary:n(o.Skeleton,{width:70}),sx:{marginY:0}})]},v))}):S(o.List,{sx:{...Ne.list,...i&&{width:"100%"},...a},children:[t==null?void 0:t.map(({id:v,title:x,subtitle:M,image:m,thumbnail:h,secondaryAction:w,chipLabel:T,chipColor:E,onClick:R,icon:u,Avatar:_},I)=>{var L,U,te,se;const W=`key-${I}-${x}-${v}`,O=(L=m==null?void 0:m.toLowerCase())==null?void 0:L.endsWith(".pdf"),J=(U=m==null?void 0:m.toLowerCase())==null?void 0:U.startsWith("http"),q=(te=h==null?void 0:h.toLowerCase())==null?void 0:te.startsWith("http"),Y=R?"none":void 0,D=d||!!u||!J,K=!!R||!!(!R&&!d&&(h||m)),ie=f===W,j=(q?h:"")||(J?m:"")||"";return S(o.ListItem,{secondaryAction:w,onClick:ce=>{R==null||R(ce),K&&!ie&&!R&&g(W)},sx:{...Ne.listItem,"& .MuiListItemSecondaryAction-root":{alignItems:"center",display:"flex",justifyContent:"center",opacity:s?1:0,position:"static",right:({spacing:ce})=>ce(.5),transform:"none"},"&:hover":{"& .MuiListItemSecondaryAction-root":{opacity:1},backgroundColor:({palette:ce})=>K?ce.action.hover:"transparent"},cursor:K?"pointer":"default"},children:[_!==void 0&&n(o.Box,{marginRight:ze,children:_}),!_&&O&&n(ar,{src:m,srcThumb:h,width:40,height:40,sx:{borderRadius:1,marginRight:ze},disableLightbox:d,open:ie,onClose:()=>g("")}),!_&&!O&&n(ar,{disableThumb:!0,src:m,srcThumb:h,disableLightbox:D,open:ie,onClose:()=>g(""),children:n(o.Avatar,{src:j,variant:"rounded",sx:{marginRight:ze},children:u||typeof x=="string"&&((se=x||"")==null?void 0:se.charAt(0).toUpperCase())})}),n(o.ListItemText,{primary:S(o.Stack,{direction:"row",alignItems:"center",spacing:1,children:[x&&n(o.Typography,{variant:"h6",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:x}),T&&n(o.Chip,{label:T,variant:"rounded",size:"xSmall",color:Li(E)?E:"default"})]}),secondary:M,primaryTypographyProps:{component:"div"},secondaryTypographyProps:{component:"div"},sx:{marginY:0,userSelect:Y}})]},W)}),r&&S(o.ListItemButton,{onClick:r==null?void 0:r.onClick,sx:{...Ne.listItem,"&:hover":{backgroundColor:({palette:v})=>v.action.hover}},children:[n(o.Avatar,{src:(r==null?void 0:r.image)||"",variant:"rounded",sx:{marginRight:ze},children:(r==null?void 0:r.icon)||((b=r==null?void 0:r.title)==null?void 0:b.charAt(0).toUpperCase())}),n(o.ListItemText,{primary:(r==null?void 0:r.title)&&n(o.Typography,{variant:"h6",children:r==null?void 0:r.title}),secondary:r==null?void 0:r.subtitle,sx:{marginY:0}})]})]})},Ar={padding:0,paddingRight:1},_i=e=>function(t){return n(o.Badge,{badgeContent:`+${t}`,color:e,sx:{"& .MuiBadge-badge":{position:"relative",transform:"none"},alignItems:"center"}})},Fi=({children:e,disableSelectAll:r,localeText:t,disableReset:i,onChange:a,loading:s,options:c,value:d,multiple:p,...f})=>{const{t:g}=W1(),b=Array.isArray(d)?(d==null?void 0:d.length)===(c==null?void 0:c.length):!1,v=c==null?void 0:c.filter(x=>x==null?void 0:x.isHeader);return S(o.Paper,{...f,children:[p&&!s&&(!r||!!(v!=null&&v.length))&&S(he,{children:[S(o.List,{role:"listbox",children:[!r&&n(o.ListItem,{disablePadding:!0,role:"option",onMouseDown:x=>{if(x.stopPropagation(),x.preventDefault(),b){a==null||a(x,[],"removeOption");return}a==null||a(x,c||[],"selectOption")},children:S(o.ListItemButton,{disableRipple:!0,children:[n(o.Checkbox,{disableRipple:!0,id:"select-all-checkbox",checked:b,sx:Ar}),n(o.ListItemText,{primary:(t==null?void 0:t.selectAll)||g("selectAll"),primaryTypographyProps:{variant:"body2"}}),!i&&n(o.Button,{variant:"link",size:"small",sx:{marginX:1,textDecoration:"none"},onClick:x=>{a==null||a(x,[],"removeOption")},onMouseDown:x=>{x.stopPropagation(),x.preventDefault()},children:n(o.Typography,{variant:"body2",children:(t==null?void 0:t.reset)||g("reset")})})]})}),v==null?void 0:v.map((x,M)=>{const m=`header-options-${x==null?void 0:x.id}-${M}`,h=Array.isArray(d)&&d.some(w=>JSON.stringify(w)===JSON.stringify(x)||w&&typeof w=="object"&&"id"in w&&(w==null?void 0:w.id)===(x==null?void 0:x.id));return n(o.ListItem,{disablePadding:!0,onMouseDown:w=>{if(w.stopPropagation(),w.preventDefault(),h){const T=Array.isArray(d)?d==null?void 0:d.filter(E=>!(JSON.stringify(E)===JSON.stringify(x)||E&&typeof E=="object"&&"id"in E&&(E==null?void 0:E.id)===(x==null?void 0:x.id))):[];a==null||a(w,T,"removeOption");return}a==null||a(w,[...Array.isArray(d)?d:[],x],"selectOption")},children:S(o.ListItemButton,{disableRipple:!0,children:[n(o.Checkbox,{disableRipple:!0,checked:h,sx:Ar}),n(o.ListItemText,{primary:x==null?void 0:x.label})]})},m)})]}),n(o.Divider,{})]}),e]})},Oi=({onChange:e,disableCheckbox:r,placeholder:t,localeText:i,disableReset:a,disableSelectAll:s,value:c,onFocus:d,onBlur:p,open:f,onInputChange:g,inputValue:b,disableClearable:v,loading:x,resetInputValueOnSelectOption:M,renderOption:m,renderTags:h,size:w="small",disableCloseOnSelect:T=!0,multiple:E=!0,options:R=[],slotProps:u,..._},I)=>{const{palette:W}=o.useTheme(),[O,J]=y.useState(!1),[q,Y]=y.useState(""),D=W.mode==="light"?"default":"primary",K=b||q,ye=E?c?Array.isArray(c)?c:[c]:[]:c||null,ge=(j,L,U,te)=>{if(L===null){e==null||e(j,E?[]:null,U,te);return}e==null||e(j,L,U,te),(!T||!E)&&J(!1)};return n(o.Autocomplete,{freeSolo:!1,multiple:E,disableClearable:v,value:ye,loading:x,options:R,ref:I,size:w,disableCloseOnSelect:T,onChange:ge,getLimitTagsText:_i(D),inputValue:K,open:f||O,onOpen:()=>J(!0),slots:{paper:Fi},slotProps:{...u,paper:{disableReset:a,disableSelectAll:s,loading:x,localeText:i,multiple:E,onChange:e,options:R,value:c,...u==null?void 0:u.paper}},onInputChange:(j,L,U)=>{U==="reset"&&O&&!M||U==="selectOption"&&!M||U==="removeOption"&&!M||(b||Y(L),g==null||g(j,L,U))},onFocus:j=>{J(!0),d==null||d(j)},onBlur:j=>{J(!1),p==null||p(j)},renderOption:m||((j,L,{selected:U})=>{var se;if(x||L!=null&&L.isHeader)return null;const te=`${L==null?void 0:L.id}-${j==null?void 0:j.key}`;return xt.createElement(o.ListItem,{...j,key:te},!r&&n(o.Checkbox,{disableRipple:!0,checked:U,sx:Ar}),(L==null?void 0:L.image)&&n(o.ListItemAvatar,{sx:{height:24,marginRight:1,minWidth:"auto",width:24},children:n(o.Avatar,{variant:"rounded",src:L==null?void 0:L.image,sx:{height:24,width:24},children:(L==null?void 0:L.image)==="letter"&&typeof(L==null?void 0:L.label)=="string"&&((se=L==null?void 0:L.label)==null?void 0:se.charAt(0).toUpperCase())})}),typeof(L==null?void 0:L.label)=="string"?n(o.Typography,{variant:"body2",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",title:L==null?void 0:L.label,children:L.label}):L==null?void 0:L.label)}),renderTags:h||((j,L,U)=>Array.isArray(j)?j.map((te,se)=>{const{key:ce}=L({index:se});return U!=null&&U.focused?null:n(o.Typography,{marginX:1,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:te==null?void 0:te.label},ce)}):null),..._,renderInput:j=>{var te,se;const L=()=>{if(!(!O&&(Array.isArray(c)&&c.length||!Array.isArray(c)&&c)))return t},U=y.isValidElement((te=j.InputProps)==null?void 0:te.endAdornment)?(se=j.InputProps)==null?void 0:se.endAdornment:null;return n(o.TextField,{sx:{".MuiInputBase-root .MuiInputBase-input":{flex:!E||!O&&!K||O?1:0,minWidth:0}},...j,slotProps:{input:{...j.InputProps,endAdornment:O?S(o.InputAdornment,{position:"end",sx:{position:"absolute",right:9},children:[O&&K&&!v&&n(o.IconButton,{size:"small",onClick:ce=>{Y(""),g==null||g(ce,"","clear")},sx:{marginRight:"-3px"},children:n(Fr,{sx:{fontSize:X(20)}})}),U==null?void 0:U.props.children[1]]}):U}},placeholder:L()})}})},Hi=y.forwardRef(Oi),Bi=({in:e,children:r,sx:t,padding:i,direction:a,position:s="fixed",mountOnEnter:c=!0,unmountOnExit:d=!0,...p},f)=>n(o.Slide,{mountOnEnter:c,unmountOnExit:d,in:e===void 0?!0:e,direction:"up",children:n(o.Paper,{square:!0,elevation:0,ref:f,sx:{borderTop:({palette:g})=>`1px solid ${g.divider}`,bottom:0,left:0,padding:i,paddingX:i?void 0:2,paddingY:i?void 0:3,position:s,right:0,zIndex:10,...a==="column"&&{display:"flex",flexDirection:"column"},...a==="row"&&{display:"flex",flexDirection:"row"},...t},...p,children:r})}),Vi=y.forwardRef(Bi),Di=({sx:e,fontSize:r,color:t="currentColor"})=>n(o.SvgIcon,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",fontSize:r,sx:e,children:n("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:t})}),Pi=({sx:e,fontSize:r,color:t="currentColor"})=>n(o.SvgIcon,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",fontSize:r,sx:e,children:n("path",{d:"M19.7231 21.1385L15.8308 17.2577C15.3884 17.4539 14.8394 17.6266 14.1836 17.776C13.5279 17.9253 12.8 18 12 18C9.81665 18 7.83139 17.4035 6.0442 16.2106C4.25702 15.0176 2.93459 13.4474 2.0769 11.5C2.46535 10.6167 2.97753 9.78943 3.61343 9.01828C4.24933 8.24713 4.92818 7.60001 5.64998 7.07693L2.8615 4.27693L3.5692 3.56923L20.4308 20.4308L19.7231 21.1385ZM12 15.1539C12.2346 15.1539 12.492 15.1263 12.7721 15.0712C13.0522 15.016 13.2711 14.9442 13.4288 14.8558L8.6442 10.0712C8.55574 10.2545 8.48395 10.483 8.42883 10.7567C8.3737 11.0304 8.34613 11.2782 8.34613 11.5C8.34613 12.5192 8.7003 13.383 9.40863 14.0914C10.117 14.7997 10.9807 15.1539 12 15.1539ZM18.6077 15.7192L15.5096 12.6462C15.5493 12.5039 15.5833 12.3349 15.6115 12.1394C15.6397 11.9439 15.6538 11.7308 15.6538 11.5C15.6538 10.4808 15.2997 9.61699 14.5913 8.90865C13.883 8.20032 13.0192 7.84615 12 7.84615C11.7692 7.84615 11.5625 7.86346 11.3798 7.89808C11.1971 7.9327 11.0282 7.98462 10.8731 8.05385L8.4192 5.61923C8.99997 5.4 9.591 5.24198 10.1923 5.14518C10.7936 5.0484 11.3961 5 12 5C14.1705 5 16.1558 5.59648 17.9558 6.78943C19.7558 7.98238 21.0782 9.55257 21.9231 11.5C21.5654 12.3039 21.1125 13.0593 20.5644 13.7664C20.0163 14.4734 19.3641 15.1244 18.6077 15.7192ZM14.6942 11.85L11.675 8.85C12.0904 8.76667 12.4939 8.79455 12.8856 8.93365C13.2772 9.07275 13.6147 9.2859 13.8981 9.57308C14.1942 9.86026 14.4144 10.2029 14.5586 10.601C14.7029 10.999 14.7481 11.4154 14.6942 11.85Z",fill:t})}),$i=({slotProps:e,...r})=>{const[t,i]=y.useState(!1),a=()=>{i(d=>!d)},s=d=>{d.preventDefault()},c=d=>{d.preventDefault()};return n(o.TextField,{type:t?"text":"password",slotProps:{...e,input:{...e==null?void 0:e.input,endAdornment:n(o.InputAdornment,{position:"end",children:n(o.IconButton,{"aria-label":t?"hide the password":"display the password",onClick:a,onMouseDown:s,onMouseUp:c,edge:"end",children:t?n(Pi,{}):n(Di,{})})})}},...r})},oe={large:{primary:40,secondary:32},medium:{primary:32,secondary:24},small:{primary:24,secondary:16}},Zi=e=>e!==void 0&&typeof e=="object"&&!Array.isArray(e),b1=e=>{if(e===void 0)return oe.medium.primary;if(typeof e=="number")return e;const r=parseFloat(e);return Number.isNaN(r)?oe.medium.primary:r},zi=(e,r)=>{if(r)return{height:oe[r].secondary,width:oe[r].secondary};if(Zi(e)){const{height:t,width:i}=e;return{height:Math.max(b1(t)-(oe.medium.primary-oe.medium.secondary),oe.small.secondary),width:Math.max(b1(i)-(oe.medium.primary-oe.medium.secondary),oe.small.secondary)}}return{height:oe.medium.secondary,width:oe.medium.secondary}},U1=y.forwardRef(({secondarySrc:e,secondaryAvatarProps:r,size:t,...i},a)=>{if(e){const{height:s,width:c}=zi(i.sx,t);return S(o.Box,{sx:{display:"flex",position:"relative"},children:[n(o.Avatar,{ref:a,...i,sx:{...t&&{height:oe[t].primary,width:oe[t].primary},...i.sx}}),n(o.Avatar,{src:e,sx:{bottom:-(s/3),height:s,outline:({palette:d})=>`2px solid ${d.common.white}`,position:"absolute",right:-(c/3),width:c,...r==null?void 0:r.sx},...r})]})}return n(o.Avatar,{ref:a,...i,sx:{...t&&{height:oe[t].primary,width:oe[t].primary},...i.sx}})});U1.displayName="Avatar";const Ni=({open:e,anchorEl:r,onClose:t,children:i,placement:a,variant:s="outlined"})=>n(o.Backdrop,{open:!!e,onClick:t,sx:{backgroundColor:"rgba(0, 0, 0, 0.2)"},children:n(o.Popper,{open:!!e,anchorEl:r,placement:a,sx:{maxWidth:"100%"},children:n(o.Paper,{role:"dialog","aria-modal":"false",variant:s,tabIndex:-1,onClick:c=>c.stopPropagation(),sx:{borderRadius:1.5},children:i})})}),y1=86,ji={"& svg":{animation:"scaleIn 0.4s ease-out"},"& svg path:first-of-type":{animation:"circleIn 2s ease-out"},"& svg path:last-child":{animation:"checkIn 0.4s ease-out 0.4s both",strokeDasharray:"30",strokeDashoffset:"-30"},"@keyframes checkIn":{"0%":{strokeDashoffset:"-30"},"100%":{strokeDashoffset:"0"}},"@keyframes circleIn":{"0%":{opacity:0},"100%":{opacity:1}},"@keyframes scaleIn":{"0%":{transform:"scale(0)"},"100%":{transform:"scale(1)"}}},Wi=({title:e,subtitle:r,buttonPrimary:t,buttonSecondary:i,color:a="secondary",fullWidth:s=!0,maxWidth:c="xs",onClose:d,...p})=>S(o.Dialog,{maxWidth:c,fullWidth:s,onClose:d,...p,children:[S(o.DialogContent,{sx:{alignItems:"center",backgroundColor:({palette:f})=>f[a]["4p"],display:"flex",flexDirection:"column",padding:3,textAlign:"center",...(t||i)&&{borderBottom:({palette:f})=>`1px solid ${f.divider}`}},children:[n(P1,{onClick:f=>d==null?void 0:d(f,"closeButton")}),n(o.Box,{sx:{alignItems:"center",backgroundColor:({palette:f})=>f[a]["12p"],borderRadius:"50%",color:({palette:f})=>f[a].main,display:"flex",flexShrink:0,height:y1,justifyContent:"center",marginBottom:4,width:y1,...ji},children:S("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("path",{d:"M20 36.6666C29.2048 36.6666 36.6667 29.2047 36.6667 20C36.6667 10.7952 29.2048 3.33331 20 3.33331C10.7953 3.33331 3.33334 10.7952 3.33334 20C3.33334 29.2047 10.7953 36.6666 20 36.6666Z",fill:"currentColor"}),n("path",{d:"M28 14L17 25L12 20",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),n(o.Typography,{variant:"h4",sx:{marginBottom:1,maxWidth:180},children:e}),n(o.DialogContentText,{variant:"body2",sx:{maxWidth:300},children:r})]}),(t||i)&&S(o.DialogActions,{children:[i&&n(Mr,{variant:"outlined",size:"small",isLoading:i==null?void 0:i.loading,onClick:i==null?void 0:i.onClick,sx:{flex:1},children:i==null?void 0:i.text}),t&&n(Mr,{variant:"contained",size:"small",isLoading:t==null?void 0:t.loading,onClick:t==null?void 0:t.onClick,endIcon:n("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("path",{d:"M7.27875 4.5L6.22125 5.5575L9.65625 9L6.22125 12.4425L7.27875 13.5L11.7788 9L7.27875 4.5Z",fill:"currentColor"})}),children:t==null?void 0:t.text})]})]}),Yi=({children:e,permissions:r,disabledPermissions:t})=>{const[i,a]=y.useState(),s=y.useMemo(()=>({disabledPermissions:t,permissions:i,setPermissions:a}),[t,i]);return y.useEffect(()=>{a(r)},[r]),n(m1.Provider,{value:s,children:e})},Ui={component:void 0,isOpen:!1,message:"",severity:"success",variant:"standard"},Dr=y.createContext({closeSnackbar:()=>{},isOpen:!1,openSnackbar:()=>{}}),Gi=({children:e,autoHideDuration:r=5e3,anchorOrigin:t={horizontal:"center",vertical:"bottom"}})=>{const[i,a]=y.useState(Ui),s=y.useCallback(p=>{a({component:p==null?void 0:p.component,isOpen:!0,message:(p==null?void 0:p.message)||"",severity:(p==null?void 0:p.severity)||"success",variant:(p==null?void 0:p.variant)||"standard"})},[]),c=y.useCallback((p,f)=>{f!=="clickaway"&&a(g=>({...g,isOpen:!1}))},[]),d=y.useMemo(()=>({closeSnackbar:c,isOpen:i.isOpen,openSnackbar:s}),[c,s,i.isOpen]);return S(Dr.Provider,{value:d,children:[n(o.Snackbar,{open:i.isOpen,onClose:c,autoHideDuration:r,anchorOrigin:t,children:i.component?n(i.component,{}):n(o.Alert,{severity:i.severity,variant:i.variant,children:i.message})},i.message),e]})},qi=()=>{const e=y.useContext(Dr),{isOpen:r,closeSnackbar:t,openSnackbar:i}=e;if(e===void 0)throw new Error("SnackbarProvider must be used within a useSnackBar hook");return{closeSnackbar:t,isOpen:r,openSnackbar:i}},Xi=()=>{const[e,r]=y.useState(0);return{handleChange:y.useCallback((i,a)=>{r(a)},[]),value:e}},Ji=e=>`linear-gradient(${o.alpha("#fff",+o.getOverlayAlpha(e))}, ${o.alpha("#fff",+o.getOverlayAlpha(e))})`;exports.ActionAppBar=Tr;exports.AppBar=fi;exports.ArticleImage=ii;exports.AutocompleteFilter=Hi;exports.Avatar=U1;exports.AvatarAppBar=$1;exports.Backoffice=di;exports.BottomFixedPaper=Vi;exports.Button=Mr;exports.CardModal=On;exports.Chip=xi;exports.DialogCloseIcon=P1;exports.DialogPopper=Ni;exports.DialogValidation=Wi;exports.File=Ii;exports.FileViewer=ar;exports.HasPermission=yt;exports.Lightbox=Hr;exports.LinkTab=_n;exports.ListAvatar=Y1;exports.ListAvatars=Y1;exports.ListItemCard=Un;exports.Logo=B1;exports.NavigationMenu=zn;exports.NavigationMenuContext=Se;exports.PermissionProvider=Yi;exports.QuantityField=Vn;exports.SnackbarContext=Dr;exports.SnackbarProvider=Gi;exports.StatusIcon=je;exports.TabPanel=ri;exports.TextArea=Bn;exports.TextFieldAppBar=Z1;exports.TextFieldPassword=$i;exports.ThemeContext=Vr;exports.ThemeProvider=ki;exports.TimeLine=ci;exports.TypographySkeleton=ti;exports.getBackgroundImageElevation=Ji;exports.pxToRem=X;exports.theme=vi;exports.useMenu=z1;exports.usePermission=v1;exports.useSnackbar=qi;exports.useTabs=Xi;Object.keys(o).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>o[e]})});
+            `}),t&&n(o.CssBaseline,{enableColorScheme:r}),a&&n(Si,{}),i&&n(wi,{theme:s}),e]})})},Ei={clickToUpload:"Click to upload",files:"Files",reset:"Reset",selectAll:"Select all"},Mi={clickToUpload:"Cliquez pour télécharger",files:"Fichiers",reset:"Réinitialiser",selectAll:"Tout sélectionner"},Ti={en:Ei,fr:Mi},W1=()=>{const{language:e}=y.useContext(Vr);return{t:t=>Ti[e][t]}},C1=5,Ri=(e,r)=>{const t=r==="vertical";return e==="small"?t?130:60:t?150:80},Ai=e=>{if(!e)return"";const r=e.length>1,i=[...e||[]].slice(0,5).map(({name:a})=>{const s=a.split(".").pop();return a.length>10&&r?`${a.substring(0,10)}(...).${s}`:a}).join(" • ");return e.length>C1?`${i} + ${e.length-C1}`:i},Ii=({accept:e,name:r,disabled:t,required:i,error:a,localeText:s,multiple:c,id:d,size:p,helperText:f,fullWidth:g,icon:b,onChange:v,label:x,variant:M="vertical"})=>{const{t:m}=W1(),{palette:h}=o.useTheme(),w=M==="vertical",T=d||r,E=y.useRef(null),R=y.useRef(null),[u,_]=y.useState(null),I=Ai(u),W=q=>{v==null||v(q),_(q.target.files)},O=q=>{q.preventDefault()},J=q=>{if(q.preventDefault(),q.dataTransfer.files.length>0){const Y=R.current,D=q.dataTransfer.files;_(D);const K=new DataTransfer;Array.from(D).forEach(ie=>K.items.add(ie)),Y&&(Y.files=K.files),Y==null||Y.focus(),Y==null||Y.blur(),v==null||v({...q,target:Y}),q.dataTransfer.clearData()}};return S(o.InputLabel,{ref:E,htmlFor:T,onDragOver:O,onDrop:J,sx:{"&:hover, &:focus":{borderColor:h.primary.main},border:`1px dashed ${a?h.error.main:h.divider}`,borderRadius:1,cursor:"pointer",height:Ri(p,M),maxWidth:g?"100%":400,padding:2,position:"relative",width:"100%"},children:[S(o.Stack,{alignItems:"center",height:"100%",direction:w?"column":"row",justifyContent:w?"center":"flex-start",textAlign:w?"center":"left",spacing:.5,color:t?"text.disabled":"text.secondary",children:[b||n(Ci,{sx:{height:40,width:40}}),I?S(he,{children:[S(o.Typography,{variant:"body2",color:"textSecondary",children:[u==null?void 0:u.length," ",(s==null?void 0:s.files)||m("files")]}),n(o.Typography,{variant:"body2",color:"primary",whiteSpace:w?"normal":"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:I})]}):S(o.Typography,{variant:"subtitle1",color:t?"text.disabled":"primary",children:[x||m("clickToUpload")," ",i&&"*"]}),f&&n(o.Typography,{color:a?"error":"textSecondary",variant:"body2",children:f})]}),n("input",{ref:R,type:"file",disabled:t,required:i,name:r,multiple:c,accept:e,id:T,onChange:W,style:{left:"50%",opacity:0,pointerEvents:"none",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",zIndex:-1}})]})},ze=1,Li=e=>typeof e=="string",Ne={list:{marginLeft:({spacing:e})=>`-${e(.5)} !important`,marginRight:({spacing:e})=>`-${e(.5)} !important`,minWidth:250},listItem:{borderRadius:1,padding:.5}},Y1=({Empty:e,action:r,items:t,fullWidth:i,sx:a,alwaysDisplaySecondaryAction:s,isLoading:c,disableLightbox:d,numberLoadingItems:p=3})=>{var b;const[f,g]=y.useState("");return!(t!=null&&t.length)&&!c&&!r?e||null:c?n(o.List,{sx:{...Ne.list,...i&&{width:"100%"}},children:[...Array(p).keys()].map(v=>S(o.ListItem,{sx:Ne.listItem,children:[n(o.Skeleton,{width:40,height:40,sx:{marginRight:ze},variant:"rounded"}),n(o.ListItemText,{primary:n(o.Typography,{variant:"h6",children:n(o.Skeleton,{width:90})}),secondary:n(o.Skeleton,{width:70}),sx:{marginY:0}})]},v))}):S(o.List,{sx:{...Ne.list,...i&&{width:"100%"},...a},children:[t==null?void 0:t.map(({id:v,title:x,subtitle:M,image:m,thumbnail:h,secondaryAction:w,chipLabel:T,chipColor:E,onClick:R,icon:u,Avatar:_},I)=>{var L,U,te,se;const W=`key-${I}-${x}-${v}`,O=(L=m==null?void 0:m.toLowerCase())==null?void 0:L.endsWith(".pdf"),J=(U=m==null?void 0:m.toLowerCase())==null?void 0:U.startsWith("http"),q=(te=h==null?void 0:h.toLowerCase())==null?void 0:te.startsWith("http"),Y=R?"none":void 0,D=d||!!u||!J,K=!!R||!!(!R&&!d&&(h||m)),ie=f===W,j=(q?h:"")||(J?m:"")||"";return S(o.ListItem,{secondaryAction:w,onClick:ce=>{R==null||R(ce),K&&!ie&&!R&&g(W)},sx:{...Ne.listItem,"& .MuiListItemSecondaryAction-root":{alignItems:"center",display:"flex",justifyContent:"center",opacity:s?1:0,position:"static",right:({spacing:ce})=>ce(.5),transform:"none"},"&:hover":{"& .MuiListItemSecondaryAction-root":{opacity:1},backgroundColor:({palette:ce})=>K?ce.action.hover:"transparent"},cursor:K?"pointer":"default"},children:[_!==void 0&&n(o.Box,{marginRight:ze,children:_}),!_&&O&&n(ar,{src:m,srcThumb:h,width:40,height:40,sx:{borderRadius:1,marginRight:ze},disableLightbox:d,open:ie,onClose:()=>g("")}),!_&&!O&&n(ar,{disableThumb:!0,src:m,srcThumb:h,disableLightbox:D,open:ie,onClose:()=>g(""),children:n(o.Avatar,{src:j,variant:"rounded",sx:{marginRight:ze},children:u||typeof x=="string"&&((se=x||"")==null?void 0:se.charAt(0).toUpperCase())})}),n(o.ListItemText,{primary:S(o.Stack,{direction:"row",alignItems:"center",spacing:1,children:[x&&n(o.Typography,{variant:"h6",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:x}),T&&n(o.Chip,{label:T,variant:"rounded",size:"xSmall",color:Li(E)?E:"default"})]}),secondary:M,primaryTypographyProps:{component:"div"},secondaryTypographyProps:{component:"div"},sx:{marginY:0,userSelect:Y}})]},W)}),r&&S(o.ListItemButton,{onClick:r==null?void 0:r.onClick,sx:{...Ne.listItem,"&:hover":{backgroundColor:({palette:v})=>v.action.hover}},children:[n(o.Avatar,{src:(r==null?void 0:r.image)||"",variant:"rounded",sx:{marginRight:ze},children:(r==null?void 0:r.icon)||((b=r==null?void 0:r.title)==null?void 0:b.charAt(0).toUpperCase())}),n(o.ListItemText,{primary:(r==null?void 0:r.title)&&n(o.Typography,{variant:"h6",children:r==null?void 0:r.title}),secondary:r==null?void 0:r.subtitle,sx:{marginY:0}})]})]})},Ar={padding:0,paddingRight:1},_i=e=>function(t){return n(o.Badge,{badgeContent:`+${t}`,color:e,sx:{"& .MuiBadge-badge":{position:"relative",transform:"none"},alignItems:"center"}})},Fi=({children:e,disableSelectAll:r,localeText:t,disableReset:i,onChange:a,loading:s,options:c,value:d,multiple:p,...f})=>{const{t:g}=W1(),b=Array.isArray(d)?(d==null?void 0:d.length)===(c==null?void 0:c.length):!1,v=c==null?void 0:c.filter(x=>x==null?void 0:x.isHeader);return S(o.Paper,{...f,children:[p&&!s&&(!r||!!(v!=null&&v.length))&&S(he,{children:[S(o.List,{role:"listbox",children:[!r&&n(o.ListItem,{disablePadding:!0,role:"option",onMouseDown:x=>{if(x.stopPropagation(),x.preventDefault(),b){a==null||a(x,[],"removeOption");return}a==null||a(x,c||[],"selectOption")},children:S(o.ListItemButton,{disableRipple:!0,children:[n(o.Checkbox,{disableRipple:!0,id:"select-all-checkbox",checked:b,sx:Ar}),n(o.ListItemText,{primary:(t==null?void 0:t.selectAll)||g("selectAll"),primaryTypographyProps:{variant:"body2"}}),!i&&n(o.Button,{variant:"link",size:"small",sx:{marginX:1,textDecoration:"none"},onClick:x=>{a==null||a(x,[],"removeOption")},onMouseDown:x=>{x.stopPropagation(),x.preventDefault()},children:n(o.Typography,{variant:"body2",children:(t==null?void 0:t.reset)||g("reset")})})]})}),v==null?void 0:v.map((x,M)=>{const m=`header-options-${x==null?void 0:x.id}-${M}`,h=Array.isArray(d)&&d.some(w=>JSON.stringify(w)===JSON.stringify(x)||w&&typeof w=="object"&&"id"in w&&(w==null?void 0:w.id)===(x==null?void 0:x.id));return n(o.ListItem,{disablePadding:!0,onMouseDown:w=>{if(w.stopPropagation(),w.preventDefault(),h){const T=Array.isArray(d)?d==null?void 0:d.filter(E=>!(JSON.stringify(E)===JSON.stringify(x)||E&&typeof E=="object"&&"id"in E&&(E==null?void 0:E.id)===(x==null?void 0:x.id))):[];a==null||a(w,T,"removeOption");return}a==null||a(w,[...Array.isArray(d)?d:[],x],"selectOption")},children:S(o.ListItemButton,{disableRipple:!0,children:[n(o.Checkbox,{disableRipple:!0,checked:h,sx:Ar}),n(o.ListItemText,{primary:x==null?void 0:x.label})]})},m)})]}),n(o.Divider,{})]}),e]})},Oi=({onChange:e,disableCheckbox:r,placeholder:t,localeText:i,disableReset:a,disableSelectAll:s,value:c,onFocus:d,onBlur:p,open:f,onInputChange:g,inputValue:b,disableClearable:v,loading:x,resetInputValueOnSelectOption:M,renderOption:m,renderTags:h,size:w="small",disableCloseOnSelect:T=!0,multiple:E=!0,options:R=[],slotProps:u,..._},I)=>{const{palette:W}=o.useTheme(),[O,J]=y.useState(!1),[q,Y]=y.useState(""),D=W.mode==="light"?"default":"primary",K=b||q,ye=E?c?Array.isArray(c)?c:[c]:[]:c||null,ge=(j,L,U,te)=>{if(L===null){e==null||e(j,E?[]:null,U,te);return}e==null||e(j,L,U,te),(!T||!E)&&J(!1)};return n(o.Autocomplete,{freeSolo:!1,multiple:E,disableClearable:v,value:ye,loading:x,options:R,ref:I,size:w,disableCloseOnSelect:T,onChange:ge,getLimitTagsText:_i(D),inputValue:K,open:f||O,onOpen:()=>J(!0),slots:{paper:Fi},slotProps:{...u,paper:{disableReset:a,disableSelectAll:s,loading:x,localeText:i,multiple:E,onChange:e,options:R,value:c,...u==null?void 0:u.paper}},onInputChange:(j,L,U)=>{U==="reset"&&O&&!M||U==="selectOption"&&!M||U==="removeOption"&&!M||(b||Y(L),g==null||g(j,L,U))},onFocus:j=>{J(!0),d==null||d(j)},onBlur:j=>{J(!1),p==null||p(j)},renderOption:m||((j,L,{selected:U})=>{var se;if(x||L!=null&&L.isHeader)return null;const te=`${L==null?void 0:L.id}-${j==null?void 0:j.key}`;return xt.createElement(o.ListItem,{...j,key:te},!r&&n(o.Checkbox,{disableRipple:!0,checked:U,sx:Ar}),(L==null?void 0:L.image)&&n(o.ListItemAvatar,{sx:{height:24,marginRight:1,minWidth:"auto",width:24},children:n(o.Avatar,{variant:"rounded",src:L==null?void 0:L.image,sx:{height:24,width:24},children:(L==null?void 0:L.image)==="letter"&&typeof(L==null?void 0:L.label)=="string"&&((se=L==null?void 0:L.label)==null?void 0:se.charAt(0).toUpperCase())})}),typeof(L==null?void 0:L.label)=="string"?n(o.Typography,{variant:"body2",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",title:L==null?void 0:L.label,children:L.label}):L==null?void 0:L.label)}),renderTags:h||((j,L,U)=>Array.isArray(j)?j.map((te,se)=>{const{key:ce}=L({index:se});return U!=null&&U.focused?null:n(o.Typography,{marginX:1,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:te==null?void 0:te.label},ce)}):null),..._,renderInput:j=>{var te,se;const L=()=>{if(!(!O&&(Array.isArray(c)&&c.length||!Array.isArray(c)&&c)))return t},U=y.isValidElement((te=j.InputProps)==null?void 0:te.endAdornment)?(se=j.InputProps)==null?void 0:se.endAdornment:null;return n(o.TextField,{sx:{".MuiInputBase-root .MuiInputBase-input":{flex:!E||!O&&!K||O?1:0,minWidth:0}},...j,slotProps:{input:{...j.InputProps,endAdornment:O?S(o.InputAdornment,{position:"end",sx:{position:"absolute",right:9},children:[O&&K&&!v&&n(o.IconButton,{size:"small",onClick:ce=>{Y(""),g==null||g(ce,"","clear")},sx:{marginRight:"-3px"},children:n(Fr,{sx:{fontSize:X(20)}})}),U==null?void 0:U.props.children[1]]}):U}},placeholder:L()})}})},Hi=y.forwardRef(Oi),Bi=({in:e,children:r,sx:t,padding:i,direction:a,position:s="fixed",mountOnEnter:c=!0,unmountOnExit:d=!0,...p},f)=>n(o.Slide,{mountOnEnter:c,unmountOnExit:d,in:e===void 0?!0:e,direction:"up",children:n(o.Paper,{square:!0,elevation:0,ref:f,sx:{borderTop:({palette:g})=>`1px solid ${g.divider}`,bottom:0,left:0,padding:i,paddingX:i?void 0:2,paddingY:i?void 0:3,position:s,right:0,zIndex:10,...a==="column"&&{display:"flex",flexDirection:"column"},...a==="row"&&{display:"flex",flexDirection:"row"},...t},...p,children:r})}),Vi=y.forwardRef(Bi),Di=({sx:e,fontSize:r,color:t="currentColor"})=>n(o.SvgIcon,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",fontSize:r,sx:e,children:n("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:t})}),Pi=({sx:e,fontSize:r,color:t="currentColor"})=>n(o.SvgIcon,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",fontSize:r,sx:e,children:n("path",{d:"M19.7231 21.1385L15.8308 17.2577C15.3884 17.4539 14.8394 17.6266 14.1836 17.776C13.5279 17.9253 12.8 18 12 18C9.81665 18 7.83139 17.4035 6.0442 16.2106C4.25702 15.0176 2.93459 13.4474 2.0769 11.5C2.46535 10.6167 2.97753 9.78943 3.61343 9.01828C4.24933 8.24713 4.92818 7.60001 5.64998 7.07693L2.8615 4.27693L3.5692 3.56923L20.4308 20.4308L19.7231 21.1385ZM12 15.1539C12.2346 15.1539 12.492 15.1263 12.7721 15.0712C13.0522 15.016 13.2711 14.9442 13.4288 14.8558L8.6442 10.0712C8.55574 10.2545 8.48395 10.483 8.42883 10.7567C8.3737 11.0304 8.34613 11.2782 8.34613 11.5C8.34613 12.5192 8.7003 13.383 9.40863 14.0914C10.117 14.7997 10.9807 15.1539 12 15.1539ZM18.6077 15.7192L15.5096 12.6462C15.5493 12.5039 15.5833 12.3349 15.6115 12.1394C15.6397 11.9439 15.6538 11.7308 15.6538 11.5C15.6538 10.4808 15.2997 9.61699 14.5913 8.90865C13.883 8.20032 13.0192 7.84615 12 7.84615C11.7692 7.84615 11.5625 7.86346 11.3798 7.89808C11.1971 7.9327 11.0282 7.98462 10.8731 8.05385L8.4192 5.61923C8.99997 5.4 9.591 5.24198 10.1923 5.14518C10.7936 5.0484 11.3961 5 12 5C14.1705 5 16.1558 5.59648 17.9558 6.78943C19.7558 7.98238 21.0782 9.55257 21.9231 11.5C21.5654 12.3039 21.1125 13.0593 20.5644 13.7664C20.0163 14.4734 19.3641 15.1244 18.6077 15.7192ZM14.6942 11.85L11.675 8.85C12.0904 8.76667 12.4939 8.79455 12.8856 8.93365C13.2772 9.07275 13.6147 9.2859 13.8981 9.57308C14.1942 9.86026 14.4144 10.2029 14.5586 10.601C14.7029 10.999 14.7481 11.4154 14.6942 11.85Z",fill:t})}),$i=({slotProps:e,...r})=>{const[t,i]=y.useState(!1),a=()=>{i(d=>!d)},s=d=>{d.preventDefault()},c=d=>{d.preventDefault()};return n(o.TextField,{type:t?"text":"password",slotProps:{...e,input:{...e==null?void 0:e.input,endAdornment:n(o.InputAdornment,{position:"end",children:n(o.IconButton,{"aria-label":t?"hide the password":"display the password",onClick:a,onMouseDown:s,onMouseUp:c,edge:"end",children:t?n(Pi,{}):n(Di,{})})})}},...r})},oe={large:{primary:40,secondary:32},medium:{primary:32,secondary:24},small:{primary:24,secondary:16}},Zi=e=>e!==void 0&&typeof e=="object"&&!Array.isArray(e),b1=e=>{if(e===void 0)return oe.medium.primary;if(typeof e=="number")return e;const r=parseFloat(e);return Number.isNaN(r)?oe.medium.primary:r},zi=(e,r)=>{if(r)return{height:oe[r].secondary,width:oe[r].secondary};if(Zi(e)){const{height:t,width:i}=e;return{height:Math.max(b1(t)-(oe.medium.primary-oe.medium.secondary),oe.small.secondary),width:Math.max(b1(i)-(oe.medium.primary-oe.medium.secondary),oe.small.secondary)}}return{height:oe.medium.secondary,width:oe.medium.secondary}},U1=y.forwardRef(({secondarySrc:e,secondaryAvatarProps:r,size:t,...i},a)=>{if(e){const{height:s,width:c}=zi(i.sx,t);return S(o.Box,{sx:{display:"flex",position:"relative"},children:[n(o.Avatar,{ref:a,...i,sx:{...t&&{height:oe[t].primary,width:oe[t].primary},...i.sx}}),n(o.Avatar,{src:e,sx:{bottom:-(s/3),height:s,outline:({palette:d})=>`2px solid ${d.common.white}`,position:"absolute",right:-(c/3),width:c,...r==null?void 0:r.sx},...r})]})}return n(o.Avatar,{ref:a,...i,sx:{...t&&{height:oe[t].primary,width:oe[t].primary},...i.sx}})});U1.displayName="Avatar";const Ni=({open:e,anchorEl:r,onClose:t,children:i,placement:a,variant:s="outlined"})=>n(o.Backdrop,{open:!!e,onClick:t,sx:{backgroundColor:"rgba(0, 0, 0, 0.2)"},children:n(o.Popper,{open:!!e,anchorEl:r,placement:a,sx:{maxWidth:"100%"},children:n(o.Paper,{role:"dialog","aria-modal":"false",variant:s,tabIndex:-1,onClick:c=>c.stopPropagation(),sx:{borderRadius:1.5},children:i})})}),y1=86,ji={"& svg":{animation:"scaleIn 0.4s ease-out"},"& svg path:first-of-type":{animation:"circleIn 2s ease-out"},"& svg path:last-child":{animation:"checkIn 0.4s ease-out 0.4s both",strokeDasharray:"30",strokeDashoffset:"-30"},"@keyframes checkIn":{"0%":{strokeDashoffset:"-30"},"100%":{strokeDashoffset:"0"}},"@keyframes circleIn":{"0%":{opacity:0},"100%":{opacity:1}},"@keyframes scaleIn":{"0%":{transform:"scale(0)"},"100%":{transform:"scale(1)"}}},Wi=({title:e,subtitle:r,buttonPrimary:t,buttonSecondary:i,color:a="secondary",fullWidth:s=!0,maxWidth:c="xs",onClose:d,...p})=>S(o.Dialog,{maxWidth:c,fullWidth:s,onClose:d,...p,sx:{"& .MuiDialog-paper":{borderColor:({palette:f})=>f[a]["30p"]}},children:[S(o.DialogContent,{sx:{alignItems:"center",backgroundColor:({palette:f})=>f[a]["4p"],display:"flex",flexDirection:"column",padding:3,textAlign:"center",...(t||i)&&{borderBottom:({palette:f})=>`1px solid ${f[a]["12p"]}`}},children:[n(P1,{onClick:f=>d==null?void 0:d(f,"closeButton")}),n(o.Box,{sx:{alignItems:"center",backgroundColor:({palette:f})=>f[a]["12p"],borderRadius:"50%",color:({palette:f})=>f[a].main,display:"flex",flexShrink:0,height:y1,justifyContent:"center",marginBottom:4,width:y1,...ji},children:S("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("path",{d:"M20 36.6666C29.2048 36.6666 36.6667 29.2047 36.6667 20C36.6667 10.7952 29.2048 3.33331 20 3.33331C10.7953 3.33331 3.33334 10.7952 3.33334 20C3.33334 29.2047 10.7953 36.6666 20 36.6666Z",fill:"currentColor"}),n("path",{d:"M28 14L17 25L12 20",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),n(o.Typography,{variant:"h4",sx:{marginBottom:1,maxWidth:180},children:e}),n(o.DialogContentText,{variant:"body2",sx:{maxWidth:300},children:r})]}),(t||i)&&S(o.DialogActions,{children:[i&&n(Mr,{variant:"outlined",size:"small",isLoading:i==null?void 0:i.loading,onClick:i==null?void 0:i.onClick,sx:{flex:1},children:i==null?void 0:i.text}),t&&n(Mr,{variant:"contained",size:"small",isLoading:t==null?void 0:t.loading,onClick:t==null?void 0:t.onClick,endIcon:n("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("path",{d:"M7.27875 4.5L6.22125 5.5575L9.65625 9L6.22125 12.4425L7.27875 13.5L11.7788 9L7.27875 4.5Z",fill:"currentColor"})}),children:t==null?void 0:t.text})]})]}),Yi=({children:e,permissions:r,disabledPermissions:t})=>{const[i,a]=y.useState(),s=y.useMemo(()=>({disabledPermissions:t,permissions:i,setPermissions:a}),[t,i]);return y.useEffect(()=>{a(r)},[r]),n(m1.Provider,{value:s,children:e})},Ui={component:void 0,isOpen:!1,message:"",severity:"success",variant:"standard"},Dr=y.createContext({closeSnackbar:()=>{},isOpen:!1,openSnackbar:()=>{}}),Gi=({children:e,autoHideDuration:r=5e3,anchorOrigin:t={horizontal:"center",vertical:"bottom"}})=>{const[i,a]=y.useState(Ui),s=y.useCallback(p=>{a({component:p==null?void 0:p.component,isOpen:!0,message:(p==null?void 0:p.message)||"",severity:(p==null?void 0:p.severity)||"success",variant:(p==null?void 0:p.variant)||"standard"})},[]),c=y.useCallback((p,f)=>{f!=="clickaway"&&a(g=>({...g,isOpen:!1}))},[]),d=y.useMemo(()=>({closeSnackbar:c,isOpen:i.isOpen,openSnackbar:s}),[c,s,i.isOpen]);return S(Dr.Provider,{value:d,children:[n(o.Snackbar,{open:i.isOpen,onClose:c,autoHideDuration:r,anchorOrigin:t,children:i.component?n(i.component,{}):n(o.Alert,{severity:i.severity,variant:i.variant,children:i.message})},i.message),e]})},qi=()=>{const e=y.useContext(Dr),{isOpen:r,closeSnackbar:t,openSnackbar:i}=e;if(e===void 0)throw new Error("SnackbarProvider must be used within a useSnackBar hook");return{closeSnackbar:t,isOpen:r,openSnackbar:i}},Xi=()=>{const[e,r]=y.useState(0);return{handleChange:y.useCallback((i,a)=>{r(a)},[]),value:e}},Ji=e=>`linear-gradient(${o.alpha("#fff",+o.getOverlayAlpha(e))}, ${o.alpha("#fff",+o.getOverlayAlpha(e))})`;exports.ActionAppBar=Tr;exports.AppBar=fi;exports.ArticleImage=ii;exports.AutocompleteFilter=Hi;exports.Avatar=U1;exports.AvatarAppBar=$1;exports.Backoffice=di;exports.BottomFixedPaper=Vi;exports.Button=Mr;exports.CardModal=On;exports.Chip=xi;exports.DialogCloseIcon=P1;exports.DialogPopper=Ni;exports.DialogValidation=Wi;exports.File=Ii;exports.FileViewer=ar;exports.HasPermission=yt;exports.Lightbox=Hr;exports.LinkTab=_n;exports.ListAvatar=Y1;exports.ListAvatars=Y1;exports.ListItemCard=Un;exports.Logo=B1;exports.NavigationMenu=zn;exports.NavigationMenuContext=Se;exports.PermissionProvider=Yi;exports.QuantityField=Vn;exports.SnackbarContext=Dr;exports.SnackbarProvider=Gi;exports.StatusIcon=je;exports.TabPanel=ri;exports.TextArea=Bn;exports.TextFieldAppBar=Z1;exports.TextFieldPassword=$i;exports.ThemeContext=Vr;exports.ThemeProvider=ki;exports.TimeLine=ci;exports.TypographySkeleton=ti;exports.getBackgroundImageElevation=Ji;exports.pxToRem=X;exports.theme=vi;exports.useMenu=z1;exports.usePermission=v1;exports.useSnackbar=qi;exports.useTabs=Xi;Object.keys(o).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>o[e]})});

package/dist/main.js

@@ -5473,88 +5473,102 @@ const oo = ({ open: e, anchorEl: r, onClose: t, children: i, placement: a, varia
   maxWidth: l = "xs",
   onClose: c,
   ...d
-}) => /* @__PURE__ */ v(bn, { maxWidth: l, fullWidth: o, onClose: c, ...d, children: [
-  /* @__PURE__ */ v(
-    Cn,
-    {
-      sx: {
-        alignItems: "center",
-        backgroundColor: ({ palette: u }) => u[a]["4p"],
-        display: "flex",
-        flexDirection: "column",
-        padding: 3,
-        textAlign: "center",
-        ...(t || i) && { borderBottom: ({ palette: u }) => `1px solid ${u.divider}` }
-      },
-      children: [
-        /* @__PURE__ */ n(Qi, { onClick: (u) => c == null ? void 0 : c(u, "closeButton") }),
-        /* @__PURE__ */ n(
-          I,
-          {
-            sx: {
-              alignItems: "center",
-              backgroundColor: ({ palette: u }) => u[a]["12p"],
-              borderRadius: "50%",
-              color: ({ palette: u }) => u[a].main,
-              display: "flex",
-              flexShrink: 0,
-              height: et,
-              justifyContent: "center",
-              marginBottom: 4,
-              width: et,
-              ...Ha
-            },
-            children: /* @__PURE__ */ v("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-              /* @__PURE__ */ n(
-                "path",
-                {
-                  d: "M20 36.6666C29.2048 36.6666 36.6667 29.2047 36.6667 20C36.6667 10.7952 29.2048 3.33331 20 3.33331C10.7953 3.33331 3.33334 10.7952 3.33334 20C3.33334 29.2047 10.7953 36.6666 20 36.6666Z",
-                  fill: "currentColor"
-                }
-              ),
-              /* @__PURE__ */ n("path", { d: "M28 14L17 25L12 20", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ n(
-          q,
-          {
-            variant: "h4",
-            sx: {
-              marginBottom: 1,
-              maxWidth: 180
-            },
-            children: e
-          }
-        ),
-        /* @__PURE__ */ n(
-          yn,
+}) => /* @__PURE__ */ v(
+  bn,
+  {
+    maxWidth: l,
+    fullWidth: o,
+    onClose: c,
+    ...d,
+    sx: {
+      "& .MuiDialog-paper": {
+        borderColor: ({ palette: u }) => u[a]["30p"]
+      }
+    },
+    children: [
+      /* @__PURE__ */ v(
+        Cn,
+        {
+          sx: {
+            alignItems: "center",
+            backgroundColor: ({ palette: u }) => u[a]["4p"],
+            display: "flex",
+            flexDirection: "column",
+            padding: 3,
+            textAlign: "center",
+            ...(t || i) && { borderBottom: ({ palette: u }) => `1px solid ${u[a]["12p"]}` }
+          },
+          children: [
+            /* @__PURE__ */ n(Qi, { onClick: (u) => c == null ? void 0 : c(u, "closeButton") }),
+            /* @__PURE__ */ n(
+              I,
+              {
+                sx: {
+                  alignItems: "center",
+                  backgroundColor: ({ palette: u }) => u[a]["12p"],
+                  borderRadius: "50%",
+                  color: ({ palette: u }) => u[a].main,
+                  display: "flex",
+                  flexShrink: 0,
+                  height: et,
+                  justifyContent: "center",
+                  marginBottom: 4,
+                  width: et,
+                  ...Ha
+                },
+                children: /* @__PURE__ */ v("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                  /* @__PURE__ */ n(
+                    "path",
+                    {
+                      d: "M20 36.6666C29.2048 36.6666 36.6667 29.2047 36.6667 20C36.6667 10.7952 29.2048 3.33331 20 3.33331C10.7953 3.33331 3.33334 10.7952 3.33334 20C3.33334 29.2047 10.7953 36.6666 20 36.6666Z",
+                      fill: "currentColor"
+                    }
+                  ),
+                  /* @__PURE__ */ n("path", { d: "M28 14L17 25L12 20", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ n(
+              q,
+              {
+                variant: "h4",
+                sx: {
+                  marginBottom: 1,
+                  maxWidth: 180
+                },
+                children: e
+              }
+            ),
+            /* @__PURE__ */ n(
+              yn,
+              {
+                variant: "body2",
+                sx: {
+                  maxWidth: 300
+                },
+                children: r
+              }
+            )
+          ]
+        }
+      ),
+      (t || i) && /* @__PURE__ */ v(xn, { children: [
+        i && /* @__PURE__ */ n(Yr, { variant: "outlined", size: "small", isLoading: i == null ? void 0 : i.loading, onClick: i == null ? void 0 : i.onClick, sx: { flex: 1 }, children: i == null ? void 0 : i.text }),
+        t && /* @__PURE__ */ n(
+          Yr,
           {
-            variant: "body2",
-            sx: {
-              maxWidth: 300
-            },
-            children: r
+            variant: "contained",
+            size: "small",
+            isLoading: t == null ? void 0 : t.loading,
+            onClick: t == null ? void 0 : t.onClick,
+            endIcon: /* @__PURE__ */ n("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n("path", { d: "M7.27875 4.5L6.22125 5.5575L9.65625 9L6.22125 12.4425L7.27875 13.5L11.7788 9L7.27875 4.5Z", fill: "currentColor" }) }),
+            children: t == null ? void 0 : t.text
           }
         )
-      ]
-    }
-  ),
-  (t || i) && /* @__PURE__ */ v(xn, { children: [
-    i && /* @__PURE__ */ n(Yr, { variant: "outlined", size: "small", isLoading: i == null ? void 0 : i.loading, onClick: i == null ? void 0 : i.onClick, sx: { flex: 1 }, children: i == null ? void 0 : i.text }),
-    t && /* @__PURE__ */ n(
-      Yr,
-      {
-        variant: "contained",
-        size: "small",
-        isLoading: t == null ? void 0 : t.loading,
-        onClick: t == null ? void 0 : t.onClick,
-        endIcon: /* @__PURE__ */ n("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n("path", { d: "M7.27875 4.5L6.22125 5.5575L9.65625 9L6.22125 12.4425L7.27875 13.5L11.7788 9L7.27875 4.5Z", fill: "currentColor" }) }),
-        children: t == null ? void 0 : t.text
-      }
-    )
-  ] })
-] }), lo = ({ children: e, permissions: r, disabledPermissions: t }) => {
+      ] })
+    ]
+  }
+), lo = ({ children: e, permissions: r, disabledPermissions: t }) => {
   const [i, a] = ie(), o = _1(
     () => ({
       disabledPermissions: t,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@tracktor/design-system",
   "description": "Tracktor Design System",
   "sideEffects": false,
-  "version": "3.6.4",
+  "version": "3.6.5",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",