@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

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

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.js","names":["React","styled","Menu","MenuSection","MenuSectionList","Size","SystemIcons","checkIfContainsItem","Tabs","TabLink","MenuItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SubMenuWrapper","div","_templateObject","_taggedTemplateLiteral","props","$topLevel","$visible","SubMenu","forwardRef","_ref","ref","item","index","topLevel","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","forceUpdate","useState","focusedRef","useRef","allRefs","setAllRefs","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","filter","containActiveItem","onMouseEnter","existingRefForId","onKeyDown","e","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","onFocus","onBlur","className","Boolean","children","role","tabIndex","size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","style","position","value","label","iconRight","ArrowDropRight","active","onClickHandler","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_pt","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ $topLevel: boolean; $visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.$topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.$topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.$visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\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    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\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      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } $topLevel={topLevel} $visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      to={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SubMenu.js","names":["React","styled","Menu","MenuSection","MenuSectionList","Size","SystemIcons","checkIfContainsItem","Tabs","TabLink","MenuItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SubMenuWrapper","div","props","$topLevel","$visible","SubMenu","forwardRef","_ref","ref","item","index","topLevel","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","forceUpdate","useState","focusedRef","useRef","allRefs","setAllRefs","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","filter","containActiveItem","onMouseEnter","existingRefForId","onKeyDown","e","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","click","newFocusedElement","oldFocusedElement","classList","remove","add","onFocus","onBlur","className","Boolean","children","role","tabIndex","size","Medium","entry","isGroup","to","SubItemOpened","style","position","value","label","iconRight","ArrowDropRight","active","onClickHandler","href","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_pt","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ $topLevel: boolean; $visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.$topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.$topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.$visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement | null>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement | null> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\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    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\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      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } $topLevel={topLevel} $visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      href={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/UserMenu.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -17,25 +16,122 @@ var _icons = require("../../icons");
 var _HyperLink = require("../../HyperLink");
 var _breakpoints = _interopRequireDefault(require("../../styles/breakpoints"));
 var _MenuItem = require("../../MenuItem");
-var _NavigationHelper = require("../../common/NavigationHelper");
+var _NavigationProvider = require("../../Navigation/NavigationProvider");
 var _ProfileButton = require("../../ProfileButton");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 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; }
-const UserMenuScrollContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n"])));
-const UserMenuPinnedContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([""])));
-const UserMenuWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  width: 320px;\n\n  position: absolute;\n\n  &.show {\n    display: block;\n  }\n\n  top: 0;\n  right: 0;\n  z-index: ", ";\n  height: 100%;\n  flex-flow: column;\n\n\n  ", " {\n    flex-flow: initial;\n    top: initial;\n    right: initial;\n    height: initial;\n    animation: ", " 0.2s ease-in-out;\n    box-shadow: ", ";\n    border-radius: 8px;\n    border: 1px solid ", ";\n    z-index: ", ";\n    padding: 24px 0;\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), _styles.Z_INDEXES.off_canvas, _breakpoints.default.MEDIUM, _CommonStyles.flowDown, _styles.BOXSHADOWS.BOXSHADOW_CENTERED, props => _styles.COLORS.getColor('neutral_200', props.theme), _styles.Z_INDEXES.fixed_menu);
-const MenuSection = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 4px 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ", ";\n  }\n"])), props => _styles.COLORS.getColor('neutral_200', props.theme));
-const SignOutActionWrapper = (0, _styledComponents.default)(MenuSection)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  justify-content: center;\n"])));
-const MenuSectionHeader = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  padding: 8px 24px 4px 24px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ", ";\n\n  ", "\n"])), props => _styles.COLORS.getColor('neutral_20', props.theme), props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_500', props.theme)));
-const MenuSectionList = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0;\n  padding: 0;\n\n  ", ";\n"])), _CommonStyles.UserMenuSectionListStyling);
-const UserSectionAvatar = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  pointer-events: none;\n\n  button {\n    padding: 0 !important;\n  }\n\n  button > div {\n    width: 48px !important;\n    height: 48px !important;\n    border-radius: 50% !important;\n  }\n"])));
-const UserSectionInfo = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 2px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"])));
-const UserSectionInfoName = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme)));
-const UserSectionInfoEmail = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  word-break: break-all;\n  ", "\n"])), props => (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_500', props.theme)));
-const UserSectionInfoLink = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, null));
-const UserSection = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  padding: 0 24px 8px 24px;\n  gap: 16px;\n"])));
+const UserMenuScrollContainer = _styledComponents.default.div`
+  flex: 1;
+`;
+const UserMenuPinnedContainer = _styledComponents.default.div``;
+const UserMenuWrapper = _styledComponents.default.div`
+  margin: 0;
+  background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+  box-sizing: border-box;
+  display: none;
+  width: 320px;
+
+  position: absolute;
+
+  &.show {
+    display: block;
+  }
+
+  top: 0;
+  right: 0;
+  z-index: ${_styles.Z_INDEXES.off_canvas};
+  height: 100%;
+  flex-flow: column;
+
+
+  ${_breakpoints.default.MEDIUM} {
+    flex-flow: initial;
+    top: initial;
+    right: initial;
+    height: initial;
+    animation: ${_CommonStyles.flowDown} 0.2s ease-in-out;
+    box-shadow: ${_styles.BOXSHADOWS.BOXSHADOW_CENTERED};
+    border-radius: 8px;
+    border: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+    z-index: ${_styles.Z_INDEXES.fixed_menu};
+    padding: 24px 0;
+  }
+`;
+const MenuSection = _styledComponents.default.div`
+  padding: 4px 0;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  &.divider {
+    border-top: 1px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+  }
+`;
+const SignOutActionWrapper = (0, _styledComponents.default)(MenuSection)`
+  align-items: center;
+  justify-content: center;
+`;
+const MenuSectionHeader = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  padding: 8px 24px 4px 24px;
+  box-sizing: border-box;
+  min-height: 32px;
+  background-color: ${props => _styles.COLORS.getColor('neutral_20', props.theme)};
+
+  ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_500', props.theme))}
+`;
+const MenuSectionList = _styledComponents.default.div`
+  margin: 0;
+  padding: 0;
+
+  ${_CommonStyles.UserMenuSectionListStyling};
+`;
+const UserSectionAvatar = _styledComponents.default.div`
+  pointer-events: none;
+
+  button {
+    padding: 0 !important;
+  }
+
+  button > div {
+    width: 48px !important;
+    height: 48px !important;
+    border-radius: 50% !important;
+  }
+`;
+const UserSectionInfo = _styledComponents.default.div`
+  padding: 2px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+const UserSectionInfoName = _styledComponents.default.div`
+  ${props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+`;
+const UserSectionInfoEmail = _styledComponents.default.div`
+  word-break: break-all;
+  ${props => (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_500', props.theme))}
+`;
+const UserSectionInfoLink = _styledComponents.default.div`
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  ${(0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, null)}
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+`;
+const UserSection = _styledComponents.default.div`
+  display: flex;
+  flex-direction: row;
+  padding: 0 24px 8px 24px;
+  gap: 16px;
+`;
 const UserMenu = _ref => {
   let {
     show,
@@ -48,24 +144,22 @@ const UserMenu = _ref => {
   const {
     navigate,
     isActiveRoute
-  } = (0, _NavigationHelper.useNavigationHelper)();
+  } = (0, _NavigationProvider.useNavigation)();
   React.useEffect(() => {
-    var _document;
     if (!onHideUserMenu) return;
     function handleKeyPress(e) {
       if (e.key === 'Escape' || e.key === 'Esc') {
         onHideUserMenu();
       }
     }
-    (_document = document) === null || _document === void 0 || _document.addEventListener('keydown', handleKeyPress, false);
+    document?.addEventListener('keydown', handleKeyPress, false);
     return () => {
-      var _document2;
-      (_document2 = document) === null || _document2 === void 0 || _document2.removeEventListener('keydown', handleKeyPress, false);
+      document?.removeEventListener('keydown', handleKeyPress, false);
     };
   }, [onHideUserMenu]);
   const renderItem = (item, section, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
-    id: "profile_".concat(index),
-    active: !item.external && isActiveRoute(item.to, !!item.exact),
+    id: `profile_${index}`,
+    active: !item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact),
     item: {
       value: item.to,
       disabled: item.disabled,
@@ -74,7 +168,7 @@ const UserMenu = _ref => {
     },
     onClickHandler: e => {
       item.action && item.action(e);
-      navigate(item.to, !!item.external);
+      navigate && navigate(item.to, !!item.external);
     }
   }, index);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(UserMenuWrapper, {
@@ -93,12 +187,12 @@ const UserMenu = _ref => {
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(UserSectionInfo, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(UserSectionInfoName, {
             "data-hj-suppress": true,
-            children: "".concat(user.firstName, " ").concat(user.lastName)
+            children: `${user.firstName} ${user.lastName}`
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(UserSectionInfoEmail, {
             "data-hj-suppress": true,
             children: user.email
           }), user.link && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
-            variant: 'default',
+            variant: 'styleless',
             href: user.link.href,
             target: user.link.target,
             id: user.link.id,
@@ -136,9 +230,9 @@ const UserMenu = _ref => {
           size: _types.Size.Large,
           onClick: e => {
             e.preventDefault();
-            signOut === null || signOut === void 0 || signOut.action();
+            signOut?.action();
           },
-          children: signOut === null || signOut === void 0 ? void 0 : signOut.label
+          children: signOut?.label
         })
       })]
     })]

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","_NavigationHelper","_ProfileButton","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UserMenuScrollContainer","styled","div","_taggedTemplateLiteral2","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","UserSectionInfoEmail","ComponentXSStyling","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useNavigationHelper","useEffect","_document","handleKeyPress","key","document","addEventListener","_document2","removeEventListener","renderItem","item","section","index","jsx","MenuItem","id","concat","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 {useNavigationHelper} from '../../common/NavigationHelper';\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.getColor('neutral_600', 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} = useNavigationHelper();\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(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(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={'default'}\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":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AASA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAEA,IAAAS,YAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,iBAAA,GAAAX,OAAA;AACA,IAAAY,cAAA,GAAAZ,OAAA;AAAkD,IAAAa,WAAA,GAAAb,OAAA;AAAA,IAAAc,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAA7B,wBAAA6B,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElD,MAAMW,uBAAuB,GAAGC,yBAAM,CAACC,GAAG,CAAAnC,eAAA,KAAAA,eAAA,OAAAoC,uBAAA,CAAAjB,OAAA,uBAEzC;AAED,MAAMkB,uBAAuB,GAAGH,yBAAM,CAACC,GAAG,CAAAlC,gBAAA,KAAAA,gBAAA,OAAAmC,uBAAA,CAAAjB,OAAA,SAAE;AAG5C,MAAMmB,eAAe,GAAGJ,yBAAM,CAACC,GAAG,CAAAjC,gBAAA,KAAAA,gBAAA,OAAAkC,uBAAA,CAAAjB,OAAA,+gBAEZoB,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EAavDC,iBAAS,CAACC,UAAU,EAK7BC,oBAAW,CAACC,MAAM,EAKLC,sBAAQ,EACPC,kBAAU,CAACC,kBAAkB,EAEvBV,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAC7DC,iBAAS,CAACO,UAAU,CAGlC;AAGD,MAAMC,WAAW,GAAGjB,yBAAM,CAACC,GAAG,CAAAhC,gBAAA,KAAAA,gBAAA,OAAAiC,uBAAA,CAAAjB,OAAA,mJAOFoB,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAE/E;AAED,MAAMU,oBAAoB,GAAG,IAAAlB,yBAAM,EAACiB,WAAW,CAAC,CAAA/C,gBAAA,KAAAA,gBAAA,OAAAgC,uBAAA,CAAAjB,OAAA,+DAG/C;AAED,MAAMkC,iBAAiB,GAAGnB,yBAAM,CAACC,GAAG,CAAA9B,gBAAA,KAAAA,gBAAA,OAAA+B,uBAAA,CAAAjB,OAAA,0KAMdoB,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC,EAErEH,KAAK,IAAI,IAAAe,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEhB,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,CACnG;AAED,MAAMe,eAAe,GAAGvB,yBAAM,CAACC,GAAG,CAAA7B,gBAAA,KAAAA,gBAAA,OAAA8B,uBAAA,CAAAjB,OAAA,oDAI9BuC,wCAA0B,CAC7B;AAGD,MAAMC,iBAAiB,GAAGzB,yBAAM,CAACC,GAAG,CAAA5B,gBAAA,KAAAA,gBAAA,OAAA6B,uBAAA,CAAAjB,OAAA,2MAYnC;AAED,MAAMyC,eAAe,GAAG1B,yBAAM,CAACC,GAAG,CAAA3B,gBAAA,KAAAA,gBAAA,OAAA4B,uBAAA,CAAAjB,OAAA,wFAKjC;AAED,MAAM0C,mBAAmB,GAAG3B,yBAAM,CAACC,GAAG,CAAA1B,iBAAA,KAAAA,iBAAA,OAAA2B,uBAAA,CAAAjB,OAAA,oBAClCoB,KAAK,IAAI,IAAAuB,yBAAiB,EAACP,0BAAkB,CAACC,IAAI,EAAEhB,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,CACnG;AAED,MAAMqB,oBAAoB,GAAG7B,yBAAM,CAACC,GAAG,CAAAzB,iBAAA,KAAAA,iBAAA,OAAA0B,uBAAA,CAAAjB,OAAA,8CAEnCoB,KAAK,IAAI,IAAAyB,0BAAkB,EAACT,0BAAkB,CAACU,OAAO,EAAEzB,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,CACvG;AAED,MAAMwB,mBAAmB,GAAGhC,yBAAM,CAACC,GAAG,CAAAxB,iBAAA,KAAAA,iBAAA,OAAAyB,uBAAA,CAAAjB,OAAA,mJAMlC,IAAA6C,0BAAkB,EAACT,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,CAKpD;AAED,MAAMW,WAAW,GAAGjC,yBAAM,CAACC,GAAG,CAAAvB,iBAAA,KAAAA,iBAAA,OAAAwB,uBAAA,CAAAjB,OAAA,gGAK7B;AAOD,MAAMiD,QAAQ,GAAGC,IAAA,IAA2E;EAAA,IAA1E;IAACC,IAAI;IAAEC,IAAI;IAAEC,cAAc;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAoB,CAAC,GAAAN,IAAA;EAErF,MAAM;IAACO,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,qCAAmB,EAAC,CAAC;EAEvD9F,KAAK,CAAC+F,SAAS,CAAC,MAAM;IAAA,IAAAC,SAAA;IACpB,IAAI,CAACR,cAAc,EAAE;IAErB,SAASS,cAAcA,CAACnE,CAAM,EAAE;MAC9B,IAAIA,CAAC,CAACoE,GAAG,KAAK,QAAQ,IAAIpE,CAAC,CAACoE,GAAG,KAAK,KAAK,EAAE;QACzCV,cAAc,CAAC,CAAC;MAClB;IACF;IAEA,CAAAQ,SAAA,GAAAG,QAAQ,cAAAH,SAAA,eAARA,SAAA,CAAUI,gBAAgB,CAAC,SAAS,EAAEH,cAAc,EAAE,KAAK,CAAC;IAC5D,OAAO,MAAM;MAAA,IAAAI,UAAA;MACX,CAAAA,UAAA,GAAAF,QAAQ,cAAAE,UAAA,eAARA,UAAA,CAAUC,mBAAmB,CAAC,SAAS,EAAEL,cAAc,EAAE,KAAK,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,CAACT,cAAc,CAAC,CAAC;EAEpB,MAAMe,UAAU,GAAGA,CAACC,IAAwB,EAAEC,OAA8B,EAAEC,KAAa,kBACzF,IAAA3F,WAAA,CAAA4F,GAAA,EAAC/F,SAAA,CAAAgG,QAAQ;IACCC,EAAE,aAAAC,MAAA,CAAaJ,KAAK,CAAG;IACvBK,MAAM,EAAE,CAACP,IAAI,CAACQ,QAAQ,IAAInB,aAAa,CAACW,IAAI,CAACS,EAAE,EAAE,CAAC,CAACT,IAAI,CAACU,KAAK,CAAE;IAC/DV,IAAI,EAAE;MACJW,KAAK,EAAEX,IAAI,CAACS,EAAE;MACdG,QAAQ,EAAEZ,IAAI,CAACY,QAAQ;MACvBC,IAAI,EAAEb,IAAI,CAACa,IAAI;MACfC,YAAY,EAAEd,IAAI,CAACb;IACrB,CAAE;IACF4B,cAAc,EAAGzF,CAAC,IAAK;MACrB0E,IAAI,CAACgB,MAAM,IAAIhB,IAAI,CAACgB,MAAM,CAAC1F,CAAC,CAAC;MAC7B8D,QAAQ,CAACY,IAAI,CAACS,EAAE,EAAE,CAAC,CAACT,IAAI,CAACQ,QAAQ,CAAC;IACpC;EAAE,GAZGN,KAYF,CAAC;EAEhB,oBACE,IAAA3F,WAAA,CAAA0G,IAAA,EAACnE,eAAe;IAACoE,OAAO,EAAElC,cAAe;IACxBmC,SAAS,EAAErC,IAAI,GAAG,MAAM,GAAG,EAAG;IAC9BsC,IAAI,EAAC,MAAM;IACX,mBAAgB,gBAAgB;IAAAC,QAAA,gBAC/C,IAAA9G,WAAA,CAAA0G,IAAA,EAACxE,uBAAuB;MAAA4E,QAAA,gBACtB,IAAA9G,WAAA,CAAA0G,IAAA,EAACtC,WAAW;QAAA0C,QAAA,gBACV,IAAA9G,WAAA,CAAA4F,GAAA,EAAChC,iBAAiB;UAAAkD,QAAA,eAChB,IAAA9G,WAAA,CAAA4F,GAAA,EAAC7F,cAAA,CAAAgH,aAAa;YAACJ,OAAO,EAAEA,CAAA,KAAM,CAC9B,CAAE;YACaK,QAAQ,EAAE,CAAC,CAAE;YACbC,QAAQ,EAAEzC,IAAI,CAAC0C,SAAS,CAAC,CAAC,CAAC,GAAG1C,IAAI,CAAC2C,QAAQ,CAAC,CAAC;UAAE,CAAC;QAAC,CAC/C,CAAC,eACpB,IAAAnH,WAAA,CAAA0G,IAAA,EAAC7C,eAAe;UAAAiD,QAAA,gBACd,IAAA9G,WAAA,CAAA4F,GAAA,EAAC9B,mBAAmB;YAAC,wBAAgB;YAAAgD,QAAA,KAAAf,MAAA,CAAKvB,IAAI,CAAC0C,SAAS,OAAAnB,MAAA,CAAIvB,IAAI,CAAC2C,QAAQ;UAAA,CAAwB,CAAC,eAClG,IAAAnH,WAAA,CAAA4F,GAAA,EAAC5B,oBAAoB;YAAC,wBAAgB;YAAA8C,QAAA,EAAEtC,IAAI,CAAC4C;UAAK,CAAuB,CAAC,EAExE5C,IAAI,CAAC6C,IAAI,iBACT,IAAArH,WAAA,CAAA4F,GAAA,EAACjG,UAAA,CAAA2H,SAAS;YAACC,OAAO,EAAE,SAAU;YACnBC,IAAI,EAAEhD,IAAI,CAAC6C,IAAI,CAACG,IAAK;YACrBC,MAAM,EAAEjD,IAAI,CAAC6C,IAAI,CAACI,MAAO;YACzB3B,EAAE,EAAEtB,IAAI,CAAC6C,IAAI,CAACvB,EAAG;YACjBa,OAAO,EAAEnC,IAAI,CAAC6C,IAAI,CAACV,OAAQ;YAAAG,QAAA,eACpC,IAAA9G,WAAA,CAAA0G,IAAA,EAACvC,mBAAmB;cAAA2C,QAAA,gBAClB,IAAA9G,WAAA,CAAA4F,GAAA;gBAAAkB,QAAA,EACGtC,IAAI,CAAC6C,IAAI,CAACzC;cAAK,CACZ,CAAC,EACNJ,IAAI,CAAC6C,IAAI,CAACf,IAAI,iBAAIrH,KAAK,CAACyI,YAAY,CAAClD,IAAI,CAAC6C,IAAI,CAACf,IAAI,EAAE;gBAACqB,IAAI,EAAE;cAAM,CAAC,CAAC;YAAA,CAClD;UAAC,CACb,CAAC;QAAA,CAEC,CAAC;MAAA,CACP,CAAC,EAEZjD,QAAQ,CAACkD,MAAM,CAACnG,CAAC,IAAI,CAACA,CAAC,CAACoG,MAAM,CAAC,CAACC,GAAG,CAAC,CAACpC,OAAO,EAAEC,KAAK,kBACjD,IAAA3F,WAAA,CAAA0G,IAAA,EAACtD,WAAW;QAAawD,SAAS,EAAElB,OAAO,CAACqC,OAAO,GAAG,SAAS,GAAG,EAAG;QAAAjB,QAAA,GAClEpB,OAAO,CAACd,KAAK,iBAAI,IAAA5E,WAAA,CAAA4F,GAAA,EAACtC,iBAAiB;UAAAwD,QAAA,EAAEpB,OAAO,CAACd;QAAK,CAAoB,CAAC,eACxE,IAAA5E,WAAA,CAAA4F,GAAA,EAAClC,eAAe;UAAAoD,QAAA,EACbpB,OAAO,CAACsC,KAAK,CAACF,GAAG,CAAC,CAACrC,IAAI,EAAEE,KAAK,KAAKH,UAAU,CAACC,IAAI,EAAEC,OAAO,EAAEC,KAAK,CAAC;QAAC,GADjDA,KAEL,CAAC;MAAA,GAJFA,KAKL,CACf,CAAC;IAAA,CAEoB,CAAC,eAC1B,IAAA3F,WAAA,CAAA0G,IAAA,EAACpE,uBAAuB;MAAAwE,QAAA,GAEpBpC,QAAQ,CAACkD,MAAM,CAACnG,CAAC,IAAI,CAAC,CAACA,CAAC,CAACoG,MAAM,CAAC,CAACC,GAAG,CAAC,CAACpC,OAAO,EAAEC,KAAK,kBAClD,IAAA3F,WAAA,CAAA0G,IAAA,EAACtD,WAAW;QAAawD,SAAS,EAAElB,OAAO,CAACqC,OAAO,IAAIpC,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAG;QAAAmB,QAAA,GACjFpB,OAAO,CAACd,KAAK,iBAAI,IAAA5E,WAAA,CAAA4F,GAAA,EAACtC,iBAAiB;UAAAwD,QAAA,EAAEpB,OAAO,CAACd;QAAK,CAAoB,CAAC,eACxE,IAAA5E,WAAA,CAAA4F,GAAA,EAAClC,eAAe;UAAAoD,QAAA,EACbpB,OAAO,CAACsC,KAAK,CAACF,GAAG,CAAC,CAACrC,IAAI,EAAEE,KAAK,KAAKH,UAAU,CAACC,IAAI,EAAEC,OAAO,EAAEC,KAAK,CAAC;QAAC,GADjDA,KAEL,CAAC;MAAA,GAJFA,KAKL,CACf,CAAC,EAGDhB,OAAO,iBACP,IAAA3E,WAAA,CAAA4F,GAAA,EAACvC,oBAAoB;QAAAyD,QAAA,eACnB,IAAA9G,WAAA,CAAA4F,GAAA,EAACtG,OAAA,CAAA2I,MAAM;UAACC,KAAK,EAAE,OAAQ;UACfX,OAAO,EAAC,WAAW;UACnBjB,IAAI,eAAE,IAAAtG,WAAA,CAAA4F,GAAA,EAAClG,MAAA,CAAAyI,WAAW,CAACC,MAAM,IAAC,CAAE;UAC5BT,IAAI,EAAEU,WAAI,CAACC,KAAM;UACjB3B,OAAO,EAAE5F,CAAC,IAAI;YACZA,CAAC,CAACwH,cAAc,CAAC,CAAC;YAClB5D,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAE8B,MAAM,CAAC,CAAC;UACnB,CAAE;UAAAK,QAAA,EACPnC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC;QAAK,CACT;MAAC,CACW,CAAC;IAAA,CAEF,CAAC;EAAA,CACX,CAAC;AAEtB,CAAC;AAACP,QAAA,CAAAmE,SAAA;EA/GAjE,IAAI,EAAAkE,UAAA,CAAArH,OAAA,CAAAsH,IAAA;EACJjE,cAAc,EAAAgE,UAAA,CAAArH,OAAA,CAAAuH,IAAA,CAAAC;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA1H,OAAA,GAgHDiD,QAAQ","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","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.getColor('neutral_600', 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":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AASA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAEA,IAAAS,YAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,mBAAA,GAAAX,OAAA;AACA,IAAAY,cAAA,GAAAZ,OAAA;AAAkD,IAAAa,WAAA,GAAAb,OAAA;AAAA,SAAAc,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElD,MAAMW,uBAAuB,GAAGC,yBAAM,CAACC,GAAG;AAC1C;AACA,CAAC;AAED,MAAMC,uBAAuB,GAAGF,yBAAM,CAACC,GAAG,EAAE;AAG5C,MAAME,eAAe,GAAGH,yBAAM,CAACC,GAAG;AAClC;AACA,sBAAsBG,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,iBAAS,CAACC,UAAU;AACjC;AACA;AACA;AACA;AACA,IAAIC,oBAAW,CAACC,MAAM;AACtB;AACA;AACA;AACA;AACA,iBAAiBC,sBAAQ;AACzB,kBAAkBC,kBAAU,CAACC,kBAAkB;AAC/C;AACA,wBAAwBV,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC5E,eAAeC,iBAAS,CAACO,UAAU;AACnC;AACA;AACA,CAAC;AAGD,MAAMC,WAAW,GAAGhB,yBAAM,CAACC,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4BG,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAChF;AACA,CAAC;AAED,MAAMU,oBAAoB,GAAG,IAAAjB,yBAAM,EAACgB,WAAW,CAAC;AAChD;AACA;AACA,CAAC;AAED,MAAME,iBAAiB,GAAGlB,yBAAM,CAACC,GAAG;AACpC;AACA;AACA;AACA;AACA;AACA,sBAAsBG,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AACzE;AACA,IAAIH,KAAK,IAAI,IAAAe,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEhB,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACpG,CAAC;AAED,MAAMe,eAAe,GAAGtB,yBAAM,CAACC,GAAG;AAClC;AACA;AACA;AACA,IAAIsB,wCAA0B;AAC9B,CAAC;AAGD,MAAMC,iBAAiB,GAAGxB,yBAAM,CAACC,GAAG;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMwB,eAAe,GAAGzB,yBAAM,CAACC,GAAG;AAClC;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMyB,mBAAmB,GAAG1B,yBAAM,CAACC,GAAG;AACtC,IAAIG,KAAK,IAAI,IAAAuB,yBAAiB,EAACP,0BAAkB,CAACC,IAAI,EAAEhB,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACpG,CAAC;AAED,MAAMqB,oBAAoB,GAAG5B,yBAAM,CAACC,GAAG;AACvC;AACA,IAAIG,KAAK,IAAI,IAAAyB,0BAAkB,EAACT,0BAAkB,CAACU,OAAO,EAAEzB,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AACxG,CAAC;AAED,MAAMwB,mBAAmB,GAAG/B,yBAAM,CAACC,GAAG;AACtC;AACA;AACA;AACA;AACA;AACA,IAAI,IAAA4B,0BAAkB,EAACT,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC;AACrD;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMW,WAAW,GAAGhC,yBAAM,CAACC,GAAG;AAC9B;AACA;AACA;AACA;AACA,CAAC;AAOD,MAAMgC,QAAQ,GAAGC,IAAA,IAA2E;EAAA,IAA1E;IAACC,IAAI;IAAEC,IAAI;IAAEC,cAAc;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAoB,CAAC,GAAAN,IAAA;EAErF,MAAM;IAACO,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,iCAAa,EAAC,CAAC;EAEjDhF,KAAK,CAACiF,SAAS,CAAC,MAAM;IACpB,IAAI,CAACP,cAAc,EAAE;IAErB,SAASQ,cAAcA,CAACjE,CAAM,EAAE;MAC9B,IAAIA,CAAC,CAACkE,GAAG,KAAK,QAAQ,IAAIlE,CAAC,CAACkE,GAAG,KAAK,KAAK,EAAE;QACzCT,cAAc,CAAC,CAAC;MAClB;IACF;IAEAU,QAAQ,EAAEC,gBAAgB,CAAC,SAAS,EAAEH,cAAc,EAAE,KAAK,CAAC;IAC5D,OAAO,MAAM;MACXE,QAAQ,EAAEE,mBAAmB,CAAC,SAAS,EAAEJ,cAAc,EAAE,KAAK,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,CAACR,cAAc,CAAC,CAAC;EAEpB,MAAMa,UAAU,GAAGA,CAACC,IAAwB,EAAEC,OAA8B,EAAEC,KAAa,kBACzF,IAAA3E,WAAA,CAAA4E,GAAA,EAAC/E,SAAA,CAAAgF,QAAQ;IACCC,EAAE,EAAE,WAAWH,KAAK,EAAG;IACvBI,MAAM,EAAE,CAACN,IAAI,CAACO,QAAQ,IAAI,CAAC,CAAChB,aAAa,IAAIA,aAAa,CAACS,IAAI,CAACQ,EAAE,EAAE,CAAC,CAACR,IAAI,CAACS,KAAK,CAAE;IAClFT,IAAI,EAAE;MACJU,KAAK,EAAEV,IAAI,CAACQ,EAAE;MACdG,QAAQ,EAAEX,IAAI,CAACW,QAAQ;MACvBC,IAAI,EAAEZ,IAAI,CAACY,IAAI;MACfC,YAAY,EAAEb,IAAI,CAACX;IACrB,CAAE;IACFyB,cAAc,EAAGrF,CAAC,IAAK;MACrBuE,IAAI,CAACe,MAAM,IAAIf,IAAI,CAACe,MAAM,CAACtF,CAAC,CAAC;MAC7B6D,QAAQ,IAAIA,QAAQ,CAACU,IAAI,CAACQ,EAAE,EAAE,CAAC,CAACR,IAAI,CAACO,QAAQ,CAAC;IAChD;EAAE,GAZGL,KAYF,CAAC;EAEhB,oBACE,IAAA3E,WAAA,CAAAyF,IAAA,EAAChE,eAAe;IAACiE,OAAO,EAAE/B,cAAe;IACxBgC,SAAS,EAAElC,IAAI,GAAG,MAAM,GAAG,EAAG;IAC9BmC,IAAI,EAAC,MAAM;IACX,mBAAgB,gBAAgB;IAAAC,QAAA,gBAC/C,IAAA7F,WAAA,CAAAyF,IAAA,EAACpE,uBAAuB;MAAAwE,QAAA,gBACtB,IAAA7F,WAAA,CAAAyF,IAAA,EAACnC,WAAW;QAAAuC,QAAA,gBACV,IAAA7F,WAAA,CAAA4E,GAAA,EAAC9B,iBAAiB;UAAA+C,QAAA,eAChB,IAAA7F,WAAA,CAAA4E,GAAA,EAAC7E,cAAA,CAAA+F,aAAa;YAACJ,OAAO,EAAEA,CAAA,KAAM,CAC9B,CAAE;YACaK,QAAQ,EAAE,CAAC,CAAE;YACbC,QAAQ,EAAEtC,IAAI,CAACuC,SAAS,CAAC,CAAC,CAAC,GAAGvC,IAAI,CAACwC,QAAQ,CAAC,CAAC;UAAE,CAAC;QAAC,CAC/C,CAAC,eACpB,IAAAlG,WAAA,CAAAyF,IAAA,EAAC1C,eAAe;UAAA8C,QAAA,gBACd,IAAA7F,WAAA,CAAA4E,GAAA,EAAC5B,mBAAmB;YAAC,wBAAgB;YAAA6C,QAAA,EAAE,GAAGnC,IAAI,CAACuC,SAAS,IAAIvC,IAAI,CAACwC,QAAQ;UAAE,CAAsB,CAAC,eAClG,IAAAlG,WAAA,CAAA4E,GAAA,EAAC1B,oBAAoB;YAAC,wBAAgB;YAAA2C,QAAA,EAAEnC,IAAI,CAACyC;UAAK,CAAuB,CAAC,EAExEzC,IAAI,CAAC0C,IAAI,iBACT,IAAApG,WAAA,CAAA4E,GAAA,EAACjF,UAAA,CAAA0G,SAAS;YAACC,OAAO,EAAE,WAAY;YACrBC,IAAI,EAAE7C,IAAI,CAAC0C,IAAI,CAACG,IAAK;YACrBC,MAAM,EAAE9C,IAAI,CAAC0C,IAAI,CAACI,MAAO;YACzB1B,EAAE,EAAEpB,IAAI,CAAC0C,IAAI,CAACtB,EAAG;YACjBY,OAAO,EAAEhC,IAAI,CAAC0C,IAAI,CAACV,OAAQ;YAAAG,QAAA,eACpC,IAAA7F,WAAA,CAAAyF,IAAA,EAACpC,mBAAmB;cAAAwC,QAAA,gBAClB,IAAA7F,WAAA,CAAA4E,GAAA;gBAAAiB,QAAA,EACGnC,IAAI,CAAC0C,IAAI,CAACtC;cAAK,CACZ,CAAC,EACNJ,IAAI,CAAC0C,IAAI,CAACf,IAAI,iBAAIpG,KAAK,CAACwH,YAAY,CAAC/C,IAAI,CAAC0C,IAAI,CAACf,IAAI,EAAE;gBAACqB,IAAI,EAAE;cAAM,CAAC,CAAC;YAAA,CAClD;UAAC,CACb,CAAC;QAAA,CAEC,CAAC;MAAA,CACP,CAAC,EAEZ9C,QAAQ,CAAC+C,MAAM,CAAC/F,CAAC,IAAI,CAACA,CAAC,CAACgG,MAAM,CAAC,CAACC,GAAG,CAAC,CAACnC,OAAO,EAAEC,KAAK,kBACjD,IAAA3E,WAAA,CAAAyF,IAAA,EAACnD,WAAW;QAAaqD,SAAS,EAAEjB,OAAO,CAACoC,OAAO,GAAG,SAAS,GAAG,EAAG;QAAAjB,QAAA,GAClEnB,OAAO,CAACZ,KAAK,iBAAI,IAAA9D,WAAA,CAAA4E,GAAA,EAACpC,iBAAiB;UAAAqD,QAAA,EAAEnB,OAAO,CAACZ;QAAK,CAAoB,CAAC,eACxE,IAAA9D,WAAA,CAAA4E,GAAA,EAAChC,eAAe;UAAAiD,QAAA,EACbnB,OAAO,CAACqC,KAAK,CAACF,GAAG,CAAC,CAACpC,IAAI,EAAEE,KAAK,KAAKH,UAAU,CAACC,IAAI,EAAEC,OAAO,EAAEC,KAAK,CAAC;QAAC,GADjDA,KAEL,CAAC;MAAA,GAJFA,KAKL,CACf,CAAC;IAAA,CAEoB,CAAC,eAC1B,IAAA3E,WAAA,CAAAyF,IAAA,EAACjE,uBAAuB;MAAAqE,QAAA,GAEpBjC,QAAQ,CAAC+C,MAAM,CAAC/F,CAAC,IAAI,CAAC,CAACA,CAAC,CAACgG,MAAM,CAAC,CAACC,GAAG,CAAC,CAACnC,OAAO,EAAEC,KAAK,kBAClD,IAAA3E,WAAA,CAAAyF,IAAA,EAACnD,WAAW;QAAaqD,SAAS,EAAEjB,OAAO,CAACoC,OAAO,IAAInC,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAG;QAAAkB,QAAA,GACjFnB,OAAO,CAACZ,KAAK,iBAAI,IAAA9D,WAAA,CAAA4E,GAAA,EAACpC,iBAAiB;UAAAqD,QAAA,EAAEnB,OAAO,CAACZ;QAAK,CAAoB,CAAC,eACxE,IAAA9D,WAAA,CAAA4E,GAAA,EAAChC,eAAe;UAAAiD,QAAA,EACbnB,OAAO,CAACqC,KAAK,CAACF,GAAG,CAAC,CAACpC,IAAI,EAAEE,KAAK,KAAKH,UAAU,CAACC,IAAI,EAAEC,OAAO,EAAEC,KAAK,CAAC;QAAC,GADjDA,KAEL,CAAC;MAAA,GAJFA,KAKL,CACf,CAAC,EAGDd,OAAO,iBACP,IAAA7D,WAAA,CAAA4E,GAAA,EAACrC,oBAAoB;QAAAsD,QAAA,eACnB,IAAA7F,WAAA,CAAA4E,GAAA,EAACtF,OAAA,CAAA0H,MAAM;UAACC,KAAK,EAAE,OAAQ;UACfX,OAAO,EAAC,WAAW;UACnBjB,IAAI,eAAE,IAAArF,WAAA,CAAA4E,GAAA,EAAClF,MAAA,CAAAwH,WAAW,CAACC,MAAM,IAAC,CAAE;UAC5BT,IAAI,EAAEU,WAAI,CAACC,KAAM;UACjB3B,OAAO,EAAExF,CAAC,IAAI;YACZA,CAAC,CAACoH,cAAc,CAAC,CAAC;YAClBzD,OAAO,EAAE2B,MAAM,CAAC,CAAC;UACnB,CAAE;UAAAK,QAAA,EACPhC,OAAO,EAAEC;QAAK,CACT;MAAC,CACW,CAAC;IAAA,CAEF,CAAC;EAAA,CACX,CAAC;AAEtB,CAAC;AAACP,QAAA,CAAAgE,SAAA;EA/GA9D,IAAI,EAAA+D,UAAA,CAAAjH,OAAA,CAAAkH,IAAA;EACJ9D,cAAc,EAAA6D,UAAA,CAAAjH,OAAA,CAAAmH,IAAA,CAAAC;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAtH,OAAA,GAgHDgD,QAAQ","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/UserMenu.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { ProfileMenu } from '../types';
-interface UserMenuProps extends ProfileMenu {
-    show?: boolean;
-    onHideUserMenu: () => void;
-}
-declare const UserMenu: ({ show, user, onHideUserMenu, sections, signOut, label }: UserMenuProps) => React.JSX.Element;
-export default UserMenu;
+import * as React from 'react';
+import { ProfileMenu } from '../types';
+interface UserMenuProps extends ProfileMenu {
+    show?: boolean;
+    onHideUserMenu: () => void;
+}
+declare const UserMenu: ({ show, user, onHideUserMenu, sections, signOut, label }: UserMenuProps) => React.JSX.Element;
+export default UserMenu;