Feat/generic editable cell all types (#987)

* Added generic relation cell * Deactivated debug * Added default warning * Put back display component * Removed unused types * wip * Renamed to view field * Use new view field structure to have chip working * Finished * Added a temp feature flag * Added double text chip cell * Ok * Finished tables * Fixed icon size * Fixed bug on date field * Use icon index * Fix * Fixed naming * Fix * removed file from merge * Fixed tests * Coverage
2023-07-29 23:48:43 +02:00
parent dc18bc40b0
commit d9f6ae8663
77 changed files with 1730 additions and 326 deletions
--- a/front/src/modules/people/constants/peopleFieldMetadataArray.tsx
+++ b/front/src/modules/people/constants/peopleFieldMetadataArray.tsx
@ -1,52 +0,0 @@
-import {
-  IconBriefcase,
-  IconBuildingSkyscraper,
-  IconMap,
-} from '@tabler/icons-react';
-
-import { Entity } from '@/ui/relation-picker/types/EntityTypeForSelect';
-import {
-  ViewFieldDefinition,
-  ViewFieldRelationMetadata,
-  ViewFieldTextMetadata,
-} from '@/ui/table/types/ViewField';
-
-export const peopleViewFields: ViewFieldDefinition<unknown>[] = [
-  {
-    id: 'city',
-    columnLabel: 'City',
-    columnIcon: <IconMap size={16} />,
-    columnSize: 150,
-    type: 'text',
-    columnOrder: 1,
-    metadata: {
-      fieldName: 'city',
-      placeHolder: 'City',
-    },
-  } as ViewFieldDefinition<ViewFieldTextMetadata>,
-  {
-    id: 'jobTitle',
-    columnLabel: 'Job title',
-    columnIcon: <IconBriefcase size={16} />,
-    columnSize: 150,
-    type: 'text',
-    columnOrder: 2,
-    metadata: {
-      fieldName: 'jobTitle',
-      placeHolder: 'Job title',
-    },
-  } as ViewFieldDefinition<ViewFieldTextMetadata>,
-  {
-    id: 'company',
-    columnLabel: 'Company',
-    columnIcon: <IconBuildingSkyscraper size={16} />,
-    columnSize: 150,
-    type: 'relation',
-    relationType: Entity.Company,
-    columnOrder: 3,
-    metadata: {
-      fieldName: 'company',
-      relationType: Entity.Company,
-    },
-  } as ViewFieldDefinition<ViewFieldRelationMetadata>,
-];
--- a/front/src/modules/people/constants/peopleViewFields.tsx
+++ b/front/src/modules/people/constants/peopleViewFields.tsx
@ -0,0 +1,122 @@
+import {
+  IconBrandLinkedin,
+  IconBriefcase,
+  IconBuildingSkyscraper,
+  IconCalendarEvent,
+  IconMail,
+  IconMap,
+  IconPhone,
+  IconUser,
+} from '@/ui/icon/index';
+import { Entity } from '@/ui/relation-picker/types/EntityTypeForSelect';
+import {
+  ViewFieldDateMetadata,
+  ViewFieldDefinition,
+  ViewFieldDoubleTextChipMetadata,
+  ViewFieldMetadata,
+  ViewFieldPhoneMetadata,
+  ViewFieldRelationMetadata,
+  ViewFieldTextMetadata,
+  ViewFieldURLMetadata,
+} from '@/ui/table/types/ViewField';
+
+export const peopleViewFields: ViewFieldDefinition<ViewFieldMetadata>[] = [
+  {
+    id: 'displayName',
+    columnLabel: 'People',
+    columnIcon: <IconUser />,
+    columnSize: 210,
+    columnOrder: 1,
+    metadata: {
+      type: 'double-text-chip',
+      firstValueFieldName: 'firstName',
+      secondValueFieldName: 'lastName',
+      firstValuePlaceholder: 'First name',
+      secondValuePlaceholder: 'Last name',
+      entityType: Entity.Person,
+    },
+  } satisfies ViewFieldDefinition<ViewFieldDoubleTextChipMetadata>,
+  {
+    id: 'email',
+    columnLabel: 'Email',
+    columnIcon: <IconMail />,
+    columnSize: 150,
+    columnOrder: 2,
+    metadata: {
+      type: 'text',
+      fieldName: 'email',
+      placeHolder: 'Email',
+    },
+  } satisfies ViewFieldDefinition<ViewFieldTextMetadata>,
+  {
+    id: 'company',
+    columnLabel: 'Company',
+    columnIcon: <IconBuildingSkyscraper />,
+    columnSize: 150,
+    columnOrder: 3,
+    metadata: {
+      type: 'relation',
+      fieldName: 'company',
+      relationType: Entity.Company,
+    },
+  } satisfies ViewFieldDefinition<ViewFieldRelationMetadata>,
+  {
+    id: 'phone',
+    columnLabel: 'Phone',
+    columnIcon: <IconPhone />,
+    columnSize: 150,
+    columnOrder: 4,
+    metadata: {
+      type: 'phone',
+      fieldName: 'phone',
+      placeHolder: 'Phone',
+    },
+  } satisfies ViewFieldDefinition<ViewFieldPhoneMetadata>,
+  {
+    id: 'createdAt',
+    columnLabel: 'Creation',
+    columnIcon: <IconCalendarEvent />,
+    columnSize: 150,
+    columnOrder: 5,
+    metadata: {
+      type: 'date',
+      fieldName: 'createdAt',
+    },
+  } satisfies ViewFieldDefinition<ViewFieldDateMetadata>,
+  {
+    id: 'city',
+    columnLabel: 'City',
+    columnIcon: <IconMap />,
+    columnSize: 150,
+    columnOrder: 6,
+    metadata: {
+      type: 'text',
+      fieldName: 'city',
+      placeHolder: 'City',
+    },
+  } satisfies ViewFieldDefinition<ViewFieldTextMetadata>,
+  {
+    id: 'jobTitle',
+    columnLabel: 'Job title',
+    columnIcon: <IconBriefcase />,
+    columnSize: 150,
+    columnOrder: 7,
+    metadata: {
+      type: 'text',
+      fieldName: 'jobTitle',
+      placeHolder: 'Job title',
+    },
+  } satisfies ViewFieldDefinition<ViewFieldTextMetadata>,
+  {
+    id: 'linkedin',
+    columnLabel: 'LinkedIn',
+    columnIcon: <IconBrandLinkedin />,
+    columnSize: 150,
+    columnOrder: 8,
+    metadata: {
+      type: 'url',
+      fieldName: 'linkedinUrl',
+      placeHolder: 'LinkedIn',
+    },
+  } satisfies ViewFieldDefinition<ViewFieldURLMetadata>,
+];