added password generator

src/components/Form/DynamicFormField.tsx

@@ -10,12 +10,17 @@ import {
   type ToggleFieldProps,
   ToggleInput,
 } from "@components/Form/FormToggle.js";
+import {
+  type PasswordGeneratorProps,
+  PasswordGenerator,
+} from "@components/Form/FormPasswordGenerator.js";
 import type { Control, FieldValues } from "react-hook-form";
 
 export type FieldProps<T> =
   | InputFieldProps<T>
   | SelectFieldProps<T>
-  | ToggleFieldProps<T>;
+  | ToggleFieldProps<T>
+  | PasswordGeneratorProps<T>;
 
 export interface DynamicFormFieldProps<T extends FieldValues> {
   field: FieldProps<T>;
@@ -44,6 +49,10 @@ export function DynamicFormField<T extends FieldValues>({
       return (
         <SelectInput field={field} control={control} disabled={disabled} />
       );
+    case "passwordGenerator":
+      return (
+        <PasswordGenerator field={field} control={control} disabled={disabled} />
+      )
     case "multiSelect":
       return <div>tmp</div>;
   }

src/components/Form/FormPasswordGenerator.tsx

@@ -0,0 +1,39 @@
+import type {
+    BaseFormBuilderProps,
+    GenericFormElementProps,
+  } from "@components/Form/DynamicForm.js";
+  import { Generator } from "@components/UI/Generator.js";
+  import { useState } from "react";
+  import { Controller, type FieldValues } from "react-hook-form";
+  
+  export interface PasswordGeneratorProps<T> extends BaseFormBuilderProps<T> {
+    type: "passwordGenerator";
+  }
+  
+  export function PasswordGenerator<T extends FieldValues>({
+    control,
+    field,
+  }: GenericFormElementProps<T, PasswordGeneratorProps<T>>) {
+    const [password, createPassword] = useState<string>("");
+
+    const generate = () => {
+      let generatedPass = "VHl1OTVpY7TAly0jGF0X2A==";
+      return generatedPass
+    }
+  
+    return (
+      <Controller
+        name={field.name}
+        control={control}
+        render={({ field: { value, onChange, ...rest } }) => (
+          <Generator
+            variant={"success"}
+            textValue="Generate"
+            {...field.properties}
+            {...rest}
+          />
+        )}
+      />
+    );
+  }
+