@cgi-learning-hub/ui/dist/Radio-Bwh_t6PC.cjs

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

"use strict";const ee=require("react"),e=require("./index-DLnSn8GT.cjs"),a=require("./identifier-BoZelETM.cjs"),j=require("./memoTheme-BKfsJx_F.cjs"),oe=require("./formControlState-CuX6WjAX.cjs"),A=require("./useSlot-C2FjoUpF.cjs"),n=require("react/jsx-runtime"),l=require("./DefaultPropsProvider-Cnf49AIv.cjs"),H=require("./useFormControl-haP0iPhl.cjs"),_=require("./Typography-CSTmKyr8.cjs"),W=require("./refType-B_IEJm4x.cjs"),re=require("./SwitchBase-P3zHVmLX.cjs"),Z=require("./createSvgIcon-IET9soda.cjs"),G=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),te=require("./createChainedFunction-CJmlQuW8.cjs");function se(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>o[t]})}}return r.default=o,Object.freeze(r)}const T=se(ee);function J(o){return a.generateUtilityClass("MuiFormControlLabel",o)}const h=a.generateUtilityClasses("MuiFormControlLabel",["root","labelPlacementStart","labelPlacementTop","labelPlacementBottom","disabled","label","error","required","asterisk"]),ae=o=>{const{classes:r,disabled:t,labelPlacement:s,error:p,required:C}=o,v={root:["root",t&&"disabled",`labelPlacement${a.capitalize(s)}`,p&&"error",C&&"required"],label:["label",t&&"disabled"],asterisk:["asterisk",p&&"error"]};return l.composeClasses(v,J,r)},ne=l.styled("label",{name:"MuiFormControlLabel",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[{[`& .${h.label}`]:r.label},r.root,r[`labelPlacement${a.capitalize(t.labelPlacement)}`]]}})(j.memoTheme(({theme:o})=>({display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:16,[`&.${h.disabled}`]:{cursor:"default"},[`& .${h.label}`]:{[`&.${h.disabled}`]:{color:(o.vars||o).palette.text.disabled}},variants:[{props:{labelPlacement:"start"},style:{flexDirection:"row-reverse",marginRight:-11}},{props:{labelPlacement:"top"},style:{flexDirection:"column-reverse"}},{props:{labelPlacement:"bottom"},style:{flexDirection:"column"}},{props:({labelPlacement:r})=>r==="start"||r==="top"||r==="bottom",style:{marginLeft:16}}]}))),le=l.styled("span",{name:"MuiFormControlLabel",slot:"Asterisk"})(j.memoTheme(({theme:o})=>({[`&.${h.error}`]:{color:(o.vars||o).palette.error.main}}))),K=T.forwardRef(function(r,t){const s=l.useDefaultProps({props:r,name:"MuiFormControlLabel"}),{checked:p,className:C,componentsProps:v={},control:f,disabled:k,disableTypography:O,inputRef:S,label:q,labelPlacement:F="end",name:U,onChange:z,required:x,slots:w={},slotProps:N={},value:$,...P}=s,u=H.useFormControl(),R=k??f.props.disabled??(u==null?void 0:u.disabled),i=x??f.props.required,g={disabled:R,required:i};["checked","name","onChange","value","inputRef"].forEach(b=>{typeof f.props[b]>"u"&&typeof s[b]<"u"&&(g[b]=s[b])});const I=oe.formControlState({props:s,muiFormControl:u,states:["error"]}),y={...s,disabled:R,labelPlacement:F,required:i,error:I.error},m=ae(y),L={slots:w,slotProps:{...v,...N}},[D,c]=A.useSlot("typography",{elementType:_.Typography,externalForwardedProps:L,ownerState:y});let d=q;return d!=null&&d.type!==_.Typography&&!O&&(d=n.jsx(D,{component:"span",...c,className:a.clsx(m.label,c==null?void 0:c.className),children:d})),n.jsxs(ne,{className:a.clsx(m.root,C),ownerState:y,ref:t,...P,children:[T.cloneElement(f,g),i?n.jsxs("div",{children:[d,n.jsxs(le,{ownerState:y,"aria-hidden":!0,className:m.asterisk,children:[" ","*"]})]}):d]})});process.env.NODE_ENV!=="production"&&(K.propTypes={checked:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,componentsProps:e.PropTypes.shape({typography:e.PropTypes.object}),control:e.PropTypes.element.isRequired,disabled:e.PropTypes.bool,disableTypography:e.PropTypes.bool,inputRef:W.refType,label:e.PropTypes.node,labelPlacement:e.PropTypes.oneOf(["bottom","end","start","top"]),name:e.PropTypes.string,onChange:e.PropTypes.func,required:e.PropTypes.bool,slotProps:e.PropTypes.shape({typography:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({typography: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]),value:e.PropTypes.any});const pe=Z.createSvgIcon(n.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),ie=Z.createSvgIcon(n.jsx("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked"),ce=l.styled("span",{shouldForwardProp:l.rootShouldForwardProp})({position:"relative",display:"flex"}),de=l.styled(pe)({transform:"scale(1)"}),ue=l.styled(ie)(j.memoTheme(({theme:o})=>({left:0,position:"absolute",transform:"scale(0)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeIn,duration:o.transitions.duration.shortest}),variants:[{props:{checked:!0},style:{transform:"scale(1)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeOut,duration:o.transitions.duration.shortest})}}]})));function B(o){const{checked:r=!1,classes:t={},fontSize:s}=o,p={...o,checked:r};return n.jsxs(ce,{className:t.root,ownerState:p,children:[n.jsx(de,{fontSize:s,className:t.background,ownerState:p}),n.jsx(ue,{fontSize:s,className:t.dot,ownerState:p})]})}process.env.NODE_ENV!=="production"&&(B.propTypes={checked:e.PropTypes.bool,classes:e.PropTypes.object,fontSize:e.PropTypes.oneOf(["small","medium"])});const M=T.createContext(void 0);process.env.NODE_ENV!=="production"&&(M.displayName="RadioGroupContext");function Q(){return T.useContext(M)}function X(o){return a.generateUtilityClass("MuiRadio",o)}const E=a.generateUtilityClasses("MuiRadio",["root","checked","disabled","colorPrimary","colorSecondary","sizeSmall"]),ye=o=>{const{classes:r,color:t,size:s}=o,p={root:["root",`color${a.capitalize(t)}`,s!=="medium"&&`size${a.capitalize(s)}`]};return{...r,...l.composeClasses(p,X,r)}},fe=l.styled(re.SwitchBase,{shouldForwardProp:o=>l.rootShouldForwardProp(o)||o==="classes",name:"MuiRadio",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.root,t.size!=="medium"&&r[`size${a.capitalize(t.size)}`],r[`color${a.capitalize(t.color)}`]]}})(j.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,[`&.${E.disabled}`]:{color:(o.vars||o).palette.action.disabled},variants:[{props:{color:"default",disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha(o.palette.action.active,o.palette.action.hoverOpacity)}}},...Object.entries(o.palette).filter(G.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r,disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette[r].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha(o.palette[r].main,o.palette.action.hoverOpacity)}}})),...Object.entries(o.palette).filter(G.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r,disabled:!1},style:{[`&.${E.checked}`]:{color:(o.vars||o).palette[r].main}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]})));function Pe(o,r){return typeof r=="object"&&r!==null?o===r:String(o)===String(r)}const me=n.jsx(B,{checked:!0}),be=n.jsx(B,{}),Y=T.forwardRef(function(r,t){const s=l.useDefaultProps({props:r,name:"MuiRadio"}),{checked:p,checkedIcon:C=me,color:v="primary",icon:f=be,name:k,onChange:O,size:S="medium",className:q,disabled:F,disableRipple:U=!1,slots:z={},slotProps:x={},inputProps:w,...N}=s,$=H.useFormControl();let P=F;$&&typeof P>"u"&&(P=$.disabled),P??(P=!1);const u={...s,disabled:P,disableRipple:U,color:v,size:S},R=ye(u),i=Q();let g=p;const I=te.createChainedFunction(O,i&&i.onChange);let y=k;i&&(typeof g>"u"&&(g=Pe(i.value,s.value)),typeof y>"u"&&(y=i.name));const m=x.input??w,[L,D]=A.useSlot("root",{ref:t,elementType:fe,className:a.clsx(R.root,q),shouldForwardComponentProp:!0,externalForwardedProps:{slots:z,slotProps:x,...N},getSlotProps:c=>({...c,onChange:(d,...b)=>{var V;(V=c.onChange)==null||V.call(c,d,...b),I(d,...b)}}),ownerState:u,additionalProps:{type:"radio",icon:T.cloneElement(f,{fontSize:f.props.fontSize??S}),checkedIcon:T.cloneElement(C,{fontSize:C.props.fontSize??S}),disabled:P,name:y,checked:g,slots:z,slotProps:{input:typeof m=="function"?m(u):m}}});return n.jsx(L,{...D,classes:R})});process.env.NODE_ENV!=="production"&&(Y.propTypes={checked:e.PropTypes.bool,checkedIcon: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]),disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.node,id:e.PropTypes.string,inputProps:e.PropTypes.object,inputRef:W.refType,name:e.PropTypes.string,onChange:e.PropTypes.func,required:e.PropTypes.bool,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({input: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]),value:e.PropTypes.any});exports.FormControlLabel=K;exports.Radio=Y;exports.RadioGroupContext=M;exports.formControlLabelClasses=h;exports.getFormControlLabelUtilityClasses=J;exports.getRadioUtilityClass=X;exports.radioClasses=E;exports.useRadioGroup=Q;