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

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

"use strict";const _=require("react"),e=require("./index-kjfz41UI.cjs"),f=require("./generateUtilityClasses-CENS22bI.cjs"),Z=require("./memoTheme-Bi1UNdyO.cjs"),a=require("./useSlot-C-aMxEm0.cjs"),P=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),d=require("./createSvgIcon-CcWpa9Le.cjs"),n=require("react/jsx-runtime"),G=require("./Close-DR9m6hv3.cjs"),i=require("./DefaultPropsProvider-C1g4BXET.cjs"),J=require("./IconButton-BTN16gZi.cjs"),g=require("./capitalize-3OjkeP9i.cjs"),K=require("./Paper-DcVuAxq3.cjs");function Q(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 X=Q(_);function Y(o){return f.generateUtilityClass("MuiAlert",o)}const I=f.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"]),ee=d.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"),oe=d.createSvgIcon(n.jsx("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),te=d.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"),re=d.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"),se=o=>{const{variant:s,color:r,severity:t,classes:c}=o,T={root:["root",`color${g.capitalize(r||t)}`,`${s}${g.capitalize(r||t)}`,`${s}`],icon:["icon"],message:["message"],action:["action"]};return i.composeClasses(T,Y,c)},ne=i.styled(K.Paper,{name:"MuiAlert",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:r}=o;return[s.root,s[r.variant],s[`${r.variant}${g.capitalize(r.color||r.severity)}`]]}})(Z.memoTheme(({theme:o})=>{const s=o.palette.mode==="light"?o.darken:o.lighten,r=o.palette.mode==="light"?o.lighten:o.darken;return{...o.typography.body2,backgroundColor:"transparent",display:"flex",padding:"6px 16px",variants:[...Object.entries(o.palette).filter(P.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),[`& .${I.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(P.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}`,[`& .${I.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(P.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)}}}))]}})),le=i.styled("div",{name:"MuiAlert",slot:"Icon"})({marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9}),pe=i.styled("div",{name:"MuiAlert",slot:"Message"})({padding:"8px 0",minWidth:0,overflow:"auto"}),ae=i.styled("div",{name:"MuiAlert",slot:"Action"})({display:"flex",alignItems:"flex-start",padding:"4px 0 0 16px",marginLeft:"auto",marginRight:-8}),O={success:n.jsx(ee,{fontSize:"inherit"}),warning:n.jsx(oe,{fontSize:"inherit"}),error:n.jsx(te,{fontSize:"inherit"}),info:n.jsx(re,{fontSize:"inherit"})},b=X.forwardRef(function(s,r){const t=i.useDefaultProps({props:s,name:"MuiAlert"}),{action:c,children:T,className:M,closeText:v="Close",color:S,components:m={},componentsProps:z={},icon:C,iconMapping:h=O,onClose:x,role:$="alert",severity:y="success",slotProps:B={},slots:q={},variant:k="standard",...w}=t,l={...t,color:S,severity:y,variant:k,colorSeverity:S||y},u=se(l),p={slots:{closeButton:m.CloseButton,closeIcon:m.CloseIcon,...q},slotProps:{...z,...B}},[L,R]=a.useSlot("root",{ref:r,shouldForwardComponentProp:!0,className:f.clsx(u.root,M),elementType:ne,externalForwardedProps:{...p,...w},ownerState:l,additionalProps:{role:$,elevation:0}}),[F,N]=a.useSlot("icon",{className:u.icon,elementType:le,externalForwardedProps:p,ownerState:l}),[E,V]=a.useSlot("message",{className:u.message,elementType:pe,externalForwardedProps:p,ownerState:l}),[A,j]=a.useSlot("action",{className:u.action,elementType:ae,externalForwardedProps:p,ownerState:l}),[W,D]=a.useSlot("closeButton",{elementType:J.IconButton,externalForwardedProps:p,ownerState:l}),[H,U]=a.useSlot("closeIcon",{elementType:G.CloseIcon,externalForwardedProps:p,ownerState:l});return n.jsxs(L,{...R,children:[C!==!1?n.jsx(F,{...N,children:C||h[y]||O[y]}):null,n.jsx(E,{...V,children:T}),c!=null?n.jsx(A,{...j,children:c}):null,c==null&&x?n.jsx(A,{...j,children:n.jsx(W,{size:"small","aria-label":v,title:v,color:"inherit",onClick:x,...D,children:n.jsx(H,{fontSize:"small",...U})})}):null]})});process.env.NODE_ENV!=="production"&&(b.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=b;