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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/GlobalNavigationBar/index.tsx"],"names":["GlobalNavigationBar","Avatar","AvatarContainer"],"mappings":"AAAA,OAAOA,mBAAP,MAAgC,uBAAhC;AACA,OAAOC,MAAP,IAAiBC,eAAjB,QAAwC,UAAxC;AAEA,SAASF,mBAAT,EAA8BC,MAA9B,EAAsCC,eAAtC","sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\nimport Avatar, { AvatarContainer } from './Avatar';\n\nexport { GlobalNavigationBar, Avatar, AvatarContainer };\n"],"file":"index.js"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"names":["styled","css","keyframes","BREAKPOINTS","COLORS","NavLink","ComponentMStyling","ComponentTextStyle","Z_INDEXES","RowLayout","div","Button","button","white","flowLeft","flowRight","Menu","ul","off_canvas","SMALL","Right","SiteName","span","neutral_600","MenuSection","li","MenuSectionList","UserMenuSectionListStyling","hover","primary_20","primary_600","focus","primary_500","active","primary_100","primary_800","neutral_300","neutral_100","MenuLink","Regular","black","MenuWrapper","props","isVisible","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/esm/GlobalNavigationBar/mobile/ExitMenuButton.js

@@ -0,0 +1,25 @@
+import _pt from "prop-types";
+import * as React from 'react';
+import styled from 'styled-components';
+import { Close } from '../../icons/systemicons/SystemIcons';
+import { Button } from './CommonStyles';
+const StyledButton = styled(Button)`
+  padding: 0;
+  height: 36px;
+`;
+
+const ExitMenuButton = ({
+  closeMenu
+}) => {
+  return /*#__PURE__*/React.createElement(StyledButton, {
+    onClick: closeMenu
+  }, /*#__PURE__*/React.createElement(Close, {
+    size: "24px"
+  }));
+};
+
+ExitMenuButton.propTypes = {
+  closeMenu: _pt.func.isRequired
+};
+export default ExitMenuButton;
+//# sourceMappingURL=ExitMenuButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/ExitMenuButton.tsx"],"names":["React","styled","Close","Button","StyledButton","ExitMenuButton","closeMenu"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,qCAAtB;AACA,SAASC,MAAT,QAAuB,gBAAvB;AAEA,MAAMC,YAAY,GAAGH,MAAM,CAACE,MAAD,CAAS;AACpC;AACA;AACA,CAHA;;AASA,MAAME,cAAc,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAqD;AAC1E,sBACE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAEA;AAAvB,kBACE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,IADF,CADF;AAKD,CAND;;;AAHEA,EAAAA,S;;AAWF,eAAeD,cAAf","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/esm/GlobalNavigationBar/mobile/MobileActionMenu.js

@@ -0,0 +1,48 @@
+import _pt from "prop-types";
+import * as React from 'react';
+import styled from 'styled-components';
+import Actions from '../Actions';
+import ExitMenuButton from './ExitMenuButton';
+import { Menu, Right, MenuSection, MenuSectionList, MenuLink, RowLayout } from './CommonStyles';
+const FirstRowLayout = styled(RowLayout)`
+  margin-top: 5px;
+`;
+
+const MobileActionMenu = ({
+  clickMenuAction,
+  navigationOptions,
+  firstName,
+  lastName,
+  actionList
+}) => {
+  return /*#__PURE__*/React.createElement(Menu, {
+    role: "menu",
+    "aria-labelledby": "UserMenuButton"
+  }, /*#__PURE__*/React.createElement(FirstRowLayout, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Actions, {
+    actions: actionList,
+    firstName: firstName,
+    lastName: lastName,
+    isInMobileMenu: true,
+    useUserMenu: false,
+    setShowUserMenu: () => {}
+  })), /*#__PURE__*/React.createElement(Right, null, /*#__PURE__*/React.createElement(ExitMenuButton, {
+    closeMenu: clickMenuAction
+  }))), /*#__PURE__*/React.createElement(MenuSection, null, /*#__PURE__*/React.createElement(MenuSectionList, null, navigationOptions?.map(no => /*#__PURE__*/React.createElement("li", {
+    key: no.label,
+    onClick: () => clickMenuAction()
+  }, /*#__PURE__*/React.createElement(MenuLink, {
+    to: no.to,
+    role: "menuitem"
+  }, /*#__PURE__*/React.createElement("div", null, no.label)))))));
+};
+
+MobileActionMenu.propTypes = {
+  name: _pt.string.isRequired,
+  mainNavLabel: _pt.string,
+  navigationOptions: _pt.array,
+  clickMenuAction: _pt.func.isRequired,
+  firstName: _pt.string,
+  lastName: _pt.string
+};
+export default MobileActionMenu;
+//# sourceMappingURL=MobileActionMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/MobileActionMenu.tsx"],"names":["React","styled","Actions","ExitMenuButton","Menu","Right","MenuSection","MenuSectionList","MenuLink","RowLayout","FirstRowLayout","MobileActionMenu","clickMenuAction","navigationOptions","firstName","lastName","actionList","map","no","label","to","name","mainNavLabel"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,WAAtB,EAAmCC,eAAnC,EAAoDC,QAApD,EAA8DC,SAA9D,QAA+E,gBAA/E;AAEA,MAAMC,cAAc,GAAGT,MAAM,CAACQ,SAAD,CAAY;AACzC;AACA,CAFA;;AAeA,MAAME,gBAAgB,GAAG,CAAC;AAAEC,EAAAA,eAAF;AAAmBC,EAAAA,iBAAnB;AAAsCC,EAAAA,SAAtC;AAAiDC,EAAAA,QAAjD;AAA2DC,EAAAA;AAA3D,CAAD,KAAoF;AAC3G,sBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC,MAAX;AAAkB,uBAAgB;AAAlC,kBACE,oBAAC,cAAD,qBACE,uDACE,oBAAC,OAAD;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,MAAM,CAAE;AAA3I,IADF,CADF,eAIE,oBAAC,KAAD,qBACE,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAEH;AAA3B,IADF,CAJF,CADF,eASE,oBAAC,WAAD,qBACE,oBAAC,eAAD,QACGC,iBAAiB,EAAEI,GAAnB,CAAuBC,EAAE,iBACxB;AAAI,IAAA,GAAG,EAAEA,EAAE,CAACC,KAAZ;AAAmB,IAAA,OAAO,EAAE,MAAMP,eAAe;AAAjD,kBACE,oBAAC,QAAD;AAAU,IAAA,EAAE,EAAEM,EAAE,CAACE,EAAjB;AAAqB,IAAA,IAAI,EAAC;AAA1B,kBACE,iCAAMF,EAAE,CAACC,KAAT,CADF,CADF,CADD,CADH,CADF,CATF,CADF;AAuBD,CAxBD;;;AAVEE,EAAAA,I;AACAC,EAAAA,Y;AACAT,EAAAA,iB;AAEAD,EAAAA,e;AACAE,EAAAA,S;AACAC,EAAAA,Q;;AA8BF,eAAeJ,gBAAf","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"}