@cgi-learning-hub/ui/dist/Badge-DXl0Da36.cjs

@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features

"use strict";const w=require("react"),e=require("./index-kjfz41UI.cjs"),h=require("./generateUtilityClasses-CENS22bI.cjs"),U=require("./usePreviousProps-jC3PWcIp.cjs"),rr=require("./memoTheme-Bi1UNdyO.cjs"),er=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),q=require("./useSlot-C-aMxEm0.cjs"),N=require("react/jsx-runtime"),y=require("./DefaultPropsProvider-C1g4BXET.cjs"),n=require("./capitalize-3OjkeP9i.cjs");function or(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return r.default=o,Object.freeze(r)}const tr=or(w);function ar(o){const{badgeContent:r,invisible:t=!1,max:a=99,showZero:l=!1}=o,u=U.usePreviousProps({badgeContent:r,max:a});let p=t;t===!1&&r===0&&!l&&(p=!0);const{badgeContent:s,max:c=a}=p?u:o,f=s&&Number(s)>c?`${c}+`:s;return{badgeContent:s,invisible:p,max:c,displayValue:f}}function I(o){return h.generateUtilityClass("MuiBadge",o)}const i=h.generateUtilityClasses("MuiBadge",["root","badge","dot","standard","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft","invisible","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","overlapRectangular","overlapCircular","anchorOriginTopLeftCircular","anchorOriginTopLeftRectangular","anchorOriginTopRightCircular","anchorOriginTopRightRectangular","anchorOriginBottomLeftCircular","anchorOriginBottomLeftRectangular","anchorOriginBottomRightCircular","anchorOriginBottomRightRectangular"]),v=10,P=4,nr=o=>{const{color:r,anchorOrigin:t,invisible:a,overlap:l,variant:u,classes:p={}}=o,s={root:["root"],badge:["badge",u,a&&"invisible",`anchorOrigin${n.capitalize(t.vertical)}${n.capitalize(t.horizontal)}`,`anchorOrigin${n.capitalize(t.vertical)}${n.capitalize(t.horizontal)}${n.capitalize(l)}`,`overlap${n.capitalize(l)}`,r!=="default"&&`color${n.capitalize(r)}`]};return y.composeClasses(s,I,p)},ir=y.styled("span",{name:"MuiBadge",slot:"Root"})({position:"relative",display:"inline-flex",verticalAlign:"middle",flexShrink:0}),sr=y.styled("span",{name:"MuiBadge",slot:"Badge",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.badge,r[t.variant],r[`anchorOrigin${n.capitalize(t.anchorOrigin.vertical)}${n.capitalize(t.anchorOrigin.horizontal)}${n.capitalize(t.overlap)}`],t.color!=="default"&&r[`color${n.capitalize(t.color)}`],t.invisible&&r.invisible]}})(rr.memoTheme(({theme:o})=>({display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"center",alignContent:"center",alignItems:"center",position:"absolute",boxSizing:"border-box",fontFamily:o.typography.fontFamily,fontWeight:o.typography.fontWeightMedium,fontSize:o.typography.pxToRem(12),minWidth:v*2,lineHeight:1,padding:"0 6px",height:v*2,borderRadius:v,zIndex:1,transition:o.transitions.create("transform",{easing:o.transitions.easing.easeInOut,duration:o.transitions.duration.enteringScreen}),variants:[...Object.entries(o.palette).filter(er.createSimplePaletteValueFilter(["contrastText"])).map(([r])=>({props:{color:r},style:{backgroundColor:(o.vars||o).palette[r].main,color:(o.vars||o).palette[r].contrastText}})),{props:{variant:"dot"},style:{borderRadius:P,height:P*2,minWidth:P*2,padding:0}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="top"&&r.anchorOrigin.horizontal==="right"&&r.overlap==="rectangular",style:{top:0,right:0,transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${i.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="bottom"&&r.anchorOrigin.horizontal==="right"&&r.overlap==="rectangular",style:{bottom:0,right:0,transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${i.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="top"&&r.anchorOrigin.horizontal==="left"&&r.overlap==="rectangular",style:{top:0,left:0,transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${i.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="bottom"&&r.anchorOrigin.horizontal==="left"&&r.overlap==="rectangular",style:{bottom:0,left:0,transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${i.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="top"&&r.anchorOrigin.horizontal==="right"&&r.overlap==="circular",style:{top:"14%",right:"14%",transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${i.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="bottom"&&r.anchorOrigin.horizontal==="right"&&r.overlap==="circular",style:{bottom:"14%",right:"14%",transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${i.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="top"&&r.anchorOrigin.horizontal==="left"&&r.overlap==="circular",style:{top:"14%",left:"14%",transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${i.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:r})=>r.anchorOrigin.vertical==="bottom"&&r.anchorOrigin.horizontal==="left"&&r.overlap==="circular",style:{bottom:"14%",left:"14%",transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${i.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:{invisible:!0},style:{transition:o.transitions.create("transform",{easing:o.transitions.easing.easeInOut,duration:o.transitions.duration.leavingScreen})}}]})));function F(o){return{vertical:(o==null?void 0:o.vertical)??"top",horizontal:(o==null?void 0:o.horizontal)??"right"}}const M=tr.forwardRef(function(r,t){const a=y.useDefaultProps({props:r,name:"MuiBadge"}),{anchorOrigin:l,className:u,classes:p,component:s,components:c={},componentsProps:f={},children:V,overlap:T="rectangular",color:O="default",invisible:A=!1,max:L=99,badgeContent:z,slots:g,slotProps:d,showZero:x=!1,variant:b="standard",...W}=a,{badgeContent:C,invisible:_,max:k,displayValue:S}=ar({max:L,invisible:A,badgeContent:z,showZero:x}),E=U.usePreviousProps({anchorOrigin:F(l),color:O,overlap:T,variant:b,badgeContent:z}),R=_||C==null&&b!=="dot",{color:H=O,overlap:Z=T,anchorOrigin:G,variant:B=b}=R?E:a,J=F(G),$=B!=="dot"?S:void 0,m={...a,badgeContent:C,invisible:R,max:k,displayValue:$,showZero:x,anchorOrigin:J,color:H,overlap:Z,variant:B},j=nr(m),D={slots:{root:(g==null?void 0:g.root)??c.Root,badge:(g==null?void 0:g.badge)??c.Badge},slotProps:{root:(d==null?void 0:d.root)??f.root,badge:(d==null?void 0:d.badge)??f.badge}},[K,Q]=q.useSlot("root",{elementType:ir,externalForwardedProps:{...D,...W},ownerState:m,className:h.clsx(j.root,u),ref:t,additionalProps:{as:s}}),[X,Y]=q.useSlot("badge",{elementType:sr,externalForwardedProps:D,ownerState:m,className:j.badge});return N.jsxs(K,{...Q,children:[V,N.jsx(X,{...Y,children:$})]})});process.env.NODE_ENV!=="production"&&(M.propTypes={anchorOrigin:e.PropTypes.shape({horizontal:e.PropTypes.oneOf(["left","right"]),vertical:e.PropTypes.oneOf(["bottom","top"])}),badgeContent:e.PropTypes.node,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),component:e.PropTypes.elementType,components:e.PropTypes.shape({Badge:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({badge:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),invisible:e.PropTypes.bool,max:e.PropTypes.number,overlap:e.PropTypes.oneOf(["circular","rectangular"]),showZero:e.PropTypes.bool,slotProps:e.PropTypes.shape({badge:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({badge:e.PropTypes.elementType,root:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["dot","standard"]),e.PropTypes.string])});exports.Badge=M;exports.badgeClasses=i;exports.getBadgeUtilityClass=I;