Add monorepo support to project (#682)

* feat: add monorepo support * fix: correct relatedProjects structure in vercel.json * update github actions with monorepo support * removed legacy dep * moved jsr config into web package
2025-06-25 21:56:55 -04:00
parent 85ee0747d1
commit 1c13343e8a
463 changed files with 7568 additions and 2196 deletions
@@ -0,0 +1,100 @@
+import {
+  type MultiSelectFieldProps,
+  MultiSelectInput,
+} from "./FormMultiSelect.tsx";
+import {
+  GenericInput,
+  type InputFieldProps,
+} from "@components/Form/FormInput.tsx";
+import {
+  PasswordGenerator,
+  type PasswordGeneratorProps,
+} from "@components/Form/FormPasswordGenerator.tsx";
+import {
+  type SelectFieldProps,
+  SelectInput,
+} from "@components/Form/FormSelect.tsx";
+import {
+  type ToggleFieldProps,
+  ToggleInput,
+} from "@components/Form/FormToggle.tsx";
+import type { Control, FieldValues } from "react-hook-form";
+
+export type FieldProps<T> =
+  | InputFieldProps<T>
+  | SelectFieldProps<T>
+  | MultiSelectFieldProps<T>
+  | ToggleFieldProps<T>
+  | PasswordGeneratorProps<T>;
+
+export interface DynamicFormFieldProps<T extends FieldValues> {
+  field: FieldProps<T>;
+  control: Control<T>;
+  disabled?: boolean;
+  isDirty?: boolean;
+  invalid?: boolean;
+}
+
+export function DynamicFormField<T extends FieldValues>({
+  field,
+  control,
+  disabled,
+  isDirty,
+  invalid,
+}: DynamicFormFieldProps<T>) {
+  switch (field.type) {
+    case "text":
+    case "password":
+    case "number":
+      return (
+        <GenericInput
+          field={field}
+          control={control}
+          disabled={disabled}
+          isDirty={isDirty}
+          invalid={invalid}
+        />
+      );
+
+    case "toggle":
+      return (
+        <ToggleInput
+          field={field}
+          control={control}
+          disabled={disabled}
+          isDirty={isDirty}
+          invalid={invalid}
+        />
+      );
+    case "select":
+      return (
+        <SelectInput
+          field={field}
+          control={control}
+          disabled={disabled}
+          isDirty={isDirty}
+          invalid={invalid}
+        />
+      );
+    case "passwordGenerator":
+      return (
+        <PasswordGenerator
+          field={field}
+          control={control}
+          disabled={disabled}
+          isDirty={isDirty}
+          invalid={invalid}
+        />
+      );
+    case "multiSelect":
+      return (
+        <MultiSelectInput
+          field={field}
+          control={control}
+          disabled={disabled}
+          isDirty={isDirty}
+          invalid={invalid}
+        />
+      );
+  }
+}