UNPKG

@cgi-learning-hub/ui

Version:

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

3 lines (2 loc) 6.72 kB
"use strict";const X=require("react"),e=require("./index-kjfz41UI.cjs"),y=require("./generateUtilityClasses-CENS22bI.cjs"),L=require("./utils-BWx1W_q1.cjs"),A=require("./useFormControl-haP0iPhl.cjs"),S=require("react/jsx-runtime"),d=require("./DefaultPropsProvider-C1g4BXET.cjs"),M=require("./isMuiElement-BzDAj3yJ.cjs"),N=require("./capitalize-3OjkeP9i.cjs"),Y=require("./formControlState-CuX6WjAX.cjs"),I=require("./memoTheme-Bi1UNdyO.cjs"),Z=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs");function ee(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const i=ee(X);function _(o){return y.generateUtilityClass("MuiFormControl",o)}const oe=y.generateUtilityClasses("MuiFormControl",["root","marginNone","marginNormal","marginDense","fullWidth","disabled"]),re=o=>{const{classes:r,margin:s,fullWidth:t}=o,l={root:["root",s!=="none"&&`margin${N.capitalize(s)}`,t&&"fullWidth"]};return d.composeClasses(l,_,r)},se=d.styled("div",{name:"MuiFormControl",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:s}=o;return[r.root,r[`margin${N.capitalize(s.margin)}`],s.fullWidth&&r.fullWidth]}})({display:"inline-flex",flexDirection:"column",position:"relative",minWidth:0,padding:0,margin:0,border:0,verticalAlign:"top",variants:[{props:{margin:"normal"},style:{marginTop:16,marginBottom:8}},{props:{margin:"dense"},style:{marginTop:8,marginBottom:4}},{props:{fullWidth:!0},style:{width:"100%"}}]}),B=i.forwardRef(function(r,s){const t=d.useDefaultProps({props:r,name:"MuiFormControl"}),{children:l,className:f,color:m="primary",component:c="div",disabled:a=!1,error:g=!1,focused:q,fullWidth:C=!1,hiddenLabel:F=!1,margin:O="none",required:T=!1,size:n="medium",variant:u="outlined",...v}=t,E={...t,color:m,component:c,disabled:a,error:g,fullWidth:C,hiddenLabel:F,margin:O,required:T,size:n,variant:u},J=re(E),[w,K]=i.useState(()=>{let b=!1;return l&&i.Children.forEach(l,p=>{if(!M.isMuiElement(p,["Input","Select"]))return;const z=M.isMuiElement(p,["Select"])?p.props.input:p;z&&L.isAdornedStart(z.props)&&(b=!0)}),b}),[R,U]=i.useState(()=>{let b=!1;return l&&i.Children.forEach(l,p=>{M.isMuiElement(p,["Input","Select"])&&(L.isFilled(p.props,!0)||L.isFilled(p.props.inputProps,!0))&&(b=!0)}),b}),[D,h]=i.useState(!1);a&&D&&h(!1);const k=q!==void 0&&!a?q:D;let j;const x=i.useRef(!1);process.env.NODE_ENV!=="production"&&(j=()=>(x.current&&console.error(["MUI: There are multiple `InputBase` components inside a FormControl.","This creates visual inconsistencies, only use one `InputBase`."].join(` `)),x.current=!0,()=>{x.current=!1}));const W=i.useCallback(()=>{U(!0)},[]),$=i.useCallback(()=>{U(!1)},[]),Q=i.useMemo(()=>({adornedStart:w,setAdornedStart:K,color:m,disabled:a,error:g,filled:R,focused:k,fullWidth:C,hiddenLabel:F,size:n,onBlur:()=>{h(!1)},onFocus:()=>{h(!0)},onEmpty:$,onFilled:W,registerEffect:j,required:T,variant:u}),[w,m,a,g,R,k,C,F,j,$,W,T,n,u]);return S.jsx(A.FormControlContext.Provider,{value:Q,children:S.jsx(se,{as:c,ownerState:E,className:y.clsx(J.root,f),ref:s,...v,children:l})})});process.env.NODE_ENV!=="production"&&(B.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),component:e.PropTypes.elementType,disabled:e.PropTypes.bool,error:e.PropTypes.bool,focused:e.PropTypes.bool,fullWidth:e.PropTypes.bool,hiddenLabel:e.PropTypes.bool,margin:e.PropTypes.oneOf(["dense","none","normal"]),required:e.PropTypes.bool,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),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]),variant:e.PropTypes.oneOf(["filled","outlined","standard"])});function V(o){return y.generateUtilityClass("MuiFormLabel",o)}const P=y.generateUtilityClasses("MuiFormLabel",["root","colorSecondary","focused","disabled","error","filled","required","asterisk"]),te=o=>{const{classes:r,color:s,focused:t,disabled:l,error:f,filled:m,required:c}=o,a={root:["root",`color${N.capitalize(s)}`,l&&"disabled",f&&"error",m&&"filled",t&&"focused",c&&"required"],asterisk:["asterisk",f&&"error"]};return d.composeClasses(a,V,r)},H=d.styled("label",{name:"MuiFormLabel",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:s}=o;return[r.root,s.color==="secondary"&&r.colorSecondary,s.filled&&r.filled]}})(I.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,...o.typography.body1,lineHeight:"1.4375em",padding:0,position:"relative",variants:[...Object.entries(o.palette).filter(Z.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r},style:{[`&.${P.focused}`]:{color:(o.vars||o).palette[r].main}}})),{props:{},style:{[`&.${P.disabled}`]:{color:(o.vars||o).palette.text.disabled},[`&.${P.error}`]:{color:(o.vars||o).palette.error.main}}}]}))),le=d.styled("span",{name:"MuiFormLabel",slot:"Asterisk"})(I.memoTheme(({theme:o})=>({[`&.${P.error}`]:{color:(o.vars||o).palette.error.main}}))),G=i.forwardRef(function(r,s){const t=d.useDefaultProps({props:r,name:"MuiFormLabel"}),{children:l,className:f,color:m,component:c="label",disabled:a,error:g,filled:q,focused:C,required:F,...O}=t,T=A.useFormControl(),n=Y.formControlState({props:t,muiFormControl:T,states:["color","required","focused","disabled","error","filled"]}),u={...t,color:n.color||"primary",component:c,disabled:n.disabled,error:n.error,filled:n.filled,focused:n.focused,required:n.required},v=te(u);return S.jsxs(H,{as:c,ownerState:u,className:y.clsx(v.root,f),ref:s,...O,children:[l,n.required&&S.jsxs(le,{ownerState:u,"aria-hidden":!0,className:v.asterisk,children:[" ","*"]})]})});process.env.NODE_ENV!=="production"&&(G.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["error","info","primary","secondary","success","warning"]),e.PropTypes.string]),component:e.PropTypes.elementType,disabled:e.PropTypes.bool,error:e.PropTypes.bool,filled:e.PropTypes.bool,focused:e.PropTypes.bool,required:e.PropTypes.bool,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])});exports.FormControl=B;exports.FormLabel=G;exports.FormLabelRoot=H;exports.formControlClasses=oe;exports.formLabelClasses=P;exports.getFormControlUtilityClasses=_;exports.getFormLabelUtilityClasses=V;