@cgi-learning-hub/ui 0.0.1-dev.1709567324 → 0.0.1-dev.1709568003

package/dist/DefaultButton-Cg4tPCgf.cjs

@@ -0,0 +1,28 @@
+"use strict";const s=require("react/jsx-runtime"),X=require("react"),E=require("./components/buttons/DefaultButton/DefaultButtonIcon.cjs.js"),u=require("./styled-DGjsLYEN.cjs"),t=require("./clamp-0LjYbpE_.cjs"),f=require("./styled-Dkd1VGM-.cjs"),z=require("./useThemeProps-CVatCXfo.cjs"),w=require("./ButtonBase-BybMkBUd.cjs"),oo=require("./useId-Cw0TtD-8.cjs"),W=require("./refType-Bt58K9Sk.cjs"),L=require("@emotion/react"),no=require("./useTheme-CliHZTkE.cjs");function to(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const h=to(X);function eo(o){return t.generateUtilityClass("MuiButton",o)}const ro=u.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","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),_=ro,D=h.createContext({});process.env.NODE_ENV!=="production"&&(D.displayName="ButtonGroupContext");const U=D,V=h.createContext(void 0);process.env.NODE_ENV!=="production"&&(V.displayName="ButtonGroupButtonContext");const io=V,ao=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],so=o=>{const{color:n,disableElevation:e,fullWidth:r,size:i,variant:a,classes:l}=o,d={root:["root",a,`${a}${t.capitalize(n)}`,`size${t.capitalize(i)}`,`${a}Size${t.capitalize(i)}`,n==="inherit"&&"colorInherit",e&&"disableElevation",r&&"fullWidth"],label:["label"],startIcon:["startIcon",`iconSize${t.capitalize(i)}`],endIcon:["endIcon",`iconSize${t.capitalize(i)}`]},C=u.composeClasses(d,eo,l);return t._extends({},l,C)},q=o=>t._extends({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),lo=f.styled(w.ButtonBase,{shouldForwardProp:o=>f.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:e}=o;return[n.root,n[e.variant],n[`${e.variant}${t.capitalize(e.color)}`],n[`size${t.capitalize(e.size)}`],n[`${e.variant}Size${t.capitalize(e.size)}`],e.color==="inherit"&&n.colorInherit,e.disableElevation&&n.disableElevation,e.fullWidth&&n.fullWidth]}})(({theme:o,ownerState:n})=>{var e,r;const i=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 t._extends({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":t._extends({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:z.alpha_1(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="text"&&n.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:z.alpha_1(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="outlined"&&n.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[n.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:z.alpha_1(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:a,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},n.variant==="contained"&&n.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[n.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[n.color].main}}),"&:active":t._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${_.focusVisible}`]:t._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${_.disabled}`]:t._extends({color:(o.vars||o).palette.action.disabled},n.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},n.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},n.variant==="text"&&{padding:"6px 8px"},n.variant==="text"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main},n.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},n.variant==="outlined"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)`:`1px solid ${z.alpha_1(o.palette[n.color].main,.5)}`},n.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(e=(r=o.palette).getContrastText)==null?void 0:e.call(r,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:i,boxShadow:(o.vars||o).shadows[2]},n.variant==="contained"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].contrastText,backgroundColor:(o.vars||o).palette[n.color].main},n.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},n.size==="small"&&n.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},n.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${_.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${_.disabled}`]:{boxShadow:"none"}}),co=f.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,n)=>{const{ownerState:e}=o;return[n.startIcon,n[`iconSize${t.capitalize(e.size)}`]]}})(({ownerState:o})=>t._extends({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},q(o))),po=f.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,n)=>{const{ownerState:e}=o;return[n.endIcon,n[`iconSize${t.capitalize(e.size)}`]]}})(({ownerState:o})=>t._extends({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},q(o))),F=h.forwardRef(function(n,e){const r=h.useContext(U),i=h.useContext(io),a=t.resolveProps(r,n),l=z.useThemeProps({props:a,name:"MuiButton"}),{children:d,color:C="primary",component:c="button",className:b,disabled:m=!1,disableElevation:$=!1,disableFocusRipple:g=!1,endIcon:y,focusVisibleClassName:x,fullWidth:p=!1,size:I="medium",startIcon:P,type:R,variant:A="text"}=l,Y=t._objectWithoutPropertiesLoose(l,ao),k=t._extends({},l,{color:C,component:c,disabled:m,disableElevation:$,disableFocusRipple:g,fullWidth:p,size:I,type:R,variant:A}),B=so(k),Z=P&&s.jsx(co,{className:B.startIcon,ownerState:k,children:P}),J=y&&s.jsx(po,{className:B.endIcon,ownerState:k,children:y}),Q=i||"";return s.jsxs(lo,t._extends({ownerState:k,className:u.clsx(r.className,B.root,b,Q),component:c,disabled:m,focusRipple:!g,focusVisibleClassName:u.clsx(B.focusVisible,x),ref:e,type:R},Y,{classes:B,children:[Z,d,J]}))});process.env.NODE_ENV!=="production"&&(F.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),t.PropTypes.string]),component:t.PropTypes.elementType,disabled:t.PropTypes.bool,disableElevation:t.PropTypes.bool,disableFocusRipple:t.PropTypes.bool,disableRipple:t.PropTypes.bool,endIcon:t.PropTypes.node,focusVisibleClassName:t.PropTypes.string,fullWidth:t.PropTypes.bool,href:t.PropTypes.string,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["small","medium","large"]),t.PropTypes.string]),startIcon:t.PropTypes.node,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),type:t.PropTypes.oneOfType([t.PropTypes.oneOf(["button","reset","submit"]),t.PropTypes.string]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});const G=F;function uo(o){return t.generateUtilityClass("MuiCircularProgress",o)}u.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const go=["className","color","disableShrink","size","style","thickness","value","variant"];let O=o=>o,N,j,M,S;const T=44,yo=L.keyframes(N||(N=O`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)),vo=L.keyframes(j||(j=O`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)),fo=o=>{const{classes:n,variant:e,color:r,disableShrink:i}=o,a={root:["root",e,`color${t.capitalize(r)}`],svg:["svg"],circle:["circle",`circle${t.capitalize(e)}`,i&&"circleDisableShrink"]};return u.composeClasses(a,uo,n)},bo=f.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:e}=o;return[n.root,n[e.variant],n[`color${t.capitalize(e.color)}`]]}})(({ownerState:o,theme:n})=>t._extends({display:"inline-block"},o.variant==="determinate"&&{transition:n.transitions.create("transform")},o.color!=="inherit"&&{color:(n.vars||n).palette[o.color].main}),({ownerState:o})=>o.variant==="indeterminate"&&L.css(M||(M=O`
+      animation: ${0} 1.4s linear infinite;
+    `),yo)),xo=f.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(o,n)=>n.svg})({display:"block"}),Po=f.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(o,n)=>{const{ownerState:e}=o;return[n.circle,n[`circle${t.capitalize(e.variant)}`],e.disableShrink&&n.circleDisableShrink]}})(({ownerState:o,theme:n})=>t._extends({stroke:"currentColor"},o.variant==="determinate"&&{transition:n.transitions.create("stroke-dashoffset")},o.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:o})=>o.variant==="indeterminate"&&!o.disableShrink&&L.css(S||(S=O`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `),vo)),H=h.forwardRef(function(n,e){const r=z.useThemeProps({props:n,name:"MuiCircularProgress"}),{className:i,color:a="primary",disableShrink:l=!1,size:d=40,style:C,thickness:c=3.6,value:b=0,variant:m="indeterminate"}=r,$=t._objectWithoutPropertiesLoose(r,go),g=t._extends({},r,{color:a,disableShrink:l,size:d,thickness:c,value:b,variant:m}),y=fo(g),x={},p={},I={};if(m==="determinate"){const P=2*Math.PI*((T-c)/2);x.strokeDasharray=P.toFixed(3),I["aria-valuenow"]=Math.round(b),x.strokeDashoffset=`${((100-b)/100*P).toFixed(3)}px`,p.transform="rotate(-90deg)"}return s.jsx(bo,t._extends({className:u.clsx(y.root,i),style:t._extends({width:d,height:d},p,C),ownerState:g,ref:e,role:"progressbar"},I,$,{children:s.jsx(xo,{className:y.svg,ownerState:g,viewBox:`${T/2} ${T/2} ${T} ${T}`,children:s.jsx(Po,{className:y.circle,style:x,ownerState:g,cx:T,cy:T,r:(T-c)/2,fill:"none",strokeWidth:c})})}))});process.env.NODE_ENV!=="production"&&(H.propTypes={classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),t.PropTypes.string]),disableShrink:W.chainPropTypes(t.PropTypes.bool,o=>o.disableShrink&&o.variant&&o.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]),style:t.PropTypes.object,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),thickness:t.PropTypes.number,value:t.PropTypes.number,variant:t.PropTypes.oneOf(["determinate","indeterminate"])});const To=H;function ho(o){return t.generateUtilityClass("MuiLoadingButton",o)}const Co=u.generateUtilityClasses("MuiLoadingButton",["root","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),v=Co,mo=["children","disabled","id","loading","loadingIndicator","loadingPosition","variant"],Io=o=>{const{loading:n,loadingPosition:e,classes:r}=o,i={root:["root",n&&"loading"],startIcon:[n&&`startIconLoading${t.capitalize(e)}`],endIcon:[n&&`endIconLoading${t.capitalize(e)}`],loadingIndicator:["loadingIndicator",n&&`loadingIndicator${t.capitalize(e)}`]},a=u.composeClasses(i,ho,r);return t._extends({},r,a)},zo=o=>o!=="ownerState"&&o!=="theme"&&o!=="sx"&&o!=="as"&&o!=="classes",$o=f.styled(G,{shouldForwardProp:o=>zo(o)||o==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(o,n)=>[n.root,n.startIconLoadingStart&&{[`& .${v.startIconLoadingStart}`]:n.startIconLoadingStart},n.endIconLoadingEnd&&{[`& .${v.endIconLoadingEnd}`]:n.endIconLoadingEnd}]})(({ownerState:o,theme:n})=>t._extends({[`& .${v.startIconLoadingStart}, & .${v.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0}},o.loadingPosition==="center"&&{transition:n.transitions.create(["background-color","box-shadow","border-color"],{duration:n.transitions.duration.short}),[`&.${v.loading}`]:{color:"transparent"}},o.loadingPosition==="start"&&o.fullWidth&&{[`& .${v.startIconLoadingStart}, & .${v.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginRight:-8}},o.loadingPosition==="end"&&o.fullWidth&&{[`& .${v.startIconLoadingStart}, & .${v.endIconLoadingEnd}`]:{transition:n.transitions.create(["opacity"],{duration:n.transitions.duration.short}),opacity:0,marginLeft:-8}})),Bo=f.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(o,n)=>{const{ownerState:e}=o;return[n.loadingIndicator,n[`loadingIndicator${t.capitalize(e.loadingPosition)}`]]}})(({theme:o,ownerState:n})=>t._extends({position:"absolute",visibility:"visible",display:"flex"},n.loadingPosition==="start"&&(n.variant==="outlined"||n.variant==="contained")&&{left:n.size==="small"?10:14},n.loadingPosition==="start"&&n.variant==="text"&&{left:6},n.loadingPosition==="center"&&{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled},n.loadingPosition==="end"&&(n.variant==="outlined"||n.variant==="contained")&&{right:n.size==="small"?10:14},n.loadingPosition==="end"&&n.variant==="text"&&{right:6},n.loadingPosition==="start"&&n.fullWidth&&{position:"relative",left:-10},n.loadingPosition==="end"&&n.fullWidth&&{position:"relative",right:-10})),K=h.forwardRef(function(n,e){const r=h.useContext(U),i=t.resolveProps(r,n),a=z.useThemeProps({props:i,name:"MuiLoadingButton"}),{children:l,disabled:d=!1,id:C,loading:c=!1,loadingIndicator:b,loadingPosition:m="center",variant:$="text"}=a,g=t._objectWithoutPropertiesLoose(a,mo),y=oo.useId(C),x=b??s.jsx(To,{"aria-labelledby":y,color:"inherit",size:16}),p=t._extends({},a,{disabled:d,loading:c,loadingIndicator:x,loadingPosition:m,variant:$}),I=Io(p),P=c?s.jsx(Bo,{className:I.loadingIndicator,ownerState:p,children:x}):null;return s.jsxs($o,t._extends({disabled:d||c,id:y,ref:e},g,{variant:$,classes:I,ownerState:p,children:[p.loadingPosition==="end"?l:P,p.loadingPosition==="end"?P:l]}))});process.env.NODE_ENV!=="production"&&(K.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,disabled:t.PropTypes.bool,id:t.PropTypes.string,loading:t.PropTypes.bool,loadingIndicator:t.PropTypes.node,loadingPosition:W.chainPropTypes(t.PropTypes.oneOf(["start","end","center"]),o=>o.loadingPosition==="start"&&!o.startIcon?new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.'):o.loadingPosition==="end"&&!o.endIcon?new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.'):null),sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["contained","outlined","text"]),t.PropTypes.string])});const ko=K,_o=u.styled(ko,{shouldForwardProp:o=>o!=="contentColor"&&o!=="hoverColor"})(({contentColor:o,hoverColor:n,theme:e})=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:o,borderColor:o,borderRadius:5,borderWidth:2,"&:hover":{color:e.palette.common.white,backgroundColor:n,borderColor:n,borderWidth:2}})),Lo=({icon:o,text:n,...e})=>{const r=no.useTheme(),i=e.contentColor??r.palette.primary.main;return s.jsxs(_o,{...e,variant:"outlined",contentColor:i,hoverColor:e.hoverColor??i,children:[(o==null?void 0:o.position)==="left"?s.jsx(E,{...o}):null,n,(o==null?void 0:o.position)==="right"?s.jsx(E,{...o}):null]})};exports.Button=G;exports.DefaultButton=Lo;