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

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

package/dist/umd/HyperLink/HyperLink.js

@@ -0,0 +1,170 @@
+(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`
+  cursor: pointer;
+  ${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,
+    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;AACA,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;AANhE,CAAA;;AAmBA,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';\nimport styled from 'styled-components';\nimport { defaultStyle, invertedStyle } from './styling';\n\nconst StyledLink = styled.a<{\n  variant: 'default' | 'inverted';\n  margin?: string;\n}>`\n  cursor: pointer;\n  ${(props) => (props.variant === 'inverted' ? invertedStyle : defaultStyle)}\n  ${(props) => (props.margin ? `margin: ${props.margin};` : '')}\n`;\n\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  id?: string;\n  variant: 'default' | 'inverted';\n  href: string;\n  disabled?: boolean;\n  margin?: string;\n  children?: any;\n  className?: string;\n}\n\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\n  return (\n    <StyledLink {...props} variant={variant} target={target} rel=\"noopener noreferrer\">\n      {children}\n    </StyledLink>\n  );\n};\n\nexport default HyperLink;\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';\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\n\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };\n"],"file":"index.js"}