Tsff 1212 slå sammen overlappende perioder (#7217)

* Visuelle justeringer

* Justeringer i overlappende saker

- Redaksjonelle endringer
- Bytte til dayjs
- Fiks bug i datovelger, hvor man bare kunne velge enkelte dager og ikke perioder

* Update package.json

* fjern utkommentert kode

* Fjerne ReadMore

Feil sted

* Justerer så perioder som har tilstøtende perioder også kan slettes

* TSFF-1213 - Eksplisitt sette uttaksgrad til 0 om INGEN_UTTAK_I_PERIODEN

* Ikke tillate 0 som verdi om valget er satt til INGEN_UTTAK_I_PERIODEN

Author: thomashwi

packages/v2/gui/src/prosess/uttak/vurder-overlappende-sak/VurderOverlappendePeriodeForm.tsx

@@ -1,7 +1,6 @@
 import { useEffect, useState, type FC } from 'react';
 import { useFormContext, type FieldArrayWithId, type UseFieldArrayReplace } from 'react-hook-form';
 import dayjs from 'dayjs';
-import { formatPeriod } from '@k9-sak-web/lib/dateUtils/dateUtils.js';
 import { ScissorsIcon, TrashIcon } from '@navikt/aksel-icons';
 import {
   Button,
@@ -22,37 +21,30 @@ import styles from './VurderOverlappendeSak.module.css';
 
 interface Props {
   index: number;
-  originaleOverlappendePerioder: { fom: string; tom: string }[];
   readOnly: boolean;
   fields: FieldArrayWithId<VurderOverlappendeSakFormData, 'perioder', 'id'>[];
   replace: UseFieldArrayReplace<VurderOverlappendeSakFormData, 'perioder'>;
 }
 
-const VurderOverlappendePeriodeForm: FC<Props> = ({
-  index,
-  originaleOverlappendePerioder,
-  readOnly,
-  fields,
-  replace,
-}) => {
+const VurderOverlappendePeriodeForm: FC<Props> = ({ index, readOnly, fields, replace }) => {
   const {
     watch,
     formState: { errors },
     register,
     setValue,
     getValues,
   } = useFormContext<VurderOverlappendeSakFormData>();
-  const fom = getValues(`perioder.${index}.periode.fom`);
-  const tom = getValues(`perioder.${index}.periode.tom`);
+  const fom = dayjs(getValues(`perioder.${index}.periode.fom`));
+  const tom = dayjs(getValues(`perioder.${index}.periode.tom`));
   const { splittPeriode, slettPeriode } = useOverlappendeSakUtils(fields, replace);
   const [visDatoVelger, setVisDatovelger] = useState<boolean>(false);
   const [skalViseSkjema, setSkalViseSkjema] = useState<boolean>(false);
 
-  const harSplittedePerioder = !originaleOverlappendePerioder.some(originalPeriode => {
-    return dayjs(originalPeriode.fom).isSame(fom) && dayjs(originalPeriode.tom).isSame(tom);
-  });
-  const kanSlettes = harSplittedePerioder && !readOnly;
-  const kanSplittes = !dayjs(fom).isSame(tom) && !readOnly;
+  const harTilstøtendePeriode =
+    (index < fields.length - 1 && tom.isSame(dayjs(fields[index + 1]?.periode.fom).subtract(1, 'day'))) ||
+    (index > 0 && fom.isSame(dayjs(fields[index - 1]?.periode.tom).add(1, 'day')));
+  const kanSlettes = harTilstøtendePeriode && !readOnly;
+  const kanSplittes = !fom.isSame(tom) && !readOnly;
   const watchValg = watch(`perioder.${index}.valg`);
   const erEndretAutomatisk = getValues(`perioder.${index}.endretAutomatisk`);
   const [velgDato, setVelgDato] = useState<number>(0);
@@ -78,7 +70,9 @@ const VurderOverlappendePeriodeForm: FC<Props> = ({
                   as="span"
                   weight="semibold"
                   className={erEndretAutomatisk ? styles['uttaksPeriodeEndret'] : ''}
-                >{`${formatPeriod(fom || '', tom || '')}`}</BodyShort>
+                >
+                  {fom.format('DD.MM.YYYY') || ''} - {tom.format('DD.MM.YYYY') || ''}
+                </BodyShort>
               </BodyShort>
               {kanSplittes && (
                 <Button
@@ -147,9 +141,9 @@ const VurderOverlappendePeriodeForm: FC<Props> = ({
             <Modal.Body>
               <DatePicker.Standalone
                 dropdownCaption
-                defaultMonth={new Date(fom)}
+                defaultMonth={fom.toDate()}
                 mode="range"
-                disabled={[{ before: new Date(fom) }, { after: new Date(tom) }]}
+                disabled={[{ before: fom.toDate() }, { after: tom.toDate() }]}
                 onSelect={(val: undefined | { from: Date | undefined; to?: Date | undefined }) => {
                   if (velgDato === 0) setVelgDato(1);
                   if (velgDato === 1) {

packages/v2/gui/src/prosess/uttak/vurder-overlappende-sak/VurderOverlappendeSak.tsx

@@ -73,9 +73,6 @@ const VurderOverlappendeSak: FC<Props> = ({ behandling, aksjonspunkt, api, oppda
   const [readOnly, setReadOnly] = useState<boolean>(erAksjonspunktReadOnly(aksjonspunkt));
   const [rediger, setRediger] = useState<boolean>(false);
   const sakAvsluttet = status === 'AVSLU';
-  const [originaleOverlappendePerioder, setOriginaleOverlappendePerioder] = useState<{ fom: string; tom: string }[]>(
-    [],
-  );
 
   const {
     data: egneOverlappendeSaker,
@@ -109,7 +106,10 @@ const VurderOverlappendeSak: FC<Props> = ({ behandling, aksjonspunkt, api, oppda
 
             .when('valg', (valg, schema) => {
               return valg.includes(PeriodeMedOverlappValg.JUSTERT_GRAD)
-                ? schema.required('Søkers uttaksgrad må fylles ut').min(0, 'Minimum 0%').max(100, 'Maks 100%')
+                ? schema
+                    .required('Søkers uttaksgrad må fylles ut')
+                    .min(1, 'Minimum 1%, bruk "Ingen uttak i perioden" for å sette uttaksgrad til 0.')
+                    .max(100, 'Maks 100%')
                 : schema.notRequired();
             }),
           saksnummer: yup.array(yup.string().required()).required(),
@@ -152,7 +152,6 @@ const VurderOverlappendeSak: FC<Props> = ({ behandling, aksjonspunkt, api, oppda
 
     if (overlappendeSuccess && egneOverlappendeSaker) {
       const newValues = buildInitialValues(egneOverlappendeSaker);
-      setOriginaleOverlappendePerioder(egneOverlappendeSaker.perioderMedOverlapp.map(periode => periode.periode));
       reset(newValues);
     }
   }, [overlappendeSuccess, egneOverlappendeSaker, reset, aksjonspunkt?.begrunnelse]);
@@ -174,7 +173,8 @@ const VurderOverlappendeSak: FC<Props> = ({ behandling, aksjonspunkt, api, oppda
               fom: format(new Date(periode.periode.fom), 'yyyy-MM-dd') || '',
               tom: format(new Date(periode.periode.tom), 'yyyy-MM-dd') || '',
             },
-            søkersUttaksgrad: periode.søkersUttaksgrad,
+            søkersUttaksgrad:
+              periode.valg === PeriodeMedOverlappValg.INGEN_UTTAK_I_PERIODEN ? 0 : periode.søkersUttaksgrad,
           })),
         },
       ],
@@ -292,7 +292,6 @@ const VurderOverlappendeSak: FC<Props> = ({ behandling, aksjonspunkt, api, oppda
                     <VurderOverlappendePeriodeForm
                       key={field.id}
                       index={index}
-                      originaleOverlappendePerioder={originaleOverlappendePerioder}
                       readOnly={readOnly}
                       fields={fields}
                       replace={replace}