@tracktor/design-system 3.0.4 → 3.0.5

package/CHANGELOG.md

@@ -1,4 +1,4 @@
 # [Versions](https://github.com/Tracktor/design-system/releases)
 
-## v3.0.4
+## v3.0.5
 - **[fix]** - `AutocompleteFilter` image avatar/letter

package/dist/main.cjs

@@ -82,4 +82,4 @@ React keys must be passed directly to JSX without using spread:
             }
           `}),d.import&&n(i.GlobalStyles,{styles:i.css`
               @import url("https://fonts.googleapis.com/css2?family=${f}:wght@${g}&display=swap");
-            `}),t&&n(i.CssBaseline,{enableColorScheme:r}),o&&n(ya,{}),a&&n(ba,{theme:l}),e]})})},va={clickToUpload:"Click to upload",files:"Files",reset:"Reset",selectAll:"Select all"},Sa={clickToUpload:"Cliquez pour télécharger",files:"Fichiers",reset:"Réinitialiser",selectAll:"Tout sélectionner"},wa={en:va,fr:Sa},D1=()=>{const{language:e}=y.useContext(Fr);return{t:t=>wa[e][t]}},f1=5,Ea=(e,r)=>{const t=r==="vertical";return e==="small"?t?130:60:t?150:80},ka=e=>{if(!e)return"";const r=e.length>1,a=[...e||[]].slice(0,5).map(({name:o})=>{const l=o.split(".").pop();return o.length>10&&r?`${o.substring(0,10)}(...).${l}`:o}).join(" • ");return e.length>f1?`${a} + ${e.length-f1}`:a},Ta=({accept:e,name:r,disabled:t,required:a,error:o,localeText:l,multiple:c,id:u,size:d,helperText:f,fullWidth:g,icon:b,onChange:S,label:x,variant:M="vertical"})=>{const{t:w}=D1(),{palette:h}=i.useTheme(),m=M==="vertical",T=u||r,E=y.useRef(null),[A,p]=y.useState(null),L=ka(A),I=N=>{S==null||S(N),p(N.target.files)},G=N=>{N.preventDefault()},P=N=>{if(N.preventDefault(),N.dataTransfer.files.length>0){const ce={...N.target,files:N.dataTransfer.files},oe={...N,target:ce};p(N.dataTransfer.files),S==null||S(oe),N.dataTransfer.clearData()}};return k(i.InputLabel,{ref:E,htmlFor:T,onDragOver:G,onDrop:P,sx:{"&:hover, &:focus":{borderColor:h.primary.main},border:`1px dashed ${o?h.error.main:h.divider}`,borderRadius:1,cursor:"pointer",height:Ea(d,M),maxWidth:g?"100%":400,padding:2,position:"relative",width:"100%"},children:[k(i.Stack,{alignItems:"center",height:"100%",direction:m?"column":"row",justifyContent:m?"center":"flex-start",textAlign:m?"center":"left",spacing:.5,color:t?"text.disabled":"text.secondary",children:[b||n(fa,{sx:{height:40,width:40}}),L?k(ue,{children:[k(i.Typography,{variant:"body2",color:"textSecondary",children:[A==null?void 0:A.length," ",(l==null?void 0:l.files)||w("files")]}),n(i.Typography,{variant:"body2",color:"primary",whiteSpace:m?"normal":"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:L})]}):k(i.Typography,{variant:"subtitle1",color:t?"text.disabled":"primary",children:[x||w("clickToUpload")," ",a&&"*"]}),f&&n(i.Typography,{color:o?"error":"textSecondary",variant:"body2",children:f})]}),n("input",{type:"file",disabled:t,required:a,name:r,multiple:c,accept:e,id:T,onChange:I,style:{left:"50%",opacity:0,pointerEvents:"none",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",zIndex:-1}})]})},Ke=1,Ma=e=>typeof e=="string",De={list:{marginLeft:({spacing:e})=>`-${e(.5)} !important`,marginRight:({spacing:e})=>`-${e(.5)} !important`,minWidth:250},listItem:{borderRadius:1,padding:.5}},z1=({Empty:e,action:r,items:t,fullWidth:a,sx:o,alwaysDisplaySecondaryAction:l,isLoading:c,numberLoadingItems:u=3})=>{var d;return!(t!=null&&t.length)&&!c&&!r?e||null:c?n(i.List,{sx:{...De.list,...a&&{width:"100%"}},children:[...Array(u).keys()].map(f=>k(i.ListItem,{sx:De.listItem,children:[n(i.Skeleton,{width:40,height:40,sx:{marginRight:Ke},variant:"rounded"}),n(i.ListItemText,{primary:n(i.Typography,{variant:"h6",children:n(i.Skeleton,{width:90})}),secondary:n(i.Skeleton,{width:70}),sx:{marginY:0}})]},f))}):k(i.List,{sx:{...De.list,...a&&{width:"100%"},...o},children:[t==null?void 0:t.map(({id:f,title:g,subtitle:b,image:S,secondaryAction:x,chipLabel:M,chipColor:w,onClick:h,icon:m,Avatar:T},E)=>{var p;const A=f||`id-${E}-${g}`;return k(i.ListItem,{secondaryAction:x,onClick:h,sx:{...De.listItem,"& .MuiListItemSecondaryAction-root":{alignItems:"center",display:"flex",justifyContent:"center",opacity:l?1:0,position:"static",right:({spacing:L})=>L(.5),transform:"none"},"&:hover":{"& .MuiListItemSecondaryAction-root":{opacity:1},backgroundColor:({palette:L})=>h||x?L.action.hover:"transparent"},cursor:h?"pointer":"default"},children:[T?n(i.Box,{marginRight:Ke,children:T}):n(i.Avatar,{src:S||"",variant:"rounded",sx:{marginRight:Ke},children:m||typeof g=="string"&&((p=g||"")==null?void 0:p.charAt(0).toUpperCase())}),n(i.ListItemText,{primary:k(i.Stack,{direction:"row",alignItems:"center",spacing:1,children:[g&&n(i.Typography,{variant:"h6",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:g}),M&&n(i.Chip,{label:M,variant:"rounded",size:"xSmall",color:Ma(w)?w:"default"})]}),secondary:b,primaryTypographyProps:{component:"div"},secondaryTypographyProps:{component:"div"},sx:{marginY:0}})]},A)}),r&&k(i.ListItemButton,{onClick:r==null?void 0:r.onClick,sx:{...De.listItem,"&:hover":{backgroundColor:({palette:f})=>f.action.hover}},children:[n(i.Avatar,{src:(r==null?void 0:r.image)||"",variant:"rounded",sx:{marginRight:Ke},children:(r==null?void 0:r.icon)||((d=r==null?void 0:r.title)==null?void 0:d.charAt(0).toUpperCase())}),n(i.ListItemText,{primary:(r==null?void 0:r.title)&&n(i.Typography,{variant:"h6",children:r==null?void 0:r.title}),secondary:r==null?void 0:r.subtitle,sx:{marginY:0}})]})]})},kr={padding:0,paddingRight:1},Ra=e=>function(t){return n(i.Badge,{badgeContent:`+${t}`,color:e,sx:{"& .MuiBadge-badge":{position:"relative",transform:"none"},alignItems:"center"}})},Aa=({children:e,disableSelectAll:r,localeText:t,disableReset:a,onChange:o,loading:l,options:c,value:u,multiple:d,...f})=>{const{t:g}=D1(),b=Array.isArray(u)?(u==null?void 0:u.length)===(c==null?void 0:c.length):!1,S=c==null?void 0:c.filter(x=>x==null?void 0:x.isHeader);return k(i.Paper,{...f,children:[d&&!l&&(!r||!!(S!=null&&S.length))&&k(ue,{children:[k(i.List,{role:"listbox",children:[!r&&n(i.ListItem,{disablePadding:!0,role:"option",onMouseDown:x=>{if(x.stopPropagation(),x.preventDefault(),b){o==null||o(x,[],"removeOption");return}o==null||o(x,c||[],"selectOption")},children:k(i.ListItemButton,{disableRipple:!0,children:[n(i.Checkbox,{disableRipple:!0,id:"select-all-checkbox",checked:b,sx:kr}),n(i.ListItemText,{primary:(t==null?void 0:t.selectAll)||g("selectAll"),primaryTypographyProps:{variant:"body2"}}),!a&&n(i.Button,{variant:"link",size:"small",sx:{marginX:1,textDecoration:"none"},onClick:x=>{o==null||o(x,[],"removeOption")},onMouseDown:x=>{x.stopPropagation(),x.preventDefault()},children:n(i.Typography,{variant:"body2",children:(t==null?void 0:t.reset)||g("reset")})})]})}),S==null?void 0:S.map((x,M)=>{const w=`header-options-${x==null?void 0:x.id}-${M}`,h=Array.isArray(u)&&u.some(m=>JSON.stringify(m)===JSON.stringify(x)||m&&typeof m=="object"&&"id"in m&&(m==null?void 0:m.id)===(x==null?void 0:x.id));return n(i.ListItem,{disablePadding:!0,onMouseDown:m=>{if(m.stopPropagation(),m.preventDefault(),h){const T=Array.isArray(u)?u==null?void 0:u.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))):[];o==null||o(m,T,"removeOption");return}o==null||o(m,[...Array.isArray(u)?u:[],x],"selectOption")},children:k(i.ListItemButton,{disableRipple:!0,children:[n(i.Checkbox,{disableRipple:!0,checked:h,sx:kr}),n(i.ListItemText,{primary:x==null?void 0:x.label})]})},w)})]}),n(i.Divider,{})]}),e]})},Ia=({onChange:e,disableCheckbox:r,placeholder:t,localeText:a,disableReset:o,disableSelectAll:l,value:c,onFocus:u,onBlur:d,open:f,onInputChange:g,inputValue:b,disableClearable:S,loading:x,resetInputValueOnSelectOption:M,renderOption:w,renderTags:h,size:m="small",disableCloseOnSelect:T=!0,multiple:E=!0,options:A=[],slotProps:p,...L},I)=>{const{palette:G}=i.useTheme(),[P,N]=y.useState(!1),[ce,oe]=y.useState(""),K=G.mode==="light"?"default":"primary",te=b||ce,pe=(j,_,U,ee)=>{if(_===null){e==null||e(j,E?[]:null,U,ee);return}e==null||e(j,_,U,ee),(!T||!E)&&N(!1)};return n(i.Autocomplete,{freeSolo:!1,multiple:E,disableClearable:S,value:c,loading:x,options:A,ref:I,size:m,disableCloseOnSelect:T,onChange:pe,getLimitTagsText:Ra(K),inputValue:te,open:f||P,onOpen:()=>N(!0),slots:{paper:Aa},slotProps:{...p,paper:{disableReset:o,disableSelectAll:l,loading:x,localeText:a,multiple:E,onChange:e,options:A,value:c,...p==null?void 0:p.paper}},onInputChange:(j,_,U)=>{U==="reset"&&P&&!M||(b||oe(_),g==null||g(j,_,U))},onFocus:j=>{N(!0),u==null||u(j)},onBlur:j=>{N(!1),d==null||d(j)},renderOption:w||((j,_,{selected:U})=>{var se;if(x||_!=null&&_.isHeader)return null;const ee=`${_==null?void 0:_.id}-${j==null?void 0:j.key}`;return dt.createElement(i.ListItem,{...j,key:ee},!r&&n(i.Checkbox,{disableRipple:!0,checked:U,sx:kr}),(_==null?void 0:_.image)&&n(i.ListItemAvatar,{sx:{height:24,marginRight:1,minWidth:"auto",width:24},children:n(i.Avatar,{variant:"rounded",src:_==null?void 0:_.image,sx:{height:24,width:24},children:(_==null?void 0:_.image)==="letter"&&typeof(_==null?void 0:_.label)=="string"&&((se=_==null?void 0:_.label)==null?void 0:se.charAt(0).toUpperCase())})}),typeof(_==null?void 0:_.label)=="string"?n(i.Typography,{variant:"body2",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",title:_==null?void 0:_.label,children:_.label}):_==null?void 0:_.label)}),renderTags:h||((j,_,U)=>j==null?void 0:j.map((ee,se)=>{const{key:me}=_({index:se});return U!=null&&U.focused?null:n(i.Typography,{marginX:1,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:ee==null?void 0:ee.label},me)})),...L,renderInput:j=>{var ee,se;const _=()=>{if(!(!P&&(Array.isArray(c)&&c.length||!Array.isArray(c)&&c)))return t},U=y.isValidElement((ee=j.InputProps)==null?void 0:ee.endAdornment)?(se=j.InputProps)==null?void 0:se.endAdornment:null;return n(i.TextField,{sx:{".MuiInputBase-root .MuiInputBase-input":{flex:!E||!P&&!te||P?1:0,minWidth:0}},...j,slotProps:{input:{...j.InputProps,endAdornment:P?k(i.InputAdornment,{position:"end",sx:{position:"absolute",right:9},children:[P&&te&&!S&&n(i.IconButton,{size:"small",onClick:()=>oe(""),sx:{marginRight:"-3px"},children:n(Ar,{sx:{fontSize:Y(20)}})}),U==null?void 0:U.props.children[1]]}):U}},placeholder:_()})}})},_a=y.forwardRef(Ia),La=({children:e,permissions:r,disabledPermissions:t})=>{const[a,o]=y.useState(),l=y.useMemo(()=>({disabledPermissions:t,permissions:a,setPermissions:o}),[t,a]);return y.useEffect(()=>{o(r)},[r]),n(h1.Provider,{value:l,children:e})},Fa={component:void 0,isOpen:!1,message:"",severity:"success",variant:"standard"},Hr=y.createContext({closeSnackbar:()=>{},isOpen:!1,openSnackbar:()=>{}}),Ha=({children:e,autoHideDuration:r=5e3,anchorOrigin:t={horizontal:"center",vertical:"bottom"}})=>{const[a,o]=y.useState(Fa),l=y.useCallback(d=>{o({component:d==null?void 0:d.component,isOpen:!0,message:(d==null?void 0:d.message)||"",severity:(d==null?void 0:d.severity)||"success",variant:(d==null?void 0:d.variant)||"standard"})},[]),c=y.useCallback((d,f)=>{f!=="clickaway"&&o(g=>({...g,isOpen:!1}))},[]),u=y.useMemo(()=>({closeSnackbar:c,isOpen:a.isOpen,openSnackbar:l}),[c,l,a.isOpen]);return k(Hr.Provider,{value:u,children:[n(i.Snackbar,{open:a.isOpen,onClose:c,autoHideDuration:r,anchorOrigin:t,children:a.component?n(a.component,{}):n(i.Alert,{severity:a.severity,variant:a.variant,children:a.message})},a.message),e]})},Oa=()=>{const e=y.useContext(Hr),{isOpen:r,closeSnackbar:t,openSnackbar:a}=e;if(e===void 0)throw new Error("SnackbarProvider must be used within a useSnackBar hook");return{closeSnackbar:t,isOpen:r,openSnackbar:a}},Pa=()=>{const[e,r]=y.useState(0);return{handleChange:y.useCallback((a,o)=>{r(o)},[]),value:e}},Va=e=>`linear-gradient(${i.alpha("#fff",+i.getOverlayAlpha(e))}, ${i.alpha("#fff",+i.getOverlayAlpha(e))})`;exports.ActionAppBar=O1;exports.AppBar=ca;exports.ArticleImage=ea;exports.AutocompleteFilter=_a;exports.AvatarAppBar=H1;exports.Backoffice=oa;exports.Button=Gn;exports.CardModal=Rn;exports.Chip=pa;exports.DialogCloseIcon=qn;exports.File=Ta;exports.FileViewer=F1;exports.HasPermission=ft;exports.Lightbox=_r;exports.LinkTab=Tn;exports.ListAvatar=z1;exports.ListAvatars=z1;exports.ListItemCard=zn;exports.Logo=I1;exports.NavigationMenu=Pn;exports.NavigationMenuContext=ye;exports.PermissionProvider=La;exports.QuantityField=_n;exports.SnackbarContext=Hr;exports.SnackbarProvider=Ha;exports.StatusIcon=ze;exports.TabPanel=Jn;exports.TextArea=In;exports.TextFieldAppBar=P1;exports.ThemeContext=Fr;exports.ThemeProvider=ma;exports.TimeLine=ia;exports.TypographySkeleton=Kn;exports.getBackgroundImageElevation=Va;exports.pxToRem=Y;exports.theme=Ca;exports.useMenu=V1;exports.usePermission=g1;exports.useSnackbar=Oa;exports.useTabs=Pa;Object.keys(i).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>i[e]})});
+            `}),t&&n(i.CssBaseline,{enableColorScheme:r}),o&&n(ya,{}),a&&n(ba,{theme:l}),e]})})},va={clickToUpload:"Click to upload",files:"Files",reset:"Reset",selectAll:"Select all"},Sa={clickToUpload:"Cliquez pour télécharger",files:"Fichiers",reset:"Réinitialiser",selectAll:"Tout sélectionner"},wa={en:va,fr:Sa},D1=()=>{const{language:e}=y.useContext(Fr);return{t:t=>wa[e][t]}},f1=5,Ea=(e,r)=>{const t=r==="vertical";return e==="small"?t?130:60:t?150:80},ka=e=>{if(!e)return"";const r=e.length>1,a=[...e||[]].slice(0,5).map(({name:o})=>{const l=o.split(".").pop();return o.length>10&&r?`${o.substring(0,10)}(...).${l}`:o}).join(" • ");return e.length>f1?`${a} + ${e.length-f1}`:a},Ta=({accept:e,name:r,disabled:t,required:a,error:o,localeText:l,multiple:c,id:u,size:d,helperText:f,fullWidth:g,icon:b,onChange:S,label:x,variant:M="vertical"})=>{const{t:w}=D1(),{palette:h}=i.useTheme(),m=M==="vertical",T=u||r,E=y.useRef(null),[A,p]=y.useState(null),L=ka(A),I=N=>{S==null||S(N),p(N.target.files)},G=N=>{N.preventDefault()},P=N=>{if(N.preventDefault(),N.dataTransfer.files.length>0){const ce={...N.target,files:N.dataTransfer.files},oe={...N,target:ce};p(N.dataTransfer.files),S==null||S(oe),N.dataTransfer.clearData()}};return k(i.InputLabel,{ref:E,htmlFor:T,onDragOver:G,onDrop:P,sx:{"&:hover, &:focus":{borderColor:h.primary.main},border:`1px dashed ${o?h.error.main:h.divider}`,borderRadius:1,cursor:"pointer",height:Ea(d,M),maxWidth:g?"100%":400,padding:2,position:"relative",width:"100%"},children:[k(i.Stack,{alignItems:"center",height:"100%",direction:m?"column":"row",justifyContent:m?"center":"flex-start",textAlign:m?"center":"left",spacing:.5,color:t?"text.disabled":"text.secondary",children:[b||n(fa,{sx:{height:40,width:40}}),L?k(ue,{children:[k(i.Typography,{variant:"body2",color:"textSecondary",children:[A==null?void 0:A.length," ",(l==null?void 0:l.files)||w("files")]}),n(i.Typography,{variant:"body2",color:"primary",whiteSpace:m?"normal":"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:L})]}):k(i.Typography,{variant:"subtitle1",color:t?"text.disabled":"primary",children:[x||w("clickToUpload")," ",a&&"*"]}),f&&n(i.Typography,{color:o?"error":"textSecondary",variant:"body2",children:f})]}),n("input",{type:"file",disabled:t,required:a,name:r,multiple:c,accept:e,id:T,onChange:I,style:{left:"50%",opacity:0,pointerEvents:"none",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",zIndex:-1}})]})},Ke=1,Ma=e=>typeof e=="string",De={list:{marginLeft:({spacing:e})=>`-${e(.5)} !important`,marginRight:({spacing:e})=>`-${e(.5)} !important`,minWidth:250},listItem:{borderRadius:1,padding:.5}},z1=({Empty:e,action:r,items:t,fullWidth:a,sx:o,alwaysDisplaySecondaryAction:l,isLoading:c,numberLoadingItems:u=3})=>{var d;return!(t!=null&&t.length)&&!c&&!r?e||null:c?n(i.List,{sx:{...De.list,...a&&{width:"100%"}},children:[...Array(u).keys()].map(f=>k(i.ListItem,{sx:De.listItem,children:[n(i.Skeleton,{width:40,height:40,sx:{marginRight:Ke},variant:"rounded"}),n(i.ListItemText,{primary:n(i.Typography,{variant:"h6",children:n(i.Skeleton,{width:90})}),secondary:n(i.Skeleton,{width:70}),sx:{marginY:0}})]},f))}):k(i.List,{sx:{...De.list,...a&&{width:"100%"},...o},children:[t==null?void 0:t.map(({id:f,title:g,subtitle:b,image:S,secondaryAction:x,chipLabel:M,chipColor:w,onClick:h,icon:m,Avatar:T},E)=>{var p;const A=f||`id-${E}-${g}`;return k(i.ListItem,{secondaryAction:x,onClick:h,sx:{...De.listItem,"& .MuiListItemSecondaryAction-root":{alignItems:"center",display:"flex",justifyContent:"center",opacity:l?1:0,position:"static",right:({spacing:L})=>L(.5),transform:"none"},"&:hover":{"& .MuiListItemSecondaryAction-root":{opacity:1},backgroundColor:({palette:L})=>h||x?L.action.hover:"transparent"},cursor:h?"pointer":"default"},children:[T?n(i.Box,{marginRight:Ke,children:T}):n(i.Avatar,{src:S||"",variant:"rounded",sx:{marginRight:Ke},children:m||typeof g=="string"&&((p=g||"")==null?void 0:p.charAt(0).toUpperCase())}),n(i.ListItemText,{primary:k(i.Stack,{direction:"row",alignItems:"center",spacing:1,children:[g&&n(i.Typography,{variant:"h6",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:g}),M&&n(i.Chip,{label:M,variant:"rounded",size:"xSmall",color:Ma(w)?w:"default"})]}),secondary:b,primaryTypographyProps:{component:"div"},secondaryTypographyProps:{component:"div"},sx:{marginY:0}})]},A)}),r&&k(i.ListItemButton,{onClick:r==null?void 0:r.onClick,sx:{...De.listItem,"&:hover":{backgroundColor:({palette:f})=>f.action.hover}},children:[n(i.Avatar,{src:(r==null?void 0:r.image)||"",variant:"rounded",sx:{marginRight:Ke},children:(r==null?void 0:r.icon)||((d=r==null?void 0:r.title)==null?void 0:d.charAt(0).toUpperCase())}),n(i.ListItemText,{primary:(r==null?void 0:r.title)&&n(i.Typography,{variant:"h6",children:r==null?void 0:r.title}),secondary:r==null?void 0:r.subtitle,sx:{marginY:0}})]})]})},kr={padding:0,paddingRight:1},Ra=e=>function(t){return n(i.Badge,{badgeContent:`+${t}`,color:e,sx:{"& .MuiBadge-badge":{position:"relative",transform:"none"},alignItems:"center"}})},Aa=({children:e,disableSelectAll:r,localeText:t,disableReset:a,onChange:o,loading:l,options:c,value:u,multiple:d,...f})=>{const{t:g}=D1(),b=Array.isArray(u)?(u==null?void 0:u.length)===(c==null?void 0:c.length):!1,S=c==null?void 0:c.filter(x=>x==null?void 0:x.isHeader);return k(i.Paper,{...f,children:[d&&!l&&(!r||!!(S!=null&&S.length))&&k(ue,{children:[k(i.List,{role:"listbox",children:[!r&&n(i.ListItem,{disablePadding:!0,role:"option",onMouseDown:x=>{if(x.stopPropagation(),x.preventDefault(),b){o==null||o(x,[],"removeOption");return}o==null||o(x,c||[],"selectOption")},children:k(i.ListItemButton,{disableRipple:!0,children:[n(i.Checkbox,{disableRipple:!0,id:"select-all-checkbox",checked:b,sx:kr}),n(i.ListItemText,{primary:(t==null?void 0:t.selectAll)||g("selectAll"),primaryTypographyProps:{variant:"body2"}}),!a&&n(i.Button,{variant:"link",size:"small",sx:{marginX:1,textDecoration:"none"},onClick:x=>{o==null||o(x,[],"removeOption")},onMouseDown:x=>{x.stopPropagation(),x.preventDefault()},children:n(i.Typography,{variant:"body2",children:(t==null?void 0:t.reset)||g("reset")})})]})}),S==null?void 0:S.map((x,M)=>{const w=`header-options-${x==null?void 0:x.id}-${M}`,h=Array.isArray(u)&&u.some(m=>JSON.stringify(m)===JSON.stringify(x)||m&&typeof m=="object"&&"id"in m&&(m==null?void 0:m.id)===(x==null?void 0:x.id));return n(i.ListItem,{disablePadding:!0,onMouseDown:m=>{if(m.stopPropagation(),m.preventDefault(),h){const T=Array.isArray(u)?u==null?void 0:u.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))):[];o==null||o(m,T,"removeOption");return}o==null||o(m,[...Array.isArray(u)?u:[],x],"selectOption")},children:k(i.ListItemButton,{disableRipple:!0,children:[n(i.Checkbox,{disableRipple:!0,checked:h,sx:kr}),n(i.ListItemText,{primary:x==null?void 0:x.label})]})},w)})]}),n(i.Divider,{})]}),e]})},Ia=({onChange:e,disableCheckbox:r,placeholder:t,localeText:a,disableReset:o,disableSelectAll:l,value:c,onFocus:u,onBlur:d,open:f,onInputChange:g,inputValue:b,disableClearable:S,loading:x,resetInputValueOnSelectOption:M,renderOption:w,renderTags:h,size:m="small",disableCloseOnSelect:T=!0,multiple:E=!0,options:A=[],slotProps:p,...L},I)=>{const{palette:G}=i.useTheme(),[P,N]=y.useState(!1),[ce,oe]=y.useState(""),K=G.mode==="light"?"default":"primary",te=b||ce,pe=(j,_,U,ee)=>{if(_===null){e==null||e(j,E?[]:null,U,ee);return}e==null||e(j,_,U,ee),(!T||!E)&&N(!1)};return n(i.Autocomplete,{freeSolo:!1,multiple:E,disableClearable:S,value:c,loading:x,options:A,ref:I,size:m,disableCloseOnSelect:T,onChange:pe,getLimitTagsText:Ra(K),inputValue:te,open:f||P,onOpen:()=>N(!0),slots:{paper:Aa},slotProps:{...p,paper:{disableReset:o,disableSelectAll:l,loading:x,localeText:a,multiple:E,onChange:e,options:A,value:c,...p==null?void 0:p.paper}},onInputChange:(j,_,U)=>{U==="reset"&&P&&!M||(b||oe(_),g==null||g(j,_,U))},onFocus:j=>{N(!0),u==null||u(j)},onBlur:j=>{N(!1),d==null||d(j)},renderOption:w||((j,_,{selected:U})=>{var se;if(x||_!=null&&_.isHeader)return null;const ee=`${_==null?void 0:_.id}-${j==null?void 0:j.key}`;return dt.createElement(i.ListItem,{...j,key:ee},!r&&n(i.Checkbox,{disableRipple:!0,checked:U,sx:kr}),(_==null?void 0:_.image)&&n(i.ListItemAvatar,{sx:{height:24,marginRight:1,minWidth:"auto",width:24},children:n(i.Avatar,{variant:"rounded",src:_==null?void 0:_.image,sx:{height:24,width:24},children:(_==null?void 0:_.image)==="letter"&&typeof(_==null?void 0:_.label)=="string"&&((se=_==null?void 0:_.label)==null?void 0:se.charAt(0).toUpperCase())})}),typeof(_==null?void 0:_.label)=="string"?n(i.Typography,{variant:"body2",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",title:_==null?void 0:_.label,children:_.label}):_==null?void 0:_.label)}),renderTags:h||((j,_,U)=>Array.isArray(j)?j.map((ee,se)=>{const{key:me}=_({index:se});return U!=null&&U.focused?null:n(i.Typography,{marginX:1,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:ee==null?void 0:ee.label},me)}):null),...L,renderInput:j=>{var ee,se;const _=()=>{if(!(!P&&(Array.isArray(c)&&c.length||!Array.isArray(c)&&c)))return t},U=y.isValidElement((ee=j.InputProps)==null?void 0:ee.endAdornment)?(se=j.InputProps)==null?void 0:se.endAdornment:null;return n(i.TextField,{sx:{".MuiInputBase-root .MuiInputBase-input":{flex:!E||!P&&!te||P?1:0,minWidth:0}},...j,slotProps:{input:{...j.InputProps,endAdornment:P?k(i.InputAdornment,{position:"end",sx:{position:"absolute",right:9},children:[P&&te&&!S&&n(i.IconButton,{size:"small",onClick:()=>oe(""),sx:{marginRight:"-3px"},children:n(Ar,{sx:{fontSize:Y(20)}})}),U==null?void 0:U.props.children[1]]}):U}},placeholder:_()})}})},_a=y.forwardRef(Ia),La=({children:e,permissions:r,disabledPermissions:t})=>{const[a,o]=y.useState(),l=y.useMemo(()=>({disabledPermissions:t,permissions:a,setPermissions:o}),[t,a]);return y.useEffect(()=>{o(r)},[r]),n(h1.Provider,{value:l,children:e})},Fa={component:void 0,isOpen:!1,message:"",severity:"success",variant:"standard"},Hr=y.createContext({closeSnackbar:()=>{},isOpen:!1,openSnackbar:()=>{}}),Ha=({children:e,autoHideDuration:r=5e3,anchorOrigin:t={horizontal:"center",vertical:"bottom"}})=>{const[a,o]=y.useState(Fa),l=y.useCallback(d=>{o({component:d==null?void 0:d.component,isOpen:!0,message:(d==null?void 0:d.message)||"",severity:(d==null?void 0:d.severity)||"success",variant:(d==null?void 0:d.variant)||"standard"})},[]),c=y.useCallback((d,f)=>{f!=="clickaway"&&o(g=>({...g,isOpen:!1}))},[]),u=y.useMemo(()=>({closeSnackbar:c,isOpen:a.isOpen,openSnackbar:l}),[c,l,a.isOpen]);return k(Hr.Provider,{value:u,children:[n(i.Snackbar,{open:a.isOpen,onClose:c,autoHideDuration:r,anchorOrigin:t,children:a.component?n(a.component,{}):n(i.Alert,{severity:a.severity,variant:a.variant,children:a.message})},a.message),e]})},Oa=()=>{const e=y.useContext(Hr),{isOpen:r,closeSnackbar:t,openSnackbar:a}=e;if(e===void 0)throw new Error("SnackbarProvider must be used within a useSnackBar hook");return{closeSnackbar:t,isOpen:r,openSnackbar:a}},Pa=()=>{const[e,r]=y.useState(0);return{handleChange:y.useCallback((a,o)=>{r(o)},[]),value:e}},Va=e=>`linear-gradient(${i.alpha("#fff",+i.getOverlayAlpha(e))}, ${i.alpha("#fff",+i.getOverlayAlpha(e))})`;exports.ActionAppBar=O1;exports.AppBar=ca;exports.ArticleImage=ea;exports.AutocompleteFilter=_a;exports.AvatarAppBar=H1;exports.Backoffice=oa;exports.Button=Gn;exports.CardModal=Rn;exports.Chip=pa;exports.DialogCloseIcon=qn;exports.File=Ta;exports.FileViewer=F1;exports.HasPermission=ft;exports.Lightbox=_r;exports.LinkTab=Tn;exports.ListAvatar=z1;exports.ListAvatars=z1;exports.ListItemCard=zn;exports.Logo=I1;exports.NavigationMenu=Pn;exports.NavigationMenuContext=ye;exports.PermissionProvider=La;exports.QuantityField=_n;exports.SnackbarContext=Hr;exports.SnackbarProvider=Ha;exports.StatusIcon=ze;exports.TabPanel=Jn;exports.TextArea=In;exports.TextFieldAppBar=P1;exports.ThemeContext=Fr;exports.ThemeProvider=ma;exports.TimeLine=ia;exports.TypographySkeleton=Kn;exports.getBackgroundImageElevation=Va;exports.pxToRem=Y;exports.theme=Ca;exports.useMenu=V1;exports.usePermission=g1;exports.useSnackbar=Oa;exports.useTabs=Pa;Object.keys(i).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>i[e]})});

package/dist/main.js

@@ -5070,10 +5070,10 @@ const Dr = 32, Ci = 24, xi = 105, bi = 24, yi = 195, vi = 44, mi = 147, wi = ()
           }
         ), typeof (A == null ? void 0 : A.label) == "string" ? /* @__PURE__ */ n(Y, { variant: "body2", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", title: A == null ? void 0 : A.label, children: A.label }) : A == null ? void 0 : A.label);
       }),
-      renderTags: f || ((N, A, G) => N == null ? void 0 : N.map((re, de) => {
+      renderTags: f || ((N, A, G) => Array.isArray(N) ? N.map((re, de) => {
         const { key: _e } = A({ index: de });
         return G != null && G.focused ? null : /* @__PURE__ */ n(Y, { marginX: 1, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", children: re == null ? void 0 : re.label }, _e);
-      })),
+      }) : null),
       ..._,
       renderInput: (N) => {
         var re, de;

package/package.json

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