refactor(form): migrate to react hook form

packages/form/.jest/helpers.tsx

@@ -34,7 +34,7 @@ export const shouldMatchEmotionSnapshotFormWrapper = (
       errors={mockErrors}
       initialValues={initialValues}
     >
-      {() => children}
+      {children}
     </Form>,
     options,
   )

packages/form/package.json

@@ -54,10 +54,7 @@
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "@ultraviolet/ui": "workspace:*",
-    "final-form": "4.20.10",
-    "final-form-arrays": "3.0.2",
-    "react-final-form": "6.5.9",
-    "react-final-form-arrays": "3.1.4",
-    "react-select": "5.7.7"
+    "react-hook-form": "^7.47.0",
+    "react-select": "5.7.5"
   }
 }

packages/form/src/components/CheckboxField/__stories__/BooleanChecked.stories.tsx

@@ -1,9 +1,9 @@
 import type { StoryFn } from '@storybook/react'
 import { CheckboxField } from '..'
-import type { FormProps } from '../../Form'
+import type { FormErrors } from '../../../types'
 import { Form } from '../../Form'
 
-export const BooleanChecked: StoryFn<FormProps> = ({ errors }) => (
+export const BooleanChecked: StoryFn<{ errors: FormErrors }> = ({ errors }) => (
   <Form onRawSubmit={() => {}} errors={errors} initialValues={{ foo: true }}>
     <CheckboxField name="foo">Default Checked Boolean Item</CheckboxField>
   </Form>

packages/form/src/components/CheckboxField/__stories__/Checked.stories.tsx

@@ -1,9 +1,9 @@
 import type { StoryFn } from '@storybook/react'
 import { CheckboxField } from '..'
-import type { FormProps } from '../..'
+import type { FormErrors } from '../../../types'
 import { Form } from '../../Form'
 
-export const Checked: StoryFn<FormProps> = ({ errors }) => (
+export const Checked: StoryFn<{ errors: FormErrors }> = ({ errors }) => (
   <Form onRawSubmit={() => {}} errors={errors} initialValues={{ foo: ['bar'] }}>
     <CheckboxField name="foo" value="bar">
       Checked Item