@fangzsx/component-library 0.0.27 → 0.0.28

package/dist/components/RadioButtonGroup/index.d.ts

@@ -1,6 +1,7 @@
 export interface RadioOption {
     value: string;
     label: string;
+    disabled?: boolean;
 }
 export interface RadioGroupProps {
     label?: string;
@@ -12,6 +13,7 @@ export interface RadioGroupProps {
     onChange?: (value: string) => void;
     row?: boolean;
     direction?: 'row' | 'column';
+    disabled?: boolean;
     sx?: any;
 }
-export declare function RadioButtonGroup({ label, options, defaultValue, required, errorMessage, helperText, onChange, row, direction, sx, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioButtonGroup({ label, options, defaultValue, required, errorMessage, helperText, onChange, row, direction, disabled, sx, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/RadioButtonGroup/index.js

@@ -1,5 +1,5 @@
-import { jsx as l, jsxs as I } from "react/jsx-runtime";
-import * as u from "react";
+import { jsx as n, jsxs as I } from "react/jsx-runtime";
+import * as m from "react";
 import { useState as Z } from "react";
 import { f as X, c as lo, F as io, a as co, b as po } from "../../FormLabel-D4ON51Wt.js";
 import { a as $, g as B, c as M, P as o } from "../../generateUtilityClasses-BCID9NF1.js";
@@ -21,13 +21,13 @@ const E = $("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
     disabled: t,
     labelPlacement: s,
     error: a,
-    required: i
-  } = e, p = {
-    root: ["root", t && "disabled", `labelPlacement${M(s)}`, a && "error", i && "required"],
+    required: c
+  } = e, d = {
+    root: ["root", t && "disabled", `labelPlacement${M(s)}`, a && "error", c && "required"],
     label: ["label", t && "disabled"],
     asterisk: ["asterisk", a && "error"]
   };
-  return L(p, yo, r);
+  return L(d, yo, r);
 }, go = N("label", {
   name: "MuiFormControlLabel",
   slot: "Root",
@@ -99,74 +99,74 @@ const E = $("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
   [`&.${E.error}`]: {
     color: (e.vars || e).palette.error.main
   }
-}))), to = /* @__PURE__ */ u.forwardRef(function(r, t) {
+}))), to = /* @__PURE__ */ m.forwardRef(function(r, t) {
   const s = _({
     props: r,
     name: "MuiFormControlLabel"
   }), {
     checked: a,
-    className: i,
-    componentsProps: p = {},
-    control: c,
-    disabled: d,
-    disableTypography: m,
-    inputRef: f,
-    label: h,
-    labelPlacement: P = "end",
-    name: S,
-    onChange: R,
-    required: w,
-    slots: b = {},
-    slotProps: F = {},
-    value: n,
-    ...y
-  } = s, x = A(), j = d ?? c.props.disabled ?? x?.disabled, g = w ?? c.props.required, O = {
+    className: c,
+    componentsProps: d = {},
+    control: p,
+    disabled: u,
+    disableTypography: f,
+    inputRef: b,
+    label: y,
+    labelPlacement: w = "end",
+    name: F,
+    onChange: v,
+    required: P,
+    slots: T = {},
+    slotProps: h = {},
+    value: i,
+    ...l
+  } = s, g = A(), j = u ?? p.props.disabled ?? g?.disabled, C = P ?? p.props.required, O = {
     disabled: j,
-    required: g
+    required: C
   };
-  ["checked", "name", "onChange", "value", "inputRef"].forEach((k) => {
-    typeof c.props[k] > "u" && typeof s[k] < "u" && (O[k] = s[k]);
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((x) => {
+    typeof p.props[x] > "u" && typeof s[x] < "u" && (O[x] = s[x]);
   });
   const D = X({
     props: s,
-    muiFormControl: x,
+    muiFormControl: g,
     states: ["error"]
-  }), v = {
+  }), S = {
     ...s,
     disabled: j,
-    labelPlacement: P,
-    required: g,
+    labelPlacement: w,
+    required: C,
     error: D.error
-  }, T = ho(v), q = {
-    slots: b,
+  }, k = ho(S), q = {
+    slots: T,
     slotProps: {
-      ...p,
-      ...F
+      ...d,
+      ...h
     }
   }, [U, z] = oo("typography", {
     elementType: J,
     externalForwardedProps: q,
-    ownerState: v
+    ownerState: S
   });
-  let C = h;
-  return C != null && C.type !== J && !m && (C = /* @__PURE__ */ l(U, {
+  let R = y;
+  return R != null && R.type !== J && !f && (R = /* @__PURE__ */ n(U, {
     component: "span",
     ...z,
-    className: G(T.label, z?.className),
-    children: C
+    className: G(k.label, z?.className),
+    children: R
   })), /* @__PURE__ */ I(go, {
-    className: G(T.root, i),
-    ownerState: v,
+    className: G(k.root, c),
+    ownerState: S,
     ref: t,
-    ...y,
-    children: [/* @__PURE__ */ u.cloneElement(c, O), g ? /* @__PURE__ */ I("div", {
-      children: [C, /* @__PURE__ */ I(Co, {
-        ownerState: v,
+    ...l,
+    children: [/* @__PURE__ */ m.cloneElement(p, O), C ? /* @__PURE__ */ I("div", {
+      children: [R, /* @__PURE__ */ I(Co, {
+        ownerState: S,
         "aria-hidden": !0,
-        className: T.asterisk,
+        className: k.asterisk,
         children: [" ", "*"]
       })]
-    }) : C]
+    }) : R]
   });
 });
 process.env.NODE_ENV !== "production" && (to.propTypes = {
@@ -257,9 +257,9 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
    */
   value: o.any
 });
-const Ro = ro(/* @__PURE__ */ l("path", {
+const Ro = ro(/* @__PURE__ */ n("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"), vo = ro(/* @__PURE__ */ l("path", {
+}), "RadioButtonUnchecked"), vo = ro(/* @__PURE__ */ n("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"), Po = N("span", {
   name: "MuiRadioButtonIcon",
@@ -309,11 +309,11 @@ function H(e) {
   return /* @__PURE__ */ I(Po, {
     className: t.root,
     ownerState: a,
-    children: [/* @__PURE__ */ l(So, {
+    children: [/* @__PURE__ */ n(So, {
       fontSize: s,
       className: t.background,
       ownerState: a
-    }), /* @__PURE__ */ l(wo, {
+    }), /* @__PURE__ */ n(wo, {
       fontSize: s,
       className: t.dot,
       ownerState: a
@@ -335,10 +335,10 @@ process.env.NODE_ENV !== "production" && (H.propTypes = {
    */
   fontSize: o.oneOf(["small", "medium"])
 });
-const W = /* @__PURE__ */ u.createContext(void 0);
+const W = /* @__PURE__ */ m.createContext(void 0);
 process.env.NODE_ENV !== "production" && (W.displayName = "RadioGroupContext");
 function Fo() {
-  return u.useContext(W);
+  return m.useContext(W);
 }
 function To(e) {
   return B("MuiRadio", e);
@@ -355,7 +355,7 @@ const Q = $("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSe
     ...r,
     ...L(a, To, r)
   };
-}, No = N(bo, {
+}, xo = N(bo, {
   shouldForwardProp: (e) => Y(e) || e === "classes",
   name: "MuiRadio",
   slot: "Root",
@@ -419,80 +419,80 @@ const Q = $("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSe
     }
   }]
 })));
-function xo(e, r) {
+function No(e, r) {
   return typeof r == "object" && r !== null ? e === r : String(e) === String(r);
 }
-const Oo = /* @__PURE__ */ l(H, {
+const Oo = /* @__PURE__ */ n(H, {
   checked: !0
-}), Mo = /* @__PURE__ */ l(H, {}), so = /* @__PURE__ */ u.forwardRef(function(r, t) {
+}), Mo = /* @__PURE__ */ n(H, {}), so = /* @__PURE__ */ m.forwardRef(function(r, t) {
   const s = _({
     props: r,
     name: "MuiRadio"
   }), {
     checked: a,
-    checkedIcon: i = Oo,
-    color: p = "primary",
-    icon: c = Mo,
-    name: d,
-    onChange: m,
-    size: f = "medium",
-    className: h,
-    disabled: P,
-    disableRipple: S = !1,
-    slots: R = {},
-    slotProps: w = {},
-    inputProps: b,
-    ...F
-  } = s, n = A();
-  let y = P;
-  n && typeof y > "u" && (y = n.disabled), y ??= !1;
-  const x = {
+    checkedIcon: c = Oo,
+    color: d = "primary",
+    icon: p = Mo,
+    name: u,
+    onChange: f,
+    size: b = "medium",
+    className: y,
+    disabled: w,
+    disableRipple: F = !1,
+    slots: v = {},
+    slotProps: P = {},
+    inputProps: T,
+    ...h
+  } = s, i = A();
+  let l = w;
+  i && typeof l > "u" && (l = i.disabled), l ??= !1;
+  const g = {
     ...s,
-    disabled: y,
-    disableRipple: S,
-    color: p,
-    size: f
-  }, j = ko(x), g = Fo();
+    disabled: l,
+    disableRipple: F,
+    color: d,
+    size: b
+  }, j = ko(g), C = Fo();
   let O = a;
-  const D = lo(m, g && g.onChange);
-  let v = d;
-  g && (typeof O > "u" && (O = xo(g.value, s.value)), typeof v > "u" && (v = g.name));
-  const T = w.input ?? b, [q, U] = oo("root", {
+  const D = lo(f, C && C.onChange);
+  let S = u;
+  C && (typeof O > "u" && (O = No(C.value, s.value)), typeof S > "u" && (S = C.name));
+  const k = P.input ?? T, [q, U] = oo("root", {
     ref: t,
-    elementType: No,
-    className: G(j.root, h),
+    elementType: xo,
+    className: G(j.root, y),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      slots: R,
-      slotProps: w,
-      ...F
+      slots: v,
+      slotProps: P,
+      ...h
     },
     getSlotProps: (z) => ({
       ...z,
-      onChange: (C, ...k) => {
-        z.onChange?.(C, ...k), D(C, ...k);
+      onChange: (R, ...x) => {
+        z.onChange?.(R, ...x), D(R, ...x);
       }
     }),
-    ownerState: x,
+    ownerState: g,
     additionalProps: {
       type: "radio",
-      icon: /* @__PURE__ */ u.cloneElement(c, {
-        fontSize: c.props.fontSize ?? f
+      icon: /* @__PURE__ */ m.cloneElement(p, {
+        fontSize: p.props.fontSize ?? b
       }),
-      checkedIcon: /* @__PURE__ */ u.cloneElement(i, {
-        fontSize: i.props.fontSize ?? f
+      checkedIcon: /* @__PURE__ */ m.cloneElement(c, {
+        fontSize: c.props.fontSize ?? b
       }),
-      disabled: y,
-      name: v,
+      disabled: l,
+      name: S,
       checked: O,
-      slots: R,
+      slots: v,
       slotProps: {
         // Do not forward `slotProps.root` again because it's already handled by the `RootSlot` in this file.
-        input: typeof T == "function" ? T(x) : T
+        input: typeof k == "function" ? k(g) : k
       }
     }
   });
-  return /* @__PURE__ */ l(q, {
+  return /* @__PURE__ */ n(q, {
     ...U,
     classes: j
   });
@@ -636,28 +636,28 @@ const zo = (e) => {
       flexDirection: "row"
     }
   }]
-}), ao = /* @__PURE__ */ u.forwardRef(function(r, t) {
+}), ao = /* @__PURE__ */ m.forwardRef(function(r, t) {
   const s = _({
     props: r,
     name: "MuiFormGroup"
   }), {
     className: a,
-    row: i = !1,
-    ...p
-  } = s, c = A(), d = X({
+    row: c = !1,
+    ...d
+  } = s, p = A(), u = X({
     props: s,
-    muiFormControl: c,
+    muiFormControl: p,
     states: ["error"]
-  }), m = {
+  }), f = {
     ...s,
-    row: i,
-    error: d.error
-  }, f = zo(m);
-  return /* @__PURE__ */ l(Eo, {
-    className: G(f.root, a),
-    ownerState: m,
+    row: c,
+    error: u.error
+  }, b = zo(f);
+  return /* @__PURE__ */ n(Eo, {
+    className: G(b.root, a),
+    ownerState: f,
     ref: t,
-    ...p
+    ...d
   });
 });
 process.env.NODE_ENV !== "production" && (ao.propTypes = {
@@ -700,43 +700,43 @@ const Go = (e) => {
   return L({
     root: ["root", t && "row", s && "error"]
   }, Io, r);
-}, no = /* @__PURE__ */ u.forwardRef(function(r, t) {
+}, no = /* @__PURE__ */ m.forwardRef(function(r, t) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
     actions: s,
     children: a,
-    className: i,
-    defaultValue: p,
-    name: c,
-    onChange: d,
-    value: m,
-    ...f
-  } = r, h = u.useRef(null), P = Go(r), [S, R] = uo({
-    controlled: m,
-    default: p,
+    className: c,
+    defaultValue: d,
+    name: p,
+    onChange: u,
+    value: f,
+    ...b
+  } = r, y = m.useRef(null), w = Go(r), [F, v] = uo({
+    controlled: f,
+    default: d,
     name: "RadioGroup"
   });
-  u.useImperativeHandle(s, () => ({
+  m.useImperativeHandle(s, () => ({
     focus: () => {
-      let n = h.current.querySelector("input:not(:disabled):checked");
-      n || (n = h.current.querySelector("input:not(:disabled)")), n && n.focus();
+      let i = y.current.querySelector("input:not(:disabled):checked");
+      i || (i = y.current.querySelector("input:not(:disabled)")), i && i.focus();
     }
   }), []);
-  const w = fo(t, h), b = mo(c), F = u.useMemo(() => ({
-    name: b,
-    onChange(n) {
-      R(n.target.value), d && d(n, n.target.value);
+  const P = fo(t, y), T = mo(p), h = m.useMemo(() => ({
+    name: T,
+    onChange(i) {
+      v(i.target.value), u && u(i, i.target.value);
     },
-    value: S
-  }), [b, d, R, S]);
-  return /* @__PURE__ */ l(W.Provider, {
-    value: F,
-    children: /* @__PURE__ */ l(ao, {
+    value: F
+  }), [T, u, v, F]);
+  return /* @__PURE__ */ n(W.Provider, {
+    value: h,
+    children: /* @__PURE__ */ n(ao, {
       role: "radiogroup",
-      ref: w,
-      className: G(P.root, i),
-      ...f,
+      ref: P,
+      className: G(w.root, c),
+      ...b,
       children: a
     })
   });
@@ -782,54 +782,57 @@ function Ko({
   defaultValue: t,
   required: s = !1,
   errorMessage: a = "Please select an option",
-  helperText: i,
-  onChange: p,
-  row: c = !1,
-  direction: d,
-  sx: m
+  helperText: c,
+  onChange: d,
+  row: p = !1,
+  direction: u,
+  disabled: f = !1,
+  sx: b
 }) {
-  const [f, h] = Z(t || ""), [P, S] = Z(!1), R = (n) => {
-    const y = n.target.value;
-    h(y), S(!0), p && p(y);
-  }, b = P && s && f === "", F = d ? d === "row" : c;
+  const [y, w] = Z(t || ""), [F, v] = Z(!1), P = (l) => {
+    const g = l.target.value;
+    w(g), v(!0), d && d(g);
+  }, h = F && s && y === "", i = u ? u === "row" : p;
   return /* @__PURE__ */ I(
     io,
     {
-      error: b,
+      error: h,
       required: s,
+      disabled: f,
       sx: {
         "& .MuiFormHelperText-root": {
           marginLeft: 0,
           marginRight: 0
         },
-        ...m
+        ...b
       },
       children: [
-        e && /* @__PURE__ */ l(co, { children: e }),
-        /* @__PURE__ */ l(
+        e && /* @__PURE__ */ n(co, { children: e }),
+        /* @__PURE__ */ n(
           no,
           {
-            value: f,
-            onChange: R,
-            row: F,
-            children: r.map((n) => /* @__PURE__ */ l(
+            value: y,
+            onChange: P,
+            row: i,
+            children: r.map((l) => /* @__PURE__ */ n(
               to,
               {
-                value: n.value,
-                control: /* @__PURE__ */ l(so, {}),
-                label: n.label,
+                value: l.value,
+                disabled: f || l.disabled,
+                control: /* @__PURE__ */ n(so, {}),
+                label: l.label,
                 sx: {
                   "& .MuiFormControlLabel-label": {
-                    color: "#404A58",
+                    color: f || l.disabled ? "text.disabled" : "#404A58",
                     fontSize: "16px"
                   }
                 }
               },
-              n.value
+              l.value
             ))
           }
         ),
-        (b || i) && /* @__PURE__ */ l(po, { children: b ? a : i || " " })
+        (h || c) && /* @__PURE__ */ n(po, { children: h ? a : c || " " })
       ]
     }
   );

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fangzsx/component-library",
   "author": "Jay Gilbert Garzon",
   "private": false,
-  "version": "0.0.27",
+  "version": "0.0.28",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",