1
1
import React , { lazy , Suspense , useContext , useEffect } from 'react'
2
- import { harAvhukedeAttributter } from '@/components/bestillingsveileder/utils'
3
- import { BestillingsveilederContext } from '@/components/bestillingsveileder/BestillingsveilederContext'
2
+ import { useFormContext } from 'react-hook-form'
4
3
import { SigrunstubForm } from '@/components/fagsystem/sigrunstub/form/Form'
5
4
import { InntektstubForm } from '@/components/fagsystem/inntektstub/form/Form'
6
5
import { InntektsmeldingForm } from '@/components/fagsystem/inntektsmelding/form/Form'
@@ -14,13 +13,11 @@ import { MedlForm } from '@/components/fagsystem/medl/form/MedlForm'
14
13
import { SykdomForm } from '@/components/fagsystem/sykdom/form/Form'
15
14
import { OrganisasjonForm } from '@/components/fagsystem/organisasjoner/form/Form'
16
15
import { TjenestepensjonForm } from '@/components/fagsystem/tjenestepensjon/form/Form'
17
- import { Alert } from '@navikt/ds-react'
18
16
import { AlderspensjonForm } from '@/components/fagsystem/alderspensjon/form/Form'
19
17
import { ArbeidsplassenForm } from '@/components/fagsystem/arbeidsplassen/form/Form'
20
18
import { UforetrygdForm } from '@/components/fagsystem/uforetrygd/form/Form'
21
19
import { SigrunstubPensjonsgivendeForm } from '@/components/fagsystem/sigrunstubPensjonsgivende/form/Form'
22
20
import { KrrstubForm } from '@/components/fagsystem/krrstub/form/KrrForm'
23
- import { useFormContext } from 'react-hook-form'
24
21
import { SkattekortForm } from '@/components/fagsystem/skattekort/form/Form'
25
22
import { PensjonsavtaleForm } from '@/components/fagsystem/pensjonsavtale/form/Form'
26
23
import { FullmaktForm } from '@/components/fagsystem/fullmakt/form/FullmaktForm'
@@ -29,76 +26,79 @@ import { YrkesskaderForm } from '@/components/fagsystem/yrkesskader/form/Form'
29
26
import Loading from '@/components/ui/loading/Loading'
30
27
import { PdlfForm } from '@/components/fagsystem/pdlf/form/Form'
31
28
import { ArbeidssoekerregisteretForm } from '@/components/fagsystem/arbeidssoekerregisteret/form/Form'
29
+ import { BestillingsveilederContext } from '@/components/bestillingsveileder/BestillingsveilederContext'
30
+ import { harAvhukedeAttributter } from '@/components/bestillingsveileder/utils'
31
+ import { Alert } from '@navikt/ds-react'
32
32
33
33
const HistarkForm = lazy ( ( ) => import ( '@/components/fagsystem/histark/form/HistarkForm' ) )
34
34
const DokarkivForm = lazy ( ( ) => import ( '@/components/fagsystem/dokarkiv/form/DokarkivForm' ) )
35
35
36
- const gruppeNavn = ( gruppe ) => < span style = { { fontWeight : 'bold' } } > { gruppe . navn } </ span >
36
+ const Steg2 : React . FC = ( ) => {
37
+ const { getValues, setValue } = useFormContext ( )
38
+ const opts : any = useContext ( BestillingsveilederContext )
37
39
38
- const getEmptyMessage = ( leggTil , importTestnorge , gruppe = null ) => {
39
- if ( leggTil ) {
40
- return 'Du har ikke lagt til flere egenskaper. Vennligst gå tilbake og velg nye egenskaper.'
41
- } else if ( importTestnorge ) {
42
- return (
43
- < span >
44
- Du har ikke lagt til egenskaper. Dolly vil importere valgt Test-Norge person(er) til
45
- { gruppe === null && < > gruppe du velger i neste steg.</ > }
46
- { gruppe !== null && < > gruppen { gruppeNavn ( gruppe ) } .</ > }
47
- </ span >
48
- )
40
+ const getEmptyMessage = ( leggTil , importTestnorge , gruppe = null ) => {
41
+ if ( leggTil ) {
42
+ return 'Du har ikke lagt til flere egenskaper. Vennligst gå tilbake og velg nye egenskaper.'
43
+ } else if ( importTestnorge ) {
44
+ return (
45
+ < span >
46
+ Du har ikke lagt til egenskaper. Dolly vil importere valgt Test-Norge person(er) til
47
+ { gruppe === null && < > gruppe du velger i neste steg.</ > }
48
+ { gruppe !== null && < > gruppen { gruppeNavn ( gruppe ) } .</ > }
49
+ </ span >
50
+ )
51
+ }
52
+ return 'Du har ikke valgt noen egenskaper. Dolly oppretter personer med tilfeldige verdier.'
49
53
}
50
- return 'Du har ikke valgt noen egenskaper. Dolly oppretter personer med tilfeldige verdier.'
51
- }
52
-
53
- const Steg2 = ( ) => {
54
- const opts : any = useContext ( BestillingsveilederContext )
55
- const formMethods = useFormContext ( )
56
54
57
55
useEffect ( ( ) => {
58
56
if ( opts . gruppe ?. id ) {
59
- formMethods . setValue ( 'gruppeId' , opts . gruppe ?. id )
57
+ setValue ( 'gruppeId' , opts . gruppe ?. id )
60
58
}
61
59
} , [ ] )
62
60
63
61
const leggTil = opts . is . leggTil
64
62
const importTestnorge = opts . is . importTestnorge
65
63
const gruppe = opts . gruppe
66
64
67
- if ( ! harAvhukedeAttributter ( formMethods . getValues ( ) ) ) {
65
+ if ( ! harAvhukedeAttributter ( getValues ( ) ) ) {
68
66
return < Alert variant = { 'info' } > { getEmptyMessage ( leggTil , importTestnorge , gruppe ) } </ Alert >
69
67
}
68
+ const gruppeNavn = ( gruppe : any ) => < span style = { { fontWeight : 'bold' } } > { gruppe . navn } </ span >
70
69
71
70
return (
72
71
< div >
73
72
< PdlfForm />
74
- < FullmaktForm />
75
- < AaregForm />
76
- < SigrunstubForm />
77
- < SigrunstubPensjonsgivendeForm />
78
- < InntektstubForm />
79
- < InntektsmeldingForm />
80
- < SkattekortForm />
81
- < ArbeidssoekerregisteretForm />
82
- < ArbeidsplassenForm />
83
- < PensjonForm />
84
- < PensjonsavtaleForm />
85
- < TjenestepensjonForm />
86
- < AlderspensjonForm />
87
- < UforetrygdForm />
88
- < AfpOffentligForm />
89
- < ArenaForm />
90
- < SykdomForm />
91
- < YrkesskaderForm />
92
- < BrregstubForm />
93
- < InstForm />
94
- < KrrstubForm />
95
- < MedlForm />
96
- < UdistubForm />
73
+ { getValues ( 'fullmakt' ) && < FullmaktForm /> }
74
+ { getValues ( 'aareg' ) && < AaregForm /> }
75
+ { getValues ( 'sigrunstub' ) && < SigrunstubForm /> }
76
+ { getValues ( 'sigrunstubPensjonsgivende' ) && < SigrunstubPensjonsgivendeForm /> }
77
+ { getValues ( 'inntektstub' ) && < InntektstubForm /> }
78
+ { getValues ( 'inntektsmelding' ) && < InntektsmeldingForm /> }
79
+ { getValues ( 'skattekort' ) && < SkattekortForm /> }
80
+ { getValues ( 'arbeidssoekerregisteret' ) && < ArbeidssoekerregisteretForm /> }
81
+ { getValues ( 'arbeidsplassenCV' ) && < ArbeidsplassenForm /> }
82
+ { getValues ( 'pensjonforvalter' ) && < PensjonForm /> }
83
+ { getValues ( 'pensjonsavtale' ) && < PensjonsavtaleForm /> }
84
+ { getValues ( 'tjenestepensjon' ) && < TjenestepensjonForm /> }
85
+ { getValues ( 'alderspensjon' ) && < AlderspensjonForm /> }
86
+ { getValues ( 'uforetrygd' ) && < UforetrygdForm /> }
87
+ { getValues ( 'afpOffentlig' ) && < AfpOffentligForm /> }
88
+ { getValues ( 'arenaforvalter' ) && < ArenaForm /> }
89
+ { getValues ( 'sykemelding' ) && < SykdomForm /> }
90
+ { getValues ( 'yrkesskader' ) && < YrkesskaderForm /> }
91
+ { getValues ( 'brregstub' ) && < BrregstubForm /> }
92
+ { getValues ( 'instdata' ) && < InstForm /> }
93
+ { getValues ( 'krrstub' ) && < KrrstubForm /> }
94
+ { getValues ( 'medl' ) && < MedlForm /> }
95
+ { getValues ( 'udistub' ) && < UdistubForm /> }
96
+ { getValues ( 'organisasjon' ) && < OrganisasjonForm /> }
97
+
97
98
< Suspense fallback = { < Loading label = "Laster komponenter..." /> } >
98
- < DokarkivForm />
99
- < HistarkForm />
99
+ { getValues ( 'dokarkiv' ) && < DokarkivForm /> }
100
+ { getValues ( 'histark' ) && < HistarkForm /> }
100
101
</ Suspense >
101
- < OrganisasjonForm />
102
102
</ div >
103
103
)
104
104
}
0 commit comments