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

package/dist/DefaultButton-BbTf0WK8.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),m=require("react"),T=require("./components/DefaultButton/DefaultButtonIcon.cjs.js"),g=require("./DefaultPropsProvider-DwweZ7qj.cjs"),M=require("./TransitionGroupContext-LWgXgADB.cjs"),d=require("./ButtonBase-C-IxZjoy.cjs"),r=require("./identifier-Dx5_fEyA.cjs"),f=require("./generateUtilityClasses-CzQVzFT6.cjs"),C=require("./Button-CZO3I5oS.cjs"),q=require("./useId-D5Txt-1B.cjs"),k=require("./CircularProgress-D1dO7At_.cjs");function R(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(o,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return o.default=t,Object.freeze(o)}const h=R(m);function D(t,o){return process.env.NODE_ENV==="production"?()=>null:function(...n){return t(...n)||o(...n)}}function j(t,o){const i=d._extends({},o);return Object.keys(t).forEach(n=>{if(n.toString().match(/^(components|slots)$/))i[n]=d._extends({},t[n],i[n]);else if(n.toString().match(/^(componentsProps|slotProps)$/)){const s=t[n]||{},a=o[n];i[n]={},!a||!Object.keys(a)?i[n]=s:!s||!Object.keys(s)?i[n]=a:(i[n]=d._extends({},a),Object.keys(s).forEach(l=>{i[n][l]=j(s[l],a[l])}))}else i[n]===void 0&&(i[n]=t[n])}),i}function $(t){return f.generateUtilityClass("MuiLoadingButton",t)}const z=f.generateUtilityClasses("MuiLoadingButton",["root","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),e=z,U=["children","disabled","id","loading","loadingIndicator","loadingPosition","variant"],W=t=>{const{loading:o,loadingPosition:i,classes:n}=t,s={root:["root",o&&"loading"],startIcon:[o&&`startIconLoading${r.capitalize(i)}`],endIcon:[o&&`endIconLoading${r.capitalize(i)}`],loadingIndicator:["loadingIndicator",o&&`loadingIndicator${r.capitalize(i)}`]},a=f.composeClasses(s,$,n);return d._extends({},n,a)},G=t=>t!=="ownerState"&&t!=="theme"&&t!=="sx"&&t!=="as"&&t!=="classes",F=g.styled(C.Button,{shouldForwardProp:t=>G(t)||t==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(t,o)=>[o.root,o.startIconLoadingStart&&{[`& .${e.startIconLoadingStart}`]:o.startIconLoadingStart},o.endIconLoadingEnd&&{[`& .${e.endIconLoadingEnd}`]:o.endIconLoadingEnd}]})(({ownerState:t,theme:o})=>d._extends({[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0}},t.loadingPosition==="center"&&{transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${e.loading}`]:{color:"transparent"}},t.loadingPosition==="start"&&t.fullWidth&&{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginRight:-8}},t.loadingPosition==="end"&&t.fullWidth&&{[`& .${e.startIconLoadingStart}, & .${e.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginLeft:-8}})),V=g.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(t,o)=>{const{ownerState:i}=t;return[o.loadingIndicator,o[`loadingIndicator${r.capitalize(i.loadingPosition)}`]]}})(({theme:t,ownerState:o})=>d._extends({position:"absolute",visibility:"visible",display:"flex"},o.loadingPosition==="start"&&(o.variant==="outlined"||o.variant==="contained")&&{left:o.size==="small"?10:14},o.loadingPosition==="start"&&o.variant==="text"&&{left:6},o.loadingPosition==="center"&&{left:"50%",transform:"translate(-50%)",color:(t.vars||t).palette.action.disabled},o.loadingPosition==="end"&&(o.variant==="outlined"||o.variant==="contained")&&{right:o.size==="small"?10:14},o.loadingPosition==="end"&&o.variant==="text"&&{right:6},o.loadingPosition==="start"&&o.fullWidth&&{position:"relative",left:-10},o.loadingPosition==="end"&&o.fullWidth&&{position:"relative",right:-10})),y=h.forwardRef(function(o,i){const n=h.useContext(C.ButtonGroupContext),s=j(n,o),a=g.useDefaultProps({props:s,name:"MuiLoadingButton"}),{children:l,disabled:P=!1,id:E,loading:p=!1,loadingIndicator:b,loadingPosition:O="center",variant:I="text"}=a,_=M._objectWithoutPropertiesLoose(a,U),L=q.useId(E),v=b??c.jsx(k.CircularProgress,{"aria-labelledby":L,color:"inherit",size:16}),u=d._extends({},a,{disabled:P,loading:p,loadingIndicator:v,loadingPosition:O,variant:I}),B=W(u),x=p?c.jsx(V,{className:B.loadingIndicator,ownerState:u,children:v}):null;return c.jsxs(F,d._extends({disabled:P||p,id:L,ref:i},_,{variant:I,classes:B,ownerState:u,children:[u.loadingPosition==="end"?l:x,u.loadingPosition==="end"?x:l]}))});process.env.NODE_ENV!=="production"&&(y.propTypes={children:r.PropTypes.node,classes:r.PropTypes.object,disabled:r.PropTypes.bool,id:r.PropTypes.string,loading:r.PropTypes.bool,loadingIndicator:r.PropTypes.node,loadingPosition:D(r.PropTypes.oneOf(["start","end","center"]),t=>t.loadingPosition==="start"&&!t.startIcon?new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.'):t.loadingPosition==="end"&&!t.endIcon?new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.'):null),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]),variant:r.PropTypes.oneOfType([r.PropTypes.oneOf(["contained","outlined","text"]),r.PropTypes.string])});const H=g.styled(y)(({color:t,theme:o})=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:t,borderColor:t,borderRadius:5,borderWidth:2,transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-contained":{color:o.palette.common.white},"&.MuiButton-outlined":{borderRadius:5,borderWidth:2,"&.MuiButton-colorPrimary":{"&:active":{borderColor:o.palette.primary.main,color:o.palette.primary.main},"&:hover":{backgroundColor:o.palette.primary.dark,borderColor:o.palette.primary.dark,color:o.palette.common.white}},"&.MuiButton-colorSecondary":{"&:active":{borderColor:o.palette.secondary.main,color:o.palette.secondary.main},"&:hover":{backgroundColor:o.palette.secondary.main,color:o.palette.common.white}},"&.MuiButton-colorError":{"&:active":{borderColor:o.palette.error.main,color:o.palette.error.main},"&:hover":{backgroundColor:o.palette.error.main,color:o.palette.common.white}}}})),S=({icon:t,text:o,...i})=>{const n=i.color??"primary";return c.jsxs(H,{...i,color:n,children:[(t==null?void 0:t.position)==="left"?c.jsx(T,{...t}):null,o,(t==null?void 0:t.position)==="right"?c.jsx(T,{...t}):null]})};exports.DefaultButton=S;exports.LoadingButton=y;exports.getLoadingButtonUtilityClass=$;exports.loadingButtonClasses=e;

package/dist/{DefaultButton-CKY6tuni.js → DefaultButton-Crs2UW2V.js}

@@ -1,41 +1,61 @@
-import { jsx as c, jsxs as C } from "react/jsx-runtime";
-import * as B from "react";
-import h from "./components/DefaultButton/DefaultButtonIcon.es.js";
-import { s as p, r as R, u as T, c as j } from "./styled-Co-8YWfm.js";
-import { v as O, w as W, m as l, q as e, _ as k, P as t } from "./identifier-CAQ9PWqs.js";
-import { B as U, a as z } from "./Button-HyZp1VKI.js";
-import { u as D } from "./useId-BW-oWmul.js";
-import { c as _ } from "./refType-DiVIFcsY.js";
-import { C as N } from "./CircularProgress-DO4r9-x8.js";
-function F(n) {
-  return O("MuiLoadingButton", n);
+import { jsx as g, jsxs as C } from "react/jsx-runtime";
+import * as h from "react";
+import B from "./components/DefaultButton/DefaultButtonIcon.es.js";
+import { s as I, u as j } from "./DefaultPropsProvider-BDdV3S11.js";
+import { _ as k } from "./TransitionGroupContext-SbAHUhOx.js";
+import { _ as l } from "./ButtonBase-Mr4S_NG8.js";
+import { K as u, P as a } from "./identifier-SatcAo-F.js";
+import { g as R, a as T, c as W } from "./generateUtilityClasses-BwskEdpL.js";
+import { B as _, a as D } from "./Button-BlSyZq45.js";
+import { u as U } from "./useId-CyGZMA-F.js";
+import { C as z } from "./CircularProgress-bltZBt14.js";
+function F(n, o) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...t) {
+    return n(...t) || o(...t);
+  };
 }
-const G = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), a = G, q = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], H = (n) => {
+function x(n, o) {
+  const i = l({}, o);
+  return Object.keys(n).forEach((t) => {
+    if (t.toString().match(/^(components|slots)$/))
+      i[t] = l({}, n[t], i[t]);
+    else if (t.toString().match(/^(componentsProps|slotProps)$/)) {
+      const s = n[t] || {}, r = o[t];
+      i[t] = {}, !r || !Object.keys(r) ? i[t] = s : !s || !Object.keys(s) ? i[t] = r : (i[t] = l({}, r), Object.keys(s).forEach((e) => {
+        i[t][e] = x(s[e], r[e]);
+      }));
+    } else i[t] === void 0 && (i[t] = n[t]);
+  }), i;
+}
+function G(n) {
+  return R("MuiLoadingButton", n);
+}
+const V = T("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), d = V, H = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], K = (n) => {
   const {
     loading: o,
     loadingPosition: i,
-    classes: r
-  } = n, g = {
+    classes: t
+  } = n, s = {
     root: ["root", o && "loading"],
-    startIcon: [o && `startIconLoading${e(i)}`],
-    endIcon: [o && `endIconLoading${e(i)}`],
-    loadingIndicator: ["loadingIndicator", o && `loadingIndicator${e(i)}`]
-  }, s = j(g, F, r);
-  return l({}, r, s);
-}, V = (n) => n !== "ownerState" && n !== "theme" && n !== "sx" && n !== "as" && n !== "classes", A = p(U, {
-  shouldForwardProp: (n) => V(n) || n === "classes",
+    startIcon: [o && `startIconLoading${u(i)}`],
+    endIcon: [o && `endIconLoading${u(i)}`],
+    loadingIndicator: ["loadingIndicator", o && `loadingIndicator${u(i)}`]
+  }, r = W(s, G, t);
+  return l({}, t, r);
+}, q = (n) => n !== "ownerState" && n !== "theme" && n !== "sx" && n !== "as" && n !== "classes", A = I(_, {
+  shouldForwardProp: (n) => q(n) || n === "classes",
   name: "MuiLoadingButton",
   slot: "Root",
   overridesResolver: (n, o) => [o.root, o.startIconLoadingStart && {
-    [`& .${a.startIconLoadingStart}`]: o.startIconLoadingStart
+    [`& .${d.startIconLoadingStart}`]: o.startIconLoadingStart
   }, o.endIconLoadingEnd && {
-    [`& .${a.endIconLoadingEnd}`]: o.endIconLoadingEnd
+    [`& .${d.endIconLoadingEnd}`]: o.endIconLoadingEnd
   }]
 })(({
   ownerState: n,
   theme: o
 }) => l({
-  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+  [`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]: {
     transition: o.transitions.create(["opacity"], {
       duration: o.transitions.duration.short
     }),
@@ -45,11 +65,11 @@ const G = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loading
   transition: o.transitions.create(["background-color", "box-shadow", "border-color"], {
     duration: o.transitions.duration.short
   }),
-  [`&.${a.loading}`]: {
+  [`&.${d.loading}`]: {
     color: "transparent"
   }
 }, n.loadingPosition === "start" && n.fullWidth && {
-  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+  [`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]: {
     transition: o.transitions.create(["opacity"], {
       duration: o.transitions.duration.short
     }),
@@ -57,21 +77,21 @@ const G = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loading
     marginRight: -8
   }
 }, n.loadingPosition === "end" && n.fullWidth && {
-  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+  [`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]: {
     transition: o.transitions.create(["opacity"], {
       duration: o.transitions.duration.short
     }),
     opacity: 0,
     marginLeft: -8
   }
-})), J = p("span", {
+})), J = I("span", {
   name: "MuiLoadingButton",
   slot: "LoadingIndicator",
   overridesResolver: (n, o) => {
     const {
       ownerState: i
     } = n;
-    return [o.loadingIndicator, o[`loadingIndicator${e(i.loadingPosition)}`]];
+    return [o.loadingIndicator, o[`loadingIndicator${u(i.loadingPosition)}`]];
   }
 })(({
   theme: n,
@@ -98,45 +118,45 @@ const G = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loading
 }, o.loadingPosition === "end" && o.fullWidth && {
   position: "relative",
   right: -10
-})), x = /* @__PURE__ */ B.forwardRef(function(o, i) {
-  const r = B.useContext(z), g = R(r, o), s = T({
-    props: g,
+})), E = /* @__PURE__ */ h.forwardRef(function(o, i) {
+  const t = h.useContext(D), s = x(t, o), r = j({
+    props: s,
     name: "MuiLoadingButton"
   }), {
-    children: I,
-    disabled: f = !1,
+    children: e,
+    disabled: b = !1,
     id: $,
-    loading: u = !1,
-    loadingIndicator: m,
-    loadingPosition: E = "center",
-    variant: b = "text"
-  } = s, M = k(s, q), P = D($), L = m ?? /* @__PURE__ */ c(N, {
+    loading: f = !1,
+    loadingIndicator: p,
+    loadingPosition: M = "center",
+    variant: L = "text"
+  } = r, O = k(r, H), P = U($), y = p ?? /* @__PURE__ */ g(z, {
     "aria-labelledby": P,
     color: "inherit",
     size: 16
-  }), d = l({}, s, {
-    disabled: f,
-    loading: u,
-    loadingIndicator: L,
-    loadingPosition: E,
-    variant: b
-  }), v = H(d), y = u ? /* @__PURE__ */ c(J, {
-    className: v.loadingIndicator,
-    ownerState: d,
-    children: L
+  }), c = l({}, r, {
+    disabled: b,
+    loading: f,
+    loadingIndicator: y,
+    loadingPosition: M,
+    variant: L
+  }), m = K(c), v = f ? /* @__PURE__ */ g(J, {
+    className: m.loadingIndicator,
+    ownerState: c,
+    children: y
   }) : null;
   return /* @__PURE__ */ C(A, l({
-    disabled: f || u,
+    disabled: b || f,
     id: P,
     ref: i
-  }, M, {
-    variant: b,
-    classes: v,
-    ownerState: d,
-    children: [d.loadingPosition === "end" ? I : y, d.loadingPosition === "end" ? y : I]
+  }, O, {
+    variant: L,
+    classes: m,
+    ownerState: c,
+    children: [c.loadingPosition === "end" ? e : v, c.loadingPosition === "end" ? v : e]
   }));
 });
-process.env.NODE_ENV !== "production" && (x.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -144,48 +164,48 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: a.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: a.object,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: a.bool,
   /**
    * @ignore
    */
-  id: t.string,
+  id: a.string,
   /**
    * If `true`, the loading indicator is shown and the button becomes disabled.
    * @default false
    */
-  loading: t.bool,
+  loading: a.bool,
   /**
    * Element placed before the children if the button is in loading state.
    * The node should contain an element with `role="progressbar"` with an accessible name.
    * By default we render a `CircularProgress` that is labelled by the button itself.
    * @default <CircularProgress color="inherit" size={16} />
    */
-  loadingIndicator: t.node,
+  loadingIndicator: a.node,
   /**
    * The loading indicator can be positioned on the start, end, or the center of the button.
    * @default 'center'
    */
-  loadingPosition: _(t.oneOf(["start", "end", "center"]), (n) => n.loadingPosition === "start" && !n.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : n.loadingPosition === "end" && !n.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
+  loadingPosition: F(a.oneOf(["start", "end", "center"]), (n) => n.loadingPosition === "start" && !n.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : n.loadingPosition === "end" && !n.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
+  variant: a.oneOfType([a.oneOf(["contained", "outlined", "text"]), a.string])
 });
-const K = p(x)(
+const Q = I(E)(
   ({ color: n, theme: o }) => ({
     justifyContent: "center",
     alignItems: "center",
@@ -238,21 +258,21 @@ const K = p(x)(
       }
     }
   })
-), to = ({
+), ao = ({
   icon: n,
   text: o,
   ...i
 }) => {
-  const r = i.color ?? "primary";
-  return /* @__PURE__ */ C(K, { ...i, color: r, children: [
-    (n == null ? void 0 : n.position) === "left" ? /* @__PURE__ */ c(h, { ...n }) : null,
+  const t = i.color ?? "primary";
+  return /* @__PURE__ */ C(Q, { ...i, color: t, children: [
+    (n == null ? void 0 : n.position) === "left" ? /* @__PURE__ */ g(B, { ...n }) : null,
     o,
-    (n == null ? void 0 : n.position) === "right" ? /* @__PURE__ */ c(h, { ...n }) : null
+    (n == null ? void 0 : n.position) === "right" ? /* @__PURE__ */ g(B, { ...n }) : null
   ] });
 };
 export {
-  to as D,
-  x as L,
-  F as g,
-  a as l
+  ao as D,
+  E as L,
+  G as g,
+  d as l
 };