@laerdal/life-react-components 3.5.1-dev.16 → 3.5.1-dev.18

package/dist/umd/GlobalNavigationBar/UserMenu/UserMenu.js

@@ -1,261 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "styled-components", "../../Button", "../../styles", "../Avatar", "./MenuLink", "../../types", "../mobile/CommonStyles", "../../styles/typography", "../../styles/z-indexes"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../../Button"), require("../../styles"), require("../Avatar"), require("./MenuLink"), require("../../types"), require("../mobile/CommonStyles"), require("../../styles/typography"), require("../../styles/z-indexes"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.Button, global.styles, global.Avatar, global.MenuLink, global.types, global.CommonStyles, global.typography, global.zIndexes);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styledComponents, _Button, _styles, _Avatar, _MenuLink, _types, _CommonStyles, _typography, _zIndexes) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-  var _Avatar2 = _interopRequireDefault(_Avatar);
-
-  var _MenuLink2 = _interopRequireDefault(_MenuLink);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  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;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const Menu = _styledComponents2.default.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  background-color: ${_styles.COLORS.white};
-  box-sizing: border-box;
-  display: none;
-  min-width: 312px;
-  -webkit-animation: ${_CommonStyles.flowDown} 0.2s ease-in-out;
-  animation: ${_CommonStyles.flowDown} 0.2s ease-in-out;
-  position: absolute;
-  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
-  border-radius: 4px;
-  border: 1px solid ${_styles.COLORS.neutral_200};
-  z-index: ${_zIndexes.Z_INDEXES.fixed_menu};
-
-  .open & {
-    display: block;
-  }
-  
-  .sign-out{
-    width: 90%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 8px auto 12px auto;
-  }
-`;
-  const MenuSection = _styledComponents2.default.li`
-  padding: 8px 0;
-  position: relative;
-
-  &:not(:first-of-type)::before {
-    content: '';
-    position: absolute;
-    background: ${_styles.COLORS.neutral_100};
-    height: 1px;
-    top: 0;
-    left: 16px;
-    right: 16px;
-  }
-
-  .disabled-link {
-    color: #21212150;
-    pointer-events: none;
-    key-events: none;
-  }
-`;
-  const MenuSectionList = _styledComponents2.default.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-
-  ${_CommonStyles.UserMenuSectionListStyling};
-`;
-  const StyledAvatarContainer = (0, _styledComponents2.default)(_Avatar.AvatarContainer)`
-  margin: 25px 0 0 25px;
-  pointer-events: none;
-`;
-  const AvatarAndName = _styledComponents2.default.div`
-  display: flex;
-  flex-direction: row;
-
-  h5 {
-    margin: 28px 0 0 20px;
-    ${(0, _typography.HeadlineXXSStyling)(_styles.COLORS.neutral_600)}
-  }
-  span {
-    margin: 0 0 0 20px;
-    ${(0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600)}
-  }
-`;
-  const NameAndEmail = _styledComponents2.default.div`
-  display: flex;
-  flex-direction: column;
-`;
-  const OrganizationName = _styledComponents2.default.span`
-  margin-left: 25px;
-  ${(0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600)}
-`;
-
-  const UserMenu = ({
-    firstName,
-    lastName,
-    email,
-    organizationName,
-    clickMenuAction,
-    accountSection,
-    organizationSection,
-    supportSection,
-    signOut,
-    signOutLabel
-  }) => {
-    React.useEffect(() => {
-      function handleKeyPress(e) {
-        if (e.keyCode === 27) {
-          clickMenuAction();
-        }
-      }
-
-      document.addEventListener('keydown', handleKeyPress, false);
-      return () => {
-        document.removeEventListener('keydown', handleKeyPress, false);
-      };
-    }, [clickMenuAction]);
-    return /*#__PURE__*/React.createElement(Menu, {
-      onClick: clickMenuAction,
-      role: "menu",
-      "aria-labelledby": "UserMenuButton"
-    }, /*#__PURE__*/React.createElement(AvatarAndName, {
-      key: "AvatarAndNameSection"
-    }, /*#__PURE__*/React.createElement(StyledAvatarContainer, {
-      hidePadding: true
-    }, /*#__PURE__*/React.createElement(_Avatar2.default, {
-      size: 48,
-      firstName: firstName,
-      lastName: lastName,
-      color: _styles.COLORS.primary_500,
-      profileMenuLink: "#TODO"
-    })), /*#__PURE__*/React.createElement(NameAndEmail, null, /*#__PURE__*/React.createElement("h5", {
-      "data-hj-suppress": true
-    }, `${firstName} ${lastName}`), /*#__PURE__*/React.createElement("span", {
-      "data-hj-suppress": true
-    }, email))), accountSection && accountSection?.length > 0 && /*#__PURE__*/React.createElement(MenuSection, {
-      key: "MobileAccountSection"
-    }, /*#__PURE__*/React.createElement(MenuSectionList, null, accountSection?.map(element => /*#__PURE__*/React.createElement(_MenuLink2.default, {
-      key: element?.to,
-      to: element?.to,
-      menuText: element?.label,
-      Icon: element?.icon,
-      onClick: element?.onClick
-    })))), organizationSection && organizationSection?.length > 0 && /*#__PURE__*/React.createElement(MenuSection, {
-      key: "MobileOrganizationSection"
-    }, /*#__PURE__*/React.createElement(OrganizationName, null, organizationName || ''), /*#__PURE__*/React.createElement(MenuSectionList, null, organizationSection?.map(element => /*#__PURE__*/React.createElement(_MenuLink2.default, {
-      key: element?.to,
-      to: element?.to,
-      menuText: element?.label,
-      Icon: element?.icon,
-      onClick: element?.onClick
-    })))), /*#__PURE__*/React.createElement(MenuSection, {
-      key: "MobileSupportSection"
-    }, /*#__PURE__*/React.createElement(MenuSectionList, null, supportSection?.map(element => /*#__PURE__*/React.createElement(_MenuLink2.default, {
-      key: element?.to,
-      isExternal: element.isExternal,
-      to: element?.to,
-      menuText: element?.label,
-      Icon: element?.icon,
-      onClick: element?.onClick
-    })), signOut && /*#__PURE__*/React.createElement(_Button.Button, {
-      width: "90%",
-      className: "UserMenuLink sign-out",
-      variant: "secondary",
-      size: _types.Size.Large,
-      onClick: e => {
-        e.preventDefault();
-        signOut(e);
-      }
-    }, signOutLabel))));
-  };
-
-  UserMenu.propTypes = {
-    firstName: _propTypes2.default.string.isRequired,
-    lastName: _propTypes2.default.string.isRequired,
-    email: _propTypes2.default.string.isRequired,
-    organizationName: _propTypes2.default.string.isRequired,
-    clickMenuAction: _propTypes2.default.func.isRequired,
-    accountSection: _propTypes2.default.array,
-    organizationSection: _propTypes2.default.array,
-    supportSection: _propTypes2.default.array,
-    signOut: _propTypes2.default.func,
-    signOutLabel: _propTypes2.default.string
-  };
-  exports.default = UserMenu;
-});
-//# sourceMappingURL=UserMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/GlobalNavigationBar/UserMenu/UserMenu.tsx"],"names":["Menu","styled","ul","COLORS","white","flowDown","neutral_200","Z_INDEXES","fixed_menu","MenuSection","li","neutral_100","MenuSectionList","UserMenuSectionListStyling","StyledAvatarContainer","AvatarAndName","div","HeadlineXXSStyling","ComponentXSStyling","ComponentTextStyle","NameAndEmail","OrganizationName","span","firstName","lastName","email","organizationName","clickMenuAction","accountSection","organizationSection","supportSection","signOut","signOutLabel","UserMenu","React","e","document","element","onClick","Size"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {COLORS, ComponentTextStyle} from '../../styles';\r\nimport Avatar, {AvatarContainer} from '../Avatar';\r\nimport MenuLink from './MenuLink';\r\nimport { UserMenuItem, Size } from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {ComponentXSStyling, HeadlineXXSStyling} from '../../styles/typography';\r\nimport {Z_INDEXES} from '../../styles/z-indexes';\r\n\r\nconst Menu = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: ${COLORS.white};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  min-width: 312px;\r\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\r\n  animation: ${flowDown} 0.2s ease-in-out;\r\n  position: absolute;\r\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  border: 1px solid ${COLORS.neutral_200};\r\n  z-index: ${Z_INDEXES.fixed_menu};\r\n\r\n  .open & {\r\n    display: block;\r\n  }\r\n  \r\n  .sign-out{\r\n    width: 90%;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin: 8px auto 12px auto;\r\n  }\r\n`;\r\n\r\nconst MenuSection = styled.li`\r\n  padding: 8px 0;\r\n  position: relative;\r\n\r\n  &:not(:first-of-type)::before {\r\n    content: '';\r\n    position: absolute;\r\n    background: ${COLORS.neutral_100};\r\n    height: 1px;\r\n    top: 0;\r\n    left: 16px;\r\n    right: 16px;\r\n  }\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nconst MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\nconst StyledAvatarContainer = styled(AvatarContainer)`\r\n  margin: 25px 0 0 25px;\r\n  pointer-events: none;\r\n`;\r\n\r\nconst AvatarAndName = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  h5 {\r\n    margin: 28px 0 0 20px;\r\n    ${HeadlineXXSStyling(COLORS.neutral_600)}\r\n  }\r\n  span {\r\n    margin: 0 0 0 20px;\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\nconst NameAndEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst OrganizationName = styled.span`\r\n  margin-left: 25px;\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n`;\r\n\r\ninterface Props {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  organizationName: string;\r\n  clickMenuAction: () => void;\r\n  accountSection?: UserMenuItem[];\r\n  organizationSection?: UserMenuItem[];\r\n  supportSection?: UserMenuItem[];\r\n  signOut?: (e: any) => void;\r\n  signOutLabel?: string;\r\n}\r\n\r\nconst UserMenu = ({ firstName, lastName, email, organizationName, clickMenuAction, accountSection, organizationSection, supportSection, signOut, signOutLabel }: Props) => {\r\n  React.useEffect(() => {\r\n    function handleKeyPress(e: any) {\r\n      if (e.keyCode === 27) {\r\n        clickMenuAction();\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  }, [clickMenuAction]);\r\n\r\n  return (\r\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <AvatarAndName key=\"AvatarAndNameSection\">\r\n        <StyledAvatarContainer hidePadding={true}>\r\n          <Avatar size={48} firstName={firstName} lastName={lastName} color={COLORS.primary_500} profileMenuLink=\"#TODO\" />\r\n        </StyledAvatarContainer>\r\n        <NameAndEmail>\r\n          <h5 data-hj-suppress>{`${firstName} ${lastName}`}</h5>\r\n          <span data-hj-suppress>{email}</span>\r\n        </NameAndEmail>\r\n      </AvatarAndName>\r\n      {accountSection && accountSection?.length > 0 && (\r\n        <MenuSection key=\"MobileAccountSection\">\r\n          <MenuSectionList>\r\n            {accountSection?.map(element => (\r\n              <MenuLink key={element?.to} to={element?.to} menuText={element?.label} Icon={element?.icon} onClick={element?.onClick} />\r\n            ))}\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      )}\r\n\r\n      {organizationSection && organizationSection?.length > 0 && (\r\n        <MenuSection key=\"MobileOrganizationSection\">\r\n          <OrganizationName>{organizationName || ''}</OrganizationName>\r\n          <MenuSectionList>\r\n            {organizationSection?.map(element => (\r\n              <MenuLink key={element?.to} to={element?.to} menuText={element?.label} Icon={element?.icon} onClick={element?.onClick} />\r\n            ))}\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      )}\r\n\r\n      <MenuSection key=\"MobileSupportSection\">\r\n        <MenuSectionList>\r\n          {supportSection?.map(element => (\r\n            <MenuLink key={element?.to} isExternal={element.isExternal} to={element?.to} menuText={element?.label} Icon={element?.icon} onClick={element?.onClick} />\r\n          ))}\r\n          {signOut && (\r\n            <Button\r\n              width=\"90%\"\r\n              className=\"UserMenuLink sign-out\"\r\n              variant=\"secondary\"\r\n              size={Size.Large}\r\n              onClick={e => {\r\n                e.preventDefault();\r\n                signOut(e);\r\n              }}>\r\n              {signOutLabel}\r\n            </Button>\r\n          )}\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"file":"UserMenu.js"}

package/dist/umd/GlobalNavigationBar/__tests__/GlobalNavigationBar.test.js

@@ -1,240 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "react", "@testing-library/react", "../index", "../../icons/systemicons/SystemIcons", "history", "react-router", "jest-styled-components"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("react"), require("@testing-library/react"), require("../index"), require("../../icons/systemicons/SystemIcons"), require("history"), require("react-router"), require("jest-styled-components"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.react, global.react, global.index, global.SystemIcons, global.history, global.reactRouter, global.jestStyledComponents);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _react, _react3, _index, _SystemIcons, _history, _reactRouter) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _react2 = _interopRequireDefault(_react);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  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) {
-          _defineProperty(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;
-  }
-
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
-  exports.default = {
-    title: 'Basic | GlobalNavigationBar',
-    component: _index.GlobalNavigationBar,
-    decorators: [],
-    parameter: {}
-  };
-  const mainNavigationOptions = [{
-    label: 'Overview',
-    to: '/',
-    exact: true,
-    onClick: () => {
-      console.log('Clicked on overview page');
-    }
-  }, {
-    label: 'Services',
-    to: '/services'
-  }, {
-    label: 'Products',
-    to: '/products'
-  }];
-  const headerActions = {
-    apps: () => {
-      // @ts-ignore
-      window.portalNav.toggle();
-    },
-    language: () => {},
-    notification: () => {},
-    search: () => {},
-    settings: () => {},
-    user: () => {}
-  };
-  const mobileActions = {
-    apps: () => {
-      console.log('Pressed apps button');
-    },
-    user: () => {},
-    settings: () => {
-      console.log('Pressed settings button');
-    }
-  };
-  const notifications = [{
-    label: 'First',
-    to: '/afdf'
-  }, {
-    label: 'Second',
-    to: '/afdf'
-  }, {
-    label: 'Third',
-    to: '/afdf'
-  }, {
-    label: 'Fourth',
-    to: '/afdf'
-  }, {
-    label: 'Fifth',
-    to: '/afdf'
-  }, {
-    label: 'Sixth',
-    to: '/afdf'
-  }, {
-    label: 'Seventh',
-    to: '/afdf'
-  }];
-  const accountSection = [{
-    label: 'My Account',
-    to: '/account/myaccount',
-    icon: _SystemIcons.User,
-    isExternal: false
-  }, {
-    label: 'Language & Region',
-    to: '/account/language',
-    icon: _SystemIcons.Language,
-    isExternal: false
-  }, {
-    label: 'Settings',
-    to: '/account/settings',
-    icon: _SystemIcons.Filter,
-    isExternal: false
-  }];
-  const organizationSection = [{
-    label: 'Organization details',
-    to: '/organization/myorganization',
-    icon: _SystemIcons.Institute,
-    isExternal: false
-  }, {
-    label: 'People',
-    to: '/organization/user-management',
-    icon: _SystemIcons.Team,
-    isExternal: false
-  }];
-  const supportSection = [{
-    label: 'Help',
-    to: 'https://laerdal.force.com/HelpCenter',
-    icon: _SystemIcons.Help,
-    isExternal: true
-  }, {
-    label: 'Support',
-    to: 'https://www.laerdal.com/support/',
-    icon: _SystemIcons.Support,
-    isExternal: true
-  }];
-  jest.mock('react-router-dom', () => _objectSpread(_objectSpread({}, jest.requireActual('react-router-dom')), {}, {
-    useLocation: () => ({
-      pathname: 'localhost:3000/test'
-    })
-  }));
-  describe('<Button />', () => {
-    it('Renders global navigation bar', async () => {
-      const history = (0, _history.createMemoryHistory)();
-      const route = '/some-route';
-      history.push(route);
-      const {
-        queryByText,
-        getByTestId
-      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_reactRouter.Router, {
-        history: history
-      }, /*#__PURE__*/_react2.default.createElement(_index.GlobalNavigationBar, {
-        name: "Home",
-        mainNavigationOptions: mainNavigationOptions,
-        secondaryNavigationOptions: undefined
-        /*secondaryButton={!isAuthenticated ? secondaryButton : undefined}*/
-        ,
-        actions: headerActions,
-        firstName: 'Test',
-        lastName: 'Test',
-        email: "email@email.com",
-        signout: e => {
-          e.preventDefault();
-        },
-        isAuthenticated: true,
-        mobileActions: mobileActions,
-        notifications: notifications,
-        reverseRightSideOrder: false,
-        switcherAction: () => {},
-        showBetaTag: true,
-        accountSection: accountSection || [],
-        organizationSection: organizationSection || [],
-        supportSection: supportSection || [],
-        accountMenuHeader: "Account",
-        signOutLabel: "Sign out",
-        organizationName: "Laerdal Medical AS",
-        useUserMenu: true,
-        testId: "TestGlobalNavigationBar"
-      })));
-      expect(queryByText('Home')).toBeDefined(); // Test click on main logo
-
-      queryByText('Home')?.click();
-      expect(history.location.pathname).toBe('/');
-      expect(queryByText('Overview')).toBeDefined();
-      expect(queryByText('Overview')?.classList).toContain('active');
-      expect(queryByText('Services')?.classList).not.toContain('active');
-      queryByText('Services')?.click();
-      expect(queryByText('Services')?.classList).toContain('active');
-      expect(history.location.pathname).toBe(mainNavigationOptions.find(option => option.label === 'Services')?.to);
-      expect(getByTestId('testUserMenuWrapper').classList).toContain('closed');
-      getByTestId('testAvatarContainer').click();
-      expect(getByTestId('testUserMenuWrapper').classList).toContain('open');
-    });
-  });
-});
-//# sourceMappingURL=GlobalNavigationBar.test.js.map

package/dist/umd/GlobalNavigationBar/__tests__/GlobalNavigationBar.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/GlobalNavigationBar/__tests__/GlobalNavigationBar.test.tsx"],"names":["title","component","decorators","parameter","mainNavigationOptions","label","to","exact","onClick","console","headerActions","apps","window","language","notification","search","settings","user","mobileActions","notifications","accountSection","icon","isExternal","organizationSection","supportSection","jest","useLocation","pathname","describe","it","history","route","getByTestId","render","undefined","e","expect","queryByText","option"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAQe;AACbA,IAAAA,KAAK,EADQ,6BAAA;AAEbC,IAAAA,SAAS,EAFI,0BAAA;AAGbC,IAAAA,UAAU,EAHG,EAAA;AAIbC,IAAAA,SAAS,EAAE;AAJE,G;AAOf,QAAMC,qBAAqB,GAAG,CAC5B;AACEC,IAAAA,KAAK,EADP,UAAA;AAEEC,IAAAA,EAAE,EAFJ,GAAA;AAGEC,IAAAA,KAAK,EAHP,IAAA;AAIEC,IAAAA,OAAO,EAAE,MAAM;AACbC,MAAAA,OAAO,CAAPA,GAAAA,CAAAA,0BAAAA;AACD;AANH,GAD4B,EAS5B;AACEJ,IAAAA,KAAK,EADP,UAAA;AAEEC,IAAAA,EAAE,EAAE;AAFN,GAT4B,EAa5B;AACED,IAAAA,KAAK,EADP,UAAA;AAEEC,IAAAA,EAAE,EAAE;AAFN,GAb4B,CAA9B;AAmBA,QAAMI,aAAa,GAAG;AACpBC,IAAAA,IAAI,EAAE,MAAM;AACV;AACAC,MAAAA,MAAM,CAANA,SAAAA,CAAAA,MAAAA;AAHkB,KAAA;AAKpBC,IAAAA,QAAQ,EAAE,MAAM,CALI,CAAA;AAMpBC,IAAAA,YAAY,EAAE,MAAM,CANA,CAAA;AAOpBC,IAAAA,MAAM,EAAE,MAAM,CAPM,CAAA;AAQpBC,IAAAA,QAAQ,EAAE,MAAM,CARI,CAAA;AASpBC,IAAAA,IAAI,EAAE,MAAM,CAAE;AATM,GAAtB;AAYA,QAAMC,aAAa,GAAG;AACpBP,IAAAA,IAAI,EAAE,MAAM;AACVF,MAAAA,OAAO,CAAPA,GAAAA,CAAAA,qBAAAA;AAFkB,KAAA;AAIpBQ,IAAAA,IAAI,EAAE,MAAM,CAJQ,CAAA;AAKpBD,IAAAA,QAAQ,EAAE,MAAM;AACdP,MAAAA,OAAO,CAAPA,GAAAA,CAAAA,yBAAAA;AACD;AAPmB,GAAtB;AAUA,QAAMU,aAAa,GAAG,CACpB;AACEd,IAAAA,KAAK,EADP,OAAA;AAEEC,IAAAA,EAAE,EAAE;AAFN,GADoB,EAKpB;AACED,IAAAA,KAAK,EADP,QAAA;AAEEC,IAAAA,EAAE,EAAE;AAFN,GALoB,EASpB;AACED,IAAAA,KAAK,EADP,OAAA;AAEEC,IAAAA,EAAE,EAAE;AAFN,GAToB,EAapB;AACED,IAAAA,KAAK,EADP,QAAA;AAEEC,IAAAA,EAAE,EAAE;AAFN,GAboB,EAiBpB;AACED,IAAAA,KAAK,EADP,OAAA;AAEEC,IAAAA,EAAE,EAAE;AAFN,GAjBoB,EAqBpB;AACED,IAAAA,KAAK,EADP,OAAA;AAEEC,IAAAA,EAAE,EAAE;AAFN,GArBoB,EAyBpB;AACED,IAAAA,KAAK,EADP,SAAA;AAEEC,IAAAA,EAAE,EAAE;AAFN,GAzBoB,CAAtB;AA+BA,QAAMc,cAAc,GAAG,CACrB;AAAEf,IAAAA,KAAK,EAAP,YAAA;AAAuBC,IAAAA,EAAE,EAAzB,oBAAA;AAAiDe,IAAAA,IAAI,EAArD,iBAAA;AAAiEC,IAAAA,UAAU,EAAE;AAA7E,GADqB,EAErB;AAAEjB,IAAAA,KAAK,EAAP,mBAAA;AAA8BC,IAAAA,EAAE,EAAhC,mBAAA;AAAuDe,IAAAA,IAAI,EAA3D,qBAAA;AAAuEC,IAAAA,UAAU,EAAE;AAAnF,GAFqB,EAGrB;AAAEjB,IAAAA,KAAK,EAAP,UAAA;AAAqBC,IAAAA,EAAE,EAAvB,mBAAA;AAA8Ce,IAAAA,IAAI,EAAlD,mBAAA;AAA4DC,IAAAA,UAAU,EAAE;AAAxE,GAHqB,CAAvB;AAMA,QAAMC,mBAAmB,GAAG,CAC1B;AAAElB,IAAAA,KAAK,EAAP,sBAAA;AAAiCC,IAAAA,EAAE,EAAnC,8BAAA;AAAqEe,IAAAA,IAAI,EAAzE,sBAAA;AAAsFC,IAAAA,UAAU,EAAE;AAAlG,GAD0B,EAE1B;AAAEjB,IAAAA,KAAK,EAAP,QAAA;AAAmBC,IAAAA,EAAE,EAArB,+BAAA;AAAwDe,IAAAA,IAAI,EAA5D,iBAAA;AAAoEC,IAAAA,UAAU,EAAE;AAAhF,GAF0B,CAA5B;AAKA,QAAME,cAAc,GAAG,CACrB;AAAEnB,IAAAA,KAAK,EAAP,MAAA;AAAiBC,IAAAA,EAAE,EAAnB,sCAAA;AAA6De,IAAAA,IAAI,EAAjE,iBAAA;AAAyEC,IAAAA,UAAU,EAAE;AAArF,GADqB,EAErB;AAAEjB,IAAAA,KAAK,EAAP,SAAA;AAAoBC,IAAAA,EAAE,EAAtB,kCAAA;AAA4De,IAAAA,IAAI,EAAhE,oBAAA;AAA2EC,IAAAA,UAAU,EAAE;AAAvF,GAFqB,CAAvB;AAKAG,EAAAA,IAAI,CAAJA,IAAAA,CAAAA,kBAAAA,EAA8B,MAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACzBA,IAAI,CAAJA,aAAAA,CADyB,kBACzBA,CADyB,CAAA,EAAA,EAAA,EAAA;AAE5BC,IAAAA,WAAW,EAAE,OAAO;AAClBC,MAAAA,QAAQ,EAAE;AADQ,KAAP;AAFe,GAAA,CAA9BF;AAOAG,EAAAA,QAAQ,CAAA,YAAA,EAAe,MAAM;AAC3BC,IAAAA,EAAE,CAAA,+BAAA,EAAkC,YAAY;AAC9C,YAAMC,OAAO,GAAb,mCAAA;AACA,YAAMC,KAAK,GAAX,aAAA;AACAD,MAAAA,OAAO,CAAPA,IAAAA,CAAAA,KAAAA;AACA,YAAM;AAAA,QAAA,WAAA;AAAeE,QAAAA;AAAf,UAA+BC,qBAAM,aACzC,gBAAA,aAAA,CAAA,mBAAA,EAAA;AAAQ,QAAA,OAAO,EAAEH;AAAjB,OAAA,EAAA,aACE,gBAAA,aAAA,CAAA,0BAAA,EAAA;AACE,QAAA,IAAI,EADN,MAAA;AAEE,QAAA,qBAAqB,EAFvB,qBAAA;AAGE,QAAA,0BAA0B,EAAEI;AAC5B;AAJF;AAKE,QAAA,OAAO,EALT,aAAA;AAME,QAAA,SAAS,EANX,MAAA;AAOE,QAAA,QAAQ,EAPV,MAAA;AAQE,QAAA,KAAK,EARP,iBAAA;AASE,QAAA,OAAO,EAAGC,CAAD,IAAO;AACdA,UAAAA,CAAC,CAADA,cAAAA;AAVJ,SAAA;AAYE,QAAA,eAAe,EAZjB,IAAA;AAaE,QAAA,aAAa,EAbf,aAAA;AAcE,QAAA,aAAa,EAdf,aAAA;AAeE,QAAA,qBAAqB,EAfvB,KAAA;AAgBE,QAAA,cAAc,EAAE,MAAM,CAhBxB,CAAA;AAiBE,QAAA,WAAW,EAjBb,IAAA;AAkBE,QAAA,cAAc,EAAEf,cAAc,IAlBhC,EAAA;AAmBE,QAAA,mBAAmB,EAAEG,mBAAmB,IAnB1C,EAAA;AAoBE,QAAA,cAAc,EAAEC,cAAc,IApBhC,EAAA;AAqBE,QAAA,iBAAiB,EArBnB,SAAA;AAsBE,QAAA,YAAY,EAtBd,UAAA;AAuBE,QAAA,gBAAgB,EAvBlB,oBAAA;AAwBE,QAAA,WAAW,EAxBb,IAAA;AAyBE,QAAA,MAAM,EAAC;AAzBT,OAAA,CADF,CADmCS,CAArC;AA+BAG,MAAAA,MAAM,CAACC,WAAW,CAAlBD,MAAkB,CAAZ,CAANA,CAnC8C,WAmC9CA,GAnC8C,CAqC9C;;AACAC,MAAAA,WAAW,CAAXA,MAAW,CAAXA,EAAAA,KAAAA;AACAD,MAAAA,MAAM,CAACN,OAAO,CAAPA,QAAAA,CAAPM,QAAM,CAANA,CAAAA,IAAAA,CAAAA,GAAAA;AAEAA,MAAAA,MAAM,CAACC,WAAW,CAAlBD,UAAkB,CAAZ,CAANA,CAAAA,WAAAA;AACAA,MAAAA,MAAM,CAACC,WAAW,CAAXA,UAAW,CAAXA,EAAPD,SAAM,CAANA,CAAAA,SAAAA,CAAAA,QAAAA;AAEAA,MAAAA,MAAM,CAACC,WAAW,CAAXA,UAAW,CAAXA,EAAPD,SAAM,CAANA,CAAAA,GAAAA,CAAAA,SAAAA,CAAAA,QAAAA;AACAC,MAAAA,WAAW,CAAXA,UAAW,CAAXA,EAAAA,KAAAA;AACAD,MAAAA,MAAM,CAACC,WAAW,CAAXA,UAAW,CAAXA,EAAPD,SAAM,CAANA,CAAAA,SAAAA,CAAAA,QAAAA;AACAA,MAAAA,MAAM,CAACN,OAAO,CAAPA,QAAAA,CAAPM,QAAM,CAANA,CAAAA,IAAAA,CAAuChC,qBAAqB,CAArBA,IAAAA,CAA4BkC,MAAD,IAAYA,MAAM,CAANA,KAAAA,KAAvClC,UAAAA,GAAvCgC,EAAAA;AAEAA,MAAAA,MAAM,CAACJ,WAAW,CAAXA,qBAAW,CAAXA,CAAPI,SAAM,CAANA,CAAAA,SAAAA,CAAAA,QAAAA;AACAJ,MAAAA,WAAW,CAAXA,qBAAW,CAAXA,CAAAA,KAAAA;AACAI,MAAAA,MAAM,CAACJ,WAAW,CAAXA,qBAAW,CAAXA,CAAPI,SAAM,CAANA,CAAAA,SAAAA,CAAAA,MAAAA;AAnDFP,KAAE,CAAFA;AADFD,GAAQ,CAARA","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { GlobalNavigationBar } from '../index';\r\nimport { User as UserIcon, Language, Filter, Institute, Team, Help, Support } from '../../icons/systemicons/SystemIcons';\r\nimport { createMemoryHistory } from 'history';\r\nimport 'jest-styled-components';\r\nimport { Router } from 'react-router';\r\n\r\nexport default {\r\n  title: 'Basic | GlobalNavigationBar',\r\n  component: GlobalNavigationBar,\r\n  decorators: [],\r\n  parameter: {},\r\n};\r\n\r\nconst mainNavigationOptions = [\r\n  {\r\n    label: 'Overview',\r\n    to: '/',\r\n    exact: true,\r\n    onClick: () => {\r\n      console.log('Clicked on overview page');\r\n    },\r\n  },\r\n  {\r\n    label: 'Services',\r\n    to: '/services',\r\n  },\r\n  {\r\n    label: 'Products',\r\n    to: '/products',\r\n  },\r\n];\r\n\r\nconst headerActions = {\r\n  apps: () => {\r\n    // @ts-ignore\r\n    window.portalNav.toggle();\r\n  },\r\n  language: () => {},\r\n  notification: () => {},\r\n  search: () => {},\r\n  settings: () => {},\r\n  user: () => {},\r\n};\r\n\r\nconst mobileActions = {\r\n  apps: () => {\r\n    console.log('Pressed apps button');\r\n  },\r\n  user: () => {},\r\n  settings: () => {\r\n    console.log('Pressed settings button');\r\n  },\r\n};\r\n\r\nconst notifications = [\r\n  {\r\n    label: 'First',\r\n    to: '/afdf',\r\n  },\r\n  {\r\n    label: 'Second',\r\n    to: '/afdf',\r\n  },\r\n  {\r\n    label: 'Third',\r\n    to: '/afdf',\r\n  },\r\n  {\r\n    label: 'Fourth',\r\n    to: '/afdf',\r\n  },\r\n  {\r\n    label: 'Fifth',\r\n    to: '/afdf',\r\n  },\r\n  {\r\n    label: 'Sixth',\r\n    to: '/afdf',\r\n  },\r\n  {\r\n    label: 'Seventh',\r\n    to: '/afdf',\r\n  },\r\n];\r\n\r\nconst accountSection = [\r\n  { label: 'My Account', to: '/account/myaccount', icon: UserIcon, isExternal: false },\r\n  { label: 'Language & Region', to: '/account/language', icon: Language, isExternal: false },\r\n  { label: 'Settings', to: '/account/settings', icon: Filter, isExternal: false },\r\n];\r\n\r\nconst organizationSection = [\r\n  { label: 'Organization details', to: '/organization/myorganization', icon: Institute, isExternal: false },\r\n  { label: 'People', to: '/organization/user-management', icon: Team, isExternal: false },\r\n];\r\n\r\nconst supportSection = [\r\n  { label: 'Help', to: 'https://laerdal.force.com/HelpCenter', icon: Help, isExternal: true },\r\n  { label: 'Support', to: 'https://www.laerdal.com/support/', icon: Support, isExternal: true },\r\n];\r\n\r\njest.mock('react-router-dom', () => ({\r\n  ...jest.requireActual('react-router-dom'),\r\n  useLocation: () => ({\r\n    pathname: 'localhost:3000/test',\r\n  }),\r\n}));\r\n\r\ndescribe('<Button />', () => {\r\n  it('Renders global navigation bar', async () => {\r\n    const history = createMemoryHistory();\r\n    const route = '/some-route';\r\n    history.push(route);\r\n    const { queryByText, getByTestId } = render(\r\n      <Router history={history}>\r\n        <GlobalNavigationBar\r\n          name=\"Home\"\r\n          mainNavigationOptions={mainNavigationOptions}\r\n          secondaryNavigationOptions={undefined}\r\n          /*secondaryButton={!isAuthenticated ? secondaryButton : undefined}*/\r\n          actions={headerActions}\r\n          firstName={'Test'}\r\n          lastName={'Test'}\r\n          email=\"email@email.com\"\r\n          signout={(e) => {\r\n            e.preventDefault();\r\n          }}\r\n          isAuthenticated={true}\r\n          mobileActions={mobileActions}\r\n          notifications={notifications}\r\n          reverseRightSideOrder={false}\r\n          switcherAction={() => {}}\r\n          showBetaTag={true}\r\n          accountSection={accountSection || []}\r\n          organizationSection={organizationSection || []}\r\n          supportSection={supportSection || []}\r\n          accountMenuHeader=\"Account\"\r\n          signOutLabel=\"Sign out\"\r\n          organizationName=\"Laerdal Medical AS\"\r\n          useUserMenu={true}\r\n          testId=\"TestGlobalNavigationBar\"\r\n        />\r\n      </Router>,\r\n    );\r\n    expect(queryByText('Home')).toBeDefined();\r\n\r\n    // Test click on main logo\r\n    queryByText('Home')?.click();\r\n    expect(history.location.pathname).toBe('/');\r\n\r\n    expect(queryByText('Overview')).toBeDefined();\r\n    expect(queryByText('Overview')?.classList).toContain('active');\r\n\r\n    expect(queryByText('Services')?.classList).not.toContain('active');\r\n    queryByText('Services')?.click();\r\n    expect(queryByText('Services')?.classList).toContain('active');\r\n    expect(history.location.pathname).toBe(mainNavigationOptions.find((option) => option.label === 'Services')?.to);\r\n\r\n    expect(getByTestId('testUserMenuWrapper').classList).toContain('closed');\r\n    getByTestId('testAvatarContainer').click();\r\n    expect(getByTestId('testUserMenuWrapper').classList).toContain('open');\r\n  });\r\n});\r\n"],"file":"GlobalNavigationBar.test.js"}

package/dist/umd/GlobalNavigationBar/index.js

@@ -1,35 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "./GlobalNavigationBar", "./Avatar"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./GlobalNavigationBar"), require("./Avatar"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.GlobalNavigationBar, global.Avatar);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _GlobalNavigationBar, _Avatar) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.AvatarContainer = exports.Avatar = exports.GlobalNavigationBar = undefined;
-
-  var _GlobalNavigationBar2 = _interopRequireDefault(_GlobalNavigationBar);
-
-  var _Avatar2 = _interopRequireDefault(_Avatar);
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  exports.GlobalNavigationBar = _GlobalNavigationBar2.default;
-  exports.Avatar = _Avatar2.default;
-  exports.AvatarContainer = _Avatar.AvatarContainer;
-});
-//# sourceMappingURL=index.js.map

package/dist/umd/GlobalNavigationBar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/GlobalNavigationBar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGA,mB,GAAA,6B;UAAA,M,GAAA,gB;UAAA,e,GAAA,uB","sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\r\nimport Avatar, { AvatarContainer } from './Avatar';\r\n\r\nexport { GlobalNavigationBar, Avatar, AvatarContainer };\r\n"],"file":"index.js"}