@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) • 4.95 kB
JavaScript
"use strict";const $=require("react"),e=require("./index-DLnSn8GT.cjs"),s=require("./identifier-BoZelETM.cjs"),B=require("./SwitchBase-P3zHVmLX.cjs"),b=require("./createSvgIcon-IET9soda.cjs"),c=require("react/jsx-runtime"),i=require("./DefaultPropsProvider-Cnf49AIv.cjs"),M=require("./memoTheme-BKfsJx_F.cjs"),S=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),V=require("./useSlot-C2FjoUpF.cjs"),F=require("./mergeSlotProps-DXwOW3FE.cjs");function N(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return t.default=o,Object.freeze(t)}const f=N($),D=b.createSvgIcon(c.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),H=b.createSvgIcon(c.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),U=b.createSvgIcon(c.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");function O(o){return s.generateUtilityClass("MuiCheckbox",o)}const p=s.generateUtilityClasses("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]),E=o=>{const{classes:t,indeterminate:r,color:n,size:l}=o,d={root:["root",r&&"indeterminate",`color${s.capitalize(n)}`,`size${s.capitalize(l)}`]},u=i.composeClasses(d,O,t);return{...t,...u}},_=i.styled(B.SwitchBase,{shouldForwardProp:o=>i.rootShouldForwardProp(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:r}=o;return[t.root,r.indeterminate&&t.indeterminate,t[`size${s.capitalize(r.size)}`],r.color!=="default"&&t[`color${s.capitalize(r.color)}`]]}})(M.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:s.alpha(o.palette.action.active,o.palette.action.hoverOpacity)}}},...Object.entries(o.palette).filter(S.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t,disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:s.alpha(o.palette[t].main,o.palette.action.hoverOpacity)}}})),...Object.entries(o.palette).filter(S.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{[`&.${p.checked}, &.${p.indeterminate}`]:{color:(o.vars||o).palette[t].main},[`&.${p.disabled}`]:{color:(o.vars||o).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),L=c.jsx(H,{}),A=c.jsx(D,{}),G=c.jsx(U,{}),z=f.forwardRef(function(t,r){const n=i.useDefaultProps({props:t,name:"MuiCheckbox"}),{checkedIcon:l=L,color:d="primary",icon:u=A,indeterminate:a=!1,indeterminateIcon:m=G,inputProps:I,size:y="medium",disableRipple:h=!1,className:j,slots:v={},slotProps:C={},...R}=n,k=a?m:u,x=a?m:l,P={...n,disableRipple:h,color:d,indeterminate:a,size:y},g=E(P),T=C.input??I,[q,w]=V.useSlot("root",{ref:r,elementType:_,className:s.clsx(g.root,j),shouldForwardComponentProp:!0,externalForwardedProps:{slots:v,slotProps:C,...R},ownerState:P,additionalProps:{type:"checkbox",icon:f.cloneElement(k,{fontSize:k.props.fontSize??y}),checkedIcon:f.cloneElement(x,{fontSize:x.props.fontSize??y}),disableRipple:h,slots:v,slotProps:{input:F.mergeSlotProps(typeof T=="function"?T(P):T,{"data-indeterminate":a})}}});return c.jsx(q,{...w,classes:g})});process.env.NODE_ENV!=="production"&&(z.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]),defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.node,id:e.PropTypes.string,indeterminate:e.PropTypes.bool,indeterminateIcon:e.PropTypes.node,inputProps:e.PropTypes.object,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.Checkbox=z;exports.checkboxClasses=p;exports.getCheckboxUtilityClass=O;