@cgi-learning-hub/ui 1.2.0 → 1.3.0-dev.1731062725

package/dist/IconButton-C7H_G1LX.js

@@ -0,0 +1,230 @@
+import * as c from "react";
+import { I as z, J as I, K as a, L as R, P as e, n as g } from "./identifier-Bu3vgTzE.js";
+import { m as f } from "./memoTheme-C4_nd-x4.js";
+import { c as y } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { jsx as O } from "react/jsx-runtime";
+import { s as C, u as h, c as T } from "./DefaultPropsProvider-7QnSWHxy.js";
+import { B as S } from "./ButtonBase-Y5TK5SRu.js";
+import { c as $ } from "./useForkRef-D-DyzOXj.js";
+function x(o) {
+  return z("MuiIconButton", o);
+}
+const w = I("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), j = (o) => {
+  const {
+    classes: t,
+    disabled: r,
+    color: s,
+    edge: n,
+    size: i
+  } = o, l = {
+    root: ["root", r && "disabled", s !== "default" && `color${a(s)}`, n && `edge${a(n)}`, `size${a(i)}`]
+  };
+  return T(l, x, t);
+}, k = C(S, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.root, r.color !== "default" && t[`color${a(r.color)}`], r.edge && t[`edge${a(r.edge)}`], t[`size${a(r.size)}`]];
+  }
+})(f(({
+  theme: o
+}) => ({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: o.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  color: (o.vars || o).palette.action.active,
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
+  }),
+  variants: [{
+    props: (t) => !t.disableRipple,
+    style: {
+      "--IconButton-hoverBg": o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette.action.active, o.palette.action.hoverOpacity),
+      "&:hover": {
+        backgroundColor: "var(--IconButton-hoverBg)",
+        // Reset on touch devices, it doesn't add specificity
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }, {
+    props: {
+      edge: "start"
+    },
+    style: {
+      marginLeft: -12
+    }
+  }, {
+    props: {
+      edge: "start",
+      size: "small"
+    },
+    style: {
+      marginLeft: -3
+    }
+  }, {
+    props: {
+      edge: "end"
+    },
+    style: {
+      marginRight: -12
+    }
+  }, {
+    props: {
+      edge: "end",
+      size: "small"
+    },
+    style: {
+      marginRight: -3
+    }
+  }]
+})), f(({
+  theme: o
+}) => ({
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      color: "inherit"
+    }
+  }, ...Object.entries(o.palette).filter(y()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      color: (o.vars || o).palette[t].main
+    }
+  })), ...Object.entries(o.palette).filter(y()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      "--IconButton-hoverBg": o.vars ? `rgba(${(o.vars || o).palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g((o.vars || o).palette[t].main, o.palette.action.hoverOpacity)
+    }
+  })), {
+    props: {
+      size: "small"
+    },
+    style: {
+      padding: 5,
+      fontSize: o.typography.pxToRem(18)
+    }
+  }, {
+    props: {
+      size: "large"
+    },
+    style: {
+      padding: 12,
+      fontSize: o.typography.pxToRem(28)
+    }
+  }],
+  [`&.${w.disabled}`]: {
+    backgroundColor: "transparent",
+    color: (o.vars || o).palette.action.disabled
+  }
+}))), P = /* @__PURE__ */ c.forwardRef(function(t, r) {
+  const s = h({
+    props: t,
+    name: "MuiIconButton"
+  }), {
+    edge: n = !1,
+    children: i,
+    className: l,
+    color: v = "default",
+    disabled: p = !1,
+    disableFocusRipple: d = !1,
+    size: m = "medium",
+    ...b
+  } = s, u = {
+    ...s,
+    edge: n,
+    color: v,
+    disabled: p,
+    disableFocusRipple: d,
+    size: m
+  }, B = j(u);
+  return /* @__PURE__ */ O(k, {
+    className: R(B.root, l),
+    centerRipple: !0,
+    focusRipple: !d,
+    disabled: p,
+    ref: r,
+    ...b,
+    ownerState: u,
+    children: i
+  });
+});
+process.env.NODE_ENV !== "production" && (P.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The icon to display.
+   */
+  children: $(e.node, (o) => c.Children.toArray(o.children).some((r) => /* @__PURE__ */ c.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * 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 'default'
+   */
+  color: e.oneOfType([e.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: e.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["small", "medium", "large"]), e.string]),
+  /**
+   * 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])
+});
+export {
+  P as I,
+  x as g,
+  w as i
+};

package/dist/IconButton-DfmbM9nO.cjs

@@ -0,0 +1,2 @@
+"use strict";const B=require("react"),o=require("./identifier-B_IiMbpZ.cjs"),y=require("./memoTheme-DvW891YJ.cjs"),g=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),O=require("react/jsx-runtime"),p=require("./DefaultPropsProvider-eEVEiLDf.cjs"),R=require("./ButtonBase-S0mFlojL.cjs"),I=require("./useForkRef-D81w5oMb.cjs");function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=C(B);function f(e){return o.generateUtilityClass("MuiIconButton",e)}const b=o.generateUtilityClasses("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge"]),h=e=>{const{classes:t,disabled:r,color:s,edge:a,size:n}=e,i={root:["root",r&&"disabled",s!=="default"&&`color${o.capitalize(s)}`,a&&`edge${o.capitalize(a)}`,`size${o.capitalize(n)}`]};return p.composeClasses(i,f,t)},S=p.styled(R.ButtonBase,{name:"MuiIconButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.color!=="default"&&t[`color${o.capitalize(r.color)}`],r.edge&&t[`edge${o.capitalize(r.edge)}`],t[`size${o.capitalize(r.size)}`]]}})(y.memoTheme(({theme:e})=>({textAlign:"center",flex:"0 0 auto",fontSize:e.typography.pxToRem(24),padding:8,borderRadius:"50%",color:(e.vars||e).palette.action.active,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),variants:[{props:t=>!t.disableRipple,style:{"--IconButton-hoverBg":e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette.action.active,e.palette.action.hoverOpacity),"&:hover":{backgroundColor:"var(--IconButton-hoverBg)","@media (hover: none)":{backgroundColor:"transparent"}}}},{props:{edge:"start"},style:{marginLeft:-12}},{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:{edge:"end"},style:{marginRight:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}}]})),y.memoTheme(({theme:e})=>({variants:[{props:{color:"inherit"},style:{color:"inherit"}},...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}})),...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{"--IconButton-hoverBg":e.vars?`rgba(${(e.vars||e).palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha((e.vars||e).palette[t].main,e.palette.action.hoverOpacity)}})),{props:{size:"small"},style:{padding:5,fontSize:e.typography.pxToRem(18)}},{props:{size:"large"},style:{padding:12,fontSize:e.typography.pxToRem(28)}}],[`&.${b.disabled}`]:{backgroundColor:"transparent",color:(e.vars||e).palette.action.disabled}}))),v=l.forwardRef(function(t,r){const s=p.useDefaultProps({props:t,name:"MuiIconButton"}),{edge:a=!1,children:n,className:i,color:T="default",disabled:c=!1,disableFocusRipple:u=!1,size:P="medium",...m}=s,d={...s,edge:a,color:T,disabled:c,disableFocusRipple:u,size:P},z=h(d);return O.jsx(S,{className:o.clsx(z.root,i),centerRipple:!0,focusRipple:!u,disabled:c,ref:r,...m,ownerState:d,children:n})});process.env.NODE_ENV!=="production"&&(v.propTypes={children:I.chainPropTypes(o.PropTypes.node,e=>l.Children.toArray(e.children).some(r=>l.isValidElement(r)&&r.props.onClick)?new Error(["MUI: You are providing an onClick event listener to a child of a button element.","Prefer applying it to the IconButton directly.","This guarantees that the whole <button> will be responsive to click events."].join(`
+`)):null),classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),disabled:o.PropTypes.bool,disableFocusRipple:o.PropTypes.bool,disableRipple:o.PropTypes.bool,edge:o.PropTypes.oneOf(["end","start",!1]),size:o.PropTypes.oneOfType([o.PropTypes.oneOf(["small","medium","large"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object])});exports.IconButton=v;exports.getIconButtonUtilityClass=f;exports.iconButtonClasses=b;

package/dist/InputAdornment-C-EbfNtT.cjs

@@ -0,0 +1 @@
+"use strict";const I=require("react"),e=require("./identifier-B_IiMbpZ.cjs"),f=require("./InputBase-CPtGhJye.cjs"),x=require("./memoTheme-DvW891YJ.cjs"),a=require("react/jsx-runtime"),m=require("./DefaultPropsProvider-eEVEiLDf.cjs"),O=require("./Typography-CreZW2v6.cjs");function A(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const P=A(I);function C(t){return e.generateUtilityClass("MuiInputAdornment",t)}const T=e.generateUtilityClasses("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]);var b;const S=(t,o)=>{const{ownerState:n}=t;return[o.root,o[`position${e.capitalize(n.position)}`],n.disablePointerEvents===!0&&o.disablePointerEvents,o[n.variant]]},z=t=>{const{classes:o,disablePointerEvents:n,hiddenLabel:r,position:s,size:p,variant:l}=t,c={root:["root",n&&"disablePointerEvents",s&&`position${e.capitalize(s)}`,l,r&&"hiddenLabel",p&&`size${e.capitalize(p)}`]};return m.composeClasses(c,C,o)},N=m.styled("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:S})(x.memoTheme(({theme:t})=>({display:"flex",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(t.vars||t).palette.action.active,variants:[{props:{variant:"filled"},style:{[`&.${T.positionStart}&:not(.${T.hiddenLabel})`]:{marginTop:16}}},{props:{position:"start"},style:{marginRight:8}},{props:{position:"end"},style:{marginLeft:8}},{props:{disablePointerEvents:!0},style:{pointerEvents:"none"}}]}))),h=P.forwardRef(function(o,n){const r=m.useDefaultProps({props:o,name:"MuiInputAdornment"}),{children:s,className:p,component:l="div",disablePointerEvents:c=!1,disableTypography:g=!1,position:y,variant:d,...E}=r,i=f.useFormControl()||{};let u=d;d&&i.variant&&process.env.NODE_ENV!=="production"&&d===i.variant&&console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."),i&&!u&&(u=i.variant);const v={...r,hiddenLabel:i.hiddenLabel,size:i.size,disablePointerEvents:c,position:y,variant:u},j=z(v);return a.jsx(f.FormControlContext.Provider,{value:null,children:a.jsx(N,{as:l,ownerState:v,className:e.clsx(j.root,p),ref:n,...E,children:typeof s=="string"&&!g?a.jsx(O.Typography,{color:"textSecondary",children:s}):a.jsxs(P.Fragment,{children:[y==="start"?b||(b=a.jsx("span",{className:"notranslate",children:"​"})):null,s]})})})});process.env.NODE_ENV!=="production"&&(h.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,disablePointerEvents:e.PropTypes.bool,disableTypography:e.PropTypes.bool,position:e.PropTypes.oneOf(["end","start"]).isRequired,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]),variant:e.PropTypes.oneOf(["filled","outlined","standard"])});exports.InputAdornment=h;

package/dist/{InputAdornment-hNrnvXW9.js → InputAdornment-CPJFY_m_.js}

@@ -1,62 +1,77 @@
-import { v as I, w as T, m as u, _ as A, x as C, P as e, q as v } from "./identifier-D-ng7Qqa.js";
-import * as b from "react";
-import { u as N, F as L } from "./InputBase-DNkF-TAp.js";
-import { s as O, u as R, c as _ } from "./styled-xiAudcD_.js";
-import { jsx as l, jsxs as j } from "react/jsx-runtime";
-import { T as z } from "./Typography-B2XMXu83.js";
-function F(t) {
+import * as h from "react";
+import { J as P, I as T, L as A, P as e, K as u } from "./identifier-Bu3vgTzE.js";
+import { u as C, F as x } from "./InputBase-5GB2c2J6.js";
+import { m as L } from "./memoTheme-C4_nd-x4.js";
+import { jsx as l, jsxs as N } from "react/jsx-runtime";
+import { s as S, u as O, c as R } from "./DefaultPropsProvider-7QnSWHxy.js";
+import { T as w } from "./Typography-DsJC595c.js";
+function z(t) {
   return T("MuiInputAdornment", t);
 }
-const y = I("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
-var g;
-const M = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], U = (t, o) => {
+const b = P("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
+var y;
+const j = (t, o) => {
   const {
     ownerState: n
   } = t;
-  return [o.root, o[`position${v(n.position)}`], n.disablePointerEvents === !0 && o.disablePointerEvents, o[n.variant]];
-}, $ = (t) => {
+  return [o.root, o[`position${u(n.position)}`], n.disablePointerEvents === !0 && o.disablePointerEvents, o[n.variant]];
+}, F = (t) => {
   const {
     classes: o,
     disablePointerEvents: n,
-    hiddenLabel: r,
+    hiddenLabel: i,
     position: s,
     size: a,
     variant: p
   } = t, d = {
-    root: ["root", n && "disablePointerEvents", s && `position${v(s)}`, p, r && "hiddenLabel", a && `size${v(a)}`]
+    root: ["root", n && "disablePointerEvents", s && `position${u(s)}`, p, i && "hiddenLabel", a && `size${u(a)}`]
   };
-  return _(d, F, o);
-}, w = O("div", {
+  return R(d, z, o);
+}, M = S("div", {
   name: "MuiInputAdornment",
   slot: "Root",
-  overridesResolver: U
-})(({
-  theme: t,
-  ownerState: o
-}) => u({
+  overridesResolver: j
+})(L(({
+  theme: t
+}) => ({
   display: "flex",
-  height: "0.01em",
-  // Fix IE11 flexbox alignment. To remove at some point.
   maxHeight: "2em",
   alignItems: "center",
   whiteSpace: "nowrap",
-  color: (t.vars || t).palette.action.active
-}, o.variant === "filled" && {
-  // Styles applied to the root element if `variant="filled"`.
-  [`&.${y.positionStart}&:not(.${y.hiddenLabel})`]: {
-    marginTop: 16
-  }
-}, o.position === "start" && {
-  // Styles applied to the root element if `position="start"`.
-  marginRight: 8
-}, o.position === "end" && {
-  // Styles applied to the root element if `position="end"`.
-  marginLeft: 8
-}, o.disablePointerEvents === !0 && {
-  // Styles applied to the root element if `disablePointerEvents={true}`.
-  pointerEvents: "none"
-})), S = /* @__PURE__ */ b.forwardRef(function(o, n) {
-  const r = R({
+  color: (t.vars || t).palette.action.active,
+  variants: [{
+    props: {
+      variant: "filled"
+    },
+    style: {
+      [`&.${b.positionStart}&:not(.${b.hiddenLabel})`]: {
+        marginTop: 16
+      }
+    }
+  }, {
+    props: {
+      position: "start"
+    },
+    style: {
+      marginRight: 8
+    }
+  }, {
+    props: {
+      position: "end"
+    },
+    style: {
+      marginLeft: 8
+    }
+  }, {
+    props: {
+      disablePointerEvents: !0
+    },
+    style: {
+      pointerEvents: "none"
+    }
+  }]
+}))), U = /* @__PURE__ */ h.forwardRef(function(o, n) {
+  const i = O({
     props: o,
     name: "MuiInputAdornment"
   }), {
@@ -64,43 +79,45 @@ const M = ["children", "className", "component", "disablePointerEvents", "disabl
     className: a,
     component: p = "div",
     disablePointerEvents: d = !1,
-    disableTypography: E = !1,
-    position: f,
-    variant: c
-  } = r, P = A(r, M), i = N() || {};
+    disableTypography: g = !1,
+    position: v,
+    variant: c,
+    ...E
+  } = i, r = C() || {};
   let m = c;
-  c && i.variant && process.env.NODE_ENV !== "production" && c === i.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), i && !m && (m = i.variant);
-  const h = u({}, r, {
-    hiddenLabel: i.hiddenLabel,
-    size: i.size,
+  c && r.variant && process.env.NODE_ENV !== "production" && c === r.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), r && !m && (m = r.variant);
+  const f = {
+    ...i,
+    hiddenLabel: r.hiddenLabel,
+    size: r.size,
     disablePointerEvents: d,
-    position: f,
+    position: v,
     variant: m
-  }), x = $(h);
-  return /* @__PURE__ */ l(L.Provider, {
+  }, I = F(f);
+  return /* @__PURE__ */ l(x.Provider, {
     value: null,
-    children: /* @__PURE__ */ l(w, u({
+    children: /* @__PURE__ */ l(M, {
       as: p,
-      ownerState: h,
-      className: C(x.root, a),
-      ref: n
-    }, P, {
-      children: typeof s == "string" && !E ? /* @__PURE__ */ l(z, {
-        color: "text.secondary",
+      ownerState: f,
+      className: A(I.root, a),
+      ref: n,
+      ...E,
+      children: typeof s == "string" && !g ? /* @__PURE__ */ l(w, {
+        color: "textSecondary",
         children: s
-      }) : /* @__PURE__ */ j(b.Fragment, {
-        children: [f === "start" ? (
+      }) : /* @__PURE__ */ N(h.Fragment, {
+        children: [v === "start" ? (
           /* notranslate needed while Google Translate will not fix zero-width space issue */
-          g || (g = /* @__PURE__ */ l("span", {
+          y || (y = /* @__PURE__ */ l("span", {
             className: "notranslate",
             children: "​"
           }))
         ) : null, s]
       })
-    }))
+    })
   });
 });
-process.env.NODE_ENV !== "production" && (S.propTypes = {
+process.env.NODE_ENV !== "production" && (U.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -149,5 +166,5 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
 export {
-  S as I
+  U as I
 };