feat: add replace by unpusblished concept field in form (#628)

Informasjonsforvaltning · Jan 26, 2024 · b6fe874 · b6fe874
1 parent 5173045
commit b6fe874
Show file tree

Hide file tree

Showing 6 changed files with 106 additions and 4 deletions.
diff --git a/src/l10n/helptexts.nb.ts b/src/l10n/helptexts.nb.ts
@@ -143,6 +143,7 @@ Se mer om ‘kontaktinformasjon’ i [veileder for begrepsbeskrivelser](https://
   assignUserAbstract:
     "Velg personen som skal ha ansvaret for å følge opp begrepet.",
   replacedByAbstract: "Referanse til begrep som erstatter gjeldende begrep.",
+  replacedByUnpublishedAbstract: "Referanse til upubliserte begrep i egen katalog som erstatter gjeldende begrep.",
   relationsTitle: "Relasjoner",
   relationsTitleUnpublished: "Relasjoner - upublisert",
   descriptionTitle: "Beskrivelse",

diff --git a/src/l10n/nb.ts b/src/l10n/nb.ts
@@ -100,6 +100,7 @@ export const nb = {
   internalInfo: "Interne opplysninger",
   internalSubText: "Opplysningene under er til intern bruk og vil ikke publiseres ut i Felles datakatalog.",
   replacedBy: 'Erstattes av',
+  replacedByNotPublished: 'Erstattes av - upublisert',
   relation: 'Relasjon',
   relationType: 'Nivå',
   description: 'Beskrivelse',

diff --git a/src/pages/concept-registration-page/form-concept/form-concept.schema.ts b/src/pages/concept-registration-page/form-concept/form-concept.schema.ts
@@ -216,6 +216,7 @@ export const schema = Yup.object().shape({
   seOgså: Yup.array().of(Yup.string().nullable()).nullable(),
   internSeOgså: Yup.array().of(Yup.string().nullable()).nullable(),
   erstattesAv: Yup.array().of(Yup.string().nullable()).nullable(),
+  internErstattesAv: Yup.array().of(Yup.string().nullable()).nullable(),
   begrepsRelasjon: Yup.array()
     .of(
       Yup.object().shape({

diff --git a/src/pages/concept-registration-page/form-concept/index.tsx b/src/pages/concept-registration-page/form-concept/index.tsx
@@ -79,6 +79,7 @@ export type FormValues = Pick<
   | 'seOgså'
   | 'internSeOgså'
   | 'erstattesAv'
+  | 'internErstattesAv'
   | 'assignedUser'
   | 'abbreviatedLabel'
   | 'begrepsRelasjon'
@@ -269,7 +270,7 @@ export const FormConceptPure: FC<Props> = ({
           title={localization.formValidity}
           showInitially={expandAll}
         >
-          <Validity />
+          <Validity catalogId={catalogId} />
         </FormTemplate>
         <FormTemplate
           title={localization.formRelatedConcepts}
@@ -316,6 +317,7 @@ const formikConfig: WithFormikConfig<Props, FormValues> = {
       seOgså = [],
       internSeOgså = [],
       erstattesAv = [],
+      internErstattesAv = [],
       assignedUser = '',
       abbreviatedLabel = null,
       begrepsRelasjon = [],
@@ -344,6 +346,7 @@ const formikConfig: WithFormikConfig<Props, FormValues> = {
     seOgså,
     internSeOgså,
     erstattesAv,
+    internErstattesAv,
     assignedUser,
     abbreviatedLabel,
     begrepsRelasjon,

diff --git a/src/pages/concept-registration-page/form-concept/validity/validity.component.tsx b/src/pages/concept-registration-page/form-concept/validity/validity.component.tsx
@@ -11,20 +11,32 @@ import { getTranslateText } from '../../../../lib/translateText';
 import { useAppDispatch, useAppSelector } from '../../../../app/redux/hooks';
 import {
   fetchConceptSuggestions,
-  selectAllConceptSuggestions
+  fetchInternalConceptSuggestions,
+  selectAllConceptSuggestions,
+  selectAllInternalConceptSuggestions
 } from '../../../../features/concept-suggestions';
 import {
   fetchConcepts,
-  selectAllConceptEntities
+  fetchInternalConcepts,
+  selectAllConceptEntities,
+  selectAllInternalConceptEntities
 } from '../../../../features/concepts';
 
-export const Validity: FC = () => {
+interface Props {
+  catalogId: string;
+}
+
+export const Validity: FC<Props> = ({ catalogId }) => {
   const [gyldigFomField] = useField('gyldigFom');
   const [gyldigTomField] = useField('gyldigTom');
   const [erstattesAv] = useField('erstattesAv');
+  const [internErstattesAv] = useField('internErstattesAv');
   const dispatch = useAppDispatch();
   const relatedConcepts = useAppSelector(selectAllConceptEntities);
   const conceptSuggestions = useAppSelector(selectAllConceptSuggestions);
+  const relatedInternalConcepts = useAppSelector(
+    selectAllInternalConceptEntities
+  );
 
   useEffect(() => {
     if (erstattesAv.value?.length > 0) {
@@ -36,10 +48,29 @@ export const Validity: FC = () => {
     dispatch(fetchConceptSuggestions({ q }));
   };
 
+  const executeInternalConceptSuggestionSearch = (
+    query: string,
+    publisherId: string
+  ) => {
+    dispatch(fetchInternalConceptSuggestions({ query, publisherId }));
+  };
+
   useEffect(() => {
     executeConceptSuggestionSearch('');
+    executeInternalConceptSuggestionSearch('', catalogId);
   }, []);
 
+  useEffect(() => {
+    if (internErstattesAv.value?.length > 0) {
+      dispatch(
+        fetchInternalConcepts({
+          catalogId,
+          values: internErstattesAv.value
+        })
+      );
+    }
+  }, [internErstattesAv.value]);
+
   const conceptSuggestionsMap = conceptSuggestions.map(
     ({ identifier, prefLabel, definition, publisher }) =>
       ({
@@ -59,6 +90,39 @@ export const Validity: FC = () => {
     option?.value && dispatch(fetchConcepts([option.value]));
   };
 
+  const extractListOfOriginaltBegrepIds = (values: OptionProps[]): string[] => {
+    const originaltBegreps: string[] = [];
+
+    values &&
+      values.forEach(value => {
+        const originaltBegrep = value.value;
+        originaltBegrep && originaltBegreps.push(originaltBegrep);
+      });
+    return originaltBegreps;
+  };
+
+  const addRelatedInternalConcept = (form, fieldName, option): void => {
+    form.setFieldValue(
+      fieldName,
+      option.map(item => item.value)
+    );
+    const values = extractListOfOriginaltBegrepIds(option);
+    option?.values && dispatch(fetchInternalConcepts({ catalogId, values }));
+  };
+
+  const internalConceptSuggestions = useAppSelector(
+    selectAllInternalConceptSuggestions
+  );
+
+  const internalConceptSuggestionsMap = internalConceptSuggestions.map(
+    ({ anbefaltTerm, definisjon, originaltBegrep }) =>
+      ({
+        value: originaltBegrep,
+        label: getTranslateText(anbefaltTerm?.navn),
+        description: getTranslateText(definisjon?.tekst)
+      } as any)
+  );
+
   return (
     <div>
       <div className='form-group'>
@@ -115,6 +179,37 @@ export const Validity: FC = () => {
           )}
         />
       </div>
+      <div className='form-group'>
+        <HelpText
+          title={localization.replacedByNotPublished}
+          helpTextAbstract={localization.replacedByUnpublishedAbstract}
+        />
+        <FieldArray
+          name='internErstattesAv'
+          render={({ form }) => (
+            <Field
+              name={internErstattesAv.name}
+              component={SelectField}
+              placeholder={localization.searchUnpublishedConcepts}
+              showCustomOption
+              options={internalConceptSuggestionsMap}
+              onClear={() => form.setFieldValue(internErstattesAv.name, '')}
+              onChange={addRelatedInternalConcept}
+              onInputChange={value =>
+                executeInternalConceptSuggestionSearch(value, catalogId)
+              }
+              defaultValue={form?.values?.internErstattesAv?.map(item => ({
+                value: item,
+                label:
+                  getTranslateText(
+                    relatedInternalConcepts[item]?.anbefaltTerm?.navn
+                  ) ?? 'default'
+              }))}
+              isMulti
+            />
+          )}
+        />
+      </div>
     </div>
   );
 };
diff --git a/src/types/domain.d.ts b/src/types/domain.d.ts
@@ -157,6 +157,7 @@ export interface Concept {
   begrepsRelasjon?: Relasjon[];
   internBegrepsRelasjon?: Relasjon[];
   interneFelt?: Record<string, InternalField>;
+  internErstattesAv?: string[];
 }
 
 export interface SkosConcept {