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/display/component/InplaceInputDateDisplayMode.tsx

@@ -1,7 +1,7 @@
 import { formatToHumanReadableDate } from '~/utils';
 
 type OwnProps = {
-  value: Date | null;
+  value: Date | string | null;
 };
 
 export function InplaceInputDateDisplayMode({ value }: OwnProps) {

front/src/modules/ui/display/component/InplaceInputURLDisplayMode.tsx

@@ -0,0 +1,36 @@
+import { MouseEvent } from 'react';
+import styled from '@emotion/styled';
+
+import { RawLink } from '@/ui/link/components/RawLink';
+
+const StyledRawLink = styled(RawLink)`
+  overflow: hidden;
+
+  a {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+`;
+
+type OwnProps = {
+  value: string;
+};
+
+export function InplaceInputURLDisplayMode({ value }: OwnProps) {
+  function handleClick(event: MouseEvent<HTMLElement>) {
+    event.stopPropagation();
+  }
+
+  const absoluteUrl = value
+    ? value.startsWith('http')
+      ? value
+      : 'https://' + value
+    : '';
+
+  return (
+    <StyledRawLink href={absoluteUrl} onClick={handleClick}>
+      {value}
+    </StyledRawLink>
+  );
+}