@cgi-learning-hub/ui 1.3.3-dev.1732123246 → 1.3.3-dev.1732274173

package/dist/Radio-CW4v1BS4.js

@@ -0,0 +1,312 @@
+import * as l from "react";
+import { P as e, I as U, H as D, L as d, n as R, G } from "./identifier-B7MO0PvI.js";
+import { S as V } from "./SwitchBase-DBnju71w.js";
+import { c as z } from "./createSvgIcon-BS0Qe85N.js";
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import { s as p, r as O, u as q, c as H } from "./DefaultPropsProvider-BYFwNPLt.js";
+import { m as I } from "./memoTheme-CqfvfBST.js";
+import { u as L } from "./useFormControl-CatNKXAi.js";
+import { c as g } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { r as Z } from "./refType-BqQbA6de.js";
+import { c as A } from "./createChainedFunction-C0nujS3O.js";
+const J = z(/* @__PURE__ */ r("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+}), "RadioButtonUnchecked"), K = z(/* @__PURE__ */ r("path", {
+  d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+}), "RadioButtonChecked"), Q = p("span", {
+  shouldForwardProp: O
+})({
+  position: "relative",
+  display: "flex"
+}), W = p(J)({
+  // Scale applied to prevent dot misalignment in Safari
+  transform: "scale(1)"
+}), X = p(K)(I(({
+  theme: o
+}) => ({
+  left: 0,
+  position: "absolute",
+  transform: "scale(0)",
+  transition: o.transitions.create("transform", {
+    easing: o.transitions.easing.easeIn,
+    duration: o.transitions.duration.shortest
+  }),
+  variants: [{
+    props: {
+      checked: !0
+    },
+    style: {
+      transform: "scale(1)",
+      transition: o.transitions.create("transform", {
+        easing: o.transitions.easing.easeOut,
+        duration: o.transitions.duration.shortest
+      })
+    }
+  }]
+})));
+function b(o) {
+  const {
+    checked: a = !1,
+    classes: t = {},
+    fontSize: s
+  } = o, n = {
+    ...o,
+    checked: a
+  };
+  return /* @__PURE__ */ _(Q, {
+    className: t.root,
+    ownerState: n,
+    children: [/* @__PURE__ */ r(W, {
+      fontSize: s,
+      className: t.background,
+      ownerState: n
+    }), /* @__PURE__ */ r(X, {
+      fontSize: s,
+      className: t.dot,
+      ownerState: n
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" && (b.propTypes = {
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   */
+  fontSize: e.oneOf(["small", "medium"])
+});
+const w = /* @__PURE__ */ l.createContext(void 0);
+process.env.NODE_ENV !== "production" && (w.displayName = "RadioGroupContext");
+function Y() {
+  return l.useContext(w);
+}
+function oo(o) {
+  return D("MuiRadio", o);
+}
+const h = U("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), eo = (o) => {
+  const {
+    classes: a,
+    color: t,
+    size: s
+  } = o, n = {
+    root: ["root", `color${d(t)}`, s !== "medium" && `size${d(s)}`]
+  };
+  return {
+    ...a,
+    ...H(n, oo, a)
+  };
+}, ao = p(V, {
+  shouldForwardProp: (o) => O(o) || o === "classes",
+  name: "MuiRadio",
+  slot: "Root",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: t
+    } = o;
+    return [a.root, t.size !== "medium" && a[`size${d(t.size)}`], a[`color${d(t.color)}`]];
+  }
+})(I(({
+  theme: o
+}) => ({
+  color: (o.vars || o).palette.text.secondary,
+  [`&.${h.disabled}`]: {
+    color: (o.vars || o).palette.action.disabled
+  },
+  variants: [{
+    props: {
+      color: "default",
+      disabled: !1,
+      disableRipple: !1
+    },
+    style: {
+      "&:hover": {
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : R(o.palette.action.active, o.palette.action.hoverOpacity)
+      }
+    }
+  }, ...Object.entries(o.palette).filter(g()).map(([a]) => ({
+    props: {
+      color: a,
+      disabled: !1,
+      disableRipple: !1
+    },
+    style: {
+      "&:hover": {
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[a].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : R(o.palette[a].main, o.palette.action.hoverOpacity)
+      }
+    }
+  })), ...Object.entries(o.palette).filter(g()).map(([a]) => ({
+    props: {
+      color: a,
+      disabled: !1
+    },
+    style: {
+      [`&.${h.checked}`]: {
+        color: (o.vars || o).palette[a].main
+      }
+    }
+  })), {
+    // Should be last to override other colors
+    props: {
+      disableRipple: !1
+    },
+    style: {
+      // Reset on touch devices, it doesn't add specificity
+      "&:hover": {
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }]
+})));
+function to(o, a) {
+  return typeof a == "object" && a !== null ? o === a : String(o) === String(a);
+}
+const S = /* @__PURE__ */ r(b, {
+  checked: !0
+}), k = /* @__PURE__ */ r(b, {}), so = /* @__PURE__ */ l.forwardRef(function(a, t) {
+  const s = q({
+    props: a,
+    name: "MuiRadio"
+  }), {
+    checked: n,
+    checkedIcon: N = S,
+    color: P = "primary",
+    icon: x = k,
+    name: j,
+    onChange: B,
+    size: u = "medium",
+    className: $,
+    disabled: E,
+    disableRipple: T = !1,
+    ...F
+  } = s, y = L();
+  let i = E;
+  y && typeof i > "u" && (i = y.disabled), i ?? (i = !1);
+  const C = {
+    ...s,
+    disabled: i,
+    disableRipple: T,
+    color: P,
+    size: u
+  }, v = eo(C), c = Y();
+  let f = n;
+  const M = A(B, c && c.onChange);
+  let m = j;
+  return c && (typeof f > "u" && (f = to(c.value, s.value)), typeof m > "u" && (m = c.name)), /* @__PURE__ */ r(ao, {
+    type: "radio",
+    icon: /* @__PURE__ */ l.cloneElement(x, {
+      fontSize: k.props.fontSize ?? u
+    }),
+    checkedIcon: /* @__PURE__ */ l.cloneElement(N, {
+      fontSize: S.props.fontSize ?? u
+    }),
+    disabled: i,
+    ownerState: C,
+    classes: v,
+    name: m,
+    checked: f,
+    onChange: M,
+    ref: t,
+    className: G(v.root, $),
+    ...F
+  });
+});
+process.env.NODE_ENV !== "production" && (so.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   * @default <RadioButtonIcon checked />
+   */
+  checkedIcon: e.node,
+  /**
+   * 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(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <RadioButtonIcon />
+   */
+  icon: e.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: Z,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), 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]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   */
+  value: e.any
+});
+export {
+  w as R,
+  so as a
+};

package/dist/Radio-D-wbZ6M-.cjs

@@ -0,0 +1 @@
+"use strict";const $=require("react"),o=require("./identifier-DTh6b5Gz.cjs"),E=require("./SwitchBase-DWfUIgEW.cjs"),h=require("./createSvgIcon-DQqazotA.cjs"),a=require("react/jsx-runtime"),n=require("./DefaultPropsProvider-eVMpAUQg.cjs"),S=require("./memoTheme-DJBS0nbO.cjs"),D=require("./useFormControl-haP0iPhl.cjs"),v=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),M=require("./refType-DNB-r0Bp.cjs"),V=require("./createChainedFunction-CJmlQuW8.cjs");function U(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const p=U($),_=h.createSvgIcon(a.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),G=h.createSvgIcon(a.jsx("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked"),Z=n.styled("span",{shouldForwardProp:n.rootShouldForwardProp})({position:"relative",display:"flex"}),A=n.styled(_)({transform:"scale(1)"}),H=n.styled(G)(S.memoTheme(({theme:e})=>({left:0,position:"absolute",transform:"scale(0)",transition:e.transitions.create("transform",{easing:e.transitions.easing.easeIn,duration:e.transitions.duration.shortest}),variants:[{props:{checked:!0},style:{transform:"scale(1)",transition:e.transitions.create("transform",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.shortest})}}]})));function y(e){const{checked:t=!1,classes:s={},fontSize:r}=e,i={...e,checked:t};return a.jsxs(Z,{className:s.root,ownerState:i,children:[a.jsx(A,{fontSize:r,className:s.background,ownerState:i}),a.jsx(H,{fontSize:r,className:s.dot,ownerState:i})]})}process.env.NODE_ENV!=="production"&&(y.propTypes={checked:o.PropTypes.bool,classes:o.PropTypes.object,fontSize:o.PropTypes.oneOf(["small","medium"])});const P=p.createContext(void 0);process.env.NODE_ENV!=="production"&&(P.displayName="RadioGroupContext");function J(){return p.useContext(P)}function K(e){return o.generateUtilityClass("MuiRadio",e)}const C=o.generateUtilityClasses("MuiRadio",["root","checked","disabled","colorPrimary","colorSecondary","sizeSmall"]),L=e=>{const{classes:t,color:s,size:r}=e,i={root:["root",`color${o.capitalize(s)}`,r!=="medium"&&`size${o.capitalize(r)}`]};return{...t,...n.composeClasses(i,K,t)}},Q=n.styled(E.SwitchBase,{shouldForwardProp:e=>n.rootShouldForwardProp(e)||e==="classes",name:"MuiRadio",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:s}=e;return[t.root,s.size!=="medium"&&t[`size${o.capitalize(s.size)}`],t[`color${o.capitalize(s.color)}`]]}})(S.memoTheme(({theme:e})=>({color:(e.vars||e).palette.text.secondary,[`&.${C.disabled}`]:{color:(e.vars||e).palette.action.disabled},variants:[{props:{color:"default",disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette.action.active,e.palette.action.hoverOpacity)}}},...Object.entries(e.palette).filter(v.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t,disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette[t].main,e.palette.action.hoverOpacity)}}})),...Object.entries(e.palette).filter(v.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t,disabled:!1},style:{[`&.${C.checked}`]:{color:(e.vars||e).palette[t].main}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]})));function W(e,t){return typeof t=="object"&&t!==null?e===t:String(e)===String(t)}const g=a.jsx(y,{checked:!0}),R=a.jsx(y,{}),k=p.forwardRef(function(t,s){const r=n.useDefaultProps({props:t,name:"MuiRadio"}),{checked:i,checkedIcon:z=g,color:O="primary",icon:j=R,name:x,onChange:w,size:d="medium",className:I,disabled:N,disableRipple:q=!1,...F}=r,m=D.useFormControl();let c=N;m&&typeof c>"u"&&(c=m.disabled),c??(c=!1);const T={...r,disabled:c,disableRipple:q,color:O,size:d},b=L(T),l=J();let u=i;const B=V.createChainedFunction(w,l&&l.onChange);let f=x;return l&&(typeof u>"u"&&(u=W(l.value,r.value)),typeof f>"u"&&(f=l.name)),a.jsx(Q,{type:"radio",icon:p.cloneElement(j,{fontSize:R.props.fontSize??d}),checkedIcon:p.cloneElement(z,{fontSize:g.props.fontSize??d}),disabled:c,ownerState:T,classes:b,name:f,checked:u,onChange:B,ref:s,className:o.clsx(b.root,I),...F})});process.env.NODE_ENV!=="production"&&(k.propTypes={checked:o.PropTypes.bool,checkedIcon:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),disabled:o.PropTypes.bool,disableRipple:o.PropTypes.bool,icon:o.PropTypes.node,id:o.PropTypes.string,inputProps:o.PropTypes.object,inputRef:M.refType,name:o.PropTypes.string,onChange:o.PropTypes.func,required:o.PropTypes.bool,size:o.PropTypes.oneOfType([o.PropTypes.oneOf(["medium","small"]),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]),value:o.PropTypes.any});exports.Radio=k;exports.RadioGroupContext=P;