@cgi-learning-hub/ui 1.2.0-dev.1725006670 → 1.2.0-dev.1725450842

package/dist/CircularProgress-D1dO7At_.cjs

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

package/dist/CircularProgress-bltZBt14.js

@@ -0,0 +1,251 @@
+import * as T from "react";
+import { I as R, J as N, K as c, L as j, P as e } from "./identifier-SatcAo-F.js";
+import { s as g, m as S, u as I, c as U } from "./DefaultPropsProvider-BDdV3S11.js";
+import { jsx as h } from "react/jsx-runtime";
+import { c as E } from "./refType-Dv9Yduc2.js";
+import { keyframes as x, css as $ } from "@emotion/react";
+function z(s) {
+  return R("MuiCircularProgress", s);
+}
+const K = N("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), q = K, a = 44, y = x`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`, v = x`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`, A = typeof y != "string" ? $`
+        animation: ${y} 1.4s linear infinite;
+      ` : null, F = typeof v != "string" ? $`
+        animation: ${v} 1.4s ease-in-out infinite;
+      ` : null, V = (s) => {
+  const {
+    classes: r,
+    variant: t,
+    color: o,
+    disableShrink: l
+  } = s, p = {
+    root: ["root", t, `color${c(o)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${c(t)}`, l && "circleDisableShrink"]
+  };
+  return U(p, z, r);
+}, B = g("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (s, r) => {
+    const {
+      ownerState: t
+    } = s;
+    return [r.root, r[t.variant], r[`color${c(t.color)}`]];
+  }
+})(S(({
+  theme: s
+}) => ({
+  display: "inline-block",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: s.transitions.create("transform")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: A || {
+      animation: `${y} 1.4s linear infinite`
+    }
+  }, ...Object.entries(s.palette).filter(([, r]) => r && r.main).map(([r]) => ({
+    props: {
+      color: r
+    },
+    style: {
+      color: (s.vars || s).palette[r].main
+    }
+  }))]
+}))), G = g("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (s, r) => r.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), J = g("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (s, r) => {
+    const {
+      ownerState: t
+    } = s;
+    return [r.circle, r[`circle${c(t.variant)}`], t.disableShrink && r.circleDisableShrink];
+  }
+})(S(({
+  theme: s
+}) => ({
+  stroke: "currentColor",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: s.transitions.create("stroke-dashoffset")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: {
+      // Some default value that looks fine waiting for the animation to kicks in.
+      strokeDasharray: "80px, 200px",
+      strokeDashoffset: 0
+      // Add the unit to fix a Edge 16 and below bug.
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.variant === "indeterminate" && !r.disableShrink,
+    style: F || {
+      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
+      animation: `${v} 1.4s ease-in-out infinite`
+    }
+  }]
+}))), w = /* @__PURE__ */ T.forwardRef(function(r, t) {
+  const o = I({
+    props: r,
+    name: "MuiCircularProgress"
+  }), {
+    className: l,
+    color: p = "primary",
+    disableShrink: D = !1,
+    size: m = 40,
+    style: M,
+    thickness: i = 3.6,
+    value: f = 0,
+    variant: k = "indeterminate",
+    ...O
+  } = o, n = {
+    ...o,
+    color: p,
+    disableShrink: D,
+    size: m,
+    thickness: i,
+    value: f,
+    variant: k
+  }, u = V(n), d = {}, C = {}, b = {};
+  if (k === "determinate") {
+    const P = 2 * Math.PI * ((a - i) / 2);
+    d.strokeDasharray = P.toFixed(3), b["aria-valuenow"] = Math.round(f), d.strokeDashoffset = `${((100 - f) / 100 * P).toFixed(3)}px`, C.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ h(B, {
+    className: j(u.root, l),
+    style: {
+      width: m,
+      height: m,
+      ...C,
+      ...M
+    },
+    ownerState: n,
+    ref: t,
+    role: "progressbar",
+    ...b,
+    ...O,
+    children: /* @__PURE__ */ h(G, {
+      className: u.svg,
+      ownerState: n,
+      viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
+      children: /* @__PURE__ */ h(J, {
+        className: u.circle,
+        style: d,
+        ownerState: n,
+        cx: a,
+        cy: a,
+        r: (a - i) / 2,
+        fill: "none",
+        strokeWidth: i
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (w.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: E(e.bool, (s) => s.disableShrink && s.variant && s.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
+  /**
+   * The size of the component.
+   * If using a number, the pixel unit is assumed.
+   * If using a string, you need to provide the CSS unit, for example '3rem'.
+   * @default 40
+   */
+  size: e.oneOfType([e.number, e.string]),
+  /**
+   * @ignore
+   */
+  style: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: e.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: e.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: e.oneOf(["determinate", "indeterminate"])
+});
+const H = w;
+export {
+  H as C,
+  q as c,
+  z as g
+};