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,
   };

front/src/modules/metadata/utils/formatMetadataFieldInput.ts

@@ -0,0 +1,17 @@
+import toCamelCase from 'lodash.camelcase';
+import upperFirst from 'lodash.upperfirst';
+
+import { ObjectFieldDataType } from '@/settings/data-model/types/ObjectFieldDataType';
+import { Field } from '~/generated-metadata/graphql';
+
+export const formatMetadataFieldInput = (
+  input: Pick<Field, 'label' | 'icon' | 'description'> & {
+    type: ObjectFieldDataType;
+  },
+) => ({
+  description: input.description?.trim() ?? null,
+  icon: input.icon,
+  label: input.label.trim(),
+  name: upperFirst(toCamelCase(input.label.trim())),
+  type: input.type,
+});

front/src/modules/metadata/utils/validateMetadataLabel.ts

@@ -0,0 +1,4 @@
+const metadataLabelValidationPattern = /^[a-zA-Z][a-zA-Z0-9 ]*$/;
+
+export const validateMetadataLabel = (value: string) =>
+  !!value.match(metadataLabelValidationPattern);

front/src/modules/metadata/utils/validateMetadataObjectLabel.ts

@@ -1,4 +0,0 @@
-const metadataObjectLabelValidationPattern = /^[a-zA-Z][a-zA-Z0-9 ]*$/;
-
-export const validateMetadataObjectLabel = (value: string) =>
-  !!value.match(metadataObjectLabelValidationPattern);