- Lagt til henting av PDF filer fra histark service i frontend

- Diverse oppdateringer og refaktorering
#deploy-test-frontend

Author: stigus

apps/dolly-frontend/src/main/js/package-lock.json

@@ -13,6 +13,11 @@ export const brregAttributt = 'brregstub'
 
 export const BrregstubForm = () => {
 	const formMethods = useFormContext()
+
+	if (!formMethods.watch(brregAttributt)) {
+		return null
+	}
+
 	const understatuser = SelectOptionsOppslag.hentUnderstatusFraBrregstub()
 	const understatuserOptions = SelectOptionsFormat.formatOptions('understatuser', understatuser)
 

apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/Form.tsx

@@ -1,11 +1,11 @@
 import { TitleValue } from '@/components/ui/titleValue/TitleValue'
 import { arrayToString, formatDate } from '@/utils/DataFormatter'
 import Button from '@/components/ui/button/Button'
-import { useTransaksjonsid } from '@/utils/hooks/useTransaksjonsid'
 import JoarkDokumentService from '@/service/services/JoarkDokumentService'
+import { DollyFieldArray } from '@/components/ui/form/fieldArray/DollyFieldArray'
 
 type HistarkDokument = {
-	ident: string
+	transaksjon: any
 	dokument: {
 		antallSider: number
 		enhetsNr: string
@@ -23,41 +23,43 @@ type HistarkDokument = {
 	}
 }
 
-export default ({ dokument, ident }: HistarkDokument) => {
-	const { transaksjonsid } = useTransaksjonsid('HISTARK', ident)
-	const transaksjon = transaksjonsid?.[0]?.transaksjonId
+export default ({ dokument, transaksjon }: HistarkDokument) => {
 	if (!dokument) {
 		return null
 	}
 	return (
-		<div>
-			<div className="person-visning_content">
-				<TitleValue
-					title="Temakoder"
-					value={dokument?.temaKodeSet && arrayToString(dokument?.temaKodeSet)}
-				/>
-				<TitleValue title="Enhetsnavn" value={dokument.enhetsNavn} />
-				<TitleValue title="Enhetsnummer" value={dokument.enhetsNr} />
-				<TitleValue title="Startår" value={dokument.startaar} />
-				<TitleValue title="Sluttår" value={dokument.sluttaar} />
-				<TitleValue
-					title="Skanningstidspunkt"
-					value={dokument?.skanningstidspunkt && formatDate(dokument.skanningstidspunkt)}
-				/>
-				<TitleValue title="Skanner" value={dokument.skanner} />
-				<TitleValue title="Skannested" value={dokument.skannerSted} />
-				<TitleValue title="Filnavn" value={dokument.filnavn} />
-			</div>
-			{transaksjon?.map((transaksjon: { dokumentInfoId: number }) => (
-				<Button
-					key={transaksjon.dokumentInfoId}
-					className="flexbox--align-center csv-eksport-btn"
-					kind="file-new-table"
-					onClick={() => JoarkDokumentService.hentHistarkPDF(transaksjon.dokumentInfoId)}
-				>
-					HENT DOKUMENT #{transaksjon.dokumentInfoId}
-				</Button>
-			))}
+		<div className="person-visning_content">
+			<TitleValue
+				title="Temakoder"
+				value={dokument?.temaKodeSet && arrayToString(dokument?.temaKodeSet)}
+			/>
+			<TitleValue title="Enhetsnavn" value={dokument.enhetsNavn} />
+			<TitleValue title="Enhetsnummer" value={dokument.enhetsNr} />
+			<TitleValue title="Startår" value={dokument.startaar} />
+			<TitleValue title="Sluttår" value={dokument.sluttaar} />
+			<TitleValue
+				title="Skanningstidspunkt"
+				value={dokument?.skanningstidspunkt && formatDate(dokument.skanningstidspunkt)}
+			/>
+			<TitleValue title="Skanner" value={dokument.skanner} />
+			<TitleValue title="Skannested" value={dokument.skannerSted} />
+			<DollyFieldArray header={'Vedlegg'} data={[transaksjon]} nested>
+				{(transaksjon: { dokumentInfoId: number }, idx: number) => {
+					return (
+						<div key={idx} className="person-visning_content">
+							<TitleValue title="Filnavn" value={dokument.filnavn} />
+							<TitleValue title="Dokumentinfo-ID" value={transaksjon.dokumentInfoId} />
+							<Button
+								className="flexbox--align-center csv-eksport-btn"
+								kind="file-new-table"
+								onClick={() => JoarkDokumentService.hentHistarkPDF(transaksjon.dokumentInfoId)}
+							>
+								VIS PDF
+							</Button>
+						</div>
+					)
+				}}
+			</DollyFieldArray>
 		</div>
 	)
 }

apps/dolly-frontend/src/main/js/src/components/fagsystem/histark/visning/HistarkVisning.tsx

@@ -3,6 +3,7 @@ import HistarkVisning from './HistarkVisning'
 import Loading from '@/components/ui/loading/Loading'
 import { Journalpost } from '@/service/services/JoarkDokumentService'
 import { DollyFieldArray } from '@/components/ui/form/fieldArray/DollyFieldArray'
+import { useTransaksjonsid } from '@/utils/hooks/useTransaksjonsid'
 
 interface Form {
 	data?: Array<MiljoDataListe>
@@ -15,14 +16,16 @@ type MiljoDataListe = {
 	data: Array<Journalpost>
 }
 
-const Histark = ({ data, ident }) => {
+const Histark = ({ data, transaksjon }) => {
 	if (!data) return null
 
-	return <HistarkVisning dokument={data} ident={ident} />
+	return <HistarkVisning dokument={data} transaksjon={transaksjon} />
 }
 
 export default ({ data, loading, ident }: Form) => {
-	if (loading) {
+	const { transaksjonsid, loading: loadingTransaksjon } = useTransaksjonsid('HISTARK', ident)
+	const transaksjoner = transaksjonsid?.[0]?.transaksjonId
+	if (loading || loadingTransaksjon) {
 		return <Loading label="Laster dokument-data" />
 	}
 
@@ -34,11 +37,16 @@ export default ({ data, loading, ident }: Form) => {
 		<>
 			<SubOverskrift label="Dokumenter (Histark)" iconKind="dokarkiv" />
 			{data.length === 1 ? (
-				<Histark data={data[0]} ident={ident} />
+				<Histark data={data[0]} transaksjon={transaksjoner?.[0]} />
 			) : (
 				<DollyFieldArray header={'Dokument'} data={data} expandable={data?.length > 2}>
-					{(dokument) => {
-						return <Histark data={dokument} ident={ident} />
+					{(dokument, idx) => {
+						return (
+							<Histark
+								data={dokument}
+								transaksjon={transaksjoner?.[transaksjoner.length - 1 - idx]}
+							/>
+						)
 					}}
 				</DollyFieldArray>
 			)}