@dafaz-ui/react 4.0.17 → 4.0.18

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @dafaz-ui/react@4.0.17 build
+> @dafaz-ui/react@4.0.18 build
 > tsup src/index.tsx --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -8,11 +8,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-CJS dist/index.js 22.60 KB
-CJS ⚡️ Build success in 38ms
-ESM dist/index.mjs 20.08 KB
-ESM ⚡️ Build success in 38ms
+ESM dist/index.mjs 20.31 KB
+ESM ⚡️ Build success in 37ms
+CJS dist/index.js 22.84 KB
+CJS ⚡️ Build success in 37ms
 DTS Build start
-DTS ⚡️ Build success in 4972ms
+DTS ⚡️ Build success in 4493ms
 DTS dist/index.d.mts 103.82 KB
 DTS dist/index.d.ts  103.82 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @dafaz-ui/react
 
+## 4.0.18
+
+### Patch Changes
+
+- fix checkbox value
+
 ## 4.0.17
 
 ### Patch Changes

package/dist/index.js

@@ -455,7 +455,7 @@ var CheckBox = (0, import_react2.forwardRef)(
       label,
       size,
       disabled = false,
-      checked,
+      checked = false,
       onCheckedChange,
       value
     } = _b, props = __objRest(_b, [
@@ -467,6 +467,14 @@ var CheckBox = (0, import_react2.forwardRef)(
       "onCheckedChange",
       "value"
     ]);
+    const [checkValue, setCheckValue] = (0, import_react2.useState)(value);
+    (0, import_react2.useEffect)(() => {
+      if (checked) {
+        setCheckValue(value);
+      } else {
+        setCheckValue(void 0);
+      }
+    }, [checked, value]);
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Label, { htmlFor: id, disabled, size, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         CheckBoxUI,
@@ -477,7 +485,7 @@ var CheckBox = (0, import_react2.forwardRef)(
           disabled,
           id,
           size,
-          value: checked ? value : ""
+          value: checkValue
         }, props), {
           children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckBoxIndicator, { asChild: true, size, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react3.Check, { weight: "bold" }) })
         })

package/dist/index.mjs

@@ -275,7 +275,7 @@ function Button(_a) {
 Button.displayName = "Button";
 
 // src/components/CheckBox/index.tsx
-import { forwardRef } from "react";
+import { forwardRef, useEffect, useState } from "react";
 
 // src/components/CheckBox/styles.ts
 import * as Checkbox from "@radix-ui/react-checkbox";
@@ -406,7 +406,7 @@ var CheckBox = forwardRef(
       label,
       size,
       disabled = false,
-      checked,
+      checked = false,
       onCheckedChange,
       value
     } = _b, props = __objRest(_b, [
@@ -418,6 +418,14 @@ var CheckBox = forwardRef(
       "onCheckedChange",
       "value"
     ]);
+    const [checkValue, setCheckValue] = useState(value);
+    useEffect(() => {
+      if (checked) {
+        setCheckValue(value);
+      } else {
+        setCheckValue(void 0);
+      }
+    }, [checked, value]);
     return /* @__PURE__ */ jsxs(Label, { htmlFor: id, disabled, size, children: [
       /* @__PURE__ */ jsx3(
         CheckBoxUI,
@@ -428,7 +436,7 @@ var CheckBox = forwardRef(
           disabled,
           id,
           size,
-          value: checked ? value : ""
+          value: checkValue
         }, props), {
           children: /* @__PURE__ */ jsx3(CheckBoxIndicator, { asChild: true, size, children: /* @__PURE__ */ jsx3(Check, { weight: "bold" }) })
         })
@@ -738,7 +746,7 @@ var OptionUI = styled("option", {
 });
 
 // src/components/Select/index.tsx
-import { useState } from "react";
+import { useState as useState2 } from "react";
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 function Select(_a) {
   var _b = _a, {
@@ -750,7 +758,7 @@ function Select(_a) {
     "placeholder",
     "items"
   ]);
-  const [value, setValue] = useState("");
+  const [value, setValue] = useState2("");
   function handleSelect(event) {
     setValue(() => {
       return event.target.value;
@@ -858,7 +866,7 @@ TextArea.displayName = "TextArea";
 // src/components/TextInput/index.tsx
 import {
   forwardRef as forwardRef2,
-  useState as useState2
+  useState as useState3
 } from "react";
 
 // src/components/TextInput/styles.ts
@@ -937,7 +945,7 @@ var TextInput = forwardRef2(
       "requiredText",
       "id"
     ]);
-    const [hiddenOptional, setHiddenOptional] = useState2(required);
+    const [hiddenOptional, setHiddenOptional] = useState3(required);
     function handleOnChange(event) {
       if (!required) {
         if (event.target.value === "") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dafaz-ui/react",
-  "version": "4.0.17",
+  "version": "4.0.18",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/components/CheckBox/index.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, type ElementRef } from 'react'
+import { forwardRef, useEffect, useState, type ElementRef } from 'react'
 import { CheckBoxIndicator, CheckBoxUI, Label, CheckboxIUProps } from './styles'
 import { Check } from '@phosphor-icons/react'
 
@@ -20,13 +20,23 @@ export const CheckBox = forwardRef<
       label,
       size,
       disabled = false,
-      checked,
+      checked = false,
       onCheckedChange,
       value,
       ...props
     }: CheckboxProps,
     ref,
   ) => {
+    const [checkValue, setCheckValue] = useState(value)
+
+    useEffect(() => {
+      if (checked) {
+        setCheckValue(value)
+      } else {
+        setCheckValue(undefined)
+      }
+    }, [checked, value])
+
     return (
       <Label htmlFor={id} disabled={disabled} size={size}>
         <CheckBoxUI
@@ -36,7 +46,7 @@ export const CheckBox = forwardRef<
           disabled={disabled}
           id={id}
           size={size}
-          value={checked ? value : ''}
+          value={checkValue}
           {...props}
         >
           <CheckBoxIndicator asChild size={size}>