vrfi-design-system 1.1.32 → 1.1.34

package/dist/index.d.ts

@@ -318,7 +318,7 @@ export declare interface CheckboxSelectFieldProps extends SelectPropsBase {
     handleCheckboxChange?: (value: string) => void;
 }
 
-export declare const CheckBoxWithFormWrapper: ({ name, onCheckboxChange, group, children, singleSelectionMode, customOptionDisplay, options, ...props }: CheckBoxWithFormWrapperProps) => default_2.JSX.Element;
+export declare const CheckBoxWithFormWrapper: ({ name, onCheckboxChange, group, children, singleSelectionMode, customOptionDisplay, options, defaultValue, ...props }: CheckBoxWithFormWrapperProps) => default_2.JSX.Element;
 
 declare interface CheckBoxWithFormWrapperProps {
     children?: default_2.ReactNode;
@@ -331,6 +331,7 @@ declare interface CheckBoxWithFormWrapperProps {
     className?: string;
     singleSelectionMode?: boolean;
     customOptionDisplay?: boolean;
+    defaultValue?: boolean;
 }
 
 export { Col }

package/dist/main.es.js

@@ -66041,61 +66041,62 @@ const lEe = ({
   singleSelectionMode: o,
   customOptionDisplay: a,
   options: i,
-  ...l
+  defaultValue: l,
+  ...s
 }) => {
   const {
-    field: { value: s, onChange: A }
-  } = Ao({ name: e }), u = er(
-    (v) => {
-      A(v.target.checked), t == null || t(v.target.checked);
+    field: { value: A, onChange: u }
+  } = Ao({ name: e, defaultValue: l }), d = er(
+    (g) => {
+      u(g.target.checked), t == null || t(g.target.checked);
     },
-    [t]
-  ), d = er(
-    (v) => {
-      const g = o ? v[0] || null : v;
-      A(g), t == null || t(g);
+    [t, u]
+  ), f = er(
+    (g) => {
+      const p = o ? g[0] || null : g;
+      u(p), t == null || t(p);
     },
-    [t, o]
-  ), f = o ? s === null ? [] : [s] : s;
+    [t, u, o]
+  ), v = o ? A === null ? [] : [A] : A;
   return /* @__PURE__ */ z.jsx("div", { children: n ? /* @__PURE__ */ z.jsx(
     Zr.Group,
     {
-      value: f,
-      onChange: d,
-      ...l,
-      children: i == null ? void 0 : i.map((v) => {
-        if (typeof v == "string" || typeof v == "number")
-          return /* @__PURE__ */ z.jsx(Zr, { value: v, children: v }, v);
+      value: v,
+      onChange: f,
+      ...s,
+      children: i == null ? void 0 : i.map((g) => {
+        if (typeof g == "string" || typeof g == "number")
+          return /* @__PURE__ */ z.jsx(Zr, { value: g, children: g }, g);
         const {
-          label: g,
-          email: p,
-          code: m,
-          value: b,
-          disabled: h
-        } = v;
+          label: p,
+          email: m,
+          code: b,
+          value: h,
+          disabled: w
+        } = g;
         return /* @__PURE__ */ z.jsx(
           Zr,
           {
-            value: b,
-            disabled: h,
+            value: h,
+            disabled: w,
             children: a ? /* @__PURE__ */ z.jsxs(gi, { children: [
               /* @__PURE__ */ z.jsxs("div", { className: Qu.labelContainer, children: [
-                /* @__PURE__ */ z.jsx("span", { className: Qu.label, children: g }),
-                /* @__PURE__ */ z.jsx("span", { className: Qu.code, children: m })
+                /* @__PURE__ */ z.jsx("span", { className: Qu.label, children: p }),
+                /* @__PURE__ */ z.jsx("span", { className: Qu.code, children: b })
               ] }),
-              /* @__PURE__ */ z.jsx("span", { className: Qu.email, children: p })
-            ] }) : g
+              /* @__PURE__ */ z.jsx("span", { className: Qu.email, children: m })
+            ] }) : p
           },
-          b
+          h
         );
       })
     }
   ) : /* @__PURE__ */ z.jsx(
     Zr,
     {
-      checked: s,
-      onChange: u,
-      ...l,
+      checked: A ?? l,
+      onChange: d,
+      ...s,
       children: r
     }
   ) });