@cgi-learning-hub/ui
Version:
@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features
2 lines (1 loc) • 7.46 kB
JavaScript
"use strict";const ne=require("react"),e=require("./index-DLnSn8GT.cjs"),t=require("./identifier-BoZelETM.cjs"),le=require("./useTheme-CooC_6Ep.cjs"),c=require("react/jsx-runtime"),n=require("./DefaultPropsProvider-Cnf49AIv.cjs"),ie=require("./memoTheme-BKfsJx_F.cjs"),d=require("./useSlot-C2FjoUpF.cjs"),w=require("./Paper-BbqZL5vx.cjs"),x=require("./Backdrop-DeNTZlA5.cjs"),ce=require("./useId-DNXtOFeX.cjs"),de=require("./Modal-DkzrSKHd.cjs");function ue(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const p in r)if(p!=="default"){const s=Object.getOwnPropertyDescriptor(r,p);Object.defineProperty(o,p,s.get?s:{enumerable:!0,get:()=>r[p]})}}return o.default=r,Object.freeze(o)}const y=ue(ne),k=y.createContext({});process.env.NODE_ENV!=="production"&&(k.displayName="DialogContext");function ye(r){return t.generateUtilityClass("MuiDialog",r)}const P=t.generateUtilityClasses("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]),Pe=n.styled(x.Backdrop,{name:"MuiDialog",slot:"Backdrop",overrides:(r,o)=>o.backdrop})({zIndex:-1}),Te=r=>{const{classes:o,scroll:p,maxWidth:s,fullWidth:u,fullScreen:T}=r,b={root:["root"],container:["container",`scroll${t.capitalize(p)}`],paper:["paper",`paperScroll${t.capitalize(p)}`,`paperWidth${t.capitalize(String(s))}`,u&&"paperFullWidth",T&&"paperFullScreen"]};return n.composeClasses(b,ye,o)},be=n.styled(de.Modal,{name:"MuiDialog",slot:"Root"})({"@media print":{position:"absolute !important"}}),me=n.styled("div",{name:"MuiDialog",slot:"Container",overridesResolver:(r,o)=>{const{ownerState:p}=r;return[o.container,o[`scroll${t.capitalize(p.scroll)}`]]}})({height:"100%","@media print":{height:"auto"},outline:0,variants:[{props:{scroll:"paper"},style:{display:"flex",justifyContent:"center",alignItems:"center"}},{props:{scroll:"body"},style:{overflowY:"auto",overflowX:"hidden",textAlign:"center","&::after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}}}]}),fe=n.styled(w.Paper,{name:"MuiDialog",slot:"Paper",overridesResolver:(r,o)=>{const{ownerState:p}=r;return[o.paper,o[`scrollPaper${t.capitalize(p.scroll)}`],o[`paperWidth${t.capitalize(String(p.maxWidth))}`],p.fullWidth&&o.paperFullWidth,p.fullScreen&&o.paperFullScreen]}})(ie.memoTheme(({theme:r})=>({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"},variants:[{props:{scroll:"paper"},style:{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"}},{props:{scroll:"body"},style:{display:"inline-block",verticalAlign:"middle",textAlign:"initial"}},{props:({ownerState:o})=>!o.maxWidth,style:{maxWidth:"calc(100% - 64px)"}},{props:{maxWidth:"xs"},style:{maxWidth:r.breakpoints.unit==="px"?Math.max(r.breakpoints.values.xs,444):`max(${r.breakpoints.values.xs}${r.breakpoints.unit}, 444px)`,[`&.${P.paperScrollBody}`]:{[r.breakpoints.down(Math.max(r.breakpoints.values.xs,444)+32*2)]:{maxWidth:"calc(100% - 64px)"}}}},...Object.keys(r.breakpoints.values).filter(o=>o!=="xs").map(o=>({props:{maxWidth:o},style:{maxWidth:`${r.breakpoints.values[o]}${r.breakpoints.unit}`,[`&.${P.paperScrollBody}`]:{[r.breakpoints.down(r.breakpoints.values[o]+32*2)]:{maxWidth:"calc(100% - 64px)"}}}})),{props:({ownerState:o})=>o.fullWidth,style:{width:"calc(100% - 64px)"}},{props:({ownerState:o})=>o.fullScreen,style:{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,[`&.${P.paperScrollBody}`]:{margin:0,maxWidth:"100%"}}}]}))),j=y.forwardRef(function(o,p){const s=n.useDefaultProps({props:o,name:"MuiDialog"}),u=le.useTheme(),T={enter:u.transitions.duration.enteringScreen,exit:u.transitions.duration.leavingScreen},{"aria-describedby":b,"aria-labelledby":O,"aria-modal":M=!0,BackdropComponent:B,BackdropProps:q,children:F,className:$,disableEscapeKeyDown:S=!1,fullScreen:N=!1,fullWidth:R=!1,maxWidth:z="sm",onClick:C,onClose:m,open:D,PaperComponent:E=w.Paper,PaperProps:v={},scroll:A="paper",slots:I={},slotProps:_={},TransitionComponent:U=x.Fade,transitionDuration:W=T,TransitionProps:K,...L}=s,a={...s,disableEscapeKeyDown:S,fullScreen:N,fullWidth:R,maxWidth:z,scroll:A},f=Te(a),g=y.useRef(),V=i=>{g.current=i.target===i.currentTarget},X=i=>{C&&C(i),g.current&&(g.current=null,m&&m(i,"backdropClick"))},h=ce.useId(O),Y=y.useMemo(()=>({titleId:h}),[h]),H={transition:U,...I},G={transition:K,paper:v,backdrop:q,..._},l={slots:H,slotProps:G},[J,Q]=d.useSlot("root",{elementType:be,shouldForwardComponentProp:!0,externalForwardedProps:l,ownerState:a,className:t.clsx(f.root,$),ref:p}),[Z,ee]=d.useSlot("backdrop",{elementType:Pe,shouldForwardComponentProp:!0,externalForwardedProps:l,ownerState:a}),[oe,re]=d.useSlot("paper",{elementType:fe,shouldForwardComponentProp:!0,externalForwardedProps:l,ownerState:a,className:t.clsx(f.paper,v.className)}),[pe,te]=d.useSlot("container",{elementType:me,externalForwardedProps:l,ownerState:a,className:f.container}),[se,ae]=d.useSlot("transition",{elementType:x.Fade,externalForwardedProps:l,ownerState:a,additionalProps:{appear:!0,in:D,timeout:W,role:"presentation"}});return c.jsx(J,{closeAfterTransition:!0,slots:{backdrop:Z},slotProps:{backdrop:{transitionDuration:W,as:B,...ee}},disableEscapeKeyDown:S,onClose:m,open:D,onClick:X,...Q,...L,children:c.jsx(se,{...ae,children:c.jsx(pe,{onMouseDown:V,...te,children:c.jsx(oe,{as:E,elevation:24,role:"dialog","aria-describedby":b,"aria-labelledby":h,"aria-modal":M,...re,children:c.jsx(k.Provider,{value:Y,children:F})})})})})});process.env.NODE_ENV!=="production"&&(j.propTypes={"aria-describedby":e.PropTypes.string,"aria-labelledby":e.PropTypes.string,"aria-modal":e.PropTypes.oneOfType([e.PropTypes.oneOf(["false","true"]),e.PropTypes.bool]),BackdropComponent:e.PropTypes.elementType,BackdropProps:e.PropTypes.object,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,disableEscapeKeyDown:e.PropTypes.bool,fullScreen:e.PropTypes.bool,fullWidth:e.PropTypes.bool,maxWidth:e.PropTypes.oneOfType([e.PropTypes.oneOf(["xs","sm","md","lg","xl",!1]),e.PropTypes.string]),onClick:e.PropTypes.func,onClose:e.PropTypes.func,open:e.PropTypes.bool.isRequired,PaperComponent:e.PropTypes.elementType,PaperProps:e.PropTypes.object,scroll:e.PropTypes.oneOf(["body","paper"]),slotProps:e.PropTypes.shape({backdrop:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),container:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),paper:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),transition:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({backdrop:e.PropTypes.elementType,container:e.PropTypes.elementType,paper:e.PropTypes.elementType,root:e.PropTypes.elementType,transition: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]),TransitionComponent:e.PropTypes.elementType,transitionDuration:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.shape({appear:e.PropTypes.number,enter:e.PropTypes.number,exit:e.PropTypes.number})]),TransitionProps:e.PropTypes.object});exports.Dialog=j;exports.DialogContext=k;exports.dialogClasses=P;