grep-components 1.29.1-GREPF-2262.5 → 1.29.1-GREPF-2262.6

package/dist/build/components/AppBar/MainAppStyles.d.ts

@@ -12,19 +12,19 @@ export declare const dimensions: {
     toolbarMenuWidth: number;
     toolbarMenuHeight: number;
 };
-export declare const ToolbarTitle: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const EnvironmentTitle: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Toolbar: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ToolbarFixer: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ToolbarInner: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const ToolbarTitle: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const EnvironmentTitle: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Toolbar: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarFixer: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarInner: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     colors: v0colors;
 } & MUIStyledCommonProps<Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ToolbarLeft: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ToolbarRight: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const UserContainer: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AccountName: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const ToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MobileToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ToolbarMenuInner: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const MobileToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ToolbarLeft: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarRight: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserContainer: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccountName: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileToolbarMenu: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarMenuInner: import("@emotion/styled").StyledComponent<MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const MobileToolbarMenuItem: import("@emotion/styled").StyledComponent<import("react-router-dom").NavLinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/dist/build/components/AppBar/stories/AppBarStory.stories.d.ts

@@ -17,8 +17,6 @@ export declare const v0colors: {
 declare const _default: {
     title: string;
     excludeStories: string[];
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
 };
 export default _default;
 export declare const WithContent: {

package/dist/build/components/AppBarNavList/stories/AppBarNavList.stories.d.ts

@@ -10,8 +10,6 @@ export declare const navbarPages: {
 declare const _default: {
     title: string;
     excludeStories: string[];
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
 };
 export default _default;
 export declare const WithThemeAndAppbar: {

package/dist/build/components/GrepCrumbs/stories/GrepCrumbs.stories.d.ts

@@ -4,8 +4,6 @@ export declare const breadcrumbs: Breadcrumb[];
 declare const _default: {
     title: string;
     excludeStories: string[];
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
 };
 export default _default;
 export declare const Standard: {

package/dist/build/components/NavGuard/stories/NavGuard.stories.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 declare const _default: {
     title: string;
     render: () => React.JSX.Element;
-    decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
 };
 export default _default;
 export declare const Default: {

package/dist/build/components/ToC/stories/_scaffold.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const Scaffold: ({ children }: {
+declare const _default: ({ children }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
-export default Scaffold;
+export default _default;

package/dist/build/stories/index.stories.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 declare const _default: {
     title: string;
-    decorators: import("@storybook/preview-api/dist/addons").MakeDecoratorResult[];
+    decorators: ((storyFn: any) => React.JSX.Element)[];
 };
 export default _default;
 export declare const Dashboard: {

package/dist/index.js

@@ -7,18 +7,21 @@ import * as React from 'react';
 import React__default, { useRef, useMemo as useMemo$1, createContext, useContext, forwardRef, createElement, useState, useCallback as useCallback$1, useEffect, useLayoutEffect } from 'react';
 import AccountCircle from '@mui/icons-material/AccountCircle';
 import ArrowDropdown from '@mui/icons-material/ArrowDropDown';
-import { Button, Box, Typography, IconButton, Menu, MenuItem, Tabs, Tab, Collapse, MenuList, Tooltip, Container, List, ListItem, ListItemText, ListItemButton, styled, CircularProgress, Link, TextField, FormControl, InputLabel, Select, OutlinedInput, Input, Checkbox, FormHelperText, TableHead as TableHead$1, TableRow as TableRow$1, ToggleButtonGroup, AppBar as AppBar$1, Toolbar as Toolbar$1, Divider as Divider$1, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@mui/material';
-import { useTheme } from '@mui/material/styles';
+import { Button, Box, Typography, Tabs, Tab, Collapse, MenuList, Tooltip, MenuItem as MenuItem$1, Menu as Menu$1, Container, List, ListItem, ListItemText, ListItemButton, CircularProgress, TextField, FormControl, InputLabel, Select, OutlinedInput, Input, Checkbox, FormHelperText, IconButton as IconButton$1, TableHead as TableHead$1, TableRow as TableRow$1, ToggleButtonGroup, AppBar as AppBar$1, Toolbar as Toolbar$1, Divider as Divider$1, Dialog as Dialog$1, DialogTitle as DialogTitle$1, DialogContent as DialogContent$1, DialogContentText as DialogContentText$1, DialogActions as DialogActions$1 } from '@mui/material';
+import { useTheme, styled } from '@mui/material/styles';
 import { __unsafe_useEmotionCache } from '@emotion/react';
-import { useNavigate, NavLink } from 'react-router-dom';
+import { useHistory, NavLink, Prompt } from 'react-router-dom';
 import MenuIcon from '@mui/icons-material/Menu';
+import Box$1 from '@mui/material/Box';
+import IconButton from '@mui/material/IconButton';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
 import ExpandMore from '@mui/icons-material/ExpandMore';
 import List$1 from '@mui/material/List';
 import ListItem$1 from '@mui/material/ListItem';
 import ListItemText$1 from '@mui/material/ListItemText';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import Divider from '@mui/material/Divider';
-import Box$1 from '@mui/material/Box';
 import Typography$1 from '@mui/material/Typography';
 import ArrowForward from '@mui/icons-material/ArrowForward';
 import MoreVert from '@mui/icons-material/MoreVert';
@@ -28,12 +31,12 @@ import TableBody from '@mui/material/TableBody';
 import TableFooter from '@mui/material/TableFooter';
 import TableContainer from '@mui/material/TableContainer';
 import Tooltip$1 from '@mui/material/Tooltip';
-import IconButton$1 from '@mui/material/IconButton';
 import TableCell from '@mui/material/TableCell';
 import TableHead from '@mui/material/TableHead';
 import TableSortLabel from '@mui/material/TableSortLabel';
 import TablePagination from '@mui/material/TablePagination';
 import Button$1 from '@mui/material/Button';
+import Link from '@mui/material/Link';
 import Close from '@mui/icons-material/Close';
 import Search from '@mui/icons-material/Search';
 import CircularProgress$1 from '@mui/material/CircularProgress';
@@ -53,12 +56,13 @@ export { ContentState } from 'draft-js';
 import ToggleButton from '@mui/material/ToggleButton';
 import FormatBold from '@mui/icons-material/FormatBold';
 import FormatItalic from '@mui/icons-material/FormatItalic';
-import Menu$2 from '@mui/material/Menu';
-import MenuItem$1 from '@mui/material/MenuItem';
-import { Menu as Menu$1 } from '@mui/icons-material';
-import { useBlocker } from 'react-router';
+import { Menu as Menu$2 } from '@mui/icons-material';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
 import { getHash, getLocation } from 'connected-react-router';
-import Link$1 from '@mui/material/Link';
 
 dayjs.extend(isBetweenPlugin);
 dayjs.extend(LocalizedFormatPlugin);
@@ -1625,7 +1629,7 @@ const useMobileStyles = makeStyles()(({ palette, breakpoints }) => ({
 
 const MobileAppBarNavList = ({ pages, }) => {
     const { classes } = useMobileStyles();
-    const navigate = useNavigate();
+    const history = useHistory();
     const [anchorElNav, setAnchorElNav] = React.useState(null);
     const openNav = Boolean(anchorElNav);
     const handleClickNav = (event) => {
@@ -1634,15 +1638,15 @@ const MobileAppBarNavList = ({ pages, }) => {
     const handleCloseNav = () => {
         setAnchorElNav(null);
     };
-    return (React.createElement(Box, { style: { flexGrow: 1 }, className: classes.mobileNavList },
+    return (React.createElement(Box$1, { style: { flexGrow: 1 }, className: classes.mobileNavList },
         React.createElement(IconButton, { size: "medium", edge: "start", color: "inherit", "aria-label": "menu", style: { marginRight: 2 }, onClick: handleClickNav },
             React.createElement(MenuIcon, { fontSize: "large" })),
         React.createElement(Menu, { id: "basic-menu", anchorEl: anchorElNav, open: openNav, onClose: handleCloseNav, MenuListProps: {
                 'aria-labelledby': 'basic-button',
             } }, pages.map((page) => (React.createElement(MenuItem, { key: page.id, onClick: () => {
                 handleCloseNav();
-                navigate(page?.toUrl || '');
-            }, onKeyDown: keyboard.onActivation(() => navigate(page?.toUrl || '')) }, page.label))))));
+                history.push(page?.toUrl || '');
+            }, onKeyDown: keyboard.onActivation(() => history.push(page?.toUrl || '')) }, page.label))))));
 };
 
 const AppBarNavList = ({ selectedPage, pages, onChange, }) => {
@@ -1771,9 +1775,9 @@ const CollapsableMenuItem = ({ items, onClick, children, onClose: _onclose, tool
             items && React__default.createElement(ExpandMore, { className: classes.expander })),
         items && (React__default.createElement(CollapsableMenu, { className: classes.subMenu, in: open, onMenuClose: collapse, onEntered: () => requestAnimationFrame(() => window.dispatchEvent(new Event('resize'))) }, items))));
     return tooltipText ? (React__default.createElement(Tooltip, { title: tooltipText },
-        React__default.createElement(MenuItem, { role: "menuitem", sx: disabled && !items
+        React__default.createElement(MenuItem$1, { role: "menuitem", sx: disabled && !items
                 ? { cursor: 'not-allowed', pointerEvents: 'inherit !important' }
-                : { pointerEvents: 'inherit !important' }, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), selected: open, ref: listItemRef, onClick: handleClick, onKeyDown: handleKey }, renderInner()))) : (React__default.createElement(MenuItem, { sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey, ...props }, renderInner()));
+                : { pointerEvents: 'inherit !important' }, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), selected: open, ref: listItemRef, onClick: handleClick, onKeyDown: handleKey }, renderInner()))) : (React__default.createElement(MenuItem$1, { sx: disabled && !items ? { cursor: 'not-allowed' } : {}, className: classes.root, onMouseOver: (e) => e.currentTarget.focus(), ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey, ...props }, renderInner()));
 };
 
 const useStyles$f = makeStyles()(({ palette }) => ({
@@ -1813,7 +1817,7 @@ const DropdownMenu = ({ context, menuItems, ...menuProps }) => {
         return (React__default.createElement(CollapsableMenuItem, { sx: isDisabled && !children ? { cursor: 'not-allowed' } : {}, level: level, id: label, disabled: isDisabled, items: children?.map(renderChild(level + 1, isDisabled)), ...props },
             React__default.createElement("span", { style: style }, label)));
     };
-    return (React__default.createElement(Menu, { ...menuProps, anchorOrigin: menuProps?.anchorOrigin || {
+    return (React__default.createElement(Menu$1, { ...menuProps, anchorOrigin: menuProps?.anchorOrigin || {
             vertical: 'bottom',
             horizontal: 'center',
         }, transformOrigin: menuProps.transformOrigin || {
@@ -2250,7 +2254,7 @@ const GrepTable = ({ placeholderText, dropdownItems, isRowDisabled, pagination,
         const tooltip = menuTooltip ? menuTooltip(row) : '';
         return (React__default.createElement(Tooltip$1, { title: tooltip, placement: "bottom" },
             React__default.createElement("div", { style: { display: 'flex', justifyContent: 'end' } },
-                React__default.createElement(IconButton$1, { disableTouchRipple: true, disabled: disabled, style: { float: 'right' }, onMouseDown: (e) => {
+                React__default.createElement(IconButton, { disableTouchRipple: true, disabled: disabled, style: { float: 'right' }, onMouseDown: (e) => {
                         e.preventDefault();
                         e.stopPropagation();
                     }, onClick: (e) => {
@@ -2423,7 +2427,7 @@ const useStyles$b = makeStyles()({
 const isOverflowing = (e) => e.offsetWidth < e.scrollWidth;
 const GrepCrumbs = ({ style, onClick, breadcrumbs, }) => {
     const { classes } = useStyles$b();
-    const navigate = useNavigate();
+    const history = useHistory();
     const ref = React__default.useRef(null);
     const [showTooltip, setShowTooltip] = React__default.useState(false);
     React__default.useEffect(() => {
@@ -2435,12 +2439,12 @@ const GrepCrumbs = ({ style, onClick, breadcrumbs, }) => {
             onClick(crumb);
         }
         else {
-            crumb.path && navigate(crumb.path);
+            crumb.path && history.push(crumb.path);
         }
     };
-    return (React__default.createElement("div", { className: classes.container, style: style }, breadcrumbs.map((crumb, index) => crumb.path ? (React__default.createElement(Box, { key: index, display: "flex" },
+    return (React__default.createElement("div", { className: classes.container, style: style }, breadcrumbs.map((crumb, index) => crumb.path ? (React__default.createElement(Box$1, { key: index, display: "flex" },
         React__default.createElement(Link, { className: classes.link, tabIndex: 0, component: "button", onClick: () => handleClick(crumb) }, crumb.label),
-        index !== breadcrumbs.length - 1 && (React__default.createElement(Box, { margin: "auto 8px", height: "fit-content" /*lineHeight="20px"*/ }, ">")))) : (React__default.createElement(Tooltip, { key: index, title: showTooltip ? crumb.label : '' },
+        index !== breadcrumbs.length - 1 && (React__default.createElement(Box$1, { margin: "auto 8px", height: "fit-content" /*lineHeight="20px"*/ }, ">")))) : (React__default.createElement(Tooltip$1, { key: index, title: showTooltip ? crumb.label : '' },
         React__default.createElement("div", { className: classes.current, ref: ref }, crumb.label))))));
 };
 
@@ -2623,9 +2627,9 @@ const GrepSelect = (props) => {
                     horizontal: 'center',
                 },
             } },
-            unselectOption && (React.createElement(MenuItem, { value: "" },
+            unselectOption && (React.createElement(MenuItem$1, { value: "" },
                 React.createElement("em", null, "Fjern valgt"))),
-            selectItems.map(({ label, value, disabled, lang }, i) => (React.createElement(MenuItem, { key: i, value: value, disabled: disabled, lang: lang },
+            selectItems.map(({ label, value, disabled, lang }, i) => (React.createElement(MenuItem$1, { key: i, value: value, disabled: disabled, lang: lang },
                 useCheckedSelect && (React.createElement(Checkbox, { checked: selected?.indexOf(value) > -1 })),
                 React.createElement(ListItemText, { sx: { margin: '0px', span: { lineHeight: '1.4375em' } }, primary: label ? label : value }))))),
         React.createElement(FormHelperText, null, errorMessage || helperText)));
@@ -3326,7 +3330,7 @@ const ServiceMessage = ({ id, message, isPublic, onDismiss }) => {
             React.createElement(Warning, { className: classes.warning }),
             "Driftsmelding"),
         React.createElement(Typography, { className: classes.messageText }, message),
-        !isPublic && onDismiss && (React.createElement(IconButton, { className: classes.button, onClick: () => onDismiss(id), size: "large" },
+        !isPublic && onDismiss && (React.createElement(IconButton$1, { className: classes.button, onClick: () => onDismiss(id), size: "large" },
             React.createElement(Close, { className: classes.close })))));
 };
 
@@ -19520,20 +19524,20 @@ const MobileAppBar = ({ userMenuItems, menuItems, }) => {
     return (React.createElement(MobileToolbarMenu, { style: { flexGrow: 1 } },
         React.createElement(AppBar$1, { position: "static", role: "navigation" },
             React.createElement(Toolbar$1, { style: { minHeight: '50px' } },
-                React.createElement(IconButton, { size: "medium", edge: "start", color: "inherit", "aria-label": "menu", style: { marginRight: 2 }, onClick: handleClickNav },
-                    React.createElement(Menu$1, { sx: { color: 'white' } })),
-                React.createElement(Menu, { id: "basic-menu", anchorEl: anchorElNav, open: openNav, onClose: handleCloseNav, MenuListProps: {
+                React.createElement(IconButton$1, { size: "medium", edge: "start", color: "inherit", "aria-label": "menu", style: { marginRight: 2 }, onClick: handleClickNav },
+                    React.createElement(Menu$2, { sx: { color: 'white' } })),
+                React.createElement(Menu$1, { id: "basic-menu", anchorEl: anchorElNav, open: openNav, onClose: handleCloseNav, MenuListProps: {
                         'aria-labelledby': 'basic-button',
                     } }, menuItems.map((page) => (React.createElement(MobileToolbarMenuItem, { key: page.name, to: page.redirectUrl || '' },
-                    React.createElement(MenuItem, { sx: {
+                    React.createElement(MenuItem$1, { sx: {
                             width: '100%',
                         }, key: page.name }, page.translatedTextRef))))),
-                React.createElement(IconButton, { size: "medium", edge: "end", color: "inherit", "aria-label": "menu", style: { marginLeft: 'auto' }, onClick: handleClickMenu },
+                React.createElement(IconButton$1, { size: "medium", edge: "end", color: "inherit", "aria-label": "menu", style: { marginLeft: 'auto' }, onClick: handleClickMenu },
                     React.createElement(MoreVert, { sx: { color: 'white' } })),
-                React.createElement(Menu, { id: "basic-menu", anchorEl: anchorElMenu, open: openMenu, onClose: handleCloseMenu, MenuListProps: {
+                React.createElement(Menu$1, { id: "basic-menu", anchorEl: anchorElMenu, open: openMenu, onClose: handleCloseMenu, MenuListProps: {
                         'aria-labelledby': 'basic-button',
                     } }, userMenuItems.map((i, index) => (React.createElement(Box, { key: i.id },
-                    React.createElement(MenuItem, { key: i.id, onClick: () => {
+                    React.createElement(MenuItem$1, { key: i.id, onClick: () => {
                             handleCloseMenu();
                             i.action && i.action();
                         } }, i.isAnchor ? (React.createElement("a", { style: {
@@ -19572,14 +19576,14 @@ const AppBar = ({ username, currentPath, isProd, appTitle, userMenuItems, menuIt
                             React.createElement(AccountName, null, username),
                             userRole && (React.createElement(Box, { sx: { fontSize: '14px', lineHeight: '20px' } }, userRole))),
                         React.createElement(ArrowDropdown, { color: "primary" })),
-                    React.createElement(Menu$2, { open: Boolean(userMenuAnchor), anchorEl: userMenuAnchor, onClose: _handleCloseUserMenu, anchorOrigin: {
+                    React.createElement(Menu, { open: Boolean(userMenuAnchor), anchorEl: userMenuAnchor, onClose: _handleCloseUserMenu, anchorOrigin: {
                             vertical: 'bottom',
                             horizontal: 'center',
                         }, transformOrigin: {
                             vertical: 'top',
                             horizontal: 'center',
                         } }, userMenuItems.map((i, index) => {
-                        return (React.createElement(MenuItem$1, { key: i.id, onClick: () => {
+                        return (React.createElement(MenuItem, { key: i.id, onClick: () => {
                                 setUserMenuAnchor(null);
                                 i.action && i.action();
                             }, divider: userMenuItems.length > index + 1, sx: {
@@ -19598,35 +19602,43 @@ const AppBar = ({ username, currentPath, isProd, appTitle, userMenuItems, menuIt
 
 const NavGuard = ({ when, title, txt, txtSave, txtCancel, txtDiscard, onSave, onCancel, onDiscard, }) => {
     const [open, setOpen] = React.useState(false);
-    const blocker = useBlocker(({ currentLocation, nextLocation }) => when && currentLocation.pathname !== nextLocation.pathname);
+    const [leave, setLeave] = React.useState(false);
+    const [lastLocation, setLastLocation] = React.useState();
+    const history = useHistory();
     const handleCancel = () => {
+        setLeave(false);
         setOpen(false);
         onCancel && onCancel();
-        blocker.reset ? blocker.reset() : null;
     };
     const handleDiscard = () => {
+        setLeave(true);
         setOpen(false);
         onDiscard && onDiscard();
-        blocker.proceed ? blocker.proceed() : null;
+        lastLocation &&
+            window.requestAnimationFrame(() => history.push(lastLocation));
     };
     const handleSave = () => {
         onSave && onSave();
+        setLeave(true);
         setOpen(false);
-        blocker.proceed ? blocker.proceed() : null;
+        lastLocation &&
+            window.requestAnimationFrame(() => history.push(lastLocation));
     };
-    useEffect(() => {
-        if (blocker.state === 'blocked') {
-            setOpen(true);
-        }
-    }, [blocker]);
-    return (React.createElement(React.Fragment, null, blocker.state === 'blocked' ? (React.createElement(Dialog, { open: open, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" },
-        React.createElement(DialogTitle, { id: "alert-dialog-title" }, title),
-        React.createElement(DialogContent, null,
-            React.createElement(DialogContentText, { id: "alert-dialog-description" }, txt)),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: handleCancel, autoFocus: true, color: "inherit" }, txtCancel),
-            React.createElement(Button, { onClick: handleDiscard, color: "error" }, txtDiscard),
-            onSave && (React.createElement(Button, { onClick: handleSave, color: "primary" }, txtSave))))) : null));
+    const handleLeave = (location) => {
+        setLastLocation(location);
+        setOpen(!leave);
+        return !!leave;
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Prompt, { when: when, message: handleLeave }),
+        React.createElement(Dialog, { open: open, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" },
+            React.createElement(DialogTitle, { id: "alert-dialog-title" }, title),
+            React.createElement(DialogContent, null,
+                React.createElement(DialogContentText, { id: "alert-dialog-description" }, txt)),
+            React.createElement(DialogActions, null,
+                React.createElement(Button$1, { onClick: handleCancel, autoFocus: true, color: "inherit" }, txtCancel),
+                React.createElement(Button$1, { onClick: handleDiscard, color: "error" }, txtDiscard),
+                onSave && (React.createElement(Button$1, { onClick: handleSave, color: "primary" }, txtSave))))));
 };
 
 const useStyles$3 = makeStyles()(({ palette }) => ({
@@ -19640,11 +19652,11 @@ const useStyles$3 = makeStyles()(({ palette }) => ({
 
 const ConfirmationDialog = ({ open, title, description, warning, onSubmit, onCancel, confirmText = 'OK', cancelText = 'Avbryt', }) => {
     const { classes } = useStyles$3();
-    return (React__default.createElement(Dialog, { open: open },
-        React__default.createElement(DialogTitle, null, title),
-        React__default.createElement(DialogContent, null,
-            React__default.createElement(DialogContentText, null, description)),
-        React__default.createElement(DialogActions, null,
+    return (React__default.createElement(Dialog$1, { open: open },
+        React__default.createElement(DialogTitle$1, null, title),
+        React__default.createElement(DialogContent$1, null,
+            React__default.createElement(DialogContentText$1, null, description)),
+        React__default.createElement(DialogActions$1, null,
             React__default.createElement(Button, { color: "primary", onClick: onCancel }, cancelText),
             React__default.createElement(Button, { className: warning ? classes.discard : '', onClick: onSubmit }, confirmText))));
 };
@@ -19680,10 +19692,10 @@ const GrepDialog = ({ open, title, content, onClose, closeBtnText = 'Lukk', ...p
     ];
     if (props.actions)
         actions.push(...props.actions);
-    return (React__default.createElement(Dialog, { open: open, onClose: onClose },
-        React__default.createElement(DialogTitle, null, title),
-        React__default.createElement(DialogContent, null, content),
-        React__default.createElement(DialogActions, null, actions.map((action) => action))));
+    return (React__default.createElement(Dialog$1, { open: open, onClose: onClose },
+        React__default.createElement(DialogTitle$1, null, title),
+        React__default.createElement(DialogContent$1, null, content),
+        React__default.createElement(DialogActions$1, null, actions.map((action) => action))));
 };
 
 const GrepDialogServiceContext = React__default.createContext(() => null);
@@ -20310,7 +20322,7 @@ const GrepTableOfContentNavTreeNode = (props) => {
         }
     };
     return (React__default.createElement("li", { key: index, "data-lvl": lvl, className: className, style: style },
-        React__default.createElement(Link$1, { ref: linkRef, className: clsx(styles.link, isSelected && `${styles.link}--selected`), href: url, tabIndex: tabIndex, onClick: (event) => {
+        React__default.createElement(Link, { ref: linkRef, className: clsx(styles.link, isSelected && `${styles.link}--selected`), href: url, tabIndex: tabIndex, onClick: (event) => {
                 console.debug('node click', node);
                 event.preventDefault();
                 event.stopPropagation();