Merge branch 'master' into vitest

navikt · Oct 11, 2023 · 755489f · 755489f
2 parents 5c172ed + 928dd44
commit 755489f
Show file tree

Hide file tree

Showing 12 changed files with 166 additions and 113 deletions.
diff --git a/packages/prosess-vedtak/src/components/FritekstBrevPanel.tsx b/packages/prosess-vedtak/src/components/FritekstBrevPanel.tsx
@@ -39,6 +39,7 @@ interface OwnProps {
   dokumentdata: DokumentDataType;
   dokumentdataInformasjonsbehov: any;
   overstyrtMottaker?: Brevmottaker;
+  setForhaandsvisningKlart: React.Dispatch<React.SetStateAction<boolean>>;
 }
 
 const FritekstBrevPanel = ({
@@ -54,6 +55,7 @@ const FritekstBrevPanel = ({
   dokumentdata,
   dokumentdataInformasjonsbehov,
   overstyrtMottaker,
+  setForhaandsvisningKlart,
 }: OwnProps) => {
   const { formatMessage } = intl;
   const [featureToggles] = useFeatureToggles();
@@ -139,6 +141,7 @@ const FritekstBrevPanel = ({
             kanInkludereKalender={kanInkludereKalender}
             dokumentdataInformasjonsbehov={dokumentdataInformasjonsbehov}
             overstyrtMottaker={overstyrtMottaker}
+            setForhaandsvisningKlart={setForhaandsvisningKlart}
           />
 
           {formikProps.touched?.[fieldnames.REDIGERT_HTML] && formikProps.errors?.[fieldnames.REDIGERT_HTML] && (

diff --git a/packages/prosess-vedtak/src/components/FritekstRedigering/FritekstEditor.tsx b/packages/prosess-vedtak/src/components/FritekstRedigering/FritekstEditor.tsx
@@ -73,7 +73,11 @@ const FritekstEditor = ({
 
   const debouncedLagre = useCallback(debounce(handleLagre), []);
 
-  const onChange = () => debouncedLagre();
+  const onChange = () => {
+    if (!readOnly) {
+      debouncedLagre();
+    }
+  };
 
   const lastEditor = async () => {
     await editor.init({ holder: 'rediger-brev', onChange });
@@ -83,10 +87,10 @@ const FritekstEditor = ({
   };
 
   useEffect(() => {
-    if (redigerbartInnholdKlart && !editor.harEditor()) {
+    if (redigerbartInnholdKlart && !editor.harEditor() && !readOnly) {
       lastEditor();
     }
-  }, [redigerbartInnholdKlart]);
+  }, [redigerbartInnholdKlart, readOnly]);
 
   const handleLagreOgLukk = () => {
     handleLagre();
@@ -179,7 +183,7 @@ const FritekstEditor = ({
                   <VerticalSpacer sixteenPx />
                 </>
               )}
-              <PreviewLink previewCallback={onForhåndsvis} size="small" intl={intl}>
+              <PreviewLink previewCallback={onForhåndsvis} size="small" intl={intl} loading={!redigerbartInnholdKlart}>
                 <FormattedMessage id="VedtakForm.ForhandvisBrev" />
               </PreviewLink>
             </div>

diff --git a/packages/prosess-vedtak/src/components/FritekstRedigering/FritekstRedigering.tsx b/packages/prosess-vedtak/src/components/FritekstRedigering/FritekstRedigering.tsx
@@ -42,6 +42,7 @@ interface ownProps {
   kanInkludereKalender: boolean;
   dokumentdataInformasjonsbehov: any;
   overstyrtMottaker?: Brevmottaker;
+  setForhaandsvisningKlart: React.Dispatch<React.SetStateAction<boolean>>;
 }
 
 const FritekstRedigering = ({
@@ -58,8 +59,11 @@ const FritekstRedigering = ({
   kanInkludereKalender,
   dokumentdataInformasjonsbehov,
   overstyrtMottaker,
+  setForhaandsvisningKlart,
 }: ownProps & WrappedComponentProps) => {
-  useEffect(() => {}, []);
+  useEffect(() => {
+    setForhaandsvisningKlart(false);
+  }, []);
   const redigerbarDokumentmal: VedtaksbrevMal = tilgjengeligeVedtaksbrev.maler.find(
     vb => vb.dokumentMalType === dokumentMalType.MANUELL,
   );
@@ -111,6 +115,7 @@ const FritekstRedigering = ({
     }
 
     await setRedigerbartInnholdKlart(true);
+    setForhaandsvisningKlart(true);
     setHenterMal(false);
   };
 

diff --git a/packages/prosess-vedtak/src/components/PreviewLink.tsx b/packages/prosess-vedtak/src/components/PreviewLink.tsx
@@ -16,6 +16,7 @@ interface PreviewLinkProps {
   noIcon?: boolean;
   size?: 'small' | 'medium' | 'xsmall';
   intl: IntlShape;
+  loading: boolean;
 }
 
 const PreviewLink = ({
@@ -25,6 +26,7 @@ const PreviewLink = ({
   noIcon,
   size = 'small',
   intl,
+  loading,
 }: PreviewLinkProps) => {
   const [visValideringsFeil, setVisValideringsFeil] = useState<boolean>(false);
 
@@ -60,6 +62,7 @@ const PreviewLink = ({
           onKeyDown={e => (e.keyCode === 13 ? previewCallback(e) : null)}
           className={classNames(styles.previewLink, styles['previewLink--noIcon'])}
           type="button"
+          loading={loading}
         >
           {children}
         </Button>
@@ -74,6 +77,7 @@ const PreviewLink = ({
           onKeyDown={e => (e.keyCode === 13 ? previewCallback(e) : null)}
           className={classNames(styles.previewLink)}
           type="button"
+          loading={loading}
         >
           {children}
         </Button>
@@ -82,8 +86,8 @@ const PreviewLink = ({
   );
 };
 
-export const VedtakPreviewLink = ({ previewCallback, redigertHtml, intl }) => (
-  <PreviewLink previewCallback={previewCallback} redigertHtml={redigertHtml} intl={intl}>
+export const VedtakPreviewLink = ({ previewCallback, redigertHtml, intl, loading }) => (
+  <PreviewLink previewCallback={previewCallback} redigertHtml={redigertHtml} intl={intl} loading={loading}>
     <FormattedMessage id="VedtakForm.ForhandvisBrev" />
   </PreviewLink>
 );

diff --git a/packages/prosess-vedtak/src/components/brev/BrevPanel.tsx b/packages/prosess-vedtak/src/components/brev/BrevPanel.tsx
@@ -22,7 +22,7 @@ import { Alert, ErrorMessage } from '@navikt/ds-react';
 
 import { FormikProps, setNestedObjectValues, useField } from 'formik';
 import { Column, Row } from 'nav-frontend-grid';
-import React from 'react';
+import React, { useState } from 'react';
 import { IntlShape, injectIntl } from 'react-intl';
 import { fieldnames } from '../../konstanter';
 import FritekstBrevPanel from '../FritekstBrevPanel';
@@ -188,7 +188,7 @@ export const BrevPanel: React.FC<BrevPanelProps> = props => {
     lagreDokumentdata,
     getPreviewAutomatiskBrevCallback,
   } = props;
-
+  const [forhaandsvisningKlart, setForhaandsvisningKlart] = useState(true);
   const [, meta] = useField({ name: 'overstyrtMottaker' });
 
   const automatiskBrevCallback = getPreviewAutomatiskBrevCallback(formikProps.values)({ aapneINyttVindu: true });
@@ -240,13 +240,15 @@ export const BrevPanel: React.FC<BrevPanelProps> = props => {
           lagreDokumentdata={lagreDokumentdata}
           dokumentdataInformasjonsbehov={dokumentdataInformasjonsbehov}
           overstyrtMottaker={overstyrtMottaker}
+          setForhaandsvisningKlart={setForhaandsvisningKlart}
         />
       </div>
       {!formikProps.values[fieldnames.SKAL_HINDRE_UTSENDING_AV_BREV] && (
         <VedtakPreviewLink
           previewCallback={manuellBrevCallback}
           redigertHtml={formikProps.values?.[fieldnames.REDIGERT_HTML]}
           intl={intl}
+          loading={!forhaandsvisningKlart}
         />
       )}
     </>
@@ -265,7 +267,12 @@ export const BrevPanel: React.FC<BrevPanelProps> = props => {
       </div>
       {!formikProps.values[fieldnames.SKAL_HINDRE_UTSENDING_AV_BREV] &&
         kanResultatForhåndsvises(behandlingResultat) && (
-          <VedtakPreviewLink previewCallback={automatiskBrevCallback} redigertHtml={false} intl={intl} />
+          <VedtakPreviewLink
+            previewCallback={automatiskBrevCallback}
+            redigertHtml={false}
+            intl={intl}
+            loading={!forhaandsvisningKlart}
+          />
         )}
     </>
   );

diff --git a/packages/prosess-vilkar-overstyring/src/VilkarresultatMedOverstyringProsessIndex.tsx b/packages/prosess-vilkar-overstyring/src/VilkarresultatMedOverstyringProsessIndex.tsx
@@ -1,3 +1,4 @@
+import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import { useFeatureToggles } from '@fpsak-frontend/shared-components';
 import { dateFormat } from '@fpsak-frontend/utils';
 import hentAktivePerioderFraVilkar from '@fpsak-frontend/utils/src/hentAktivePerioderFraVilkar';
@@ -82,6 +83,17 @@ const VilkarresultatMedOverstyringProsessIndex = ({
     return null;
   }
 
+  useEffect(() => {
+    if (perioder.length > 1) {
+      const førsteIkkeVurdertPeriodeIndex = perioder.findIndex(
+        periode => periode.vurderesIBehandlingen && periode.vilkarStatus.kode === vilkarUtfallType.IKKE_VURDERT,
+      );
+      if (førsteIkkeVurdertPeriodeIndex > 0) {
+        setActiveTab(førsteIkkeVurdertPeriodeIndex);
+      }
+    }
+  }, []);
+
   const activePeriode = perioder.length === 1 ? perioder[0] : perioder[activeTab];
 
   return (

diff --git a/packages/prosess-vilkar-soknadsfrist/src/SoknadsfristVilkarProsessIndex.tsx b/packages/prosess-vilkar-soknadsfrist/src/SoknadsfristVilkarProsessIndex.tsx
@@ -87,6 +87,17 @@ const SoknadsfristVilkarProsessIndex = ({
     return null;
   }
 
+  useEffect(() => {
+    if (perioder.length > 1) {
+      const førsteIkkeVurdertPeriodeIndex = perioder.findIndex(
+        periode => periode.vurderesIBehandlingen && periode.vilkarStatus.kode === vilkarUtfallType.IKKE_VURDERT,
+      );
+      if (førsteIkkeVurdertPeriodeIndex > 0) {
+        setActiveTab(førsteIkkeVurdertPeriodeIndex);
+      }
+    }
+  }, []);
+
   const activePeriode = perioder.length === 1 ? perioder[0] : perioder[activeTab];
 
   const harÅpentAksjonspunkt = aksjonspunkter.some(

diff --git a/packages/storybook/stories/prosess/VilkarresultatSoknadsfristProsessIndex.stories.tsx b/packages/storybook/stories/prosess/VilkarresultatSoknadsfristProsessIndex.stories.tsx
@@ -185,10 +185,10 @@ export const visSoknadsfristAksjonspunkt5077 = () => {
                 periode: { fom: '2021-04-28', tom: '2021-04-30' },
                 status: { kode: 'IKKE_VURDERT', kodeverk: 'VILKAR_UTFALL_TYPE' },
               },
-              // {
-              //   periode: { fom: '2021-05-01', tom: '2021-05-05' },
-              //   status: { kode: 'OPPFYLT', kodeverk: 'VILKAR_UTFALL_TYPE' },
-              // },
+              {
+                periode: { fom: '2021-05-01', tom: '2021-05-05' },
+                status: { kode: 'OPPFYLT', kodeverk: 'VILKAR_UTFALL_TYPE' },
+              },
             ],
             innsendingstidspunkt: '2021-08-19T11:50:21.894',
             journalpostId: '510536417',
@@ -212,14 +212,14 @@ export const visSoknadsfristAksjonspunkt5077 = () => {
               begrunnelse: null,
               vurderesIBehandlingen: true,
             },
-            // {
-            //   avslagKode: null,
-            //   merknadParametere: {},
-            //   vilkarStatus: { kode: 'OPPFYLT', kodeverk: 'VILKAR_UTFALL_TYPE' },
-            //   periode: { fom: '2021-05-01', tom: '2021-05-05' },
-            //   begrunnelse: null,
-            //   vurderesIBehandlingen: true,
-            // },
+            {
+              avslagKode: null,
+              merknadParametere: {},
+              vilkarStatus: { kode: 'OPPFYLT', kodeverk: 'VILKAR_UTFALL_TYPE' },
+              periode: { fom: '2021-05-01', tom: '2021-05-05' },
+              begrunnelse: null,
+              vurderesIBehandlingen: true,
+            },
           ],
         },
       ]}

diff --git a/packages/utils/package.json b/packages/utils/package.json
@@ -10,6 +10,7 @@
     "@k9-sak-web/konstanter": "1.0.0",
     "@k9-sak-web/types": "1.0.0",
     "@navikt/ft-types": "2.2.2",
+    "@navikt/k9-fe-date-utils": "1.0.5",
     "moment": "2.29.4",
     "react": "17.0.2",
     "react-intl": "6.4.7"

diff --git a/packages/utils/src/hentAktivePerioderFraVilkar.ts b/packages/utils/src/hentAktivePerioderFraVilkar.ts
@@ -1,4 +1,5 @@
 import { Vilkar } from '@k9-sak-web/types';
+import { dateStringSorter } from '@navikt/k9-fe-date-utils';
 
 const hentAktivePerioderFraVilkar = (vilkar: Vilkar[], visAllePerioder: boolean) => {
   const [activeVilkår] = vilkar;
@@ -7,10 +8,13 @@ const hentAktivePerioderFraVilkar = (vilkar: Vilkar[], visAllePerioder: boolean)
     return [];
   }
 
-  return activeVilkår.perioder.filter(
-    periode =>
-      (visAllePerioder && !periode.vurderesIBehandlingen) || (periode.vurderesIBehandlingen && !visAllePerioder),
-  );
+  return activeVilkår.perioder
+    .filter(
+      periode =>
+        (visAllePerioder && !periode.vurderesIBehandlingen) || (periode.vurderesIBehandlingen && !visAllePerioder),
+    )
+    .sort((a, b) => dateStringSorter(a.periode.fom, b.periode.fom))
+    .reverse();
 };
 
 export default hentAktivePerioderFraVilkar;