feat: add useCreateOneRelationMetadata and useRelationMetadata (#2559)

Closes #2423

front/src/modules/object-metadata/hooks/useCreateOneRelationMetadata.ts

@@ -0,0 +1,41 @@
+import { ApolloClient, useMutation } from '@apollo/client';
+import { getOperationName } from '@apollo/client/utilities';
+
+import {
+  CreateOneRelationMetadataMutation,
+  CreateOneRelationMetadataMutationVariables,
+} from '~/generated-metadata/graphql';
+
+import { CREATE_ONE_RELATION_METADATA } from '../graphql/mutations';
+import { FIND_MANY_METADATA_OBJECTS } from '../graphql/queries';
+import {
+  formatRelationMetadataInput,
+  FormatRelationMetadataInputParams,
+} from '../utils/formatRelationMetadataInput';
+
+import { useApolloMetadataClient } from './useApolloMetadataClient';
+
+export const useCreateOneRelationMetadata = () => {
+  const apolloMetadataClient = useApolloMetadataClient();
+
+  const [mutate] = useMutation<
+    CreateOneRelationMetadataMutation,
+    CreateOneRelationMetadataMutationVariables
+  >(CREATE_ONE_RELATION_METADATA, {
+    client: apolloMetadataClient ?? ({} as ApolloClient<any>),
+  });
+
+  const createOneRelationMetadata = async (
+    input: FormatRelationMetadataInputParams,
+  ) => {
+    return await mutate({
+      variables: { input: { relation: formatRelationMetadataInput(input) } },
+      awaitRefetchQueries: true,
+      refetchQueries: [getOperationName(FIND_MANY_METADATA_OBJECTS) ?? ''],
+    });
+  };
+
+  return {
+    createOneRelationMetadata,
+  };
+};

front/src/modules/object-metadata/hooks/useObjectMetadataItemForSettings.ts

@@ -30,6 +30,11 @@ export const useObjectMetadataItemForSettings = () => {
         getObjectSlug(activeObjectMetadataItem) === slug,
     );
 
+  const findObjectMetadataItemById = (id: string) =>
+    objectMetadataItems.find(
+      (objectMetadataItem) => objectMetadataItem.id === id,
+    );
+
   const { createOneObjectMetadataItem } =
     useCreateOneObjectRecordMetadataItem();
   const { updateOneObjectMetadataItem } = useUpdateOneObjectMetadataItem();
@@ -82,6 +87,7 @@ export const useObjectMetadataItemForSettings = () => {
     editObjectMetadataItem,
     eraseObjectMetadataItem,
     findActiveObjectMetadataItemBySlug,
+    findObjectMetadataItemById,
     loading,
   };
 };

front/src/modules/object-metadata/hooks/useRelationMetadata.ts

@@ -0,0 +1,49 @@
+import { RelationType } from '@/settings/data-model/types/RelationType';
+import { RelationMetadataType } from '~/generated-metadata/graphql';
+
+import { useObjectMetadataItemForSettings } from '../hooks/useObjectMetadataItemForSettings';
+import { FieldMetadataItem } from '../types/FieldMetadataItem';
+
+export const useRelationMetadata = ({
+  fieldMetadataItem,
+}: {
+  fieldMetadataItem?: FieldMetadataItem;
+}) => {
+  const { findObjectMetadataItemById } = useObjectMetadataItemForSettings();
+
+  const relationMetadata =
+    fieldMetadataItem?.fromRelationMetadata ||
+    fieldMetadataItem?.toRelationMetadata;
+
+  const relationType =
+    relationMetadata?.relationType === RelationMetadataType.OneToMany &&
+    fieldMetadataItem?.toRelationMetadata
+      ? 'MANY_TO_ONE'
+      : (relationMetadata?.relationType as RelationType);
+
+  const relationObjectMetadataId =
+    relationMetadata && 'toObjectMetadata' in relationMetadata
+      ? relationMetadata.toObjectMetadata.id
+      : relationMetadata?.fromObjectMetadata.id;
+
+  const relationObjectMetadataItem = relationObjectMetadataId
+    ? findObjectMetadataItemById(relationObjectMetadataId)
+    : undefined;
+
+  const relationFieldMetadataId =
+    relationMetadata && 'toFieldMetadataId' in relationMetadata
+      ? relationMetadata.toFieldMetadataId
+      : relationMetadata?.fromFieldMetadataId;
+
+  const relationFieldMetadataItem = relationFieldMetadataId
+    ? relationObjectMetadataItem?.fields?.find(
+        (field) => field.id === relationFieldMetadataId,
+      )
+    : undefined;
+
+  return {
+    relationFieldMetadataItem,
+    relationObjectMetadataItem,
+    relationType,
+  };
+};