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/GenericEditableDoubleTextCell.tsx

@@ -0,0 +1,48 @@
+import { useRecoilValue } from 'recoil';
+
+import { InplaceInputTextDisplayMode } from '@/ui/display/component/InplaceInputTextDisplayMode';
+import { EditableCell } from '@/ui/table/editable-cell/components/EditableCell';
+import { useCurrentRowEntityId } from '@/ui/table/hooks/useCurrentEntityId';
+import { tableEntityFieldFamilySelector } from '@/ui/table/states/tableEntityFieldFamilySelector';
+
+import {
+  ViewFieldDefinition,
+  ViewFieldDoubleTextMetadata,
+} from '../types/ViewField';
+
+import { GenericEditableDoubleTextCellEditMode } from './GenericEditableDoubleTextCellEditMode';
+
+type OwnProps = {
+  viewField: ViewFieldDefinition<ViewFieldDoubleTextMetadata>;
+};
+
+export function GenericEditableDoubleTextCell({ viewField }: OwnProps) {
+  const currentRowEntityId = useCurrentRowEntityId();
+
+  const firstValue = useRecoilValue<string>(
+    tableEntityFieldFamilySelector({
+      entityId: currentRowEntityId ?? '',
+      fieldName: viewField.metadata.firstValueFieldName,
+    }),
+  );
+
+  const secondValue = useRecoilValue<string>(
+    tableEntityFieldFamilySelector({
+      entityId: currentRowEntityId ?? '',
+      fieldName: viewField.metadata.secondValueFieldName,
+    }),
+  );
+
+  const displayName = `${firstValue ?? ''} ${secondValue ?? ''}`;
+
+  return (
+    <EditableCell
+      editModeContent={
+        <GenericEditableDoubleTextCellEditMode viewField={viewField} />
+      }
+      nonEditModeContent={
+        <InplaceInputTextDisplayMode>{displayName}</InplaceInputTextDisplayMode>
+      }
+    ></EditableCell>
+  );
+}