@pega/cosmos-react-wss 10.0.0-build.9.1 → 10.0.0-build.9.3

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":"AAiCA,OAAO,KAAK,EAAE,+BAA+B,EAAkB,MAAM,yBAAyB,CAAC;AAU/F,OAAO,KAAK,EAAE,aAAa,EAAoB,MAAM,kBAAkB,CAAC;AA+DxE,QAAA,MAAM,QAAQ,EAAE,+BAA+B,CAAC,aAAa,CA+iB3D,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,+BAA+B,EAAkB,MAAM,yBAAyB,CAAC;AAU/F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAwBtD,QAAA,MAAM,QAAQ,EAAE,+BAA+B,CAAC,aAAa,CA2lB3D,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/lib/components/AppShell/AppShell.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
 import { Avatar, Backdrop, Button, ThemeOverride, ContextSwitcher, debounce, Drawer, Flex, Icon, Image, Popover, registerIcon, SearchInput, SkipLinks, Text, useBreakpoint, useConsolidatedRef, useDirection, useElement, useEscape, useFocusWithin, useI18n, useOuterEvent, usePreviewManager, useTheme, VisuallyHiddenText, MenuButton, ThemeSwitcher } from '@pega/cosmos-react-core';
 import Operator from '@pega/cosmos-react-core/lib/components/AppShell/Operator';
 import { StyledAppHeaderOperator } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';
@@ -8,53 +8,16 @@ import * as shareIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/sh
 import { getHeaderTheme } from '@pega/cosmos-react-core/lib/components/AppShell/style-utils';
 import useThemeMode from '@pega/cosmos-react-core/lib/hooks/useThemeMode';
 import Footer from '../Footer';
-import { WSSAppShellGlobalStyle, StyledAppHeader, StyledCountIcon, StyledHamburgerMenu, StyledMain, StyledNotificationCount, StyledLink, StyledNav, StyledPrimaryName, StyledEndNavBlock, StyledBannerRegion, StyledShareButtonContent } from './AppShell.styles';
+import { flattenMainMenuItems } from './AppShell.utils';
+import { WSSAppShellGlobalStyle, StyledAppHeader, StyledCountIcon, StyledHamburgerMenu, StyledMain, StyledNotificationCount, StyledMainMenuLink, StyledNav, StyledPrimaryName, StyledEndNavBlock, StyledBannerRegion, StyledShareButtonContent } from './AppShell.styles';
 import Notifications from './Notifications';
 import MobileHeaderContent from './MobileHeaderContent';
 import NavLinks from './NavLinks';
 import AppShellMenuControl from './AppShellMenuControl';
+import { MegaMenuPanel, MegaMenuTriggers, useMegaMenu } from './MegaMenu';
 registerIcon(shareIcon);
-const flattenMainMenuItems = (menus) => menus.flatMap(menu => {
-    if (menu.disabled)
-        return [];
-    if (menu.onClick) {
-        return [
-            {
-                id: menu.id,
-                text: menu.label ?? menu.id,
-                href: menu.href,
-                onClick: (event) => {
-                    menu.onClick?.(menu.id, event);
-                }
-            }
-        ];
-    }
-    const flatten = (items) => items.flatMap(item => {
-        if ('disabled' in item && item.disabled)
-            return [];
-        if ('items' in item && item.items?.length)
-            return flatten(item.items);
-        if (!('primary' in item))
-            return [];
-        if (!item.href && !item.onClick)
-            return [];
-        return [
-            {
-                id: item.id,
-                text: item.primary,
-                href: item.href,
-                onClick: item.onClick
-                    ? event => {
-                        item.onClick?.(item.id, event);
-                    }
-                    : undefined
-            }
-        ];
-    });
-    return menu.items ? flatten(menu.items) : [];
-});
 const AppShell = forwardRef(function AppShell(props, ref) {
-    const { main, mainMenu, banners, appInfo, navLinks, operator, notifications, searchInput, contextSwitcher = {}, navAlignment = 'end', navPosition = 'inline', isDefaultWSS = true, helpMenu, shareApp, portalSwitcher, footer } = props;
+    const { main, mainMenu, mainMenuVariant = 'mega-menu', banners, appInfo, navLinks, operator, notifications, searchInput, contextSwitcher = {}, navAlignment = 'end', navPosition = 'inline', isDefaultWSS = true, helpMenu, shareApp, portalSwitcher, footer } = props;
     const t = useI18n();
     const { contexts, onContextClick, label: contextSwitcherLabel = t('switch_to') } = contextSwitcher;
     const [backdropOpen, setBackdropOpen] = useState(false);
@@ -79,6 +42,12 @@ const AppShell = forwardRef(function AppShell(props, ref) {
     const isSmallOrAbove = useBreakpoint('sm');
     const resolvedMainMenu = useMemo(() => mainMenu?.filter(Boolean) ?? [], [mainMenu]);
     const activeNavItems = resolvedMainMenu.length ? resolvedMainMenu : navLinks;
+    const mainMenuPanelId = useId();
+    const megaMenu = useMegaMenu({
+        menus: resolvedMainMenu,
+        navElement: navSectionEl,
+        isMobile: hasMobileNav
+    });
     const { end } = useDirection();
     let appInfoAs = 'div';
     if (appInfo.href)
@@ -118,7 +87,7 @@ const AppShell = forwardRef(function AppShell(props, ref) {
         if (isSmallOrAbove) {
             setLinksCollapsed(false);
         }
-    }, [isSmallOrAbove, navAlignment, activeNavItems, navPosition, isDefaultWSS]);
+    }, [isSmallOrAbove, navAlignment, activeNavItems, mainMenuVariant, navPosition, isDefaultWSS]);
     useEffect(() => {
         if (!headerEl)
             return undefined;
@@ -146,7 +115,15 @@ const AppShell = forwardRef(function AppShell(props, ref) {
             intersectionObserver?.disconnect();
             resizeObserver.disconnect();
         };
-    }, [headerEl, navSectionEl, activeNavItems, navAlignment, navPosition, linksCollapsed]);
+    }, [
+        headerEl,
+        navSectionEl,
+        activeNavItems,
+        mainMenuVariant,
+        navAlignment,
+        navPosition,
+        linksCollapsed
+    ]);
     useEffect(() => {
         setHasMobileNav(!isSmallOrAbove || linksCollapsed);
     }, [isSmallOrAbove, linksCollapsed]);
@@ -173,39 +150,47 @@ const AppShell = forwardRef(function AppShell(props, ref) {
     }, [hasMobileNav, drawerOpen]);
     const hasFooter = !!footer?.length;
     const useDefaultInlineLayout = isDefaultWSS || navPosition === 'inline';
-    const renderMainMenu = () => resolvedMainMenu.map(menu => (_jsx(StyledLink, { as: AppShellMenuControl, menu: menu, "$isDefaultWSS": isDefaultWSS, "$navPosition": navPosition }, menu.id)));
+    const renderMainMenu = () => {
+        if (mainMenuVariant === 'individual-menus') {
+            return resolvedMainMenu.map(menu => (_jsx(StyledMainMenuLink, { as: AppShellMenuControl, menu: menu, "$isDefaultWSS": isDefaultWSS, "$navPosition": navPosition }, menu.id)));
+        }
+        return (_jsx(MegaMenuTriggers, { menus: resolvedMainMenu, openId: megaMenu.openMenuId, panelId: mainMenuPanelId, onOpenChange: megaMenu.onOpenChange, onTriggerOpen: megaMenu.onTriggerOpen, isDefaultWSS: isDefaultWSS, navPosition: navPosition }));
+    };
     const shareLabel = shareApp?.label ?? t('app_shell_share');
-    return (_jsxs(_Fragment, { children: [_jsx(WSSAppShellGlobalStyle, { navPosition: navPosition, hasFooter: hasFooter, hasMobileNav: hasMobileNav, isDefaultWSS: useDefaultInlineLayout }), _jsx(SkipLinks, { items: skipLinks }), _jsx(ThemeOverride, { theme: headerTheme, children: _jsxs(StyledAppHeader, { ref: headerRef, navPosition: navPosition, "$isDefaultWSS": isDefaultWSS, "$hasMobileNav": hasMobileNav, children: [_jsxs(Flex, { container: {
-                                alignItems: 'center',
-                                justify: 'between',
-                                pad: navPosition === 'below' ? [1, 0] : 0
-                            }, children: [useDefaultInlineLayout ? (_jsxs(_Fragment, { children: [_jsxs(Flex, { container: { alignItems: 'center' }, children: [contexts && onContextClick && contexts.length > 1 && (_jsx(ContextSwitcher, { contexts: contexts, onContextClick: onContextClick, label: contextSwitcherLabel, container: { justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] } })), _jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), !hasMobileNav && (_jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'end' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && (_jsx(Text, { variant: 'secondary', children: appInfo.portalName }))] }))] })] }), !hasMobileNav &&
-                                            navPosition === 'inline' &&
-                                            (resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1, basis: '0' }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: navLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true }))), !hasMobileNav && navPosition !== 'inline' && (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: navLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true }))] })) : (_jsxs(Flex, { container: { alignItems: 'center' }, children: [contexts && onContextClick && contexts.length > 1 && (_jsx(ContextSwitcher, { contexts: contexts, onContextClick: onContextClick, label: contextSwitcherLabel, container: { justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] } })), navPosition !== 'below' || hasMobileNav ? (_jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), !hasMobileNav && (_jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'end' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && (_jsx(Text, { variant: 'secondary', children: appInfo.portalName }))] }))] })) : null] })), _jsxs(Flex, { as: StyledEndNavBlock, container: { alignItems: 'center', gap: 1 }, mobile: hasMobileNav, children: [!hasMobileNav && searchInput && (_jsx("div", { ref: setSearchContainerEl, role: 'search', "aria-label": t('search'), children: searchExpanded ? (_jsx(SearchInput, { ...searchInput, ref: searchInputRef, onSearchSubmit: searchInput.onSearchSubmit
-                                                    ? value => {
-                                                        searchInput.onSearchSubmit?.(value);
-                                                        setSearchExpanded(false);
-                                                    }
-                                                    : undefined })) : (_jsx(Button, { icon: true, variant: 'simple', label: t('search'), "aria-label": t('expand_search'), onClick: () => setSearchExpanded(true), children: _jsx(Icon, { name: 'search' }) })) })), onThemeModeChange && (_jsx(ThemeSwitcher, { themeMode: themeMode, onThemeModeChange: onThemeModeChange })), notifications && (_jsxs(_Fragment, { children: [_jsx(Button, { ref: setNotificationsButtonEl, variant: 'simple', label: t('open_app_header_notifications'), icon: true, onClick: () => {
-                                                        if (!hasMobileNav) {
-                                                            if (notificationsPopover) {
-                                                                setNotificationsPopover(false);
-                                                                notifications.onNotificationsClose?.();
+    return (_jsxs(_Fragment, { children: [_jsx(WSSAppShellGlobalStyle, { navPosition: navPosition, hasFooter: hasFooter, hasMobileNav: hasMobileNav, isDefaultWSS: useDefaultInlineLayout }), _jsx(SkipLinks, { items: skipLinks }), _jsxs(ThemeOverride, { theme: headerTheme, children: [_jsxs(StyledAppHeader, { ref: headerRef, navPosition: navPosition, "$isDefaultWSS": isDefaultWSS, "$hasMobileNav": hasMobileNav, children: [_jsxs(Flex, { container: {
+                                    alignItems: 'center',
+                                    justify: 'between',
+                                    pad: navPosition === 'below' ? [1, 0] : 0
+                                }, children: [useDefaultInlineLayout ? (_jsxs(_Fragment, { children: [_jsxs(Flex, { container: { alignItems: 'center' }, children: [contexts && onContextClick && contexts.length > 1 && (_jsx(ContextSwitcher, { contexts: contexts, onContextClick: onContextClick, label: contextSwitcherLabel, container: { justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] } })), _jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), !hasMobileNav && (_jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'end' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && (_jsx(Text, { variant: 'secondary', children: appInfo.portalName }))] }))] })] }), !hasMobileNav &&
+                                                navPosition === 'inline' &&
+                                                (resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1, basis: '0' }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: navLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true }))), !hasMobileNav && navPosition !== 'inline' && resolvedMainMenu.length === 0 && (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: navLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true }))] })) : (_jsxs(Flex, { container: { alignItems: 'center' }, children: [contexts && onContextClick && contexts.length > 1 && (_jsx(ContextSwitcher, { contexts: contexts, onContextClick: onContextClick, label: contextSwitcherLabel, container: { justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] } })), navPosition !== 'below' || hasMobileNav ? (_jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), !hasMobileNav && (_jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'end' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && (_jsx(Text, { variant: 'secondary', children: appInfo.portalName }))] }))] })) : null] })), _jsxs(Flex, { as: StyledEndNavBlock, container: { alignItems: 'center', gap: 1 }, mobile: hasMobileNav, children: [!hasMobileNav && searchInput && (_jsx("div", { ref: setSearchContainerEl, role: 'search', "aria-label": t('search'), children: searchExpanded ? (_jsx(SearchInput, { ...searchInput, ref: searchInputRef, onSearchSubmit: searchInput.onSearchSubmit
+                                                        ? value => {
+                                                            searchInput.onSearchSubmit?.(value);
+                                                            setSearchExpanded(false);
+                                                        }
+                                                        : undefined })) : (_jsx(Button, { icon: true, variant: 'simple', label: t('search'), "aria-label": t('expand_search'), onClick: () => setSearchExpanded(true), children: _jsx(Icon, { name: 'search' }) })) })), onThemeModeChange && (_jsx(ThemeSwitcher, { themeMode: themeMode, onThemeModeChange: onThemeModeChange })), notifications && (_jsxs(_Fragment, { children: [_jsx(Button, { ref: setNotificationsButtonEl, variant: 'simple', label: t('open_app_header_notifications'), icon: true, onClick: () => {
+                                                            if (!hasMobileNav) {
+                                                                if (notificationsPopover) {
+                                                                    setNotificationsPopover(false);
+                                                                    notifications.onNotificationsClose?.();
+                                                                }
+                                                                else {
+                                                                    setNotificationsPopover(true);
+                                                                    notifications.onNotificationsOpen?.();
+                                                                }
                                                             }
                                                             else {
-                                                                setNotificationsPopover(true);
-                                                                notifications.onNotificationsOpen?.();
+                                                                openDrawer('notifications');
                                                             }
-                                                        }
-                                                        else {
-                                                            openDrawer('notifications');
-                                                        }
-                                                    }, children: _jsxs(StyledNotificationCount, { children: [_jsx(Icon, { name: 'bell' }), !!notifications.count && (_jsx(StyledCountIcon, { variant: 'urgent', children: notifications.count }))] }) }), _jsx(Popover, { ref: setPopoverEl, show: notificationsPopover, target: notificationsButtonEl, placement: 'bottom-end', children: _jsx(Notifications, { ...notifications, popover: true }) })] })), helpMenu && (_jsx(MenuButton, { variant: 'simple', icon: 'help', text: t('app_header_help'), iconOnly: true, menu: {
-                                                items: helpMenu
-                                            } })), portalSwitcher && _jsx(MenuButton, { ...portalSwitcher }), shareApp &&
-                                            (hasMobileNav ? (_jsx(Button, { variant: 'secondary', icon: true, label: shareLabel, onClick: shareApp.onClick, children: _jsx(StyledShareButtonContent, { name: 'share', set: 'budicon' }) })) : (_jsxs(Button, { variant: 'secondary', onClick: shareApp.onClick, children: [_jsx(StyledShareButtonContent, { name: 'share', set: 'budicon' }), _jsx("span", { children: shareLabel })] }))), !hasMobileNav && (_jsx(Operator, { as: StyledAppHeaderOperator, actions: operator.actions, popover: { placement: 'bottom-start' }, name: operator.avatar.name, children: _jsx(Avatar, { ...operator.avatar }) })), hasMobileNav && (_jsx(Button, { as: StyledHamburgerMenu, label: t('open_app_header_drawer'), variant: 'simple', icon: true, onClick: () => openDrawer('navigationOperator'), children: _jsx(Icon, { name: 'bars' }) }))] })] }), navPosition === 'below' &&
-                            !hasMobileNav &&
-                            (useDefaultInlineLayout ? (_jsx(Flex, { container: { justify: navAlignment }, children: resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1, basis: '0' }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: navLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true })) })) : (_jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [_jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), _jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'center' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && _jsx(Text, { variant: 'secondary', children: appInfo.portalName })] })] }), resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1 }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: navLinks, navAlignment: navAlignment, navPosition: 'below', isDefaultWSS: isDefaultWSS }))] })))] }) }), _jsxs(StyledMain, { navPosition: navPosition, "$isDefaultWSS": useDefaultInlineLayout, "$hasFooter": hasFooter, previewActive: previewActive, children: [banners && _jsx(StyledBannerRegion, { children: banners }), main] }), footer && footer.length > 0 && _jsx(Footer, { links: footer }), _jsx(Backdrop, { open: backdropOpen, transitionSpeed: 'none', onAfterTransitionIn: () => setDrawerOpen(true), onBeforeTransitionOut: () => setDrawerOpen(false), onClick: e => {
+                                                        }, children: _jsxs(StyledNotificationCount, { children: [_jsx(Icon, { name: 'bell' }), !!notifications.count && (_jsx(StyledCountIcon, { variant: 'urgent', children: notifications.count }))] }) }), _jsx(Popover, { ref: setPopoverEl, show: notificationsPopover, target: notificationsButtonEl, placement: 'bottom-end', children: _jsx(Notifications, { ...notifications, popover: true }) })] })), helpMenu && (_jsx(MenuButton, { variant: 'simple', icon: 'help', text: t('app_header_help'), iconOnly: true, menu: {
+                                                    items: helpMenu
+                                                } })), portalSwitcher && _jsx(MenuButton, { ...portalSwitcher }), shareApp &&
+                                                (hasMobileNav ? (_jsx(Button, { variant: 'secondary', icon: true, label: shareLabel, onClick: shareApp.onClick, children: _jsx(StyledShareButtonContent, { name: 'share', set: 'budicon' }) })) : (_jsxs(Button, { variant: 'secondary', onClick: shareApp.onClick, children: [_jsx(StyledShareButtonContent, { name: 'share', set: 'budicon' }), _jsx("span", { children: shareLabel })] }))), !hasMobileNav && (_jsx(Operator, { as: StyledAppHeaderOperator, actions: operator.actions, popover: { placement: 'bottom-start' }, name: operator.avatar.name, children: _jsx(Avatar, { ...operator.avatar }) })), hasMobileNav && (_jsx(Button, { as: StyledHamburgerMenu, label: t('open_app_header_drawer'), variant: 'simple', icon: true, onClick: () => {
+                                                    megaMenu.close();
+                                                    openDrawer('navigationOperator');
+                                                }, children: _jsx(Icon, { name: 'bars' }) }))] })] }), navPosition === 'below' &&
+                                !hasMobileNav &&
+                                (useDefaultInlineLayout ? (_jsx(Flex, { container: { justify: navAlignment }, children: resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1, basis: '0' }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: navLinks, navAlignment: navAlignment, navPosition: navPosition, isDefaultWSS: true })) })) : (_jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [_jsxs(Flex, { as: appInfoAs, container: { alignItems: 'center', gap: 1 }, href: appInfo.href, onClick: appInfo.onClick, target: appInfo.target, children: [_jsx(Image, { src: appInfo.imageSrc, alt: appInfo.appName }), _jsxs(Flex, { as: 'span', container: { direction: 'row', gap: 1, alignItems: 'center' }, children: [_jsx(Text, { as: appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName, variant: 'h1', children: appInfo.appName }), appInfo.portalName && _jsx(Text, { variant: 'secondary', children: appInfo.portalName })] })] }), resolvedMainMenu.length ? (_jsx(Flex, { as: StyledNav, ref: setNavSectionEl, item: { grow: 1 }, container: { alignItems: 'center', gap: 0.5, justify: navAlignment }, children: renderMainMenu() })) : (_jsx(NavLinks, { ref: setNavSectionEl, navLinks: navLinks, navAlignment: navAlignment, navPosition: 'below', isDefaultWSS: isDefaultWSS }))] })))] }), !hasMobileNav && mainMenuVariant === 'mega-menu' && megaMenu.openMenu && (_jsx(MegaMenuPanel, { menu: megaMenu.openMenu, panelId: mainMenuPanelId, panelRef: megaMenu.panelRef, onClose: megaMenu.onClose, onTabForwardExit: megaMenu.onTabForwardExit, onActionClose: megaMenu.onActionClose, focusOnOpen: megaMenu.focusOnOpen }))] }), _jsxs(StyledMain, { navPosition: navPosition, "$isDefaultWSS": useDefaultInlineLayout, "$hasFooter": hasFooter, previewActive: previewActive, children: [banners && _jsx(StyledBannerRegion, { children: banners }), main] }), footer && footer.length > 0 && _jsx(Footer, { links: footer }), _jsx(Backdrop, { open: backdropOpen, transitionSpeed: 'none', onAfterTransitionIn: () => setDrawerOpen(true), onBeforeTransitionOut: () => setDrawerOpen(false), onClick: e => {
                     if (e.currentTarget === e.target)
                         setDrawerOpen(false);
                 }, children: _jsxs(Drawer, { open: drawerOpen, onAfterClose: () => {

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 { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ElementType, MouseEvent, PropsWithoutRef } from 'react';\n\nimport {\n  Avatar,\n  Backdrop,\n  Button,\n  ThemeOverride,\n  ContextSwitcher,\n  debounce,\n  Drawer,\n  Flex,\n  Icon,\n  Image,\n  Popover,\n  registerIcon,\n  SearchInput,\n  SkipLinks,\n  Text,\n  useBreakpoint,\n  useConsolidatedRef,\n  useDirection,\n  useElement,\n  useEscape,\n  useFocusWithin,\n  useI18n,\n  useOuterEvent,\n  usePreviewManager,\n  useTheme,\n  VisuallyHiddenText,\n  MenuButton,\n  ThemeSwitcher\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent, SkipLinksProps } from '@pega/cosmos-react-core';\nimport Operator from '@pega/cosmos-react-core/lib/components/AppShell/Operator';\nimport { StyledAppHeaderOperator } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport * as shareIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/share.icon';\nimport { getHeaderTheme } from '@pega/cosmos-react-core/lib/components/AppShell/style-utils';\nimport useThemeMode from '@pega/cosmos-react-core/lib/hooks/useThemeMode';\n\nimport Footer from '../Footer';\n\nimport type { AppShellProps, InteractionEvent } from './AppShell.types';\nimport {\n  WSSAppShellGlobalStyle,\n  StyledAppHeader,\n  StyledCountIcon,\n  StyledHamburgerMenu,\n  StyledMain,\n  StyledNotificationCount,\n  StyledLink,\n  StyledNav,\n  StyledPrimaryName,\n  StyledEndNavBlock,\n  StyledBannerRegion,\n  StyledShareButtonContent\n} from './AppShell.styles';\nimport Notifications from './Notifications';\nimport MobileHeaderContent from './MobileHeaderContent';\nimport NavLinks from './NavLinks';\nimport AppShellMenuControl from './AppShellMenuControl';\n\nregisterIcon(shareIcon);\n\nconst flattenMainMenuItems = (menus: NonNullable<AppShellProps['mainMenu']>) =>\n  menus.flatMap(menu => {\n    if (menu.disabled) return [];\n\n    if (menu.onClick) {\n      return [\n        {\n          id: menu.id,\n          text: menu.label ?? menu.id,\n          href: menu.href,\n          onClick: (event: InteractionEvent) => {\n            menu.onClick?.(menu.id, event as MouseEvent<HTMLAnchorElement>);\n          }\n        }\n      ];\n    }\n\n    const flatten = (items: NonNullable<typeof menu.items>): AppShellProps['navLinks'] =>\n      items.flatMap(item => {\n        if ('disabled' in item && item.disabled) return [];\n        if ('items' in item && item.items?.length) return flatten(item.items);\n        if (!('primary' in item)) return [];\n        if (!item.href && !item.onClick) return [];\n\n        return [\n          {\n            id: item.id,\n            text: item.primary,\n            href: item.href,\n            onClick: item.onClick\n              ? event => {\n                  item.onClick?.(item.id, event as MouseEvent<HTMLAnchorElement>);\n                }\n              : undefined\n          }\n        ];\n      });\n\n    return menu.items ? flatten(menu.items) : [];\n  });\n\nconst AppShell: ForwardRefForwardPropsComponent<AppShellProps> = forwardRef(function AppShell(\n  props: PropsWithoutRef<AppShellProps>,\n  ref: AppShellProps['ref']\n) {\n  const {\n    main,\n    mainMenu,\n    banners,\n    appInfo,\n    navLinks,\n    operator,\n    notifications,\n    searchInput,\n    contextSwitcher = {},\n    navAlignment = 'end',\n    navPosition = 'inline',\n    isDefaultWSS = true,\n    helpMenu,\n    shareApp,\n    portalSwitcher,\n    footer\n  } = props;\n  const t = useI18n();\n  const {\n    contexts,\n    onContextClick,\n    label: contextSwitcherLabel = t('switch_to')\n  } = contextSwitcher;\n  const [backdropOpen, setBackdropOpen] = useState(false);\n  const [drawerOpen, setDrawerOpen] = useState(false);\n  const [drawerContent, setDrawerContent] = useState('');\n  const [notificationsPopover, setNotificationsPopover] = useState(false);\n  const [searchExpanded, setSearchExpanded] = useState(false);\n  const [linksCollapsed, setLinksCollapsed] = useState(false);\n  const [hasMobileNav, setHasMobileNav] = useState(true);\n\n  const [headerEl, setHeaderEl] = useElement<HTMLElement>();\n  const [navSectionEl, setNavSectionEl] = useElement<HTMLDivElement>();\n  const [popoverEl, setPopoverEl] = useElement<HTMLDivElement>();\n  const [notificationsButtonEl, setNotificationsButtonEl] = useElement<HTMLButtonElement>();\n  const [searchContainerEl, setSearchContainerEl] = useElement<HTMLDivElement>();\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const minInlineWidth = useRef(0);\n  const theme = useTheme();\n  const { previewActive } = usePreviewManager();\n  const { themeMode, onThemeModeChange } = useThemeMode();\n  const headerTheme = useMemo(() => getHeaderTheme(theme), [theme]);\n\n  const headerRef = useConsolidatedRef(setHeaderEl, ref);\n\n  const isSmallOrAbove = useBreakpoint('sm');\n  const resolvedMainMenu = useMemo(() => mainMenu?.filter(Boolean) ?? [], [mainMenu]);\n  const activeNavItems = resolvedMainMenu.length ? resolvedMainMenu : navLinks;\n  const { end } = useDirection();\n\n  let appInfoAs: ElementType = 'div';\n  if (appInfo.href) appInfoAs = 'a';\n  else if (appInfo.onClick) appInfoAs = BareButton;\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 closeNotificationsPopover = useCallback(() => {\n    if (!notificationsPopover) return;\n\n    setNotificationsPopover(false);\n    notifications?.onNotificationsClose?.();\n\n    notificationsButtonEl?.focus();\n  }, [notificationsPopover, notifications, notificationsButtonEl]);\n\n  const closeDrawer = () => {\n    setDrawerContent('');\n    setBackdropOpen(false);\n  };\n\n  const openDrawer = (content: 'notifications' | 'navigationOperator') => {\n    setDrawerContent(content);\n    setBackdropOpen(true);\n  };\n\n  useOuterEvent('mousedown', [popoverEl, notificationsButtonEl], closeNotificationsPopover);\n\n  useEscape(closeNotificationsPopover, popoverEl);\n\n  const debouncedResize = debounce((entries: ResizeObserverEntry[]) => {\n    if (entries[0].contentRect.width > minInlineWidth.current) {\n      setLinksCollapsed(false);\n    }\n  }, 100);\n\n  useEffect(() => {\n    minInlineWidth.current = 0;\n\n    if (isSmallOrAbove) {\n      setLinksCollapsed(false);\n    }\n  }, [isSmallOrAbove, navAlignment, activeNavItems, navPosition, isDefaultWSS]);\n\n  useEffect(() => {\n    if (!headerEl) return undefined;\n\n    const resizeObserver = new ResizeObserver(debouncedResize);\n    resizeObserver.observe(headerEl);\n\n    let intersectionObserver: IntersectionObserver | undefined;\n\n    if (navSectionEl?.firstElementChild && navSectionEl?.lastElementChild) {\n      const firstNavItem = navSectionEl.firstElementChild;\n      const lastNavItem = navSectionEl.lastElementChild;\n\n      intersectionObserver = new IntersectionObserver(\n        entries => {\n          if (entries.some(({ intersectionRatio }) => intersectionRatio < 1) && !linksCollapsed) {\n            minInlineWidth.current = headerEl.clientWidth + 1;\n            setLinksCollapsed(true);\n          } else {\n            navSectionEl.style.visibility = 'visible';\n          }\n        },\n        { root: navSectionEl, threshold: 1 }\n      );\n\n      intersectionObserver.observe(firstNavItem);\n\n      if (lastNavItem !== firstNavItem) {\n        intersectionObserver.observe(lastNavItem);\n      }\n    }\n\n    return () => {\n      intersectionObserver?.disconnect();\n      resizeObserver.disconnect();\n    };\n  }, [headerEl, navSectionEl, activeNavItems, navAlignment, navPosition, linksCollapsed]);\n\n  useEffect(() => {\n    setHasMobileNav(!isSmallOrAbove || linksCollapsed);\n  }, [isSmallOrAbove, linksCollapsed]);\n\n  useEffect(() => {\n    if (searchExpanded) searchInputRef.current?.focus();\n  }, [searchExpanded]);\n\n  useFocusWithin([searchContainerEl], isFocused => {\n    if (!isFocused && searchExpanded && !searchInput?.value) {\n      setSearchExpanded(false);\n    }\n  });\n\n  useEffect(() => {\n    if (!hasMobileNav && drawerOpen) {\n      if (drawerContent === 'notifications' && notifications) {\n        setNotificationsPopover(true);\n      }\n      setDrawerOpen(false);\n    } else if (hasMobileNav && notificationsPopover) {\n      setNotificationsPopover(false);\n      openDrawer('notifications');\n    }\n  }, [hasMobileNav, drawerOpen]);\n\n  const hasFooter = !!footer?.length;\n  const useDefaultInlineLayout = isDefaultWSS || navPosition === 'inline';\n  const renderMainMenu = () =>\n    resolvedMainMenu.map(menu => (\n      <StyledLink\n        as={AppShellMenuControl}\n        key={menu.id}\n        menu={menu}\n        $isDefaultWSS={isDefaultWSS}\n        $navPosition={navPosition}\n      />\n    ));\n  const shareLabel = shareApp?.label ?? t('app_shell_share');\n\n  return (\n    <>\n      <WSSAppShellGlobalStyle\n        navPosition={navPosition}\n        hasFooter={hasFooter}\n        hasMobileNav={hasMobileNav}\n        isDefaultWSS={useDefaultInlineLayout}\n      />\n      <SkipLinks items={skipLinks} />\n      <ThemeOverride theme={headerTheme}>\n        <StyledAppHeader\n          ref={headerRef}\n          navPosition={navPosition}\n          $isDefaultWSS={isDefaultWSS}\n          $hasMobileNav={hasMobileNav}\n        >\n          <Flex\n            container={{\n              alignItems: 'center',\n              justify: 'between',\n              pad: navPosition === 'below' ? [1, 0] : 0\n            }}\n          >\n            {useDefaultInlineLayout ? (\n              <>\n                <Flex container={{ alignItems: 'center' }}>\n                  {contexts && onContextClick && contexts.length > 1 && (\n                    <ContextSwitcher\n                      contexts={contexts}\n                      onContextClick={onContextClick}\n                      label={contextSwitcherLabel}\n                      container={{ justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] }}\n                    />\n                  )}\n\n                  <Flex\n                    as={appInfoAs}\n                    container={{ alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }}\n                    href={appInfo.href}\n                    onClick={appInfo.onClick}\n                    target={appInfo.target}\n                  >\n                    <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n                    {!hasMobileNav && (\n                      <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'end' }}>\n                        <Text\n                          as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n                          variant='h1'\n                        >\n                          {appInfo.appName}\n                        </Text>\n                        {appInfo.portalName && (\n                          <Text variant='secondary'>{appInfo.portalName}</Text>\n                        )}\n                      </Flex>\n                    )}\n                  </Flex>\n                </Flex>\n\n                {!hasMobileNav &&\n                  navPosition === 'inline' &&\n                  (resolvedMainMenu.length ? (\n                    <Flex\n                      as={StyledNav}\n                      ref={setNavSectionEl}\n                      item={{ grow: 1, basis: '0' }}\n                      container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n                    >\n                      {renderMainMenu()}\n                    </Flex>\n                  ) : (\n                    <NavLinks\n                      ref={setNavSectionEl}\n                      navLinks={navLinks}\n                      navAlignment={navAlignment}\n                      navPosition={navPosition}\n                      isDefaultWSS\n                    />\n                  ))}\n\n                {!hasMobileNav && navPosition !== 'inline' && (\n                  <NavLinks\n                    ref={setNavSectionEl}\n                    navLinks={navLinks}\n                    navAlignment={navAlignment}\n                    navPosition={navPosition}\n                    isDefaultWSS\n                  />\n                )}\n              </>\n            ) : (\n              <Flex container={{ alignItems: 'center' }}>\n                {contexts && onContextClick && contexts.length > 1 && (\n                  <ContextSwitcher\n                    contexts={contexts}\n                    onContextClick={onContextClick}\n                    label={contextSwitcherLabel}\n                    container={{ justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] }}\n                  />\n                )}\n\n                {navPosition !== 'below' || hasMobileNav ? (\n                  <Flex\n                    as={appInfoAs}\n                    container={{ alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }}\n                    href={appInfo.href}\n                    onClick={appInfo.onClick}\n                    target={appInfo.target}\n                  >\n                    <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n                    {!hasMobileNav && (\n                      <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'end' }}>\n                        <Text\n                          as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n                          variant='h1'\n                        >\n                          {appInfo.appName}\n                        </Text>\n                        {appInfo.portalName && (\n                          <Text variant='secondary'>{appInfo.portalName}</Text>\n                        )}\n                      </Flex>\n                    )}\n                  </Flex>\n                ) : null}\n              </Flex>\n            )}\n\n            <Flex\n              as={StyledEndNavBlock}\n              container={{ alignItems: 'center', gap: 1 }}\n              mobile={hasMobileNav}\n            >\n              {!hasMobileNav && searchInput && (\n                <div ref={setSearchContainerEl} role='search' aria-label={t('search')}>\n                  {searchExpanded ? (\n                    <SearchInput\n                      {...searchInput}\n                      ref={searchInputRef}\n                      onSearchSubmit={\n                        searchInput.onSearchSubmit\n                          ? value => {\n                              searchInput.onSearchSubmit?.(value);\n                              setSearchExpanded(false);\n                            }\n                          : undefined\n                      }\n                    />\n                  ) : (\n                    <Button\n                      icon\n                      variant='simple'\n                      label={t('search')}\n                      aria-label={t('expand_search')}\n                      onClick={() => setSearchExpanded(true)}\n                    >\n                      <Icon name='search' />\n                    </Button>\n                  )}\n                </div>\n              )}\n\n              {onThemeModeChange && (\n                <ThemeSwitcher themeMode={themeMode} onThemeModeChange={onThemeModeChange} />\n              )}\n\n              {notifications && (\n                <>\n                  <Button\n                    ref={setNotificationsButtonEl}\n                    variant='simple'\n                    label={t('open_app_header_notifications')}\n                    icon\n                    onClick={() => {\n                      if (!hasMobileNav) {\n                        if (notificationsPopover) {\n                          setNotificationsPopover(false);\n                          notifications.onNotificationsClose?.();\n                        } else {\n                          setNotificationsPopover(true);\n                          notifications.onNotificationsOpen?.();\n                        }\n                      } else {\n                        openDrawer('notifications');\n                      }\n                    }}\n                  >\n                    <StyledNotificationCount>\n                      <Icon name='bell' />\n                      {!!notifications.count && (\n                        <StyledCountIcon variant='urgent'>{notifications.count}</StyledCountIcon>\n                      )}\n                    </StyledNotificationCount>\n                  </Button>\n                  <Popover\n                    ref={setPopoverEl}\n                    show={notificationsPopover}\n                    target={notificationsButtonEl}\n                    placement='bottom-end'\n                  >\n                    <Notifications {...notifications} popover />\n                  </Popover>\n                </>\n              )}\n\n              {helpMenu && (\n                <MenuButton\n                  variant='simple'\n                  icon='help'\n                  text={t('app_header_help')}\n                  iconOnly\n                  menu={{\n                    items: helpMenu\n                  }}\n                />\n              )}\n\n              {portalSwitcher && <MenuButton {...portalSwitcher} />}\n\n              {shareApp &&\n                (hasMobileNav ? (\n                  <Button variant='secondary' icon label={shareLabel} onClick={shareApp.onClick}>\n                    <StyledShareButtonContent name='share' set='budicon' />\n                  </Button>\n                ) : (\n                  <Button variant='secondary' onClick={shareApp.onClick}>\n                    <StyledShareButtonContent name='share' set='budicon' />\n                    <span>{shareLabel}</span>\n                  </Button>\n                ))}\n\n              {!hasMobileNav && (\n                <Operator\n                  as={StyledAppHeaderOperator}\n                  actions={operator.actions}\n                  popover={{ placement: 'bottom-start' }}\n                  name={operator.avatar.name}\n                >\n                  <Avatar {...operator.avatar} />\n                </Operator>\n              )}\n\n              {hasMobileNav && (\n                <Button\n                  as={StyledHamburgerMenu}\n                  label={t('open_app_header_drawer')}\n                  variant='simple'\n                  icon\n                  onClick={() => openDrawer('navigationOperator')}\n                >\n                  <Icon name='bars' />\n                </Button>\n              )}\n            </Flex>\n          </Flex>\n\n          {navPosition === 'below' &&\n            !hasMobileNav &&\n            (useDefaultInlineLayout ? (\n              <Flex container={{ justify: navAlignment }}>\n                {resolvedMainMenu.length ? (\n                  <Flex\n                    as={StyledNav}\n                    ref={setNavSectionEl}\n                    item={{ grow: 1, basis: '0' }}\n                    container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n                  >\n                    {renderMainMenu()}\n                  </Flex>\n                ) : (\n                  <NavLinks\n                    ref={setNavSectionEl}\n                    navLinks={navLinks}\n                    navAlignment={navAlignment}\n                    navPosition={navPosition}\n                    isDefaultWSS\n                  />\n                )}\n              </Flex>\n            ) : (\n              <Flex container={{ alignItems: 'center', gap: 1 }}>\n                <Flex\n                  as={appInfoAs}\n                  container={{ alignItems: 'center', gap: 1 }}\n                  href={appInfo.href}\n                  onClick={appInfo.onClick}\n                  target={appInfo.target}\n                >\n                  <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n                  <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'center' }}>\n                    <Text\n                      as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n                      variant='h1'\n                    >\n                      {appInfo.appName}\n                    </Text>\n                    {appInfo.portalName && <Text variant='secondary'>{appInfo.portalName}</Text>}\n                  </Flex>\n                </Flex>\n                {resolvedMainMenu.length ? (\n                  <Flex\n                    as={StyledNav}\n                    ref={setNavSectionEl}\n                    item={{ grow: 1 }}\n                    container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n                  >\n                    {renderMainMenu()}\n                  </Flex>\n                ) : (\n                  <NavLinks\n                    ref={setNavSectionEl}\n                    navLinks={navLinks}\n                    navAlignment={navAlignment}\n                    navPosition='below'\n                    isDefaultWSS={isDefaultWSS}\n                  />\n                )}\n              </Flex>\n            ))}\n        </StyledAppHeader>\n      </ThemeOverride>\n\n      <StyledMain\n        navPosition={navPosition}\n        $isDefaultWSS={useDefaultInlineLayout}\n        $hasFooter={hasFooter}\n        previewActive={previewActive}\n      >\n        {banners && <StyledBannerRegion>{banners}</StyledBannerRegion>}\n        {main}\n      </StyledMain>\n\n      {footer && footer.length > 0 && <Footer links={footer} />}\n\n      <Backdrop\n        open={backdropOpen}\n        transitionSpeed='none'\n        onAfterTransitionIn={() => setDrawerOpen(true)}\n        onBeforeTransitionOut={() => setDrawerOpen(false)}\n        onClick={e => {\n          if (e.currentTarget === e.target) setDrawerOpen(false);\n        }}\n      >\n        <Drawer\n          open={drawerOpen}\n          onAfterClose={() => {\n            closeDrawer();\n            if (drawerContent === 'notifications') {\n              notifications?.onNotificationsClose?.();\n            }\n          }}\n          onAfterOpen={() => {\n            if (drawerContent === 'notifications') {\n              notifications?.onNotificationsOpen?.();\n            }\n          }}\n          position='fixed'\n          placement={end}\n          size='min(26rem, calc(100vw - 5rem))'\n          nullWhenClosed\n        >\n          {drawerContent === 'notifications' && notifications && (\n            <Notifications {...notifications} onClose={() => setDrawerOpen(false)} />\n          )}\n          {drawerContent === 'navigationOperator' && (\n            <MobileHeaderContent\n              appInfo={appInfo}\n              navLinks={resolvedMainMenu.length ? flattenMainMenuItems(resolvedMainMenu) : navLinks}\n              operator={operator}\n              onClose={() => setDrawerOpen(false)}\n            />\n          )}\n        </Drawer>\n      </Backdrop>\n    </>\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, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport type { ElementType, PropsWithoutRef } from 'react';\n\nimport {\n  Avatar,\n  Backdrop,\n  Button,\n  ThemeOverride,\n  ContextSwitcher,\n  debounce,\n  Drawer,\n  Flex,\n  Icon,\n  Image,\n  Popover,\n  registerIcon,\n  SearchInput,\n  SkipLinks,\n  Text,\n  useBreakpoint,\n  useConsolidatedRef,\n  useDirection,\n  useElement,\n  useEscape,\n  useFocusWithin,\n  useI18n,\n  useOuterEvent,\n  usePreviewManager,\n  useTheme,\n  VisuallyHiddenText,\n  MenuButton,\n  ThemeSwitcher\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent, SkipLinksProps } from '@pega/cosmos-react-core';\nimport Operator from '@pega/cosmos-react-core/lib/components/AppShell/Operator';\nimport { StyledAppHeaderOperator } from '@pega/cosmos-react-core/lib/components/AppShell/AppHeader.styles';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport * as shareIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/share.icon';\nimport { getHeaderTheme } from '@pega/cosmos-react-core/lib/components/AppShell/style-utils';\nimport useThemeMode from '@pega/cosmos-react-core/lib/hooks/useThemeMode';\n\nimport Footer from '../Footer';\n\nimport type { AppShellProps } from './AppShell.types';\nimport { flattenMainMenuItems } from './AppShell.utils';\nimport {\n  WSSAppShellGlobalStyle,\n  StyledAppHeader,\n  StyledCountIcon,\n  StyledHamburgerMenu,\n  StyledMain,\n  StyledNotificationCount,\n  StyledMainMenuLink,\n  StyledNav,\n  StyledPrimaryName,\n  StyledEndNavBlock,\n  StyledBannerRegion,\n  StyledShareButtonContent\n} from './AppShell.styles';\nimport Notifications from './Notifications';\nimport MobileHeaderContent from './MobileHeaderContent';\nimport NavLinks from './NavLinks';\nimport AppShellMenuControl from './AppShellMenuControl';\nimport { MegaMenuPanel, MegaMenuTriggers, useMegaMenu } from './MegaMenu';\n\nregisterIcon(shareIcon);\n\nconst AppShell: ForwardRefForwardPropsComponent<AppShellProps> = forwardRef(function AppShell(\n  props: PropsWithoutRef<AppShellProps>,\n  ref: AppShellProps['ref']\n) {\n  const {\n    main,\n    mainMenu,\n    mainMenuVariant = 'mega-menu',\n    banners,\n    appInfo,\n    navLinks,\n    operator,\n    notifications,\n    searchInput,\n    contextSwitcher = {},\n    navAlignment = 'end',\n    navPosition = 'inline',\n    isDefaultWSS = true,\n    helpMenu,\n    shareApp,\n    portalSwitcher,\n    footer\n  } = props;\n  const t = useI18n();\n  const {\n    contexts,\n    onContextClick,\n    label: contextSwitcherLabel = t('switch_to')\n  } = contextSwitcher;\n  const [backdropOpen, setBackdropOpen] = useState(false);\n  const [drawerOpen, setDrawerOpen] = useState(false);\n  const [drawerContent, setDrawerContent] = useState('');\n  const [notificationsPopover, setNotificationsPopover] = useState(false);\n  const [searchExpanded, setSearchExpanded] = useState(false);\n  const [linksCollapsed, setLinksCollapsed] = useState(false);\n  const [hasMobileNav, setHasMobileNav] = useState(true);\n\n  const [headerEl, setHeaderEl] = useElement<HTMLElement>();\n  const [navSectionEl, setNavSectionEl] = useElement<HTMLDivElement>();\n  const [popoverEl, setPopoverEl] = useElement<HTMLDivElement>();\n  const [notificationsButtonEl, setNotificationsButtonEl] = useElement<HTMLButtonElement>();\n  const [searchContainerEl, setSearchContainerEl] = useElement<HTMLDivElement>();\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const minInlineWidth = useRef(0);\n  const theme = useTheme();\n  const { previewActive } = usePreviewManager();\n  const { themeMode, onThemeModeChange } = useThemeMode();\n  const headerTheme = useMemo(() => getHeaderTheme(theme), [theme]);\n\n  const headerRef = useConsolidatedRef(setHeaderEl, ref);\n\n  const isSmallOrAbove = useBreakpoint('sm');\n  const resolvedMainMenu = useMemo(() => mainMenu?.filter(Boolean) ?? [], [mainMenu]);\n  const activeNavItems = resolvedMainMenu.length ? resolvedMainMenu : navLinks;\n  const mainMenuPanelId = useId();\n  const megaMenu = useMegaMenu({\n    menus: resolvedMainMenu,\n    navElement: navSectionEl,\n    isMobile: hasMobileNav\n  });\n  const { end } = useDirection();\n\n  let appInfoAs: ElementType = 'div';\n  if (appInfo.href) appInfoAs = 'a';\n  else if (appInfo.onClick) appInfoAs = BareButton;\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 closeNotificationsPopover = useCallback(() => {\n    if (!notificationsPopover) return;\n\n    setNotificationsPopover(false);\n    notifications?.onNotificationsClose?.();\n\n    notificationsButtonEl?.focus();\n  }, [notificationsPopover, notifications, notificationsButtonEl]);\n\n  const closeDrawer = () => {\n    setDrawerContent('');\n    setBackdropOpen(false);\n  };\n\n  const openDrawer = (content: 'notifications' | 'navigationOperator') => {\n    setDrawerContent(content);\n    setBackdropOpen(true);\n  };\n\n  useOuterEvent('mousedown', [popoverEl, notificationsButtonEl], closeNotificationsPopover);\n\n  useEscape(closeNotificationsPopover, popoverEl);\n\n  const debouncedResize = debounce((entries: ResizeObserverEntry[]) => {\n    if (entries[0].contentRect.width > minInlineWidth.current) {\n      setLinksCollapsed(false);\n    }\n  }, 100);\n\n  useEffect(() => {\n    minInlineWidth.current = 0;\n\n    if (isSmallOrAbove) {\n      setLinksCollapsed(false);\n    }\n  }, [isSmallOrAbove, navAlignment, activeNavItems, mainMenuVariant, navPosition, isDefaultWSS]);\n\n  useEffect(() => {\n    if (!headerEl) return undefined;\n\n    const resizeObserver = new ResizeObserver(debouncedResize);\n    resizeObserver.observe(headerEl);\n\n    let intersectionObserver: IntersectionObserver | undefined;\n\n    if (navSectionEl?.firstElementChild && navSectionEl?.lastElementChild) {\n      const firstNavItem = navSectionEl.firstElementChild;\n      const lastNavItem = navSectionEl.lastElementChild;\n\n      intersectionObserver = new IntersectionObserver(\n        entries => {\n          if (entries.some(({ intersectionRatio }) => intersectionRatio < 1) && !linksCollapsed) {\n            minInlineWidth.current = headerEl.clientWidth + 1;\n            setLinksCollapsed(true);\n          } else {\n            navSectionEl.style.visibility = 'visible';\n          }\n        },\n        { root: navSectionEl, threshold: 1 }\n      );\n\n      intersectionObserver.observe(firstNavItem);\n\n      if (lastNavItem !== firstNavItem) {\n        intersectionObserver.observe(lastNavItem);\n      }\n    }\n\n    return () => {\n      intersectionObserver?.disconnect();\n      resizeObserver.disconnect();\n    };\n  }, [\n    headerEl,\n    navSectionEl,\n    activeNavItems,\n    mainMenuVariant,\n    navAlignment,\n    navPosition,\n    linksCollapsed\n  ]);\n\n  useEffect(() => {\n    setHasMobileNav(!isSmallOrAbove || linksCollapsed);\n  }, [isSmallOrAbove, linksCollapsed]);\n\n  useEffect(() => {\n    if (searchExpanded) searchInputRef.current?.focus();\n  }, [searchExpanded]);\n\n  useFocusWithin([searchContainerEl], isFocused => {\n    if (!isFocused && searchExpanded && !searchInput?.value) {\n      setSearchExpanded(false);\n    }\n  });\n\n  useEffect(() => {\n    if (!hasMobileNav && drawerOpen) {\n      if (drawerContent === 'notifications' && notifications) {\n        setNotificationsPopover(true);\n      }\n      setDrawerOpen(false);\n    } else if (hasMobileNav && notificationsPopover) {\n      setNotificationsPopover(false);\n      openDrawer('notifications');\n    }\n  }, [hasMobileNav, drawerOpen]);\n\n  const hasFooter = !!footer?.length;\n  const useDefaultInlineLayout = isDefaultWSS || navPosition === 'inline';\n  const renderMainMenu = () => {\n    if (mainMenuVariant === 'individual-menus') {\n      return resolvedMainMenu.map(menu => (\n        <StyledMainMenuLink\n          as={AppShellMenuControl}\n          key={menu.id}\n          menu={menu}\n          $isDefaultWSS={isDefaultWSS}\n          $navPosition={navPosition}\n        />\n      ));\n    }\n\n    return (\n      <MegaMenuTriggers\n        menus={resolvedMainMenu}\n        openId={megaMenu.openMenuId}\n        panelId={mainMenuPanelId}\n        onOpenChange={megaMenu.onOpenChange}\n        onTriggerOpen={megaMenu.onTriggerOpen}\n        isDefaultWSS={isDefaultWSS}\n        navPosition={navPosition}\n      />\n    );\n  };\n  const shareLabel = shareApp?.label ?? t('app_shell_share');\n\n  return (\n    <>\n      <WSSAppShellGlobalStyle\n        navPosition={navPosition}\n        hasFooter={hasFooter}\n        hasMobileNav={hasMobileNav}\n        isDefaultWSS={useDefaultInlineLayout}\n      />\n      <SkipLinks items={skipLinks} />\n      <ThemeOverride theme={headerTheme}>\n        <StyledAppHeader\n          ref={headerRef}\n          navPosition={navPosition}\n          $isDefaultWSS={isDefaultWSS}\n          $hasMobileNav={hasMobileNav}\n        >\n          <Flex\n            container={{\n              alignItems: 'center',\n              justify: 'between',\n              pad: navPosition === 'below' ? [1, 0] : 0\n            }}\n          >\n            {useDefaultInlineLayout ? (\n              <>\n                <Flex container={{ alignItems: 'center' }}>\n                  {contexts && onContextClick && contexts.length > 1 && (\n                    <ContextSwitcher\n                      contexts={contexts}\n                      onContextClick={onContextClick}\n                      label={contextSwitcherLabel}\n                      container={{ justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] }}\n                    />\n                  )}\n\n                  <Flex\n                    as={appInfoAs}\n                    container={{ alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }}\n                    href={appInfo.href}\n                    onClick={appInfo.onClick}\n                    target={appInfo.target}\n                  >\n                    <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n                    {!hasMobileNav && (\n                      <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'end' }}>\n                        <Text\n                          as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n                          variant='h1'\n                        >\n                          {appInfo.appName}\n                        </Text>\n                        {appInfo.portalName && (\n                          <Text variant='secondary'>{appInfo.portalName}</Text>\n                        )}\n                      </Flex>\n                    )}\n                  </Flex>\n                </Flex>\n\n                {!hasMobileNav &&\n                  navPosition === 'inline' &&\n                  (resolvedMainMenu.length ? (\n                    <Flex\n                      as={StyledNav}\n                      ref={setNavSectionEl}\n                      item={{ grow: 1, basis: '0' }}\n                      container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n                    >\n                      {renderMainMenu()}\n                    </Flex>\n                  ) : (\n                    <NavLinks\n                      ref={setNavSectionEl}\n                      navLinks={navLinks}\n                      navAlignment={navAlignment}\n                      navPosition={navPosition}\n                      isDefaultWSS\n                    />\n                  ))}\n\n                {!hasMobileNav && navPosition !== 'inline' && resolvedMainMenu.length === 0 && (\n                  <NavLinks\n                    ref={setNavSectionEl}\n                    navLinks={navLinks}\n                    navAlignment={navAlignment}\n                    navPosition={navPosition}\n                    isDefaultWSS\n                  />\n                )}\n              </>\n            ) : (\n              <Flex container={{ alignItems: 'center' }}>\n                {contexts && onContextClick && contexts.length > 1 && (\n                  <ContextSwitcher\n                    contexts={contexts}\n                    onContextClick={onContextClick}\n                    label={contextSwitcherLabel}\n                    container={{ justify: 'center', pad: [0, 0, 0, isDefaultWSS ? 1 : 0] }}\n                  />\n                )}\n\n                {navPosition !== 'below' || hasMobileNav ? (\n                  <Flex\n                    as={appInfoAs}\n                    container={{ alignItems: 'center', pad: [1, 4, 1, 1], gap: 1 }}\n                    href={appInfo.href}\n                    onClick={appInfo.onClick}\n                    target={appInfo.target}\n                  >\n                    <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n                    {!hasMobileNav && (\n                      <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'end' }}>\n                        <Text\n                          as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n                          variant='h1'\n                        >\n                          {appInfo.appName}\n                        </Text>\n                        {appInfo.portalName && (\n                          <Text variant='secondary'>{appInfo.portalName}</Text>\n                        )}\n                      </Flex>\n                    )}\n                  </Flex>\n                ) : null}\n              </Flex>\n            )}\n\n            <Flex\n              as={StyledEndNavBlock}\n              container={{ alignItems: 'center', gap: 1 }}\n              mobile={hasMobileNav}\n            >\n              {!hasMobileNav && searchInput && (\n                <div ref={setSearchContainerEl} role='search' aria-label={t('search')}>\n                  {searchExpanded ? (\n                    <SearchInput\n                      {...searchInput}\n                      ref={searchInputRef}\n                      onSearchSubmit={\n                        searchInput.onSearchSubmit\n                          ? value => {\n                              searchInput.onSearchSubmit?.(value);\n                              setSearchExpanded(false);\n                            }\n                          : undefined\n                      }\n                    />\n                  ) : (\n                    <Button\n                      icon\n                      variant='simple'\n                      label={t('search')}\n                      aria-label={t('expand_search')}\n                      onClick={() => setSearchExpanded(true)}\n                    >\n                      <Icon name='search' />\n                    </Button>\n                  )}\n                </div>\n              )}\n\n              {onThemeModeChange && (\n                <ThemeSwitcher themeMode={themeMode} onThemeModeChange={onThemeModeChange} />\n              )}\n\n              {notifications && (\n                <>\n                  <Button\n                    ref={setNotificationsButtonEl}\n                    variant='simple'\n                    label={t('open_app_header_notifications')}\n                    icon\n                    onClick={() => {\n                      if (!hasMobileNav) {\n                        if (notificationsPopover) {\n                          setNotificationsPopover(false);\n                          notifications.onNotificationsClose?.();\n                        } else {\n                          setNotificationsPopover(true);\n                          notifications.onNotificationsOpen?.();\n                        }\n                      } else {\n                        openDrawer('notifications');\n                      }\n                    }}\n                  >\n                    <StyledNotificationCount>\n                      <Icon name='bell' />\n                      {!!notifications.count && (\n                        <StyledCountIcon variant='urgent'>{notifications.count}</StyledCountIcon>\n                      )}\n                    </StyledNotificationCount>\n                  </Button>\n                  <Popover\n                    ref={setPopoverEl}\n                    show={notificationsPopover}\n                    target={notificationsButtonEl}\n                    placement='bottom-end'\n                  >\n                    <Notifications {...notifications} popover />\n                  </Popover>\n                </>\n              )}\n\n              {helpMenu && (\n                <MenuButton\n                  variant='simple'\n                  icon='help'\n                  text={t('app_header_help')}\n                  iconOnly\n                  menu={{\n                    items: helpMenu\n                  }}\n                />\n              )}\n\n              {portalSwitcher && <MenuButton {...portalSwitcher} />}\n\n              {shareApp &&\n                (hasMobileNav ? (\n                  <Button variant='secondary' icon label={shareLabel} onClick={shareApp.onClick}>\n                    <StyledShareButtonContent name='share' set='budicon' />\n                  </Button>\n                ) : (\n                  <Button variant='secondary' onClick={shareApp.onClick}>\n                    <StyledShareButtonContent name='share' set='budicon' />\n                    <span>{shareLabel}</span>\n                  </Button>\n                ))}\n\n              {!hasMobileNav && (\n                <Operator\n                  as={StyledAppHeaderOperator}\n                  actions={operator.actions}\n                  popover={{ placement: 'bottom-start' }}\n                  name={operator.avatar.name}\n                >\n                  <Avatar {...operator.avatar} />\n                </Operator>\n              )}\n\n              {hasMobileNav && (\n                <Button\n                  as={StyledHamburgerMenu}\n                  label={t('open_app_header_drawer')}\n                  variant='simple'\n                  icon\n                  onClick={() => {\n                    megaMenu.close();\n                    openDrawer('navigationOperator');\n                  }}\n                >\n                  <Icon name='bars' />\n                </Button>\n              )}\n            </Flex>\n          </Flex>\n\n          {navPosition === 'below' &&\n            !hasMobileNav &&\n            (useDefaultInlineLayout ? (\n              <Flex container={{ justify: navAlignment }}>\n                {resolvedMainMenu.length ? (\n                  <Flex\n                    as={StyledNav}\n                    ref={setNavSectionEl}\n                    item={{ grow: 1, basis: '0' }}\n                    container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n                  >\n                    {renderMainMenu()}\n                  </Flex>\n                ) : (\n                  <NavLinks\n                    ref={setNavSectionEl}\n                    navLinks={navLinks}\n                    navAlignment={navAlignment}\n                    navPosition={navPosition}\n                    isDefaultWSS\n                  />\n                )}\n              </Flex>\n            ) : (\n              <Flex container={{ alignItems: 'center', gap: 1 }}>\n                <Flex\n                  as={appInfoAs}\n                  container={{ alignItems: 'center', gap: 1 }}\n                  href={appInfo.href}\n                  onClick={appInfo.onClick}\n                  target={appInfo.target}\n                >\n                  <Image src={appInfo.imageSrc} alt={appInfo.appName} />\n                  <Flex as='span' container={{ direction: 'row', gap: 1, alignItems: 'center' }}>\n                    <Text\n                      as={appInfo.appNameHidden ? VisuallyHiddenText : StyledPrimaryName}\n                      variant='h1'\n                    >\n                      {appInfo.appName}\n                    </Text>\n                    {appInfo.portalName && <Text variant='secondary'>{appInfo.portalName}</Text>}\n                  </Flex>\n                </Flex>\n                {resolvedMainMenu.length ? (\n                  <Flex\n                    as={StyledNav}\n                    ref={setNavSectionEl}\n                    item={{ grow: 1 }}\n                    container={{ alignItems: 'center', gap: 0.5, justify: navAlignment }}\n                  >\n                    {renderMainMenu()}\n                  </Flex>\n                ) : (\n                  <NavLinks\n                    ref={setNavSectionEl}\n                    navLinks={navLinks}\n                    navAlignment={navAlignment}\n                    navPosition='below'\n                    isDefaultWSS={isDefaultWSS}\n                  />\n                )}\n              </Flex>\n            ))}\n        </StyledAppHeader>\n        {!hasMobileNav && mainMenuVariant === 'mega-menu' && megaMenu.openMenu && (\n          <MegaMenuPanel\n            menu={megaMenu.openMenu}\n            panelId={mainMenuPanelId}\n            panelRef={megaMenu.panelRef}\n            onClose={megaMenu.onClose}\n            onTabForwardExit={megaMenu.onTabForwardExit}\n            onActionClose={megaMenu.onActionClose}\n            focusOnOpen={megaMenu.focusOnOpen}\n          />\n        )}\n      </ThemeOverride>\n\n      <StyledMain\n        navPosition={navPosition}\n        $isDefaultWSS={useDefaultInlineLayout}\n        $hasFooter={hasFooter}\n        previewActive={previewActive}\n      >\n        {banners && <StyledBannerRegion>{banners}</StyledBannerRegion>}\n        {main}\n      </StyledMain>\n\n      {footer && footer.length > 0 && <Footer links={footer} />}\n\n      <Backdrop\n        open={backdropOpen}\n        transitionSpeed='none'\n        onAfterTransitionIn={() => setDrawerOpen(true)}\n        onBeforeTransitionOut={() => setDrawerOpen(false)}\n        onClick={e => {\n          if (e.currentTarget === e.target) setDrawerOpen(false);\n        }}\n      >\n        <Drawer\n          open={drawerOpen}\n          onAfterClose={() => {\n            closeDrawer();\n            if (drawerContent === 'notifications') {\n              notifications?.onNotificationsClose?.();\n            }\n          }}\n          onAfterOpen={() => {\n            if (drawerContent === 'notifications') {\n              notifications?.onNotificationsOpen?.();\n            }\n          }}\n          position='fixed'\n          placement={end}\n          size='min(26rem, calc(100vw - 5rem))'\n          nullWhenClosed\n        >\n          {drawerContent === 'notifications' && notifications && (\n            <Notifications {...notifications} onClose={() => setDrawerOpen(false)} />\n          )}\n          {drawerContent === 'navigationOperator' && (\n            <MobileHeaderContent\n              appInfo={appInfo}\n              navLinks={resolvedMainMenu.length ? flattenMainMenuItems(resolvedMainMenu) : navLinks}\n              operator={operator}\n              onClose={() => setDrawerOpen(false)}\n            />\n          )}\n        </Drawer>\n      </Backdrop>\n    </>\n  );\n});\n\nexport default AppShell;\n"]}

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

@@ -41,6 +41,12 @@ export declare const StyledLink: import("styled-components/dist/types").IStyledC
     $isDefaultWSS?: AppShellProps["isDefaultWSS"];
     $navPosition?: AppShellProps["navPosition"];
 }>> & string;
+export declare const StyledMainMenuLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "$isDefaultWSS" | "$navPosition"> & {
+    $isDefaultWSS?: AppShellProps["isDefaultWSS"];
+    $navPosition?: AppShellProps["navPosition"];
+}, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | 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> | null | undefined;
+}, never>> & string;
 export declare const StyledMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     navPosition: AppShellProps["navPosition"];
     $isDefaultWSS: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMtD,eAAO,MAAM,YAAY,WAAW,CAAC;AAiBrC,eAAO,MAAM,sBAAsB;iBACpB,aAAa,CAAC,aAAa,CAAC;eAC9B,OAAO;kBACJ,OAAO;kBACP,OAAO;EAYtB,CAAC;AAEF,eAAO,MAAM,SAAS,uNAUrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;yLAY5B,CAAC;AAIH,eAAO,MAAM,eAAe;iBACb,aAAa,CAAC,aAAa,CAAC;mBAC1B,OAAO;mBACP,OAAO;YA8HtB,CAAC;AAIH,eAAO,MAAM,iBAAiB;YAAwB,OAAO;YAS3D,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;gOAKnC,CAAC;AAIH,eAAO,MAAM,UAAU;oBACL,aAAa,CAAC,cAAc,CAAC;mBAC9B,aAAa,CAAC,aAAa,CAAC;YA6C3C,CAAC;AAIH,eAAO,MAAM,UAAU;iBACR,aAAa,CAAC,aAAa,CAAC;mBAC1B,OAAO;gBACV,OAAO;mBACJ,OAAO;YAuDtB,CAAC;AAIH,eAAO,MAAM,6BAA6B,6NAgBxC,CAAC;AAIH,eAAO,MAAM,mBAAmB,yOAI9B,CAAC;AAIH,eAAO,MAAM,eAAe,uNAU1B,CAAC;AAIH,eAAO,MAAM,gBAAgB,yOAuC3B,CAAC;AAIH,eAAO,MAAM,qBAAqB,6NAQhC,CAAC;AAIH,eAAO,MAAM,iBAAiB,6NAY5B,CAAC;AAIH,eAAO,MAAM,qBAAqB,6NAehC,CAAC;AAIH,eAAO,MAAM,eAAe,6NAU1B,CAAC;AAIH,eAAO,MAAM,uBAAuB,6NAGnC,CAAC;AAIF,eAAO,MAAM,eAAe;;;2BA3d1B,CAAD;iDAgeA,CAAC;AAIF,eAAO,MAAM,mBAAmB;cAA0B,OAAO;YAW/D,CAAC;AAIH,eAAO,MAAM,sBAAsB,iOAYjC,CAAC;AAIH,eAAO,MAAM,kBAAkB;;gOA0B7B,CAAC;AAIH,eAAO,MAAM,wBAAwB;aAA0B,OAAO;YAoBpE,CAAC;AAIH,eAAO,MAAM,yBAAyB;aAA0B,OAAO;YAMrE,CAAC;AAIH,eAAO,MAAM,2BAA2B;aAA0B,OAAO;YAUxE,CAAC;AAIF,eAAO,MAAM,kBAAkB,6NAAe,CAAC;AAI/C,eAAO,MAAM,yBAAyB,shBAQrC,CAAC;AAIF,eAAO,MAAM,aAAa,6NAGzB,CAAC;AAIF,eAAO,MAAM,eAAe;;gOAG3B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;kHAK5B,CAAC;AAIF,eAAO,MAAM,mBAAmB;;mBAE/B,CAAC"}
+{"version":3,"file":"AppShell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.styles.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMtD,eAAO,MAAM,YAAY,WAAW,CAAC;AAiBrC,eAAO,MAAM,sBAAsB;iBACpB,aAAa,CAAC,aAAa,CAAC;eAC9B,OAAO;kBACJ,OAAO;kBACP,OAAO;EAYtB,CAAC;AAEF,eAAO,MAAM,SAAS,uNAUrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;yLAY5B,CAAC;AAIH,eAAO,MAAM,eAAe;iBACb,aAAa,CAAC,aAAa,CAAC;mBAC1B,OAAO;mBACP,OAAO;YA8HtB,CAAC;AAIH,eAAO,MAAM,iBAAiB;YAAwB,OAAO;YAS3D,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;gOAKnC,CAAC;AAIH,eAAO,MAAM,UAAU;oBACL,aAAa,CAAC,cAAc,CAAC;mBAC9B,aAAa,CAAC,aAAa,CAAC;YA6C3C,CAAC;AAIH,eAAO,MAAM,kBAAkB;oBAlDb,aAAa,CAAC,cAAc,CAAC;mBAC9B,aAAa,CAAC,aAAa,CAAC;;;mBA+D5C,CAAC;AAIF,eAAO,MAAM,UAAU;iBACR,aAAa,CAAC,aAAa,CAAC;mBAC1B,OAAO;gBACV,OAAO;mBACJ,OAAO;YAuDtB,CAAC;AAIH,eAAO,MAAM,6BAA6B,6NAgBxC,CAAC;AAIH,eAAO,MAAM,mBAAmB,yOAI9B,CAAC;AAIH,eAAO,MAAM,eAAe,uNAU1B,CAAC;AAIH,eAAO,MAAM,gBAAgB,yOAuC3B,CAAC;AAIH,eAAO,MAAM,qBAAqB,6NAQhC,CAAC;AAIH,eAAO,MAAM,iBAAiB,6NAY5B,CAAC;AAIH,eAAO,MAAM,qBAAqB,6NAehC,CAAC;AAIH,eAAO,MAAM,eAAe,6NAU1B,CAAC;AAIH,eAAO,MAAM,uBAAuB,6NAGnC,CAAC;AAIF,eAAO,MAAM,eAAe;;;2BA7e1B,CAAD;iDAkfA,CAAC;AAIF,eAAO,MAAM,mBAAmB;cAA0B,OAAO;YAW/D,CAAC;AAIH,eAAO,MAAM,sBAAsB,iOAYjC,CAAC;AAIH,eAAO,MAAM,kBAAkB;;gOA0B7B,CAAC;AAIH,eAAO,MAAM,wBAAwB;aAA0B,OAAO;YAoBpE,CAAC;AAIH,eAAO,MAAM,yBAAyB;aAA0B,OAAO;YAMrE,CAAC;AAIH,eAAO,MAAM,2BAA2B;aAA0B,OAAO;YAUxE,CAAC;AAIF,eAAO,MAAM,kBAAkB,6NAAe,CAAC;AAI/C,eAAO,MAAM,yBAAyB,shBAQrC,CAAC;AAIF,eAAO,MAAM,aAAa,6NAGzB,CAAC;AAIF,eAAO,MAAM,eAAe;;gOAG3B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;kHAK5B,CAAC;AAIF,eAAO,MAAM,mBAAmB;;mBAE/B,CAAC"}

package/lib/components/AppShell/AppShell.styles.js

@@ -226,6 +226,20 @@ export const StyledLink = styled.a(({ theme, $isDefaultWSS, $navPosition }) => {
   `;
 });
 StyledLink.defaultProps = defaultThemeProp;
+export const StyledMainMenuLink = styled(StyledLink)(({ theme }) => css `
+    font-size: ${theme.base['font-size']};
+    font-weight: ${theme.base['font-weight']['semi-bold']};
+
+    &&:hover,
+    &&:focus-visible {
+      color: ${theme.base.palette.interactive};
+
+      &::after {
+        background-color: ${theme.base.palette.interactive};
+      }
+    }
+  `);
+StyledMainMenuLink.defaultProps = defaultThemeProp;
 export const StyledMain = styled.main(({ theme, $isDefaultWSS, $hasFooter, previewActive }) => {
     return css `
     --appshell-horizontal-offset: 0;