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

package/dist/GlobalNavigationBar/desktop/UserMenu.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 import * as React from 'react';
 import styled from 'styled-components';
 import { Button } from '../../Button';
@@ -11,77 +9,159 @@ import { SystemIcons } from '../../icons';
 import { HyperLink } from '../../HyperLink';
 import Breakpoints from '../../styles/breakpoints';
 import { MenuItem } from '../../MenuItem';
-import { useNavigationHelper } from '../../common/NavigationHelper';
+import { useNavigation } from '../../Navigation/NavigationProvider';
 import { ProfileButton } from '../../ProfileButton';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var UserMenuScrollContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n"])));
-var UserMenuPinnedContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
-var UserMenuWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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 COLORS.getColor('white', props.theme);
-}, Z_INDEXES.off_canvas, Breakpoints.MEDIUM, flowDown, BOXSHADOWS.BOXSHADOW_CENTERED, function (props) {
-  return COLORS.getColor('neutral_200', props.theme);
-}, Z_INDEXES.fixed_menu);
-var MenuSection = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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 COLORS.getColor('neutral_200', props.theme);
-});
-var SignOutActionWrapper = styled(MenuSection)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  align-items: center;\n  justify-content: center;\n"])));
-var MenuSectionHeader = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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 COLORS.getColor('neutral_20', props.theme);
-}, function (props) {
-  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme));
-});
-var MenuSectionList = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin: 0;\n  padding: 0;\n\n  ", ";\n"])), UserMenuSectionListStyling);
-var UserSectionAvatar = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\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 = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding: 2px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"])));
-var UserSectionInfoName = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
-  return ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
-});
-var UserSectionInfoEmail = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  word-break: break-all;\n  ", "\n"])), function (props) {
-  return ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme));
-});
-var UserSectionInfoLink = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\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"])), ComponentXSStyling(ComponentTextStyle.Bold, null));
-var UserSection = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\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 = useNavigationHelper(),
-    navigate = _useNavigationHelper.navigate,
-    isActiveRoute = _useNavigationHelper.isActiveRoute;
-  React.useEffect(function () {
-    var _document;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const UserMenuScrollContainer = styled.div`
+  flex: 1;
+`;
+const UserMenuPinnedContainer = styled.div``;
+const UserMenuWrapper = styled.div`
+  margin: 0;
+  background-color: ${props => COLORS.getColor('white', props.theme)};
+  box-sizing: border-box;
+  display: none;
+  width: 320px;
+
+  position: absolute;
+
+  &.show {
+    display: block;
+  }
+
+  top: 0;
+  right: 0;
+  z-index: ${Z_INDEXES.off_canvas};
+  height: 100%;
+  flex-flow: column;
+
+
+  ${Breakpoints.MEDIUM} {
+    flex-flow: initial;
+    top: initial;
+    right: initial;
+    height: initial;
+    animation: ${flowDown} 0.2s ease-in-out;
+    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};
+    border-radius: 8px;
+    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+    z-index: ${Z_INDEXES.fixed_menu};
+    padding: 24px 0;
+  }
+`;
+const MenuSection = styled.div`
+  padding: 4px 0;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  &.divider {
+    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  }
+`;
+const SignOutActionWrapper = styled(MenuSection)`
+  align-items: center;
+  justify-content: center;
+`;
+const MenuSectionHeader = styled.div`
+  display: flex;
+  align-items: center;
+  padding: 8px 24px 4px 24px;
+  box-sizing: border-box;
+  min-height: 32px;
+  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};
+
+  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}
+`;
+const MenuSectionList = styled.div`
+  margin: 0;
+  padding: 0;
+
+  ${UserMenuSectionListStyling};
+`;
+const UserSectionAvatar = styled.div`
+  pointer-events: none;
+
+  button {
+    padding: 0 !important;
+  }
+
+  button > div {
+    width: 48px !important;
+    height: 48px !important;
+    border-radius: 50% !important;
+  }
+`;
+const UserSectionInfo = styled.div`
+  padding: 2px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+const UserSectionInfoName = styled.div`
+  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+`;
+const UserSectionInfoEmail = styled.div`
+  word-break: break-all;
+  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}
+`;
+const UserSectionInfoLink = styled.div`
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+`;
+const UserSection = styled.div`
+  display: flex;
+  flex-direction: row;
+  padding: 0 24px 8px 24px;
+  gap: 16px;
+`;
+const UserMenu = _ref => {
+  let {
+    show,
+    user,
+    onHideUserMenu,
+    sections,
+    signOut,
+    label
+  } = _ref;
+  const {
+    navigate,
+    isActiveRoute
+  } = useNavigation();
+  React.useEffect(() => {
     if (!onHideUserMenu) return;
     function handleKeyPress(e) {
       if (e.key === 'Escape' || e.key === 'Esc') {
         onHideUserMenu();
       }
     }
-    (_document = document) === null || _document === void 0 ? void 0 : _document.addEventListener('keydown', handleKeyPress, false);
-    return function () {
-      var _document2;
-      (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.removeEventListener('keydown', handleKeyPress, false);
+    document?.addEventListener('keydown', handleKeyPress, false);
+    return () => {
+      document?.removeEventListener('keydown', handleKeyPress, false);
     };
   }, [onHideUserMenu]);
-  var renderItem = function renderItem(item, section, index) {
-    return /*#__PURE__*/_jsx(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__*/_jsx(MenuItem, {
+    id: `profile_${index}`,
+    active: !item.external && !!isActiveRoute && 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 && navigate(item.to, !!item.external);
+    }
+  }, index);
   return /*#__PURE__*/_jsxs(UserMenuWrapper, {
     onClick: onHideUserMenu,
     className: show ? 'show' : '',
@@ -91,19 +171,19 @@ var UserMenu = function UserMenu(_ref) {
       children: [/*#__PURE__*/_jsxs(UserSection, {
         children: [/*#__PURE__*/_jsx(UserSectionAvatar, {
           children: /*#__PURE__*/_jsx(ProfileButton, {
-            onClick: function onClick() {},
+            onClick: () => {},
             tabIndex: -1,
             initials: user.firstName[0] + user.lastName[0]
           })
         }), /*#__PURE__*/_jsxs(UserSectionInfo, {
           children: [/*#__PURE__*/_jsx(UserSectionInfoName, {
             "data-hj-suppress": true,
-            children: "".concat(user.firstName, " ").concat(user.lastName)
+            children: `${user.firstName} ${user.lastName}`
           }), /*#__PURE__*/_jsx(UserSectionInfoEmail, {
             "data-hj-suppress": true,
             children: user.email
           }), user.link && /*#__PURE__*/_jsx(HyperLink, {
-            variant: 'default',
+            variant: 'styleless',
             href: user.link.href,
             target: user.link.target,
             id: user.link.id,
@@ -117,45 +197,33 @@ var UserMenu = function UserMenu(_ref) {
             })
           })]
         })]
-      }), sections.filter(function (a) {
-        return !a.pinned;
-      }).map(function (section, index) {
-        return /*#__PURE__*/_jsxs(MenuSection, {
-          className: section.divider ? 'divider' : '',
-          children: [section.label && /*#__PURE__*/_jsx(MenuSectionHeader, {
-            children: section.label
-          }), /*#__PURE__*/_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__*/_jsxs(MenuSection, {
+        className: section.divider ? 'divider' : '',
+        children: [section.label && /*#__PURE__*/_jsx(MenuSectionHeader, {
+          children: section.label
+        }), /*#__PURE__*/_jsx(MenuSectionList, {
+          children: section.items.map((item, index) => renderItem(item, section, index))
+        }, index)]
+      }, index))]
     }), /*#__PURE__*/_jsxs(UserMenuPinnedContainer, {
-      children: [sections.filter(function (a) {
-        return !!a.pinned;
-      }).map(function (section, index) {
-        return /*#__PURE__*/_jsxs(MenuSection, {
-          className: section.divider || index === 0 ? 'divider' : '',
-          children: [section.label && /*#__PURE__*/_jsx(MenuSectionHeader, {
-            children: section.label
-          }), /*#__PURE__*/_jsx(MenuSectionList, {
-            children: section.items.map(function (item, index) {
-              return renderItem(item, section, index);
-            })
-          }, index)]
-        }, index);
-      }), signOut && /*#__PURE__*/_jsx(SignOutActionWrapper, {
+      children: [sections.filter(a => !!a.pinned).map((section, index) => /*#__PURE__*/_jsxs(MenuSection, {
+        className: section.divider || index === 0 ? 'divider' : '',
+        children: [section.label && /*#__PURE__*/_jsx(MenuSectionHeader, {
+          children: section.label
+        }), /*#__PURE__*/_jsx(MenuSectionList, {
+          children: section.items.map((item, index) => renderItem(item, section, index))
+        }, index)]
+      }, index)), signOut && /*#__PURE__*/_jsx(SignOutActionWrapper, {
         children: /*#__PURE__*/_jsx(Button, {
           width: '272px',
           variant: "secondary",
           icon: /*#__PURE__*/_jsx(SystemIcons.Logout, {}),
           size: Size.Large,
-          onClick: function onClick(e) {
+          onClick: e => {
             e.preventDefault();
-            signOut === null || signOut === void 0 ? void 0 : signOut.action();
+            signOut?.action();
           },
-          children: signOut === null || signOut === void 0 ? void 0 : signOut.label
+          children: signOut?.label
         })
       })]
     })]

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

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.js","names":["React","styled","Button","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigationHelper","ProfileButton","jsx","_jsx","jsxs","_jsxs","UserMenuScrollContainer","div","_templateObject","_taggedTemplateLiteral","UserMenuPinnedContainer","_templateObject2","UserMenuWrapper","_templateObject3","props","getColor","theme","off_canvas","MEDIUM","BOXSHADOW_CENTERED","fixed_menu","MenuSection","_templateObject4","SignOutActionWrapper","_templateObject5","MenuSectionHeader","_templateObject6","Bold","MenuSectionList","_templateObject7","UserSectionAvatar","_templateObject8","UserSectionInfo","_templateObject9","UserSectionInfoName","_templateObject10","UserSectionInfoEmail","_templateObject11","Regular","UserSectionInfoLink","_templateObject12","UserSection","_templateObject13","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","_useNavigationHelper","navigate","isActiveRoute","useEffect","_document","handleKeyPress","e","key","document","addEventListener","_document2","removeEventListener","renderItem","item","section","index","id","concat","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","onClick","className","role","children","tabIndex","initials","firstName","lastName","email","link","variant","href","target","cloneElement","size","filter","a","pinned","map","divider","items","width","Logout","Large","preventDefault","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigationHelper} from '../../common/NavigationHelper';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigationHelper();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'default'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UserMenu.js","names":["React","styled","Button","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigation","ProfileButton","jsx","_jsx","jsxs","_jsxs","UserMenuScrollContainer","div","UserMenuPinnedContainer","UserMenuWrapper","props","getColor","theme","off_canvas","MEDIUM","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","Bold","MenuSectionList","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","UserSectionInfoEmail","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useEffect","handleKeyPress","e","key","document","addEventListener","removeEventListener","renderItem","item","section","index","id","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","onClick","className","role","children","tabIndex","initials","firstName","lastName","email","link","variant","href","target","cloneElement","size","filter","a","pinned","map","divider","items","width","Logout","Large","preventDefault","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigation} from '../../Navigation/NavigationProvider';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate && navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'styleless'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,QAAO,cAAc;AACnC,SACEC,UAAU,EACVC,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EACjBC,kBAAkB,EAClBC,kBAAkB,EAClBC,SAAS,QACJ,cAAc;AACrB,SAAQC,IAAI,QAAO,aAAa;AAChC,SAAQC,QAAQ,EAAEC,0BAA0B,QAAO,wBAAwB;AAC3E,SAAQC,WAAW,QAAO,aAAa;AACvC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,OAAOC,WAAW,MAAM,0BAA0B;AAClD,SAAQC,QAAQ,QAAO,gBAAgB;AACvC,SAAQC,aAAa,QAAO,qCAAqC;AACjE,SAAQC,aAAa,QAAO,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElD,MAAMC,uBAAuB,GAAGtB,MAAM,CAACuB,GAAG;AAC1C;AACA,CAAC;AAED,MAAMC,uBAAuB,GAAGxB,MAAM,CAACuB,GAAG,EAAE;AAG5C,MAAME,eAAe,GAAGzB,MAAM,CAACuB,GAAG;AAClC;AACA,sBAAsBG,KAAK,IAAIvB,MAAM,CAACwB,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAapB,SAAS,CAACqB,UAAU;AACjC;AACA;AACA;AACA;AACA,IAAIf,WAAW,CAACgB,MAAM;AACtB;AACA;AACA;AACA;AACA,iBAAiBpB,QAAQ;AACzB,kBAAkBR,UAAU,CAAC6B,kBAAkB;AAC/C;AACA,wBAAwBL,KAAK,IAAIvB,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAC5E,eAAepB,SAAS,CAACwB,UAAU;AACnC;AACA;AACA,CAAC;AAGD,MAAMC,WAAW,GAAGjC,MAAM,CAACuB,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4BG,KAAK,IAAIvB,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAChF;AACA,CAAC;AAED,MAAMM,oBAAoB,GAAGlC,MAAM,CAACiC,WAAW,CAAC;AAChD;AACA;AACA,CAAC;AAED,MAAME,iBAAiB,GAAGnC,MAAM,CAACuB,GAAG;AACpC;AACA;AACA;AACA;AACA;AACA,sBAAsBG,KAAK,IAAIvB,MAAM,CAACwB,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AACzE;AACA,IAAIF,KAAK,IAAIrB,iBAAiB,CAACC,kBAAkB,CAAC8B,IAAI,EAAEjC,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AACpG,CAAC;AAED,MAAMS,eAAe,GAAGrC,MAAM,CAACuB,GAAG;AAClC;AACA;AACA;AACA,IAAIZ,0BAA0B;AAC9B,CAAC;AAGD,MAAM2B,iBAAiB,GAAGtC,MAAM,CAACuB,GAAG;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMgB,eAAe,GAAGvC,MAAM,CAACuB,GAAG;AAClC;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMiB,mBAAmB,GAAGxC,MAAM,CAACuB,GAAG;AACtC,IAAIG,KAAK,IAAItB,iBAAiB,CAACE,kBAAkB,CAAC8B,IAAI,EAAEjC,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AACpG,CAAC;AAED,MAAMa,oBAAoB,GAAGzC,MAAM,CAACuB,GAAG;AACvC;AACA,IAAIG,KAAK,IAAInB,kBAAkB,CAACD,kBAAkB,CAACoC,OAAO,EAAEvC,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AACxG,CAAC;AAED,MAAMe,mBAAmB,GAAG3C,MAAM,CAACuB,GAAG;AACtC;AACA;AACA;AACA;AACA;AACA,IAAIhB,kBAAkB,CAACD,kBAAkB,CAAC8B,IAAI,EAAE,IAAI,CAAC;AACrD;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMQ,WAAW,GAAG5C,MAAM,CAACuB,GAAG;AAC9B;AACA;AACA;AACA;AACA,CAAC;AAOD,MAAMsB,QAAQ,GAAGC,IAAA,IAA2E;EAAA,IAA1E;IAACC,IAAI;IAAEC,IAAI;IAAEC,cAAc;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAoB,CAAC,GAAAN,IAAA;EAErF,MAAM;IAACO,QAAQ;IAAEC;EAAa,CAAC,GAAGtC,aAAa,CAAC,CAAC;EAEjDjB,KAAK,CAACwD,SAAS,CAAC,MAAM;IACpB,IAAI,CAACN,cAAc,EAAE;IAErB,SAASO,cAAcA,CAACC,CAAM,EAAE;MAC9B,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,IAAID,CAAC,CAACC,GAAG,KAAK,KAAK,EAAE;QACzCT,cAAc,CAAC,CAAC;MAClB;IACF;IAEAU,QAAQ,EAAEC,gBAAgB,CAAC,SAAS,EAAEJ,cAAc,EAAE,KAAK,CAAC;IAC5D,OAAO,MAAM;MACXG,QAAQ,EAAEE,mBAAmB,CAAC,SAAS,EAAEL,cAAc,EAAE,KAAK,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,CAACP,cAAc,CAAC,CAAC;EAEpB,MAAMa,UAAU,GAAGA,CAACC,IAAwB,EAAEC,OAA8B,EAAEC,KAAa,kBACzF9C,IAAA,CAACJ,QAAQ;IACCmD,EAAE,EAAE,WAAWD,KAAK,EAAG;IACvBE,MAAM,EAAE,CAACJ,IAAI,CAACK,QAAQ,IAAI,CAAC,CAACd,aAAa,IAAIA,aAAa,CAACS,IAAI,CAACM,EAAE,EAAE,CAAC,CAACN,IAAI,CAACO,KAAK,CAAE;IAClFP,IAAI,EAAE;MACJQ,KAAK,EAAER,IAAI,CAACM,EAAE;MACdG,QAAQ,EAAET,IAAI,CAACS,QAAQ;MACvBC,IAAI,EAAEV,IAAI,CAACU,IAAI;MACfC,YAAY,EAAEX,IAAI,CAACX;IACrB,CAAE;IACFuB,cAAc,EAAGlB,CAAC,IAAK;MACrBM,IAAI,CAACa,MAAM,IAAIb,IAAI,CAACa,MAAM,CAACnB,CAAC,CAAC;MAC7BJ,QAAQ,IAAIA,QAAQ,CAACU,IAAI,CAACM,EAAE,EAAE,CAAC,CAACN,IAAI,CAACK,QAAQ,CAAC;IAChD;EAAE,GAZGH,KAYF,CAAC;EAEhB,oBACE5C,KAAA,CAACI,eAAe;IAACoD,OAAO,EAAE5B,cAAe;IACxB6B,SAAS,EAAE/B,IAAI,GAAG,MAAM,GAAG,EAAG;IAC9BgC,IAAI,EAAC,MAAM;IACX,mBAAgB,gBAAgB;IAAAC,QAAA,gBAC/C3D,KAAA,CAACC,uBAAuB;MAAA0D,QAAA,gBACtB3D,KAAA,CAACuB,WAAW;QAAAoC,QAAA,gBACV7D,IAAA,CAACmB,iBAAiB;UAAA0C,QAAA,eAChB7D,IAAA,CAACF,aAAa;YAAC4D,OAAO,EAAEA,CAAA,KAAM,CAC9B,CAAE;YACaI,QAAQ,EAAE,CAAC,CAAE;YACbC,QAAQ,EAAElC,IAAI,CAACmC,SAAS,CAAC,CAAC,CAAC,GAAGnC,IAAI,CAACoC,QAAQ,CAAC,CAAC;UAAE,CAAC;QAAC,CAC/C,CAAC,eACpB/D,KAAA,CAACkB,eAAe;UAAAyC,QAAA,gBACd7D,IAAA,CAACqB,mBAAmB;YAAC,wBAAgB;YAAAwC,QAAA,EAAE,GAAGhC,IAAI,CAACmC,SAAS,IAAInC,IAAI,CAACoC,QAAQ;UAAE,CAAsB,CAAC,eAClGjE,IAAA,CAACsB,oBAAoB;YAAC,wBAAgB;YAAAuC,QAAA,EAAEhC,IAAI,CAACqC;UAAK,CAAuB,CAAC,EAExErC,IAAI,CAACsC,IAAI,iBACTnE,IAAA,CAACN,SAAS;YAAC0E,OAAO,EAAE,WAAY;YACrBC,IAAI,EAAExC,IAAI,CAACsC,IAAI,CAACE,IAAK;YACrBC,MAAM,EAAEzC,IAAI,CAACsC,IAAI,CAACG,MAAO;YACzBvB,EAAE,EAAElB,IAAI,CAACsC,IAAI,CAACpB,EAAG;YACjBW,OAAO,EAAE7B,IAAI,CAACsC,IAAI,CAACT,OAAQ;YAAAG,QAAA,eACpC3D,KAAA,CAACsB,mBAAmB;cAAAqC,QAAA,gBAClB7D,IAAA;gBAAA6D,QAAA,EACGhC,IAAI,CAACsC,IAAI,CAAClC;cAAK,CACZ,CAAC,EACNJ,IAAI,CAACsC,IAAI,CAACb,IAAI,iBAAI1E,KAAK,CAAC2F,YAAY,CAAC1C,IAAI,CAACsC,IAAI,CAACb,IAAI,EAAE;gBAACkB,IAAI,EAAE;cAAM,CAAC,CAAC;YAAA,CAClD;UAAC,CACb,CAAC;QAAA,CAEC,CAAC;MAAA,CACP,CAAC,EAEZzC,QAAQ,CAAC0C,MAAM,CAACC,CAAC,IAAI,CAACA,CAAC,CAACC,MAAM,CAAC,CAACC,GAAG,CAAC,CAAC/B,OAAO,EAAEC,KAAK,kBACjD5C,KAAA,CAACY,WAAW;QAAa6C,SAAS,EAAEd,OAAO,CAACgC,OAAO,GAAG,SAAS,GAAG,EAAG;QAAAhB,QAAA,GAClEhB,OAAO,CAACZ,KAAK,iBAAIjC,IAAA,CAACgB,iBAAiB;UAAA6C,QAAA,EAAEhB,OAAO,CAACZ;QAAK,CAAoB,CAAC,eACxEjC,IAAA,CAACkB,eAAe;UAAA2C,QAAA,EACbhB,OAAO,CAACiC,KAAK,CAACF,GAAG,CAAC,CAAChC,IAAI,EAAEE,KAAK,KAAKH,UAAU,CAACC,IAAI,EAAEC,OAAO,EAAEC,KAAK,CAAC;QAAC,GADjDA,KAEL,CAAC;MAAA,GAJFA,KAKL,CACf,CAAC;IAAA,CAEoB,CAAC,eAC1B5C,KAAA,CAACG,uBAAuB;MAAAwD,QAAA,GAEpB9B,QAAQ,CAAC0C,MAAM,CAACC,CAAC,IAAI,CAAC,CAACA,CAAC,CAACC,MAAM,CAAC,CAACC,GAAG,CAAC,CAAC/B,OAAO,EAAEC,KAAK,kBAClD5C,KAAA,CAACY,WAAW;QAAa6C,SAAS,EAAEd,OAAO,CAACgC,OAAO,IAAI/B,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAG;QAAAe,QAAA,GACjFhB,OAAO,CAACZ,KAAK,iBAAIjC,IAAA,CAACgB,iBAAiB;UAAA6C,QAAA,EAAEhB,OAAO,CAACZ;QAAK,CAAoB,CAAC,eACxEjC,IAAA,CAACkB,eAAe;UAAA2C,QAAA,EACbhB,OAAO,CAACiC,KAAK,CAACF,GAAG,CAAC,CAAChC,IAAI,EAAEE,KAAK,KAAKH,UAAU,CAACC,IAAI,EAAEC,OAAO,EAAEC,KAAK,CAAC;QAAC,GADjDA,KAEL,CAAC;MAAA,GAJFA,KAKL,CACf,CAAC,EAGDd,OAAO,iBACPhC,IAAA,CAACe,oBAAoB;QAAA8C,QAAA,eACnB7D,IAAA,CAAClB,MAAM;UAACiG,KAAK,EAAE,OAAQ;UACfX,OAAO,EAAC,WAAW;UACnBd,IAAI,eAAEtD,IAAA,CAACP,WAAW,CAACuF,MAAM,IAAC,CAAE;UAC5BR,IAAI,EAAElF,IAAI,CAAC2F,KAAM;UACjBvB,OAAO,EAAEpB,CAAC,IAAI;YACZA,CAAC,CAAC4C,cAAc,CAAC,CAAC;YAClBlD,OAAO,EAAEyB,MAAM,CAAC,CAAC;UACnB,CAAE;UAAAI,QAAA,EACP7B,OAAO,EAAEC;QAAK,CACT;MAAC,CACW,CAAC;IAAA,CAEF,CAAC;EAAA,CACX,CAAC;AAEtB,CAAC;AAACP,QAAA,CAAAyD,SAAA;EA/GAvD,IAAI,EAAAwD,GAAA,CAAAC,IAAA;EACJvD,cAAc,EAAAsD,GAAA,CAAAE,IAAA,CAAAC;AAAA;AAgHhB,eAAe7D,QAAQ","ignoreList":[]}

package/dist/GlobalNavigationBar/index.cjs

@@ -9,8 +9,8 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "GlobalNavigationBar", {
   enumerable: true,
-  get: function get() {
-    return _GlobalNavigationBar["default"];
+  get: function () {
+    return _GlobalNavigationBar.default;
   }
 });
 var _GlobalNavigationBar = _interopRequireDefault(require("./GlobalNavigationBar"));
@@ -21,7 +21,7 @@ Object.keys(_types).forEach(function (key) {
   if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _types[key];
     }
   });

package/dist/GlobalNavigationBar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_GlobalNavigationBar","_interopRequireDefault","require","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\r\n\r\nexport * from './types';\r\n\r\nexport {GlobalNavigationBar};\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_GlobalNavigationBar","_interopRequireDefault","require","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\r\n\r\nexport * from './types';\r\n\r\nexport {GlobalNavigationBar};\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/GlobalNavigationBar/index.d.ts

@@ -1,3 +1,3 @@
-import GlobalNavigationBar from './GlobalNavigationBar';
-export * from './types';
-export { GlobalNavigationBar };
+import GlobalNavigationBar from './GlobalNavigationBar';
+export * from './types';
+export { GlobalNavigationBar };