@laerdal/life-react-components 1.4.1-dev.2 → 1.4.1-dev.3

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

@@ -0,0 +1,261 @@
+(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

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

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

@@ -0,0 +1,240 @@
+(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

@@ -0,0 +1 @@
+{"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":"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","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { GlobalNavigationBar } from '../index';\nimport { User as UserIcon, Language, Filter, Institute, Team, Help, Support } from '../../icons/systemicons/SystemIcons';\nimport { createMemoryHistory } from 'history';\nimport 'jest-styled-components';\nimport { Router } from 'react-router';\n\nexport default {\n  title: 'Basic | GlobalNavigationBar',\n  component: GlobalNavigationBar,\n  decorators: [],\n  parameter: {},\n};\n\nconst mainNavigationOptions = [\n  {\n    label: 'Overview',\n    to: '/',\n    exact: true,\n    onClick: () => {\n      console.log('Clicked on overview page');\n    },\n  },\n  {\n    label: 'Services',\n    to: '/services',\n  },\n  {\n    label: 'Products',\n    to: '/products',\n  },\n];\n\nconst headerActions = {\n  apps: () => {\n    // @ts-ignore\n    window.portalNav.toggle();\n  },\n  language: () => {},\n  notification: () => {},\n  search: () => {},\n  settings: () => {},\n  user: () => {},\n};\n\nconst mobileActions = {\n  apps: () => {\n    console.log('Pressed apps button');\n  },\n  user: () => {},\n  settings: () => {\n    console.log('Pressed settings button');\n  },\n};\n\nconst notifications = [\n  {\n    label: 'First',\n    to: '/afdf',\n  },\n  {\n    label: 'Second',\n    to: '/afdf',\n  },\n  {\n    label: 'Third',\n    to: '/afdf',\n  },\n  {\n    label: 'Fourth',\n    to: '/afdf',\n  },\n  {\n    label: 'Fifth',\n    to: '/afdf',\n  },\n  {\n    label: 'Sixth',\n    to: '/afdf',\n  },\n  {\n    label: 'Seventh',\n    to: '/afdf',\n  },\n];\n\nconst accountSection = [\n  { label: 'My Account', to: '/account/myaccount', icon: UserIcon, isExternal: false },\n  { label: 'Language & Region', to: '/account/language', icon: Language, isExternal: false },\n  { label: 'Settings', to: '/account/settings', icon: Filter, isExternal: false },\n];\n\nconst organizationSection = [\n  { label: 'Organization details', to: '/organization/myorganization', icon: Institute, isExternal: false },\n  { label: 'People', to: '/organization/user-management', icon: Team, isExternal: false },\n];\n\nconst supportSection = [\n  { label: 'Help', to: 'https://laerdal.force.com/HelpCenter', icon: Help, isExternal: true },\n  { label: 'Support', to: 'https://www.laerdal.com/support/', icon: Support, isExternal: true },\n];\n\njest.mock('react-router-dom', () => ({\n  ...jest.requireActual('react-router-dom'),\n  useLocation: () => ({\n    pathname: 'localhost:3000/test',\n  }),\n}));\n\ndescribe('<Button />', () => {\n  it('Renders global navigation bar', async () => {\n    const history = createMemoryHistory();\n    const route = '/some-route';\n    history.push(route);\n    const { queryByText, getByTestId } = render(\n      <Router history={history}>\n        <GlobalNavigationBar\n          name=\"Home\"\n          mainNavigationOptions={mainNavigationOptions}\n          secondaryNavigationOptions={undefined}\n          /*secondaryButton={!isAuthenticated ? secondaryButton : undefined}*/\n          actions={headerActions}\n          firstName={'Test'}\n          lastName={'Test'}\n          email=\"email@email.com\"\n          signout={(e) => {\n            e.preventDefault();\n          }}\n          isAuthenticated={true}\n          mobileActions={mobileActions}\n          notifications={notifications}\n          reverseRightSideOrder={false}\n          switcherAction={() => {}}\n          showBetaTag={true}\n          accountSection={accountSection || []}\n          organizationSection={organizationSection || []}\n          supportSection={supportSection || []}\n          accountMenuHeader=\"Account\"\n          signOutLabel=\"Sign out\"\n          organizationName=\"Laerdal Medical AS\"\n          useUserMenu={true}\n          testId=\"TestGlobalNavigationBar\"\n        />\n      </Router>,\n    );\n    expect(queryByText('Home')).toBeDefined();\n\n    // Test click on main logo\n    queryByText('Home')?.click();\n    expect(history.location.pathname).toBe('/');\n\n    expect(queryByText('Overview')).toBeDefined();\n    expect(queryByText('Overview')?.classList).toContain('active');\n\n    expect(queryByText('Services')?.classList).not.toContain('active');\n    queryByText('Services')?.click();\n    expect(queryByText('Services')?.classList).toContain('active');\n    expect(history.location.pathname).toBe(mainNavigationOptions.find((option) => option.label === 'Services')?.to);\n\n    expect(getByTestId('testUserMenuWrapper').classList).toContain('closed');\n    getByTestId('testAvatarContainer').click();\n    expect(getByTestId('testUserMenuWrapper').classList).toContain('open');\n  });\n});\n"],"file":"GlobalNavigationBar.test.js"}

package/dist/umd/GlobalNavigationBar/index.js

@@ -0,0 +1,35 @@
+(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

@@ -0,0 +1 @@
+{"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';\nimport Avatar, { AvatarContainer } from './Avatar';\n\nexport { GlobalNavigationBar, Avatar, AvatarContainer };\n"],"file":"index.js"}