Ung beregning oppdateringer (#7192)

* Fjerner faktapanel for barn
Legger barn inn i beregningspanelet
Viser ikke tab perioder i behandlingen i inngangsvilkår

* Styling og utvidelse av tabell

* Utregning i DataSection

* Panel for arbeid og inntekt
Rydding

* Fix story

Author: hallvardastark

loosely-type-checked-files.json

@@ -71,11 +71,9 @@
   "packages/behandling-tilbakekreving/src/components/TilbakekrevingPaneler.tsx",
   "packages/behandling-tilbakekreving/src/components/TilbakekrevingProsess.tsx",
   "packages/behandling-ungdomsytelse/src/BehandlingUngdomsytelseIndex.tsx",
-  "packages/behandling-ungdomsytelse/src/components/UngdomsytelseFakta.tsx",
   "packages/behandling-ungdomsytelse/src/components/UngdomsytelsePaneler.tsx",
   "packages/behandling-ungdomsytelse/src/components/UngdomsytelseProsess.spec.tsx",
   "packages/behandling-ungdomsytelse/src/components/UngdomsytelseProsess.tsx",
-  "packages/behandling-ungdomsytelse/src/panelDefinisjoner/faktaPaneler/BarnFaktaPanelDef.tsx",
   "packages/behandling-unntak/src/BehandlingUnntakIndex.tsx",
   "packages/behandling-unntak/src/components/UnntakFakta.spec.tsx",
   "packages/behandling-unntak/src/components/UnntakFakta.tsx",

packages/behandling-felles/src/components/InngangsvilkarPanel.tsx

@@ -11,7 +11,7 @@ import { RestApiState } from '@k9-sak-web/rest-api-hooks';
 import { EndpointData, Options, RestApiData } from '@k9-sak-web/rest-api-hooks/src/local-data/useMultipleRestApi';
 import { Behandling, KodeverkMedNavn } from '@k9-sak-web/types';
 import { HGrid, Tabs } from '@navikt/ds-react';
-import React, { useCallback, useMemo, useState } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import messages from '../i18n/nb_NO.json';
 import { ProsessStegPanelUtledet } from '../util/prosessSteg/ProsessStegUtledet';
@@ -105,19 +105,21 @@ const InngangsvilkarPanel = ({
             <VerticalSpacer thirtyTwoPx />
           </>
         )}
-        <Tabs defaultValue="0">
-          <Tabs.List>
-            {tabs.map((tab, index) => (
-              <Tabs.Tab
-                key={tab.key}
-                value={`${index}`}
-                label={tab.label}
-                onClick={() => setVisAllePerioder(index === 1)}
-              />
-            ))}
-          </Tabs.List>
-        </Tabs>
-        <VerticalSpacer thirtyTwoPx />
+        {tabs.length > 1 && (
+          <Tabs defaultValue="0">
+            <Tabs.List>
+              {tabs.map((tab, index) => (
+                <Tabs.Tab
+                  key={tab.key}
+                  value={`${index}`}
+                  label={tab.label}
+                  onClick={() => setVisAllePerioder(index === 1)}
+                />
+              ))}
+            </Tabs.List>
+          </Tabs>
+        )}
+        {tabs.length > 1 ? <VerticalSpacer thirtyTwoPx /> : <VerticalSpacer sixteenPx />}
         <HGrid gap="4" columns={filteredPanels.length > 2 ? { xs: '6fr 6fr' } : { xs: '8fr 4fr' }}>
           <div>
             {filteredPanels

packages/behandling-ungdomsytelse/src/components/UngdomsytelseFakta.tsx

@@ -7,16 +7,9 @@ import {
   FeatureToggles,
   KodeverkMedNavn,
 } from '@k9-sak-web/types';
-import { useState } from 'react';
 import FetchedData from '../types/FetchedData';
-import UngdomsytelseFakta from './UngdomsytelseFakta';
 import UngdomsytelseProsess from './UngdomsytelseProsess';
 
-interface FaktaPanelInfo {
-  urlCode: string;
-  textCode: string;
-}
-
 interface OwnProps {
   fetchedData: FetchedData;
   fagsak: Fagsak;
@@ -54,7 +47,6 @@ const UngdomsytelsePaneler = ({
   arbeidsgiverOpplysningerPerId,
   featureToggles,
 }: OwnProps) => {
-  const [apentFaktaPanelInfo, setApentFaktaPanel] = useState<FaktaPanelInfo>();
   return (
     <>
       <BehandlingPaVent
@@ -80,23 +72,6 @@ const UngdomsytelsePaneler = ({
         setBehandling={setBehandling}
         arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
         featureToggles={featureToggles}
-        apentFaktaPanelInfo={apentFaktaPanelInfo}
-      />
-      <UngdomsytelseFakta
-        behandling={behandling}
-        data={fetchedData}
-        fagsak={fagsak}
-        fagsakPerson={fagsakPerson}
-        alleKodeverk={alleKodeverk}
-        rettigheter={rettigheter}
-        hasFetchError={hasFetchError}
-        valgtFaktaSteg={valgtFaktaSteg}
-        valgtProsessSteg={valgtProsessSteg}
-        oppdaterProsessStegOgFaktaPanelIUrl={oppdaterProsessStegOgFaktaPanelIUrl}
-        setApentFaktaPanel={setApentFaktaPanel}
-        setBehandling={setBehandling}
-        arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
-        featureToggles={featureToggles}
       />
     </>
   );

packages/behandling-ungdomsytelse/src/components/UngdomsytelsePaneler.tsx

@@ -140,7 +140,6 @@ const UngdomsytelseProsess = ({
   setBehandling,
   arbeidsgiverOpplysningerPerId,
   featureToggles,
-  apentFaktaPanelInfo,
 }: OwnProps) => {
   prosessStegHooks.useOppdateringAvBehandlingsversjon(behandling.versjon, oppdaterBehandlingVersjon);
 
@@ -196,7 +195,6 @@ const UngdomsytelseProsess = ({
     data.vilkar,
     hasFetchError,
     valgtProsessSteg,
-    apentFaktaPanelInfo,
   );
 
   const [visIverksetterVedtakModal, toggleIverksetterVedtakModal] = useState(false);
@@ -252,7 +250,6 @@ const UngdomsytelseProsess = ({
           useMultipleRestApi={restApiUngdomsytelseHooks.useMultipleRestApi}
           featureToggles={featureToggles}
           erOverstyrer={rettigheter.kanOverstyreAccess.isEnabled}
-          apentFaktaPanelInfo={apentFaktaPanelInfo}
         />
       </ProsessStegContainer>
     </>

packages/behandling-ungdomsytelse/src/components/UngdomsytelseProsess.tsx

@@ -4,6 +4,7 @@ import { ProsessStegDef, ProsessStegPanelDef } from '@k9-sak-web/behandling-fell
 import UngBeregningIndex from '@k9-sak-web/gui/prosess/ung-beregning/UngBeregningIndex.js';
 import { prosessStegCodes } from '@k9-sak-web/konstanter';
 import { Vilkar } from '@k9-sak-web/types';
+import { PersonopplysningDto } from '@navikt/ung-sak-typescript-client';
 
 class PanelDef extends ProsessStegPanelDef {
   getKomponent = props => <UngBeregningIndex {...props} />;
@@ -16,6 +17,14 @@ class PanelDef extends ProsessStegPanelDef {
       ? vilkarUtfallType.OPPFYLT
       : vilkarUtfallType.IKKE_VURDERT;
   };
+  getData = ({ personopplysninger }: { personopplysninger: PersonopplysningDto }) => ({
+    barn:
+      personopplysninger?.barn?.map(barn => ({
+        navn: barn.navn,
+        fødselsdato: barn.fodselsdato ? new Intl.DateTimeFormat('nb-NO').format(new Date(barn.fodselsdato)) : '',
+        dødsdato: barn.dodsdato ? new Intl.DateTimeFormat('nb-NO').format(new Date(barn.dodsdato)) : '',
+      })) || [],
+  });
 }
 
 class BeregningProsessStegPanelDef extends ProsessStegDef {

packages/behandling-ungdomsytelse/src/panelDefinisjoner/faktaPaneler/BarnFaktaPanelDef.tsx

@@ -1,5 +1,5 @@
-import { Vilkar } from '@k9-sak-web/types';
 import { dateStringSorter } from '@fpsak-frontend/utils';
+import { Vilkar } from '@k9-sak-web/types';
 
 const hentAktivePerioderFraVilkar = (vilkar: Vilkar[], visAllePerioder: boolean) => {
   const [activeVilkår] = vilkar;