Add field isLabelSyncedWithName (#8829)

## Context
The recent addition of object renaming introduced issues with enum
names. Enum names should follow the pattern
`${schemaName}.${tableName}_${columnName}_enum`. To address this, and to
allow users to customize the API name (which is included in the enum
name, columnName), this PR implements behavior similar to object
renaming by introducing a `isLabelSyncedWithName` boolean.

<img width="624" alt="Screenshot 2024-12-02 at 11 58 49"
src="https://github.com/user-attachments/assets/690fb71c-83f0-4922-80c0-946c92dacc30">
<img width="596" alt="Screenshot 2024-12-02 at 11 58 39"
src="https://github.com/user-attachments/assets/af9a0037-7cf5-40c3-9ed5-d51b340c8087">

packages/twenty-front/src/generated/graphql.tsx

@@ -1508,6 +1508,7 @@ export type Field = {
   id: Scalars['UUID'];
   isActive?: Maybe<Scalars['Boolean']>;
   isCustom?: Maybe<Scalars['Boolean']>;
+  isLabelSyncedWithName: Scalars['Boolean'];
   isNullable?: Maybe<Scalars['Boolean']>;
   isSystem?: Maybe<Scalars['Boolean']>;
   isUnique?: Maybe<Scalars['Boolean']>;

packages/twenty-front/src/modules/object-metadata/graphql/mutations.ts

@@ -75,6 +75,7 @@ export const UPDATE_ONE_FIELD_METADATA_ITEM = gql`
       createdAt
       updatedAt
       settings
+      isLabelSyncedWithName
     }
   }
 `;

packages/twenty-front/src/modules/object-metadata/graphql/queries.ts

@@ -69,6 +69,7 @@ export const FIND_MANY_OBJECT_METADATA_ITEMS = gql`
                 defaultValue
                 options
                 settings
+                isLabelSyncedWithName
                 relationDefinition {
                   relationId
                   direction

packages/twenty-front/src/modules/object-metadata/hooks/__mocks__/useCreateOneRelationMetadataItem.ts

@@ -21,13 +21,13 @@ export const variables = {
       fromDescription: null,
       fromIcon: undefined,
       fromLabel: 'label',
-      fromName: 'label',
+      fromName: 'name',
       fromObjectMetadataId: 'objectMetadataId',
       relationType: 'ONE_TO_ONE',
       toDescription: null,
       toIcon: undefined,
       toLabel: 'Another label',
-      toName: 'anotherLabel',
+      toName: 'anotherName',
       toObjectMetadataId: 'objectMetadataId1',
     },
   },

packages/twenty-front/src/modules/object-metadata/hooks/__mocks__/useFieldMetadataItem.ts

@@ -6,27 +6,22 @@ export const FIELD_RELATION_METADATA_ID =
   '4da0302d-358a-45cd-9973-9f92723ed3c1';
 export const RELATION_METADATA_ID = 'f81d4fae-7dec-11d0-a765-00a0c91e6bf6';
 
-const baseFields = `
-  id
-  type
-  name
-  label
-  description
-  icon
-  isCustom
-  isActive
-  isNullable
-  createdAt
-  updatedAt
-  settings
-`;
-
-
 export const queries = {
   deleteMetadataField: gql`
     mutation DeleteOneFieldMetadataItem($idToDelete: UUID!) {
       deleteOneField(input: { id: $idToDelete }) {
-        ${baseFields}
+        id
+        type
+        name
+        label
+        description
+        icon
+        isCustom
+        isActive
+        isNullable
+        createdAt
+        updatedAt
+        settings
       }
     }
   `,
@@ -74,7 +69,19 @@ export const queries = {
       $updatePayload: UpdateFieldInput!
     ) {
       updateOneField(input: { id: $idToUpdate, update: $updatePayload }) {
-        ${baseFields}
+        id
+        type
+        name
+        label
+        description
+        icon
+        isCustom
+        isActive
+        isNullable
+        createdAt
+        updatedAt
+        settings
+        isLabelSyncedWithName
       }
     }
   `,
@@ -98,6 +105,84 @@ export const queries = {
       }
     }
   `,
+  getCurrentUser: gql`
+    query GetCurrentUser {
+      currentUser {
+        ...UserQueryFragment
+      }
+    }
+
+    fragment UserQueryFragment on User {
+      id
+      firstName
+      lastName
+      email
+      canImpersonate
+      supportUserHash
+      analyticsTinybirdJwts {
+        getWebhookAnalytics
+        getPageviewsAnalytics
+        getUsersAnalytics
+        getServerlessFunctionDuration
+        getServerlessFunctionSuccessRate
+        getServerlessFunctionErrorCount
+      }
+      onboardingStatus
+      workspaceMember {
+        ...WorkspaceMemberQueryFragment
+      }
+      workspaceMembers {
+        ...WorkspaceMemberQueryFragment
+      }
+      defaultWorkspace {
+        id
+        displayName
+        logo
+        domainName
+        inviteHash
+        allowImpersonation
+        activationStatus
+        isPublicInviteLinkEnabled
+        hasValidEntrepriseKey
+        featureFlags {
+          id
+          key
+          value
+          workspaceId
+        }
+        metadataVersion
+        currentBillingSubscription {
+          id
+          status
+          interval
+        }
+        workspaceMembersCount
+      }
+      workspaces {
+        workspace {
+          id
+          logo
+          displayName
+          domainName
+        }
+      }
+      userVars
+    }
+
+    fragment WorkspaceMemberQueryFragment on WorkspaceMember {
+      id
+      name {
+        firstName
+        lastName
+      }
+      colorScheme
+      avatarUrl
+      locale
+      timeZone
+      dateFormat
+      timeFormat
+    }
+  `,
 };
 
 export const objectMetadataId = '25611fce-6637-4089-b0ca-91afeec95784';
@@ -107,7 +192,7 @@ export const variables = {
   deleteMetadataFieldRelation: { idToDelete: RELATION_METADATA_ID },
   activateMetadataField: {
     idToUpdate: FIELD_METADATA_ID,
-    updatePayload: { isActive: true, label: undefined },
+    updatePayload: { isActive: true },
   },
   createMetadataField: {
     input: {
@@ -116,9 +201,10 @@ export const variables = {
         description: null,
         icon: undefined,
         label: 'fieldLabel',
-        name: 'fieldlabel',
+        name: 'fieldName',
         options: undefined,
         settings: undefined,
+        isLabelSyncedWithName: true,
         objectMetadataId,
         type: 'TEXT',
       },
@@ -159,4 +245,54 @@ export const responseData = {
     defaultValue: '',
     options: [],
   },
+  getCurrentUser: {
+    currentUser: {
+      id: 'test-user-id',
+      firstName: 'Test',
+      lastName: 'User',
+      email: '[email protected]',
+      canImpersonate: false,
+      supportUserHash: null,
+      analyticsTinybirdJwts: {
+        getWebhookAnalytics: null,
+        getPageviewsAnalytics: null,
+        getUsersAnalytics: null,
+        getServerlessFunctionDuration: null,
+        getServerlessFunctionSuccessRate: null,
+        getServerlessFunctionErrorCount: null,
+      },
+      onboardingStatus: 'completed',
+      workspaceMember: {
+        id: 'test-workspace-member-id',
+        name: {
+          firstName: 'Test',
+          lastName: 'User',
+        },
+        colorScheme: 'light',
+        avatarUrl: null,
+        locale: 'en',
+        timeZone: 'UTC',
+        dateFormat: 'MM/DD/YYYY',
+        timeFormat: '24',
+      },
+      workspaceMembers: [],
+      defaultWorkspace: {
+        id: 'test-workspace-id',
+        displayName: 'Test Workspace',
+        logo: null,
+        domainName: 'test',
+        inviteHash: 'test-hash',
+        allowImpersonation: false,
+        activationStatus: 'active',
+        isPublicInviteLinkEnabled: false,
+        hasValidEntrepriseKey: false,
+        featureFlags: [],
+        metadataVersion: 1,
+        currentBillingSubscription: null,
+        workspaceMembersCount: 1,
+      },
+      workspaces: [],
+      userVars: null,
+    },
+  },
 };

packages/twenty-front/src/modules/object-metadata/hooks/__mocks__/useFindManyObjectMetadataItems.ts

@@ -25,7 +25,6 @@ export const query = gql`
           labelIdentifierFieldMetadataId
           imageIdentifierFieldMetadataId
           shortcut
-          isLabelSyncedWithName
           fields(paging: { first: 1000 }, filter: $fieldFilter) {
             edges {
               node {
@@ -41,6 +40,7 @@ export const query = gql`
                 isNullable
                 createdAt
                 updatedAt
+                isLabelSyncedWithName
                 relationDefinition {
                   relationId
                   direction

packages/twenty-front/src/modules/object-metadata/hooks/__tests__/useCreateOneRelationMetadataItem.test.tsx

@@ -45,11 +45,13 @@ describe('useCreateOneRelationMetadataItem', () => {
         relationType: RelationDefinitionType.OneToOne,
         field: {
           label: 'label',
+          name: 'name',
         },
         objectMetadataId: 'objectMetadataId',
         connect: {
           field: {
             label: 'Another label',
+            name: 'anotherName',
           },
           objectMetadataId: 'objectMetadataId1',
         },

packages/twenty-front/src/modules/object-metadata/hooks/__tests__/useFieldMetadataItem.test.tsx

@@ -23,6 +23,7 @@ const fieldMetadataItem: FieldMetadataItem = {
   name: 'name',
   type: FieldMetadataType.Text,
   updatedAt: '',
+  isLabelSyncedWithName: true,
 };
 
 const fieldRelationMetadataItem: FieldMetadataItem = {
@@ -32,6 +33,7 @@ const fieldRelationMetadataItem: FieldMetadataItem = {
   name: 'name',
   type: FieldMetadataType.Relation,
   updatedAt: '',
+  isLabelSyncedWithName: true,
   relationDefinition: {
     relationId: RELATION_METADATA_ID,
     direction: RelationDefinitionType.OneToMany,
@@ -137,6 +139,24 @@ const mocks = [
       },
     })),
   },
+  {
+    request: {
+      query: queries.getCurrentUser,
+      variables: {},
+    },
+    result: jest.fn(() => ({
+      data: responseData.getCurrentUser,
+    })),
+  },
+  {
+    request: {
+      query: queries.getCurrentUser,
+      variables: {},
+    },
+    result: jest.fn(() => ({
+      data: responseData.getCurrentUser,
+    })),
+  },
 ];
 
 const Wrapper = getJestMetadataAndApolloMocksWrapper({
@@ -171,6 +191,8 @@ describe('useFieldMetadataItem', () => {
         label: 'fieldLabel',
         objectMetadataId,
         type: FieldMetadataType.Text,
+        name: 'fieldName',
+        isLabelSyncedWithName: true,
       });
 
       expect(res.data).toEqual({

packages/twenty-front/src/modules/object-metadata/hooks/useFieldMetadataItem.ts

@@ -1,6 +1,5 @@
 import { useDeleteOneRelationMetadataItem } from '@/object-metadata/hooks/useDeleteOneRelationMetadataItem';
-import { FieldMetadataType } from '~/generated-metadata/graphql';
-import { Field } from '~/generated/graphql';
+import { Field, FieldMetadataType } from '~/generated-metadata/graphql';
 
 import { FieldMetadataItem } from '../types/FieldMetadataItem';
 import { formatFieldMetadataItemInput } from '../utils/formatFieldMetadataItemInput';
@@ -18,13 +17,15 @@ export const useFieldMetadataItem = () => {
   const createMetadataField = (
     input: Pick<
       Field,
+      | 'name'
       | 'label'
       | 'icon'
       | 'description'
       | 'defaultValue'
       | 'type'
       | 'options'
       | 'settings'
+      | 'isLabelSyncedWithName'
     > & {
       objectMetadataId: string;
     },
@@ -37,6 +38,7 @@ export const useFieldMetadataItem = () => {
       type: input.type,
       label: formattedInput.label ?? '',
       name: formattedInput.name ?? '',
+      isLabelSyncedWithName: formattedInput.isLabelSyncedWithName ?? true,
     });
   };