@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) • 12.3 kB
JavaScript
;const K=require("react"),n=require("./index-kjfz41UI.cjs"),S=require("./generateUtilityClasses-CENS22bI.cjs"),g=require("./DefaultPropsProvider-C1g4BXET.cjs"),J=require("./memoTheme-Bi1UNdyO.cjs"),Q=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),u=require("react/jsx-runtime"),X=require("./useId-DNXtOFeX.cjs"),r=require("./capitalize-3OjkeP9i.cjs"),Y=require("./ButtonBase-DSJojbNE.cjs"),Z=require("./CircularProgress-BOm4zz7e.cjs");function A(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(t,a,i.get?i:{enumerable:!0,get:()=>o[a]})}}return t.default=o,Object.freeze(t)}const P=A(K);function T(o,t,a=!1){const i={...t};for(const l in o)if(Object.prototype.hasOwnProperty.call(o,l)){const e=l;if(e==="components"||e==="slots")i[e]={...o[e],...i[e]};else if(e==="componentsProps"||e==="slotProps"){const s=o[e],p=t[e];if(!p)i[e]=s||{};else if(!s)i[e]=p;else{i[e]={...p};for(const y in s)if(Object.prototype.hasOwnProperty.call(s,y)){const c=y;i[e][c]=T(s[c],p[c],a)}}}else e==="className"&&a&&t.className?i.className=S.clsx(o==null?void 0:o.className,t==null?void 0:t.className):e==="style"&&a&&t.style?i.style={...o==null?void 0:o.style,...t==null?void 0:t.style}:i[e]===void 0&&(i[e]=o[e])}return i}function oo(o){return S.generateUtilityClass("MuiButton",o)}const x=S.generateUtilityClasses("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","colorPrimary","colorSecondary","colorSuccess","colorError","colorInfo","colorWarning","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","icon","iconSizeSmall","iconSizeMedium","iconSizeLarge","loading","loadingWrapper","loadingIconPlaceholder","loadingIndicator","loadingPositionCenter","loadingPositionStart","loadingPositionEnd"]),E=P.createContext({});process.env.NODE_ENV!=="production"&&(E.displayName="ButtonGroupContext");const W=P.createContext(void 0);process.env.NODE_ENV!=="production"&&(W.displayName="ButtonGroupButtonContext");const to=o=>{const{color:t,disableElevation:a,fullWidth:i,size:l,variant:e,loading:s,loadingPosition:p,classes:y}=o,c={root:["root",s&&"loading",e,`${e}${r.capitalize(t)}`,`size${r.capitalize(l)}`,`${e}Size${r.capitalize(l)}`,`color${r.capitalize(t)}`,a&&"disableElevation",i&&"fullWidth",s&&`loadingPosition${r.capitalize(p)}`],startIcon:["icon","startIcon",`iconSize${r.capitalize(l)}`],endIcon:["icon","endIcon",`iconSize${r.capitalize(l)}`],loadingIndicator:["loadingIndicator"],loadingWrapper:["loadingWrapper"]},z=g.composeClasses(c,oo,y);return{...y,...z}},j=[{props:{size:"small"},style:{"& > *:nth-of-type(1)":{fontSize:18}}},{props:{size:"medium"},style:{"& > *:nth-of-type(1)":{fontSize:20}}},{props:{size:"large"},style:{"& > *:nth-of-type(1)":{fontSize:22}}}],no=g.styled(Y.ButtonBase,{shouldForwardProp:o=>g.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:a}=o;return[t.root,t[a.variant],t[`${a.variant}${r.capitalize(a.color)}`],t[`size${r.capitalize(a.size)}`],t[`${a.variant}Size${r.capitalize(a.size)}`],a.color==="inherit"&&t.colorInherit,a.disableElevation&&t.disableElevation,a.fullWidth&&t.fullWidth,a.loading&&t.loading]}})(J.memoTheme(({theme:o})=>{const t=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],a=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return{...o.typography.button,minWidth:64,padding:"6px 16px",border:0,borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":{textDecoration:"none"},[`&.${x.disabled}`]:{color:(o.vars||o).palette.action.disabled},variants:[{props:{variant:"contained"},style:{color:"var(--variant-containedColor)",backgroundColor:"var(--variant-containedBg)",boxShadow:(o.vars||o).shadows[2],"&:hover":{boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2]}},"&:active":{boxShadow:(o.vars||o).shadows[8]},[`&.${x.focusVisible}`]:{boxShadow:(o.vars||o).shadows[6]},[`&.${x.disabled}`]:{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground}}},{props:{variant:"outlined"},style:{padding:"5px 15px",border:"1px solid currentColor",borderColor:"var(--variant-outlinedBorder, currentColor)",backgroundColor:"var(--variant-outlinedBg)",color:"var(--variant-outlinedColor)",[`&.${x.disabled}`]:{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`}}},{props:{variant:"text"},style:{padding:"6px 8px",color:"var(--variant-textColor)",backgroundColor:"var(--variant-textBg)"}},...Object.entries(o.palette).filter(Q.createSimplePaletteValueFilter()).map(([i])=>({props:{color:i},style:{"--variant-textColor":(o.vars||o).palette[i].main,"--variant-outlinedColor":(o.vars||o).palette[i].main,"--variant-outlinedBorder":o.alpha((o.vars||o).palette[i].main,.5),"--variant-containedColor":(o.vars||o).palette[i].contrastText,"--variant-containedBg":(o.vars||o).palette[i].main,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":(o.vars||o).palette[i].dark,"--variant-textBg":o.alpha((o.vars||o).palette[i].main,(o.vars||o).palette.action.hoverOpacity),"--variant-outlinedBorder":(o.vars||o).palette[i].main,"--variant-outlinedBg":o.alpha((o.vars||o).palette[i].main,(o.vars||o).palette.action.hoverOpacity)}}}})),{props:{color:"inherit"},style:{color:"inherit",borderColor:"currentColor","--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedBg:t,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedHoverBg:a,"--variant-textBg":o.alpha((o.vars||o).palette.text.primary,(o.vars||o).palette.action.hoverOpacity),"--variant-outlinedBg":o.alpha((o.vars||o).palette.text.primary,(o.vars||o).palette.action.hoverOpacity)}}}},{props:{size:"small",variant:"text"},style:{padding:"4px 5px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"text"},style:{padding:"8px 11px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"outlined"},style:{padding:"3px 9px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"outlined"},style:{padding:"7px 21px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"contained"},style:{padding:"4px 10px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"contained"},style:{padding:"8px 22px",fontSize:o.typography.pxToRem(15)}},{props:{disableElevation:!0},style:{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${x.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${x.disabled}`]:{boxShadow:"none"}}},{props:{fullWidth:!0},style:{width:"100%"}},{props:{loadingPosition:"center"},style:{transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${x.loading}`]:{color:"transparent"}}}]}})),ao=g.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,t)=>{const{ownerState:a}=o;return[t.startIcon,a.loading&&t.startIconLoadingStart,t[`iconSize${r.capitalize(a.size)}`]]}})(({theme:o})=>({display:"inherit",marginRight:8,marginLeft:-4,variants:[{props:{size:"small"},style:{marginLeft:-2}},{props:{loadingPosition:"start",loading:!0},style:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0}},{props:{loadingPosition:"start",loading:!0,fullWidth:!0},style:{marginRight:-8}},...j]})),io=g.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,t)=>{const{ownerState:a}=o;return[t.endIcon,a.loading&&t.endIconLoadingEnd,t[`iconSize${r.capitalize(a.size)}`]]}})(({theme:o})=>({display:"inherit",marginRight:-4,marginLeft:8,variants:[{props:{size:"small"},style:{marginRight:-2}},{props:{loadingPosition:"end",loading:!0},style:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0}},{props:{loadingPosition:"end",loading:!0,fullWidth:!0},style:{marginLeft:-8}},...j]})),eo=g.styled("span",{name:"MuiButton",slot:"LoadingIndicator"})(({theme:o})=>({display:"none",position:"absolute",visibility:"visible",variants:[{props:{loading:!0},style:{display:"flex"}},{props:{loadingPosition:"start"},style:{left:14}},{props:{loadingPosition:"start",size:"small"},style:{left:10}},{props:{variant:"text",loadingPosition:"start"},style:{left:6}},{props:{loadingPosition:"center"},style:{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled}},{props:{loadingPosition:"end"},style:{right:14}},{props:{loadingPosition:"end",size:"small"},style:{right:10}},{props:{variant:"text",loadingPosition:"end"},style:{right:6}},{props:{loadingPosition:"start",fullWidth:!0},style:{position:"relative",left:-10}},{props:{loadingPosition:"end",fullWidth:!0},style:{position:"relative",right:-10}}]})),$=g.styled("span",{name:"MuiButton",slot:"LoadingIconPlaceholder"})({display:"inline-block",width:"1em",height:"1em"}),L=P.forwardRef(function(t,a){const i=P.useContext(E),l=P.useContext(W),e=T(i,t),s=g.useDefaultProps({props:e,name:"MuiButton"}),{children:p,color:y="primary",component:c="button",className:z,disabled:I=!1,disableElevation:k=!1,disableFocusRipple:B=!1,endIcon:C,focusVisibleClassName:M,fullWidth:V=!1,id:w,loading:v=null,loadingIndicator:q,loadingPosition:f="center",size:D="medium",startIcon:h,type:m,variant:F="text",..._}=s,N=X.useId(w),O=q??u.jsx(Z.CircularProgress,{"aria-labelledby":N,color:"inherit",size:16}),b={...s,color:y,component:c,disabled:I,disableElevation:k,disableFocusRipple:B,fullWidth:V,loading:v,loadingIndicator:O,loadingPosition:f,size:D,type:m,variant:F},d=to(b),G=(h||v&&f==="start")&&u.jsx(ao,{className:d.startIcon,ownerState:b,children:h||u.jsx($,{className:d.loadingIconPlaceholder,ownerState:b})}),U=(C||v&&f==="end")&&u.jsx(io,{className:d.endIcon,ownerState:b,children:C||u.jsx($,{className:d.loadingIconPlaceholder,ownerState:b})}),H=l||"",R=typeof v=="boolean"?u.jsx("span",{className:d.loadingWrapper,style:{display:"contents"},children:v&&u.jsx(eo,{className:d.loadingIndicator,ownerState:b,children:O})}):null;return u.jsxs(no,{ownerState:b,className:S.clsx(i.className,d.root,z,H),component:c,disabled:I||v,focusRipple:!B,focusVisibleClassName:S.clsx(d.focusVisible,M),ref:a,type:m,id:v?N:w,..._,classes:d,children:[G,f!=="end"&&R,p,f==="end"&&R,U]})});process.env.NODE_ENV!=="production"&&(L.propTypes={children:n.PropTypes.node,classes:n.PropTypes.object,className:n.PropTypes.string,color:n.PropTypes.oneOfType([n.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),n.PropTypes.string]),component:n.PropTypes.elementType,disabled:n.PropTypes.bool,disableElevation:n.PropTypes.bool,disableFocusRipple:n.PropTypes.bool,disableRipple:n.PropTypes.bool,endIcon:n.PropTypes.node,focusVisibleClassName:n.PropTypes.string,fullWidth:n.PropTypes.bool,href:n.PropTypes.string,id:n.PropTypes.string,loading:n.PropTypes.bool,loadingIndicator:n.PropTypes.node,loadingPosition:n.PropTypes.oneOf(["center","end","start"]),size:n.PropTypes.oneOfType([n.PropTypes.oneOf(["small","medium","large"]),n.PropTypes.string]),startIcon:n.PropTypes.node,sx:n.PropTypes.oneOfType([n.PropTypes.arrayOf(n.PropTypes.oneOfType([n.PropTypes.func,n.PropTypes.object,n.PropTypes.bool])),n.PropTypes.func,n.PropTypes.object]),type:n.PropTypes.oneOfType([n.PropTypes.oneOf(["button","reset","submit"]),n.PropTypes.string]),variant:n.PropTypes.oneOfType([n.PropTypes.oneOf(["contained","outlined","text"]),n.PropTypes.string])});exports.Button=L;exports.resolveProps=T;