@cgi-learning-hub/ui 1.3.5 → 1.4.0-dev.1740589431

package/dist/Radio-DSRS-tjj.js

@@ -0,0 +1,568 @@
+import * as p from "react";
+import { H as A, I as H, G as I, P as e, n as M } from "./generateUtilityClasses-DotvgSDH.js";
+import { m as N } from "./memoTheme-CqmIydD-.js";
+import { f as ae } from "./formControlState-vgaj2ksH.js";
+import { u as re } from "./useSlot-GZu0V5wJ.js";
+import { jsx as l, jsxs as T } from "react/jsx-runtime";
+import { u as W, s as b, c as Z, r as J } from "./DefaultPropsProvider-Cqcb4sws.js";
+import { u as K } from "./useFormControl-CatNKXAi.js";
+import { T as D } from "./Typography-SIQ6eleU.js";
+import { c as m } from "./capitalize-3KLkrEtk.js";
+import { r as Q } from "./refType-C210ipRY.js";
+import { S as se } from "./SwitchBase-CDkmnGAP.js";
+import { c as X } from "./createSvgIcon-K2ZAdASa.js";
+import { c as U } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { c as ne } from "./createChainedFunction-C0nujS3O.js";
+function le(o) {
+  return H("MuiFormControlLabel", o);
+}
+const C = A("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), ie = (o) => {
+  const {
+    classes: t,
+    disabled: a,
+    labelPlacement: r,
+    error: s,
+    required: y
+  } = o, g = {
+    root: ["root", a && "disabled", `labelPlacement${m(r)}`, s && "error", y && "required"],
+    label: ["label", a && "disabled"],
+    asterisk: ["asterisk", s && "error"]
+  };
+  return Z(g, le, t);
+}, ce = b("label", {
+  name: "MuiFormControlLabel",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: a
+    } = o;
+    return [{
+      [`& .${C.label}`]: t.label
+    }, t.root, t[`labelPlacement${m(a.labelPlacement)}`]];
+  }
+})(N(({
+  theme: o
+}) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  cursor: "pointer",
+  // For correct alignment with the text.
+  verticalAlign: "middle",
+  WebkitTapHighlightColor: "transparent",
+  marginLeft: -11,
+  marginRight: 16,
+  // used for row presentation of radio/checkbox
+  [`&.${C.disabled}`]: {
+    cursor: "default"
+  },
+  [`& .${C.label}`]: {
+    [`&.${C.disabled}`]: {
+      color: (o.vars || o).palette.text.disabled
+    }
+  },
+  variants: [{
+    props: {
+      labelPlacement: "start"
+    },
+    style: {
+      flexDirection: "row-reverse",
+      marginRight: -11
+    }
+  }, {
+    props: {
+      labelPlacement: "top"
+    },
+    style: {
+      flexDirection: "column-reverse"
+    }
+  }, {
+    props: {
+      labelPlacement: "bottom"
+    },
+    style: {
+      flexDirection: "column"
+    }
+  }, {
+    props: ({
+      labelPlacement: t
+    }) => t === "start" || t === "top" || t === "bottom",
+    style: {
+      marginLeft: 16
+      // used for row presentation of radio/checkbox
+    }
+  }]
+}))), de = b("span", {
+  name: "MuiFormControlLabel",
+  slot: "Asterisk",
+  overridesResolver: (o, t) => t.asterisk
+})(N(({
+  theme: o
+}) => ({
+  [`&.${C.error}`]: {
+    color: (o.vars || o).palette.error.main
+  }
+}))), pe = /* @__PURE__ */ p.forwardRef(function(t, a) {
+  const r = W({
+    props: t,
+    name: "MuiFormControlLabel"
+  }), {
+    checked: s,
+    className: y,
+    componentsProps: g = {},
+    control: u,
+    disabled: w,
+    disableTypography: z,
+    inputRef: h,
+    label: x,
+    labelPlacement: $ = "end",
+    name: L,
+    onChange: q,
+    required: v,
+    slots: i = {},
+    slotProps: R = {},
+    value: F,
+    ...c
+  } = r, n = K(), k = w ?? u.props.disabled ?? (n == null ? void 0 : n.disabled), d = v ?? u.props.required, B = {
+    disabled: k,
+    required: d
+  };
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((O) => {
+    typeof u.props[O] > "u" && typeof r[O] < "u" && (B[O] = r[O]);
+  });
+  const ee = ae({
+    props: r,
+    muiFormControl: n,
+    states: ["error"]
+  }), P = {
+    ...r,
+    disabled: k,
+    labelPlacement: $,
+    required: d,
+    error: ee.error
+  }, j = ie(P), oe = {
+    slots: i,
+    slotProps: {
+      ...g,
+      ...R
+    }
+  }, [te, S] = re("typography", {
+    elementType: D,
+    externalForwardedProps: oe,
+    ownerState: P
+  });
+  let f = x;
+  return f != null && f.type !== D && !z && (f = /* @__PURE__ */ l(te, {
+    component: "span",
+    ...S,
+    className: I(j.label, S == null ? void 0 : S.className),
+    children: f
+  })), /* @__PURE__ */ T(ce, {
+    className: I(j.root, y),
+    ownerState: P,
+    ref: a,
+    ...c,
+    children: [/* @__PURE__ */ p.cloneElement(u, B), d ? /* @__PURE__ */ T("div", {
+      children: [f, /* @__PURE__ */ T(de, {
+        ownerState: P,
+        "aria-hidden": !0,
+        className: j.asterisk,
+        children: [" ", "*"]
+      })]
+    }) : f]
+  });
+});
+process.env.NODE_ENV !== "production" && (pe.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 appears selected.
+   */
+  checked: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  componentsProps: e.shape({
+    typography: e.object
+  }),
+  /**
+   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
+   */
+  control: e.element.isRequired,
+  /**
+   * If `true`, the control is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the label is rendered as it is passed without an additional typography node.
+   */
+  disableTypography: e.bool,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: Q,
+  /**
+   * A text or an element to be used in an enclosing label element.
+   */
+  label: e.node,
+  /**
+   * The position of the label.
+   * @default 'end'
+   */
+  labelPlacement: e.oneOf(["bottom", "end", "start", "top"]),
+  /**
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   */
+  required: e.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    typography: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    typography: e.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]),
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+const ue = X(/* @__PURE__ */ l("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"), fe = X(/* @__PURE__ */ l("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"), me = b("span", {
+  shouldForwardProp: J
+})({
+  position: "relative",
+  display: "flex"
+}), be = b(ue)({
+  // Scale applied to prevent dot misalignment in Safari
+  transform: "scale(1)"
+}), ye = b(fe)(N(({
+  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 E(o) {
+  const {
+    checked: t = !1,
+    classes: a = {},
+    fontSize: r
+  } = o, s = {
+    ...o,
+    checked: t
+  };
+  return /* @__PURE__ */ T(me, {
+    className: a.root,
+    ownerState: s,
+    children: [/* @__PURE__ */ l(be, {
+      fontSize: r,
+      className: a.background,
+      ownerState: s
+    }), /* @__PURE__ */ l(ye, {
+      fontSize: r,
+      className: a.dot,
+      ownerState: s
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" && (E.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 Y = /* @__PURE__ */ p.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Y.displayName = "RadioGroupContext");
+function ge() {
+  return p.useContext(Y);
+}
+function Ce(o) {
+  return H("MuiRadio", o);
+}
+const V = A("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), he = (o) => {
+  const {
+    classes: t,
+    color: a,
+    size: r
+  } = o, s = {
+    root: ["root", `color${m(a)}`, r !== "medium" && `size${m(r)}`]
+  };
+  return {
+    ...t,
+    ...Z(s, Ce, t)
+  };
+}, ve = b(se, {
+  shouldForwardProp: (o) => J(o) || o === "classes",
+  name: "MuiRadio",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: a
+    } = o;
+    return [t.root, a.size !== "medium" && t[`size${m(a.size)}`], t[`color${m(a.color)}`]];
+  }
+})(N(({
+  theme: o
+}) => ({
+  color: (o.vars || o).palette.text.secondary,
+  [`&.${V.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})` : M(o.palette.action.active, o.palette.action.hoverOpacity)
+      }
+    }
+  }, ...Object.entries(o.palette).filter(U()).map(([t]) => ({
+    props: {
+      color: t,
+      disabled: !1,
+      disableRipple: !1
+    },
+    style: {
+      "&:hover": {
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette[t].main, o.palette.action.hoverOpacity)
+      }
+    }
+  })), ...Object.entries(o.palette).filter(U()).map(([t]) => ({
+    props: {
+      color: t,
+      disabled: !1
+    },
+    style: {
+      [`&.${V.checked}`]: {
+        color: (o.vars || o).palette[t].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 Re(o, t) {
+  return typeof t == "object" && t !== null ? o === t : String(o) === String(t);
+}
+const G = /* @__PURE__ */ l(E, {
+  checked: !0
+}), _ = /* @__PURE__ */ l(E, {}), ke = /* @__PURE__ */ p.forwardRef(function(t, a) {
+  const r = W({
+    props: t,
+    name: "MuiRadio"
+  }), {
+    checked: s,
+    checkedIcon: y = G,
+    color: g = "primary",
+    icon: u = _,
+    name: w,
+    onChange: z,
+    size: h = "medium",
+    className: x,
+    disabled: $,
+    disableRipple: L = !1,
+    ...q
+  } = r, v = K();
+  let i = $;
+  v && typeof i > "u" && (i = v.disabled), i ?? (i = !1);
+  const R = {
+    ...r,
+    disabled: i,
+    disableRipple: L,
+    color: g,
+    size: h
+  }, F = he(R), c = ge();
+  let n = s;
+  const k = ne(z, c && c.onChange);
+  let d = w;
+  return c && (typeof n > "u" && (n = Re(c.value, r.value)), typeof d > "u" && (d = c.name)), /* @__PURE__ */ l(ve, {
+    type: "radio",
+    icon: /* @__PURE__ */ p.cloneElement(u, {
+      fontSize: _.props.fontSize ?? h
+    }),
+    checkedIcon: /* @__PURE__ */ p.cloneElement(y, {
+      fontSize: G.props.fontSize ?? h
+    }),
+    disabled: i,
+    ownerState: R,
+    classes: F,
+    name: d,
+    checked: n,
+    onChange: k,
+    ref: a,
+    className: I(F.root, x),
+    ...q
+  });
+});
+process.env.NODE_ENV !== "production" && (ke.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: Q,
+  /**
+   * 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 {
+  pe as F,
+  ke as R,
+  Ce as a,
+  Y as b,
+  C as f,
+  le as g,
+  V as r,
+  ge as u
+};

package/dist/RadioGroup-DL4hhZzK.cjs

@@ -0,0 +1 @@
+"use strict";const h=require("react"),o=require("./generateUtilityClasses-De8NU9_E.cjs"),q=require("./Radio-CSl8GQNk.cjs"),C=require("react/jsx-runtime"),j=require("./useControlled-Ysk4KqoX.cjs"),N=require("./useForkRef-CTI33h-3.cjs"),U=require("./useId-DNXtOFeX.cjs"),O=require("./useFormControl-haP0iPhl.cjs"),S=require("./formControlState-CuX6WjAX.cjs"),i=require("./DefaultPropsProvider-wpBXjN8r.cjs");function D(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const l=D(h);function T(e){return o.generateUtilityClass("MuiFormGroup",e)}const M=o.generateUtilityClasses("MuiFormGroup",["root","row","error"]),V=e=>{const{classes:r,row:s,error:t}=e,a={root:["root",s&&"row",t&&"error"]};return i.composeClasses(a,T,r)},_=i.styled("div",{name:"MuiFormGroup",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:s}=e;return[r.root,s.row&&r.row]}})({display:"flex",flexDirection:"column",flexWrap:"wrap",variants:[{props:{row:!0},style:{flexDirection:"row"}}]}),P=l.forwardRef(function(r,s){const t=i.useDefaultProps({props:r,name:"MuiFormGroup"}),{className:a,row:p=!1,...d}=t,f=O.useFormControl(),u=S.formControlState({props:t,muiFormControl:f,states:["error"]}),c={...t,row:p,error:u.error},y=V(c);return C.jsx(_,{className:o.clsx(y.root,a),ownerState:c,ref:s,...d})});process.env.NODE_ENV!=="production"&&(P.propTypes={children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,row:o.PropTypes.bool,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])});function w(e){return o.generateUtilityClass("MuiRadioGroup",e)}const k=o.generateUtilityClasses("MuiRadioGroup",["root","row","error"]),E=e=>{const{classes:r,row:s,error:t}=e,a={root:["root",s&&"row",t&&"error"]};return i.composeClasses(a,w,r)},v=l.forwardRef(function(r,s){const{actions:t,children:a,className:p,defaultValue:d,name:f,onChange:u,value:c,...y}=r,m=l.useRef(null),F=E(r),[g,G]=j.useControlled({controlled:c,default:d,name:"RadioGroup"});l.useImperativeHandle(t,()=>({focus:()=>{let n=m.current.querySelector("input:not(:disabled):checked");n||(n=m.current.querySelector("input:not(:disabled)")),n&&n.focus()}}),[]);const b=N.useForkRef(s,m),R=U.useId(f),x=l.useMemo(()=>({name:R,onChange(n){G(n.target.value),u&&u(n,n.target.value)},value:g}),[R,u,G,g]);return C.jsx(q.RadioGroupContext.Provider,{value:x,children:C.jsx(P,{role:"radiogroup",ref:b,className:o.clsx(F.root,p),...y,children:a})})});process.env.NODE_ENV!=="production"&&(v.propTypes={children:o.PropTypes.node,className:o.PropTypes.string,defaultValue:o.PropTypes.any,name:o.PropTypes.string,onChange:o.PropTypes.func,value:o.PropTypes.any});exports.FormGroup=P;exports.RadioGroup=v;exports.formGroupClasses=M;exports.getFormGroupUtilityClass=T;exports.getRadioGroupUtilityClass=w;exports.radioGroupClasses=k;