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

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

@@ -0,0 +1,207 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "styled-components", "../../styles", "react-router-dom", "../../styles/typography", "../../styles/z-indexes"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("styled-components"), require("../../styles"), require("react-router-dom"), require("../../styles/typography"), require("../../styles/z-indexes"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.styledComponents, global.styles, global.reactRouterDom, global.typography, global.zIndexes);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _styledComponents, _styles, _reactRouterDom, _typography, _zIndexes) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.flowDown = exports.MenuWrapper = exports.MenuLink = exports.UserMenuSectionListStyling = exports.MenuSectionList = exports.MenuSection = exports.SiteName = exports.Right = exports.Menu = exports.Button = exports.RowLayout = undefined;
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  const RowLayout = exports.RowLayout = _styledComponents2.default.div`
+  display: flex;
+  align-items: center;
+`;
+  const Button = exports.Button = _styledComponents2.default.button`
+  background-color: ${_styles.COLORS.white};
+  font-weight: bold;
+  border: 0;
+`;
+  const flowLeft = _styledComponents.keyframes`
+  0% {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+  const flowRight = _styledComponents.keyframes`
+  0% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+`;
+  const Menu = exports.Menu = _styledComponents2.default.ul`
+  height: 100%;
+  list-style: none;
+  margin: 0 auto 0 auto;
+  background-color: ${_styles.COLORS.white};
+  box-sizing: border-box;
+  display: none;
+  right: 0;
+  top: 0;
+  min-width: 300px;
+  position: absolute;
+  z-index: ${_zIndexes.Z_INDEXES.off_canvas};
+  align-items: center;
+  width: 320px;
+  padding-inline-start: 0;
+
+  ${_styles.BREAKPOINTS.SMALL} {
+    min-width: 360px;
+  }
+
+  .open & {
+    display: block;
+    -webkit-animation: ${flowLeft} 0.3s ease-in-out;
+    animation: ${flowLeft} 0.3s ease-in-out;
+  }
+
+  .closed & {
+    display: block;
+    -webkit-animation: ${flowRight} 0.3s ease-in-out;
+    animation: ${flowRight} 0.3s ease-in-out;
+  }
+`;
+  const Right = exports.Right = _styledComponents2.default.div`
+  display: flex;
+  margin-left: auto;
+`;
+  const SiteName = exports.SiteName = _styledComponents2.default.span`
+  color: ${_styles.COLORS.neutral_600};
+  font-weight: bold;
+  font-size: 14px;
+  margin-left: 4px;
+`;
+  const MenuSection = exports.MenuSection = _styledComponents2.default.li`
+  margin-top: 16px;
+  .disabled-link {
+    color: #21212150;
+    pointer-events: none;
+    key-events: none;
+  }
+`;
+  const MenuSectionList = exports.MenuSectionList = _styledComponents2.default.ul`
+  list-style: none;
+  padding: 0;
+
+  li {
+    width: 80%;
+    height: 48px;
+    margin: 0 auto 0 12px;
+    
+    a {
+      height: 100%;
+    }
+  }
+`;
+  const UserMenuSectionListStyling = exports.UserMenuSectionListStyling = _styledComponents.css`
+  li {
+    position: relative;
+  }
+  li:hover:not(.disabled) {
+    z-index: ${_zIndexes.Z_INDEXES.hover};
+    background-color: ${_styles.COLORS.primary_20};
+    a {
+      color: ${_styles.COLORS.primary_600};
+    }
+    svg {
+      color: ${_styles.COLORS.primary_600};
+    }
+  }
+
+  li:focus-within:not(.disabled) {
+    z-index: ${_zIndexes.Z_INDEXES.focus};
+    box-shadow: 0px 0px 8px ${_styles.COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);
+    a {
+      outline: none;
+    }
+  }
+
+  li:active:not(.disabled) {
+    z-index: ${_zIndexes.Z_INDEXES.active};
+    background: ${_styles.COLORS.primary_100};
+    box-shadow: none;
+    a {
+      color: ${_styles.COLORS.primary_800};
+    }
+    svg {
+      color: ${_styles.COLORS.primary_800};
+    }
+  }
+
+  .disabled {
+    a {
+      color: ${_styles.COLORS.neutral_300};
+    }
+    svg {
+      color: ${_styles.COLORS.neutral_300};
+    }
+    background-color: ${_styles.COLORS.neutral_100};
+  }
+`;
+  const MenuLink = exports.MenuLink = (0, _styledComponents2.default)(_reactRouterDom.NavLink)`
+  border: none;
+  background: transparent;
+  margin: auto;
+
+  box-sizing: border-box;
+
+  ${(0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black)}
+
+  text-decoration: none;
+  text-align: center;
+  align-items: center;
+  display: flex;
+`;
+  const MenuWrapper = exports.MenuWrapper = _styledComponents2.default.div`
+  background-color: ${_styles.COLORS.white};
+  display: ${props => props.isVisible ? 'flex' : 'none'};
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+
+  &:focus-within,
+  &:hover,
+  &.open {
+    background: ${_styles.COLORS.white};
+  }
+`;
+  const flowDown = exports.flowDown = _styledComponents.keyframes`
+  0% {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+});
+//# sourceMappingURL=CommonStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"names":["RowLayout","styled","div","Button","button","COLORS","white","flowLeft","keyframes","flowRight","Menu","ul","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","Right","SiteName","span","neutral_600","MenuSection","li","MenuSectionList","UserMenuSectionListStyling","css","hover","primary_20","primary_600","focus","primary_500","active","primary_100","primary_800","neutral_300","neutral_100","MenuLink","ComponentMStyling","ComponentTextStyle","MenuWrapper","props","flowDown"],"mappings":"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","sourcesContent":["import styled, { css, keyframes } from 'styled-components';\nimport { BREAKPOINTS, COLORS } from '../../styles';\nimport { NavLink } from 'react-router-dom';\nimport { ComponentMStyling, ComponentTextStyle } from '../../styles/typography';\nimport {Z_INDEXES} from '../../styles/z-indexes';\n\nexport const RowLayout = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const Button = styled.button`\n  background-color: ${COLORS.white};\n  font-weight: bold;\n  border: 0;\n`;\n\nconst flowLeft = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst flowRight = keyframes`\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n`;\n\nexport const Menu = styled.ul`\n  height: 100%;\n  list-style: none;\n  margin: 0 auto 0 auto;\n  background-color: ${COLORS.white};\n  box-sizing: border-box;\n  display: none;\n  right: 0;\n  top: 0;\n  min-width: 300px;\n  position: absolute;\n  z-index: ${Z_INDEXES.off_canvas};\n  align-items: center;\n  width: 320px;\n  padding-inline-start: 0;\n\n  ${BREAKPOINTS.SMALL} {\n    min-width: 360px;\n  }\n\n  .open & {\n    display: block;\n    -webkit-animation: ${flowLeft} 0.3s ease-in-out;\n    animation: ${flowLeft} 0.3s ease-in-out;\n  }\n\n  .closed & {\n    display: block;\n    -webkit-animation: ${flowRight} 0.3s ease-in-out;\n    animation: ${flowRight} 0.3s ease-in-out;\n  }\n`;\n\nexport const Right = styled.div`\n  display: flex;\n  margin-left: auto;\n`;\n\nexport const SiteName = styled.span`\n  color: ${COLORS.neutral_600};\n  font-weight: bold;\n  font-size: 14px;\n  margin-left: 4px;\n`;\n\nexport const MenuSection = styled.li`\n  margin-top: 16px;\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n`;\n\nexport const MenuSectionList = styled.ul`\n  list-style: none;\n  padding: 0;\n\n  li {\n    width: 80%;\n    height: 48px;\n    margin: 0 auto 0 12px;\n    \n    a {\n      height: 100%;\n    }\n  }\n`;\n\nexport const UserMenuSectionListStyling = css`\n  li {\n    position: relative;\n  }\n  li:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    background-color: ${COLORS.primary_20};\n    a {\n      color: ${COLORS.primary_600};\n    }\n    svg {\n      color: ${COLORS.primary_600};\n    }\n  }\n\n  li:focus-within:not(.disabled) {\n    z-index: ${Z_INDEXES.focus};\n    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\n    a {\n      outline: none;\n    }\n  }\n\n  li:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    background: ${COLORS.primary_100};\n    box-shadow: none;\n    a {\n      color: ${COLORS.primary_800};\n    }\n    svg {\n      color: ${COLORS.primary_800};\n    }\n  }\n\n  .disabled {\n    a {\n      color: ${COLORS.neutral_300};\n    }\n    svg {\n      color: ${COLORS.neutral_300};\n    }\n    background-color: ${COLORS.neutral_100};\n  }\n`;\n\nexport const MenuLink = styled(NavLink)`\n  border: none;\n  background: transparent;\n  margin: auto;\n\n  box-sizing: border-box;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n\n  text-decoration: none;\n  text-align: center;\n  align-items: center;\n  display: flex;\n`;\n\nexport const MenuWrapper = styled.div<MenuWrapperProps>`\n  background-color: ${COLORS.white};\n  display: ${(props) => (props.isVisible ? 'flex' : 'none')};\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n\n  &:focus-within,\n  &:hover,\n  &.open {\n    background: ${COLORS.white};\n  }\n`;\n\ninterface MenuWrapperProps {\n  isVisible: boolean;\n}\n\nexport const flowDown = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n"],"file":"CommonStyles.js"}

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

@@ -0,0 +1,102 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "styled-components", "../../icons/systemicons/SystemIcons", "./CommonStyles"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../../icons/systemicons/SystemIcons"), require("./CommonStyles"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.SystemIcons, global.CommonStyles);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styledComponents, _SystemIcons, _CommonStyles) {
+  "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 StyledButton = (0, _styledComponents2.default)(_CommonStyles.Button)`
+  padding: 0;
+  height: 36px;
+`;
+
+  const ExitMenuButton = ({
+    closeMenu
+  }) => {
+    return /*#__PURE__*/React.createElement(StyledButton, {
+      onClick: closeMenu
+    }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
+      size: "24px"
+    }));
+  };
+
+  ExitMenuButton.propTypes = {
+    closeMenu: _propTypes2.default.func.isRequired
+  };
+  exports.default = ExitMenuButton;
+});
+//# sourceMappingURL=ExitMenuButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/ExitMenuButton.tsx"],"names":["StyledButton","styled","closeMenu","ExitMenuButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,QAAMA,YAAY,GAAGC,gCAAM,oBAANA,CAAe;AACpC;AACA;AAFA,CAAA;;AASA,QAAME,cAAc,GAAG,CAAC;AAAED,IAAAA;AAAF,GAAD,KAAqD;AAC1E,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAc,MAAA,OAAO,EAAEA;AAAvB,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAO,MAAA,IAAI,EAAC;AAAZ,KAAA,CADF,CADF;AADF,GAAA;;;AAHEA,IAAAA,S;;oBAWF,c","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Close } from '../../icons/systemicons/SystemIcons';\nimport { Button } from './CommonStyles';\n\nconst StyledButton = styled(Button)`\n  padding: 0;\n  height: 36px;\n`;\n\ntype Props = {\n  closeMenu: () => void;\n};\n\nconst ExitMenuButton = ({ closeMenu }: Props): React.ReactElement<Props> => {\n  return (\n    <StyledButton onClick={closeMenu}>\n      <Close size=\"24px\" />\n    </StyledButton>\n  );\n};\n\nexport default ExitMenuButton;\n"],"file":"ExitMenuButton.js"}

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

@@ -0,0 +1,128 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "styled-components", "../Actions", "./ExitMenuButton", "./CommonStyles"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("../Actions"), require("./ExitMenuButton"), require("./CommonStyles"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global.Actions, global.ExitMenuButton, global.CommonStyles);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styledComponents, _Actions, _ExitMenuButton, _CommonStyles) {
+  "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 _ExitMenuButton2 = _interopRequireDefault(_ExitMenuButton);
+
+  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 FirstRowLayout = (0, _styledComponents2.default)(_CommonStyles.RowLayout)`
+  margin-top: 5px;
+`;
+
+  const MobileActionMenu = ({
+    clickMenuAction,
+    navigationOptions,
+    firstName,
+    lastName,
+    actionList
+  }) => {
+    return /*#__PURE__*/React.createElement(_CommonStyles.Menu, {
+      role: "menu",
+      "aria-labelledby": "UserMenuButton"
+    }, /*#__PURE__*/React.createElement(FirstRowLayout, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Actions2.default, {
+      actions: actionList,
+      firstName: firstName,
+      lastName: lastName,
+      isInMobileMenu: true,
+      useUserMenu: false,
+      setShowUserMenu: () => {}
+    })), /*#__PURE__*/React.createElement(_CommonStyles.Right, null, /*#__PURE__*/React.createElement(_ExitMenuButton2.default, {
+      closeMenu: clickMenuAction
+    }))), /*#__PURE__*/React.createElement(_CommonStyles.MenuSection, null, /*#__PURE__*/React.createElement(_CommonStyles.MenuSectionList, null, navigationOptions?.map(no => /*#__PURE__*/React.createElement("li", {
+      key: no.label,
+      onClick: () => clickMenuAction()
+    }, /*#__PURE__*/React.createElement(_CommonStyles.MenuLink, {
+      to: no.to,
+      role: "menuitem"
+    }, /*#__PURE__*/React.createElement("div", null, no.label)))))));
+  };
+
+  MobileActionMenu.propTypes = {
+    name: _propTypes2.default.string.isRequired,
+    mainNavLabel: _propTypes2.default.string,
+    navigationOptions: _propTypes2.default.array,
+    clickMenuAction: _propTypes2.default.func.isRequired,
+    firstName: _propTypes2.default.string,
+    lastName: _propTypes2.default.string
+  };
+  exports.default = MobileActionMenu;
+});
+//# sourceMappingURL=MobileActionMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/MobileActionMenu.tsx"],"names":["FirstRowLayout","styled","name","mainNavLabel","navigationOptions","clickMenuAction","firstName","lastName","MobileActionMenu","actionList","no"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,QAAMA,cAAc,GAAGC,gCAAM,uBAANA,CAAkB;AACzC;AADA,CAAA;;AAeA,QAAMO,gBAAgB,GAAG,CAAC;AAAA,IAAA,eAAA;AAAA,IAAA,iBAAA;AAAA,IAAA,SAAA;AAAA,IAAA,QAAA;AAA2DC,IAAAA;AAA3D,GAAD,KAAoF;AAC3G,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAM,MAAA,IAAI,EAAV,MAAA;AAAkB,yBAAgB;AAAlC,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAS,MAAA,OAAO,EAAhB,UAAA;AAA8B,MAAA,SAAS,EAAvC,SAAA;AAAoD,MAAA,QAAQ,EAA5D,QAAA;AAAwE,MAAA,cAAc,EAAtF,IAAA;AAA8F,MAAA,WAAW,EAAzG,KAAA;AAAkH,MAAA,eAAe,EAAE,MAAM,CAAE;AAA3I,KAAA,CADF,CADF,EAAA,aAIE,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAA;AAAgB,MAAA,SAAS,EAAEJ;AAA3B,KAAA,CADF,CAJF,CADF,EAAA,aASE,KAAA,CAAA,aAAA,CAAA,yBAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA,IAAA,EACG,iBAAiB,EAAjB,GAAA,CAAuBK,EAAE,IAAA,aACxB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAI,MAAA,GAAG,EAAEA,EAAE,CAAX,KAAA;AAAmB,MAAA,OAAO,EAAE,MAAML,eAAe;AAAjD,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AAAU,MAAA,EAAE,EAAEK,EAAE,CAAhB,EAAA;AAAqB,MAAA,IAAI,EAAC;AAA1B,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAMA,EAAE,CAftB,KAec,CADF,CADF,CADD,CADH,CADF,CATF,CADF;AADF,GAAA;;;AAVER,IAAAA,I;AACAC,IAAAA,Y;AACAC,IAAAA,iB;AAEAC,IAAAA,e;AACAC,IAAAA,S;AACAC,IAAAA,Q;;oBA8BF,gB","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { NavOption, ActionOptions } from '../../types';\nimport Actions from '../Actions';\nimport ExitMenuButton from './ExitMenuButton';\nimport { Menu, Right, MenuSection, MenuSectionList, MenuLink, RowLayout } from './CommonStyles';\n\nconst FirstRowLayout = styled(RowLayout)`\n  margin-top: 5px;\n`;\n\ntype Props = {\n  name: string;\n  mainNavLabel?: string;\n  navigationOptions?: NavOption[];\n  actions?: ActionOptions;\n  clickMenuAction: () => void;\n  firstName?: string;\n  lastName?: string;\n  actionList?: ActionOptions;\n};\n\nconst MobileActionMenu = ({ clickMenuAction, navigationOptions, firstName, lastName, actionList }: Props) => {\n  return (\n    <Menu role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <FirstRowLayout>\n        <>\n          <Actions actions={actionList} firstName={firstName} lastName={lastName} isInMobileMenu={true} useUserMenu={false} setShowUserMenu={() => {}} />\n        </>\n        <Right>\n          <ExitMenuButton closeMenu={clickMenuAction} />\n        </Right>\n      </FirstRowLayout>\n      <MenuSection>\n        <MenuSectionList>\n          {navigationOptions?.map(no => (\n            <li key={no.label} onClick={() => clickMenuAction()}>\n              <MenuLink to={no.to} role=\"menuitem\">\n                <div>{no.label}</div>\n              </MenuLink>\n            </li>\n          ))}\n        </MenuSectionList>\n      </MenuSection>\n    </Menu>\n  );\n};\n\nexport default MobileActionMenu;\n"],"file":"MobileActionMenu.js"}