@cgi-learning-hub/ui 0.0.1-dev.1709569189 → 0.0.1-dev.1709646249

package/dist/CircularProgress-Bf46-VRs.js

@@ -0,0 +1,217 @@
+import { g as R, c as l, _ as i, b as j, e as U, P as e } from "./useThemeProps-CZzcR_pm.js";
+import * as z from "react";
+import { g as E, s as y, c as I, a as F } from "./styled-D8lXwcQy.js";
+import { jsx as g } from "react/jsx-runtime";
+import { c as K } from "./refType-BBFUe6fu.js";
+import { keyframes as D, css as _ } from "@emotion/react";
+function V(r) {
+  return R("MuiCircularProgress", r);
+}
+const W = E("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), er = W, B = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+let d = (r) => r, x, S, $, w;
+const o = 44, G = D(x || (x = d`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)), L = D(S || (S = d`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)), Y = (r) => {
+  const {
+    classes: s,
+    variant: t,
+    color: a,
+    disableShrink: m
+  } = r, u = {
+    root: ["root", t, `color${l(a)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${l(t)}`, m && "circleDisableShrink"]
+  };
+  return F(u, V, s);
+}, Z = y("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (r, s) => {
+    const {
+      ownerState: t
+    } = r;
+    return [s.root, s[t.variant], s[`color${l(t.color)}`]];
+  }
+})(({
+  ownerState: r,
+  theme: s
+}) => i({
+  display: "inline-block"
+}, r.variant === "determinate" && {
+  transition: s.transitions.create("transform")
+}, r.color !== "inherit" && {
+  color: (s.vars || s).palette[r.color].main
+}), ({
+  ownerState: r
+}) => r.variant === "indeterminate" && _($ || ($ = d`
+      animation: ${0} 1.4s linear infinite;
+    `), G)), q = y("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (r, s) => s.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), A = y("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (r, s) => {
+    const {
+      ownerState: t
+    } = r;
+    return [s.circle, s[`circle${l(t.variant)}`], t.disableShrink && s.circleDisableShrink];
+  }
+})(({
+  ownerState: r,
+  theme: s
+}) => i({
+  stroke: "currentColor"
+}, r.variant === "determinate" && {
+  transition: s.transitions.create("stroke-dashoffset")
+}, r.variant === "indeterminate" && {
+  // 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.
+}), ({
+  ownerState: r
+}) => r.variant === "indeterminate" && !r.disableShrink && _(w || (w = d`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `), L)), M = /* @__PURE__ */ z.forwardRef(function(s, t) {
+  const a = j({
+    props: s,
+    name: "MuiCircularProgress"
+  }), {
+    className: m,
+    color: u = "primary",
+    disableShrink: T = !1,
+    size: f = 40,
+    style: N,
+    thickness: n = 3.6,
+    value: p = 0,
+    variant: k = "indeterminate"
+  } = a, O = U(a, B), c = i({}, a, {
+    color: u,
+    disableShrink: T,
+    size: f,
+    thickness: n,
+    value: p,
+    variant: k
+  }), h = Y(c), v = {}, b = {}, C = {};
+  if (k === "determinate") {
+    const P = 2 * Math.PI * ((o - n) / 2);
+    v.strokeDasharray = P.toFixed(3), C["aria-valuenow"] = Math.round(p), v.strokeDashoffset = `${((100 - p) / 100 * P).toFixed(3)}px`, b.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ g(Z, i({
+    className: I(h.root, m),
+    style: i({
+      width: f,
+      height: f
+    }, b, N),
+    ownerState: c,
+    ref: t,
+    role: "progressbar"
+  }, C, O, {
+    children: /* @__PURE__ */ g(q, {
+      className: h.svg,
+      ownerState: c,
+      viewBox: `${o / 2} ${o / 2} ${o} ${o}`,
+      children: /* @__PURE__ */ g(A, {
+        className: h.circle,
+        style: v,
+        ownerState: c,
+        cx: o,
+        cy: o,
+        r: (o - n) / 2,
+        fill: "none",
+        strokeWidth: n
+      })
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (M.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: K(e.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),
+  /**
+   * 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, e.g. '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 sr = M;
+export {
+  sr as C,
+  er as c,
+  V as g
+};

package/dist/CircularProgress-DjSMBYnK.cjs

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