@pega/cosmos-react-core 10.0.0-build.5.23 → 10.0.0-build.5.25

package/lib/components/AppShell/AppShell.d.ts

@@ -1,4 +1,4 @@
 import type { AppShellProps } from './AppShell.types';
-declare const AppShell: import("react").ForwardRefExoticComponent<AppShellProps & import("react").RefAttributes<HTMLDivElement>>;
-export default AppShell;
+declare const AppShellMain: import("react").ForwardRefExoticComponent<AppShellProps & import("react").RefAttributes<HTMLDivElement>>;
+export default AppShellMain;
 //# sourceMappingURL=AppShell.d.ts.map

package/lib/components/AppShell/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,kBAAkB,CAAC;AAgFrE,QAAA,MAAM,QAAQ,0GAglBZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,kBAAkB,CAAC;AAoWrE,QAAA,MAAM,YAAY,0GAuKjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/AppShell/AppShell.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useState, useCallback, useEffect, useMemo, useRef, useLayoutEffect } from 'react';
-import { Alert } from '../Badges';
+import { forwardRef, useState, useCallback, useMemo, useRef } from 'react';
 import Flex from '../Flex';
 import Icon, { registerIcon } from '../Icon';
 import * as timesIcon from '../Icon/icons/times.icon';
@@ -13,98 +12,59 @@ import * as sunIcon from '../Icon/icons/sun.icon';
 import * as moonIcon from '../Icon/icons/moon.icon';
 import * as circleMixedLeftIcon from '../Icon/icons/circle-mixed-left.icon';
 import * as shareIcon from '../Icon/icons/share.icon';
-import { useI18n, useBreakpoint, useConsolidatedRef, useElement, useTransitionState, useEvent, useScrollToggle, useTheme, useUID, usePreviewManager, useDirection } from '../../hooks';
+import { useI18n, useBreakpoint, useConsolidatedRef, useElement, useTransitionState, useEvent, useUID, usePreviewManager, useDirection } from '../../hooks';
+import useThemeMode from '../../hooks/useThemeMode';
 import { openCloseStates } from '../../hooks/useTransitionState';
 import SkipLinks from '../SkipLinks';
 import Progress from '../Progress';
 import { registerAction } from '../ShortcutManager';
 import useShortcut from '../../hooks/useShortcut';
-import { debounce, isTouchDevice, isValidElement } from '../../utils';
+import { isTouchDevice } from '../../utils';
 import useKeyboardCommands from '../KeyboardCommands';
 import Tooltip from '../Tooltip';
-import Drawer from '../Drawer';
-import useThemeMode from '../../hooks/useThemeMode';
-import AppShellContext, { AppShellDrawerContext } from './AppShellContext';
+import AppShellContext from './AppShellContext';
 import AppHeader from './AppHeader';
-import AppShellDrawer from './Drawer';
 import AppTopNav from './AppTopNav';
-import { StyledAppMain, StyledBannerRegion, StyledMobileNav, StyledMobileMoreMenuButton, menuButtonWidth, StyledMobileMoreMenu, StyledAppShellToggleButton, StyledAppShellTooltip, StyledSidebarNav, StyledShareIcon, AppShellGlobalStyle } from './AppShell.styles';
+import { StyledAppMain, StyledBannerRegion, StyledAppShellToggleButton, StyledAppShellTooltip, StyledSidebarNav, AppShellGlobalStyle, StyledShareIcon } from './AppShell.styles';
 import { followingNodes, focusRegion } from './utils';
-import AppNavigationPanel, { CaseTypes, Links } from './AppNavigationPanel';
+import AppNavigationPanel from './AppNavigationPanel';
 import NavigationList from './NavigationList';
 import DocumentTabs, { getTabElementId, getTabPanelId } from './DocumentTabs';
 import { StyledDocumentTabPanel } from './DocumentTabs.styles';
+import TopNavDrawerProvider from './TopNavDrawerProvider';
+import TouchAppShell from './TouchAppShell';
 registerIcon(timesIcon, plusIcon, caseSolidIcon, barsIcon, caretRightIcon, caretLeftIcon, sunIcon, moonIcon, circleMixedLeftIcon, shareIcon);
 registerAction({ id: 'NextRegion', defaultKeyBinding: 'F9' }, { id: 'PrevRegion', defaultKeyBinding: 'Shift+F9' }, { id: 'KeyboardCommands', defaultKeyBinding: 'CommandOrControl+/' });
-function TopNavDrawerProvider({ children }) {
-    const [item, setItem] = useState(undefined);
-    const [drawerOpen, setDrawerOpen] = useState(false);
-    // Delay opening the drawer by one render pass after item is set.
-    // The cosmos-core Drawer only fires onAfterOpen on a false→true open transition.
-    // Batching setItem + setDrawerOpen(true) in the same event handler causes the
-    // Drawer to mount with open=true from the start (no transition), so onAfterOpen
-    // never fires and item.onDrawerOpen() (data fetching) is never called.
-    // Setting drawerOpen in a separate useEffect gives the Drawer a proper transition.
-    useEffect(() => {
-        if (item)
-            setDrawerOpen(true);
-    }, [item]);
-    const ctxValue = useMemo(() => ({
-        drawerOpen,
-        openItemName: item?.name,
-        closeDrawer: () => setDrawerOpen(false),
-        openDrawer: (next) => {
-            // Spread to create a new object reference each time so useEffect([item])
-            // always fires — even when the same item is re-opened after the drawer closes.
-            setItem({ ...next });
-        },
-        refreshDrawer: (next) => {
-            setItem({ ...next });
-        }
-    }), [drawerOpen, item?.name]);
-    return (_jsxs(AppShellDrawerContext.Provider, { value: ctxValue, children: [children, item && (_jsx(AppShellDrawer, { drawerOpen: drawerOpen, setDrawerOpen: setDrawerOpen, content: item.drawerView, header: item.drawerHeader || item.name, onDrawerClose: () => {
-                    setItem(undefined);
-                    item.onDrawerClose?.();
-                }, onDrawerOpen: item.onDrawerOpen }))] }));
-}
 const AppShell = forwardRef(function AppShell(props, ref) {
     const t = useI18n();
-    const { appInfo, contextSwitcher, searchInput, appHeader, searchPage, searchLabel = t('sitewide'), caseTypes, links, agent, banners, progress, main, operator, utils, headerUtils, helpMenu, cases, defaultExpanded = false, collapsedHoverMenus = false, shareApp, navOrientation = 'side-rail', documentTabs, ...restProps } = props;
-    const { disableScroll, enableScroll } = useScrollToggle();
+    const { appInfo, contextSwitcher, searchInput, appHeader, searchPage, searchLabel = t('sitewide'), caseTypes, links, agent, banners, progress, main, operator, utils, headerUtils, helpMenu, cases, defaultExpanded = false, collapsedHoverMenus = false, shareApp, navOrientation = 'side-rail', documentTabs, utilsList, ...restProps } = props;
+    const skipLinks = useMemo(() => [
+        {
+            label: t('go_to_main_content'),
+            target: { ariaLabel: t('main_content'), selector: 'main' }
+        }
+    ], [t]);
     const navRef = useConsolidatedRef(ref);
-    const mobileButtonRef = useRef(null);
     const navId = useUID();
     const [expandCollapseEl, setExpandCollapseEl] = useElement();
-    const [mobileNavOpen, setMobileNavOpen] = useState(false);
     const [drawerOpen, setDrawerOpen] = useState(false);
-    const [mobileNavLinksCount, setMobileNavLinksCount] = useState(0);
     const { previewActive, setPreviewActive } = usePreviewManager();
     const focusedImperatively = useRef(false);
     const [headerEl, setHeaderEl] = useElement();
-    const [mobileHeaderEl, setMobileHeaderEl] = useElement();
     const isSmallOrAbove = useBreakpoint('sm');
-    // Narrow touch devices get the bottom nav; tablets and narrow non-touch desktops use the top bar.
-    const showMobileNav = !isSmallOrAbove && isTouchDevice;
-    const isTopBar = !showMobileNav && (isTouchDevice || navOrientation === 'top-bar' || !isSmallOrAbove);
+    const isTopBar = navOrientation === 'top-bar' || !isSmallOrAbove;
     const showAppHeader = isTopBar || (!!appHeader && isSmallOrAbove);
-    const showMainContent = showAppHeader ? !!(headerEl || mobileHeaderEl) : true;
+    const showMainContent = showAppHeader ? !!headerEl : true;
     const openNavTimeoutId = useRef();
     const closeNavTimeoutId = useRef();
     const [searchContainerEl, setSearchContainerEl] = useState(null);
     const openKeyboardCommands = useKeyboardCommands();
-    const theme = useTheme();
     const { state: sidebarNavState, set: setSidebarNavState } = useTransitionState({
         ref: navRef,
         property: 'width',
         states: openCloseStates,
         defaultState: defaultExpanded ? 'open' : 'closed'
     });
-    const skipLinks = useMemo(() => [
-        {
-            label: t('go_to_main_content'),
-            target: { ariaLabel: t('main_content'), selector: 'main' }
-        }
-    ], [t]);
     const openNav = useCallback((delay = 0) => {
         if (closeNavTimeoutId.current)
             clearTimeout(closeNavTimeoutId.current);
@@ -122,59 +82,6 @@ const AppShell = forwardRef(function AppShell(props, ref) {
     const onFocus = useCallback(() => {
         focusedImperatively.current = false;
     }, []);
-    const mobileNavRef = useRef(null);
-    useEffect(() => {
-        const ac = new AbortController();
-        window.navigation.addEventListener('navigate', () => {
-            if (mobileNavOpen) {
-                setMobileNavOpen(false);
-            }
-        }, {
-            signal: ac.signal
-        });
-        return () => {
-            ac.abort();
-        };
-    }, [mobileNavOpen]);
-    useEffect(() => {
-        if (mobileNavOpen) {
-            disableScroll();
-        }
-        else {
-            enableScroll();
-        }
-    }, [mobileNavOpen]);
-    useEffect(() => {
-        if (mobileNavOpen) {
-            const onKeyDown = ({ key }) => {
-                if (key === 'Escape')
-                    setMobileNavOpen(false);
-            };
-            document.addEventListener('keydown', onKeyDown);
-            return () => {
-                document.removeEventListener('keydown', onKeyDown);
-            };
-        }
-    }, [mobileNavOpen]);
-    useEffect(() => {
-        if (isSmallOrAbove && mobileNavOpen)
-            setMobileNavOpen(false);
-    }, [isSmallOrAbove, mobileNavOpen]);
-    useLayoutEffect(() => {
-        if (!mobileHeaderEl)
-            return;
-        const resizeObserver = new ResizeObserver(debounce(() => {
-            const screenWidth = document.documentElement.clientWidth;
-            const regionsPaddingInlinePixels = 2 *
-                Number.parseInt(window.getComputedStyle(mobileHeaderEl).getPropertyValue('padding-inline-start'), 10);
-            const availableWidth = screenWidth * 0.9 - regionsPaddingInlinePixels;
-            setMobileNavLinksCount(Math.max(Math.floor(availableWidth / menuButtonWidth(theme)) - (caseTypes?.length ? 2 : 1), 0));
-        }, 0));
-        resizeObserver.observe(document.documentElement);
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [mobileHeaderEl, caseTypes?.length]);
     const activatedEl = useRef(document.body);
     useEvent('click', e => {
         activatedEl.current = document.elementFromPoint(e.clientX, e.clientY) ?? document.body;
@@ -215,9 +122,62 @@ const AppShell = forwardRef(function AppShell(props, ref) {
     useShortcut('KeyboardCommands', () => {
         openKeyboardCommands();
     });
+    const { start, end } = useDirection();
+    return (_jsxs(AppShellContext.Provider, { value: useMemo(() => ({
+            navOpen: sidebarNavState === 'open' || sidebarNavState === 'opening',
+            drawerOpen,
+            setDrawerOpen,
+            collapsedHoverMenus,
+            navState: sidebarNavState,
+            focusedImperatively,
+            headerEl,
+            appHeaderEl: headerEl ?? null,
+            searchContainerEl,
+            setSearchContainerEl,
+            isMobileNav: false,
+            isTopBar,
+            previewActive,
+            setPreviewActive
+        }), [
+            sidebarNavState,
+            drawerOpen,
+            collapsedHoverMenus,
+            isTopBar,
+            headerEl,
+            searchContainerEl,
+            previewActive
+        ]), children: [_jsx(SkipLinks, { items: skipLinks }), showAppHeader && (_jsx(AppHeader, { ...appInfo, contextSwitcher: contextSwitcher, searchInput: searchInput, searchLabel: searchLabel, operator: operator, headerUtils: headerUtils, helpMenu: helpMenu, searchPage: searchPage, shareApp: shareApp, ref: setHeaderEl })), isTopBar && (_jsx(TopNavDrawerProvider, { children: _jsx(AppTopNav, { appInfo: appInfo, links: links, caseTypes: caseTypes, cases: cases, agent: agent, utils: utils, searchInput: searchInput, searchPage: searchPage, searchLabel: searchLabel }) })), !isTopBar && isSmallOrAbove && (_jsxs(Flex, { ...restProps, container: {
+                    direction: 'column',
+                    justify: 'between'
+                }, id: navId, as: StyledSidebarNav, portalAgent: !!agent, ref: navRef, "data-app-region": true, onFocus: onFocus, "aria-label": t('app_shell_main_navigation_label'), children: [_jsx(AppNavigationPanel, { navState: sidebarNavState, appInfo: !showAppHeader ? appInfo : undefined, searchInput: !showAppHeader ? searchInput : undefined, searchLabel: searchLabel, caseTypes: caseTypes, links: links, cases: cases, utils: utilsList, onClick: () => {
+                            if (['closing', 'closed'].includes(sidebarNavState)) {
+                                openNav(0);
+                            }
+                            else {
+                                closeNav(0);
+                            }
+                        }, agent: agent }), _jsxs(Flex, { container: { justify: 'center' }, children: [_jsx(StyledAppShellToggleButton, { icon: true, ref: setExpandCollapseEl, compact: true, variant: 'simple', onClick: () => {
+                                    setSidebarNavState(sidebarNavState === 'closed' ? 'open' : 'closed');
+                                }, "aria-label": sidebarNavState === 'closed' ? t('expand_navigation') : t('collapse_navigation'), "aria-expanded": sidebarNavState === 'open' || sidebarNavState === 'opening', "aria-controls": navId, children: ['closed', 'closing'].includes(sidebarNavState) ? (_jsx(Icon, { name: `arrow-micro-${end}` })) : (_jsx(Icon, { name: `arrow-micro-${start}` })) }), ['open', 'closed'].includes(sidebarNavState) && (_jsx(Tooltip, { target: expandCollapseEl, placement: 'right', as: StyledAppShellTooltip, showDelay: 'none', hideDelay: 'none', children: sidebarNavState === 'closed' ? t('expand_navigation') : t('collapse_navigation') }))] })] })), showMainContent && (_jsxs(_Fragment, { children: [documentTabs && _jsx(DocumentTabs, { ...documentTabs }), (() => {
+                        const mainRegion = (_jsxs(StyledAppMain, { previewActive: previewActive, isTopBar: isTopBar, "aria-busy": !!progress, "data-app-region": true, children: [_jsx(Progress, { visible: !!progress, placement: 'local', message: typeof progress === 'string' ? progress : t('loading') }), banners && _jsx(StyledBannerRegion, { children: banners }), main] }));
+                        if (!documentTabs)
+                            return mainRegion;
+                        return (_jsx(StyledDocumentTabPanel, { role: 'tabpanel', id: documentTabs.currentTabId ? getTabPanelId(documentTabs.currentTabId) : undefined, "aria-labelledby": documentTabs.currentTabId ? getTabElementId(documentTabs.currentTabId) : undefined, tabIndex: 0, children: mainRegion }));
+                    })()] })), _jsx(AppShellGlobalStyle, { isTopBar: isTopBar, showAppHeader: showAppHeader, isMobile: false, hasDocumentTabs: !!documentTabs, navOpen: sidebarNavState === 'open' || sidebarNavState === 'opening' })] }));
+});
+const AppShellMain = forwardRef(function AppShellMain(props, ref) {
+    const t = useI18n();
+    const navId = useUID();
+    const { appInfo, appHeader, contextSwitcher, searchPage, searchInput, searchLabel = t('sitewide'), caseTypes, links, cases, agent, utils, operator, headerUtils, helpMenu, shareApp, banners, progress, main, documentTabs, navOrientation = 'side-rail', ...restProps } = props;
+    const isSmallOrAbove = useBreakpoint('sm');
+    const isTopBar = navOrientation === 'top-bar' || !isSmallOrAbove;
+    const showAppHeader = isTouchDevice
+        ? isSmallOrAbove
+        : isTopBar || (!!appHeader && isSmallOrAbove);
+    const { themeMode, onThemeModeChange } = useThemeMode();
     const contextSwitcherUtilItem = useMemo(() => {
         const { contexts, onContextClick, label: contextSwitcherLabel = t('switch_to') } = contextSwitcher ?? {};
-        if (!showAppHeader && contexts && contexts?.length > 1 && !!onContextClick) {
+        if (!showAppHeader && contexts && contexts.length > 1 && onContextClick) {
             return {
                 name: contextSwitcherLabel,
                 primary: contextSwitcherLabel,
@@ -227,18 +187,11 @@ const AppShell = forwardRef(function AppShell(props, ref) {
                         primary: context.primary,
                         'aria-current': !!context.selected,
                         visual: context.visual,
-                        onClick: e => {
-                            onContextClick(context.id, e);
-                        }
+                        onClick: e => onContextClick(context.id, e)
                     })), singleSelect: true }))
             };
         }
-    }, [
-        showAppHeader,
-        contextSwitcher?.contexts,
-        contextSwitcher?.label,
-        contextSwitcher?.onContextClick
-    ]);
+    }, [contextSwitcher, showAppHeader, t]);
     const shareLabel = shareApp?.label ?? t('app_shell_share');
     const shareApplicationUtilItem = useMemo(() => {
         if (!showAppHeader && shareApp) {
@@ -249,7 +202,7 @@ const AppShell = forwardRef(function AppShell(props, ref) {
                 onClick: shareApp.onClick
             };
         }
-    }, [showAppHeader, shareApp, shareLabel]);
+    }, [shareApp, shareLabel, showAppHeader]);
     const operatorInfoUtilItem = useMemo(() => {
         if (!showAppHeader && operator) {
             return {
@@ -259,17 +212,14 @@ const AppShell = forwardRef(function AppShell(props, ref) {
                 items: operator.actions
             };
         }
-    }, [showAppHeader, operator]);
-    const { themeMode, onThemeModeChange } = useThemeMode();
+    }, [operator, showAppHeader, t]);
     const themeSwitcherUtilItem = useMemo(() => {
         if (!showAppHeader && onThemeModeChange) {
-            let currentThemeIcon = 'circle-mixed-left'; // default for system
-            if (themeMode === 'dark') {
+            let currentThemeIcon = 'circle-mixed-left';
+            if (themeMode === 'dark')
                 currentThemeIcon = 'moon';
-            }
-            else if (themeMode === 'light') {
+            else if (themeMode === 'light')
                 currentThemeIcon = 'sun';
-            }
             return {
                 name: t('theme_mode'),
                 primary: t('theme_mode'),
@@ -296,8 +246,7 @@ const AppShell = forwardRef(function AppShell(props, ref) {
                 ]
             };
         }
-    }, [showAppHeader, onThemeModeChange, themeMode]);
-    const { start, end } = useDirection();
+    }, [onThemeModeChange, showAppHeader, t, themeMode]);
     const utilsList = useMemo(() => [
         ...(utils ?? []),
         ...(contextSwitcherUtilItem ? [contextSwitcherUtilItem] : []),
@@ -305,66 +254,16 @@ const AppShell = forwardRef(function AppShell(props, ref) {
         ...(operatorInfoUtilItem ? [operatorInfoUtilItem] : []),
         ...(themeSwitcherUtilItem ? [themeSwitcherUtilItem] : [])
     ], [
-        utils,
         contextSwitcherUtilItem,
-        shareApplicationUtilItem,
         operatorInfoUtilItem,
-        themeSwitcherUtilItem
+        shareApplicationUtilItem,
+        themeSwitcherUtilItem,
+        utils
     ]);
-    return (_jsxs(AppShellContext.Provider, { value: useMemo(() => ({
-            navOpen: sidebarNavState === 'open' || sidebarNavState === 'opening' || mobileNavOpen,
-            drawerOpen,
-            setDrawerOpen,
-            collapsedHoverMenus,
-            navState: sidebarNavState,
-            focusedImperatively,
-            headerEl: headerEl || mobileHeaderEl,
-            appHeaderEl: headerEl ?? null,
-            searchContainerEl,
-            setSearchContainerEl,
-            isMobileNav: showMobileNav,
-            isTopBar,
-            previewActive,
-            setPreviewActive
-        }), [
-            sidebarNavState,
-            drawerOpen,
-            mobileNavOpen,
-            showMobileNav,
-            isTopBar,
-            headerEl,
-            mobileHeaderEl,
-            searchContainerEl,
-            previewActive
-        ]), children: [_jsx(SkipLinks, { items: skipLinks }), showAppHeader && (_jsx(AppHeader, { ...appInfo, contextSwitcher: contextSwitcher, searchInput: searchInput, searchLabel: searchLabel, operator: operator, headerUtils: headerUtils, helpMenu: helpMenu, searchPage: searchPage, shareApp: shareApp, ref: setHeaderEl })), isTopBar && (_jsx(TopNavDrawerProvider, { children: _jsx(AppTopNav, { appInfo: appInfo, links: links, caseTypes: caseTypes, cases: cases, agent: agent, utils: utils, searchInput: searchInput, searchPage: searchPage, searchLabel: searchLabel }) })), !isTopBar && isSmallOrAbove && (_jsxs(Flex, { ...restProps, container: {
-                    direction: 'column',
-                    justify: 'between'
-                }, id: navId, as: StyledSidebarNav, portalAgent: !!agent, ref: navRef, "data-app-region": true, onFocus: onFocus, "aria-label": t('app_shell_main_navigation_label'), children: [_jsx(AppNavigationPanel, { navState: sidebarNavState, appInfo: !showAppHeader ? appInfo : undefined, searchInput: !showAppHeader ? searchInput : undefined, searchLabel: searchLabel, caseTypes: caseTypes, links: links, cases: cases, utils: utilsList, onClick: () => {
-                            if (['closing', 'closed'].includes(sidebarNavState)) {
-                                openNav(0);
-                            }
-                            else {
-                                closeNav(0);
-                            }
-                        }, agent: agent }), _jsxs(Flex, { container: { justify: 'center' }, children: [_jsx(StyledAppShellToggleButton, { icon: true, ref: setExpandCollapseEl, compact: true, variant: 'simple', onClick: () => {
-                                    setSidebarNavState(sidebarNavState === 'closed' ? 'open' : 'closed');
-                                }, "aria-label": sidebarNavState === 'closed' ? t('expand_navigation') : t('collapse_navigation'), "aria-expanded": sidebarNavState === 'open' || sidebarNavState === 'opening', "aria-controls": navId, children: ['closed', 'closing'].includes(sidebarNavState) ? (_jsx(Icon, { name: `arrow-micro-${end}` })) : (_jsx(Icon, { name: `arrow-micro-${start}` })) }), ['open', 'closed'].includes(sidebarNavState) && (_jsx(Tooltip, { target: expandCollapseEl, placement: 'right', as: StyledAppShellTooltip, showDelay: 'none', hideDelay: 'none', children: sidebarNavState === 'closed' ? t('expand_navigation') : t('collapse_navigation') }))] })] })), showMobileNav && (_jsxs(_Fragment, { children: [_jsxs(Flex, { as: StyledMobileNav, container: { alignItems: 'center', gap: 0.25 }, ref: setMobileHeaderEl, "data-app-region": true, onClick: () => {
-                            setMobileNavOpen(false);
-                        }, children: [caseTypes && caseTypes.length > 0 && _jsx(CaseTypes, { caseTypes: caseTypes, mobileNavBar: true }), links && _jsx(Links, { links: links.slice(0, mobileNavLinksCount), mobileNavBar: true }), _jsxs(StyledMobileMoreMenuButton, { ref: mobileButtonRef, variant: 'simple', onClick: (e) => {
-                                    setMobileNavOpen(prev => !prev);
-                                    e.stopPropagation();
-                                }, label: t('app_shell_more'), icon: true, "aria-expanded": mobileNavOpen, "aria-controls": navId, children: [_jsx(Icon, { name: 'bars' }), !mobileNavOpen &&
-                                        utils?.some(item => (isValidElement(item) ? false : !!item.count)) && (_jsx(Alert, { variant: 'urgent' })), _jsx("span", { children: t('app_shell_more') })] })] }), _jsx(Drawer, { open: mobileNavOpen, ref: mobileNavRef, onAfterClose: () => {
-                            setMobileNavOpen(false);
-                        }, position: 'fixed', placement: 'bottom', size: '100dvh', nullWhenClosed: true, children: _jsx(Flex, { ...restProps, container: {
-                                direction: 'column',
-                                justify: 'between'
-                            }, id: navId, as: StyledMobileMoreMenu, ref: ref, "aria-label": t('app_shell_main_navigation_label'), children: _jsx(AppNavigationPanel, { appInfo: appInfo, navState: 'open', searchInput: searchInput, searchLabel: searchLabel, links: links?.slice(mobileNavLinksCount), cases: cases, utils: utilsList, agent: agent }) }) })] })), showMainContent && (_jsxs(_Fragment, { children: [documentTabs && _jsx(DocumentTabs, { ...documentTabs }), (() => {
-                        const mainRegion = (_jsxs(StyledAppMain, { previewActive: previewActive, isTopBar: isTopBar, "aria-busy": !!progress, "data-app-region": true, children: [_jsx(Progress, { visible: !!progress, placement: 'local', message: typeof progress === 'string' ? progress : t('loading') }), banners && _jsx(StyledBannerRegion, { children: banners }), main] }));
-                        if (!documentTabs)
-                            return mainRegion;
-                        return (_jsx(StyledDocumentTabPanel, { role: 'tabpanel', id: documentTabs.currentTabId ? getTabPanelId(documentTabs.currentTabId) : undefined, "aria-labelledby": documentTabs.currentTabId ? getTabElementId(documentTabs.currentTabId) : undefined, tabIndex: 0, children: mainRegion }));
-                    })()] })), _jsx(AppShellGlobalStyle, { isTopBar: isTopBar, showAppHeader: showAppHeader, isMobile: showMobileNav, hasDocumentTabs: !!documentTabs, navOpen: sidebarNavState === 'open' || sidebarNavState === 'opening' || mobileNavOpen })] }));
+    if (isTouchDevice) {
+        return (_jsx(TouchAppShell, { appInfo: appInfo, appHeader: appHeader, contextSwitcher: contextSwitcher, searchPage: searchPage, searchInput: searchInput, searchLabel: searchLabel, caseTypes: caseTypes, links: links, cases: cases, agent: agent, utils: utils, utilsList: utilsList, operator: operator, headerUtils: headerUtils, helpMenu: helpMenu, shareApp: shareApp, banners: banners, progress: progress, main: main, documentTabs: documentTabs, navId: navId, restProps: restProps }));
+    }
+    return _jsx(AppShell, { ...props, utilsList: utilsList, ref: ref });
 });
-export default AppShell;
+export default AppShellMain;
 //# sourceMappingURL=AppShell.js.map

package/lib/components/AppShell/AppShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useState,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useLayoutEffect\n} from 'react';\nimport type { PropsWithoutRef, ReactNode, Ref, MouseEvent } from 'react';\n\nimport { Alert } from '../Badges';\nimport Flex from '../Flex';\nimport Icon, { registerIcon } from '../Icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport * as plusIcon from '../Icon/icons/plus.icon';\nimport * as caseSolidIcon from '../Icon/icons/case-solid.icon';\nimport * as barsIcon from '../Icon/icons/bars.icon';\nimport * as caretLeftIcon from '../Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '../Icon/icons/caret-right.icon';\nimport * as sunIcon from '../Icon/icons/sun.icon';\nimport * as moonIcon from '../Icon/icons/moon.icon';\nimport * as circleMixedLeftIcon from '../Icon/icons/circle-mixed-left.icon';\nimport * as shareIcon from '../Icon/icons/share.icon';\nimport {\n  useI18n,\n  useBreakpoint,\n  useConsolidatedRef,\n  useElement,\n  useTransitionState,\n  useEvent,\n  useScrollToggle,\n  useTheme,\n  useUID,\n  usePreviewManager,\n  useDirection\n} from '../../hooks';\nimport { openCloseStates } from '../../hooks/useTransitionState';\nimport SkipLinks from '../SkipLinks';\nimport type { SkipLinksProps } from '../SkipLinks';\nimport Progress from '../Progress';\nimport { registerAction } from '../ShortcutManager';\nimport useShortcut from '../../hooks/useShortcut';\nimport { debounce, isTouchDevice, isValidElement } from '../../utils';\nimport useKeyboardCommands from '../KeyboardCommands';\nimport Tooltip from '../Tooltip';\nimport Drawer from '../Drawer';\nimport useThemeMode from '../../hooks/useThemeMode';\n\nimport AppShellContext, { AppShellDrawerContext } from './AppShellContext';\nimport AppHeader from './AppHeader';\nimport AppShellDrawer from './Drawer';\nimport AppTopNav from './AppTopNav';\nimport {\n  StyledAppMain,\n  StyledBannerRegion,\n  StyledMobileNav,\n  StyledMobileMoreMenuButton,\n  menuButtonWidth,\n  StyledMobileMoreMenu,\n  StyledAppShellToggleButton,\n  StyledAppShellTooltip,\n  StyledSidebarNav,\n  StyledShareIcon,\n  AppShellGlobalStyle\n} from './AppShell.styles';\nimport type { AppShellProps, UtilItemProps } from './AppShell.types';\nimport { followingNodes, focusRegion } from './utils';\nimport AppNavigationPanel, { CaseTypes, Links } from './AppNavigationPanel';\nimport NavigationList from './NavigationList';\nimport DocumentTabs, { getTabElementId, getTabPanelId } from './DocumentTabs';\nimport { StyledDocumentTabPanel } from './DocumentTabs.styles';\n\nregisterIcon(\n  timesIcon,\n  plusIcon,\n  caseSolidIcon,\n  barsIcon,\n  caretRightIcon,\n  caretLeftIcon,\n  sunIcon,\n  moonIcon,\n  circleMixedLeftIcon,\n  shareIcon\n);\nregisterAction(\n  { id: 'NextRegion', defaultKeyBinding: 'F9' },\n  { id: 'PrevRegion', defaultKeyBinding: 'Shift+F9' },\n  { id: 'KeyboardCommands', defaultKeyBinding: 'CommandOrControl+/' }\n);\n\ninterface TopNavDrawerProviderProps {\n  children: ReactNode;\n}\n\nfunction TopNavDrawerProvider({ children }: TopNavDrawerProviderProps) {\n  const [item, setItem] = useState<UtilItemProps | undefined>(undefined);\n  const [drawerOpen, setDrawerOpen] = useState(false);\n\n  // Delay opening the drawer by one render pass after item is set.\n  // The cosmos-core Drawer only fires onAfterOpen on a false→true open transition.\n  // Batching setItem + setDrawerOpen(true) in the same event handler causes the\n  // Drawer to mount with open=true from the start (no transition), so onAfterOpen\n  // never fires and item.onDrawerOpen() (data fetching) is never called.\n  // Setting drawerOpen in a separate useEffect gives the Drawer a proper transition.\n  useEffect(() => {\n    if (item) setDrawerOpen(true);\n  }, [item]);\n\n  const ctxValue = useMemo(\n    () => ({\n      drawerOpen,\n      openItemName: item?.name,\n      closeDrawer: () => setDrawerOpen(false),\n      openDrawer: (next: UtilItemProps) => {\n        // Spread to create a new object reference each time so useEffect([item])\n        // always fires — even when the same item is re-opened after the drawer closes.\n        setItem({ ...next });\n      },\n      refreshDrawer: (next: UtilItemProps) => {\n        setItem({ ...next });\n      }\n    }),\n    [drawerOpen, item?.name]\n  );\n\n  return (\n    <AppShellDrawerContext.Provider value={ctxValue}>\n      {children}\n      {item && (\n        <AppShellDrawer\n          drawerOpen={drawerOpen}\n          setDrawerOpen={setDrawerOpen}\n          content={item.drawerView}\n          header={item.drawerHeader || item.name}\n          onDrawerClose={() => {\n            setItem(undefined);\n            item.onDrawerClose?.();\n          }}\n          onDrawerOpen={item.onDrawerOpen}\n        />\n      )}\n    </AppShellDrawerContext.Provider>\n  );\n}\n\nconst AppShell = forwardRef(function AppShell(\n  props: PropsWithoutRef<AppShellProps>,\n  ref: Ref<HTMLDivElement>\n) {\n  const t = useI18n();\n\n  const {\n    appInfo,\n    contextSwitcher,\n    searchInput,\n    appHeader,\n    searchPage,\n    searchLabel = t('sitewide'),\n    caseTypes,\n    links,\n    agent,\n    banners,\n    progress,\n    main,\n    operator,\n    utils,\n    headerUtils,\n    helpMenu,\n    cases,\n    defaultExpanded = false,\n    collapsedHoverMenus = false,\n    shareApp,\n    navOrientation = 'side-rail',\n    documentTabs,\n    ...restProps\n  } = props;\n\n  const { disableScroll, enableScroll } = useScrollToggle();\n  const navRef = useConsolidatedRef(ref);\n  const mobileButtonRef = useRef<HTMLButtonElement>(null);\n  const navId = useUID();\n  const [expandCollapseEl, setExpandCollapseEl] = useElement<HTMLButtonElement>();\n\n  const [mobileNavOpen, setMobileNavOpen] = useState(false);\n  const [drawerOpen, setDrawerOpen] = useState(false);\n  const [mobileNavLinksCount, setMobileNavLinksCount] = useState(0);\n\n  const { previewActive, setPreviewActive } = usePreviewManager();\n\n  const focusedImperatively = useRef(false);\n  const [headerEl, setHeaderEl] = useElement<HTMLDivElement>();\n  const [mobileHeaderEl, setMobileHeaderEl] = useElement<HTMLDivElement>();\n\n  const isSmallOrAbove = useBreakpoint('sm');\n  // Narrow touch devices get the bottom nav; tablets and narrow non-touch desktops use the top bar.\n  const showMobileNav = !isSmallOrAbove && isTouchDevice;\n  const isTopBar =\n    !showMobileNav && (isTouchDevice || navOrientation === 'top-bar' || !isSmallOrAbove);\n\n  const showAppHeader = isTopBar || (!!appHeader && isSmallOrAbove);\n  const showMainContent = showAppHeader ? !!(headerEl || mobileHeaderEl) : true;\n\n  const openNavTimeoutId = useRef<ReturnType<typeof setTimeout>>();\n  const closeNavTimeoutId = useRef<ReturnType<typeof setTimeout>>();\n\n  const [searchContainerEl, setSearchContainerEl] = useState<HTMLElement | null>(null);\n\n  const openKeyboardCommands = useKeyboardCommands();\n\n  const theme = useTheme();\n\n  const { state: sidebarNavState, set: setSidebarNavState } = useTransitionState({\n    ref: navRef,\n    property: 'width',\n    states: openCloseStates,\n    defaultState: defaultExpanded ? 'open' : 'closed'\n  });\n\n  const skipLinks: SkipLinksProps['items'] = useMemo(\n    () => [\n      {\n        label: t('go_to_main_content'),\n        target: { ariaLabel: t('main_content'), selector: 'main' }\n      }\n    ],\n    [t]\n  );\n\n  const openNav = useCallback((delay: number = 0) => {\n    if (closeNavTimeoutId.current) clearTimeout(closeNavTimeoutId.current);\n    openNavTimeoutId.current = setTimeout(() => {\n      setSidebarNavState('open');\n    }, delay);\n  }, []);\n\n  const closeNav = useCallback((delay: number = 0) => {\n    if (openNavTimeoutId.current) clearTimeout(openNavTimeoutId.current);\n    closeNavTimeoutId.current = setTimeout(() => {\n      setSidebarNavState('closed');\n    }, delay);\n  }, []);\n\n  const onFocus = useCallback(() => {\n    focusedImperatively.current = false;\n  }, []);\n\n  const mobileNavRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const ac = new AbortController();\n    window.navigation.addEventListener(\n      'navigate',\n      () => {\n        if (mobileNavOpen) {\n          setMobileNavOpen(false);\n        }\n      },\n      {\n        signal: ac.signal\n      }\n    );\n\n    return () => {\n      ac.abort();\n    };\n  }, [mobileNavOpen]);\n\n  useEffect(() => {\n    if (mobileNavOpen) {\n      disableScroll();\n    } else {\n      enableScroll();\n    }\n  }, [mobileNavOpen]);\n\n  useEffect(() => {\n    if (mobileNavOpen) {\n      const onKeyDown = ({ key }: KeyboardEvent) => {\n        if (key === 'Escape') setMobileNavOpen(false);\n      };\n\n      document.addEventListener('keydown', onKeyDown);\n      return () => {\n        document.removeEventListener('keydown', onKeyDown);\n      };\n    }\n  }, [mobileNavOpen]);\n\n  useEffect(() => {\n    if (isSmallOrAbove && mobileNavOpen) setMobileNavOpen(false);\n  }, [isSmallOrAbove, mobileNavOpen]);\n\n  useLayoutEffect(() => {\n    if (!mobileHeaderEl) return;\n\n    const resizeObserver = new ResizeObserver(\n      debounce(() => {\n        const screenWidth = document.documentElement.clientWidth;\n        const regionsPaddingInlinePixels =\n          2 *\n          Number.parseInt(\n            window.getComputedStyle(mobileHeaderEl).getPropertyValue('padding-inline-start'),\n            10\n          );\n        const availableWidth = screenWidth * 0.9 - regionsPaddingInlinePixels;\n        setMobileNavLinksCount(\n          Math.max(\n            Math.floor(availableWidth / menuButtonWidth(theme)) - (caseTypes?.length ? 2 : 1),\n            0\n          )\n        );\n      }, 0)\n    );\n\n    resizeObserver.observe(document.documentElement);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [mobileHeaderEl, caseTypes?.length]);\n\n  const activatedEl = useRef<Element>(document.body);\n  useEvent('click', e => {\n    activatedEl.current = document.elementFromPoint(e.clientX, e.clientY) ?? document.body;\n  });\n\n  useShortcut('NextRegion', () => {\n    const activeElement =\n      document.activeElement && document.activeElement !== document.body\n        ? document.activeElement\n        : activatedEl.current;\n    const regionEls = followingNodes<HTMLElement>(\n      document.createNodeIterator(document.body, NodeFilter.SHOW_ELEMENT, node =>\n        // safe to treat as Element, as we requested to give us only elements\n        (node as Element).hasAttribute('data-app-region') || node === activeElement\n          ? NodeFilter.FILTER_ACCEPT\n          : NodeFilter.FILTER_SKIP\n      ),\n      activeElement\n    );\n    // try to focus first visibleregion\n    const focusedNode = regionEls.find(node => focusRegion(node));\n    if (!focusedNode) (activeElement as HTMLElement).focus();\n  });\n\n  useShortcut('PrevRegion', () => {\n    const activeElement =\n      document.activeElement && document.activeElement !== document.body\n        ? document.activeElement\n        : activatedEl.current;\n    const regionEls = followingNodes<HTMLElement>(\n      document.createNodeIterator(document.body, NodeFilter.SHOW_ELEMENT, node =>\n        // safe to treat as Element, as we requested to give us only elements\n        (node as Element).hasAttribute('data-app-region') || node === activeElement\n          ? NodeFilter.FILTER_ACCEPT\n          : NodeFilter.FILTER_SKIP\n      ),\n      activeElement\n    );\n    regionEls.reverse();\n\n    // removing active element parent from the list to avoid focusing back to the same region\n    // but only if element is not region himself - in that case we want to keep its parent on the list\n    // as it is different focusable region\n    if (regionEls[0].contains(activeElement) && !activeElement.hasAttribute('data-app-region'))\n      regionEls.splice(0, 1);\n    const focusedNode = regionEls.find(node => focusRegion(node));\n    if (!focusedNode) (activeElement as HTMLElement).focus();\n  });\n\n  useShortcut('KeyboardCommands', () => {\n    openKeyboardCommands();\n  });\n\n  const contextSwitcherUtilItem: UtilItemProps | undefined = useMemo(() => {\n    const {\n      contexts,\n      onContextClick,\n      label: contextSwitcherLabel = t('switch_to')\n    } = contextSwitcher ?? {};\n    if (!showAppHeader && contexts && contexts?.length > 1 && !!onContextClick) {\n      return {\n        name: contextSwitcherLabel,\n        primary: contextSwitcherLabel,\n        visual: <Icon name='dot-9-solid' />,\n        drawerView: (\n          <NavigationList\n            items={contexts!.map(context => ({\n              ...context,\n              primary: context.primary,\n              'aria-current': !!context.selected,\n              visual: context.visual,\n              onClick: e => {\n                onContextClick(context.id, e);\n              }\n            }))}\n            singleSelect\n          />\n        )\n      };\n    }\n  }, [\n    showAppHeader,\n    contextSwitcher?.contexts,\n    contextSwitcher?.label,\n    contextSwitcher?.onContextClick\n  ]);\n\n  const shareLabel = shareApp?.label ?? t('app_shell_share');\n\n  const shareApplicationUtilItem: UtilItemProps | undefined = useMemo(() => {\n    if (!showAppHeader && shareApp) {\n      return {\n        name: shareLabel,\n        primary: shareLabel,\n        visual: <StyledShareIcon name='share' />,\n        onClick: shareApp.onClick\n      };\n    }\n  }, [showAppHeader, shareApp, shareLabel]);\n\n  const operatorInfoUtilItem: UtilItemProps | undefined = useMemo(() => {\n    if (!showAppHeader && operator) {\n      return {\n        name: operator.name,\n        primary: t('app_shell_user_account'),\n        visual: operator.avatar,\n        items: operator.actions\n      };\n    }\n  }, [showAppHeader, operator]);\n\n  const { themeMode, onThemeModeChange } = useThemeMode();\n\n  const themeSwitcherUtilItem: UtilItemProps | undefined = useMemo(() => {\n    if (!showAppHeader && onThemeModeChange) {\n      let currentThemeIcon = 'circle-mixed-left'; // default for system\n      if (themeMode === 'dark') {\n        currentThemeIcon = 'moon';\n      } else if (themeMode === 'light') {\n        currentThemeIcon = 'sun';\n      }\n\n      return {\n        name: t('theme_mode'),\n        primary: t('theme_mode'),\n        visual: <Icon name={currentThemeIcon} />,\n        items: [\n          {\n            id: 'light',\n            primary: t('theme_light'),\n            visual: <Icon name='sun' />,\n            onClick: () => onThemeModeChange('light')\n          },\n          {\n            id: 'dark',\n            primary: t('theme_dark'),\n            visual: <Icon name='moon' />,\n            onClick: () => onThemeModeChange('dark')\n          },\n          {\n            id: 'system',\n            primary: t('theme_system'),\n            visual: <Icon name='circle-mixed-left' />,\n            onClick: () => onThemeModeChange('system')\n          }\n        ]\n      };\n    }\n  }, [showAppHeader, onThemeModeChange, themeMode]);\n\n  const { start, end } = useDirection();\n\n  const utilsList = useMemo(\n    () => [\n      ...(utils ?? []),\n      ...(contextSwitcherUtilItem ? [contextSwitcherUtilItem] : []),\n      ...(shareApplicationUtilItem ? [shareApplicationUtilItem] : []),\n      ...(operatorInfoUtilItem ? [operatorInfoUtilItem] : []),\n      ...(themeSwitcherUtilItem ? [themeSwitcherUtilItem] : [])\n    ],\n    [\n      utils,\n      contextSwitcherUtilItem,\n      shareApplicationUtilItem,\n      operatorInfoUtilItem,\n      themeSwitcherUtilItem\n    ]\n  );\n\n  return (\n    <AppShellContext.Provider\n      value={useMemo(\n        () => ({\n          navOpen: sidebarNavState === 'open' || sidebarNavState === 'opening' || mobileNavOpen,\n          drawerOpen,\n          setDrawerOpen,\n          collapsedHoverMenus,\n          navState: sidebarNavState,\n          focusedImperatively,\n          headerEl: headerEl || mobileHeaderEl,\n          appHeaderEl: headerEl ?? null,\n          searchContainerEl,\n          setSearchContainerEl,\n          isMobileNav: showMobileNav,\n          isTopBar,\n          previewActive,\n          setPreviewActive\n        }),\n        [\n          sidebarNavState,\n          drawerOpen,\n          mobileNavOpen,\n          showMobileNav,\n          isTopBar,\n          headerEl,\n          mobileHeaderEl,\n          searchContainerEl,\n          previewActive\n        ]\n      )}\n    >\n      <SkipLinks items={skipLinks} />\n      {showAppHeader && (\n        <AppHeader\n          {...appInfo}\n          contextSwitcher={contextSwitcher}\n          searchInput={searchInput}\n          searchLabel={searchLabel}\n          operator={operator}\n          headerUtils={headerUtils}\n          helpMenu={helpMenu}\n          searchPage={searchPage}\n          shareApp={shareApp}\n          ref={setHeaderEl}\n        />\n      )}\n      {isTopBar && (\n        <TopNavDrawerProvider>\n          <AppTopNav\n            appInfo={appInfo}\n            links={links}\n            caseTypes={caseTypes}\n            cases={cases}\n            agent={agent}\n            utils={utils}\n            searchInput={searchInput}\n            searchPage={searchPage}\n            searchLabel={searchLabel}\n          />\n        </TopNavDrawerProvider>\n      )}\n      {!isTopBar && isSmallOrAbove && (\n        <Flex\n          {...restProps}\n          container={{\n            direction: 'column',\n            justify: 'between'\n          }}\n          id={navId}\n          as={StyledSidebarNav}\n          portalAgent={!!agent}\n          ref={navRef}\n          data-app-region\n          onFocus={onFocus}\n          aria-label={t('app_shell_main_navigation_label')}\n        >\n          <AppNavigationPanel\n            navState={sidebarNavState}\n            appInfo={!showAppHeader ? appInfo : undefined}\n            searchInput={!showAppHeader ? searchInput : undefined}\n            searchLabel={searchLabel}\n            caseTypes={caseTypes}\n            links={links}\n            cases={cases}\n            utils={utilsList}\n            onClick={() => {\n              if (['closing', 'closed'].includes(sidebarNavState)) {\n                openNav(0);\n              } else {\n                closeNav(0);\n              }\n            }}\n            agent={agent}\n          />\n          <Flex container={{ justify: 'center' }}>\n            <StyledAppShellToggleButton\n              icon\n              ref={setExpandCollapseEl}\n              compact\n              variant='simple'\n              onClick={() => {\n                setSidebarNavState(sidebarNavState === 'closed' ? 'open' : 'closed');\n              }}\n              aria-label={\n                sidebarNavState === 'closed' ? t('expand_navigation') : t('collapse_navigation')\n              }\n              aria-expanded={sidebarNavState === 'open' || sidebarNavState === 'opening'}\n              aria-controls={navId}\n            >\n              {['closed', 'closing'].includes(sidebarNavState) ? (\n                <Icon name={`arrow-micro-${end}`} />\n              ) : (\n                <Icon name={`arrow-micro-${start}`} />\n              )}\n            </StyledAppShellToggleButton>\n\n            {['open', 'closed'].includes(sidebarNavState) && (\n              <Tooltip\n                target={expandCollapseEl}\n                placement='right'\n                as={StyledAppShellTooltip}\n                showDelay='none'\n                hideDelay='none'\n              >\n                {sidebarNavState === 'closed' ? t('expand_navigation') : t('collapse_navigation')}\n              </Tooltip>\n            )}\n          </Flex>\n        </Flex>\n      )}\n      {showMobileNav && (\n        <>\n          <Flex\n            as={StyledMobileNav}\n            container={{ alignItems: 'center', gap: 0.25 }}\n            ref={setMobileHeaderEl}\n            data-app-region\n            onClick={() => {\n              setMobileNavOpen(false);\n            }}\n          >\n            {caseTypes && caseTypes.length > 0 && <CaseTypes caseTypes={caseTypes} mobileNavBar />}\n            {links && <Links links={links.slice(0, mobileNavLinksCount)} mobileNavBar />}\n            <StyledMobileMoreMenuButton\n              ref={mobileButtonRef}\n              variant='simple'\n              onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                setMobileNavOpen(prev => !prev);\n                e.stopPropagation();\n              }}\n              label={t('app_shell_more')}\n              icon\n              aria-expanded={mobileNavOpen}\n              aria-controls={navId}\n            >\n              <Icon name='bars' />\n              {!mobileNavOpen &&\n                utils?.some(item => (isValidElement(item) ? false : !!item.count)) && (\n                  <Alert variant='urgent' />\n                )}\n              <span>{t('app_shell_more')}</span>\n            </StyledMobileMoreMenuButton>\n          </Flex>\n          <Drawer\n            open={mobileNavOpen}\n            ref={mobileNavRef}\n            onAfterClose={() => {\n              setMobileNavOpen(false);\n            }}\n            position='fixed'\n            placement='bottom'\n            size='100dvh'\n            nullWhenClosed\n          >\n            <Flex\n              {...restProps}\n              container={{\n                direction: 'column',\n                justify: 'between'\n              }}\n              id={navId}\n              as={StyledMobileMoreMenu}\n              ref={ref}\n              aria-label={t('app_shell_main_navigation_label')}\n            >\n              <AppNavigationPanel\n                appInfo={appInfo}\n                navState='open'\n                searchInput={searchInput}\n                searchLabel={searchLabel}\n                links={links?.slice(mobileNavLinksCount)}\n                cases={cases}\n                utils={utilsList}\n                agent={agent}\n              />\n            </Flex>\n          </Drawer>\n        </>\n      )}\n      {showMainContent && (\n        <>\n          {documentTabs && <DocumentTabs {...documentTabs} />}\n          {(() => {\n            const mainRegion = (\n              <StyledAppMain\n                previewActive={previewActive}\n                isTopBar={isTopBar}\n                aria-busy={!!progress}\n                data-app-region\n              >\n                <Progress\n                  visible={!!progress}\n                  placement='local'\n                  message={typeof progress === 'string' ? progress : t('loading')}\n                />\n                {banners && <StyledBannerRegion>{banners}</StyledBannerRegion>}\n                {main}\n              </StyledAppMain>\n            );\n            if (!documentTabs) return mainRegion;\n            return (\n              <StyledDocumentTabPanel\n                role='tabpanel'\n                id={\n                  documentTabs.currentTabId ? getTabPanelId(documentTabs.currentTabId) : undefined\n                }\n                aria-labelledby={\n                  documentTabs.currentTabId ? getTabElementId(documentTabs.currentTabId) : undefined\n                }\n                tabIndex={0}\n              >\n                {mainRegion}\n              </StyledDocumentTabPanel>\n            );\n          })()}\n        </>\n      )}\n      <AppShellGlobalStyle\n        isTopBar={isTopBar}\n        showAppHeader={showAppHeader}\n        isMobile={showMobileNav}\n        hasDocumentTabs={!!documentTabs}\n        navOpen={sidebarNavState === 'open' || sidebarNavState === 'opening' || mobileNavOpen}\n      />\n    </AppShellContext.Provider>\n  );\n});\n\nexport default AppShell;\n"]}
+{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useCallback, useMemo, useRef } from 'react';\nimport type { PropsWithoutRef, Ref } from 'react';\n\nimport Flex from '../Flex';\nimport Icon, { registerIcon } from '../Icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport * as plusIcon from '../Icon/icons/plus.icon';\nimport * as caseSolidIcon from '../Icon/icons/case-solid.icon';\nimport * as barsIcon from '../Icon/icons/bars.icon';\nimport * as caretLeftIcon from '../Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '../Icon/icons/caret-right.icon';\nimport * as sunIcon from '../Icon/icons/sun.icon';\nimport * as moonIcon from '../Icon/icons/moon.icon';\nimport * as circleMixedLeftIcon from '../Icon/icons/circle-mixed-left.icon';\nimport * as shareIcon from '../Icon/icons/share.icon';\nimport {\n  useI18n,\n  useBreakpoint,\n  useConsolidatedRef,\n  useElement,\n  useTransitionState,\n  useEvent,\n  useUID,\n  usePreviewManager,\n  useDirection\n} from '../../hooks';\nimport useThemeMode from '../../hooks/useThemeMode';\nimport { openCloseStates } from '../../hooks/useTransitionState';\nimport SkipLinks from '../SkipLinks';\nimport type { SkipLinksProps } from '../SkipLinks';\nimport Progress from '../Progress';\nimport { registerAction } from '../ShortcutManager';\nimport useShortcut from '../../hooks/useShortcut';\nimport { isTouchDevice } from '../../utils';\nimport useKeyboardCommands from '../KeyboardCommands';\nimport Tooltip from '../Tooltip';\n\nimport AppShellContext from './AppShellContext';\nimport AppHeader from './AppHeader';\nimport AppTopNav from './AppTopNav';\nimport {\n  StyledAppMain,\n  StyledBannerRegion,\n  StyledAppShellToggleButton,\n  StyledAppShellTooltip,\n  StyledSidebarNav,\n  AppShellGlobalStyle,\n  StyledShareIcon\n} from './AppShell.styles';\nimport type { AppShellProps, UtilItemProps } from './AppShell.types';\nimport { followingNodes, focusRegion } from './utils';\nimport AppNavigationPanel from './AppNavigationPanel';\nimport NavigationList from './NavigationList';\nimport DocumentTabs, { getTabElementId, getTabPanelId } from './DocumentTabs';\nimport { StyledDocumentTabPanel } from './DocumentTabs.styles';\nimport TopNavDrawerProvider from './TopNavDrawerProvider';\nimport TouchAppShell from './TouchAppShell';\n\ninterface DesktopAppShellProps extends AppShellProps {\n  utilsList: NonNullable<AppShellProps['utils']>;\n}\n\nregisterIcon(\n  timesIcon,\n  plusIcon,\n  caseSolidIcon,\n  barsIcon,\n  caretRightIcon,\n  caretLeftIcon,\n  sunIcon,\n  moonIcon,\n  circleMixedLeftIcon,\n  shareIcon\n);\nregisterAction(\n  { id: 'NextRegion', defaultKeyBinding: 'F9' },\n  { id: 'PrevRegion', defaultKeyBinding: 'Shift+F9' },\n  { id: 'KeyboardCommands', defaultKeyBinding: 'CommandOrControl+/' }\n);\n\nconst AppShell = forwardRef(function AppShell(\n  props: PropsWithoutRef<DesktopAppShellProps>,\n  ref: Ref<HTMLDivElement>\n) {\n  const t = useI18n();\n\n  const {\n    appInfo,\n    contextSwitcher,\n    searchInput,\n    appHeader,\n    searchPage,\n    searchLabel = t('sitewide'),\n    caseTypes,\n    links,\n    agent,\n    banners,\n    progress,\n    main,\n    operator,\n    utils,\n    headerUtils,\n    helpMenu,\n    cases,\n    defaultExpanded = false,\n    collapsedHoverMenus = false,\n    shareApp,\n    navOrientation = 'side-rail',\n    documentTabs,\n    utilsList,\n    ...restProps\n  } = props;\n\n  const skipLinks: SkipLinksProps['items'] = useMemo(\n    () => [\n      {\n        label: t('go_to_main_content'),\n        target: { ariaLabel: t('main_content'), selector: 'main' }\n      }\n    ],\n    [t]\n  );\n\n  const navRef = useConsolidatedRef(ref);\n  const navId = useUID();\n  const [expandCollapseEl, setExpandCollapseEl] = useElement<HTMLButtonElement>();\n\n  const [drawerOpen, setDrawerOpen] = useState(false);\n\n  const { previewActive, setPreviewActive } = usePreviewManager();\n\n  const focusedImperatively = useRef(false);\n  const [headerEl, setHeaderEl] = useElement<HTMLDivElement>();\n\n  const isSmallOrAbove = useBreakpoint('sm');\n  const isTopBar = navOrientation === 'top-bar' || !isSmallOrAbove;\n\n  const showAppHeader = isTopBar || (!!appHeader && isSmallOrAbove);\n  const showMainContent = showAppHeader ? !!headerEl : true;\n\n  const openNavTimeoutId = useRef<ReturnType<typeof setTimeout>>();\n  const closeNavTimeoutId = useRef<ReturnType<typeof setTimeout>>();\n\n  const [searchContainerEl, setSearchContainerEl] = useState<HTMLElement | null>(null);\n\n  const openKeyboardCommands = useKeyboardCommands();\n\n  const { state: sidebarNavState, set: setSidebarNavState } = useTransitionState({\n    ref: navRef,\n    property: 'width',\n    states: openCloseStates,\n    defaultState: defaultExpanded ? 'open' : 'closed'\n  });\n\n  const openNav = useCallback((delay: number = 0) => {\n    if (closeNavTimeoutId.current) clearTimeout(closeNavTimeoutId.current);\n    openNavTimeoutId.current = setTimeout(() => {\n      setSidebarNavState('open');\n    }, delay);\n  }, []);\n\n  const closeNav = useCallback((delay: number = 0) => {\n    if (openNavTimeoutId.current) clearTimeout(openNavTimeoutId.current);\n    closeNavTimeoutId.current = setTimeout(() => {\n      setSidebarNavState('closed');\n    }, delay);\n  }, []);\n\n  const onFocus = useCallback(() => {\n    focusedImperatively.current = false;\n  }, []);\n\n  const activatedEl = useRef<Element>(document.body);\n  useEvent('click', e => {\n    activatedEl.current = document.elementFromPoint(e.clientX, e.clientY) ?? document.body;\n  });\n\n  useShortcut('NextRegion', () => {\n    const activeElement =\n      document.activeElement && document.activeElement !== document.body\n        ? document.activeElement\n        : activatedEl.current;\n    const regionEls = followingNodes<HTMLElement>(\n      document.createNodeIterator(document.body, NodeFilter.SHOW_ELEMENT, node =>\n        // safe to treat as Element, as we requested to give us only elements\n        (node as Element).hasAttribute('data-app-region') || node === activeElement\n          ? NodeFilter.FILTER_ACCEPT\n          : NodeFilter.FILTER_SKIP\n      ),\n      activeElement\n    );\n    // try to focus first visibleregion\n    const focusedNode = regionEls.find(node => focusRegion(node));\n    if (!focusedNode) (activeElement as HTMLElement).focus();\n  });\n\n  useShortcut('PrevRegion', () => {\n    const activeElement =\n      document.activeElement && document.activeElement !== document.body\n        ? document.activeElement\n        : activatedEl.current;\n    const regionEls = followingNodes<HTMLElement>(\n      document.createNodeIterator(document.body, NodeFilter.SHOW_ELEMENT, node =>\n        // safe to treat as Element, as we requested to give us only elements\n        (node as Element).hasAttribute('data-app-region') || node === activeElement\n          ? NodeFilter.FILTER_ACCEPT\n          : NodeFilter.FILTER_SKIP\n      ),\n      activeElement\n    );\n    regionEls.reverse();\n\n    // removing active element parent from the list to avoid focusing back to the same region\n    // but only if element is not region himself - in that case we want to keep its parent on the list\n    // as it is different focusable region\n    if (regionEls[0].contains(activeElement) && !activeElement.hasAttribute('data-app-region'))\n      regionEls.splice(0, 1);\n    const focusedNode = regionEls.find(node => focusRegion(node));\n    if (!focusedNode) (activeElement as HTMLElement).focus();\n  });\n\n  useShortcut('KeyboardCommands', () => {\n    openKeyboardCommands();\n  });\n\n  const { start, end } = useDirection();\n\n  return (\n    <AppShellContext.Provider\n      value={useMemo(\n        () => ({\n          navOpen: sidebarNavState === 'open' || sidebarNavState === 'opening',\n          drawerOpen,\n          setDrawerOpen,\n          collapsedHoverMenus,\n          navState: sidebarNavState,\n          focusedImperatively,\n          headerEl,\n          appHeaderEl: headerEl ?? null,\n          searchContainerEl,\n          setSearchContainerEl,\n          isMobileNav: false,\n          isTopBar,\n          previewActive,\n          setPreviewActive\n        }),\n        [\n          sidebarNavState,\n          drawerOpen,\n          collapsedHoverMenus,\n          isTopBar,\n          headerEl,\n          searchContainerEl,\n          previewActive\n        ]\n      )}\n    >\n      <SkipLinks items={skipLinks} />\n      {showAppHeader && (\n        <AppHeader\n          {...appInfo}\n          contextSwitcher={contextSwitcher}\n          searchInput={searchInput}\n          searchLabel={searchLabel}\n          operator={operator}\n          headerUtils={headerUtils}\n          helpMenu={helpMenu}\n          searchPage={searchPage}\n          shareApp={shareApp}\n          ref={setHeaderEl}\n        />\n      )}\n      {isTopBar && (\n        <TopNavDrawerProvider>\n          <AppTopNav\n            appInfo={appInfo}\n            links={links}\n            caseTypes={caseTypes}\n            cases={cases}\n            agent={agent}\n            utils={utils}\n            searchInput={searchInput}\n            searchPage={searchPage}\n            searchLabel={searchLabel}\n          />\n        </TopNavDrawerProvider>\n      )}\n      {!isTopBar && isSmallOrAbove && (\n        <Flex\n          {...restProps}\n          container={{\n            direction: 'column',\n            justify: 'between'\n          }}\n          id={navId}\n          as={StyledSidebarNav}\n          portalAgent={!!agent}\n          ref={navRef}\n          data-app-region\n          onFocus={onFocus}\n          aria-label={t('app_shell_main_navigation_label')}\n        >\n          <AppNavigationPanel\n            navState={sidebarNavState}\n            appInfo={!showAppHeader ? appInfo : undefined}\n            searchInput={!showAppHeader ? searchInput : undefined}\n            searchLabel={searchLabel}\n            caseTypes={caseTypes}\n            links={links}\n            cases={cases}\n            utils={utilsList}\n            onClick={() => {\n              if (['closing', 'closed'].includes(sidebarNavState)) {\n                openNav(0);\n              } else {\n                closeNav(0);\n              }\n            }}\n            agent={agent}\n          />\n          <Flex container={{ justify: 'center' }}>\n            <StyledAppShellToggleButton\n              icon\n              ref={setExpandCollapseEl}\n              compact\n              variant='simple'\n              onClick={() => {\n                setSidebarNavState(sidebarNavState === 'closed' ? 'open' : 'closed');\n              }}\n              aria-label={\n                sidebarNavState === 'closed' ? t('expand_navigation') : t('collapse_navigation')\n              }\n              aria-expanded={sidebarNavState === 'open' || sidebarNavState === 'opening'}\n              aria-controls={navId}\n            >\n              {['closed', 'closing'].includes(sidebarNavState) ? (\n                <Icon name={`arrow-micro-${end}`} />\n              ) : (\n                <Icon name={`arrow-micro-${start}`} />\n              )}\n            </StyledAppShellToggleButton>\n\n            {['open', 'closed'].includes(sidebarNavState) && (\n              <Tooltip\n                target={expandCollapseEl}\n                placement='right'\n                as={StyledAppShellTooltip}\n                showDelay='none'\n                hideDelay='none'\n              >\n                {sidebarNavState === 'closed' ? t('expand_navigation') : t('collapse_navigation')}\n              </Tooltip>\n            )}\n          </Flex>\n        </Flex>\n      )}\n      {showMainContent && (\n        <>\n          {documentTabs && <DocumentTabs {...documentTabs} />}\n          {(() => {\n            const mainRegion = (\n              <StyledAppMain\n                previewActive={previewActive}\n                isTopBar={isTopBar}\n                aria-busy={!!progress}\n                data-app-region\n              >\n                <Progress\n                  visible={!!progress}\n                  placement='local'\n                  message={typeof progress === 'string' ? progress : t('loading')}\n                />\n                {banners && <StyledBannerRegion>{banners}</StyledBannerRegion>}\n                {main}\n              </StyledAppMain>\n            );\n            if (!documentTabs) return mainRegion;\n            return (\n              <StyledDocumentTabPanel\n                role='tabpanel'\n                id={\n                  documentTabs.currentTabId ? getTabPanelId(documentTabs.currentTabId) : undefined\n                }\n                aria-labelledby={\n                  documentTabs.currentTabId ? getTabElementId(documentTabs.currentTabId) : undefined\n                }\n                tabIndex={0}\n              >\n                {mainRegion}\n              </StyledDocumentTabPanel>\n            );\n          })()}\n        </>\n      )}\n      <AppShellGlobalStyle\n        isTopBar={isTopBar}\n        showAppHeader={showAppHeader}\n        isMobile={false}\n        hasDocumentTabs={!!documentTabs}\n        navOpen={sidebarNavState === 'open' || sidebarNavState === 'opening'}\n      />\n    </AppShellContext.Provider>\n  );\n});\n\nconst AppShellMain = forwardRef<HTMLDivElement, PropsWithoutRef<AppShellProps>>(\n  function AppShellMain(props, ref) {\n    const t = useI18n();\n    const navId = useUID();\n    const {\n      appInfo,\n      appHeader,\n      contextSwitcher,\n      searchPage,\n      searchInput,\n      searchLabel = t('sitewide'),\n      caseTypes,\n      links,\n      cases,\n      agent,\n      utils,\n      operator,\n      headerUtils,\n      helpMenu,\n      shareApp,\n      banners,\n      progress,\n      main,\n      documentTabs,\n      navOrientation = 'side-rail',\n      ...restProps\n    } = props;\n\n    const isSmallOrAbove = useBreakpoint('sm');\n    const isTopBar = navOrientation === 'top-bar' || !isSmallOrAbove;\n    const showAppHeader = isTouchDevice\n      ? isSmallOrAbove\n      : isTopBar || (!!appHeader && isSmallOrAbove);\n    const { themeMode, onThemeModeChange } = useThemeMode();\n\n    const contextSwitcherUtilItem: UtilItemProps | undefined = useMemo(() => {\n      const {\n        contexts,\n        onContextClick,\n        label: contextSwitcherLabel = t('switch_to')\n      } = contextSwitcher ?? {};\n      if (!showAppHeader && contexts && contexts.length > 1 && onContextClick) {\n        return {\n          name: contextSwitcherLabel,\n          primary: contextSwitcherLabel,\n          visual: <Icon name='dot-9-solid' />,\n          drawerView: (\n            <NavigationList\n              items={contexts.map(context => ({\n                ...context,\n                primary: context.primary,\n                'aria-current': !!context.selected,\n                visual: context.visual,\n                onClick: e => onContextClick(context.id, e)\n              }))}\n              singleSelect\n            />\n          )\n        };\n      }\n    }, [contextSwitcher, showAppHeader, t]);\n\n    const shareLabel = shareApp?.label ?? t('app_shell_share');\n    const shareApplicationUtilItem: UtilItemProps | undefined = useMemo(() => {\n      if (!showAppHeader && shareApp) {\n        return {\n          name: shareLabel,\n          primary: shareLabel,\n          visual: <StyledShareIcon name='share' />,\n          onClick: shareApp.onClick\n        };\n      }\n    }, [shareApp, shareLabel, showAppHeader]);\n\n    const operatorInfoUtilItem: UtilItemProps | undefined = useMemo(() => {\n      if (!showAppHeader && operator) {\n        return {\n          name: operator.name,\n          primary: t('app_shell_user_account'),\n          visual: operator.avatar,\n          items: operator.actions\n        };\n      }\n    }, [operator, showAppHeader, t]);\n\n    const themeSwitcherUtilItem: UtilItemProps | undefined = useMemo(() => {\n      if (!showAppHeader && onThemeModeChange) {\n        let currentThemeIcon = 'circle-mixed-left';\n        if (themeMode === 'dark') currentThemeIcon = 'moon';\n        else if (themeMode === 'light') currentThemeIcon = 'sun';\n\n        return {\n          name: t('theme_mode'),\n          primary: t('theme_mode'),\n          visual: <Icon name={currentThemeIcon} />,\n          items: [\n            {\n              id: 'light',\n              primary: t('theme_light'),\n              visual: <Icon name='sun' />,\n              onClick: () => onThemeModeChange('light')\n            },\n            {\n              id: 'dark',\n              primary: t('theme_dark'),\n              visual: <Icon name='moon' />,\n              onClick: () => onThemeModeChange('dark')\n            },\n            {\n              id: 'system',\n              primary: t('theme_system'),\n              visual: <Icon name='circle-mixed-left' />,\n              onClick: () => onThemeModeChange('system')\n            }\n          ]\n        };\n      }\n    }, [onThemeModeChange, showAppHeader, t, themeMode]);\n\n    const utilsList = useMemo<NonNullable<AppShellProps['utils']>>(\n      () => [\n        ...(utils ?? []),\n        ...(contextSwitcherUtilItem ? [contextSwitcherUtilItem] : []),\n        ...(shareApplicationUtilItem ? [shareApplicationUtilItem] : []),\n        ...(operatorInfoUtilItem ? [operatorInfoUtilItem] : []),\n        ...(themeSwitcherUtilItem ? [themeSwitcherUtilItem] : [])\n      ],\n      [\n        contextSwitcherUtilItem,\n        operatorInfoUtilItem,\n        shareApplicationUtilItem,\n        themeSwitcherUtilItem,\n        utils\n      ]\n    );\n\n    if (isTouchDevice) {\n      return (\n        <TouchAppShell\n          appInfo={appInfo}\n          appHeader={appHeader}\n          contextSwitcher={contextSwitcher}\n          searchPage={searchPage}\n          searchInput={searchInput}\n          searchLabel={searchLabel}\n          caseTypes={caseTypes}\n          links={links}\n          cases={cases}\n          agent={agent}\n          utils={utils}\n          utilsList={utilsList}\n          operator={operator}\n          headerUtils={headerUtils}\n          helpMenu={helpMenu}\n          shareApp={shareApp}\n          banners={banners}\n          progress={progress}\n          main={main}\n          documentTabs={documentTabs}\n          navId={navId}\n          restProps={restProps}\n        />\n      );\n    }\n\n    return <AppShell {...props} utilsList={utilsList} ref={ref} />;\n  }\n);\n\nexport default AppShellMain;\n"]}

package/lib/components/AppShell/AppShell.styles.d.ts

@@ -210,6 +210,7 @@ export declare const StyledNavListItemExpandCollapse: import("styled-components/
 export declare const StyledNavListItemGroupIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Icon").IconProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledUtilIconCount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledNavItemIconBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledAppNav: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 export declare const StyledSidebarNav: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>, "ref"> & {
     ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
 }, {
@@ -231,13 +232,6 @@ export declare const StyledNestedNavList: import("styled-components/dist/types")
 }, never>> & string;
 export declare const StyledCaseTypes: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledUtils: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledMobileMoreMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
-}, never>> & string;
-export declare const StyledMobileNav: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const StyledMobileMoreMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("../Button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("../..").ForwardProps, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
-}, never>> & string & Omit<import("../..").ForwardRefForwardPropsComponent<import("../Button").ButtonProps>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledLoading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledAppMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     previewActive: boolean;