@laerdal/life-react-components 6.0.0-dev.8.full → 6.0.1

package/dist/GlobalNavigationBar/desktop/MainMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainMenu.js","names":["React","styled","NavItem","SystemIcons","COLORS","BREAKPOINTS","SubMenu","IconButton","defaultOnMouseDownHandler","NavItemDiv","checkIfContainsItem","StyledLink","jsx","_jsx","jsxs","_jsxs","NavContainer","div","MEDIUM","LARGE","NavButton","button","props","getColor","theme","ExtendedSection","ExtendedMenuOption","MainMenu","_ref","items","rightSideRef","menuButtonRef","useRef","dropdownMenusOpenedArray","mainMenuRef","numberOfItemsAllowed","setNumberOfItemsAllowed","useState","subMenuRefs","setAllSubMenuRefs","extendedMenuOptionRef","createRef","useEffect","map","x","type","undefined","forceUpdate","activeItem","setActiveItemId","focusedItemId","setFocusedItemId","widthOfItem","recalculateNumberOfItemsAllowed","current","number","Math","floor","offsetLeft","onMouseLeave","event","id","filter","onMouseEnter","existingRefForId","find","window","addEventListener","removeEventListener","length","onFocus","onKeyDownTop","key","renderItem","item","index","_ref2","icon","to","exact","disabled","external","action","label","note","pinned","rest","_objectWithoutProperties","_excluded","as","className","onMouseDown","children","_objectSpread","$variant","href","onClick","e","existingRef","onKeyDown","code","containsActiveItem","style","position","Boolean","role","tabIndex","ArrowDropDown","size","ariaLabelledBy","ref","onItemFocused","activeItemId","nestPath","onItemStateChanged","state","topLevel","extended","extendedSectionKeyHandler","stopPropagation","slice","variant","shape","MoreHorizontal","propTypes","_pt","array","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/MainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { NavItem } from '../../NavItem';\r\nimport {SystemIcons} from '../../icons';\r\nimport { COLORS, BREAKPOINTS } from '../../styles';\r\nimport { Menu } from './ExtendedMainMenu';\r\nimport { SubMenu } from './SubMenu';\r\nimport { IconButton } from '../../Button';\r\nimport { defaultOnMouseDownHandler } from '../../common';\r\nimport { MenuNavigationItemTypeDesktopGroup, MenuNavigationItemTypeItem } from '../types';\r\nimport { NavItemDiv } from '../../NavItem/NavItem';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport HyperLink, { StyledLink } from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  flex-grow: 1;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  \r\n  padding: 0 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n  \r\n  ${NavItemDiv} {\r\n    cursor: pointer;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n`;\r\n\r\nconst NavButton = styled.button`\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  border: 0;\r\n`;\r\n\r\nconst ExtendedSection = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst ExtendedMenuOption = 'extendedOption';\r\n\r\ntype Props = {\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  rightSideRef?: React.RefObject<HTMLDivElement | null> | null | undefined;\r\n};\r\n\r\nconst MainMenu = ({ items, rightSideRef }: Props): React.ReactElement<Props> => {\r\n  const menuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n  //we have to use refs instead of 'state' here, because when onmouseleave is triggered for multiple nested divs, state update is not being updated in between\r\n  const dropdownMenusOpenedArray = React.useRef<string[]>([]);\r\n  const mainMenuRef: React.RefObject<HTMLDivElement | null> | null | undefined = React.useRef(null);\r\n  const [numberOfItemsAllowed, setNumberOfItemsAllowed] = React.useState<number>(1);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement | null> | undefined)[]>([]);\r\n  const extendedMenuOptionRef = React.createRef<HTMLUListElement>();\r\n\r\n  React.useEffect(() => {\r\n    setAllSubMenuRefs(items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [items]);\r\n\r\n  const [, forceUpdate] = React.useState({});\r\n  const [activeItem, setActiveItemId] = React.useState<string>('');\r\n  const [focusedItemId, setFocusedItemId] = React.useState<string>('');\r\n\r\n  const widthOfItem = 120;\r\n  const recalculateNumberOfItemsAllowed = () => {\r\n    if (rightSideRef?.current && mainMenuRef?.current) {\r\n      const number = Math.floor((rightSideRef?.current?.offsetLeft - mainMenuRef?.current?.offsetLeft) / widthOfItem);\r\n      if (number !== numberOfItemsAllowed) {\r\n        setNumberOfItemsAllowed(number);\r\n      }\r\n    }\r\n  };\r\n\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n    // Bind the event listener\r\n    window.addEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    return () => {\r\n      // Unbind the event listener on clean up\r\n      window.removeEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n  }, [items.length]);\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {\r\n    //no open dropdowns if top level was entered\r\n    dropdownMenusOpenedArray.current = [];\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onKeyDownTop = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Escape' || event.key === 'Esc') {\r\n      dropdownMenusOpenedArray.current = [];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup, index: number) => {\r\n    if (index > numberOfItemsAllowed - 2) return null;\r\n    if (item.type != 'desktopgroup') {\r\n      const { icon, to, exact, disabled, external, action, label, note, pinned, ...rest } = item as MenuNavigationItemTypeItem;\r\n      return item?.disabled ? (\r\n        <NavItem as={NavButton} className=\"disabled\" key={item.label} onMouseDown={defaultOnMouseDownHandler}>\r\n          {item?.label}\r\n        </NavItem>\r\n      ) : (\r\n        <NavItem as={StyledLink} $variant=\"styleless\" onFocus={onFocus} href={to || ''} key={label} onMouseDown={defaultOnMouseDownHandler} onClick={(e: React.MouseEvent) => action && action(e)} {...rest}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n      const onClick = () => {\r\n        if (existingRef == null) {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        }\r\n      };\r\n      const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n        if (event.key == 'Enter' || event.code == 'Space') {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        } \r\n      };\r\n\r\n      const containsActiveItem = checkIfContainsItem(item, activeItem);\r\n      return (\r\n        <div\r\n          style={{ position: 'relative' }}\r\n          onMouseEnter={(event) => onMouseEnter(event, item.id ?? '')}\r\n          onMouseLeave={(event) => onMouseLeave(event, item.id ?? '')}>\r\n          <NavItem\r\n            id={item.id + '_parentOption'}\r\n            aria-expanded={Boolean(existingRef)}\r\n            aria-activedescendant={containsActiveItem ? activeItem : ''}\r\n            aria-controls={item.id}\r\n            role=\"listbox\"\r\n            onFocus={onFocus}\r\n            onKeyDown={onKeyDown}\r\n            tabIndex={0}\r\n            className={existingRef != null || checkIfContainsItem(item, activeItem) ? 'active' : ''}\r\n            key={item.label}\r\n            href={null}\r\n            onClick={onClick}>\r\n            {item?.label} <SystemIcons.ArrowDropDown size=\"24px\" />\r\n          </NavItem>\r\n          <SubMenu\r\n            ariaLabelledBy={item.id + '_parentOption'}\r\n            ref={subMenuRefs[index]}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            activeItemId={activeItem}\r\n            nestPath={[item.id]}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) {\r\n                setActiveItemId(item);\r\n              } else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            item={item as MenuNavigationItemTypeDesktopGroup}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n            index={index + 1}\r\n            topLevel={true}\r\n          />\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n  const extended = dropdownMenusOpenedArray.current.find((x) => x == ExtendedMenuOption);\r\n  const extendedSectionKeyHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key == 'Enter' || event.code == 'Space') {\r\n      event.stopPropagation();\r\n\r\n      dropdownMenusOpenedArray.current = [ExtendedMenuOption];\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  return (\r\n    <NavContainer role=\"navigation\" className=\"GlobalNavigationMainMenu\" ref={mainMenuRef} onKeyDown={onKeyDownTop}>\r\n      {items?.map(renderItem)}\r\n      {items.length + 1 > numberOfItemsAllowed && (\r\n        <ExtendedSection\r\n          onKeyDown={(event) => extendedSectionKeyHandler(event)}\r\n          onMouseEnter={(event) => onMouseEnter(event, ExtendedMenuOption)}\r\n          onMouseLeave={(event) => onMouseLeave(event, ExtendedMenuOption)}>\r\n          <IconButton\r\n            id={ExtendedMenuOption + '_parentOption'}\r\n            aria-expanded={Boolean(extended)}\r\n            aria-activedescendant={checkIfContainsItem({ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }, activeItem) ? activeItem : ''}\r\n            aria-controls={ExtendedMenuOption}\r\n            role=\"listbox\"\r\n            \r\n            ref={menuButtonRef} variant={'secondary'} shape={'circular'} action={() => {}}>\r\n            <SystemIcons.MoreHorizontal size=\"24px\"/>\r\n          </IconButton>\r\n          <SubMenu\r\n            ariaLabelledBy={ExtendedMenuOption + '_parentOption'}\r\n            activeItemId={activeItem}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            ref={extendedMenuOptionRef}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) setActiveItemId(item);\r\n              else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            nestPath={[ExtendedMenuOption]}\r\n            item={{ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }}\r\n            topLevel={true}\r\n            index={0}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n          />\r\n        </ExtendedSection>\r\n      )}\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default MainMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MainMenu.js","names":["React","styled","NavItem","SystemIcons","COLORS","BREAKPOINTS","SubMenu","IconButton","defaultOnMouseDownHandler","NavItemDiv","checkIfContainsItem","StyledLink","useNavigation","jsx","_jsx","jsxs","_jsxs","NavContainer","div","MEDIUM","LARGE","NavButton","button","props","getColor","theme","ExtendedSection","ExtendedMenuOption","MainMenu","_ref","items","rightSideRef","menuButtonRef","useRef","dropdownMenusOpenedArray","navigate","mainMenuRef","numberOfItemsAllowed","setNumberOfItemsAllowed","useState","subMenuRefs","setAllSubMenuRefs","extendedMenuOptionRef","createRef","useEffect","map","x","type","undefined","forceUpdate","activeItem","setActiveItemId","focusedItemId","setFocusedItemId","widthOfItem","recalculateNumberOfItemsAllowed","current","number","Math","floor","offsetLeft","onMouseLeave","event","id","filter","onMouseEnter","existingRefForId","find","window","addEventListener","removeEventListener","length","onFocus","onKeyDownTop","key","renderItem","item","index","_ref2","icon","to","exact","disabled","external","action","label","note","pinned","rest","_objectWithoutProperties","_excluded","as","className","onMouseDown","children","_objectSpread","$variant","href","onClick","e","preventDefault","existingRef","onKeyDown","code","containsActiveItem","style","position","Boolean","role","tabIndex","ArrowDropDown","size","ariaLabelledBy","ref","onItemFocused","activeItemId","nestPath","onItemStateChanged","state","topLevel","extended","extendedSectionKeyHandler","stopPropagation","slice","variant","shape","MoreHorizontal","propTypes","_pt","array","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/MainMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { NavItem } from '../../NavItem';\r\nimport {SystemIcons} from '../../icons';\r\nimport { COLORS, BREAKPOINTS } from '../../styles';\r\nimport { Menu } from './ExtendedMainMenu';\r\nimport { SubMenu } from './SubMenu';\r\nimport { IconButton } from '../../Button';\r\nimport { defaultOnMouseDownHandler } from '../../common';\r\nimport { MenuNavigationItemTypeDesktopGroup, MenuNavigationItemTypeItem } from '../types';\r\nimport { NavItemDiv } from '../../NavItem/NavItem';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport HyperLink, { StyledLink } from '../../HyperLink/HyperLink';\r\nimport { useNavigation } from '../../Navigation';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  flex-grow: 1;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  \r\n  padding: 0 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n  \r\n  ${NavItemDiv} {\r\n    cursor: pointer;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n`;\r\n\r\nconst NavButton = styled.button`\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  border: 0;\r\n`;\r\n\r\nconst ExtendedSection = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nconst ExtendedMenuOption = 'extendedOption';\r\n\r\ntype Props = {\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  rightSideRef?: React.RefObject<HTMLDivElement | null> | null | undefined;\r\n};\r\n\r\nconst MainMenu = ({ items, rightSideRef }: Props): React.ReactElement<Props> => {\r\n  const menuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n  //we have to use refs instead of 'state' here, because when onmouseleave is triggered for multiple nested divs, state update is not being updated in between\r\n  const dropdownMenusOpenedArray = React.useRef<string[]>([]);\r\n  const { navigate } = useNavigation();\r\n  const mainMenuRef: React.RefObject<HTMLDivElement | null> | null | undefined = React.useRef(null);\r\n  const [numberOfItemsAllowed, setNumberOfItemsAllowed] = React.useState<number>(1);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement | null> | undefined)[]>([]);\r\n  const extendedMenuOptionRef = React.createRef<HTMLUListElement>();\r\n\r\n  React.useEffect(() => {\r\n    setAllSubMenuRefs(items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [items]);\r\n\r\n  const [, forceUpdate] = React.useState({});\r\n  const [activeItem, setActiveItemId] = React.useState<string>('');\r\n  const [focusedItemId, setFocusedItemId] = React.useState<string>('');\r\n\r\n  const widthOfItem = 120;\r\n  const recalculateNumberOfItemsAllowed = () => {\r\n    if (rightSideRef?.current && mainMenuRef?.current) {\r\n      const number = Math.floor((rightSideRef?.current?.offsetLeft - mainMenuRef?.current?.offsetLeft) / widthOfItem);\r\n      if (number !== numberOfItemsAllowed) {\r\n        setNumberOfItemsAllowed(number);\r\n      }\r\n    }\r\n  };\r\n\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n    // Bind the event listener\r\n    window.addEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    return () => {\r\n      // Unbind the event listener on clean up\r\n      window.removeEventListener('resize', recalculateNumberOfItemsAllowed);\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    recalculateNumberOfItemsAllowed();\r\n  }, [items.length]);\r\n\r\n  const onFocus = (event: any) => {\r\n    //no open dropdowns if top level was entered\r\n    dropdownMenusOpenedArray.current = [];\r\n    forceUpdate({});\r\n  };\r\n\r\n  const onKeyDownTop = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Escape' || event.key === 'Esc') {\r\n      dropdownMenusOpenedArray.current = [];\r\n      //just trigger rerendering\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup, index: number) => {\r\n    if (index > numberOfItemsAllowed - 2) return null;\r\n    if (item.type != 'desktopgroup') {\r\n      const { icon, to, exact, disabled, external, action, label, note, pinned, ...rest } = item as MenuNavigationItemTypeItem;\r\n      return item?.disabled ? (\r\n        <NavItem as={NavButton} exact={exact} className=\"disabled\" key={item.label} onMouseDown={defaultOnMouseDownHandler}>\r\n          {item?.label}\r\n        </NavItem>\r\n      ) : (\r\n        <NavItem as={StyledLink} exact={exact} $variant=\"styleless\" onFocus={onFocus} href={to || ''} key={label} onMouseDown={defaultOnMouseDownHandler} \r\n          onClick={(e: React.MouseEvent) => {\r\n            if(action)\r\n              action(e); \r\n            else\r\n              navigate && navigate(to, false);\r\n            e?.preventDefault(); }} {...rest}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n      const onClick = () => {\r\n        if (existingRef == null) {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        }\r\n      };\r\n      const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n        if (event.key == 'Enter' || event.code == 'Space') {\r\n          dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, item.id];\r\n          //just trigger rerendering\r\n          forceUpdate({});\r\n        } \r\n      };\r\n\r\n      const containsActiveItem = checkIfContainsItem(item, activeItem);\r\n      return (\r\n        <div\r\n          style={{ position: 'relative' }}\r\n          onMouseEnter={(event) => onMouseEnter(event, item.id ?? '')}\r\n          onMouseLeave={(event) => onMouseLeave(event, item.id ?? '')}>\r\n          <NavItem\r\n            id={item.id + '_parentOption'}\r\n            aria-expanded={Boolean(existingRef)}\r\n            aria-activedescendant={containsActiveItem ? activeItem : ''}\r\n            aria-controls={item.id}\r\n            role=\"listbox\"\r\n            onFocus={onFocus}\r\n            onKeyDown={onKeyDown}\r\n            tabIndex={0}\r\n            className={existingRef != null || checkIfContainsItem(item, activeItem) ? 'active' : ''}\r\n            key={item.label}\r\n            href={null}\r\n            onClick={onClick}>\r\n            {item?.label} <SystemIcons.ArrowDropDown size=\"24px\" />\r\n          </NavItem>\r\n          <SubMenu\r\n            ariaLabelledBy={item.id + '_parentOption'}\r\n            ref={subMenuRefs[index]}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            activeItemId={activeItem}\r\n            nestPath={[item.id]}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) {\r\n                setActiveItemId(item);\r\n              } else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            item={item as MenuNavigationItemTypeDesktopGroup}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n            index={index + 1}\r\n            topLevel={true}\r\n          />\r\n        </div>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n  const extended = dropdownMenusOpenedArray.current.find((x) => x == ExtendedMenuOption);\r\n  const extendedSectionKeyHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key == 'Enter' || event.code == 'Space') {\r\n      event.stopPropagation();\r\n\r\n      dropdownMenusOpenedArray.current = [ExtendedMenuOption];\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  return (\r\n    <NavContainer role=\"navigation\" className=\"GlobalNavigationMainMenu\" ref={mainMenuRef} onKeyDown={onKeyDownTop}>\r\n      {items?.map(renderItem)}\r\n      {items.length + 1 > numberOfItemsAllowed && (\r\n        <ExtendedSection\r\n          onKeyDown={(event) => extendedSectionKeyHandler(event)}\r\n          onMouseEnter={(event) => onMouseEnter(event, ExtendedMenuOption)}\r\n          onMouseLeave={(event) => onMouseLeave(event, ExtendedMenuOption)}>\r\n          <IconButton\r\n            id={ExtendedMenuOption + '_parentOption'}\r\n            aria-expanded={Boolean(extended)}\r\n            aria-activedescendant={checkIfContainsItem({ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }, activeItem) ? activeItem : ''}\r\n            aria-controls={ExtendedMenuOption}\r\n            role=\"listbox\"\r\n            \r\n            ref={menuButtonRef} variant={'secondary'} shape={'circular'} action={() => {}}>\r\n            <SystemIcons.MoreHorizontal size=\"24px\"/>\r\n          </IconButton>\r\n          <SubMenu\r\n            ariaLabelledBy={ExtendedMenuOption + '_parentOption'}\r\n            activeItemId={activeItem}\r\n            onItemFocused={setFocusedItemId}\r\n            focusedItemId={focusedItemId}\r\n            ref={extendedMenuOptionRef}\r\n            onItemStateChanged={(item, state) => {\r\n              if (state) setActiveItemId(item);\r\n              else if (item == activeItem) setActiveItemId('');\r\n            }}\r\n            nestPath={[ExtendedMenuOption]}\r\n            item={{ items: items.slice(numberOfItemsAllowed - 1), id: ExtendedMenuOption }}\r\n            topLevel={true}\r\n            index={0}\r\n            dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n          />\r\n        </ExtendedSection>\r\n      )}\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default MainMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/RightSideNav.cjs

@@ -14,7 +14,7 @@ var _styles = require("../../styles");
 var _Button = require("../../Button");
 var _common = require("../../common");
 var _Tooltips = require("../../Tooltips");
-var _HyperLink = require("../../HyperLink/HyperLink");
+var _HyperLink = _interopRequireDefault(require("../../HyperLink/HyperLink"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -45,7 +45,7 @@ const NavContainer = _styledComponents.default.div`
     }
   }
 `;
-const StyledButton = (0, _styledComponents.default)(_Button.Button)`
+const StyledButton = (0, _styledComponents.default)(_Button.TextButton)`
   height: 40px;
   margin: 0 8px;
 
@@ -59,13 +59,14 @@ const RightSideNav = _ref => {
   const getNavItem = item => {
     if (item?.disabled) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavItem.NavItem, {
-        as: _Button.Button,
+        as: _Button.TextButton,
         className: "disabled",
         children: item?.label
       }, item?.label);
     } else {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavItem.NavItem, {
-        as: _HyperLink.StyledLink,
+        as: _HyperLink.default,
+        external: true,
         $variant: "styleless",
         target: "_self",
         href: item?.to || '',

package/dist/GlobalNavigationBar/desktop/RightSideNav.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RightSideNav.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_NavItem","_styles","_Button","_common","_Tooltips","_HyperLink","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NavContainer","styled","div","BREAKPOINTS","MEDIUM","LARGE","StyledButton","Button","ComponentMStyling","ComponentTextStyle","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","jsx","NavItem","as","className","children","label","StyledLink","$variant","target","href","to","onMouseDown","defaultOnMouseDownHandler","onClick","jsxs","reverse","map","no","tooltip","variant","undefined","TooltipWrapper","propTypes","_propTypes","array","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport { StyledLink } from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={StyledLink}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RightSideNav.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_NavItem","_styles","_Button","_common","_Tooltips","_HyperLink","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","NavContainer","styled","div","BREAKPOINTS","MEDIUM","LARGE","StyledButton","TextButton","ComponentMStyling","ComponentTextStyle","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","jsx","NavItem","as","className","children","label","HyperLink","external","$variant","target","href","to","onMouseDown","defaultOnMouseDownHandler","onClick","jsxs","reverse","map","no","tooltip","variant","undefined","TooltipWrapper","propTypes","_propTypes","array","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {TextButton} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport HyperLink from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(TextButton)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={TextButton} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={HyperLink}\r\n          external={true}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/RightSideNav.js

@@ -6,11 +6,11 @@ import * as React from 'react';
 import styled from 'styled-components';
 import { NavItem } from '../../NavItem';
 import { BREAKPOINTS, ComponentTextStyle } from '../../styles';
-import { Button } from '../../Button';
+import { TextButton } from '../../Button';
 import { ComponentMStyling } from '../../styles';
 import { defaultOnMouseDownHandler } from '../../common';
 import { TooltipWrapper } from "../../Tooltips";
-import { StyledLink } from '../../HyperLink/HyperLink';
+import HyperLink from '../../HyperLink/HyperLink';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NavContainer = styled.div`
   display: none;
@@ -37,7 +37,7 @@ const NavContainer = styled.div`
     }
   }
 `;
-const StyledButton = styled(Button)`
+const StyledButton = styled(TextButton)`
   height: 40px;
   margin: 0 8px;
 
@@ -51,13 +51,14 @@ const RightSideNav = _ref => {
   const getNavItem = item => {
     if (item?.disabled) {
       return /*#__PURE__*/_jsx(NavItem, {
-        as: Button,
+        as: TextButton,
         className: "disabled",
         children: item?.label
       }, item?.label);
     } else {
       return /*#__PURE__*/_jsx(NavItem, {
-        as: StyledLink,
+        as: HyperLink,
+        external: true,
         $variant: "styleless",
         target: "_self",
         href: item?.to || '',

package/dist/GlobalNavigationBar/desktop/RightSideNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightSideNav.js","names":["React","styled","NavItem","BREAKPOINTS","ComponentTextStyle","Button","ComponentMStyling","defaultOnMouseDownHandler","TooltipWrapper","StyledLink","jsx","_jsx","jsxs","_jsxs","NavContainer","div","MEDIUM","LARGE","StyledButton","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","as","className","children","label","$variant","target","href","to","onMouseDown","onClick","e","reverse","map","no","tooltip","_objectSpread","variant","undefined","propTypes","_pt","array"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {Button} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport { StyledLink } from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={Button} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={StyledLink}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RightSideNav.js","names":["React","styled","NavItem","BREAKPOINTS","ComponentTextStyle","TextButton","ComponentMStyling","defaultOnMouseDownHandler","TooltipWrapper","HyperLink","jsx","_jsx","jsxs","_jsxs","NavContainer","div","MEDIUM","LARGE","StyledButton","Bold","RightSideNav","_ref","items","action","getNavItem","item","disabled","as","className","children","label","external","$variant","target","href","to","onMouseDown","onClick","e","reverse","map","no","tooltip","_objectSpread","variant","undefined","propTypes","_pt","array"],"sources":["../../../src/GlobalNavigationBar/desktop/RightSideNav.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {NavItem} from '../../NavItem';\r\nimport {BREAKPOINTS, ComponentTextStyle} from '../../styles';\r\nimport {TextButton} from '../../Button';\r\nimport {ComponentMStyling} from '../../styles';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\nimport {MenuButton, MenuNavigationItemTypeItem} from '../types';\r\nimport {TooltipWrapper} from \"../../Tooltips\";\r\nimport HyperLink from '../../HyperLink/HyperLink';\r\n\r\nconst NavContainer = styled.div`\r\n  display: none;\r\n  margin: auto 0 auto auto;\r\n  align-items: center;\r\n  height: 64px;\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: flex;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  button,\r\n  div {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nconst StyledButton = styled(TextButton)`\r\n  height: 40px;\r\n  margin: 0 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, 'unset')}\r\n`;\r\n\r\ntype Props = {\r\n  items?: MenuNavigationItemTypeItem[];\r\n  action?: MenuButton;\r\n};\r\n\r\nconst RightSideNav = ({items, action}: Props): React.ReactElement<Props> => {\r\n  const getNavItem = (item: MenuNavigationItemTypeItem) => {\r\n    if (item?.disabled) {\r\n      return (\r\n        <NavItem as={TextButton} className=\"disabled\" key={item?.label}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    } else {\r\n      return (\r\n        <NavItem\r\n          as={HyperLink}\r\n          external={true}\r\n          $variant=\"styleless\"\r\n          target='_self'\r\n          href={item?.to || ''}\r\n          key={item?.label}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={(e:React.MouseEvent) => item.action && item.action(e)}>\r\n          {item?.label}\r\n        </NavItem>\r\n      );\r\n    }\r\n  };\r\n\r\n\r\n\r\n  return (\r\n    <NavContainer>\r\n      {items?.reverse().map(no => getNavItem(no))}\r\n\r\n      {\r\n        action && !action.tooltip &&\r\n        <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n          {action.label}\r\n        </StyledButton>\r\n      }\r\n      {\r\n        action && !!action.tooltip &&\r\n          <TooltipWrapper {...action.tooltip}>\r\n            <StyledButton variant=\"secondary\" onClick={action?.action} {...{...action, action: undefined}}>\r\n              {action.label}\r\n            </StyledButton>\r\n          </TooltipWrapper>\r\n      }\r\n\r\n    </NavContainer>\r\n  );\r\n};\r\n\r\nexport default RightSideNav;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/UserMenu.cjs

@@ -226,7 +226,7 @@ const UserMenu = _ref => {
           children: section.items.map((item, index) => renderItem(item, section, index))
         }, index)]
       }, index)), signOut && /*#__PURE__*/(0, _jsxRuntime.jsx)(SignOutActionWrapper, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.TextButton, {
           width: '272px',
           variant: "secondary",
           icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Logout, {}),

package/dist/GlobalNavigationBar/desktop/UserMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_styles","_types","_CommonStyles","_icons","_HyperLink","_breakpoints","_MenuItem","_NavigationProvider","_ProfileButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UserMenuScrollContainer","styled","div","UserMenuPinnedContainer","UserMenuWrapper","props","COLORS","getColor","theme","Z_INDEXES","off_canvas","Breakpoints","MEDIUM","flowDown","BOXSHADOWS","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","ComponentSStyling","ComponentTextStyle","Bold","MenuSectionList","UserMenuSectionListStyling","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","ComponentLStyling","generateToken","componentType","defaultVariant","UserSectionInfoEmail","ComponentXSStyling","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useNavigation","useEffect","handleKeyPress","key","document","addEventListener","removeEventListener","renderItem","item","section","index","jsx","MenuItem","id","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","jsxs","onClick","className","role","children","ProfileButton","tabIndex","initials","firstName","lastName","email","link","HyperLink","variant","href","target","cloneElement","size","filter","pinned","map","divider","items","Button","width","SystemIcons","Logout","Size","Large","preventDefault","propTypes","_propTypes","bool","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigation} from '../../Navigation/NavigationProvider';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate && navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'styleless'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UserMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_styles","_types","_CommonStyles","_icons","_HyperLink","_breakpoints","_MenuItem","_NavigationProvider","_ProfileButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UserMenuScrollContainer","styled","div","UserMenuPinnedContainer","UserMenuWrapper","props","COLORS","getColor","theme","Z_INDEXES","off_canvas","Breakpoints","MEDIUM","flowDown","BOXSHADOWS","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","ComponentSStyling","ComponentTextStyle","Bold","MenuSectionList","UserMenuSectionListStyling","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","ComponentLStyling","generateToken","componentType","defaultVariant","UserSectionInfoEmail","ComponentXSStyling","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useNavigation","useEffect","handleKeyPress","key","document","addEventListener","removeEventListener","renderItem","item","section","index","jsx","MenuItem","id","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","jsxs","onClick","className","role","children","ProfileButton","tabIndex","initials","firstName","lastName","email","link","HyperLink","variant","href","target","cloneElement","size","filter","pinned","map","divider","items","TextButton","width","SystemIcons","Logout","Size","Large","preventDefault","propTypes","_propTypes","bool","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {TextButton} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigation} from '../../Navigation/NavigationProvider';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate && navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'styleless'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <TextButton width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </TextButton>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/UserMenu.js

@@ -1,7 +1,7 @@
 import _pt from "prop-types";
 import * as React from 'react';
 import styled from 'styled-components';
-import { Button } from '../../Button';
+import { TextButton } from '../../Button';
 import { BOXSHADOWS, COLORS, ComponentLStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';
 import { Size } from '../../types';
 import { flowDown, UserMenuSectionListStyling } from '../mobile/CommonStyles';
@@ -217,7 +217,7 @@ const UserMenu = _ref => {
           children: section.items.map((item, index) => renderItem(item, section, index))
         }, index)]
       }, index)), signOut && /*#__PURE__*/_jsx(SignOutActionWrapper, {
-        children: /*#__PURE__*/_jsx(Button, {
+        children: /*#__PURE__*/_jsx(TextButton, {
           width: '272px',
           variant: "secondary",
           icon: /*#__PURE__*/_jsx(SystemIcons.Logout, {}),

package/dist/GlobalNavigationBar/desktop/UserMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.js","names":["React","styled","Button","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigation","ProfileButton","jsx","_jsx","jsxs","_jsxs","UserMenuScrollContainer","div","UserMenuPinnedContainer","UserMenuWrapper","props","getColor","theme","off_canvas","MEDIUM","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","Bold","MenuSectionList","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","generateToken","componentType","defaultVariant","UserSectionInfoEmail","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useEffect","handleKeyPress","e","key","document","addEventListener","removeEventListener","renderItem","item","section","index","id","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","onClick","className","role","children","tabIndex","initials","firstName","lastName","email","link","variant","href","target","cloneElement","size","filter","a","pinned","map","divider","items","width","Logout","Large","preventDefault","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigation} from '../../Navigation/NavigationProvider';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate && navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'styleless'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UserMenu.js","names":["React","styled","TextButton","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigation","ProfileButton","jsx","_jsx","jsxs","_jsxs","UserMenuScrollContainer","div","UserMenuPinnedContainer","UserMenuWrapper","props","getColor","theme","off_canvas","MEDIUM","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","Bold","MenuSectionList","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","generateToken","componentType","defaultVariant","UserSectionInfoEmail","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useEffect","handleKeyPress","e","key","document","addEventListener","removeEventListener","renderItem","item","section","index","id","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","onClick","className","role","children","tabIndex","initials","firstName","lastName","email","link","variant","href","target","cloneElement","size","filter","a","pinned","map","divider","items","width","Logout","Large","preventDefault","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {TextButton} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigation} from '../../Navigation/NavigationProvider';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate && navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'styleless'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <TextButton width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </TextButton>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/__tests__/DesktopActions.test.tsx

@@ -0,0 +1,108 @@
+import * as React from 'react';
+import DesktopActions, {DesktopActionsRef} from '../DesktopActions';
+import {act, render} from '../../../test-utils';
+import {DesktopMenuButtonTypes} from '../../types';
+import {SystemIcons} from '../../../icons';
+import {IconButtonStyled} from '../../../Button/Iconbutton';
+import {ProfileButtonContainer} from '../../../ProfileButton/ProfileButton';
+
+describe('DesktopActions', () => {
+  const profileSpy = jest.fn();
+  const actionSpy = jest.fn();
+  const switcherSpy = jest.fn();
+  const showSubMenuSpy = jest.fn();
+
+  const profile: DesktopMenuButtonTypes = {
+    type: 'profile',
+    action: profileSpy,
+  };
+
+  const action: DesktopMenuButtonTypes = {
+    type: 'action',
+    action: actionSpy,
+    icon: <SystemIcons.Search/>,
+  };
+
+  const switcher: DesktopMenuButtonTypes = {
+    type: 'switcher',
+    action: switcherSpy,
+  };
+
+
+  it('should render profile button', () => {
+    const wrapper = render(<DesktopActions buttons={[profile]} onShowUserMenu={showSubMenuSpy}/>)
+
+    expect(wrapper.container.querySelectorAll(`${ProfileButtonContainer}`)).toHaveLength(1);
+  });
+
+  it('should render action button', () => {
+    const wrapper = render(<DesktopActions buttons={[action]} onShowUserMenu={showSubMenuSpy}/>)
+
+    expect(wrapper.container.querySelectorAll(`${IconButtonStyled}`)).toHaveLength(1);
+  });
+
+  it('should render switcher button', () => {
+    const wrapper = render(<DesktopActions buttons={[switcher]} onShowUserMenu={showSubMenuSpy}/>)
+
+    expect(wrapper.container.querySelectorAll(`#globalNavAppsButton`)).toHaveLength(1);
+  });
+
+  it('should call profile action on profile button click', () => {
+    const wrapper = render(<DesktopActions buttons={[profile]} onShowUserMenu={showSubMenuSpy}/>)
+
+    act(() => {
+      wrapper.container.querySelector('button')!.click();
+    });
+
+    expect(profileSpy).toHaveBeenCalled();
+  });
+
+  it('should call on sub menu open when action is not specified on profile button click', () => {
+    const wrapper = render(<DesktopActions buttons={[{...profile, action: undefined}]}
+                                           onShowUserMenu={showSubMenuSpy}/>)
+
+    act(() => {
+      wrapper.container.querySelector('button')!.click();
+    });
+
+    expect(showSubMenuSpy).toHaveBeenCalled();
+  });
+
+  it('should call action on action button click', () => {
+    const wrapper = render(<DesktopActions buttons={[action]} onShowUserMenu={showSubMenuSpy}/>)
+
+    act(() => {
+      wrapper.container.querySelector('button')!.click();
+    });
+
+    expect(actionSpy).toHaveBeenCalled();
+  });
+
+  it('should call switcher action on switcher button click', () => {
+    const wrapper = render(<DesktopActions buttons={[switcher]} onShowUserMenu={showSubMenuSpy}/>)
+
+    act(() => {
+      wrapper.container.querySelector('button')!.click();
+    });
+
+    expect(switcherSpy).toHaveBeenCalled();
+  });
+
+
+  it('should not throw exceptions when buttons are removed', async () => {
+    const actionsRef = React.createRef<DesktopActionsRef>();
+
+    const wrapper = render(<DesktopActions ref={actionsRef}
+                                          buttons={[switcher, profile, action]}
+                                          onShowUserMenu={showSubMenuSpy}/>)
+
+    wrapper.rerender(<DesktopActions ref={actionsRef}
+                                     buttons={[]}
+                                     onShowUserMenu={showSubMenuSpy}/>)
+
+    expect(wrapper.container.querySelectorAll(`#globalNavAppsButton`)).toHaveLength(0);
+    expect(wrapper.container.querySelectorAll(`${ProfileButtonContainer}`)).toHaveLength(0);
+    expect(wrapper.container.querySelectorAll(`${IconButtonStyled}`)).toHaveLength(0);
+  });
+
+});