update checkbox types

tremorlabs · Dec 10, 2023 · b1e0db0 · b1e0db0
1 parent 3188ee9
commit b1e0db0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/input-elements/Checkbox/Checkbox.tsx b/src/components/input-elements/Checkbox/Checkbox.tsx
@@ -4,8 +4,8 @@ import { twMerge } from "tailwind-merge";
 import { makeClassName } from "lib";
 import { useInternalState } from "hooks";
 
-export interface CheckboxProps {
-  onChange: (checked: boolean) => void;
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  onValueChange: (checked: boolean) => void;
   checked?: boolean;
   defaultChecked?: boolean;
   disabled?: boolean;
@@ -15,11 +15,11 @@ export interface CheckboxProps {
 const makeCheckboxClassName = makeClassName("Checkbox");
 
 const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {
-  const { onChange, checked, defaultChecked = false, disabled, className, ...other } = props;
+  const { onValueChange, checked, defaultChecked = false, disabled, className, ...other } = props;
   const [isChecked, setIsChecked] = useInternalState(defaultChecked, checked);
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    onChange(e.target.checked);
+    onValueChange(e.target.checked);
     setIsChecked(e.target.checked);
   };
 

diff --git a/src/stories/input-elements/helpers/SimpleCheckbox.tsx b/src/stories/input-elements/helpers/SimpleCheckbox.tsx
@@ -20,7 +20,7 @@ export const SimpleIdCheckbox = (args: any) => {
             id="a"
             {...args}
             checked={checked}
-            onChange={setChecked}
+            onValueChange={setChecked}
           />
         </div>
         <div className="flex gap-4 mt-2">