@laerdal/life-react-components 5.0.9 → 5.1.0

package/dist/GlobalNavigationBar/desktop/SubMenu.js

@@ -1,5 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 var _templateObject;
@@ -12,76 +10,52 @@ import { checkIfContainsItem } from '../utils';
 import Tabs from '../../Tabs/Tabs';
 import TabLink from '../../Tabs/TabLink';
 import { MenuItem } from '../../MenuItem';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export var SubMenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", " {\n    top: ", ";\n    left: ", ";\n  }\n\n  ", "\n\n  button {\n    padding-left: 0px;\n  }\n"])), Menu, function (props) {
-  return props.$topLevel ? '100%' : '0px';
-}, function (props) {
-  return props.$topLevel ? '0px' : 'calc(100% - 12px)';
-}, function (props) {
-  return !props.$visible ? 'display: none;' : '';
-});
-export var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var item = _ref.item,
-    index = _ref.index,
-    topLevel = _ref.topLevel,
-    dropdownMenusOpenedArray = _ref.dropdownMenusOpenedArray,
-    onSubMenuHidden = _ref.onSubMenuHidden,
-    onSubMenuOpened = _ref.onSubMenuOpened,
-    onItemStateChanged = _ref.onItemStateChanged,
-    focusedItemId = _ref.focusedItemId,
-    activeItemId = _ref.activeItemId,
-    nestPath = _ref.nestPath,
-    ariaLabelledBy = _ref.ariaLabelledBy,
-    onItemFocused = _ref.onItemFocused;
-  var _React$useState = React.useState({}),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    forceUpdate = _React$useState2[1];
-  var focusedRef = React.useRef({
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const SubMenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", " {\n    top: ", ";\n    left: ", ";\n  }\n\n  ", "\n\n  button {\n    padding-left: 0px;\n  }\n"])), Menu, props => props.$topLevel ? '100%' : '0px', props => props.$topLevel ? '0px' : 'calc(100% - 12px)', props => !props.$visible ? 'display: none;' : '');
+export const SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    item,
+    index,
+    topLevel,
+    dropdownMenusOpenedArray,
+    onSubMenuHidden,
+    onSubMenuOpened,
+    onItemStateChanged,
+    focusedItemId,
+    activeItemId,
+    nestPath,
+    ariaLabelledBy,
+    onItemFocused
+  } = _ref;
+  const [, forceUpdate] = React.useState({});
+  const focusedRef = React.useRef({
     index: -1
   });
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    allRefs = _React$useState4[0],
-    setAllRefs = _React$useState4[1];
-  var _React$useState5 = React.useState([]),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    subMenuRefs = _React$useState6[0],
-    setAllSubMenuRefs = _React$useState6[1];
-  React.useEffect(function () {
-    setAllRefs(item.items.map(function (x) {
-      return x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : /*#__PURE__*/React.createRef();
-    }));
-    setAllSubMenuRefs(item.items.map(function (x) {
-      return x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : undefined;
-    }));
+  const [allRefs, setAllRefs] = React.useState([]);
+  const [subMenuRefs, setAllSubMenuRefs] = React.useState([]);
+  React.useEffect(() => {
+    setAllRefs(item.items.map(x => x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : /*#__PURE__*/React.createRef()));
+    setAllSubMenuRefs(item.items.map(x => x.type == 'desktopgroup' ? /*#__PURE__*/React.createRef() : undefined));
   }, [item]);
-  var existingRef = dropdownMenusOpenedArray.current.find(function (x) {
-    return x == item.id;
-  });
-  var _onMouseLeave = function onMouseLeave(event, id) {
-    dropdownMenusOpenedArray.current = _toConsumableArray(dropdownMenusOpenedArray.current.filter(function (x) {
-      return x != id;
-    }));
+  const existingRef = dropdownMenusOpenedArray.current.find(x => x == item.id);
+  const onMouseLeave = (event, id) => {
+    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter(x => x != id)];
     //just trigger rerendering
     onSubMenuHidden && onSubMenuHidden(id);
     forceUpdate({});
   };
-  var containActiveItem = false;
+  let containActiveItem = false;
   if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);
-  var _onMouseEnter = function onMouseEnter(event, id) {
-    var existingRefForId = dropdownMenusOpenedArray.current.find(function (x) {
-      return x == id;
-    });
+  const onMouseEnter = (event, id) => {
+    const existingRefForId = dropdownMenusOpenedArray.current.find(x => x == id);
     if (existingRefForId == null) {
-      dropdownMenusOpenedArray.current = [].concat(_toConsumableArray(dropdownMenusOpenedArray.current), [id]);
+      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];
       //just trigger rerendering
       onSubMenuOpened && onSubMenuOpened(id);
       forceUpdate({});
     }
   };
-  var _onKeyDown = function onKeyDown(e) {
+  const onKeyDown = e => {
     if (e.key === 'ArrowUp' || e.key === 'Up') {
       e.stopPropagation();
       e.preventDefault();
@@ -95,38 +69,38 @@ export var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     } else if (e.key == 'Enter' || e.code == 'Space') {
       e.stopPropagation();
       if (focusedRef.current.index < 0) return;
-      var focusedItem = item.items[focusedRef.current.index];
+      const focusedItem = item.items[focusedRef.current.index];
       if (focusedItem.type == 'desktopgroup') {
-        dropdownMenusOpenedArray.current = [].concat(_toConsumableArray(dropdownMenusOpenedArray.current), [focusedItem.id]);
+        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];
         forceUpdate({});
       } else {
         var _allRefs$focusedRef$c;
-        (_allRefs$focusedRef$c = allRefs[focusedRef.current.index].current) === null || _allRefs$focusedRef$c === void 0 ? void 0 : _allRefs$focusedRef$c.click();
+        (_allRefs$focusedRef$c = allRefs[focusedRef.current.index].current) === null || _allRefs$focusedRef$c === void 0 || _allRefs$focusedRef$c.click();
         forceUpdate({});
       }
 
       //just trigger rerendering
     }
   };
-  var setNewFocusedElement = function setNewFocusedElement(index) {
+  const setNewFocusedElement = index => {
     var _oldFocusedElement$cu;
-    var newFocusedElement = index >= 0 ? allRefs[index] : null;
-    var oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;
+    const newFocusedElement = index >= 0 ? allRefs[index] : null;
+    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;
     focusedRef.current.index = index;
-    if (oldFocusedElement) oldFocusedElement === null || oldFocusedElement === void 0 ? void 0 : (_oldFocusedElement$cu = oldFocusedElement.current) === null || _oldFocusedElement$cu === void 0 ? void 0 : _oldFocusedElement$cu.classList.remove('dropdown-hover');
+    if (oldFocusedElement) oldFocusedElement === null || oldFocusedElement === void 0 || (_oldFocusedElement$cu = oldFocusedElement.current) === null || _oldFocusedElement$cu === void 0 || _oldFocusedElement$cu.classList.remove('dropdown-hover');
     if (newFocusedElement && newFocusedElement !== oldFocusedElement) {
       var _newFocusedElement$cu, _item$items$index$id;
-      (_newFocusedElement$cu = newFocusedElement.current) === null || _newFocusedElement$cu === void 0 ? void 0 : _newFocusedElement$cu.classList.add('dropdown-hover');
+      (_newFocusedElement$cu = newFocusedElement.current) === null || _newFocusedElement$cu === void 0 || _newFocusedElement$cu.classList.add('dropdown-hover');
       onItemFocused && onItemFocused((_item$items$index$id = item.items[index].id) !== null && _item$items$index$id !== void 0 ? _item$items$index$id : '');
     } else if (onItemFocused) onItemFocused('');
   };
-  var onFocus = function onFocus(event) {
+  const onFocus = event => {
     event.stopPropagation();
-    dropdownMenusOpenedArray.current = _toConsumableArray(nestPath !== null && nestPath !== void 0 ? nestPath : []);
+    dropdownMenusOpenedArray.current = [...(nestPath !== null && nestPath !== void 0 ? nestPath : [])];
     setNewFocusedElement(0);
     forceUpdate({});
   };
-  var onBlur = function onBlur(event) {
+  const onBlur = event => {
     event.stopPropagation();
     setNewFocusedElement(-1);
   };
@@ -141,39 +115,29 @@ export var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       "aria-labelledby": ariaLabelledBy,
       onBlur: onBlur,
       onFocus: onFocus,
-      onKeyDown: function onKeyDown(event) {
-        return _onKeyDown(event);
-      },
+      onKeyDown: event => onKeyDown(event),
       tabIndex: 0,
       children: /*#__PURE__*/_jsx(MenuSection, {
         children: /*#__PURE__*/_jsx(MenuSectionList, {
           children: /*#__PURE__*/_jsx(Tabs, {
             size: Size.Medium,
-            children: item.items.map(function (entry, index) {
+            children: item.items.map((entry, index) => {
               var _entry$label2;
-              var isGroup = entry.type == 'desktopgroup';
-              var key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';
-              var SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find(function (x) {
-                return x == entry.id;
-              }));
+              const isGroup = entry.type == 'desktopgroup';
+              const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';
+              const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find(x => x == entry.id));
               if (isGroup) {
                 var _entry$items$find$id, _entry$items$find, _entry$label;
                 return /*#__PURE__*/_jsxs("div", {
                   style: {
                     position: 'relative'
                   },
-                  onMouseEnter: function onMouseEnter(event) {
-                    return _onMouseEnter(event, entry.id);
-                  },
-                  onMouseLeave: function onMouseLeave(event) {
-                    return _onMouseLeave(event, entry.id);
-                  },
+                  onMouseEnter: event => onMouseEnter(event, entry.id),
+                  onMouseLeave: event => onMouseLeave(event, entry.id),
                   children: [/*#__PURE__*/_jsx(MenuItem, {
                     id: entry.id + '_parentOption',
                     "aria-expanded": Boolean(SubItemOpened),
-                    "aria-activedescendant": (_entry$items$find$id = (_entry$items$find = entry.items.find(function (x) {
-                      return x.id == focusedItemId;
-                    })) === null || _entry$items$find === void 0 ? void 0 : _entry$items$find.id) !== null && _entry$items$find$id !== void 0 ? _entry$items$find$id : '',
+                    "aria-activedescendant": (_entry$items$find$id = (_entry$items$find = entry.items.find(x => x.id == focusedItemId)) === null || _entry$items$find === void 0 ? void 0 : _entry$items$find.id) !== null && _entry$items$find$id !== void 0 ? _entry$items$find$id : '',
                     tabIndex: -1,
                     ref: allRefs[index],
                     "aria-controls": entry.id,
@@ -187,13 +151,13 @@ export var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
                       size: "24px"
                     }),
                     active: SubItemOpened || Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId),
-                    onClickHandler: function onClickHandler() {}
+                    onClickHandler: () => {}
                   }), /*#__PURE__*/_jsx(SubMenu, {
                     ariaLabelledBy: entry.id + '_parentOption',
                     onItemFocused: onItemFocused,
                     focusedItemId: focusedItemId,
                     ref: subMenuRefs[index],
-                    nestPath: [].concat(_toConsumableArray(nestPath !== null && nestPath !== void 0 ? nestPath : []), [entry.id]),
+                    nestPath: [...(nestPath !== null && nestPath !== void 0 ? nestPath : []), entry.id],
                     onItemStateChanged: onItemStateChanged,
                     activeItemId: activeItemId,
                     dropdownMenusOpenedArray: dropdownMenusOpenedArray,
@@ -209,9 +173,7 @@ export var SubMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
                   tabIndex: -1,
                   to: isGroup ? '' : key,
                   ref: allRefs[index],
-                  onActiveStateChanged: function onActiveStateChanged(state) {
-                    return onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state);
-                  },
+                  onActiveStateChanged: state => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state),
                   forceDeactivate: isGroup,
                   requiredLine: (_entry$label2 = entry.label) !== null && _entry$label2 !== void 0 ? _entry$label2 : '',
                   optionalLine: '',

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","_React$useState","useState","_React$useState2","_slicedToArray","forceUpdate","focusedRef","useRef","_React$useState3","_React$useState4","allRefs","setAllRefs","_React$useState5","_React$useState6","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","_toConsumableArray","filter","containActiveItem","onMouseEnter","existingRefForId","concat","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","_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":[]}

package/dist/GlobalNavigationBar/desktop/UserMenu.cjs

@@ -1,11 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
@@ -22,46 +21,35 @@ var _NavigationHelper = require("../../common/NavigationHelper");
 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 _getRequireWildcardCache(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; }
-var UserMenuScrollContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n"])));
-var UserMenuPinnedContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])([""])));
-var 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"])), function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, _styles.Z_INDEXES.off_canvas, _breakpoints["default"].MEDIUM, _CommonStyles.flowDown, _styles.BOXSHADOWS.BOXSHADOW_CENTERED, function (props) {
-  return _styles.COLORS.getColor('neutral_200', props.theme);
-}, _styles.Z_INDEXES.fixed_menu);
-var 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"])), function (props) {
-  return _styles.COLORS.getColor('neutral_200', props.theme);
-});
-var SignOutActionWrapper = (0, _styledComponents["default"])(MenuSection)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n  justify-content: center;\n"])));
-var 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"])), function (props) {
-  return _styles.COLORS.getColor('neutral_20', props.theme);
-}, function (props) {
-  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_500', props.theme));
-});
-var MenuSectionList = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0;\n  padding: 0;\n\n  ", ";\n"])), _CommonStyles.UserMenuSectionListStyling);
-var 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"])));
-var UserSectionInfo = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 2px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"])));
-var UserSectionInfoName = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
-  return (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
-});
-var UserSectionInfoEmail = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  word-break: break-all;\n  ", "\n"])), function (props) {
-  return (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_500', props.theme));
-});
-var 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));
-var 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"])));
-var UserMenu = function UserMenu(_ref) {
-  var show = _ref.show,
-    user = _ref.user,
-    onHideUserMenu = _ref.onHideUserMenu,
-    sections = _ref.sections,
-    signOut = _ref.signOut,
-    label = _ref.label;
-  var _useNavigationHelper = (0, _NavigationHelper.useNavigationHelper)(),
-    navigate = _useNavigationHelper.navigate,
-    isActiveRoute = _useNavigationHelper.isActiveRoute;
-  React.useEffect(function () {
+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 UserMenu = _ref => {
+  let {
+    show,
+    user,
+    onHideUserMenu,
+    sections,
+    signOut,
+    label
+  } = _ref;
+  const {
+    navigate,
+    isActiveRoute
+  } = (0, _NavigationHelper.useNavigationHelper)();
+  React.useEffect(() => {
     var _document;
     if (!onHideUserMenu) return;
     function handleKeyPress(e) {
@@ -69,28 +57,26 @@ var UserMenu = function UserMenu(_ref) {
         onHideUserMenu();
       }
     }
-    (_document = document) === null || _document === void 0 ? void 0 : _document.addEventListener('keydown', handleKeyPress, false);
-    return function () {
+    (_document = document) === null || _document === void 0 || _document.addEventListener('keydown', handleKeyPress, false);
+    return () => {
       var _document2;
-      (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.removeEventListener('keydown', handleKeyPress, false);
+      (_document2 = document) === null || _document2 === void 0 || _document2.removeEventListener('keydown', handleKeyPress, false);
     };
   }, [onHideUserMenu]);
-  var renderItem = function renderItem(item, section, index) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
-      id: "profile_".concat(index),
-      active: !item.external && isActiveRoute(item.to, !!item.exact),
-      item: {
-        value: item.to,
-        disabled: item.disabled,
-        icon: item.icon,
-        displayLabel: item.label
-      },
-      onClickHandler: function onClickHandler(e) {
-        item.action && item.action(e);
-        navigate(item.to, !!item.external);
-      }
-    }, index);
-  };
+  const renderItem = (item, section, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
+    id: "profile_".concat(index),
+    active: !item.external && isActiveRoute(item.to, !!item.exact),
+    item: {
+      value: item.to,
+      disabled: item.disabled,
+      icon: item.icon,
+      displayLabel: item.label
+    },
+    onClickHandler: e => {
+      item.action && item.action(e);
+      navigate(item.to, !!item.external);
+    }
+  }, index);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(UserMenuWrapper, {
     onClick: onHideUserMenu,
     className: show ? 'show' : '',
@@ -100,7 +86,7 @@ var UserMenu = function UserMenu(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(UserSection, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(UserSectionAvatar, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProfileButton.ProfileButton, {
-            onClick: function onClick() {},
+            onClick: () => {},
             tabIndex: -1,
             initials: user.firstName[0] + user.lastName[0]
           })
@@ -126,43 +112,31 @@ var UserMenu = function UserMenu(_ref) {
             })
           })]
         })]
-      }), sections.filter(function (a) {
-        return !a.pinned;
-      }).map(function (section, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MenuSection, {
-          className: section.divider ? 'divider' : '',
-          children: [section.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSectionHeader, {
-            children: section.label
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSectionList, {
-            children: section.items.map(function (item, index) {
-              return renderItem(item, section, index);
-            })
-          }, index)]
-        }, index);
-      })]
+      }), sections.filter(a => !a.pinned).map((section, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(MenuSection, {
+        className: section.divider ? 'divider' : '',
+        children: [section.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSectionHeader, {
+          children: section.label
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSectionList, {
+          children: section.items.map((item, index) => renderItem(item, section, index))
+        }, index)]
+      }, index))]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(UserMenuPinnedContainer, {
-      children: [sections.filter(function (a) {
-        return !!a.pinned;
-      }).map(function (section, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MenuSection, {
-          className: section.divider || index === 0 ? 'divider' : '',
-          children: [section.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSectionHeader, {
-            children: section.label
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSectionList, {
-            children: section.items.map(function (item, index) {
-              return renderItem(item, section, index);
-            })
-          }, index)]
-        }, index);
-      }), signOut && /*#__PURE__*/(0, _jsxRuntime.jsx)(SignOutActionWrapper, {
+      children: [sections.filter(a => !!a.pinned).map((section, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(MenuSection, {
+        className: section.divider || index === 0 ? 'divider' : '',
+        children: [section.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSectionHeader, {
+          children: section.label
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSectionList, {
+          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, {
           width: '272px',
           variant: "secondary",
           icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Logout, {}),
           size: _types.Size.Large,
-          onClick: function onClick(e) {
+          onClick: e => {
             e.preventDefault();
-            signOut === null || signOut === void 0 ? void 0 : signOut.action();
+            signOut === null || signOut === void 0 || signOut.action();
           },
           children: signOut === null || signOut === void 0 ? void 0 : signOut.label
         })
@@ -171,9 +145,8 @@ var UserMenu = function UserMenu(_ref) {
   });
 };
 UserMenu.propTypes = {
-  show: _propTypes["default"].bool,
-  onHideUserMenu: _propTypes["default"].func.isRequired
+  show: _propTypes.default.bool,
+  onHideUserMenu: _propTypes.default.func.isRequired
 };
-var _default = UserMenu;
-exports["default"] = _default;
+var _default = exports.default = UserMenu;
 //# sourceMappingURL=UserMenu.cjs.map