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

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

"use strict";const oe=require("react"),e=require("./index-kjfz41UI.cjs"),T=require("./generateUtilityClasses-CENS22bI.cjs"),k=require("./memoTheme-Bi1UNdyO.cjs"),re=require("./formControlState-CuX6WjAX.cjs"),H=require("./useSlot-C-aMxEm0.cjs"),a=require("react/jsx-runtime"),n=require("./DefaultPropsProvider-C1g4BXET.cjs"),W=require("./useFormControl-haP0iPhl.cjs"),G=require("./Typography-DHjq4GzQ.cjs"),R=require("./capitalize-3OjkeP9i.cjs"),Z=require("./refType-DJyA--UV.cjs"),te=require("./SwitchBase-BP_I-APE.cjs"),J=require("./createSvgIcon-CcWpa9Le.cjs"),A=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),se=require("./createChainedFunction-CJmlQuW8.cjs");function ae(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 b=ae(oe);function K(o){return T.generateUtilityClass("MuiFormControlLabel",o)}const h=T.generateUtilityClasses("MuiFormControlLabel",["root","labelPlacementStart","labelPlacementTop","labelPlacementBottom","disabled","label","error","required","asterisk"]),ne=o=>{const{classes:r,disabled:t,labelPlacement:s,error:l,required:C}=o,v={root:["root",t&&"disabled",`labelPlacement${R.capitalize(s)}`,l&&"error",C&&"required"],label:["label",t&&"disabled"],asterisk:["asterisk",l&&"error"]};return n.composeClasses(v,K,r)},le=n.styled("label",{name:"MuiFormControlLabel",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[{[`& .${h.label}`]:r.label},r.root,r[`labelPlacement${R.capitalize(t.labelPlacement)}`]]}})(k.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}}]}))),pe=n.styled("span",{name:"MuiFormControlLabel",slot:"Asterisk"})(k.memoTheme(({theme:o})=>({[`&.${h.error}`]:{color:(o.vars||o).palette.error.main}}))),Q=b.forwardRef(function(r,t){const s=n.useDefaultProps({props:r,name:"MuiFormControlLabel"}),{checked:l,className:C,componentsProps:v={},control:y,disabled:O,disableTypography:q,inputRef:x,label:z,labelPlacement:F="end",name:V,onChange:w,required:j,slots:N={},slotProps:I={},value:B,...f}=s,d=W.useFormControl(),S=O??y.props.disabled??(d==null?void 0:d.disabled),p=j??y.props.required,g={disabled:S,required:p};["checked","name","onChange","value","inputRef"].forEach(m=>{typeof y.props[m]>"u"&&typeof s[m]<"u"&&(g[m]=s[m])});const L=re.formControlState({props:s,muiFormControl:d,states:["error"]}),u={...s,disabled:S,labelPlacement:F,required:p,error:L.error},P=ne(u),M={slots:N,slotProps:{...v,...I}},[$,i]=H.useSlot("typography",{elementType:G.Typography,externalForwardedProps:M,ownerState:u});let c=z;return c!=null&&c.type!==G.Typography&&!q&&(c=a.jsx($,{component:"span",...i,className:T.clsx(P.label,i==null?void 0:i.className),children:c})),a.jsxs(le,{className:T.clsx(P.root,C),ownerState:u,ref:t,...f,children:[b.cloneElement(y,g),p?a.jsxs("div",{children:[c,a.jsxs(pe,{ownerState:u,"aria-hidden":!0,className:P.asterisk,children:[" ","*"]})]}):c]})});process.env.NODE_ENV!=="production"&&(Q.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:Z.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 ie=J.createSvgIcon(a.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"),ce=J.createSvgIcon(a.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"),de=n.styled("span",{name:"MuiRadioButtonIcon",shouldForwardProp:n.rootShouldForwardProp})({position:"relative",display:"flex"}),ue=n.styled(ie,{name:"MuiRadioButtonIcon"})({transform:"scale(1)"}),ye=n.styled(ce,{name:"MuiRadioButtonIcon"})(k.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 E(o){const{checked:r=!1,classes:t={},fontSize:s}=o,l={...o,checked:r};return a.jsxs(de,{className:t.root,ownerState:l,children:[a.jsx(ue,{fontSize:s,className:t.background,ownerState:l}),a.jsx(ye,{fontSize:s,className:t.dot,ownerState:l})]})}process.env.NODE_ENV!=="production"&&(E.propTypes={checked:e.PropTypes.bool,classes:e.PropTypes.object,fontSize:e.PropTypes.oneOf(["small","medium"])});const U=b.createContext(void 0);process.env.NODE_ENV!=="production"&&(U.displayName="RadioGroupContext");function X(){return b.useContext(U)}function Y(o){return T.generateUtilityClass("MuiRadio",o)}const D=T.generateUtilityClasses("MuiRadio",["root","checked","disabled","colorPrimary","colorSecondary","sizeSmall"]),fe=o=>{const{classes:r,color:t,size:s}=o,l={root:["root",`color${R.capitalize(t)}`,s!=="medium"&&`size${R.capitalize(s)}`]};return{...r,...n.composeClasses(l,Y,r)}},Pe=n.styled(te.SwitchBase,{shouldForwardProp:o=>n.rootShouldForwardProp(o)||o==="classes",name:"MuiRadio",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.root,t.size!=="medium"&&r[`size${R.capitalize(t.size)}`],r[`color${R.capitalize(t.color)}`]]}})(k.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,[`&.${D.disabled}`]:{color:(o.vars||o).palette.action.disabled},variants:[{props:{color:"default",disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:o.alpha((o.vars||o).palette.action.active,(o.vars||o).palette.action.hoverOpacity)}}},...Object.entries(o.palette).filter(A.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r,disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:o.alpha((o.vars||o).palette[r].main,(o.vars||o).palette.action.hoverOpacity)}}})),...Object.entries(o.palette).filter(A.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r,disabled:!1},style:{[`&.${D.checked}`]:{color:(o.vars||o).palette[r].main}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]})));function me(o,r){return typeof r=="object"&&r!==null?o===r:String(o)===String(r)}const be=a.jsx(E,{checked:!0}),Te=a.jsx(E,{}),ee=b.forwardRef(function(r,t){const s=n.useDefaultProps({props:r,name:"MuiRadio"}),{checked:l,checkedIcon:C=be,color:v="primary",icon:y=Te,name:O,onChange:q,size:x="medium",className:z,disabled:F,disableRipple:V=!1,slots:w={},slotProps:j={},inputProps:N,...I}=s,B=W.useFormControl();let f=F;B&&typeof f>"u"&&(f=B.disabled),f??(f=!1);const d={...s,disabled:f,disableRipple:V,color:v,size:x},S=fe(d),p=X();let g=l;const L=se.createChainedFunction(q,p&&p.onChange);let u=O;p&&(typeof g>"u"&&(g=me(p.value,s.value)),typeof u>"u"&&(u=p.name));const P=j.input??N,[M,$]=H.useSlot("root",{ref:t,elementType:Pe,className:T.clsx(S.root,z),shouldForwardComponentProp:!0,externalForwardedProps:{slots:w,slotProps:j,...I},getSlotProps:i=>({...i,onChange:(c,...m)=>{var _;(_=i.onChange)==null||_.call(i,c,...m),L(c,...m)}}),ownerState:d,additionalProps:{type:"radio",icon:b.cloneElement(y,{fontSize:y.props.fontSize??x}),checkedIcon:b.cloneElement(C,{fontSize:C.props.fontSize??x}),disabled:f,name:u,checked:g,slots:w,slotProps:{input:typeof P=="function"?P(d):P}}});return a.jsx(M,{...$,classes:S})});process.env.NODE_ENV!=="production"&&(ee.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:Z.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=Q;exports.Radio=ee;exports.RadioGroupContext=U;exports.formControlLabelClasses=h;exports.getFormControlLabelUtilityClasses=K;exports.getRadioUtilityClass=Y;exports.radioClasses=D;exports.useRadioGroup=X;