@laerdal/life-react-components 1.8.0 → 1.9.0-dev.1.full

package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -21,27 +23,29 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _Logo = _interopRequireDefault(require("./Logo"));
 
-var _MainMenu = _interopRequireDefault(require("./MainMenu"));
-
-var _Actions = _interopRequireDefault(require("./Actions"));
+var _MainMenu = _interopRequireDefault(require("./desktop/MainMenu"));
 
 var _Layouts = require("../Layouts");
 
 var _styles = require("../styles");
 
-var _RightSideNav = _interopRequireDefault(require("./RightSideNav"));
+var _RightSideNav = _interopRequireDefault(require("./desktop/RightSideNav"));
 
 var _MobileMenu = _interopRequireDefault(require("./mobile/MobileMenu"));
 
 var _SystemIcons = require("../icons/systemicons/SystemIcons");
 
-var _UserMenu = _interopRequireDefault(require("./UserMenu/UserMenu"));
+var _UserMenu = _interopRequireDefault(require("./desktop/UserMenu"));
 
 var _useClickOutside = _interopRequireDefault(require("../hooks/useClickOutside"));
 
 var _CommonStyles = require("./mobile/CommonStyles");
 
-var _zIndexes = require("../styles/z-indexes");
+var _Button = require("../Button");
+
+var _DesktopActions = _interopRequireDefault(require("./desktop/DesktopActions"));
+
+var _rooks = require("rooks");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -51,23 +55,23 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var HeaderWrapper = _styledComponents.default.header(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: white;\n  border-bottom: 1px solid ", ";\n  \n  z-index: ", ";\n  position: relative;\n  \n  height: 48px;\n\n  ", " {\n    height: 56px;\n  }\n  ", " {\n    height: 64px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n"])), _styles.COLORS.neutral_200, _zIndexes.Z_INDEXES.sticky_menu, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var HeaderWrapper = _styledComponents.default.header(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: white;\n  border-bottom: 1px solid ", ";\n\n  z-index: ", ";\n  position: relative;\n\n  height: 48px;\n\n  ", " {\n    height: 56px;\n  }\n\n  ", " {\n    height: 64px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n"])), _styles.COLORS.neutral_200, _styles.Z_INDEXES.sticky_menu, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM);
 
 var RowLayout = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
 
-var RightSide = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin: 0 0 0 auto;\n"])));
+var HamburgerButton = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", " button {\n    height: 56px;\n  }\n\n  ", " {\n    display: none;\n  }\n"])), _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM);
 
-var MenuWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background: rgba(0, 0, 0, 0.5);\n  display: ", ";\n  position: fixed;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  overflow-y: hidden;\n  bottom: 0;\n  right: 0;\n  z-index: ", ";\n"])), function (props) {
-  return props.isVisible ? 'flex' : 'none';
-}, _zIndexes.Z_INDEXES.backdrop);
+var RightSide = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin: 0 0 0 auto;\n\n  &.reverse {\n    ", " {\n      order: -1;\n    }\n\n    flex-direction: row-reverse;\n  }\n"])), HamburgerButton);
 
-var UserMenuWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  display: flex;\n  margin-left: ", ";\n  position: absolute;\n  right: ", ";\n  top: 56px;\n\n  &:focus-within,\n  &:hover,\n  &.open {\n    background: ", ";\n  }\n"])), _styles.COLORS.white, function (props) {
-  return props.floatRight ? 'auto' : 'unset';
-}, function (props) {
-  return props.offsetRight ? "".concat(window.innerWidth - props.offsetRight + 296, "px") : '10%';
-}, _styles.COLORS.white);
+var 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  bottom: 0;\n  right: 0;\n  height: 100vh;\n  width: 100vw;\n  overflow: hidden;\n  z-index: ", ";\n  visibility: hidden;\n\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.MEDIUM);
 
-var HamburgerButton = _styledComponents.default.button(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  border-width: 0;\n  background-color: ", ";\n  height: 48px;\n\n  ", " {\n    height: 56px;\n  }\n  ", " {\n    height: 64px;\n  }\n  &:hover {\n    cursor: pointer;\n  }\n\n  ", " {\n    display: none;\n  }\n"])), _styles.COLORS.white, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.MEDIUM);
+var UserMenuWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  display: flex;\n  position: absolute;\n\n  ", " {\n    top: 56px;\n    right: ", ";\n  }\n"])), _styles.COLORS.white, _styles.BREAKPOINTS.MEDIUM, function (props) {
+  return props.offsetRight ? "".concat(window.innerWidth - props.offsetRight + 296, "px") : '10%';
+});
 
 /**
  * @param props
@@ -75,91 +79,67 @@ var HamburgerButton = _styledComponents.default.button(_templateObject6 || (_tem
  * @description This component is a global navigation header bar
  */
 var GlobalNavigationBar = function GlobalNavigationBar(_ref) {
-  var _document2, _document2$getElement, _document2$getElement2;
+  var _actionsRef$current, _actionsRef$current$b, _actionsRef$current$b2, _actionsRef$current$b3, _desktop$items, _desktop$buttons;
 
   var name = _ref.name,
-      mainNavigationOptions = _ref.mainNavigationOptions,
-      secondaryNavigationOptions = _ref.secondaryNavigationOptions,
-      secondaryButton = _ref.secondaryButton,
-      actions = _ref.actions,
-      firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      email = _ref.email,
-      organizationName = _ref.organizationName,
-      signout = _ref.signout,
       isAuthenticated = _ref.isAuthenticated,
-      mobileActions = _ref.mobileActions,
-      notifications = _ref.notifications,
-      switcherAction = _ref.switcherAction,
-      _ref$reverseRightSide = _ref.reverseRightSideOrder,
-      reverseRightSideOrder = _ref$reverseRightSide === void 0 ? false : _ref$reverseRightSide,
-      showBetaTag = _ref.showBetaTag,
-      accountSection = _ref.accountSection,
-      organizationSection = _ref.organizationSection,
-      supportSection = _ref.supportSection,
-      accountMenuHeader = _ref.accountMenuHeader,
-      signOutLabel = _ref.signOutLabel,
-      useUserMenu = _ref.useUserMenu,
-      mainLogoTo = _ref.mainLogoTo,
-      trackLogoClick = _ref.trackLogoClick,
+      logo = _ref.logo,
+      profile = _ref.profile,
+      mobile = _ref.mobile,
+      desktop = _ref.desktop,
       testId = _ref.testId,
       _ref$useMaxWidth = _ref.useMaxWidth,
       useMaxWidth = _ref$useMaxWidth === void 0 ? true : _ref$useMaxWidth;
 
   var _React$useState = React.useState(false),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      showMenu = _React$useState2[0],
-      setShowMenu = _React$useState2[1];
+      showMobileMenu = _React$useState2[0],
+      setShowMobileMenu = _React$useState2[1];
+
+  var wasMobileMenuOpen = (0, _rooks.usePreviousImmediate)(showMobileMenu);
 
   var _React$useState3 = React.useState(false),
       _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
       showUserMenu = _React$useState4[0],
       setShowUserMenu = _React$useState4[1];
 
-  var _React$useState5 = React.useState(false),
-      _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
-      showMobileUserMenu = _React$useState6[0],
-      setShowMobileUserMenu = _React$useState6[1];
-
-  var menuRef = React.useRef(null);
+  var mobileMenuRef = React.useRef(null);
   var userMenuRef = React.useRef(null);
+  var actionsRef = React.useRef(null);
+  var profileButtonRef = React.useRef();
+  profileButtonRef.current = actionsRef === null || actionsRef === void 0 ? void 0 : (_actionsRef$current = actionsRef.current) === null || _actionsRef$current === void 0 ? void 0 : (_actionsRef$current$b = _actionsRef$current.buttons) === null || _actionsRef$current$b === void 0 ? void 0 : (_actionsRef$current$b2 = _actionsRef$current$b.find(function (a) {
+    return a.type === 'profile';
+  })) === null || _actionsRef$current$b2 === void 0 ? void 0 : (_actionsRef$current$b3 = _actionsRef$current$b2.ref) === null || _actionsRef$current$b3 === void 0 ? void 0 : _actionsRef$current$b3.current;
+  var mobileMenuButtonRef = React.useRef(null);
   var rightSideRef = React.useRef(null);
 
-  var _React$useState7 = React.useState(0),
-      _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
-      avatarRight = _React$useState8[0],
-      setAvatarRight = _React$useState8[1];
-
-  var handleClickMenuAction = function handleClickMenuAction() {
-    setShowMenu(false);
-  };
+  var _React$useState5 = React.useState(0),
+      _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+      avatarRight = _React$useState6[0],
+      setAvatarRight = _React$useState6[1];
 
   (0, _useClickOutside.default)(userMenuRef, function () {
-    return showUserMenu ? setShowUserMenu(false) : null;
-  });
-  (0, _useClickOutside.default)(menuRef, function () {
-    if (showMenu) {
-      setShowMobileUserMenu(false);
-      setShowMenu(false);
-    }
-  });
+    return setShowUserMenu(false);
+  }, [profileButtonRef]);
+  (0, _useClickOutside.default)(mobileMenuRef, function () {
+    return setShowMobileMenu(false);
+  }, [mobileMenuButtonRef]);
   React.useEffect(function () {
-    var handleResize = function handleResize() {
-      var _document, _document$getElementB, _document$getElementB2;
+    if (!profileButtonRef.current) return;
 
-      var right = (_document = document) === null || _document === void 0 ? void 0 : (_document$getElementB = _document.getElementById('avatarContainer')) === null || _document$getElementB === void 0 ? void 0 : (_document$getElementB2 = _document$getElementB.getBoundingClientRect()) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.right;
+    var handleResize = function handleResize() {
+      var _profileButtonRef$cur, _profileButtonRef$cur2;
 
-      if (right) {
-        setAvatarRight(right);
-      }
+      var profileRightOffset = (_profileButtonRef$cur = profileButtonRef.current) === null || _profileButtonRef$cur === void 0 ? void 0 : (_profileButtonRef$cur2 = _profileButtonRef$cur.getBoundingClientRect()) === null || _profileButtonRef$cur2 === void 0 ? void 0 : _profileButtonRef$cur2.right;
+      setAvatarRight(profileRightOffset || 0);
     };
 
     handleResize();
     window.addEventListener('resize', handleResize);
     return function () {
       return window.removeEventListener('resize', handleResize);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [(_document2 = document) === null || _document2 === void 0 ? void 0 : (_document2$getElement = _document2.getElementById('avatarContainer')) === null || _document2$getElement === void 0 ? void 0 : (_document2$getElement2 = _document2$getElement.getBoundingClientRect()) === null || _document2$getElement2 === void 0 ? void 0 : _document2$getElement2.right]);
+    };
+  }, [profileButtonRef.current]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(HeaderWrapper, {
       "data-testid": testId,
@@ -168,135 +148,86 @@ var GlobalNavigationBar = function GlobalNavigationBar(_ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(RowLayout, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
             name: name || '',
-            showBetaTag: showBetaTag,
-            onClick: trackLogoClick,
-            to: mainLogoTo
+            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
           }), isAuthenticated && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MainMenu.default, {
-            navigationOptions: mainNavigationOptions || [],
+            items: (desktop === null || desktop === void 0 ? void 0 : desktop.items.filter(function (a) {
+              return !a.pinned;
+            })) || [],
             rightSideRef: rightSideRef
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(RightSide, {
-            className: "GlobalNavigationRightSide",
+            className: "".concat(desktop !== null && desktop !== void 0 && desktop.reverseRightSideOrder ? 'reverse' : ''),
             ref: rightSideRef,
-            children: [reverseRightSideOrder ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.default, {
-                actions: actions,
-                firstName: firstName || '',
-                lastName: lastName || '',
-                hideOnLowWidth: true,
-                useUserMenu: useUserMenu,
-                setShowUserMenu: setShowUserMenu
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RightSideNav.default, {
-                navigationOptions: secondaryNavigationOptions,
-                secondaryButton: secondaryButton
-              })]
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RightSideNav.default, {
-                navigationOptions: secondaryNavigationOptions,
-                secondaryButton: secondaryButton
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.default, {
-                actions: actions,
-                firstName: firstName || '',
-                lastName: lastName || '',
-                hideOnLowWidth: true,
-                useUserMenu: useUserMenu,
-                setShowUserMenu: setShowUserMenu
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(HamburgerButton, {
-              onClick: function onClick() {
-                return setShowMenu(!showMenu);
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RightSideNav.default, {
+              items: desktop === null || desktop === void 0 ? void 0 : (_desktop$items = desktop.items) === null || _desktop$items === void 0 ? void 0 : _desktop$items.filter(function (a) {
+                return a.pinned;
+              }),
+              action: desktop === null || desktop === void 0 ? void 0 : desktop.action
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopActions.default, {
+              ref: actionsRef,
+              buttons: desktop === null || desktop === void 0 ? void 0 : desktop.buttons,
+              onShowUserMenu: function onShowUserMenu() {
+                return setShowUserMenu(!showUserMenu);
               },
+              user: profile === null || profile === void 0 ? void 0 : profile.user
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(HamburgerButton, {
               hidden: !isAuthenticated,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Menu, {
-                size: "24px"
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+                action: function action() {
+                  return setShowMobileMenu(!showMobileMenu);
+                },
+                ref: mobileMenuButtonRef,
+                shape: 'circular',
+                variant: 'secondary',
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Menu, {
+                  size: "24px"
+                })
               })
             })]
           })]
         })
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuWrapper, {
-      className: showMenu ? 'open' : 'closed',
-      isVisible: showMenu,
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileMenuBackdrop, {
+      className: showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : '',
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyles.Menu, {
-        ref: menuRef,
-        onClick: function onClick() {},
+        ref: mobileMenuRef,
         role: "menu",
         "aria-labelledby": "UserMenuButton",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenu.default, {
-          name: name || '',
-          clickMenuAction: function clickMenuAction() {
-            setShowMobileUserMenu(false);
-            handleClickMenuAction();
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileMenu.default, _objectSpread(_objectSpread({}, mobile), {}, {
+          show: showMobileMenu,
+          onClose: function onClose() {
+            return setShowMobileMenu(false);
           },
-          navigationOptions: mainNavigationOptions || [],
-          secondaryNavigationOptions: secondaryNavigationOptions,
-          secondaryButton: secondaryButton,
-          firstName: firstName || '',
-          lastName: lastName || '',
-          email: email || '',
-          signout: signout,
-          notifications: notifications,
-          actions: mobileActions,
-          switcherAction: switcherAction,
-          isAuthenticated: isAuthenticated,
-          accountSection: accountSection || [],
-          organizationSection: organizationSection || [],
-          supportSection: supportSection || [],
-          accountMenuHeader: accountMenuHeader || '',
-          signOutLabel: signOutLabel || '',
-          organizationName: organizationName || '',
-          useUserMenu: useUserMenu,
-          showUserMenu: showMobileUserMenu,
-          setShowUserMenu: setShowMobileUserMenu
-        })
+          profile: profile
+        }))
       })
-    }), useUserMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(UserMenuWrapper, {
+    }), (desktop === null || desktop === void 0 ? void 0 : (_desktop$buttons = desktop.buttons) === null || _desktop$buttons === void 0 ? void 0 : _desktop$buttons.some(function (a) {
+      return a.type === 'profile';
+    })) && !!profile && /*#__PURE__*/(0, _jsxRuntime.jsx)(UserMenuWrapper, {
       ref: userMenuRef,
-      className: showUserMenu ? 'open' : 'closed',
-      floatRight: false,
       offsetRight: avatarRight,
       "data-testid": "testUserMenuWrapper",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.default, {
-        firstName: firstName || '',
-        lastName: lastName || '',
-        email: email || '',
-        organizationName: organizationName || '',
-        clickMenuAction: function clickMenuAction() {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.default, _objectSpread(_objectSpread({}, profile), {}, {
+        show: showUserMenu,
+        onHideUserMenu: function onHideUserMenu() {
           return setShowUserMenu(false);
-        },
-        accountSection: accountSection,
-        organizationSection: organizationSection,
-        supportSection: supportSection,
-        signOut: signout,
-        signOutLabel: signOutLabel || ''
-      })
+        }
+      }))
     })]
   });
 };
 
 GlobalNavigationBar.propTypes = {
-  name: _propTypes.default.string,
-  mainNavigationOptions: _propTypes.default.array,
-  secondaryNavigationOptions: _propTypes.default.array,
-  firstName: _propTypes.default.string,
-  lastName: _propTypes.default.string,
-  email: _propTypes.default.string,
-  organizationName: _propTypes.default.string,
-  signout: _propTypes.default.func,
   isAuthenticated: _propTypes.default.bool,
-  notifications: _propTypes.default.array,
-  switcherAction: _propTypes.default.func,
-  reverseRightSideOrder: _propTypes.default.bool,
-  showBetaTag: _propTypes.default.bool,
-  accountSection: _propTypes.default.array,
-  organizationSection: _propTypes.default.array,
-  supportSection: _propTypes.default.array,
-  accountMenuHeader: _propTypes.default.string,
-  signOutLabel: _propTypes.default.string,
-  useUserMenu: _propTypes.default.bool,
-  trackLogoClick: _propTypes.default.func,
-  mainLogoTo: _propTypes.default.string,
-  testId: _propTypes.default.string,
-  useMaxWidth: _propTypes.default.bool
+  useMaxWidth: _propTypes.default.bool,
+  name: _propTypes.default.string,
+  logo: _propTypes.default.shape({
+    onClick: _propTypes.default.func,
+    to: _propTypes.default.string,
+    showBetaTag: _propTypes.default.bool
+  }),
+  testId: _propTypes.default.string
 };
 var _default = GlobalNavigationBar;
 exports.default = _default;

package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"names":["HeaderWrapper","styled","header","COLORS","neutral_200","Z_INDEXES","sticky_menu","BREAKPOINTS","SMALL","MEDIUM","RowLayout","div","RightSide","MenuWrapper","props","isVisible","backdrop","UserMenuWrapper","white","floatRight","offsetRight","window","innerWidth","HamburgerButton","button","GlobalNavigationBar","name","mainNavigationOptions","secondaryNavigationOptions","secondaryButton","actions","firstName","lastName","email","organizationName","signout","isAuthenticated","mobileActions","notifications","switcherAction","reverseRightSideOrder","showBetaTag","accountSection","organizationSection","supportSection","accountMenuHeader","signOutLabel","useUserMenu","mainLogoTo","trackLogoClick","testId","useMaxWidth","React","useState","showMenu","setShowMenu","showUserMenu","setShowUserMenu","showMobileUserMenu","setShowMobileUserMenu","menuRef","useRef","userMenuRef","rightSideRef","avatarRight","setAvatarRight","handleClickMenuAction","useEffect","handleResize","right","document","getElementById","getBoundingClientRect","addEventListener","removeEventListener"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport Logo from './Logo';\nimport MainMenu from './MainMenu';\nimport Actions from './Actions';\nimport { PageWidth } from '../Layouts';\nimport { COLORS, BREAKPOINTS } from '../styles';\nimport RightSideNav from './RightSideNav';\nimport { NavOption, NavButton, ActionOptions, UserMenuItem } from '../types';\nimport MobileMenu from './mobile/MobileMenu';\nimport { Menu } from '../icons/systemicons/SystemIcons';\nimport UserMenu from './UserMenu/UserMenu';\nimport useClickOutside from '../hooks/useClickOutside';\nimport { Menu as MobileMenuWrapper } from './mobile/CommonStyles';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst HeaderWrapper = styled.header`\n  background: white;\n  border-bottom: 1px solid ${COLORS.neutral_200};\n  \n  z-index: ${Z_INDEXES.sticky_menu};\n  position: relative;\n  \n  height: 48px;\n\n  ${BREAKPOINTS.SMALL} {\n    height: 56px;\n  }\n  ${BREAKPOINTS.MEDIUM} {\n    height: 64px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n`;\n\nconst RowLayout = styled.div`\n  display: flex;\n`;\n\nconst RightSide = styled.div`\n  display: flex;\n  margin: 0 0 0 auto;\n`;\n\nconst MenuWrapper = styled.div<MenuWrapperProps>`\n  background: rgba(0, 0, 0, 0.5);\n  display: ${(props) => (props.isVisible ? 'flex' : 'none')};\n  position: fixed;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  overflow-y: hidden;\n  bottom: 0;\n  right: 0;\n  z-index: ${Z_INDEXES.backdrop};\n`;\n\nconst UserMenuWrapper = styled.div<UserMenuWrapperProps>`\n  background-color: ${COLORS.white};\n  display: flex;\n  margin-left: ${(props) => (props.floatRight ? 'auto' : 'unset')};\n  position: absolute;\n  right: ${(props) => (props.offsetRight ? `${window.innerWidth - props.offsetRight + 296}px` : '10%')};\n  top: 56px;\n\n  &:focus-within,\n  &:hover,\n  &.open {\n    background: ${COLORS.white};\n  }\n`;\n\ninterface UserMenuWrapperProps {\n  floatRight: boolean;\n  offsetRight: number | null | undefined;\n}\n\nconst HamburgerButton = styled.button`\n  border-width: 0;\n  background-color: ${COLORS.white};\n  height: 48px;\n\n  ${BREAKPOINTS.SMALL} {\n    height: 56px;\n  }\n  ${BREAKPOINTS.MEDIUM} {\n    height: 64px;\n  }\n  &:hover {\n    cursor: pointer;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    display: none;\n  }\n`;\n\ninterface MenuWrapperProps {\n  isVisible: boolean;\n}\n\ntype Props = {\n  name?: string;\n  mainNavigationOptions?: NavOption[];\n  secondaryNavigationOptions?: NavOption[];\n  secondaryButton?: NavButton;\n  actions?: ActionOptions;\n  firstName?: string;\n  lastName?: string;\n  email?: string;\n  organizationName?: string;\n  signout?: (e: any) => void;\n  isAuthenticated?: boolean;\n  mobileActions?: ActionOptions;\n  notifications?: NavOption[];\n  switcherAction?: () => void;\n  reverseRightSideOrder?: boolean;\n  showBetaTag?: boolean;\n  accountSection?: UserMenuItem[];\n  organizationSection?: UserMenuItem[];\n  supportSection?: UserMenuItem[];\n  accountMenuHeader?: string;\n  signOutLabel?: string;\n  useUserMenu?: boolean;\n  trackLogoClick?: () => void;\n  mainLogoTo?: string;\n  testId?: string;\n  useMaxWidth?: boolean;\n};\n\n/**\n * @param props\n * @constructor\n * @description This component is a global navigation header bar\n */\nconst GlobalNavigationBar = ({\n  name,\n  mainNavigationOptions,\n  secondaryNavigationOptions,\n  secondaryButton,\n  actions,\n  firstName,\n  lastName,\n  email,\n  organizationName,\n  signout,\n  isAuthenticated,\n  mobileActions,\n  notifications,\n  switcherAction,\n  reverseRightSideOrder = false,\n  showBetaTag,\n  accountSection,\n  organizationSection,\n  supportSection,\n  accountMenuHeader,\n  signOutLabel,\n  useUserMenu,\n  mainLogoTo,\n  trackLogoClick,\n  testId,\n  useMaxWidth = true,\n}: Props): React.ReactElement<Props> => {\n  const [showMenu, setShowMenu] = React.useState(false);\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\n  const [showMobileUserMenu, setShowMobileUserMenu] = React.useState<boolean>(false);\n  const menuRef = React.useRef(null);\n  const userMenuRef = React.useRef<HTMLDivElement>(null);\n  const rightSideRef = React.useRef(null);\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\n\n  const handleClickMenuAction = () => {\n    setShowMenu(false);\n  };\n\n  useClickOutside(userMenuRef, () => (showUserMenu ? setShowUserMenu(false) : null));\n  useClickOutside(menuRef, () => {\n    if (showMenu) {\n      setShowMobileUserMenu(false);\n      setShowMenu(false);\n    }\n  });\n\n  React.useEffect(() => {\n    const handleResize = () => {\n      const right = document?.getElementById('avatarContainer')?.getBoundingClientRect()?.right;\n      if (right) {\n        setAvatarRight(right);\n      }\n    };\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [document?.getElementById('avatarContainer')?.getBoundingClientRect()?.right]);\n\n  return (\n    <>\n      <HeaderWrapper data-testid={testId}>\n        <PageWidth useMaxWidth={useMaxWidth}>\n          <RowLayout>\n            <Logo name={name || ''} showBetaTag={showBetaTag} onClick={trackLogoClick} to={mainLogoTo} />\n            {isAuthenticated && <MainMenu navigationOptions={mainNavigationOptions || []} rightSideRef={rightSideRef} />}\n            <RightSide className=\"GlobalNavigationRightSide\" ref={rightSideRef}>\n              {reverseRightSideOrder ? (\n                <>\n                  <Actions\n                    actions={actions}\n                    firstName={firstName || ''}\n                    lastName={lastName || ''}\n                    hideOnLowWidth={true}\n                    useUserMenu={useUserMenu}\n                    setShowUserMenu={setShowUserMenu}\n                  />\n                  <RightSideNav navigationOptions={secondaryNavigationOptions} secondaryButton={secondaryButton} />\n                </>\n              ) : (\n                <>\n                  <RightSideNav navigationOptions={secondaryNavigationOptions} secondaryButton={secondaryButton} />\n                  <Actions\n                    actions={actions}\n                    firstName={firstName || ''}\n                    lastName={lastName || ''}\n                    hideOnLowWidth={true}\n                    useUserMenu={useUserMenu}\n                    setShowUserMenu={setShowUserMenu}\n                  />\n                </>\n              )}\n              <HamburgerButton onClick={() => setShowMenu(!showMenu)} hidden={!isAuthenticated}>\n                <Menu size=\"24px\" />\n              </HamburgerButton>\n            </RightSide>\n          </RowLayout>\n        </PageWidth>\n      </HeaderWrapper>\n      <MenuWrapper className={showMenu ? 'open' : 'closed'} isVisible={showMenu}>\n        <MobileMenuWrapper ref={menuRef} onClick={() => {}} role=\"menu\" aria-labelledby=\"UserMenuButton\">\n          <MobileMenu\n            name={name || ''}\n            clickMenuAction={() => {\n              setShowMobileUserMenu(false);\n              handleClickMenuAction();\n            }}\n            navigationOptions={mainNavigationOptions || []}\n            secondaryNavigationOptions={secondaryNavigationOptions}\n            secondaryButton={secondaryButton}\n            firstName={firstName || ''}\n            lastName={lastName || ''}\n            email={email || ''}\n            signout={signout}\n            notifications={notifications}\n            actions={mobileActions}\n            switcherAction={switcherAction}\n            isAuthenticated={isAuthenticated}\n            accountSection={accountSection || []}\n            organizationSection={organizationSection || []}\n            supportSection={supportSection || []}\n            accountMenuHeader={accountMenuHeader || ''}\n            signOutLabel={signOutLabel || ''}\n            organizationName={organizationName || ''}\n            useUserMenu={useUserMenu}\n            showUserMenu={showMobileUserMenu}\n            setShowUserMenu={setShowMobileUserMenu}\n          />\n        </MobileMenuWrapper>\n      </MenuWrapper>\n      {useUserMenu && (\n        <UserMenuWrapper ref={userMenuRef} className={showUserMenu ? 'open' : 'closed'} floatRight={false} offsetRight={avatarRight} data-testid=\"testUserMenuWrapper\">\n          <UserMenu\n            firstName={firstName || ''}\n            lastName={lastName || ''}\n            email={email || ''}\n            organizationName={organizationName || ''}\n            clickMenuAction={() => setShowUserMenu(false)}\n            accountSection={accountSection}\n            organizationSection={organizationSection}\n            supportSection={supportSection}\n            signOut={signout}\n            signOutLabel={signOutLabel || ''}\n          />\n        </UserMenuWrapper>\n      )}\n    </>\n  );\n};\n\nexport default GlobalNavigationBar;\n"],"file":"GlobalNavigationBar.cjs"}
+{"version":3,"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"names":["HeaderWrapper","styled","header","COLORS","neutral_200","Z_INDEXES","sticky_menu","BREAKPOINTS","SMALL","MEDIUM","RowLayout","div","HamburgerButton","RightSide","MobileMenuBackdrop","backdrop","fadeIn","fadeOut","UserMenuWrapper","white","props","offsetRight","window","innerWidth","GlobalNavigationBar","name","isAuthenticated","logo","profile","mobile","desktop","testId","useMaxWidth","React","useState","showMobileMenu","setShowMobileMenu","wasMobileMenuOpen","showUserMenu","setShowUserMenu","mobileMenuRef","useRef","userMenuRef","actionsRef","profileButtonRef","current","buttons","find","a","type","ref","mobileMenuButtonRef","rightSideRef","avatarRight","setAvatarRight","useEffect","handleResize","profileRightOffset","getBoundingClientRect","right","addEventListener","removeEventListener","showBetaTag","onClick","to","items","filter","pinned","reverseRightSideOrder","action","user","some"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport Logo from './Logo';\nimport MainMenu from './desktop/MainMenu';\nimport {PageWidth} from '../Layouts';\nimport {COLORS, BREAKPOINTS} from '../styles';\nimport RightSideNav from './desktop/RightSideNav';\nimport MobileMenu from './mobile/MobileMenu';\nimport {Menu} from '../icons/systemicons/SystemIcons';\nimport UserMenu from './desktop/UserMenu';\nimport useClickOutside from '../hooks/useClickOutside';\nimport {fadeIn, fadeOut, Menu as MobileMenuWrapper} from './mobile/CommonStyles';\nimport {Z_INDEXES} from '../styles';\nimport {\n  DesktopNavigationMenuProps, MenuProfileButton,\n  MobileNavigationMenuProps,\n  ProfileMenu\n} from './types';\nimport {IconButton} from '../Button';\nimport DesktopActions, {DesktopActionsRef} from './desktop/DesktopActions';\nimport {usePreviousImmediate} from 'rooks';\n\nconst HeaderWrapper = styled.header`\n  background: white;\n  border-bottom: 1px solid ${COLORS.neutral_200};\n\n  z-index: ${Z_INDEXES.sticky_menu};\n  position: relative;\n\n  height: 48px;\n\n  ${BREAKPOINTS.SMALL} {\n    height: 56px;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    height: 64px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n`;\n\nconst RowLayout = styled.div`\n  display: flex;\n`;\n\n\nconst HamburgerButton = styled.div`\n  ${BREAKPOINTS.SMALL} button {\n    height: 56px;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    display: none;\n  }\n`;\n\nconst RightSide = styled.div`\n  display: flex;\n  margin: 0 0 0 auto;\n\n  &.reverse {\n    ${HamburgerButton} {\n      order: -1;\n    }\n\n    flex-direction: row-reverse;\n  }\n`;\n\nconst MobileMenuBackdrop = styled.div`\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  position: fixed;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  height: 100vh;\n  width: 100vw;\n  overflow: hidden;\n  z-index: ${Z_INDEXES.backdrop};\n  visibility: hidden;\n\n\n  &.open {\n    visibility: visible;\n    animation: ${fadeIn} 0.3s ease-in-out;\n  }\n\n  &.closed {\n    visibility: hidden;\n    animation: ${fadeOut} 0.3s ease-in-out;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    visibility: hidden !important;\n  }\n`;\n\nconst UserMenuWrapper = styled.div<{ offsetRight?: number }>`\n  background-color: ${COLORS.white};\n  display: flex;\n  position: absolute;\n\n  ${BREAKPOINTS.MEDIUM} {\n    top: 56px;\n    right: ${(props) => (props.offsetRight ? `${window.innerWidth - props.offsetRight + 296}px` : '10%')};\n  }\n`;\n\n\ntype GlobalNavigationBarProps = {\n  isAuthenticated?: boolean;\n  useMaxWidth?: boolean;\n\n  name?: string;\n  logo?: { onClick?: () => void; to?: string; showBetaTag?: boolean; };\n\n  profile?: ProfileMenu;\n\n  mobile?: MobileNavigationMenuProps;\n  desktop?: DesktopNavigationMenuProps;\n\n  testId?: string;\n};\n\n/**\n * @param props\n * @constructor\n * @description This component is a global navigation header bar\n */\nconst GlobalNavigationBar = ({\n                               name,\n                               isAuthenticated,\n                               logo,\n                               profile,\n                               mobile,\n                               desktop,\n                               testId,\n                               useMaxWidth = true,\n                             }: GlobalNavigationBarProps): React.ReactElement<GlobalNavigationBarProps> => {\n  const [showMobileMenu, setShowMobileMenu] = React.useState(false);\n  const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);\n\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\n  const mobileMenuRef = React.useRef(null);\n  const userMenuRef = React.useRef<HTMLDivElement>(null);\n\n  const actionsRef = React.useRef<DesktopActionsRef>(null);\n  const profileButtonRef = React.useRef<HTMLButtonElement | null>() as React.MutableRefObject<HTMLButtonElement | null | undefined>;\n  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;\n\n  const mobileMenuButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  const rightSideRef = React.useRef(null);\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\n\n\n  useClickOutside(userMenuRef, () => setShowUserMenu(false), [profileButtonRef]);\n  useClickOutside(mobileMenuRef, () => setShowMobileMenu(false), [mobileMenuButtonRef]);\n\n  React.useEffect(() => {\n    if (!profileButtonRef.current) return;\n\n    const handleResize = () => {\n      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;\n      setAvatarRight(profileRightOffset || 0);\n    };\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [profileButtonRef.current]);\n\n\n  return (\n    <>\n      <HeaderWrapper data-testid={testId}>\n        <PageWidth useMaxWidth={useMaxWidth}>\n          <RowLayout>\n            <Logo name={name || ''} showBetaTag={logo?.showBetaTag} onClick={logo?.onClick} to={logo?.to}/>\n            {\n              isAuthenticated &&\n              <MainMenu items={desktop?.items.filter(a => !a.pinned) || []} rightSideRef={rightSideRef}/>\n            }\n            <RightSide className={`${desktop?.reverseRightSideOrder ? 'reverse' : ''}`}\n                       ref={rightSideRef}>\n              <RightSideNav items={desktop?.items?.filter(a => a.pinned)} action={desktop?.action}/>\n              <DesktopActions ref={actionsRef}\n                              buttons={desktop?.buttons}\n                              onShowUserMenu={() => setShowUserMenu(!showUserMenu)}\n                              user={profile?.user}/>\n              <HamburgerButton hidden={!isAuthenticated}>\n                <IconButton action={() => setShowMobileMenu(!showMobileMenu)}\n                            ref={mobileMenuButtonRef}\n                            shape={'circular'}\n                            variant={'secondary'}>\n                  <Menu size=\"24px\"/>\n                </IconButton>\n              </HamburgerButton>\n            </RightSide>\n          </RowLayout>\n        </PageWidth>\n      </HeaderWrapper>\n      <MobileMenuBackdrop className={showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : ''}>\n        <MobileMenuWrapper ref={mobileMenuRef}\n                           role=\"menu\"\n                           aria-labelledby=\"UserMenuButton\">\n          <MobileMenu {...mobile}\n                      show={showMobileMenu}\n                      onClose={() => setShowMobileMenu(false)}\n                      profile={profile}/>\n        </MobileMenuWrapper>\n      </MobileMenuBackdrop>\n      {\n        desktop?.buttons?.some(a => a.type === 'profile') && !!profile &&\n        <UserMenuWrapper ref={userMenuRef}\n                         offsetRight={avatarRight}\n                         data-testid=\"testUserMenuWrapper\">\n          <UserMenu {...profile}\n                    show={showUserMenu}\n                    onHideUserMenu={() => setShowUserMenu(false)}/>\n        </UserMenuWrapper>\n      }\n    </>\n  );\n};\n\nexport default GlobalNavigationBar;\n"],"file":"GlobalNavigationBar.cjs"}

package/dist/GlobalNavigationBar/GlobalNavigationBar.d.ts

@@ -1,37 +1,23 @@
 import * as React from 'react';
-import { NavOption, NavButton, ActionOptions, UserMenuItem } from '../types';
-declare type Props = {
-    name?: string;
-    mainNavigationOptions?: NavOption[];
-    secondaryNavigationOptions?: NavOption[];
-    secondaryButton?: NavButton;
-    actions?: ActionOptions;
-    firstName?: string;
-    lastName?: string;
-    email?: string;
-    organizationName?: string;
-    signout?: (e: any) => void;
+import { DesktopNavigationMenuProps, MobileNavigationMenuProps, ProfileMenu } from './types';
+declare type GlobalNavigationBarProps = {
     isAuthenticated?: boolean;
-    mobileActions?: ActionOptions;
-    notifications?: NavOption[];
-    switcherAction?: () => void;
-    reverseRightSideOrder?: boolean;
-    showBetaTag?: boolean;
-    accountSection?: UserMenuItem[];
-    organizationSection?: UserMenuItem[];
-    supportSection?: UserMenuItem[];
-    accountMenuHeader?: string;
-    signOutLabel?: string;
-    useUserMenu?: boolean;
-    trackLogoClick?: () => void;
-    mainLogoTo?: string;
-    testId?: string;
     useMaxWidth?: boolean;
+    name?: string;
+    logo?: {
+        onClick?: () => void;
+        to?: string;
+        showBetaTag?: boolean;
+    };
+    profile?: ProfileMenu;
+    mobile?: MobileNavigationMenuProps;
+    desktop?: DesktopNavigationMenuProps;
+    testId?: string;
 };
 /**
  * @param props
  * @constructor
  * @description This component is a global navigation header bar
  */
-declare const GlobalNavigationBar: ({ name, mainNavigationOptions, secondaryNavigationOptions, secondaryButton, actions, firstName, lastName, email, organizationName, signout, isAuthenticated, mobileActions, notifications, switcherAction, reverseRightSideOrder, showBetaTag, accountSection, organizationSection, supportSection, accountMenuHeader, signOutLabel, useUserMenu, mainLogoTo, trackLogoClick, testId, useMaxWidth, }: Props) => React.ReactElement<Props>;
+declare const GlobalNavigationBar: ({ name, isAuthenticated, logo, profile, mobile, desktop, testId, useMaxWidth, }: GlobalNavigationBarProps) => React.ReactElement<GlobalNavigationBarProps>;
 export default GlobalNavigationBar;