From 1c0d5ef1bd8de30d3578a7545c5ff4a730fb6054 Mon Sep 17 00:00:00 2001 From: stigus Date: Fri, 17 Nov 2023 09:52:23 +0100 Subject: [PATCH] Masse refaktorering fra formik til React-hook-forms v2 #deploy-test-frontend --- .../src/main/js/package-lock.json | 6 +- .../startModal/NyIdent/NyIdent.tsx | 166 +++++++++--------- .../stegVelger/steg/steg3/MalForm.tsx | 15 +- .../steg/steg3/OppsummeringKommentarForm.tsx | 4 +- .../stegVelger/steg/steg3/Steg3.tsx | 52 +++--- .../stegVelger/steg/steg3/VelgGruppe.tsx | 8 +- .../components/fagsystem/aareg/form/Form.tsx | 8 +- .../aareg/form/partials/ameldingForm.tsx | 62 +++---- .../form/partials/arbeidsforholdForm.tsx | 38 ++-- .../form/partials/arbeidsforholdToggle.tsx | 18 +- .../aareg/form/partials/arbeidsgiverIdent.tsx | 12 +- .../fagsystem/alderspensjon/form/Form.tsx | 33 ++-- .../fagsystem/arbeidsplassen/form/Form.tsx | 4 +- .../form/partials/AndreGodkjenningerForm.tsx | 2 +- .../form/partials/AnnenErfaringForm.tsx | 15 +- .../form/partials/ArbeidserfaringForm.tsx | 23 +-- .../form/partials/EraseFillButtons.tsx | 4 +- .../form/partials/FagbrevForm.tsx | 2 +- .../form/partials/JobboenskerForm.tsx | 10 +- .../arbeidsplassen/form/partials/KursForm.tsx | 8 +- .../partials/OffentligeGodkjenningerForm.tsx | 5 +- .../form/partials/SammendragForm.tsx | 8 +- .../form/partials/UtdanningForm.tsx | 17 +- .../components/fagsystem/arena/form/Form.tsx | 10 +- .../arena/form/partials/MedServicebehov.tsx | 4 +- .../bankkonto/form/UtenlandskBankkonto.tsx | 2 +- .../fagsystem/brregstub/form/Form.tsx | 4 +- .../form/partials/EgneOrganisasjoner.tsx | 30 ++-- .../brregstub/form/partials/enheterForm.tsx | 4 +- .../brregstub/form/partials/orgnrToggle.tsx | 8 +- .../form/partials/personrollerForm.tsx | 14 +- .../fagsystem/dokarkiv/form/DokarkivForm.tsx | 43 +++-- .../fagsystem/histark/form/HistarkForm.tsx | 36 ++-- .../fagsystem/inntektsmelding/form/Form.tsx | 24 +-- .../partials/InntektsmeldingYtelseSelect.tsx | 20 +-- .../form/partials/orgnrToogle.tsx | 4 +- .../fagsystem/inntektstub/form/Form.tsx | 8 +- .../form/partials/inntektsendringForm.tsx | 6 +- .../form/partials/inntektsinformasjonForm.tsx | 12 +- .../arbeidsforholdForm.tsx | 4 +- .../inntektsinformasjonLister/inntektForm.tsx | 4 +- .../partials/inntektstubVirksomhetToggle.tsx | 8 +- .../form/partials/orgnummerToggle.tsx | 15 +- .../inntektstub/form/partials/versjon.tsx | 14 +- .../components/fagsystem/inst/form/Form.tsx | 4 +- .../fagsystem/krrstub/form/KrrForm.tsx | 15 +- .../fagsystem/medl/form/MedlForm.tsx | 6 +- .../fagsystem/organisasjoner/form/Form.tsx | 4 +- .../organisasjoner/form/partials/Adresser.tsx | 6 +- .../organisasjoner/form/partials/Detaljer.tsx | 22 +-- .../pdlf/form/partials/adresser/Adresser.tsx | 4 +- .../adressebeskyttelse/Adressebeskyttelse.tsx | 26 +-- .../MatrikkeladresseTilfeldig.tsx | 6 +- .../adressetyper/MatrikkeladresseVelger.tsx | 5 +- .../adressetyper/UtenlandskAdresse.tsx | 12 +- .../adresser/adressetyper/Vegadresse.tsx | 6 +- .../adressetyper/VegadresseVelger.tsx | 4 +- .../bostedsadresse/Bostedsadresse.tsx | 26 +-- .../kontaktadresse/Kontaktadresse.tsx | 24 +-- .../oppholdsadresse/Oppholdsadresse.tsx | 26 +-- .../familierelasjoner/Familierelasjoner.tsx | 4 +- .../doedfoedtBarn/DoedfoedtBarn.tsx | 2 +- .../forelderBarnRelasjon/BarnRelasjon.tsx | 8 +- .../forelderBarnRelasjon/DeltBosted.tsx | 16 +- .../ForelderBarnRelasjon.tsx | 28 +-- .../foreldreansvar/Foreldreansvar.tsx | 26 +-- .../sivilstand/Sivilstand.tsx | 30 ++-- .../pdlf/form/partials/foedsel/Foedsel.tsx | 20 +-- .../pdlf/form/partials/fullmakt/Fullmakt.tsx | 4 +- .../identifikasjon/Identifikasjon.tsx | 4 +- .../falskIdentitet/FalskIdentitet.tsx | 26 +-- .../kontaktinformasjonForDoedsbo/Adresse.tsx | 4 +- .../kontaktinformasjonForDoedsbo/Kontakt.tsx | 53 +++--- .../KontaktinformasjonForDoedsbo.tsx | 4 +- .../pdlf/form/partials/nyIdent/nyIdent.tsx | 6 +- .../pdlPerson/PdlEksisterendePerson.tsx | 2 +- .../form/partials/pdlPerson/PdlNyPerson.tsx | 13 +- .../PersondetaljerSamlet.tsx | 7 +- .../sikkerhetstiltak/Sikkerhetstiltak.tsx | 24 +-- .../partials/telefonnummer/Telefonnummer.tsx | 40 ++--- .../form/partials/vergemaal/Vergemaal.tsx | 4 +- .../visningRedigerbar/VisningRedigerbar.tsx | 24 +-- .../VisningRedigerbarPersondetaljer.tsx | 17 +- .../fagsystem/pensjon/form/Form.tsx | 10 +- .../fagsystem/sigrunstub/form/Form.tsx | 4 +- .../form/partials/enkeltinntektForm.tsx | 2 +- .../form/partials/inntektsaarForm.tsx | 24 +-- .../sigrunstubPensjonsgivende/form/Form.tsx | 12 +- .../form/PensjonsgivendeInntektForm.tsx | 2 +- .../skjermingsregister/form/SkjermingForm.tsx | 2 +- .../components/fagsystem/sykdom/form/Form.tsx | 8 +- .../form/partials/DetaljertSykemelding.tsx | 15 +- .../sykdom/form/partials/Sykemelding.tsx | 6 +- .../fagsystem/tjenestepensjon/form/Form.tsx | 4 +- .../fagsystem/udistub/form/Form.tsx | 4 +- .../udistub/form/partials/Arbeidsadgang.tsx | 14 +- .../form/partials/OppholdSammeVilkaar.tsx | 9 +- .../udistub/form/partials/Oppholdsstatus.tsx | 36 ++-- .../fagsystem/uforetrygd/form/Form.tsx | 8 +- .../form/partials/BarnetilleggForm.tsx | 6 +- .../inntektStub/validerInntekt/index.tsx | 37 ++-- .../FlyttPersonButton/FlyttPersonModal.tsx | 12 +- .../RelatertPersonImportButton.tsx | 2 +- .../js/src/components/ui/form/formUtils.tsx | 9 +- .../form/inputs/monthpicker/Monthpicker.tsx | 14 +- .../inputs/textInput/FormikFieldInput.tsx | 16 +- .../NyOrganisasjon/NyOrganisasjon.tsx | 6 +- .../testnorgePage/search/SearchOptions.tsx | 34 ++-- .../search/partials/Adresser.tsx | 16 +- .../testnorgePage/search/partials/Alder.tsx | 12 +- .../testnorgePage/search/partials/Identer.tsx | 4 +- .../search/partials/Relasjoner.tsx | 20 ++- .../radioGroupOptions/RadioGroupOptions.tsx | 10 +- .../searchContainer/SearchContainer.tsx | 2 +- .../js/src/utils/ErrorMessageWithFocus.tsx | 11 +- 115 files changed, 891 insertions(+), 836 deletions(-) diff --git a/apps/dolly-frontend/src/main/js/package-lock.json b/apps/dolly-frontend/src/main/js/package-lock.json index 36616b1f78e..21fdcd36d3f 100644 --- a/apps/dolly-frontend/src/main/js/package-lock.json +++ b/apps/dolly-frontend/src/main/js/package-lock.json @@ -5750,9 +5750,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.583", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.583.tgz", - "integrity": "sha512-93y1gcONABZ7uqYe/JWDVQP/Pj/sQSunF0HVAPdlg/pfBnOyBMLlQUxWvkqcljJg1+W6cjvPuYD+r1Th9Tn8mA==" + "version": "1.4.585", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.585.tgz", + "integrity": "sha512-B4yBlX0azdA3rVMxpYwLQfDpdwOgcnLCkpvSOd68iFmeedo+WYjaBJS3/W58LVD8CB2nf+o7C4K9xz1l09RkWg==" }, "node_modules/emoji-regex": { "version": "9.2.2", 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 bfe8fde55da..74c3ecfdd55 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 @@ -1,5 +1,4 @@ import React, { useState } from 'react' -import { Formik, FormikProps } from 'formik' import * as yup from 'yup' import { useToggle } from 'react-use' import { NavLink } from 'react-router-dom' @@ -16,6 +15,8 @@ import * as _ from 'lodash-es' import { tpsfAttributter } from '@/components/bestillingsveileder/utils' import { Mal, useDollyMaler } from '@/utils/hooks/useMaler' import { CypressSelector } from '../../../../../cypress/mocks/Selectors' +import { useFormContext } from 'react-hook-form' +import { UseFormReturn } from 'react-hook-form/dist/types' const initialValues = { antall: 1, @@ -47,107 +48,104 @@ export const NyIdent = ({ brukernavn, onAvbryt, onSubmit }: NyBestillingProps) = const [bruker, setBruker] = useState(brukernavn) const [malAktiv, toggleMalAktiv] = useToggle(false) const { maler, loading } = useDollyMaler() + const formMethods = useFormContext() const brukerOptions = getBrukerOptions(maler) const malOptions = getMalOptions(maler, bruker) - const handleMalChange = (formikbag: FormikProps) => { + const handleMalChange = (formMethods: UseFormReturn) => { toggleMalAktiv() - if (formikbag.values.mal) { - formikbag.setFieldValue('mal', null) + if (formMethods.getValues().mal) { + formMethods.setValue('mal', null) } } - const handleBrukerChange = (event: { value: any }, formikbag: FormikProps) => { + const handleBrukerChange = (event: { value: any }, formMethods: UseFormReturn) => { setBruker(event.value) - formikbag.setFieldValue('mal', null) + formMethods.setValue('mal', null) } - const preSubmit = (values: { mal: any }, formikBag: any) => { + const preSubmit = (values: { mal: any }) => { if (values.mal) values.mal = malOptions.find((m) => m.value === values.mal).data - return onSubmit(values, formikBag) + return onSubmit(values, undefined) } - return ( - - {(formikBag) => { - const valgtMal = malOptions.find((mal) => mal.value === _.get(formikBag.values, 'mal')) - const valgtMalTpsfValues = _.get(valgtMal, 'data.bestilling.tpsf') - const erTpsfMal = tpsfAttributter.some((a) => _.has(valgtMalTpsfValues, a)) + const valgtMal = malOptions.find((mal) => mal.value === _.get(formMethods.getValues(), 'mal')) + const valgtMalTpsfValues = _.get(valgtMal, 'data.bestilling.tpsf') + const erTpsfMal = tpsfAttributter.some((a) => _.has(valgtMalTpsfValues, a)) - return ( -
-

Velg type og antall

-
- - -
-
-
- handleMalChange(formikBag)} - label="Opprett fra mal" - wrapperSize={'none'} - size={'small'} - isSwitch - /> -
+ return ( +
+
+

Velg type og antall

+
+ + +
+
+
+ handleMalChange(formMethods)} + label="Opprett fra mal" + wrapperSize={'none'} + size={'small'} + isSwitch + /> +
- - handleBrukerChange(e, formikBag)} - value={bruker} - isClearable={false} - isDisabled={!malAktiv} - /> - - - {erTpsfMal && ( - - Denne malen er utdatert, og vil dessverre ikke fungere som den skal. Dette fordi - master for bestillinger er endret fra TPS til PDL. Vi anbefaler at du oppretter en - ny mal og sletter denne malen. - - )} -
- -
-
- + handleBrukerChange(e, formMethods)} + value={bruker} + isClearable={false} + isDisabled={!malAktiv} + /> + + + {erTpsfMal && ( + + Denne malen er utdatert, og vil dessverre ikke fungere som den skal. Dette fordi + master for bestillinger er endret fra TPS til PDL. Vi anbefaler at du oppretter en ny + mal og sletter denne malen. + + )} +
+
- ) - }} - +
+ +
+ ) } diff --git a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/MalForm.tsx b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/MalForm.tsx index b4c84200fcf..6346ca130a6 100644 --- a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/MalForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/MalForm.tsx @@ -3,18 +3,15 @@ import { ifPresent, requiredString } from '@/utils/YupValidations' import { Mal, useDollyMalerBrukerOgMalnavn } from '@/utils/hooks/useMaler' import Loading from '@/components/ui/loading/Loading' import { MalOppsummering } from '@/components/bestillingsveileder/stegVelger/steg/steg3/MalOppsummering' +import { UseFormReturn } from 'react-hook-form/dist/types' export type MalerFormProps = { brukerId: string - formikBag: { setFieldValue: (arg0: string, arg1: string) => void } + formMethods: UseFormReturn opprettetFraMal: string } -export const MalForm = ({ - brukerId, - formikBag: { setFieldValue }, - opprettetFraMal, -}: MalerFormProps) => { +export const MalForm = ({ brukerId, formMethods, opprettetFraMal }: MalerFormProps) => { const [typeMal, setTypeMal] = useState(MalTyper.OPPRETT) const [opprettMal, setOpprettMal] = useState(false) const { maler, loading } = useDollyMalerBrukerOgMalnavn(brukerId, null) @@ -26,14 +23,14 @@ export const MalForm = ({ const handleToggleChange = (value: MalTyper) => { setTypeMal(value) if (value === MalTyper.OPPRETT) { - setFieldValue('malBestillingNavn', '') + formMethods.setValue('malBestillingNavn', '') } else if (value === MalTyper.ENDRE) { - setFieldValue('malBestillingNavn', opprettetFraMal || '') + formMethods.setValue('malBestillingNavn', opprettetFraMal || '') } } const handleCheckboxChange = (value: BaseSyntheticEvent) => { - setFieldValue('malBestillingNavn', value.target?.checked ? '' : undefined) + formMethods.setValue('malBestillingNavn', value.target?.checked ? '' : undefined) setOpprettMal(value.target?.checked) } diff --git a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/OppsummeringKommentarForm.tsx b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/OppsummeringKommentarForm.tsx index 077c441085e..33d6987bde7 100644 --- a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/OppsummeringKommentarForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/OppsummeringKommentarForm.tsx @@ -3,13 +3,13 @@ import * as _ from 'lodash-es' import { CypressSelector } from '../../../../../../cypress/mocks/Selectors' export const OppsummeringKommentarForm = ({ formMethods }) => { - const eksisterendeBeskrivelse = _.get(formikBag.values, 'beskrivelse') + const eksisterendeBeskrivelse = _.get(formMethods.getValues(), 'beskrivelse') return (

Send med kommentar

formikBag.setFieldValue('beskrivelse', value)} + handleSubmit={(value) => formMethods.setValue('beskrivelse', value)} placeholder={ eksisterendeBeskrivelse ? eksisterendeBeskrivelse : 'Skriv inn kommentar (notat)' } diff --git a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/Steg3.tsx b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/Steg3.tsx index 5a28c2ae599..8af19442bab 100644 --- a/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/Steg3.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/Steg3.tsx @@ -8,9 +8,9 @@ import { OppsummeringKommentarForm } from '@/components/bestillingsveileder/steg import { BestillingsveilederContext } from '@/components/bestillingsveileder/BestillingsveilederContext' import * as _ from 'lodash-es' import { MalFormOrganisasjon } from '@/pages/organisasjoner/MalFormOrganisasjon' -import { useFormikContext } from 'formik' import { useCurrentBruker, useOrganisasjonTilgang } from '@/utils/hooks/useBruker' import Loading from '@/components/ui/loading/Loading' +import { useFormContext } from 'react-hook-form' const Bestillingskriterier = React.lazy( () => import('@/components/bestilling/sammendrag/kriterier/Bestillingskriterier'), @@ -18,7 +18,7 @@ const Bestillingskriterier = React.lazy( export const Steg3 = () => { const opts = useContext(BestillingsveilederContext) - const formikBag = useFormikContext() + const formMethods = useFormContext() const { currentBruker } = useCurrentBruker() const { organisasjonTilgang } = useOrganisasjonTilgang() @@ -26,23 +26,23 @@ export const Steg3 = () => { const importTestnorge = opts.is.importTestnorge - const erOrganisasjon = formikBag.values.hasOwnProperty('organisasjon') + const erOrganisasjon = formMethods.getValues('organisasjon') const erQ2MiljoeAvhengig = - _.get(formikBag.values, 'pdldata.person.fullmakt') || - _.get(formikBag.values, 'pdldata.person.falskIdentitet') || - _.get(formikBag.values, 'pdldata.person.falskIdentitet') || - _.get(formikBag.values, 'pdldata.person.utenlandskIdentifikasjonsnummer') || - _.get(formikBag.values, 'pdldata.person.kontaktinformasjonForDoedsbo') + _.get(formMethods.getValues(), 'pdldata.person.fullmakt') || + _.get(formMethods.getValues(), 'pdldata.person.falskIdentitet') || + _.get(formMethods.getValues(), 'pdldata.person.falskIdentitet') || + _.get(formMethods.getValues(), 'pdldata.person.utenlandskIdentifikasjonsnummer') || + _.get(formMethods.getValues(), 'pdldata.person.kontaktinformasjonForDoedsbo') const bankIdBruker = currentBruker?.brukertype === 'BANKID' - const sivilstand = _.get(formikBag.values, 'pdldata.person.sivilstand') + const sivilstand = _.get(formMethods.getValues(), 'pdldata.person.sivilstand') const harRelatertPersonVedSivilstand = sivilstand?.some((item) => item.relatertVedSivilstand) - const nyIdent = _.get(formikBag.values, 'pdldata.person.nyident') + const nyIdent = _.get(formMethods.getValues(), 'pdldata.person.nyident') const harEksisterendeNyIdent = nyIdent?.some((item) => item.eksisterendeIdent) - const forelderBarnRelasjon = _.get(formikBag.values, 'pdldata.person.forelderBarnRelasjon') + const forelderBarnRelasjon = _.get(formMethods.getValues(), 'pdldata.person.forelderBarnRelasjon') const harRelatertPersonBarn = forelderBarnRelasjon?.some((item) => item.relatertPerson) const alleredeValgtMiljoe = () => { @@ -61,39 +61,39 @@ export const Steg3 = () => { useEffect(() => { if (importTestnorge) { - if (harAvhukedeAttributter(formikBag.values)) { - formikBag.setFieldValue('environments', alleredeValgtMiljoe()) + if (harAvhukedeAttributter(formMethods.getValues())) { + formMethods.setValue('environments', alleredeValgtMiljoe()) } - formikBag.setFieldValue('gruppeId', opts.gruppe?.id) + formMethods.setValue('gruppeId', opts.gruppe?.id) } else if (bankIdBruker) { - formikBag.setFieldValue('environments', alleredeValgtMiljoe()) + formMethods.setValue('environments', alleredeValgtMiljoe()) } else if (erQ1EllerQ2MiljoeAvhengig(formMethods.getValues())) { - formikBag.setFieldValue('environments', ['q1', 'q2']) - } else if (formikBag.values?.sykemelding) { - formikBag.setFieldValue('environments', ['q1']) + formMethods.setValue('environments', ['q1', 'q2']) + } else if (formMethods.getValues()?.sykemelding) { + formMethods.setValue('environments', ['q1']) } else if (erQ2MiljoeAvhengig) { - formikBag.setFieldValue('environments', alleredeValgtMiljoe()) - } else if (!formikBag.values?.environments) { - formikBag.setFieldValue('environments', []) + formMethods.setValue('environments', alleredeValgtMiljoe()) + } else if (!formMethods.getValues()?.environments) { + formMethods.setValue('environments', []) } if (harRelatertPersonVedSivilstand || harEksisterendeNyIdent || harRelatertPersonBarn) { - formikBag.setFieldValue('malBestillingNavn', undefined) + formMethods.setValue('malBestillingNavn', undefined) } }, []) - const visMiljoeVelger = formikBag.values.hasOwnProperty('environments') + const visMiljoeVelger = formMethods.getValues().hasOwnProperty('environments') return (
- {harAvhukedeAttributter(formikBag.values) && ( + {harAvhukedeAttributter(formMethods.getValues()) && (
}> - +
)} {visMiljoeVelger && ( + formMethods: UseFormReturn title: string fraGruppe?: number } export const VelgGruppe = ({ formMethods, title, fraGruppe = null }: VelgGruppeProps) => { - const [valgtGruppe, setValgtGruppe] = useState(_.get(formikBag.values, `gruppeId`)) + const [valgtGruppe, setValgtGruppe] = useState(_.get(formMethods.getValues(), `gruppeId`)) useEffect(() => { setValgtGruppe(valgtGruppe || '') // for å vise feilmeldingsvisning }) useEffect(() => { - formikBag.setFieldValue('gruppeId', valgtGruppe) + formMethods.setValue('gruppeId', valgtGruppe) }, [valgtGruppe]) return ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/Form.tsx index 5f2827d50f4..4157e4d26fe 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/Form.tsx @@ -3,19 +3,19 @@ import Panel from '@/components/ui/panel/Panel' import { erForsteEllerTest, panelError } from '@/components/ui/form/formUtils' import { validation } from './validation' import { ArbeidsforholdToggle } from './partials/arbeidsforholdToggle' -import { useFormikContext } from 'formik' +import { useFormContext } from 'react-hook-form' export const aaregAttributt = 'aareg' export const AaregForm = () => { - const formikBag = useFormikContext() + const formMethods = useFormContext() return ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/ameldingForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/ameldingForm.tsx index 493147e4ebe..15b6787c7ba 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/ameldingForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/ameldingForm.tsx @@ -17,10 +17,10 @@ import { ArbeidsforholdForm } from './arbeidsforholdForm' import { Monthpicker } from '@/components/ui/form/inputs/monthpicker/Monthpicker' import DollyKjede from '@/components/dollyKjede/DollyKjede' import KjedeIcon from '@/components/dollyKjede/KjedeIcon' -import { useFormikContext } from 'formik' import { Amelding, KodeverkValue } from '@/components/fagsystem/aareg/AaregTypes' import { Hjelpetekst } from '@/components/hjelpetekst/Hjelpetekst' import { fixTimezone } from '@/components/ui/form/formUtils' +import { useFormContext } from 'react-hook-form' interface AmeldingFormProps { warningMessage?: any @@ -42,31 +42,31 @@ const Slettknapp = styled(Button)` ` export const AmeldingForm = ({ warningMessage }: AmeldingFormProps): JSX.Element => { - const formikBag = useFormikContext() + const formMethods = useFormContext() const paths = { arbeidsforholdstype: 'aareg[0].arbeidsforholdstype', periode: 'aareg[0].genererPeriode.periode', amelding: 'aareg[0].amelding', } - const arbeidsforholdstype = _.get(formikBag.values, paths.arbeidsforholdstype) + const arbeidsforholdstype = _.get(formMethods.getValues(), paths.arbeidsforholdstype) - const fom = _.get(formikBag.values, 'aareg[0].genererPeriode.fom') + const fom = _.get(formMethods.getValues(), 'aareg[0].genererPeriode.fom') const fomDate = isDate(fom) ? fixTimezone(fom) : fom - const tom = _.get(formikBag.values, 'aareg[0].genererPeriode.tom') + const tom = _.get(formMethods.getValues(), 'aareg[0].genererPeriode.tom') const tomDate = isDate(tom) ? fixTimezone(tom) : tom - const periode = _.get(formikBag.values, paths.periode) - const ameldinger = _.get(formikBag.values, paths.amelding) + const periode = _.get(formMethods.getValues(), paths.periode) + const ameldinger = _.get(formMethods.getValues(), paths.amelding) const [erLenket, setErLenket, setErIkkeLenket] = useBoolean(true) const [selectedIndex, setSelectedIndex] = useState(0) const handlePeriodeChange = (dato: string, type: string) => { const fixedDato = fixTimezone(dato) - formikBag.setFieldValue(`aareg[0].genererPeriode.${type}`, fixedDato) + formMethods.setValue(`aareg[0].genererPeriode.${type}`, fixedDato) if ((type === 'tom' && fom) || (type === 'fom' && tom)) { - const maanederPrev: Array = _.get(formikBag.values, paths.amelding) + const maanederPrev: Array = _.get(formMethods.getValues(), paths.amelding) const maaneder: Array = [] const maanederTmp = eachMonthOfInterval({ start: new Date(type === 'fom' ? dato : fomDate), @@ -75,26 +75,26 @@ export const AmeldingForm = ({ warningMessage }: AmeldingFormProps): JSX.Element maanederTmp.forEach((maaned) => { maaneder.push(format(maaned, 'yyyy-MM')) }) - formikBag.setFieldValue(paths.periode, maaneder) + formMethods.setValue(paths.periode, maaneder) if (maaneder.length < maanederPrev.length) { const maanederFiltered = maanederPrev.filter((maaned) => maaneder.includes(maaned.maaned)) - formikBag.setFieldValue(paths.amelding, maanederFiltered) + formMethods.setValue(paths.amelding, maanederFiltered) } else { maaneder.forEach((mnd, idx) => { - const currMaaned = _.get(formikBag.values, paths.amelding).find( + const currMaaned = _.get(formMethods.getValues(), paths.amelding).find( (element: Amelding) => element.maaned === mnd, ) - formikBag.setFieldValue(`${paths.amelding}[${idx}]`, { + formMethods.setValue(`${paths.amelding}[${idx}]`, { maaned: mnd, arbeidsforhold: currMaaned ? currMaaned.arbeidsforhold : arbeidsforholdstype === 'forenkletOppgjoersordning' - ? [initialForenkletOppgjoersordningOrg] - : [initialArbeidsforholdOrg], + ? [initialForenkletOppgjoersordningOrg] + : [initialArbeidsforholdOrg], }) if (arbeidsforholdstype === 'maritimtArbeidsforhold') { - formikBag.setFieldValue( + formMethods.setValue( `${paths.amelding}[${idx}].arbeidsforhold[0].fartoy`, initialFartoy, ) @@ -105,7 +105,7 @@ export const AmeldingForm = ({ warningMessage }: AmeldingFormProps): JSX.Element } const handleArbeidsforholdstypeChange = (event: KodeverkValue) => { - const amelding = _.get(formikBag.values, paths.amelding) + const amelding = _.get(formMethods.getValues(), paths.amelding) const ameldingClone = _.cloneDeep(amelding) if (event.value === 'forenkletOppgjoersordning') { @@ -128,8 +128,8 @@ export const AmeldingForm = ({ warningMessage }: AmeldingFormProps): JSX.Element } }) } - formikBag.setFieldValue(paths.amelding, ameldingClone) - formikBag.setFieldValue(paths.arbeidsforholdstype, event.value) + formMethods.setValue(paths.amelding, ameldingClone) + formMethods.setValue(paths.arbeidsforholdstype, event.value) } const handleNewEntry = () => { @@ -138,16 +138,16 @@ export const AmeldingForm = ({ warningMessage }: AmeldingFormProps): JSX.Element return } const currArbeidsforhold = _.get( - formikBag.values, + formMethods.getValues(), `${paths.amelding}[${idMaaned}].arbeidsforhold`, ) const nyttArbeidsforhold = arbeidsforholdstype === 'forenkletOppgjoersordning' ? initialForenkletOppgjoersordningOrg : arbeidsforholdstype === 'maritimtArbeidsforhold' - ? { ...initialArbeidsforholdOrg, fartoy: initialFartoy } - : initialArbeidsforholdOrg - formikBag.setFieldValue(`${paths.amelding}[${idMaaned}].arbeidsforhold`, [ + ? { ...initialArbeidsforholdOrg, fartoy: initialFartoy } + : initialArbeidsforholdOrg + formMethods.setValue(`${paths.amelding}[${idMaaned}].arbeidsforhold`, [ ...currArbeidsforhold, nyttArbeidsforhold, ]) @@ -160,22 +160,22 @@ export const AmeldingForm = ({ warningMessage }: AmeldingFormProps): JSX.Element return } const currArbeidsforhold = _.get( - formikBag.values, + formMethods.getValues(), `${paths.amelding}[${idMaaned}].arbeidsforhold`, ) currArbeidsforhold?.splice(idArbeidsforhold, 1) - formikBag.setFieldValue(`${paths.amelding}[${idMaaned}].arbeidsforhold`, currArbeidsforhold) + formMethods.setValue(`${paths.amelding}[${idMaaned}].arbeidsforhold`, currArbeidsforhold) }) } const handleFjernMaaned = () => { - const currAmelding = _.get(formikBag.values, paths.amelding) + const currAmelding = _.get(formMethods.getValues(), paths.amelding) currAmelding.splice(selectedIndex, 1) - formikBag.setFieldValue(paths.amelding, currAmelding) + formMethods.setValue(paths.amelding, currAmelding) const nyPeriode = periode nyPeriode.splice(selectedIndex, 1) - formikBag.setFieldValue(paths.periode, nyPeriode) + formMethods.setValue(paths.periode, nyPeriode) if (periode?.length === 1) { setSelectedIndex(0) @@ -188,11 +188,11 @@ export const AmeldingForm = ({ warningMessage }: AmeldingFormProps): JSX.Element const feilmelding = () => { if ( - !_.get(formikBag.values, paths.arbeidsforholdstype) && - _.has(formikBag.touched, paths.arbeidsforholdstype) + !_.get(formMethods.getValues(), paths.arbeidsforholdstype) && + _.has(formMethods.formState.touchedFields, paths.arbeidsforholdstype) ) { return { - feilmelding: _.get(formikBag.errors, paths.arbeidsforholdstype), + feilmelding: _.get(formMethods.formState.errors, paths.arbeidsforholdstype), } } } 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 728cbbf2516..602f92fa533 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,10 +22,10 @@ import { ArbeidsgiverIdent } from '@/components/fagsystem/aareg/form/partials/ar import { isDate } from 'date-fns' import { EgneOrganisasjoner } from '@/components/fagsystem/brregstub/form/partials/EgneOrganisasjoner' import { BestillingsveilederContext } from '@/components/bestillingsveileder/BestillingsveilederContext' -import { FormikErrors, FormikTouched, FormikValues, useFormikContext } from 'formik' import * as _ from 'lodash-es' import { Monthpicker } from '@/components/ui/form/inputs/monthpicker/Monthpicker' import { fixTimezone } from '@/components/ui/form/formUtils' +import { useFormContext } from 'react-hook-form' type Arbeidsforhold = { isOppdatering?: boolean @@ -82,20 +82,14 @@ export const ArbeidsforholdForm = ({ if (formValues.length > 1) { return true } - return !_.isEqual(values.aareg, [initialArbeidsforholdOrg]) + return !_.isEqual(getValues('aareg'), [initialArbeidsforholdOrg]) } const { - touched, - values, - errors, - setFieldValue, - }: { - touched: FormikTouched - values: FormikValues - errors: FormikErrors - setFieldValue: any - } = useFormikContext() + formState: { errors, touchedFields: touched }, + getValues, + setValue: setFieldValue, + } = useFormContext() const [navArbeidsforholdPeriode, setNavArbeidsforholdPeriode] = useState(null as unknown as Date) const { tidligereBestillinger } = useContext(BestillingsveilederContext) const tidligereAaregBestillinger = hentUnikeAaregBestillinger(tidligereBestillinger) @@ -105,7 +99,7 @@ export const ArbeidsforholdForm = ({ arbeidsforholdIndex < tidligereAaregBestillinger?.length useEffect(() => { - if (_.isEmpty(tidligereAaregBestillinger) || harGjortFormEndringer(values.aareg)) { + if (_.isEmpty(tidligereAaregBestillinger) || harGjortFormEndringer(getValues('aareg'))) { return } setFieldValue( @@ -115,14 +109,14 @@ export const ArbeidsforholdForm = ({ return aaregBestilling }), ) - }, [values.aareg]) + }, [getValues('aareg')]) - const gjeldendeArbeidsgiver = _.get(values, `${path}.arbeidsgiver`) + const gjeldendeArbeidsgiver = _.get(getValues(), `${path}.arbeidsgiver`) const arbeidsforholdstype = typeof ameldingIndex !== 'undefined' - ? _.get(values, 'aareg[0].arbeidsforholdstype') - : _.get(values, `${path}.arbeidsforholdstype`) + ? _.get(getValues(), 'aareg[0].arbeidsforholdstype') + : _.get(getValues(), `${path}.arbeidsforholdstype`) const onChangeLenket = (fieldPath: string) => { if (arbeidsgiverType !== ArbeidsgiverTyper.egen) { return (field) => { @@ -136,7 +130,7 @@ export const ArbeidsforholdForm = ({ const value = isDate(field) ? fixTimezone(field) : field?.value || field?.target?.value || null - const amelding = _.get(values, 'aareg[0].amelding') || [] + const amelding = _.get(getValues(), 'aareg[0].amelding') || [] amelding.forEach((_maaned, idx) => { if (!erLenket && idx < ameldingIndex) { return null @@ -216,7 +210,7 @@ export const ArbeidsforholdForm = ({ const feilmelding = () => { if ( - !_.get(values, `${path}.arbeidsforholdstype`) && + !_.get(getValues(), `${path}.arbeidsforholdstype`) && _.has(touched, `${path}.arbeidsforholdstype`) ) { return { @@ -259,7 +253,7 @@ export const ArbeidsforholdForm = ({ )} @@ -268,7 +262,7 @@ export const ArbeidsforholdForm = ({ name={`${path}.arbeidsgiver.orgnummer`} label={'Organisasjonsnummer'} size="xlarge" - feil={checkAktiveArbeidsforhold(values.aareg)} + feil={checkAktiveArbeidsforhold(getValues('aareg'))} defaultValue={gjeldendeArbeidsgiver?.orgnummer} isDisabled={erLaastArbeidsforhold} /> @@ -309,7 +303,7 @@ export const ArbeidsforholdForm = ({ kodeverk={ArbeidKodeverk.SluttaarsakAareg} size="xlarge" onChange={onChangeLenket('ansettelsesPeriode.sluttaarsak')} - isDisabled={!_.get(values, `${path}.ansettelsesPeriode.tom`)} + isDisabled={!_.get(getValues(), `${path}.ansettelsesPeriode.tom`)} /> { - const formikBag = useFormikContext() + const formMethods = useFormContext() const { organisasjoner } = useDollyFasteDataOrganisasjoner(true) const getArbeidsgiverType = () => { - const orgnummer = _.get(formikBag.values, 'aareg[0].arbeidsgiver.orgnummer') + const orgnummer = _.get(formMethods.getValues(), 'aareg[0].arbeidsgiver.orgnummer') if ( - _.get(formikBag.values, 'aareg[0].amelding[0]') || - _.get(formikBag.values, 'aareg[0].arbeidsforhold') + _.get(formMethods.getValues(), 'aareg[0].amelding[0]') || + _.get(formMethods.getValues(), 'aareg[0].arbeidsforhold') ) { return ArbeidsgiverTyper.egen - } else if (_.get(formikBag.values, 'aareg[0].arbeidsgiver.aktoertype') === 'PERS') { + } else if (_.get(formMethods.getValues(), 'aareg[0].arbeidsgiver.aktoertype') === 'PERS') { return ArbeidsgiverTyper.privat } else if ( !orgnummer || @@ -71,11 +71,11 @@ export const ArbeidsforholdToggle = (): ReactElement => { const handleToggleChange = (value: ArbeidsgiverTyper) => { setTypeArbeidsgiver(value) if (value === ArbeidsgiverTyper.privat) { - formikBag.setFieldValue('aareg', [initialAaregPers]) + formMethods.setValue('aareg', [initialAaregPers]) } else if (value === ArbeidsgiverTyper.felles || value === ArbeidsgiverTyper.fritekst) { - formikBag.setFieldValue('aareg', [initialAaregOrg]) + formMethods.setValue('aareg', [initialAaregOrg]) } else if (value === ArbeidsgiverTyper.egen) { - formikBag.setFieldValue('aareg', [initialValues]) + formMethods.setValue('aareg', [initialValues]) } } 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 b5f3700760c..811519cf655 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 @@ -5,7 +5,7 @@ import Icon from '@/components/ui/icon/Icon' import Loading from '@/components/ui/loading/Loading' import { DollyTextInput } from '@/components/ui/form/inputs/textInput/TextInput' import { PdlforvalterApi } from '@/service/Api' -import { useFormikContext } from 'formik' +import { useFormContext } from 'react-hook-form' type ArbeidsgiverIdentProps = { path: string @@ -13,9 +13,9 @@ type ArbeidsgiverIdentProps = { } export const ArbeidsgiverIdent = ({ path, isDisabled }: ArbeidsgiverIdentProps) => { - const formikBag = useFormikContext() + const formMethods = useFormContext() const [error, setError] = useState(null) - const [personnummer, setPersonnummer] = useState(_.get(formikBag.values, path)) + const [personnummer, setPersonnummer] = useState(_.get(formMethods.getValues(), path)) const [success, setSuccess] = useBoolean(false) const [loading, setLoading] = useBoolean(false) @@ -31,7 +31,7 @@ export const ArbeidsgiverIdent = ({ path, isDisabled }: ArbeidsgiverIdentProps) handleManualPersonnrChange(personnr) } else { setError('Ident må være et tall med 11 siffer') - formikBag.setFieldValue(`${path}`, '') + formMethods.setValue(`${path}`, '') } } @@ -43,7 +43,7 @@ export const ArbeidsgiverIdent = ({ path, isDisabled }: ArbeidsgiverIdentProps) if (!response?.data || response?.data?.length < 1) { setError('Fant ikke arbeidsgiver-ident') setLoading(false) - formikBag.setFieldValue(`${path}`, '') + formMethods.setValue(`${path}`, '') return } @@ -52,7 +52,7 @@ export const ArbeidsgiverIdent = ({ path, isDisabled }: ArbeidsgiverIdentProps) setLoading(false) setPersonnummer(personnr) - formikBag.setFieldValue(`${path}`, personnr) + formMethods.setValue(`${path}`, personnr) }) .catch(() => setError('Fant ikke arbeidsgiver-ident')) } diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/alderspensjon/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/alderspensjon/form/Form.tsx index 9b3f1a081a8..617c54d9e4b 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/alderspensjon/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/alderspensjon/form/Form.tsx @@ -32,10 +32,10 @@ export const AlderspensjonForm = ({ formMethods }) => { const { nyBestilling, leggTil, importTestnorge, leggTilPaaGruppe } = opts?.is const harAlder = - _has(formikBag.values, 'pdldata.opprettNyPerson.alder') && - _has(formikBag.values, 'pdldata.opprettNyPerson.foedtFoer') - const alderNyPerson = _get(formikBag.values, 'pdldata.opprettNyPerson.alder') - const foedtFoer = _get(formikBag.values, 'pdldata.opprettNyPerson.foedtFoer') + _has(formMethods.getValues(), 'pdldata.opprettNyPerson.alder') && + _has(formMethods.getValues(), 'pdldata.opprettNyPerson.foedtFoer') + const alderNyPerson = _get(formMethods.getValues(), 'pdldata.opprettNyPerson.alder') + const foedtFoer = _get(formMethods.getValues(), 'pdldata.opprettNyPerson.foedtFoer') const harUgyldigAlder = (alderNyPerson && alderNyPerson < 62) || (isDate(foedtFoer) && add(foedtFoer, { years: 62 }) > new Date()) @@ -69,7 +69,7 @@ export const AlderspensjonForm = ({ formMethods }) => { ugyldigFoedselsaar = true } } - const foedsel = _get(formikBag.values, 'pdldata.person.foedsel') + const foedsel = _get(formMethods.getValues(), 'pdldata.person.foedsel') if (foedsel) { const foedselsaar = foedsel[foedsel.length - 1]?.foedselsaar || @@ -84,17 +84,17 @@ export const AlderspensjonForm = ({ formMethods }) => { } const harNorskBankkonto = - _has(formikBag.values, 'bankkonto.norskBankkonto') || + _has(formMethods.getValues(), 'bankkonto.norskBankkonto') || _has(opts, 'personFoerLeggTil.kontoregister.aktivKonto') const harPopp = - _has(formikBag.values, 'pensjonforvalter.inntekt') || + _has(formMethods.getValues(), 'pensjonforvalter.inntekt') || opts?.tidligereBestillinger?.some((bestilling) => bestilling.data?.pensjonforvalter?.inntekt) const gyldigSivilstand = ['GIFT', 'SAMBOER', 'REGISTRERT_PARTNER'] const harPartner = - _get(formikBag.values, 'pdldata.person.sivilstand')?.some((siv) => + _get(formMethods.getValues(), 'pdldata.person.sivilstand')?.some((siv) => gyldigSivilstand.includes(siv?.type), ) || _get(opts, 'personFoerLeggTil.pdl.hentPerson.sivilstand')?.some((siv) => @@ -115,12 +115,12 @@ export const AlderspensjonForm = ({ formMethods }) => { utland: 'UTLAND', } const valgtAdresseType = () => { - const adresseUtenTilDato = _get(formikBag.values, 'pdldata.person.bostedsadresse')?.find( + const adresseUtenTilDato = _get(formMethods.getValues(), 'pdldata.person.bostedsadresse')?.find( (adresse) => adresse.gyldigFraOgMed && !adresse.gyldigTilOgMed, ) const gjeldendeAdresse = adresseUtenTilDato || - _get(formikBag.values, 'pdldata.person.bostedsadresse')?.reduce((prev, curr) => { + _get(formMethods.getValues(), 'pdldata.person.bostedsadresse')?.reduce((prev, curr) => { if (!prev.gyldigTilOgMed || !curr.gyldigTilOgMed) return null return isAfter(prev.gyldigTilOgMed, curr.gyldigTilOgMed) ? prev : curr }) @@ -155,9 +155,9 @@ export const AlderspensjonForm = ({ formMethods }) => { {nyBestilling && (!harAlder || harUgyldigAlder) && ( @@ -199,7 +199,10 @@ export const AlderspensjonForm = ({ formMethods }) => { kunne opprettes automatisk. )} - {_get(formikBag.values, `${alderspensjonPath}.relasjoner[0].sumAvForvArbKapPenInntekt`) && + {_get( + formMethods.getValues(), + `${alderspensjonPath}.relasjoner[0].sumAvForvArbKapPenInntekt`, + ) && !leggTilPaaGruppe && !harPartner && !harPartnerImportertPerson() && ( @@ -213,9 +216,9 @@ export const AlderspensjonForm = ({ formMethods }) => { - formikBag.setFieldValue(`${alderspensjonPath}.iverksettelsesdato`, dato) + formMethods.setValue(`${alderspensjonPath}.iverksettelsesdato`, dato) } minDate={setDate(addMonths(new Date(), 1), 1)} /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/Form.tsx index 5c0c215b260..847b24a71b0 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/Form.tsx @@ -23,9 +23,9 @@ export const ArbeidsplassenForm = ({ formMethods }) => {
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/AndreGodkjenningerForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/AndreGodkjenningerForm.tsx index d460a89f2a7..df47932fb0d 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/AndreGodkjenningerForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/AndreGodkjenningerForm.tsx @@ -38,7 +38,7 @@ export const AndreGodkjenningerForm = ({ formMethods }) => { name={`${annenGodkjenningPath}.issuer`} label="Utsteder" size="large" - key={`issuer_${_get(formikBag.values, `${annenGodkjenningPath}.issuer`)}`} + key={`issuer_${_get(formMethods.getValues(), `${annenGodkjenningPath}.issuer`)}`} /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/AnnenErfaringForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/AnnenErfaringForm.tsx index c918dc4ba0c..d4efa5ad366 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/AnnenErfaringForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/AnnenErfaringForm.tsx @@ -31,27 +31,30 @@ export const AnnenErfaringForm = ({ formMethods }) => { name={`${annenErfaringPath}.role`} label="Rolle" size="xlarge" - key={`role_${_get(formikBag.values, `${annenErfaringPath}.role`)}`} + key={`role_${_get(formMethods.getValues(), `${annenErfaringPath}.role`)}`} /> - formikBag.setFieldValue( + formMethods.setValue( `${annenErfaringPath}.description`, beskrivelse?.target?.value, ) } size="small" - key={`description_${_get(formikBag.values, `${annenErfaringPath}.description`)}`} + key={`description_${_get( + formMethods.getValues(), + `${annenErfaringPath}.description`, + )}`} resize /> { name={`${annenErfaringPath}.ongoing`} label="Pågående" wrapperSize="inherit" - isDisabled={_get(formikBag.values, `${annenErfaringPath}.toDate`)} + isDisabled={_get(formMethods.getValues(), `${annenErfaringPath}.toDate`)} checkboxMargin />
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/ArbeidserfaringForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/ArbeidserfaringForm.tsx index 9dba0a1a37a..e6828efa1b5 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/ArbeidserfaringForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/ArbeidserfaringForm.tsx @@ -16,8 +16,8 @@ import { EraseFillButtons } from '@/components/fagsystem/arbeidsplassen/form/par export const ArbeidserfaringForm = ({ formMethods }) => { const setYrke = (valg, path) => { - formikBag.setFieldValue(`${path}.styrkkode`, valg.value) - formikBag.setFieldValue(`${path}.jobTitle`, valg.label) + formMethods.setValue(`${path}.styrkkode`, valg.value) + formMethods.setValue(`${path}.jobTitle`, valg.label) } const arbeidserfaringListePath = 'arbeidsplassenCV.arbeidserfaring' @@ -47,7 +47,7 @@ export const ArbeidserfaringForm = ({ formMethods }) => { label="Alternativ tittel" size="large" key={`alternativeJobTitle_${_get( - formikBag.values, + formMethods.getValues(), `${arbeidsforholdPath}.alternativeJobTitle`, )}`} /> @@ -55,33 +55,36 @@ export const ArbeidserfaringForm = ({ formMethods }) => { name={`${arbeidsforholdPath}.employer`} label="Bedrift" size="large" - key={`employer_${_get(formikBag.values, `${arbeidsforholdPath}.employer`)}`} + key={`employer_${_get(formMethods.getValues(), `${arbeidsforholdPath}.employer`)}`} /> - formikBag.setFieldValue( + formMethods.setValue( `${arbeidsforholdPath}.description`, beskrivelse?.target?.value, ) } size="small" - key={`description_${_get(formikBag.values, `${arbeidsforholdPath}.description`)}`} + key={`description_${_get( + formMethods.getValues(), + `${arbeidsforholdPath}.description`, + )}`} resize /> { name={`${arbeidsforholdPath}.ongoing`} label="Nåværende jobb" wrapperSize="inherit" - isDisabled={_get(formikBag.values, `${arbeidsforholdPath}.toDate`)} + isDisabled={_get(formMethods.getValues(), `${arbeidsforholdPath}.toDate`)} checkboxMargin />
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/EraseFillButtons.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/EraseFillButtons.tsx index 4635c3cd276..28072e152b5 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/EraseFillButtons.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/EraseFillButtons.tsx @@ -7,14 +7,14 @@ export const EraseFillButtons = ({ formMethods, path, initialErase, initialFill
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/KursForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/KursForm.tsx index e99ecc85054..e8f4faf7c7c 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/KursForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/KursForm.tsx @@ -25,7 +25,7 @@ export const KursForm = ({ formMethods }) => { nested > {(kursPath, idx) => { - const durationUnit = _get(formikBag.values, `${kursPath}.durationUnit`) + const durationUnit = _get(formMethods.getValues(), `${kursPath}.durationUnit`) return ( <>
@@ -33,13 +33,13 @@ export const KursForm = ({ formMethods }) => { name={`${kursPath}.title`} label="Kursnavn" size="xlarge" - key={`title_${_get(formikBag.values, `${kursPath}.title`)}`} + key={`title_${_get(formMethods.getValues(), `${kursPath}.title`)}`} /> { }`} size="small" type="number" - key={`duration_${_get(formikBag.values, `${kursPath}.duration`)}`} + key={`duration_${_get(formMethods.getValues(), `${kursPath}.duration`)}`} />
{ name={`${offentligGodkjenningPath}.issuer`} label="Utsteder" size="large" - key={`issuer_${_get(formikBag.values, `${offentligGodkjenningPath}.issuer`)}`} + key={`issuer_${_get( + formMethods.getValues(), + `${offentligGodkjenningPath}.issuer`, + )}`} /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/SammendragForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/SammendragForm.tsx index a8f9fa1711c..f55a3a54fb8 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/SammendragForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/partials/SammendragForm.tsx @@ -14,11 +14,11 @@ export const SammendragForm = ({ formMethods }) => { formikBag.setFieldValue(sammendragPath, sammendrag?.target?.value)} + defaultValue={_get(formMethods.getValues(), sammendragPath)} + onBlur={(sammendrag) => formMethods.setValue(sammendragPath, sammendrag?.target?.value)} size="small" - key={`sammendrag_${_get(formikBag.values, sammendragPath)}`} - error={_get(formikBag.values, sammendragPath) === '' ? 'Feltet er påkrevd' : null} + key={`sammendrag_${_get(formMethods.getValues(), sammendragPath)}`} + error={_get(formMethods.getValues(), sammendragPath) === '' ? 'Feltet er påkrevd' : null} resize /> { name={`${utdanningPath}.field`} label="Grad og utdanningsretning" size="medium" - key={`field_${_get(formikBag.values, `${utdanningPath}.field`)}`} + key={`field_${_get(formMethods.getValues(), `${utdanningPath}.field`)}`} /> - formikBag.setFieldValue( - `${utdanningPath}.description`, - beskrivelse?.target?.value, - ) + formMethods.setValue(`${utdanningPath}.description`, beskrivelse?.target?.value) } size="small" - key={`description_${_get(formikBag.values, `${utdanningPath}.description`)}`} + key={`description_${_get(formMethods.getValues(), `${utdanningPath}.description`)}`} resize /> { name={`${utdanningPath}.ongoing`} label="Pågående utdanning" wrapperSize="inherit" - isDisabled={_get(formikBag.values, `${utdanningPath}.endDate`)} + isDisabled={_get(formMethods.getValues(), `${utdanningPath}.endDate`)} checkboxMargin />
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arena/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arena/form/Form.tsx index 6ba28f81a6d..20f6017b25a 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arena/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arena/form/Form.tsx @@ -18,9 +18,9 @@ export const ArenaForm = ({ formMethods }) => { const { leggTilPaaGruppe } = opts?.is const servicebehovAktiv = - _.get(formikBag.values, `${arenaPath}.arenaBrukertype`) === 'MED_SERVICEBEHOV' + _.get(formMethods.getValues(), `${arenaPath}.arenaBrukertype`) === 'MED_SERVICEBEHOV' - const dagpengerAktiv = _.get(formikBag.values, `${arenaPath}.dagpenger[0]`) + const dagpengerAktiv = _.get(formMethods.getValues(), `${arenaPath}.dagpenger[0]`) const personFoerLeggTilInntektstub = _.get(opts.personFoerLeggTil, 'inntektstub') @@ -32,14 +32,14 @@ export const ArenaForm = ({ formMethods }) => { {!leggTilPaaGruppe && dagpengerAktiv && !personFoerLeggTilInntektstub && - !formikBag.values.hasOwnProperty('inntektstub') && ( + !formMethods.getValues().hasOwnProperty('inntektstub') && ( )} {!servicebehovAktiv && ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arena/form/partials/MedServicebehov.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arena/form/partials/MedServicebehov.tsx index ff146f684de..256877d87ff 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/arena/form/partials/MedServicebehov.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/arena/form/partials/MedServicebehov.tsx @@ -23,7 +23,7 @@ const getFeilmelding = (formikBag) => { let har25Feil = false let har67Feil = false for (let path of errorPaths) { - const feil = _.get(formikBag.errors, path) + const feil = _.get(formMethods.formState.errors, path) if (feil && !har25Feil && feil.includes('25')) { har25Feil = true melding += feilmelding25 @@ -37,7 +37,7 @@ const getFeilmelding = (formikBag) => { export const MedServicebehov = ({ formMethods, path }) => { const opts = useContext(BestillingsveilederContext) - const { arenaforvalter } = formikBag.values + const { arenaforvalter } = formMethods.getValues() const feilmelding = getFeilmelding(formikBag) return ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/bankkonto/form/UtenlandskBankkonto.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/bankkonto/form/UtenlandskBankkonto.tsx index 8ef01ff15b7..e2b6ffc6460 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/bankkonto/form/UtenlandskBankkonto.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/bankkonto/form/UtenlandskBankkonto.tsx @@ -29,7 +29,7 @@ export const UtenlandskBankkonto = ({ formMethods }: any) => { } else { swift = 'BANK' + mappedLandkode + '11222' } - formikBag.setFieldValue(`${path}.swift`, swift, false) + formMethods.setValue(`${path}.swift`, swift, false) formikBag.setFieldTouched(`${path}.swift`, true) } } diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/Form.tsx index 8362a1fdf94..3986513656d 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/Form.tsx @@ -18,9 +18,9 @@ export const BrregstubForm = ({ formMethods }) => {
{ if (orgnr) { @@ -150,7 +150,7 @@ export const EgneOrganisasjoner = ({ return organisasjoner .filter( (virksomhet) => - validEnhetstyper.includes(virksomhet.enhetstype) || !virksomhet.juridiskEnhet + validEnhetstyper.includes(virksomhet.enhetstype) || !virksomhet.juridiskEnhet, ) .map((virksomhet) => { return { @@ -161,18 +161,20 @@ export const EgneOrganisasjoner = ({ } const sjekkOrganisasjoner = () => { - if (_.get(formikBag.values, path) === '') { - if (!_.has(formikBag.errors, path)) { - formikBag.setFieldError(path, 'Feltet er påkrevd') + if (_.get(formMethods.getValues(), path) === '') { + if (!_.has(formMethods.formState.errors, path)) { + formMethods.setError(path, { message: 'Feltet er påkrevd' }) } return { feilmelding: 'Feltet er påkrevd' } } else if (path.includes('amelding')) { //@ts-ignore - const valgtOrgnr = formikBag.values?.aareg?.[0]?.amelding?.flatMap((a) => - a.arbeidsforhold?.flatMap((f) => f.arbeidsgiver?.orgnummer) - ) + const valgtOrgnr = formMethods + .getValues() + ?.aareg?.[0]?.amelding?.flatMap( + (a) => a.arbeidsforhold?.flatMap((f) => f.arbeidsgiver?.orgnummer), + ) const valgtJuridiskEnhet = valgtOrgnr?.map((org) => - getOversteJuridiskEnhet(org, organisasjoner) + getOversteJuridiskEnhet(org, organisasjoner), ) const valgtJuridiskEnhetFiltrert = valgtJuridiskEnhet?.filter((org) => org !== '') const juridiskEnhetErLik = valgtJuridiskEnhetFiltrert?.every((org) => { @@ -180,8 +182,10 @@ export const EgneOrganisasjoner = ({ return true } }) - if (!juridiskEnhetErLik && !_.has(formikBag.errors, path)) { - formikBag.setFieldError(path, 'Alle organisasjoner må tilhøre samme overordnet enhet') + if (!juridiskEnhetErLik && !_.has(formMethods.formState.errors, path)) { + formMethods.setError(path, { + message: 'Alle organisasjoner må tilhøre samme overordnet enhet', + }) } return juridiskEnhetErLik ? null @@ -222,7 +226,7 @@ export const EgneOrganisasjoner = ({ setOrgnr(event.value) handleChange(event) }} - value={_.get(formikBag.values, path)} + value={_.get(formMethods.getValues(), path)} feil={sjekkOrganisasjoner()} isClearable={false} /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/enheterForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/enheterForm.tsx index 1ff3580d5b5..44390423887 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/enheterForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/enheterForm.tsx @@ -22,7 +22,7 @@ export const EnheterForm = ({ formMethods }) => { const rollerOptions = SelectOptionsFormat.formatOptions('roller', roller) const setEnhetsinfo = (org, path) => { - const currentValues = _.get(formikBag.values, path) + const currentValues = _.get(formMethods.getValues(), path) currentValues['orgNr'] = org.value currentValues['foretaksNavn'] = { navn1: org.navn } if (org.forretningsAdresse) { @@ -49,7 +49,7 @@ export const EnheterForm = ({ formMethods }) => { delete currentValues['postAdresse'] } - formikBag.setFieldValue(path, currentValues) + formMethods.setValue(path, currentValues) } return ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/orgnrToggle.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/orgnrToggle.tsx index 8d21db9cf7b..62a01ade137 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/orgnrToggle.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/orgnrToggle.tsx @@ -32,7 +32,7 @@ export const OrgnrToggle = ({ } const clearEnhetsinfo = () => { - const oldValues = _.get(formikBag.values, path) || {} + const oldValues = _.get(formMethods.getValues(), path) || {} if (oldValues.hasOwnProperty('foretaksNavn')) { delete oldValues['foretaksNavn'] } @@ -43,7 +43,7 @@ export const OrgnrToggle = ({ delete oldValues['postAdresse'] } oldValues['orgNr'] = '' - formikBag.setFieldValue(path, oldValues) + formMethods.setValue(path, oldValues) } const handleChange = (event: React.ChangeEvent) => { @@ -57,9 +57,9 @@ export const OrgnrToggle = ({ { - const personroller = _.get(formikBag.values, `${path}.personroller`) + const personroller = _.get(formMethods.getValues(), `${path}.personroller`) const getEgenskapOptions = () => { const valgteOptions = [] @@ -48,18 +48,20 @@ export const PersonrollerForm = ({ formMethods, path }) => { name={egenskap} label="Egenskap" options={egenskapOptions} - onChange={(egenskapen) => formikBag.setFieldValue(egenskap, egenskapen.value)} - value={_.get(formikBag.values, egenskap)} + onChange={(egenskapen) => formMethods.setValue(egenskap, egenskapen.value)} + value={_.get(formMethods.getValues(), egenskap)} placeholder={ - _.get(formikBag.values, egenskap) ? _.get(formikBag.values, egenskap) : 'Velg...' + _.get(formMethods.getValues(), egenskap) + ? _.get(formMethods.getValues(), egenskap) + : 'Velg...' } isClearable={false} feil={ - _.get(formikBag.values, egenskap) === '' && { + _.get(formMethods.getValues(), egenskap) === '' && { feilmelding: 'Feltet er påkrevd', } } - styles={_.get(formikBag.values, egenskap) ? colorStyles : null} + styles={_.get(formMethods.getValues(), egenskap) ? colorStyles : null} /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/dokarkiv/form/DokarkivForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/dokarkiv/form/DokarkivForm.tsx index 77252df984d..231d7cae498 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/dokarkiv/form/DokarkivForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/dokarkiv/form/DokarkivForm.tsx @@ -52,14 +52,16 @@ enum Kodeverk { export const dokarkivAttributt = 'dokarkiv' export const DokarkivForm = ({ formMethods }: DokarkivFormProps) => { - if (!_.has(formikBag.values, dokarkivAttributt)) { + if (!_.has(formMethods.getValues(), dokarkivAttributt)) { return null } - const sessionDokumenter = _.get(formikBag.values, 'dokarkiv.vedlegg') - const digitalInnsending = _.get(formikBag.values, 'dokarkiv.avsenderMottaker') + const sessionDokumenter = _.get(formMethods.getValues(), 'dokarkiv.vedlegg') + const digitalInnsending = _.get(formMethods.getValues(), 'dokarkiv.avsenderMottaker') const [files, setFiles] = useState(sessionDokumenter || []) - const [skjemaValues, setSkjemaValues] = useState(_.get(formikBag.values, 'dokarkiv.skjema')) + const [skjemaValues, setSkjemaValues] = useState( + _.get(formMethods.getValues(), 'dokarkiv.skjema'), + ) useEffect(() => { handleSkjemaChange(skjemaValues) @@ -72,8 +74,8 @@ export const DokarkivForm = ({ formMethods }: DokarkivFormProps) => { } setSkjemaValues(skjema) - formikBag.setFieldValue('dokarkiv.tittel', skjema.data) - formikBag.setFieldValue('dokarkiv.skjema', skjema) + formMethods.setValue('dokarkiv.tittel', skjema.data) + formMethods.setValue('dokarkiv.skjema', skjema) const dokumentVarianter = files.map((vedl: Vedlegg, index: number) => ({ tittel: vedl.dokNavn ? vedl.dokNavn : vedl.name, @@ -88,34 +90,34 @@ export const DokarkivForm = ({ formMethods }: DokarkivFormProps) => { })) dokumentVarianter.length > 0 - ? formikBag.setFieldValue('dokarkiv.dokumenter', dokumentVarianter) - : formikBag.setFieldValue('dokarkiv.dokumenter[0].tittel', skjema.data) + ? formMethods.setValue('dokarkiv.dokumenter', dokumentVarianter) + : formMethods.setValue('dokarkiv.dokumenter[0].tittel', skjema.data) } const handleVedleggChange = (filer: [Vedlegg]) => { setFiles(filer) - formikBag.setFieldValue('dokarkiv.vedlegg', filer) + formMethods.setValue('dokarkiv.vedlegg', filer) } const handleSakstypeChange = (target) => { - formikBag.setFieldValue('dokarkiv.sak.sakstype', target.value) + formMethods.setValue('dokarkiv.sak.sakstype', target.value) if (target.value !== 'FAGSAK') { - formikBag.setFieldValue('dokarkiv.sak.fagsaksystem', '') - formikBag.setFieldValue('dokarkiv.sak.fagsakId', '') + formMethods.setValue('dokarkiv.sak.fagsaksystem', '') + formMethods.setValue('dokarkiv.sak.fagsakId', '') } } - const harFagsak = _.get(formikBag.values, 'dokarkiv.sak.sakstype') === 'FAGSAK' + const harFagsak = _.get(formMethods.getValues(), 'dokarkiv.sak.sakstype') === 'FAGSAK' return ( // @ts-ignore { /> { - formikBag.setFieldValue( + formMethods.setValue( 'dokarkiv.journalfoerendeEnhet', event.target.value === '' ? undefined : event.target.value, ) }} feil={ - _.get(formikBag.errors, `dokarkiv.journalfoerendeEnhet`) - ? { feilmelding: _.get(formikBag.errors, `dokarkiv.journalfoerendeEnhet`) } + _.get(formMethods.formState.errors, `dokarkiv.journalfoerendeEnhet`) + ? { + feilmelding: _.get( + formMethods.formState.errors, + `dokarkiv.journalfoerendeEnhet`, + ), + } : null } name="dokarkiv.journalfoerendeEnhet" diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/histark/form/HistarkForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/histark/form/HistarkForm.tsx index 36834588fad..b0f326619eb 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/histark/form/HistarkForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/histark/form/HistarkForm.tsx @@ -41,16 +41,16 @@ enum Kodeverk { export const histarkAttributt = 'histark' export const HistarkForm = ({ formMethods }: HistarkFormProps) => { - if (!_.has(formikBag.values, histarkAttributt)) { + if (!_.has(formMethods.getValues(), histarkAttributt)) { return null } - const sessionDokumenter = _.get(formikBag.values, 'histark.vedlegg') + const sessionDokumenter = _.get(formMethods.getValues(), 'histark.vedlegg') const [files, setFiles] = useState(sessionDokumenter || []) const [startAar, setStartAar] = useState(new Date()) const [sluttAar, setSluttAar] = useState(new Date()) const [selectedNavEnhet, setSelectedNavEnhet] = useState( - _.get(formikBag.values, 'histark.dokumenter.0.enhetsnummer'), + _.get(formMethods.getValues(), 'histark.dokumenter.0.enhetsnummer'), ) const { navEnheter = [] } = useNavEnheter() @@ -60,15 +60,15 @@ export const HistarkForm = ({ formMethods }: HistarkFormProps) => { }, [files]) const handleVedleggChange = (filer: [Vedlegg]) => { setFiles(filer) - formikBag.setFieldValue('histark.vedlegg', filer) - formikBag.setFieldValue('histark.dokumenter.0.tittel', null) - formikBag.setFieldValue('histark.dokumenter.0.antallSider', null) - formikBag.setFieldValue('histark.dokumenter.0.fysiskDokument', null) + formMethods.setValue('histark.vedlegg', filer) + formMethods.setValue('histark.dokumenter.0.tittel', null) + formMethods.setValue('histark.dokumenter.0.antallSider', null) + formMethods.setValue('histark.dokumenter.0.fysiskDokument', null) filer.forEach((fil: Vedlegg, index: number) => { - formikBag.setFieldValue(`histark.dokumenter.${index}.tittel`, fil.dokNavn || fil.name) - formikBag.setFieldValue(`histark.dokumenter.${index}.antallSider`, 1) - formikBag.setFieldValue(`histark.dokumenter.${index}.fysiskDokument`, fil.content.base64) + formMethods.setValue(`histark.dokumenter.${index}.tittel`, fil.dokNavn || fil.name) + formMethods.setValue(`histark.dokumenter.${index}.antallSider`, 1) + formMethods.setValue(`histark.dokumenter.${index}.fysiskDokument`, fil.content.base64) }) } @@ -77,10 +77,10 @@ export const HistarkForm = ({ formMethods }: HistarkFormProps) => { { name={'navenhet'} value={selectedNavEnhet} onChange={(selected: Option) => { - formikBag.setFieldValue(`${path}.enhetsnummer`, selected.value) - formikBag.setFieldValue(`${path}.enhetsnavn`, selected.label) + formMethods.setValue(`${path}.enhetsnummer`, selected.value) + formMethods.setValue(`${path}.enhetsnavn`, selected.label) setSelectedNavEnhet(selected?.value) }} label={'NAV-enhet'} @@ -116,7 +116,7 @@ export const HistarkForm = ({ formMethods }: HistarkFormProps) => { size={'xlarge'} options={navEnheter} feil={ - _.has(formikBag.errors, `${path}.enhetsnavn`) + _.has(formMethods.formState.errors, `${path}.enhetsnavn`) ? { feilmelding: 'Velg en NAV-enhet' } : null } @@ -130,7 +130,7 @@ export const HistarkForm = ({ formMethods }: HistarkFormProps) => { handleDateChange={(val) => { const time = val ? new Date(val) : null setStartAar(time) - formikBag.setFieldValue(`${path}.startAar`, val ? new Date(val) : null) + formMethods.setValue(`${path}.startAar`, val ? new Date(val) : null) }} maxDate={new Date()} /> @@ -142,7 +142,7 @@ export const HistarkForm = ({ formMethods }: HistarkFormProps) => { handleDateChange={(val) => { const time = val ? new Date(val) : null setSluttAar(time) - formikBag.setFieldValue(`${path}.sluttAar`, time) + formMethods.setValue(`${path}.sluttAar`, time) }} maxDate={new Date()} /> @@ -170,7 +170,7 @@ export const HistarkForm = ({ formMethods }: HistarkFormProps) => { setFiles={setFiles} isMultiple={false} feil={ - _.has(formikBag.errors, `${path}.tittel`) + _.has(formMethods.formState.errors, `${path}.tittel`) ? { feilmelding: 'Fil er påkrevd' } : null } diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/inntektsmelding/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/inntektsmelding/form/Form.tsx index db7744de808..b2cd7d20164 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/inntektsmelding/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/inntektsmelding/form/Form.tsx @@ -79,7 +79,7 @@ const informasjonstekst = 'Personen må ha et arbeidsforhold knyttet til den val export const InntektsmeldingForm = ({ formMethods }: InntektsmeldingFormProps) => { const [typeArbeidsgiver, setTypeArbeidsgiver] = useState( - _.get(formikBag.values, 'inntektsmelding.inntekter[0].arbeidsgiverPrivat') + _.get(formMethods.getValues(), 'inntektsmelding.inntekter[0].arbeidsgiverPrivat') ? TypeArbeidsgiver.PRIVATPERSON : TypeArbeidsgiver.VIRKSOMHET, ) @@ -89,17 +89,17 @@ export const InntektsmeldingForm = ({ formMethods }: InntektsmeldingFormProps) = const handleArbeidsgiverChange = (type: TypeArbeidsgiver) => { setTypeArbeidsgiver(type) - _.get(formikBag.values, 'inntektsmelding.inntekter').forEach( + _.get(formMethods.getValues(), 'inntektsmelding.inntekter').forEach( (_inntekt: Inntekt, idx: number) => { if (type === TypeArbeidsgiver.VIRKSOMHET) { - formikBag.setFieldValue( + formMethods.setValue( `inntektsmelding.inntekter[${idx}].arbeidsgiver.virksomhetsnummer`, '', ) - formikBag.setFieldValue(`inntektsmelding.inntekter[${idx}].arbeidsgiverPrivat`, undefined) + formMethods.setValue(`inntektsmelding.inntekter[${idx}].arbeidsgiverPrivat`, undefined) } else if (type === TypeArbeidsgiver.PRIVATPERSON) { - formikBag.setFieldValue(`inntektsmelding.inntekter[${idx}].arbeidsgiver`, undefined) - formikBag.setFieldValue( + formMethods.setValue(`inntektsmelding.inntekter[${idx}].arbeidsgiver`, undefined) + formMethods.setValue( `inntektsmelding.inntekter[${idx}].arbeidsgiverPrivat.arbeidsgiverFnr`, '', ) @@ -113,13 +113,13 @@ export const InntektsmeldingForm = ({ formMethods }: InntektsmeldingFormProps) = {!leggTilPaaGruppe && - !_.has(formikBag.values, 'aareg') && + !_.has(formMethods.getValues(), 'aareg') && !_.has(personFoerLeggTil, 'aareg') && ( )} @@ -143,7 +143,7 @@ export const InntektsmeldingForm = ({ formMethods }: InntektsmeldingFormProps) = canBeEmpty={false} > {(path: string, idx: number) => { - const ytelse = _.get(formikBag.values, `${path}.ytelse`) + const ytelse = _.get(formMethods.getValues(), `${path}.ytelse`) return (
@@ -199,7 +199,9 @@ export const InntektsmeldingForm = ({ formMethods }: InntektsmeldingFormProps) = {ytelse === Ytelser.Foreldrepenger && ( { - if (_.has(formikBag.touched, ytelsePath) && _.get(formikBag.values, ytelsePath) === '') { + if (_.has(formikBag.touched, ytelsePath) && _.get(formMethods.getValues(), ytelsePath) === '') { return { feilmelding: 'Feltet er påkrevd' } } else { return feilmelding @@ -43,7 +43,7 @@ export default ({ value, label: codeToNorskLabel(value), tema: findTema(value), - })) + })), ) } render={(data: Array
) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/BarnRelasjon.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/BarnRelasjon.tsx index e5b1acbb227..e87e1f43cd7 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/BarnRelasjon.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/BarnRelasjon.tsx @@ -16,15 +16,15 @@ export const BarnRelasjon = ({ formMethods, path }: BarnRelasjonValues) => { const erRedigering = !path?.includes('pdldata') const [deltBosted, setDeltBosted] = useState( - _.get(formikBag.values, `${path}.deltBosted`) !== null, + _.get(formMethods.getValues(), `${path}.deltBosted`) !== null, ) useEffect(() => { - const currentValues = _.get(formikBag.values, `${path}.deltBosted`) + const currentValues = _.get(formMethods.getValues(), `${path}.deltBosted`) if (deltBosted && currentValues === null) { - formikBag.setFieldValue(`${path}.deltBosted`, initialDeltBosted) + formMethods.setValue(`${path}.deltBosted`, initialDeltBosted) } else if (!deltBosted) { - formikBag.setFieldValue(`${path}.deltBosted`, null) + formMethods.setValue(`${path}.deltBosted`, null) } }, [deltBosted]) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/DeltBosted.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/DeltBosted.tsx index 7e4077e8bfd..a5f1e612c6f 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/DeltBosted.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/DeltBosted.tsx @@ -58,14 +58,14 @@ export const DeltBostedForm = ({ personValues, }: DeltBostedValues) => { const getAdressetype = () => { - const type = _.get(formikBag.values, `${path}.adressetype`) + const type = _.get(formMethods.getValues(), `${path}.adressetype`) if (type) { return type - } else if (_.get(formikBag.values, `${path}.vegadresse`)) { + } else if (_.get(formMethods.getValues(), `${path}.vegadresse`)) { return 'VEGADRESSE' - } else if (_.get(formikBag.values, `${path}.matrikkeladresse`)) { + } else if (_.get(formMethods.getValues(), `${path}.matrikkeladresse`)) { return 'MATRIKKELADRESSE' - } else if (_.get(formikBag.values, `${path}.ukjentBosted`)) { + } else if (_.get(formMethods.getValues(), `${path}.ukjentBosted`)) { return 'UKJENT_BOSTED' } } @@ -73,13 +73,13 @@ export const DeltBostedForm = ({ const [adressetype, setAdressetype] = useState(getAdressetype()) useEffect(() => { - if (!_.get(formikBag.values, `${path}.adressetype`)) { - formikBag.setFieldValue(`${path}.adressetype`, getAdressetype()) + if (!_.get(formMethods.getValues(), `${path}.adressetype`)) { + formMethods.setValue(`${path}.adressetype`, getAdressetype()) } }, []) const handleChangeAdressetype = (target: Target, adressePath: string) => { - const adresse = _.get(formikBag.values, adressePath) + const adresse = _.get(formMethods.getValues(), adressePath) const adresseClone = _.cloneDeep(adresse) if (!target || target?.value === 'PARTNER_ADRESSE') { @@ -119,7 +119,7 @@ export const DeltBostedForm = ({ setAdressetype(target?.value) _.set(adresseClone, 'adressetype', target?.value || null) - formikBag.setFieldValue(path, adresseClone) + formMethods.setValue(path, adresseClone) } return ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/ForelderBarnRelasjon.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/ForelderBarnRelasjon.tsx index 5516870f9ea..6ec4dd9e87c 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/ForelderBarnRelasjon.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/ForelderBarnRelasjon.tsx @@ -47,7 +47,7 @@ export const ForelderBarnRelasjonForm = ({ 'relatertPersonUtenFolkeregisteridentifikator' const handleChangeTypeForelderBarn = (target: Target, path: string) => { - const forelderBarnRelasjon = _.get(formikBag.values, path) + const forelderBarnRelasjon = _.get(formMethods.getValues(), path) const forelderBarnClone = _.cloneDeep(forelderBarnRelasjon) _.set(forelderBarnClone, 'typeForelderBarn', target?.value || null) @@ -72,33 +72,35 @@ export const ForelderBarnRelasjonForm = ({ _.set(forelderBarnClone, nyRelatertPerson, initialPdlPerson) } - formikBag.setFieldValue(path, forelderBarnClone) + formMethods.setValue(path, forelderBarnClone) } const relatertPersonsRolle = forelderTyper.includes( - _.get(formikBag.values, `${path}.relatertPersonsRolle`), + _.get(formMethods.getValues(), `${path}.relatertPersonsRolle`), ) ? RELASJON_FORELDER : RELASJON_BARN const erBarn = relatertPersonsRolle === RELASJON_BARN - const id = _.get(formikBag.values, `${path}.id`) + const id = _.get(formMethods.getValues(), `${path}.id`) const getForelderBarnType = () => { - const forelderBarnType = _.get(formikBag.values, `${path}.typeForelderBarn`) + const forelderBarnType = _.get(formMethods.getValues(), `${path}.typeForelderBarn`) if (forelderBarnType) { return forelderBarnType - } else if (_.get(formikBag.values, `${path}.relatertPerson`)) { + } else if (_.get(formMethods.getValues(), `${path}.relatertPerson`)) { return 'EKSISTERENDE' - } else if (_.get(formikBag.values, `${path}.relatertPersonUtenFolkeregisteridentifikator`)) { + } else if ( + _.get(formMethods.getValues(), `${path}.relatertPersonUtenFolkeregisteridentifikator`) + ) { return 'UTEN_ID' } else return null } useEffect(() => { - if (!_.get(formikBag.values, `${path}.typeForelderBarn`)) { - formikBag.setFieldValue(`${path}.typeForelderBarn`, getForelderBarnType()) + if (!_.get(formMethods.getValues(), `${path}.typeForelderBarn`)) { + formMethods.setValue(`${path}.typeForelderBarn`, getForelderBarnType()) } }, []) @@ -107,7 +109,7 @@ export const ForelderBarnRelasjonForm = ({
{ - formikBag.setFieldValue( + formMethods.setValue( path, value === RELASJON_BARN ? { ...initialBarn, id: id } : { ...initialForelder, id: id }, ) @@ -166,7 +168,7 @@ export const ForelderBarnRelasjonForm = ({ )} - {!path?.includes('pdldata') && erBarn && _.get(formikBag.values, 'harDeltBosted') && ( + {!path?.includes('pdldata') && erBarn && _.get(formMethods.getValues(), 'harDeltBosted') && (
)} - {!path?.includes('pdldata') && _.get(formikBag.values, 'harForeldreansvar') && ( + {!path?.includes('pdldata') && _.get(formMethods.getValues(), 'harForeldreansvar') && (
) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/foreldreansvar/Foreldreansvar.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/foreldreansvar/Foreldreansvar.tsx index d745c110b66..15f932a85d0 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/foreldreansvar/Foreldreansvar.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/foreldreansvar/Foreldreansvar.tsx @@ -41,7 +41,7 @@ const StyledAlert = styled(Alert)` ` export const ForeldreansvarForm = ({ - formikBag, + formMethods, path, eksisterendeNyPerson = null, }: ForeldreansvarForm) => { @@ -50,7 +50,7 @@ export const ForeldreansvarForm = ({ const nyAnsvarlig = 'nyAnsvarlig' const typeAnsvarlig = 'typeAnsvarlig' const handleChangeTypeAnsvarlig = (target: Target, path: string) => { - const foreldreansvar = _.get(formikBag.values, path) + const foreldreansvar = _.get(formMethods.getValues(), path) const foreldreansvarClone = _.cloneDeep(foreldreansvar) _.set(foreldreansvarClone, typeAnsvarlig, target?.value || null) @@ -75,11 +75,11 @@ export const ForeldreansvarForm = ({ _.set(foreldreansvarClone, nyAnsvarlig, initialPdlPerson) } - formikBag.setFieldValue(path, foreldreansvarClone) + formMethods.setValue(path, foreldreansvarClone) } const handleChangeAnsvar = (target: Target, path: string) => { - const foreldreansvar = _.get(formikBag.values, path) + const foreldreansvar = _.get(formMethods.getValues(), path) const foreldreansvarClone = _.cloneDeep(foreldreansvar) _.set(foreldreansvarClone, 'ansvar', target?.value || null) @@ -90,30 +90,30 @@ export const ForeldreansvarForm = ({ _.set(foreldreansvarClone, nyAnsvarlig, undefined) } - formikBag.setFieldValue(path, foreldreansvarClone) + formMethods.setValue(path, foreldreansvarClone) } - const ansvar = _.get(formikBag.values, `${path}.ansvar`) + const ansvar = _.get(formMethods.getValues(), `${path}.ansvar`) const getTypeAnsvarlig = () => { if (ansvar !== 'ANDRE') { return null } - const type = _.get(formikBag.values, `${path}.typeAnsvarlig`) + const type = _.get(formMethods.getValues(), `${path}.typeAnsvarlig`) if (type) { return type - } else if (_.get(formikBag.values, `${path}.ansvarlig`)) { + } else if (_.get(formMethods.getValues(), `${path}.ansvarlig`)) { return TypeAnsvarlig.EKSISTERENDE - } else if (_.get(formikBag.values, `${path}.nyAnsvarlig`)) { + } else if (_.get(formMethods.getValues(), `${path}.nyAnsvarlig`)) { return TypeAnsvarlig.NY - } else if (_.get(formikBag.values, `${path}.ansvarligUtenIdentifikator`)) { + } else if (_.get(formMethods.getValues(), `${path}.ansvarligUtenIdentifikator`)) { return TypeAnsvarlig.UTEN_ID } else return null } useEffect(() => { - if (!_.get(formikBag.values, `${path}.typeAnsvarlig`)) { - formikBag.setFieldValue(`${path}.typeAnsvarlig`, getTypeAnsvarlig()) + if (!_.get(formMethods.getValues(), `${path}.typeAnsvarlig`)) { + formMethods.setValue(`${path}.typeAnsvarlig`, getTypeAnsvarlig()) } }, []) @@ -168,7 +168,7 @@ export const ForeldreansvarForm = ({ export const Foreldreansvar = ({ formMethods }: ForeldreansvarForm) => { const { personFoerLeggTil, leggTilPaaGruppe } = useContext(BestillingsveilederContext) - const relasjoner = _.get(formikBag.values, 'pdldata.person.forelderBarnRelasjon') + const relasjoner = _.get(formMethods.getValues(), 'pdldata.person.forelderBarnRelasjon') const eksisterendeRelasjoner = _.get(personFoerLeggTil, 'pdl.hentPerson.forelderBarnRelasjon') const harBarn = () => { diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/sivilstand/Sivilstand.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/sivilstand/Sivilstand.tsx index a7c48cbc67b..7e267f39a17 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/sivilstand/Sivilstand.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/familierelasjoner/sivilstand/Sivilstand.tsx @@ -34,18 +34,20 @@ export const SivilstandForm = ({ eksisterendeNyPerson = null, }: SivilstandFormTypes) => { const handleTypeChange = (selected: any, path: string) => { - formikBag.setFieldValue(`${path}.type`, selected.value) + formMethods.setValue(`${path}.type`, selected.value) if (!gyldigeSivilstander.includes(selected.value)) { - formikBag.setFieldValue(`${path}.borIkkeSammen`, false) - formikBag.setFieldValue(`${path}.relatertVedSivilstand`, null) - formikBag.setFieldValue(`${path}.nyRelatertPerson`, initialPdlPerson) + formMethods.setValue(`${path}.borIkkeSammen`, false) + formMethods.setValue(`${path}.relatertVedSivilstand`, null) + formMethods.setValue(`${path}.nyRelatertPerson`, initialPdlPerson) } if (selected.value === 'SAMBOER') { - formikBag.setFieldValue(`${path}.bekreftelsesdato`, null) + formMethods.setValue(`${path}.bekreftelsesdato`, null) } } - const kanHaRelatertPerson = gyldigeSivilstander.includes(_.get(formikBag.values, `${path}.type`)) + const kanHaRelatertPerson = gyldigeSivilstander.includes( + _.get(formMethods.getValues(), `${path}.type`), + ) return (
@@ -56,7 +58,7 @@ export const SivilstandForm = ({ onChange={(selected: any) => handleTypeChange(selected, path)} isClearable={false} /> - {_.get(formikBag.values, `${path}.type`) === 'SAMBOER' && ( + {_.get(formMethods.getValues(), `${path}.type`) === 'SAMBOER' && (
Samboer eksisterer verken i PDL eller TPS. Personer med denne typen sisvilstand vil @@ -68,16 +70,16 @@ export const SivilstandForm = ({ @@ -96,14 +98,14 @@ export const SivilstandForm = ({ label={'PERSON RELATERT TIL'} formMethods={formMethods} isExpanded={ - !isEmpty(_.get(formikBag.values, `${path}.nyRelatertPerson`), ['syntetisk']) || - _.get(formikBag.values, `${path}.relatertVedSivilstand`) !== null + !isEmpty(_.get(formMethods.getValues(), `${path}.nyRelatertPerson`), ['syntetisk']) || + _.get(formMethods.getValues(), `${path}.relatertVedSivilstand`) !== null } /> )}
) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/foedsel/Foedsel.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/foedsel/Foedsel.tsx index df9d735c57b..2a22dcdd757 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/foedsel/Foedsel.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/foedsel/Foedsel.tsx @@ -22,23 +22,23 @@ export const FoedselForm = ({ formMethods, path }: FoedselTypes) => { const opts = useContext(BestillingsveilederContext) const handleLandChange = (selected: SelectedValue, foedselPath: string) => { - formikBag.setFieldValue(`${foedselPath}.foedeland`, selected?.value || null) + formMethods.setValue(`${foedselPath}.foedeland`, selected?.value || null) if (selected?.value !== 'NOR') { - formikBag.setFieldValue(`${foedselPath}.foedekommune`, null) + formMethods.setValue(`${foedselPath}.foedekommune`, null) } } - const foedselsaar = _.get(formikBag.values, `${path}.foedselsaar`) - const foedselsdato = _.get(formikBag.values, `${path}.foedselsdato`) + const foedselsaar = _.get(formMethods.getValues(), `${path}.foedselsaar`) + const foedselsdato = _.get(formMethods.getValues(), `${path}.foedselsdato`) const minDateFoedsel = opts?.identtype === 'NPID' ? new Date('01.01.1870') : new Date('01.01.1900') const harAlder = () => { return ( - _.get(formikBag.values, 'pdldata.opprettNyPerson.alder') || - _.get(formikBag.values, 'pdldata.opprettNyPerson.foedtEtter') || - _.get(formikBag.values, 'pdldata.opprettNyPerson.foedtFoer') + _.get(formMethods.getValues(), 'pdldata.opprettNyPerson.alder') || + _.get(formMethods.getValues(), 'pdldata.opprettNyPerson.foedtEtter') || + _.get(formMethods.getValues(), 'pdldata.opprettNyPerson.foedtFoer') ) } @@ -59,7 +59,7 @@ export const FoedselForm = ({ formMethods, path }: FoedselTypes) => { label="Fødselsår" date={foedselsaar ? new Date(foedselsaar, 0) : null} handleDateChange={(val) => - formikBag.setFieldValue(`${path}.foedselsaar`, val ? new Date(val).getFullYear() : null) + formMethods.setValue(`${path}.foedselsaar`, val ? new Date(val).getFullYear() : null) } maxDate={new Date()} minDate={minDateFoedsel} @@ -74,8 +74,8 @@ export const FoedselForm = ({ formMethods, path }: FoedselTypes) => { kodeverk={AdresseKodeverk.Kommunenummer} size="large" isDisabled={ - _.get(formikBag.values, `${path}.foedeland`) !== 'NOR' && - _.get(formikBag.values, `${path}.foedeland`) !== null + _.get(formMethods.getValues(), `${path}.foedeland`) !== 'NOR' && + _.get(formMethods.getValues(), `${path}.foedeland`) !== null } /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/identifikasjon/Identifikasjon.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/identifikasjon/Identifikasjon.tsx index ebcb29981dc..04492f0cda7 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/identifikasjon/Identifikasjon.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/identifikasjon/Identifikasjon.tsx @@ -25,9 +25,9 @@ export const Identifikasjon = ({ formMethods }: IdentifikasjonValues) => { diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/identifikasjon/falskIdentitet/FalskIdentitet.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/identifikasjon/falskIdentitet/FalskIdentitet.tsx index 34ea2141f96..a35baac6083 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/identifikasjon/falskIdentitet/FalskIdentitet.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/identifikasjon/falskIdentitet/FalskIdentitet.tsx @@ -17,17 +17,17 @@ export const FalskIdentitet = ({ formMethods }) => { const settIdentitetType = (e, path, advancedValues) => { if (!e) { - formikBag.setFieldValue(path, advancedValues) + formMethods.setValue(path, advancedValues) return null } else if (e.value === 'UKJENT') { - formikBag.setFieldValue(path, { rettIdentitetErUkjent: true, ...advancedValues }) + formMethods.setValue(path, { rettIdentitetErUkjent: true, ...advancedValues }) } else if (e.value === 'ENTYDIG') { - formikBag.setFieldValue(path, { + formMethods.setValue(path, { rettIdentitetVedIdentifikasjonsnummer: null, ...advancedValues, }) } else if (e.value === 'OMTRENTLIG') { - formikBag.setFieldValue(path, { + formMethods.setValue(path, { rettIdentitetVedOpplysninger: { foedselsdato: null, kjoenn: null, @@ -49,20 +49,22 @@ export const FalskIdentitet = ({ formMethods }) => { > {(path, idx) => { const identType = () => { - if (_.has(formikBag.values, `${path}.rettIdentitetErUkjent`)) { + if (_.has(formMethods.getValues(), `${path}.rettIdentitetErUkjent`)) { return 'UKJENT' - } else if (_.has(formikBag.values, `${path}.rettIdentitetVedIdentifikasjonsnummer`)) { + } else if ( + _.has(formMethods.getValues(), `${path}.rettIdentitetVedIdentifikasjonsnummer`) + ) { return 'ENTYDIG' } - return _.has(formikBag.values, `${path}.rettIdentitetVedOpplysninger`) + return _.has(formMethods.getValues(), `${path}.rettIdentitetVedOpplysninger`) ? 'OMTRENTLIG' : null } const advancedValues = { erFalsk: true, - kilde: _.get(formikBag.values, `${path}.kilde`), - master: _.get(formikBag.values, `${path}.master`), + kilde: _.get(formMethods.getValues(), `${path}.kilde`), + master: _.get(formMethods.getValues(), `${path}.master`), } return ( @@ -92,7 +94,7 @@ export const FalskIdentitet = ({ formMethods }) => { options={navnOptions} size="xlarge" placeholder={getPlaceholder( - formikBag.values, + formMethods.getValues(), `${path}.rettIdentitetVedOpplysninger.personnavn`, )} isLoading={loading} @@ -100,11 +102,11 @@ export const FalskIdentitet = ({ formMethods }) => { setNavn( navn, `${path}.rettIdentitetVedOpplysninger.personnavn`, - formikBag.setFieldValue, + formMethods.setValue, ) } value={_.get( - formikBag.values, + formMethods.getValues(), `${path}.rettIdentitetVedOpplysninger.personnavn.fornavn`, )} /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/kontaktinformasjonForDoedsbo/Adresse.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/kontaktinformasjonForDoedsbo/Adresse.tsx index 2c4fed4caad..b3e8158837d 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/kontaktinformasjonForDoedsbo/Adresse.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/kontaktinformasjonForDoedsbo/Adresse.tsx @@ -8,7 +8,7 @@ import Button from '@/components/ui/button/Button' export const Adresse = ({ formMethods, path }) => { const [visAdresse, setVisAdresse, setSkjulAdresse] = useBoolean(false) const handleAfterChange = (selected) => { - return formikBag.setFieldValue(`${path}.poststedsnavn`, selected?.data || null) + return formMethods.setValue(`${path}.poststedsnavn`, selected?.data || null) } return ( @@ -32,7 +32,7 @@ export const Adresse = ({ formMethods, path }) => { /> - {_.get(formikBag.values, `${path}.landkode`) === 'NOR' ? ( + {_.get(formMethods.getValues(), `${path}.landkode`) === 'NOR' ? ( { - const kontaktType = _.get(formikBag.values, `${path}.kontaktType`) + const kontaktType = _.get(formMethods.getValues(), `${path}.kontaktType`) if (kontaktType) { return kontaktType - } else if (_.get(formikBag.values, `${path}.advokatSomKontakt`)) { + } else if (_.get(formMethods.getValues(), `${path}.advokatSomKontakt`)) { return 'ADVOKAT' - } else if (_.get(formikBag.values, `${path}.organisasjonSomKontakt`)) { + } else if (_.get(formMethods.getValues(), `${path}.organisasjonSomKontakt`)) { return 'ORGANISASJON' } else if ( eksisterendeNyPerson || - _.get(formikBag.values, `${path}.personSomKontakt.identifikasjonsnummer`) || - _.get(formikBag.values, `${path}.personSomKontakt.foedselsdato`) + _.get(formMethods.getValues(), `${path}.personSomKontakt.identifikasjonsnummer`) || + _.get(formMethods.getValues(), `${path}.personSomKontakt.foedselsdato`) ) { return 'PERSON_FDATO' - } else if (_.get(formikBag.values, `${path}.personSomKontakt.nyKontaktperson`)) { + } else if (_.get(formMethods.getValues(), `${path}.personSomKontakt.nyKontaktperson`)) { return 'NY_PERSON' } else return null } @@ -62,14 +62,14 @@ export const Kontakt = ({ formMethods, path, eksisterendeNyPerson = null }: Kont const navnOptions = SelectOptionsFormat.formatOptions('personnavn', navnInfo) useEffect(() => { - if (!_.get(formikBag.values, `${path}.kontaktType`)) { - formikBag.setFieldValue(`${path}.kontaktType`, getKontakttype()) + if (!_.get(formMethods.getValues(), `${path}.kontaktType`)) { + formMethods.setValue(`${path}.kontaktType`, getKontakttype()) } }, []) const handleAfterChange = (type: TypeValues) => { const { value } = type - const kontaktinfo = _.get(formikBag.values, path) + const kontaktinfo = _.get(formMethods.getValues(), path) const kontaktinfoClone = _.cloneDeep(kontaktinfo) if (value !== getKontakttype()) { @@ -92,19 +92,19 @@ export const Kontakt = ({ formMethods, path, eksisterendeNyPerson = null }: Kont _.set(kontaktinfoClone, 'organisasjonSomKontakt', undefined) } } - formikBag.setFieldValue(path, kontaktinfoClone) + formMethods.setValue(path, kontaktinfoClone) } const organisasjonHandleChange = (values: OrgValues, orgPath: string) => { - formikBag.setFieldValue(`${orgPath}.organisasjonsnummer`, values.orgnr) - formikBag.setFieldValue(`${orgPath}.organisasjonsnavn`, values.navn) + formMethods.setValue(`${orgPath}.organisasjonsnummer`, values.orgnr) + formMethods.setValue(`${orgPath}.organisasjonsnavn`, values.navn) } const disableIdent = - _.get(formikBag.values, `${personPath}.foedselsdato`) || - _.get(formikBag.values, `${personPath}.navn.fornavn`) + _.get(formMethods.getValues(), `${personPath}.foedselsdato`) || + _.get(formMethods.getValues(), `${personPath}.navn.fornavn`) - const disablePersoninfo = _.get(formikBag.values, `${personPath}.identifikasjonsnummer`) + const disablePersoninfo = _.get(formMethods.getValues(), `${personPath}.identifikasjonsnummer`) return ( @@ -129,12 +129,12 @@ export const Kontakt = ({ formMethods, path, eksisterendeNyPerson = null }: Kont label="Kontaktperson navn" options={navnOptions} size="large" - placeholder={getPlaceholder(formikBag.values, `${advokatPath}.kontaktperson`)} + placeholder={getPlaceholder(formMethods.getValues(), `${advokatPath}.kontaktperson`)} isLoading={loading} onChange={(navn: string) => - setNavn(navn, `${advokatPath}.kontaktperson`, formikBag.setFieldValue) + setNavn(navn, `${advokatPath}.kontaktperson`, formMethods.setValue) } - value={_.get(formikBag.values, `${advokatPath}.kontaktperson.fornavn`)} + value={_.get(formMethods.getValues(), `${advokatPath}.kontaktperson.fornavn`)} />
)} @@ -150,12 +150,15 @@ export const Kontakt = ({ formMethods, path, eksisterendeNyPerson = null }: Kont label="Kontaktperson navn" options={navnOptions} size="large" - placeholder={getPlaceholder(formikBag.values, `${organisasjonPath}.kontaktperson`)} + placeholder={getPlaceholder( + formMethods.getValues(), + `${organisasjonPath}.kontaktperson`, + )} isLoading={loading} onChange={(navn: string) => - setNavn(navn, `${organisasjonPath}.kontaktperson`, formikBag.setFieldValue) + setNavn(navn, `${organisasjonPath}.kontaktperson`, formMethods.setValue) } - value={_.get(formikBag.values, `${organisasjonPath}.kontaktperson.fornavn`)} + value={_.get(formMethods.getValues(), `${organisasjonPath}.kontaktperson.fornavn`)} />
)} @@ -183,12 +186,10 @@ export const Kontakt = ({ formMethods, path, eksisterendeNyPerson = null }: Kont label="Kontaktperson navn" options={navnOptions} size="xlarge" - placeholder={getPlaceholder(formikBag.values, `${personPath}.navn`)} + placeholder={getPlaceholder(formMethods.getValues(), `${personPath}.navn`)} isLoading={loading} - onChange={(navn: string) => - setNavn(navn, `${personPath}.navn`, formikBag.setFieldValue) - } - value={_.get(formikBag.values, `${personPath}.navn.fornavn`)} + onChange={(navn: string) => setNavn(navn, `${personPath}.navn`, formMethods.setValue)} + value={_.get(formMethods.getValues(), `${personPath}.navn.fornavn`)} isDisabled={disablePersoninfo} />
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/kontaktinformasjonForDoedsbo/KontaktinformasjonForDoedsbo.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/kontaktinformasjonForDoedsbo/KontaktinformasjonForDoedsbo.tsx index a6abba14f90..abc5e5db942 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/kontaktinformasjonForDoedsbo/KontaktinformasjonForDoedsbo.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/kontaktinformasjonForDoedsbo/KontaktinformasjonForDoedsbo.tsx @@ -45,9 +45,9 @@ export const KontaktinformasjonForDoedsbo = ({ formMethods }) => { ( canBeEmpty={false} > {(path: string) => { - const nyIdentValg = Object.keys(_.get(formikBag.values, path)) + const nyIdentValg = Object.keys(_.get(formMethods.getValues(), path)) .filter((key) => key !== 'eksisterendeIdent' && key !== 'kilde' && key !== 'master') .reduce((obj, key) => { - obj[key] = _.get(formikBag.values, path)[key] + obj[key] = _.get(formMethods.getValues(), path)[key] return obj }, {}) @@ -36,7 +36,7 @@ export const NyIdent = ({ formMethods }: NyIdentForm) => ( nyIdentValg={nyIdentValg} isExpanded={ !isEmpty(nyIdentValg, ['syntetisk']) || - _.get(formikBag.values, `${path}.eksisterendeIdent`) !== null + _.get(formMethods.getValues(), `${path}.eksisterendeIdent`) !== null } /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/pdlPerson/PdlEksisterendePerson.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/pdlPerson/PdlEksisterendePerson.tsx index 852cca05ae5..f2e49e82ab9 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/pdlPerson/PdlEksisterendePerson.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/pdlPerson/PdlEksisterendePerson.tsx @@ -102,7 +102,7 @@ export const PdlEksisterendePerson = ({ ) { return ( getAntallForeldre(person.foreldre) < 3 && - !_.get(formikBag.values, 'pdldata.person.forelderBarnRelasjon').some( + !_.get(formMethods.getValues(), 'pdldata.person.forelderBarnRelasjon').some( (relasjon: ForeldreBarnRelasjon, relasjonId: number) => relasjon.relatertPerson === person.value && relasjonId !== idx, ) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/pdlPerson/PdlNyPerson.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/pdlPerson/PdlNyPerson.tsx index ff7efe6cad2..e2f07918fec 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/pdlPerson/PdlNyPerson.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/pdlPerson/PdlNyPerson.tsx @@ -31,10 +31,12 @@ export const PdlNyPerson = ({ const opts = useContext(BestillingsveilederContext) const isLeggTil = opts?.is?.leggTil const disableAlder = - _.get(formikBag.values, `${nyPersonPath}.foedtEtter`) != null || - _.get(formikBag.values, `${nyPersonPath}.foedtFoer`) != null + _.get(formMethods.getValues(), `${nyPersonPath}.foedtEtter`) != null || + _.get(formMethods.getValues(), `${nyPersonPath}.foedtFoer`) != null - const disableFoedtDato = !['', null].includes(_.get(formikBag.values, `${nyPersonPath}.alder`)) + const disableFoedtDato = !['', null].includes( + _.get(formMethods.getValues(), `${nyPersonPath}.alder`), + ) const identtypeOptions = erNyIdent && isLeggTil @@ -47,8 +49,9 @@ export const PdlNyPerson = ({ eksisterendePerson && (gruppeIdenter?.includes(eksisterendePerson) || eksisterendePerson === eksisterendeNyPerson?.value || - _.get(formikBag.values, 'vergemaal.vergeIdent') === eksisterendeNyPerson?.value || - _.get(formikBag.values, 'sivilstand.relatertVedSivilstand') === eksisterendeNyPerson?.value) + _.get(formMethods.getValues(), 'vergemaal.vergeIdent') === eksisterendeNyPerson?.value || + _.get(formMethods.getValues(), 'sivilstand.relatertVedSivilstand') === + eksisterendeNyPerson?.value) return (
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/persondetaljerSamlet/PersondetaljerSamlet.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/persondetaljerSamlet/PersondetaljerSamlet.tsx index 6c1eabe97fc..ec6442977cd 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/persondetaljerSamlet/PersondetaljerSamlet.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/persondetaljerSamlet/PersondetaljerSamlet.tsx @@ -1,18 +1,19 @@ import { NavnForm } from '@/components/fagsystem/pdlf/form/partials/navn/Navn' import { KjoennForm } from '@/components/fagsystem/pdlf/form/partials/kjoenn/Kjoenn' import { PersonstatusForm } from '@/components/fagsystem/pdlf/form/partials/personstatus/Personstatus' -import { FormikProps } from 'formik' import { Alert } from '@navikt/ds-react' import { Hjelpetekst } from '@/components/hjelpetekst/Hjelpetekst' import * as _ from 'lodash-es' +import { UseFormReturn } from 'react-hook-form/dist/types' type PersondetaljerSamletTypes = { - formikBag: FormikProps<{}> + formMethods: UseFormReturn tpsMessaging?: { tpsMessagingData: { sprakKode: string } } + harSkjerming?: boolean } export const PersondetaljerSamlet = ({ formMethods, tpsMessaging }: PersondetaljerSamletTypes) => { @@ -34,7 +35,7 @@ export const PersondetaljerSamlet = ({ formMethods, tpsMessaging }: Persondetalj size={'small'} >{`Identnummer${getTekst()} kan ikke endres her.`} - {_.get(formikBag.values, 'navn') && ( + {_.get(formMethods.getValues(), 'navn') && ( <>

Navn

diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/sikkerhetstiltak/Sikkerhetstiltak.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/sikkerhetstiltak/Sikkerhetstiltak.tsx index ee2f22790cc..42a48d845c5 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/sikkerhetstiltak/Sikkerhetstiltak.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/sikkerhetstiltak/Sikkerhetstiltak.tsx @@ -46,8 +46,8 @@ export const Sikkerhetstiltak = ({ formMethods }: SikkerhetstiltakProps) => { tpsMessagingRootPath: 'tpsMessaging.sikkerhetstiltak', } - const sikkerhetstiltakListe = _.get(formikBag.values, paths.rootPath) - const sikkerhetstiltakListeTps = _.get(formikBag.values, paths.tpsMessagingRootPath) + const sikkerhetstiltakListe = _.get(formMethods.getValues(), paths.rootPath) + const sikkerhetstiltakListeTps = _.get(formMethods.getValues(), paths.tpsMessagingRootPath) if (!sikkerhetstiltakListe) { return null @@ -65,23 +65,23 @@ export const Sikkerhetstiltak = ({ formMethods }: SikkerhetstiltakProps) => { } const handleNewEntry = () => { - formikBag.setFieldValue(paths.rootPath, [...sikkerhetstiltakListe, initialSikkerhetstiltak]) - formikBag.setFieldValue(paths.tpsMessagingRootPath, [ + formMethods.setValue(paths.rootPath, [...sikkerhetstiltakListe, initialSikkerhetstiltak]) + formMethods.setValue(paths.tpsMessagingRootPath, [ ...sikkerhetstiltakListeTps, initialTpsSikkerhetstiltak, ]) } const handleValueChange = (value: string, name: string, idx: number) => { - formikBag.setFieldValue(`${paths.rootPath}[${idx}].${name}`, value) - formikBag.setFieldValue(`${paths.tpsMessagingRootPath}[${idx}].${name}`, value) + formMethods.setValue(`${paths.rootPath}[${idx}].${name}`, value) + formMethods.setValue(`${paths.tpsMessagingRootPath}[${idx}].${name}`, value) } const handleRemoveEntry = (idx: number) => { sikkerhetstiltakListe.splice(idx, 1) sikkerhetstiltakListeTps.splice(idx, 1) - formikBag.setFieldValue(paths.rootPath, sikkerhetstiltakListe) - formikBag.setFieldValue(paths.tpsMessagingRootPath, sikkerhetstiltakListeTps) + formMethods.setValue(paths.rootPath, sikkerhetstiltakListe) + formMethods.setValue(paths.tpsMessagingRootPath, sikkerhetstiltakListeTps) } return ( @@ -96,7 +96,7 @@ export const Sikkerhetstiltak = ({ formMethods }: SikkerhetstiltakProps) => { handleRemoveEntry={handleRemoveEntry} > {(path: string, idx: number) => { - const personident = _.get(formikBag.values, `${path}.kontaktperson.personident`) + const personident = _.get(formMethods.getValues(), `${path}.kontaktperson.personident`) return ( <> { } size="large" onChange={(option: Option) => handleSikkerhetstiltakChange(option, idx)} - value={_.get(formikBag.values, `${path}.tiltakstype`)} + value={_.get(formMethods.getValues(), `${path}.tiltakstype`)} isClearable={false} feil={ - _.get(formikBag.values, `${path}.tiltakstype`) === '' && { + _.get(formMethods.getValues(), `${path}.tiltakstype`) === '' && { feilmelding: 'Feltet er påkrevd', } } @@ -137,7 +137,7 @@ export const Sikkerhetstiltak = ({ formMethods }: SikkerhetstiltakProps) => { visWarning={ !isToday( _.get( - formikBag.values, + formMethods.getValues(), `pdldata.person.sikkerhetstiltak[${idx}].gyldigFraOgMed`, ), ) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/telefonnummer/Telefonnummer.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/telefonnummer/Telefonnummer.tsx index dec91ed3917..094af3d75a4 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/telefonnummer/Telefonnummer.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/telefonnummer/Telefonnummer.tsx @@ -71,12 +71,12 @@ export const TelefonnummerFormRedigering = ({ path }: TelefonnummerProps) => { } export const TelefonnummerForm = ({ path, formikBag, idx }: TelefonnummerProps) => { - const tlfListe = _.get(formikBag.values, path || 'pdldata.person.telefonnummer') + const tlfListe = _.get(formMethods.getValues(), path || 'pdldata.person.telefonnummer') useEffect(() => { if (tlfListe && tlfListe.length === 1) { - formikBag.setFieldValue(`${paths.pdlTelefonnummer}[0].prioritet`, 1) - formikBag.setFieldValue(`${paths.tpsMTelefonnummer}[0].telefontype`, 'MOBI') + formMethods.setValue(`${paths.pdlTelefonnummer}[0].prioritet`, 1) + formMethods.setValue(`${paths.tpsMTelefonnummer}[0].telefontype`, 'MOBI') } }, [tlfListe]) @@ -96,18 +96,18 @@ export const TelefonnummerForm = ({ path, formikBag, idx }: TelefonnummerProps) } const handleChangeLandkode = (value: string) => { - formikBag.setFieldValue(`${path}.landskode`, value) - formikBag.setFieldValue(`${paths.tpsMTelefonnummer}[${idx}].landkode`, value) + formMethods.setValue(`${path}.landskode`, value) + formMethods.setValue(`${paths.tpsMTelefonnummer}[${idx}].landkode`, value) } const handleChangeNummer = (target: { value: string }) => { - formikBag.setFieldValue(`${path}.nummer`, target.value) - formikBag.setFieldValue(`${paths.tpsMTelefonnummer}[${idx}].telefonnummer`, target.value) + formMethods.setValue(`${path}.nummer`, target.value) + formMethods.setValue(`${paths.tpsMTelefonnummer}[${idx}].telefonnummer`, target.value) } const handleChangePrioritet = (value: number) => { - formikBag.setFieldValue(`${path}.prioritet`, value) - formikBag.setFieldValue( + formMethods.setValue(`${path}.prioritet`, value) + formMethods.setValue( `${paths.tpsMTelefonnummer}[${idx}].telefontype`, value === 2 ? 'HJET' : 'MOBI', ) @@ -127,12 +127,12 @@ export const TelefonnummerForm = ({ path, formikBag, idx }: TelefonnummerProps) name={`${path}.nummer`} label="Telefonnummer" onChange={({ target }: { target: { value: string } }) => handleChangeNummer(target)} - value={_.get(formikBag.values, `${path}.nummer`)} + value={_.get(formMethods.getValues(), `${path}.nummer`)} /*@ts-ignore*/ size="large" feil={ - _.get(formikBag.errors, `${path}.nummer`) - ? { feilmelding: _.get(formikBag.errors, `${path}.nummer`) } + _.get(formMethods.formState.errors, `${path}.nummer`) + ? { feilmelding: _.get(formMethods.formState.errors, `${path}.nummer`) } : null } /> @@ -150,25 +150,25 @@ export const TelefonnummerForm = ({ path, formikBag, idx }: TelefonnummerProps) } export const Telefonnummer = ({ formMethods, path }: TelefonnummerProps) => { - const tlfListe = _.get(formikBag.values, path || paths.pdlTelefonnummer) - const tlfListeTps = _.get(formikBag.values, path || paths.tpsMTelefonnummer) + const tlfListe = _.get(formMethods.getValues(), path || paths.pdlTelefonnummer) + const tlfListeTps = _.get(formMethods.getValues(), path || paths.tpsMTelefonnummer) if (!tlfListe) { return null } const handleNewEntry = () => { - formikBag.setFieldValue(paths.pdlTelefonnummer, [...tlfListe, initialTelefonnummer]) - formikBag.setFieldValue(paths.tpsMTelefonnummer, [...tlfListeTps, initialTpsTelefonnummer]) + formMethods.setValue(paths.pdlTelefonnummer, [...tlfListe, initialTelefonnummer]) + formMethods.setValue(paths.tpsMTelefonnummer, [...tlfListeTps, initialTpsTelefonnummer]) } const handleRemoveEntry = (idx: number) => { tlfListe.splice(idx, 1) tlfListeTps.splice(idx, 1) - formikBag.setFieldValue(paths.pdlTelefonnummer, tlfListe) - formikBag.setFieldValue(paths.tpsMTelefonnummer, tlfListeTps) - formikBag.setFieldValue(`${paths.pdlTelefonnummer}[0].prioritet`, 1) - formikBag.setFieldValue(`${paths.tpsMTelefonnummer}[0].telefontype`, 'MOBI') + formMethods.setValue(paths.pdlTelefonnummer, tlfListe) + formMethods.setValue(paths.tpsMTelefonnummer, tlfListeTps) + formMethods.setValue(`${paths.pdlTelefonnummer}[0].prioritet`, 1) + formMethods.setValue(`${paths.tpsMTelefonnummer}[0].telefontype`, 'MOBI') } return ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/vergemaal/Vergemaal.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/vergemaal/Vergemaal.tsx index 243189780a7..c40472e9ff2 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/vergemaal/Vergemaal.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/vergemaal/Vergemaal.tsx @@ -55,8 +55,8 @@ export const VergemaalForm = ({ label={'VERGE'} formMethods={formMethods} isExpanded={ - !isEmpty(_.get(formikBag.values, `${path}.nyVergeIdent`), ['syntetisk']) || - _.get(formikBag.values, `${path}.vergeIdent`) !== null + !isEmpty(_.get(formMethods.getValues(), `${path}.nyVergeIdent`), ['syntetisk']) || + _.get(formMethods.getValues(), `${path}.vergeIdent`) !== null } /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbar.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbar.tsx index 9c1fe824734..326145d702a 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbar.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbar.tsx @@ -1,6 +1,6 @@ import React, { useCallback, useRef, useState } from 'react' import * as Yup from 'yup' -import { Formik, FormikProps } from 'formik' +import { Form } from 'formik' import { FoedselForm } from '@/components/fagsystem/pdlf/form/partials/foedsel/Foedsel' import NavButton from '@/components/ui/button/NavButton/NavButton' import styled from 'styled-components' @@ -58,6 +58,8 @@ import { import { DeltBostedForm } from '@/components/fagsystem/pdlf/form/partials/familierelasjoner/forelderBarnRelasjon/DeltBosted' import { DoedfoedtBarnForm } from '@/components/fagsystem/pdlf/form/partials/familierelasjoner/doedfoedtBarn/DoedfoedtBarn' import { UtenlandsIdForm } from '@/components/fagsystem/pdlf/form/partials/identifikasjon/utenlandsId/UtenlandsId' +import { UseFormReturn } from 'react-hook-form/dist/types' +import { useFormContext } from 'react-hook-form' type VisningTypes = { getPdlForvalter: Function @@ -141,6 +143,7 @@ export const VisningRedigerbar = ({ const [errorMessagePdlf, setErrorMessagePdlf] = useState(null) const [errorMessagePdl, setErrorMessagePdl] = useState(null) const [modalIsOpen, openModal, closeModal] = useBoolean(false) + const formMethods = useFormContext() const pdlfError = (error: any) => { error && @@ -242,7 +245,7 @@ export const VisningRedigerbar = ({ return slett() }, []) - const getForm = (formikBag: FormikProps<{}>) => { + const getForm = (formMethods: UseFormReturn) => { switch (path) { case Attributt.Navn: return @@ -283,7 +286,7 @@ export const VisningRedigerbar = ({ ) case Attributt.DeltBosted: @@ -384,6 +387,7 @@ export const VisningRedigerbar = ({ ], ) + //TODO: Sjekk om denne validerer riktig const _validate = (values: any) => validate( { @@ -440,7 +444,7 @@ export const VisningRedigerbar = ({ )} {visningModus === Modus.Skriv && ( - relatertPersonInfo?.ident @@ -450,23 +454,23 @@ export const VisningRedigerbar = ({ enableReinitialize validate={_validate} > - {(formikBag) => { + {(formMethods) => { return ( <> -
{getForm(formikBag)}
+
{getForm(formMethods)}
setVisningModus(Modus.Les)} - disabled={formikBag.isSubmitting} + disabled={formMethods.formState.isSubmitting} > Avbryt formikBag.handleSubmit()} - disabled={!formikBag.isValid || formikBag.isSubmitting} + onClick={() => formMethods.handleSubmit()} + disabled={formMethods.formState.isSubmitting} > Endre @@ -475,7 +479,7 @@ export const VisningRedigerbar = ({ ) }} - + )} ) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbarPersondetaljer.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbarPersondetaljer.tsx index 6f9b4fb548f..a2d64603da7 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbarPersondetaljer.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/visning/visningRedigerbar/VisningRedigerbarPersondetaljer.tsx @@ -1,6 +1,5 @@ import React, { useCallback, useRef, useState } from 'react' import * as Yup from 'yup' -import { Formik } from 'formik' import NavButton from '@/components/ui/button/NavButton/NavButton' import styled from 'styled-components' import Button from '@/components/ui/button/Button' @@ -22,6 +21,7 @@ import { RedigerLoading, } from '@/components/fagsystem/pdlf/visning/visningRedigerbar/RedigerLoading' import { Alert } from '@navikt/ds-react' +import { Form } from 'react-hook-form' type VisningTypes = { getPdlForvalter: Function @@ -394,13 +394,12 @@ export const VisningRedigerbarPersondetaljer = ({ )} {visningModus === Modus.Skriv && ( - - {(formikBag) => { + {(formMethods) => { return ( <> @@ -415,15 +414,17 @@ export const VisningRedigerbarPersondetaljer = ({ setVisningModus(Modus.Les)} - disabled={formikBag.isSubmitting} + disabled={formMethods.formState.isSubmitting} style={{ top: '1.75px' }} > Avbryt formikBag.handleSubmit()} - disabled={!formikBag.isValid || formikBag.isSubmitting} + onClick={() => formMethods.handleSubmit()} + disabled={ + !formMethods.formState.isValid || formMethods.formState.isSubmitting + } > Endre @@ -432,7 +433,7 @@ export const VisningRedigerbarPersondetaljer = ({ ) }} - + )} ) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pensjon/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pensjon/form/Form.tsx index bb73c6dfc6f..e2dbd5d8ba4 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pensjon/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pensjon/form/Form.tsx @@ -35,21 +35,21 @@ export const PensjonForm = ({ formMethods }) => { return alder && curDate.getFullYear() - alder + 17 } - const syttenFraOgMedAar = kalkulerIdentFyltSyttenAar(formikBag.values) + const syttenFraOgMedAar = kalkulerIdentFyltSyttenAar(formMethods.getValues()) const minAar = new Date().getFullYear() - 17 - const valgtAar = _.get(formikBag.values, `${pensjonPath}.fomAar`) + const valgtAar = _.get(formMethods.getValues(), `${pensjonPath}.fomAar`) return ( {/*// @ts-ignore*/} - {!_.has(formikBag.values, 'pdldata.opprettNyPerson.alder') && + {!_.has(formMethods.getValues(), 'pdldata.opprettNyPerson.alder') && valgtAar < minAar && (nyBestilling || nyBestillingFraMal) && ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstub/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstub/form/Form.tsx index 30db2fbe8f0..56503e2bdd9 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstub/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstub/form/Form.tsx @@ -10,9 +10,9 @@ export const SigrunstubForm = ({ formMethods }) => ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstub/form/partials/enkeltinntektForm.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstub/form/partials/enkeltinntektForm.tsx index 23a92ce1800..2c30e74eb5c 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstub/form/partials/enkeltinntektForm.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstub/form/partials/enkeltinntektForm.tsx @@ -28,7 +28,7 @@ export const EnkeltinntektForm = ({ return ( {(path, idx) => { - const typeInntekt = _.get(formikBag.values, `${path}.tekniskNavn`) + const typeInntekt = _.get(formMethods.getValues(), `${path}.tekniskNavn`) return ( { } const handleTjenesteChange = (target, path) => { - formikBag.setFieldValue(`${path}.tjeneste`, target.value) - formikBag.setFieldValue(`${path}.grunnlag`, []) - formikBag.setFieldValue(`${path}.svalbardGrunnlag`, []) + formMethods.setValue(`${path}.tjeneste`, target.value) + formMethods.setValue(`${path}.grunnlag`, []) + formMethods.setValue(`${path}.svalbardGrunnlag`, []) } return ( @@ -45,7 +45,9 @@ export const InntektsaarForm = ({ formMethods }) => { name={`${path}.tjeneste`} label="Tjeneste" options={Options('tjeneste')} - isDisabled={_.get(formikBag.values, `${path}.svalbardGrunnlag`, []).length > 0} + isDisabled={ + _.get(formMethods.getValues(), `${path}.svalbardGrunnlag`, []).length > 0 + } fastfield={false} isClearable={false} size="large" @@ -57,24 +59,24 @@ export const InntektsaarForm = ({ formMethods }) => { path={`${path}.grunnlag`} header="Grunnlag fra Fastlands-Norge" initialGrunnlag={initialGrunnlag} - tjeneste={_.get(formikBag.values, `${path}.tjeneste`)} - inntektsaar={_.get(formikBag.values, `${path}.inntektsaar`)} + tjeneste={_.get(formMethods.getValues(), `${path}.tjeneste`)} + inntektsaar={_.get(formMethods.getValues(), `${path}.inntektsaar`)} formMethods={formMethods} /> )} - {_.get(formikBag.values, `${path}.tjeneste`) === 'SUMMERT_SKATTEGRUNNLAG' && ( + {_.get(formMethods.getValues(), `${path}.tjeneste`) === 'SUMMERT_SKATTEGRUNNLAG' && ( )}
- {_.isString(_.get(formikBag.errors, `${path}.grunnlag`)) && ( + {_.isString(_.get(formMethods.formState.errors, `${path}.grunnlag`)) && ( { } const tjenesteErValgt = (formikBag, path) => { - return _.get(formikBag.values, `${path}.tjeneste`) + return _.get(formMethods.getValues(), `${path}.tjeneste`) } diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstubPensjonsgivende/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstubPensjonsgivende/form/Form.tsx index c95f1864fd3..e52630f36e4 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstubPensjonsgivende/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sigrunstubPensjonsgivende/form/Form.tsx @@ -34,16 +34,14 @@ export const SigrunstubPensjonsgivendeForm = ({ formMethods }) => { useEffect(() => { const pensjonsgivendeInntektPath = 'sigrunstubPensjonsgivende[0].pensjonsgivendeInntekt' - const forstePensjonsgivendeInntekt = _.get(formikBag.values, pensjonsgivendeInntektPath) + const forstePensjonsgivendeInntekt = _.get(formMethods.getValues(), pensjonsgivendeInntektPath) if ( - _.has(formikBag.values, 'sigrunstubPensjonsgivende') && + _.has(formMethods.getValues(), 'sigrunstubPensjonsgivende') && kodeverk && skatteordning && (!forstePensjonsgivendeInntekt || forstePensjonsgivendeInntekt.length < 1) ) { - formikBag.setFieldValue(pensjonsgivendeInntektPath, [ - getInitialInntekt(kodeverk, skatteordning), - ]) + formMethods.setValue(pensjonsgivendeInntektPath, [getInitialInntekt(kodeverk, skatteordning)]) } }, [kodeverk, skatteordning]) @@ -51,9 +49,9 @@ export const SigrunstubPensjonsgivendeForm = ({ formMethods }) => { { export const PensjonsgivendeInntektForm = ({ path, formikBag, kodeverk, skatteordning }) => { const newEntry = getInitialInntekt(kodeverk, skatteordning) - const inntektError = _.get(formikBag.errors, path) + const inntektError = _.get(formMethods.formState.errors, path) return ( { } const settFormikDate = (value, path) => { - formikBag.setFieldValue(`skjerming.${path}`, value) + formMethods.setValue(`skjerming.${path}`, value) } const harSkjerming = HarAktivSkjerming() diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/Form.tsx index eb38729ad45..51ccbca04e5 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/Form.tsx @@ -18,13 +18,13 @@ export const SykdomForm = ({ formMethods }: SykdomFormProps) => ( - {formikBag.values.sykemelding != null && - formikBag.values.sykemelding.hasOwnProperty('syntSykemelding') && ( + {formMethods.getValues().sykemelding != null && + formMethods.getValues().sykemelding.hasOwnProperty('syntSykemelding') && ( Syntetisk sykemelding behandler en stor mengde data for å opprette realistiske sykemeldinger og kan derfor medføre litt lenger bestillingstid. diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/partials/DetaljertSykemelding.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/partials/DetaljertSykemelding.tsx index df1170c13af..aafbb271f5a 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/partials/DetaljertSykemelding.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/partials/DetaljertSykemelding.tsx @@ -44,12 +44,12 @@ const KODESYSTEM = '2.16.578.1.12.4.1.1.7170' export const DetaljertSykemelding = ({ formMethods }: SykemeldingForm) => { const handleDiagnoseChange = (v: DiagnoseSelect, path: string) => { - formikBag.setFieldValue(`${path}.diagnose`, v.diagnoseNavn) - formikBag.setFieldValue(`${path}.system`, KODESYSTEM) + formMethods.setValue(`${path}.diagnose`, v.diagnoseNavn) + formMethods.setValue(`${path}.system`, KODESYSTEM) } const handleLegeChange = (v: Helsepersonell) => { - formikBag.setFieldValue('sykemelding.detaljertSykemelding.helsepersonell', { + formMethods.setValue('sykemelding.detaljertSykemelding.helsepersonell', { etternavn: v.etternavn, fornavn: v.fornavn, hprId: v.hprId, @@ -60,7 +60,7 @@ export const DetaljertSykemelding = ({ formMethods }: SykemeldingForm) => { } const handleArbeidsgiverChange = (v: Arbeidsgiver) => { - formikBag.setFieldValue('sykemelding.detaljertSykemelding.mottaker', { + formMethods.setValue('sykemelding.detaljertSykemelding.mottaker', { navn: v?.navn || null, orgNr: v?.orgnr || null, adresse: { @@ -77,8 +77,8 @@ export const DetaljertSykemelding = ({ formMethods }: SykemeldingForm) => { useEffect(() => { const yrkePath = 'sykemelding.detaljertSykemelding.arbeidsgiver.yrkesbetegnelse' - if (_.get(formikBag.values, yrkePath) === '') { - formikBag.setFieldValue(yrkePath, randomYrke?.value || '') + if (_.get(formMethods.getValues(), yrkePath) === '') { + formMethods.setValue(yrkePath, randomYrke?.value || '') } }, [randomYrke]) @@ -87,7 +87,8 @@ export const DetaljertSykemelding = ({ formMethods }: SykemeldingForm) => { useEffect(() => { if ( - _.get(formikBag.values, 'sykemelding.detaljertSykemelding.helsepersonell.ident') === '' && + _.get(formMethods.getValues(), 'sykemelding.detaljertSykemelding.helsepersonell.ident') === + '' && randomHelsepersonell ) { handleLegeChange(randomHelsepersonell) diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/partials/Sykemelding.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/partials/Sykemelding.tsx index 24005952deb..ad4ef659ba0 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/partials/Sykemelding.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/form/partials/Sykemelding.tsx @@ -80,7 +80,7 @@ enum SykemeldingTyper { export const Sykemelding = ({ formMethods }: SykemeldingForm) => { const [typeSykemelding, setTypeSykemelding] = useState( - _.get(formikBag.values, 'sykemelding').hasOwnProperty('detaljertSykemelding') + _.get(formMethods.getValues(), 'sykemelding').hasOwnProperty('detaljertSykemelding') ? SykemeldingTyper.detaljert : SykemeldingTyper.synt, ) @@ -88,9 +88,9 @@ export const Sykemelding = ({ formMethods }: SykemeldingForm) => { const handleToggleChange = (value: SykemeldingTyper) => { setTypeSykemelding(value) if (value === SykemeldingTyper.detaljert) { - formikBag.setFieldValue('sykemelding', initialValuesDetaljertSykemelding) + formMethods.setValue('sykemelding', initialValuesDetaljertSykemelding) } else { - formikBag.setFieldValue('sykemelding', initialValuesSyntSykemelding) + formMethods.setValue('sykemelding', initialValuesSyntSykemelding) } } diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/tjenestepensjon/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/tjenestepensjon/form/Form.tsx index 5e75e5e48a0..e2d635ca1e3 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/tjenestepensjon/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/tjenestepensjon/form/Form.tsx @@ -45,9 +45,9 @@ export const TjenestepensjonForm = ({ formMethods }) => { {/*// @ts-ignore*/} diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/Form.tsx index 5ee2b91cabe..8463217fe45 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/Form.tsx @@ -22,9 +22,9 @@ export const UdistubForm = ({ formMethods }) => ( diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/Arbeidsadgang.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/Arbeidsadgang.tsx index 58c849635d7..bbaf7e39570 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/Arbeidsadgang.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/Arbeidsadgang.tsx @@ -26,24 +26,24 @@ export const Arbeidsadgang = ({ formMethods }) => { } ` - const harArbeidsAdgang = _.get(formikBag.values, 'udistub.arbeidsadgang.harArbeidsAdgang') + const harArbeidsAdgang = _.get(formMethods.getValues(), 'udistub.arbeidsadgang.harArbeidsAdgang') const endreArbeidsadgang = (v) => { - formikBag.setFieldValue('udistub.arbeidsadgang.harArbeidsAdgang', v.value) + formMethods.setValue('udistub.arbeidsadgang.harArbeidsAdgang', v.value) if (v.value !== 'JA') { - formikBag.setFieldValue('udistub.arbeidsadgang.arbeidsOmfang', null) - formikBag.setFieldValue('udistub.arbeidsadgang.periode', { + formMethods.setValue('udistub.arbeidsadgang.arbeidsOmfang', null) + formMethods.setValue('udistub.arbeidsadgang.periode', { fra: null, til: null, }) - formikBag.setFieldValue('udistub.arbeidsadgang.typeArbeidsadgang', null) + formMethods.setValue('udistub.arbeidsadgang.typeArbeidsadgang', null) } } - const forklaring = _.get(formikBag.values, 'udistub.arbeidsadgang.forklaring') + const forklaring = _.get(formMethods.getValues(), 'udistub.arbeidsadgang.forklaring') const endreForklaring = (text) => { - formikBag.setFieldValue('udistub.arbeidsadgang.forklaring', text === '' ? null : text) + formMethods.setValue('udistub.arbeidsadgang.forklaring', text === '' ? null : text) } const MAX_LENGTH = 4000 diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/OppholdSammeVilkaar.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/OppholdSammeVilkaar.tsx index b629c508739..3fda597333b 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/OppholdSammeVilkaar.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/OppholdSammeVilkaar.tsx @@ -11,12 +11,12 @@ export const OppholdSammeVilkaar = ({ formMethods }: { formikBag: FormikProps formikBag.setFieldValue(`${pdlBasePath}[0].oppholdFra`, dato)} + afterChange={(dato: Date) => formMethods.setValue(`${pdlBasePath}[0].oppholdFra`, dato)} label="Oppholdstillatelse fra dato" /> formikBag.setFieldValue(`${pdlBasePath}[0].oppholdTil`, dato)} + afterChange={(dato: Date) => formMethods.setValue(`${pdlBasePath}[0].oppholdTil`, dato)} label="Oppholdstillatelse til dato" /> - formikBag.setFieldValue( - `${pdlBasePath}[0].type`, - option ? option.value : 'OPPLYSNING_MANGLER', - ) + formMethods.setValue(`${pdlBasePath}[0].type`, option ? option.value : 'OPPLYSNING_MANGLER') } options={Options('oppholdstillatelseType')} /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/Oppholdsstatus.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/Oppholdsstatus.tsx index 0e99f2828e7..d7088c5e6fe 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/Oppholdsstatus.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/udistub/form/partials/Oppholdsstatus.tsx @@ -13,7 +13,7 @@ const pdlBasePath = 'pdldata.person.opphold' const harOppholdsTillatelsePath = 'udistub.harOppholdsTillatelse' const findInitialStatus = (formikBag: FormikProps) => { - const oppholdsstatusObj = formikBag.values.udistub.oppholdStatus + const oppholdsstatusObj = formMethods.getValues().udistub.oppholdStatus const eosEllerEFTAOpphold = Object.keys(oppholdsstatusObj).some((key) => key.includes('eosEllerEFTA'), ) @@ -33,7 +33,7 @@ const findInitialStatus = (formikBag: FormikProps) => { } if ( oppholdsstatusObj.ikkeOppholdSammeVilkaar || - formikBag.values.udistub.harOppholdsTillatelse === false + formMethods.getValues().udistub.harOppholdsTillatelse === false ) { return ['tredjelandsBorgere', '', 'ikkeOppholdSammeVilkaar'] } @@ -44,7 +44,7 @@ const findInitialStatus = (formikBag: FormikProps) => { } function setPdlInitialValues(formikBag: FormikProps) { - formikBag.setFieldValue(`${pdlBasePath}`, [ + formMethods.setValue(`${pdlBasePath}`, [ { type: 'OPPLYSNING_MANGLER', oppholdFra: null, @@ -63,45 +63,45 @@ export const Oppholdsstatus = ({ formMethods }: { formikBag: FormikProps }) setOppholdsstatus(value) setEosEllerEFTAtypeOpphold('') setTredjelandsBorgereValg('') - formikBag.setFieldValue(basePath, {}) + formMethods.setValue(basePath, {}) setPdlInitialValues(formikBag) } const endreEosEllerEFTAtypeOpphold = (value: string) => { setEosEllerEFTAtypeOpphold(value) - formikBag.setFieldValue(basePath, {}) - formikBag.setFieldValue(`udistub.oppholdStatus.${value}Periode`, { + formMethods.setValue(basePath, {}) + formMethods.setValue(`udistub.oppholdStatus.${value}Periode`, { fra: null, til: null, }) setPdlInitialValues(formikBag) - formikBag.setFieldValue(`udistub.oppholdStatus.${value}Effektuering`, null) - formikBag.setFieldValue(`udistub.oppholdStatus.${value}`, '') + formMethods.setValue(`udistub.oppholdStatus.${value}Effektuering`, null) + formMethods.setValue(`udistub.oppholdStatus.${value}`, '') } const endreTredjelandsBorgereValg = (value: string) => { setTredjelandsBorgereValg(value) setPdlInitialValues(formikBag) - formikBag.setFieldValue(basePath, {}) + formMethods.setValue(basePath, {}) if (value === 'oppholdSammeVilkaar') { - formikBag.setFieldValue(harOppholdsTillatelsePath, true) - formikBag.setFieldValue('udistub.oppholdStatus.oppholdSammeVilkaar', { + formMethods.setValue(harOppholdsTillatelsePath, true) + formMethods.setValue('udistub.oppholdStatus.oppholdSammeVilkaar', { oppholdSammeVilkaarPeriode: { fra: null, til: null }, oppholdSammeVilkaarEffektuering: null, oppholdstillatelseVedtaksDato: null, oppholdstillatelseType: '', }) } else if (value === 'ikkeOppholdSammeVilkaar') { - formikBag.setFieldValue(basePath, {}) - formikBag.setFieldValue(harOppholdsTillatelsePath, false) - formikBag.setFieldValue('udistub.oppholdStatus.ikkeOppholdstilatelseIkkeVilkaarIkkeVisum', { + formMethods.setValue(basePath, {}) + formMethods.setValue(harOppholdsTillatelsePath, false) + formMethods.setValue('udistub.oppholdStatus.ikkeOppholdstilatelseIkkeVilkaarIkkeVisum', { avslagEllerBortfall: { avgjorelsesDato: null, }, }) } else if (value === 'UAVKLART') { - formikBag.setFieldValue(basePath, { uavklart: true }) - formikBag.setFieldValue(harOppholdsTillatelsePath, undefined) + formMethods.setValue(basePath, { uavklart: true }) + formMethods.setValue(harOppholdsTillatelsePath, undefined) } } @@ -138,14 +138,14 @@ export const Oppholdsstatus = ({ formMethods }: { formikBag: FormikProps }) - formikBag.setFieldValue(`${pdlBasePath}[0].oppholdFra`, fixTimezone(dato)) + formMethods.setValue(`${pdlBasePath}[0].oppholdFra`, fixTimezone(dato)) } label="Oppholdstillatelse fra dato" /> - formikBag.setFieldValue(`${pdlBasePath}[0].oppholdTil`, fixTimezone(dato)) + formMethods.setValue(`${pdlBasePath}[0].oppholdTil`, fixTimezone(dato)) } label="Oppholdstillatelse til dato" /> diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/uforetrygd/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/uforetrygd/form/Form.tsx index 6d6504348ca..a4cc286ea0a 100644 --- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/uforetrygd/form/Form.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/uforetrygd/form/Form.tsx @@ -16,8 +16,8 @@ import { addDays } from 'date-fns' const uforetrygdPath = 'pensjonforvalter.uforetrygd' export const UforetrygdForm = ({ formMethods }) => { - const saksbehandler = _.get(formikBag.values, `${uforetrygdPath}.saksbehandler`) - const attesterer = _.get(formikBag.values, `${uforetrygdPath}.attesterer`) + const saksbehandler = _.get(formMethods.getValues(), `${uforetrygdPath}.saksbehandler`) + const attesterer = _.get(formMethods.getValues(), `${uforetrygdPath}.attesterer`) const [randomSaksbehandlere, setRandomSaksbehandlere] = useState([]) const [randomAttesterere, setRandomAttesterere] = useState([]) @@ -32,9 +32,9 @@ export const UforetrygdForm = ({ formMethods }) => {
{ const barnetilleggPath = 'pensjonforvalter.uforetrygd.barnetilleggDetaljer' const [harBarnetillegg, setHarBarnetillegg] = useState( - _.get(formikBag.values, barnetilleggPath) !== null, + _.get(formMethods.getValues(), barnetilleggPath) !== null, ) const handleBarnetilleggChange = (value) => { const checked = value?.target?.checked setHarBarnetillegg(checked) if (checked) { - formikBag.setFieldValue(barnetilleggPath, barnetilleggDetaljer) + formMethods.setValue(barnetilleggPath, barnetilleggDetaljer) } else { - formikBag.setFieldValue(barnetilleggPath, null) + formMethods.setValue(barnetilleggPath, null) } } diff --git a/apps/dolly-frontend/src/main/js/src/components/inntektStub/validerInntekt/index.tsx b/apps/dolly-frontend/src/main/js/src/components/inntektStub/validerInntekt/index.tsx index 8836479ef64..d69f1efb3ab 100644 --- a/apps/dolly-frontend/src/main/js/src/components/inntektStub/validerInntekt/index.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/inntektStub/validerInntekt/index.tsx @@ -18,18 +18,18 @@ const tilleggsinformasjonAttributter = { const InntektStub = ({ formMethods, inntektPath }) => { const [fields, setFields] = useState({}) - const [inntektValues] = useState(_.get(formikBag.values, inntektPath)) + const [inntektValues] = useState(_.get(formMethods.getValues(), inntektPath)) const [currentInntektstype, setCurrentInntektstype] = useState( - _.get(formikBag.values, `${inntektPath}.inntektstype`), + _.get(formMethods.getValues(), `${inntektPath}.inntektstype`), ) const currentTilleggsinformasjonstype = _.get( - formikBag.values, + formMethods.getValues(), `${inntektPath}.tilleggsinformasjonstype`, ) useEffect(() => { - setCurrentInntektstype(_.get(formikBag.values, `${inntektPath}.inntektstype`)) - }, [formikBag.values]) + setCurrentInntektstype(_.get(formMethods.getValues(), `${inntektPath}.inntektstype`)) + }, [formMethods.getValues()]) useEffect(() => { if ( @@ -51,26 +51,35 @@ const InntektStub = ({ formMethods, inntektPath }) => { useEffect(() => { if (!currentTilleggsinformasjonstype) { - formikBag.setFieldValue(`${inntektPath}.tilleggsinformasjon`, undefined) + formMethods.setValue(`${inntektPath}.tilleggsinformasjon`, undefined) return } - formikBag.setFieldValue(`${inntektPath}.tilleggsinformasjon`, { + formMethods.setValue(`${inntektPath}.tilleggsinformasjon`, { [`${tilleggsinformasjonAttributter[currentTilleggsinformasjonstype]}`]: {}, }) }, [currentTilleggsinformasjonstype]) const setFormikBag = (values) => { const nullstiltInntekt = { - beloep: _.get(formikBag.values, `${inntektPath}.beloep`), - startOpptjeningsperiode: _.get(formikBag.values, `${inntektPath}.startOpptjeningsperiode`), - sluttOpptjeningsperiode: _.get(formikBag.values, `${inntektPath}.sluttOpptjeningsperiode`), + beloep: _.get(formMethods.getValues(), `${inntektPath}.beloep`), + startOpptjeningsperiode: _.get( + formMethods.getValues(), + `${inntektPath}.startOpptjeningsperiode`, + ), + sluttOpptjeningsperiode: _.get( + formMethods.getValues(), + `${inntektPath}.sluttOpptjeningsperiode`, + ), inntektstype: values.inntektstype, } if (values.inntektstype !== currentInntektstype) { - formikBag.setFieldValue(inntektPath, nullstiltInntekt) + formMethods.setValue(inntektPath, nullstiltInntekt) } else { - formikBag.setFieldValue(inntektPath, { ..._.get(formikBag.values, inntektPath), ...values }) + formMethods.setValue(inntektPath, { + ..._.get(formMethods.getValues(), inntektPath), + ...values, + }) } } @@ -80,9 +89,9 @@ const InntektStub = ({ formMethods, inntektPath }) => { if ( valueArray.length === 1 && valueArray[0] === '' && - _.get(formikBag.values, `${inntektPath}.${name}`) + _.get(formMethods.getValues(), `${inntektPath}.${name}`) ) { - formikBag.setFieldValue(`${inntektPath}.${name}`, undefined) + formMethods.setValue(`${inntektPath}.${name}`, undefined) } } diff --git a/apps/dolly-frontend/src/main/js/src/components/ui/button/FlyttPersonButton/FlyttPersonModal.tsx b/apps/dolly-frontend/src/main/js/src/components/ui/button/FlyttPersonButton/FlyttPersonModal.tsx index f001104e999..e9d3332503f 100644 --- a/apps/dolly-frontend/src/main/js/src/components/ui/button/FlyttPersonButton/FlyttPersonModal.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/ui/button/FlyttPersonButton/FlyttPersonModal.tsx @@ -313,12 +313,10 @@ export const FlyttPersonModal = ({ gruppeId, modalIsOpen, closeModal }: FlyttPer )}
- - +

Valgte personer

- {harRelatertePersoner(_.get(formikBag.values, 'identer')) && ( + {harRelatertePersoner(_.get(formMethods.getValues(), 'identer')) && ( Du har valgt én eller flere personer som har relaterte personer. Disse vil også flyttes. )} - {_.get(formikBag.values, 'identer')?.length > 0 ? ( + {_.get(formMethods.getValues(), 'identer')?.length > 0 ? (
    - {_.get(formikBag.values, 'identer')?.map((ident: string) => ( + {_.get(formMethods.getValues(), 'identer')?.map((ident: string) => (
  • {gruppeOptions?.find((person: Option) => person?.value === ident)?.label}
    • diff --git a/apps/dolly-frontend/src/main/js/src/components/ui/button/RelatertPersonImportButton/RelatertPersonImportButton.tsx b/apps/dolly-frontend/src/main/js/src/components/ui/button/RelatertPersonImportButton/RelatertPersonImportButton.tsx index 218e2a1c96a..798c98b8247 100644 --- a/apps/dolly-frontend/src/main/js/src/components/ui/button/RelatertPersonImportButton/RelatertPersonImportButton.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/ui/button/RelatertPersonImportButton/RelatertPersonImportButton.tsx @@ -129,7 +129,7 @@ export const RelatertPersonImportButton = ({ { closeModal() - handleImport(formikBag.values?.identer) + handleImport(formMethods.getValues()?.identer) }} variant={'primary'} > diff --git a/apps/dolly-frontend/src/main/js/src/components/ui/form/formUtils.tsx b/apps/dolly-frontend/src/main/js/src/components/ui/form/formUtils.tsx index d4ae9e5d454..92215d0a543 100644 --- a/apps/dolly-frontend/src/main/js/src/components/ui/form/formUtils.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/ui/form/formUtils.tsx @@ -1,19 +1,24 @@ import * as _ from 'lodash-es' import { runningCypressE2E } from '@/service/services/Request' import { isDate } from 'date-fns' +import { useFormContext } from 'react-hook-form' export const fieldError = (meta) => { return !!meta.touched && !!meta.error ? { feilmelding: meta.error } : null } -export const panelError = (formikBag, attributtPath) => { +export const panelError = (errors, attributtPath) => { + const { + formState: { errors: panelErrors }, + } = useFormContext() + console.log('panelErrors: ', panelErrors) //TODO - SLETT MEG // Ignore if values ikke er satt if (_.isNil(attributtPath)) return false // Strings er akseptert, men konverter til Array if (!Array.isArray(attributtPath)) attributtPath = [attributtPath] - return attributtPath.some((attr) => _.has(formikBag.errors, attr)) + return attributtPath.some((attr) => _.has(errors, attr)) } export const SyntEvent = (name, value) => ({ target: { name, value } }) diff --git a/apps/dolly-frontend/src/main/js/src/components/ui/form/inputs/monthpicker/Monthpicker.tsx b/apps/dolly-frontend/src/main/js/src/components/ui/form/inputs/monthpicker/Monthpicker.tsx index e0cea5b7998..ffd393a6d83 100644 --- a/apps/dolly-frontend/src/main/js/src/components/ui/form/inputs/monthpicker/Monthpicker.tsx +++ b/apps/dolly-frontend/src/main/js/src/components/ui/form/inputs/monthpicker/Monthpicker.tsx @@ -1,9 +1,9 @@ import ReactDatepicker from 'react-datepicker' import * as _ from 'lodash-es' -import { FormikProps, useFormikContext } from 'formik' import { Label } from '@/components/ui/form/inputs/label/Label' import { TextInput } from '@/components/ui/form/inputs/textInput/TextInput' import { InputWrapper } from '@/components/ui/form/inputWrapper/InputWrapper' +import { useFormContext } from 'react-hook-form' interface MonthpickerProps { name: string @@ -27,16 +27,18 @@ export const Monthpicker = ({ maxDate = null, ...props }: MonthpickerProps) => { - const formikBag = useFormikContext() - const getFeilmelding = (formikProps: FormikProps, formikPath: string) => { - const feilmelding = _.get(formikProps.errors, formikPath) + const { + formState: { errors }, + } = useFormContext() + const getFeilmelding = (path) => { + const feilmelding = _.get(errors, path) return feilmelding ? { feilmelding: feilmelding } : null } const formattedDate = date instanceof Date || date === null ? date : new Date(date) return ( -