refactor: remove mappers (#326)

* refactor: remove mappers

* chore: generate graphql types

* lint: remove useless import

* Remove preset-react-create-app from storybook addons

* test: remove old tests

* Upgrade storybook version

* Remove sb preset-cra and add sb svgr loader

* chore: remove figma image url from storybook

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/people/interfaces/__tests__/person.interface.test.ts

@@ -1,86 +0,0 @@
-import {
-  GraphqlMutationPerson,
-  GraphqlQueryPerson,
-  mapToGqlPerson,
-  mapToPerson,
-  Person,
-} from '../person.interface';
-
-describe('Person mappers', () => {
-  it('should map GraphqlPerson to Person', () => {
-    const now = new Date();
-    now.setMilliseconds(0);
-    const graphQLPerson = {
-      id: '7dfbc3f7-6e5e-4128-957e-8d86808cdf6b',
-      firstname: 'John',
-      lastname: 'Doe',
-      createdAt: now.toUTCString(),
-      email: 'john.doe@gmail.com',
-      phone: '+1 (555) 123-4567',
-      city: 'Paris',
-      _commentCount: 1,
-      company: {
-        id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87',
-        name: 'John Doe',
-        __typename: 'Company',
-      },
-      __typename: 'people',
-    } satisfies GraphqlQueryPerson;
-
-    const person = mapToPerson(graphQLPerson);
-    expect(person).toStrictEqual({
-      __typename: 'people',
-      id: graphQLPerson.id,
-      firstname: graphQLPerson.firstname,
-      lastname: graphQLPerson.lastname,
-      createdAt: new Date(now.toUTCString()),
-      email: graphQLPerson.email,
-      city: graphQLPerson.city,
-      phone: graphQLPerson.phone,
-      _commentCount: 1,
-      company: {
-        __typename: 'Company',
-        id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87',
-        accountOwner: undefined,
-        address: undefined,
-        createdAt: undefined,
-        domainName: undefined,
-        employees: undefined,
-        _commentCount: undefined,
-        name: 'John Doe',
-        pipes: [],
-      },
-    } satisfies Person);
-  });
-
-  it('should map Person to GraphQlPerson', () => {
-    const now = new Date();
-    now.setMilliseconds(0);
-    const person = {
-      id: '7dfbc3f7-6e5e-4128-957e-8d86808cdf6b',
-      firstname: 'John',
-      lastname: 'Doe',
-      createdAt: new Date(now.toUTCString()),
-      email: 'john.doe@gmail.com',
-      phone: '+1 (555) 123-4567',
-      city: 'Paris',
-      _commentCount: 1,
-      company: {
-        id: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87',
-      },
-    } satisfies Person;
-
-    const graphQLPerson = mapToGqlPerson(person);
-    expect(graphQLPerson).toStrictEqual({
-      id: person.id,
-      firstname: person.firstname,
-      lastname: person.lastname,
-      createdAt: now.toUTCString(),
-      email: person.email,
-      city: person.city,
-      phone: person.phone,
-      companyId: '7af20dea-0412-4c4c-8b13-d6f0e6e09e87',
-      __typename: 'people',
-    } satisfies GraphqlMutationPerson);
-  });
-});

front/src/modules/people/interfaces/person.interface.ts

@@ -1,82 +1,12 @@
-import {
-  Company,
-  GraphqlQueryCompany,
-  mapToCompany,
-} from '@/companies/interfaces/company.interface';
-import { Pipeline } from '@/pipelines/interfaces/pipeline.interface';
+import { Person as GQLPerson } from '../../../generated/graphql';
+import { DeepPartial } from '../../utils/utils';
 
-export type Person = {
-  __typename: 'people';
-  id: string;
-  firstname?: string;
-  lastname?: string;
-  picture?: string | null;
-  email?: string;
-  phone?: string;
-  city?: string;
+export type Person = DeepPartial<GQLPerson> & { id: GQLPerson['id'] };
 
-  createdAt?: Date;
+export type GraphqlQueryPerson = Person;
 
-  company?: Company | null;
-  pipes?: Pipeline[] | null;
+export type GraphqlMutationPerson = Person;
 
-  _commentCount?: number;
-};
+export const mapToPerson = (person: GraphqlQueryPerson): Person => person;
 
-export type GraphqlQueryPerson = {
-  id: string;
-  firstname?: string;
-  lastname?: string;
-  city?: string;
-  email?: string;
-  phone?: string;
-
-  createdAt?: string;
-
-  company?: GraphqlQueryCompany | null;
-
-  _commentCount?: number;
-
-  __typename?: string;
-};
-
-export type GraphqlMutationPerson = {
-  id: string;
-  firstname?: string;
-  lastname?: string;
-  email?: string;
-  phone?: string;
-  city?: string;
-  createdAt?: string;
-  companyId?: string;
-  __typename: 'people';
-};
-
-export const mapToPerson = (person: GraphqlQueryPerson): Person => ({
-  __typename: 'people',
-  id: person.id,
-  firstname: person.firstname,
-  lastname: person.lastname,
-  email: person.email,
-  phone: person.phone,
-  city: person.city,
-
-  createdAt: person.createdAt ? new Date(person.createdAt) : undefined,
-
-  company: person.company ? mapToCompany(person.company) : null,
-  _commentCount: person._commentCount,
-});
-
-export const mapToGqlPerson = (person: Person): GraphqlMutationPerson => ({
-  id: person.id,
-  firstname: person.firstname,
-  lastname: person.lastname,
-  email: person.email,
-  phone: person.phone,
-  city: person.city,
-
-  createdAt: person.createdAt ? person.createdAt.toUTCString() : undefined,
-
-  companyId: person.company?.id,
-  __typename: 'people',
-});
+export const mapToGqlPerson = (person: Person): GraphqlMutationPerson => person;