feat: create custom object field (#2225)

Closes #2171

front/src/modules/metadata/hooks/useFieldMetadata.ts

@@ -1,12 +1,28 @@
+import { ObjectFieldDataType } from '@/settings/data-model/types/ObjectFieldDataType';
 import { Field } from '~/generated/graphql';
 
+import { formatMetadataFieldInput } from '../utils/formatMetadataFieldInput';
+
+import { useCreateOneMetadataField } from './useCreateOneMetadataField';
 import { useDeleteOneMetadataField } from './useDeleteOneMetadataField';
 import { useUpdateOneMetadataField } from './useUpdateOneMetadataField';
 
 export const useFieldMetadata = () => {
+  const { createOneMetadataField } = useCreateOneMetadataField();
   const { updateOneMetadataField } = useUpdateOneMetadataField();
   const { deleteOneMetadataField } = useDeleteOneMetadataField();
 
+  const createField = (
+    input: Pick<Field, 'label' | 'icon' | 'description'> & {
+      objectId: string;
+      type: ObjectFieldDataType;
+    },
+  ) =>
+    createOneMetadataField({
+      ...formatMetadataFieldInput(input),
+      objectId: input.objectId,
+    });
+
   const activateField = (metadataField: Field) =>
     updateOneMetadataField({
       fieldIdToUpdate: metadataField.id,
@@ -24,6 +40,7 @@ export const useFieldMetadata = () => {
 
   return {
     activateField,
+    createField,
     disableField,
     eraseField,
   };