From 9de0b72ec6056fc8600276c4a520f6512faaffbb Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 11:00:59 +0100 Subject: [PATCH 01/32] Bytt ut Grid og Cell som er deprecated med HStack --- .../Modal/HenterBehandling.tsx | 19 ++++++------------- 1 file changed, 6 insertions(+), 13 deletions(-) diff --git a/src/frontend/komponenter/Felleskomponenter/Modal/HenterBehandling.tsx b/src/frontend/komponenter/Felleskomponenter/Modal/HenterBehandling.tsx index 496d32a6..1bcb741a 100644 --- a/src/frontend/komponenter/Felleskomponenter/Modal/HenterBehandling.tsx +++ b/src/frontend/komponenter/Felleskomponenter/Modal/HenterBehandling.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { BodyShort, Cell, Grid, Loader, Modal } from '@navikt/ds-react'; +import { BodyShort, HStack, Loader, Modal } from '@navikt/ds-react'; const HenterBehandling: React.FC = () => { return ( @@ -11,20 +11,13 @@ const HenterBehandling: React.FC = () => { width="small" > - - + +
Henting av behandlingen tar litt tid. Vennligst vent! - - - - - +
+ + ); From beaca2442fe4739c9cb287d158422393efc102cb Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 11:16:34 +0100 Subject: [PATCH 02/32] Bytt ut FamilieSelect med Select fra Aksel for feilutbetaling fakta periode skjema+ fiks styling --- .../FeilutbetalingFaktaPeriodeSkjema.tsx | 96 ++++++++++--------- 1 file changed, 49 insertions(+), 47 deletions(-) diff --git a/src/frontend/komponenter/Fagsak/Fakta/FaktaPeriode/FeilutbetalingFaktaPeriodeSkjema.tsx b/src/frontend/komponenter/Fagsak/Fakta/FaktaPeriode/FeilutbetalingFaktaPeriodeSkjema.tsx index a8eaddc1..73116bf9 100644 --- a/src/frontend/komponenter/Fagsak/Fakta/FaktaPeriode/FeilutbetalingFaktaPeriodeSkjema.tsx +++ b/src/frontend/komponenter/Fagsak/Fakta/FaktaPeriode/FeilutbetalingFaktaPeriodeSkjema.tsx @@ -2,8 +2,7 @@ import * as React from 'react'; import classNames from 'classnames'; -import { BodyShort, Table } from '@navikt/ds-react'; -import { FamilieSelect } from '@navikt/familie-form-elements'; +import { BodyShort, Select, Table, VStack } from '@navikt/ds-react'; import { hendelsetyper, @@ -15,6 +14,12 @@ import { import { formatterDatostring, formatCurrencyNoKr } from '../../../../utils'; import { useFeilutbetalingFakta } from '../FeilutbetalingFaktaContext'; import { FaktaPeriodeSkjemaData } from '../typer/feilutbetalingFakta'; +import { styled } from 'styled-components'; +import { ASpacing1 } from '@navikt/ds-tokens/dist/tokens'; + +const StyledVStack = styled(VStack)` + margin-top: ${ASpacing1}; +`; interface IProps { periode: FaktaPeriodeSkjemaData; @@ -61,61 +66,58 @@ const FeilutbetalingFaktaPeriode: React.FC = ({ )} - ${formatterDatostring(periode.periode.tom)}`} - Årsak} - onChange={event => onChangeÅrsak(event)} - value={periode.hendelsestype || '-'} - erLesevisning={erLesevisning} - lesevisningVerdi={ - periode.hendelsestype ? hendelsetyper[periode.hendelsestype] : '' - } - error={ - visFeilmeldinger && - feilmeldinger?.find( - meld => meld.periode === periode.index && meld.gjelderHendelsetype - )?.melding - } - size={erLesevisning ? 'medium' : 'small'} - > - - {hendelseTyper?.map(type => ( - - ))} - - {hendelseUnderTyper && hendelseUnderTyper.length > 0 && ( - Underårsak} - onChange={event => onChangeUnderÅrsak(event)} - value={periode.hendelsesundertype || '-'} - erLesevisning={erLesevisning} - lesevisningVerdi={ - periode.hendelsesundertype - ? hendelseundertyper[periode.hendelsesundertype] - : '' - } + + + {hendelseUnderTyper && hendelseUnderTyper.length > 0 && ( + + )} + {formatCurrencyNoKr(periode.feilutbetaltBeløp)} From 7e630cf81a8c3c272f4e5ccdadd1bf9e772f21b9 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 11:34:55 +0100 Subject: [PATCH 03/32] FamilieInput -> TextField --- .../Fagsak/Brevmottaker/BrevmottakerSkjema.tsx | 15 +++++++-------- .../LeggTilEndreBrevmottakerModal.tsx | 9 ++++----- .../komponenter/Fagsak/Verge/VergeContainer.tsx | 16 ++++++++-------- .../ReduksjonAvBel\303\270pSkjema.tsx" | 12 ++++++------ .../GodTroSkjema.tsx" | 7 +++---- 5 files changed, 28 insertions(+), 31 deletions(-) diff --git a/src/frontend/komponenter/Fagsak/Brevmottaker/BrevmottakerSkjema.tsx b/src/frontend/komponenter/Fagsak/Brevmottaker/BrevmottakerSkjema.tsx index a13f819f..8e3cbb2b 100644 --- a/src/frontend/komponenter/Fagsak/Brevmottaker/BrevmottakerSkjema.tsx +++ b/src/frontend/komponenter/Fagsak/Brevmottaker/BrevmottakerSkjema.tsx @@ -2,9 +2,8 @@ import React from 'react'; import { styled } from 'styled-components'; -import { Fieldset } from '@navikt/ds-react'; +import { Fieldset, TextField } from '@navikt/ds-react'; import { ASpacing6 } from '@navikt/ds-tokens/dist/tokens'; -import { FamilieInput } from '@navikt/familie-form-elements'; import { Valideringsstatus } from '@navikt/familie-skjema'; import CountrySelect from '@navikt/landvelger'; @@ -44,22 +43,22 @@ const BrevmottakerSkjema: React.FC = ({ preutfyltNavn }) => { return ( <> - { skjema.felter.navn.validerOgSettFelt(event.target.value); }} /> - { skjema.felter.adresselinje1.validerOgSettFelt(event.target.value); }} /> - { @@ -67,7 +66,7 @@ const BrevmottakerSkjema: React.FC = ({ preutfyltNavn }) => { }} /> - = ({ preutfyltNavn }) => { skjema.felter.postnummer.validerOgSettFelt(event.target.value); }} /> - { diff --git a/src/frontend/komponenter/Fagsak/Brevmottaker/LeggTilEndreBrevmottakerModal.tsx b/src/frontend/komponenter/Fagsak/Brevmottaker/LeggTilEndreBrevmottakerModal.tsx index 5c20f6b7..fedaf72c 100644 --- a/src/frontend/komponenter/Fagsak/Brevmottaker/LeggTilEndreBrevmottakerModal.tsx +++ b/src/frontend/komponenter/Fagsak/Brevmottaker/LeggTilEndreBrevmottakerModal.tsx @@ -2,9 +2,8 @@ import React from 'react'; import { styled } from 'styled-components'; -import { Button, Fieldset, Modal, Radio, RadioGroup, Select } from '@navikt/ds-react'; +import { Button, Fieldset, Modal, Radio, RadioGroup, Select, TextField } from '@navikt/ds-react'; import { ASpacing6 } from '@navikt/ds-tokens/dist/tokens'; -import { FamilieInput } from '@navikt/familie-form-elements'; import { RessursStatus } from '@navikt/familie-typer'; import { useBehandling } from '../../../context/BehandlingContext'; @@ -178,7 +177,7 @@ export const LeggTilEndreBrevmottakerModal: React.FC = () => { )} {adresseKilde === AdresseKilde.OPPSLAG_REGISTER && ( - { )} {adresseKilde === AdresseKilde.OPPSLAG_ORGANISASJONSREGISTER && ( <> - { ); }} /> - { - skjema.felter.navn.validerOgSettFelt(event.target.value) @@ -111,12 +111,12 @@ const VergeContainer: React.FC = () => { {skjema.felter.vergetype.verdi === Vergetype.ADVOKAT ? ( - skjema.felter.organisasjonsnummer.validerOgSettFelt( @@ -125,12 +125,12 @@ const VergeContainer: React.FC = () => { } /> ) : ( - skjema.felter.fødselsnummer.validerOgSettFelt( diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index 9fe51d1a..36f4ed55 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -4,8 +4,8 @@ import { styled } from 'styled-components'; import { Column, Row } from 'nav-frontend-grid'; -import { BodyShort, Label, Radio } from '@navikt/ds-react'; -import { FamilieInput, FamilieSelect } from '@navikt/familie-form-elements'; +import { BodyShort, Label, Radio, TextField } from '@navikt/ds-react'; +import { FamilieSelect } from '@navikt/familie-form-elements'; import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; import { Aktsomhet, Vilkårsresultat } from '../../../../../kodeverk'; @@ -156,14 +156,14 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => - skjema.felter.uaktsomAndelTilbakekrevesManuelt.validerOgSettFelt( event.target.value @@ -187,13 +187,13 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => )} {harMerEnnEnAktivitet && ( - skjema.felter.uaktsomTilbakekrevesBeløp.validerOgSettFelt( diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" index f5a2b7ab..3be92c4b 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" @@ -2,8 +2,7 @@ import * as React from 'react'; import { styled } from 'styled-components'; -import { BodyShort, Radio } from '@navikt/ds-react'; -import { FamilieInput } from '@navikt/familie-form-elements'; +import { BodyShort, Radio, TextField } from '@navikt/ds-react'; import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; import ArrowBox from '../../../Felleskomponenter/ArrowBox/ArrowBox'; @@ -63,13 +62,13 @@ const GodTroSkjema: React.FC = ({ skjema, erLesevisning }) => { {harVurderBeløpIBehold && harBeløpetIBehold && ( - skjema.felter.godTroTilbakekrevesBeløp.validerOgSettFelt( event.target.value From 179a9db49783a096b8a3057d6694753147c4f0e4 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 11:46:41 +0100 Subject: [PATCH 04/32] FamilieSelect -> Select for Opprett Behandling modal --- .../OpprettBehandling/OpprettBehandling.tsx | 22 +++++++------------ src/frontend/typer/behandling.ts | 5 ----- 2 files changed, 8 insertions(+), 19 deletions(-) diff --git a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/OpprettBehandling/OpprettBehandling.tsx b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/OpprettBehandling/OpprettBehandling.tsx index efa25e4f..658fa4f5 100644 --- a/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/OpprettBehandling/OpprettBehandling.tsx +++ b/src/frontend/komponenter/Fagsak/Personlinje/Behandlingsmeny/OpprettBehandling/OpprettBehandling.tsx @@ -1,11 +1,9 @@ import * as React from 'react'; -import { ErrorMessage, Modal } from '@navikt/ds-react'; -import { FamilieSelect } from '@navikt/familie-form-elements'; +import { ErrorMessage, Modal, Select } from '@navikt/ds-react'; import { Behandlingstype, - behandlingsTyper, behandlingstyper, behandlingårsaker, behandlingÅrsaker, @@ -61,27 +59,23 @@ const OpprettBehandling: React.FC = ({ behandling, fagsak, onListElement }} > - - {behandlingsTyper.map(opt => ( + {Object.values(Behandlingstype).map(opt => ( ))} - + - = ({ behandling, fagsak, onListElement {behandlingårsaker[opt]} ))} - + {feilmelding && ( <> diff --git a/src/frontend/typer/behandling.ts b/src/frontend/typer/behandling.ts index 50326a52..fa595c5a 100644 --- a/src/frontend/typer/behandling.ts +++ b/src/frontend/typer/behandling.ts @@ -73,11 +73,6 @@ export const behandlingstyper: Record = { REVURDERING_TILBAKEKREVING: 'Revurdering tilbakekreving', }; -export const behandlingsTyper = [ - Behandlingstype.TILBAKEKREVING, - Behandlingstype.REVURDERING_TILBAKEKREVING, -]; - export enum Behandlingssteg { VARSEL = 'VARSEL', GRUNNLAG = 'GRUNNLAG', From fd40d0839c4017986783d70ccf65d3e84a065eda Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 11:58:41 +0100 Subject: [PATCH 05/32] FamilieSelect -> Select for Verge-type --- src/frontend/kodeverk/verge.ts | 8 ------- .../Fagsak/Verge/VergeContainer.tsx | 22 ++++++------------- 2 files changed, 7 insertions(+), 23 deletions(-) diff --git a/src/frontend/kodeverk/verge.ts b/src/frontend/kodeverk/verge.ts index 6d3f1bcb..34a3234a 100644 --- a/src/frontend/kodeverk/verge.ts +++ b/src/frontend/kodeverk/verge.ts @@ -15,11 +15,3 @@ export const vergetyper: Record = { ANNEN_FULLMEKTIG: 'Annen fullmektig', UDEFINERT: 'Udefinert', }; - -export const vergeTyper = [ - Vergetype.VERGE_FOR_BARN, - Vergetype.VERGE_FOR_FORELDRELØST_BARN, - Vergetype.VERGE_FOR_VOKSEN, - Vergetype.ADVOKAT, - Vergetype.ANNEN_FULLMEKTIG, -]; diff --git a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.tsx b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.tsx index 912136a1..4cd97376 100644 --- a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.tsx +++ b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.tsx @@ -4,11 +4,10 @@ import { styled } from 'styled-components'; import { Column, Row } from 'nav-frontend-grid'; -import { BodyLong, ErrorMessage, Heading, Loader, TextField } from '@navikt/ds-react'; -import { FamilieSelect } from '@navikt/familie-form-elements'; +import { BodyLong, ErrorMessage, Heading, Loader, Select, TextField } from '@navikt/ds-react'; import { useBehandling } from '../../../context/BehandlingContext'; -import { Vergetype, vergeTyper, vergetyper } from '../../../kodeverk/verge'; +import { Vergetype, vergetyper } from '../../../kodeverk/verge'; import { hentFrontendFeilmelding } from '../../../utils'; import { FTButton, Navigering, Spacer20, Spacer8 } from '../../Felleskomponenter/Flytelementer'; import { FamilieTilbakeTextArea } from '../../Felleskomponenter/Skjemaelementer'; @@ -20,8 +19,7 @@ const StyledVerge = styled.div` `; const VergeContainer: React.FC = () => { - const { behandling, skjema, henterData, stegErBehandlet, erAutoutført, sendInn, vergeRespons } = - useVerge(); + const { skjema, henterData, stegErBehandlet, erAutoutført, sendInn, vergeRespons } = useVerge(); const { behandlingILesemodus } = useBehandling(); const erLesevisning = !!behandlingILesemodus; @@ -63,33 +61,27 @@ const VergeContainer: React.FC = () => { - onChangeVergeType(event)} > - {vergeTyper + {Object.values(Vergetype) .filter(type => type !== Vergetype.UDEFINERT) .map(opt => ( ))} - + {vergetypeValgt && ( From 7b728303079afbe2d9555726e9a258227f391894 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 12:00:17 +0100 Subject: [PATCH 06/32] FamilieSelect -> Select for andel som skal tilbakekreves --- .../ReduksjonAvBel\303\270pSkjema.tsx" | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index 36f4ed55..3cb2e007 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -4,8 +4,7 @@ import { styled } from 'styled-components'; import { Column, Row } from 'nav-frontend-grid'; -import { BodyShort, Label, Radio, TextField } from '@navikt/ds-react'; -import { FamilieSelect } from '@navikt/familie-form-elements'; +import { BodyShort, Label, Radio, Select, TextField } from '@navikt/ds-react'; import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; import { Aktsomhet, Vilkårsresultat } from '../../../../../kodeverk'; @@ -117,14 +116,14 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => - skjema.felter.uaktsomAndelTilbakekreves.validerOgSettFelt( event.target.value @@ -141,7 +140,7 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => {andel} ))} - + From 81ef990cc435579518d626539fc33749a60238ed Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 12:06:35 +0100 Subject: [PATCH 07/32] Erstatt FamilieTilbakeTextArea.tsx med Textarea fra Aksel --- .../Fagsak/Vedtak/VedtakFritekstSkjema.tsx | 11 ++---- .../Fagsak/Verge/VergeContainer.tsx | 15 ++++++-- .../FamilieTilbakeTextArea.tsx | 38 ------------------- .../Skjemaelementer/index.ts | 1 - 4 files changed, 14 insertions(+), 51 deletions(-) delete mode 100644 src/frontend/komponenter/Felleskomponenter/Skjemaelementer/FamilieTilbakeTextArea.tsx diff --git a/src/frontend/komponenter/Fagsak/Vedtak/VedtakFritekstSkjema.tsx b/src/frontend/komponenter/Fagsak/Vedtak/VedtakFritekstSkjema.tsx index 2bfcf656..3100d2fe 100644 --- a/src/frontend/komponenter/Fagsak/Vedtak/VedtakFritekstSkjema.tsx +++ b/src/frontend/komponenter/Fagsak/Vedtak/VedtakFritekstSkjema.tsx @@ -3,11 +3,10 @@ import * as React from 'react'; import { styled } from 'styled-components'; import { PlusCircleIcon } from '@navikt/aksel-icons'; -import { BodyShort, Link } from '@navikt/ds-react'; +import { BodyShort, Link, Textarea } from '@navikt/ds-react'; import { isEmpty, validerTekstMaksLengde } from '../../../utils'; import { Spacer8 } from '../../Felleskomponenter/Flytelementer'; -import { FamilieTilbakeTextArea } from '../../Felleskomponenter/Skjemaelementer'; import { useFeilutbetalingVedtak } from './FeilutbetalingVedtakContext'; import { UnderavsnittSkjemaData } from './typer/feilutbetalingVedtak'; @@ -78,15 +77,11 @@ const VedtakFritekstSkjema: React.FC = ({ {!isTextfieldHidden && ( <> - { - skjema.felter.begrunnelse.validerOgSettFelt(event.target.value) } diff --git a/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/FamilieTilbakeTextArea.tsx b/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/FamilieTilbakeTextArea.tsx deleted file mode 100644 index c64a0e55..00000000 --- a/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/FamilieTilbakeTextArea.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import * as React from 'react'; - -import classNames from 'classnames'; -import { styled } from 'styled-components'; -import { IFamilieTextareaProps } from '@navikt/familie-form-elements/src/textarea'; -import { FamilieTextarea } from '@navikt/familie-form-elements'; - -const StyledFamilieTextArea = styled(FamilieTextarea)` - min-height: 100px; - - .navds-label { - width: 100%; - } - - &.lesevisning { - min-height: auto; - - &_ikke_utfylt { - font-style: italic; - } - } -`; - -const FamilieTilbakeTextArea: React.FC = ({ - erLesevisning, - className, - ...props -}) => { - return ( - - ); -}; - -export { FamilieTilbakeTextArea }; diff --git a/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/index.ts b/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/index.ts index 9bce7de0..0e145081 100644 --- a/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/index.ts +++ b/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/index.ts @@ -3,7 +3,6 @@ import { styled } from 'styled-components'; import { ASpacing3 } from '@navikt/ds-tokens/dist/tokens'; import { FamilieRadioGruppe } from '@navikt/familie-form-elements'; -export * from './FamilieTilbakeTextArea'; export * from './FixedDatovelger'; export * from './FTDatovelger'; export * from './LabelMedSpråk'; From 5eb9c1dd4d61614800f7302126ec432771502164 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 12:11:10 +0100 Subject: [PATCH 08/32] FamilieRadioGruppe -> RadioGroup fra Aksel --- .../FeilutbetalingForeldelsePeriodeSkjema.tsx | 9 ++++----- .../Vilk\303\245rsvurderingPeriodeSkjema.tsx" | 18 +++++++++++++----- 2 files changed, 17 insertions(+), 10 deletions(-) diff --git a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx index 7cf6624d..8c033a35 100644 --- a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx +++ b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx @@ -5,9 +5,8 @@ import { styled } from 'styled-components'; import { Column, Row } from 'nav-frontend-grid'; import { ExternalLinkIcon } from '@navikt/aksel-icons'; -import { BodyLong, Heading, Link, Radio, ReadMore, Textarea } from '@navikt/ds-react'; +import { BodyLong, Heading, Link, Radio, RadioGroup, ReadMore, Textarea } from '@navikt/ds-react'; import { ABorderStrong, ASpacing3 } from '@navikt/ds-tokens/dist/tokens'; -import { FamilieRadioGruppe } from '@navikt/familie-form-elements'; import { Valideringsstatus } from '@navikt/familie-skjema'; import { @@ -170,9 +169,9 @@ const FeilutbetalingForeldelsePeriodeSkjema: React.FC = ({ - = ({ {foreldelsevurderinger[type]} ))} - + {erMedTilleggsfrist && ( diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx" index 405df0b1..c5c403bf 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx" @@ -4,9 +4,17 @@ import { styled } from 'styled-components'; import { Column, Row } from 'nav-frontend-grid'; -import { BodyShort, Detail, Heading, HelpText, Radio, Select, Textarea } from '@navikt/ds-react'; +import { + BodyShort, + Detail, + Heading, + HelpText, + Radio, + RadioGroup, + Select, + Textarea, +} from '@navikt/ds-react'; import { ABorderStrong, ASpacing3 } from '@navikt/ds-tokens/dist/tokens'; -import { FamilieRadioGruppe } from '@navikt/familie-form-elements'; import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; import { @@ -337,9 +345,9 @@ const VilkårsvurderingPeriodeSkjema: React.FC = ({ } /> - = ({ {lagLabeltekster(fagsak, type)} ))} - + )} From c496cead67745fc3f5300a4efb8deb54092adb37 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 12:19:52 +0100 Subject: [PATCH 09/32] FamilieRadioGruppe -> RadioGroup for den horisontale radiogruppen --- .../Totrinnskontroll/Totrinnskontroll.tsx" | 8 ++++---- .../AktsomhetsvurderingSkjema.tsx" | 8 ++++---- .../Aktsomhetsvurdering/GradForsettSkjema.tsx" | 8 ++++---- .../Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" | 8 ++++---- .../ReduksjonAvBel\303\270pSkjema.tsx" | 14 +++++++------- .../GodTroSkjema.tsx" | 8 ++++---- .../Felleskomponenter/Skjemaelementer/index.ts | 4 ++-- 7 files changed, 29 insertions(+), 29 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" index f165a5e9..d7c940dd 100644 --- "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" +++ "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" @@ -8,7 +8,7 @@ import { RessursStatus } from '@navikt/familie-typer'; import { behandlingssteg } from '../../../../typer/behandling'; import ArrowBox from '../../../Felleskomponenter/ArrowBox/ArrowBox'; import { FTButton, Navigering, Spacer20 } from '../../../Felleskomponenter/Flytelementer'; -import { HorisontalFamilieRadioGruppe } from '../../../Felleskomponenter/Skjemaelementer'; +import { HorisontalRadioGroup } from '../../../Felleskomponenter/Skjemaelementer'; import Steginformasjon from '../../../Felleskomponenter/Steginformasjon/StegInformasjon'; import { finnSideForSteg, ISide } from '../../../Felleskomponenter/Venstremeny/sider'; import { useTotrinnskontroll } from './TotrinnskontrollContext'; @@ -74,9 +74,9 @@ const Totrinnskontroll: React.FC = () => { return (
- { {opt.label} ))} - + {vurdertIkkeGodkjent && ( <> diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/AktsomhetsvurderingSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/AktsomhetsvurderingSkjema.tsx" index 1501ef04..aa171249 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/AktsomhetsvurderingSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/AktsomhetsvurderingSkjema.tsx" @@ -10,7 +10,7 @@ import { forstodBurdeForståttAktsomheter, Vilkårsresultat, } from '../../../../../kodeverk'; -import { HorisontalFamilieRadioGruppe } from '../../../../Felleskomponenter/Skjemaelementer'; +import { HorisontalRadioGroup } from '../../../../Felleskomponenter/Skjemaelementer'; import { OptionNEI, VilkårsvurderingSkjemaDefinisjon, @@ -33,9 +33,9 @@ const AktsomhetsvurderingSkjema: React.FC = ({ skjema, erLesevisning }) return ( <> - = ({ skjema, erLesevisning }) : aktsomheter[type]} ))} - + {skjema.felter.aktsomhetVurdering.verdi !== '' && (skjema.felter.aktsomhetVurdering.verdi === Aktsomhet.FORSETT ? ( diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" index ec81bc84..65009c3a 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" @@ -9,7 +9,7 @@ import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; import { Vilkårsresultat } from '../../../../../kodeverk'; import ArrowBox from '../../../../Felleskomponenter/ArrowBox/ArrowBox'; -import { HorisontalFamilieRadioGruppe } from '../../../../Felleskomponenter/Skjemaelementer'; +import { HorisontalRadioGroup } from '../../../../Felleskomponenter/Skjemaelementer'; import { useFeilutbetalingVilkårsvurdering } from '../../FeilutbetalingVilkårsvurderingContext'; import { JaNeiOption, @@ -53,9 +53,9 @@ const GradForsettSkjema: React.FC = ({ skjema, erLesevisning }) => { )} - = ({ skjema, erLesevisning }) => { {opt.label} ))} - + diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" index ef92b23e..985a783f 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" @@ -5,7 +5,7 @@ import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; import { Aktsomhet, Vilkårsresultat } from '../../../../../kodeverk'; import ArrowBox from '../../../../Felleskomponenter/ArrowBox/ArrowBox'; -import { HorisontalFamilieRadioGruppe } from '../../../../Felleskomponenter/Skjemaelementer'; +import { HorisontalRadioGroup } from '../../../../Felleskomponenter/Skjemaelementer'; import { JaNeiOption, jaNeiOptions, @@ -38,10 +38,10 @@ const GradUaktsomhetSkjema: React.FC = ({ skjema, erLesevisning }) => { {skjema.felter.aktsomhetVurdering.verdi === Aktsomhet.SIMPEL_UAKTSOMHET && erTotalbeløpUnder4Rettsgebyr && ( <> - = ({ skjema, erLesevisning }) => { {opt.label} ))} - + {skjema.felter.tilbakekrevSmåbeløp.verdi === OptionJA && ( )} diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index 3cb2e007..fc409107 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -10,7 +10,7 @@ import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; import { Aktsomhet, Vilkårsresultat } from '../../../../../kodeverk'; import { formatCurrencyNoKr, isEmpty } from '../../../../../utils'; import ArrowBox from '../../../../Felleskomponenter/ArrowBox/ArrowBox'; -import { HorisontalFamilieRadioGruppe } from '../../../../Felleskomponenter/Skjemaelementer'; +import { HorisontalRadioGroup } from '../../../../Felleskomponenter/Skjemaelementer'; import { useFeilutbetalingVilkårsvurdering } from '../../FeilutbetalingVilkårsvurderingContext'; import { ANDELER, @@ -68,10 +68,10 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => return ( <> - = ({ skjema, erLesevisning }) => {opt.label} ))} - + {skjema.felter.harGrunnerTilReduksjon.verdi === OptionJA && ( @@ -228,10 +228,10 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => )} {erGrovtUaktsomhet && ( - = ({ skjema, erLesevisning }) => {opt.label} ))} - + )} diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" index 3be92c4b..54fbf518 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" @@ -6,7 +6,7 @@ import { BodyShort, Radio, TextField } from '@navikt/ds-react'; import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; import ArrowBox from '../../../Felleskomponenter/ArrowBox/ArrowBox'; -import { HorisontalFamilieRadioGruppe } from '../../../Felleskomponenter/Skjemaelementer'; +import { HorisontalRadioGroup } from '../../../Felleskomponenter/Skjemaelementer'; import { JaNeiOption, jaNeiOptions, @@ -33,9 +33,9 @@ const GodTroSkjema: React.FC = ({ skjema, erLesevisning }) => { harVurderBeløpIBehold && skjema.felter.erBeløpetIBehold.verdi === OptionJA; return ( <> - = ({ skjema, erLesevisning }) => { {opt.label} ))} - + {harVurderBeløpIBehold && harBeløpetIBehold && ( diff --git a/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/index.ts b/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/index.ts index 0e145081..e93013f5 100644 --- a/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/index.ts +++ b/src/frontend/komponenter/Felleskomponenter/Skjemaelementer/index.ts @@ -1,13 +1,13 @@ import { styled } from 'styled-components'; import { ASpacing3 } from '@navikt/ds-tokens/dist/tokens'; -import { FamilieRadioGruppe } from '@navikt/familie-form-elements'; +import { RadioGroup } from '@navikt/ds-react'; export * from './FixedDatovelger'; export * from './FTDatovelger'; export * from './LabelMedSpråk'; -export const HorisontalFamilieRadioGruppe = styled(FamilieRadioGruppe)<{ marginbottom?: string }>` +export const HorisontalRadioGroup = styled(RadioGroup)<{ marginbottom?: string }>` margin-bottom: ${({ marginbottom }) => (marginbottom ? marginbottom : '12px')}; .navds-radio { From 0668f1841d9048f7ce2c15aa5fdf4f3abd05746c Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 12:23:52 +0100 Subject: [PATCH 10/32] FamilieCheckbox -> Checkbox fra Aksel + slett ubrukt styling --- .../S\303\246rligeGrunnerSkjema.tsx" | 26 +++++-------------- 1 file changed, 6 insertions(+), 20 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/S\303\246rligeGrunnerSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/S\303\246rligeGrunnerSkjema.tsx" index b9f04466..1951aef1 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/S\303\246rligeGrunnerSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/S\303\246rligeGrunnerSkjema.tsx" @@ -1,12 +1,8 @@ import * as React from 'react'; -import { styled } from 'styled-components'; - import { Column, Row } from 'nav-frontend-grid'; -import { CheckboxGroup, Textarea } from '@navikt/ds-react'; -import { ASpacing2 } from '@navikt/ds-tokens/dist/tokens'; -import { FamilieCheckbox } from '@navikt/familie-form-elements'; +import { Checkbox, CheckboxGroup, Textarea } from '@navikt/ds-react'; import { type ISkjema } from '@navikt/familie-skjema'; import { SærligeGrunner, særligegrunner, særligeGrunnerTyper } from '../../../../../kodeverk'; @@ -14,12 +10,6 @@ import { DetailBold, Spacer20 } from '../../../../Felleskomponenter/Flytelemente import { VilkårsvurderingSkjemaDefinisjon } from '../VilkårsvurderingPeriodeSkjemaContext'; import ReduksjonAvBeløpSkjema from './ReduksjonAvBeløpSkjema'; -const StyledCheckboxGruppe = styled(CheckboxGroup)` - .lese-felt { - margin-bottom: ${ASpacing2}; - } -`; - interface IProps { skjema: ISkjema; erLesevisning: boolean; @@ -60,23 +50,19 @@ const SærligeGrunnerSkjema: React.FC = ({ skjema, erLesevisning }) => { } /> - onChanngeSærligeGrunner2(val)} value={skjema.felter.særligeGrunner.verdi} + readOnly={erLesevisning} > {særligeGrunnerTyper.map((type: SærligeGrunner) => ( - + {særligegrunner[type]} - + ))} - + {skjema.felter.særligeGrunner.verdi.includes(SærligeGrunner.ANNET) && ( From 168de4a6da3ff0e1ab786c853bddd9123ea9a64d Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 12:26:15 +0100 Subject: [PATCH 11/32] Slett familie-form-elements som ikke brukes lenger --- package.json | 1 - yarn.lock | 28 ---------------------------- 2 files changed, 29 deletions(-) diff --git a/package.json b/package.json index 4581f75b..e4be5133 100644 --- a/package.json +++ b/package.json @@ -30,7 +30,6 @@ "@navikt/ds-tokens": "^5.12.0", "@navikt/familie-backend": "^10.0.7", "@navikt/familie-datovelger": "0.2.0", - "@navikt/familie-form-elements": "^14.0.0", "@navikt/familie-http": "^6.0.2", "@navikt/familie-logging": "^6.0.0", "@navikt/familie-skjema": "^7.0.6", diff --git a/yarn.lock b/yarn.lock index 90a4e5e9..95244ab9 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1743,14 +1743,6 @@ classnames "^2.3.2" react-select "^5.7.0" -"@navikt/familie-form-elements@^14.0.0": - version "14.0.0" - resolved "https://npm.pkg.github.com/download/@navikt/familie-form-elements/14.0.0/2e7b6e26fde5e677096fcf1c523ed25159926bb1#2e7b6e26fde5e677096fcf1c523ed25159926bb1" - integrity sha512-P5cMOmDkC2UEshd4P7RmMwfzGq9Lj1z5hRyuHMOtw4KDXaiaNpY6x6CKuP9dxu/MgsOPbuy5vxMNCRBpMHALyA== - dependencies: - classnames "^2.5.1" - react-select "^5.8.0" - "@navikt/familie-http@^6.0.2": version "6.0.2" resolved "https://npm.pkg.github.com/download/@navikt/familie-http/6.0.2/98c92e337b3638a76e43b76ad8b2cd74b62855f9#98c92e337b3638a76e43b76ad8b2cd74b62855f9" @@ -3807,11 +3799,6 @@ classnames@*, classnames@^2.3.0, classnames@^2.3.1, classnames@^2.3.2: resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924" integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw== -classnames@^2.5.1: - version "2.5.1" - resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b" - integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow== - clean-css@^5.2.2: version "5.3.2" resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.2.tgz#70ecc7d4d4114921f5d298349ff86a31a9975224" @@ -8224,21 +8211,6 @@ react-select@^5.7.0: react-transition-group "^4.3.0" use-isomorphic-layout-effect "^1.1.2" -react-select@^5.8.0: - version "5.8.0" - resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.8.0.tgz#bd5c467a4df223f079dd720be9498076a3f085b5" - integrity sha512-TfjLDo58XrhP6VG5M/Mi56Us0Yt8X7xD6cDybC7yoRMUNm7BGO7qk8J0TLQOua/prb8vUOtsfnXZwfm30HGsAA== - dependencies: - "@babel/runtime" "^7.12.0" - "@emotion/cache" "^11.4.0" - "@emotion/react" "^11.8.1" - "@floating-ui/dom" "^1.0.1" - "@types/react-transition-group" "^4.4.0" - memoize-one "^6.0.0" - prop-types "^15.6.0" - react-transition-group "^4.3.0" - use-isomorphic-layout-effect "^1.1.2" - react-tooltip@*: version "5.20.0" resolved "https://registry.yarnpkg.com/react-tooltip/-/react-tooltip-5.20.0.tgz#d8c183f66976fb793ce79d9a35283dd18018f844" From 9468f2a1187bde6cb127352769980fd0e2397e3a Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 13:03:55 +0100 Subject: [PATCH 12/32] =?UTF-8?q?Lag=20lesevisningsversjon=20s=C3=A5=20rad?= =?UTF-8?q?iogruppe=20ikke=20rendres=20n=C3=A5r=20den=20er=20i=20readonlym?= =?UTF-8?q?odus?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ReduksjonAvBel\303\270pSkjema.tsx" | 76 ++++++++++--------- 1 file changed, 42 insertions(+), 34 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index fc409107..0f667623 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -227,40 +227,48 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => {beskjedTilbakekreves} )} - {erGrovtUaktsomhet && ( - - skjema.felter.grovtUaktsomIlleggeRenter.validerOgSettFelt(val) - } - > - {jaNeiOptions.map(opt => ( - - {opt.label} - - ))} - - )} + {erGrovtUaktsomhet && + (erLesevisning || !kanIlleggeRenter ? ( + <> + + + {skjema.felter.grovtUaktsomIlleggeRenter.verdi && + skjema.felter.grovtUaktsomIlleggeRenter.verdi.label} + + + ) : ( + + skjema.felter.grovtUaktsomIlleggeRenter.validerOgSettFelt( + val + ) + } + > + {jaNeiOptions.map(opt => ( + + {opt.label} + + ))} + + ))} )} From 9736177af025edb048f0868ba4145e5bd6a5435a Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 13:12:32 +0100 Subject: [PATCH 13/32] ikke map om options, men bruk verdi fra feltet direkte for grovt uaksom radio --- .../Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index 0f667623..91483a84 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -240,11 +240,7 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => Date: Fri, 16 Feb 2024 13:29:12 +0100 Subject: [PATCH 14/32] ikke vis radiogruppe hvis man ikke kan endre den --- .../GradForsettSkjema.tsx" | 66 ++++++++++--------- 1 file changed, 34 insertions(+), 32 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" index 65009c3a..736e156a 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" @@ -14,7 +14,6 @@ import { useFeilutbetalingVilkårsvurdering } from '../../FeilutbetalingVilkårs import { JaNeiOption, jaNeiOptions, - OptionJA, VilkårsvurderingSkjemaDefinisjon, } from '../VilkårsvurderingPeriodeSkjemaContext'; @@ -53,37 +52,40 @@ const GradForsettSkjema: React.FC = ({ skjema, erLesevisning }) => { )} - - skjema.felter.forstoIlleggeRenter.validerOgSettFelt(val) - } - > - {jaNeiOptions.map(opt => ( - - {opt.label} - - ))} - + {erLesevisning || !kanIlleggeRenter ? ( + <> + + + {skjema.felter.grovtUaktsomIlleggeRenter.verdi && + skjema.felter.grovtUaktsomIlleggeRenter.verdi.label} + + + ) : ( + + skjema.felter.forstoIlleggeRenter.validerOgSettFelt(val) + } + > + {jaNeiOptions.map(opt => ( + + {opt.label} + + ))} + + )} From 304c0d70c2268ceb00231e9bd05fca3e74887ddc Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 14:51:41 +0100 Subject: [PATCH 15/32] =?UTF-8?q?kun=20vis=20tekst=20hvis=20lesevisning=20?= =?UTF-8?q?for=20hendelses=C3=A5rsak=20+=20under=C3=A5rsak?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../FeilutbetalingFaktaPeriodeSkjema.tsx | 80 +++++++++++-------- 1 file changed, 46 insertions(+), 34 deletions(-) diff --git a/src/frontend/komponenter/Fagsak/Fakta/FaktaPeriode/FeilutbetalingFaktaPeriodeSkjema.tsx b/src/frontend/komponenter/Fagsak/Fakta/FaktaPeriode/FeilutbetalingFaktaPeriodeSkjema.tsx index 73116bf9..5b90d891 100644 --- a/src/frontend/komponenter/Fagsak/Fakta/FaktaPeriode/FeilutbetalingFaktaPeriodeSkjema.tsx +++ b/src/frontend/komponenter/Fagsak/Fakta/FaktaPeriode/FeilutbetalingFaktaPeriodeSkjema.tsx @@ -67,56 +67,68 @@ const FeilutbetalingFaktaPeriode: React.FC = ({ - - {hendelseUnderTyper && hendelseUnderTyper.length > 0 && ( + {erLesevisning ? ( + + {periode.hendelsestype && hendelsetyper[periode.hendelsestype]} + + ) : ( )} + {hendelseUnderTyper && + hendelseUnderTyper.length > 0 && + (erLesevisning ? ( + + {periode.hendelsesundertype && + hendelseundertyper[periode.hendelsesundertype]} + + ) : ( + + ))} From 29c332e4965b06b620eb391e20fa663f785f7813 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 15:07:36 +0100 Subject: [PATCH 16/32] =?UTF-8?q?slett=20linje=20i=20test=20som=20ikke=20g?= =?UTF-8?q?ir=20mening=20lenger=20n=C3=A5r=20vi=20har=20textarea=20med=20r?= =?UTF-8?q?eadonly?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx index e28ce242..b16bdd4a 100644 --- a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx +++ b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx @@ -312,7 +312,6 @@ describe('Tester: VergeContainer', () => { ).toBeEnabled(); expect(getByText('Verge for barn under 18 år')).toBeTruthy(); - expect(getByText('Ingen opplysninger oppgitt.')).toBeTruthy(); expect(getByText('Verge Vergesen')).toBeTruthy(); expect(getByText('27106903129')).toBeTruthy(); expect(queryByText('Organisasjonsnummer')).toBeFalsy(); From 8c7eed666f0266ef85c1211b6c28ec7ed006abcf Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 15:27:32 +0100 Subject: [PATCH 17/32] =?UTF-8?q?ikke=20bruk=20readonly=20fra=20aksel=20p?= =?UTF-8?q?=C3=A5=20radio=20buttons=20for=20totrinnskontroll?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Totrinnskontroll/Totrinnskontroll.tsx" | 89 ++++++++++--------- 1 file changed, 47 insertions(+), 42 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" index d7c940dd..39113129 100644 --- "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" +++ "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" @@ -2,7 +2,7 @@ import * as React from 'react'; import { styled } from 'styled-components'; -import { Alert, Link, Radio, Textarea } from '@navikt/ds-react'; +import { Alert, BodyShort, Label, Link, Radio, Textarea } from '@navikt/ds-react'; import { RessursStatus } from '@navikt/familie-typer'; import { behandlingssteg } from '../../../../typer/behandling'; @@ -74,47 +74,52 @@ const Totrinnskontroll: React.FC = () => { return (
- - e.preventDefault() - } - onClick={() => navigerTilSide(side as ISide)} - > - {behandlingssteg[totrinnSteg.behandlingssteg]} - - } - value={ - !erLesevisning - ? totrinnSteg.godkjent - : totrinnSteg.godkjent === OptionGodkjent - ? 'Godkjent' - : totrinnSteg.godkjent === OptionIkkeGodkjent - ? 'Vurder på nytt' - : 'Ikke vurdert' - } - onChange={(val: TotrinnGodkjenningOption) => - oppdaterGodkjenning(totrinnSteg.index, val) - } - error={ - totrinnSteg.feilmelding ? totrinnSteg.feilmelding : null - } - > - {totrinnGodkjenningOptions.map(opt => ( - - {opt.label} - - ))} - + + {erLesevisning ? ( + + {totrinnSteg.godkjent === OptionGodkjent + ? 'Godkjent' + : totrinnSteg.godkjent === OptionIkkeGodkjent + ? 'Vurder på nytt' + : 'Ikke vurdert'} + + ) : ( + + oppdaterGodkjenning(totrinnSteg.index, val) + } + error={ + totrinnSteg.feilmelding + ? totrinnSteg.feilmelding + : null + } + > + {totrinnGodkjenningOptions.map(opt => ( + + {opt.label} + + ))} + + )} {vurdertIkkeGodkjent && ( <> From 5776cc8cdbab72674fd6023a52731da46cc4c758 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 15:44:54 +0100 Subject: [PATCH 18/32] =?UTF-8?q?Oppdater=20test=20n=C3=A5=20som=20vi=20vi?= =?UTF-8?q?ser=20inputfelter=20i=20lesevisning?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Fagsak/Verge/VergeContainer.test.tsx | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx index b16bdd4a..5deba757 100644 --- a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx +++ b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx @@ -294,7 +294,7 @@ describe('Tester: VergeContainer', () => { }); const fagsak = mock(); - const { getByText, getByRole, queryByText } = render( + const { getByText, getByRole, queryByText, getByLabelText } = render( @@ -312,8 +312,15 @@ describe('Tester: VergeContainer', () => { ).toBeEnabled(); expect(getByText('Verge for barn under 18 år')).toBeTruthy(); - expect(getByText('Verge Vergesen')).toBeTruthy(); - expect(getByText('27106903129')).toBeTruthy(); + expect(getByLabelText('Navn', { selector: 'input', exact: false })).toHaveValue( + 'Verge Vergesen' + ); + expect( + getByLabelText('Begrunn endringene', { selector: 'textarea', exact: false }) + ).toHaveValue(''); + expect(getByLabelText('Fødselsnummer', { selector: 'input', exact: false })).toHaveValue( + '27106903129' + ); expect(queryByText('Organisasjonsnummer')).toBeFalsy(); }); }); From a15fec5aaa75c5a7abc52d39985f0ee6ce13300a Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 15:50:10 +0100 Subject: [PATCH 19/32] =?UTF-8?q?Oppdater=20test=20n=C3=A5=20som=20vi=20vi?= =?UTF-8?q?ser=20inputfelter=20i=20lesevisning?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Fagsak/Verge/VergeContainer.test.tsx | 18 ++++++------------ 1 file changed, 6 insertions(+), 12 deletions(-) diff --git a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx index 5deba757..86c38ac2 100644 --- a/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx +++ b/src/frontend/komponenter/Fagsak/Verge/VergeContainer.test.tsx @@ -256,7 +256,7 @@ describe('Tester: VergeContainer', () => { }); const fagsak = mock(); - const { getByText, getByRole, queryByText } = render( + const { getByText, getByRole, queryByText, getByLabelText } = render( @@ -277,8 +277,8 @@ describe('Tester: VergeContainer', () => { expect(getByText('Advokat/advokatfullmektig')).toBeTruthy(); expect(getByText('Bruker har engasjert advokat')).toBeTruthy(); - expect(getByText('Advokat Advokatesen')).toBeTruthy(); - expect(getByText('DummyOrg')).toBeTruthy(); + expect(getByLabelText('Navn')).toHaveValue('Advokat Advokatesen'); + expect(getByLabelText('Organisasjonsnummer')).toHaveValue('DummyOrg'); expect(queryByText('Fødselsnummer')).toBeFalsy(); }); @@ -312,15 +312,9 @@ describe('Tester: VergeContainer', () => { ).toBeEnabled(); expect(getByText('Verge for barn under 18 år')).toBeTruthy(); - expect(getByLabelText('Navn', { selector: 'input', exact: false })).toHaveValue( - 'Verge Vergesen' - ); - expect( - getByLabelText('Begrunn endringene', { selector: 'textarea', exact: false }) - ).toHaveValue(''); - expect(getByLabelText('Fødselsnummer', { selector: 'input', exact: false })).toHaveValue( - '27106903129' - ); + expect(getByLabelText('Navn')).toHaveValue('Verge Vergesen'); + expect(getByLabelText('Begrunn endringene')).toHaveValue(''); + expect(getByLabelText('Fødselsnummer')).toHaveValue('27106903129'); expect(queryByText('Organisasjonsnummer')).toBeFalsy(); }); }); From ea4c65add24140e4f35cd705f5eeedf297f9faa0 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 15:57:40 +0100 Subject: [PATCH 20/32] =?UTF-8?q?Oppdater=20skjult=20legend=20for=20totrin?= =?UTF-8?q?nskontroll=20for=20=C3=A5=20ikke=20g=C3=A5=20i=20beina=20p?= =?UTF-8?q?=C3=A5=20test?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" index 39113129..183f6583 100644 --- "a/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" +++ "b/src/frontend/komponenter/Fagsak/H\303\270yremeny/Totrinnskontroll/Totrinnskontroll.tsx" @@ -96,7 +96,9 @@ const Totrinnskontroll: React.FC = () => { ) : ( From f22e0dd636d3b71ac765a0e0ed29995c8322e4fe Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Fri, 16 Feb 2024 16:08:02 +0100 Subject: [PATCH 21/32] =?UTF-8?q?Alltid=20la=20verdien=20til=20radiogruppe?= =?UTF-8?q?n=20v=C3=A6re=20lik=20skjemaverdien?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" | 8 +------- .../Vilk\303\245rsvurderingPeriodeSkjema.tsx" | 12 +----------- 2 files changed, 2 insertions(+), 18 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" index 54fbf518..229e5a75 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/GodTroSkjema.tsx" @@ -37,13 +37,7 @@ const GodTroSkjema: React.FC = ({ skjema, erLesevisning }) => { id="erBelopetIBehold" readOnly={erLesevisning} legend={'Er beløpet i behold?'} - value={ - !erLesevisning - ? skjema.felter.erBeløpetIBehold.verdi - : skjema.felter.erBeløpetIBehold.verdi === OptionJA - ? 'Ja' - : 'Nei' - } + value={skjema.felter.erBeløpetIBehold.verdi} error={ ugyldigErBeløpetIBeholdValgt ? skjema.felter.erBeløpetIBehold.feilmelding?.toString() diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx" index c5c403bf..f9a84524 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Vilk\303\245rsvurderingPeriodeSkjema.tsx" @@ -349,17 +349,7 @@ const VilkårsvurderingPeriodeSkjema: React.FC = ({ id="valgtVilkarResultatType" readOnly={erLesevisning} legend={'Er vilkårene for tilbakekreving oppfylt?'} - value={ - !erLesevisning - ? skjema.felter.vilkårsresultatvurdering.verdi - : periode.vilkårsvurderingsresultatInfo - ?.vilkårsvurderingsresultat - ? vilkårsresultater[ - periode.vilkårsvurderingsresultatInfo - ?.vilkårsvurderingsresultat - ] - : '' - } + value={skjema.felter.vilkårsresultatvurdering.verdi} error={ ugyldigVilkårsresultatValgt ? skjema.felter.vilkårsresultatvurdering.feilmelding?.toString() From fc5a23975fb33b47e8c50e258c821ce52cd9780c Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Mon, 19 Feb 2024 11:11:15 +0100 Subject: [PATCH 22/32] =?UTF-8?q?Sett=20verdi=20p=C3=A5=20radiogrup=20for?= =?UTF-8?q?=20foreldelsesskjema=20riktig=20ogs=C3=A5=20for=20lesevisning?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../FeilutbetalingForeldelsePeriodeSkjema.tsx | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx index 8c033a35..0c845fe3 100644 --- a/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx +++ b/src/frontend/komponenter/Fagsak/Foreldelse/ForeldelsePeriode/FeilutbetalingForeldelsePeriodeSkjema.tsx @@ -173,13 +173,7 @@ const FeilutbetalingForeldelsePeriodeSkjema: React.FC = ({ id="foreldet" readOnly={erLesevisning} legend="Vurder om perioden er foreldet" - value={ - !erLesevisning - ? skjema.felter.foreldelsesvurderingstype.verdi - : periode.foreldelsesvurderingstype - ? foreldelsevurderinger[periode.foreldelsesvurderingstype] - : '' - } + value={skjema.felter.foreldelsesvurderingstype.verdi} error={ ugyldigVurderingValgt ? skjema.felter.foreldelsesvurderingstype.feilmelding?.toString() From edda9d5f09a5de625c0f685fb2f46afd96f49333 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Mon, 19 Feb 2024 11:31:38 +0100 Subject: [PATCH 23/32] =?UTF-8?q?Sett=20riktig=20verdi=20p=C3=A5=20radiogr?= =?UTF-8?q?up=20ved=20lesevisning=20for=20aktsomhetsvurdering?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../AktsomhetsvurderingSkjema.tsx" | 12 +----------- 1 file changed, 1 insertion(+), 11 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/AktsomhetsvurderingSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/AktsomhetsvurderingSkjema.tsx" index aa171249..d50b73e2 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/AktsomhetsvurderingSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/AktsomhetsvurderingSkjema.tsx" @@ -41,17 +41,7 @@ const AktsomhetsvurderingSkjema: React.FC = ({ skjema, erLesevisning }) ? 'I hvilken grad burde mottaker forstått at utbetalingen skyldtes en feil?' : 'I hvilken grad har mottaker handlet uaktsomt?' } - value={ - !erLesevisning - ? skjema.felter.aktsomhetVurdering.verdi - : skjema.felter.aktsomhetVurdering.verdi - ? erForstodBurdeForstått - ? forstodBurdeForståttAktsomheter[ - skjema.felter.aktsomhetVurdering.verdi - ] - : aktsomheter[skjema.felter.aktsomhetVurdering.verdi] - : '' - } + value={skjema.felter.aktsomhetVurdering.verdi} error={ ugyldigAktsomhetvurderingValgt ? skjema.felter.aktsomhetVurdering.feilmelding?.toString() From 27b73b2b360bdf3ab69a6be9122e299e2bf572f8 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Mon, 19 Feb 2024 11:39:52 +0100 Subject: [PATCH 24/32] =?UTF-8?q?Bruk=20riktig=20skjema-felt=20for=20?= =?UTF-8?q?=C3=A5=20vise=20lesevisning-verdi?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Aktsomhetsvurdering/GradForsettSkjema.tsx" | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" index 736e156a..800c94ea 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" @@ -56,8 +56,8 @@ const GradForsettSkjema: React.FC = ({ skjema, erLesevisning }) => { <> - {skjema.felter.grovtUaktsomIlleggeRenter.verdi && - skjema.felter.grovtUaktsomIlleggeRenter.verdi.label} + {skjema.felter.forstoIlleggeRenter.verdi && + skjema.felter.forstoIlleggeRenter.verdi.label} ) : ( From 8f62e5f194876c08bf7ab9a1c07cec99bcc45b1f Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Mon, 19 Feb 2024 11:44:39 +0100 Subject: [PATCH 25/32] =?UTF-8?q?Bruk=20skjema-feltet=20sin=20verdi=20ogs?= =?UTF-8?q?=C3=A5=20i=20lesevisning=20for=20GradUaktsomhetSkjema.tsx?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" index 985a783f..a6ab97a3 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradUaktsomhetSkjema.tsx" @@ -42,13 +42,7 @@ const GradUaktsomhetSkjema: React.FC = ({ skjema, erLesevisning }) => { id="tilbakekrevSelvOmBeloepErUnder4Rettsgebyr" legend="Totalbeløpet er under 4 rettsgebyr (6. ledd). Skal det tilbakekreves?" readOnly={erLesevisning} - value={ - !erLesevisning - ? skjema.felter.tilbakekrevSmåbeløp.verdi - : skjema.felter.tilbakekrevSmåbeløp.verdi === OptionJA - ? 'Ja' - : 'Nei' - } + value={skjema.felter.tilbakekrevSmåbeløp.verdi} error={ ugyldifSimpelTilbakekrevBeløpUnder4Rettsgebyr ? skjema.felter.tilbakekrevSmåbeløp.feilmelding?.toString() From efae6494ef2efa97e67dd89a99b53a6cc3484e8c Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Mon, 19 Feb 2024 11:57:21 +0100 Subject: [PATCH 26/32] =?UTF-8?q?Bruk=20skjema-feltet=20sin=20verdi=20ogs?= =?UTF-8?q?=C3=A5=20i=20lesevisning=20for=20ReduksjonAvBel=C3=B8pSkjema.ts?= =?UTF-8?q?x?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ReduksjonAvBel\303\270pSkjema.tsx" | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index 91483a84..a226ec0e 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -72,13 +72,7 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => id="harGrunnerTilReduksjon" legend={'Skal særlige grunner gi reduksjon av beløpet?'} readOnly={erLesevisning} - value={ - !erLesevisning - ? skjema.felter.harGrunnerTilReduksjon.verdi - : skjema.felter.harGrunnerTilReduksjon.verdi === OptionJA - ? 'Ja' - : 'Nei' - } + value={skjema.felter.harGrunnerTilReduksjon.verdi} error={ ugyldigHarGrunnertilReduksjonValgt ? skjema.felter.harGrunnerTilReduksjon.feilmelding?.toString() From de389662edcf2316c4221c7e4b9450407efcf3ad Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Mon, 19 Feb 2024 12:00:26 +0100 Subject: [PATCH 27/32] =?UTF-8?q?Ikke=20vis=20label=20for=20ReduksjonAvBel?= =?UTF-8?q?=C3=B8pSkjema.tsx?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index a226ec0e..7e13756a 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -114,9 +114,9 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => {...skjema.felter.uaktsomAndelTilbakekreves.hentNavInputProps( skjema.visFeilmeldinger )} - label={null} + label={'Angi andel som skal tilbakekreves'} + hideLabel id="andelSomTilbakekreves" - aria-label="Angi andel som skal tilbakekreves" readOnly={erLesevisning} onChange={event => skjema.felter.uaktsomAndelTilbakekreves.validerOgSettFelt( From cdfe3421a89aaa8b1643ec63bd6096ea54334a39 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Mon, 19 Feb 2024 12:12:03 +0100 Subject: [PATCH 28/32] =?UTF-8?q?Rename=20label=20p=C3=A5=20select=20s?= =?UTF-8?q?=C3=A5=20test=20er=20happy=20(skal=20ikke=20finnes=20flere=20el?= =?UTF-8?q?ementer=20med=20samme=20tekst)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index 7e13756a..ff1603d5 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -114,7 +114,7 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => {...skjema.felter.uaktsomAndelTilbakekreves.hentNavInputProps( skjema.visFeilmeldinger )} - label={'Angi andel som skal tilbakekreves'} + label={'Velg andel som skal tilbakekreves'} hideLabel id="andelSomTilbakekreves" readOnly={erLesevisning} From 78aaaf866376ada7f48a2f54c4d521ff1b00c440 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Mon, 19 Feb 2024 14:05:53 +0100 Subject: [PATCH 29/32] reverter endringer --- .../Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index ff1603d5..a226ec0e 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -114,9 +114,9 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => {...skjema.felter.uaktsomAndelTilbakekreves.hentNavInputProps( skjema.visFeilmeldinger )} - label={'Velg andel som skal tilbakekreves'} - hideLabel + label={null} id="andelSomTilbakekreves" + aria-label="Angi andel som skal tilbakekreves" readOnly={erLesevisning} onChange={event => skjema.felter.uaktsomAndelTilbakekreves.validerOgSettFelt( From a069e7b7bcb6a3d8cece0762150c0ece0273453d Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Wed, 21 Feb 2024 08:58:58 +0100 Subject: [PATCH 30/32] =?UTF-8?q?trekk=20radio=20group=20for=20=C3=A5=20ti?= =?UTF-8?q?llegge=20renter=20ut=20i=20egen=20komponent?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../GradForsettSkjema.tsx" | 50 ++++-------------- .../ReduksjonAvBel\303\270pSkjema.tsx" | 47 ++++------------- .../TilleggesRenterRadioGroup.tsx" | 51 +++++++++++++++++++ 3 files changed, 69 insertions(+), 79 deletions(-) create mode 100644 "src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" index 800c94ea..54c311ac 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" @@ -4,18 +4,14 @@ import { styled } from 'styled-components'; import { Column, Row } from 'nav-frontend-grid'; -import { BodyShort, Label, Radio } from '@navikt/ds-react'; +import { BodyShort, Label } from '@navikt/ds-react'; import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; import { Vilkårsresultat } from '../../../../../kodeverk'; import ArrowBox from '../../../../Felleskomponenter/ArrowBox/ArrowBox'; -import { HorisontalRadioGroup } from '../../../../Felleskomponenter/Skjemaelementer'; import { useFeilutbetalingVilkårsvurdering } from '../../FeilutbetalingVilkårsvurderingContext'; -import { - JaNeiOption, - jaNeiOptions, - VilkårsvurderingSkjemaDefinisjon, -} from '../VilkårsvurderingPeriodeSkjemaContext'; +import { VilkårsvurderingSkjemaDefinisjon } from '../VilkårsvurderingPeriodeSkjemaContext'; +import TilleggesRenterRadioGroup from './TilleggesRenterRadioGroup'; const StyledNormaltekst = styled(BodyShort)` padding-top: 15px; @@ -52,40 +48,12 @@ const GradForsettSkjema: React.FC = ({ skjema, erLesevisning }) => { )} - {erLesevisning || !kanIlleggeRenter ? ( - <> - - - {skjema.felter.forstoIlleggeRenter.verdi && - skjema.felter.forstoIlleggeRenter.verdi.label} - - - ) : ( - - skjema.felter.forstoIlleggeRenter.validerOgSettFelt(val) - } - > - {jaNeiOptions.map(opt => ( - - {opt.label} - - ))} - - )} + diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index a226ec0e..cef619d4 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -21,6 +21,7 @@ import { OptionNEI, VilkårsvurderingSkjemaDefinisjon, } from '../VilkårsvurderingPeriodeSkjemaContext'; +import TilleggesRenterRadioGroup from './TilleggesRenterRadioGroup'; const StyledNormaltekst = styled(BodyShort)` padding-top: 15px; @@ -221,44 +222,14 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => {beskjedTilbakekreves} )} - {erGrovtUaktsomhet && - (erLesevisning || !kanIlleggeRenter ? ( - <> - - - {skjema.felter.grovtUaktsomIlleggeRenter.verdi && - skjema.felter.grovtUaktsomIlleggeRenter.verdi.label} - - - ) : ( - - skjema.felter.grovtUaktsomIlleggeRenter.validerOgSettFelt( - val - ) - } - > - {jaNeiOptions.map(opt => ( - - {opt.label} - - ))} - - ))} + {erGrovtUaktsomhet && ( + + )} )} diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" new file mode 100644 index 00000000..a3a8df48 --- /dev/null +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" @@ -0,0 +1,51 @@ +import * as React from 'react'; +import { BodyShort, Label, Radio } from '@navikt/ds-react'; +import { HorisontalRadioGroup } from '../../../../Felleskomponenter/Skjemaelementer'; +import { JaNeiOption, jaNeiOptions } from '../VilkårsvurderingPeriodeSkjemaContext'; +import type { Felt } from '@navikt/familie-skjema'; + +interface IProps { + erLesevisning: boolean; + kanIlleggeRenter: boolean; + skjemafelt: Felt; + ugyldigIlleggRenterValgt: boolean; +} +const TilleggesRenterRadioGroup: React.FC = ({ + erLesevisning, + kanIlleggeRenter, + skjemafelt, + ugyldigIlleggRenterValgt, +}) => { + return ( + <> + {erLesevisning || !kanIlleggeRenter ? ( + <> + + {skjemafelt.verdi && skjemafelt.verdi.label} + + ) : ( + skjemafelt.validerOgSettFelt(val)} + > + {jaNeiOptions.map(opt => ( + + {opt.label} + + ))} + + )} + + ); +}; + +export default TilleggesRenterRadioGroup; From 7bdcbc01e807ff17fcce29e2c826ba34b2b4d8f5 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Wed, 21 Feb 2024 09:43:40 +0100 Subject: [PATCH 31/32] =?UTF-8?q?forenkle=20hva=20man=20sender=20inn=20som?= =?UTF-8?q?=20prop=20for=20=C3=A5=20styre=20om=20man=20viser=20feilmelding?= =?UTF-8?q?er?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Aktsomhetsvurdering/GradForsettSkjema.tsx" | 8 ++------ .../ReduksjonAvBel\303\270pSkjema.tsx" | 6 +----- .../TilleggesRenterRadioGroup.tsx" | 11 ++++++++--- 3 files changed, 11 insertions(+), 14 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" index 54c311ac..1d80eac8 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" @@ -5,7 +5,7 @@ import { styled } from 'styled-components'; import { Column, Row } from 'nav-frontend-grid'; import { BodyShort, Label } from '@navikt/ds-react'; -import { type ISkjema, Valideringsstatus } from '@navikt/familie-skjema'; +import { type ISkjema } from '@navikt/familie-skjema'; import { Vilkårsresultat } from '../../../../../kodeverk'; import ArrowBox from '../../../../Felleskomponenter/ArrowBox/ArrowBox'; @@ -28,10 +28,6 @@ const GradForsettSkjema: React.FC = ({ skjema, erLesevisning }) => { const erValgtResultatTypeForstoBurdeForstått = skjema.felter.vilkårsresultatvurdering.verdi === Vilkårsresultat.FORSTO_BURDE_FORSTÅTT; - const ugyldigIlleggRenterValgt = - skjema.visFeilmeldinger && - skjema.felter.forstoIlleggeRenter.valideringsstatus === Valideringsstatus.FEIL; - const forstoBurdeForståttOffset = erValgtResultatTypeForstoBurdeForstått ? 340 : 385; return ( @@ -52,7 +48,7 @@ const GradForsettSkjema: React.FC = ({ skjema, erLesevisning }) => { erLesevisning={erLesevisning} kanIlleggeRenter={kanIlleggeRenter} skjemafelt={skjema.felter.forstoIlleggeRenter} - ugyldigIlleggRenterValgt={ugyldigIlleggRenterValgt} + visFeilmeldingerForSkjema={skjema.visFeilmeldinger} /> diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index cef619d4..7d89f1f0 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -57,10 +57,6 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => skjema.visFeilmeldinger && skjema.felter.harGrunnerTilReduksjon.valideringsstatus === Valideringsstatus.FEIL; - const ugyldigIlleggRenterValgt = - skjema.visFeilmeldinger && - skjema.felter.grovtUaktsomIlleggeRenter.valideringsstatus === Valideringsstatus.FEIL; - const beskjedTilbakekreves = harMerEnnEnAktivitet ? formatCurrencyNoKr(valgtPeriode?.feilutbetaltBeløp) : '100 %'; @@ -227,7 +223,7 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => erLesevisning={erLesevisning} kanIlleggeRenter={kanIlleggeRenter} skjemafelt={skjema.felter.grovtUaktsomIlleggeRenter} - ugyldigIlleggRenterValgt={ugyldigIlleggRenterValgt} + visFeilmeldingerForSkjema={skjema.visFeilmeldinger} /> )} diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" index a3a8df48..e4574775 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" @@ -3,18 +3,19 @@ import { BodyShort, Label, Radio } from '@navikt/ds-react'; import { HorisontalRadioGroup } from '../../../../Felleskomponenter/Skjemaelementer'; import { JaNeiOption, jaNeiOptions } from '../VilkårsvurderingPeriodeSkjemaContext'; import type { Felt } from '@navikt/familie-skjema'; +import { Valideringsstatus } from '@navikt/familie-skjema'; interface IProps { erLesevisning: boolean; kanIlleggeRenter: boolean; skjemafelt: Felt; - ugyldigIlleggRenterValgt: boolean; + visFeilmeldingerForSkjema: boolean; } const TilleggesRenterRadioGroup: React.FC = ({ erLesevisning, kanIlleggeRenter, skjemafelt, - ugyldigIlleggRenterValgt, + visFeilmeldingerForSkjema, }) => { return ( <> @@ -28,7 +29,11 @@ const TilleggesRenterRadioGroup: React.FC = ({ id="skalDetTilleggesRenter" legend={'Skal det tillegges renter?'} value={skjemafelt.verdi} - error={ugyldigIlleggRenterValgt ? skjemafelt.feilmelding?.toString() : ''} + error={ + visFeilmeldingerForSkjema && + skjemafelt.valideringsstatus === Valideringsstatus.FEIL && + skjemafelt.feilmelding + } marginbottom="none" onChange={(val: JaNeiOption) => skjemafelt.validerOgSettFelt(val)} > From 8e2b92748b4d3275b1015f2047328d34c7948520 Mon Sep 17 00:00:00 2001 From: Ida Merete Enholm Date: Wed, 21 Feb 2024 09:44:36 +0100 Subject: [PATCH 32/32] skjemafelt -> felt --- .../Aktsomhetsvurdering/GradForsettSkjema.tsx" | 2 +- .../ReduksjonAvBel\303\270pSkjema.tsx" | 2 +- .../TilleggesRenterRadioGroup.tsx" | 14 +++++++------- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" index 1d80eac8..37dc79d3 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/GradForsettSkjema.tsx" @@ -47,7 +47,7 @@ const GradForsettSkjema: React.FC = ({ skjema, erLesevisning }) => { diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" index 7d89f1f0..7411e395 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/ReduksjonAvBel\303\270pSkjema.tsx" @@ -222,7 +222,7 @@ const ReduksjonAvBeløpSkjema: React.FC = ({ skjema, erLesevisning }) => )} diff --git "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" index e4574775..2e092964 100644 --- "a/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" +++ "b/src/frontend/komponenter/Fagsak/Vilk\303\245rsvurdering/Vilk\303\245rsvurderingPeriode/Aktsomhetsvurdering/TilleggesRenterRadioGroup.tsx" @@ -8,13 +8,13 @@ import { Valideringsstatus } from '@navikt/familie-skjema'; interface IProps { erLesevisning: boolean; kanIlleggeRenter: boolean; - skjemafelt: Felt; + felt: Felt; visFeilmeldingerForSkjema: boolean; } const TilleggesRenterRadioGroup: React.FC = ({ erLesevisning, kanIlleggeRenter, - skjemafelt, + felt, visFeilmeldingerForSkjema, }) => { return ( @@ -22,20 +22,20 @@ const TilleggesRenterRadioGroup: React.FC = ({ {erLesevisning || !kanIlleggeRenter ? ( <> - {skjemafelt.verdi && skjemafelt.verdi.label} + {felt.verdi && felt.verdi.label} ) : ( skjemafelt.validerOgSettFelt(val)} + onChange={(val: JaNeiOption) => felt.validerOgSettFelt(val)} > {jaNeiOptions.map(opt => (