FieldDisplay & FieldInput (#1708)

* Removed view field duplicate types

* wip

* wip 2

* wip 3

* Unified state for fields

* Renaming

* Wip

* Post merge

* Post post merge

* wip

* Delete unused file

* Boolean and Probability

* Finished InlineCell

* Renamed EditableCell to TableCell

* Finished double texts

* Finished MoneyField

* Fixed bug inline cell click outside

* Fixed hotkey scope

* Final fixes

* Phone

* Fix url and number input validation

* Fix

* Fix position

* wip refactor activity editor

* Fixed activity editor

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/pages/companies/CompanyShow.tsx

@@ -7,11 +7,10 @@ import { useCompanyQuery } from '@/companies/hooks/useCompanyQuery';
 import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { AppPath } from '@/types/AppPath';
 import { DropdownRecoilScopeContext } from '@/ui/dropdown/states/recoil-scope-contexts/DropdownRecoilScopeContext';
-import { GenericEditableField } from '@/ui/editable-field/components/GenericEditableField';
-import { EditableFieldDefinitionContext } from '@/ui/editable-field/contexts/EditableFieldDefinitionContext';
-import { EditableFieldEntityIdContext } from '@/ui/editable-field/contexts/EditableFieldEntityIdContext';
-import { EditableFieldMutationContext } from '@/ui/editable-field/contexts/EditableFieldMutationContext';
+import { InlineCell } from '@/ui/editable-field/components/InlineCell';
 import { PropertyBox } from '@/ui/editable-field/property-box/components/PropertyBox';
+import { EditableFieldHotkeyScope } from '@/ui/editable-field/types/EditableFieldHotkeyScope';
+import { FieldContext } from '@/ui/field/contexts/FieldContext';
 import { IconBuildingSkyscraper } from '@/ui/icon';
 import { PageBody } from '@/ui/layout/components/PageBody';
 import { PageContainer } from '@/ui/layout/components/PageContainer';
@@ -93,22 +92,22 @@ export const CompanyShow = () => {
                 )}
               />
               <PropertyBox extraPadding={true}>
-                <EditableFieldMutationContext.Provider
-                  value={useUpdateOneCompanyMutation}
-                >
-                  <EditableFieldEntityIdContext.Provider value={company.id}>
-                    {companyShowFieldDefinition.map((fieldDefinition) => {
-                      return (
-                        <EditableFieldDefinitionContext.Provider
-                          value={fieldDefinition}
-                          key={fieldDefinition.key}
-                        >
-                          <GenericEditableField />
-                        </EditableFieldDefinitionContext.Provider>
-                      );
-                    })}
-                  </EditableFieldEntityIdContext.Provider>
-                </EditableFieldMutationContext.Provider>
+                {companyShowFieldDefinition.map((fieldDefinition) => {
+                  return (
+                    <FieldContext.Provider
+                      key={company.id + fieldDefinition.key}
+                      value={{
+                        entityId: company.id,
+                        recoilScopeId: company.id + fieldDefinition.key,
+                        fieldDefinition,
+                        useUpdateEntityMutation: useUpdateOneCompanyMutation,
+                        hotkeyScope: EditableFieldHotkeyScope.EditableField,
+                      }}
+                    >
+                      <InlineCell />
+                    </FieldContext.Provider>
+                  );
+                })}
               </PropertyBox>
               <CompanyTeam company={company}></CompanyTeam>
             </ShowPageLeftContainer>

front/src/pages/companies/constants/companyShowFieldDefinition.tsx

@@ -1,4 +1,4 @@
-import { FieldDefinition } from '@/ui/editable-field/types/FieldDefinition';
+import { FieldDefinition } from '@/ui/field/types/FieldDefinition';
 import {
   FieldBooleanMetadata,
   FieldDateMetadata,
@@ -7,7 +7,7 @@ import {
   FieldRelationMetadata,
   FieldTextMetadata,
   FieldURLMetadata,
-} from '@/ui/editable-field/types/FieldMetadata';
+} from '@/ui/field/types/FieldMetadata';
 import {
   IconBrandX,
   IconCalendar,
@@ -29,6 +29,7 @@ export const companyShowFieldDefinition: FieldDefinition<FieldMetadata>[] = [
       fieldName: 'domainName',
       placeHolder: 'URL',
     },
+    useEditButton: true,
   } satisfies FieldDefinition<FieldURLMetadata>,
   {
     key: 'accountOwner',
@@ -78,6 +79,7 @@ export const companyShowFieldDefinition: FieldDefinition<FieldMetadata>[] = [
       fieldName: 'xUrl',
       placeHolder: 'X',
     },
+    useEditButton: true,
   } satisfies FieldDefinition<FieldURLMetadata>,
   {
     key: 'createdAt',