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

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

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _index = require("../index");
+
+var _SystemIcons = require("../../icons/systemicons/SystemIcons");
+
+var _history = require("history");
+
+require("jest-styled-components");
+
+var _reactRouter = require("react-router");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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; }
+
+var _default = {
+  title: 'Basic | GlobalNavigationBar',
+  component: _index.GlobalNavigationBar,
+  decorators: [],
+  parameter: {}
+};
+exports.default = _default;
+var mainNavigationOptions = [{
+  label: 'Overview',
+  to: '/',
+  exact: true,
+  onClick: function onClick() {
+    console.log('Clicked on overview page');
+  }
+}, {
+  label: 'Services',
+  to: '/services'
+}, {
+  label: 'Products',
+  to: '/products'
+}];
+var headerActions = {
+  apps: function apps() {
+    // @ts-ignore
+    window.portalNav.toggle();
+  },
+  language: function language() {},
+  notification: function notification() {},
+  search: function search() {},
+  settings: function settings() {},
+  user: function user() {}
+};
+var mobileActions = {
+  apps: function apps() {
+    console.log('Pressed apps button');
+  },
+  user: function user() {},
+  settings: function settings() {
+    console.log('Pressed settings button');
+  }
+};
+var 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'
+}];
+var 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
+}];
+var organizationSection = [{
+  label: 'Organization details',
+  to: '/organization/myorganization',
+  icon: _SystemIcons.Institute,
+  isExternal: false
+}, {
+  label: 'People',
+  to: '/organization/user-management',
+  icon: _SystemIcons.Team,
+  isExternal: false
+}];
+var 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', function () {
+  return _objectSpread(_objectSpread({}, jest.requireActual('react-router-dom')), {}, {
+    useLocation: function useLocation() {
+      return {
+        pathname: 'localhost:3000/test'
+      };
+    }
+  });
+});
+describe('<Button />', function () {
+  it('Renders global navigation bar', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var _queryByText, _queryByText2, _queryByText3, _queryByText4, _queryByText5, _mainNavigationOption;
+
+    var history, route, _render, queryByText, getByTestId;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            history = (0, _history.createMemoryHistory)();
+            route = '/some-route';
+            history.push(route);
+            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactRouter.Router, {
+              history: history
+            }, /*#__PURE__*/_react.default.createElement(_index.GlobalNavigationBar, {
+              name: "Home",
+              mainNavigationOptions: mainNavigationOptions,
+              secondaryNavigationOptions: undefined
+              /*secondaryButton={!isAuthenticated ? secondaryButton : undefined}*/
+              ,
+
+              /*secondaryButton={!isAuthenticated ? secondaryButton : undefined}*/
+              actions: headerActions,
+              firstName: 'Test',
+              lastName: 'Test',
+              email: "email@email.com",
+              signout: function signout(e) {
+                e.preventDefault();
+              },
+              isAuthenticated: true,
+              mobileActions: mobileActions,
+              notifications: notifications,
+              reverseRightSideOrder: false,
+              switcherAction: function switcherAction() {},
+              showBetaTag: true,
+              accountSection: accountSection || [],
+              organizationSection: organizationSection || [],
+              supportSection: supportSection || [],
+              accountMenuHeader: "Account",
+              signOutLabel: "Sign out",
+              organizationName: "Laerdal Medical AS",
+              useUserMenu: true,
+              testId: "TestGlobalNavigationBar"
+            }))), queryByText = _render.queryByText, getByTestId = _render.getByTestId;
+            expect(queryByText('Home')).toBeDefined(); // Test click on main logo
+
+            (_queryByText = queryByText('Home')) === null || _queryByText === void 0 ? void 0 : _queryByText.click();
+            expect(history.location.pathname).toBe('/');
+            expect(queryByText('Overview')).toBeDefined();
+            expect((_queryByText2 = queryByText('Overview')) === null || _queryByText2 === void 0 ? void 0 : _queryByText2.classList).toContain('active');
+            expect((_queryByText3 = queryByText('Services')) === null || _queryByText3 === void 0 ? void 0 : _queryByText3.classList).not.toContain('active');
+            (_queryByText4 = queryByText('Services')) === null || _queryByText4 === void 0 ? void 0 : _queryByText4.click();
+            expect((_queryByText5 = queryByText('Services')) === null || _queryByText5 === void 0 ? void 0 : _queryByText5.classList).toContain('active');
+            expect(history.location.pathname).toBe((_mainNavigationOption = mainNavigationOptions.find(function (option) {
+              return option.label === 'Services';
+            })) === null || _mainNavigationOption === void 0 ? void 0 : _mainNavigationOption.to);
+            expect(getByTestId('testUserMenuWrapper').classList).toContain('closed');
+            getByTestId('testAvatarContainer').click();
+            expect(getByTestId('testUserMenuWrapper').classList).toContain('open');
+
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+});
+//# sourceMappingURL=GlobalNavigationBar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/__tests__/GlobalNavigationBar.test.tsx"],"names":["title","component","GlobalNavigationBar","decorators","parameter","mainNavigationOptions","label","to","exact","onClick","console","log","headerActions","apps","window","portalNav","toggle","language","notification","search","settings","user","mobileActions","notifications","accountSection","icon","UserIcon","isExternal","Language","Filter","organizationSection","Institute","Team","supportSection","Help","Support","jest","mock","requireActual","useLocation","pathname","describe","it","history","route","push","undefined","e","preventDefault","queryByText","getByTestId","expect","toBeDefined","click","location","toBe","classList","toContain","not","find","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/js/GlobalNavigationBar/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GlobalNavigationBar", {
+  enumerable: true,
+  get: function get() {
+    return _GlobalNavigationBar.default;
+  }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _Avatar.default;
+  }
+});
+Object.defineProperty(exports, "AvatarContainer", {
+  enumerable: true,
+  get: function get() {
+    return _Avatar.AvatarContainer;
+  }
+});
+
+var _GlobalNavigationBar = _interopRequireDefault(require("./GlobalNavigationBar"));
+
+var _Avatar = _interopRequireWildcard(require("./Avatar"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/GlobalNavigationBar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\nimport Avatar, { AvatarContainer } from './Avatar';\n\nexport { GlobalNavigationBar, Avatar, AvatarContainer };\n"],"file":"index.js"}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+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 = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _styles = require("../../styles");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _typography = require("../../styles/typography");
+
+var _zIndexes = require("../../styles/z-indexes");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var RowLayout = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+
+exports.RowLayout = RowLayout;
+
+var Button = _styledComponents.default.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  font-weight: bold;\n  border: 0;\n"])), _styles.COLORS.white);
+
+exports.Button = Button;
+var flowLeft = (0, _styledComponents.keyframes)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"])));
+var flowRight = (0, _styledComponents.keyframes)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"])));
+
+var Menu = _styledComponents.default.ul(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 100%;\n  list-style: none;\n  margin: 0 auto 0 auto;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  right: 0;\n  top: 0;\n  min-width: 300px;\n  position: absolute;\n  z-index: ", ";\n  align-items: center;\n  width: 320px;\n  padding-inline-start: 0;\n\n  ", " {\n    min-width: 360px;\n  }\n\n  .open & {\n    display: block;\n    -webkit-animation: ", " 0.3s ease-in-out;\n    animation: ", " 0.3s ease-in-out;\n  }\n\n  .closed & {\n    display: block;\n    -webkit-animation: ", " 0.3s ease-in-out;\n    animation: ", " 0.3s ease-in-out;\n  }\n"])), _styles.COLORS.white, _zIndexes.Z_INDEXES.off_canvas, _styles.BREAKPOINTS.SMALL, flowLeft, flowLeft, flowRight, flowRight);
+
+exports.Menu = Menu;
+
+var Right = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: auto;\n"])));
+
+exports.Right = Right;
+
+var SiteName = _styledComponents.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: bold;\n  font-size: 14px;\n  margin-left: 4px;\n"])), _styles.COLORS.neutral_600);
+
+exports.SiteName = SiteName;
+
+var MenuSection = _styledComponents.default.li(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: 16px;\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n"])));
+
+exports.MenuSection = MenuSection;
+
+var MenuSectionList = _styledComponents.default.ul(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\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"])));
+
+exports.MenuSectionList = MenuSectionList;
+var UserMenuSectionListStyling = (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  li {\n    position: relative;\n  }\n  li:hover:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    a {\n      color: ", ";\n    }\n    svg {\n      color: ", ";\n    }\n  }\n\n  li:focus-within:not(.disabled) {\n    z-index: ", ";\n    box-shadow: 0px 0px 8px ", ", 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: ", ";\n    background: ", ";\n    box-shadow: none;\n    a {\n      color: ", ";\n    }\n    svg {\n      color: ", ";\n    }\n  }\n\n  .disabled {\n    a {\n      color: ", ";\n    }\n    svg {\n      color: ", ";\n    }\n    background-color: ", ";\n  }\n"])), _zIndexes.Z_INDEXES.hover, _styles.COLORS.primary_20, _styles.COLORS.primary_600, _styles.COLORS.primary_600, _zIndexes.Z_INDEXES.focus, _styles.COLORS.primary_500, _zIndexes.Z_INDEXES.active, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.COLORS.primary_800, _styles.COLORS.neutral_300, _styles.COLORS.neutral_300, _styles.COLORS.neutral_100);
+exports.UserMenuSectionListStyling = UserMenuSectionListStyling;
+var MenuLink = (0, _styledComponents.default)(_reactRouterDom.NavLink)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  border: none;\n  background: transparent;\n  margin: auto;\n\n  box-sizing: border-box;\n\n  ", "\n\n  text-decoration: none;\n  text-align: center;\n  align-items: center;\n  display: flex;\n"])), (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black));
+exports.MenuLink = MenuLink;
+
+var MenuWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: ", ";\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: ", ";\n  }\n"])), _styles.COLORS.white, function (props) {
+  return props.isVisible ? 'flex' : 'none';
+}, _styles.COLORS.white);
+
+exports.MenuWrapper = MenuWrapper;
+var flowDown = (0, _styledComponents.keyframes)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
+exports.flowDown = flowDown;
+//# sourceMappingURL=CommonStyles.js.map

package/dist/js/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","NavLink","ComponentTextStyle","Regular","black","MenuWrapper","props","isVisible","flowDown"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,IAAMA,SAAS,GAAGC,0BAAOC,GAAV,iHAAf;;;;AAKA,IAAMC,MAAM,GAAGF,0BAAOG,MAAV,yIACGC,eAAOC,KADV,CAAZ;;;AAMP,IAAMC,QAAQ,OAAGC,2BAAH,uMAAd;AAWA,IAAMC,SAAS,OAAGD,2BAAH,uMAAf;;AAWO,IAAME,IAAI,GAAGT,0BAAOU,EAAV,qpBAIKN,eAAOC,KAJZ,EAWJM,oBAAUC,UAXN,EAgBbC,oBAAYC,KAhBC,EAsBQR,QAtBR,EAuBAA,QAvBA,EA4BQE,SA5BR,EA6BAA,SA7BA,CAAV;;;;AAiCA,IAAMO,KAAK,GAAGf,0BAAOC,GAAV,iHAAX;;;;AAKA,IAAMe,QAAQ,GAAGhB,0BAAOiB,IAAV,yJACVb,eAAOc,WADG,CAAd;;;;AAOA,IAAMC,WAAW,GAAGnB,0BAAOoB,EAAV,gMAAjB;;;;AASA,IAAMC,eAAe,GAAGrB,0BAAOU,EAAV,uOAArB;;;AAeA,IAAMY,0BAA0B,OAAGC,qBAAH,6uBAKxBZ,oBAAUa,KALc,EAMfpB,eAAOqB,UANQ,EAQxBrB,eAAOsB,WARiB,EAWxBtB,eAAOsB,WAXiB,EAgBxBf,oBAAUgB,KAhBc,EAiBTvB,eAAOwB,WAjBE,EAwBxBjB,oBAAUkB,MAxBc,EAyBrBzB,eAAO0B,WAzBc,EA4BxB1B,eAAO2B,WA5BiB,EA+BxB3B,eAAO2B,WA/BiB,EAqCxB3B,eAAO4B,WArCiB,EAwCxB5B,eAAO4B,WAxCiB,EA0Cf5B,eAAO6B,WA1CQ,CAAhC;;AA8CA,IAAMC,QAAQ,GAAG,+BAAOC,uBAAP,CAAH,8QAOjB,mCAAkBC,+BAAmBC,OAArC,EAA8CjC,eAAOkC,KAArD,CAPiB,CAAd;;;AAeA,IAAMC,WAAW,GAAGvC,0BAAOC,GAAV,iRACFG,eAAOC,KADL,EAEX,UAACmC,KAAD;AAAA,SAAYA,KAAK,CAACC,SAAN,GAAkB,MAAlB,GAA2B,MAAvC;AAAA,CAFW,EAYNrC,eAAOC,KAZD,CAAjB;;;AAoBA,IAAMqC,QAAQ,OAAGnC,2BAAH,0MAAd","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/js/GlobalNavigationBar/mobile/ExitMenuButton.js

@@ -0,0 +1,46 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _SystemIcons = require("../../icons/systemicons/SystemIcons");
+
+var _CommonStyles = require("./CommonStyles");
+
+var _templateObject;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var StyledButton = (0, _styledComponents.default)(_CommonStyles.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0;\n  height: 36px;\n"])));
+
+var ExitMenuButton = function ExitMenuButton(_ref) {
+  var closeMenu = _ref.closeMenu;
+  return /*#__PURE__*/React.createElement(StyledButton, {
+    onClick: closeMenu
+  }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
+    size: "24px"
+  }));
+};
+
+ExitMenuButton.propTypes = {
+  closeMenu: _propTypes.default.func.isRequired
+};
+var _default = ExitMenuButton;
+exports.default = _default;
+//# sourceMappingURL=ExitMenuButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/ExitMenuButton.tsx"],"names":["StyledButton","Button","ExitMenuButton","closeMenu"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,+BAAOC,oBAAP,CAAH,uGAAlB;;AASA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAAqD;AAAA,MAAlDC,SAAkD,QAAlDA,SAAkD;AAC1E,sBACE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAEA;AAAvB,kBACE,oBAAC,kBAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,IADF,CADF;AAKD,CAND;;;AAHEA,EAAAA,S;;eAWaD,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/js/GlobalNavigationBar/mobile/MobileActionMenu.js

@@ -0,0 +1,75 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Actions = _interopRequireDefault(require("../Actions"));
+
+var _ExitMenuButton = _interopRequireDefault(require("./ExitMenuButton"));
+
+var _CommonStyles = require("./CommonStyles");
+
+var _templateObject;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var FirstRowLayout = (0, _styledComponents.default)(_CommonStyles.RowLayout)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 5px;\n"])));
+
+var MobileActionMenu = function MobileActionMenu(_ref) {
+  var clickMenuAction = _ref.clickMenuAction,
+      navigationOptions = _ref.navigationOptions,
+      firstName = _ref.firstName,
+      lastName = _ref.lastName,
+      actionList = _ref.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(_Actions.default, {
+    actions: actionList,
+    firstName: firstName,
+    lastName: lastName,
+    isInMobileMenu: true,
+    useUserMenu: false,
+    setShowUserMenu: function setShowUserMenu() {}
+  })), /*#__PURE__*/React.createElement(_CommonStyles.Right, null, /*#__PURE__*/React.createElement(_ExitMenuButton.default, {
+    closeMenu: clickMenuAction
+  }))), /*#__PURE__*/React.createElement(_CommonStyles.MenuSection, null, /*#__PURE__*/React.createElement(_CommonStyles.MenuSectionList, null, navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(function (no) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: no.label,
+      onClick: function onClick() {
+        return clickMenuAction();
+      }
+    }, /*#__PURE__*/React.createElement(_CommonStyles.MenuLink, {
+      to: no.to,
+      role: "menuitem"
+    }, /*#__PURE__*/React.createElement("div", null, no.label)));
+  }))));
+};
+
+MobileActionMenu.propTypes = {
+  name: _propTypes.default.string.isRequired,
+  mainNavLabel: _propTypes.default.string,
+  navigationOptions: _propTypes.default.array,
+  clickMenuAction: _propTypes.default.func.isRequired,
+  firstName: _propTypes.default.string,
+  lastName: _propTypes.default.string
+};
+var _default = MobileActionMenu;
+exports.default = _default;
+//# sourceMappingURL=MobileActionMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/MobileActionMenu.tsx"],"names":["FirstRowLayout","RowLayout","MobileActionMenu","clickMenuAction","navigationOptions","firstName","lastName","actionList","map","no","label","to","name","mainNavLabel"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,cAAc,GAAG,+BAAOC,uBAAP,CAAH,2FAApB;;AAeA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAoF;AAAA,MAAjFC,eAAiF,QAAjFA,eAAiF;AAAA,MAAhEC,iBAAgE,QAAhEA,iBAAgE;AAAA,MAA7CC,SAA6C,QAA7CA,SAA6C;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;AAAA,MAAxBC,UAAwB,QAAxBA,UAAwB;AAC3G,sBACE,oBAAC,kBAAD;AAAM,IAAA,IAAI,EAAC,MAAX;AAAkB,uBAAgB;AAAlC,kBACE,oBAAC,cAAD,qBACE,uDACE,oBAAC,gBAAD;AAAS,IAAA,OAAO,EAAEA,UAAlB;AAA8B,IAAA,SAAS,EAAEF,SAAzC;AAAoD,IAAA,QAAQ,EAAEC,QAA9D;AAAwE,IAAA,cAAc,EAAE,IAAxF;AAA8F,IAAA,WAAW,EAAE,KAA3G;AAAkH,IAAA,eAAe,EAAE,2BAAM,CAAE;AAA3I,IADF,CADF,eAIE,oBAAC,mBAAD,qBACE,oBAAC,uBAAD;AAAgB,IAAA,SAAS,EAAEH;AAA3B,IADF,CAJF,CADF,eASE,oBAAC,yBAAD,qBACE,oBAAC,6BAAD,QACGC,iBADH,aACGA,iBADH,uBACGA,iBAAiB,CAAEI,GAAnB,CAAuB,UAAAC,EAAE;AAAA,wBACxB;AAAI,MAAA,GAAG,EAAEA,EAAE,CAACC,KAAZ;AAAmB,MAAA,OAAO,EAAE;AAAA,eAAMP,eAAe,EAArB;AAAA;AAA5B,oBACE,oBAAC,sBAAD;AAAU,MAAA,EAAE,EAAEM,EAAE,CAACE,EAAjB;AAAqB,MAAA,IAAI,EAAC;AAA1B,oBACE,iCAAMF,EAAE,CAACC,KAAT,CADF,CADF,CADwB;AAAA,GAAzB,CADH,CADF,CATF,CADF;AAuBD,CAxBD;;;AAVEE,EAAAA,I;AACAC,EAAAA,Y;AACAT,EAAAA,iB;AAEAD,EAAAA,e;AACAE,EAAAA,S;AACAC,EAAAA,Q;;eA8BaJ,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"}