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

package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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"));
@@ -25,25 +24,116 @@ var _rooks = require("rooks");
 var _common = require("../common");
 var _utils = require("../utils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const HeaderWrapper = _styledComponents.default.header(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: white;\n  box-sizing: border-box;\n  \n  &.border:after{\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    height: 1px;\n    background: ", ";\n    z-index: 5;\n  }\n\n  z-index: ", ";\n  position: relative;\n\n  height: 48px;\n\n  ", " {\n    height: 64px;\n  }\n\n  ", " {\n    height: 80px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n"])), props => _styles.COLORS.getColor('neutral_200', props.theme), _styles.Z_INDEXES.sticky_menu, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
-const RowLayout = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n"])));
-const HamburgerButton = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    display: none;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-const RightSide = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  margin: 0 0 0 auto;\n\n  &.reverse {\n    ", " {\n      order: -1;\n    }\n\n    flex-direction: row-reverse;\n  }\n"])), HamburgerButton);
-const MobileMenuBackdrop = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  position: fixed;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  z-index: ", ";\n  visibility: hidden;\n\n  &.open {\n    visibility: visible;\n    animation: ", " 0.3s ease-in-out;\n  }\n\n  &.closed {\n    visibility: hidden;\n    animation: ", " 0.3s ease-in-out;\n  }\n\n  ", " {\n    visibility: hidden !important;\n  }\n"])), _styles.Z_INDEXES.backdrop, _CommonStyles.fadeIn, _CommonStyles.fadeOut, _styles.BREAKPOINTS.LARGE);
-const MobileWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    display: none !important;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-const UserMenuWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  display: flex;\n  position: absolute;\n\n  ", " {\n    top: 80px;\n    right: ", ";\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), _styles.BREAKPOINTS.LARGE, props => props.$offsetRight && (0, _utils.hasWindow)() ? "".concat(window.innerWidth - props.$offsetRight + 296, "px") : '10%');
+const HeaderWrapper = _styledComponents.default.header`
+  background: white;
+  box-sizing: border-box;
+  
+  &.border:after{
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: -1px;
+    height: 1px;
+    background: ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+    z-index: 5;
+  }
+
+  z-index: ${_styles.Z_INDEXES.sticky_menu};
+  position: relative;
+
+  height: 48px;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    height: 64px;
+  }
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    height: 80px;
+  }
+
+  @media all and (-ms-high-contrast: none) {
+    height: auto;
+  }
+
+  @media print {
+    border-bottom: none;
+  }
+`;
+const RowLayout = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+`;
+const HamburgerButton = _styledComponents.default.div`
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    display: none;
+  }
+`;
+const RightSide = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+
+  margin: 0 0 0 auto;
+
+  &.reverse {
+    ${HamburgerButton} {
+      order: -1;
+    }
+
+    flex-direction: row-reverse;
+  }
+`;
+const MobileMenuBackdrop = _styledComponents.default.div`
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  z-index: ${_styles.Z_INDEXES.backdrop};
+  visibility: hidden;
+
+  &.open {
+    visibility: visible;
+    animation: ${_CommonStyles.fadeIn} 0.3s ease-in-out;
+  }
+
+  &.closed {
+    visibility: hidden;
+    animation: ${_CommonStyles.fadeOut} 0.3s ease-in-out;
+  }
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    visibility: hidden !important;
+  }
+`;
+const MobileWrapper = _styledComponents.default.div`
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    display: none !important;
+  }
+`;
+const UserMenuWrapper = _styledComponents.default.div`
+  background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+  display: flex;
+  position: absolute;
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    top: 80px;
+    right: ${props => props.$offsetRight && (0, _utils.hasWindow)() ? `${window.innerWidth - props.$offsetRight + 296}px` : '10%'};
+  }
+`;
 /**
  * @param props
  * @constructor
  * @description This component is a global navigation header bar
  */
 const GlobalNavigationBar = _ref => {
-  var _actionsRef$current, _desktop$items, _desktop$buttons;
   let {
     name,
     isAuthenticated,
@@ -61,8 +151,8 @@ const GlobalNavigationBar = _ref => {
   const wasMobileMenuOpen = (0, _rooks.usePreviousImmediate)(showMobileMenu);
   const [showUserMenu, setShowUserMenu] = React.useState(false);
   const actionsRef = React.useRef(null);
-  const profileButtonRef = React.useRef();
-  profileButtonRef.current = actionsRef === null || actionsRef === void 0 || (_actionsRef$current = actionsRef.current) === null || _actionsRef$current === void 0 || (_actionsRef$current = _actionsRef$current.buttons) === null || _actionsRef$current === void 0 || (_actionsRef$current = _actionsRef$current.find(a => a.type === 'profile')) === null || _actionsRef$current === void 0 || (_actionsRef$current = _actionsRef$current.ref) === null || _actionsRef$current === void 0 ? void 0 : _actionsRef$current.current;
+  const profileButtonRef = React.useRef(null);
+  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;
   const mobileMenuButtonRef = React.useRef(null);
   const rightSideRef = React.useRef(null);
   const [avatarRight, setAvatarRight] = React.useState(0);
@@ -71,8 +161,7 @@ const GlobalNavigationBar = _ref => {
   React.useEffect(() => {
     if (!profileButtonRef.current) return;
     const handleResize = () => {
-      var _profileButtonRef$cur;
-      const profileRightOffset = (_profileButtonRef$cur = profileButtonRef.current) === null || _profileButtonRef$cur === void 0 || (_profileButtonRef$cur = _profileButtonRef$cur.getBoundingClientRect()) === null || _profileButtonRef$cur === void 0 ? void 0 : _profileButtonRef$cur.right;
+      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;
       setAvatarRight(profileRightOffset || 0);
     };
     handleResize();
@@ -90,25 +179,25 @@ const GlobalNavigationBar = _ref => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(RowLayout, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
             name: name || '',
-            showBetaTag: logo === null || logo === void 0 ? void 0 : logo.showBetaTag,
-            onClick: logo === null || logo === void 0 ? void 0 : logo.onClick,
-            to: logo === null || logo === void 0 ? void 0 : logo.to
+            showBetaTag: logo?.showBetaTag,
+            onClick: logo?.onClick,
+            to: logo?.to
           }), isAuthenticated && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MainMenu.default, {
-            items: (desktop === null || desktop === void 0 ? void 0 : desktop.items.filter(a => !a.pinned)) || [],
+            items: desktop?.items.filter(a => !a.pinned) || [],
             rightSideRef: rightSideRef
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(RightSide, {
-            className: "".concat(desktop !== null && desktop !== void 0 && desktop.reverseRightSideOrder ? 'reverse' : ''),
+            className: `${desktop?.reverseRightSideOrder ? 'reverse' : ''}`,
             ref: rightSideRef,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RightSideNav.default, {
-              items: desktop === null || desktop === void 0 || (_desktop$items = desktop.items) === null || _desktop$items === void 0 ? void 0 : _desktop$items.filter(a => a.pinned && a.type == 'item').map(x => x),
-              action: desktop === null || desktop === void 0 ? void 0 : desktop.action
+              items: desktop?.items?.filter(a => a.pinned && a.type == 'item').map(x => x),
+              action: desktop?.action
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileWrapper, {
               children: !!profileComponent && profileComponent
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopActions.default, {
               ref: actionsRef,
-              buttons: desktop === null || desktop === void 0 ? void 0 : desktop.buttons,
+              buttons: desktop?.buttons,
               onShowUserMenu: () => setShowUserMenu(!showUserMenu),
-              user: profile === null || profile === void 0 ? void 0 : profile.user,
+              user: profile?.user,
               profileComponent: profileComponent
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(HamburgerButton, {
               hidden: !isAuthenticated,
@@ -137,7 +226,7 @@ const GlobalNavigationBar = _ref => {
           profile: !profileComponent ? profile : undefined
         }))
       })
-    }), (desktop === null || desktop === void 0 || (_desktop$buttons = desktop.buttons) === null || _desktop$buttons === void 0 ? void 0 : _desktop$buttons.some(a => a.type === 'profile')) && !!profile && /*#__PURE__*/(0, _jsxRuntime.jsx)(UserMenuWrapper, {
+    }), desktop?.buttons?.some(a => a.type === 'profile') && !!profile && /*#__PURE__*/(0, _jsxRuntime.jsx)(UserMenuWrapper, {
       ref: userMenuRef,
       $offsetRight: avatarRight,
       "data-testid": "testUserMenuWrapper",

package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalNavigationBar.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Logo","_MainMenu","_Layouts","_styles","_RightSideNav","_MobileMenu","_icons","_UserMenu","_CommonStyles","_Button","_DesktopActions","_rooks","_common","_utils","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","HeaderWrapper","styled","header","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Z_INDEXES","sticky_menu","BREAKPOINTS","MEDIUM","LARGE","RowLayout","div","HamburgerButton","RightSide","MobileMenuBackdrop","backdrop","fadeIn","fadeOut","MobileWrapper","UserMenuWrapper","$offsetRight","hasWindow","concat","window","innerWidth","GlobalNavigationBar","_ref","_actionsRef$current","_desktop$items","_desktop$buttons","name","isAuthenticated","logo","profile","mobile","desktop","testId","useMaxWidth","maxWidth","profileComponent","border","showMobileMenu","setShowMobileMenu","useState","wasMobileMenuOpen","usePreviousImmediate","showUserMenu","setShowUserMenu","actionsRef","useRef","profileButtonRef","current","buttons","find","type","ref","mobileMenuButtonRef","rightSideRef","avatarRight","setAvatarRight","userMenuRef","useClickOutsideRef","mobileMenuRef","useEffect","handleResize","_profileButtonRef$cur","profileRightOffset","getBoundingClientRect","right","addEventListener","removeEventListener","jsxs","Fragment","children","jsx","className","PageWidth","$useMaxWidth","$maxWidth","$unsetMargin","showBetaTag","onClick","to","items","pinned","reverseRightSideOrder","map","x","action","onShowUserMenu","user","hidden","IconButton","shape","variant","SystemIcons","Menu","size","role","show","onClose","undefined","some","onHideUserMenu","propTypes","_propTypes","bool","number","string","func","node","_default","exports"],"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport Logo from './Logo';\r\nimport MainMenu from './desktop/MainMenu';\r\nimport {PageWidth} from '../Layouts';\r\nimport {COLORS, BREAKPOINTS} from '../styles';\r\nimport RightSideNav from './desktop/RightSideNav';\r\nimport MobileMenu from './mobile/MobileMenu';\r\nimport {SystemIcons} from '../icons';\r\nimport UserMenu from './desktop/UserMenu';\r\nimport {fadeIn, fadeOut, Menu as MobileMenuWrapper} from './mobile/CommonStyles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {\r\n  DesktopNavigationMenuProps, MenuNavigationItemTypeItem, MenuProfileButton,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu\r\n} from './types';\r\nimport {IconButton} from '../Button';\r\nimport DesktopActions, {DesktopActionsRef} from './desktop/DesktopActions';\r\nimport {usePreviousImmediate} from 'rooks';\r\nimport {useClickOutsideRef} from '../common';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\nconst HeaderWrapper = styled.header`\r\n  background: white;\r\n  box-sizing: border-box;\r\n  \r\n  &.border:after{\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n    height: 1px;\r\n    background: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: 5;\r\n  }\r\n\r\n  z-index: ${Z_INDEXES.sticky_menu};\r\n  position: relative;\r\n\r\n  height: 48px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: 64px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  @media all and (-ms-high-contrast: none) {\r\n    height: auto;\r\n  }\r\n\r\n  @media print {\r\n    border-bottom: none;\r\n  }\r\n`;\r\n\r\nconst RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\n\r\nconst HamburgerButton = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst RightSide = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  margin: 0 0 0 auto;\r\n\r\n  &.reverse {\r\n    ${HamburgerButton} {\r\n      order: -1;\r\n    }\r\n\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nconst MobileMenuBackdrop = styled.div`\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  z-index: ${Z_INDEXES.backdrop};\r\n  visibility: hidden;\r\n\r\n  &.open {\r\n    visibility: visible;\r\n    animation: ${fadeIn} 0.3s ease-in-out;\r\n  }\r\n\r\n  &.closed {\r\n    visibility: hidden;\r\n    animation: ${fadeOut} 0.3s ease-in-out;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    visibility: hidden !important;\r\n  }\r\n`;\r\n\r\nconst MobileWrapper = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none !important;\r\n  }\r\n`;\r\n\r\n\r\nconst UserMenuWrapper = styled.div<{ $offsetRight?: number }>`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  display: flex;\r\n  position: absolute;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    top: 80px;\r\n    right: ${(props) => (props.$offsetRight && hasWindow() ? `${window.innerWidth - props.$offsetRight + 296}px` : '10%')};\r\n  }\r\n`;\r\n\r\n\r\n\r\ntype GlobalNavigationBarProps = {\r\n  isAuthenticated?: boolean;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n\r\n  name?: string;\r\n  logo?: { onClick?: () => void; to?: string; showBetaTag?: boolean; };\r\n\r\n  profile?: ProfileMenu;\r\n\r\n  mobile?: MobileNavigationMenuProps;\r\n  desktop?: DesktopNavigationMenuProps;\r\n\r\n  testId?: string;\r\n\r\n  profileComponent?: React.ReactNode\r\n  border?: boolean;\r\n};\r\n\r\n/**\r\n * @param props\r\n * @constructor\r\n * @description This component is a global navigation header bar\r\n */\r\nconst GlobalNavigationBar = ({\r\n                               name,\r\n                               isAuthenticated,\r\n                               logo,\r\n                               profile,\r\n                               mobile,\r\n                               desktop,\r\n                               testId,\r\n                               useMaxWidth = true,\r\n                               maxWidth,\r\n                               profileComponent,\r\n                               border = true\r\n                             }: GlobalNavigationBarProps): React.ReactElement<GlobalNavigationBarProps> => {\r\n  const [showMobileMenu, setShowMobileMenu] = React.useState(false);\r\n  const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);\r\n\r\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\r\n\r\n  const actionsRef = React.useRef<DesktopActionsRef>(null);\r\n  const profileButtonRef = React.useRef<HTMLButtonElement | null>() as React.MutableRefObject<HTMLButtonElement | null | undefined>;\r\n  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;\r\n\r\n  const mobileMenuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  const rightSideRef = React.useRef(null);\r\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\r\n\r\n\r\n  const userMenuRef = useClickOutsideRef(() => setShowUserMenu(false), [profileButtonRef]);\r\n  const mobileMenuRef = useClickOutsideRef(() => setShowMobileMenu(false), [mobileMenuButtonRef]);\r\n\r\n  React.useEffect(() => {\r\n    if (!profileButtonRef.current) return;\r\n\r\n    const handleResize = () => {\r\n      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;\r\n      setAvatarRight(profileRightOffset || 0);\r\n    };\r\n\r\n    handleResize();\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [profileButtonRef.current]);\r\n\r\n\r\n  return (\r\n    <>\r\n      <HeaderWrapper data-testid={testId} className={border ? 'border' : ''}>\r\n        <PageWidth $useMaxWidth={useMaxWidth} $maxWidth={maxWidth} $unsetMargin={true}>\r\n          <RowLayout>\r\n            <Logo name={name || ''} showBetaTag={logo?.showBetaTag} onClick={logo?.onClick} to={logo?.to}/>\r\n            {\r\n              isAuthenticated &&\r\n              <MainMenu items={desktop?.items.filter(a => !a.pinned) || []} rightSideRef={rightSideRef}/>\r\n            }\r\n            <RightSide className={`${desktop?.reverseRightSideOrder ? 'reverse' : ''}`}\r\n                       ref={rightSideRef}>\r\n              <RightSideNav items={desktop?.items?.filter(a => a.pinned && a.type == 'item').map(x => x as MenuNavigationItemTypeItem)} action={desktop?.action}/>\r\n              <MobileWrapper>\r\n                {!!profileComponent && profileComponent }\r\n              </MobileWrapper>\r\n\r\n              <DesktopActions ref={actionsRef}\r\n                              buttons={desktop?.buttons}\r\n                              onShowUserMenu={() => setShowUserMenu(!showUserMenu)}\r\n                              user={profile?.user}\r\n                              profileComponent= {profileComponent}\r\n                              />\r\n              <HamburgerButton hidden={!isAuthenticated}>\r\n                <IconButton action={() => setShowMobileMenu(!showMobileMenu)}\r\n                            ref={mobileMenuButtonRef}\r\n                            shape={'circular'}\r\n                            variant={'secondary'}>\r\n                  <SystemIcons.Menu size=\"24px\"/>\r\n                </IconButton>\r\n              </HamburgerButton>\r\n            </RightSide>\r\n          </RowLayout>\r\n        </PageWidth>\r\n      </HeaderWrapper>\r\n      <MobileMenuBackdrop className={showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : ''}>\r\n        <MobileMenuWrapper ref={mobileMenuRef}\r\n                           role=\"menu\"\r\n                           aria-labelledby=\"UserMenuButton\">\r\n          <MobileMenu {...mobile}\r\n                      show={showMobileMenu}\r\n                      onClose={() => setShowMobileMenu(false)}\r\n                      profile={!profileComponent ? profile : undefined}/>\r\n        </MobileMenuWrapper>\r\n      </MobileMenuBackdrop>\r\n      {\r\n        desktop?.buttons?.some(a => a.type === 'profile') && !!profile &&\r\n        <UserMenuWrapper ref={userMenuRef}\r\n                         $offsetRight={avatarRight}\r\n                         data-testid=\"testUserMenuWrapper\">\r\n          <UserMenu {...profile}\r\n                    show={showUserMenu}\r\n                    onHideUserMenu={() => setShowUserMenu(false)}/>\r\n        </UserMenuWrapper>\r\n      }\r\n    </>\r\n  );\r\n};\r\n\r\nexport default GlobalNavigationBar;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GlobalNavigationBar.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Logo","_MainMenu","_Layouts","_styles","_RightSideNav","_MobileMenu","_icons","_UserMenu","_CommonStyles","_Button","_DesktopActions","_rooks","_common","_utils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","HeaderWrapper","styled","header","props","COLORS","getColor","theme","Z_INDEXES","sticky_menu","BREAKPOINTS","MEDIUM","LARGE","RowLayout","div","HamburgerButton","RightSide","MobileMenuBackdrop","backdrop","fadeIn","fadeOut","MobileWrapper","UserMenuWrapper","$offsetRight","hasWindow","window","innerWidth","GlobalNavigationBar","_ref","name","isAuthenticated","logo","profile","mobile","desktop","testId","useMaxWidth","maxWidth","profileComponent","border","showMobileMenu","setShowMobileMenu","useState","wasMobileMenuOpen","usePreviousImmediate","showUserMenu","setShowUserMenu","actionsRef","useRef","profileButtonRef","current","buttons","find","type","ref","mobileMenuButtonRef","rightSideRef","avatarRight","setAvatarRight","userMenuRef","useClickOutsideRef","mobileMenuRef","useEffect","handleResize","profileRightOffset","getBoundingClientRect","right","addEventListener","removeEventListener","jsxs","Fragment","children","jsx","className","PageWidth","$useMaxWidth","$maxWidth","$unsetMargin","showBetaTag","onClick","to","items","pinned","reverseRightSideOrder","map","x","action","onShowUserMenu","user","hidden","IconButton","shape","variant","SystemIcons","Menu","size","role","show","onClose","undefined","some","onHideUserMenu","propTypes","_propTypes","bool","number","string","func","node","_default","exports"],"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport Logo from './Logo';\r\nimport MainMenu from './desktop/MainMenu';\r\nimport {PageWidth} from '../Layouts';\r\nimport {COLORS, BREAKPOINTS} from '../styles';\r\nimport RightSideNav from './desktop/RightSideNav';\r\nimport MobileMenu from './mobile/MobileMenu';\r\nimport {SystemIcons} from '../icons';\r\nimport UserMenu from './desktop/UserMenu';\r\nimport {fadeIn, fadeOut, Menu as MobileMenuWrapper} from './mobile/CommonStyles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {\r\n  DesktopNavigationMenuProps, MenuNavigationItemTypeItem, MenuProfileButton,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu\r\n} from './types';\r\nimport {IconButton} from '../Button';\r\nimport DesktopActions, {DesktopActionsRef} from './desktop/DesktopActions';\r\nimport {usePreviousImmediate} from 'rooks';\r\nimport {useClickOutsideRef} from '../common';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\nconst HeaderWrapper = styled.header`\r\n  background: white;\r\n  box-sizing: border-box;\r\n  \r\n  &.border:after{\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -1px;\r\n    height: 1px;\r\n    background: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: 5;\r\n  }\r\n\r\n  z-index: ${Z_INDEXES.sticky_menu};\r\n  position: relative;\r\n\r\n  height: 48px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: 64px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  @media all and (-ms-high-contrast: none) {\r\n    height: auto;\r\n  }\r\n\r\n  @media print {\r\n    border-bottom: none;\r\n  }\r\n`;\r\n\r\nconst RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\n\r\nconst HamburgerButton = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst RightSide = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  margin: 0 0 0 auto;\r\n\r\n  &.reverse {\r\n    ${HamburgerButton} {\r\n      order: -1;\r\n    }\r\n\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nconst MobileMenuBackdrop = styled.div`\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  z-index: ${Z_INDEXES.backdrop};\r\n  visibility: hidden;\r\n\r\n  &.open {\r\n    visibility: visible;\r\n    animation: ${fadeIn} 0.3s ease-in-out;\r\n  }\r\n\r\n  &.closed {\r\n    visibility: hidden;\r\n    animation: ${fadeOut} 0.3s ease-in-out;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    visibility: hidden !important;\r\n  }\r\n`;\r\n\r\nconst MobileWrapper = styled.div`\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: none !important;\r\n  }\r\n`;\r\n\r\n\r\nconst UserMenuWrapper = styled.div<{ $offsetRight?: number }>`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  display: flex;\r\n  position: absolute;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    top: 80px;\r\n    right: ${(props) => (props.$offsetRight && hasWindow() ? `${window.innerWidth - props.$offsetRight + 296}px` : '10%')};\r\n  }\r\n`;\r\n\r\n\r\n\r\ntype GlobalNavigationBarProps = {\r\n  isAuthenticated?: boolean;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n\r\n  name?: string;\r\n  logo?: { onClick?: () => void; to?: string; showBetaTag?: boolean; };\r\n\r\n  profile?: ProfileMenu;\r\n\r\n  mobile?: MobileNavigationMenuProps;\r\n  desktop?: DesktopNavigationMenuProps;\r\n\r\n  testId?: string;\r\n\r\n  profileComponent?: React.ReactNode\r\n  border?: boolean;\r\n};\r\n\r\n/**\r\n * @param props\r\n * @constructor\r\n * @description This component is a global navigation header bar\r\n */\r\nconst GlobalNavigationBar = ({\r\n                               name,\r\n                               isAuthenticated,\r\n                               logo,\r\n                               profile,\r\n                               mobile,\r\n                               desktop,\r\n                               testId,\r\n                               useMaxWidth = true,\r\n                               maxWidth,\r\n                               profileComponent,\r\n                               border = true\r\n                             }: GlobalNavigationBarProps): React.ReactElement<GlobalNavigationBarProps> => {\r\n  const [showMobileMenu, setShowMobileMenu] = React.useState(false);\r\n  const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);\r\n\r\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\r\n\r\n  const actionsRef = React.useRef<DesktopActionsRef>(null);\r\n  const profileButtonRef = React.useRef<HTMLButtonElement | null>(null) as React.MutableRefObject<HTMLButtonElement | null | undefined>;\r\n  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;\r\n\r\n  const mobileMenuButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  const rightSideRef = React.useRef<HTMLDivElement>(null);\r\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\r\n\r\n\r\n  const userMenuRef = useClickOutsideRef(() => setShowUserMenu(false), [profileButtonRef]);\r\n  const mobileMenuRef = useClickOutsideRef(() => setShowMobileMenu(false), [mobileMenuButtonRef]);\r\n\r\n  React.useEffect(() => {\r\n    if (!profileButtonRef.current) return;\r\n\r\n    const handleResize = () => {\r\n      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;\r\n      setAvatarRight(profileRightOffset || 0);\r\n    };\r\n\r\n    handleResize();\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [profileButtonRef.current]);\r\n\r\n\r\n  return (\r\n    <>\r\n      <HeaderWrapper data-testid={testId} className={border ? 'border' : ''}>\r\n        <PageWidth $useMaxWidth={useMaxWidth} $maxWidth={maxWidth} $unsetMargin={true}>\r\n          <RowLayout>\r\n            <Logo name={name || ''} showBetaTag={logo?.showBetaTag} onClick={logo?.onClick} to={logo?.to}/>\r\n            {\r\n              isAuthenticated &&\r\n              <MainMenu items={desktop?.items.filter(a => !a.pinned) || []} rightSideRef={rightSideRef}/>\r\n            }\r\n            <RightSide className={`${desktop?.reverseRightSideOrder ? 'reverse' : ''}`}\r\n                       ref={rightSideRef}>\r\n              <RightSideNav items={desktop?.items?.filter(a => a.pinned && a.type == 'item').map(x => x as MenuNavigationItemTypeItem)} action={desktop?.action}/>\r\n              <MobileWrapper>\r\n                {!!profileComponent && profileComponent }\r\n              </MobileWrapper>\r\n\r\n              <DesktopActions ref={actionsRef}\r\n                              buttons={desktop?.buttons}\r\n                              onShowUserMenu={() => setShowUserMenu(!showUserMenu)}\r\n                              user={profile?.user}\r\n                              profileComponent= {profileComponent}\r\n                              />\r\n              <HamburgerButton hidden={!isAuthenticated}>\r\n                <IconButton action={() => setShowMobileMenu(!showMobileMenu)}\r\n                            ref={mobileMenuButtonRef}\r\n                            shape={'circular'}\r\n                            variant={'secondary'}>\r\n                  <SystemIcons.Menu size=\"24px\"/>\r\n                </IconButton>\r\n              </HamburgerButton>\r\n            </RightSide>\r\n          </RowLayout>\r\n        </PageWidth>\r\n      </HeaderWrapper>\r\n      <MobileMenuBackdrop className={showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : ''}>\r\n        <MobileMenuWrapper ref={mobileMenuRef}\r\n                           role=\"menu\"\r\n                           aria-labelledby=\"UserMenuButton\">\r\n          <MobileMenu {...mobile}\r\n                      show={showMobileMenu}\r\n                      onClose={() => setShowMobileMenu(false)}\r\n                      profile={!profileComponent ? profile : undefined}/>\r\n        </MobileMenuWrapper>\r\n      </MobileMenuBackdrop>\r\n      {\r\n        desktop?.buttons?.some(a => a.type === 'profile') && !!profile &&\r\n        <UserMenuWrapper ref={userMenuRef}\r\n                         $offsetRight={avatarRight}\r\n                         data-testid=\"testUserMenuWrapper\">\r\n          <UserMenu {...profile}\r\n                    show={showUserMenu}\r\n                    onHideUserMenu={() => setShowUserMenu(false)}/>\r\n        </UserMenuWrapper>\r\n      }\r\n    </>\r\n  );\r\n};\r\n\r\nexport default GlobalNavigationBar;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/GlobalNavigationBar.d.ts

@@ -1,26 +1,26 @@
-import * as React from 'react';
-import { DesktopNavigationMenuProps, MobileNavigationMenuProps, ProfileMenu } from './types';
-type GlobalNavigationBarProps = {
-    isAuthenticated?: boolean;
-    useMaxWidth?: boolean;
-    maxWidth?: number;
-    name?: string;
-    logo?: {
-        onClick?: () => void;
-        to?: string;
-        showBetaTag?: boolean;
-    };
-    profile?: ProfileMenu;
-    mobile?: MobileNavigationMenuProps;
-    desktop?: DesktopNavigationMenuProps;
-    testId?: string;
-    profileComponent?: React.ReactNode;
-    border?: boolean;
-};
-/**
- * @param props
- * @constructor
- * @description This component is a global navigation header bar
- */
-declare const GlobalNavigationBar: ({ name, isAuthenticated, logo, profile, mobile, desktop, testId, useMaxWidth, maxWidth, profileComponent, border }: GlobalNavigationBarProps) => React.ReactElement<GlobalNavigationBarProps>;
-export default GlobalNavigationBar;
+import * as React from 'react';
+import { DesktopNavigationMenuProps, MobileNavigationMenuProps, ProfileMenu } from './types';
+type GlobalNavigationBarProps = {
+    isAuthenticated?: boolean;
+    useMaxWidth?: boolean;
+    maxWidth?: number;
+    name?: string;
+    logo?: {
+        onClick?: () => void;
+        to?: string;
+        showBetaTag?: boolean;
+    };
+    profile?: ProfileMenu;
+    mobile?: MobileNavigationMenuProps;
+    desktop?: DesktopNavigationMenuProps;
+    testId?: string;
+    profileComponent?: React.ReactNode;
+    border?: boolean;
+};
+/**
+ * @param props
+ * @constructor
+ * @description This component is a global navigation header bar
+ */
+declare const GlobalNavigationBar: ({ name, isAuthenticated, logo, profile, mobile, desktop, testId, useMaxWidth, maxWidth, profileComponent, border }: GlobalNavigationBarProps) => React.ReactElement<GlobalNavigationBarProps>;
+export default GlobalNavigationBar;

package/dist/GlobalNavigationBar/GlobalNavigationBar.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
@@ -22,20 +20,112 @@ import { usePreviousImmediate } from 'rooks';
 import { useClickOutsideRef } from '../common';
 import { hasWindow } from '../utils/utils';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const HeaderWrapper = styled.header(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: white;\n  box-sizing: border-box;\n  \n  &.border:after{\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    height: 1px;\n    background: ", ";\n    z-index: 5;\n  }\n\n  z-index: ", ";\n  position: relative;\n\n  height: 48px;\n\n  ", " {\n    height: 64px;\n  }\n\n  ", " {\n    height: 80px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n"])), props => COLORS.getColor('neutral_200', props.theme), Z_INDEXES.sticky_menu, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
-const RowLayout = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-const HamburgerButton = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", " {\n    display: none;\n  }\n"])), BREAKPOINTS.MEDIUM);
-const RightSide = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  margin: 0 0 0 auto;\n\n  &.reverse {\n    ", " {\n      order: -1;\n    }\n\n    flex-direction: row-reverse;\n  }\n"])), HamburgerButton);
-const MobileMenuBackdrop = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  position: fixed;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  z-index: ", ";\n  visibility: hidden;\n\n  &.open {\n    visibility: visible;\n    animation: ", " 0.3s ease-in-out;\n  }\n\n  &.closed {\n    visibility: hidden;\n    animation: ", " 0.3s ease-in-out;\n  }\n\n  ", " {\n    visibility: hidden !important;\n  }\n"])), Z_INDEXES.backdrop, fadeIn, fadeOut, BREAKPOINTS.LARGE);
-const MobileWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", " {\n    display: none !important;\n  }\n"])), BREAKPOINTS.MEDIUM);
-const UserMenuWrapper = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  position: absolute;\n\n  ", " {\n    top: 80px;\n    right: ", ";\n  }\n"])), props => COLORS.getColor('white', props.theme), BREAKPOINTS.LARGE, props => props.$offsetRight && hasWindow() ? "".concat(window.innerWidth - props.$offsetRight + 296, "px") : '10%');
+const HeaderWrapper = styled.header`
+  background: white;
+  box-sizing: border-box;
+  
+  &.border:after{
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: -1px;
+    height: 1px;
+    background: ${props => COLORS.getColor('neutral_200', props.theme)};
+    z-index: 5;
+  }
+
+  z-index: ${Z_INDEXES.sticky_menu};
+  position: relative;
+
+  height: 48px;
+
+  ${BREAKPOINTS.MEDIUM} {
+    height: 64px;
+  }
+
+  ${BREAKPOINTS.LARGE} {
+    height: 80px;
+  }
+
+  @media all and (-ms-high-contrast: none) {
+    height: auto;
+  }
+
+  @media print {
+    border-bottom: none;
+  }
+`;
+const RowLayout = styled.div`
+  display: flex;
+  align-items: center;
+`;
+const HamburgerButton = styled.div`
+  ${BREAKPOINTS.MEDIUM} {
+    display: none;
+  }
+`;
+const RightSide = styled.div`
+  display: flex;
+  align-items: center;
+
+  margin: 0 0 0 auto;
+
+  &.reverse {
+    ${HamburgerButton} {
+      order: -1;
+    }
+
+    flex-direction: row-reverse;
+  }
+`;
+const MobileMenuBackdrop = styled.div`
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  z-index: ${Z_INDEXES.backdrop};
+  visibility: hidden;
+
+  &.open {
+    visibility: visible;
+    animation: ${fadeIn} 0.3s ease-in-out;
+  }
+
+  &.closed {
+    visibility: hidden;
+    animation: ${fadeOut} 0.3s ease-in-out;
+  }
+
+  ${BREAKPOINTS.LARGE} {
+    visibility: hidden !important;
+  }
+`;
+const MobileWrapper = styled.div`
+  ${BREAKPOINTS.MEDIUM} {
+    display: none !important;
+  }
+`;
+const UserMenuWrapper = styled.div`
+  background-color: ${props => COLORS.getColor('white', props.theme)};
+  display: flex;
+  position: absolute;
+
+  ${BREAKPOINTS.LARGE} {
+    top: 80px;
+    right: ${props => props.$offsetRight && hasWindow() ? `${window.innerWidth - props.$offsetRight + 296}px` : '10%'};
+  }
+`;
 /**
  * @param props
  * @constructor
  * @description This component is a global navigation header bar
  */
 const GlobalNavigationBar = _ref => {
-  var _actionsRef$current, _desktop$items, _desktop$buttons;
   let {
     name,
     isAuthenticated,
@@ -53,8 +143,8 @@ const GlobalNavigationBar = _ref => {
   const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);
   const [showUserMenu, setShowUserMenu] = React.useState(false);
   const actionsRef = React.useRef(null);
-  const profileButtonRef = React.useRef();
-  profileButtonRef.current = actionsRef === null || actionsRef === void 0 || (_actionsRef$current = actionsRef.current) === null || _actionsRef$current === void 0 || (_actionsRef$current = _actionsRef$current.buttons) === null || _actionsRef$current === void 0 || (_actionsRef$current = _actionsRef$current.find(a => a.type === 'profile')) === null || _actionsRef$current === void 0 || (_actionsRef$current = _actionsRef$current.ref) === null || _actionsRef$current === void 0 ? void 0 : _actionsRef$current.current;
+  const profileButtonRef = React.useRef(null);
+  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;
   const mobileMenuButtonRef = React.useRef(null);
   const rightSideRef = React.useRef(null);
   const [avatarRight, setAvatarRight] = React.useState(0);
@@ -63,8 +153,7 @@ const GlobalNavigationBar = _ref => {
   React.useEffect(() => {
     if (!profileButtonRef.current) return;
     const handleResize = () => {
-      var _profileButtonRef$cur;
-      const profileRightOffset = (_profileButtonRef$cur = profileButtonRef.current) === null || _profileButtonRef$cur === void 0 || (_profileButtonRef$cur = _profileButtonRef$cur.getBoundingClientRect()) === null || _profileButtonRef$cur === void 0 ? void 0 : _profileButtonRef$cur.right;
+      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;
       setAvatarRight(profileRightOffset || 0);
     };
     handleResize();
@@ -82,25 +171,25 @@ const GlobalNavigationBar = _ref => {
         children: /*#__PURE__*/_jsxs(RowLayout, {
           children: [/*#__PURE__*/_jsx(Logo, {
             name: name || '',
-            showBetaTag: logo === null || logo === void 0 ? void 0 : logo.showBetaTag,
-            onClick: logo === null || logo === void 0 ? void 0 : logo.onClick,
-            to: logo === null || logo === void 0 ? void 0 : logo.to
+            showBetaTag: logo?.showBetaTag,
+            onClick: logo?.onClick,
+            to: logo?.to
           }), isAuthenticated && /*#__PURE__*/_jsx(MainMenu, {
-            items: (desktop === null || desktop === void 0 ? void 0 : desktop.items.filter(a => !a.pinned)) || [],
+            items: desktop?.items.filter(a => !a.pinned) || [],
             rightSideRef: rightSideRef
           }), /*#__PURE__*/_jsxs(RightSide, {
-            className: "".concat(desktop !== null && desktop !== void 0 && desktop.reverseRightSideOrder ? 'reverse' : ''),
+            className: `${desktop?.reverseRightSideOrder ? 'reverse' : ''}`,
             ref: rightSideRef,
             children: [/*#__PURE__*/_jsx(RightSideNav, {
-              items: desktop === null || desktop === void 0 || (_desktop$items = desktop.items) === null || _desktop$items === void 0 ? void 0 : _desktop$items.filter(a => a.pinned && a.type == 'item').map(x => x),
-              action: desktop === null || desktop === void 0 ? void 0 : desktop.action
+              items: desktop?.items?.filter(a => a.pinned && a.type == 'item').map(x => x),
+              action: desktop?.action
             }), /*#__PURE__*/_jsx(MobileWrapper, {
               children: !!profileComponent && profileComponent
             }), /*#__PURE__*/_jsx(DesktopActions, {
               ref: actionsRef,
-              buttons: desktop === null || desktop === void 0 ? void 0 : desktop.buttons,
+              buttons: desktop?.buttons,
               onShowUserMenu: () => setShowUserMenu(!showUserMenu),
-              user: profile === null || profile === void 0 ? void 0 : profile.user,
+              user: profile?.user,
               profileComponent: profileComponent
             }), /*#__PURE__*/_jsx(HamburgerButton, {
               hidden: !isAuthenticated,
@@ -129,7 +218,7 @@ const GlobalNavigationBar = _ref => {
           profile: !profileComponent ? profile : undefined
         }))
       })
-    }), (desktop === null || desktop === void 0 || (_desktop$buttons = desktop.buttons) === null || _desktop$buttons === void 0 ? void 0 : _desktop$buttons.some(a => a.type === 'profile')) && !!profile && /*#__PURE__*/_jsx(UserMenuWrapper, {
+    }), desktop?.buttons?.some(a => a.type === 'profile') && !!profile && /*#__PURE__*/_jsx(UserMenuWrapper, {
       ref: userMenuRef,
       $offsetRight: avatarRight,
       "data-testid": "testUserMenuWrapper",