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

front/src/modules/ui/table/components/GenericEditableDoubleTextChipCellDisplayMode.tsx

@@ -0,0 +1,51 @@
+import { useRecoilState } from 'recoil';
+
+import { CompanyChip } from '@/companies/components/CompanyChip';
+import { PersonChip } from '@/people/components/PersonChip';
+import { Entity } from '@/ui/relation-picker/types/EntityTypeForSelect';
+import { useCurrentRowEntityId } from '@/ui/table/hooks/useCurrentEntityId';
+import { tableEntityFieldFamilySelector } from '@/ui/table/states/tableEntityFieldFamilySelector';
+import {
+  ViewFieldDefinition,
+  ViewFieldDoubleTextChipMetadata,
+} from '@/ui/table/types/ViewField';
+
+type OwnProps = {
+  viewField: ViewFieldDefinition<ViewFieldDoubleTextChipMetadata>;
+};
+
+export function GenericEditableDoubleTextChipCellDisplayMode({
+  viewField,
+}: OwnProps) {
+  const currentRowEntityId = useCurrentRowEntityId();
+
+  const [firstValue] = useRecoilState<string>(
+    tableEntityFieldFamilySelector({
+      entityId: currentRowEntityId ?? '',
+      fieldName: viewField.metadata.firstValueFieldName,
+    }),
+  );
+
+  const [secondValue] = useRecoilState<string>(
+    tableEntityFieldFamilySelector({
+      entityId: currentRowEntityId ?? '',
+      fieldName: viewField.metadata.secondValueFieldName,
+    }),
+  );
+
+  const displayName = `${firstValue} ${secondValue}`;
+
+  switch (viewField.metadata.entityType) {
+    case Entity.Company: {
+      return <CompanyChip id={currentRowEntityId ?? ''} name={displayName} />;
+    }
+    case Entity.Person: {
+      return <PersonChip id={currentRowEntityId ?? ''} name={displayName} />;
+    }
+    default:
+      console.warn(
+        `Unknown relation type: "${viewField.metadata.entityType}" in GenericEditableDoubleTextChipCellDisplayMode`,
+      );
+      return <> </>;
+  }
+}