work

src/components/Form/Form.stories.tsx

@@ -18,27 +18,6 @@ export default {
   },
 }
 
-export const Test = () => {
-  const form = useForm({
-    onSubmit: (v) => {
-      console.log(v)
-    },
-  })
-
-  console.count('test rerender')
-
-  return (
-    <div>
-      <input
-        value={getByPath(form.values, ['nested', 'test', 'foo'])}
-        onChange={(e) =>
-          form.setValue(['nested', 'test', 'foo'], e.target.value)
-        }
-      />
-    </div>
-  )
-}
-
 export const Nested = () => {
   return (
     <Form

src/components/Form/types.ts

@@ -1,17 +1,4 @@
 type FormValues = { [key: string]: string | boolean | number | null }
 type FormErrors = { [key: string]: string }
-type FormState = {
-  values: FormValues
-  changes: FormValues
-  mergedValues: FormValues
-  errors: FormErrors
-  isSubmitting: boolean
-  isValidating: boolean
-  isDirty: boolean
-  prevInitialValues: FormValues
-  failedAtLeastOneValidation: boolean
-  numberOfInFlightValidations: number
-  isDisabledFromOutside: boolean
-}
 
-export type { FormValues, FormErrors, FormState }
+export type { FormValues, FormErrors }

src/components/Form/useForm.ts

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef } from 'react'
 import { useRerender } from '../../hooks/useRerender.js'
-import { FormErrors, FormState, FormValues } from './types.js'
+import { FormErrors, FormValues } from './types.js'
 import { deepEqual, deepMerge, Path, setByPath } from '@saulx/utils'
 
 type UseFormProps = {
@@ -19,7 +19,19 @@ function useForm({
   disabled,
 }: UseFormProps) {
   const rerender = useRerender()
-  const state = useRef<FormState>({
+  const state = useRef<{
+    values: FormValues
+    changes: FormValues
+    mergedValues: FormValues
+    errors: FormErrors
+    isSubmitting: boolean
+    isValidating: boolean
+    isDirty: boolean
+    prevInitialValues: FormValues
+    failedAtLeastOneValidation: boolean
+    numberOfInFlightValidations: number
+    isDisabledFromOutside: boolean
+  }>({
     values: initialValues ?? {},
     changes: {},
     mergedValues: initialValues ?? {},