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

package/dist/RadioGroup-cPdOWdYD.js

@@ -0,0 +1,190 @@
+import * as l from "react";
+import { H as C, I as v, G as g, P as o } from "./generateUtilityClasses-DotvgSDH.js";
+import { b as M } from "./Radio-DSRS-tjj.js";
+import { jsx as w } from "react/jsx-runtime";
+import { u as S } from "./useControlled-BYdyS7Pn.js";
+import { u as P } from "./useForkRef-C_4o__cU.js";
+import { u as U } from "./useId-CK6Kn3Tn.js";
+import { u as V } from "./useFormControl-CatNKXAi.js";
+import { f as D } from "./formControlState-vgaj2ksH.js";
+import { u as O, s as T, c as h } from "./DefaultPropsProvider-Cqcb4sws.js";
+function j(r) {
+  return v("MuiFormGroup", r);
+}
+const Q = C("MuiFormGroup", ["root", "row", "error"]), E = (r) => {
+  const {
+    classes: e,
+    row: s,
+    error: t
+  } = r;
+  return h({
+    root: ["root", s && "row", t && "error"]
+  }, j, e);
+}, I = T("div", {
+  name: "MuiFormGroup",
+  slot: "Root",
+  overridesResolver: (r, e) => {
+    const {
+      ownerState: s
+    } = r;
+    return [e.root, s.row && e.row];
+  }
+})({
+  display: "flex",
+  flexDirection: "column",
+  flexWrap: "wrap",
+  variants: [{
+    props: {
+      row: !0
+    },
+    style: {
+      flexDirection: "row"
+    }
+  }]
+}), F = /* @__PURE__ */ l.forwardRef(function(e, s) {
+  const t = O({
+    props: e,
+    name: "MuiFormGroup"
+  }), {
+    className: n,
+    row: i = !1,
+    ...p
+  } = t, m = V(), u = D({
+    props: t,
+    muiFormControl: m,
+    states: ["error"]
+  }), c = {
+    ...t,
+    row: i,
+    error: u.error
+  }, f = E(c);
+  return /* @__PURE__ */ w(I, {
+    className: g(f.root, n),
+    ownerState: c,
+    ref: s,
+    ...p
+  });
+});
+process.env.NODE_ENV !== "production" && (F.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * Display group of elements in a compact row.
+   * @default false
+   */
+  row: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+function k(r) {
+  return v("MuiRadioGroup", r);
+}
+const X = C("MuiRadioGroup", ["root", "row", "error"]), q = (r) => {
+  const {
+    classes: e,
+    row: s,
+    error: t
+  } = r;
+  return h({
+    root: ["root", s && "row", t && "error"]
+  }, k, e);
+}, H = /* @__PURE__ */ l.forwardRef(function(e, s) {
+  const {
+    // private
+    // eslint-disable-next-line react/prop-types
+    actions: t,
+    children: n,
+    className: i,
+    defaultValue: p,
+    name: m,
+    onChange: u,
+    value: c,
+    ...f
+  } = e, d = l.useRef(null), x = q(e), [y, G] = S({
+    controlled: c,
+    default: p,
+    name: "RadioGroup"
+  });
+  l.useImperativeHandle(t, () => ({
+    focus: () => {
+      let a = d.current.querySelector("input:not(:disabled):checked");
+      a || (a = d.current.querySelector("input:not(:disabled)")), a && a.focus();
+    }
+  }), []);
+  const N = P(s, d), R = U(m), b = l.useMemo(() => ({
+    name: R,
+    onChange(a) {
+      G(a.target.value), u && u(a, a.target.value);
+    },
+    value: y
+  }), [R, u, G, y]);
+  return /* @__PURE__ */ w(M.Provider, {
+    value: b,
+    children: /* @__PURE__ */ w(F, {
+      role: "radiogroup",
+      ref: N,
+      className: g(x.root, i),
+      ...f,
+      children: n
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (H.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: o.any,
+  /**
+   * The name used to reference the value of the control.
+   * If you don't provide this prop, it falls back to a randomly generated name.
+   */
+  name: o.string,
+  /**
+   * Callback fired when a radio button is selected.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * @param {string} value The value of the selected radio button.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: o.func,
+  /**
+   * Value of the selected radio button. The DOM API casts this to a string.
+   */
+  value: o.any
+});
+export {
+  F,
+  H as R,
+  k as a,
+  Q as f,
+  j as g,
+  X as r
+};