@fangzsx/component-library 0.0.13 → 0.0.15

package/dist/components/CheckboxGroup/index.js

@@ -1,44 +1,57 @@
-import { jsxs as I, jsx as l } from "react/jsx-runtime";
-import { FormControl as E, FormGroup as G, FormControlLabel as L, Checkbox as O, FormHelperText as i } from "@mui/material";
-import { useState as m } from "react";
-function w({
-  options: a,
-  required: h = !1,
-  minChecked: t,
+import { jsxs as $, jsx as l } from "react/jsx-runtime";
+import { FormControl as x, FormGroup as G, FormControlLabel as I, Checkbox as B, FormHelperText as f } from "@mui/material";
+import { useState as d } from "react";
+function P({
+  options: s,
+  required: b = !1,
+  minChecked: o,
   maxChecked: r,
   errorMessage: c,
-  helperText: u,
-  onChange: f,
-  sx: b
+  helperText: m,
+  onChange: i,
+  sx: p
 }) {
-  const [n, p] = m(
-    a.reduce((e, o) => ({
+  const [a, h] = d(
+    s.reduce((e, t) => ({
       ...e,
-      [o.name]: o.defaultChecked || !1
+      [t.name]: t.defaultChecked || !1
     }), {})
-  ), [g, v] = m(!1), F = (e) => {
-    v(!0);
-    const o = {
-      ...n,
+  ), [g, F] = d(!1), v = (e) => {
+    F(!0);
+    const t = {
+      ...a,
       [e.target.name]: e.target.checked
     };
-    p(o);
-    const $ = Object.keys(o).filter(
-      (x) => o[x]
+    h(t);
+    const L = Object.keys(t).filter(
+      (M) => t[M]
     );
-    f && f($);
-  }, s = Object.values(n).filter(Boolean).length, d = g && (t !== void 0 && s < t || r !== void 0 && s > r), j = () => c || (t !== void 0 && s < t ? `Please select at least ${t} option${t > 1 ? "s" : ""}` : r !== void 0 && s > r ? `Please select no more than ${r} option${r > 1 ? "s" : ""}` : "");
-  return /* @__PURE__ */ I(
-    E,
+    i && i(L);
+  }, n = Object.values(a).filter(Boolean).length, u = g && (o !== void 0 && n < o || r !== void 0 && n > r), j = () => c || (o !== void 0 && n < o ? `Please select at least ${o} option${o > 1 ? "s" : ""}` : r !== void 0 && n > r ? `Please select no more than ${r} option${r > 1 ? "s" : ""}` : "");
+  return /* @__PURE__ */ $(
+    x,
     {
-      required: h,
-      error: d,
+      required: b,
+      error: u,
       component: "fieldset",
-      sx: { m: 3, ...b },
+      sx: {
+        m: 0,
+        "& .MuiFormGroup-root": {
+          gap: 1
+        },
+        "& .MuiFormControlLabel-root": {
+          marginTop: "0 !important",
+          marginBottom: "0 !important"
+        },
+        "& .MuiFormControlLabel-label": {
+          margin: "0 !important"
+        },
+        ...p
+      },
       variant: "standard",
       children: [
-        /* @__PURE__ */ l(G, { children: a.map((e) => /* @__PURE__ */ l(
-          L,
+        /* @__PURE__ */ l(G, { children: s.map((e) => /* @__PURE__ */ l(
+          I,
           {
             sx: {
               color: "#404A58",
@@ -47,10 +60,10 @@ function w({
               }
             },
             control: /* @__PURE__ */ l(
-              O,
+              B,
               {
-                checked: n[e.name] || !1,
-                onChange: F,
+                checked: a[e.name] || !1,
+                onChange: v,
                 name: e.name
               }
             ),
@@ -58,11 +71,11 @@ function w({
           },
           e.name
         )) }),
-        d ? /* @__PURE__ */ l(i, { children: j() }) : u ? /* @__PURE__ */ l(i, { children: u }) : null
+        u ? /* @__PURE__ */ l(f, { children: j() }) : m ? /* @__PURE__ */ l(f, { children: m }) : null
       ]
     }
   );
 }
 export {
-  w as CheckboxGroup
+  P as CheckboxGroup
 };