feat: create custom object and update edited object names (#2220)

Closes #2155, Closes #2153

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

@@ -1,5 +1,8 @@
 import { MetadataObject } from '../types/MetadataObject';
+import { formatMetadataObjectInput } from '../utils/formatMetadataObjectInput';
+import { getObjectSlug } from '../utils/getObjectSlug';
 
+import { useCreateOneMetadataObject } from './useCreateOneMetadataObject';
 import { useFindManyMetadataObjects } from './useFindManyMetadataObjects';
 import { useUpdateOneMetadataObject } from './useUpdateOneMetadataObject';
 
@@ -13,17 +16,30 @@ export const useObjectMetadata = () => {
     ({ isActive }) => !isActive,
   );
 
+  const findActiveObjectBySlug = (slug: string) =>
+    activeMetadataObjects.find(
+      (activeObject) => getObjectSlug(activeObject) === slug,
+    );
+
+  const { createOneMetadataObject } = useCreateOneMetadataObject();
   const { updateOneMetadataObject } = useUpdateOneMetadataObject();
 
-  const editObject = (metadataObject: MetadataObject) =>
+  const createObject = (
+    input: Pick<
+      MetadataObject,
+      'labelPlural' | 'labelSingular' | 'icon' | 'description'
+    >,
+  ) => createOneMetadataObject(formatMetadataObjectInput(input));
+
+  const editObject = (
+    input: Pick<
+      MetadataObject,
+      'id' | 'labelPlural' | 'labelSingular' | 'icon' | 'description'
+    >,
+  ) =>
     updateOneMetadataObject({
-      idToUpdate: metadataObject.id,
-      updatePayload: {
-        description: metadataObject.description ?? null,
-        icon: metadataObject.icon,
-        labelPlural: metadataObject.labelPlural,
-        labelSingular: metadataObject.labelSingular,
-      },
+      idToUpdate: input.id,
+      updatePayload: formatMetadataObjectInput(input),
     });
 
   const activateObject = (metadataObject: MetadataObject) =>
@@ -40,9 +56,11 @@ export const useObjectMetadata = () => {
 
   return {
     activateObject,
-    disableObject,
     activeObjects: activeMetadataObjects,
+    createObject,
     disabledObjects: disabledMetadataObjects,
+    disableObject,
     editObject,
+    findActiveObjectBySlug,
   };
 };

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

@@ -29,7 +29,13 @@ export const useUpdateOneMetadataObject = () => {
     idToUpdate: UpdateOneMetadataObjectMutationVariables['idToUpdate'];
     updatePayload: Pick<
       UpdateOneMetadataObjectMutationVariables['updatePayload'],
-      'description' | 'icon' | 'isActive' | 'labelPlural' | 'labelSingular'
+      | 'description'
+      | 'icon'
+      | 'isActive'
+      | 'labelPlural'
+      | 'labelSingular'
+      | 'namePlural'
+      | 'nameSingular'
     >;
   }) => {
     return await mutate({

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

@@ -0,0 +1,18 @@
+import toCamelCase from 'lodash.camelcase';
+import upperFirst from 'lodash.upperfirst';
+
+import { MetadataObject } from '../types/MetadataObject';
+
+export const formatMetadataObjectInput = (
+  input: Pick<
+    MetadataObject,
+    'labelPlural' | 'labelSingular' | 'icon' | 'description'
+  >,
+) => ({
+  description: input.description?.trim() ?? null,
+  icon: input.icon,
+  labelPlural: input.labelPlural.trim(),
+  labelSingular: input.labelSingular.trim(),
+  namePlural: upperFirst(toCamelCase(input.labelPlural.trim())),
+  nameSingular: upperFirst(toCamelCase(input.labelSingular.trim())),
+});

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

@@ -0,0 +1,7 @@
+import toKebabCase from 'lodash.kebabcase';
+
+import { MetadataObject } from '../types/MetadataObject';
+
+export const getObjectSlug = (
+  metadataObject: Pick<MetadataObject, 'labelPlural'>,
+) => toKebabCase(metadataObject.labelPlural);

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

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