chore: move form related types to types folder

src/components/Form/Form.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react";
 
 import { Form, FormProps } from "@/components/Form";
-import { FormField } from "@/components/Form/types/fieldTypes";
+import { FormField } from "@/types";
 
 const fields: FormField[] = [
   {

src/components/Form/Form.tsx

@@ -4,15 +4,12 @@ import { ForwardedRef, forwardRef, useImperativeHandle } from "react";
 import { FormProvider, useFormContext } from "react-hook-form";
 
 import { useFormWithPersist } from "@/hooks";
+import { FormConfig, FormField } from "@/types";
 
-import { FormField } from "./types/fieldTypes";
 import { buildSchemaFromFields } from "./utils/buildSchemaFromFields";
 import { componentRegistry } from "./utils/componentRegistry";
 
-export interface FormProps {
-  persistKey: string;
-  fields: FormField[];
-  defaultValues?: any;
+export interface FormProps extends FormConfig {
   dbName: string;
   storeName: string;
 }

src/components/Form/index.ts

@@ -1,4 +1,3 @@
 export * from "./Form";
-export * from "./types";
 export * from "./utils";
 export * from "./FormControllers";

src/components/Form/utils/buildSchemaFromFields.ts

@@ -1,6 +1,7 @@
 import { z } from "zod";
 
-import { FormField } from "../types/fieldTypes";
+import { FormField } from "@/types";
+
 import { buildArraySchema } from "./validations/validateArray";
 import { buildFileSchema } from "./validations/validateFile";
 import { getRoundDatesSchema } from "./validations/validateRoundDates";

src/components/Form/utils/validations/validateArray.ts

@@ -2,7 +2,7 @@
 import { isAddress } from "viem";
 import { z } from "zod";
 
-import { ArrayValidationConfig } from "../../types/fieldTypes";
+import { ArrayValidationConfig } from "@/types";
 
 /**
  * Builds a Zod array schema, optionally:

src/components/Form/utils/validations/validateFile.ts

@@ -1,7 +1,7 @@
 // File: utils/validations/validateFile.ts
 import { z } from "zod";
 
-import { FileValidationConfig } from "../../types";
+import { FileValidationConfig } from "@/types";
 
 /**
  * Builds a Zod schema for file fields.

src/components/Form/utils/validations/validateString.ts

@@ -1,7 +1,7 @@
 // File: utils/validations/validateString.ts
 import { z } from "zod";
 
-import { StringValidationConfig } from "../../types";
+import { StringValidationConfig } from "@/types";
 
 /**
  * Builds a Zod string schema.

src/components/GenericProgressForm/GenericProgressForm.tsx

@@ -4,22 +4,14 @@ import { useRef } from "react";
 
 import { CheckIcon } from "@heroicons/react/solid";
 
-import { Form, FormProps } from "@/components/Form";
+import { Form } from "@/components/Form";
 import { useIndexedDB } from "@/hooks";
 import { Button } from "@/primitives/Button";
 import { ProgressBar } from "@/primitives/ProgressBar";
+import { FormStep } from "@/types";
 
 import { useFormProgress } from "./hooks/useFormProgress";
 
-export interface FormStep {
-  name: string;
-  formProps: Omit<FormProps, "dbName" | "storeName">;
-  stepProps: {
-    formTitle: string;
-    formDescription: string;
-  };
-}
-
 export interface GenericProgressFormProps {
   name: string;
   steps: FormStep[];

src/components/GenericProgressForm/mocks/RoundSetup.ts

@@ -1,8 +1,6 @@
 import moment from "moment";
 
-import { FormField } from "@/components/Form";
-
-import { FormStep } from "../GenericProgressForm";
+import { FormField, FormStep } from "@/types";
 
 const program = {
   chainId: 10,

src/primitives/MarkdownEditor/MarkdownEditor.tsx

@@ -6,13 +6,13 @@ import MDEditor, { commands, EditorContext } from "@uiw/react-md-editor";
 import rehypeSanitize from "rehype-sanitize";
 
 import { cn } from "@/lib";
+import { Markdown } from "@/types";
 
 import "./markdown_editor.css";
 
-export interface MarkdownEditorProps {
-  value?: string;
+export interface MarkdownEditorProps extends Markdown {
   onChange?: (value: string) => void;
-  placeholder?: string;
+  value?: string;
 }
 
 const WriteButton = () => {

src/components/Form/types/fieldTypes.ts → src/types/form/fieldTypes.ts

@@ -1,8 +1,9 @@
 import { FieldArrayProps, MetricsProps } from "@/components/Form";
 import { FileUploadProps } from "@/primitives/FileUpload";
-import { MarkdownEditorProps } from "@/primitives/MarkdownEditor";
 import { SelectProps } from "@/primitives/Select";
 
+import { Markdown } from "../markdown";
+
 export interface BaseValidation {
   required?: boolean | string;
   isObject?: boolean;
@@ -63,7 +64,7 @@ export interface TextareaField {
   placeholder?: string;
 }
 
-export interface MarkdownEditorField extends Omit<MarkdownEditorProps, "onChange" | "value"> {
+export interface MarkdownEditorField extends Markdown {
   field: BaseField;
   component: "MarkdownEditor";
 }

src/types/form/form.ts

@@ -0,0 +1,16 @@
+import { FormField } from "./fieldTypes";
+
+export interface FormConfig {
+  persistKey: string;
+  fields: FormField[];
+  defaultValues?: any;
+}
+
+export interface FormStep {
+  name: string;
+  formProps: FormConfig;
+  stepProps: {
+    formTitle: string;
+    formDescription: string;
+  };
+}

src/components/Form/types/index.ts → src/types/form/index.ts

@@ -1 +1,2 @@
 export * from "./fieldTypes";
+export * from "./form";

src/types/index.ts

@@ -1,3 +1,5 @@
+export * from "./form";
 export * from "./indexedDB";
+export * from "./markdown";
 export * from "./onClickProps";
 export * from "./pool";

src/types/markdown.ts

@@ -0,0 +1,3 @@
+export interface Markdown {
+  placeholder?: string;
+}