Support custom object renaming (#7504)

This PR was created by [GitStart](https://gitstart.com/) to address the
requirements from this ticket:
[TWNTY-5491](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-5491).
This ticket was imported from:
[TWNTY-5491](https://github.com/twentyhq/twenty/issues/5491)

 --- 

### Description

**How To Test:**\
1. Reset db using `npx nx database:reset twenty-server` on this PR

1. Run both backend and frontend
2. Navigate to `settings/data-model/objects/ `page
3. Select a `Custom `object from the list or create a new `Custom
`object
4. Navigate to custom object details page and click on edit button
5. Finally edit the object details.

**Issues and bugs**
The Typecheck is failing but we could not see this error locally
There is a bug after updating the label of a custom object. View title
is not updated till refreshing the page. We could not find a consistent
way to update this, should we reload the page after editing an object?


![](https://assets-service.gitstart.com/45430/03cd560f-a4f6-4ce2-9d78-6d3a9f56d197.png)###
Demo



<https://www.loom.com/share/64ecb57efad7498d99085cb11480b5dd?sid=28d0868c-e54f-454d-8432-3f789be9e2b7>

### Refs

#5491

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com>
Co-authored-by: Marie Stoppa <marie.stoppa@essec.edu>
Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: Weiko <corentin@twenty.com>

packages/twenty-front/src/modules/settings/data-model/validation-schemas/__tests__/settingsCreateObjectInputSchema.test.ts

@@ -12,6 +12,9 @@ describe('settingsCreateObjectInputSchema', () => {
       icon: 'IconPlus',
       labelPlural: ' Labels     ',
       labelSingular: 'Label ',
+      namePlural: 'namePlural',
+      nameSingular: 'nameSingular',
+      shouldSyncLabelAndName: false,
     };
 
     // When
@@ -24,8 +27,9 @@ describe('settingsCreateObjectInputSchema', () => {
       icon: validInput.icon,
       labelPlural: 'Labels',
       labelSingular: 'Label',
-      namePlural: 'labels',
-      nameSingular: 'label',
+      namePlural: 'namePlural',
+      nameSingular: 'nameSingular',
+      shouldSyncLabelAndName: false,
     });
   });
 

packages/twenty-front/src/modules/settings/data-model/validation-schemas/__tests__/settingsUpdateObjectInputSchema.test.ts

@@ -12,6 +12,8 @@ describe('settingsUpdateObjectInputSchema', () => {
       icon: 'IconName',
       labelPlural: 'Labels Plural    ',
       labelSingular: '   Label Singular',
+      namePlural: 'namePlural',
+      nameSingular: 'nameSingular',
       labelIdentifierFieldMetadataId: '3fa85f64-5717-4562-b3fc-2c963f66afa6',
     };
 
@@ -26,8 +28,8 @@ describe('settingsUpdateObjectInputSchema', () => {
       labelIdentifierFieldMetadataId: validInput.labelIdentifierFieldMetadataId,
       labelPlural: 'Labels Plural',
       labelSingular: 'Label Singular',
-      namePlural: 'labelsPlural',
-      nameSingular: 'labelSingular',
+      namePlural: 'namePlural',
+      nameSingular: 'nameSingular',
     });
   });
 

packages/twenty-front/src/modules/settings/data-model/validation-schemas/settingsCreateObjectInputSchema.ts

@@ -1,16 +1,17 @@
-import { objectMetadataItemSchema } from '@/object-metadata/validation-schemas/objectMetadataItemSchema';
+import { settingsDataModelObjectAboutFormSchema } from '@/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm';
 import { CreateObjectInput } from '~/generated-metadata/graphql';
 import { computeMetadataNameFromLabelOrThrow } from '~/pages/settings/data-model/utils/compute-metadata-name-from-label.utils';
 
-export const settingsCreateObjectInputSchema = objectMetadataItemSchema
-  .pick({
-    description: true,
-    icon: true,
-    labelPlural: true,
-    labelSingular: true,
-  })
-  .transform<CreateObjectInput>((value) => ({
-    ...value,
-    nameSingular: computeMetadataNameFromLabelOrThrow(value.labelSingular),
-    namePlural: computeMetadataNameFromLabelOrThrow(value.labelPlural),
-  }));
+export const settingsCreateObjectInputSchema =
+  settingsDataModelObjectAboutFormSchema.transform<CreateObjectInput>(
+    (values) => ({
+      ...values,
+      nameSingular:
+        values.nameSingular ??
+        computeMetadataNameFromLabelOrThrow(values.labelSingular),
+      namePlural:
+        values.namePlural ??
+        computeMetadataNameFromLabelOrThrow(values.labelPlural),
+      shouldSyncLabelAndName: values.shouldSyncLabelAndName ?? true,
+    }),
+  );

packages/twenty-front/src/modules/settings/data-model/validation-schemas/settingsUpdateObjectInputSchema.ts

@@ -1,24 +1,13 @@
 import { objectMetadataItemSchema } from '@/object-metadata/validation-schemas/objectMetadataItemSchema';
-import { UpdateObjectPayload } from '~/generated-metadata/graphql';
-import { computeMetadataNameFromLabelOrThrow } from '~/pages/settings/data-model/utils/compute-metadata-name-from-label.utils';
+import { settingsDataModelObjectAboutFormSchema } from '@/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm';
 
-export const settingsUpdateObjectInputSchema = objectMetadataItemSchema
-  .pick({
-    description: true,
-    icon: true,
-    imageIdentifierFieldMetadataId: true,
-    isActive: true,
-    labelIdentifierFieldMetadataId: true,
-    labelPlural: true,
-    labelSingular: true,
-  })
-  .partial()
-  .transform<UpdateObjectPayload>((value) => ({
-    ...value,
-    nameSingular: value.labelSingular
-      ? computeMetadataNameFromLabelOrThrow(value.labelSingular)
-      : undefined,
-    namePlural: value.labelPlural
-      ? computeMetadataNameFromLabelOrThrow(value.labelPlural)
-      : undefined,
-  }));
+export const settingsUpdateObjectInputSchema =
+  settingsDataModelObjectAboutFormSchema
+    .merge(
+      objectMetadataItemSchema.pick({
+        imageIdentifierFieldMetadataId: true,
+        isActive: true,
+        labelIdentifierFieldMetadataId: true,
+      }),
+    )
+    .partial();