UNPKG

@cgi-learning-hub/ui

Version:

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

29 lines (25 loc) 4.72 kB
"use strict";const q=require("react"),t=require("./index-kjfz41UI.cjs"),T=require("./generateUtilityClasses-CENS22bI.cjs"),x=require("./memoTheme-Bi1UNdyO.cjs"),M=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),h=require("react/jsx-runtime"),a=require("./DefaultPropsProvider-C1g4BXET.cjs"),l=require("./capitalize-3OjkeP9i.cjs"),R=require("./chainPropTypes-CEUi6Jb4.cjs"),p=require("@emotion/react");function z(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,i.get?i:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const N=z(q);function w(e){return T.generateUtilityClass("MuiCircularProgress",e)}const U=T.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]),o=44,g=p.keyframes` 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } `,v=p.keyframes` 0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; } 50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; } 100% { stroke-dasharray: 1px, 200px; stroke-dashoffset: -126px; } `,E=typeof g!="string"?p.css` animation: ${g} 1.4s linear infinite; `:null,F=typeof v!="string"?p.css` animation: ${v} 1.4s ease-in-out infinite; `:null,I=e=>{const{classes:r,variant:s,color:i,disableShrink:u}=e,y={root:["root",s,`color${l.capitalize(i)}`],svg:["svg"],circle:["circle",`circle${l.capitalize(s)}`,u&&"circleDisableShrink"]};return a.composeClasses(y,w,r)},V=a.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:s}=e;return[r.root,r[s.variant],r[`color${l.capitalize(s.color)}`]]}})(x.memoTheme(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:E||{animation:`${g} 1.4s linear infinite`}},...Object.entries(e.palette).filter(M.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r},style:{color:(e.vars||e).palette[r].main}}))]}))),_=a.styled("svg",{name:"MuiCircularProgress",slot:"Svg"})({display:"block"}),A=a.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,r)=>{const{ownerState:s}=e;return[r.circle,r[`circle${l.capitalize(s.variant)}`],s.disableShrink&&r.circleDisableShrink]}})(x.memoTheme(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink,style:F||{animation:`${v} 1.4s ease-in-out infinite`}}]}))),D=N.forwardRef(function(r,s){const i=a.useDefaultProps({props:r,name:"MuiCircularProgress"}),{className:u,color:y="primary",disableShrink:O=!1,size:m=40,style:j,thickness:n=3.6,value:d=0,variant:k="indeterminate",...$}=i,c={...i,color:y,disableShrink:O,size:m,thickness:n,value:d,variant:k},f=I(c),P={},b={},C={};if(k==="determinate"){const S=2*Math.PI*((o-n)/2);P.strokeDasharray=S.toFixed(3),C["aria-valuenow"]=Math.round(d),P.strokeDashoffset=`${((100-d)/100*S).toFixed(3)}px`,b.transform="rotate(-90deg)"}return h.jsx(V,{className:T.clsx(f.root,u),style:{width:m,height:m,...b,...j},ownerState:c,ref:s,role:"progressbar",...C,...$,children:h.jsx(_,{className:f.svg,ownerState:c,viewBox:`${o/2} ${o/2} ${o} ${o}`,children:h.jsx(A,{className:f.circle,style:P,ownerState:c,cx:o,cy:o,r:(o-n)/2,fill:"none",strokeWidth:n})})})});process.env.NODE_ENV!=="production"&&(D.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:R.chainPropTypes(t.PropTypes.bool,e=>e.disableShrink&&e.variant&&e.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"])});exports.CircularProgress=D;exports.circularProgressClasses=U;exports.getCircularProgressUtilityClass=w;