@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.5 kB
JavaScript
"use strict";const le=require("react"),e=require("./index-kjfz41UI.cjs"),T=require("./generateUtilityClasses-CENS22bI.cjs"),ie=require("./useTheme-BrGF2Vm0.cjs"),c=require("react/jsx-runtime"),n=require("./DefaultPropsProvider-C1g4BXET.cjs"),ce=require("./memoTheme-Bi1UNdyO.cjs"),d=require("./useSlot-C-aMxEm0.cjs"),j=require("./Paper-DcVuAxq3.cjs"),k=require("./Backdrop-qOBrabpf.cjs"),de=require("./useId-DNXtOFeX.cjs"),a=require("./capitalize-3OjkeP9i.cjs"),ue=require("./Modal-DB9K8sJI.cjs");function ye(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const p in r)if(p!=="default"){const t=Object.getOwnPropertyDescriptor(r,p);Object.defineProperty(o,p,t.get?t:{enumerable:!0,get:()=>r[p]})}}return o.default=r,Object.freeze(o)}const y=ye(le),S=y.createContext({});process.env.NODE_ENV!=="production"&&(S.displayName="DialogContext");function Pe(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"]),Te=n.styled(k.Backdrop,{name:"MuiDialog",slot:"Backdrop",overrides:(r,o)=>o.backdrop})({zIndex:-1}),be=r=>{const{classes:o,scroll:p,maxWidth:t,fullWidth:u,fullScreen:b}=r,m={root:["root"],container:["container",`scroll${a.capitalize(p)}`],paper:["paper",`paperScroll${a.capitalize(p)}`,`paperWidth${a.capitalize(String(t))}`,u&&"paperFullWidth",b&&"paperFullScreen"]};return n.composeClasses(m,Pe,o)},me=n.styled(ue.Modal,{name:"MuiDialog",slot:"Root"})({"@media print":{position:"absolute !important"}}),fe=n.styled("div",{name:"MuiDialog",slot:"Container",overridesResolver:(r,o)=>{const{ownerState:p}=r;return[o.container,o[`scroll${a.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"}}}]}),ge=n.styled(j.Paper,{name:"MuiDialog",slot:"Paper",overridesResolver:(r,o)=>{const{ownerState:p}=r;return[o.paper,o[`scrollPaper${a.capitalize(p.scroll)}`],o[`paperWidth${a.capitalize(String(p.maxWidth))}`],p.fullWidth&&o.paperFullWidth,p.fullScreen&&o.paperFullScreen]}})(ce.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)+64)]:{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]+64)]:{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%"}}}]}))),O=y.forwardRef(function(o,p){const t=n.useDefaultProps({props:o,name:"MuiDialog"}),u=ie.useTheme(),b={enter:u.transitions.duration.enteringScreen,exit:u.transitions.duration.leavingScreen},{"aria-describedby":m,"aria-labelledby":M,"aria-modal":B=!0,BackdropComponent:q,BackdropProps:F,children:$,className:N,disableEscapeKeyDown:C=!1,fullScreen:R=!1,fullWidth:z=!1,maxWidth:E="sm",onClick:D,onClose:f,open:v,PaperComponent:A=j.Paper,PaperProps:W={},scroll:I="paper",slots:U={},slotProps:_={},TransitionComponent:K=k.Fade,transitionDuration:w=b,TransitionProps:L,...V}=t,s={...t,disableEscapeKeyDown:C,fullScreen:R,fullWidth:z,maxWidth:E,scroll:I},g=be(s),h=y.useRef(),X=i=>{h.current=i.target===i.currentTarget},Y=i=>{D&&D(i),h.current&&(h.current=null,f&&f(i,"backdropClick"))},x=de.useId(M),H=y.useMemo(()=>({titleId:x}),[x]),G={transition:K,...U},J={transition:L,paper:W,backdrop:F,..._},l={slots:G,slotProps:J},[Q,Z]=d.useSlot("root",{elementType:me,shouldForwardComponentProp:!0,externalForwardedProps:l,ownerState:s,className:T.clsx(g.root,N),ref:p}),[ee,oe]=d.useSlot("backdrop",{elementType:Te,shouldForwardComponentProp:!0,externalForwardedProps:l,ownerState:s}),[re,pe]=d.useSlot("paper",{elementType:ge,shouldForwardComponentProp:!0,externalForwardedProps:l,ownerState:s,className:T.clsx(g.paper,W.className)}),[te,se]=d.useSlot("container",{elementType:fe,externalForwardedProps:l,ownerState:s,className:g.container}),[ae,ne]=d.useSlot("transition",{elementType:k.Fade,externalForwardedProps:l,ownerState:s,additionalProps:{appear:!0,in:v,timeout:w,role:"presentation"}});return c.jsx(Q,{closeAfterTransition:!0,slots:{backdrop:ee},slotProps:{backdrop:{transitionDuration:w,as:q,...oe}},disableEscapeKeyDown:C,onClose:f,open:v,onClick:Y,...Z,...V,children:c.jsx(ae,{...ne,children:c.jsx(te,{onMouseDown:X,...se,children:c.jsx(re,{as:A,elevation:24,role:"dialog","aria-describedby":m,"aria-labelledby":x,"aria-modal":B,...pe,children:c.jsx(S.Provider,{value:H,children:$})})})})})});process.env.NODE_ENV!=="production"&&(O.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=O;exports.DialogContext=S;exports.dialogClasses=P;