@cgi-learning-hub/ui 1.7.0 → 1.8.0-dev.1756195117

package/dist/{Checkbox-BfBDowB2.js → Checkbox-BUc4uLEm.js}

@@ -1,52 +1,53 @@
 import * as f from "react";
-import { P as e } from "./index-Sy88PpwE.js";
-import { F as j, G as w, H as B, K as c, n as I } from "./identifier-PWESmBq6.js";
-import { S as M } from "./SwitchBase-DZV8S81Z.js";
-import { c as h } from "./createSvgIcon-B1E6Wo8z.js";
-import { jsx as s } from "react/jsx-runtime";
-import { u as F, s as H, c as V, r as N } from "./DefaultPropsProvider-DqazQPtr.js";
-import { m as E } from "./memoTheme-DAFDflPY.js";
-import { c as O } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { u as U } from "./useSlot-BzdKwDQ5.js";
-import { m as D } from "./mergeSlotProps-ChAye7iz.js";
-const L = h(/* @__PURE__ */ s("path", {
+import { P as o } from "./index-B9vkf41S.js";
+import { F as j, G as w, H as B } from "./generateUtilityClasses-BSBs8sf8.js";
+import { S as M } from "./SwitchBase-D25OhIzI.js";
+import { c as h } from "./createSvgIcon-CjBLQGwH.js";
+import { jsx as r } from "react/jsx-runtime";
+import { u as $, s as F, c as H, r as V } from "./DefaultPropsProvider-BwYGfRVu.js";
+import { m as N } from "./memoTheme-_Lq-6t75.js";
+import { c as I } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { u as E } from "./useSlot-EJyrOSVX.js";
+import { m as U } from "./mergeSlotProps-BauotErM.js";
+import { c } from "./capitalize-CqfTUOe6.js";
+const D = h(/* @__PURE__ */ r("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), q = h(/* @__PURE__ */ s("path", {
+}), "CheckBoxOutlineBlank"), L = h(/* @__PURE__ */ r("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), G = h(/* @__PURE__ */ s("path", {
+}), "CheckBox"), q = h(/* @__PURE__ */ r("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function K(o) {
-  return w("MuiCheckbox", o);
+function G(e) {
+  return w("MuiCheckbox", e);
 }
-const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), _ = (o) => {
+const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), _ = (e) => {
   const {
     classes: t,
-    indeterminate: a,
-    color: r,
+    indeterminate: s,
+    color: n,
     size: i
-  } = o, l = {
-    root: ["root", a && "indeterminate", `color${c(r)}`, `size${c(i)}`]
-  }, p = V(l, K, t);
+  } = e, l = {
+    root: ["root", s && "indeterminate", `color${c(n)}`, `size${c(i)}`]
+  }, p = H(l, G, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
     ...p
   };
-}, A = H(M, {
-  shouldForwardProp: (o) => N(o) || o === "classes",
+}, A = F(M, {
+  shouldForwardProp: (e) => V(e) || e === "classes",
   name: "MuiCheckbox",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: a
-    } = o;
-    return [t.root, a.indeterminate && t.indeterminate, t[`size${c(a.size)}`], a.color !== "default" && t[`color${c(a.color)}`]];
+      ownerState: s
+    } = e;
+    return [t.root, s.indeterminate && t.indeterminate, t[`size${c(s.size)}`], s.color !== "default" && t[`color${c(s.color)}`]];
   }
-})(E(({
-  theme: o
+})(N(({
+  theme: e
 }) => ({
-  color: (o.vars || o).palette.text.secondary,
+  color: (e.vars || e).palette.text.secondary,
   variants: [{
     props: {
       color: "default",
@@ -54,29 +55,29 @@ const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : I(o.palette.action.active, o.palette.action.hoverOpacity)
+        backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(o.palette).filter(O()).map(([t]) => ({
+  }, ...Object.entries(e.palette).filter(I()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : I(o.palette[t].main, o.palette.action.hoverOpacity)
+        backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(o.palette).filter(O()).map(([t]) => ({
+  })), ...Object.entries(e.palette).filter(I()).map(([t]) => ({
     props: {
       color: t
     },
     style: {
       [`&.${b.checked}, &.${b.indeterminate}`]: {
-        color: (o.vars || o).palette[t].main
+        color: (e.vars || e).palette[t].main
       },
       [`&.${b.disabled}`]: {
-        color: (o.vars || o).palette.action.disabled
+        color: (e.vars || e).palette.action.disabled
       }
     }
   })), {
@@ -93,38 +94,38 @@ const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), J = /* @__PURE__ */ s(q, {}), Q = /* @__PURE__ */ s(L, {}), W = /* @__PURE__ */ s(G, {}), X = /* @__PURE__ */ f.forwardRef(function(t, a) {
-  const r = F({
+}))), J = /* @__PURE__ */ r(L, {}), K = /* @__PURE__ */ r(D, {}), Q = /* @__PURE__ */ r(q, {}), W = /* @__PURE__ */ f.forwardRef(function(t, s) {
+  const n = $({
     props: t,
     name: "MuiCheckbox"
   }), {
     checkedIcon: i = J,
     color: l = "primary",
-    icon: p = Q,
-    indeterminate: n = !1,
-    indeterminateIcon: v = W,
-    inputProps: g,
+    icon: p = K,
+    indeterminate: a = !1,
+    indeterminateIcon: k = Q,
+    inputProps: S,
     size: d = "medium",
     disableRipple: y = !1,
-    className: S,
+    className: O,
     slots: C = {},
-    slotProps: k = {},
-    ...T
-  } = r, x = n ? v : p, P = n ? v : i, m = {
-    ...r,
+    slotProps: v = {},
+    ...g
+  } = n, x = a ? k : p, P = a ? k : i, m = {
+    ...n,
     disableRipple: y,
     color: l,
-    indeterminate: n,
+    indeterminate: a,
     size: d
-  }, z = _(m), u = k.input ?? g, [R, $] = U("root", {
-    ref: a,
+  }, z = _(m), u = v.input ?? S, [T, R] = E("root", {
+    ref: s,
     elementType: A,
-    className: B(z.root, S),
+    className: B(z.root, O),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       slots: C,
-      slotProps: k,
-      ...T
+      slotProps: v,
+      ...g
     },
     ownerState: m,
     additionalProps: {
@@ -138,18 +139,18 @@ const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       disableRipple: y,
       slots: C,
       slotProps: {
-        input: D(typeof u == "function" ? u(m) : u, {
-          "data-indeterminate": n
+        input: U(typeof u == "function" ? u(m) : u, {
+          "data-indeterminate": a
         })
       }
     }
   });
-  return /* @__PURE__ */ s(R, {
-    ...$,
+  return /* @__PURE__ */ r(T, {
+    ...R,
     classes: z
   });
 });
-process.env.NODE_ENV !== "production" && (X.propTypes = {
+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`.     │
@@ -157,50 +158,50 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
   /**
    * If `true`, the component is checked.
    */
-  checked: e.bool,
+  checked: o.bool,
   /**
    * The icon to display when the component is checked.
    * @default <CheckBoxIcon />
    */
-  checkedIcon: e.node,
+  checkedIcon: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.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(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
   /**
    * The default checked state. Use when the component is not controlled.
    */
-  defaultChecked: e.bool,
+  defaultChecked: o.bool,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: o.bool,
   /**
    * If `true`, the ripple effect is disabled.
    * @default false
    */
-  disableRipple: e.bool,
+  disableRipple: o.bool,
   /**
    * The icon to display when the component is unchecked.
    * @default <CheckBoxOutlineBlankIcon />
    */
-  icon: e.node,
+  icon: o.node,
   /**
    * The id of the `input` element.
    */
-  id: e.string,
+  id: o.string,
   /**
    * If `true`, the component appears indeterminate.
    * This does not set the native input element to indeterminate due
@@ -208,63 +209,63 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * However, we set a `data-indeterminate` attribute on the `input`.
    * @default false
    */
-  indeterminate: e.bool,
+  indeterminate: o.bool,
   /**
    * The icon to display when the component is indeterminate.
    * @default <IndeterminateCheckBoxIcon />
    */
-  indeterminateIcon: e.node,
+  indeterminateIcon: o.node,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  inputProps: e.object,
+  inputProps: o.object,
   /**
    * Callback fired when the state is changed.
    *
    * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
-  onChange: e.func,
+  onChange: o.func,
   /**
    * If `true`, the `input` element is required.
    * @default false
    */
-  required: e.bool,
+  required: o.bool,
   /**
    * The size of the component.
    * `small` is equivalent to the dense checkbox styling.
    * @default 'medium'
    */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: e.shape({
-    input: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
+  slotProps: o.shape({
+    input: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: e.shape({
-    input: e.elementType,
-    root: e.elementType
+  slots: o.shape({
+    input: o.elementType,
+    root: o.elementType
   }),
   /**
    * 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]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
    */
-  value: e.any
+  value: o.any
 });
 export {
-  X as C,
+  W as C,
   b as c,
-  K as g
+  G as g
 };

package/dist/Checkbox-CCUAaeKc.cjs

@@ -0,0 +1 @@
+"use strict";const M=require("react"),e=require("./index-kjfz41UI.cjs"),b=require("./generateUtilityClasses-BMLLB4Uz.cjs"),V=require("./SwitchBase-Rj-rHz4Z.cjs"),m=require("./createSvgIcon-D6Bf0D-L.cjs"),n=require("react/jsx-runtime"),a=require("./DefaultPropsProvider--EgnwFDi.cjs"),F=require("./memoTheme-DZ3r2a_u.cjs"),z=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),$=require("./useSlot-BQ5B4uxv.cjs"),N=require("./mergeSlotProps-DxEGON0Z.cjs"),i=require("./capitalize-nmXHj--f.cjs");function U(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>o[r]})}}return t.default=o,Object.freeze(t)}const f=U(M),D=m.createSvgIcon(n.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),H=m.createSvgIcon(n.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),E=m.createSvgIcon(n.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");function I(o){return b.generateUtilityClass("MuiCheckbox",o)}const p=b.generateUtilityClasses("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]),_=o=>{const{classes:t,indeterminate:r,color:s,size:l}=o,d={root:["root",r&&"indeterminate",`color${i.capitalize(s)}`,`size${i.capitalize(l)}`]},u=a.composeClasses(d,I,t);return{...t,...u}},L=a.styled(V.SwitchBase,{shouldForwardProp:o=>a.rootShouldForwardProp(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:r}=o;return[t.root,r.indeterminate&&t.indeterminate,t[`size${i.capitalize(r.size)}`],r.color!=="default"&&t[`color${i.capitalize(r.color)}`]]}})(F.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:o.alpha((o.vars||o).palette.action.active,(o.vars||o).palette.action.hoverOpacity)}}},...Object.entries(o.palette).filter(z.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t,disableRipple:!1},style:{"&:hover":{backgroundColor:o.alpha((o.vars||o).palette[t].main,(o.vars||o).palette.action.hoverOpacity)}}})),...Object.entries(o.palette).filter(z.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{[`&.${p.checked}, &.${p.indeterminate}`]:{color:(o.vars||o).palette[t].main},[`&.${p.disabled}`]:{color:(o.vars||o).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),A=n.jsx(H,{}),G=n.jsx(D,{}),J=n.jsx(E,{}),O=f.forwardRef(function(t,r){const s=a.useDefaultProps({props:t,name:"MuiCheckbox"}),{checkedIcon:l=A,color:d="primary",icon:u=G,indeterminate:c=!1,indeterminateIcon:h=J,inputProps:j,size:y="medium",disableRipple:k=!1,className:q,slots:x={},slotProps:C={},...R}=s,v=c?h:u,S=c?h:l,P={...s,disableRipple:k,color:d,indeterminate:c,size:y},g=_(P),T=C.input??j,[w,B]=$.useSlot("root",{ref:r,elementType:L,className:b.clsx(g.root,q),shouldForwardComponentProp:!0,externalForwardedProps:{slots:x,slotProps:C,...R},ownerState:P,additionalProps:{type:"checkbox",icon:f.cloneElement(v,{fontSize:v.props.fontSize??y}),checkedIcon:f.cloneElement(S,{fontSize:S.props.fontSize??y}),disableRipple:k,slots:x,slotProps:{input:N.mergeSlotProps(typeof T=="function"?T(P):T,{"data-indeterminate":c})}}});return n.jsx(w,{...B,classes:g})});process.env.NODE_ENV!=="production"&&(O.propTypes={checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.node,id:e.PropTypes.string,indeterminate:e.PropTypes.bool,indeterminateIcon:e.PropTypes.node,inputProps:e.PropTypes.object,onChange:e.PropTypes.func,required:e.PropTypes.bool,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),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]),value:e.PropTypes.any});exports.Checkbox=O;exports.checkboxClasses=p;exports.getCheckboxUtilityClass=I;