Checkbox for å oppgi om man skal søke også i lukkede (#3667)

Author: mbolstad

src/client/app/api/queries/saksbehandlerQueries.ts

@@ -126,6 +126,6 @@ export const useOpphevReservasjoner = (onSuccess?: () => void) => {
 
 export const useSøkOppgaveV3 = () =>
 	useMutation({
-		mutationFn: (searchString: string): Promise<SøkeboksOppgaveDto[]> =>
-			axiosInstance.post(apiPaths.sokV3, { searchString }).then((response) => response.data),
+		mutationFn: (params: { searchString: string; fraAktiv: boolean }): Promise<SøkeboksOppgaveDto[]> =>
+			axiosInstance.post(apiPaths.sokV3, params).then((response) => response.data),
 	});

src/client/app/saksbehandler/sokeboks/SøkForm.tsx

@@ -1,28 +1,38 @@
 import React, { useState } from 'react';
-import { Search } from '@navikt/ds-react';
+import { Checkbox, HStack, HelpText, Search } from '@navikt/ds-react';
+import VerticalSpacer from 'sharedComponents/VerticalSpacer';
 
-export function SøkForm(props: { loading: boolean; utførSøk: (søkeord: string) => void; nullstillSøk: () => void }) {
-	const [søkeord, setSøkeord] = useState('');
+export function SøkForm(props: {
+	loading: boolean;
+	utførSøk: (søk: { searchString: string; fraAktiv: boolean }) => void;
+	nullstillSøk: () => void;
+}) {
+	const [searchString, setSearchString] = useState('');
+	const [inkluderLukkede, setInkluderLukkede] = useState(false);
 	return (
 		<form
 			role="search"
 			onSubmit={(e) => {
 				e.preventDefault();
-				props.utførSøk(søkeord);
+				props.utførSøk({ searchString, fraAktiv: !inkluderLukkede });
 			}}
 		>
 			<Search
 				label="Søk på saksnummer, personnummer eller journalpost-id"
 				variant="primary"
 				hideLabel={false}
-				onChange={setSøkeord}
+				onChange={setSearchString}
 				htmlSize={40}
 				maxLength={11}
 				onClear={props.nullstillSøk}
 				clearButton
 			>
 				<Search.Button loading={props.loading}>Søk</Search.Button>
 			</Search>
+			<VerticalSpacer eightPx />
+			<Checkbox size="small" value={inkluderLukkede} onChange={() => setInkluderLukkede(!inkluderLukkede)}>
+				Søk også i lukkede saker
+			</Checkbox>
 		</form>
 	);
 }