From be3e212860bf80f9e96adc2209d3e2a2cbd53727 Mon Sep 17 00:00:00 2001
From: Miroslav Petrik <miroslavpetrik@outlook.com>
Date: Tue, 14 Mar 2023 13:50:00 +0100
Subject: [PATCH] fix: imports

---
 package.json                     | 5 ++++-
 src/file-field/FileField.tsx     | 4 ++--
 src/radio-option/RadioOption.tsx | 4 ++--
 src/stories/StoryForm.tsx        | 2 +-
 yarn.lock                        | 6 ++++--
 5 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 2a91afd..0e9fa21 100644
--- a/package.json
+++ b/package.json
@@ -67,6 +67,7 @@
     "autoprefixer": "10.4.13",
     "babel-loader": "^8.3.0",
     "concurrently": "^7.6.0",
+    "form-atoms": "^3.0.0",
     "happy-dom": "8.7.1",
     "jotai-devtools": "0.3.0-next.3",
     "postcss": "8.4.21",
@@ -81,7 +82,6 @@
     "@form-atoms/field": "2.5.0",
     "flowbite": "1.6.3",
     "flowbite-react": "0.3.8",
-    "form-atoms": "3.0.0",
     "jotai": "2.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -112,5 +112,8 @@
       ],
       "@semantic-release/github"
     ]
+  },
+  "peerDependencies": {
+    "form-atoms": "^3"
   }
 }
diff --git a/src/file-field/FileField.tsx b/src/file-field/FileField.tsx
index a3ac373..c4c9118 100644
--- a/src/file-field/FileField.tsx
+++ b/src/file-field/FileField.tsx
@@ -1,6 +1,6 @@
 import {
   FileFieldProps,
-  useClearFileFieldEffect,
+  useClearFileInputEffect,
   useFileFieldProps,
 } from "@form-atoms/field";
 import { FileInput, FileInputProps } from "flowbite-react";
@@ -20,7 +20,7 @@ export const FileField = ({
   ...uiProps
 }: FlowbiteFileFieldProps) => {
   const { value, ...props } = useFileFieldProps(field);
-  useClearFileFieldEffect(field);
+  useClearFileInputEffect(field);
 
   return (
     <FlowbiteField
diff --git a/src/radio-option/RadioOption.tsx b/src/radio-option/RadioOption.tsx
index 5b2643d..6700d83 100644
--- a/src/radio-option/RadioOption.tsx
+++ b/src/radio-option/RadioOption.tsx
@@ -1,6 +1,6 @@
 import {
+  CheckboxField,
   FieldProps,
-  ValidatedFieldAtom,
   useCheckboxFieldProps,
   useRequiredProps,
 } from "@form-atoms/field";
@@ -8,7 +8,7 @@ import { HelperText, Label, Radio } from "flowbite-react";
 
 import { useFieldError } from "../hooks";
 
-export const RadioOption = <Field extends ValidatedFieldAtom<boolean>>({
+export const RadioOption = <Field extends CheckboxField>({
   field,
   required,
   label,
diff --git a/src/stories/StoryForm.tsx b/src/stories/StoryForm.tsx
index beef68f..06564a5 100644
--- a/src/stories/StoryForm.tsx
+++ b/src/stories/StoryForm.tsx
@@ -34,7 +34,7 @@ export const StoryForm = <Fields extends FormFields>({
       {children({ required, form })}
       <div className="flex gap-2">
         <Button type="submit">Submit</Button>
-        <Button color="gray" onClick={reset}>
+        <Button color="gray" onClick={() => reset()}>
           Reset
         </Button>
       </div>
diff --git a/yarn.lock b/yarn.lock
index 129a327..8e5e5db 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1874,7 +1874,7 @@ __metadata:
     concurrently: ^7.6.0
     flowbite: 1.6.3
     flowbite-react: 0.3.8
-    form-atoms: 3.0.0
+    form-atoms: ^3.0.0
     happy-dom: 8.7.1
     jotai: 2.0.3
     jotai-devtools: 0.3.0-next.3
@@ -1889,6 +1889,8 @@ __metadata:
     typescript: 4.9.5
     vitest: 0.28.4
     zod: ^3.20.6
+  peerDependencies:
+    form-atoms: "*"
   languageName: unknown
   linkType: soft
 
@@ -8328,7 +8330,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"form-atoms@npm:3.0.0":
+"form-atoms@npm:^3.0.0":
   version: 3.0.0
   resolution: "form-atoms@npm:3.0.0"
   dependencies: