React 19 (#3602)

Author: vebnor

package.json

@@ -20,11 +20,11 @@
 		"@navikt/ds-react": "7.9.1",
 		"@navikt/ds-tailwind": "7.9.1",
 		"@navikt/ds-tokens": "7.9.1",
-		"@navikt/familie-endringslogg": "13.1.5",
+		"@navikt/familie-endringslogg": "14.0.0",
 		"@navikt/fnrvalidator": "2.1.5",
-		"@navikt/ft-form-hooks": "5.2.9",
-		"@navikt/ft-form-validators": "2.5.7",
-		"@navikt/ft-plattform-komponenter": "5.3.0",
+		"@navikt/ft-form-hooks": "^6.0.3-react19beta.0",
+		"@navikt/ft-form-validators": "^3.0.3-react19beta.0",
+		"@navikt/ft-plattform-komponenter": "^7.0.3-react19beta.0",
 		"@popperjs/core": "2.11.8",
 		"@reach/combobox": "0.18.0",
 		"@sentry/browser": "8.48.0",
@@ -74,20 +74,20 @@
 		"nav-frontend-typografi": "4.0.2",
 		"nav-frontend-typografi-style": "2.0.2",
 		"query-string": "7.1.3",
-		"react": "18.3.1",
+		"react": "19.0.0",
 		"react-collapse": "5.1.1",
 		"react-day-picker": "7.4.10",
-		"react-dom": "18.3.1",
+		"react-dom": "19.0.0",
 		"react-final-form": "6.5.9",
 		"react-hook-form": "7.54.2",
 		"react-idle-timer": "5.7.2",
-		"react-intl": "6.8.9",
+		"react-intl": "7.1.0",
 		"react-modal": "3.16.3",
 		"react-popper": "2.3.0",
 		"react-query": "3.39.3",
 		"react-router": "7.1.1",
 		"tailwindcss": "3.4.17",
-		"uuid": "11.0.4"
+		"uuid": "11.0.5"
 	},
 	"devDependencies": {
 		"@babel/core": "7.26.0",
@@ -118,9 +118,9 @@
 		"@types/chai": "5.0.1",
 		"@types/history": "5.0.0",
 		"@types/jest": "29.5.14",
-		"@types/react": "18.3.18",
+		"@types/react": "19.0.4",
 		"@types/react-collapse": "5.0.4",
-		"@types/react-dom": "18.3.5",
+		"@types/react-dom": "19.0.2",
 		"@types/react-intl": "3.0.0",
 		"@types/react-redux": "7.1.34",
 		"@typescript-eslint/eslint-plugin": "8.19.1",
@@ -157,7 +157,7 @@
 		"jest-environment-jsdom": "29.7.0",
 		"jest-fixed-jsdom": "0.0.9",
 		"jest-transform-stub": "2.0.0",
-		"jsdom": "25.0.1",
+		"jsdom": "26.0.0",
 		"less": "4.2.1",
 		"less-loader": "12.2.0",
 		"lint-staged": "15.3.0",
@@ -170,7 +170,7 @@
 		"storybook": "8.4.7",
 		"terser-webpack-plugin": "5.3.11",
 		"thread-loader": "4.0.4",
-		"typescript": "5.7.2",
+		"typescript": "5.7.3",
 		"webpack": "5.97.1",
 		"webpack-cli": "6.0.1",
 		"webpack-dev-server": "5.2.0",

src/client/app/app/components/HeaderWithErrorPanel.tsx

@@ -1,8 +1,10 @@
 import React, { FunctionComponent, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useNavigate } from 'react-router';
+import { MenuGridIcon } from '@navikt/aksel-icons';
+import { ActionMenu, Dropdown, InternalHeader, Spacer } from '@navikt/ds-react';
 import Endringslogg from '@navikt/familie-endringslogg';
-import { BoxedListWithLinks, Header, Popover, SystemButton, UserPanel } from '@navikt/ft-plattform-komponenter';
+import { BoxedListWithLinks, Header, SystemButton } from '@navikt/ft-plattform-komponenter';
 import DriftsmeldingPanel from 'app/components/DriftsmeldingPanel';
 import ErrorFormatter from 'app/feilhandtering/ErrorFormatter';
 import { RETTSKILDE_URL, SHAREPOINT_URL } from 'api/eksterneLenker';
@@ -85,7 +87,6 @@ const HeaderWithErrorPanel: FunctionComponent<OwnProps> = ({ queryStrings, crash
 		setLenkePanelApent,
 		setAvdelingerPanelApent,
 	);
-	const brukerPanel = <UserPanel name={innloggetSaksbehandler?.navn} />;
 	const fixedHeaderRef = useRef(null);
 
 	const goTilAvdelingslederPanel = () => {
@@ -203,21 +204,30 @@ const HeaderWithErrorPanel: FunctionComponent<OwnProps> = ({ queryStrings, crash
 							/>
 						</div>
 					)}
-					<Popover
-						popperIsVisible={erLenkePanelApent}
-						renderArrowElement
-						customPopperStyles={{ top: '11px', zIndex: 1 }}
-						popperProps={{
-							children: popperPropsChildren,
-							placement: 'bottom-start',
-							strategy: 'fixed',
-						}}
-						referenceProps={{
-							// eslint-disable-next-line react/prop-types
-							children: referencePropsChildren,
-						}}
-					/>
-					{brukerPanel}
+					<ActionMenu>
+						<ActionMenu.Trigger>
+							<InternalHeader.Button>
+								<MenuGridIcon fontSize="1.5rem" title="Systemer og oppslagsverk" />
+							</InternalHeader.Button>
+						</ActionMenu.Trigger>
+						<ActionMenu.Content>
+							<ActionMenu.Group label="Systemer og oppslagsverk">
+								<ActionMenu.Item>
+									<a href={RETTSKILDE_URL} target="_blank" rel="noopener noreferrer">
+										Rettskilde
+									</a>
+								</ActionMenu.Item>
+								<ActionMenu.Item>
+									<a href={SHAREPOINT_URL} target="_blank" rel="noopener noreferrer">
+										Sharepoint
+									</a>
+								</ActionMenu.Item>
+							</ActionMenu.Group>
+						</ActionMenu.Content>
+					</ActionMenu>
+					<Dropdown.Menu.Divider />
+					<Spacer />
+					<InternalHeader.User className="text-white" name="Ola Normann" />
 					{isDev && (
 						<button type="button" className={styles.knapp} onClick={loggUt}>
 							Logg ut