From 43728551b1ebcb565fdbf4e4151656c9616dd7a4 Mon Sep 17 00:00:00 2001 From: Betsy Carina Traran Date: Tue, 5 Nov 2024 15:11:10 +0100 Subject: [PATCH] Opprydning #deploy-test-frontend --- .../options/malOptions.tsx | 3 +- .../startModal/NyIdent/NyIdent.tsx | 5 +-- .../aareg/form/partials/arbeidsavtaleForm.tsx | 13 ++++++- .../form/partials/arbeidsforholdForm.tsx | 12 +++++-- .../form/partials/arbeidsforholdToggle.tsx | 34 ++++++++++++++----- .../aareg/form/partials/arbeidsgiverIdent.tsx | 7 +++- .../components/fagsystem/aareg/form/utils.tsx | 12 +++---- .../fagsystem/aareg/visning/Visning.tsx | 11 +++--- .../form/partials/EgneOrganisasjoner.tsx | 7 ++-- .../ui/form/inputs/textInput/TextInput.tsx | 1 + .../main/js/src/utils/hooks/useBestilling.tsx | 5 ++- 11 files changed, 77 insertions(+), 33 deletions(-) diff --git a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/options/malOptions.tsx b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/options/malOptions.tsx index a16f8cb58e3..d64c243ff97 100644 --- a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/options/malOptions.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/options/malOptions.tsx @@ -147,7 +147,7 @@ const getUpdatedInntektstubData = (inntektstubData: any) => { const getUpdatedAaregData = (aaregData: any) => { return aaregData.map((data: any) => { - data = updateData(data, initialValues.aareg[0]) + data = updateData(data, initialValues.aareg) data.amelding = undefined data.genererPeriode = undefined data.navArbeidsforholdPeriode = undefined @@ -178,6 +178,7 @@ const getUpdatedAaregData = (aaregData: any) => { return data }) } + const getUpdatedInntektsmeldingData = (inntektsmeldingData: any) => inntektsmeldingData.map((inntekt: any) => updateData(inntekt, initialValues.inntektsmelding)) diff --git a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/startModal/NyIdent/NyIdent.tsx b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/startModal/NyIdent/NyIdent.tsx index 3d635b5ce3c..af2042161b4 100644 --- a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/startModal/NyIdent/NyIdent.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/startModal/NyIdent/NyIdent.tsx @@ -82,8 +82,9 @@ export const NyIdent = ({ brukernavn, onAvbryt, onSubmit }: NyBestillingProps) = 'data.bestilling.pdldata.person.fullmakt.[0].omraader.[0]', ) const erGammelAmeldingMal = - _.get(valgtMal, 'data.bestilling.aareg')?.find((arbforh) => arbforh?.amelding?.length > 0) !== - undefined + _.get(valgtMal, 'data.bestilling.aareg')?.find( + (arbforh: any) => arbforh?.amelding?.length > 0, + ) !== undefined return ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsavtaleForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsavtaleForm.tsx index 347774a36d1..5edcae09123 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsavtaleForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsavtaleForm.tsx @@ -3,7 +3,18 @@ import { FormDatepicker } from '@/components/ui/form/inputs/datepicker/Datepicke import { FormTextInput } from '@/components/ui/form/inputs/textInput/TextInput' import { ArbeidKodeverk } from '@/config/kodeverk' -export const ArbeidsavtaleForm = ({ path, onChangeLenket, values, ...props }) => ( +type ArbeidsavtaleProps = { + path: string + onChangeLenket: Function + values: any +} + +export const ArbeidsavtaleForm = ({ + path, + onChangeLenket, + values, + ...props +}: ArbeidsavtaleProps) => (

Ansettelsesdetaljer

diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsforholdForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsforholdForm.tsx index 25713f95f09..4dd34408189 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsforholdForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsforholdForm.tsx @@ -22,9 +22,15 @@ import { fixTimezone } from '@/components/ui/form/formUtils' import { useFormContext } from 'react-hook-form' import { hentAaregEksisterendeData } from '@/components/fagsystem/aareg/form/utils' -export const ArbeidsforholdForm = ({ path, arbeidsforholdIndex }) => { +type ArbeidsforholdProps = { + path: string + arbeidsforholdIndex: number +} + +export const ArbeidsforholdForm = ({ path, arbeidsforholdIndex }: ArbeidsforholdProps) => { const { watch, getValues, setValue, trigger } = useFormContext() + //@ts-ignore const { personFoerLeggTil } = useContext(BestillingsveilederContext) const tidligereAaregdata = hentAaregEksisterendeData(personFoerLeggTil) const erLaastArbeidsforhold = arbeidsforholdIndex < tidligereAaregdata?.length @@ -35,7 +41,7 @@ export const ArbeidsforholdForm = ({ path, arbeidsforholdIndex }) => { const arbeidsforholdstype = watch(`${path}.arbeidsforholdstype`) const handleChange = (fieldPath: string) => { - return (field) => { + return (field: any) => { const value = isDate(field) ? fixTimezone(field) : field?.value || field?.target?.value || null @@ -44,7 +50,7 @@ export const ArbeidsforholdForm = ({ path, arbeidsforholdIndex }) => { } } - const handleArbeidsforholdstypeChange = (event) => { + const handleArbeidsforholdstypeChange = (event: any) => { if (event.value === 'forenkletOppgjoersordning') { if (arbeidsforholdstype !== 'forenkletOppgjoersordning') { setValue(path, { diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsforholdToggle.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsforholdToggle.tsx index e019bbbd3d9..8f86c372f12 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsforholdToggle.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsforholdToggle.tsx @@ -44,6 +44,15 @@ const StyledAlert = styled(Alert)` margin-top: 10px; ` +type ArbeidsforholdToggleProps = { + path: string + idx: number + fasteOrganisasjoner: any + brukerOrganisasjoner: any + egneOrganisasjoner: any + loadingOrganisasjoner: boolean +} + export const ArbeidsforholdToggle = ({ path, idx, @@ -51,10 +60,11 @@ export const ArbeidsforholdToggle = ({ brukerOrganisasjoner, egneOrganisasjoner, loadingOrganisasjoner, -}) => { +}: ArbeidsforholdToggleProps) => { const formMethods = useFormContext() const aaregData = formMethods.getValues(path) + //@ts-ignore const { personFoerLeggTil } = useContext(BestillingsveilederContext) const tidligereAaregdata = hentAaregEksisterendeData(personFoerLeggTil) const erLaastArbeidsforhold = idx < tidligereAaregdata?.length @@ -66,12 +76,14 @@ export const ArbeidsforholdToggle = ({ } else if ( !orgnr || fasteOrganisasjoner - ?.map((organisasjon) => organisasjon?.orgnummer) - ?.some((org) => org === orgnr) + ?.map((organisasjon: any) => organisasjon?.orgnummer) + ?.some((org: string) => org === orgnr) ) { return ArbeidsgiverTyper.felles } else if ( - egneOrganisasjoner?.map((organisasjon) => organisasjon?.orgnr)?.some((org) => org === orgnr) + egneOrganisasjoner + ?.map((organisasjon: any) => organisasjon?.orgnr) + ?.some((org: string) => org === orgnr) ) { return ArbeidsgiverTyper.egen } else { @@ -115,15 +127,18 @@ export const ArbeidsforholdToggle = ({ const checkAktiveArbeidsforhold = () => { const aaregValues = formMethods.getValues('aareg') - const aktiveArbeidsforhold = aaregValues?.map((arbeidsforhold) => { + const aktiveArbeidsforhold = aaregValues?.map((arbeidsforhold: any) => { const orgnummer = arbeidsforhold?.arbeidsgiver?.orgnummer if (!arbeidsforhold?.ansettelsesPeriode?.sluttaarsak) { return orgnummer } }) const dupliserteAktiveArbeidsforhold = aktiveArbeidsforhold - .filter((arbeidsforhold, index) => index !== aktiveArbeidsforhold.indexOf(arbeidsforhold)) - .filter((arbeidsforhold) => !_.isEmpty(arbeidsforhold)) + .filter( + (arbeidsforhold: any, index: number) => + index !== aktiveArbeidsforhold.indexOf(arbeidsforhold), + ) + .filter((arbeidsforhold: any) => !_.isEmpty(arbeidsforhold)) if (!_.isEmpty(dupliserteAktiveArbeidsforhold)) { formMethods.setError(`${path}.arbeidsgiver.orgnummer`, { message: `Identen har allerede pågående arbeidsforhold i org: ${dupliserteAktiveArbeidsforhold.toString()}`, @@ -152,7 +167,7 @@ export const ArbeidsforholdToggle = ({
{erLaastArbeidsforhold ? ( null} value={typeArbeidsgiver} size={'small'} title={'Kan ikke endre arbeidsgivertype på eksisterende arbeidsforhold'} @@ -165,6 +180,7 @@ export const ArbeidsforholdToggle = ({ ) : ( handleToggleChange(value)} value={typeArbeidsgiver} size={'small'} @@ -181,7 +197,7 @@ export const ArbeidsforholdToggle = ({
+ handleChange={(selected: any) => formMethods.setValue(`${path}.arbeidsgiver.orgnummer`, selected?.value) } warningMessage={warningMessage} diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsgiverIdent.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsgiverIdent.tsx index 2e5ca7aba84..4abda6260cc 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsgiverIdent.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsgiverIdent.tsx @@ -9,9 +9,14 @@ import { useNaviger } from '@/utils/hooks/useNaviger' type ArbeidsgiverIdentProps = { path: string isDisabled?: boolean + title?: string | undefined } -export const ArbeidsgiverIdent = ({ path, isDisabled, title = null }: ArbeidsgiverIdentProps) => { +export const ArbeidsgiverIdent = ({ + path, + isDisabled, + title = undefined, +}: ArbeidsgiverIdentProps) => { const formMethods = useFormContext() const [personnummer, setPersonnummer] = useState(formMethods.watch(path)) const [success, setSuccess] = useBoolean(false) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/utils.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/utils.tsx index fb0f2a21ab1..9ba92337264 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/utils.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/utils.tsx @@ -40,7 +40,7 @@ export const hentAaregEksisterendeData = (personFoerLeggTil: any) => { avtaltArbeidstimerPerUke: aareg.arbeidsavtaler?.[0]?.antallTimerPrUke || 37.5, }, antallTimerForTimeloennet: - aareg.antallTimerForTimeloennet?.map((timeloennet) => { + aareg.antallTimerForTimeloennet?.map((timeloennet: any) => { return { periode: { fom: timeloennet.periode?.fom || null, @@ -50,7 +50,7 @@ export const hentAaregEksisterendeData = (personFoerLeggTil: any) => { } }) || [], utenlandsopphold: - aareg.utenlandsopphold?.map((opphold) => { + aareg.utenlandsopphold?.map((opphold: any) => { return { periode: { fom: opphold.periode?.fom || null, @@ -61,8 +61,8 @@ export const hentAaregEksisterendeData = (personFoerLeggTil: any) => { }) || [], permisjon: aareg.permisjonPermitteringer - ?.filter((item) => item.type !== 'permittering') - ?.map((permisjon) => { + ?.filter((item: any) => item.type !== 'permittering') + ?.map((permisjon: any) => { return { permisjonsPeriode: { fom: permisjon.periode?.fom || null, @@ -74,8 +74,8 @@ export const hentAaregEksisterendeData = (personFoerLeggTil: any) => { }) || [], permittering: aareg.permisjonPermitteringer - ?.filter((item) => item.type === 'permittering') - ?.map((permittering) => { + ?.filter((item: any) => item.type === 'permittering') + ?.map((permittering: any) => { return { permitteringsPeriode: { fom: permittering.periode?.fom || null, diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/visning/Visning.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/visning/Visning.tsx index 10571ede0e4..d1350c4e79b 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/visning/Visning.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/visning/Visning.tsx @@ -44,7 +44,7 @@ type Arbeidsforhold = { fartoy?: any permisjonPermitteringer?: Array utenlandsopphold?: Array - arbeidsforholdId?: string + arbeidsforholdId: string sporingsinformasjon?: { opprettetAv?: string } varsler?: any[] } @@ -65,7 +65,7 @@ type Periode = { tom?: string } -export const sjekkManglerAaregData = (aaregData) => { +export const sjekkManglerAaregData = (aaregData: Array) => { return ( aaregData?.length < 1 || aaregData?.every((miljoData) => !miljoData?.data || miljoData?.data?.length < 1) @@ -151,6 +151,7 @@ export const AaregVisning = ({ tilgjengeligMiljoe, }: AaregVisningProps) => { const { bestilteMiljoer } = useBestilteMiljoer(bestillingIdListe, 'AAREG') + if (loading) { return } @@ -165,12 +166,12 @@ export const AaregVisning = ({ const forsteMiljo = liste?.find((miljoData) => miljoData?.data?.length > 0)?.miljo || liste?.[0]?.miljo - const aaregBestillinger = [] + const aaregBestillinger: any = [] bestillinger?.forEach((best) => { - best?.bestilling?.aareg?.forEach((arbforh) => aaregBestillinger.push(arbforh)) + best?.bestilling?.aareg?.forEach((arbforh: Arbeidsforhold) => aaregBestillinger.push(arbforh)) }) - const harArbeidsforholdBestilling = aaregBestillinger?.some((best) => best?.arbeidsgiver) + const harArbeidsforholdBestilling = aaregBestillinger?.some((best: any) => best?.arbeidsgiver) const arbeidsforhold = liste?.map((item) => { return { diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/EgneOrganisasjoner.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/EgneOrganisasjoner.tsx index dcbe6ff46d6..47ae86b269d 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/EgneOrganisasjoner.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/EgneOrganisasjoner.tsx @@ -8,15 +8,14 @@ import { useOrganisasjoner } from '@/utils/hooks/useOrganisasjoner' import { OrgforvalterApi } from '@/service/Api' import { OrgMiljoeInfoVisning } from '@/components/fagsystem/brregstub/form/partials/OrgMiljoeInfoVisning' import { useFormContext } from 'react-hook-form' -import { UseFormReturn } from 'react-hook-form/dist/types' interface OrgProps { - formMethods: UseFormReturn path: string label?: string handleChange: (event: React.ChangeEvent) => void - warningMessage?: string + warningMessage?: React.ReactElement filterValidEnhetstyper?: boolean + isDisabled?: boolean } const getAdresseWithAdressetype = (adresser: Adresse[], adressetype: string) => { @@ -62,7 +61,7 @@ const getJuridiskEnhet = (orgnr: string, enheter: Organisasjon[]) => { return '' } -export const getEgneOrganisasjoner = (organisasjoner: Organisasjon[]) => { +export const getEgneOrganisasjoner = (organisasjoner: Organisasjon[] | undefined) => { if (!organisasjoner) { return [] } diff --git a/apps/dolly-frontend/src/main/js/src/components/ui/form/inputs/textInput/TextInput.tsx b/apps/dolly-frontend/src/main/js/src/components/ui/form/inputs/textInput/TextInput.tsx index d72ee22ad40..a1791d88b4a 100644 --- a/apps/dolly-frontend/src/main/js/src/components/ui/form/inputs/textInput/TextInput.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/ui/form/inputs/textInput/TextInput.tsx @@ -38,6 +38,7 @@ type TextInputProps = { className?: string icon?: string isDatepicker?: boolean + title?: string } const StyledIcon = styled(Icon)` diff --git a/apps/dolly-frontend/src/main/js/src/utils/hooks/useBestilling.tsx b/apps/dolly-frontend/src/main/js/src/utils/hooks/useBestilling.tsx index ec270aa338b..7871b635126 100644 --- a/apps/dolly-frontend/src/main/js/src/utils/hooks/useBestilling.tsx +++ b/apps/dolly-frontend/src/main/js/src/utils/hooks/useBestilling.tsx @@ -151,7 +151,10 @@ export const useBestillingById = ( } } -export const useBestilteMiljoer = (bestillingIdListe: Array, fagsystem: string) => { +export const useBestilteMiljoer = ( + bestillingIdListe: Array | undefined, + fagsystem: string, +) => { if (!bestillingIdListe || bestillingIdListe?.length < 1) { return { loading: false,