Diverse bugfix, inkludert ameldingform som tidvis satte fradato til 1…

…970 under form input

#deploy-test-frontend

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

@@ -74,7 +74,7 @@
     "@hookform/error-message": "^2.0.1",
     "@navikt/ds-css": "^5.0.3",
     "@navikt/ds-icons": "^3.4.3",
-    "@navikt/ds-react": "^5.0.3",
+    "@navikt/ds-react": "^5.15.0",
     "@redux-devtools/extension": "^3.2.3",
     "@reduxjs/toolkit": "^1.8.4",
     "@rollup/plugin-terser": "^0.4.1",

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg1/paneler/Brreg.tsx

@@ -37,7 +37,7 @@ BrregPanel.initialValues = ({ set, del, has }) => ({
 						foretaksNavn: {
 							navn1: '',
 						},
-						orgNr: '',
+						orgNr: null,
 						personroller: [],
 					},
 				],

apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/ameldingForm.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react'
 import styled from 'styled-components'
 import useBoolean from '@/utils/hooks/useBoolean'
 import * as _ from 'lodash'
-import { add, eachMonthOfInterval, format, isDate } from 'date-fns'
+import { add, eachMonthOfInterval, format, isAfter, isDate } from 'date-fns'
 import { DollySelect } from '@/components/ui/form/inputs/select/Select'
 import { ArbeidKodeverk } from '@/config/kodeverk'
 import NavButton from '@/components/ui/button/NavButton/NavButton'
@@ -63,15 +63,19 @@ export const AmeldingForm = ({ warningMessage }: AmeldingFormProps): JSX.Element
 
 	const handlePeriodeChange = (dato: string, type: string) => {
 		const fixedDato = fixTimezone(dato)
-		formMethods.setValue(`aareg[0].genererPeriode.${type}`, fixedDato)
+		formMethods.setValue(`aareg[0].genererPeriode.${type}`, fixedDato, { shouldTouch: true })
 
 		if ((type === 'tom' && fom) || (type === 'fom' && tom)) {
 			const maanederPrev: Array<Amelding> = formMethods.watch(paths.amelding)
 			const maaneder: Array<string> = []
-			const maanederTmp = eachMonthOfInterval({
-				start: new Date(type === 'fom' ? dato : fomDate),
-				end: new Date(type === 'tom' ? dato : tomDate),
-			})
+			const startDate = dato && new Date(type === 'fom' ? dato : fomDate)
+			const endDate = dato && new Date(type === 'tom' ? dato : tomDate)
+			const maanederTmp = isAfter(endDate, startDate)
+				? eachMonthOfInterval({
+						start: startDate,
+						end: endDate,
+					})
+				: []
 			maanederTmp.forEach((maaned) => {
 				maaneder.push(format(maaned, 'yyyy-MM'))
 			})
@@ -102,7 +106,7 @@ export const AmeldingForm = ({ warningMessage }: AmeldingFormProps): JSX.Element
 				})
 			}
 		}
-		formMethods.trigger()
+		formMethods.trigger('aareg')
 	}
 
 	const handleArbeidsforholdstypeChange = (event: KodeverkValue) => {

apps/dolly-frontend/src/main/js/src/components/fagsystem/aareg/form/partials/arbeidsforholdToggle.tsx

@@ -67,13 +67,13 @@ export const ArbeidsforholdToggle = (): ReactElement => {
 	const handleToggleChange = (value: ArbeidsgiverTyper) => {
 		setTypeArbeidsgiver(value)
 		if (value === ArbeidsgiverTyper.privat) {
-			formMethods.setValue('aareg', [initialAaregPers])
+			formMethods.resetField('aareg', { defaultValue: [initialAaregPers] })
 		} else if (value === ArbeidsgiverTyper.felles || value === ArbeidsgiverTyper.fritekst) {
-			formMethods.setValue('aareg', [initialAaregOrg])
+			formMethods.resetField('aareg', { defaultValue: [initialAaregOrg] })
 		} else if (value === ArbeidsgiverTyper.egen) {
-			formMethods.setValue('aareg', [initialValues])
+			formMethods.resetField('aareg', { defaultValue: [initialValues] })
 		}
-		formMethods.trigger('aareg')
+		formMethods.clearErrors('aareg')
 	}
 
 	const warningMessage = (

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

@@ -12,7 +12,7 @@ const initialValues = {
 	foretaksNavn: {
 		navn1: '',
 	},
-	orgNr: '',
+	orgNr: null,
 	personroller: [],
 }
 
@@ -49,6 +49,7 @@ export const EnheterForm = ({ formMethods }) => {
 		}
 
 		formMethods.setValue(path, currentValues)
+		formMethods.trigger(path)
 	}
 
 	return (

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

@@ -41,7 +41,7 @@ export const OrgnrToggle = ({
 		if (oldValues.hasOwnProperty('postAdresse')) {
 			delete oldValues['postAdresse']
 		}
-		oldValues['orgNr'] = ''
+		oldValues['orgNr'] = null
 		formMethods.setValue(path, oldValues)
 	}
 

apps/dolly-frontend/src/main/js/src/components/fagsystem/inntektstub/form/partials/orgnummerToggle.tsx

@@ -40,6 +40,7 @@ export const OrgnummerToggle = ({ formMethods, opplysningspliktigPath, path }: P
 		setInputType(value)
 		sessionStorage.setItem(ORGANISASJONSTYPE_TOGGLE, value)
 		formMethods.setValue(path, '')
+		formMethods.clearErrors(path)
 	}
 
 	const handleChange = (value: { juridiskEnhet: string; orgnr: string }) => {

apps/dolly-frontend/src/main/js/src/components/fagsystem/krrstub/form/KrrForm.tsx

@@ -39,6 +39,7 @@ export const KrrstubForm = () => {
 		} else {
 			formMethods.setValue('krrstub.registrert', true)
 		}
+		formMethods.trigger('krrstub')
 	}
 
 	return (

apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/kontaktinformasjonForDoedsbo/Kontakt.tsx

@@ -190,7 +190,11 @@ export const Kontakt = ({ formMethods, path, eksisterendeNyPerson = null }: Kont
 						size="xlarge"
 						placeholder={getPlaceholder(formMethods.getValues(), `${personPath}.navn`)}
 						isLoading={loading}
-						onChange={(navn: string) => setNavn(navn, `${personPath}.navn`, formMethods.setValue)}
+						onChange={(navn: string) => {
+							setNavn(navn, `${personPath}.navn`, formMethods.setValue)
+							formMethods.setValue(`${personPath}.identifikasjonsnummer`, undefined)
+							formMethods.trigger(personPath)
+						}}
 						value={formMethods.watch(`${personPath}.navn.fornavn`)}
 						isDisabled={disablePersoninfo}
 					/>

apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/pdlPerson/PdlEksisterendePerson.tsx

@@ -140,6 +140,10 @@ export const PdlEksisterendePerson = ({
 			{filteredOptions?.length > 0 ? (
 				<FormikSelect
 					name={eksisterendePersonPath}
+					onChange={(person) => {
+						formMethods.setValue(eksisterendePersonPath, person?.value || null)
+						formMethods.trigger('pdldata.person.kontaktinformasjonForDoedsbo')
+					}}
 					label={label}
 					options={filteredOptions}
 					size={'xlarge'}