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

@@ -0,0 +1,50 @@
+import { DateTime } from 'luxon';
+import { useRecoilState } from 'recoil';
+
+import { useCurrentRowEntityId } from '@/ui/table/hooks/useCurrentEntityId';
+import { useUpdateEntityField } from '@/ui/table/hooks/useUpdateEntityField';
+import { tableEntityFieldFamilySelector } from '@/ui/table/states/tableEntityFieldFamilySelector';
+
+import { EditableCellDateEditMode } from '../editable-cell/types/EditableCellDateEditMode';
+import { ViewFieldDateMetadata, ViewFieldDefinition } from '../types/ViewField';
+
+type OwnProps = {
+  viewField: ViewFieldDefinition<ViewFieldDateMetadata>;
+};
+
+export function GenericEditableDateCellEditMode({ viewField }: OwnProps) {
+  const currentRowEntityId = useCurrentRowEntityId();
+
+  // TODO: we could use a hook that would return the field value with the right type
+  const [fieldValue, setFieldValue] = useRecoilState<string>(
+    tableEntityFieldFamilySelector({
+      entityId: currentRowEntityId ?? '',
+      fieldName: viewField.metadata.fieldName,
+    }),
+  );
+
+  const updateField = useUpdateEntityField();
+
+  function handleSubmit(newDate: Date) {
+    const fieldValueDate = fieldValue
+      ? DateTime.fromISO(fieldValue).toJSDate()
+      : null;
+
+    const newDateISO = DateTime.fromJSDate(newDate).toISO();
+
+    if (newDate === fieldValueDate || !newDateISO) return;
+
+    setFieldValue(newDateISO);
+
+    if (currentRowEntityId && updateField && newDateISO) {
+      updateField(currentRowEntityId, viewField, newDateISO);
+    }
+  }
+
+  return (
+    <EditableCellDateEditMode
+      value={DateTime.fromISO(fieldValue).toJSDate()}
+      onSubmit={handleSubmit}
+    />
+  );
+}