@cgi-learning-hub/ui/dist/Alert-DPSZppEy.cjs

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

"use strict";const U=require("react"),e=require("./index-DLnSn8GT.cjs"),l=require("./identifier-BoZelETM.cjs"),_=require("./memoTheme-BKfsJx_F.cjs"),i=require("./useSlot-C2FjoUpF.cjs"),f=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),T=require("./createSvgIcon-IET9soda.cjs"),n=require("react/jsx-runtime"),Z=require("./Close-7S2hSoFB.cjs"),c=require("./DefaultPropsProvider-Cnf49AIv.cjs"),G=require("./IconButton-CjtMjZ9e.cjs"),J=require("./Paper-BbqZL5vx.cjs");function K(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,t.get?t:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const Q=K(U);function X(o){return l.generateUtilityClass("MuiAlert",o)}const j=l.generateUtilityClasses("MuiAlert",["root","action","icon","message","filled","colorSuccess","colorInfo","colorWarning","colorError","filledSuccess","filledInfo","filledWarning","filledError","outlined","outlinedSuccess","outlinedInfo","outlinedWarning","outlinedError","standard","standardSuccess","standardInfo","standardWarning","standardError"]),Y=T.createSvgIcon(n.jsx("path",{d:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"}),"SuccessOutlined"),ee=T.createSvgIcon(n.jsx("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),oe=T.createSvgIcon(n.jsx("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),te=T.createSvgIcon(n.jsx("path",{d:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"}),"InfoOutlined"),re=o=>{const{variant:s,color:r,severity:t,classes:y}=o,P={root:["root",`color${l.capitalize(r||t)}`,`${s}${l.capitalize(r||t)}`,`${s}`],icon:["icon"],message:["message"],action:["action"]};return c.composeClasses(P,X,y)},se=c.styled(J.Paper,{name:"MuiAlert",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:r}=o;return[s.root,s[r.variant],s[`${r.variant}${l.capitalize(r.color||r.severity)}`]]}})(_.memoTheme(({theme:o})=>{const s=o.palette.mode==="light"?l.darken:l.lighten,r=o.palette.mode==="light"?l.lighten:l.darken;return{...o.typography.body2,backgroundColor:"transparent",display:"flex",padding:"6px 16px",variants:[...Object.entries(o.palette).filter(f.createSimplePaletteValueFilter(["light"])).map(([t])=>({props:{colorSeverity:t,variant:"standard"},style:{color:o.vars?o.vars.palette.Alert[`${t}Color`]:s(o.palette[t].light,.6),backgroundColor:o.vars?o.vars.palette.Alert[`${t}StandardBg`]:r(o.palette[t].light,.9),[`& .${j.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(f.createSimplePaletteValueFilter(["light"])).map(([t])=>({props:{colorSeverity:t,variant:"outlined"},style:{color:o.vars?o.vars.palette.Alert[`${t}Color`]:s(o.palette[t].light,.6),border:`1px solid ${(o.vars||o).palette[t].light}`,[`& .${j.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(f.createSimplePaletteValueFilter(["dark"])).map(([t])=>({props:{colorSeverity:t,variant:"filled"},style:{fontWeight:o.typography.fontWeightMedium,...o.vars?{color:o.vars.palette.Alert[`${t}FilledColor`],backgroundColor:o.vars.palette.Alert[`${t}FilledBg`]}:{backgroundColor:o.palette.mode==="dark"?o.palette[t].dark:o.palette[t].main,color:o.palette.getContrastText(o.palette[t].main)}}}))]}})),ne=c.styled("div",{name:"MuiAlert",slot:"Icon"})({marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9}),le=c.styled("div",{name:"MuiAlert",slot:"Message"})({padding:"8px 0",minWidth:0,overflow:"auto"}),pe=c.styled("div",{name:"MuiAlert",slot:"Action"})({display:"flex",alignItems:"flex-start",padding:"4px 0 0 16px",marginLeft:"auto",marginRight:-8}),I={success:n.jsx(Y,{fontSize:"inherit"}),warning:n.jsx(ee,{fontSize:"inherit"}),error:n.jsx(oe,{fontSize:"inherit"}),info:n.jsx(te,{fontSize:"inherit"})},O=Q.forwardRef(function(s,r){const t=c.useDefaultProps({props:s,name:"MuiAlert"}),{action:y,children:P,className:b,closeText:g="Close",color:v,components:S={},componentsProps:M={},icon:m,iconMapping:h=I,onClose:C,role:z="alert",severity:d="success",slotProps:$={},slots:B={},variant:k="standard",...q}=t,p={...t,color:v,severity:d,variant:k,colorSeverity:v||d},u=re(p),a={slots:{closeButton:S.CloseButton,closeIcon:S.CloseIcon,...B},slotProps:{...M,...$}},[w,L]=i.useSlot("root",{ref:r,shouldForwardComponentProp:!0,className:l.clsx(u.root,b),elementType:se,externalForwardedProps:{...a,...q},ownerState:p,additionalProps:{role:z,elevation:0}}),[R,F]=i.useSlot("icon",{className:u.icon,elementType:ne,externalForwardedProps:a,ownerState:p}),[N,E]=i.useSlot("message",{className:u.message,elementType:le,externalForwardedProps:a,ownerState:p}),[x,A]=i.useSlot("action",{className:u.action,elementType:pe,externalForwardedProps:a,ownerState:p}),[V,W]=i.useSlot("closeButton",{elementType:G.IconButton,externalForwardedProps:a,ownerState:p}),[D,H]=i.useSlot("closeIcon",{elementType:Z.CloseIcon,externalForwardedProps:a,ownerState:p});return n.jsxs(w,{...L,children:[m!==!1?n.jsx(R,{...F,children:m||h[d]||I[d]}):null,n.jsx(N,{...E,children:P}),y!=null?n.jsx(x,{...A,children:y}):null,y==null&&C?n.jsx(x,{...A,children:n.jsx(V,{size:"small","aria-label":g,title:g,color:"inherit",onClick:C,...W,children:n.jsx(D,{fontSize:"small",...H})})}):null]})});process.env.NODE_ENV!=="production"&&(O.propTypes={action:e.PropTypes.node,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,closeText:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({CloseButton:e.PropTypes.elementType,CloseIcon:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({closeButton:e.PropTypes.object,closeIcon:e.PropTypes.object}),icon:e.PropTypes.node,iconMapping:e.PropTypes.shape({error:e.PropTypes.node,info:e.PropTypes.node,success:e.PropTypes.node,warning:e.PropTypes.node}),onClose:e.PropTypes.func,role:e.PropTypes.string,severity:e.PropTypes.oneOfType([e.PropTypes.oneOf(["error","info","success","warning"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({action:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),closeButton:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),closeIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),icon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),message:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({action:e.PropTypes.elementType,closeButton:e.PropTypes.elementType,closeIcon:e.PropTypes.elementType,icon:e.PropTypes.elementType,message: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(["filled","outlined","standard"]),e.PropTypes.string])});exports.Alert=O;