@laerdal/life-react-components 3.4.2 → 3.5.0

package/dist/umd/GlobalNavigationBar/mobile/MobileMenu.js

@@ -0,0 +1,367 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "styled-components", "../../styles", "../Actions", "../../icons/systemicons/SystemIcons", "./MobileActionMenu", "./CommonStyles", "react-router-dom", "../../Switcher", "../Avatar", "../UserMenu/MobileUserMenu", "../../Button", "../../assets", "../../styles/typography"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../../styles"), require("../Actions"), require("../../icons/systemicons/SystemIcons"), require("./MobileActionMenu"), require("./CommonStyles"), require("react-router-dom"), require("../../Switcher"), require("../Avatar"), require("../UserMenu/MobileUserMenu"), require("../../Button"), require("../../assets"), require("../../styles/typography"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styles, global.Actions, global.SystemIcons, global.MobileActionMenu, global.CommonStyles, global.reactRouterDom, global.Switcher, global.Avatar, global.MobileUserMenu, global.Button, global.assets, global.typography);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styledComponents, _styles, _Actions, _SystemIcons, _MobileActionMenu, _CommonStyles, _reactRouterDom, _Switcher, _Avatar, _MobileUserMenu, _Button, _assets, _typography) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _propTypes2 = _interopRequireDefault(_propTypes);
+
+  var React = _interopRequireWildcard(_react);
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  var _Actions2 = _interopRequireDefault(_Actions);
+
+  var _MobileActionMenu2 = _interopRequireDefault(_MobileActionMenu);
+
+  var _Avatar2 = _interopRequireDefault(_Avatar);
+
+  var _MobileUserMenu2 = _interopRequireDefault(_MobileUserMenu);
+
+  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 SwitchButton = _styledComponents2.default.span`
+  ${(0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600)}
+  
+  padding: 0;
+  border: 0;
+  margin: 0 auto 0 12px;
+  line-height: 48px;
+`;
+  const BottomPinnedSection = _styledComponents2.default.div`
+  position: absolute;
+  left: 0;
+  width: 100%;
+  bottom: 0;
+  border-top: 1px solid ${_styles.COLORS.neutral_200};
+`;
+  const FirstRowLayout = (0, _styledComponents2.default)(_CommonStyles.RowLayout)`
+  margin-top: 10px;
+  padding: 12px;
+`;
+  const BottomRowLayout = (0, _styledComponents2.default)(_CommonStyles.RowLayout)`
+  margin: 8px auto 0 0;
+  width: 95%;
+  height: 48px;
+  ${_styles.BREAKPOINTS.SMALL} {
+    height: 56px;
+  }
+`;
+  const StyledNavItem = (0, _styledComponents2.default)(_Switcher.SwitcherMenuItem)`
+  padding: 0 0 0 20px;
+  margin: 0 2px;
+
+  display: flex;
+  align-items: center;
+  text-align: center;
+  position: relative;
+
+  ${(0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.black)}
+  text-decoration: none;
+
+  svg {
+    margin-right: 16px;
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 4px;
+    background-color: transparent;
+  }
+
+  &.active:not(.disabled) {
+    font-weight: bold;
+    &:after {
+      background-color: ${_styles.COLORS.primary_500};
+    }
+
+    color: ${_styles.COLORS.primary_800};
+    svg path {
+      fill: ${_styles.COLORS.primary_800};
+    }
+  }
+
+  &.disabled {
+    color: ${_styles.COLORS.neutral_300};
+    background-color: ${_styles.COLORS.neutral_100};
+  }
+
+  &:hover:not(.disabled) {
+    color: ${_styles.COLORS.primary_600};
+    background-color: ${_styles.COLORS.primary_20};
+
+    svg path {
+      fill: ${_styles.COLORS.primary_600};
+    }
+  }
+
+  &:active:not(.disabled) {
+    color: ${_styles.COLORS.primary_800};
+    background-color: ${_styles.COLORS.primary_100};
+    box-shadow: none;
+    &:after {
+      background-color: ${_styles.COLORS.primary_500};
+    }
+    svg path {
+      fill: ${_styles.COLORS.primary_800};
+    }
+  }
+
+  &:focus:not(.disabled) {
+    box-shadow: 0px 0px 8px ${_styles.COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);
+    outline: none;
+  }
+`;
+  const SwitcherButton = _styledComponents2.default.div`
+  display: flex;
+  margin-left: auto;
+
+  line-height: 48px;
+  button:last-child {
+    margin: 0 !important;
+  }
+`;
+
+  const MobileMenu = ({
+    clickMenuAction,
+    navigationOptions,
+    actions,
+    firstName,
+    lastName,
+    email,
+    signout,
+    notifications,
+    accountSection,
+    organizationSection,
+    supportSection,
+    switcherAction,
+    accountMenuHeader,
+    signOutLabel,
+    organizationName,
+    useUserMenu,
+    showUserMenu,
+    setShowUserMenu
+  }) => {
+    const [showNotificationMenu, setShowNotificationMenu] = React.useState(false);
+    const notificationMenuRef = React.useRef(null);
+    const userMenuRef = React.useRef(null);
+    const userRef = React.useRef(null);
+    const location = (0, _reactRouterDom.useLocation)();
+
+    if (actions?.user) {
+      actions.user = () => setShowUserMenu(true);
+    }
+
+    if (actions?.notification) {
+      actions.notification = () => setShowNotificationMenu(true);
+    }
+
+    const fireAction = (action, ref = undefined) => {
+      ref?.current?.blur();
+      !!action && action();
+    };
+
+    const isPressingEnter = e => {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        e.stopPropagation();
+        return true;
+      }
+
+      return false;
+    };
+
+    React.useEffect(() => {
+      clickMenuAction();
+    }, [location]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, actions?.notification && /*#__PURE__*/React.createElement(_CommonStyles.MenuWrapper, {
+      ref: notificationMenuRef,
+      className: showNotificationMenu ? 'open' : '',
+      isVisible: showNotificationMenu
+    }, /*#__PURE__*/React.createElement(_MobileActionMenu2.default, {
+      name: "Notifications",
+      clickMenuAction: () => setShowNotificationMenu(false),
+      navigationOptions: notifications,
+      actionList: {
+        notification: () => {}
+      }
+    })), actions?.user && /*#__PURE__*/React.createElement(_CommonStyles.MenuWrapper, {
+      ref: userMenuRef,
+      className: showUserMenu ? 'open' : '',
+      isVisible: showUserMenu
+    }, /*#__PURE__*/React.createElement(_MobileUserMenu2.default, {
+      accountMenuHeader: accountMenuHeader,
+      firstName: firstName,
+      lastName: lastName,
+      email: email,
+      organizationName: organizationName,
+      clickMenuAction: clickMenuAction,
+      accountSection: accountSection,
+      organizationSection: organizationSection,
+      supportSection: supportSection,
+      signOut: signout,
+      signOutLabel: signOutLabel
+    })), /*#__PURE__*/React.createElement(FirstRowLayout, null, firstName && lastName && /*#__PURE__*/React.createElement(_Avatar.AvatarContainer, {
+      id: "avatarContainer",
+      ref: userRef,
+      onClick: actions?.user,
+      onKeyDown: e => isPressingEnter(e) ? fireAction(actions?.user, userRef) : null,
+      inMobileMenu: true,
+      hideOnLowWidth: false
+    }, /*#__PURE__*/React.createElement(_Avatar2.default, {
+      size: 36,
+      firstName: firstName,
+      lastName: lastName,
+      color: _styles.COLORS.primary_500,
+      profileMenuLink: "#TODO"
+    })), actions?.notification && /*#__PURE__*/React.createElement(_Button.IconButton, {
+      variant: 'secondary',
+      shape: 'circular',
+      hideOnLowWidth: false,
+      isInMobileMenu: true,
+      action: () => fireAction(actions?.notification),
+      onKeyPress: e => isPressingEnter(e) ? fireAction(actions?.notification) : null
+    }, /*#__PURE__*/React.createElement(_SystemIcons.Notification, {
+      size: "24px"
+    })), /*#__PURE__*/React.createElement(_CommonStyles.Right, null, /*#__PURE__*/React.createElement(_Actions2.default, {
+      actions: actions,
+      firstName: firstName,
+      lastName: lastName,
+      isInMobileMenu: true,
+      hideOnLowWidth: false,
+      useUserMenu: useUserMenu,
+      setShowUserMenu: setShowUserMenu
+    }), /*#__PURE__*/React.createElement(_Button.IconButton, {
+      variant: "secondary",
+      shape: "circular",
+      action: () => clickMenuAction(),
+      isInMobileMenu: true
+    }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
+      size: "24px"
+    })))), /*#__PURE__*/React.createElement(_CommonStyles.MenuSection, null, /*#__PURE__*/React.createElement(_CommonStyles.MenuSectionList, null, navigationOptions?.map(no => /*#__PURE__*/React.createElement("li", {
+      key: no.label
+    }, /*#__PURE__*/React.createElement(StyledNavItem, {
+      as: _reactRouterDom.NavLink,
+      exact: no?.exact,
+      to: no.to,
+      onClick: () => {
+        if (no?.onClick) {
+          no?.onClick();
+        }
+      }
+    }, no.label))))), /*#__PURE__*/React.createElement(BottomPinnedSection, null, /*#__PURE__*/React.createElement(_CommonStyles.MenuSection, {
+      style: {
+        padding: '0 12px 12px 12px',
+        margin: '0'
+      }
+    }, /*#__PURE__*/React.createElement(_CommonStyles.MenuSectionList, null, /*#__PURE__*/React.createElement(BottomRowLayout, null, /*#__PURE__*/React.createElement(_assets.LaerdalLogo, null), switcherAction && /*#__PURE__*/React.createElement(SwitcherButton, null, /*#__PURE__*/React.createElement(SwitchButton, {
+      onClick: () => switcherAction()
+    }, "Switch site"), ' ', /*#__PURE__*/React.createElement(_Button.IconButton, {
+      variant: 'secondary',
+      shape: 'circular',
+      hideOnLowWidth: false,
+      isInMobileMenu: true,
+      id: "globalNavAppsButton",
+      action: () => switcherAction(),
+      onKeyPress: e => isPressingEnter(e) ? switcherAction() : null
+    }, /*#__PURE__*/React.createElement(_SystemIcons.SwitchApp, {
+      size: "24px"
+    }))))))));
+  };
+
+  MobileMenu.propTypes = {
+    name: _propTypes2.default.string.isRequired,
+    navigationOptions: _propTypes2.default.array,
+    secondaryNavigationOptions: _propTypes2.default.array,
+    clickMenuAction: _propTypes2.default.func.isRequired,
+    firstName: _propTypes2.default.string.isRequired,
+    lastName: _propTypes2.default.string.isRequired,
+    email: _propTypes2.default.string.isRequired,
+    signout: _propTypes2.default.func,
+    isAuthenticated: _propTypes2.default.bool,
+    notifications: _propTypes2.default.array,
+    switcherAction: _propTypes2.default.func,
+    accountSection: _propTypes2.default.array,
+    organizationSection: _propTypes2.default.array,
+    supportSection: _propTypes2.default.array,
+    accountMenuHeader: _propTypes2.default.string.isRequired,
+    signOutLabel: _propTypes2.default.string.isRequired,
+    organizationName: _propTypes2.default.string.isRequired,
+    showUserMenu: _propTypes2.default.bool.isRequired,
+    setShowUserMenu: _propTypes2.default.func.isRequired
+  };
+  exports.default = MobileMenu;
+});
+//# sourceMappingURL=MobileMenu.js.map

package/dist/umd/GlobalNavigationBar/mobile/MobileMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"names":["SwitchButton","styled","span","ComponentXSStyling","ComponentTextStyle","COLORS","BottomPinnedSection","div","neutral_200","FirstRowLayout","BottomRowLayout","BREAKPOINTS","SMALL","StyledNavItem","ComponentMStyling","primary_500","primary_800","neutral_300","neutral_100","primary_600","primary_20","primary_100","SwitcherButton","name","navigationOptions","secondaryNavigationOptions","clickMenuAction","firstName","lastName","email","signout","isAuthenticated","notifications","switcherAction","accountSection","organizationSection","supportSection","accountMenuHeader","signOutLabel","organizationName","showUserMenu","setShowUserMenu","MobileMenu","React","notificationMenuRef","userMenuRef","userRef","location","actions","setShowNotificationMenu","fireAction","ref","action","isPressingEnter","e","showNotificationMenu","notification","no","label","padding","margin"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport {ActionOptions, NavButton, NavOption, UserMenuItem} from '../../types';\r\nimport Actions from '../Actions';\r\nimport {Close, Notification, SwitchApp} from '../../icons/systemicons/SystemIcons';\r\nimport MobileActionMenu from './MobileActionMenu';\r\nimport {MenuSection, MenuSectionList, MenuWrapper, Right, RowLayout} from './CommonStyles';\r\nimport {NavLink, useLocation} from 'react-router-dom';\r\nimport {SwitcherMenuItem} from '../../Switcher';\r\nimport Avatar, {AvatarContainer} from '../Avatar';\r\nimport MobileUserMenu from '../UserMenu/MobileUserMenu';\r\nimport {IconButton} from '../../Button';\r\nimport {LaerdalLogo} from '../../assets';\r\nimport {ComponentMStyling, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst SwitchButton = styled.span`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  \r\n  padding: 0;\r\n  border: 0;\r\n  margin: 0 auto 0 12px;\r\n  line-height: 48px;\r\n`;\r\n\r\nconst BottomPinnedSection = styled.div`\r\n  position: absolute;\r\n  left: 0;\r\n  width: 100%;\r\n  bottom: 0;\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst FirstRowLayout = styled(RowLayout)`\r\n  margin-top: 10px;\r\n  padding: 12px;\r\n`;\r\n\r\nconst BottomRowLayout = styled(RowLayout)`\r\n  margin: 8px auto 0 0;\r\n  width: 95%;\r\n  height: 48px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n  }\r\n`;\r\n\r\nconst StyledNavItem = styled(SwitcherMenuItem)`\r\n  padding: 0 0 0 20px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 4px;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    font-weight: bold;\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    color: ${COLORS.primary_800};\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n    box-shadow: none;\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n    outline: none;\r\n  }\r\n`;\r\nconst SwitcherButton = styled.div`\r\n  display: flex;\r\n  margin-left: auto;\r\n\r\n  line-height: 48px;\r\n  button:last-child {\r\n    margin: 0 !important;\r\n  }\r\n`;\r\n\r\ntype Props = {\r\n  name: string;\r\n  navigationOptions?: NavOption[];\r\n  secondaryNavigationOptions?: NavOption[];\r\n  secondaryButton?: NavButton;\r\n  actions?: ActionOptions;\r\n  clickMenuAction: () => void;\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  signout?: (e: any) => void;\r\n  isAuthenticated?: boolean;\r\n  notifications?: NavOption[];\r\n  switcherAction?: () => void;\r\n  accountSection?: UserMenuItem[];\r\n  organizationSection?: UserMenuItem[];\r\n  supportSection?: UserMenuItem[];\r\n  accountMenuHeader: string;\r\n  signOutLabel: string;\r\n  organizationName: string;\r\n  useUserMenu: boolean | undefined;\r\n  showUserMenu: boolean;\r\n  setShowUserMenu: (show: boolean) => void;\r\n};\r\n\r\nconst MobileMenu = ({\r\n  clickMenuAction,\r\n  navigationOptions,\r\n  actions,\r\n  firstName,\r\n  lastName,\r\n  email,\r\n  signout,\r\n  notifications,\r\n  accountSection,\r\n  organizationSection,\r\n  supportSection,\r\n  switcherAction,\r\n  accountMenuHeader,\r\n  signOutLabel,\r\n  organizationName,\r\n  useUserMenu,\r\n  showUserMenu,\r\n  setShowUserMenu,\r\n}: Props) => {\r\n  const [showNotificationMenu, setShowNotificationMenu] = React.useState<boolean>(false);\r\n  const notificationMenuRef = React.useRef(null);\r\n  const userMenuRef = React.useRef(null);\r\n  const userRef = React.useRef(null);\r\n\r\n  const location = useLocation();\r\n\r\n  if (actions?.user) {\r\n    actions.user = () => setShowUserMenu(true);\r\n  }\r\n  if (actions?.notification) {\r\n    actions.notification = () => setShowNotificationMenu(true);\r\n  }\r\n\r\n  const fireAction = (action: (() => void) | undefined, ref: React.MutableRefObject<HTMLButtonElement | null> | undefined = undefined) => {\r\n    ref?.current?.blur();\r\n    !!action && action();\r\n  };\r\n\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    clickMenuAction();\r\n  }, [location]);\r\n\r\n  return (\r\n    <>\r\n      {actions?.notification && (\r\n        <MenuWrapper ref={notificationMenuRef} className={showNotificationMenu ? 'open' : ''} isVisible={showNotificationMenu}>\r\n          <MobileActionMenu\r\n            name=\"Notifications\"\r\n            clickMenuAction={() => setShowNotificationMenu(false)}\r\n            navigationOptions={notifications}\r\n            actionList={{\r\n              notification: () => {},\r\n            }}\r\n          />\r\n        </MenuWrapper>\r\n      )}\r\n      {actions?.user && (\r\n        <MenuWrapper ref={userMenuRef} className={showUserMenu ? 'open' : ''} isVisible={showUserMenu}>\r\n          <MobileUserMenu\r\n            accountMenuHeader={accountMenuHeader}\r\n            firstName={firstName}\r\n            lastName={lastName}\r\n            email={email}\r\n            organizationName={organizationName}\r\n            clickMenuAction={clickMenuAction}\r\n            accountSection={accountSection}\r\n            organizationSection={organizationSection}\r\n            supportSection={supportSection}\r\n            signOut={signout}\r\n            signOutLabel={signOutLabel}\r\n          />\r\n        </MenuWrapper>\r\n      )}\r\n      <FirstRowLayout>\r\n        {firstName && lastName && (\r\n          <AvatarContainer\r\n            id=\"avatarContainer\"\r\n            ref={userRef}\r\n            onClick={actions?.user}\r\n            onKeyDown={(e: any) => (isPressingEnter(e) ? fireAction(actions?.user, userRef) : null)}\r\n            inMobileMenu={true}\r\n            hideOnLowWidth={false}>\r\n            <Avatar size={36} firstName={firstName} lastName={lastName} color={COLORS.primary_500} profileMenuLink=\"#TODO\" />\r\n          </AvatarContainer>\r\n        )}\r\n        {actions?.notification && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={false}\r\n            isInMobileMenu={true}\r\n            action={() => fireAction(actions?.notification)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.notification) : null)}>\r\n              <Notification size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        <Right>\r\n          <Actions\r\n            actions={actions}\r\n            firstName={firstName}\r\n            lastName={lastName}\r\n            isInMobileMenu={true}\r\n            hideOnLowWidth={false}\r\n            useUserMenu={useUserMenu}\r\n            setShowUserMenu={setShowUserMenu}\r\n          />\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => clickMenuAction()} isInMobileMenu={true}>\r\n            <Close size=\"24px\" />\r\n          </IconButton>\r\n        </Right>\r\n      </FirstRowLayout>\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          {navigationOptions?.map((no) => (\r\n            <li key={no.label}>\r\n              <StyledNavItem\r\n                as={NavLink}\r\n                exact={no?.exact}\r\n                to={no.to}\r\n                onClick={() => {\r\n                  if (no?.onClick) {\r\n                    no?.onClick();\r\n                  }\r\n                }}>\r\n                {no.label}\r\n              </StyledNavItem>\r\n            </li>\r\n          ))}\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n\r\n      <BottomPinnedSection>\r\n        <MenuSection style={{ padding: '0 12px 12px 12px', margin: '0' }}>\r\n          <MenuSectionList>\r\n            <BottomRowLayout>\r\n              <LaerdalLogo />\r\n              {switcherAction && (\r\n                <SwitcherButton>\r\n                  <SwitchButton onClick={() => switcherAction()}>Switch site</SwitchButton>{' '}\r\n                  <IconButton\r\n                    variant={'secondary'}\r\n                    shape={'circular'}\r\n                    hideOnLowWidth={false}\r\n                    isInMobileMenu={true}\r\n                    id=\"globalNavAppsButton\"\r\n                    action={() => switcherAction()}\r\n                    onKeyPress={(e: any) => (isPressingEnter(e) ? switcherAction() : null)}>\r\n                      <SwitchApp size=\"24px\" />\r\n                  </IconButton>\r\n                </SwitcherButton>\r\n              )}\r\n            </BottomRowLayout>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </BottomPinnedSection>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default MobileMenu;\r\n"],"file":"MobileMenu.js"}

package/dist/umd/HyperLink/HyperLink.js

@@ -0,0 +1,169 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "styled-components", "./styling"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("./styling"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.styling);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styledComponents, _styling) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _propTypes2 = _interopRequireDefault(_propTypes);
+
+  var React = _interopRequireWildcard(_react);
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  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 _excluded = ["children", "target", "variant"];
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+
+    var key, i;
+
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+      }
+    }
+
+    return target;
+  }
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+
+    return target;
+  }
+
+  const StyledLink = _styledComponents2.default.a`
+  ${props => props.variant === 'inverted' ? _styling.invertedStyle : _styling.defaultStyle}
+  ${props => props.margin ? `margin: ${props.margin};` : ''}
+`;
+
+  const HyperLink = _ref => {
+    let {
+      children,
+      target = '_blank',
+      variant = 'default'
+    } = _ref,
+        props = _objectWithoutProperties(_ref, _excluded);
+
+    return /*#__PURE__*/React.createElement(StyledLink, _extends({}, props, {
+      variant: variant,
+      target: target,
+      rel: "noopener noreferrer"
+    }), children);
+  };
+
+  HyperLink.propTypes = {
+    id: _propTypes2.default.string.isRequired,
+    variant: _propTypes2.default.oneOf(['default', 'inverted']).isRequired,
+    href: _propTypes2.default.string.isRequired,
+    disabled: _propTypes2.default.bool,
+    margin: _propTypes2.default.string,
+    children: _propTypes2.default.any,
+    className: _propTypes2.default.string
+  };
+  exports.default = HyperLink;
+});
+//# sourceMappingURL=HyperLink.js.map

package/dist/umd/HyperLink/HyperLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/HyperLink/HyperLink.tsx"],"names":["StyledLink","styled","a","props","defaultStyle","margin","id","variant","href","disabled","children","className","HyperLink","target"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,QAAMA,UAAU,GAAGC,2BAAOC,CAGvB;AACH,IAAKC,KAAD,IAAYA,KAAK,CAALA,OAAAA,KAAAA,UAAAA,GAAAA,sBAAAA,GAA+CC,qBAAc;AAC7E,IAAKD,KAAD,IAAYA,KAAK,CAALA,MAAAA,GAAgB,WAAUA,KAAK,CAACE,MAAhCF,GAAAA,GAA4C,EAAI;AALhE,CAAA;;AAkBA,QAAMS,SAAkD,GAAG,IAAA,IAAoF;AAAA,QAAnF;AAAA,MAAA,QAAA;AAAYC,MAAAA,MAAM,GAAlB,QAAA;AAA+BN,MAAAA,OAAO,GAAG;AAAzC,QAAmF,IAAA;AAAA,QAA5BJ,KAA4B,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA;;AAC7I,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EAAA,KAAA,EAAA;AAAuB,MAAA,OAAO,EAA9B,OAAA;AAAyC,MAAA,MAAM,EAA/C,MAAA;AAAyD,MAAA,GAAG,EAAC;AAA7D,KAAA,CAAA,EADF,QACE,CADF;AADF,GAAA;;;AATEG,IAAAA,E;AACAC,IAAAA,O,6BAAS,S,EAAY,U;AACrBC,IAAAA,I;AACAC,IAAAA,Q;AACAJ,IAAAA,M;AACAK,IAAAA,Q;AACAC,IAAAA,S;;oBAWF,S","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nconst StyledLink = styled.a<{\r\n  variant: 'default' | 'inverted';\r\n  margin?: string;\r\n}>`\r\n  ${(props) => (props.variant === 'inverted' ? invertedStyle : defaultStyle)}\r\n  ${(props) => (props.margin ? `margin: ${props.margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  id: string;\r\n  variant: 'default' | 'inverted';\r\n  href: string;\r\n  disabled?: boolean;\r\n  margin?: string;\r\n  children?: any;\r\n  className?: string;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  return (\r\n    <StyledLink {...props} variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"file":"HyperLink.js"}

package/dist/umd/HyperLink/index.js

@@ -0,0 +1,33 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./HyperLink", "./styling"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./HyperLink"), require("./styling"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.HyperLink, global.styling);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _HyperLink, _styling) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.HyperLinkDefaultStyling = exports.HyperLinkInvertedStyling = exports.HyperLink = undefined;
+
+  var _HyperLink2 = _interopRequireDefault(_HyperLink);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  exports.HyperLink = _HyperLink2.default;
+  exports.HyperLinkInvertedStyling = _styling.invertedStyle;
+  exports.HyperLinkDefaultStyling = _styling.defaultStyle;
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/HyperLink/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGA,S,GAAA,mB;UAAA,wB,GAAA,sB;UAAA,uB,GAAA,qB","sourcesContent":["import HyperLink from './HyperLink';\r\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\r\n\r\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };\r\n"],"file":"index.js"}