feat(modeles): ajout des autres références

targets/frontend/src/components/contributions/answers/Answer.tsx

@@ -10,18 +10,19 @@ import React, { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { useUser } from "src/hooks/useUser";
 
-import { FormEditionField, FormRadioGroup, FormTextField } from "../../forms";
+import {
+  FormEditionField,
+  FormLegiReferences,
+  FormOtherReferences,
+  FormRadioGroup,
+  FormTextField,
+} from "../../forms";
 import { StatusContainer } from "../status";
 import { Answer, Status } from "../type";
 import { useContributionAnswerUpdateMutation } from "./answer.mutation";
 import { useContributionAnswerQuery } from "./answer.query";
 import { Comments } from "./Comments";
-import {
-  CdtnReferenceInput,
-  KaliReferenceInput,
-  LegiReferenceInput,
-  OtherReferenceInput,
-} from "./references";
+import { CdtnReferenceInput, KaliReferenceInput } from "./references";
 import { statusesMapping } from "../status/data";
 import { getNextStatus, getPrimaryButtonLabel } from "../status/utils";
 import { SnackBar } from "../../utils/SnackBar";
@@ -228,12 +229,12 @@ export const ContributionsAnswer = ({
                   disabled={isNotEditable(answer)}
                 />
               )}
-              <LegiReferenceInput
+              <FormLegiReferences
                 name="legiReferences"
                 control={control}
                 disabled={isNotEditable(answer)}
               />
-              <OtherReferenceInput
+              <FormOtherReferences
                 name="otherReferences"
                 control={control}
                 disabled={isNotEditable(answer)}

targets/frontend/src/components/contributions/answers/comments.mutation.ts

@@ -1,4 +1,4 @@
-import { OperationResult, useMutation } from "urql";
+import { useMutation } from "urql";
 
 import { Comments } from "../type";
 

targets/frontend/src/components/contributions/answers/references/CdtnReferenceInput.tsx

@@ -2,7 +2,7 @@ import { getRouteBySource } from "@socialgouv/cdtn-sources";
 import { Control } from "react-hook-form";
 import { CdtnReference } from "../../type";
 import { useContributionSearchCdtnReferencesQuery } from "./cdtnReferencesSearch.query";
-import { ReferenceInput } from "./ReferenceInput";
+import { FormAutocompleteChips } from "src/components/forms";
 
 type Props = {
   name: string;
@@ -15,7 +15,7 @@ export const CdtnReferenceInput = ({
   control,
   disabled = false,
 }: Props): React.ReactElement => (
-  <ReferenceInput<CdtnReference>
+  <FormAutocompleteChips<CdtnReference>
     isMultiple={true}
     label={`Contenus liés`}
     color="info"

targets/frontend/src/components/contributions/answers/references/FicheSpDocumentInput.tsx

@@ -1,8 +1,8 @@
 import { getRouteBySource } from "@socialgouv/cdtn-sources";
 import { Control } from "react-hook-form";
 import { Document } from "../../type";
-import { ReferenceInput } from "./ReferenceInput";
 import { useFicheSpSearchCdtnReferencesQuery } from "./ficheSpReferenceSearch.query";
+import { FormAutocompleteChips } from "src/components/forms";
 
 type Props = {
   name: string;
@@ -15,7 +15,7 @@ export const FicheSpDocumentInput = ({
   control,
   disabled = false,
 }: Props): React.ReactElement => (
-  <ReferenceInput<Document>
+  <FormAutocompleteChips<Document>
     label={`Fiche service-public`}
     color="info"
     name={name}

targets/frontend/src/components/contributions/answers/references/KaliReferenceInput.tsx

@@ -9,18 +9,19 @@ import {
   Stack,
   TextField,
 } from "@mui/material";
-import { FormTextField } from "../../../forms";
+import { AutocompleteFetcherResult, FormTextField } from "../../../forms";
 import DeleteIcon from "@mui/icons-material/Delete";
 import { useContributionSearchKaliReferenceQuery } from "./kaliReferencesSearch.query";
 import { Agreement, Answer, KaliArticle } from "../../type";
-import { Result } from "./ReferenceInput";
 import { SimpleLink } from "../../../utils/SimpleLink";
 
 type KaliReferenceSearchProps = {
   idcc: string;
   disabled?: boolean;
   onAdd: (item: KaliArticle | null) => void;
-  fetcher: (idcc: string) => (query: string | undefined) => Result<KaliArticle>;
+  fetcher: (
+    idcc: string
+  ) => (query: string | undefined) => AutocompleteFetcherResult<KaliArticle>;
 };
 
 const KaliReferenceSearch = ({

targets/frontend/src/components/contributions/answers/references/cdtnReferencesSearch.query.ts

@@ -1,7 +1,7 @@
 import { useQuery } from "urql";
 
 import { CdtnReference, Document } from "../../type";
-import { Result } from "./ReferenceInput";
+import { AutocompleteFetcherResult } from "src/components/forms";
 
 export type SearchCdtnReferencesQueryResult = {
   documents: Document[];
@@ -47,7 +47,7 @@ query SearchCdtnReferences($sources: [String!], $slug: String, $title: String) {
 
 export const useContributionSearchCdtnReferencesQuery = (
   query: string | undefined
-): Result<Pick<CdtnReference, "document">> => {
+): AutocompleteFetcherResult<Pick<CdtnReference, "document">> => {
   const slug = getSlugFromUrl(query);
   const title = getNormalizedTitle(slug);
   const [{ data, fetching, error }] = useQuery<SearchCdtnReferencesQueryResult>(

targets/frontend/src/components/contributions/answers/references/ficheSpReferenceSearch.query.ts

@@ -1,16 +1,16 @@
 import { Document } from "../../type";
-import { Result } from "./ReferenceInput";
 import {
-  SearchCdtnReferencesQuery,
-  SearchCdtnReferencesQueryResult,
   getNormalizedTitle,
   getSlugFromUrl,
+  SearchCdtnReferencesQuery,
+  SearchCdtnReferencesQueryResult,
 } from "./cdtnReferencesSearch.query";
 import { useQuery } from "urql";
+import { AutocompleteFetcherResult } from "src/components/forms";
 
 export const useFicheSpSearchCdtnReferencesQuery = (
   query: string | undefined
-): Result<Document> => {
+): AutocompleteFetcherResult<Document> => {
   const slug = getSlugFromUrl(query);
   const title = getNormalizedTitle(slug);
   const [{ data, fetching, error }] = useQuery<SearchCdtnReferencesQueryResult>(

targets/frontend/src/components/contributions/answers/references/index.ts

@@ -1,4 +1,2 @@
 export * from "./KaliReferenceInput";
-export * from "./LegiReferenceInput";
 export * from "./CdtnReferenceInput";
-export * from "./OtherReferenceInput";