Obj to Form

formularizeInput.ts

import { FormGroup, FormArray, FormControl } from '@angular/forms';
import { InputMaybe } from '@generated/graphql';

type ExtractTypeFromInputMaybe<T> = NonNullable<T> extends InputMaybe<infer U> ? U : T;

type FormularizeRecord<T> =
  ExtractTypeFromInputMaybe<T> extends Record<string, unknown>
    ? FormGroup<{ [K in keyof T]: FormularizeObject<NonNullable<T[K]>> }>
    : never;

type FormularizeArray<T> = T extends Array<unknown> ? FormArray<FormularizeObject<T[number]>> : never;

type FormularizePrimitive<T> = ExtractTypeFromInputMaybe<T> extends boolean ? FormControl<boolean> : never;

type ValueOf<T> = T extends boolean | string | number | null | undefined ? `${T}` | T : never;

type FormularizeControl<T> = T extends FormControl<unknown> | FormGroup<any> | FormArray<any>
  ? T
  : FormControl<ValueOf<ExtractTypeFromInputMaybe<T>>>;

export type FormularizeObject<T> =
  FormularizeRecord<T> extends never
    ? FormularizeArray<T> extends never
      ? FormularizePrimitive<T> extends never
        ? FormularizeControl<T>
        : FormularizePrimitive<T>
      : FormularizeArray<T>
    : FormularizeRecord<T>;