TSFF-743 - refaktorering av prosess-tilkjent-ytelse (#6481)

* TSFF-743 - refaktorering av prosess-tilkjent-ytelse * Rydding, bedre typings Redux-form bort fra tilbaketrekk * Masse ryding. Panelet ser ut til å fungere som tiltenkt nå * Bort med intl * Tilpass til react-hook-form * Fiks feil * Fix tests * Trenger visst intl her litt til * Bytter fra moment til Dayjs i dateUtils. Tar bort intl der samtidig. Tilpasser filer som benytter seg av dateUtils * Tar bort noe bruk av intl som klager * Retter feil * Retter bruk av funksjon * Bruker kodeverk som strings Bruker genererte typer fra v2 * Retter en del typer
navikt · Sep 24, 2024 · 3bdefaa · 3bdefaa
1 parent d50eb38
commit 3bdefaa
Show file tree

Hide file tree

Showing 45 changed files with 1,129 additions and 1,707 deletions.
diff --git a/...ng-frisinn/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx b/...ng-frisinn/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx
@@ -1,9 +1,8 @@
-import React from 'react';
-
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import TilkjentYtelseProsessIndex from '@fpsak-frontend/prosess-tilkjent-ytelse';
-import { prosessStegCodes } from '@k9-sak-web/konstanter';
 import { ProsessStegDef, ProsessStegPanelDef } from '@k9-sak-web/behandling-felles';
+import { prosessStegCodes } from '@k9-sak-web/konstanter';
+import { konverterKodeverkTilKode } from '@k9-sak-web/lib/kodeverk/konverterKodeverkTilKode.js';
 
 const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
  const { perioder } = beregningsresultatUtbetaling;
@@ -15,7 +14,11 @@ const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
 };
 
 class PanelDef extends ProsessStegPanelDef {
- getKomponent = props => <TilkjentYtelseProsessIndex {...props} />;
+ getKomponent = props => {
+ const deepCopyProps = JSON.parse(JSON.stringify(props));
+ konverterKodeverkTilKode(deepCopyProps, false);
+ return <TilkjentYtelseProsessIndex {...props} {...deepCopyProps} />;
+ };
 
  getAksjonspunktKoder = () => [];
 

diff --git a/...orgspenger/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx b/...orgspenger/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx
@@ -1,10 +1,9 @@
-import React from 'react';
-
+import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import TilkjentYtelseProsessIndex from '@fpsak-frontend/prosess-tilkjent-ytelse';
-import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
-import { prosessStegCodes } from '@k9-sak-web/konstanter';
 import { ProsessStegDef, ProsessStegPanelDef } from '@k9-sak-web/behandling-felles';
+import { prosessStegCodes } from '@k9-sak-web/konstanter';
+import { konverterKodeverkTilKode } from '@k9-sak-web/lib/kodeverk/konverterKodeverkTilKode.js';
 
 const harIngenAndeler = perioder => {
  const alleAndeler = perioder.flatMap(({ andeler }) => [...andeler]);
@@ -20,7 +19,11 @@ const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
 };
 
 class PanelDef extends ProsessStegPanelDef {
- getKomponent = props => <TilkjentYtelseProsessIndex {...props} />;
+ getKomponent = props => {
+ const deepCopyProps = JSON.parse(JSON.stringify(props));
+ konverterKodeverkTilKode(deepCopyProps, false);
+ return <TilkjentYtelseProsessIndex {...props} {...deepCopyProps} />;
+ };
 
  getAksjonspunktKoder = () => [aksjonspunktCodes.VURDER_TILBAKETREKK];
 

diff --git a/...ingspenger/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx b/...ingspenger/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx
@@ -1,10 +1,9 @@
-import React from 'react';
-
+import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import TilkjentYtelseProsessIndex from '@fpsak-frontend/prosess-tilkjent-ytelse';
-import { prosessStegCodes } from '@k9-sak-web/konstanter';
-import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import { ProsessStegDef, ProsessStegPanelDef } from '@k9-sak-web/behandling-felles';
+import { prosessStegCodes } from '@k9-sak-web/konstanter';
+import { konverterKodeverkTilKode } from '@k9-sak-web/lib/kodeverk/konverterKodeverkTilKode.js';
 
 const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
  const { perioder } = beregningsresultatUtbetaling;
@@ -15,7 +14,11 @@ const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
 };
 
 class PanelDef extends ProsessStegPanelDef {
- getKomponent = props => <TilkjentYtelseProsessIndex {...props} />;
+ getKomponent = props => {
+ const deepCopyProps = JSON.parse(JSON.stringify(props));
+ konverterKodeverkTilKode(deepCopyProps, false);
+ return <TilkjentYtelseProsessIndex {...props} {...deepCopyProps} />;
+ };
 
  getAksjonspunktKoder = () => [aksjonspunktCodes.VURDER_TILBAKETREKK];
 

diff --git a/...-sluttfase/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx b/...-sluttfase/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx
@@ -1,10 +1,9 @@
-import React from 'react';
-
+import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import TilkjentYtelseProsessIndex from '@fpsak-frontend/prosess-tilkjent-ytelse';
-import { prosessStegCodes } from '@k9-sak-web/konstanter';
-import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import { ProsessStegDef, ProsessStegPanelDef } from '@k9-sak-web/behandling-felles';
+import { prosessStegCodes } from '@k9-sak-web/konstanter';
+import { konverterKodeverkTilKode } from '@k9-sak-web/lib/kodeverk/konverterKodeverkTilKode.js';
 
 const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
  const { perioder } = beregningsresultatUtbetaling;
@@ -15,7 +14,11 @@ const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
 };
 
 class PanelDef extends ProsessStegPanelDef {
- getKomponent = props => <TilkjentYtelseProsessIndex {...props} />;
+ getKomponent = props => {
+ const deepCopyProps = JSON.parse(JSON.stringify(props));
+ konverterKodeverkTilKode(deepCopyProps, false);
+ return <TilkjentYtelseProsessIndex {...props} {...deepCopyProps} />;
+ };
 
  getAksjonspunktKoder = () => [aksjonspunktCodes.VURDER_TILBAKETREKK];
 

diff --git a/...leiepenger/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx b/...leiepenger/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx
@@ -1,10 +1,9 @@
-import React from 'react';
-
+import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import TilkjentYtelseProsessIndex from '@fpsak-frontend/prosess-tilkjent-ytelse';
-import { prosessStegCodes } from '@k9-sak-web/konstanter';
-import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import { ProsessStegDef, ProsessStegPanelDef } from '@k9-sak-web/behandling-felles';
+import { prosessStegCodes } from '@k9-sak-web/konstanter';
+import { konverterKodeverkTilKode } from '@k9-sak-web/lib/kodeverk/konverterKodeverkTilKode.js';
 
 const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
  const { perioder } = beregningsresultatUtbetaling;
@@ -15,7 +14,11 @@ const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
 };
 
 class PanelDef extends ProsessStegPanelDef {
- getKomponent = props => <TilkjentYtelseProsessIndex {...props} />;
+ getKomponent = props => {
+ const deepCopyProps = JSON.parse(JSON.stringify(props));
+ konverterKodeverkTilKode(deepCopyProps, false);
+ return <TilkjentYtelseProsessIndex {...props} {...deepCopyProps} />;
+ };
 
  getAksjonspunktKoder = () => [aksjonspunktCodes.VURDER_TILBAKETREKK];
 

diff --git a/...ing-unntak/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx b/...ing-unntak/src/panelDefinisjoner/prosessStegPaneler/TilkjentYtelseProsessStegPanelDef.tsx
@@ -1,11 +1,10 @@
-import React from 'react';
-
+import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import TilkjentYtelseProsessIndex from '@fpsak-frontend/prosess-tilkjent-ytelse';
-import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 
-import { prosessStegCodes } from '@k9-sak-web/konstanter';
 import { ProsessStegDef, ProsessStegPanelDef } from '@k9-sak-web/behandling-felles';
+import { prosessStegCodes } from '@k9-sak-web/konstanter';
+import { konverterKodeverkTilKode } from '@k9-sak-web/lib/kodeverk/konverterKodeverkTilKode.js';
 import { UnntakBehandlingApiKeys } from '../../data/unntakBehandlingApi';
 
 const harIngenAndeler = perioder => {
@@ -22,7 +21,11 @@ const harKunAvslåtteUttak = beregningsresultatUtbetaling => {
 };
 
 class PanelDef extends ProsessStegPanelDef {
- getKomponent = props => <TilkjentYtelseProsessIndex {...props} />;
+ getKomponent = props => {
+ const deepCopyProps = JSON.parse(JSON.stringify(props));
+ konverterKodeverkTilKode(deepCopyProps, false);
+ return <TilkjentYtelseProsessIndex {...props} {...deepCopyProps} />;
+ };
 
  getAksjonspunktKoder = () => [aksjonspunktCodes.MANUELL_TILKJENT_YTELSE];
 

diff --git a/packages/fakta-barn-oms/src/components/BarnInformasjonVisning.tsx b/packages/fakta-barn-oms/src/components/BarnInformasjonVisning.tsx
@@ -1,9 +1,8 @@
 import { VerticalSpacer } from '@fpsak-frontend/shared-components';
-import { formatereLukketPeriode, visningsdato } from '@fpsak-frontend/utils';
+import { formatDate, formatereLukketPeriode } from '@fpsak-frontend/utils';
 import KombinertBarnOgRammevedtak from '@k9-sak-web/fakta-barn-oms/src/dto/KombinertBarnOgRammevedtak';
 import { BarnType } from '@k9-sak-web/prosess-aarskvantum-oms/src/dto/BarnDto';
 import { BodyShort } from '@navikt/ds-react';
-import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
 interface BarnInputProps {
@@ -52,7 +51,7 @@ const BarnInformasjonVisning = ({ barnet }: BarnInputProps) => {
 
  {dødsdato && (
  <BodyShort size="small">
- <FormattedMessage id="FaktaBarn.Død" values={{ dødsdato: visningsdato(dødsdato) }} />
+ <FormattedMessage id="FaktaBarn.Død" values={{ dødsdato: formatDate(dødsdato) }} />
  </BodyShort>
  )}
  {barnType === BarnType.FOSTERBARN && (

diff --git a/packages/fakta-barn-oms/src/utils/formaterDato.ts b/packages/fakta-barn-oms/src/utils/formaterDato.ts
@@ -1,5 +1,5 @@
-import { visningsdato, isValidDate } from '@fpsak-frontend/utils';
+import { formatDate, isValidDate } from '@fpsak-frontend/utils';
 
-const formaterDato = (dato: string) => (isValidDate(dato) ? visningsdato(dato) : '-');
+const formaterDato = (dato: string) => (isValidDate(dato) ? formatDate(dato) : '-');
 
 export default formaterDato;
diff --git a/packages/prosess-aarskvantum-oms/src/components/AktivitetTabell.tsx b/packages/prosess-aarskvantum-oms/src/components/AktivitetTabell.tsx
@@ -16,7 +16,7 @@ import { FraværÅrsakEnum } from '@k9-sak-web/types/src/omsorgspenger/Uttaksper
 import { ChevronDownIcon, ChevronUpIcon } from '@navikt/aksel-icons';
 import { BodyShort, Box, Button, HelpText, Label, Table, Tabs } from '@navikt/ds-react';
 import classNames from 'classnames';
-import React, { ReactNode, useMemo, useState } from 'react';
+import { ReactNode, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import Utfall from './Utfall';
 import styles from './aktivitetTabell.module.css';
@@ -32,7 +32,7 @@ interface AktivitetTabellProps {
  aktivitetsstatuser: KodeverkMedNavn[];
 }
 
-export const antallDager = (periode: string): string => {
+export const antallDager = (periode: string): string | number => {
  const [fom, tom] = periode.split('/');
  return calcDays(fom, tom, false);
 };
@@ -232,7 +232,9 @@ const AktivitetTabell = ({
  <NøkkeltallContainer
  totaltAntallDager={nøkkeltall.totaltAntallDager}
  antallDagerArbeidsgiverDekker={nøkkeltall.antallDagerArbeidsgiverDekker}
- antallDagerFraværRapportertSomNyoppstartet={nøkkeltall.antallDagerFraværRapportertSomNyoppstartet}
+ antallDagerFraværRapportertSomNyoppstartet={
+ nøkkeltall.antallDagerFraværRapportertSomNyoppstartet
+ }
  antallDagerInfotrygd={nøkkeltall.antallDagerInfotrygd}
  antallKoronadager={nøkkeltall.antallKoronadager}
  forbrukteDager={nøkkeltall.antallForbrukteDager}

diff --git a/...ts/saerlige-smittevernhensyn/KartleggePropertyTilSaerligeSmittevernhensynMikrofrontend.ts b/...ts/saerlige-smittevernhensyn/KartleggePropertyTilSaerligeSmittevernhensynMikrofrontend.ts
@@ -2,8 +2,8 @@ import { FormStateType } from '@fpsak-frontend/form/src/types/FormStateType';
 import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import aksjonspunktStatus from '@fpsak-frontend/kodeverk/src/aksjonspunktStatus';
 import behandlingStatus from '@fpsak-frontend/kodeverk/src/behandlingStatus';
-import { Aksjonspunkt, Behandling, UtfallEnum, Uttaksperiode } from '@k9-sak-web/types';
 import { KomponenterEnum } from '@k9-sak-web/prosess-omsorgsdager';
+import { Aksjonspunkt, Behandling, UtfallEnum, Uttaksperiode } from '@k9-sak-web/types';
 import { isAfter, parse } from 'date-fns';
 import Aktivitet from '../../dto/Aktivitet';
 import PeriodeBekreftetStatus from '../../dto/PeriodeBekreftetStatus';
@@ -102,7 +102,12 @@ const KartleggePropertyTilSaerligeSmittevernhensynMikrofrontend = (
 
  if (eksistererInnvilgetPeriode && perioderAvslått.length > 0) {
  perioderInnvilget.forEach(period => {
- dagerDelvisInnvilget += parseInt(antallDager(period.periode), 10);
+ const daysToAdd = antallDager(period.periode);
+ if (typeof daysToAdd === 'string') {
+ dagerDelvisInnvilget += parseInt(daysToAdd, 10);
+ } else {
+ dagerDelvisInnvilget += daysToAdd;
+ }
  });
  }
 

diff --git a/packages/prosess-avregning/src/components/AvregningTable.tsx b/packages/prosess-avregning/src/components/AvregningTable.tsx
@@ -1,10 +1,9 @@
 import mottakerTyper from '@fpsak-frontend/kodeverk/src/mottakerTyper';
-import { formatCurrencyNoKr, getRangeOfMonths } from '@fpsak-frontend/utils';
+import { formatCurrencyNoKr, getRangeOfMonths, initializeDate } from '@fpsak-frontend/utils';
 import { Kodeverk, Periode, SimuleringMottaker, SimuleringResultatRad } from '@k9-sak-web/types';
 import { BodyShort, Table } from '@navikt/ds-react';
 import classnames from 'classnames/bind';
 import moment from 'moment/moment';
-import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import CollapseButton from './CollapseButton';
 import styles from './avregningTable.module.css';
@@ -125,7 +124,7 @@ const getPeriodeFom = (periodeFom: string, nesteUtbPeriodeFom: string) => period
 const getPeriod = (ingenPerioderMedAvvik: boolean, periodeFom: string, mottaker: SimuleringMottaker) =>
  getRangeOfMonths(
  avvikBruker(ingenPerioderMedAvvik, mottaker.mottakerType.kode)
- ? moment(mottaker.nesteUtbPeriode.tom).subtract(1, 'months')
+ ? initializeDate(mottaker.nesteUtbPeriode.tom).subtract(1, 'months').format('YYYY-MM')
  : getPeriodeFom(periodeFom, mottaker.nesteUtbPeriode.fom),
  mottaker.nesteUtbPeriode.tom,
  );

diff --git a/packages/prosess-foreldelse/src/components/splittePerioder/PeriodeInformasjon.jsx b/packages/prosess-foreldelse/src/components/splittePerioder/PeriodeInformasjon.jsx
@@ -2,7 +2,6 @@ import { DDMMYYYY_DATE_FORMAT, calcDaysAndWeeks, formatCurrencyNoKr } from '@fps
 import { BodyShort, HGrid, Label } from '@navikt/ds-react';
 import moment from 'moment';
 import PropTypes from 'prop-types';
-import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import styles from './periodeInformasjon.module.css';
@@ -23,15 +22,7 @@ const PeriodeInformasjon = ({ fom, tom, feilutbetaling, arsak }) => {
  <Label size="small" as="p">
  {`${moment(fom).format(DDMMYYYY_DATE_FORMAT)} - ${moment(tom).format(DDMMYYYY_DATE_FORMAT)}`}
  </Label>
- <BodyShort size="small">
- <FormattedMessage
- id={daysAndWeeks.id}
- values={{
- weeks: daysAndWeeks.weeks,
- days: daysAndWeeks.days,
- }}
- />
- </BodyShort>
+ <BodyShort size="small">{daysAndWeeks}</BodyShort>
  </HGrid>
  <div className={styles.resultSum}>
  <HGrid gap="1" columns={{ xs: '6fr 6fr' }} className={styles.redNumbers}>

diff --git a/...ioder/TilbakekrevingTimelineData.spec.jsx → ...ioder/TilbakekrevingTimelineData.spec.tsx b/...ioder/TilbakekrevingTimelineData.spec.jsx → ...ioder/TilbakekrevingTimelineData.spec.tsx
diff --git a/packages/prosess-tilbakekreving/src/components/splittePerioder/PeriodeInformasjon.tsx b/packages/prosess-tilbakekreving/src/components/splittePerioder/PeriodeInformasjon.tsx
@@ -1,7 +1,5 @@
-import { DDMMYYYY_DATE_FORMAT, calcDaysAndWeeks, formatCurrencyNoKr } from '@fpsak-frontend/utils';
+import { DDMMYYYY_DATE_FORMAT, calcDaysAndWeeks, formatCurrencyNoKr, initializeDate } from '@fpsak-frontend/utils';
 import { BodyShort, HGrid, Label } from '@navikt/ds-react';
-import moment from 'moment';
-import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import DataForPeriode from '../../types/dataForPeriodeTsType';
 
@@ -30,19 +28,11 @@ const PeriodeInformasjon = ({ fom, tom, feilutbetaling, arsak }: OwnProps) => {
  <HGrid gap="4" columns={{ xs: '6fr 6fr' }}>
  <div>
  <Label size="small" as="p">
- {`${moment(fom).format(DDMMYYYY_DATE_FORMAT)} - ${moment(tom).format(DDMMYYYY_DATE_FORMAT)}`}
+ {`${initializeDate(fom).format(DDMMYYYY_DATE_FORMAT)} - ${initializeDate(tom).format(DDMMYYYY_DATE_FORMAT)}`}
  </Label>
  </div>
  <div>
- <BodyShort size="small">
- <FormattedMessage
- id={daysAndWeeks.id}
- values={{
- weeks: daysAndWeeks.weeks,
- days: daysAndWeeks.days,
- }}
- />
- </BodyShort>
+ <BodyShort size="small">{daysAndWeeks}</BodyShort>
  </div>
  </HGrid>
  <div className={styles.resultSum}>

diff --git a/packages/prosess-tilkjent-ytelse/i18n/index.js b/packages/prosess-tilkjent-ytelse/i18n/index.js
@@ -1,8 +1,3 @@
-import {
- intlWithMessages
-} from '@fpsak-frontend/utils-test/intl-test-helper';
+import { intlWithMessages } from '@fpsak-frontend/utils-test/intl-test-helper';
 
-import messages from './nb_NO.json';
-
-
-export const intlMock = intlWithMessages(messages);
+export const intlMock = intlWithMessages();